feat(platform): new UI and templates (#639) (#693)

* improvement: control bar

* improvement: debug flow

* improvement: control bar hovers and skeleton loading

* improvement: completed control bar

* improvement: panel tab selector complete

* refactor: deleted notifications and history dropdown

* improvement: chat UI complete

* fix: tab change on control bar run

* improvement: finshed console (audio display not working)

* fix: text wrapping in console content

* improvement: audio UI

* improvement: image display

* feat: add input to console

* improvement: code input and showing input on errors

* feat: download chat and console

* improvement: expandable panel and console visibility

* improvement: empty state UI

* improvement: finished variables

* fix: image in console entry

* improvement: sidebar and templates ui

* feat: uploading and fetching templates

* improvement: sidebar and control bar

* improvement: templates

* feat: templates done

Author: emir-karabeg

apps/sim/app/(auth)/components/social-login-buttons.tsx

@@ -5,7 +5,6 @@ import { GithubIcon, GoogleIcon } from '@/components/icons'
 import { Button } from '@/components/ui/button'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
 import { client } from '@/lib/auth-client'
-import { useNotificationStore } from '@/stores/notifications/store'
 
 interface SocialLoginButtonsProps {
   githubAvailable: boolean
@@ -22,7 +21,6 @@ export function SocialLoginButtons({
 }: SocialLoginButtonsProps) {
   const [isGithubLoading, setIsGithubLoading] = useState(false)
   const [isGoogleLoading, setIsGoogleLoading] = useState(false)
-  const { addNotification } = useNotificationStore()
   const [mounted, setMounted] = useState(false)
 
   // Set mounted state to true on client-side
@@ -57,8 +55,6 @@ export function SocialLoginButtons({
       } else if (err.message?.includes('rate limit')) {
         errorMessage = 'Too many attempts. Please try again later.'
       }
-
-      addNotification('error', errorMessage, null)
     } finally {
       setIsGithubLoading(false)
     }
@@ -89,8 +85,6 @@ export function SocialLoginButtons({
       } else if (err.message?.includes('rate limit')) {
         errorMessage = 'Too many attempts. Please try again later.'
       }
-
-      addNotification('error', errorMessage, null)
     } finally {
       setIsGoogleLoading(false)
     }

apps/sim/app/(auth)/layout.tsx

@@ -3,7 +3,6 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import { GridPattern } from '../(landing)/components/grid-pattern'
-import { NotificationList } from '../workspace/[workspaceId]/w/[workflowId]/components/notifications/notifications'
 
 export default function AuthLayout({ children }: { children: React.ReactNode }) {
   return (
@@ -31,11 +30,6 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
       <div className='relative z-10 flex flex-1 items-center justify-center px-4 pb-6'>
         <div className='w-full max-w-md'>{children}</div>
       </div>
-
-      {/* Notifications */}
-      <div className='fixed right-4 bottom-4 z-50'>
-        <NotificationList />
-      </div>
     </main>
   )
 }

apps/sim/app/(auth)/verify/use-verification.ts

@@ -5,7 +5,6 @@ import { useRouter, useSearchParams } from 'next/navigation'
 import { client } from '@/lib/auth-client'
 import { env, isTruthy } from '@/lib/env'
 import { createLogger } from '@/lib/logs/console-logger'
-import { useNotificationStore } from '@/stores/notifications/store'
 
 const logger = createLogger('useVerification')
 
@@ -35,7 +34,6 @@ export function useVerification({
 }: UseVerificationParams): UseVerificationReturn {
   const router = useRouter()
   const searchParams = useSearchParams()
-  const { addNotification } = useNotificationStore()
   const [otp, setOtp] = useState('')
   const [email, setEmail] = useState('')
   const [isLoading, setIsLoading] = useState(false)
@@ -46,13 +44,6 @@ export function useVerification({
   const [redirectUrl, setRedirectUrl] = useState<string | null>(null)
   const [isInviteFlow, setIsInviteFlow] = useState(false)
 
-  // Debug notification store
-  useEffect(() => {
-    logger.info('Notification store state:', {
-      addNotification: !!addNotification,
-    })
-  }, [addNotification])
-
   useEffect(() => {
     if (typeof window !== 'undefined') {
       // Get stored email