From 487f0328c9dd5494fdeedb1efdcf9aa2ee727c73 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <78010029+emir-karabeg@users.noreply.github.com>
Date: Tue, 15 Jul 2025 09:43:36 -0700
Subject: [PATCH] feat(platform): new UI and templates (#639)

* 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
---
 .../components/social-login-buttons.tsx       |     6 -
 apps/sim/app/(auth)/layout.tsx                |     6 -
 .../sim/app/(auth)/verify/use-verification.ts |     9 -
 .../app/api/marketplace/[id]/info/route.ts    |    56 -
 .../api/marketplace/[id]/unpublish/route.ts   |   108 -
 .../app/api/marketplace/[id]/view/route.ts    |    57 -
 apps/sim/app/api/marketplace/publish/route.ts |   153 -
 .../app/api/marketplace/workflows/route.ts    |   358 -
 apps/sim/app/api/templates/[id]/route.ts      |    65 +
 apps/sim/app/api/templates/[id]/star/route.ts |   173 +
 apps/sim/app/api/templates/[id]/use/route.ts  |   202 +
 apps/sim/app/api/templates/route.ts           |   260 +
 .../app/api/workflows/[id]/variables/route.ts |    16 +-
 apps/sim/app/api/workspaces/route.ts          |    26 +-
 apps/sim/app/globals.css                      |   432 +-
 .../components/document-loading.tsx           |    10 +-
 .../knowledge/[id]/[documentId]/document.tsx  |    22 +-
 .../[workspaceId]/knowledge/[id]/base.tsx     |    21 +-
 .../knowledge-base-loading.tsx                |    10 +-
 .../[workspaceId]/knowledge/knowledge.tsx     |     9 +-
 .../[workspaceId]/knowledge/loading.tsx       |     9 +-
 .../app/workspace/[workspaceId]/logs/logs.tsx |     8 +-
 .../components/control-bar/control-bar.tsx    |    47 -
 .../marketplace/components/error-message.tsx  |    36 -
 .../marketplace/components/section.tsx        |    31 -
 .../components/toolbar/toolbar.tsx            |    62 -
 .../components/workflow-card-skeleton.tsx     |    36 -
 .../marketplace/components/workflow-card.tsx  |   150 -
 .../marketplace/constants/categories.tsx      |    91 -
 .../[workspaceId]/marketplace/marketplace.tsx |   574 -
 .../[workspaceId]/marketplace/page.tsx        |     3 -
 .../[workspaceId]/templates/[id]/page.tsx     |   126 +
 .../[workspaceId]/templates/[id]/template.tsx |   348 +
 .../templates/components/navigation-tabs.tsx  |    33 +
 .../templates/components/template-card.tsx    |   396 +
 .../[workspaceId]/templates/layout.tsx        |     5 +
 .../[workspaceId]/templates/page.tsx          |    47 +
 .../[workspaceId]/templates/templates.tsx     |   432 +
 .../components/chat-deploy/chat-deploy.tsx    |     6 +-
 .../deployment-info/deployment-info.tsx       |     7 -
 .../components/deploy-modal/deploy-modal.tsx  |    47 +-
 .../deployment-controls.tsx                   |    16 +-
 .../export-controls/export-controls.tsx       |    72 +-
 .../history-dropdown-item.tsx                 |    64 -
 .../marketplace-modal/marketplace-modal.tsx   |   589 -
 .../notification-dropdown-item.tsx            |   110 -
 .../template-modal/template-modal.tsx         |   436 +
 .../components/control-bar/control-bar.tsx    |  1480 +-
 .../notifications/notifications.tsx           |   648 -
 .../components/panel/components/chat/chat.tsx |    34 +-
 .../components/chat-message/chat-message.tsx  |    81 +-
 .../chat/components/chat-modal/chat-modal.tsx |     8 +-
 .../output-select/output-select.tsx           |    51 +-
 .../components/audio-player/audio-player.tsx  |   115 -
 .../components/code-display/code-display.tsx  |   158 +
 .../console-entry/console-entry.tsx           |   671 +-
 .../components/json-view/json-view.tsx        |   672 +-
 .../panel/components/console/console.tsx      |    26 +-
 .../panel/components/variables/variables.tsx  |   348 +-
 .../w/[workflowId]/components/panel/panel.tsx |   349 +-
 .../skeleton-loading/skeleton-loading.tsx     |   147 +-
 .../components/toolbar-tabs/toolbar-tabs.tsx  |    67 -
 .../components/toolbar/toolbar.tsx            |   176 -
 .../sub-block/components/date-input.tsx       |     6 -
 .../sub-block/components/file-upload.tsx      |    34 +-
 .../[workflowId]/hooks/use-code-generation.ts |     8 -
 .../hooks/use-workflow-execution.ts           |   436 +-
 .../[workspaceId]/w/[workflowId]/workflow.tsx |    54 +-
 .../components/create-menu/create-menu.tsx    |   216 +-
 .../create-menu/import-controls.tsx           |   128 +-
 .../folder-context-menu.tsx                   |    44 +-
 .../folder-tree/components/folder-item.tsx    |    98 +-
 .../folder-tree/components/workflow-item.tsx  |    78 +-
 .../components/folder-tree/folder-tree.tsx    |   369 +-
 .../components/nav-section/nav-section.tsx    |   147 -
 .../components/general/general.tsx            |     4 +-
 .../components/edit-member-limit-dialog.tsx   |     2 +-
 .../components/subscription/subscription.tsx  |     2 +-
 .../sidebar-control/sidebar-control.tsx       |   102 -
 .../toolbar-block/toolbar-block.tsx           |    11 +-
 .../toolbar-loop-block/toolbar-loop-block.tsx |    13 +-
 .../toolbar-parallel-block.tsx                |    13 +-
 .../sidebar/components/toolbar/toolbar.tsx    |   138 +
 .../workflow-context-menu.tsx                 |   139 +
 .../workspace-header/workspace-header.tsx     |   904 +-
 .../components}/invite-modal/invite-modal.tsx |     0
 .../invites-sent/invites-sent.tsx             |     0
 .../workspace-selector/workspace-selector.tsx |   224 +
 .../w/components/sidebar/sidebar.tsx          |   823 +-
 .../workflow-preview/workflow-preview.tsx     |    91 +-
 apps/sim/components/ui/color-picker.tsx       |    66 +
 apps/sim/components/ui/scroll-area.tsx        |    19 +-
 apps/sim/components/ui/tag-dropdown.tsx       |    10 +-
 apps/sim/db/schema.ts                         |    80 +
 apps/sim/executor/index.ts                    |     3 +
 .../lib/billing/calculations/usage-monitor.ts |     2 +-
 apps/sim/lib/use-forwarded-ref.ts             |    25 +
 apps/sim/lib/workflows/state-builder.ts       |    29 +
 apps/sim/package.json                         |     3 +
 apps/sim/providers/workspace-provider.tsx     |    23 -
 apps/sim/stores/index.ts                      |     4 -
 apps/sim/stores/notifications/store.ts        |   223 -
 apps/sim/stores/notifications/types.ts        |    50 -
 apps/sim/stores/panel/chat/store.ts           |    76 +
 apps/sim/stores/panel/chat/types.ts           |     1 +
 apps/sim/stores/panel/console/store.ts        |    95 +
 apps/sim/stores/panel/console/types.ts        |     2 +
 apps/sim/stores/panel/store.ts                |     7 +
 apps/sim/stores/panel/types.ts                |     2 +
 apps/sim/stores/panel/variables/store.ts      |    23 +-
 apps/sim/stores/sidebar/store.ts              |    23 +-
 bun.lock                                      |    10 +
 package-lock.json                             | 20515 ++++++++++++++++
 package.json                                  |     1 +
 114 files changed, 27892 insertions(+), 8295 deletions(-)
 delete mode 100644 apps/sim/app/api/marketplace/[id]/info/route.ts
 delete mode 100644 apps/sim/app/api/marketplace/[id]/unpublish/route.ts
 delete mode 100644 apps/sim/app/api/marketplace/[id]/view/route.ts
 delete mode 100644 apps/sim/app/api/marketplace/publish/route.ts
 delete mode 100644 apps/sim/app/api/marketplace/workflows/route.ts
 create mode 100644 apps/sim/app/api/templates/[id]/route.ts
 create mode 100644 apps/sim/app/api/templates/[id]/star/route.ts
 create mode 100644 apps/sim/app/api/templates/[id]/use/route.ts
 create mode 100644 apps/sim/app/api/templates/route.ts
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/components/control-bar/control-bar.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/components/error-message.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/components/section.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/components/toolbar/toolbar.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card-skeleton.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/constants/categories.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/marketplace.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/marketplace/page.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/[id]/page.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/[id]/template.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/components/navigation-tabs.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/layout.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/page.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/templates/templates.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/history-dropdown-item/history-dropdown-item.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/marketplace-modal/marketplace-modal.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/notification-dropdown-item/notification-dropdown-item.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/template-modal/template-modal.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/notifications/notifications.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/audio-player/audio-player.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/code-display/code-display.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-tabs/toolbar-tabs.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/toolbar.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/nav-section/nav-section.tsx
 delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-control/sidebar-control.tsx
 rename apps/sim/app/workspace/[workspaceId]/w/{[workflowId] => components/sidebar}/components/toolbar/components/toolbar-block/toolbar-block.tsx (80%)
 rename apps/sim/app/workspace/[workspaceId]/w/{[workflowId] => components/sidebar}/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx (79%)
 rename apps/sim/app/workspace/[workspaceId]/w/{[workflowId] => components/sidebar}/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx (79%)
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/toolbar.tsx
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-context-menu/workflow-context-menu.tsx
 rename apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/{ => workspace-selector/components}/invite-modal/invite-modal.tsx (100%)
 rename apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/{ => workspace-selector/components}/invite-modal/invites-sent/invites-sent.tsx (100%)
 create mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx
 create mode 100644 apps/sim/components/ui/color-picker.tsx
 create mode 100644 apps/sim/lib/use-forwarded-ref.ts
 create mode 100644 apps/sim/lib/workflows/state-builder.ts
 delete mode 100644 apps/sim/providers/workspace-provider.tsx
 delete mode 100644 apps/sim/stores/notifications/store.ts
 delete mode 100644 apps/sim/stores/notifications/types.ts
 create mode 100644 package-lock.json

diff --git a/apps/sim/app/(auth)/components/social-login-buttons.tsx b/apps/sim/app/(auth)/components/social-login-buttons.tsx
index 09157d7de..153689912 100644
--- a/apps/sim/app/(auth)/components/social-login-buttons.tsx
+++ b/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)
     }
diff --git a/apps/sim/app/(auth)/layout.tsx b/apps/sim/app/(auth)/layout.tsx
index d448a4eae..cdc4f93b9 100644
--- a/apps/sim/app/(auth)/layout.tsx
+++ b/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>
   )
 }
diff --git a/apps/sim/app/(auth)/verify/use-verification.ts b/apps/sim/app/(auth)/verify/use-verification.ts
index b800cbd57..7b116d036 100644
--- a/apps/sim/app/(auth)/verify/use-verification.ts
+++ b/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
diff --git a/apps/sim/app/api/marketplace/[id]/info/route.ts b/apps/sim/app/api/marketplace/[id]/info/route.ts
deleted file mode 100644
index 6df13ec52..000000000
--- a/apps/sim/app/api/marketplace/[id]/info/route.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { eq } from 'drizzle-orm'
-import type { NextRequest } from 'next/server'
-import { createLogger } from '@/lib/logs/console-logger'
-import { validateWorkflowAccess } from '@/app/api/workflows/middleware'
-import { createErrorResponse, createSuccessResponse } from '@/app/api/workflows/utils'
-import { db } from '@/db'
-import { marketplace } from '@/db/schema'
-
-const logger = createLogger('MarketplaceInfoAPI')
-
-export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
-  const requestId = crypto.randomUUID().slice(0, 8)
-
-  try {
-    const { id } = await params
-
-    // Validate access to the workflow
-    const validation = await validateWorkflowAccess(request, id, false)
-    if (validation.error) {
-      logger.warn(`[${requestId}] Workflow access validation failed: ${validation.error.message}`)
-      return createErrorResponse(validation.error.message, validation.error.status)
-    }
-
-    // Fetch marketplace data for the workflow
-    const marketplaceEntry = await db
-      .select()
-      .from(marketplace)
-      .where(eq(marketplace.workflowId, id))
-      .limit(1)
-      .then((rows) => rows[0])
-
-    if (!marketplaceEntry) {
-      logger.warn(`[${requestId}] No marketplace entry found for workflow: ${id}`)
-      return createErrorResponse('Workflow is not published to marketplace', 404)
-    }
-
-    logger.info(`[${requestId}] Retrieved marketplace info for workflow: ${id}`)
-
-    return createSuccessResponse({
-      id: marketplaceEntry.id,
-      name: marketplaceEntry.name,
-      description: marketplaceEntry.description,
-      category: marketplaceEntry.category,
-      authorName: marketplaceEntry.authorName,
-      views: marketplaceEntry.views,
-      createdAt: marketplaceEntry.createdAt,
-      updatedAt: marketplaceEntry.updatedAt,
-    })
-  } catch (error) {
-    logger.error(
-      `[${requestId}] Error getting marketplace info for workflow: ${(await params).id}`,
-      error
-    )
-    return createErrorResponse('Failed to get marketplace information', 500)
-  }
-}
diff --git a/apps/sim/app/api/marketplace/[id]/unpublish/route.ts b/apps/sim/app/api/marketplace/[id]/unpublish/route.ts
deleted file mode 100644
index c36339195..000000000
--- a/apps/sim/app/api/marketplace/[id]/unpublish/route.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { eq } from 'drizzle-orm'
-import type { NextRequest } from 'next/server'
-import { getSession } from '@/lib/auth'
-import { createLogger } from '@/lib/logs/console-logger'
-import { createErrorResponse, createSuccessResponse } from '@/app/api/workflows/utils'
-import { db } from '@/db'
-import { marketplace, workflow } from '@/db/schema'
-
-const logger = createLogger('MarketplaceUnpublishAPI')
-
-/**
- * API endpoint to unpublish a workflow from the marketplace by its marketplace ID
- *
- * Security:
- * - Requires authentication
- * - Validates that the current user is the author of the marketplace entry
- * - Only allows the owner to unpublish
- */
-export async function POST(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
-  const requestId = crypto.randomUUID().slice(0, 8)
-
-  try {
-    const { id } = await params
-
-    // Get the session first for authorization
-    const session = await getSession()
-    if (!session?.user?.id) {
-      logger.warn(`[${requestId}] Unauthorized unpublish attempt for marketplace ID: ${id}`)
-      return createErrorResponse('Unauthorized', 401)
-    }
-
-    const userId = session.user.id
-
-    // Get the marketplace entry using the marketplace ID
-    const marketplaceEntry = await db
-      .select({
-        id: marketplace.id,
-        workflowId: marketplace.workflowId,
-        authorId: marketplace.authorId,
-        name: marketplace.name,
-      })
-      .from(marketplace)
-      .where(eq(marketplace.id, id))
-      .limit(1)
-      .then((rows) => rows[0])
-
-    if (!marketplaceEntry) {
-      logger.warn(`[${requestId}] No marketplace entry found with ID: ${id}`)
-      return createErrorResponse('Marketplace entry not found', 404)
-    }
-
-    // Check if the user is the author of the marketplace entry
-    if (marketplaceEntry.authorId !== userId) {
-      logger.warn(
-        `[${requestId}] User ${userId} tried to unpublish marketplace entry they don't own: ${id}, author: ${marketplaceEntry.authorId}`
-      )
-      return createErrorResponse('You do not have permission to unpublish this workflow', 403)
-    }
-
-    const workflowId = marketplaceEntry.workflowId
-
-    // Verify the workflow exists and belongs to the user
-    const workflowEntry = await db
-      .select({
-        id: workflow.id,
-        userId: workflow.userId,
-      })
-      .from(workflow)
-      .where(eq(workflow.id, workflowId))
-      .limit(1)
-      .then((rows) => rows[0])
-
-    if (!workflowEntry) {
-      logger.warn(`[${requestId}] Associated workflow not found: ${workflowId}`)
-      // We'll still delete the marketplace entry even if the workflow is missing
-    } else if (workflowEntry.userId !== userId) {
-      logger.warn(
-        `[${requestId}] Workflow ${workflowId} belongs to user ${workflowEntry.userId}, not current user ${userId}`
-      )
-      return createErrorResponse('You do not have permission to unpublish this workflow', 403)
-    }
-
-    try {
-      // Delete the marketplace entry - this is the primary action
-      await db.delete(marketplace).where(eq(marketplace.id, id))
-
-      // Update the workflow to mark it as unpublished if it exists
-      if (workflowEntry) {
-        await db.update(workflow).set({ isPublished: false }).where(eq(workflow.id, workflowId))
-      }
-
-      logger.info(
-        `[${requestId}] Workflow "${marketplaceEntry.name}" unpublished from marketplace: ID=${id}, workflowId=${workflowId}`
-      )
-
-      return createSuccessResponse({
-        success: true,
-        message: 'Workflow successfully unpublished from marketplace',
-      })
-    } catch (dbError) {
-      logger.error(`[${requestId}] Database error unpublishing marketplace entry:`, dbError)
-      return createErrorResponse('Failed to unpublish workflow due to a database error', 500)
-    }
-  } catch (error) {
-    logger.error(`[${requestId}] Error unpublishing marketplace entry: ${(await params).id}`, error)
-    return createErrorResponse('Failed to unpublish workflow', 500)
-  }
-}
diff --git a/apps/sim/app/api/marketplace/[id]/view/route.ts b/apps/sim/app/api/marketplace/[id]/view/route.ts
deleted file mode 100644
index 4a4e51286..000000000
--- a/apps/sim/app/api/marketplace/[id]/view/route.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { eq, sql } from 'drizzle-orm'
-import type { NextRequest } from 'next/server'
-import { createLogger } from '@/lib/logs/console-logger'
-import { createErrorResponse, createSuccessResponse } from '@/app/api/workflows/utils'
-import { db } from '@/db'
-import { marketplace } from '@/db/schema'
-
-const logger = createLogger('MarketplaceViewAPI')
-
-/**
- * POST handler for incrementing the view count when a workflow card is clicked
- * This endpoint is called from the WorkflowCard component's onClick handler
- *
- * The ID parameter is the marketplace entry ID, not the workflow ID
- */
-export async function POST(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
-  const requestId = crypto.randomUUID().slice(0, 8)
-
-  try {
-    const { id } = await params
-
-    // Find the marketplace entry for this marketplace ID
-    const marketplaceEntry = await db
-      .select({
-        id: marketplace.id,
-      })
-      .from(marketplace)
-      .where(eq(marketplace.id, id))
-      .limit(1)
-      .then((rows) => rows[0])
-
-    if (!marketplaceEntry) {
-      logger.warn(`[${requestId}] No marketplace entry found with ID: ${id}`)
-      return createErrorResponse('Marketplace entry not found', 404)
-    }
-
-    // Increment the view count for this workflow
-    await db
-      .update(marketplace)
-      .set({
-        views: sql`${marketplace.views} + 1`,
-      })
-      .where(eq(marketplace.id, id))
-
-    logger.info(`[${requestId}] Incremented view count for marketplace entry: ${id}`)
-
-    return createSuccessResponse({
-      success: true,
-    })
-  } catch (error) {
-    logger.error(
-      `[${requestId}] Error incrementing view count for marketplace entry: ${(await params).id}`,
-      error
-    )
-    return createErrorResponse('Failed to track view', 500)
-  }
-}
diff --git a/apps/sim/app/api/marketplace/publish/route.ts b/apps/sim/app/api/marketplace/publish/route.ts
deleted file mode 100644
index 381d065b6..000000000
--- a/apps/sim/app/api/marketplace/publish/route.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { eq } from 'drizzle-orm'
-import { type NextRequest, NextResponse } from 'next/server'
-import { v4 as uuidv4 } from 'uuid'
-import { z } from 'zod'
-import { getSession } from '@/lib/auth'
-import { createLogger } from '@/lib/logs/console-logger'
-import { db } from '@/db'
-import { marketplace, user, workflow } from '@/db/schema'
-
-// Create a logger for this module
-const logger = createLogger('MarketplacePublishAPI')
-
-// No cache
-export const dynamic = 'force-dynamic'
-export const revalidate = 0
-
-// Schema for request body
-const PublishRequestSchema = z.object({
-  workflowId: z.string().uuid(),
-  name: z.string().min(3).max(50).optional(),
-  description: z.string().min(10).max(500).optional(),
-  category: z.string().min(1).optional(),
-  authorName: z.string().min(2).max(50).optional(),
-  workflowState: z.record(z.any()).optional(),
-})
-
-export async function POST(request: NextRequest) {
-  const requestId = crypto.randomUUID().slice(0, 8)
-
-  try {
-    // Get the session directly in the API route
-    const session = await getSession()
-    if (!session?.user?.id) {
-      logger.warn(`[${requestId}] Unauthorized marketplace publish attempt`)
-      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-    }
-
-    const userId = session.user.id
-
-    try {
-      // Parse request body
-      const body = await request.json()
-      const { workflowId, name, description, category, authorName, workflowState } =
-        PublishRequestSchema.parse(body)
-
-      // Check if the workflow belongs to the user
-      const userWorkflow = await db
-        .select({ id: workflow.id, name: workflow.name, description: workflow.description })
-        .from(workflow)
-        .where(eq(workflow.id, workflowId))
-        .limit(1)
-
-      if (!userWorkflow.length || userWorkflow[0].id !== workflowId) {
-        logger.warn(
-          `[${requestId}] User ${userId} attempted to publish workflow they don't own: ${workflowId}`
-        )
-        return NextResponse.json({ error: 'Workflow not found' }, { status: 404 })
-      }
-
-      // Get the user's name for attribution
-      const userData = await db
-        .select({ name: user.name })
-        .from(user)
-        .where(eq(user.id, userId))
-        .limit(1)
-
-      if (!userData.length) {
-        logger.error(`[${requestId}] User data not found for ID: ${userId}`)
-        return NextResponse.json({ error: 'User data not found' }, { status: 500 })
-      }
-
-      // Verify we have the workflow state
-      if (!workflowState) {
-        logger.error(`[${requestId}] No workflow state provided for ID: ${workflowId}`)
-        return NextResponse.json({ error: 'Workflow state is required' }, { status: 400 })
-      }
-
-      // Check if this workflow is already published
-      const existingPublication = await db
-        .select({ id: marketplace.id })
-        .from(marketplace)
-        .where(eq(marketplace.workflowId, workflowId))
-        .limit(1)
-
-      let result
-      const marketplaceId = existingPublication.length ? existingPublication[0].id : uuidv4()
-
-      // Prepare the marketplace entry
-      const marketplaceEntry = {
-        id: marketplaceId,
-        workflowId,
-        state: workflowState,
-        name: name || userWorkflow[0].name,
-        description: description || userWorkflow[0].description || '',
-        authorId: userId,
-        authorName: authorName || userData[0].name,
-        category: category || null,
-        updatedAt: new Date(),
-      }
-
-      if (existingPublication.length) {
-        // Update existing entry
-        result = await db
-          .update(marketplace)
-          .set(marketplaceEntry)
-          .where(eq(marketplace.id, marketplaceId))
-          .returning()
-      } else {
-        // Create new entry with createdAt
-        result = await db
-          .insert(marketplace)
-          .values({
-            ...marketplaceEntry,
-            createdAt: new Date(),
-            views: 0,
-          })
-          .returning()
-      }
-
-      logger.info(`[${requestId}] Successfully published workflow to marketplace`, {
-        workflowId,
-        marketplaceId,
-        userId,
-      })
-
-      return NextResponse.json({
-        message: 'Workflow published successfully',
-        data: {
-          id: result[0].id,
-          workflowId: result[0].workflowId,
-          name: result[0].name,
-        },
-      })
-    } catch (validationError) {
-      if (validationError instanceof z.ZodError) {
-        logger.warn(`[${requestId}] Invalid marketplace publish request parameters`, {
-          errors: validationError.errors,
-        })
-        return NextResponse.json(
-          {
-            error: 'Invalid request parameters',
-            details: validationError.errors,
-          },
-          { status: 400 }
-        )
-      }
-      throw validationError
-    }
-  } catch (error: any) {
-    logger.error(`[${requestId}] Marketplace publish error`, error)
-    return NextResponse.json({ error: error.message }, { status: 500 })
-  }
-}
diff --git a/apps/sim/app/api/marketplace/workflows/route.ts b/apps/sim/app/api/marketplace/workflows/route.ts
deleted file mode 100644
index ad5c66c38..000000000
--- a/apps/sim/app/api/marketplace/workflows/route.ts
+++ /dev/null
@@ -1,358 +0,0 @@
-import { desc, eq, sql } from 'drizzle-orm'
-import { type NextRequest, NextResponse } from 'next/server'
-import { createLogger } from '@/lib/logs/console-logger'
-import { createErrorResponse, createSuccessResponse } from '@/app/api/workflows/utils'
-import { CATEGORIES } from '@/app/workspace/[workspaceId]/marketplace/constants/categories'
-import { db } from '@/db'
-import { marketplace } from '@/db/schema'
-
-const logger = createLogger('MarketplaceWorkflowsAPI')
-
-// Cache for 1 minute but can be revalidated on-demand
-export const revalidate = 60
-
-/**
- * Consolidated API endpoint for marketplace workflows
- *
- * Supports:
- * - Getting featured/popular/recent workflows
- * - Getting workflows by category
- * - Getting workflow state
- * - Getting workflow details
- * - Incrementing view counts
- *
- * Query parameters:
- * - section: 'popular', 'recent', 'byCategory', or specific category name
- * - limit: Maximum number of items to return per section (default: 6)
- * - includeState: Whether to include workflow state in the response (default: false)
- * - workflowId: Specific workflow ID to fetch details for
- * - marketplaceId: Specific marketplace entry ID to fetch details for
- */
-export async function GET(request: NextRequest) {
-  const requestId = crypto.randomUUID().slice(0, 8)
-
-  try {
-    // Parse query parameters
-    const url = new URL(request.url)
-    const sectionParam = url.searchParams.get('section')
-    const categoryParam = url.searchParams.get('category')
-    const limitParam = url.searchParams.get('limit') || '6'
-    const limit = Number.parseInt(limitParam, 10)
-    const includeState = url.searchParams.get('includeState') === 'true'
-    const workflowId = url.searchParams.get('workflowId')
-    const marketplaceId = url.searchParams.get('marketplaceId')
-
-    // Handle single workflow request first (by workflow ID)
-    if (workflowId) {
-      let marketplaceEntry
-
-      if (includeState) {
-        // Query with state included
-        marketplaceEntry = await db
-          .select({
-            id: marketplace.id,
-            workflowId: marketplace.workflowId,
-            name: marketplace.name,
-            description: marketplace.description,
-            authorId: marketplace.authorId,
-            authorName: marketplace.authorName,
-            state: marketplace.state,
-            views: marketplace.views,
-            category: marketplace.category,
-            createdAt: marketplace.createdAt,
-            updatedAt: marketplace.updatedAt,
-          })
-          .from(marketplace)
-          .where(eq(marketplace.workflowId, workflowId))
-          .limit(1)
-          .then((rows) => rows[0])
-      } else {
-        // Query without state
-        marketplaceEntry = await db
-          .select({
-            id: marketplace.id,
-            workflowId: marketplace.workflowId,
-            name: marketplace.name,
-            description: marketplace.description,
-            authorId: marketplace.authorId,
-            authorName: marketplace.authorName,
-            views: marketplace.views,
-            category: marketplace.category,
-            createdAt: marketplace.createdAt,
-            updatedAt: marketplace.updatedAt,
-          })
-          .from(marketplace)
-          .where(eq(marketplace.workflowId, workflowId))
-          .limit(1)
-          .then((rows) => rows[0])
-      }
-
-      if (!marketplaceEntry) {
-        logger.warn(`[${requestId}] No marketplace entry found for workflow: ${workflowId}`)
-        return createErrorResponse('Workflow not found in marketplace', 404)
-      }
-
-      // Transform response if state was requested
-      const responseData =
-        includeState && 'state' in marketplaceEntry
-          ? {
-              ...marketplaceEntry,
-              workflowState: marketplaceEntry.state,
-              state: undefined,
-            }
-          : marketplaceEntry
-
-      logger.info(`[${requestId}] Retrieved marketplace data for workflow: ${workflowId}`)
-      return createSuccessResponse(responseData)
-    }
-
-    // Handle single marketplace entry request (by marketplace ID)
-    if (marketplaceId) {
-      let marketplaceEntry
-
-      if (includeState) {
-        // Query with state included
-        marketplaceEntry = await db
-          .select({
-            id: marketplace.id,
-            workflowId: marketplace.workflowId,
-            name: marketplace.name,
-            description: marketplace.description,
-            authorId: marketplace.authorId,
-            authorName: marketplace.authorName,
-            state: marketplace.state,
-            views: marketplace.views,
-            category: marketplace.category,
-            createdAt: marketplace.createdAt,
-            updatedAt: marketplace.updatedAt,
-          })
-          .from(marketplace)
-          .where(eq(marketplace.id, marketplaceId))
-          .limit(1)
-          .then((rows) => rows[0])
-      } else {
-        // Query without state
-        marketplaceEntry = await db
-          .select({
-            id: marketplace.id,
-            workflowId: marketplace.workflowId,
-            name: marketplace.name,
-            description: marketplace.description,
-            authorId: marketplace.authorId,
-            authorName: marketplace.authorName,
-            views: marketplace.views,
-            category: marketplace.category,
-            createdAt: marketplace.createdAt,
-            updatedAt: marketplace.updatedAt,
-          })
-          .from(marketplace)
-          .where(eq(marketplace.id, marketplaceId))
-          .limit(1)
-          .then((rows) => rows[0])
-      }
-
-      if (!marketplaceEntry) {
-        logger.warn(`[${requestId}] No marketplace entry found with ID: ${marketplaceId}`)
-        return createErrorResponse('Marketplace entry not found', 404)
-      }
-
-      // Transform response if state was requested
-      const responseData =
-        includeState && 'state' in marketplaceEntry
-          ? {
-              ...marketplaceEntry,
-              workflowState: marketplaceEntry.state,
-              state: undefined,
-            }
-          : marketplaceEntry
-
-      logger.info(`[${requestId}] Retrieved marketplace entry: ${marketplaceId}`)
-      return createSuccessResponse(responseData)
-    }
-
-    // Handle featured/collection requests
-    const result: {
-      popular: any[]
-      recent: any[]
-      byCategory: Record<string, any[]>
-    } = {
-      popular: [],
-      recent: [],
-      byCategory: {},
-    }
-
-    // Define common fields to select
-    const baseFields = {
-      id: marketplace.id,
-      workflowId: marketplace.workflowId,
-      name: marketplace.name,
-      description: marketplace.description,
-      authorName: marketplace.authorName,
-      views: marketplace.views,
-      category: marketplace.category,
-      createdAt: marketplace.createdAt,
-      updatedAt: marketplace.updatedAt,
-    }
-
-    // Add state if requested
-    const selectFields = includeState ? { ...baseFields, state: marketplace.state } : baseFields
-
-    // Determine which sections to fetch
-    const sections = sectionParam ? sectionParam.split(',') : ['popular', 'recent', 'byCategory']
-
-    // Get popular items if requested
-    if (sections.includes('popular')) {
-      result.popular = await db
-        .select(selectFields)
-        .from(marketplace)
-        .orderBy(desc(marketplace.views))
-        .limit(limit)
-    }
-
-    // Get recent items if requested
-    if (sections.includes('recent')) {
-      result.recent = await db
-        .select(selectFields)
-        .from(marketplace)
-        .orderBy(desc(marketplace.createdAt))
-        .limit(limit)
-    }
-
-    // Get categories if requested
-    if (
-      sections.includes('byCategory') ||
-      categoryParam ||
-      sections.some((s) => CATEGORIES.some((c) => c.value === s))
-    ) {
-      // Identify all requested categories
-      const requestedCategories = new Set<string>()
-
-      // Add explicitly requested category
-      if (categoryParam) {
-        requestedCategories.add(categoryParam)
-      }
-
-      // Add categories from sections parameter
-      sections.forEach((section) => {
-        if (CATEGORIES.some((c) => c.value === section)) {
-          requestedCategories.add(section)
-        }
-      })
-
-      // Include byCategory section contents if requested
-      if (sections.includes('byCategory')) {
-        CATEGORIES.forEach((c) => requestedCategories.add(c.value))
-      }
-
-      // Log what we're fetching
-      const categoriesToFetch = Array.from(requestedCategories)
-      logger.info(`[${requestId}] Fetching specific categories: ${categoriesToFetch.join(', ')}`)
-
-      // Process each requested category
-      await Promise.all(
-        categoriesToFetch.map(async (categoryValue) => {
-          const categoryItems = await db
-            .select(selectFields)
-            .from(marketplace)
-            .where(eq(marketplace.category, categoryValue))
-            .orderBy(desc(marketplace.views))
-            .limit(limit)
-
-          // Always add the category to the result, even if empty
-          result.byCategory[categoryValue] = categoryItems
-          logger.info(
-            `[${requestId}] Category ${categoryValue}: found ${categoryItems.length} items`
-          )
-        })
-      )
-    }
-
-    // Transform the data if state was included to match the expected format
-    if (includeState) {
-      const transformSection = (section: any[]) => {
-        return section.map((item) => {
-          if ('state' in item) {
-            // Create a new object without the state field, but with workflowState
-            const { state, ...rest } = item
-            return {
-              ...rest,
-              workflowState: state,
-            }
-          }
-          return item
-        })
-      }
-
-      if (result.popular.length > 0) {
-        result.popular = transformSection(result.popular)
-      }
-
-      if (result.recent.length > 0) {
-        result.recent = transformSection(result.recent)
-      }
-
-      Object.keys(result.byCategory).forEach((category) => {
-        if (result.byCategory[category].length > 0) {
-          result.byCategory[category] = transformSection(result.byCategory[category])
-        }
-      })
-    }
-
-    logger.info(`[${requestId}] Fetched marketplace items${includeState ? ' with state' : ''}`)
-    return NextResponse.json(result)
-  } catch (error: any) {
-    logger.error(`[${requestId}] Error fetching marketplace items`, error)
-    return NextResponse.json({ error: error.message }, { status: 500 })
-  }
-}
-
-/**
- * POST handler for incrementing view counts
- *
- * Request body:
- * - id: Marketplace entry ID to increment view count for
- */
-export async function POST(request: NextRequest) {
-  const requestId = crypto.randomUUID().slice(0, 8)
-
-  try {
-    const body = await request.json()
-    const { id } = body
-
-    if (!id) {
-      return createErrorResponse('Marketplace ID is required', 400)
-    }
-
-    // Find the marketplace entry
-    const marketplaceEntry = await db
-      .select({
-        id: marketplace.id,
-      })
-      .from(marketplace)
-      .where(eq(marketplace.id, id))
-      .limit(1)
-      .then((rows) => rows[0])
-
-    if (!marketplaceEntry) {
-      logger.warn(`[${requestId}] No marketplace entry found with ID: ${id}`)
-      return createErrorResponse('Marketplace entry not found', 404)
-    }
-
-    // Increment the view count
-    await db
-      .update(marketplace)
-      .set({
-        views: sql`${marketplace.views} + 1`,
-      })
-      .where(eq(marketplace.id, id))
-
-    logger.info(`[${requestId}] Incremented view count for marketplace entry: ${id}`)
-
-    return createSuccessResponse({
-      success: true,
-    })
-  } catch (error: any) {
-    logger.error(`[${requestId}] Error incrementing view count`, error)
-    return createErrorResponse(`Failed to track view: ${error.message}`, 500)
-  }
-}
diff --git a/apps/sim/app/api/templates/[id]/route.ts b/apps/sim/app/api/templates/[id]/route.ts
new file mode 100644
index 000000000..2cbf89f6a
--- /dev/null
+++ b/apps/sim/app/api/templates/[id]/route.ts
@@ -0,0 +1,65 @@
+import { eq, sql } from 'drizzle-orm'
+import { type NextRequest, NextResponse } from 'next/server'
+import { getSession } from '@/lib/auth'
+import { createLogger } from '@/lib/logs/console-logger'
+import { db } from '@/db'
+import { templates } from '@/db/schema'
+
+const logger = createLogger('TemplateByIdAPI')
+
+export const dynamic = 'force-dynamic'
+export const revalidate = 0
+
+// GET /api/templates/[id] - Retrieve a single template by ID
+export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+  const { id } = await params
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized template access attempt for ID: ${id}`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    logger.debug(`[${requestId}] Fetching template: ${id}`)
+
+    // Fetch the template by ID
+    const result = await db.select().from(templates).where(eq(templates.id, id)).limit(1)
+
+    if (result.length === 0) {
+      logger.warn(`[${requestId}] Template not found: ${id}`)
+      return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+    }
+
+    const template = result[0]
+
+    // Increment the view count
+    try {
+      await db
+        .update(templates)
+        .set({
+          views: sql`${templates.views} + 1`,
+          updatedAt: new Date(),
+        })
+        .where(eq(templates.id, id))
+
+      logger.debug(`[${requestId}] Incremented view count for template: ${id}`)
+    } catch (viewError) {
+      // Log the error but don't fail the request
+      logger.warn(`[${requestId}] Failed to increment view count for template: ${id}`, viewError)
+    }
+
+    logger.info(`[${requestId}] Successfully retrieved template: ${id}`)
+
+    return NextResponse.json({
+      data: {
+        ...template,
+        views: template.views + 1, // Return the incremented view count
+      },
+    })
+  } catch (error: any) {
+    logger.error(`[${requestId}] Error fetching template: ${id}`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
diff --git a/apps/sim/app/api/templates/[id]/star/route.ts b/apps/sim/app/api/templates/[id]/star/route.ts
new file mode 100644
index 000000000..abf40bae1
--- /dev/null
+++ b/apps/sim/app/api/templates/[id]/star/route.ts
@@ -0,0 +1,173 @@
+import { and, eq, sql } from 'drizzle-orm'
+import { type NextRequest, NextResponse } from 'next/server'
+import { v4 as uuidv4 } from 'uuid'
+import { getSession } from '@/lib/auth'
+import { createLogger } from '@/lib/logs/console-logger'
+import { db } from '@/db'
+import { templateStars, templates } from '@/db/schema'
+
+const logger = createLogger('TemplateStarAPI')
+
+export const dynamic = 'force-dynamic'
+export const revalidate = 0
+
+// GET /api/templates/[id]/star - Check if user has starred this template
+export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+  const { id } = await params
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized star check attempt for template: ${id}`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    logger.debug(
+      `[${requestId}] Checking star status for template: ${id}, user: ${session.user.id}`
+    )
+
+    // Check if the user has starred this template
+    const starRecord = await db
+      .select({ id: templateStars.id })
+      .from(templateStars)
+      .where(and(eq(templateStars.templateId, id), eq(templateStars.userId, session.user.id)))
+      .limit(1)
+
+    const isStarred = starRecord.length > 0
+
+    logger.info(`[${requestId}] Star status checked: ${isStarred} for template: ${id}`)
+
+    return NextResponse.json({ data: { isStarred } })
+  } catch (error: any) {
+    logger.error(`[${requestId}] Error checking star status for template: ${id}`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
+
+// POST /api/templates/[id]/star - Add a star to the template
+export async function POST(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+  const { id } = await params
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized star attempt for template: ${id}`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    logger.debug(`[${requestId}] Adding star for template: ${id}, user: ${session.user.id}`)
+
+    // Verify the template exists
+    const templateExists = await db
+      .select({ id: templates.id })
+      .from(templates)
+      .where(eq(templates.id, id))
+      .limit(1)
+
+    if (templateExists.length === 0) {
+      logger.warn(`[${requestId}] Template not found: ${id}`)
+      return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+    }
+
+    // Check if user has already starred this template
+    const existingStar = await db
+      .select({ id: templateStars.id })
+      .from(templateStars)
+      .where(and(eq(templateStars.templateId, id), eq(templateStars.userId, session.user.id)))
+      .limit(1)
+
+    if (existingStar.length > 0) {
+      logger.info(`[${requestId}] Template already starred: ${id}`)
+      return NextResponse.json({ message: 'Template already starred' }, { status: 200 })
+    }
+
+    // Use a transaction to ensure consistency
+    await db.transaction(async (tx) => {
+      // Add the star record
+      await tx.insert(templateStars).values({
+        id: uuidv4(),
+        userId: session.user.id,
+        templateId: id,
+        starredAt: new Date(),
+        createdAt: new Date(),
+      })
+
+      // Increment the star count
+      await tx
+        .update(templates)
+        .set({
+          stars: sql`${templates.stars} + 1`,
+          updatedAt: new Date(),
+        })
+        .where(eq(templates.id, id))
+    })
+
+    logger.info(`[${requestId}] Successfully starred template: ${id}`)
+    return NextResponse.json({ message: 'Template starred successfully' }, { status: 201 })
+  } catch (error: any) {
+    // Handle unique constraint violations gracefully
+    if (error.code === '23505') {
+      logger.info(`[${requestId}] Duplicate star attempt for template: ${id}`)
+      return NextResponse.json({ message: 'Template already starred' }, { status: 200 })
+    }
+
+    logger.error(`[${requestId}] Error starring template: ${id}`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
+
+// DELETE /api/templates/[id]/star - Remove a star from the template
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+  const { id } = await params
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized unstar attempt for template: ${id}`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    logger.debug(`[${requestId}] Removing star for template: ${id}, user: ${session.user.id}`)
+
+    // Check if the star exists
+    const existingStar = await db
+      .select({ id: templateStars.id })
+      .from(templateStars)
+      .where(and(eq(templateStars.templateId, id), eq(templateStars.userId, session.user.id)))
+      .limit(1)
+
+    if (existingStar.length === 0) {
+      logger.info(`[${requestId}] No star found to remove for template: ${id}`)
+      return NextResponse.json({ message: 'Template not starred' }, { status: 200 })
+    }
+
+    // Use a transaction to ensure consistency
+    await db.transaction(async (tx) => {
+      // Remove the star record
+      await tx
+        .delete(templateStars)
+        .where(and(eq(templateStars.templateId, id), eq(templateStars.userId, session.user.id)))
+
+      // Decrement the star count (prevent negative values)
+      await tx
+        .update(templates)
+        .set({
+          stars: sql`GREATEST(${templates.stars} - 1, 0)`,
+          updatedAt: new Date(),
+        })
+        .where(eq(templates.id, id))
+    })
+
+    logger.info(`[${requestId}] Successfully unstarred template: ${id}`)
+    return NextResponse.json({ message: 'Template unstarred successfully' }, { status: 200 })
+  } catch (error: any) {
+    logger.error(`[${requestId}] Error unstarring template: ${id}`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
diff --git a/apps/sim/app/api/templates/[id]/use/route.ts b/apps/sim/app/api/templates/[id]/use/route.ts
new file mode 100644
index 000000000..a356b4ab0
--- /dev/null
+++ b/apps/sim/app/api/templates/[id]/use/route.ts
@@ -0,0 +1,202 @@
+import { eq, sql } from 'drizzle-orm'
+import { type NextRequest, NextResponse } from 'next/server'
+import { v4 as uuidv4 } from 'uuid'
+import { getSession } from '@/lib/auth'
+import { createLogger } from '@/lib/logs/console-logger'
+import { db } from '@/db'
+import { templates, workflow, workflowBlocks, workflowEdges } from '@/db/schema'
+
+const logger = createLogger('TemplateUseAPI')
+
+export const dynamic = 'force-dynamic'
+export const revalidate = 0
+
+// POST /api/templates/[id]/use - Use a template (increment views and create workflow)
+export async function POST(request: NextRequest, { params }: { params: Promise<{ id: string }> }) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+  const { id } = await params
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized use attempt for template: ${id}`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    // Get workspace ID from request body
+    const body = await request.json()
+    const { workspaceId } = body
+
+    if (!workspaceId) {
+      logger.warn(`[${requestId}] Missing workspaceId in request body`)
+      return NextResponse.json({ error: 'Workspace ID is required' }, { status: 400 })
+    }
+
+    logger.debug(
+      `[${requestId}] Using template: ${id}, user: ${session.user.id}, workspace: ${workspaceId}`
+    )
+
+    // Get the template with its data
+    const template = await db
+      .select({
+        id: templates.id,
+        name: templates.name,
+        description: templates.description,
+        state: templates.state,
+      })
+      .from(templates)
+      .where(eq(templates.id, id))
+      .limit(1)
+
+    if (template.length === 0) {
+      logger.warn(`[${requestId}] Template not found: ${id}`)
+      return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+    }
+
+    const templateData = template[0]
+
+    // Create a new workflow ID
+    const newWorkflowId = uuidv4()
+
+    // Use a transaction to ensure consistency
+    const result = await db.transaction(async (tx) => {
+      // Increment the template views
+      await tx
+        .update(templates)
+        .set({
+          views: sql`${templates.views} + 1`,
+          updatedAt: new Date(),
+        })
+        .where(eq(templates.id, id))
+
+      const now = new Date()
+
+      // Create a new workflow from the template
+      const newWorkflow = await tx
+        .insert(workflow)
+        .values({
+          id: newWorkflowId,
+          workspaceId: workspaceId,
+          name: `${templateData.name} (copy)`,
+          description: templateData.description,
+          state: templateData.state,
+          userId: session.user.id,
+          createdAt: now,
+          updatedAt: now,
+          lastSynced: now,
+        })
+        .returning({ id: workflow.id })
+
+      // Create workflow_blocks entries from the template state
+      const templateState = templateData.state as any
+      if (templateState?.blocks) {
+        // Create a mapping from old block IDs to new block IDs for reference updates
+        const blockIdMap = new Map<string, string>()
+
+        const blockEntries = Object.values(templateState.blocks).map((block: any) => {
+          const newBlockId = uuidv4()
+          blockIdMap.set(block.id, newBlockId)
+
+          return {
+            id: newBlockId,
+            workflowId: newWorkflowId,
+            type: block.type,
+            name: block.name,
+            positionX: block.position?.x?.toString() || '0',
+            positionY: block.position?.y?.toString() || '0',
+            enabled: block.enabled !== false,
+            horizontalHandles: block.horizontalHandles !== false,
+            isWide: block.isWide || false,
+            advancedMode: block.advancedMode || false,
+            height: block.height?.toString() || '0',
+            subBlocks: block.subBlocks || {},
+            outputs: block.outputs || {},
+            data: block.data || {},
+            parentId: block.parentId ? blockIdMap.get(block.parentId) || null : null,
+            extent: block.extent || null,
+            createdAt: now,
+            updatedAt: now,
+          }
+        })
+
+        // Create edge entries with new IDs
+        const edgeEntries = (templateState.edges || []).map((edge: any) => ({
+          id: uuidv4(),
+          workflowId: newWorkflowId,
+          sourceBlockId: blockIdMap.get(edge.source) || edge.source,
+          targetBlockId: blockIdMap.get(edge.target) || edge.target,
+          sourceHandle: edge.sourceHandle || null,
+          targetHandle: edge.targetHandle || null,
+          createdAt: now,
+        }))
+
+        // Update the workflow state with new block IDs
+        const updatedState = { ...templateState }
+        if (updatedState.blocks) {
+          const newBlocks: any = {}
+          Object.entries(updatedState.blocks).forEach(([oldId, blockData]: [string, any]) => {
+            const newId = blockIdMap.get(oldId)
+            if (newId) {
+              newBlocks[newId] = {
+                ...blockData,
+                id: newId,
+              }
+            }
+          })
+          updatedState.blocks = newBlocks
+        }
+
+        // Update edges to use new block IDs
+        if (updatedState.edges) {
+          updatedState.edges = updatedState.edges.map((edge: any) => ({
+            ...edge,
+            id: uuidv4(),
+            source: blockIdMap.get(edge.source) || edge.source,
+            target: blockIdMap.get(edge.target) || edge.target,
+          }))
+        }
+
+        // Update the workflow with the corrected state
+        await tx.update(workflow).set({ state: updatedState }).where(eq(workflow.id, newWorkflowId))
+
+        // Insert blocks and edges
+        if (blockEntries.length > 0) {
+          await tx.insert(workflowBlocks).values(blockEntries)
+        }
+        if (edgeEntries.length > 0) {
+          await tx.insert(workflowEdges).values(edgeEntries)
+        }
+      }
+
+      return newWorkflow[0]
+    })
+
+    logger.info(
+      `[${requestId}] Successfully used template: ${id}, created workflow: ${newWorkflowId}, database returned: ${result.id}`
+    )
+
+    // Verify the workflow was actually created
+    const verifyWorkflow = await db
+      .select({ id: workflow.id })
+      .from(workflow)
+      .where(eq(workflow.id, newWorkflowId))
+      .limit(1)
+
+    if (verifyWorkflow.length === 0) {
+      logger.error(`[${requestId}] Workflow was not created properly: ${newWorkflowId}`)
+      return NextResponse.json({ error: 'Failed to create workflow' }, { status: 500 })
+    }
+
+    return NextResponse.json(
+      {
+        message: 'Template used successfully',
+        workflowId: newWorkflowId,
+        workspaceId: workspaceId,
+      },
+      { status: 201 }
+    )
+  } catch (error: any) {
+    logger.error(`[${requestId}] Error using template: ${id}`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
diff --git a/apps/sim/app/api/templates/route.ts b/apps/sim/app/api/templates/route.ts
new file mode 100644
index 000000000..befcdf63f
--- /dev/null
+++ b/apps/sim/app/api/templates/route.ts
@@ -0,0 +1,260 @@
+import { and, desc, eq, ilike, or, sql } from 'drizzle-orm'
+import { type NextRequest, NextResponse } from 'next/server'
+import { v4 as uuidv4 } from 'uuid'
+import { z } from 'zod'
+import { getSession } from '@/lib/auth'
+import { createLogger } from '@/lib/logs/console-logger'
+import { db } from '@/db'
+import { templateStars, templates, workflow } from '@/db/schema'
+
+const logger = createLogger('TemplatesAPI')
+
+export const dynamic = 'force-dynamic'
+export const revalidate = 0
+
+// Function to sanitize sensitive data from workflow state
+function sanitizeWorkflowState(state: any): any {
+  const sanitizedState = JSON.parse(JSON.stringify(state)) // Deep clone
+
+  if (sanitizedState.blocks) {
+    Object.values(sanitizedState.blocks).forEach((block: any) => {
+      if (block.subBlocks) {
+        Object.entries(block.subBlocks).forEach(([key, subBlock]: [string, any]) => {
+          // Clear OAuth credentials and API keys using regex patterns
+          if (
+            /credential|oauth|api[_-]?key|token|secret|auth|password|bearer/i.test(key) ||
+            /credential|oauth|api[_-]?key|token|secret|auth|password|bearer/i.test(
+              subBlock.type || ''
+            ) ||
+            /credential|oauth|api[_-]?key|token|secret|auth|password|bearer/i.test(
+              subBlock.value || ''
+            )
+          ) {
+            subBlock.value = ''
+          }
+        })
+      }
+
+      // Also clear from data field if present
+      if (block.data) {
+        Object.entries(block.data).forEach(([key, value]: [string, any]) => {
+          if (/credential|oauth|api[_-]?key|token|secret|auth|password|bearer/i.test(key)) {
+            block.data[key] = ''
+          }
+        })
+      }
+    })
+  }
+
+  return sanitizedState
+}
+
+// Schema for creating a template
+const CreateTemplateSchema = z.object({
+  workflowId: z.string().min(1, 'Workflow ID is required'),
+  name: z.string().min(1, 'Name is required').max(100, 'Name must be less than 100 characters'),
+  description: z
+    .string()
+    .min(1, 'Description is required')
+    .max(500, 'Description must be less than 500 characters'),
+  author: z
+    .string()
+    .min(1, 'Author is required')
+    .max(100, 'Author must be less than 100 characters'),
+  category: z.string().min(1, 'Category is required'),
+  icon: z.string().min(1, 'Icon is required'),
+  color: z.string().regex(/^#[0-9A-F]{6}$/i, 'Color must be a valid hex color (e.g., #3972F6)'),
+  state: z.object({
+    blocks: z.record(z.any()),
+    edges: z.array(z.any()),
+    loops: z.record(z.any()),
+    parallels: z.record(z.any()),
+  }),
+})
+
+// Schema for query parameters
+const QueryParamsSchema = z.object({
+  category: z.string().optional(),
+  limit: z.coerce.number().optional().default(50),
+  offset: z.coerce.number().optional().default(0),
+  search: z.string().optional(),
+})
+
+// GET /api/templates - Retrieve templates
+export async function GET(request: NextRequest) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized templates access attempt`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    const { searchParams } = new URL(request.url)
+    const params = QueryParamsSchema.parse(Object.fromEntries(searchParams.entries()))
+
+    logger.debug(`[${requestId}] Fetching templates with params:`, params)
+
+    // Build query conditions
+    const conditions = []
+
+    // Apply category filter if provided
+    if (params.category) {
+      conditions.push(eq(templates.category, params.category))
+    }
+
+    // Apply search filter if provided
+    if (params.search) {
+      const searchTerm = `%${params.search}%`
+      conditions.push(
+        or(ilike(templates.name, searchTerm), ilike(templates.description, searchTerm))
+      )
+    }
+
+    // Combine conditions
+    const whereCondition = conditions.length > 0 ? and(...conditions) : undefined
+
+    // Apply ordering, limit, and offset with star information
+    const results = await db
+      .select({
+        id: templates.id,
+        workflowId: templates.workflowId,
+        userId: templates.userId,
+        name: templates.name,
+        description: templates.description,
+        author: templates.author,
+        views: templates.views,
+        stars: templates.stars,
+        color: templates.color,
+        icon: templates.icon,
+        category: templates.category,
+        state: templates.state,
+        createdAt: templates.createdAt,
+        updatedAt: templates.updatedAt,
+        isStarred: sql<boolean>`CASE WHEN ${templateStars.id} IS NOT NULL THEN true ELSE false END`,
+      })
+      .from(templates)
+      .leftJoin(
+        templateStars,
+        and(eq(templateStars.templateId, templates.id), eq(templateStars.userId, session.user.id))
+      )
+      .where(whereCondition)
+      .orderBy(desc(templates.views), desc(templates.createdAt))
+      .limit(params.limit)
+      .offset(params.offset)
+
+    // Get total count for pagination
+    const totalCount = await db
+      .select({ count: sql<number>`count(*)` })
+      .from(templates)
+      .where(whereCondition)
+
+    const total = totalCount[0]?.count || 0
+
+    logger.info(`[${requestId}] Successfully retrieved ${results.length} templates`)
+
+    return NextResponse.json({
+      data: results,
+      pagination: {
+        total,
+        limit: params.limit,
+        offset: params.offset,
+        page: Math.floor(params.offset / params.limit) + 1,
+        totalPages: Math.ceil(total / params.limit),
+      },
+    })
+  } catch (error: any) {
+    if (error instanceof z.ZodError) {
+      logger.warn(`[${requestId}] Invalid query parameters`, { errors: error.errors })
+      return NextResponse.json(
+        { error: 'Invalid query parameters', details: error.errors },
+        { status: 400 }
+      )
+    }
+
+    logger.error(`[${requestId}] Error fetching templates`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
+
+// POST /api/templates - Create a new template
+export async function POST(request: NextRequest) {
+  const requestId = crypto.randomUUID().slice(0, 8)
+
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      logger.warn(`[${requestId}] Unauthorized template creation attempt`)
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    const body = await request.json()
+    const data = CreateTemplateSchema.parse(body)
+
+    logger.debug(`[${requestId}] Creating template:`, {
+      name: data.name,
+      category: data.category,
+      workflowId: data.workflowId,
+    })
+
+    // Verify the workflow exists and belongs to the user
+    const workflowExists = await db
+      .select({ id: workflow.id })
+      .from(workflow)
+      .where(eq(workflow.id, data.workflowId))
+      .limit(1)
+
+    if (workflowExists.length === 0) {
+      logger.warn(`[${requestId}] Workflow not found: ${data.workflowId}`)
+      return NextResponse.json({ error: 'Workflow not found' }, { status: 404 })
+    }
+
+    // Create the template
+    const templateId = uuidv4()
+    const now = new Date()
+
+    // Sanitize the workflow state to remove sensitive credentials
+    const sanitizedState = sanitizeWorkflowState(data.state)
+
+    const newTemplate = {
+      id: templateId,
+      workflowId: data.workflowId,
+      userId: session.user.id,
+      name: data.name,
+      description: data.description || null,
+      author: data.author,
+      views: 0,
+      stars: 0,
+      color: data.color,
+      icon: data.icon,
+      category: data.category,
+      state: sanitizedState,
+      createdAt: now,
+      updatedAt: now,
+    }
+
+    await db.insert(templates).values(newTemplate)
+
+    logger.info(`[${requestId}] Successfully created template: ${templateId}`)
+
+    return NextResponse.json(
+      {
+        id: templateId,
+        message: 'Template created successfully',
+      },
+      { status: 201 }
+    )
+  } catch (error: any) {
+    if (error instanceof z.ZodError) {
+      logger.warn(`[${requestId}] Invalid template data`, { errors: error.errors })
+      return NextResponse.json(
+        { error: 'Invalid template data', details: error.errors },
+        { status: 400 }
+      )
+    }
+
+    logger.error(`[${requestId}] Error creating template`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
diff --git a/apps/sim/app/api/workflows/[id]/variables/route.ts b/apps/sim/app/api/workflows/[id]/variables/route.ts
index c93cb3884..668fb9453 100644
--- a/apps/sim/app/api/workflows/[id]/variables/route.ts
+++ b/apps/sim/app/api/workflows/[id]/variables/route.ts
@@ -79,23 +79,15 @@ export async function POST(req: NextRequest, { params }: { params: Promise<{ id:
         variablesRecord[variable.id] = variable
       })
 
-      // Get existing variables to merge with the incoming ones
-      const existingVariables = (workflowRecord[0].variables as Record<string, Variable>) || {}
-
-      // Create a timestamp based on the current request
-
-      // Merge variables: Keep existing ones and update/add new ones
-      // This prevents variables from being deleted during race conditions
-      const mergedVariables = {
-        ...existingVariables,
-        ...variablesRecord,
-      }
+      // Replace variables completely with the incoming ones
+      // The frontend is the source of truth for what variables should exist
+      const updatedVariables = variablesRecord
 
       // Update workflow with variables
       await db
         .update(workflow)
         .set({
-          variables: mergedVariables,
+          variables: updatedVariables,
           updatedAt: new Date(),
         })
         .where(eq(workflow.id, workflowId))
diff --git a/apps/sim/app/api/workspaces/route.ts b/apps/sim/app/api/workspaces/route.ts
index cb7db1ba0..6c34dc44d 100644
--- a/apps/sim/app/api/workspaces/route.ts
+++ b/apps/sim/app/api/workspaces/route.ts
@@ -2,6 +2,7 @@ import crypto from 'crypto'
 import { and, desc, eq, isNull } from 'drizzle-orm'
 import { NextResponse } from 'next/server'
 import { getSession } from '@/lib/auth'
+import { getUserEntityPermissions } from '@/lib/permissions/utils'
 import { db } from '@/db'
 import { permissions, workflow, workflowBlocks, workspace, workspaceMember } from '@/db/schema'
 
@@ -18,6 +19,7 @@ export async function GET() {
     .select({
       workspace: workspace,
       role: workspaceMember.role,
+      membershipId: workspaceMember.id,
     })
     .from(workspaceMember)
     .innerJoin(workspace, eq(workspaceMember.workspaceId, workspace.id))
@@ -37,13 +39,25 @@ export async function GET() {
   // If user has workspaces but might have orphaned workflows, migrate them
   await ensureWorkflowsHaveWorkspace(session.user.id, memberWorkspaces[0].workspace.id)
 
-  // Format the response
-  const workspaces = memberWorkspaces.map(({ workspace: workspaceDetails, role }) => ({
-    ...workspaceDetails,
-    role,
-  }))
+  // Get permissions for each workspace and format the response
+  const workspacesWithPermissions = await Promise.all(
+    memberWorkspaces.map(async ({ workspace: workspaceDetails, role, membershipId }) => {
+      const userPermissions = await getUserEntityPermissions(
+        session.user.id,
+        'workspace',
+        workspaceDetails.id
+      )
 
-  return NextResponse.json({ workspaces })
+      return {
+        ...workspaceDetails,
+        role,
+        membershipId,
+        permissions: userPermissions,
+      }
+    })
+  )
+
+  return NextResponse.json({ workspaces: workspacesWithPermissions })
 }
 
 // POST /api/workspaces - Create a new workspace
diff --git a/apps/sim/app/globals.css b/apps/sim/app/globals.css
index 6d31b94e6..27d1b85a1 100644
--- a/apps/sim/app/globals.css
+++ b/apps/sim/app/globals.css
@@ -2,7 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Z-index fixes for workflow components */
+/* ==========================================================================
+   WORKFLOW COMPONENT Z-INDEX FIXES
+   ========================================================================== */
 .workflow-container .react-flow__edges {
   z-index: 0 !important;
 }
@@ -24,81 +26,131 @@
   z-index: 0 !important;
 }
 
+/* ==========================================================================
+   THEME SYSTEM - CSS CUSTOM PROPERTIES
+   ========================================================================== */
 @layer base {
-  :root {
+  /* Light Mode Theme */
+  :root,
+  .light {
+    /* Core Colors */
     --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
+    --foreground: 0 0% 3.9%;
 
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
+    /* Card Colors */
+    --card: 0 0% 99.2%;
+    --card-foreground: 0 0% 3.9%;
 
+    /* Popover Colors */
     --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
+    --popover-foreground: 0 0% 3.9%;
 
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
+    /* Primary Colors */
+    --primary: 0 0% 11.2%;
+    --primary-foreground: 0 0% 98%;
 
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+    /* Secondary Colors */
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 11.2%;
 
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    /* Muted Colors */
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 46.9%;
 
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
+    /* Accent Colors */
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 11.2%;
 
+    /* Destructive Colors */
     --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
+    --destructive-foreground: 0 0% 98%;
 
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
+    /* Border & Input Colors */
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
 
+    /* Border Radius */
     --radius: 0.5rem;
 
-    /* Scrollbar Custom Properties */
+    /* Scrollbar Properties */
     --scrollbar-track: 0 0% 85%;
     --scrollbar-thumb: 0 0% 65%;
     --scrollbar-thumb-hover: 0 0% 55%;
     --scrollbar-size: 8px;
+
+    /* Workflow Properties */
+    --workflow-background: 0 0% 100%;
+    --workflow-dots: 0 0% 94.5%;
+    --card-background: 0 0% 99.2%;
+    --card-border: 0 0% 89.8%;
+    --card-text: 0 0% 3.9%;
+    --card-hover: 0 0% 96.1%;
+
+    /* Base Component Properties */
+    --base-muted-foreground: #737373;
   }
 
+  /* Dark Mode Theme */
   .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
+    /* Core Colors */
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
 
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
+    /* Card Colors */
+    --card: 0 0% 9.0%;
+    --card-foreground: 0 0% 98%;
 
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
+    /* Popover Colors */
+    --popover: 0 0% 9.0%;
+    --popover-foreground: 0 0% 98%;
 
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
+    /* Primary Colors */
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 11.2%;
 
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
+    /* Secondary Colors */
+    --secondary: 0 0% 12.0%;
+    --secondary-foreground: 0 0% 98%;
 
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
+    /* Muted Colors */
+    --muted: 0 0% 17.5%;
+    --muted-foreground: 0 0% 65.1%;
 
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
+    /* Accent Colors */
+    --accent: 0 0% 17.5%;
+    --accent-foreground: 0 0% 98%;
 
+    /* Destructive Colors */
     --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
+    --destructive-foreground: 0 0% 98%;
 
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
+    /* Border & Input Colors */
+    --border: 0 0% 22.7%;
+    --input: 0 0% 22.7%;
+    --ring: 0 0% 83.9%;
 
-    /* Dark Mode Scrollbar Custom Properties */
-    --scrollbar-track: 217.2 32.6% 17.5%;
-    --scrollbar-thumb: 217.2 32.6% 30%;
-    --scrollbar-thumb-hover: 217.2 32.6% 40%;
+    /* Scrollbar Properties */
+    --scrollbar-track: 0 0% 17.5%;
+    --scrollbar-thumb: 0 0% 30%;
+    --scrollbar-thumb-hover: 0 0% 40%;
+
+    /* Workflow Properties */
+    --workflow-background: 0 0% 3.9%;
+    --workflow-dots: 0 0% 7.5%;
+    --card-background: 0 0% 9.0%;
+    --card-border: 0 0% 22.7%;
+    --card-text: 0 0% 98%;
+    --card-hover: 0 0% 12.0%;
+
+    /* Base Component Properties */
+    --base-muted-foreground: #a3a3a3;
   }
 }
 
+/* ==========================================================================
+   BASE STYLES
+   ========================================================================== */
 @layer base {
   * {
     @apply border-border;
@@ -143,28 +195,137 @@
   }
 }
 
-/* Custom Animations */
+/* ==========================================================================
+   TYPOGRAPHY
+   ========================================================================== */
+.font-geist-sans {
+  font-family: var(--font-geist-sans);
+}
+
+.font-geist-mono {
+  font-family: var(--font-geist-mono);
+}
+
+/* ==========================================================================
+   PANEL STYLES
+   ========================================================================== */
+.panel-tab-base {
+  color: var(--base-muted-foreground);
+}
+
+.panel-tab-active {
+  /* Light Mode Panel Tab Active */
+  background-color: #f5f5f5;
+  color: #1a1a1a;
+  border-color: #e5e5e5;
+}
+
+/* Dark Mode Panel Tab Active */
+.dark .panel-tab-active {
+  background-color: #1f1f1f;
+  color: #ffffff;
+  border-color: #424242;
+}
+
+.panel-tab-inactive:hover {
+  background-color: hsl(var(--secondary));
+  color: hsl(var(--card-foreground));
+}
+
+/* ==========================================================================
+   DARK MODE OVERRIDES
+   ========================================================================== */
+.dark .error-badge {
+  background-color: hsl(0, 70%, 20%) !important;
+  /* Darker red background for dark mode */
+  color: hsl(0, 0%, 100%) !important;
+  /* Pure white text for better contrast */
+}
+
+.dark .bg-red-500 {
+  @apply bg-red-700;
+}
+
+/* ==========================================================================
+   BROWSER INPUT OVERRIDES
+   ========================================================================== */
+/* Chrome, Safari, Edge, Opera */
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+/* Firefox */
+input[type="search"]::-moz-search-cancel-button {
+  display: none;
+}
+
+/* Microsoft Edge */
+input[type="search"]::-ms-clear {
+  display: none;
+}
+
+/* ==========================================================================
+   LAYOUT UTILITIES
+   ========================================================================== */
+.main-content-overlay {
+  z-index: 40;
+  /* Higher z-index to appear above content */
+}
+
+/* ==========================================================================
+   ANIMATIONS & UTILITIES
+   ========================================================================== */
 @layer utilities {
-  /* Animation containment to avoid layout shifts */
+  /* Animation Performance */
   .animation-container {
     contain: paint layout style;
     will-change: opacity, transform;
   }
 
-  @keyframes pulse-ring {
-    0% {
-      box-shadow: 0 0 0 0 hsl(var(--border));
-    }
-
-    50% {
-      box-shadow: 0 0 0 8px hsl(var(--border));
-    }
-
-    100% {
-      box-shadow: 0 0 0 0 hsl(var(--border));
-    }
+  /* Scrollbar Utilities */
+  .scrollbar-none {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
   }
 
+  .scrollbar-none::-webkit-scrollbar {
+    display: none;
+  }
+
+  .scrollbar-hide {
+    /* For Webkit browsers (Chrome, Safari, Edge) */
+    -webkit-scrollbar: none;
+    -webkit-scrollbar-width: none;
+    -webkit-scrollbar-track: transparent;
+    -webkit-scrollbar-thumb: transparent;
+
+    /* For Firefox */
+    scrollbar-width: none;
+    scrollbar-color: transparent transparent;
+
+    /* For Internet Explorer and Edge Legacy */
+    -ms-overflow-style: none;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+    background: transparent;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar-track {
+    display: none;
+    background: transparent;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar-thumb {
+    display: none;
+    background: transparent;
+  }
+
+  /* Animation Classes */
   .animate-pulse-ring {
     animation: pulse-ring 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
@@ -175,16 +336,6 @@
     transition-duration: 300ms;
   }
 
-  /* Custom Scrollbar Utility Classes */
-  .scrollbar-none {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-
-  .scrollbar-none::-webkit-scrollbar {
-    display: none;
-  }
-
   .animate-orbit {
     animation: orbit calc(var(--duration, 2) * 1s) linear infinite;
   }
@@ -197,7 +348,58 @@
     animation: marquee-vertical var(--duration) linear infinite;
   }
 
-  /* Code Editor Streaming Effect */
+  .animate-fade-in {
+    animation: fadeIn 0.3s ease-in-out forwards;
+  }
+
+  /* Special Effects */
+  .streaming-effect {
+    @apply relative overflow-hidden;
+  }
+
+  .streaming-effect::after {
+    content: "";
+    @apply pointer-events-none absolute left-0 top-0 h-full w-full;
+    background: linear-gradient(
+      90deg,
+      rgba(128, 128, 128, 0) 0%,
+      rgba(128, 128, 128, 0.1) 50%,
+      rgba(128, 128, 128, 0) 100%
+    );
+    animation: code-shimmer 1.5s infinite;
+    z-index: 10;
+  }
+
+  .dark .streaming-effect::after {
+    background: linear-gradient(
+      90deg,
+      rgba(180, 180, 180, 0) 0%,
+      rgba(180, 180, 180, 0.1) 50%,
+      rgba(180, 180, 180, 0) 100%
+    );
+  }
+
+  .loading-placeholder::placeholder {
+    animation: placeholder-pulse 1.5s ease-in-out infinite;
+  }
+
+  /* ==========================================================================
+     KEYFRAME ANIMATIONS
+     ========================================================================== */
+  @keyframes pulse-ring {
+    0% {
+      box-shadow: 0 0 0 0 hsl(var(--border));
+    }
+
+    50% {
+      box-shadow: 0 0 0 8px hsl(var(--border));
+    }
+
+    100% {
+      box-shadow: 0 0 0 0 hsl(var(--border));
+    }
+  }
+
   @keyframes code-shimmer {
     0% {
       transform: translateX(-100%);
@@ -240,32 +442,6 @@
     }
   }
 
-  .streaming-effect {
-    @apply relative overflow-hidden;
-  }
-
-  .streaming-effect::after {
-    content: "";
-    @apply pointer-events-none absolute left-0 top-0 h-full w-full;
-    background: linear-gradient(
-      90deg,
-      rgba(128, 128, 128, 0) 0%,
-      rgba(128, 128, 128, 0.1) 50%,
-      rgba(128, 128, 128, 0) 100%
-    );
-    animation: code-shimmer 1.5s infinite;
-    z-index: 10;
-  }
-
-  .dark .streaming-effect::after {
-    background: linear-gradient(
-      90deg,
-      rgba(180, 180, 180, 0) 0%,
-      rgba(180, 180, 180, 0.1) 50%,
-      rgba(180, 180, 180, 0) 100%
-    );
-  }
-
   @keyframes fadeIn {
     from {
       opacity: 0;
@@ -276,68 +452,14 @@
     }
   }
 
-  .animate-fade-in {
-    animation: fadeIn 0.3s ease-in-out forwards;
+  @keyframes placeholder-pulse {
+    0%,
+    100% {
+      opacity: 0.5;
+    }
+
+    50% {
+      opacity: 0.8;
+    }
   }
 }
-
-/* Dark mode error badge styling */
-.dark .error-badge {
-  background-color: hsl(0, 70%, 20%) !important;
-  /* Darker red background for dark mode */
-  color: hsl(0, 0%, 100%) !important;
-  /* Pure white text for better contrast */
-}
-
-/* Input Overrides */
-/* Chrome, Safari, Edge, Opera */
-input[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-/* Firefox */
-input[type="search"]::-moz-search-cancel-button {
-  display: none;
-}
-
-/* Microsoft Edge */
-input[type="search"]::-ms-clear {
-  display: none;
-}
-
-/* Code Prompt Bar Placeholder Animation */
-@keyframes placeholder-pulse {
-  0%,
-  100% {
-    opacity: 0.5;
-  }
-
-  50% {
-    opacity: 0.8;
-  }
-}
-
-.loading-placeholder::placeholder {
-  animation: placeholder-pulse 1.5s ease-in-out infinite;
-}
-
-/* Dark mode error badge styling */
-.dark .bg-red-500 {
-  @apply bg-red-700;
-}
-
-/* Font Variables */
-.font-geist-sans {
-  font-family: var(--font-geist-sans);
-}
-
-.font-geist-mono {
-  font-family: var(--font-geist-mono);
-}
-
-/* Sidebar overlay styles */
-.main-content-overlay {
-  z-index: 40;
-  /* Higher z-index to appear above content */
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-loading.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-loading.tsx
index 89f4f7a7f..a82cb168b 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-loading.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-loading.tsx
@@ -3,7 +3,6 @@
 import { Plus, Search } from 'lucide-react'
 import { useParams } from 'next/navigation'
 import { Button } from '@/components/ui/button'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { KnowledgeHeader } from '../../../components/knowledge-header/knowledge-header'
 import { ChunkTableSkeleton } from '../../../components/skeletons/table-skeleton'
 
@@ -18,11 +17,8 @@ export function DocumentLoading({
   knowledgeBaseName,
   documentName,
 }: DocumentLoadingProps) {
-  const { mode, isExpanded } = useSidebarStore()
   const params = useParams()
   const workspaceId = params?.workspaceId as string
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
 
   const breadcrumbs = [
     {
@@ -42,9 +38,7 @@ export function DocumentLoading({
   ]
 
   return (
-    <div
-      className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-    >
+    <div className='flex h-[100vh] flex-col pl-64'>
       {/* Header with Breadcrumbs */}
       <KnowledgeHeader breadcrumbs={breadcrumbs} />
 
@@ -78,7 +72,7 @@ export function DocumentLoading({
               </div>
 
               {/* Table container */}
-              <ChunkTableSkeleton isSidebarCollapsed={isSidebarCollapsed} rowCount={8} />
+              <ChunkTableSkeleton isSidebarCollapsed={false} rowCount={8} />
             </div>
           </div>
         </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx
index b71155eea..638ef0cf9 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx
@@ -12,7 +12,6 @@ import { ActionBar } from '@/app/workspace/[workspaceId]/knowledge/[id]/componen
 import { SearchInput } from '@/app/workspace/[workspaceId]/knowledge/components/search-input/search-input'
 import { useDocumentChunks } from '@/hooks/use-knowledge'
 import { type ChunkData, type DocumentData, useKnowledgeStore } from '@/stores/knowledge/store'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { KnowledgeHeader } from '../../components/knowledge-header/knowledge-header'
 import { CreateChunkModal } from './components/create-chunk-modal/create-chunk-modal'
 import { DeleteChunkModal } from './components/delete-chunk-modal/delete-chunk-modal'
@@ -45,15 +44,10 @@ export function Document({
   knowledgeBaseName,
   documentName,
 }: DocumentProps) {
-  const { mode, isExpanded } = useSidebarStore()
   const { getCachedKnowledgeBase, getCachedDocuments } = useKnowledgeStore()
   const { workspaceId } = useParams()
   const router = useRouter()
   const searchParams = useSearchParams()
-
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
-
   const currentPageFromURL = Number.parseInt(searchParams.get('page') || '1', 10)
 
   const {
@@ -247,7 +241,7 @@ export function Document({
 
   const handleSelectAll = (checked: boolean) => {
     if (checked) {
-      setSelectedChunks(new Set(paginatedChunks.map((chunk) => chunk.id)))
+      setSelectedChunks(new Set(paginatedChunks.map((chunk: ChunkData) => chunk.id)))
     } else {
       setSelectedChunks(new Set())
     }
@@ -362,9 +356,7 @@ export function Document({
     ]
 
     return (
-      <div
-        className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-      >
+      <div className='flex h-[100vh] flex-col pl-64'>
         <KnowledgeHeader breadcrumbs={errorBreadcrumbs} />
         <div className='flex flex-1 items-center justify-center'>
           <div className='text-center'>
@@ -382,9 +374,7 @@ export function Document({
   }
 
   return (
-    <div
-      className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-    >
+    <div className='flex h-[100vh] flex-col pl-64'>
       {/* Fixed Header with Breadcrumbs */}
       <KnowledgeHeader breadcrumbs={breadcrumbs} />
 
@@ -463,7 +453,7 @@ export function Document({
                     <colgroup>
                       <col className='w-[5%]' />
                       <col className='w-[8%]' />
-                      <col className={`${isSidebarCollapsed ? 'w-[57%]' : 'w-[55%]'}`} />
+                      <col className='w-[55%]' />
                       <col className='w-[10%]' />
                       <col className='w-[10%]' />
                       <col className='w-[12%]' />
@@ -509,7 +499,7 @@ export function Document({
                     <colgroup>
                       <col className='w-[5%]' />
                       <col className='w-[8%]' />
-                      <col className={`${isSidebarCollapsed ? 'w-[57%]' : 'w-[55%]'}`} />
+                      <col className='w-[55%]' />
                       <col className='w-[10%]' />
                       <col className='w-[10%]' />
                       <col className='w-[12%]' />
@@ -602,7 +592,7 @@ export function Document({
                           </tr>
                         ))
                       ) : (
-                        paginatedChunks.map((chunk) => (
+                        paginatedChunks.map((chunk: ChunkData) => (
                           <tr
                             key={chunk.id}
                             className='cursor-pointer border-b transition-colors hover:bg-accent/30'
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx
index d87d77d6f..961f19279 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx
@@ -36,7 +36,6 @@ import { PrimaryButton } from '@/app/workspace/[workspaceId]/knowledge/component
 import { SearchInput } from '@/app/workspace/[workspaceId]/knowledge/components/search-input/search-input'
 import { useKnowledgeBase, useKnowledgeBaseDocuments } from '@/hooks/use-knowledge'
 import { type DocumentData, useKnowledgeStore } from '@/stores/knowledge/store'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { KnowledgeHeader } from '../components/knowledge-header/knowledge-header'
 import { KnowledgeBaseLoading } from './components/knowledge-base-loading/knowledge-base-loading'
 import { UploadModal } from './components/upload-modal/upload-modal'
@@ -120,7 +119,6 @@ export function KnowledgeBase({
   id,
   knowledgeBaseName: passedKnowledgeBaseName,
 }: KnowledgeBaseProps) {
-  const { mode, isExpanded } = useSidebarStore()
   const { removeKnowledgeBase } = useKnowledgeStore()
   const params = useParams()
   const workspaceId = params.workspaceId as string
@@ -158,9 +156,6 @@ export function KnowledgeBase({
     offset: (currentPage - 1) * DOCUMENTS_PER_PAGE,
   })
 
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
-
   const router = useRouter()
 
   const knowledgeBaseName = knowledgeBase?.name || passedKnowledgeBaseName || 'Knowledge Base'
@@ -631,9 +626,7 @@ export function KnowledgeBase({
     ]
 
     return (
-      <div
-        className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-      >
+      <div className='flex h-[100vh] flex-col pl-64'>
         <KnowledgeHeader breadcrumbs={errorBreadcrumbs} />
         <div className='flex flex-1 items-center justify-center'>
           <div className='text-center'>
@@ -651,9 +644,7 @@ export function KnowledgeBase({
   }
 
   return (
-    <div
-      className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-    >
+    <div className='flex h-[100vh] flex-col pl-64'>
       {/* Fixed Header with Breadcrumbs */}
       <KnowledgeHeader
         breadcrumbs={breadcrumbs}
@@ -711,11 +702,11 @@ export function KnowledgeBase({
                   <table className='w-full min-w-[700px] table-fixed'>
                     <colgroup>
                       <col className='w-[4%]' />
-                      <col className={`${isSidebarCollapsed ? 'w-[22%]' : 'w-[24%]'}`} />
+                      <col className='w-[24%]' />
                       <col className='w-[8%]' />
                       <col className='w-[8%]' />
                       <col className='hidden w-[8%] lg:table-column' />
-                      <col className={`${isSidebarCollapsed ? 'w-[18%]' : 'w-[16%]'}`} />
+                      <col className='w-[16%]' />
                       <col className='w-[12%]' />
                       <col className='w-[14%]' />
                     </colgroup>
@@ -764,11 +755,11 @@ export function KnowledgeBase({
                   <table className='w-full min-w-[700px] table-fixed'>
                     <colgroup>
                       <col className='w-[4%]' />
-                      <col className={`${isSidebarCollapsed ? 'w-[22%]' : 'w-[24%]'}`} />
+                      <col className='w-[24%]' />
                       <col className='w-[8%]' />
                       <col className='w-[8%]' />
                       <col className='hidden w-[8%] lg:table-column' />
-                      <col className={`${isSidebarCollapsed ? 'w-[18%]' : 'w-[16%]'}`} />
+                      <col className='w-[16%]' />
                       <col className='w-[12%]' />
                       <col className='w-[14%]' />
                     </colgroup>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/knowledge-base-loading/knowledge-base-loading.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/knowledge-base-loading/knowledge-base-loading.tsx
index a189d2d19..f82696146 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/knowledge-base-loading/knowledge-base-loading.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/knowledge-base-loading/knowledge-base-loading.tsx
@@ -3,7 +3,6 @@
 import { Search } from 'lucide-react'
 import { useParams } from 'next/navigation'
 import { Button } from '@/components/ui/button'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { KnowledgeHeader } from '../../../components/knowledge-header/knowledge-header'
 import { DocumentTableSkeleton } from '../../../components/skeletons/table-skeleton'
 
@@ -12,11 +11,8 @@ interface KnowledgeBaseLoadingProps {
 }
 
 export function KnowledgeBaseLoading({ knowledgeBaseName }: KnowledgeBaseLoadingProps) {
-  const { mode, isExpanded } = useSidebarStore()
   const params = useParams()
   const workspaceId = params?.workspaceId as string
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
 
   const breadcrumbs = [
     {
@@ -31,9 +27,7 @@ export function KnowledgeBaseLoading({ knowledgeBaseName }: KnowledgeBaseLoading
   ]
 
   return (
-    <div
-      className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-    >
+    <div className='flex h-[100vh] flex-col pl-64'>
       {/* Fixed Header with Breadcrumbs */}
       <KnowledgeHeader breadcrumbs={breadcrumbs} />
 
@@ -70,7 +64,7 @@ export function KnowledgeBaseLoading({ knowledgeBaseName }: KnowledgeBaseLoading
               </div>
 
               {/* Table container */}
-              <DocumentTableSkeleton isSidebarCollapsed={isSidebarCollapsed} rowCount={8} />
+              <DocumentTableSkeleton isSidebarCollapsed={false} rowCount={8} />
             </div>
           </div>
         </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/knowledge.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/knowledge.tsx
index 144f6dd8f..ab17b01c7 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/knowledge.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/knowledge.tsx
@@ -4,7 +4,6 @@ import { useMemo, useState } from 'react'
 import { LibraryBig, Plus } from 'lucide-react'
 import { useKnowledgeBasesList } from '@/hooks/use-knowledge'
 import type { KnowledgeBaseData } from '@/stores/knowledge/store'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { BaseOverview } from './components/base-overview/base-overview'
 import { CreateModal } from './components/create-modal/create-modal'
 import { EmptyStateCard } from './components/empty-state-card/empty-state-card'
@@ -18,13 +17,9 @@ interface KnowledgeBaseWithDocCount extends KnowledgeBaseData {
 }
 
 export function Knowledge() {
-  const { mode, isExpanded } = useSidebarStore()
   const { knowledgeBases, isLoading, error, addKnowledgeBase, refreshList } =
     useKnowledgeBasesList()
 
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
-
   const [searchQuery, setSearchQuery] = useState('')
   const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)
 
@@ -56,9 +51,7 @@ export function Knowledge() {
 
   return (
     <>
-      <div
-        className={`flex h-screen flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-      >
+      <div className='flex h-screen flex-col pl-64'>
         {/* Header */}
         <KnowledgeHeader breadcrumbs={breadcrumbs} />
 
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx
index d102d7e4b..8bd39d72c 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx
@@ -2,21 +2,14 @@
 
 import { Plus, Search } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { KnowledgeHeader } from './components/knowledge-header/knowledge-header'
 import { KnowledgeBaseCardSkeletonGrid } from './components/skeletons/knowledge-base-card-skeleton'
 
 export default function KnowledgeLoading() {
-  const { mode, isExpanded } = useSidebarStore()
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
-
   const breadcrumbs = [{ id: 'knowledge', label: 'Knowledge' }]
 
   return (
-    <div
-      className={`flex h-screen flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-    >
+    <div className='flex h-screen flex-col pl-64'>
       {/* Header */}
       <KnowledgeHeader breadcrumbs={breadcrumbs} />
 
diff --git a/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx b/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx
index 7226b0307..47bd1528b 100644
--- a/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/logs/logs.tsx
@@ -3,7 +3,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { AlertCircle, Info, Loader2 } from 'lucide-react'
 import { createLogger } from '@/lib/logs/console-logger'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { ControlBar } from './components/control-bar/control-bar'
 import { Filters } from './components/filters/filters'
 import { Sidebar } from './components/sidebar/sidebar'
@@ -55,9 +54,6 @@ export default function Logs() {
   const selectedRowRef = useRef<HTMLTableRowElement | null>(null)
   const loaderRef = useRef<HTMLDivElement>(null)
   const scrollContainerRef = useRef<HTMLDivElement>(null)
-  const { mode, isExpanded } = useSidebarStore()
-  const isSidebarCollapsed =
-    mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'
 
   const handleLogClick = (log: WorkflowLog) => {
     setSelectedLog(log)
@@ -291,9 +287,7 @@ export default function Logs() {
   ])
 
   return (
-    <div
-      className={`flex h-[100vh] flex-col transition-padding duration-200 ${isSidebarCollapsed ? 'pl-14' : 'pl-60'}`}
-    >
+    <div className='flex h-[100vh] flex-col pl-64'>
       {/* Add the animation styles */}
       <style jsx global>
         {selectedRowAnimation}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/components/control-bar/control-bar.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/components/control-bar/control-bar.tsx
deleted file mode 100644
index ffffc95cf..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/components/control-bar/control-bar.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { Search } from 'lucide-react'
-import { Input } from '@/components/ui/input'
-import { useDebounce } from '@/hooks/use-debounce'
-
-interface ControlBarProps {
-  setSearchQuery: (query: string) => void
-}
-
-/**
- * Control bar for marketplace page - includes search functionality
- */
-export function ControlBar({ setSearchQuery }: ControlBarProps) {
-  const [localSearchQuery, setLocalSearchQuery] = useState('')
-  const debouncedSearchQuery = useDebounce(localSearchQuery, 300)
-
-  // Update parent component when debounced search query changes
-  useEffect(() => {
-    setSearchQuery(debouncedSearchQuery)
-  }, [debouncedSearchQuery, setSearchQuery])
-
-  return (
-    <div className='flex h-16 w-full items-center justify-between border-b bg-background px-6 transition-all duration-300'>
-      {/* Left Section - Search */}
-      <div className='relative w-[400px]'>
-        <div className='pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3'>
-          <Search className='h-4 w-4 text-muted-foreground' />
-        </div>
-        <Input
-          type='search'
-          placeholder='Search workflows...'
-          className='h-9 pl-10'
-          value={localSearchQuery}
-          onChange={(e) => setLocalSearchQuery(e.target.value)}
-        />
-      </div>
-
-      {/* Middle Section - Reserved for future use */}
-      <div className='flex-1' />
-
-      {/* Right Section - Reserved for future use */}
-      <div className='flex items-center gap-3' />
-    </div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/components/error-message.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/components/error-message.tsx
deleted file mode 100644
index 18b4b9b5d..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/components/error-message.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-'use client'
-
-import { motion } from 'framer-motion'
-import { AlertCircle } from 'lucide-react'
-
-/**
- * ErrorMessageProps interface - defines the properties for the ErrorMessage component
- * @property {string | null} message - The error message to display, or null if no error
- */
-interface ErrorMessageProps {
-  message: string | null
-}
-
-/**
- * ErrorMessage component - Displays an error message with animation
- * Only renders when a message is provided, otherwise returns null
- * Uses Framer Motion for smooth entrance animation
- */
-export function ErrorMessage({ message }: ErrorMessageProps) {
-  // Don't render anything if there's no message
-  if (!message) return null
-
-  return (
-    <motion.div
-      className='mb-8 rounded-md border border-red-200 bg-red-50 p-4 text-red-700'
-      initial={{ opacity: 0, y: -10 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.3 }}
-    >
-      <p className='flex items-center'>
-        <AlertCircle className='mr-2 h-4 w-4' />
-        {message}
-      </p>
-    </motion.div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/components/section.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/components/section.tsx
deleted file mode 100644
index caa226904..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/components/section.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client'
-
-import { forwardRef, type ReactNode } from 'react'
-
-/**
- * SectionProps interface - defines the properties for the Section component
- * @property {string} title - The heading text for the section
- * @property {string} id - The ID for the section (used for scroll targeting)
- * @property {ReactNode} children - The content to be rendered inside the section
- */
-interface SectionProps {
-  title: string
-  id: string
-  children: ReactNode
-}
-
-/**
- * Section component - Renders a section with a title and content
- * Used to organize different categories of workflows in the marketplace
- * Implements forwardRef to allow parent components to access the DOM node for scrolling
- */
-export const Section = forwardRef<HTMLDivElement, SectionProps>(({ title, id, children }, ref) => {
-  return (
-    <div ref={ref} id={id} className='mb-12 scroll-mt-14'>
-      <h2 className='mb-6 font-medium text-lg capitalize'>{title}</h2>
-      {children}
-    </div>
-  )
-})
-
-Section.displayName = 'Section'
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/components/toolbar/toolbar.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/components/toolbar/toolbar.tsx
deleted file mode 100644
index 363474307..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/components/toolbar/toolbar.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { Clock, Star } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import { CATEGORIES, getCategoryIcon, getCategoryLabel } from '../../constants/categories'
-
-export type MarketplaceCategory = 'popular' | 'programming' | 'marketing' | 'all'
-
-interface ToolbarProps {
-  scrollToSection: (sectionId: string) => void
-  activeSection: string | null
-}
-
-// Map of special section icons
-const specialIcons: Record<string, React.ReactNode> = {
-  popular: <Star className='mr-2 h-4 w-4' />,
-  recent: <Clock className='mr-2 h-4 w-4' />,
-}
-
-export function Toolbar({ scrollToSection, activeSection }: ToolbarProps) {
-  const [categories, setCategories] = useState<string[]>([])
-
-  // Set categories including special sections
-  useEffect(() => {
-    // Start with special sections like 'popular' and 'recent'
-    const specialSections = ['popular', 'recent']
-
-    // Add categories from centralized definitions
-    const categoryValues = CATEGORIES.map((cat) => cat.value)
-
-    // Put special sections first, then regular categories
-    const allCategories = [...specialSections, ...categoryValues]
-
-    setCategories(allCategories)
-  }, [])
-
-  return (
-    <div className='h-full w-60 overflow-auto border-r p-4'>
-      <h2 className='mb-4 pl-2 font-medium text-sm'>Categories</h2>
-      <nav className='space-y-1'>
-        {categories.map((category) => (
-          <Button
-            key={category}
-            variant='ghost'
-            className={`w-full justify-start px-2 py-2 font-medium text-muted-foreground text-sm capitalize transition-colors hover:text-foreground ${
-              activeSection === category ? 'bg-accent text-foreground' : 'hover:bg-accent/50'
-            }`}
-            onClick={() => scrollToSection(category)}
-          >
-            {specialIcons[category] || getCategoryIcon(category)}
-            {category === 'popular'
-              ? 'Popular'
-              : category === 'recent'
-                ? 'Recent'
-                : getCategoryLabel(category)}
-          </Button>
-        ))}
-      </nav>
-    </div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card-skeleton.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card-skeleton.tsx
deleted file mode 100644
index f38550aa9..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card-skeleton.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-'use client'
-
-import { Card, CardContent, CardFooter, CardHeader } from '@/components/ui/card'
-import { Skeleton } from '@/components/ui/skeleton'
-
-/**
- * WorkflowCardSkeleton - Loading placeholder component for workflow cards
- * Displays a skeleton UI while workflow data is being fetched
- * Maintains the same structure as WorkflowCard for consistent layout during loading
- */
-export function WorkflowCardSkeleton() {
-  return (
-    <Card className='flex h-full flex-col overflow-hidden'>
-      {/* Thumbnail area skeleton */}
-      <div className='relative h-40 overflow-hidden bg-gradient-to-br from-slate-200 to-slate-300 dark:from-slate-800 dark:to-slate-700'>
-        <Skeleton className='h-full w-full' />
-      </div>
-      <div className='flex flex-grow flex-col'>
-        {/* Title skeleton */}
-        <CardHeader className='p-4 pb-2'>
-          <Skeleton className='h-4 w-3/4' />
-        </CardHeader>
-        {/* Description skeleton */}
-        <CardContent className='flex flex-grow flex-col p-4 pt-0 pb-2'>
-          <Skeleton className='mb-1 h-3 w-full' />
-          <Skeleton className='h-3 w-4/5' />
-        </CardContent>
-        {/* Footer with author and views skeletons */}
-        <CardFooter className='mt-auto flex items-center justify-between p-4 pt-2'>
-          <Skeleton className='h-3 w-1/4' />
-          <Skeleton className='h-3 w-10' />
-        </CardFooter>
-      </div>
-    </Card>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card.tsx
deleted file mode 100644
index 76667b1d7..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/components/workflow-card.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { Eye } from 'lucide-react'
-import { useParams, useRouter } from 'next/navigation'
-import { Card, CardContent, CardFooter, CardHeader } from '@/components/ui/card'
-import { WorkflowPreview } from '@/app/workspace/[workspaceId]/w/components/workflow-preview/workflow-preview'
-import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
-import type { Workflow } from '../marketplace'
-
-/**
- * WorkflowCardProps interface - defines the properties for the WorkflowCard component
- * @property {Workflow} workflow - The workflow data to display
- * @property {number} index - The index of the workflow in the list
- * @property {Function} onHover - Optional callback function triggered when card is hovered
- */
-interface WorkflowCardProps {
-  workflow: Workflow
-  index: number
-  onHover?: (id: string) => void
-}
-
-/**
- * WorkflowCard component - Displays a workflow in a card format
- * Shows either a workflow preview, thumbnail image, or fallback text
- * State is now pre-loaded in most cases, fallback to load on hover if needed
- */
-export function WorkflowCard({ workflow, onHover }: WorkflowCardProps) {
-  const [isPreviewReady, setIsPreviewReady] = useState(!!workflow.workflowState)
-  const router = useRouter()
-  const params = useParams()
-  const workspaceId = params.workspaceId as string
-  const { createWorkflow } = useWorkflowRegistry()
-
-  // When workflow state becomes available, update preview ready state
-  useEffect(() => {
-    if (workflow.workflowState && !isPreviewReady) {
-      setIsPreviewReady(true)
-    }
-  }, [workflow.workflowState, isPreviewReady])
-
-  /**
-   * Handle mouse enter event
-   * Sets hover state and triggers onHover callback to load workflow state if needed
-   */
-  const handleMouseEnter = () => {
-    if (onHover && !workflow.workflowState) {
-      onHover(workflow.id)
-    }
-  }
-
-  /**
-   * Handle workflow card click - track views and import workflow
-   */
-  const handleClick = async () => {
-    try {
-      // Track view
-      await fetch('/api/marketplace/workflows', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ id: workflow.id }),
-      })
-
-      // Create a local copy of the marketplace workflow
-      if (workflow.workflowState) {
-        const newWorkflowId = await createWorkflow({
-          name: `${workflow.name} (Copy)`,
-          description: workflow.description,
-          marketplaceId: workflow.id,
-          marketplaceState: workflow.workflowState,
-        })
-
-        // Navigate to the new workflow
-        router.push(`/workspace/${workspaceId}/w/${newWorkflowId}`)
-      } else {
-        console.error('Cannot import workflow: state is not available')
-      }
-    } catch (error) {
-      console.error('Failed to handle workflow click:', error)
-    }
-  }
-
-  return (
-    <div
-      className='block cursor-pointer'
-      aria-label={`View ${workflow.name} workflow`}
-      onClick={handleClick}
-    >
-      <Card
-        className='flex h-full flex-col overflow-hidden transition-all hover:shadow-md'
-        onMouseEnter={handleMouseEnter}
-      >
-        {/* Workflow preview/thumbnail area */}
-        <div className='relative h-40 overflow-hidden bg-gradient-to-br from-slate-100 to-slate-200 dark:from-slate-800 dark:to-slate-900'>
-          {isPreviewReady && workflow.workflowState ? (
-            // Interactive Preview
-            <div className='absolute inset-0 flex items-center justify-center'>
-              <div className='h-full w-full scale-[0.9] transform-gpu'>
-                <WorkflowPreview
-                  workflowState={{
-                    ...workflow.workflowState,
-                    parallels: workflow.workflowState.parallels || {},
-                    loops: workflow.workflowState.loops || {},
-                  }}
-                />
-              </div>
-            </div>
-          ) : workflow.thumbnail ? (
-            // Show static thumbnail image if available
-            <div
-              className='h-full w-full bg-center bg-cover'
-              style={{
-                backgroundImage: `url(${workflow.thumbnail})`,
-                backgroundSize: 'cover',
-                backgroundPosition: 'center top',
-              }}
-            />
-          ) : (
-            // Fallback to text if no preview or thumbnail is available
-            <div className='flex h-full w-full items-center justify-center'>
-              <span className='font-medium text-lg text-muted-foreground'>{workflow.name}</span>
-            </div>
-          )}
-        </div>
-        <div className='flex flex-grow flex-col'>
-          {/* Workflow title */}
-          <CardHeader className='p-4 pb-2'>
-            <h3 className='font-medium text-sm'>{workflow.name}</h3>
-          </CardHeader>
-          {/* Workflow description */}
-          <CardContent className='flex flex-grow flex-col p-4 pt-0 pb-2'>
-            <p className='line-clamp-2 text-muted-foreground text-xs'>{workflow.description}</p>
-          </CardContent>
-          {/* Footer with author and stats */}
-          <CardFooter className='mt-auto flex items-center justify-between p-4 pt-2'>
-            <div className='text-muted-foreground text-xs'>by {workflow.author}</div>
-            <div className='flex items-center'>
-              <div className='flex items-center space-x-1'>
-                <Eye className='h-3.5 w-3.5 text-muted-foreground' />
-                <span className='font-medium text-muted-foreground text-xs'>{workflow.views}</span>
-              </div>
-            </div>
-          </CardFooter>
-        </div>
-      </Card>
-    </div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/constants/categories.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/constants/categories.tsx
deleted file mode 100644
index bc1114fb5..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/constants/categories.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import type { ReactNode } from 'react'
-import {
-  Atom,
-  BotMessageSquare,
-  Brain,
-  Code,
-  Database,
-  LineChart,
-  MailIcon,
-  Store,
-} from 'lucide-react'
-
-export interface Category {
-  value: string
-  label: string
-  icon: ReactNode
-  color: string
-}
-
-export const CATEGORIES: Category[] = [
-  {
-    value: 'data',
-    label: 'Data Analysis',
-    icon: <Database className='mr-2 h-4 w-4' />,
-    color: '#0ea5e9', // sky-500
-  },
-  {
-    value: 'marketing',
-    label: 'Marketing',
-    icon: <MailIcon className='mr-2 h-4 w-4' />,
-    color: '#f43f5e', // rose-500
-  },
-  {
-    value: 'sales',
-    label: 'Sales',
-    icon: <Store className='mr-2 h-4 w-4' />,
-    color: '#10b981', // emerald-500
-  },
-  {
-    value: 'customer_service',
-    label: 'Customer Service',
-    icon: <BotMessageSquare className='mr-2 h-4 w-4' />,
-    color: '#8b5cf6', // violet-500
-  },
-  {
-    value: 'research',
-    label: 'Research',
-    icon: <Atom className='mr-2 h-4 w-4' />,
-    color: '#f59e0b', // amber-500
-  },
-  {
-    value: 'finance',
-    label: 'Finance',
-    icon: <LineChart className='mr-2 h-4 w-4' />,
-    color: '#14b8a6', // teal-500
-  },
-  {
-    value: 'programming',
-    label: 'Programming',
-    icon: <Code className='mr-2 h-4 w-4' />,
-    color: '#6366f1', // indigo-500
-  },
-  {
-    value: 'other',
-    label: 'Other',
-    icon: <Brain className='mr-2 h-4 w-4' />,
-    color: '#802FFF', // Brand purple
-  },
-]
-
-// Helper functions to get category information
-export const getCategoryByValue = (value: string): Category => {
-  return CATEGORIES.find((cat) => cat.value === value) || CATEGORIES[CATEGORIES.length - 1]
-}
-
-export const getCategoryLabel = (value: string): string => {
-  // Special handling for "popular" and "recent" sections
-  if (value === 'popular') return 'Popular'
-  if (value === 'recent') return 'Recent'
-
-  // Default handling for regular categories
-  return getCategoryByValue(value).label
-}
-
-export const getCategoryIcon = (value: string): ReactNode => {
-  return getCategoryByValue(value).icon
-}
-
-export const getCategoryColor = (value: string): string => {
-  return getCategoryByValue(value).color
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/marketplace.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/marketplace.tsx
deleted file mode 100644
index a4a025309..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/marketplace.tsx
+++ /dev/null
@@ -1,574 +0,0 @@
-'use client'
-
-import { useEffect, useMemo, useRef, useState } from 'react'
-import { AlertCircle } from 'lucide-react'
-import { ControlBar } from './components/control-bar/control-bar'
-import { ErrorMessage } from './components/error-message'
-import { Section } from './components/section'
-import { Toolbar } from './components/toolbar/toolbar'
-import { WorkflowCard } from './components/workflow-card'
-import { WorkflowCardSkeleton } from './components/workflow-card-skeleton'
-import { CATEGORIES, getCategoryLabel } from './constants/categories'
-
-// Types
-export interface Workflow {
-  id: string
-  name: string
-  description: string
-  author: string
-  views: number
-  tags: string[]
-  thumbnail?: string
-  workflowUrl: string
-  workflowState?: {
-    blocks: Record<string, any>
-    edges: Array<{
-      id: string
-      source: string
-      target: string
-      sourceHandle?: string
-      targetHandle?: string
-    }>
-    loops: Record<string, any>
-    parallels?: Record<string, any>
-  }
-}
-
-// Updated interface to match API response format
-export interface MarketplaceWorkflow {
-  id: string
-  workflowId: string
-  name: string
-  description: string
-  authorName: string
-  views: number
-  category: string
-  createdAt: string
-  updatedAt: string
-  workflowState?: {
-    blocks: Record<string, any>
-    edges: Array<{
-      id: string
-      source: string
-      target: string
-      sourceHandle?: string
-      targetHandle?: string
-    }>
-    loops: Record<string, any>
-    parallels?: Record<string, any>
-  }
-}
-
-export interface MarketplaceData {
-  popular: MarketplaceWorkflow[]
-  recent: MarketplaceWorkflow[]
-  byCategory: Record<string, MarketplaceWorkflow[]>
-}
-
-// The order to display sections in, matching toolbar order
-const SECTION_ORDER = ['popular', 'recent', ...CATEGORIES.map((cat) => cat.value)]
-
-export default function Marketplace() {
-  const [searchQuery, setSearchQuery] = useState('')
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-  const [marketplaceData, setMarketplaceData] = useState<MarketplaceData>({
-    popular: [],
-    recent: [],
-    byCategory: {},
-  })
-  const [activeSection, setActiveSection] = useState<string | null>(null)
-  const [loadedSections, setLoadedSections] = useState<Set<string>>(new Set(['popular', 'recent']))
-  const [_visibleSections, setVisibleSections] = useState<Set<string>>(new Set(['popular']))
-
-  // Create refs for each section
-  const sectionRefs = useRef<Record<string, HTMLDivElement | null>>({})
-  const contentRef = useRef<HTMLDivElement>(null)
-  const initialFetchCompleted = useRef(false)
-
-  // Convert marketplace data to the format expected by components
-  const workflowData = useMemo(() => {
-    const result: Record<string, Workflow[]> = {
-      popular: marketplaceData.popular.map((item) => ({
-        id: item.id,
-        name: item.name,
-        description: item.description || '',
-        author: item.authorName,
-        views: item.views,
-        tags: [item.category],
-        workflowState: item.workflowState,
-        workflowUrl: `/w/${item.workflowId}`,
-      })),
-      recent: marketplaceData.recent.map((item) => ({
-        id: item.id,
-        name: item.name,
-        description: item.description || '',
-        author: item.authorName,
-        views: item.views,
-        tags: [item.category],
-        workflowState: item.workflowState,
-        workflowUrl: `/w/${item.workflowId}`,
-      })),
-    }
-
-    // Add entries for each category
-    Object.entries(marketplaceData.byCategory).forEach(([category, items]) => {
-      if (items && items.length > 0) {
-        result[category] = items.map((item) => ({
-          id: item.id,
-          name: item.name,
-          description: item.description || '',
-          author: item.authorName,
-          views: item.views,
-          tags: [item.category],
-          workflowState: item.workflowState,
-          workflowUrl: `/w/${item.workflowId}`,
-        }))
-      }
-    })
-
-    return result
-  }, [marketplaceData])
-
-  // Fetch workflows on component mount - improved to include state initially
-  useEffect(() => {
-    const fetchInitialData = async () => {
-      try {
-        setLoading(true)
-
-        // Fetch ALL data including categories in the initial load
-        const response = await fetch(
-          '/api/marketplace/workflows?includeState=true&section=popular,recent,byCategory'
-        )
-
-        if (!response.ok) {
-          throw new Error('Failed to fetch marketplace data')
-        }
-
-        const data = await response.json()
-
-        // Add all categories to loaded sections to avoid redundant load
-        setLoadedSections((prev) => {
-          const allSections = new Set([...prev])
-          Object.keys(data.byCategory || {}).forEach((category) => {
-            allSections.add(category)
-          })
-          return allSections
-        })
-
-        console.log(
-          'Initial marketplace data loaded with categories:',
-          data.popular?.length || 0,
-          'popular,',
-          data.recent?.length || 0,
-          'recent,',
-          'categories:',
-          Object.keys(data.byCategory || {})
-        )
-
-        setMarketplaceData(data)
-        initialFetchCompleted.current = true
-
-        // Set initial active section to popular
-        setActiveSection('popular')
-        setLoading(false)
-      } catch (error) {
-        console.error('Error fetching workflows:', error)
-        setError('Failed to load workflows. Please try again later.')
-        setLoading(false)
-      }
-    }
-
-    fetchInitialData()
-  }, [])
-
-  // Lazy load category data when sections become visible
-  const loadCategoryData = async (categoryName: string) => {
-    if (loadedSections.has(categoryName)) {
-      return // Already loaded, no need to fetch again
-    }
-
-    try {
-      setLoadedSections((prev) => new Set([...prev, categoryName]))
-
-      console.log(`Loading category: ${categoryName}`) // Debug
-
-      const response = await fetch(
-        `/api/marketplace/workflows?includeState=true&category=${categoryName}`
-      )
-
-      if (!response.ok) {
-        throw new Error(`Failed to fetch ${categoryName} category data`)
-      }
-
-      const data = await response.json()
-
-      // Debug logging
-      console.log(
-        'Category data received:',
-        data.byCategory ? Object.keys(data.byCategory) : 'No byCategory',
-        data.byCategory?.[categoryName]?.length || 0
-      )
-
-      // Check if we received any data in the category
-      if (
-        !data.byCategory ||
-        !data.byCategory[categoryName] ||
-        data.byCategory[categoryName].length === 0
-      ) {
-        console.warn(`No items found for category: ${categoryName}`)
-      }
-
-      setMarketplaceData((prev) => ({
-        ...prev,
-        byCategory: {
-          ...prev.byCategory,
-          [categoryName]: data.byCategory?.[categoryName] || [],
-        },
-      }))
-    } catch (error) {
-      console.error(`Error fetching ${categoryName} category:`, error)
-      // We don't set a global error, just log it
-    }
-  }
-
-  // Function to mark a workflow as needing state and fetch it if not available
-  const ensureWorkflowState = async (workflowId: string) => {
-    try {
-      // Find which section contains this workflow
-      let foundWorkflow: MarketplaceWorkflow | undefined
-
-      // Check in popular section
-      foundWorkflow = marketplaceData.popular.find((w) => w.id === workflowId)
-
-      // Check in recent section if not found
-      if (!foundWorkflow) {
-        foundWorkflow = marketplaceData.recent.find((w) => w.id === workflowId)
-      }
-
-      // Check in category sections if not found
-      if (!foundWorkflow) {
-        for (const category of Object.keys(marketplaceData.byCategory)) {
-          foundWorkflow = marketplaceData.byCategory[category].find((w) => w.id === workflowId)
-          if (foundWorkflow) break
-        }
-      }
-
-      // If we have the workflow but it doesn't have state, fetch it
-      if (foundWorkflow && !foundWorkflow.workflowState) {
-        const response = await fetch(
-          `/api/marketplace/workflows?marketplaceId=${workflowId}&includeState=true`,
-          {
-            method: 'GET',
-          }
-        )
-
-        if (response.ok) {
-          const data = await response.json()
-
-          // Update the workflow data with the state
-          setMarketplaceData((prevData) => {
-            const updatedData = { ...prevData }
-
-            // Helper function to update workflow in a section
-            const updateWorkflowInSection = (workflows: MarketplaceWorkflow[]) => {
-              return workflows.map((w) =>
-                w.id === workflowId
-                  ? {
-                      ...w,
-                      workflowState: data.data.workflowState,
-                    }
-                  : w
-              )
-            }
-
-            // Update in popular
-            updatedData.popular = updateWorkflowInSection(updatedData.popular)
-
-            // Update in recent
-            updatedData.recent = updateWorkflowInSection(updatedData.recent)
-
-            // Update in categories
-            Object.keys(updatedData.byCategory).forEach((category) => {
-              updatedData.byCategory[category] = updateWorkflowInSection(
-                updatedData.byCategory[category]
-              )
-            })
-
-            return updatedData
-          })
-        }
-      }
-    } catch (error) {
-      console.error(`Error ensuring workflow state for ${workflowId}:`, error)
-    }
-  }
-
-  // Filter workflows based on search query
-  const filteredWorkflows = useMemo(() => {
-    if (!searchQuery.trim()) {
-      return workflowData
-    }
-
-    const query = searchQuery.toLowerCase()
-    const filtered: Record<string, Workflow[]> = {}
-
-    Object.entries(workflowData).forEach(([category, workflows]) => {
-      const matchingWorkflows = workflows.filter(
-        (workflow) =>
-          workflow.name.toLowerCase().includes(query) ||
-          workflow.description.toLowerCase().includes(query) ||
-          workflow.author.toLowerCase().includes(query) ||
-          workflow.tags.some((tag) => tag.toLowerCase().includes(query))
-      )
-
-      if (matchingWorkflows.length > 0) {
-        filtered[category] = matchingWorkflows
-      }
-    })
-
-    return filtered
-  }, [searchQuery, workflowData])
-
-  // Sort sections according to the toolbar order
-  const sortedFilteredWorkflows = useMemo(() => {
-    // Get entries from filteredWorkflows
-    const entries = Object.entries(filteredWorkflows)
-
-    // Sort based on the SECTION_ORDER
-    entries.sort((a, b) => {
-      const indexA = SECTION_ORDER.indexOf(a[0])
-      const indexB = SECTION_ORDER.indexOf(b[0])
-
-      // If both categories are in our predefined order, use that order
-      if (indexA !== -1 && indexB !== -1) {
-        return indexA - indexB
-      }
-
-      // If only one category is in our order, prioritize it
-      if (indexA !== -1) return -1
-      if (indexB !== -1) return 1
-
-      // Otherwise, alphabetical order
-      return a[0].localeCompare(b[0])
-    })
-
-    return entries
-  }, [filteredWorkflows])
-
-  // Function to scroll to a specific section
-  const scrollToSection = (sectionId: string) => {
-    if (sectionRefs.current[sectionId]) {
-      // Load the section data if not already loaded
-      if (!loadedSections.has(sectionId) && sectionId !== 'popular' && sectionId !== 'recent') {
-        loadCategoryData(sectionId)
-      }
-
-      sectionRefs.current[sectionId]?.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start',
-      })
-    }
-  }
-
-  // Setup intersection observer to track active section and load sections as they become visible
-  useEffect(() => {
-    if (!initialFetchCompleted.current) return
-
-    // Function to get current section IDs in their display order
-    const getCurrentSectionIds = () => {
-      return Object.keys(filteredWorkflows).filter(
-        (key) => filteredWorkflows[key] && filteredWorkflows[key].length > 0
-      )
-    }
-
-    // Create intersection observer to detect when sections enter viewport
-    const observeSections = () => {
-      const observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            const sectionId = entry.target.id
-
-            // Update visibility tracking
-            if (entry.isIntersecting) {
-              setVisibleSections((prev) => {
-                const updated = new Set(prev)
-                updated.add(sectionId)
-                return updated
-              })
-
-              // Load category data if section is visible and not loaded yet
-              if (
-                !loadedSections.has(sectionId) &&
-                sectionId !== 'popular' &&
-                sectionId !== 'recent'
-              ) {
-                loadCategoryData(sectionId)
-              }
-            } else {
-              setVisibleSections((prev) => {
-                const updated = new Set(prev)
-                updated.delete(sectionId)
-                return updated
-              })
-            }
-          })
-        },
-        {
-          root: contentRef.current,
-          rootMargin: '200px 0px', // Load sections slightly before they become visible
-          threshold: 0.1,
-        }
-      )
-
-      // Observe all sections
-      Object.entries(sectionRefs.current).forEach(([id, ref]) => {
-        if (ref) {
-          observer.observe(ref)
-        }
-      })
-
-      return observer
-    }
-
-    const observer = observeSections()
-
-    // Use a single source of truth for determining the active section
-    const determineActiveSection = () => {
-      if (!contentRef.current) return
-
-      const { scrollTop, scrollHeight, clientHeight } = contentRef.current
-      const viewportTop = scrollTop
-      const viewportMiddle = viewportTop + clientHeight / 2
-      const viewportBottom = scrollTop + clientHeight
-      const isAtBottom = viewportBottom >= scrollHeight - 50
-      const isAtTop = viewportTop <= 20
-
-      const currentSectionIds = getCurrentSectionIds()
-
-      // Handle edge cases first
-      if (isAtTop && currentSectionIds.length > 0) {
-        setActiveSection(currentSectionIds[0])
-        return
-      }
-
-      if (isAtBottom && currentSectionIds.length > 0) {
-        setActiveSection(currentSectionIds[currentSectionIds.length - 1])
-        return
-      }
-
-      // Find section whose position is closest to middle of viewport
-      // This creates smoother transitions as we scroll
-      let closestSection = null
-      let closestDistance = Number.POSITIVE_INFINITY
-
-      Object.entries(sectionRefs.current).forEach(([id, ref]) => {
-        if (!ref || !currentSectionIds.includes(id)) return
-
-        const rect = ref.getBoundingClientRect()
-        const sectionTop =
-          rect.top + scrollTop - (contentRef.current?.getBoundingClientRect().top || 0)
-        const sectionMiddle = sectionTop + rect.height / 2
-        const distance = Math.abs(viewportMiddle - sectionMiddle)
-
-        if (distance < closestDistance) {
-          closestDistance = distance
-          closestSection = id
-        }
-      })
-
-      if (closestSection) {
-        setActiveSection(closestSection)
-      }
-    }
-
-    // Use a passive scroll listener for smooth transitions
-    const handleScroll = () => {
-      // Using requestAnimationFrame ensures we only calculate
-      // section positions during a paint frame, reducing jank
-      window.requestAnimationFrame(determineActiveSection)
-    }
-
-    const contentElement = contentRef.current
-    contentElement?.addEventListener('scroll', handleScroll, { passive: true })
-
-    return () => {
-      observer.disconnect()
-      contentElement?.removeEventListener('scroll', handleScroll)
-    }
-  }, [initialFetchCompleted.current, loading, filteredWorkflows, loadedSections])
-
-  return (
-    <div className='flex h-[100vh] flex-col'>
-      {/* Control Bar */}
-      <ControlBar setSearchQuery={setSearchQuery} />
-
-      <div className='flex flex-1 overflow-hidden'>
-        {/* Toolbar */}
-        <Toolbar scrollToSection={scrollToSection} activeSection={activeSection} />
-
-        {/* Main content */}
-        <div ref={contentRef} className='flex-1 overflow-y-auto px-6 py-6 pb-16'>
-          {/* Error message */}
-          <ErrorMessage message={error} />
-
-          {/* Loading state */}
-          {loading && (
-            <Section
-              id='loading'
-              title='Popular'
-              ref={(el) => {
-                sectionRefs.current.loading = el
-              }}
-            >
-              <div className='grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3'>
-                {Array.from({ length: 6 }).map((_, index) => (
-                  <WorkflowCardSkeleton key={`skeleton-${index}`} />
-                ))}
-              </div>
-            </Section>
-          )}
-
-          {/* Render workflow sections */}
-          {!loading && (
-            <>
-              {sortedFilteredWorkflows.map(
-                ([category, workflows]) =>
-                  workflows.length > 0 && (
-                    <Section
-                      key={category}
-                      id={category}
-                      title={getCategoryLabel(category)}
-                      ref={(el) => {
-                        if (el) {
-                          sectionRefs.current[category] = el
-                        }
-                      }}
-                    >
-                      <div className='grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3'>
-                        {workflows.map((workflow, index) => (
-                          <WorkflowCard
-                            key={workflow.id}
-                            workflow={workflow}
-                            index={index}
-                            onHover={ensureWorkflowState}
-                          />
-                        ))}
-                      </div>
-                    </Section>
-                  )
-              )}
-
-              {sortedFilteredWorkflows.length === 0 && !loading && (
-                <div className='flex h-64 flex-col items-center justify-center'>
-                  <AlertCircle className='mb-4 h-8 w-8 text-muted-foreground' />
-                  <p className='text-muted-foreground'>No workflows found matching your search.</p>
-                </div>
-              )}
-            </>
-          )}
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/marketplace/page.tsx b/apps/sim/app/workspace/[workspaceId]/marketplace/page.tsx
deleted file mode 100644
index 7ea0d8a86..000000000
--- a/apps/sim/app/workspace/[workspaceId]/marketplace/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import Marketplace from './marketplace'
-
-export default Marketplace
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/[id]/page.tsx b/apps/sim/app/workspace/[workspaceId]/templates/[id]/page.tsx
new file mode 100644
index 000000000..dfaec8db1
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/[id]/page.tsx
@@ -0,0 +1,126 @@
+import { and, eq } from 'drizzle-orm'
+import { notFound } from 'next/navigation'
+import { getSession } from '@/lib/auth'
+import { db } from '@/db'
+import { templateStars, templates } from '@/db/schema'
+import type { Template } from '../templates'
+import TemplateDetails from './template'
+
+interface TemplatePageProps {
+  params: Promise<{
+    workspaceId: string
+    id: string
+  }>
+}
+
+export default async function TemplatePage({ params }: TemplatePageProps) {
+  const { workspaceId, id } = await params
+
+  try {
+    // Validate the template ID format (basic UUID validation)
+    if (!id || typeof id !== 'string' || id.length !== 36) {
+      notFound()
+    }
+
+    const session = await getSession()
+
+    if (!session?.user?.id) {
+      return <div>Please log in to view this template</div>
+    }
+
+    // Fetch template data first without star status to avoid query issues
+    const templateData = await db
+      .select({
+        id: templates.id,
+        workflowId: templates.workflowId,
+        userId: templates.userId,
+        name: templates.name,
+        description: templates.description,
+        author: templates.author,
+        views: templates.views,
+        stars: templates.stars,
+        color: templates.color,
+        icon: templates.icon,
+        category: templates.category,
+        state: templates.state,
+        createdAt: templates.createdAt,
+        updatedAt: templates.updatedAt,
+      })
+      .from(templates)
+      .where(eq(templates.id, id))
+      .limit(1)
+
+    if (templateData.length === 0) {
+      notFound()
+    }
+
+    const template = templateData[0]
+
+    // Validate that required fields are present
+    if (!template.id || !template.name || !template.author) {
+      console.error('Template missing required fields:', {
+        id: template.id,
+        name: template.name,
+        author: template.author,
+      })
+      notFound()
+    }
+
+    // Check if user has starred this template
+    let isStarred = false
+    try {
+      const starData = await db
+        .select({ id: templateStars.id })
+        .from(templateStars)
+        .where(
+          and(eq(templateStars.templateId, template.id), eq(templateStars.userId, session.user.id))
+        )
+        .limit(1)
+      isStarred = starData.length > 0
+    } catch {
+      // Continue with isStarred = false
+    }
+
+    // Ensure proper serialization of the template data with null checks
+    const serializedTemplate: Template = {
+      id: template.id,
+      workflowId: template.workflowId,
+      userId: template.userId,
+      name: template.name,
+      description: template.description,
+      author: template.author,
+      views: template.views,
+      stars: template.stars,
+      color: template.color || '#3972F6', // Default color if missing
+      icon: template.icon || 'FileText', // Default icon if missing
+      category: template.category as any,
+      state: template.state as any,
+      createdAt: template.createdAt ? template.createdAt.toISOString() : new Date().toISOString(),
+      updatedAt: template.updatedAt ? template.updatedAt.toISOString() : new Date().toISOString(),
+      isStarred,
+    }
+
+    console.log('Template from DB:', template)
+    console.log('Serialized template:', serializedTemplate)
+    console.log('Template state from DB:', template.state)
+
+    return (
+      <TemplateDetails
+        template={serializedTemplate}
+        workspaceId={workspaceId}
+        currentUserId={session.user.id}
+      />
+    )
+  } catch (error) {
+    console.error('Error loading template:', error)
+    return (
+      <div className='flex h-screen items-center justify-center'>
+        <div className='text-center'>
+          <h1 className='mb-4 font-bold text-2xl'>Error Loading Template</h1>
+          <p className='text-muted-foreground'>There was an error loading this template.</p>
+          <p className='mt-2 text-muted-foreground text-sm'>Template ID: {id}</p>
+        </div>
+      </div>
+    )
+  }
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/[id]/template.tsx b/apps/sim/app/workspace/[workspaceId]/templates/[id]/template.tsx
new file mode 100644
index 000000000..6f53cdf6f
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/[id]/template.tsx
@@ -0,0 +1,348 @@
+'use client'
+
+import { useState } from 'react'
+import {
+  ArrowLeft,
+  Award,
+  BarChart3,
+  Bell,
+  BookOpen,
+  Bot,
+  Brain,
+  Briefcase,
+  Calculator,
+  Cloud,
+  Code,
+  Cpu,
+  CreditCard,
+  Database,
+  DollarSign,
+  Edit,
+  Eye,
+  FileText,
+  Folder,
+  Globe,
+  HeadphonesIcon,
+  Layers,
+  Lightbulb,
+  LineChart,
+  Mail,
+  Megaphone,
+  MessageSquare,
+  NotebookPen,
+  Phone,
+  Play,
+  Search,
+  Server,
+  Settings,
+  ShoppingCart,
+  Star,
+  Target,
+  TrendingUp,
+  User,
+  Users,
+  Workflow,
+  Wrench,
+  Zap,
+} from 'lucide-react'
+import { useRouter } from 'next/navigation'
+import { Button } from '@/components/ui/button'
+import { createLogger } from '@/lib/logs/console-logger'
+import { cn } from '@/lib/utils'
+import { WorkflowPreview } from '@/app/workspace/[workspaceId]/w/components/workflow-preview/workflow-preview'
+import type { WorkflowState } from '@/stores/workflows/workflow/types'
+import type { Template } from '../templates'
+import { categories } from '../templates'
+
+const logger = createLogger('TemplateDetails')
+
+interface TemplateDetailsProps {
+  template: Template
+  workspaceId: string
+  currentUserId: string
+}
+
+// Icon mapping - reuse from template-card
+const iconMap = {
+  FileText,
+  NotebookPen,
+  BookOpen,
+  Edit,
+  BarChart3,
+  LineChart,
+  TrendingUp,
+  Target,
+  Database,
+  Server,
+  Cloud,
+  Folder,
+  Megaphone,
+  Mail,
+  MessageSquare,
+  Phone,
+  Bell,
+  DollarSign,
+  CreditCard,
+  Calculator,
+  ShoppingCart,
+  Briefcase,
+  HeadphonesIcon,
+  Users,
+  Settings,
+  Wrench,
+  Bot,
+  Brain,
+  Cpu,
+  Code,
+  Zap,
+  Workflow,
+  Search,
+  Play,
+  Layers,
+  Lightbulb,
+  Globe,
+  Award,
+}
+
+// Get icon component from template-card logic
+const getIconComponent = (icon: string): React.ReactNode => {
+  const IconComponent = iconMap[icon as keyof typeof iconMap]
+  return IconComponent ? <IconComponent className='h-6 w-6' /> : <FileText className='h-6 w-6' />
+}
+
+// Get category display name
+const getCategoryDisplayName = (categoryValue: string): string => {
+  const category = categories.find((c) => c.value === categoryValue)
+  return category?.label || categoryValue
+}
+
+export default function TemplateDetails({
+  template,
+  workspaceId,
+  currentUserId,
+}: TemplateDetailsProps) {
+  const router = useRouter()
+  const [isStarred, setIsStarred] = useState(template?.isStarred || false)
+  const [starCount, setStarCount] = useState(template?.stars || 0)
+  const [isStarring, setIsStarring] = useState(false)
+  const [isUsing, setIsUsing] = useState(false)
+
+  // Defensive check for template after hooks are initialized
+  if (!template) {
+    return (
+      <div className='flex h-screen items-center justify-center'>
+        <div className='text-center'>
+          <h1 className='mb-4 font-bold text-2xl'>Template Not Found</h1>
+          <p className='text-muted-foreground'>The template you're looking for doesn't exist.</p>
+        </div>
+      </div>
+    )
+  }
+
+  // Render workflow preview exactly like deploy-modal.tsx
+  const renderWorkflowPreview = () => {
+    // Follow the same pattern as deployed-workflow-card.tsx
+    if (!template?.state) {
+      console.log('Template has no state:', template)
+      return (
+        <div className='flex h-full items-center justify-center text-center'>
+          <div className='text-muted-foreground'>
+            <div className='mb-2 font-medium text-lg'>⚠️ No Workflow Data</div>
+            <div className='text-sm'>This template doesn't contain workflow state data.</div>
+          </div>
+        </div>
+      )
+    }
+
+    console.log('Template state:', template.state)
+    console.log('Template state type:', typeof template.state)
+    console.log('Template state blocks:', template.state.blocks)
+    console.log('Template state edges:', template.state.edges)
+
+    try {
+      return (
+        <WorkflowPreview
+          workflowState={template.state as WorkflowState}
+          showSubBlocks={true}
+          height='100%'
+          width='100%'
+          isPannable={true}
+          defaultPosition={{ x: 0, y: 0 }}
+          defaultZoom={1}
+        />
+      )
+    } catch (error) {
+      console.error('Error rendering workflow preview:', error)
+      return (
+        <div className='flex h-full items-center justify-center text-center'>
+          <div className='text-muted-foreground'>
+            <div className='mb-2 font-medium text-lg'>⚠️ Preview Error</div>
+            <div className='text-sm'>Unable to render workflow preview</div>
+          </div>
+        </div>
+      )
+    }
+  }
+
+  const handleBack = () => {
+    router.back()
+  }
+
+  const handleStarToggle = async () => {
+    if (isStarring) return
+
+    setIsStarring(true)
+    try {
+      const method = isStarred ? 'DELETE' : 'POST'
+      const response = await fetch(`/api/templates/${template.id}/star`, { method })
+
+      if (response.ok) {
+        setIsStarred(!isStarred)
+        setStarCount((prev) => (isStarred ? prev - 1 : prev + 1))
+      }
+    } catch (error) {
+      logger.error('Error toggling star:', error)
+    } finally {
+      setIsStarring(false)
+    }
+  }
+
+  const handleUseTemplate = async () => {
+    if (isUsing) return
+
+    setIsUsing(true)
+    try {
+      // TODO: Implement proper template usage logic
+      // This should create a new workflow from the template state
+      // For now, we'll create a basic workflow and navigate to it
+      logger.info('Using template:', template.id)
+
+      // Create a new workflow
+      const response = await fetch('/api/workflows', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          name: `${template.name} (Copy)`,
+          description: `Created from template: ${template.name}`,
+          color: template.color,
+          workspaceId,
+          folderId: null,
+        }),
+      })
+
+      if (!response.ok) {
+        throw new Error('Failed to create workflow from template')
+      }
+
+      const newWorkflow = await response.json()
+
+      // Navigate to the new workflow
+      router.push(`/workspace/${workspaceId}/w/${newWorkflow.id}`)
+    } catch (error) {
+      logger.error('Error using template:', error)
+      // Show error to user (could implement toast notification)
+    } finally {
+      setIsUsing(false)
+    }
+  }
+
+  return (
+    <div className='flex min-h-screen flex-col'>
+      {/* Header */}
+      <div className='border-b bg-background p-6'>
+        <div className='mx-auto max-w-7xl'>
+          {/* Back button */}
+          <button
+            onClick={handleBack}
+            className='mb-6 flex items-center gap-2 text-muted-foreground transition-colors hover:text-foreground'
+          >
+            <ArrowLeft className='h-4 w-4' />
+            <span className='text-sm'>Go back</span>
+          </button>
+
+          {/* Template header */}
+          <div className='flex items-start justify-between'>
+            <div className='flex items-start gap-4'>
+              {/* Icon */}
+              <div
+                className='flex h-12 w-12 items-center justify-center rounded-lg'
+                style={{ backgroundColor: template.color }}
+              >
+                {getIconComponent(template.icon)}
+              </div>
+
+              {/* Title and description */}
+              <div>
+                <h1 className='font-bold text-3xl text-foreground'>{template.name}</h1>
+                <p className='mt-2 max-w-3xl text-lg text-muted-foreground'>
+                  {template.description}
+                </p>
+              </div>
+            </div>
+
+            {/* Action buttons */}
+            <div className='flex items-center gap-3'>
+              {/* Star button */}
+              <Button
+                variant='outline'
+                size='sm'
+                onClick={handleStarToggle}
+                disabled={isStarring}
+                className={cn(
+                  'transition-colors',
+                  isStarred && 'border-yellow-200 bg-yellow-50 text-yellow-700 hover:bg-yellow-100'
+                )}
+              >
+                <Star className={cn('mr-2 h-4 w-4', isStarred && 'fill-current')} />
+                {starCount}
+              </Button>
+
+              {/* Use template button */}
+              <Button
+                onClick={handleUseTemplate}
+                disabled={isUsing}
+                className='bg-purple-600 text-white hover:bg-purple-700'
+              >
+                Use this template
+              </Button>
+            </div>
+          </div>
+
+          {/* Tags */}
+          <div className='mt-6 flex items-center gap-3 text-muted-foreground text-sm'>
+            {/* Category */}
+            <div className='flex items-center gap-1 rounded-full bg-secondary px-3 py-1'>
+              <span>{getCategoryDisplayName(template.category)}</span>
+            </div>
+
+            {/* Views */}
+            <div className='flex items-center gap-1 rounded-full bg-secondary px-3 py-1'>
+              <Eye className='h-3 w-3' />
+              <span>{template.views}</span>
+            </div>
+
+            {/* Stars */}
+            <div className='flex items-center gap-1 rounded-full bg-secondary px-3 py-1'>
+              <Star className='h-3 w-3' />
+              <span>{starCount}</span>
+            </div>
+
+            {/* Author */}
+            <div className='flex items-center gap-1 rounded-full bg-secondary px-3 py-1'>
+              <User className='h-3 w-3' />
+              <span>by {template.author}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Workflow preview */}
+      <div className='flex-1 p-6'>
+        <div className='mx-auto max-w-7xl'>
+          <h2 className='mb-4 font-semibold text-xl'>Workflow Preview</h2>
+          <div className='h-[600px] w-full'>{renderWorkflowPreview()}</div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/components/navigation-tabs.tsx b/apps/sim/app/workspace/[workspaceId]/templates/components/navigation-tabs.tsx
new file mode 100644
index 000000000..f3a6271f1
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/components/navigation-tabs.tsx
@@ -0,0 +1,33 @@
+import { cn } from '@/lib/utils'
+
+interface NavigationTab {
+  id: string
+  label: string
+  count?: number
+}
+
+interface NavigationTabsProps {
+  tabs: NavigationTab[]
+  activeTab?: string
+  onTabClick?: (tabId: string) => void
+  className?: string
+}
+
+export function NavigationTabs({ tabs, activeTab, onTabClick, className }: NavigationTabsProps) {
+  return (
+    <div className={cn('flex items-center gap-2', className)}>
+      {tabs.map((tab, index) => (
+        <button
+          key={tab.id}
+          onClick={() => onTabClick?.(tab.id)}
+          className={cn(
+            'flex h-[38px] items-center gap-1 rounded-[14px] px-3 font-[440] font-sans text-muted-foreground text-sm transition-all duration-200',
+            activeTab === tab.id ? 'bg-secondary' : 'bg-transparent hover:bg-secondary/50'
+          )}
+        >
+          <span>{tab.label}</span>
+        </button>
+      ))}
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx b/apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx
new file mode 100644
index 000000000..b5963f0af
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx
@@ -0,0 +1,396 @@
+import {
+  Award,
+  BarChart3,
+  Bell,
+  BookOpen,
+  Bot,
+  Brain,
+  Briefcase,
+  Calculator,
+  Cloud,
+  Code,
+  Cpu,
+  CreditCard,
+  Database,
+  DollarSign,
+  Edit,
+  FileText,
+  Folder,
+  Globe,
+  HeadphonesIcon,
+  Layers,
+  Lightbulb,
+  LineChart,
+  Mail,
+  Megaphone,
+  MessageSquare,
+  NotebookPen,
+  Phone,
+  Play,
+  Search,
+  Server,
+  Settings,
+  ShoppingCart,
+  Star,
+  Target,
+  TrendingUp,
+  User,
+  Users,
+  Workflow,
+  Wrench,
+  Zap,
+} from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { getBlock } from '@/blocks/registry'
+
+// Icon mapping for template icons
+const iconMap = {
+  // Content & Documentation
+  FileText,
+  NotebookPen,
+  BookOpen,
+  Edit,
+
+  // Analytics & Charts
+  BarChart3,
+  LineChart,
+  TrendingUp,
+  Target,
+
+  // Database & Storage
+  Database,
+  Server,
+  Cloud,
+  Folder,
+
+  // Marketing & Communication
+  Megaphone,
+  Mail,
+  MessageSquare,
+  Phone,
+  Bell,
+
+  // Sales & Finance
+  DollarSign,
+  CreditCard,
+  Calculator,
+  ShoppingCart,
+  Briefcase,
+
+  // Support & Service
+  HeadphonesIcon,
+  User,
+  Users,
+  Settings,
+  Wrench,
+
+  // AI & Technology
+  Bot,
+  Brain,
+  Cpu,
+  Code,
+  Zap,
+
+  // Workflow & Process
+  Workflow,
+  Search,
+  Play,
+  Layers,
+
+  // General
+  Lightbulb,
+  Star,
+  Globe,
+  Award,
+}
+
+interface TemplateCardProps {
+  id: string
+  title: string
+  description: string
+  author: string
+  usageCount: string
+  stars?: number
+  icon?: React.ReactNode | string
+  iconColor?: string
+  blocks?: string[]
+  onClick?: () => void
+  className?: string
+  // Add state prop to extract block types
+  state?: {
+    blocks?: Record<string, { type: string; name?: string }>
+  }
+  // Add handlers for star and use actions
+  onStar?: (templateId: string, isCurrentlyStarred: boolean) => Promise<void>
+  onUse?: (templateId: string) => Promise<void>
+  isStarred?: boolean
+}
+
+// Skeleton component for loading states
+export function TemplateCardSkeleton({ className }: { className?: string }) {
+  return (
+    <div className={cn('rounded-[14px] border bg-card shadow-xs', 'flex h-38', className)}>
+      {/* Left side - Info skeleton */}
+      <div className='flex min-w-0 flex-1 flex-col justify-between p-4'>
+        {/* Top section skeleton */}
+        <div className='space-y-3'>
+          <div className='flex min-w-0 items-center gap-2.5'>
+            {/* Icon skeleton */}
+            <div className='h-5 w-5 flex-shrink-0 animate-pulse rounded bg-gray-200' />
+            {/* Title skeleton */}
+            <div className='h-4 w-24 animate-pulse rounded bg-gray-200' />
+          </div>
+
+          {/* Description skeleton */}
+          <div className='space-y-2'>
+            <div className='h-3 w-full animate-pulse rounded bg-gray-200' />
+            <div className='h-3 w-3/4 animate-pulse rounded bg-gray-200' />
+            <div className='h-3 w-1/2 animate-pulse rounded bg-gray-200' />
+          </div>
+        </div>
+
+        {/* Bottom section skeleton */}
+        <div className='flex min-w-0 items-center gap-1.5'>
+          <div className='h-3 w-8 animate-pulse rounded bg-gray-200' />
+          <div className='h-3 w-16 animate-pulse rounded bg-gray-200' />
+          <div className='h-3 w-1 animate-pulse rounded bg-gray-200' />
+          <div className='h-3 w-3 animate-pulse rounded bg-gray-200' />
+          <div className='h-3 w-8 animate-pulse rounded bg-gray-200' />
+        </div>
+      </div>
+
+      {/* Right side - Blocks skeleton */}
+      <div className='flex w-16 flex-col gap-1 rounded-r-[14px] border-border border-l bg-secondary p-2'>
+        {Array.from({ length: 4 }).map((_, index) => (
+          <div key={index} className='flex items-center gap-1.5'>
+            <div className='h-3 w-3 animate-pulse rounded bg-gray-200' />
+            <div className='h-3 w-12 animate-pulse rounded bg-gray-200' />
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+// Utility function to extract block types from workflow state
+const extractBlockTypesFromState = (state?: {
+  blocks?: Record<string, { type: string; name?: string }>
+}): string[] => {
+  if (!state?.blocks) return []
+
+  // Get unique block types from the state, excluding starter blocks
+  // Sort the keys to ensure consistent ordering between server and client
+  const blockTypes = Object.keys(state.blocks)
+    .sort() // Sort keys to ensure consistent order
+    .map((key) => state.blocks![key].type)
+    .filter((type) => type !== 'starter')
+  return [...new Set(blockTypes)]
+}
+
+// Utility function to get icon component from string or return the component directly
+const getIconComponent = (icon: React.ReactNode | string | undefined): React.ReactNode => {
+  if (typeof icon === 'string') {
+    const IconComponent = iconMap[icon as keyof typeof iconMap]
+    return IconComponent ? <IconComponent /> : <FileText />
+  }
+  if (icon) {
+    return icon
+  }
+  // Default fallback icon
+  return <FileText />
+}
+
+// Utility function to get block display name
+const getBlockDisplayName = (blockType: string): string => {
+  const block = getBlock(blockType)
+  return block?.name || blockType
+}
+
+// Utility function to get the full block config for colored icon display
+const getBlockConfig = (blockType: string) => {
+  const block = getBlock(blockType)
+  return block
+}
+
+export function TemplateCard({
+  id,
+  title,
+  description,
+  author,
+  usageCount,
+  stars = 0,
+  icon,
+  iconColor = 'bg-blue-500',
+  blocks = [],
+  onClick,
+  className,
+  state,
+  onStar,
+  onUse,
+  isStarred = false,
+}: TemplateCardProps) {
+  // Extract block types from state if provided, otherwise use the blocks prop
+  // Filter out starter blocks in both cases and sort for consistent rendering
+  const blockTypes = state
+    ? extractBlockTypesFromState(state)
+    : blocks.filter((blockType) => blockType !== 'starter').sort()
+
+  // Get the icon component
+  const iconComponent = getIconComponent(icon)
+
+  // Handle star toggle
+  const handleStarClick = async (e: React.MouseEvent) => {
+    e.stopPropagation()
+    if (onStar) {
+      await onStar(id, isStarred)
+    }
+  }
+
+  // Handle use template
+  const handleUseClick = async (e: React.MouseEvent) => {
+    e.stopPropagation()
+    if (onUse) {
+      await onUse(id)
+    }
+  }
+
+  return (
+    <div
+      className={cn(
+        'group rounded-[14px] border bg-card shadow-xs transition-all duration-200 hover:border-border/80 hover:shadow-sm',
+        'flex h-[142px]',
+        className
+      )}
+    >
+      {/* Left side - Info */}
+      <div className='flex min-w-0 flex-1 flex-col justify-between p-4'>
+        {/* Top section */}
+        <div className='space-y-3'>
+          <div className='flex min-w-0 items-center justify-between gap-2.5'>
+            <div className='flex min-w-0 items-center gap-2.5'>
+              {/* Icon container */}
+              <div
+                className={cn(
+                  'flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-md',
+                  // Use CSS class if iconColor doesn't start with #
+                  iconColor?.startsWith('#') ? '' : iconColor || 'bg-blue-500'
+                )}
+                style={{
+                  // Use inline style for hex colors
+                  backgroundColor: iconColor?.startsWith('#') ? iconColor : undefined,
+                }}
+              >
+                <div className='h-3 w-3 text-white [&>svg]:h-3 [&>svg]:w-3'>{iconComponent}</div>
+              </div>
+              {/* Template name */}
+              <h3 className='truncate font-medium font-sans text-card-foreground text-sm leading-tight'>
+                {title}
+              </h3>
+            </div>
+
+            {/* Star and Use button */}
+            <div className='flex flex-shrink-0 items-center gap-3'>
+              <Star
+                onClick={handleStarClick}
+                className={cn(
+                  'h-4 w-4 cursor-pointer transition-colors',
+                  isStarred
+                    ? 'fill-yellow-400 text-yellow-400'
+                    : 'text-muted-foreground hover:fill-yellow-400 hover:text-yellow-400'
+                )}
+              />
+              <button
+                onClick={handleUseClick}
+                className={cn(
+                  'rounded-md px-3 py-1 font-medium font-sans text-white text-xs transition-all duration-200',
+                  'bg-[#701FFC] hover:bg-[#6518E6]',
+                  'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
+                )}
+              >
+                Use
+              </button>
+            </div>
+          </div>
+
+          {/* Description */}
+          <p className='line-clamp-3 break-words font-sans text-muted-foreground text-xs leading-relaxed'>
+            {description}
+          </p>
+        </div>
+
+        {/* Bottom section */}
+        <div className='flex min-w-0 items-center gap-1.5 font-sans text-muted-foreground text-xs'>
+          <span className='flex-shrink-0'>by</span>
+          <span className='min-w-0 truncate'>{author}</span>
+          <span className='flex-shrink-0'>•</span>
+          <User className='h-3 w-3 flex-shrink-0' />
+          <span className='flex-shrink-0'>{usageCount}</span>
+          {/* Stars section - hidden on smaller screens when space is constrained */}
+          <div className='hidden flex-shrink-0 items-center gap-1.5 sm:flex'>
+            <span>•</span>
+            <Star className='h-3 w-3' />
+            <span>{stars}</span>
+          </div>
+        </div>
+      </div>
+
+      {/* Right side - Block Icons */}
+      <div className='flex w-16 flex-col items-center justify-center gap-2 rounded-r-[14px] border-border border-l bg-secondary p-2'>
+        {blockTypes.length > 3 ? (
+          <>
+            {/* Show first 2 blocks when there are more than 3 */}
+            {blockTypes.slice(0, 2).map((blockType, index) => {
+              const blockConfig = getBlockConfig(blockType)
+              if (!blockConfig) return null
+
+              return (
+                <div key={index} className='flex items-center justify-center'>
+                  <div
+                    className='flex flex-shrink-0 items-center justify-center rounded'
+                    style={{
+                      backgroundColor: blockConfig.bgColor || 'gray',
+                      width: '30px',
+                      height: '30px',
+                    }}
+                  >
+                    <blockConfig.icon className='h-4 w-4 text-white' />
+                  </div>
+                </div>
+              )
+            })}
+            {/* Show +n block for remaining blocks */}
+            <div className='flex items-center justify-center'>
+              <div
+                className='flex flex-shrink-0 items-center justify-center rounded bg-muted-foreground'
+                style={{ width: '30px', height: '30px' }}
+              >
+                <span className='font-medium text-white text-xs'>+{blockTypes.length - 2}</span>
+              </div>
+            </div>
+          </>
+        ) : (
+          /* Show all blocks when 3 or fewer */
+          blockTypes.map((blockType, index) => {
+            const blockConfig = getBlockConfig(blockType)
+            if (!blockConfig) return null
+
+            return (
+              <div key={index} className='flex items-center justify-center'>
+                <div
+                  className='flex flex-shrink-0 items-center justify-center rounded'
+                  style={{
+                    backgroundColor: blockConfig.bgColor || 'gray',
+                    width: '30px',
+                    height: '30px',
+                  }}
+                >
+                  <blockConfig.icon className='h-4 w-4 text-white' />
+                </div>
+              </div>
+            )
+          })
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/layout.tsx b/apps/sim/app/workspace/[workspaceId]/templates/layout.tsx
new file mode 100644
index 000000000..0de233f32
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/layout.tsx
@@ -0,0 +1,5 @@
+import { GeistSans } from 'geist/font/sans'
+
+export default function TemplatesLayout({ children }: { children: React.ReactNode }) {
+  return <div className={GeistSans.className}>{children}</div>
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/page.tsx b/apps/sim/app/workspace/[workspaceId]/templates/page.tsx
new file mode 100644
index 000000000..449a15257
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/page.tsx
@@ -0,0 +1,47 @@
+import { and, desc, eq, sql } from 'drizzle-orm'
+import { getSession } from '@/lib/auth'
+import { db } from '@/db'
+import { templateStars, templates } from '@/db/schema'
+import type { Template } from './templates'
+import Templates from './templates'
+
+export default async function TemplatesPage() {
+  const session = await getSession()
+
+  if (!session?.user?.id) {
+    return <div>Please log in to view templates</div>
+  }
+
+  // Fetch templates server-side with all necessary data
+  const templatesData = await db
+    .select({
+      id: templates.id,
+      workflowId: templates.workflowId,
+      userId: templates.userId,
+      name: templates.name,
+      description: templates.description,
+      author: templates.author,
+      views: templates.views,
+      stars: templates.stars,
+      color: templates.color,
+      icon: templates.icon,
+      category: templates.category,
+      state: templates.state,
+      createdAt: templates.createdAt,
+      updatedAt: templates.updatedAt,
+      isStarred: sql<boolean>`CASE WHEN ${templateStars.id} IS NOT NULL THEN true ELSE false END`,
+    })
+    .from(templates)
+    .leftJoin(
+      templateStars,
+      and(eq(templateStars.templateId, templates.id), eq(templateStars.userId, session.user.id))
+    )
+    .orderBy(desc(templates.views), desc(templates.createdAt))
+
+  return (
+    <Templates
+      initialTemplates={templatesData as unknown as Template[]}
+      currentUserId={session.user.id}
+    />
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/templates.tsx b/apps/sim/app/workspace/[workspaceId]/templates/templates.tsx
new file mode 100644
index 000000000..39857f734
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/templates/templates.tsx
@@ -0,0 +1,432 @@
+'use client'
+
+import { useEffect, useRef, useState } from 'react'
+import { ChevronRight, Search } from 'lucide-react'
+import { useParams, useRouter } from 'next/navigation'
+import { Input } from '@/components/ui/input'
+import { createLogger } from '@/lib/logs/console-logger'
+import type { WorkflowState } from '@/stores/workflows/workflow/types'
+import { NavigationTabs } from './components/navigation-tabs'
+import { TemplateCard, TemplateCardSkeleton } from './components/template-card'
+
+const logger = createLogger('TemplatesPage')
+
+// Shared categories definition
+export const categories = [
+  { value: 'marketing', label: 'Marketing' },
+  { value: 'sales', label: 'Sales' },
+  { value: 'finance', label: 'Finance' },
+  { value: 'support', label: 'Support' },
+  { value: 'artificial-intelligence', label: 'Artificial Intelligence' },
+  { value: 'other', label: 'Other' },
+] as const
+
+export type CategoryValue = (typeof categories)[number]['value']
+
+// Template data structure
+export interface Template {
+  id: string
+  workflowId: string
+  userId: string
+  name: string
+  description: string | null
+  author: string
+  views: number
+  stars: number
+  color: string
+  icon: string
+  category: CategoryValue
+  state: WorkflowState
+  createdAt: Date | string
+  updatedAt: Date | string
+  isStarred: boolean
+}
+
+interface TemplatesProps {
+  initialTemplates: Template[]
+  currentUserId: string
+}
+
+export default function Templates({ initialTemplates, currentUserId }: TemplatesProps) {
+  const router = useRouter()
+  const params = useParams()
+  const [searchQuery, setSearchQuery] = useState('')
+  const [activeTab, setActiveTab] = useState('your')
+  const [templates, setTemplates] = useState<Template[]>(initialTemplates)
+  const [loading, setLoading] = useState(false)
+
+  // Refs for scrolling to sections
+  const sectionRefs = {
+    your: useRef<HTMLDivElement>(null),
+    recent: useRef<HTMLDivElement>(null),
+    marketing: useRef<HTMLDivElement>(null),
+    sales: useRef<HTMLDivElement>(null),
+    finance: useRef<HTMLDivElement>(null),
+    support: useRef<HTMLDivElement>(null),
+    'artificial-intelligence': useRef<HTMLDivElement>(null),
+    other: useRef<HTMLDivElement>(null),
+  }
+
+  // Get your templates count (created by user OR starred by user)
+  const yourTemplatesCount = templates.filter(
+    (template) => template.userId === currentUserId || template.isStarred === true
+  ).length
+
+  // Handle case where active tab is "your" but user has no templates
+  useEffect(() => {
+    if (!loading && activeTab === 'your' && yourTemplatesCount === 0) {
+      setActiveTab('recent') // Switch to recent tab
+    }
+  }, [loading, activeTab, yourTemplatesCount])
+
+  const handleTabClick = (tabId: string) => {
+    setActiveTab(tabId)
+    const sectionRef = sectionRefs[tabId as keyof typeof sectionRefs]
+    if (sectionRef.current) {
+      sectionRef.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+      })
+    }
+  }
+
+  const handleTemplateClick = (templateId: string) => {
+    // Navigate to template detail page
+    router.push(`/workspace/${params.workspaceId}/templates/${templateId}`)
+  }
+
+  // Handle using a template
+  const handleUseTemplate = async (templateId: string) => {
+    try {
+      const response = await fetch(`/api/templates/${templateId}/use`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          workspaceId: params.workspaceId,
+        }),
+      })
+
+      if (response.ok) {
+        const data = await response.json()
+        logger.info('Template use API response:', data)
+
+        if (!data.workflowId) {
+          logger.error('No workflowId returned from API:', data)
+          return
+        }
+
+        const workflowUrl = `/workspace/${params.workspaceId}/w/${data.workflowId}`
+        logger.info('Template used successfully, navigating to:', workflowUrl)
+
+        // Use window.location.href for more reliable navigation
+        window.location.href = workflowUrl
+      } else {
+        const errorText = await response.text()
+        logger.error('Failed to use template:', response.statusText, errorText)
+      }
+    } catch (error) {
+      logger.error('Error using template:', error)
+    }
+  }
+
+  const handleCreateNew = () => {
+    // TODO: Open create template modal or navigate to create page
+    console.log('Create new template')
+  }
+
+  // Handle starring/unstarring templates (client-side for interactivity)
+  const handleStarToggle = async (templateId: string, isCurrentlyStarred: boolean) => {
+    try {
+      const method = isCurrentlyStarred ? 'DELETE' : 'POST'
+      const response = await fetch(`/api/templates/${templateId}/star`, { method })
+
+      if (response.ok) {
+        // Update local state optimistically
+        setTemplates((prev) =>
+          prev.map((template) =>
+            template.id === templateId
+              ? {
+                  ...template,
+                  isStarred: !isCurrentlyStarred,
+                  stars: isCurrentlyStarred ? template.stars - 1 : template.stars + 1,
+                }
+              : template
+          )
+        )
+      }
+    } catch (error) {
+      logger.error('Error toggling star:', error)
+    }
+  }
+
+  const filteredTemplates = (category: CategoryValue | 'your' | 'recent') => {
+    let filteredByCategory = templates
+
+    if (category === 'your') {
+      // For "your" templates, show templates created by you OR starred by you
+      filteredByCategory = templates.filter(
+        (template) => template.userId === currentUserId || template.isStarred === true
+      )
+    } else if (category === 'recent') {
+      // For "recent" templates, show the 8 most recent templates
+      filteredByCategory = templates
+        .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
+        .slice(0, 8)
+    } else {
+      filteredByCategory = templates.filter((template) => template.category === category)
+    }
+
+    if (!searchQuery) return filteredByCategory
+
+    return filteredByCategory.filter(
+      (template) =>
+        template.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        template.description?.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        template.author.toLowerCase().includes(searchQuery.toLowerCase())
+    )
+  }
+
+  // Helper function to render template cards with proper type handling
+  const renderTemplateCard = (template: Template) => (
+    <TemplateCard
+      key={template.id}
+      id={template.id}
+      title={template.name}
+      description={template.description || ''}
+      author={template.author}
+      usageCount={template.views.toString()}
+      stars={template.stars}
+      icon={template.icon}
+      iconColor={template.color}
+      state={template.state as { blocks?: Record<string, { type: string; name?: string }> }}
+      onClick={() => handleTemplateClick(template.id)}
+      onStar={handleStarToggle}
+      onUse={handleUseTemplate}
+      isStarred={template.isStarred}
+    />
+  )
+
+  // Group templates by category for display
+  const getTemplatesByCategory = (category: CategoryValue | 'your' | 'recent') => {
+    return filteredTemplates(category)
+  }
+
+  // Render skeleton cards for loading state
+  const renderSkeletonCards = () => {
+    return Array.from({ length: 8 }).map((_, index) => (
+      <TemplateCardSkeleton key={`skeleton-${index}`} />
+    ))
+  }
+
+  // Calculate navigation tabs with real counts or skeleton counts
+  const navigationTabs = [
+    // Only include "Your templates" tab if user has created or starred templates
+    ...(yourTemplatesCount > 0 || loading
+      ? [
+          {
+            id: 'your',
+            label: 'Your templates',
+            count: loading ? 8 : getTemplatesByCategory('your').length,
+          },
+        ]
+      : []),
+    {
+      id: 'recent',
+      label: 'Recent',
+      count: loading ? 8 : getTemplatesByCategory('recent').length,
+    },
+    {
+      id: 'marketing',
+      label: 'Marketing',
+      count: loading ? 8 : getTemplatesByCategory('marketing').length,
+    },
+    { id: 'sales', label: 'Sales', count: loading ? 8 : getTemplatesByCategory('sales').length },
+    {
+      id: 'finance',
+      label: 'Finance',
+      count: loading ? 8 : getTemplatesByCategory('finance').length,
+    },
+    {
+      id: 'support',
+      label: 'Support',
+      count: loading ? 8 : getTemplatesByCategory('support').length,
+    },
+    {
+      id: 'artificial-intelligence',
+      label: 'Artificial Intelligence',
+      count: loading ? 8 : getTemplatesByCategory('artificial-intelligence').length,
+    },
+    { id: 'other', label: 'Other', count: loading ? 8 : getTemplatesByCategory('other').length },
+  ]
+
+  return (
+    <div className='flex h-[100vh] flex-col pl-64'>
+      <div className='flex flex-1 overflow-hidden'>
+        <div className='flex flex-1 flex-col overflow-auto p-6'>
+          {/* Header */}
+          <div className='mb-6'>
+            <h1 className='mb-2 font-sans font-semibold text-3xl text-foreground tracking-[0.01em]'>
+              Templates
+            </h1>
+            <p className='font-[350] font-sans text-muted-foreground text-sm leading-[1.5] tracking-[0.01em]'>
+              Grab a template and start building, or make
+              <br />
+              one from scratch.
+            </p>
+          </div>
+
+          {/* Search and Create New */}
+          <div className='mb-6 flex items-center justify-between'>
+            <div className='flex h-9 w-[460px] items-center gap-2 rounded-lg border bg-transparent pr-2 pl-3'>
+              <Search className='h-4 w-4 text-muted-foreground' strokeWidth={2} />
+              <Input
+                placeholder='Search templates...'
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                className='flex-1 border-0 bg-transparent px-0 font-normal font-sans text-base text-foreground leading-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0'
+              />
+            </div>
+            {/* <Button
+              onClick={handleCreateNew}
+              className='flex h-9 items-center gap-2 rounded-lg bg-[#701FFC] px-4 py-2 font-normal font-sans text-sm text-white hover:bg-[#601EE0]'
+            >
+              <Plus className='h-4 w-4' />
+              Create New
+            </Button> */}
+          </div>
+
+          {/* Navigation */}
+          <div className='mb-6'>
+            <NavigationTabs
+              tabs={navigationTabs}
+              activeTab={activeTab}
+              onTabClick={handleTabClick}
+            />
+          </div>
+
+          {/* Your Templates Section */}
+          {yourTemplatesCount > 0 || loading ? (
+            <div ref={sectionRefs.your} className='mb-8'>
+              <div className='mb-4 flex items-center gap-2'>
+                <h2 className='font-medium font-sans text-foreground text-lg'>Your templates</h2>
+                <ChevronRight className='h-4 w-4 text-muted-foreground' />
+              </div>
+
+              <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+                {loading
+                  ? renderSkeletonCards()
+                  : getTemplatesByCategory('your').map((template) => renderTemplateCard(template))}
+              </div>
+            </div>
+          ) : null}
+
+          {/* Recent Templates Section */}
+          <div ref={sectionRefs.recent} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>Recent</h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('recent').map((template) => renderTemplateCard(template))}
+            </div>
+          </div>
+
+          {/* Marketing Section */}
+          <div ref={sectionRefs.marketing} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>Marketing</h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('marketing').map((template) =>
+                    renderTemplateCard(template)
+                  )}
+            </div>
+          </div>
+
+          {/* Sales Section */}
+          <div ref={sectionRefs.sales} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>Sales</h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('sales').map((template) => renderTemplateCard(template))}
+            </div>
+          </div>
+
+          {/* Finance Section */}
+          <div ref={sectionRefs.finance} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>Finance</h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('finance').map((template) => renderTemplateCard(template))}
+            </div>
+          </div>
+
+          {/* Support Section */}
+          <div ref={sectionRefs.support} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>Support</h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('support').map((template) => renderTemplateCard(template))}
+            </div>
+          </div>
+
+          {/* Artificial Intelligence Section */}
+          <div ref={sectionRefs['artificial-intelligence']} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>
+                Artificial Intelligence
+              </h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('artificial-intelligence').map((template) =>
+                    renderTemplateCard(template)
+                  )}
+            </div>
+          </div>
+
+          {/* Other Section */}
+          <div ref={sectionRefs.other} className='mb-8'>
+            <div className='mb-4 flex items-center gap-2'>
+              <h2 className='font-medium font-sans text-foreground text-lg'>Other</h2>
+              <ChevronRight className='h-4 w-4 text-muted-foreground' />
+            </div>
+
+            <div className='grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'>
+              {loading
+                ? renderSkeletonCards()
+                : getTemplatesByCategory('other').map((template) => renderTemplateCard(template))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/chat-deploy/chat-deploy.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/chat-deploy/chat-deploy.tsx
index 8f47c5c0f..9af049447 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/chat-deploy/chat-deploy.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/chat-deploy/chat-deploy.tsx
@@ -35,7 +35,6 @@ import { createLogger } from '@/lib/logs/console-logger'
 import { getBaseDomain } from '@/lib/urls/utils'
 import { cn } from '@/lib/utils'
 import { OutputSelect } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/output-select/output-select'
-import { useNotificationStore } from '@/stores/notifications/store'
 import type { OutputConfig } from '@/stores/panel/chat/types'
 
 const logger = createLogger('ChatDeploy')
@@ -88,9 +87,6 @@ export function ChatDeploy({
   setShowDeleteConfirmation: externalSetShowDeleteConfirmation,
   onDeploymentComplete,
 }: ChatDeployProps) {
-  // Store hooks
-  const { addNotification } = useNotificationStore()
-
   // Form state
   const [subdomain, setSubdomain] = useState('')
   const [title, setTitle] = useState('')
@@ -748,7 +744,7 @@ export function ChatDeploy({
     } catch (error: any) {
       logger.error(`Failed to ${existingChat ? 'update' : 'deploy'} chat:`, error)
       setErrorMessage(error.message || 'An unexpected error occurred')
-      addNotification('error', `Failed to deploy chat: ${error.message}`, workflowId)
+      logger.error(`Failed to deploy chat: ${error.message}`, workflowId)
     } finally {
       setChatSubmitting(false)
       setShowEditConfirmation(false)
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/deployment-info.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/deployment-info.tsx
index 5f98febf4..f0fd1bb0d 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/deployment-info.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/deployment-info.tsx
@@ -19,7 +19,6 @@ import { ApiEndpoint } from '@/app/workspace/[workspaceId]/w/[workflowId]/compon
 import { ApiKey } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/components/api-key/api-key'
 import { DeployStatus } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/components/deploy-status/deploy-status'
 import { ExampleCommand } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/components/example-command/example-command'
-import { useNotificationStore } from '@/stores/notifications/store'
 import type { WorkflowState } from '@/stores/workflows/workflow/types'
 import { DeployedWorkflowModal } from '../../../deployment-controls/components/deployed-workflow-modal'
 
@@ -50,14 +49,11 @@ export function DeploymentInfo({
   isUndeploying,
   workflowId,
   deployedState,
-  isLoadingDeployedState,
 }: DeploymentInfoProps) {
   const [isViewingDeployed, setIsViewingDeployed] = useState(false)
-  const { addNotification } = useNotificationStore()
 
   const handleViewDeployed = async () => {
     if (!workflowId) {
-      addNotification('error', 'Cannot view deployment: Workflow ID is missing', null)
       return
     }
 
@@ -66,9 +62,6 @@ export function DeploymentInfo({
       setIsViewingDeployed(true)
       return
     }
-    if (!isLoadingDeployedState) {
-      addNotification('error', 'Cannot view deployment: No deployed state available', workflowId)
-    }
   }
 
   if (isLoading || !deploymentInfo) {
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/deploy-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/deploy-modal.tsx
index 74de9db5f..f69d8f9bc 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/deploy-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/deploy-modal.tsx
@@ -23,7 +23,6 @@ import { cn } from '@/lib/utils'
 import { ChatDeploy } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/chat-deploy/chat-deploy'
 import { DeployForm } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deploy-form/deploy-form'
 import { DeploymentInfo } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/deployment-info'
-import { useNotificationStore } from '@/stores/notifications/store'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import { useSubBlockStore } from '@/stores/workflows/subblock/store'
 import { useWorkflowStore } from '@/stores/workflows/workflow/store'
@@ -77,9 +76,6 @@ export function DeployModal({
   isLoadingDeployedState,
   refetchDeployedState,
 }: DeployModalProps) {
-  // Store hooks
-  const { addNotification } = useNotificationStore()
-
   // Use registry store for deployment-related functions
   const deploymentStatus = useWorkflowRegistry((state) =>
     state.getWorkflowDeploymentStatus(workflowId)
@@ -161,7 +157,6 @@ export function DeployModal({
       }
     } catch (error) {
       logger.error('Error fetching API keys:', { error })
-      addNotification('error', 'Failed to fetch API keys', workflowId)
       setKeysLoaded(true)
     }
   }
@@ -243,22 +238,16 @@ export function DeployModal({
         })
       } catch (error) {
         logger.error('Error fetching deployment info:', { error })
-        addNotification('error', 'Failed to fetch deployment information', workflowId)
       } finally {
         setIsLoading(false)
       }
     }
 
     fetchDeploymentInfo()
-  }, [open, workflowId, isDeployed, addNotification, needsRedeployment])
+  }, [open, workflowId, isDeployed, needsRedeployment])
 
   // Handle form submission for deployment
   const onDeploy = async (data: DeployFormValues) => {
-    if (!workflowId) {
-      addNotification('error', 'No active workflow to deploy', null)
-      return
-    }
-
     // Reset any previous errors
     setApiDeployError(null)
 
@@ -319,7 +308,6 @@ export function DeployModal({
       // No notification on successful deploy
     } catch (error: any) {
       logger.error('Error deploying workflow:', { error })
-      addNotification('error', `Failed to deploy workflow: ${error.message}`, workflowId)
     } finally {
       setIsSubmitting(false)
     }
@@ -327,11 +315,6 @@ export function DeployModal({
 
   // Handle workflow undeployment
   const handleUndeploy = async () => {
-    if (!workflowId) {
-      addNotification('error', 'No active workflow to undeploy', null)
-      return
-    }
-
     try {
       setIsUndeploying(true)
 
@@ -351,14 +334,10 @@ export function DeployModal({
       setDeployedChatUrl(null)
       setChatExists(false)
 
-      // Add a success notification
-      addNotification('info', 'Workflow successfully undeployed', workflowId)
-
       // Close the modal
       onOpenChange(false)
     } catch (error: any) {
       logger.error('Error undeploying workflow:', { error })
-      addNotification('error', `Failed to undeploy workflow: ${error.message}`, workflowId)
     } finally {
       setIsUndeploying(false)
     }
@@ -366,11 +345,6 @@ export function DeployModal({
 
   // Handle redeployment of workflow
   const handleRedeploy = async () => {
-    if (!workflowId) {
-      addNotification('error', 'No active workflow to redeploy', null)
-      return
-    }
-
     try {
       setIsSubmitting(true)
 
@@ -407,11 +381,8 @@ export function DeployModal({
 
       // Fetch the updated deployed state after redeployment
       await refetchDeployedState()
-
-      addNotification('info', 'Workflow successfully redeployed', workflowId)
     } catch (error: any) {
       logger.error('Error redeploying workflow:', { error })
-      addNotification('error', `Failed to redeploy workflow: ${error.message}`, workflowId)
     } finally {
       setIsSubmitting(false)
     }
@@ -427,11 +398,6 @@ export function DeployModal({
 
   // Add a new handler for chat undeploy
   const handleChatUndeploy = async () => {
-    if (!workflowId) {
-      addNotification('error', 'No active workflow to undeploy chat', null)
-      return
-    }
-
     try {
       setIsUndeploying(true)
 
@@ -462,15 +428,10 @@ export function DeployModal({
       // Reset chat deployment info
       setDeployedChatUrl(null)
       setChatExists(false)
-
-      // Add a success notification
-      addNotification('info', 'Chat successfully undeployed', workflowId)
-
       // Close the modal
       onOpenChange(false)
     } catch (error: any) {
       logger.error('Error undeploying chat:', { error })
-      addNotification('error', `Failed to undeploy chat: ${error.message}`, workflowId)
     } finally {
       setIsUndeploying(false)
       setShowDeleteConfirmation(false)
@@ -479,11 +440,6 @@ export function DeployModal({
 
   // Find or create appropriate method to handle chat deployment
   const handleChatSubmit = async () => {
-    if (!workflowId) {
-      addNotification('error', 'No active workflow to deploy', null)
-      return
-    }
-
     // Check if workflow is deployed
     if (!isDeployed) {
       // Deploy workflow first
@@ -518,7 +474,6 @@ export function DeployModal({
         )
       } catch (error: any) {
         logger.error('Error auto-deploying workflow for chat:', { error })
-        addNotification('error', `Failed to deploy workflow: ${error.message}`, workflowId)
         setChatSubmitting(false)
         return
       }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deployment-controls/deployment-controls.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deployment-controls/deployment-controls.tsx
index 588cc5ec1..dc518c2ea 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deployment-controls/deployment-controls.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deployment-controls/deployment-controls.tsx
@@ -86,14 +86,16 @@ export function DeploymentControls({
         <TooltipTrigger asChild>
           <div className='relative'>
             <Button
-              variant='ghost'
-              size='icon'
+              variant='outline'
               onClick={handleDeployClick}
               disabled={isDisabled}
               className={cn(
-                'hover:text-[#802FFF]',
+                'h-12 w-12 rounded-[11px] border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))] shadow-xs',
+                'hover:border-[#701FFC] hover:bg-[#701FFC] hover:text-white',
+                'transition-all duration-200',
                 isDeployed && 'text-[#802FFF]',
-                isDisabled && 'cursor-not-allowed opacity-50'
+                isDisabled &&
+                  'cursor-not-allowed opacity-50 hover:border-[hsl(var(--card-border))] hover:bg-[hsl(var(--card-background))] hover:text-[hsl(var(--card-text))] hover:shadow-xs'
               )}
             >
               {isDeploying ? (
@@ -105,10 +107,10 @@ export function DeploymentControls({
             </Button>
 
             {isDeployed && workflowNeedsRedeployment && (
-              <div className='absolute top-0.5 right-0.5 flex items-center justify-center'>
+              <div className='pointer-events-none absolute right-2 bottom-2 flex items-center justify-center'>
                 <div className='relative'>
-                  <div className='absolute inset-0 h-2 w-2 animate-ping rounded-full bg-amber-500/50' />
-                  <div className='zoom-in fade-in relative h-2 w-2 animate-in rounded-full bg-amber-500 ring-1 ring-background duration-300' />
+                  <div className='absolute inset-0 h-[6px] w-[6px] animate-ping rounded-full bg-amber-500/50' />
+                  <div className='zoom-in fade-in relative h-[6px] w-[6px] animate-in rounded-full bg-amber-500/80 duration-300' />
                 </div>
                 <span className='sr-only'>Needs Redeployment</span>
               </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/export-controls/export-controls.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/export-controls/export-controls.tsx
index 5d1480001..ddae26301 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/export-controls/export-controls.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/export-controls/export-controls.tsx
@@ -1,14 +1,8 @@
 'use client'
 
 import { useState } from 'react'
-import { Download, FileText } from 'lucide-react'
+import { Download } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { createLogger } from '@/lib/logs/console-logger'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
@@ -63,44 +57,34 @@ export function ExportControls({ disabled = false }: ExportControlsProps) {
     }
   }
 
-  return (
-    <DropdownMenu>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <DropdownMenuTrigger asChild>
-            <Button
-              variant='ghost'
-              size='icon'
-              disabled={disabled || isExporting || !currentWorkflow}
-              className='hover:text-foreground'
-            >
-              <Download className='h-5 w-5' />
-              <span className='sr-only'>Export Workflow</span>
-            </Button>
-          </DropdownMenuTrigger>
-        </TooltipTrigger>
-        <TooltipContent>
-          {disabled
-            ? 'Export not available'
-            : !currentWorkflow
-              ? 'No workflow to export'
-              : 'Export Workflow'}
-        </TooltipContent>
-      </Tooltip>
+  const isDisabled = disabled || isExporting || !currentWorkflow
 
-      <DropdownMenuContent align='end' className='w-48'>
-        <DropdownMenuItem
-          onClick={handleExportYaml}
-          disabled={isExporting || !currentWorkflow}
-          className='flex cursor-pointer items-center gap-2'
-        >
-          <FileText className='h-4 w-4' />
-          <div className='flex flex-col'>
-            <span>Export as YAML</span>
-            <span className='text-muted-foreground text-xs'>workflow language</span>
+  const getTooltipText = () => {
+    if (disabled) return 'Export not available'
+    if (!currentWorkflow) return 'No workflow to export'
+    if (isExporting) return 'Exporting...'
+    return 'Export as YAML'
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        {isDisabled ? (
+          <div className='inline-flex h-12 w-12 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-[11px] border bg-card font-medium text-card-foreground text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
+            <Download className='h-5 w-5' />
           </div>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
+        ) : (
+          <Button
+            variant='outline'
+            onClick={handleExportYaml}
+            className='h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs hover:bg-secondary'
+          >
+            <Download className='h-5 w-5' />
+            <span className='sr-only'>Export as YAML</span>
+          </Button>
+        )}
+      </TooltipTrigger>
+      <TooltipContent>{getTooltipText()}</TooltipContent>
+    </Tooltip>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/history-dropdown-item/history-dropdown-item.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/history-dropdown-item/history-dropdown-item.tsx
deleted file mode 100644
index 48f5fc2b5..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/history-dropdown-item/history-dropdown-item.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { formatDistanceToNow } from 'date-fns'
-import { Clock } from 'lucide-react'
-import { DropdownMenuItem } from '@/components/ui/dropdown-menu'
-import { cn } from '@/lib/utils'
-
-interface HistoryDropdownItemProps {
-  action: string
-  timestamp: number
-  onClick?: () => void
-  isCurrent?: boolean
-  isFuture?: boolean
-  id?: string
-}
-
-export function HistoryDropdownItem({
-  action,
-  timestamp,
-  onClick,
-  isCurrent = false,
-  isFuture = false,
-  id,
-}: HistoryDropdownItemProps) {
-  const timeAgo = formatDistanceToNow(timestamp, { addSuffix: true })
-
-  return (
-    <DropdownMenuItem
-      className={cn(
-        'flex cursor-pointer items-start gap-2 p-3',
-        isFuture && 'text-muted-foreground/50'
-      )}
-      onClick={onClick}
-    >
-      <Clock
-        className={cn('h-4 w-4', isFuture ? 'text-muted-foreground/50' : 'text-muted-foreground')}
-      />
-      <div className='flex flex-col gap-1'>
-        <div className='flex items-center gap-2'>
-          {isCurrent ? (
-            <span
-              className={cn(
-                'text-xs',
-                isFuture ? 'text-muted-foreground/50' : 'text-muted-foreground'
-              )}
-            >
-              Current
-            </span>
-          ) : (
-            <span
-              className={cn(
-                'text-xs',
-                isFuture ? 'text-muted-foreground/50' : 'text-muted-foreground'
-              )}
-            >
-              {timeAgo}
-            </span>
-          )}
-        </div>
-        <p className={cn('text-sm', isFuture ? 'text-muted-foreground/50' : 'text-foreground')}>
-          {action}
-        </p>
-      </div>
-    </DropdownMenuItem>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/marketplace-modal/marketplace-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/marketplace-modal/marketplace-modal.tsx
deleted file mode 100644
index 7b7bdb596..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/marketplace-modal/marketplace-modal.tsx
+++ /dev/null
@@ -1,589 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { Eye, HelpCircle, Info, Trash, X } from 'lucide-react'
-import { useForm } from 'react-hook-form'
-import { z } from 'zod'
-import { Button } from '@/components/ui/button'
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { LoadingAgent } from '@/components/ui/loading-agent'
-import { Notice } from '@/components/ui/notice'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import { Textarea } from '@/components/ui/textarea'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { createLogger } from '@/lib/logs/console-logger'
-import { cn } from '@/lib/utils'
-import {
-  CATEGORIES,
-  getCategoryColor,
-  getCategoryIcon,
-  getCategoryLabel,
-} from '@/app/workspace/[workspaceId]/marketplace/constants/categories'
-import { useNotificationStore } from '@/stores/notifications/store'
-import { getWorkflowWithValues } from '@/stores/workflows'
-import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
-
-const logger = createLogger('MarketplaceModal')
-
-/**
- * Sanitizes sensitive data from workflow state before publishing
- * Removes API keys, tokens, and environment variable references
- */
-const sanitizeWorkflowData = (workflowData: any) => {
-  if (!workflowData) return workflowData
-
-  const sanitizedData = JSON.parse(JSON.stringify(workflowData))
-  let sanitizedCount = 0
-
-  // Handle workflow state format
-  if (sanitizedData.state?.blocks) {
-    Object.values(sanitizedData.state.blocks).forEach((block: any) => {
-      if (block.subBlocks) {
-        // Check for sensitive fields in subBlocks
-        Object.entries(block.subBlocks).forEach(([key, subBlock]: [string, any]) => {
-          // Check for API key related fields in any block type
-          const isSensitiveField =
-            key.toLowerCase() === 'apikey' || key.toLowerCase().includes('api_key')
-
-          if (isSensitiveField && subBlock.value) {
-            subBlock.value = ''
-            sanitizedCount++
-          }
-        })
-      }
-    })
-  }
-
-  logger.info(`Sanitized ${sanitizedCount} API keys from workflow data`)
-  return sanitizedData
-}
-
-interface MarketplaceModalProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-}
-
-// Form schema for validation
-const marketplaceFormSchema = z.object({
-  name: z
-    .string()
-    .min(3, 'Name must be at least 3 characters')
-    .max(50, 'Name cannot exceed 50 characters'),
-  description: z
-    .string()
-    .min(10, 'Description must be at least 10 characters')
-    .max(500, 'Description cannot exceed 500 characters'),
-  category: z.string().min(1, 'Please select a category'),
-  authorName: z
-    .string()
-    .min(2, 'Author name must be at least 2 characters')
-    .max(50, 'Author name cannot exceed 50 characters'),
-})
-
-type MarketplaceFormValues = z.infer<typeof marketplaceFormSchema>
-
-// Tooltip texts
-const TOOLTIPS = {
-  category: 'Categorizing your workflow helps users find it more easily.',
-  authorName: 'The name you want to publish under (defaults to your account name if left empty).',
-}
-
-interface MarketplaceInfo {
-  id: string
-  name: string
-  description: string
-  category: string
-  authorName: string
-  views: number
-  createdAt: string
-  updatedAt: string
-}
-
-export function MarketplaceModal({ open, onOpenChange }: MarketplaceModalProps) {
-  const [isSubmitting, setIsSubmitting] = useState(false)
-  const [isUnpublishing, setIsUnpublishing] = useState(false)
-  const [marketplaceInfo, setMarketplaceInfo] = useState<MarketplaceInfo | null>(null)
-  const [isLoading, setIsLoading] = useState(false)
-  const { addNotification } = useNotificationStore()
-  const { activeWorkflowId, workflows, updateWorkflow } = useWorkflowRegistry()
-
-  // Get marketplace data from the registry
-  const getMarketplaceData = () => {
-    if (!activeWorkflowId || !workflows[activeWorkflowId]) return null
-    return workflows[activeWorkflowId].marketplaceData
-  }
-
-  // Check if workflow is published to marketplace
-  const isPublished = () => {
-    return !!getMarketplaceData()
-  }
-
-  // Check if the current user is the owner of the published workflow
-  const isOwner = () => {
-    const marketplaceData = getMarketplaceData()
-    return marketplaceData?.status === 'owner'
-  }
-
-  // Initialize form with react-hook-form
-  const form = useForm<MarketplaceFormValues>({
-    resolver: zodResolver(marketplaceFormSchema),
-    defaultValues: {
-      name: '',
-      description: '',
-      category: 'marketing',
-      authorName: '',
-    },
-  })
-
-  // Fetch marketplace information when the modal opens and the workflow is published
-  useEffect(() => {
-    async function fetchMarketplaceInfo() {
-      if (!open || !activeWorkflowId || !isPublished()) {
-        setMarketplaceInfo(null)
-        return
-      }
-
-      try {
-        setIsLoading(true)
-
-        // Get marketplace ID from the workflow's marketplaceData
-        const marketplaceData = getMarketplaceData()
-        if (!marketplaceData?.id) {
-          throw new Error('No marketplace ID found in workflow data')
-        }
-
-        // Use the marketplace ID to fetch details instead of workflow ID
-        const response = await fetch(
-          `/api/marketplace/workflows?marketplaceId=${marketplaceData.id}`
-        )
-
-        if (!response.ok) {
-          throw new Error('Failed to fetch marketplace information')
-        }
-
-        // The API returns the data directly without wrapping
-        const marketplaceEntry = await response.json()
-        setMarketplaceInfo(marketplaceEntry)
-      } catch (error) {
-        console.error('Error fetching marketplace info:', error)
-        addNotification('error', 'Failed to fetch marketplace information', activeWorkflowId)
-      } finally {
-        setIsLoading(false)
-      }
-    }
-
-    fetchMarketplaceInfo()
-  }, [open, activeWorkflowId, addNotification])
-
-  // Update form values when the active workflow changes or modal opens
-  useEffect(() => {
-    if (open && activeWorkflowId && workflows[activeWorkflowId] && !isPublished()) {
-      const workflow = workflows[activeWorkflowId]
-      form.setValue('name', workflow.name)
-      form.setValue('description', workflow.description || '')
-    }
-  }, [open, activeWorkflowId, workflows, form])
-
-  // Listen for the custom event to open the marketplace modal
-  useEffect(() => {
-    const handleOpenMarketplace = () => {
-      onOpenChange(true)
-    }
-
-    // Add event listener
-    window.addEventListener('open-marketplace', handleOpenMarketplace as EventListener)
-
-    // Clean up
-    return () => {
-      window.removeEventListener('open-marketplace', handleOpenMarketplace as EventListener)
-    }
-  }, [onOpenChange])
-
-  const onSubmit = async (data: MarketplaceFormValues) => {
-    if (!activeWorkflowId) {
-      addNotification('error', 'No active workflow to publish', null)
-      return
-    }
-
-    try {
-      setIsSubmitting(true)
-
-      // Get the complete workflow state client-side
-      const workflowData = getWorkflowWithValues(activeWorkflowId)
-      if (!workflowData) {
-        addNotification('error', 'Failed to retrieve workflow state', activeWorkflowId)
-        return
-      }
-
-      // Sanitize the workflow data
-      const sanitizedWorkflowData = sanitizeWorkflowData(workflowData)
-      logger.info('Publishing sanitized workflow to marketplace', {
-        workflowId: activeWorkflowId,
-        workflowName: data.name,
-        category: data.category,
-      })
-
-      const response = await fetch('/api/marketplace/publish', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          workflowId: activeWorkflowId,
-          name: data.name,
-          description: data.description,
-          category: data.category,
-          authorName: data.authorName,
-          workflowState: sanitizedWorkflowData.state,
-        }),
-      })
-
-      if (!response.ok) {
-        const errorData = await response.json()
-        throw new Error(errorData.error || 'Failed to publish workflow')
-      }
-
-      // Get the marketplace ID from the response
-      const responseData = await response.json()
-      const marketplaceId = responseData.data.id
-
-      // Update the marketplace data in the workflow registry
-      updateWorkflow(activeWorkflowId, {
-        marketplaceData: { id: marketplaceId, status: 'owner' },
-      })
-
-      // Add a marketplace notification with detailed information
-      addNotification(
-        'marketplace',
-        `"${data.name}" successfully published to marketplace`,
-        activeWorkflowId
-      )
-
-      // Close the modal after successful submission
-      onOpenChange(false)
-    } catch (error: any) {
-      console.error('Error publishing workflow:', error)
-      addNotification('error', `Failed to publish workflow: ${error.message}`, activeWorkflowId)
-    } finally {
-      setIsSubmitting(false)
-    }
-  }
-
-  const handleUnpublish = async () => {
-    if (!activeWorkflowId) {
-      addNotification('error', 'No active workflow to unpublish', null)
-      return
-    }
-
-    try {
-      setIsUnpublishing(true)
-
-      // Get marketplace ID from the workflow's marketplaceData
-      const marketplaceData = getMarketplaceData()
-      if (!marketplaceData?.id) {
-        throw new Error('No marketplace ID found in workflow data')
-      }
-
-      logger.info('Attempting to unpublish marketplace entry', {
-        marketplaceId: marketplaceData.id,
-        workflowId: activeWorkflowId,
-        status: marketplaceData.status,
-      })
-
-      const response = await fetch(`/api/marketplace/${marketplaceData.id}/unpublish`, {
-        method: 'POST',
-      })
-
-      if (!response.ok) {
-        const errorData = await response.json()
-        logger.error('Error response from unpublish endpoint', {
-          status: response.status,
-          data: errorData,
-        })
-        throw new Error(errorData.error || 'Failed to unpublish workflow')
-      }
-
-      logger.info('Successfully unpublished workflow from marketplace', {
-        marketplaceId: marketplaceData.id,
-        workflowId: activeWorkflowId,
-      })
-
-      // First close the modal to prevent any flashing
-      onOpenChange(false)
-
-      // Then update the workflow state after modal is closed
-      setTimeout(() => {
-        // Remove the marketplace data from the workflow registry
-        updateWorkflow(activeWorkflowId, {
-          marketplaceData: null,
-        })
-      }, 100)
-    } catch (error: any) {
-      console.error('Error unpublishing workflow:', error)
-      addNotification('error', `Failed to unpublish workflow: ${error.message}`, activeWorkflowId)
-    } finally {
-      setIsUnpublishing(false)
-    }
-  }
-
-  const LabelWithTooltip = ({ name, tooltip }: { name: string; tooltip: string }) => (
-    <div className='flex items-center gap-1.5'>
-      <FormLabel>{name}</FormLabel>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <HelpCircle className='h-4 w-4 cursor-help text-muted-foreground' />
-        </TooltipTrigger>
-        <TooltipContent side='top' className='max-w-[300px] p-3'>
-          <p className='text-sm'>{tooltip}</p>
-        </TooltipContent>
-      </Tooltip>
-    </div>
-  )
-
-  // Render marketplace information for published workflows
-  const renderMarketplaceInfo = () => {
-    if (isLoading) {
-      return (
-        <div className='flex items-center justify-center py-12'>
-          <LoadingAgent size='md' />
-        </div>
-      )
-    }
-
-    if (!marketplaceInfo) {
-      return (
-        <div className='flex items-center justify-center py-12 text-muted-foreground'>
-          <div className='flex flex-col items-center gap-2'>
-            <Info className='h-5 w-5' />
-            <p className='text-sm'>No marketplace information available</p>
-          </div>
-        </div>
-      )
-    }
-
-    return (
-      <div className='space-y-5 px-1'>
-        {/* Header section with title and stats */}
-        <div className='space-y-2.5'>
-          <div className='flex items-start justify-between'>
-            <h3 className='font-medium text-xl leading-tight'>{marketplaceInfo.name}</h3>
-            <div className='flex items-center gap-3'>
-              <div className='flex items-center gap-1.5 rounded-md px-2 py-1'>
-                <Eye className='h-3.5 w-3.5 text-muted-foreground' />
-                <span className='font-medium text-muted-foreground text-xs'>
-                  {marketplaceInfo.views}
-                </span>
-              </div>
-            </div>
-          </div>
-          <p className='text-muted-foreground text-sm'>{marketplaceInfo.description}</p>
-        </div>
-
-        {/* Category and Author Info */}
-        <div className='flex items-center gap-6'>
-          <div className='space-y-1.5'>
-            <Label className='text-muted-foreground text-xs'>Category</Label>
-            <div
-              className='flex items-center gap-1.5 rounded-md px-2.5 py-1'
-              style={{
-                backgroundColor: `${getCategoryColor(marketplaceInfo.category)}15`,
-                color: getCategoryColor(marketplaceInfo.category),
-              }}
-            >
-              {getCategoryIcon(marketplaceInfo.category)}
-              <span className='font-medium text-sm'>
-                {getCategoryLabel(marketplaceInfo.category)}
-              </span>
-            </div>
-          </div>
-          <div className='space-y-1.5'>
-            <Label className='text-muted-foreground text-xs'>Author</Label>
-            <div className='flex items-center font-medium text-sm'>
-              {marketplaceInfo.authorName}
-            </div>
-          </div>
-        </div>
-
-        {/* Action buttons - Only show unpublish if owner */}
-        {isOwner() && (
-          <div className='flex justify-end gap-2 pt-2'>
-            <Button
-              type='button'
-              variant='destructive'
-              onClick={handleUnpublish}
-              disabled={isUnpublishing}
-              className='gap-2'
-            >
-              {isUnpublishing ? (
-                <div className='mr-2 h-4 w-4 animate-spin rounded-full border-[1.5px] border-current border-t-transparent' />
-              ) : (
-                <Trash className='mr-2 h-4 w-4' />
-              )}
-              {isUnpublishing ? 'Unpublishing...' : 'Unpublish'}
-            </Button>
-          </div>
-        )}
-      </div>
-    )
-  }
-
-  // Render publish form for unpublished workflows
-  const renderPublishForm = () => (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className='space-y-6'>
-        <Notice variant='warning' title='Security'>
-          API keys and environment variables will be automatically removed before publishing.
-        </Notice>
-
-        <FormField
-          control={form.control}
-          name='name'
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Workflow Name</FormLabel>
-              <FormControl>
-                <Input placeholder='Enter workflow name' {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-
-        <FormField
-          control={form.control}
-          name='description'
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Description</FormLabel>
-              <FormControl>
-                <Textarea
-                  placeholder='Describe what your workflow does and how it can help others'
-                  className='min-h-24'
-                  {...field}
-                />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-
-        <FormField
-          control={form.control}
-          name='category'
-          render={({ field }) => (
-            <FormItem>
-              <LabelWithTooltip name='Category' tooltip={TOOLTIPS.category} />
-              <Select onValueChange={field.onChange} defaultValue={field.value}>
-                <FormControl>
-                  <SelectTrigger>
-                    <SelectValue placeholder='Select a category' />
-                  </SelectTrigger>
-                </FormControl>
-                <SelectContent>
-                  {CATEGORIES.map((category) => (
-                    <SelectItem
-                      key={category.value}
-                      value={category.value}
-                      className='flex items-center'
-                    >
-                      <div className='flex items-center'>
-                        {category.icon}
-                        {category.label}
-                      </div>
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-
-        <FormField
-          control={form.control}
-          name='authorName'
-          render={({ field }) => (
-            <FormItem>
-              <LabelWithTooltip name='Author Name' tooltip={TOOLTIPS.authorName} />
-              <FormControl>
-                <Input placeholder='Enter author name' {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-
-        <div className='flex justify-between gap-2'>
-          <Button type='button' variant='outline' onClick={() => onOpenChange(false)}>
-            Cancel
-          </Button>
-          <Button
-            type='submit'
-            disabled={isSubmitting}
-            className={cn(
-              // Base styles
-              'gap-2 font-medium',
-              // Brand color with hover states
-              'bg-[#802FFF] hover:bg-[#7028E6]',
-              // Hover effect with brand color
-              'shadow-[0_0_0_0_#802FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
-              // Text color and transitions
-              'text-white transition-all duration-200',
-              // Running state animation
-              isSubmitting &&
-                'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
-              // Disabled state
-              'disabled:opacity-50 disabled:hover:bg-[#802FFF] disabled:hover:shadow-none'
-            )}
-          >
-            {isSubmitting ? 'Publishing...' : 'Publish Workflow'}
-          </Button>
-        </div>
-      </form>
-    </Form>
-  )
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className='flex flex-col gap-0 p-0 sm:max-w-[600px]' hideCloseButton>
-        <DialogHeader className='border-b px-6 py-4'>
-          <div className='flex items-center justify-between'>
-            <DialogTitle className='font-medium text-lg'>
-              {isPublished() ? 'Marketplace Information' : 'Publish to Marketplace'}
-            </DialogTitle>
-            <Button
-              variant='ghost'
-              size='icon'
-              className='h-8 w-8 p-0'
-              onClick={() => onOpenChange(false)}
-            >
-              <X className='h-4 w-4' />
-              <span className='sr-only'>Close</span>
-            </Button>
-          </div>
-        </DialogHeader>
-
-        <div className='overflow-y-auto px-6 pt-4 pb-6'>
-          {isPublished() ? renderMarketplaceInfo() : renderPublishForm()}
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/notification-dropdown-item/notification-dropdown-item.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/notification-dropdown-item/notification-dropdown-item.tsx
deleted file mode 100644
index 981b2c59e..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/notification-dropdown-item/notification-dropdown-item.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { useEffect, useState } from 'react'
-import { formatDistanceToNow } from 'date-fns'
-import { AlertCircle, Rocket, Store, Terminal } from 'lucide-react'
-import { ErrorIcon } from '@/components/icons'
-import { DropdownMenuItem } from '@/components/ui/dropdown-menu'
-import { cn } from '@/lib/utils'
-import { useNotificationStore } from '@/stores/notifications/store'
-import type {
-  Notification,
-  NotificationOptions,
-  NotificationType,
-} from '@/stores/notifications/types'
-
-interface NotificationDropdownItemProps {
-  id: string
-  type: NotificationType
-  message: string
-  timestamp: number
-  options?: NotificationOptions
-  setDropdownOpen?: (open: boolean) => void
-}
-
-const NotificationIcon = {
-  error: ErrorIcon,
-  console: Terminal,
-  marketplace: Store,
-  info: AlertCircle,
-  api: Rocket,
-}
-
-const NotificationColors = {
-  error: 'text-destructive',
-  console: 'text-foreground',
-  marketplace: 'text-foreground',
-  info: 'text-foreground',
-  api: 'text-foreground',
-}
-
-export function NotificationDropdownItem({
-  id,
-  type,
-  message,
-  timestamp,
-  options,
-  setDropdownOpen,
-}: NotificationDropdownItemProps) {
-  const { notifications, showNotification, hideNotification, removeNotification, addNotification } =
-    useNotificationStore()
-  const Icon = NotificationIcon[type]
-  const [, forceUpdate] = useState({})
-
-  // Update the time display every minute
-  useEffect(() => {
-    const interval = setInterval(() => forceUpdate({}), 60000)
-    return () => clearInterval(interval)
-  }, [])
-
-  // Find the full notification object from the store
-  const getFullNotification = (): Notification | undefined => {
-    return notifications.find((n) => n.id === id)
-  }
-
-  // Handle click to show the notification
-  const handleClick = (e: React.MouseEvent) => {
-    e.preventDefault()
-    e.stopPropagation()
-
-    const notification = getFullNotification()
-
-    if (notification) {
-      // Simply show the notification regardless of its current state
-      showNotification(id)
-    } else {
-      // Fallback for any case where the notification doesn't exist anymore
-      addNotification(type, message, null, options)
-    }
-
-    // Close the dropdown after clicking
-    if (setDropdownOpen) {
-      setDropdownOpen(false)
-    }
-  }
-
-  // Format time and replace "less than a minute ago" with "<1 minute ago"
-  const rawTimeAgo = formatDistanceToNow(timestamp, { addSuffix: true })
-  const timeAgo = rawTimeAgo.replace('less than a minute ago', '<1 minute ago')
-
-  return (
-    <DropdownMenuItem className='flex cursor-pointer items-start gap-2 p-3' onClick={handleClick}>
-      <Icon className={cn('h-4 w-4', NotificationColors[type])} />
-      <div className='flex flex-col gap-1'>
-        <div className='flex items-center gap-2'>
-          <span className='font-medium text-xs'>
-            {type === 'error'
-              ? 'Error'
-              : type === 'marketplace'
-                ? 'Marketplace'
-                : type === 'info'
-                  ? 'Info'
-                  : 'Console'}
-          </span>
-          <span className='text-muted-foreground text-xs'>{timeAgo}</span>
-        </div>
-        <p className='overflow-wrap-anywhere hyphens-auto whitespace-normal break-normal text-foreground text-sm'>
-          {message.length > 100 ? `${message.slice(0, 60)}...` : message}
-        </p>
-      </div>
-    </DropdownMenuItem>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/template-modal/template-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/template-modal/template-modal.tsx
new file mode 100644
index 000000000..36bc8f882
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/template-modal/template-modal.tsx
@@ -0,0 +1,436 @@
+'use client'
+
+import { useState } from 'react'
+import { zodResolver } from '@hookform/resolvers/zod'
+import {
+  Award,
+  BarChart3,
+  Bell,
+  BookOpen,
+  Bot,
+  Brain,
+  Briefcase,
+  Calculator,
+  Cloud,
+  Code,
+  Cpu,
+  CreditCard,
+  Database,
+  DollarSign,
+  Edit,
+  FileText,
+  Folder,
+  Globe,
+  HeadphonesIcon,
+  Layers,
+  Lightbulb,
+  LineChart,
+  Loader2,
+  Mail,
+  Megaphone,
+  MessageSquare,
+  NotebookPen,
+  Phone,
+  Play,
+  Search,
+  Server,
+  Settings,
+  ShoppingCart,
+  Star,
+  Target,
+  TrendingUp,
+  User,
+  Users,
+  Workflow,
+  Wrench,
+  X,
+  Zap,
+} from 'lucide-react'
+import { useForm } from 'react-hook-form'
+import { z } from 'zod'
+import { Button } from '@/components/ui/button'
+import { ColorPicker } from '@/components/ui/color-picker'
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form'
+import { Input } from '@/components/ui/input'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import { Textarea } from '@/components/ui/textarea'
+import { useSession } from '@/lib/auth-client'
+import { createLogger } from '@/lib/logs/console-logger'
+import { cn } from '@/lib/utils'
+import { buildWorkflowStateForTemplate } from '@/lib/workflows/state-builder'
+import { categories } from '@/app/workspace/[workspaceId]/templates/templates'
+
+const logger = createLogger('TemplateModal')
+
+const templateSchema = z.object({
+  name: z.string().min(1, 'Name is required').max(100, 'Name must be less than 100 characters'),
+  description: z
+    .string()
+    .min(1, 'Description is required')
+    .max(500, 'Description must be less than 500 characters'),
+  author: z
+    .string()
+    .min(1, 'Author is required')
+    .max(100, 'Author must be less than 100 characters'),
+  category: z.string().min(1, 'Category is required'),
+  icon: z.string().min(1, 'Icon is required'),
+  color: z.string().regex(/^#[0-9A-F]{6}$/i, 'Color must be a valid hex color (e.g., #3972F6)'),
+})
+
+type TemplateFormData = z.infer<typeof templateSchema>
+
+interface TemplateModalProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  workflowId: string
+}
+
+// Enhanced icon selection with category-relevant icons
+const icons = [
+  // Content & Documentation
+  { value: 'FileText', label: 'File Text', component: FileText },
+  { value: 'NotebookPen', label: 'Notebook', component: NotebookPen },
+  { value: 'BookOpen', label: 'Book', component: BookOpen },
+  { value: 'Edit', label: 'Edit', component: Edit },
+
+  // Analytics & Charts
+  { value: 'BarChart3', label: 'Bar Chart', component: BarChart3 },
+  { value: 'LineChart', label: 'Line Chart', component: LineChart },
+  { value: 'TrendingUp', label: 'Trending Up', component: TrendingUp },
+  { value: 'Target', label: 'Target', component: Target },
+
+  // Database & Storage
+  { value: 'Database', label: 'Database', component: Database },
+  { value: 'Server', label: 'Server', component: Server },
+  { value: 'Cloud', label: 'Cloud', component: Cloud },
+  { value: 'Folder', label: 'Folder', component: Folder },
+
+  // Marketing & Communication
+  { value: 'Megaphone', label: 'Megaphone', component: Megaphone },
+  { value: 'Mail', label: 'Mail', component: Mail },
+  { value: 'MessageSquare', label: 'Message', component: MessageSquare },
+  { value: 'Phone', label: 'Phone', component: Phone },
+  { value: 'Bell', label: 'Bell', component: Bell },
+
+  // Sales & Finance
+  { value: 'DollarSign', label: 'Dollar Sign', component: DollarSign },
+  { value: 'CreditCard', label: 'Credit Card', component: CreditCard },
+  { value: 'Calculator', label: 'Calculator', component: Calculator },
+  { value: 'ShoppingCart', label: 'Shopping Cart', component: ShoppingCart },
+  { value: 'Briefcase', label: 'Briefcase', component: Briefcase },
+
+  // Support & Service
+  { value: 'HeadphonesIcon', label: 'Headphones', component: HeadphonesIcon },
+  { value: 'User', label: 'User', component: User },
+  { value: 'Users', label: 'Users', component: Users },
+  { value: 'Settings', label: 'Settings', component: Settings },
+  { value: 'Wrench', label: 'Wrench', component: Wrench },
+
+  // AI & Technology
+  { value: 'Bot', label: 'Bot', component: Bot },
+  { value: 'Brain', label: 'Brain', component: Brain },
+  { value: 'Cpu', label: 'CPU', component: Cpu },
+  { value: 'Code', label: 'Code', component: Code },
+  { value: 'Zap', label: 'Zap', component: Zap },
+
+  // Workflow & Process
+  { value: 'Workflow', label: 'Workflow', component: Workflow },
+  { value: 'Search', label: 'Search', component: Search },
+  { value: 'Play', label: 'Play', component: Play },
+  { value: 'Layers', label: 'Layers', component: Layers },
+
+  // General
+  { value: 'Lightbulb', label: 'Lightbulb', component: Lightbulb },
+  { value: 'Star', label: 'Star', component: Star },
+  { value: 'Globe', label: 'Globe', component: Globe },
+  { value: 'Award', label: 'Award', component: Award },
+]
+
+export function TemplateModal({ open, onOpenChange, workflowId }: TemplateModalProps) {
+  const { data: session } = useSession()
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [iconPopoverOpen, setIconPopoverOpen] = useState(false)
+
+  const form = useForm<TemplateFormData>({
+    resolver: zodResolver(templateSchema),
+    defaultValues: {
+      name: '',
+      description: '',
+      author: session?.user?.name || session?.user?.email || '',
+      category: '',
+      icon: 'FileText',
+      color: '#3972F6',
+    },
+  })
+
+  const onSubmit = async (data: TemplateFormData) => {
+    if (!session?.user) {
+      logger.error('User not authenticated')
+      return
+    }
+
+    setIsSubmitting(true)
+
+    try {
+      // Create the template state from current workflow using the same format as deployment
+      const templateState = buildWorkflowStateForTemplate(workflowId)
+
+      const templateData = {
+        workflowId,
+        name: data.name,
+        description: data.description || '',
+        author: data.author,
+        category: data.category,
+        icon: data.icon,
+        color: data.color,
+        state: templateState,
+      }
+
+      const response = await fetch('/api/templates', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(templateData),
+      })
+
+      if (!response.ok) {
+        const errorData = await response.json()
+        throw new Error(errorData.error || 'Failed to create template')
+      }
+
+      const result = await response.json()
+      logger.info('Template created successfully:', result)
+
+      // Reset form and close modal
+      form.reset()
+      onOpenChange(false)
+
+      // TODO: Show success toast/notification
+    } catch (error) {
+      logger.error('Failed to create template:', error)
+      // TODO: Show error toast/notification
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  const SelectedIconComponent =
+    icons.find((icon) => icon.value === form.watch('icon'))?.component || FileText
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent
+        className='flex h-[70vh] flex-col gap-0 overflow-hidden p-0 sm:max-w-[600px]'
+        hideCloseButton
+      >
+        <DialogHeader className='flex-shrink-0 border-b px-6 py-4'>
+          <div className='flex items-center justify-between'>
+            <DialogTitle className='font-medium text-lg'>Publish Template</DialogTitle>
+            <Button
+              variant='ghost'
+              size='icon'
+              className='h-8 w-8 p-0'
+              onClick={() => onOpenChange(false)}
+            >
+              <X className='h-4 w-4' />
+              <span className='sr-only'>Close</span>
+            </Button>
+          </div>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(onSubmit)}
+            className='flex flex-1 flex-col overflow-hidden'
+          >
+            <div className='flex-1 overflow-y-auto px-6 py-4'>
+              <div className='space-y-6'>
+                <div className='flex gap-3'>
+                  <FormField
+                    control={form.control}
+                    name='icon'
+                    render={({ field }) => (
+                      <FormItem className='w-20'>
+                        <FormLabel>Icon</FormLabel>
+                        <Popover open={iconPopoverOpen} onOpenChange={setIconPopoverOpen}>
+                          <PopoverTrigger asChild>
+                            <Button variant='outline' role='combobox' className='h-10 w-20 p-0'>
+                              <SelectedIconComponent className='h-4 w-4' />
+                            </Button>
+                          </PopoverTrigger>
+                          <PopoverContent className='z-50 w-84 p-0' align='start'>
+                            <div className='p-3'>
+                              <div className='grid max-h-80 grid-cols-8 gap-2 overflow-y-auto'>
+                                {icons.map((icon) => {
+                                  const IconComponent = icon.component
+                                  return (
+                                    <button
+                                      key={icon.value}
+                                      type='button'
+                                      onClick={() => {
+                                        field.onChange(icon.value)
+                                        setIconPopoverOpen(false)
+                                      }}
+                                      className={cn(
+                                        'flex h-8 w-8 items-center justify-center rounded-md border transition-colors hover:bg-muted',
+                                        field.value === icon.value &&
+                                          'bg-primary text-primary-foreground'
+                                      )}
+                                    >
+                                      <IconComponent className='h-4 w-4' />
+                                    </button>
+                                  )
+                                })}
+                              </div>
+                            </div>
+                          </PopoverContent>
+                        </Popover>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name='color'
+                    render={({ field }) => (
+                      <FormItem className='w-20'>
+                        <FormLabel>Color</FormLabel>
+                        <FormControl>
+                          <ColorPicker
+                            value={field.value}
+                            onChange={field.onChange}
+                            onBlur={field.onBlur}
+                            className='h-10 w-20'
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+
+                <FormField
+                  control={form.control}
+                  name='name'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Name</FormLabel>
+                      <FormControl>
+                        <Input placeholder='Enter template name' {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <div className='grid grid-cols-2 gap-4'>
+                  <FormField
+                    control={form.control}
+                    name='author'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Author</FormLabel>
+                        <FormControl>
+                          <Input placeholder='Enter author name' {...field} />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name='category'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Category</FormLabel>
+                        <Select onValueChange={field.onChange} defaultValue={field.value}>
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue placeholder='Select a category' />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            {categories.map((category) => (
+                              <SelectItem key={category.value} value={category.value}>
+                                {category.label}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+
+                <FormField
+                  control={form.control}
+                  name='description'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Description</FormLabel>
+                      <FormControl>
+                        <Textarea
+                          placeholder='Describe what this template does...'
+                          className='resize-none'
+                          rows={3}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {/* Fixed Footer */}
+            <div className='mt-auto border-t px-6 pt-4 pb-6'>
+              <div className='flex justify-end'>
+                <Button
+                  type='submit'
+                  disabled={isSubmitting}
+                  className={cn(
+                    'font-medium',
+                    'bg-[#701FFC] hover:bg-[#6518E6]',
+                    'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
+                    'text-white transition-all duration-200',
+                    'disabled:opacity-50 disabled:hover:bg-[#701FFC] disabled:hover:shadow-none',
+                    'h-10 rounded-md px-4 py-2'
+                  )}
+                >
+                  {isSubmitting ? (
+                    <>
+                      <Loader2 className='mr-2 h-4 w-4 animate-spin' />
+                      Publishing...
+                    </>
+                  ) : (
+                    'Publish'
+                  )}
+                </Button>
+              </div>
+            </div>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx
index 7f65143ab..d5a4d4dad 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx
@@ -1,19 +1,18 @@
 'use client'
 
-import { useEffect, useRef, useState } from 'react'
-import { formatDistanceToNow } from 'date-fns'
+import { useCallback, useEffect, useState } from 'react'
 import {
-  Bell,
   Bug,
-  ChevronDown,
+  ChevronLeft,
   Copy,
-  History,
   Layers,
-  Loader2,
   Play,
+  RefreshCw,
   SkipForward,
   StepForward,
+  Store,
   Trash2,
+  WifiOff,
   X,
 } from 'lucide-react'
 import { useParams, useRouter } from 'next/navigation'
@@ -29,21 +28,12 @@ import {
   AlertDialogTrigger,
 } from '@/components/ui/alert-dialog'
 import { Button } from '@/components/ui/button'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { Progress } from '@/components/ui/progress'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { useSession } from '@/lib/auth-client'
 import { createLogger } from '@/lib/logs/console-logger'
 import { cn } from '@/lib/utils'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
-import { useExecutionStore } from '@/stores/execution/store'
 import { useFolderStore } from '@/stores/folders/store'
-import { useNotificationStore } from '@/stores/notifications/store'
 import { usePanelStore } from '@/stores/panel/store'
 import { useGeneralStore } from '@/stores/settings/general/store'
 import { useSubscriptionStore } from '@/stores/subscription/store'
@@ -58,10 +48,7 @@ import {
 import { useWorkflowExecution } from '../../hooks/use-workflow-execution'
 import { DeploymentControls } from './components/deployment-controls/deployment-controls'
 import { ExportControls } from './components/export-controls/export-controls'
-import { HistoryDropdownItem } from './components/history-dropdown-item/history-dropdown-item'
-import { MarketplaceModal } from './components/marketplace-modal/marketplace-modal'
-import { NotificationDropdownItem } from './components/notification-dropdown-item/notification-dropdown-item'
-import { UserAvatarStack } from './components/user-avatar-stack/user-avatar-stack'
+import { TemplateModal } from './components/template-modal/template-modal'
 
 const logger = createLogger('ControlBar')
 
@@ -77,9 +64,6 @@ let usageDataCache: {
   expirationMs: 60 * 1000,
 }
 
-// Predefined run count options
-const RUN_COUNT_OPTIONS = [1, 5, 10, 25, 50, 100]
-
 interface ControlBarProps {
   hasValidationErrors?: boolean
 }
@@ -95,16 +79,8 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
   const workspaceId = params.workspaceId as string
 
   // Store hooks
-  const {
-    notifications,
-    getWorkflowNotifications,
-    addNotification,
-    showNotification,
-    removeNotification,
-  } = useNotificationStore()
   const { history, revertToHistoryState, lastSaved, setNeedsRedeploymentFlag, blocks } =
     useWorkflowStore()
-  const { workflowValues } = useSubBlockStore()
   const {
     workflows,
     updateWorkflow,
@@ -115,12 +91,9 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
     isLoading: isRegistryLoading,
   } = useWorkflowRegistry()
   const { isExecuting, handleRunWorkflow } = useWorkflowExecution()
-  const { setActiveTab } = usePanelStore()
+  const { setActiveTab, togglePanel, isOpen } = usePanelStore()
   const { getFolderTree, expandedFolders } = useFolderStore()
 
-  // Get current workflow and workspace ID for permissions
-  const currentWorkflow = activeWorkflowId ? workflows[activeWorkflowId] : null
-
   // User permissions - use stable activeWorkspaceId from registry instead of deriving from currentWorkflow
   const userPermissions = useUserPermissionsContext()
 
@@ -132,6 +105,8 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
   // Local state
   const [mounted, setMounted] = useState(false)
   const [, forceUpdate] = useState({})
+  const [isExpanded, setIsExpanded] = useState(false)
+  const [isTemplateModalOpen, setIsTemplateModalOpen] = useState(false)
 
   // Deployed state management
   const [deployedState, setDeployedState] = useState<WorkflowState | null>(null)
@@ -140,25 +115,6 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
   // Change detection state
   const [changeDetected, setChangeDetected] = useState(false)
 
-  // Workflow name editing state
-  const [isEditing, setIsEditing] = useState(false)
-  const [editedName, setEditedName] = useState('')
-
-  // Dropdown states
-  const [historyOpen, setHistoryOpen] = useState(false)
-  const [notificationsOpen, setNotificationsOpen] = useState(false)
-
-  // Marketplace modal state
-  const [isMarketplaceModalOpen, setIsMarketplaceModalOpen] = useState(false)
-
-  // Multiple runs state
-  const [runCount, setRunCount] = useState(1)
-  const [completedRuns, setCompletedRuns] = useState(0)
-  const [isMultiRunning, setIsMultiRunning] = useState(false)
-  const [showRunProgress, setShowRunProgress] = useState(false)
-  const [isCancelling, setIsCancelling] = useState(false)
-  const cancelFlagRef = useRef(false)
-
   // Usage limit state
   const [usageExceeded, setUsageExceeded] = useState(false)
   const [usageData, setUsageData] = useState<{
@@ -169,32 +125,25 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
     limit: number
   } | null>(null)
 
+  // Helper function to open console panel
+  const openConsolePanel = useCallback(() => {
+    setActiveTab('console')
+    if (!isOpen) {
+      togglePanel()
+    }
+  }, [setActiveTab, isOpen, togglePanel])
+
   // Shared condition for keyboard shortcut and button disabled state
-  const isWorkflowBlocked = isExecuting || isMultiRunning || isCancelling || hasValidationErrors
+  const isWorkflowBlocked = isExecuting || hasValidationErrors
 
   // Register keyboard shortcut for running workflow
   useKeyboardShortcuts(() => {
     if (!isWorkflowBlocked) {
-      if (isDebugModeEnabled) {
-        handleRunWorkflow()
-      } else {
-        handleMultipleRuns()
-      }
+      openConsolePanel()
+      handleRunWorkflow()
     }
   }, isWorkflowBlocked)
 
-  // Get the marketplace data from the workflow registry if available
-  const getMarketplaceData = () => {
-    if (!activeWorkflowId || !workflows[activeWorkflowId]) return null
-    return workflows[activeWorkflowId].marketplaceData
-  }
-
-  // Check if the current workflow is published to marketplace
-  const _isPublishedToMarketplace = () => {
-    const marketplaceData = getMarketplaceData()
-    return !!marketplaceData
-  }
-
   // // Check if the current user is the owner of the published workflow
   // const isWorkflowOwner = () => {
   //   const marketplaceData = getMarketplaceData()
@@ -340,7 +289,7 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
         }
       })
     }
-  }, [session?.user?.id, completedRuns, isRegistryLoading])
+  }, [session?.user?.id, isRegistryLoading])
 
   /**
    * Check user usage limits and cache results
@@ -383,31 +332,504 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
   }
 
   /**
-   * Workflow name handlers
+   * Handle deleting the current workflow
    */
-  const handleNameClick = () => {
-    if (!userPermissions.canEdit) return
-    setIsEditing(true)
-    setEditedName(activeWorkflowId ? workflows[activeWorkflowId]?.name || '' : '')
+  const handleDeleteWorkflow = () => {
+    if (!activeWorkflowId || !userPermissions.canEdit) return
+
+    const sidebarWorkflows = getSidebarOrderedWorkflows()
+    const currentIndex = sidebarWorkflows.findIndex((w) => w.id === activeWorkflowId)
+
+    // Find next workflow: try next, then previous
+    let nextWorkflowId: string | null = null
+    if (sidebarWorkflows.length > 1) {
+      if (currentIndex < sidebarWorkflows.length - 1) {
+        nextWorkflowId = sidebarWorkflows[currentIndex + 1].id
+      } else if (currentIndex > 0) {
+        nextWorkflowId = sidebarWorkflows[currentIndex - 1].id
+      }
+    }
+
+    // Navigate to next workflow or workspace home
+    if (nextWorkflowId) {
+      router.push(`/workspace/${workspaceId}/w/${nextWorkflowId}`)
+    } else {
+      router.push(`/workspace/${workspaceId}`)
+    }
+
+    // Remove the workflow from the registry
+    useWorkflowRegistry.getState().removeWorkflow(activeWorkflowId)
   }
 
-  const handleNameSubmit = () => {
-    if (!userPermissions.canEdit) return
-
-    if (editedName.trim() && activeWorkflowId) {
-      updateWorkflow(activeWorkflowId, { name: editedName.trim() })
+  // Helper function to open subscription settings
+  const openSubscriptionSettings = () => {
+    if (typeof window !== 'undefined') {
+      window.dispatchEvent(
+        new CustomEvent('open-settings', {
+          detail: { tab: 'subscription' },
+        })
+      )
     }
-    setIsEditing(false)
   }
 
-  const handleNameKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter') {
-      handleNameSubmit()
-    } else if (e.key === 'Escape') {
-      setIsEditing(false)
+  /**
+   * Handle duplicating the current workflow
+   */
+  const handleDuplicateWorkflow = async () => {
+    if (!activeWorkflowId || !userPermissions.canEdit) return
+
+    try {
+      const newWorkflow = await duplicateWorkflow(activeWorkflowId)
+      if (newWorkflow) {
+        router.push(`/workspace/${workspaceId}/w/${newWorkflow}`)
+      }
+    } catch (error) {
+      logger.error('Error duplicating workflow:', { error })
     }
   }
 
+  /**
+   * Render delete workflow button with confirmation dialog
+   */
+  const renderDeleteButton = () => {
+    const canEdit = userPermissions.canEdit
+    const hasMultipleWorkflows = Object.keys(workflows).length > 1
+    const isDisabled = !canEdit || !hasMultipleWorkflows
+
+    const getTooltipText = () => {
+      if (!canEdit) return 'Admin permission required to delete workflows'
+      if (!hasMultipleWorkflows) return 'Cannot delete the last workflow'
+      return 'Delete workflow'
+    }
+
+    if (isDisabled) {
+      return (
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <div className='inline-flex h-12 w-12 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-[11px] border bg-card font-medium text-card-foreground text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
+              <Trash2 className='h-5 w-5' />
+            </div>
+          </TooltipTrigger>
+          <TooltipContent>{getTooltipText()}</TooltipContent>
+        </Tooltip>
+      )
+    }
+
+    return (
+      <AlertDialog>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <AlertDialogTrigger asChild>
+              <Button
+                variant='outline'
+                className={cn(
+                  'h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs',
+                  'hover:border-red-500 hover:bg-red-500 hover:text-white',
+                  'transition-all duration-200'
+                )}
+              >
+                <Trash2 className='h-5 w-5' />
+                <span className='sr-only'>Delete Workflow</span>
+              </Button>
+            </AlertDialogTrigger>
+          </TooltipTrigger>
+          <TooltipContent>{getTooltipText()}</TooltipContent>
+        </Tooltip>
+
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Delete Workflow</AlertDialogTitle>
+            <AlertDialogDescription>
+              Are you sure you want to delete this workflow? This action cannot be undone.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleDeleteWorkflow}
+              className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
+            >
+              Delete
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    )
+  }
+
+  /**
+   * Render deploy button with tooltip
+   */
+  const renderDeployButton = () => (
+    <DeploymentControls
+      activeWorkflowId={activeWorkflowId}
+      needsRedeployment={changeDetected}
+      setNeedsRedeployment={setChangeDetected}
+      deployedState={deployedState}
+      isLoadingDeployedState={isLoadingDeployedState}
+      refetchDeployedState={fetchDeployedState}
+      userPermissions={userPermissions}
+    />
+  )
+
+  /**
+   * Render workflow duplicate button
+   */
+  const renderDuplicateButton = () => {
+    const canEdit = userPermissions.canEdit
+    const isDisabled = !canEdit || isDebugging
+
+    const getTooltipText = () => {
+      if (!canEdit) return 'Admin permission required to duplicate workflows'
+      if (isDebugging) return 'Cannot duplicate workflow while debugging'
+      return 'Duplicate workflow'
+    }
+
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          {isDisabled ? (
+            <div className='inline-flex h-12 w-12 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-[11px] border bg-card font-medium text-card-foreground text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
+              <Copy className='h-5 w-5' />
+            </div>
+          ) : (
+            <Button
+              variant='outline'
+              onClick={handleDuplicateWorkflow}
+              className='h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs hover:bg-secondary'
+            >
+              <Copy className='h-5 w-5' />
+              <span className='sr-only'>Duplicate Workflow</span>
+            </Button>
+          )}
+        </TooltipTrigger>
+        <TooltipContent>{getTooltipText()}</TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  /**
+   * Render auto-layout button
+   */
+  const renderAutoLayoutButton = () => {
+    const handleAutoLayoutClick = () => {
+      if (isExecuting || isDebugging || !userPermissions.canEdit) {
+        return
+      }
+
+      window.dispatchEvent(new CustomEvent('trigger-auto-layout'))
+    }
+
+    const canEdit = userPermissions.canEdit
+    const isDisabled = isExecuting || isDebugging || !canEdit
+
+    const getTooltipText = () => {
+      if (!canEdit) return 'Admin permission required to use auto-layout'
+      if (isDebugging) return 'Cannot auto-layout while debugging'
+      if (isExecuting) return 'Cannot auto-layout while workflow is running'
+      return 'Auto layout'
+    }
+
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          {isDisabled ? (
+            <div className='inline-flex h-12 w-12 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-[11px] border bg-card font-medium text-card-foreground text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
+              <Layers className='h-5 w-5' />
+            </div>
+          ) : (
+            <Button
+              variant='outline'
+              onClick={handleAutoLayoutClick}
+              className='h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs hover:bg-secondary'
+            >
+              <Layers className='h-5 w-5' />
+              <span className='sr-only'>Auto Layout</span>
+            </Button>
+          )}
+        </TooltipTrigger>
+        <TooltipContent command={`${isDebugging ? '' : 'Shift+L'}`}>
+          {getTooltipText()}
+        </TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  /**
+   * Handles debug mode toggle - starts or stops debugging
+   */
+  const handleDebugToggle = useCallback(() => {
+    if (!userPermissions.canRead) return
+
+    if (isDebugging) {
+      // Stop debugging
+      handleCancelDebug()
+    } else {
+      // Check if there are executable blocks before starting debug mode
+      const hasExecutableBlocks = Object.values(blocks).some(
+        (block) => block.type !== 'starter' && block.enabled !== false
+      )
+
+      if (!hasExecutableBlocks) {
+        return // Do nothing if no executable blocks
+      }
+
+      // Start debugging
+      if (!isDebugModeEnabled) {
+        toggleDebugMode()
+      }
+      if (usageExceeded) {
+        openSubscriptionSettings()
+      } else {
+        openConsolePanel()
+        handleRunWorkflow(undefined, true) // Start in debug mode
+      }
+    }
+  }, [
+    userPermissions.canRead,
+    isDebugging,
+    isDebugModeEnabled,
+    usageExceeded,
+    blocks,
+    handleCancelDebug,
+    toggleDebugMode,
+    handleRunWorkflow,
+    openConsolePanel,
+  ])
+
+  /**
+   * Render debug controls bar (replaces run button when debugging)
+   */
+  const renderDebugControlsBar = () => {
+    const pendingCount = pendingBlocks.length
+    const isControlDisabled = pendingCount === 0
+
+    const debugButtonClass = cn(
+      'h-12 w-12 rounded-[11px] font-medium',
+      'bg-[#701FFC] hover:bg-[#6518E6]',
+      'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
+      'text-white transition-all duration-200',
+      'disabled:opacity-50 disabled:hover:bg-[#701FFC] disabled:hover:shadow-none'
+    )
+
+    return (
+      <div className='flex items-center gap-1'>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              onClick={() => {
+                openConsolePanel()
+                handleStepDebug()
+              }}
+              className={debugButtonClass}
+              disabled={isControlDisabled}
+            >
+              <StepForward className='h-5 w-5' />
+              <span className='sr-only'>Step Forward</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>Step Forward</TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              onClick={() => {
+                openConsolePanel()
+                handleResumeDebug()
+              }}
+              className={debugButtonClass}
+              disabled={isControlDisabled}
+            >
+              <SkipForward className='h-5 w-5' />
+              <span className='sr-only'>Resume Until End</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>Resume Until End</TooltipContent>
+        </Tooltip>
+
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              onClick={() => {
+                handleCancelDebug()
+              }}
+              className={debugButtonClass}
+            >
+              <X className='h-5 w-5' />
+              <span className='sr-only'>Cancel Debugging</span>
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>Cancel Debugging</TooltipContent>
+        </Tooltip>
+      </div>
+    )
+  }
+
+  /**
+   * Render publish template button
+   */
+  const renderPublishButton = () => {
+    const canEdit = userPermissions.canEdit
+    const isDisabled = isExecuting || isDebugging || !canEdit
+
+    const getTooltipText = () => {
+      if (!canEdit) return 'Admin permission required to publish templates'
+      if (isDebugging) return 'Cannot publish template while debugging'
+      if (isExecuting) return 'Cannot publish template while workflow is running'
+      return 'Publish as template'
+    }
+
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          {isDisabled ? (
+            <div className='inline-flex h-12 w-12 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-[11px] border bg-card font-medium text-card-foreground text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
+              <Store className='h-5 w-5' />
+            </div>
+          ) : (
+            <Button
+              variant='outline'
+              onClick={() => setIsTemplateModalOpen(true)}
+              className='h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs hover:bg-secondary'
+            >
+              <Store className='h-5 w-5' />
+              <span className='sr-only'>Publish Template</span>
+            </Button>
+          )}
+        </TooltipTrigger>
+        <TooltipContent>{getTooltipText()}</TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  /**
+   * Render debug mode toggle button
+   */
+  const renderDebugModeToggle = () => {
+    const canDebug = userPermissions.canRead
+
+    // Check if there are any meaningful blocks in the workflow (excluding just the starter block)
+    const hasExecutableBlocks = Object.values(blocks).some(
+      (block) => block.type !== 'starter' && block.enabled !== false
+    )
+
+    const isDisabled = isExecuting || !canDebug || !hasExecutableBlocks
+
+    const getTooltipText = () => {
+      if (!canDebug) return 'Read permission required to use debug mode'
+      if (!hasExecutableBlocks) return 'Add blocks to enable debug mode'
+      return isDebugging ? 'Stop debugging' : 'Start debugging'
+    }
+
+    const buttonClass = cn(
+      'h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs hover:bg-secondary',
+      isDebugging && 'text-amber-500'
+    )
+
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          {isDisabled ? (
+            <div
+              className={cn(
+                'inline-flex h-12 w-12 cursor-not-allowed items-center justify-center',
+                'rounded-[11px] border bg-card text-card-foreground opacity-50',
+                'transition-colors [&_svg]:size-4 [&_svg]:shrink-0',
+                isDebugging && 'text-amber-500'
+              )}
+            >
+              <Bug className='h-5 w-5' />
+            </div>
+          ) : (
+            <Button variant='outline' onClick={handleDebugToggle} className={buttonClass}>
+              <Bug className='h-5 w-5' />
+              <span className='sr-only'>{getTooltipText()}</span>
+            </Button>
+          )}
+        </TooltipTrigger>
+        <TooltipContent>{getTooltipText()}</TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  /**
+   * Render run workflow button
+   */
+  const renderRunButton = () => {
+    const canRun = userPermissions.canRead // Running only requires read permissions
+    const isLoadingPermissions = userPermissions.isLoading
+    const isButtonDisabled = isWorkflowBlocked || (!canRun && !isLoadingPermissions)
+
+    const getTooltipContent = () => {
+      if (hasValidationErrors) {
+        return (
+          <div className='text-center'>
+            <p className='font-medium text-destructive'>Workflow Has Errors</p>
+            <p className='text-xs'>
+              Nested subflows are not supported. Remove subflow blocks from inside other subflow
+              blocks.
+            </p>
+          </div>
+        )
+      }
+
+      if (!canRun && !isLoadingPermissions) {
+        return 'Read permission required to run workflows'
+      }
+
+      if (usageExceeded) {
+        return (
+          <div className='text-center'>
+            <p className='font-medium text-destructive'>Usage Limit Exceeded</p>
+            <p className='text-xs'>
+              You've used {usageData?.currentUsage?.toFixed(2) || 0}$ of{' '}
+              {usageData?.limit?.toFixed(2) || 0}$ Upgrade your plan to continue.
+            </p>
+          </div>
+        )
+      }
+
+      return 'Run'
+    }
+
+    const handleRunClick = () => {
+      openConsolePanel()
+
+      if (usageExceeded) {
+        openSubscriptionSettings()
+      } else {
+        handleRunWorkflow()
+      }
+    }
+
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            className={cn(
+              'gap-2 font-medium',
+              'bg-[#701FFC] hover:bg-[#6518E6]',
+              'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
+              'text-white transition-all duration-200',
+              isExecuting &&
+                'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
+              'disabled:opacity-50 disabled:hover:bg-[#701FFC] disabled:hover:shadow-none',
+              'h-12 rounded-[11px] px-4 py-2'
+            )}
+            onClick={handleRunClick}
+            disabled={isButtonDisabled}
+          >
+            <Play className={cn('h-3.5 w-3.5', 'fill-current stroke-current')} />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent command={getKeyboardShortcutText('Enter', true)}>
+          {getTooltipContent()}
+        </TooltipContent>
+      </Tooltip>
+    )
+  }
+
   /**
    * Get workflows in the exact order they appear in the sidebar
    */
@@ -461,858 +883,82 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
   }
 
   /**
-   * Handle deleting the current workflow
+   * Render disconnection notice
    */
-  const handleDeleteWorkflow = () => {
-    if (!activeWorkflowId || !userPermissions.canAdmin) return
+  const renderDisconnectionNotice = () => {
+    if (!userPermissions.isOfflineMode) return null
 
-    const sidebarWorkflows = getSidebarOrderedWorkflows()
-    const currentIndex = sidebarWorkflows.findIndex((w) => w.id === activeWorkflowId)
-
-    // Find next workflow: try next, then previous
-    let nextWorkflowId: string | null = null
-    if (sidebarWorkflows.length > 1) {
-      if (currentIndex < sidebarWorkflows.length - 1) {
-        nextWorkflowId = sidebarWorkflows[currentIndex + 1].id
-      } else if (currentIndex > 0) {
-        nextWorkflowId = sidebarWorkflows[currentIndex - 1].id
-      }
+    const handleRefresh = () => {
+      window.location.reload()
     }
 
-    // Navigate to next workflow or workspace home
-    if (nextWorkflowId) {
-      router.push(`/workspace/${workspaceId}/w/${nextWorkflowId}`)
-    } else {
-      router.push(`/workspace/${workspaceId}`)
-    }
-
-    // Remove the workflow from the registry
-    useWorkflowRegistry.getState().removeWorkflow(activeWorkflowId)
-  }
-
-  // /**
-  //  * Handle opening marketplace modal or showing published status
-  //  */
-  // const handlePublishWorkflow = async () => {
-  //   if (!activeWorkflowId) return
-
-  //   // If already published, show marketplace modal with info instead of notifications
-  //   const isPublished = isPublishedToMarketplace()
-  //   if (isPublished) {
-  //     setIsMarketplaceModalOpen(true)
-  //     return
-  //   }
-
-  //   // If not published, open the modal to start the publishing process
-  //   setIsMarketplaceModalOpen(true)
-  // }
-
-  // Helper function to open subscription settings
-  const openSubscriptionSettings = () => {
-    if (typeof window !== 'undefined') {
-      window.dispatchEvent(
-        new CustomEvent('open-settings', {
-          detail: { tab: 'subscription' },
-        })
-      )
-    }
-  }
-
-  /**
-   * Handle running workflow multiple times
-   */
-  const handleMultipleRuns = async () => {
-    if (isExecuting || isMultiRunning || runCount <= 0) return
-
-    // Check if usage is exceeded before allowing execution
-    if (usageExceeded) {
-      openSubscriptionSettings()
-      return
-    }
-
-    // Switch panel tab to console
-    setActiveTab('console')
-
-    // Reset state and ref for a new batch of runs
-    setCompletedRuns(0)
-    setIsMultiRunning(true)
-    setIsCancelling(false)
-    cancelFlagRef.current = false
-    setShowRunProgress(runCount > 1)
-
-    let workflowError = null
-    let wasCancelled = false
-    let runCounter = 0
-    let shouldCheckUsage = false
-
-    try {
-      // Run the workflow multiple times sequentially
-      for (let i = 0; i < runCount; i++) {
-        // Check for cancellation before starting the next run using the ref
-        if (cancelFlagRef.current) {
-          logger.info('Multi-run cancellation requested by user.')
-          wasCancelled = true
-          break
-        }
-
-        // Run the workflow and immediately increment counter for visual feedback
-        await handleRunWorkflow()
-        runCounter = i + 1
-        setCompletedRuns(runCounter)
-
-        // Only check usage periodically to avoid excessive API calls
-        // Check on first run, every 5 runs, and on last run
-        shouldCheckUsage = i === 0 || (i + 1) % 5 === 0 || i === runCount - 1
-
-        // Check usage if needed
-        if (shouldCheckUsage && session?.user?.id) {
-          const usage = await checkUserUsage(session.user.id, i === 0)
-
-          if (usage?.isExceeded) {
-            setUsageExceeded(true)
-            setUsageData(usage)
-            // Stop execution if we've exceeded the limit during this batch
-            if (i < runCount - 1) {
-              addNotification(
-                'info',
-                `Usage limit reached after ${runCounter} runs. Execution stopped.`,
-                activeWorkflowId
-              )
-              break
-            }
-          }
-        }
-      }
-
-      // Update workflow stats only if the run wasn't cancelled and completed normally
-      if (!wasCancelled && activeWorkflowId) {
-        try {
-          // Don't block UI on stats update
-          fetch(`/api/workflows/${activeWorkflowId}/stats?runs=${runCounter}`, {
-            method: 'POST',
-          }).catch((error) => {
-            logger.error(`Failed to update workflow stats: ${error.message}`)
-          })
-        } catch (error) {
-          logger.error('Error updating workflow stats:', { error })
-        }
-      }
-    } catch (error) {
-      workflowError = error
-      logger.error('Error during multiple workflow runs:', { error })
-    } finally {
-      // Always immediately update UI state
-      setIsMultiRunning(false)
-
-      // Handle progress bar visibility
-      if (runCount > 1) {
-        // Keep progress visible briefly after completion
-        setTimeout(() => setShowRunProgress(false), 1000)
-      } else {
-        // Immediately hide progress for single runs
-        setShowRunProgress(false)
-      }
-
-      setIsCancelling(false)
-      cancelFlagRef.current = false
-
-      // Show notification after state is updated
-      if (wasCancelled) {
-        addNotification('info', 'Workflow run cancelled', activeWorkflowId)
-      } else if (workflowError) {
-        addNotification('error', 'Failed to complete all workflow runs', activeWorkflowId)
-      }
-    }
-  }
-
-  /**
-   * Handle duplicating the current workflow
-   */
-  const handleDuplicateWorkflow = async () => {
-    if (!activeWorkflowId || !userPermissions.canEdit) return
-
-    try {
-      const newWorkflow = await duplicateWorkflow(activeWorkflowId)
-      if (newWorkflow) {
-        router.push(`/workspace/${workspaceId}/w/${newWorkflow}`)
-      } else {
-        addNotification('error', 'Failed to duplicate workflow', activeWorkflowId)
-      }
-    } catch (error) {
-      logger.error('Error duplicating workflow:', { error })
-      addNotification('error', 'Failed to duplicate workflow', activeWorkflowId)
-    }
-  }
-
-  /**
-   * Render workflow name section (editable/non-editable)
-   */
-  const renderWorkflowName = () => {
-    const canEdit = userPermissions.canEdit
-
     return (
-      <div className='flex items-center'>
-        <div className='flex flex-col gap-[2px]'>
-          {isEditing ? (
-            <input
-              type='text'
-              value={editedName}
-              onChange={(e) => setEditedName(e.target.value)}
-              onBlur={handleNameSubmit}
-              onKeyDown={handleNameKeyDown}
-              className='w-[200px] border-none bg-transparent p-0 font-medium text-sm outline-none'
-            />
-          ) : (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <h2
-                  className={cn(
-                    'w-fit font-medium text-sm',
-                    canEdit ? 'cursor-pointer hover:text-muted-foreground' : 'cursor-default'
-                  )}
-                  onClick={canEdit ? handleNameClick : undefined}
-                >
-                  {activeWorkflowId ? workflows[activeWorkflowId]?.name : 'Workflow'}
-                </h2>
-              </TooltipTrigger>
-              {!canEdit && (
-                <TooltipContent>
-                  {userPermissions.isOfflineMode
-                    ? 'Connection lost - please refresh'
-                    : 'Edit permissions required to rename workflows'}
-                </TooltipContent>
-              )}
-            </Tooltip>
-          )}
-          {mounted && (
-            <p className='text-muted-foreground text-xs'>
-              Saved{' '}
-              {formatDistanceToNow(lastSaved || Date.now(), {
-                addSuffix: true,
-              })}
-            </p>
-          )}
-        </div>
+      <div className='flex h-12 items-center gap-2 rounded-[11px] border border-red-500 bg-red-500 px-3 text-white shadow-xs'>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <WifiOff className='h-[18px] w-[18px] cursor-help' />
+          </TooltipTrigger>
+          <TooltipContent className='mt-3'>Connection lost - refresh</TooltipContent>
+        </Tooltip>
+        <Button
+          variant='ghost'
+          size='sm'
+          onClick={handleRefresh}
+          className='h-8 bg-white px-2 text-red-500 hover:bg-red-50'
+        >
+          <RefreshCw className='h-3 w-3' />
+        </Button>
       </div>
     )
   }
 
   /**
-   * Render delete workflow button with confirmation dialog
+   * Render control bar toggle button
    */
-  const renderDeleteButton = () => {
-    const canAdmin = userPermissions.canAdmin
-    const hasMultipleWorkflows = Object.keys(workflows).length > 1
-    const isDisabled = !canAdmin || !hasMultipleWorkflows
-
-    const getTooltipText = () => {
-      if (!canAdmin) return 'Admin permission required to delete workflows'
-      if (!hasMultipleWorkflows) return 'Cannot delete the last workflow'
-      return 'Delete Workflow'
-    }
-
-    if (isDisabled) {
-      return (
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <div className='inline-flex h-10 w-10 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
-              <Trash2 className='h-5 w-5' />
-            </div>
-          </TooltipTrigger>
-          <TooltipContent>{getTooltipText()}</TooltipContent>
-        </Tooltip>
-      )
-    }
-
-    return (
-      <AlertDialog>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <AlertDialogTrigger asChild>
-              <Button variant='ghost' size='icon' className='hover:text-red-600'>
-                <Trash2 className='h-5 w-5' />
-                <span className='sr-only'>Delete Workflow</span>
-              </Button>
-            </AlertDialogTrigger>
-          </TooltipTrigger>
-          <TooltipContent>{getTooltipText()}</TooltipContent>
-        </Tooltip>
-
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>Delete Workflow</AlertDialogTitle>
-            <AlertDialogDescription>
-              Are you sure you want to delete this workflow? This action cannot be undone.
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={handleDeleteWorkflow}
-              className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
-            >
-              Delete
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-    )
-  }
-
-  /**
-   * Render deploy button with tooltip
-   */
-  const renderDeployButton = () => (
-    <DeploymentControls
-      activeWorkflowId={activeWorkflowId}
-      needsRedeployment={changeDetected}
-      setNeedsRedeployment={setChangeDetected}
-      deployedState={deployedState}
-      isLoadingDeployedState={isLoadingDeployedState}
-      refetchDeployedState={fetchDeployedState}
-      userPermissions={userPermissions}
-    />
-  )
-
-  /**
-   * Render history dropdown
-   */
-  const renderHistoryDropdown = () => (
-    <DropdownMenu open={historyOpen} onOpenChange={setHistoryOpen}>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <DropdownMenuTrigger asChild>
-            <Button variant='ghost' size='icon'>
-              <History />
-              <span className='sr-only'>Version History</span>
-            </Button>
-          </DropdownMenuTrigger>
-        </TooltipTrigger>
-        {!historyOpen && <TooltipContent>History</TooltipContent>}
-      </Tooltip>
-
-      {history.past.length === 0 && history.future.length === 0 ? (
-        <DropdownMenuContent align='end' className='w-40'>
-          <DropdownMenuItem className='text-muted-foreground text-sm'>
-            No history available
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      ) : (
-        <DropdownMenuContent align='end' className='max-h-[300px] w-60 overflow-y-auto'>
-          <>
-            {[...history.future].reverse().map((entry, index) => (
-              <HistoryDropdownItem
-                key={`future-${entry.timestamp}-${index}`}
-                action={entry.action}
-                timestamp={entry.timestamp}
-                onClick={() =>
-                  revertToHistoryState(
-                    history.past.length + 1 + (history.future.length - 1 - index)
-                  )
-                }
-                isFuture={true}
-              />
-            ))}
-            <HistoryDropdownItem
-              key={`current-${history.present.timestamp}`}
-              action={history.present.action}
-              timestamp={history.present.timestamp}
-              isCurrent={true}
-              onClick={() => {}}
-            />
-            {[...history.past].reverse().map((entry, index) => (
-              <HistoryDropdownItem
-                key={`past-${entry.timestamp}-${index}`}
-                action={entry.action}
-                timestamp={entry.timestamp}
-                onClick={() => revertToHistoryState(history.past.length - 1 - index)}
-              />
-            ))}
-          </>
-        </DropdownMenuContent>
-      )}
-    </DropdownMenu>
-  )
-
-  /**
-   * Render notifications dropdown
-   */
-  const renderNotificationsDropdown = () => {
-    const currentWorkflowNotifications = activeWorkflowId
-      ? notifications.filter((n) => n.workflowId === activeWorkflowId)
-      : []
-
-    return (
-      <DropdownMenu open={notificationsOpen} onOpenChange={setNotificationsOpen}>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <DropdownMenuTrigger asChild>
-              <Button variant='ghost' size='icon'>
-                <Bell />
-                <span className='sr-only'>Notifications</span>
-              </Button>
-            </DropdownMenuTrigger>
-          </TooltipTrigger>
-          {!notificationsOpen && <TooltipContent>Notifications</TooltipContent>}
-        </Tooltip>
-
-        {currentWorkflowNotifications.length === 0 ? (
-          <DropdownMenuContent align='end' className='w-40'>
-            <DropdownMenuItem className='text-muted-foreground text-sm'>
-              No new notifications
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        ) : (
-          <DropdownMenuContent align='end' className='max-h-[300px] w-60 overflow-y-auto'>
-            {[...currentWorkflowNotifications]
-              .sort((a, b) => b.timestamp - a.timestamp)
-              .map((notification) => (
-                <NotificationDropdownItem
-                  key={notification.id}
-                  id={notification.id}
-                  type={notification.type}
-                  message={notification.message}
-                  timestamp={notification.timestamp}
-                  options={notification.options}
-                  setDropdownOpen={setNotificationsOpen}
-                />
-              ))}
-          </DropdownMenuContent>
-        )}
-      </DropdownMenu>
-    )
-  }
-
-  /**
-   * Render publish button
-   */
-  // const renderPublishButton = () => {
-  //   const isPublished = isPublishedToMarketplace()
-
-  //   return (
-  //     <Tooltip>
-  //       <TooltipTrigger asChild>
-  //         <Button
-  //           variant="ghost"
-  //           size="icon"
-  //           onClick={handlePublishWorkflow}
-  //           disabled={isPublishing}
-  //           className={cn('hover:text-[#701FFC]', isPublished && 'text-[#701FFC]')}
-  //         >
-  //           {isPublishing ? (
-  //             <Loader2 className="h-5 w-5 animate-spin" />
-  //           ) : (
-  //             <Store className="h-5 w-5" />
-  //           )}
-  //           <span className="sr-only">Publish to Marketplace</span>
-  //         </Button>
-  //       </TooltipTrigger>
-  //       <TooltipContent>
-  //         {isPublishing
-  //           ? 'Publishing...'
-  //           : isPublished
-  //             ? 'Published to Marketplace'
-  //             : 'Publish to Marketplace'}
-  //       </TooltipContent>
-  //     </Tooltip>
-  //   )
-  // }
-
-  /**
-   * Render workflow duplicate button
-   */
-  const renderDuplicateButton = () => {
-    const canEdit = userPermissions.canEdit
-
+  const renderToggleButton = () => {
     return (
       <Tooltip>
         <TooltipTrigger asChild>
-          {canEdit ? (
-            <Button
-              variant='ghost'
-              size='icon'
-              onClick={handleDuplicateWorkflow}
-              className='hover:text-primary'
-            >
-              <Copy className='h-5 w-5' />
-              <span className='sr-only'>Duplicate Workflow</span>
-            </Button>
-          ) : (
-            <div className='inline-flex h-10 w-10 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
-              <Copy className='h-5 w-5' />
-            </div>
-          )}
-        </TooltipTrigger>
-        <TooltipContent>
-          {canEdit
-            ? 'Duplicate Workflow'
-            : userPermissions.isOfflineMode
-              ? 'Connection lost - please refresh'
-              : 'Admin permission required to duplicate workflows'}
-        </TooltipContent>
-      </Tooltip>
-    )
-  }
-
-  /**
-   * Render auto-layout button
-   */
-  const renderAutoLayoutButton = () => {
-    const handleAutoLayoutClick = () => {
-      if (isExecuting || isMultiRunning || isDebugging || !userPermissions.canEdit) {
-        return
-      }
-
-      window.dispatchEvent(new CustomEvent('trigger-auto-layout'))
-    }
-
-    const isDisabled = isExecuting || isMultiRunning || isDebugging || !userPermissions.canEdit
-
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>
-          {isDisabled ? (
-            <div className='inline-flex h-10 w-10 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
-              <Layers className='h-5 w-5' />
-            </div>
-          ) : (
-            <Button
-              variant='ghost'
-              size='icon'
-              onClick={handleAutoLayoutClick}
-              className='hover:text-primary'
-            >
-              <Layers className='h-5 w-5' />
-              <span className='sr-only'>Auto Layout</span>
-            </Button>
-          )}
-        </TooltipTrigger>
-        <TooltipContent command='Shift+L'>
-          {!userPermissions.canEdit
-            ? userPermissions.isOfflineMode
-              ? 'Connection lost - please refresh'
-              : 'Admin permission required to use auto-layout'
-            : 'Auto Layout'}
-        </TooltipContent>
-      </Tooltip>
-    )
-  }
-
-  /**
-   * Render debug mode controls
-   */
-  const renderDebugControls = () => {
-    if (!isDebugModeEnabled || !isDebugging) return null
-
-    const pendingCount = pendingBlocks.length
-
-    return (
-      <div className='ml-2 flex items-center gap-2 rounded-md bg-muted px-2 py-1'>
-        <div className='flex flex-col'>
-          <span className='text-muted-foreground text-xs'>Debug Mode</span>
-          <span className='font-medium text-xs'>
-            {pendingCount} block{pendingCount !== 1 ? 's' : ''} pending
-          </span>
-        </div>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button
-              variant='outline'
-              size='icon'
-              onClick={handleStepDebug}
-              className='h-8 w-8 bg-background'
-              disabled={pendingCount === 0}
-            >
-              <StepForward className='h-4 w-4' />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent>Step Forward</TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button
-              variant='outline'
-              size='icon'
-              onClick={handleResumeDebug}
-              className='h-8 w-8 bg-background'
-              disabled={pendingCount === 0}
-            >
-              <SkipForward className='h-4 w-4' />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent>Resume Until End</TooltipContent>
-        </Tooltip>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button
-              variant='outline'
-              size='icon'
-              onClick={handleCancelDebug}
-              className='h-8 w-8 bg-background'
-            >
-              <X className='h-4 w-4' />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent>Cancel Debugging</TooltipContent>
-        </Tooltip>
-      </div>
-    )
-  }
-
-  /**
-   * Render debug mode toggle button
-   */
-  const renderDebugModeToggle = () => {
-    const canDebug = userPermissions.canRead // Debug mode now requires only read permissions
-    const isDisabled = isExecuting || isMultiRunning || !canDebug
-
-    const handleToggleDebugMode = () => {
-      if (!canDebug) return
-
-      if (isDebugModeEnabled) {
-        if (!isExecuting) {
-          useExecutionStore.getState().setIsDebugging(false)
-          useExecutionStore.getState().setPendingBlocks([])
-        }
-      }
-      toggleDebugMode()
-    }
-
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>
-          {isDisabled ? (
-            <div
+          <Button
+            variant='outline'
+            onClick={() => setIsExpanded(!isExpanded)}
+            className='h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs hover:bg-secondary'
+          >
+            <ChevronLeft
               className={cn(
-                'inline-flex h-10 w-10 cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-                isDebugModeEnabled && 'text-amber-500'
+                'h-5 w-5 transition-transform duration-200',
+                isExpanded && 'rotate-180'
               )}
-            >
-              <Bug className='h-5 w-5' />
-            </div>
-          ) : (
-            <Button
-              variant='ghost'
-              size='icon'
-              onClick={handleToggleDebugMode}
-              className={cn(isDebugModeEnabled && 'text-amber-500')}
-            >
-              <Bug className='h-5 w-5' />
-              <span className='sr-only'>Toggle Debug Mode</span>
-            </Button>
-          )}
+            />
+            <span className='sr-only'>{isExpanded ? 'Collapse' : 'Expand'} Control Bar</span>
+          </Button>
         </TooltipTrigger>
-        <TooltipContent>
-          {!canDebug
-            ? 'Read permission required to use debug mode'
-            : isDebugModeEnabled
-              ? 'Disable Debug Mode'
-              : 'Enable Debug Mode'}
-        </TooltipContent>
+        <TooltipContent>{isExpanded ? 'Collapse' : 'Expand'} Control Bar</TooltipContent>
       </Tooltip>
     )
   }
 
-  /**
-   * Render run workflow button with multi-run dropdown and cancel button
-   */
-  const renderRunButton = () => {
-    const canRun = userPermissions.canRead // Running only requires read permissions
-    const isLoadingPermissions = userPermissions.isLoading
-    const isButtonDisabled = isWorkflowBlocked || (!canRun && !isLoadingPermissions)
-
-    return (
-      <div className='flex items-center'>
-        {showRunProgress && isMultiRunning && (
-          <div className='mr-3 w-28'>
-            <Progress value={(completedRuns / runCount) * 100} className='h-2 bg-muted' />
-            <p className='mt-1 text-center text-muted-foreground text-xs'>
-              {completedRuns}/{runCount} runs
-            </p>
-          </div>
-        )}
-
-        {/* Show how many blocks have been executed in debug mode if debugging */}
-        {isDebugging && (
-          <div className='mr-3 min-w-28 rounded bg-muted px-1 py-0.5'>
-            <div className='text-center text-muted-foreground text-xs'>
-              <span className='font-medium'>Debugging Mode</span>
-            </div>
-          </div>
-        )}
-
-        <div className='ml-1 flex'>
-          {/* Main Run/Debug Button */}
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <Button
-                className={cn(
-                  'gap-2 font-medium',
-                  'bg-[#701FFC] hover:bg-[#6518E6]',
-                  'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
-                  'text-white transition-all duration-200',
-                  (isExecuting || isMultiRunning) &&
-                    !isCancelling &&
-                    'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
-                  'disabled:opacity-50 disabled:hover:bg-[#701FFC] disabled:hover:shadow-none',
-                  isDebugModeEnabled || isMultiRunning
-                    ? 'h-10 rounded px-4 py-2'
-                    : 'h-10 rounded-r-none border-r border-r-[#6420cc] px-4 py-2'
-                )}
-                onClick={
-                  usageExceeded
-                    ? openSubscriptionSettings
-                    : isDebugModeEnabled
-                      ? handleRunWorkflow
-                      : handleMultipleRuns
-                }
-                disabled={isButtonDisabled}
-              >
-                {isCancelling ? (
-                  <Loader2 className='mr-1.5 h-3.5 w-3.5 animate-spin' />
-                ) : isDebugModeEnabled ? (
-                  <Bug className={cn('mr-1.5 h-3.5 w-3.5', 'fill-current stroke-current')} />
-                ) : (
-                  <Play className={cn('h-3.5 w-3.5', 'fill-current stroke-current')} />
-                )}
-                {isCancelling
-                  ? 'Cancelling...'
-                  : isMultiRunning
-                    ? `Running (${completedRuns}/${runCount})`
-                    : isExecuting
-                      ? isDebugging
-                        ? 'Debugging'
-                        : 'Running'
-                      : isDebugModeEnabled
-                        ? 'Debug'
-                        : runCount === 1
-                          ? 'Run'
-                          : `Run (${runCount})`}
-              </Button>
-            </TooltipTrigger>
-            <TooltipContent command={getKeyboardShortcutText('Enter', true)}>
-              {hasValidationErrors ? (
-                <div className='text-center'>
-                  <p className='font-medium text-destructive'>Workflow Has Errors</p>
-                  <p className='text-xs'>
-                    Nested subflows are not supported. Remove subflow blocks from inside other
-                    subflow blocks.
-                  </p>
-                </div>
-              ) : !canRun && !isLoadingPermissions ? (
-                'Read permission required to run workflows'
-              ) : usageExceeded ? (
-                <div className='text-center'>
-                  <p className='font-medium text-destructive'>Usage Limit Exceeded</p>
-                  <p className='text-xs'>
-                    You've used {usageData?.currentUsage.toFixed(2)}$ of {usageData?.limit}$.
-                    Upgrade your plan to continue.
-                  </p>
-                </div>
-              ) : !canRun && !isLoadingPermissions ? (
-                'Read permissions required to run workflows'
-              ) : (
-                <>
-                  {isDebugModeEnabled
-                    ? 'Debug Workflow'
-                    : runCount === 1
-                      ? 'Run Workflow'
-                      : `Run Workflow ${runCount} times`}
-                </>
-              )}
-            </TooltipContent>
-          </Tooltip>
-          {renderDebugControls()}
-
-          {/* Dropdown Trigger - Only show when not in debug mode and not multi-running */}
-          {!isDebugModeEnabled && !isMultiRunning && (
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  className={cn(
-                    'px-2 font-medium',
-                    'bg-[#701FFC] hover:bg-[#6518E6]',
-                    'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
-                    'text-white transition-all duration-200',
-                    (isExecuting || isMultiRunning) &&
-                      !isCancelling &&
-                      'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
-                    'disabled:opacity-50 disabled:hover:bg-[#701FFC] disabled:hover:shadow-none',
-                    'h-10 rounded-l-none'
-                  )}
-                  disabled={isButtonDisabled}
-                >
-                  <ChevronDown className='h-4 w-4' />
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align='end' className='w-20'>
-                {RUN_COUNT_OPTIONS.map((count) => (
-                  <DropdownMenuItem
-                    key={count}
-                    onClick={() => setRunCount(count)}
-                    className={cn('justify-center', runCount === count && 'bg-muted')}
-                  >
-                    {count}
-                  </DropdownMenuItem>
-                ))}
-              </DropdownMenuContent>
-            </DropdownMenu>
-          )}
-
-          {/* Cancel Button - Only show when multi-running */}
-          {isMultiRunning && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  variant='outline'
-                  size='icon'
-                  onClick={() => {
-                    cancelFlagRef.current = true
-                    setIsCancelling(true)
-                  }}
-                  disabled={isCancelling}
-                  className='ml-2 h-10 w-10'
-                >
-                  <X className='h-4 w-4' />
-                  <span className='sr-only'>Cancel Runs</span>
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent>Cancel Runs</TooltipContent>
-            </Tooltip>
-          )}
-        </div>
-      </div>
-    )
-  }
-
   return (
-    <div className='flex h-16 w-full items-center justify-between border-b bg-background'>
-      {/* Left Section - Workflow Info */}
-      <div className='pl-4'>{renderWorkflowName()}</div>
+    <div className='fixed top-4 right-4 z-20 flex items-center gap-1'>
+      {renderDisconnectionNotice()}
+      {renderToggleButton()}
+      {isExpanded && <ExportControls />}
+      {isExpanded && renderAutoLayoutButton()}
+      {isExpanded && renderDuplicateButton()}
+      {renderDeleteButton()}
+      {!isDebugging && renderDebugModeToggle()}
+      {renderPublishButton()}
+      {renderDeployButton()}
+      {isDebugging ? renderDebugControlsBar() : renderRunButton()}
 
-      {/* Middle Section - Connection Status */}
-      <div className='flex flex-1 justify-center'>
-        <UserAvatarStack />
-      </div>
-
-      {/* Right Section - Actions */}
-      <div className='flex items-center gap-1 pr-4'>
-        {renderDeleteButton()}
-        {renderHistoryDropdown()}
-        {renderNotificationsDropdown()}
-        {renderDuplicateButton()}
-        {renderAutoLayoutButton()}
-        {renderDebugModeToggle()}
-
-        <ExportControls disabled={!userPermissions.canRead} />
-        {/* <WorkflowTextEditorModal disabled={!userPermissions.canEdit} /> */}
-        {/* {renderPublishButton()} */}
-        {renderDeployButton()}
-        {renderRunButton()}
-
-        {/* Add the marketplace modal */}
-        <MarketplaceModal open={isMarketplaceModalOpen} onOpenChange={setIsMarketplaceModalOpen} />
-      </div>
+      {/* Template Modal */}
+      {activeWorkflowId && (
+        <TemplateModal
+          open={isTemplateModalOpen}
+          onOpenChange={setIsTemplateModalOpen}
+          workflowId={activeWorkflowId}
+        />
+      )}
     </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/notifications/notifications.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/notifications/notifications.tsx
deleted file mode 100644
index fd8e18cb0..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/notifications/notifications.tsx
+++ /dev/null
@@ -1,648 +0,0 @@
-// NOTE: API NOTIFICATIONS NO LONGER EXIST, BUT IF YOU DELETE THEM FROM THIS FILE THE APPLICATION WILL BREAK
-import { useEffect, useState } from 'react'
-import { Info, Rocket, Store, Terminal, X } from 'lucide-react'
-import { ErrorIcon } from '@/components/icons'
-import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog'
-import { Button } from '@/components/ui/button'
-import { CopyButton } from '@/components/ui/copy-button'
-import { createLogger } from '@/lib/logs/console-logger'
-import { cn } from '@/lib/utils'
-import { MAX_VISIBLE_NOTIFICATIONS, useNotificationStore } from '@/stores/notifications/store'
-import type { Notification } from '@/stores/notifications/types'
-import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
-import { useWorkflowStore } from '@/stores/workflows/workflow/store'
-
-const logger = createLogger('Notifications')
-
-// Constants
-const FADE_DURATION = 500 // Fade out over 500ms
-
-// Define keyframes for the animations in a style tag
-const AnimationStyles = () => (
-  <style jsx global>{`
-    @keyframes notification-slide {
-      0% {
-        opacity: 0;
-        transform: translateY(-100%);
-      }
-      100% {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-
-    @keyframes notification-fade-out {
-      0% {
-        opacity: 1;
-        transform: translateY(0);
-      }
-      100% {
-        opacity: 0;
-        transform: translateY(-10%);
-      }
-    }
-
-    @keyframes notification-slide-up {
-      0% {
-        transform: translateY(0);
-      }
-      100% {
-        transform: translateY(-100%);
-      }
-    }
-
-    .animate-notification-slide {
-      animation: notification-slide 300ms ease forwards;
-    }
-
-    .animate-notification-fade-out {
-      animation: notification-fade-out ${FADE_DURATION}ms ease forwards;
-    }
-
-    .animate-notification-slide-up {
-      animation: notification-slide-up 300ms ease forwards;
-    }
-
-    .notification-container {
-      transition:
-        height 300ms ease,
-        opacity 300ms ease,
-        transform 300ms ease;
-    }
-  `}</style>
-)
-
-// Icon mapping for notification types
-const NotificationIcon = {
-  error: ErrorIcon,
-  console: Terminal,
-  api: Rocket,
-  marketplace: Store,
-  info: Info,
-}
-
-// Color schemes for different notification types
-const NotificationColors = {
-  error:
-    'border-red-500 bg-red-50 text-destructive dark:border-border dark:text-foreground dark:bg-background',
-  console:
-    'border-border bg-background text-foreground dark:border-border dark:text-foreground dark:bg-background',
-  api: 'border-border bg-background text-foreground dark:border-border dark:text-foreground dark:bg-background',
-  marketplace:
-    'border-border bg-background text-foreground dark:border-border dark:text-foreground dark:bg-background',
-  info: 'border-border bg-background text-foreground dark:border-border dark:text-foreground dark:bg-background',
-}
-
-// API deployment status styling
-const ApiStatusStyles = {
-  active: 'text-green-600 bg-green-50 dark:bg-green-900/20 dark:text-green-400',
-  inactive: 'text-red-600 bg-red-50 dark:bg-red-900/20 dark:text-red-400',
-}
-
-/**
- * AlertDialog component for API deletion confirmation
- */
-function DeleteApiConfirmation({
-  isOpen,
-  onClose,
-  onConfirm,
-  workflowId,
-}: {
-  isOpen: boolean
-  onClose: () => void
-  onConfirm: () => void
-  workflowId: string | null
-}) {
-  return (
-    <AlertDialog open={isOpen} onOpenChange={onClose}>
-      <AlertDialogContent className='z-[100]'>
-        <AlertDialogHeader>
-          <AlertDialogTitle>Delete API Deployment</AlertDialogTitle>
-          <AlertDialogDescription>
-            Are you sure you want to delete this API deployment? This action cannot be undone.
-          </AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel>Cancel</AlertDialogCancel>
-          <AlertDialogAction
-            onClick={onConfirm}
-            className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
-          >
-            Delete
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
-  )
-}
-
-/**
- * NotificationList component displays all active notifications as alerts
- * with support for auto-dismissal, copying content, and different styling per type
- */
-export function NotificationList() {
-  // Store access
-  const {
-    notifications,
-    hideNotification,
-    markAsRead,
-    removeNotification,
-    setNotificationFading,
-    getVisibleNotificationCount,
-  } = useNotificationStore()
-  const { activeWorkflowId } = useWorkflowRegistry()
-
-  // Local state
-  const [removedIds, setRemovedIds] = useState<Set<string>>(new Set())
-  const [animatingIds, setAnimatingIds] = useState<Set<string>>(new Set())
-
-  // Filter to only show:
-  // 1. Visible notifications for the current workflow
-  // 2. That are either unread OR marked as persistent
-  // 3. And have not been marked for removal
-  const visibleNotifications = notifications.filter(
-    (n) =>
-      n.isVisible &&
-      n.workflowId === activeWorkflowId &&
-      (!n.read || n.options?.isPersistent) &&
-      !removedIds.has(n.id)
-  )
-
-  // Check if we're over the limit of visible notifications
-  const visibleCount = activeWorkflowId ? getVisibleNotificationCount(activeWorkflowId) : 0
-  const _isOverLimit = visibleCount > MAX_VISIBLE_NOTIFICATIONS
-
-  // Reset removedIds whenever a notification's visibility changes from false to true
-  useEffect(() => {
-    const newlyVisibleNotifications = notifications.filter(
-      (n) => n.isVisible && removedIds.has(n.id)
-    )
-
-    if (newlyVisibleNotifications.length > 0) {
-      setRemovedIds((prev) => {
-        const next = new Set(prev)
-        newlyVisibleNotifications.forEach((n) => next.delete(n.id))
-        return next
-      })
-    }
-  }, [notifications, removedIds])
-
-  // Handle fading notifications created by the store
-  useEffect(() => {
-    // This effect watches for notifications that are fading
-    // and handles the DOM removal after animation completes
-
-    const timers: Record<string, ReturnType<typeof setTimeout>> = {}
-
-    visibleNotifications.forEach((notification) => {
-      // For notifications that have started fading, set up cleanup timers
-      if (notification.isFading && !animatingIds.has(notification.id)) {
-        // Start slide up animation after fade animation
-        const slideTimer = setTimeout(() => {
-          setAnimatingIds((prev) => new Set([...prev, notification.id]))
-
-          // After slide animation, remove from DOM
-          setTimeout(() => {
-            hideNotification(notification.id)
-            markAsRead(notification.id)
-            setRemovedIds((prev) => new Set([...prev, notification.id]))
-
-            // Remove from animating set
-            setAnimatingIds((prev) => {
-              const next = new Set(prev)
-              next.delete(notification.id)
-              return next
-            })
-          }, 300)
-        }, FADE_DURATION)
-
-        timers[notification.id] = slideTimer
-      }
-    })
-
-    return () => {
-      Object.values(timers).forEach(clearTimeout)
-    }
-  }, [visibleNotifications, animatingIds, hideNotification, markAsRead])
-
-  // Early return if no notifications to show
-  if (visibleNotifications.length === 0) return null
-
-  return (
-    <>
-      <AnimationStyles />
-      <div
-        className='pointer-events-none absolute left-1/2 z-[60] w-full max-w-lg space-y-2'
-        style={{
-          top: '30px',
-          transform: 'translateX(-50%)',
-        }}
-      >
-        {visibleNotifications.map((notification) => (
-          <div
-            key={notification.id}
-            className={cn(
-              'notification-container',
-              animatingIds.has(notification.id) && 'animate-notification-slide-up'
-            )}
-          >
-            <NotificationAlert
-              notification={notification}
-              isFading={notification.isFading ?? false}
-              onHide={(id) => {
-                // For persistent notifications like API, just hide immediately without animations
-                if (notification.options?.isPersistent) {
-                  hideNotification(id)
-                  markAsRead(id)
-                  setRemovedIds((prev) => new Set([...prev, id]))
-                  return
-                }
-
-                // For regular notifications, use the animation sequence
-                // Start the fade out animation when manually closing
-                setNotificationFading(id)
-
-                // Start slide up animation after fade completes
-                setTimeout(() => {
-                  setAnimatingIds((prev) => new Set([...prev, id]))
-                }, FADE_DURATION)
-
-                // Remove from DOM after all animations complete
-                setTimeout(() => {
-                  hideNotification(id)
-                  markAsRead(id)
-                  setRemovedIds((prev) => new Set([...prev, id]))
-                  setAnimatingIds((prev) => {
-                    const next = new Set(prev)
-                    next.delete(id)
-                    return next
-                  })
-                }, FADE_DURATION + 300) // Fade + slide durations
-              }}
-            />
-          </div>
-        ))}
-      </div>
-    </>
-  )
-}
-
-/**
- * Individual notification alert component
- */
-interface NotificationAlertProps {
-  notification: Notification
-  isFading: boolean
-  onHide: (id: string) => void
-}
-
-export function NotificationAlert({ notification, isFading, onHide }: NotificationAlertProps) {
-  const { id, type, message, options, workflowId } = notification
-  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)
-  const [showApiKey, setShowApiKey] = useState(false)
-  const { setDeploymentStatus } = useWorkflowRegistry()
-
-  // Get deployment status from registry using notification's workflowId, not activeWorkflowId
-  const deploymentStatus = useWorkflowRegistry((state) =>
-    state.getWorkflowDeploymentStatus(workflowId || null)
-  )
-  const isDeployed = deploymentStatus?.isDeployed || false
-
-  // Create a function to clear the redeployment flag and update deployment status
-  const updateDeploymentStatus = (isDeployed: boolean, deployedAt?: Date) => {
-    // Update deployment status in workflow store
-    setDeploymentStatus(workflowId || null, isDeployed, deployedAt)
-
-    // Manually update the needsRedeployment flag in workflow store
-    useWorkflowStore.getState().setNeedsRedeploymentFlag(false)
-  }
-
-  const Icon = NotificationIcon[type]
-
-  const handleDeleteApi = async () => {
-    if (!workflowId) return
-
-    try {
-      const response = await fetch(`/api/workflows/${workflowId}/deploy`, {
-        method: 'DELETE',
-      })
-
-      if (!response.ok) throw new Error('Failed to delete API deployment')
-
-      // Update deployment status in the store
-      updateDeploymentStatus(false)
-
-      // Close the notification
-      onHide(id)
-
-      // Close the dialog
-      setIsDeleteDialogOpen(false)
-    } catch (error) {
-      logger.error('Error deleting API deployment:', { error })
-    }
-  }
-
-  // Function to mask API key with asterisks but keep first and last 4 chars visible
-  const maskApiKey = (key: string) => {
-    if (!key || key.includes('No API key found')) return key
-    if (key.length <= 8) return key
-    return `${key.substring(0, 4)}${'*'.repeat(key.length - 8)}${key.substring(key.length - 4)}`
-  }
-
-  // Modify the curl command to use a placeholder for the API key
-  const formatCurlCommand = (command: string, apiKey: string) => {
-    if (!command.includes('curl')) return command
-
-    // Replace the actual API key with a placeholder in the command
-    const sanitizedCommand = command.replace(apiKey, 'SIM_API_KEY')
-
-    // Format the command with line breaks for better readability
-    return sanitizedCommand
-      .replace(' -H ', '\n  -H ')
-      .replace(' -d ', '\n  -d ')
-      .replace(' http', '\n  http')
-  }
-
-  return (
-    <>
-      <Alert
-        className={cn(
-          'pointer-events-auto translate-y-[-100%] opacity-0 transition-all duration-300 ease-in-out',
-          isFading
-            ? 'pointer-events-none animate-notification-fade-out'
-            : 'animate-notification-slide',
-          NotificationColors[type]
-        )}
-      >
-        {type === 'api' ? (
-          // Special layout for API notifications with equal spacing
-          <div className='relative flex items-start py-1'>
-            {/* Left icon */}
-            <div className='mt-0.5 flex-shrink-0'>
-              <Icon className='!text-[#802FFF] h-4 w-4' />
-            </div>
-
-            {/* Content area with equal margins */}
-            <div className='mx-4 flex-1 space-y-2 pt-[3.5px] pr-4'>
-              <AlertTitle className='-mt-0.5'>
-                <span>API</span>
-              </AlertTitle>
-
-              <AlertDescription className='space-y-4'>
-                <p>{!isDeployed ? 'Workflow currently not deployed' : message}</p>
-
-                {/* Optional sections with copyable content */}
-                {options?.sections?.map((section, index) => {
-                  // Get the API key from the sections to use in curl command formatting
-                  const apiKey =
-                    options.sections?.find((s) => s.label === 'x-api-key')?.content || ''
-
-                  return (
-                    <div key={index} className='space-y-1.5'>
-                      <div className='font-medium text-muted-foreground text-xs'>
-                        {section.label}
-                      </div>
-
-                      {/* Copyable code block */}
-                      <div className='group relative rounded-md border bg-muted/50 transition-colors hover:bg-muted/80'>
-                        {section.label === 'x-api-key' ? (
-                          <>
-                            <pre
-                              className='cursor-pointer overflow-x-auto whitespace-pre-wrap p-3 font-mono text-xs'
-                              onClick={() => setShowApiKey(!showApiKey)}
-                              title={
-                                showApiKey ? 'Click to hide API Key' : 'Click to reveal API Key'
-                              }
-                            >
-                              {showApiKey ? section.content : maskApiKey(section.content)}
-                            </pre>
-                            <div className='overflow-x-auto whitespace-pre-wrap font-mono text-xs'>
-                              <CopyButton text={section.content} showLabel={false} />
-                            </div>
-                          </>
-                        ) : section.label === 'Example curl command' ? (
-                          <>
-                            <pre className='overflow-x-auto whitespace-pre-wrap p-3 font-mono text-xs'>
-                              {formatCurlCommand(section.content, apiKey)}
-                            </pre>
-                            <CopyButton text={section.content} showLabel={false} />
-                          </>
-                        ) : (
-                          <>
-                            <pre className='overflow-x-auto whitespace-pre-wrap p-3 font-mono text-xs'>
-                              {section.content}
-                            </pre>
-                            <CopyButton text={section.content} showLabel={false} />
-                          </>
-                        )}
-                      </div>
-                    </div>
-                  )
-                })}
-
-                {/* Status and Delete button row - with pulsing green indicator */}
-                <div className='flex items-center justify-between'>
-                  <div className='flex items-center gap-2'>
-                    <span className='font-medium text-muted-foreground text-xs'>Status:</span>
-                    <div className='flex items-center gap-1.5'>
-                      <div className='relative flex items-center justify-center'>
-                        {isDeployed ? (
-                          options?.needsRedeployment ? (
-                            <>
-                              <div className='absolute h-3 w-3 animate-ping rounded-full bg-amber-500/20' />
-                              <div className='relative h-2 w-2 rounded-full bg-amber-500' />
-                            </>
-                          ) : (
-                            <>
-                              <div className='absolute h-3 w-3 animate-ping rounded-full bg-green-500/20' />
-                              <div className='relative h-2 w-2 rounded-full bg-green-500' />
-                            </>
-                          )
-                        ) : (
-                          <>
-                            <div className='absolute h-3 w-3 animate-ping rounded-full bg-red-500/20' />
-                            <div className='relative h-2 w-2 rounded-full bg-red-500' />
-                          </>
-                        )}
-                      </div>
-                      <span
-                        className={cn(
-                          'font-medium text-xs',
-                          isDeployed
-                            ? options?.needsRedeployment
-                              ? 'bg-amber-50 text-amber-600 dark:bg-amber-900/20 dark:text-amber-400'
-                              : ApiStatusStyles.active
-                            : ApiStatusStyles.inactive
-                        )}
-                      >
-                        {isDeployed
-                          ? options?.needsRedeployment
-                            ? 'Changes Detected'
-                            : 'Active'
-                          : 'Inactive'}
-                      </span>
-                    </div>
-                  </div>
-                  <div className='flex gap-2'>
-                    {options?.needsRedeployment && (
-                      <Button
-                        variant='ghost'
-                        size='sm'
-                        className='h-7 px-2.5 font-medium text-muted-foreground text-xs hover:bg-amber-50 hover:text-amber-600 dark:hover:bg-amber-900/20 dark:hover:text-amber-400'
-                        onClick={async () => {
-                          if (!workflowId) return
-
-                          try {
-                            // Call the deploy endpoint to redeploy the workflow
-                            const response = await fetch(`/api/workflows/${workflowId}/deploy`, {
-                              method: 'POST',
-                            })
-
-                            if (!response.ok) throw new Error('Failed to redeploy workflow')
-
-                            // Get the response data
-                            const data = await response.json()
-
-                            // Update deployment status in the store (resets needsRedeployment flag)
-                            updateDeploymentStatus(
-                              data.isDeployed,
-                              data.deployedAt ? new Date(data.deployedAt) : undefined
-                            )
-
-                            // First close this notification
-                            onHide(id)
-
-                            // Show a temporary success notification without creating another API notification
-                            useNotificationStore
-                              .getState()
-                              .addNotification(
-                                'info',
-                                'Workflow successfully redeployed',
-                                workflowId,
-                                { isPersistent: false }
-                              )
-                          } catch (error) {
-                            logger.error('Error redeploying workflow:', { error })
-                          }
-                        }}
-                      >
-                        Redeploy
-                      </Button>
-                    )}
-                    {isDeployed && (
-                      <Button
-                        variant='ghost'
-                        size='sm'
-                        className='h-7 px-2.5 font-medium text-muted-foreground text-xs hover:bg-destructive/10 hover:text-destructive'
-                        onClick={() => setIsDeleteDialogOpen(true)}
-                      >
-                        Delete
-                      </Button>
-                    )}
-                  </div>
-                </div>
-              </AlertDescription>
-            </div>
-
-            {/* Absolute positioned close button in the top right */}
-            {options?.isPersistent && (
-              <div className='absolute top-0.5 right-1'>
-                <Button
-                  variant='ghost'
-                  size='sm'
-                  className='h-6 w-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground'
-                  onClick={() => onHide(id)}
-                >
-                  <X className='h-4 w-4' />
-                  <span className='sr-only'>Close</span>
-                </Button>
-              </div>
-            )}
-          </div>
-        ) : (
-          // Original layout for error, console and marketplace notifications
-          <div className='flex items-start gap-4 py-1'>
-            {/* Icon with proper vertical alignment */}
-            <div className='mt-0.5 flex-shrink-0'>
-              <Icon
-                className={cn('h-4 w-4', {
-                  '!text-red-500 mt-[-3px]': type === 'error',
-                  'mt-[-4px] text-foreground': type === 'console' || type === 'info',
-                  'text-foreground': type === 'marketplace',
-                })}
-              />
-            </div>
-
-            {/* Content area with right margin for balance */}
-            <div className='mr-4 flex-1 space-y-2'>
-              <AlertTitle className='-mt-0.5 flex items-center justify-between'>
-                <span>
-                  {type === 'error'
-                    ? 'Error'
-                    : type === 'marketplace'
-                      ? 'Marketplace'
-                      : type === 'info'
-                        ? 'Info'
-                        : 'Console'}
-                </span>
-
-                {/* Close button for persistent notifications */}
-                {options?.isPersistent && (
-                  <Button
-                    variant='ghost'
-                    size='sm'
-                    className='h-6 w-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground'
-                    onClick={() => onHide(id)}
-                  >
-                    <X className='h-4 w-4' />
-                    <span className='sr-only'>Close</span>
-                  </Button>
-                )}
-              </AlertTitle>
-
-              <AlertDescription className='space-y-4'>
-                {/* Message with auto-expanding and max height */}
-                <p className='max-h-[300px] overflow-hidden whitespace-normal break-words break-all'>
-                  {message}
-                </p>
-
-                {/* Optional sections with copyable content */}
-                {options?.sections?.map((section, index) => (
-                  <div key={index} className='space-y-1.5'>
-                    <div className='font-medium text-muted-foreground text-xs'>{section.label}</div>
-
-                    {/* Copyable code block with max height */}
-                    <div className='group relative rounded-md border bg-muted/50 transition-colors hover:bg-muted/80'>
-                      <pre className='max-h-[300px] overflow-x-auto whitespace-pre-wrap p-3 font-mono text-xs'>
-                        {section.content}
-                      </pre>
-                      <CopyButton text={section.content} />
-                    </div>
-                  </div>
-                ))}
-              </AlertDescription>
-            </div>
-          </div>
-        )}
-      </Alert>
-
-      {/* Delete API confirmation dialog */}
-      <DeleteApiConfirmation
-        isOpen={isDeleteDialogOpen}
-        onClose={() => setIsDeleteDialogOpen(false)}
-        onConfirm={handleDeleteApi}
-        workflowId={workflowId}
-      />
-    </>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/chat.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/chat.tsx
index 3beedb3b8..ac61bb9ae 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/chat.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/chat.tsx
@@ -315,7 +315,7 @@ export function Chat({ panelWidth, chatMessage, setChatMessage }: ChatProps) {
   return (
     <div className='flex h-full flex-col'>
       {/* Output Source Dropdown */}
-      <div className='flex-none border-b px-4 py-2'>
+      <div className='flex-none py-2'>
         <OutputSelect
           workflowId={activeWorkflowId}
           selectedOutputs={selectedOutputs}
@@ -329,38 +329,38 @@ export function Chat({ panelWidth, chatMessage, setChatMessage }: ChatProps) {
       <div className='flex flex-1 flex-col overflow-hidden'>
         {/* Chat messages section - Scrollable area */}
         <div className='flex-1 overflow-hidden'>
-          <ScrollArea className='h-full'>
-            <div>
-              {workflowMessages.length === 0 ? (
-                <div className='flex h-32 items-center justify-center text-muted-foreground text-sm'>
-                  No messages yet
-                </div>
-              ) : (
-                workflowMessages.map((message) => (
-                  <ChatMessage key={message.id} message={message} containerWidth={panelWidth} />
-                ))
-              )}
-              <div ref={messagesEndRef} />
+          {workflowMessages.length === 0 ? (
+            <div className='flex h-full items-center justify-center text-muted-foreground text-sm'>
+              No messages yet
             </div>
-          </ScrollArea>
+          ) : (
+            <ScrollArea className='h-full pb-2' hideScrollbar={true}>
+              <div>
+                {workflowMessages.map((message) => (
+                  <ChatMessage key={message.id} message={message} />
+                ))}
+                <div ref={messagesEndRef} />
+              </div>
+            </ScrollArea>
+          )}
         </div>
 
         {/* Input section - Fixed height */}
-        <div className='-mt-[1px] relative flex-none border-t bg-background px-4 pt-4 pb-4'>
+        <div className='-mt-[1px] relative flex-nonept-3 pb-4'>
           <div className='flex gap-2'>
             <Input
               value={chatMessage}
               onChange={(e) => setChatMessage(e.target.value)}
               onKeyDown={handleKeyPress}
               placeholder='Type a message...'
-              className='h-10 flex-1 focus-visible:ring-0 focus-visible:ring-offset-0'
+              className='h-9 flex-1 rounded-lg border-[#E5E5E5] bg-[#FFFFFF] text-muted-foreground shadow-xs focus-visible:ring-0 focus-visible:ring-offset-0 dark:border-[#414141] dark:bg-[#202020]'
               disabled={!activeWorkflowId || isExecuting}
             />
             <Button
               onClick={handleSendMessage}
               size='icon'
               disabled={!chatMessage.trim() || !activeWorkflowId || isExecuting}
-              className='h-10 w-10 bg-[#802FFF] text-white hover:bg-[#7028E6]'
+              className='h-9 w-9 rounded-lg bg-[#802FFF] text-white shadow-[0_0_0_0_#802FFF] transition-all duration-200 hover:bg-[#7028E6] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
             >
               <ArrowUp className='h-4 w-4' />
             </Button>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-message/chat-message.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-message/chat-message.tsx
index c2abb318b..2709da199 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-message/chat-message.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-message/chat-message.tsx
@@ -1,7 +1,4 @@
 import { useMemo } from 'react'
-import { formatDistanceToNow } from 'date-fns'
-import { Clock } from 'lucide-react'
-import { JSONView } from '../../../console/components/json-view/json-view'
 
 interface ChatMessageProps {
   message: {
@@ -11,7 +8,6 @@ interface ChatMessageProps {
     type: 'user' | 'workflow'
     isStreaming?: boolean
   }
-  containerWidth: number
 }
 
 // Maximum character length for a word before it's broken up
@@ -49,57 +45,42 @@ const WordWrap = ({ text }: { text: string }) => {
   )
 }
 
-export function ChatMessage({ message, containerWidth }: ChatMessageProps) {
-  const messageDate = useMemo(() => new Date(message.timestamp), [message.timestamp])
-
-  const relativeTime = useMemo(() => {
-    return formatDistanceToNow(messageDate, { addSuffix: true })
-  }, [messageDate])
-
-  // Check if content is a JSON object
-  const isJsonObject = useMemo(() => {
-    return typeof message.content === 'object' && message.content !== null
+export function ChatMessage({ message }: ChatMessageProps) {
+  // Format message content as text
+  const formattedContent = useMemo(() => {
+    if (typeof message.content === 'object' && message.content !== null) {
+      return JSON.stringify(message.content, null, 2)
+    }
+    return String(message.content || '')
   }, [message.content])
 
-  // Format message content based on type
-  const formattedContent = useMemo(() => {
-    if (isJsonObject) {
-      return JSON.stringify(message.content) // Return stringified version for type safety
-    }
-
-    return String(message.content || '')
-  }, [message.content, isJsonObject])
-
-  return (
-    <div className='w-full space-y-4 border-border border-b p-4 transition-colors hover:bg-accent/50'>
-      {/* Header with time on left and message type on right */}
-      <div className='flex items-center justify-between'>
-        <div className='flex items-center gap-2 text-sm'>
-          <Clock className='h-4 w-4 text-muted-foreground' />
-          <span className='text-muted-foreground'>{relativeTime}</span>
-        </div>
-        <div className='flex items-center gap-2 text-sm'>
-          {message.type !== 'user' && <span className='text-muted-foreground'>Workflow</span>}
-          {message.isStreaming && (
-            <span className='ml-2 animate-pulse text-primary' title='Streaming'>
-              •••
-            </span>
-          )}
+  // Render human messages as chat bubbles
+  if (message.type === 'user') {
+    return (
+      <div className='w-full py-2'>
+        <div className='flex justify-end'>
+          <div className='max-w-[80%]'>
+            <div className='rounded-[10px] bg-secondary px-3 py-2'>
+              <div className='whitespace-pre-wrap break-words font-normal text-foreground text-sm leading-normal'>
+                <WordWrap text={formattedContent} />
+              </div>
+            </div>
+          </div>
         </div>
       </div>
+    )
+  }
 
-      {/* Message content with proper word wrapping */}
-      <div className='overflow-wrap-anywhere relative flex-1 whitespace-normal break-normal font-mono text-sm'>
-        {isJsonObject ? (
-          <JSONView data={message.content} initiallyExpanded={false} />
-        ) : (
-          <div className='whitespace-pre-wrap break-words text-foreground'>
-            <WordWrap text={formattedContent} />
-            {message.isStreaming && (
-              <span className='ml-1 inline-block h-4 w-2 animate-pulse bg-primary' />
-            )}
-          </div>
-        )}
+  // Render agent/workflow messages as full-width text
+  return (
+    <div className='w-full py-2 pl-[2px]'>
+      <div className='overflow-wrap-anywhere relative whitespace-normal break-normal font-normal text-sm leading-normal'>
+        <div className='whitespace-pre-wrap break-words text-foreground'>
+          <WordWrap text={formattedContent} />
+          {message.isStreaming && (
+            <span className='ml-1 inline-block h-4 w-2 animate-pulse bg-primary' />
+          )}
+        </div>
       </div>
     </div>
   )
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-modal/chat-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-modal/chat-modal.tsx
index f0b8d9498..c29b30882 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-modal/chat-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/chat-modal/chat-modal.tsx
@@ -31,7 +31,7 @@ function ModalChatMessage({ message }: ChatMessageProps) {
             <div className='max-w-[80%] rounded-3xl bg-[#F4F4F4] px-4 py-3 shadow-sm dark:bg-primary/10'>
               <div className='whitespace-pre-wrap break-words text-[#0D0D0D] text-base leading-relaxed dark:text-white'>
                 {isJsonObject ? (
-                  <JSONView data={message.content} initiallyExpanded={false} />
+                  <JSONView data={message.content} />
                 ) : (
                   <span>{message.content}</span>
                 )}
@@ -50,11 +50,7 @@ function ModalChatMessage({ message }: ChatMessageProps) {
         <div className='flex'>
           <div className='max-w-[80%]'>
             <div className='whitespace-pre-wrap break-words text-base leading-relaxed'>
-              {isJsonObject ? (
-                <JSONView data={message.content} initiallyExpanded={false} />
-              ) : (
-                <span>{message.content}</span>
-              )}
+              {isJsonObject ? <JSONView data={message.content} /> : <span>{message.content}</span>}
             </div>
           </div>
         </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/output-select/output-select.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/output-select/output-select.tsx
index a4768fd70..d1f8d75de 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/output-select/output-select.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/chat/components/output-select/output-select.tsx
@@ -1,6 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { Check, ChevronDown } from 'lucide-react'
-import { Button } from '@/components/ui/button'
 import { extractFieldsFromSchema, parseResponseFormatSafely } from '@/lib/response-format'
 import { cn } from '@/lib/utils'
 import { getBlock } from '@/blocks'
@@ -289,19 +288,19 @@ export function OutputSelect({
   }
 
   return (
-    <div className='relative' ref={dropdownRef}>
+    <div className='relative w-full' ref={dropdownRef}>
       <button
         type='button'
         onClick={() => setIsOutputDropdownOpen(!isOutputDropdownOpen)}
-        className={`flex w-full items-center justify-between rounded-md px-3 py-1.5 text-sm transition-colors ${
+        className={`flex h-9 w-full items-center justify-between rounded-[8px] border px-3 py-1.5 font-normal text-sm shadow-xs transition-colors ${
           isOutputDropdownOpen
-            ? 'bg-accent text-foreground'
-            : 'text-muted-foreground hover:bg-accent/50 hover:text-foreground'
+            ? 'border-[#E5E5E5] bg-[#FFFFFF] text-muted-foreground dark:border-[#414141] dark:bg-[#202020]'
+            : 'border-[#E5E5E5] bg-[#FFFFFF] text-muted-foreground hover:text-muted-foreground dark:border-[#414141] dark:bg-[#202020]'
         }`}
         disabled={workflowOutputs.length === 0 || disabled}
       >
         {selectedOutputInfo ? (
-          <div className='flex w-[calc(100%-24px)] items-center gap-2 overflow-hidden'>
+          <div className='flex w-[calc(100%-24px)] items-center gap-2 overflow-hidden text-left'>
             <div
               className='flex h-5 w-5 flex-shrink-0 items-center justify-center rounded'
               style={{
@@ -315,10 +314,12 @@ export function OutputSelect({
                 {selectedOutputInfo.blockName.charAt(0).toUpperCase()}
               </span>
             </div>
-            <span className='truncate'>{selectedOutputsDisplayText}</span>
+            <span className='truncate text-left'>{selectedOutputsDisplayText}</span>
           </div>
         ) : (
-          <span className='w-[calc(100%-24px)] truncate'>{selectedOutputsDisplayText}</span>
+          <span className='w-[calc(100%-24px)] truncate text-left'>
+            {selectedOutputsDisplayText}
+          </span>
         )}
         <ChevronDown
           className={`ml-1 h-4 w-4 flex-shrink-0 transition-transform ${
@@ -328,11 +329,11 @@ export function OutputSelect({
       </button>
 
       {isOutputDropdownOpen && workflowOutputs.length > 0 && (
-        <div className='absolute z-50 mt-1 w-full overflow-hidden rounded-md border bg-popover pt-1 shadow-md'>
-          <div className='max-h-[240px] overflow-y-auto'>
+        <div className='absolute left-0 z-50 mt-1 w-full overflow-hidden rounded-[8px] border border-[#E5E5E5] bg-[#FFFFFF] pt-1 shadow-xs dark:border-[#414141] dark:bg-[#202020]'>
+          <div className='max-h-[230px] overflow-y-auto'>
             {Object.entries(groupedOutputs).map(([blockName, outputs]) => (
               <div key={blockName}>
-                <div className='border-t px-2 pt-1.5 pb-0.5 font-medium text-muted-foreground text-xs first:border-t-0'>
+                <div className='border-[#E5E5E5] border-t px-3 pt-1.5 pb-0.5 font-normal text-muted-foreground text-xs first:border-t-0 dark:border-[#414141]'>
                   {blockName}
                 </div>
                 <div>
@@ -342,20 +343,11 @@ export function OutputSelect({
                       key={output.id}
                       onClick={() => handleOutputSelection(output.id)}
                       className={cn(
-                        'flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm',
+                        'flex w-full items-center gap-2 px-3 py-1.5 text-left font-normal text-sm',
                         'hover:bg-accent hover:text-accent-foreground',
                         'focus:bg-accent focus:text-accent-foreground focus:outline-none'
                       )}
                     >
-                      <div className='flex h-5 w-5 flex-shrink-0 items-center justify-center'>
-                        {selectedOutputs.includes(output.id) ? (
-                          <div className='flex h-4 w-4 items-center justify-center rounded bg-primary'>
-                            <Check className='h-3 w-3 text-white' />
-                          </div>
-                        ) : (
-                          <div className='h-4 w-4 rounded border border-input' />
-                        )}
-                      </div>
                       <div
                         className='flex h-5 w-5 flex-shrink-0 items-center justify-center rounded'
                         style={{
@@ -366,25 +358,16 @@ export function OutputSelect({
                           {blockName.charAt(0).toUpperCase()}
                         </span>
                       </div>
-                      <span className='max-w-[calc(100%-48px)] truncate'>{output.path}</span>
+                      <span className='flex-1 truncate'>{output.path}</span>
+                      {selectedOutputs.includes(output.id) && (
+                        <Check className='h-4 w-4 flex-shrink-0 text-primary' />
+                      )}
                     </button>
                   ))}
                 </div>
               </div>
             ))}
           </div>
-
-          {/* Done button to close dropdown */}
-          <div className='border-t p-2'>
-            <Button
-              variant='secondary'
-              size='sm'
-              onClick={() => setIsOutputDropdownOpen(false)}
-              className='w-full bg-secondary/80 text-secondary-foreground hover:bg-secondary/90'
-            >
-              Done
-            </Button>
-          </div>
         </div>
       )}
     </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/audio-player/audio-player.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/audio-player/audio-player.tsx
deleted file mode 100644
index e5a4380a8..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/audio-player/audio-player.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-'use client'
-
-import { useEffect, useRef, useState } from 'react'
-import { Download, Pause, Play } from 'lucide-react'
-import { createLogger } from '@/lib/logs/console-logger'
-
-const logger = createLogger('AudioPlayer')
-
-interface AudioPlayerProps {
-  audioUrl: string
-}
-
-export function AudioPlayer({ audioUrl }: AudioPlayerProps) {
-  const [isPlaying, setIsPlaying] = useState(false)
-  const [progress, setProgress] = useState(0)
-  const audioRef = useRef<HTMLAudioElement | null>(null)
-
-  useEffect(() => {
-    if (!audioRef.current) {
-      audioRef.current = new Audio(audioUrl)
-
-      audioRef.current.addEventListener('ended', () => setIsPlaying(false))
-      audioRef.current.addEventListener('pause', () => setIsPlaying(false))
-      audioRef.current.addEventListener('play', () => setIsPlaying(true))
-      audioRef.current.addEventListener('timeupdate', updateProgress)
-    } else {
-      audioRef.current.src = audioUrl
-      setProgress(0)
-    }
-
-    return () => {
-      if (audioRef.current) {
-        audioRef.current.pause()
-        audioRef.current.removeEventListener('ended', () => setIsPlaying(false))
-        audioRef.current.removeEventListener('pause', () => setIsPlaying(false))
-        audioRef.current.removeEventListener('play', () => setIsPlaying(true))
-        audioRef.current.removeEventListener('timeupdate', updateProgress)
-      }
-    }
-  }, [audioUrl])
-
-  const updateProgress = () => {
-    if (audioRef.current) {
-      const value = (audioRef.current.currentTime / audioRef.current.duration) * 100
-      setProgress(Number.isNaN(value) ? 0 : value)
-    }
-  }
-
-  const togglePlay = () => {
-    if (!audioRef.current) return
-
-    if (isPlaying) {
-      audioRef.current.pause()
-    } else {
-      audioRef.current.play()
-    }
-  }
-
-  const downloadAudio = async () => {
-    try {
-      const response = await fetch(audioUrl)
-      const blob = await response.blob()
-
-      const url = URL.createObjectURL(blob)
-      const link = document.createElement('a')
-      link.href = url
-      link.download = `tts-audio-${Date.now()}.mp3`
-      document.body.appendChild(link)
-      link.click()
-      document.body.removeChild(link)
-
-      URL.revokeObjectURL(url)
-    } catch (error) {
-      logger.error('Error downloading audio:', error)
-    }
-  }
-
-  const seekAudio = (e: React.MouseEvent<HTMLDivElement>) => {
-    if (!audioRef.current) return
-
-    const container = e.currentTarget
-    const rect = container.getBoundingClientRect()
-    const x = e.clientX - rect.left
-    const percent = x / rect.width
-
-    audioRef.current.currentTime = percent * audioRef.current.duration
-  }
-
-  return (
-    <div className='mt-2 flex w-full max-w-xs items-center gap-2 rounded-md bg-background/40 p-2'>
-      <button
-        className='inline-flex h-7 w-7 items-center justify-center rounded-full bg-primary/10 text-primary transition-colors hover:bg-primary/20'
-        onClick={togglePlay}
-        aria-label={isPlaying ? 'Pause' : 'Play'}
-      >
-        {isPlaying ? <Pause className='h-3.5 w-3.5' /> : <Play className='ml-0.5 h-3.5 w-3.5' />}
-      </button>
-
-      <div
-        className='h-1.5 flex-grow cursor-pointer overflow-hidden rounded-full bg-muted'
-        onClick={seekAudio}
-      >
-        <div className='h-full rounded-full bg-primary/40' style={{ width: `${progress}%` }} />
-      </div>
-
-      <button
-        className='inline-flex h-6 w-6 items-center justify-center text-muted-foreground transition-colors hover:text-foreground'
-        onClick={downloadAudio}
-        aria-label='Download audio'
-      >
-        <Download className='h-3 w-3' />
-      </button>
-    </div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/code-display/code-display.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/code-display/code-display.tsx
new file mode 100644
index 000000000..6c276791c
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/code-display/code-display.tsx
@@ -0,0 +1,158 @@
+import { useEffect, useRef, useState } from 'react'
+import { highlight, languages } from 'prismjs'
+import 'prismjs/components/prism-javascript'
+import 'prismjs/themes/prism.css'
+
+// Add dark mode fix for Prism.js
+if (typeof document !== 'undefined') {
+  const styleId = 'console-code-dark-mode-fix'
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement('style')
+    style.id = styleId
+    style.textContent = `
+      .dark .token.operator {
+        color: #9cdcfe !important;
+        background: transparent !important;
+      }
+      .dark .token.punctuation {
+        color: #d4d4d4 !important;
+      }
+    `
+    document.head.appendChild(style)
+  }
+}
+
+interface CodeDisplayProps {
+  code: string
+  language?: string
+}
+
+export const CodeDisplay = ({ code, language = 'javascript' }: CodeDisplayProps) => {
+  const [visualLineHeights, setVisualLineHeights] = useState<number[]>([])
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  // Calculate sidebar width based on number of lines
+  const lineCount = code.split('\n').length
+  const sidebarWidth = Math.max(30, lineCount.toString().length * 8 + 16) // 8px per digit + 16px padding
+
+  // Calculate visual line heights similar to code.tsx
+  useEffect(() => {
+    if (!containerRef.current) return
+
+    const calculateVisualLines = () => {
+      const preElement = containerRef.current?.querySelector('pre')
+      if (!preElement) return
+
+      const lines = code.split('\n')
+      const newVisualLineHeights: number[] = []
+
+      const tempContainer = document.createElement('div')
+      tempContainer.style.cssText = `
+        position: absolute;
+        visibility: hidden;
+        height: auto;
+        width: ${preElement.clientWidth}px;
+        font-family: ${window.getComputedStyle(preElement).fontFamily};
+        font-size: ${window.getComputedStyle(preElement).fontSize};
+        line-height: 21px;
+        padding: 12px;
+        white-space: pre-wrap;
+        word-break: break-word;
+        box-sizing: border-box;
+      `
+      document.body.appendChild(tempContainer)
+
+      lines.forEach((line) => {
+        const lineDiv = document.createElement('div')
+        lineDiv.textContent = line || ' '
+
+        tempContainer.appendChild(lineDiv)
+        const actualHeight = lineDiv.getBoundingClientRect().height
+        const lineUnits = Math.max(1, Math.ceil(actualHeight / 21))
+        newVisualLineHeights.push(lineUnits)
+        tempContainer.removeChild(lineDiv)
+      })
+
+      document.body.removeChild(tempContainer)
+      setVisualLineHeights(newVisualLineHeights)
+    }
+
+    const timeoutId = setTimeout(calculateVisualLines, 50)
+
+    const resizeObserver = new ResizeObserver(calculateVisualLines)
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current)
+    }
+
+    return () => {
+      clearTimeout(timeoutId)
+      resizeObserver.disconnect()
+    }
+  }, [code, sidebarWidth])
+
+  // Render line numbers with proper visual line handling
+  const renderLineNumbers = () => {
+    const numbers: React.ReactElement[] = []
+    let lineNumber = 1
+
+    visualLineHeights.forEach((height, index) => {
+      numbers.push(
+        <div key={`${lineNumber}-0`} className='text-muted-foreground text-xs leading-[21px]'>
+          {lineNumber}
+        </div>
+      )
+      for (let i = 1; i < height; i++) {
+        numbers.push(
+          <div
+            key={`${lineNumber}-${i}`}
+            className='invisible text-muted-foreground text-xs leading-[21px]'
+          >
+            {lineNumber}
+          </div>
+        )
+      }
+      lineNumber++
+    })
+
+    if (numbers.length === 0) {
+      const lines = code.split('\n')
+      return lines.map((_, index) => (
+        <div key={index} className='text-muted-foreground text-xs leading-[21px]'>
+          {index + 1}
+        </div>
+      ))
+    }
+
+    return numbers
+  }
+
+  return (
+    <div
+      className='relative overflow-hidden rounded-md border bg-background font-mono text-sm'
+      ref={containerRef}
+    >
+      {/* Line numbers */}
+      <div
+        className='absolute top-0 bottom-0 left-0 flex select-none flex-col items-end overflow-hidden bg-secondary pt-2 pr-3'
+        style={{ width: `${sidebarWidth}px` }}
+        aria-hidden='true'
+      >
+        {renderLineNumbers()}
+      </div>
+
+      {/* Code content */}
+      <div className='relative' style={{ paddingLeft: `${sidebarWidth}px` }}>
+        <pre
+          className='max-w-full overflow-hidden px-3 py-2 text-sm leading-[21px]'
+          style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}
+        >
+          <code
+            dangerouslySetInnerHTML={{
+              __html: highlight(code, languages[language], language),
+            }}
+          />
+        </pre>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/console-entry/console-entry.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/console-entry/console-entry.tsx
index 1b0e9fab3..4ef6eaa2e 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/console-entry/console-entry.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/console-entry/console-entry.tsx
@@ -1,186 +1,603 @@
-import { useMemo, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { format } from 'date-fns'
 import {
   AlertCircle,
-  AlertTriangle,
-  Calendar,
+  Check,
   ChevronDown,
   ChevronUp,
-  Clock,
-  Terminal,
+  Clipboard,
+  Download,
+  Pause,
+  Play,
 } from 'lucide-react'
+import Image from 'next/image'
 import { Button } from '@/components/ui/button'
+import { createLogger } from '@/lib/logs/console-logger'
 import { getBlock } from '@/blocks'
 import type { ConsoleEntry as ConsoleEntryType } from '@/stores/panel/console/types'
+import { CodeDisplay } from '../code-display/code-display'
 import { JSONView } from '../json-view/json-view'
 
+const logger = createLogger('ConsoleEntry')
+
 interface ConsoleEntryProps {
   entry: ConsoleEntryType
   consoleWidth: number
 }
 
-// Maximum character length for a word before it's broken up
-const MAX_WORD_LENGTH = 25
+// Helper function to check if an object contains an audio URL
+const hasAudioData = (obj: any): boolean => {
+  return obj && typeof obj === 'object' && 'audioUrl' in obj && typeof obj.audioUrl === 'string'
+}
 
-const WordWrap = ({ text }: { text: string }) => {
-  if (!text) return null
+// Helper function to check if a string is likely a base64 image
+const isBase64Image = (str: string): boolean => {
+  if (typeof str !== 'string') return false
+  return str.length > 100 && /^[A-Za-z0-9+/=]+$/.test(str)
+}
 
-  // Split text into words, keeping spaces and punctuation
-  const parts = text.split(/(\s+)/g)
+// Helper function to check if an object contains an image URL
+const hasImageData = (obj: any): boolean => {
+  if (!obj || typeof obj !== 'object') return false
+
+  // Case 1: Has explicit image data (base64)
+  if (
+    'image' in obj &&
+    typeof obj.image === 'string' &&
+    obj.image.length > 0 &&
+    isBase64Image(obj.image)
+  ) {
+    return true
+  }
+
+  // Case 2: Has explicit image type in metadata
+  if (
+    obj.metadata?.type &&
+    typeof obj.metadata.type === 'string' &&
+    obj.metadata.type.toLowerCase() === 'image'
+  ) {
+    return true
+  }
+
+  // Case 3: Content URL points to an image file
+  if (typeof obj.content === 'string' && obj.content.startsWith('http')) {
+    return !!obj.content.toLowerCase().match(/\.(png|jpg|jpeg|gif|webp|svg)(\?|$)/)
+  }
+
+  // Case 4: Has URL property with image extension
+  if ('url' in obj && typeof obj.url === 'string') {
+    if (obj.metadata?.fileType?.startsWith('image/')) {
+      return true
+    }
+    const url = obj.url.toLowerCase()
+    return url.match(/\.(jpg|jpeg|png|gif|webp|svg)(\?|$)/) !== null
+  }
+
+  return false
+}
+
+// Get image URL from object
+const getImageUrl = (obj: any): string | null => {
+  if (!obj || typeof obj !== 'object') return null
+
+  // Try content field first
+  if (typeof obj.content === 'string' && obj.content.startsWith('http')) {
+    return obj.content
+  }
+
+  // Try url field
+  if ('url' in obj && typeof obj.url === 'string') {
+    return obj.url
+  }
+
+  return null
+}
+
+// Get base64 image data from object
+const getImageData = (obj: any): string | null => {
+  if (!obj || typeof obj !== 'object') return null
+
+  if (
+    'image' in obj &&
+    typeof obj.image === 'string' &&
+    obj.image.length > 0 &&
+    isBase64Image(obj.image)
+  ) {
+    return obj.image
+  }
+
+  return null
+}
+
+// Image preview component
+const ImagePreview = ({
+  imageUrl,
+  imageData,
+  isBase64 = false,
+  onLoadError,
+}: {
+  imageUrl?: string
+  imageData?: string
+  isBase64?: boolean
+  onLoadError?: (hasError: boolean) => void
+}) => {
+  const [loadError, setLoadError] = useState(false)
+
+  // Only display image if we have valid data
+  const hasValidData =
+    (isBase64 && imageData && imageData.length > 0) || (imageUrl && imageUrl.length > 0)
+
+  if (!hasValidData) {
+    return null
+  }
+
+  if (loadError) {
+    return null
+  }
+
+  // Determine the source for the image
+  const imageSrc =
+    isBase64 && imageData && imageData.length > 0
+      ? `data:image/png;base64,${imageData}`
+      : imageUrl || ''
 
   return (
-    <>
-      {parts.map((part, index) => {
-        // If the part is whitespace or shorter than the max length, render it as is
-        if (part.match(/\s+/) || part.length <= MAX_WORD_LENGTH) {
-          return <span key={index}>{part}</span>
-        }
-
-        // For long words, break them up into chunks
-        const chunks = []
-        for (let i = 0; i < part.length; i += MAX_WORD_LENGTH) {
-          chunks.push(part.substring(i, i + MAX_WORD_LENGTH))
-        }
-
-        return (
-          <span key={index} className='break-all'>
-            {chunks.map((chunk, chunkIndex) => (
-              <span key={chunkIndex}>{chunk}</span>
-            ))}
-          </span>
-        )
-      })}
-    </>
+    <div className='my-2 w-1/2'>
+      <Image
+        src={imageSrc}
+        alt='Generated image'
+        width={400}
+        height={300}
+        className='h-auto w-full rounded-lg border'
+        unoptimized
+        onError={(e) => {
+          console.error('Image failed to load:', imageSrc)
+          setLoadError(true)
+          onLoadError?.(true)
+        }}
+        onLoad={() => {
+          onLoadError?.(false)
+        }}
+      />
+    </div>
   )
 }
 
 export function ConsoleEntry({ entry, consoleWidth }: ConsoleEntryProps) {
-  const [isExpanded, setIsExpanded] = useState(false)
-  const [expandAllJson, setExpandAllJson] = useState(false)
+  const [isExpanded, setIsExpanded] = useState(true) // Default expanded
+  const [showCopySuccess, setShowCopySuccess] = useState(false)
+  const [showInput, setShowInput] = useState(false) // State for input/output toggle
+  const [isPlaying, setIsPlaying] = useState(false)
+  const [progress, setProgress] = useState(0)
+  const [imageLoadError, setImageLoadError] = useState(false)
+  const audioRef = useRef<HTMLAudioElement | null>(null)
+
+  // Check if entry has audio data
+  const hasAudio = useMemo(() => {
+    return entry.output != null && hasAudioData(entry.output)
+  }, [entry.output])
+
+  // Check if entry has image data
+  const hasImage = useMemo(() => {
+    return entry.output != null && hasImageData(entry.output)
+  }, [entry.output])
+
+  // Only show image download button if image exists and didn't fail to load
+  const showImageDownload = hasImage && !imageLoadError
+
+  const audioUrl = useMemo(() => {
+    return hasAudio && entry.output ? entry.output.audioUrl : null
+  }, [hasAudio, entry.output])
+
+  const imageUrl = useMemo(() => {
+    return hasImage && entry.output ? getImageUrl(entry.output) : null
+  }, [hasImage, entry.output])
+
+  const imageData = useMemo(() => {
+    return hasImage && entry.output ? getImageData(entry.output) : null
+  }, [hasImage, entry.output])
+
+  const isBase64Image = useMemo(() => {
+    return imageData != null && imageData.length > 0
+  }, [imageData])
+
+  // Get the data to display based on the toggle state
+  const displayData = useMemo(() => {
+    return showInput ? entry.input : entry.output
+  }, [showInput, entry.input, entry.output])
+
+  // Check if input data exists
+  const hasInputData = useMemo(() => {
+    return (
+      entry.input != null &&
+      (typeof entry.input === 'object'
+        ? Object.keys(entry.input).length > 0
+        : entry.input !== undefined && entry.input !== null)
+    )
+  }, [entry.input])
+
+  // Check if this is a function block with code input
+  const shouldShowCodeDisplay = useMemo(() => {
+    return (
+      entry.blockType === 'function' &&
+      showInput &&
+      entry.input &&
+      typeof entry.input === 'object' &&
+      'code' in entry.input &&
+      typeof entry.input.code === 'string'
+    )
+  }, [entry.blockType, showInput, entry.input])
+
+  // Audio player logic
+  useEffect(() => {
+    if (!hasAudio || !audioUrl) return
+
+    if (!audioRef.current) {
+      audioRef.current = new Audio(audioUrl)
+      audioRef.current.addEventListener('ended', () => setIsPlaying(false))
+      audioRef.current.addEventListener('pause', () => setIsPlaying(false))
+      audioRef.current.addEventListener('play', () => setIsPlaying(true))
+      audioRef.current.addEventListener('timeupdate', updateProgress)
+    } else {
+      audioRef.current.src = audioUrl
+      setProgress(0)
+    }
+
+    return () => {
+      if (audioRef.current) {
+        audioRef.current.pause()
+        audioRef.current.removeEventListener('ended', () => setIsPlaying(false))
+        audioRef.current.removeEventListener('pause', () => setIsPlaying(false))
+        audioRef.current.removeEventListener('play', () => setIsPlaying(true))
+        audioRef.current.removeEventListener('timeupdate', updateProgress)
+      }
+    }
+  }, [hasAudio, audioUrl])
+
+  const updateProgress = () => {
+    if (audioRef.current) {
+      const value = (audioRef.current.currentTime / audioRef.current.duration) * 100
+      setProgress(Number.isNaN(value) ? 0 : value)
+    }
+  }
+
+  const togglePlay = () => {
+    if (!audioRef.current) return
+
+    if (isPlaying) {
+      audioRef.current.pause()
+    } else {
+      audioRef.current.play()
+    }
+  }
+
+  const downloadAudio = async () => {
+    if (!audioUrl) return
+
+    try {
+      const response = await fetch(audioUrl)
+      const blob = await response.blob()
+
+      const url = URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = `tts-audio-${Date.now()}.mp3`
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+
+      URL.revokeObjectURL(url)
+    } catch (error) {
+      logger.error('Error downloading audio:', error)
+    }
+  }
+
+  const downloadImage = async () => {
+    try {
+      let blob: Blob
+      if (isBase64Image && imageData && imageData.length > 0) {
+        // Convert base64 to blob
+        const byteString = atob(imageData)
+        const arrayBuffer = new ArrayBuffer(byteString.length)
+        const uint8Array = new Uint8Array(arrayBuffer)
+        for (let i = 0; i < byteString.length; i++) {
+          uint8Array[i] = byteString.charCodeAt(i)
+        }
+        blob = new Blob([arrayBuffer], { type: 'image/png' })
+      } else if (imageUrl && imageUrl.length > 0) {
+        // Use proxy endpoint to fetch image
+        const proxyUrl = `/api/proxy/image?url=${encodeURIComponent(imageUrl)}`
+        const response = await fetch(proxyUrl)
+        if (!response.ok) {
+          throw new Error(`Failed to download image: ${response.statusText}`)
+        }
+        blob = await response.blob()
+      } else {
+        throw new Error('No image data or URL provided')
+      }
+
+      // Create object URL and trigger download
+      const url = URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = `generated-image-${Date.now()}.png`
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+
+      // Clean up the URL
+      setTimeout(() => URL.revokeObjectURL(url), 100)
+    } catch (error) {
+      console.error('Error downloading image:', error)
+      alert('Failed to download image. Please try again later.')
+    }
+  }
 
   const blockConfig = useMemo(() => {
     if (!entry.blockType) return null
     return getBlock(entry.blockType)
   }, [entry.blockType])
 
-  const BlockIcon = blockConfig?.icon
+  const handleCopy = () => {
+    let textToCopy: string
 
-  // Helper function to check if data has nested objects or arrays
-  const hasNestedStructure = (data: any): boolean => {
-    if (data === null || typeof data !== 'object') return false
-
-    // Check if it's an empty object or array
-    if (Object.keys(data).length === 0) return false
-
-    // For arrays, check if any element is an object
-    if (Array.isArray(data)) {
-      return data.some((item) => typeof item === 'object' && item !== null)
+    if (shouldShowCodeDisplay) {
+      // For code display, copy just the code string
+      textToCopy = entry.input.code
+    } else {
+      // For regular JSON display, copy the full JSON
+      const dataToCopy = showInput ? entry.input : entry.output
+      textToCopy = JSON.stringify(dataToCopy, null, 2)
     }
 
-    // For objects, check if any value is an object
-    return Object.values(data).some((value) => typeof value === 'object' && value !== null)
+    navigator.clipboard.writeText(textToCopy)
+    setShowCopySuccess(true)
+  }
+
+  useEffect(() => {
+    if (showCopySuccess) {
+      const timer = setTimeout(() => {
+        setShowCopySuccess(false)
+      }, 2000)
+      return () => clearTimeout(timer)
+    }
+  }, [showCopySuccess])
+
+  const BlockIcon = blockConfig?.icon
+  const blockColor = blockConfig?.bgColor || '#6B7280'
+
+  // Handle image load error callback
+  const handleImageLoadError = (hasError: boolean) => {
+    setImageLoadError(hasError)
   }
 
   return (
-    <div
-      className={`border-border border-b transition-colors ${
-        !entry.error && !entry.warning && entry.success ? 'cursor-pointer hover:bg-accent/50' : ''
-      }`}
-      onClick={() => !entry.error && !entry.warning && entry.success && setIsExpanded(!isExpanded)}
-    >
-      <div className='space-y-4 p-4'>
+    <div className='space-y-3'>
+      {/* Header: Icon | Block name */}
+      <div className='flex items-center gap-2'>
+        {BlockIcon && (
+          <div
+            className='flex h-5 w-5 items-center justify-center rounded-md'
+            style={{ backgroundColor: blockColor }}
+          >
+            <BlockIcon className='h-3 w-3 text-white' />
+          </div>
+        )}
+        <span className='font-normal text-base text-sm leading-normal'>
+          {entry.blockName || 'Unknown Block'}
+        </span>
+      </div>
+
+      {/* Duration tag | Time tag | Input/Output tags */}
+      <div className='flex items-center gap-2'>
         <div
-          className={`${
-            consoleWidth >= 400 ? 'flex items-center justify-between' : 'grid grid-cols-1 gap-4'
+          className={`flex h-5 items-center rounded-lg px-2 ${
+            entry.error ? 'bg-[#F6D2D2] dark:bg-[#442929]' : 'bg-secondary'
           }`}
         >
-          {entry.blockName && (
-            <div className='flex items-center gap-2 text-sm'>
-              {BlockIcon ? (
-                <BlockIcon className='h-4 w-4 text-muted-foreground' />
-              ) : (
-                <Terminal className='h-4 w-4 text-muted-foreground' />
-              )}
-              <span className='text-muted-foreground'>{entry.blockName}</span>
+          {entry.error ? (
+            <div className='flex items-center gap-1'>
+              <AlertCircle className='h-3 w-3 text-[#DC2626] dark:text-[#F87171]' />
+              <span className='font-normal text-[#DC2626] text-xs leading-normal dark:text-[#F87171]'>
+                Error
+              </span>
             </div>
+          ) : (
+            <span className='font-normal text-muted-foreground text-xs leading-normal'>
+              {entry.durationMs ?? 0}ms
+            </span>
           )}
-          <div
-            className={`${
-              consoleWidth >= 400 ? 'flex gap-4' : 'grid grid-cols-2 gap-4'
-            } text-muted-foreground text-sm`}
-          >
-            <div className='flex items-center gap-2'>
-              <Calendar className='h-4 w-4' />
-              <span>{entry.startedAt ? format(new Date(entry.startedAt), 'HH:mm:ss') : 'N/A'}</span>
-            </div>
-            <div className='flex items-center gap-2'>
-              <Clock className='h-4 w-4' />
-              <span>Duration: {entry.durationMs ?? 0}ms</span>
+        </div>
+        <div className='flex h-5 items-center rounded-lg bg-secondary px-2'>
+          <span className='font-normal text-muted-foreground text-xs leading-normal'>
+            {entry.startedAt ? format(new Date(entry.startedAt), 'HH:mm:ss') : 'N/A'}
+          </span>
+        </div>
+        {/* Input/Output tags - only show if input data exists */}
+        {hasInputData && (
+          <>
+            <button
+              onClick={() => setShowInput(false)}
+              className={`flex h-5 items-center rounded-lg px-2 transition-colors ${
+                !showInput
+                  ? 'border-[#e5e5e5] bg-[#f5f5f5] text-[#1a1a1a] dark:border-[#424242] dark:bg-[#1f1f1f] dark:text-[#ffffff]'
+                  : 'bg-secondary text-muted-foreground hover:bg-secondary hover:text-card-foreground'
+              }`}
+            >
+              <span className='font-normal text-xs leading-normal'>Output</span>
+            </button>
+            <button
+              onClick={() => setShowInput(true)}
+              className={`flex h-5 items-center rounded-lg px-2 transition-colors ${
+                showInput
+                  ? 'border-[#e5e5e5] bg-[#f5f5f5] text-[#1a1a1a] dark:border-[#424242] dark:bg-[#1f1f1f] dark:text-[#ffffff]'
+                  : 'bg-secondary text-muted-foreground hover:bg-secondary hover:text-card-foreground'
+              }`}
+            >
+              <span className='font-normal text-xs leading-normal'>Input</span>
+            </button>
+            {/* Copy button for code input - only show when input is selected and it's a function block with code */}
+            {shouldShowCodeDisplay && (
+              <Button
+                variant='ghost'
+                size='sm'
+                className='h-5 w-5 p-0 hover:bg-transparent'
+                onClick={handleCopy}
+              >
+                {showCopySuccess ? (
+                  <Check className='h-3 w-3 text-gray-500' />
+                ) : (
+                  <Clipboard className='h-3 w-3 text-muted-foreground' />
+                )}
+              </Button>
+            )}
+          </>
+        )}
+      </div>
+
+      {/* Response area */}
+      <div className='space-y-2 pb-2'>
+        {/* Error display */}
+        {entry.error && !showInput && (
+          <div className='rounded-lg bg-[#F6D2D2] p-3 dark:bg-[#442929]'>
+            <div className='overflow-hidden whitespace-pre-wrap break-all font-normal text-[#DC2626] text-sm leading-normal dark:text-[#F87171]'>
+              {entry.error}
             </div>
           </div>
-        </div>
+        )}
 
-        <div className='space-y-4'>
-          {!entry.error && !entry.warning && (
-            <div className='flex items-start gap-2'>
-              <Terminal className='mt-1 h-4 w-4 text-muted-foreground' />
-              <div className='overflow-wrap-anywhere relative flex-1 whitespace-normal break-normal font-mono text-sm'>
-                {entry.output != null && (
-                  <div className='absolute top-0 right-0 z-10'>
+        {/* Warning display */}
+        {entry.warning && !showInput && (
+          <div className='rounded-lg border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800/50'>
+            <div className='mb-1 font-normal text-sm text-yellow-800 leading-normal dark:text-yellow-200'>
+              Warning
+            </div>
+            <div className='overflow-hidden whitespace-pre-wrap break-all font-normal text-sm text-yellow-700 leading-normal dark:text-yellow-300'>
+              {entry.warning}
+            </div>
+          </div>
+        )}
+
+        {/* Content display */}
+        {(showInput ? hasInputData : entry.output != null && !entry.error) && (
+          <div className={`rounded-lg bg-secondary/50 ${shouldShowCodeDisplay ? 'p-0' : 'p-3'}`}>
+            {shouldShowCodeDisplay ? (
+              /* Code display - replace entire content */
+              <CodeDisplay code={entry.input.code} />
+            ) : (
+              <div className='relative'>
+                {/* Copy and Expand/Collapse buttons */}
+                <div className='absolute top-[-2.8] right-0 z-10 flex items-center gap-1'>
+                  {/* Audio controls - only show if audio data exists and we're showing output */}
+                  {hasAudio && !showInput && (
+                    <>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        className='h-6 w-6 p-0 hover:bg-transparent'
+                        onClick={togglePlay}
+                        aria-label={isPlaying ? 'Pause' : 'Play'}
+                      >
+                        {isPlaying ? (
+                          <Pause className='h-3 w-3 text-muted-foreground' />
+                        ) : (
+                          <Play className='h-3 w-3 text-muted-foreground' />
+                        )}
+                      </Button>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        className='h-6 w-6 p-0 hover:bg-transparent'
+                        onClick={downloadAudio}
+                        aria-label='Download audio'
+                      >
+                        <Download className='h-3 w-3 text-muted-foreground' />
+                      </Button>
+                    </>
+                  )}
+                  {/* Image controls - only show if image data exists and didn't fail to load and we're showing output */}
+                  {showImageDownload && !showInput && (
                     <Button
                       variant='ghost'
                       size='sm'
-                      className='h-6 px-2 text-muted-foreground hover:text-foreground'
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        setExpandAllJson(!expandAllJson)
-                      }}
+                      className='h-6 w-6 p-0 hover:bg-transparent'
+                      onClick={downloadImage}
+                      aria-label='Download image'
                     >
-                      <span className='flex items-center'>
-                        {expandAllJson ? (
-                          <>
-                            <ChevronUp className='mr-1 h-3 w-3' />
-                            <span className='text-xs'>Collapse</span>
-                          </>
-                        ) : (
-                          <>
-                            <ChevronDown className='mr-1 h-3 w-3' />
-                            <span className='text-xs'>Expand</span>
-                          </>
-                        )}
-                      </span>
+                      <Download className='h-3 w-3 text-muted-foreground' />
                     </Button>
+                  )}
+                  <Button
+                    variant='ghost'
+                    size='sm'
+                    className='h-6 w-6 p-0 hover:bg-transparent'
+                    onClick={handleCopy}
+                  >
+                    {showCopySuccess ? (
+                      <Check className='h-3 w-3 text-gray-500' />
+                    ) : (
+                      <Clipboard className='h-3 w-3 text-muted-foreground' />
+                    )}
+                  </Button>
+                  <Button
+                    variant='ghost'
+                    size='sm'
+                    className='h-6 w-6 p-0 hover:bg-transparent'
+                    onClick={() => setIsExpanded(!isExpanded)}
+                  >
+                    {isExpanded ? (
+                      <ChevronUp className='h-3 w-3 text-muted-foreground' />
+                    ) : (
+                      <ChevronDown className='h-3 w-3 text-muted-foreground' />
+                    )}
+                  </Button>
+                </div>
+
+                {/* Image preview - show before JSON content - only for output mode */}
+                {hasImage && !showInput && (
+                  <ImagePreview
+                    imageUrl={imageUrl || undefined}
+                    imageData={imageData || undefined}
+                    isBase64={isBase64Image}
+                    onLoadError={handleImageLoadError}
+                  />
+                )}
+
+                {/* Content */}
+                {isExpanded ? (
+                  <div className='max-w-full overflow-hidden break-all font-mono font-normal text-muted-foreground text-sm leading-normal'>
+                    <JSONView data={displayData} />
+                  </div>
+                ) : (
+                  <div
+                    className='max-w-full cursor-pointer overflow-hidden break-all font-mono font-normal text-muted-foreground text-sm leading-normal'
+                    onClick={() => setIsExpanded(true)}
+                  >
+                    {'{...}'}
                   </div>
                 )}
-                <JSONView data={entry.output} initiallyExpanded={expandAllJson} />
               </div>
-            </div>
-          )}
+            )}
+          </div>
+        )}
 
-          {entry.error && (
-            <div className='flex items-start gap-2 rounded-md border border-red-500 bg-red-50 p-3 text-destructive dark:border-border dark:bg-background dark:text-foreground'>
-              <AlertCircle className='mt-1 h-4 w-4 flex-shrink-0 text-red-500' />
-              <div className='min-w-0 flex-1'>
-                <div className='font-medium'>Error</div>
-                <div className='w-full overflow-hidden whitespace-pre-wrap text-sm'>
-                  <WordWrap text={entry.error} />
-                </div>
-              </div>
+        {/* No output message */}
+        {!showInput && entry.output == null && !entry.error && (
+          <div className='rounded-lg bg-secondary/50 p-3'>
+            <div className='text-center font-normal text-muted-foreground text-sm leading-normal'>
+              No output
             </div>
-          )}
+          </div>
+        )}
 
-          {entry.warning && (
-            <div className='flex items-start gap-2 rounded-md border border-yellow-500 bg-yellow-50 p-3 text-yellow-700 dark:border-border dark:bg-background dark:text-yellow-500'>
-              <AlertTriangle className='mt-1 h-4 w-4 flex-shrink-0 text-yellow-500' />
-              <div className='min-w-0 flex-1'>
-                <div className='font-medium'>Warning</div>
-                <div className='w-full overflow-hidden whitespace-pre-wrap text-sm'>
-                  <WordWrap text={entry.warning} />
-                </div>
-              </div>
+        {/* No input message */}
+        {showInput && !hasInputData && (
+          <div className='rounded-lg bg-secondary/50 p-3'>
+            <div className='text-center font-normal text-muted-foreground text-sm leading-normal'>
+              No input
             </div>
-          )}
-        </div>
+          </div>
+        )}
       </div>
     </div>
   )
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/json-view/json-view.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/json-view/json-view.tsx
index a4101a8b6..17daf1d7f 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/json-view/json-view.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/components/json-view/json-view.tsx
@@ -1,30 +1,30 @@
 import { useEffect, useState } from 'react'
-import { Download } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import { AudioPlayer } from '../audio-player/audio-player'
 
 interface JSONViewProps {
   data: any
-  level?: number
-  initiallyExpanded?: boolean
 }
 
 const MAX_STRING_LENGTH = 150
+const MAX_OBJECT_KEYS = 10
+const MAX_ARRAY_ITEMS = 20
 
 const TruncatedValue = ({ value }: { value: string }) => {
   const [isExpanded, setIsExpanded] = useState(false)
 
   if (value.length <= MAX_STRING_LENGTH) {
-    return <span>{value}</span>
+    return (
+      <span className='break-all font-[380] text-muted-foreground leading-normal'>{value}</span>
+    )
   }
 
   return (
-    <span>
+    <span className='break-all font-[380] text-muted-foreground leading-normal'>
       {isExpanded ? value : `${value.slice(0, MAX_STRING_LENGTH)}...`}
       <Button
         variant='link'
         size='sm'
-        className='h-auto px-1 text-muted-foreground text-xs hover:text-foreground'
+        className='h-auto px-1 font-[380] text-muted-foreground/70 text-xs hover:text-foreground'
         onClick={(e) => {
           e.stopPropagation()
           setIsExpanded(!isExpanded)
@@ -36,207 +36,124 @@ const TruncatedValue = ({ value }: { value: string }) => {
   )
 }
 
+const CollapsibleJSON = ({ data, depth = 0 }: { data: any; depth?: number }) => {
+  const [isExpanded, setIsExpanded] = useState(false)
+
+  if (data === null) {
+    return <span className='break-all font-[380] text-muted-foreground leading-normal'>null</span>
+  }
+
+  if (data === undefined) {
+    return (
+      <span className='break-all font-[380] text-muted-foreground leading-normal'>undefined</span>
+    )
+  }
+
+  if (typeof data === 'string') {
+    return <TruncatedValue value={JSON.stringify(data)} />
+  }
+
+  if (typeof data === 'number' || typeof data === 'boolean') {
+    return (
+      <span className='break-all font-[380] text-muted-foreground leading-normal'>
+        {JSON.stringify(data)}
+      </span>
+    )
+  }
+
+  if (Array.isArray(data)) {
+    const shouldCollapse = depth > 0 && data.length > MAX_ARRAY_ITEMS
+
+    if (shouldCollapse && !isExpanded) {
+      return (
+        <span
+          className='cursor-pointer break-all font-[380] text-muted-foreground/70 text-xs leading-normal'
+          onClick={() => setIsExpanded(true)}
+        >
+          {'[...]'}
+        </span>
+      )
+    }
+
+    return (
+      <span className='break-all font-[380] text-muted-foreground/70 leading-normal'>
+        {'['}
+        {data.length > 0 && (
+          <>
+            {'\n'}
+            {data.map((item, index) => (
+              <span key={index} className='break-all'>
+                {'  '.repeat(depth + 1)}
+                <CollapsibleJSON data={item} depth={depth + 1} />
+                {index < data.length - 1 ? ',' : ''}
+                {'\n'}
+              </span>
+            ))}
+            {'  '.repeat(depth)}
+          </>
+        )}
+        {']'}
+      </span>
+    )
+  }
+
+  if (typeof data === 'object') {
+    const keys = Object.keys(data)
+    const shouldCollapse = depth > 0 && keys.length > MAX_OBJECT_KEYS
+
+    if (shouldCollapse && !isExpanded) {
+      return (
+        <span
+          className='cursor-pointer break-all font-[380] text-muted-foreground/70 text-xs leading-normal'
+          onClick={() => setIsExpanded(true)}
+        >
+          {'{...}'}
+        </span>
+      )
+    }
+
+    return (
+      <span className='break-all font-[380] text-muted-foreground/70 leading-normal'>
+        {'{'}
+        {keys.length > 0 && (
+          <>
+            {'\n'}
+            {keys.map((key, index) => (
+              <span key={key} className='break-all'>
+                {'  '.repeat(depth + 1)}
+                <span className='break-all font-[380] text-foreground leading-normal'>{key}</span>
+                <span className='font-[380] text-muted-foreground/60 leading-normal'>: </span>
+                <CollapsibleJSON data={data[key]} depth={depth + 1} />
+                {index < keys.length - 1 ? ',' : ''}
+                {'\n'}
+              </span>
+            ))}
+            {'  '.repeat(depth)}
+          </>
+        )}
+        {'}'}
+      </span>
+    )
+  }
+
+  return (
+    <span className='break-all font-[380] text-muted-foreground leading-normal'>
+      {JSON.stringify(data)}
+    </span>
+  )
+}
+
 const copyToClipboard = (data: any) => {
   const stringified = JSON.stringify(data, null, 2)
   navigator.clipboard.writeText(stringified)
 }
 
-// Helper function to check if an object contains an image URL
-const isImageData = (obj: any): boolean => {
-  if (!obj || typeof obj !== 'object' || !('url' in obj) || typeof obj.url !== 'string') {
-    return false
-  }
-
-  // Check if we have metadata with file type
-  if (obj.metadata?.fileType) {
-    return obj.metadata.fileType.startsWith('image/')
-  }
-
-  // Fallback to checking URL extension
-  const url = obj.url.toLowerCase()
-  return url.match(/\.(jpg|jpeg|png|gif|webp|svg)(\?|$)/) !== null
-}
-
-// Helper function to check if an object contains an audio URL
-const isAudioData = (obj: any): boolean => {
-  return obj && typeof obj === 'object' && 'audioUrl' in obj && typeof obj.audioUrl === 'string'
-}
-
-// Helper function to check if a string is likely a base64 image
-const isBase64Image = (str: string): boolean => {
-  if (typeof str !== 'string') return false
-  // Check if it's a reasonably long string that could be a base64 image
-  // and contains only valid base64 characters
-  return str.length > 100 && /^[A-Za-z0-9+/=]+$/.test(str)
-}
-
-// Check if this is a response with the new image structure
-// Strict validation to only detect actual image responses
-const hasImageContent = (obj: any): boolean => {
-  // Debug check - basic structure validation
-  if (
-    !(
-      obj &&
-      typeof obj === 'object' &&
-      'content' in obj &&
-      typeof obj.content === 'string' &&
-      'metadata' in obj &&
-      typeof obj.metadata === 'object'
-    )
-  ) {
-    return false
-  }
-
-  // Case 1: Has explicit image data
-  const hasExplicitImageData =
-    'image' in obj &&
-    typeof obj.image === 'string' &&
-    obj.image.length > 0 &&
-    isBase64Image(obj.image)
-
-  if (hasExplicitImageData) {
-    return true
-  }
-
-  // Case 2: Has explicit image type in metadata
-  const hasExplicitImageType =
-    obj.metadata?.type &&
-    typeof obj.metadata.type === 'string' &&
-    obj.metadata.type.toLowerCase() === 'image'
-
-  if (hasExplicitImageType) {
-    return true
-  }
-
-  // Case 3: Content URL points to an image file
-  const isImageUrl =
-    typeof obj.content === 'string' &&
-    obj.content.startsWith('http') &&
-    !!obj.content.toLowerCase().match(/\.(png|jpg|jpeg|gif|webp|svg)(\?|$)/)
-
-  return isImageUrl
-}
-
-// Image preview component with support for both URL and base64
-const ImagePreview = ({
-  imageUrl,
-  imageData,
-  isBase64 = false,
-}: {
-  imageUrl?: string
-  imageData?: string
-  isBase64?: boolean
-}) => {
-  const [loadError, setLoadError] = useState(false)
-
-  const downloadImage = async () => {
-    try {
-      let blob: Blob
-      if (isBase64 && imageData && imageData.length > 0) {
-        // Convert base64 to blob
-        const byteString = atob(imageData)
-        const arrayBuffer = new ArrayBuffer(byteString.length)
-        const uint8Array = new Uint8Array(arrayBuffer)
-        for (let i = 0; i < byteString.length; i++) {
-          uint8Array[i] = byteString.charCodeAt(i)
-        }
-        blob = new Blob([arrayBuffer], { type: 'image/png' })
-      } else if (imageUrl && imageUrl.length > 0) {
-        // Use proxy endpoint to fetch image
-        const proxyUrl = `/api/proxy/image?url=${encodeURIComponent(imageUrl)}`
-        const response = await fetch(proxyUrl)
-        if (!response.ok) {
-          throw new Error(`Failed to download image: ${response.statusText}`)
-        }
-        blob = await response.blob()
-      } else {
-        throw new Error('No image data or URL provided')
-      }
-
-      // Create object URL and trigger download
-      const url = URL.createObjectURL(blob)
-      const link = document.createElement('a')
-      link.href = url
-      link.download = `generated-image-${Date.now()}.png`
-      document.body.appendChild(link)
-      link.click()
-      document.body.removeChild(link)
-
-      // Clean up the URL
-      setTimeout(() => URL.revokeObjectURL(url), 100)
-    } catch (error) {
-      console.error('Error downloading image:', error)
-      alert('Failed to download image. Please try again later.')
-    }
-  }
-
-  // Only display image if we have valid data
-  const hasValidData =
-    (isBase64 && imageData && imageData.length > 0) || (imageUrl && imageUrl.length > 0)
-
-  if (!hasValidData) {
-    return <div className='my-2 text-muted-foreground'>Image data unavailable</div>
-  }
-
-  if (loadError) {
-    return <div className='my-2 text-muted-foreground'>Failed to load image</div>
-  }
-
-  // Determine the source for the image
-  const imageSrc =
-    isBase64 && imageData && imageData.length > 0
-      ? `data:image/png;base64,${imageData}`
-      : imageUrl || ''
-
-  return (
-    <div className='group relative my-2'>
-      <img
-        src={imageSrc}
-        alt='Generated image'
-        className='h-auto max-w-full rounded-md border'
-        onError={(e) => {
-          console.error('Image failed to load:', imageSrc)
-          setLoadError(true)
-          e.currentTarget.alt = 'Failed to load image'
-          e.currentTarget.style.height = '100px'
-          e.currentTarget.style.width = '100%'
-          e.currentTarget.style.display = 'flex'
-          e.currentTarget.style.alignItems = 'center'
-          e.currentTarget.style.justifyContent = 'center'
-          e.currentTarget.style.backgroundColor = 'rgba(0,0,0,0.1)'
-        }}
-      />
-      {!loadError && (
-        <div className='absolute top-2 right-2 opacity-0 transition-opacity group-hover:opacity-100'>
-          <Button
-            variant='secondary'
-            size='icon'
-            className='h-8 w-8 bg-background/80 backdrop-blur-sm'
-            onClick={(e) => {
-              e.stopPropagation()
-              downloadImage()
-            }}
-          >
-            <Download className='h-4 w-4' />
-            <span className='sr-only'>Download image</span>
-          </Button>
-        </div>
-      )}
-    </div>
-  )
-}
-
-export const JSONView = ({ data, level = 0, initiallyExpanded = false }: JSONViewProps) => {
-  const [isCollapsed, setIsCollapsed] = useState(!initiallyExpanded)
+export const JSONView = ({ data }: JSONViewProps) => {
   const [contextMenuPosition, setContextMenuPosition] = useState<{
     x: number
     y: number
   } | null>(null)
 
-  useEffect(() => {
-    setIsCollapsed(!initiallyExpanded)
-  }, [initiallyExpanded])
-
   const handleContextMenu = (e: React.MouseEvent) => {
     e.preventDefault()
     setContextMenuPosition({ x: e.clientX, y: e.clientY })
@@ -250,72 +167,31 @@ export const JSONView = ({ data, level = 0, initiallyExpanded = false }: JSONVie
     }
   }, [contextMenuPosition])
 
-  // Check if this is a base64 image string
-  const isBase64ImageString = typeof data === 'string' && isBase64Image(data)
-
-  // Check if current object contains image URL
-  const hasImageUrl = isImageData(data)
-
-  // Check if current object contains audio URL
-  const hasAudioUrl = isAudioData(data)
-
-  // Check if this is a response object with the new image format
-  const isResponseWithImage = hasImageContent(data)
-
-  // Check if this is response.output with the new image structure
-  const isToolResponseWithImage =
-    data && typeof data === 'object' && data.output && hasImageContent(data.output)
-
-  if (data === null) return <span className='text-muted-foreground'>null</span>
-
-  // Handle base64 image strings directly
-  if (isBase64ImageString) {
-    return (
-      <div onContextMenu={handleContextMenu}>
-        <ImagePreview imageData={data} isBase64={true} />
-        {contextMenuPosition && (
-          <div
-            className='fixed z-50 min-w-[160px] rounded-md border bg-popover py-1 shadow-md'
-            style={{ left: contextMenuPosition.x, top: contextMenuPosition.y }}
-          >
-            <button
-              className='w-full px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => copyToClipboard(data)}
-            >
-              Copy base64 string
-            </button>
-            <button
-              className='flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => {
-                document
-                  .querySelector<HTMLButtonElement>('.group .bg-background\\/80 button')
-                  ?.click()
-              }}
-            >
-              <Download className='h-4 w-4' />
-              Download image
-            </button>
-          </div>
-        )}
-      </div>
-    )
-  }
+  if (data === null)
+    return <span className='font-[380] text-muted-foreground leading-normal'>null</span>
 
+  // For non-object data, show simple JSON
   if (typeof data !== 'object') {
     const stringValue = JSON.stringify(data)
     return (
       <span
         onContextMenu={handleContextMenu}
-        className={`${typeof data === 'string' ? 'text-success' : 'text-info'} relative break-all`}
+        className='relative max-w-full overflow-hidden break-all font-[380] font-mono text-muted-foreground leading-normal'
       >
-        {typeof data === 'string' ? <TruncatedValue value={stringValue} /> : stringValue}
+        {typeof data === 'string' ? (
+          <TruncatedValue value={stringValue} />
+        ) : (
+          <span className='break-all font-[380] text-muted-foreground leading-normal'>
+            {stringValue}
+          </span>
+        )}
         {contextMenuPosition && (
           <div
             className='fixed z-50 min-w-[160px] rounded-md border bg-popover py-1 shadow-md'
             style={{ left: contextMenuPosition.x, top: contextMenuPosition.y }}
           >
             <button
-              className='w-full px-3 py-1.5 text-left text-sm hover:bg-accent'
+              className='w-full px-3 py-1.5 text-left font-[380] text-sm hover:bg-accent'
               onClick={() => copyToClipboard(data)}
             >
               Copy value
@@ -326,307 +202,25 @@ export const JSONView = ({ data, level = 0, initiallyExpanded = false }: JSONVie
     )
   }
 
-  // Handle objects that have the new image structure
-  if (isResponseWithImage) {
-    // Get the URL from content field since that's where it should be
-    const imageUrl = data.content && typeof data.content === 'string' ? data.content : undefined
-    // Check if we have valid image data
-    const hasValidImage = data.image && typeof data.image === 'string' && data.image.length > 0
-
-    return (
-      <div className='relative' onContextMenu={handleContextMenu}>
-        <span
-          className='inline-flex cursor-pointer select-none items-center text-muted-foreground'
-          onClick={(e) => {
-            e.stopPropagation()
-            setIsCollapsed(!isCollapsed)
-          }}
-        >
-          <span className='mr-1 text-xs leading-none'>{isCollapsed ? '▶' : '▼'}</span>
-          <span>{'{'}</span>
-          {isCollapsed ? '...' : ''}
-        </span>
-
-        {!isCollapsed && (
-          <div className='ml-4 break-words'>
-            {Object.entries(data).map(([key, value], index) => {
-              const isImageKey = key === 'image'
-
-              return (
-                <div key={key} className='break-all'>
-                  <span className='text-muted-foreground'>{key}</span>:{' '}
-                  {isImageKey ? (
-                    <div>
-                      {/* Show image preview within the image field */}
-                      <ImagePreview
-                        imageUrl={imageUrl}
-                        imageData={
-                          hasValidImage && isBase64Image(data.image) ? data.image : undefined
-                        }
-                        isBase64={hasValidImage && isBase64Image(data.image)}
-                      />
-                    </div>
-                  ) : (
-                    <JSONView
-                      data={value}
-                      level={level + 1}
-                      initiallyExpanded={initiallyExpanded}
-                    />
-                  )}
-                  {index < Object.entries(data).length - 1 && ','}
-                </div>
-              )
-            })}
-          </div>
-        )}
-
-        {contextMenuPosition && (
-          <div
-            className='fixed z-50 min-w-[160px] rounded-md border bg-popover py-1 shadow-md'
-            style={{ left: contextMenuPosition.x, top: contextMenuPosition.y }}
-          >
-            <button
-              className='w-full px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => copyToClipboard(data)}
-            >
-              Copy object
-            </button>
-            <button
-              className='flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => {
-                document
-                  .querySelector<HTMLButtonElement>('.group .bg-background\\/80 button')
-                  ?.click()
-              }}
-            >
-              <Download className='h-4 w-4' />
-              Download image
-            </button>
-          </div>
-        )}
-
-        <span className='text-muted-foreground'>{'}'}</span>
-      </div>
-    )
-  }
-
-  // Handle tool response objects with the new image structure in output
-  if (isToolResponseWithImage) {
-    const outputData = data.output || {}
-    const imageUrl =
-      outputData.content && typeof outputData.content === 'string' ? outputData.content : undefined
-    const hasValidImage =
-      outputData.image && typeof outputData.image === 'string' && outputData.image.length > 0
-
-    return (
-      <div className='relative' onContextMenu={handleContextMenu}>
-        <span
-          className='inline-flex cursor-pointer select-none items-center text-muted-foreground'
-          onClick={(e) => {
-            e.stopPropagation()
-            setIsCollapsed(!isCollapsed)
-          }}
-        >
-          <span className='mr-1 text-xs leading-none'>{isCollapsed ? '▶' : '▼'}</span>
-          <span>{'{'}</span>
-          {isCollapsed ? '...' : ''}
-        </span>
-
-        {!isCollapsed && (
-          <div className='ml-4 break-words'>
-            {Object.entries(data).map(([key, value]: [string, any], index) => {
-              const isOutputKey = key === 'output'
-
-              return (
-                <div key={key} className='break-all'>
-                  <span className='text-muted-foreground'>{key}</span>:{' '}
-                  {isOutputKey ? (
-                    <div className='relative'>
-                      <span
-                        className='inline-flex cursor-pointer select-none items-center text-muted-foreground'
-                        onClick={(e) => {
-                          e.stopPropagation()
-                          const nestedElem = e.currentTarget.nextElementSibling
-                          if (nestedElem) {
-                            nestedElem.classList.toggle('hidden')
-                          }
-                        }}
-                      >
-                        <span className='mr-1 text-xs leading-none'>▼</span>
-                        <span>{'{'}</span>
-                      </span>
-                      <div className='ml-4 break-words'>
-                        {Object.entries(value).map(
-                          ([outputKey, outputValue]: [string, any], idx) => {
-                            const isImageSubKey = outputKey === 'image'
-
-                            return (
-                              <div key={outputKey} className='break-all'>
-                                <span className='text-muted-foreground'>{outputKey}</span>:{' '}
-                                {isImageSubKey ? (
-                                  <div>
-                                    {/* Show image preview within nested image field */}
-                                    <ImagePreview
-                                      imageUrl={imageUrl}
-                                      imageData={
-                                        hasValidImage && isBase64Image(outputValue)
-                                          ? outputValue
-                                          : undefined
-                                      }
-                                      isBase64={hasValidImage && isBase64Image(outputValue)}
-                                    />
-                                  </div>
-                                ) : (
-                                  <JSONView
-                                    data={outputValue}
-                                    level={level + 2}
-                                    initiallyExpanded={initiallyExpanded}
-                                  />
-                                )}
-                                {idx < Object.entries(value).length - 1 && ','}
-                              </div>
-                            )
-                          }
-                        )}
-                      </div>
-                      <span className='text-muted-foreground'>{'}'}</span>
-                    </div>
-                  ) : (
-                    <JSONView
-                      data={value}
-                      level={level + 1}
-                      initiallyExpanded={initiallyExpanded}
-                    />
-                  )}
-                  {index < Object.entries(data).length - 1 && ','}
-                </div>
-              )
-            })}
-          </div>
-        )}
-
-        {contextMenuPosition && (
-          <div
-            className='fixed z-50 min-w-[160px] rounded-md border bg-popover py-1 shadow-md'
-            style={{ left: contextMenuPosition.x, top: contextMenuPosition.y }}
-          >
-            <button
-              className='w-full px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => copyToClipboard(data)}
-            >
-              Copy object
-            </button>
-            <button
-              className='flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => {
-                document
-                  .querySelector<HTMLButtonElement>('.group .bg-background\\/80 button')
-                  ?.click()
-              }}
-            >
-              <Download className='h-4 w-4' />
-              Download image
-            </button>
-          </div>
-        )}
-
-        <span className='text-muted-foreground'>{'}'}</span>
-      </div>
-    )
-  }
-
-  const isArray = Array.isArray(data)
-  const items = isArray ? data : Object.entries(data)
-  const isEmpty = items.length === 0
-
-  if (isEmpty) {
-    return <span className='text-muted-foreground'>{isArray ? '[]' : '{}'}</span>
-  }
-
+  // Default case: show JSON as formatted text with collapsible functionality
   return (
-    <div className='relative' onContextMenu={handleContextMenu}>
-      <span
-        className='inline-flex cursor-pointer select-none items-center text-muted-foreground'
-        onClick={(e) => {
-          e.stopPropagation()
-          setIsCollapsed(!isCollapsed)
-        }}
-      >
-        <span className='mr-1 text-xs leading-none'>{isCollapsed ? '▶' : '▼'}</span>
-        <span>{isArray ? '[' : '{'}</span>
-        {isCollapsed ? '...' : ''}
-      </span>
-
-      {/* Direct image render for objects with image URLs */}
-      {!isCollapsed && hasImageUrl && <ImagePreview imageUrl={data.url} />}
-
-      {/* Direct audio render for objects with audio URLs */}
-      {!isCollapsed && hasAudioUrl && <AudioPlayer audioUrl={data.audioUrl} />}
-
+    <div onContextMenu={handleContextMenu}>
+      <pre className='max-w-full overflow-hidden whitespace-pre-wrap break-all font-mono'>
+        <CollapsibleJSON data={data} />
+      </pre>
       {contextMenuPosition && (
         <div
           className='fixed z-50 min-w-[160px] rounded-md border bg-popover py-1 shadow-md'
           style={{ left: contextMenuPosition.x, top: contextMenuPosition.y }}
         >
           <button
-            className='w-full px-3 py-1.5 text-left text-sm hover:bg-accent'
+            className='w-full px-3 py-1.5 text-left font-[380] text-sm hover:bg-accent'
             onClick={() => copyToClipboard(data)}
           >
             Copy object
           </button>
-          {hasImageUrl && (
-            <button
-              className='flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-accent'
-              onClick={() => {
-                document
-                  .querySelector<HTMLButtonElement>('.group .bg-background\\/80 button')
-                  ?.click()
-              }}
-            >
-              <Download className='h-4 w-4' />
-              Download image
-            </button>
-          )}
         </div>
       )}
-
-      {!isCollapsed && (
-        <div className='ml-4 break-words'>
-          {isArray
-            ? items.map((item, index) => (
-                <div key={index} className='break-all'>
-                  <JSONView data={item} level={level + 1} initiallyExpanded={initiallyExpanded} />
-                  {index < items.length - 1 && ','}
-                </div>
-              ))
-            : (items as [string, any][]).map(([key, value], index) => {
-                // Handle the case where we have content (URL) and image (base64) fields
-                const isImageField =
-                  key === 'image' && typeof value === 'string' && value.length > 100
-
-                return (
-                  <div key={key} className='break-all'>
-                    <span className='text-muted-foreground'>{key}</span>:{' '}
-                    {isImageField ? (
-                      <JSONView
-                        data={value}
-                        level={level + 1}
-                        initiallyExpanded={initiallyExpanded}
-                      />
-                    ) : (
-                      <JSONView
-                        data={value}
-                        level={level + 1}
-                        initiallyExpanded={initiallyExpanded}
-                      />
-                    )}
-                    {index < items.length - 1 && ','}
-                  </div>
-                )
-              })}
-        </div>
-      )}
-      <span className='text-muted-foreground'>{isArray ? ']' : '}'}</span>
     </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/console.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/console.tsx
index 36ded4867..bb15adce3 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/console.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/console/console.tsx
@@ -19,18 +19,20 @@ export function Console({ panelWidth }: ConsoleProps) {
   }, [entries, activeWorkflowId])
 
   return (
-    <ScrollArea className='h-full'>
-      <div>
-        {filteredEntries.length === 0 ? (
-          <div className='flex h-32 items-center justify-center pt-4 text-muted-foreground text-sm'>
-            No console entries
+    <div className='h-full pt-2 pl-[1px]'>
+      {filteredEntries.length === 0 ? (
+        <div className='flex h-full items-center justify-center text-muted-foreground text-sm'>
+          No console entries
+        </div>
+      ) : (
+        <ScrollArea className='h-full' hideScrollbar={true}>
+          <div className='space-y-3'>
+            {filteredEntries.map((entry) => (
+              <ConsoleEntry key={entry.id} entry={entry} consoleWidth={panelWidth} />
+            ))}
           </div>
-        ) : (
-          filteredEntries.map((entry) => (
-            <ConsoleEntry key={entry.id} entry={entry} consoleWidth={panelWidth} />
-          ))
-        )}
-      </div>
-    </ScrollArea>
+        </ScrollArea>
+      )}
+    </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/variables/variables.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/variables/variables.tsx
index 598a5aab2..0dff32699 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/variables/variables.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/variables/variables.tsx
@@ -12,7 +12,6 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
 import { Input } from '@/components/ui/input'
@@ -23,11 +22,7 @@ import { useVariablesStore } from '@/stores/panel/variables/store'
 import type { Variable, VariableType } from '@/stores/panel/variables/types'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 
-interface VariablesProps {
-  panelWidth: number
-}
-
-export function Variables({ panelWidth }: VariablesProps) {
+export function Variables() {
   const { activeWorkflowId, workflows } = useWorkflowRegistry()
   const {
     variables: storeVariables,
@@ -239,195 +234,196 @@ export function Variables({ panelWidth }: VariablesProps) {
   }, [workflowVariables])
 
   return (
-    <ScrollArea className='h-full'>
-      <div className='space-y-3 p-4'>
-        {/* Variables List */}
-        {workflowVariables.length === 0 ? (
-          <div className='flex h-32 flex-col items-center justify-center pt-4 text-muted-foreground text-sm'>
-            <div className='mb-2'>No variables yet</div>
-            <Button variant='outline' size='sm' className='text-xs' onClick={handleAddVariable}>
-              <Plus className='mr-1 h-3.5 w-3.5' />
-              Add your first variable
-            </Button>
-          </div>
-        ) : (
-          <>
-            <div className='space-y-3'>
-              {workflowVariables.map((variable) => (
-                <div
-                  key={variable.id}
-                  className='group flex flex-col space-y-2 rounded-lg border bg-background shadow-sm'
-                >
-                  <div className='flex items-center justify-between border-b bg-muted/30 p-3'>
-                    <div className='flex flex-1 items-center gap-2'>
-                      <Input
-                        className='!text-md h-9 max-w-40 border-input bg-background focus-visible:ring-1 focus-visible:ring-ring'
-                        placeholder='Variable name'
-                        value={variable.name}
-                        onChange={(e) => handleVariableNameChange(variable.id, e.target.value)}
-                      />
+    <div className='h-full pt-2'>
+      {workflowVariables.length === 0 ? (
+        <div className='flex h-full items-center justify-center'>
+          <Button
+            onClick={handleAddVariable}
+            className='h-9 rounded-lg border border-[#E5E5E5] bg-[#FFFFFF] px-3 py-1.5 font-normal text-muted-foreground text-sm shadow-xs transition-colors hover:text-muted-foreground dark:border-[#414141] dark:bg-[#202020] dark:hover:text-muted-foreground'
+            variant='outline'
+          >
+            <Plus className='h-4 w-4' />
+            Add variable
+          </Button>
+        </div>
+      ) : (
+        <ScrollArea className='h-full' hideScrollbar={true}>
+          <div className='space-y-4'>
+            {workflowVariables.map((variable) => (
+              <div key={variable.id} className='space-y-2'>
+                {/* Header: Variable name | Variable type | Options dropdown */}
+                <div className='flex items-center gap-2'>
+                  <Input
+                    className='h-9 flex-1 rounded-lg border-none bg-secondary/50 px-3 font-normal text-sm ring-0 ring-offset-0 placeholder:text-muted-foreground focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0'
+                    placeholder='Variable name'
+                    value={variable.name}
+                    onChange={(e) => handleVariableNameChange(variable.id, e.target.value)}
+                  />
 
-                      <DropdownMenu>
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <DropdownMenuTrigger asChild>
-                              <Button variant='outline' size='sm' className='h-9 gap-1'>
-                                <span className='!font-mono pt-[0.3px] text-sm'>
-                                  {getTypeIcon(variable.type)}
-                                </span>
-                                <ChevronDown className='!h-3.5 !w-3.5 text-muted-foreground' />
-                              </Button>
-                            </DropdownMenuTrigger>
-                          </TooltipTrigger>
-                          <TooltipContent side='top'>Set variable type</TooltipContent>
-                        </Tooltip>
-                        <DropdownMenuContent align='end' className='min-w-32'>
-                          <DropdownMenuItem
-                            onClick={() => updateVariable(variable.id, { type: 'plain' })}
-                            className='flex cursor-pointer items-center'
-                          >
-                            <div className='mr-2 w-5 text-center font-mono text-sm'>Abc</div>
-                            <span>Plain</span>
-                          </DropdownMenuItem>
-                          <DropdownMenuItem
-                            onClick={() => updateVariable(variable.id, { type: 'number' })}
-                            className='flex cursor-pointer items-center'
-                          >
-                            <div className='mr-2 w-5 text-center font-mono text-sm'>123</div>
-                            <span>Number</span>
-                          </DropdownMenuItem>
-                          <DropdownMenuItem
-                            onClick={() => updateVariable(variable.id, { type: 'boolean' })}
-                            className='flex cursor-pointer items-center'
-                          >
-                            <div className='mr-2 w-5 text-center font-mono text-sm'>0/1</div>
-                            <span>Boolean</span>
-                          </DropdownMenuItem>
-                          <DropdownMenuItem
-                            onClick={() => updateVariable(variable.id, { type: 'object' })}
-                            className='flex cursor-pointer items-center'
-                          >
-                            <div className='mr-2 w-5 text-center font-mono text-sm'>{'{}'}</div>
-                            <span>Object</span>
-                          </DropdownMenuItem>
-                          <DropdownMenuItem
-                            onClick={() => updateVariable(variable.id, { type: 'array' })}
-                            className='flex cursor-pointer items-center'
-                          >
-                            <div className='mr-2 w-5 text-center font-mono text-sm'>[]</div>
-                            <span>Array</span>
-                          </DropdownMenuItem>
-                        </DropdownMenuContent>
-                      </DropdownMenu>
-
-                      <div className='flex items-center'>
-                        <DropdownMenu>
-                          <DropdownMenuTrigger asChild>
-                            <Button
-                              variant='ghost'
-                              size='icon'
-                              className='h-9 w-9 text-muted-foreground'
-                            >
-                              <MoreVertical className='h-4 w-4' />
-                            </Button>
-                          </DropdownMenuTrigger>
-                          <DropdownMenuContent align='end'>
-                            <DropdownMenuItem
-                              onClick={() => duplicateVariable(variable.id)}
-                              className='cursor-pointer text-muted-foreground'
-                            >
-                              <Copy className='mr-2 h-4 w-4 text-muted-foreground' />
-                              Duplicate
-                            </DropdownMenuItem>
-                            <DropdownMenuSeparator />
-                            <DropdownMenuItem
-                              onClick={() => deleteVariable(variable.id)}
-                              className='cursor-pointer text-destructive focus:text-destructive'
-                            >
-                              <Trash className='mr-2 h-4 w-4' />
-                              Delete
-                            </DropdownMenuItem>
-                          </DropdownMenuContent>
-                        </DropdownMenu>
+                  {/* Type selector */}
+                  <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                      <div className='flex h-9 w-16 shrink-0 cursor-pointer items-center justify-center rounded-lg bg-secondary/50 px-3'>
+                        <span className='font-normal text-sm'>{getTypeIcon(variable.type)}</span>
+                        <ChevronDown className='ml-1 h-3 w-3 text-muted-foreground' />
                       </div>
-                    </div>
-                  </div>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent
+                      align='end'
+                      className='min-w-32 rounded-lg border-[#E5E5E5] bg-[#FFFFFF] shadow-xs dark:border-[#414141] dark:bg-[#202020]'
+                    >
+                      <DropdownMenuItem
+                        onClick={() => updateVariable(variable.id, { type: 'plain' })}
+                        className='flex cursor-pointer items-center rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                      >
+                        <div className='mr-2 w-5 text-center font-[380] text-sm'>Abc</div>
+                        <span className='font-[380]'>Plain</span>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        onClick={() => updateVariable(variable.id, { type: 'number' })}
+                        className='flex cursor-pointer items-center rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                      >
+                        <div className='mr-2 w-5 text-center font-[380] text-sm'>123</div>
+                        <span className='font-[380]'>Number</span>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        onClick={() => updateVariable(variable.id, { type: 'boolean' })}
+                        className='flex cursor-pointer items-center rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                      >
+                        <div className='mr-2 w-5 text-center font-[380] text-sm'>0/1</div>
+                        <span className='font-[380]'>Boolean</span>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        onClick={() => updateVariable(variable.id, { type: 'object' })}
+                        className='flex cursor-pointer items-center rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                      >
+                        <div className='mr-2 w-5 text-center font-[380] text-sm'>{'{}'}</div>
+                        <span className='font-[380]'>Object</span>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        onClick={() => updateVariable(variable.id, { type: 'array' })}
+                        className='flex cursor-pointer items-center rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                      >
+                        <div className='mr-2 w-5 text-center font-[380] text-sm'>[]</div>
+                        <span className='font-[380]'>Array</span>
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
 
-                  <div
-                    className='relative min-h-[36px] rounded-md bg-background px-4 pt-2 pb-3 font-mono text-sm'
-                    ref={(el) => {
-                      editorRefs.current[variable.id] = el
-                    }}
-                    style={{
-                      maxWidth: panelWidth ? `${panelWidth - 50}px` : '100%',
-                      overflowWrap: 'break-word',
-                    }}
-                  >
-                    {variable.value === '' && (
-                      <div className='pointer-events-none absolute top-[8.5px] left-4 select-none text-muted-foreground/50'>
-                        {getPlaceholder(variable.type)}
-                      </div>
-                    )}
-                    <Editor
-                      key={`editor-${variable.id}-${variable.type}`}
-                      value={formatValue(variable)}
-                      onValueChange={handleEditorChange.bind(null, variable)}
-                      onBlur={() => handleEditorBlur(variable.id)}
-                      onFocus={() => handleEditorFocus(variable.id)}
-                      highlight={(code) =>
-                        highlight(
-                          code,
-                          languages[getEditorLanguage(variable.type)],
-                          getEditorLanguage(variable.type)
-                        )
-                      }
-                      padding={0}
-                      style={{
-                        fontFamily: 'inherit',
-                        lineHeight: '21px',
-                        width: '100%',
-                        wordWrap: 'break-word',
-                        whiteSpace: 'pre-wrap',
-                      }}
-                      className='w-full focus:outline-none'
-                      textareaClassName='focus:outline-none focus:ring-0 bg-transparent resize-none w-full whitespace-pre-wrap break-words overflow-visible'
-                    />
+                  {/* Options dropdown */}
+                  <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                      <Button
+                        variant='ghost'
+                        size='sm'
+                        className='h-9 w-9 shrink-0 rounded-lg bg-secondary/50 p-0 text-muted-foreground hover:bg-secondary/70 focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0'
+                      >
+                        <MoreVertical className='h-4 w-4' />
+                      </Button>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent
+                      align='end'
+                      className='min-w-32 rounded-lg border-[#E5E5E5] bg-[#FFFFFF] shadow-xs dark:border-[#414141] dark:bg-[#202020]'
+                    >
+                      <DropdownMenuItem
+                        onClick={() => duplicateVariable(variable.id)}
+                        className='cursor-pointer rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                      >
+                        <Copy className='mr-2 h-4 w-4 text-muted-foreground' />
+                        Duplicate
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        onClick={() => deleteVariable(variable.id)}
+                        className='cursor-pointer rounded-md px-3 py-2 font-[380] text-destructive text-sm hover:bg-destructive/10 focus:bg-destructive/10 focus:text-destructive'
+                      >
+                        <Trash className='mr-2 h-4 w-4' />
+                        Delete
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </div>
 
-                    {/* Show validation indicator for any non-empty variable */}
-                    {variable.value !== '' && (
+                {/* Value area */}
+                <div className='relative rounded-lg bg-secondary/50'>
+                  {/* Validation indicator */}
+                  {variable.value !== '' && getValidationStatus(variable) && (
+                    <div className='absolute top-2 right-2 z-10'>
                       <Tooltip>
                         <TooltipTrigger asChild>
-                          <div className='group absolute top-[4px] right-[0px] cursor-help'>
-                            {getValidationStatus(variable) && (
-                              <div className='rounded-md border border-transparent p-1 transition-all duration-200 group-hover:border-muted/50 group-hover:bg-muted/80 group-hover:shadow-sm'>
-                                <AlertTriangle className='h-4 w-4 text-muted-foreground opacity-30 transition-opacity duration-200 group-hover:opacity-100' />
-                              </div>
-                            )}
+                          <div className='cursor-help'>
+                            <AlertTriangle className='h-3 w-3 text-muted-foreground' />
                           </div>
                         </TooltipTrigger>
                         <TooltipContent side='bottom' className='max-w-xs'>
-                          {getValidationStatus(variable) && <p>{getValidationStatus(variable)}</p>}
+                          <p>{getValidationStatus(variable)}</p>
                         </TooltipContent>
                       </Tooltip>
-                    )}
+                    </div>
+                  )}
+
+                  {/* Editor */}
+                  <div className='relative overflow-hidden'>
+                    <div
+                      className='relative min-h-[36px] w-full max-w-full px-3 py-2 font-normal text-sm'
+                      ref={(el) => {
+                        editorRefs.current[variable.id] = el
+                      }}
+                      style={{ maxWidth: '100%' }}
+                    >
+                      {variable.value === '' && (
+                        <div className='pointer-events-none absolute inset-0 flex select-none items-start justify-start px-3 py-2 font-[380] text-muted-foreground text-sm leading-normal'>
+                          <div style={{ lineHeight: '20px' }}>{getPlaceholder(variable.type)}</div>
+                        </div>
+                      )}
+                      <Editor
+                        key={`editor-${variable.id}-${variable.type}`}
+                        value={formatValue(variable)}
+                        onValueChange={handleEditorChange.bind(null, variable)}
+                        onBlur={() => handleEditorBlur(variable.id)}
+                        onFocus={() => handleEditorFocus(variable.id)}
+                        highlight={(code) =>
+                          // Only apply syntax highlighting for non-basic text types
+                          variable.type === 'plain' || variable.type === 'string'
+                            ? code
+                            : highlight(
+                                code,
+                                languages[getEditorLanguage(variable.type)],
+                                getEditorLanguage(variable.type)
+                              )
+                        }
+                        padding={0}
+                        style={{
+                          fontFamily: 'inherit',
+                          lineHeight: '20px',
+                          width: '100%',
+                          maxWidth: '100%',
+                          whiteSpace: 'pre-wrap',
+                          wordBreak: 'break-all',
+                          overflowWrap: 'break-word',
+                          minHeight: '20px',
+                          overflow: 'hidden',
+                        }}
+                        className='[&>pre]:!max-w-full [&>pre]:!overflow-hidden [&>pre]:!whitespace-pre-wrap [&>pre]:!break-all [&>pre]:!overflow-wrap-break-word [&>textarea]:!max-w-full [&>textarea]:!overflow-hidden [&>textarea]:!whitespace-pre-wrap [&>textarea]:!break-all [&>textarea]:!overflow-wrap-break-word font-[380] text-foreground text-sm leading-normal focus:outline-none'
+                        textareaClassName='focus:outline-none focus:ring-0 bg-transparent resize-none w-full max-w-full whitespace-pre-wrap break-all overflow-wrap-break-word overflow-hidden font-[380] text-foreground'
+                      />
+                    </div>
                   </div>
                 </div>
-              ))}
-            </div>
+              </div>
+            ))}
 
             {/* Add Variable Button */}
             <Button
-              variant='ghost'
-              size='sm'
-              className='mt-2 w-full justify-start text-muted-foreground text-xs hover:text-foreground'
               onClick={handleAddVariable}
+              className='mt-2 h-9 w-full rounded-lg border border-[#E5E5E5] bg-[#FFFFFF] px-3 py-1.5 font-[380] text-muted-foreground text-sm shadow-xs transition-colors hover:text-muted-foreground dark:border-[#414141] dark:bg-[#202020] dark:hover:text-muted-foreground'
+              variant='outline'
             >
-              <Plus className='mr-1.5 h-3.5 w-3.5' />
+              <Plus className='h-4 w-4' />
               Add variable
             </Button>
-          </>
-        )}
-      </div>
-    </ScrollArea>
+          </div>
+        </ScrollArea>
+      )}
+    </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx
index f40245f99..cbc776d91 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel.tsx
@@ -1,7 +1,7 @@
 'use client'
 
-import { useEffect, useRef, useState } from 'react'
-import { Expand, PanelRight } from 'lucide-react'
+import { useCallback, useEffect, useState } from 'react'
+import { ArrowDownToLine, CircleSlash, X } from 'lucide-react'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { useChatStore } from '@/stores/panel/chat/store'
 import { useConsoleStore } from '@/stores/panel/console/store'
@@ -13,209 +13,198 @@ import { Console } from './components/console/console'
 import { Variables } from './components/variables/variables'
 
 export function Panel() {
-  const [width, setWidth] = useState(336) // 84 * 4 = 336px (default width)
-  const [isDragging, setIsDragging] = useState(false)
   const [chatMessage, setChatMessage] = useState<string>('')
   const [copilotMessage, setCopilotMessage] = useState<string>('')
   const [isChatModalOpen, setIsChatModalOpen] = useState(false)
-  const [isCopilotModalOpen, setIsCopilotModalOpen] = useState(false)
-  const copilotRef = useRef<{ clearMessages: () => void }>(null)
+  const [isResizing, setIsResizing] = useState(false)
+  const [resizeStartX, setResizeStartX] = useState(0)
+  const [resizeStartWidth, setResizeStartWidth] = useState(0)
 
   const isOpen = usePanelStore((state) => state.isOpen)
   const togglePanel = usePanelStore((state) => state.togglePanel)
   const activeTab = usePanelStore((state) => state.activeTab)
   const setActiveTab = usePanelStore((state) => state.setActiveTab)
+  const panelWidth = usePanelStore((state) => state.panelWidth)
+  const setPanelWidth = usePanelStore((state) => state.setPanelWidth)
 
   const clearConsole = useConsoleStore((state) => state.clearConsole)
+  const exportConsoleCSV = useConsoleStore((state) => state.exportConsoleCSV)
   const clearChat = useChatStore((state) => state.clearChat)
+  const exportChatCSV = useChatStore((state) => state.exportChatCSV)
   const { activeWorkflowId } = useWorkflowRegistry()
 
-  const handleMouseDown = (e: React.MouseEvent) => {
-    setIsDragging(true)
-    e.preventDefault()
+  const handleTabClick = (tab: 'chat' | 'console' | 'variables') => {
+    setActiveTab(tab)
+    if (!isOpen) {
+      togglePanel()
+    }
   }
 
+  const handleClosePanel = () => {
+    togglePanel()
+  }
+
+  // Resize functionality
+  const handleResizeStart = useCallback(
+    (e: React.MouseEvent) => {
+      if (!isOpen) return
+      e.preventDefault()
+      setIsResizing(true)
+      setResizeStartX(e.clientX)
+      setResizeStartWidth(panelWidth)
+    },
+    [isOpen, panelWidth]
+  )
+
+  const handleResize = useCallback(
+    (e: MouseEvent) => {
+      if (!isResizing) return
+      const deltaX = resizeStartX - e.clientX // Subtract because we're expanding left
+      const newWidth = resizeStartWidth + deltaX
+      setPanelWidth(newWidth)
+    },
+    [isResizing, resizeStartX, resizeStartWidth, setPanelWidth]
+  )
+
+  const handleResizeEnd = useCallback(() => {
+    setIsResizing(false)
+  }, [])
+
+  // Add global mouse event listeners for resize
   useEffect(() => {
-    const handleMouseMove = (e: MouseEvent) => {
-      if (isDragging) {
-        const newWidth = window.innerWidth - e.clientX
-        setWidth(Math.max(336, Math.min(newWidth, window.innerWidth * 0.8)))
+    if (isResizing) {
+      document.addEventListener('mousemove', handleResize)
+      document.addEventListener('mouseup', handleResizeEnd)
+      document.body.style.cursor = 'col-resize'
+      document.body.style.userSelect = 'none'
+
+      return () => {
+        document.removeEventListener('mousemove', handleResize)
+        document.removeEventListener('mouseup', handleResizeEnd)
+        document.body.style.cursor = ''
+        document.body.style.userSelect = ''
       }
     }
-
-    const handleMouseUp = () => {
-      setIsDragging(false)
-    }
-
-    if (isDragging) {
-      document.addEventListener('mousemove', handleMouseMove)
-      document.addEventListener('mouseup', handleMouseUp)
-    }
-
-    return () => {
-      document.removeEventListener('mousemove', handleMouseMove)
-      document.removeEventListener('mouseup', handleMouseUp)
-    }
-  }, [isDragging])
-
-  if (!isOpen) {
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button
-            onClick={togglePanel}
-            className='fixed right-4 bottom-[18px] z-10 flex h-9 w-9 items-center justify-center rounded-lg border bg-background text-muted-foreground transition-colors hover:bg-accent hover:text-foreground'
-          >
-            <PanelRight className='h-5 w-5' />
-            <span className='sr-only'>Open Panel</span>
-          </button>
-        </TooltipTrigger>
-        <TooltipContent side='top'>Open Panel</TooltipContent>
-      </Tooltip>
-    )
-  }
+  }, [isResizing, handleResize, handleResizeEnd])
 
   return (
     <>
-      <div
-        className='fixed top-16 right-0 z-10 flex h-[calc(100vh-4rem)] flex-col border-l bg-background'
-        style={{ width: `${width}px` }}
-      >
-        <div
-          className='absolute top-0 bottom-0 left-[-4px] z-50 w-4 cursor-ew-resize hover:bg-accent/50'
-          onMouseDown={handleMouseDown}
-        />
+      {/* Tab Selector - Always visible */}
+      <div className='fixed top-[76px] right-4 z-20 flex h-9 w-[308px] items-center gap-1 rounded-[14px] border bg-card px-[2.5px] py-1 shadow-xs'>
+        <button
+          onClick={() => handleTabClick('chat')}
+          className={`panel-tab-base inline-flex flex-1 cursor-pointer items-center justify-center rounded-[10px] border border-transparent py-1 font-[450] text-sm outline-none transition-colors duration-200 ${
+            isOpen && activeTab === 'chat' ? 'panel-tab-active' : 'panel-tab-inactive'
+          }`}
+        >
+          Chat
+        </button>
+        <button
+          onClick={() => handleTabClick('console')}
+          className={`panel-tab-base inline-flex flex-1 cursor-pointer items-center justify-center rounded-[10px] border border-transparent py-1 font-[450] text-sm outline-none transition-colors duration-200 ${
+            isOpen && activeTab === 'console' ? 'panel-tab-active' : 'panel-tab-inactive'
+          }`}
+        >
+          Console
+        </button>
+        <button
+          onClick={() => handleTabClick('variables')}
+          className={`panel-tab-base inline-flex flex-1 cursor-pointer items-center justify-center rounded-[10px] border border-transparent py-1 font-[450] text-sm outline-none transition-colors duration-200 ${
+            isOpen && activeTab === 'variables' ? 'panel-tab-active' : 'panel-tab-inactive'
+          }`}
+        >
+          Variables
+        </button>
+      </div>
 
-        {/* Panel Header */}
-        <div className='flex h-14 flex-none items-center justify-between border-b px-4'>
-          <div className='flex gap-2'>
-            <button
-              onClick={() => setActiveTab('chat')}
-              className={`rounded-md px-3 py-1 text-sm transition-colors ${
-                activeTab === 'chat'
-                  ? 'bg-accent text-foreground'
-                  : 'text-muted-foreground hover:bg-accent/50 hover:text-foreground'
-              }`}
-            >
-              Chat
-            </button>
-            <button
-              onClick={() => setActiveTab('console')}
-              className={`rounded-md px-3 py-1 text-sm transition-colors ${
-                activeTab === 'console'
-                  ? 'bg-accent text-foreground'
-                  : 'text-muted-foreground hover:bg-accent/50 hover:text-foreground'
-              }`}
-            >
-              Console
-            </button>
-            <button
-              onClick={() => setActiveTab('variables')}
-              className={`rounded-md px-3 py-1 text-sm transition-colors ${
-                activeTab === 'variables'
-                  ? 'bg-accent text-foreground'
-                  : 'text-muted-foreground hover:bg-accent/50 hover:text-foreground'
-              }`}
-            >
-              Variables
-            </button>
-            {/* <button
-              onClick={() => setActiveTab('copilot')}
-              className={`rounded-md px-3 py-1 text-sm transition-colors ${
-                activeTab === 'copilot'
-                  ? 'bg-accent text-foreground'
-                  : 'text-muted-foreground hover:bg-accent/50 hover:text-foreground'
-              }`}
-            >
-              Copilot
-            </button> */}
+      {/* Panel Content - Only visible when isOpen is true */}
+      {isOpen && (
+        <div
+          className='fixed top-[124px] right-4 bottom-4 z-10 flex flex-col rounded-[14px] border bg-card shadow-xs'
+          style={{ width: `${panelWidth}px` }}
+        >
+          {/* Invisible resize handle */}
+          <div
+            className='-left-1 absolute top-0 bottom-0 w-2 cursor-col-resize'
+            onMouseDown={handleResizeStart}
+          />
+
+          {/* Header - Fixed width content */}
+          <div className='flex items-center justify-between px-3 pt-3 pb-1'>
+            <h2 className='font-[450] text-base text-card-foreground capitalize'>{activeTab}</h2>
+            <div className='flex items-center gap-2'>
+              {activeTab === 'console' && (
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <button
+                      onClick={() => activeWorkflowId && exportConsoleCSV(activeWorkflowId)}
+                      className='font-medium text-md leading-normal transition-all hover:brightness-75 dark:hover:brightness-125'
+                      style={{ color: 'var(--base-muted-foreground)' }}
+                    >
+                      <ArrowDownToLine className='h-4 w-4' strokeWidth={2} />
+                    </button>
+                  </TooltipTrigger>
+                  <TooltipContent side='bottom'>Export console data</TooltipContent>
+                </Tooltip>
+              )}
+              {activeTab === 'chat' && (
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <button
+                      onClick={() => activeWorkflowId && exportChatCSV(activeWorkflowId)}
+                      className='font-medium text-md leading-normal transition-all hover:brightness-75 dark:hover:brightness-125'
+                      style={{ color: 'var(--base-muted-foreground)' }}
+                    >
+                      <ArrowDownToLine className='h-4 w-4' strokeWidth={2} />
+                    </button>
+                  </TooltipTrigger>
+                  <TooltipContent side='bottom'>Export chat data</TooltipContent>
+                </Tooltip>
+              )}
+              {(activeTab === 'console' || activeTab === 'chat') && (
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <button
+                      onClick={() =>
+                        activeTab === 'console'
+                          ? clearConsole(activeWorkflowId)
+                          : clearChat(activeWorkflowId)
+                      }
+                      className='font-medium text-md leading-normal transition-all hover:brightness-75 dark:hover:brightness-125'
+                      style={{ color: 'var(--base-muted-foreground)' }}
+                    >
+                      <CircleSlash className='h-4 w-4' strokeWidth={2} />
+                    </button>
+                  </TooltipTrigger>
+                  <TooltipContent side='bottom'>Clear {activeTab}</TooltipContent>
+                </Tooltip>
+              )}
+              <button
+                onClick={handleClosePanel}
+                className='font-medium text-md leading-normal transition-all hover:brightness-75 dark:hover:brightness-125'
+                style={{ color: 'var(--base-muted-foreground)' }}
+              >
+                <X className='h-4 w-4' strokeWidth={2} />
+              </button>
+            </div>
           </div>
 
-          {(activeTab === 'console' || activeTab === 'chat') /* || activeTab === 'copilot' */ && (
-            <button
-              onClick={() => {
-                if (activeTab === 'console') {
-                  clearConsole(activeWorkflowId)
-                } else if (activeTab === 'chat') {
-                  clearChat(activeWorkflowId)
-                }
-                // else if (activeTab === 'copilot') {
-                //   copilotRef.current?.clearMessages()
-                // }
-              }}
-              className='rounded-md px-3 py-1 text-muted-foreground text-sm transition-colors hover:bg-accent/50 hover:text-foreground'
-            >
-              Clear
-            </button>
-          )}
+          {/* Panel Content Area - Resizable */}
+          <div className='flex-1 overflow-hidden px-3'>
+            {activeTab === 'chat' ? (
+              <Chat
+                panelWidth={panelWidth}
+                chatMessage={chatMessage}
+                setChatMessage={setChatMessage}
+              />
+            ) : activeTab === 'console' ? (
+              <Console panelWidth={panelWidth} />
+            ) : (
+              <Variables />
+            )}
+          </div>
         </div>
-
-        {/* Panel Content */}
-        <div className='flex-1 overflow-hidden'>
-          {activeTab === 'chat' ? (
-            <Chat panelWidth={width} chatMessage={chatMessage} setChatMessage={setChatMessage} />
-          ) : activeTab === 'console' ? (
-            <Console panelWidth={width} />
-          ) : (
-            /* activeTab === 'copilot' ? (
-            <Copilot
-              ref={copilotRef}
-              panelWidth={width}
-              isFullscreen={isCopilotModalOpen}
-              onFullscreenToggle={setIsCopilotModalOpen}
-              fullscreenInput={copilotMessage}
-              onFullscreenInputChange={setCopilotMessage}
-            />
-          ) : */ <Variables panelWidth={width} />
-          )}
-        </div>
-
-        {/* Panel Footer */}
-        <div className='flex h-16 flex-none items-center justify-between border-t bg-background px-4'>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <button
-                onClick={togglePanel}
-                className='flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground'
-              >
-                <PanelRight className='h-5 w-5 rotate-180 transform' />
-                <span className='sr-only'>Close Panel</span>
-              </button>
-            </TooltipTrigger>
-            <TooltipContent side='right'>Close Panel</TooltipContent>
-          </Tooltip>
-
-          {activeTab === 'chat' && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <button
-                  onClick={() => setIsChatModalOpen(true)}
-                  className='flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground'
-                >
-                  <Expand className='h-5 w-5' />
-                  <span className='sr-only'>Expand Chat</span>
-                </button>
-              </TooltipTrigger>
-              <TooltipContent side='left'>Expand Chat</TooltipContent>
-            </Tooltip>
-          )}
-
-          {/* activeTab === 'copilot' && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <button
-                  onClick={() => setIsCopilotModalOpen(true)}
-                  className='flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-foreground'
-                >
-                  <Expand className='h-5 w-5' />
-                  <span className='sr-only'>Expand Copilot</span>
-                </button>
-              </TooltipTrigger>
-              <TooltipContent side='left'>Expand Copilot</TooltipContent>
-            </Tooltip>
-          ) */}
-        </div>
-      </div>
+      )}
 
       {/* Fullscreen Chat Modal */}
       <ChatModal
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/skeleton-loading/skeleton-loading.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/skeleton-loading/skeleton-loading.tsx
index de8e90cdf..04fe953d2 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/skeleton-loading/skeleton-loading.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/skeleton-loading/skeleton-loading.tsx
@@ -1,81 +1,64 @@
 'use client'
 
-import { Bell, Bug, ChevronDown, Copy, History, Layers, Play, Rocket, Trash2 } from 'lucide-react'
+import { Bug, Copy, Layers, Play, Rocket, Trash2 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Skeleton } from '@/components/ui/skeleton'
-import { useSidebarStore } from '@/stores/sidebar/store'
 
 const SkeletonControlBar = () => {
   return (
-    <div className='flex h-16 w-full items-center justify-between border-b bg-background'>
-      {/* Left Section - Workflow Name Skeleton */}
-      <div className='flex flex-col gap-[2px] pl-4'>
-        {/* Workflow name skeleton */}
-        <Skeleton className='h-[20px] w-32' />
-        {/* "Saved X time ago" skeleton */}
-        <Skeleton className='h-3 w-24' />
-      </div>
+    <div className='fixed top-4 right-4 z-20 flex items-center gap-1'>
+      {/* Delete Button */}
+      <Button
+        variant='outline'
+        className='h-12 w-12 cursor-not-allowed rounded-[11px] border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))] opacity-50 shadow-xs hover:border-[hsl(var(--card-border))] hover:bg-[hsl(var(--card-background))]'
+        disabled
+      >
+        <Trash2 className='h-5 w-5' />
+      </Button>
 
-      {/* Middle Section */}
-      <div className='flex-1' />
+      {/* Duplicate Button */}
+      <Button
+        variant='outline'
+        className='h-12 w-12 cursor-not-allowed rounded-[11px] border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))] opacity-50 shadow-xs hover:border-[hsl(var(--card-border))] hover:bg-[hsl(var(--card-background))] hover:bg-gray-100'
+        disabled
+      >
+        <Copy className='h-5 w-5' />
+      </Button>
 
-      {/* Right Section - Action Buttons with Real Icons */}
-      <div className='flex items-center gap-1 pr-4'>
-        {/* Delete Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <Trash2 className='h-5 w-5' />
-        </Button>
+      {/* Auto Layout Button */}
+      <Button
+        variant='outline'
+        className='h-12 w-12 cursor-not-allowed rounded-[11px] border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))] opacity-50 shadow-xs hover:border-[hsl(var(--card-border))] hover:bg-[hsl(var(--card-background))] hover:bg-gray-100'
+        disabled
+      >
+        <Layers className='h-5 w-5' />
+      </Button>
 
-        {/* History Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <History className='h-5 w-5' />
-        </Button>
+      {/* Debug Mode Button */}
+      <Button
+        variant='outline'
+        className='h-12 w-12 cursor-not-allowed rounded-[11px] border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))] opacity-50 shadow-xs hover:border-[hsl(var(--card-border))] hover:bg-[hsl(var(--card-background))] hover:bg-gray-100'
+        disabled
+      >
+        <Bug className='h-5 w-5' />
+      </Button>
 
-        {/* Notifications Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <Bell className='h-5 w-5' />
-        </Button>
+      {/* Deploy Button */}
+      <Button
+        variant='outline'
+        className='h-12 w-12 cursor-not-allowed rounded-[11px] border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))] opacity-50 shadow-xs hover:border-[hsl(var(--card-border))] hover:bg-[hsl(var(--card-background))] hover:bg-gray-100'
+        disabled
+      >
+        <Rocket className='h-5 w-5' />
+      </Button>
 
-        {/* Duplicate Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <Copy className='h-5 w-5' />
-        </Button>
-
-        {/* Auto Layout Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <Layers className='h-5 w-5' />
-        </Button>
-
-        {/* Debug Mode Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <Bug className='h-5 w-5' />
-        </Button>
-
-        {/* Deploy Button */}
-        <Button variant='ghost' size='icon' disabled className='opacity-60'>
-          <Rocket className='h-5 w-5' />
-        </Button>
-
-        {/* Run Button with Dropdown */}
-        <div className='ml-1 flex'>
-          {/* Main Run Button */}
-          <Button
-            disabled
-            className='h-10 gap-2 rounded-r-none border-r border-r-[#6420cc] bg-[#701FFC] px-4 py-2 font-medium text-white opacity-60'
-          >
-            <Play className='h-3.5 w-3.5 fill-current stroke-current' />
-            Run
-          </Button>
-
-          {/* Dropdown Trigger */}
-          <Button
-            disabled
-            className='h-10 rounded-l-none bg-[#701FFC] px-2 font-medium text-white opacity-60'
-          >
-            <ChevronDown className='h-4 w-4' />
-          </Button>
-        </div>
-      </div>
+      {/* Run Button */}
+      <Button
+        className='h-12 cursor-not-allowed gap-2 rounded-[11px] bg-[#701FFC] px-4 py-2 font-medium text-white shadow-[0_0_0_0_#701FFC] transition-all duration-200 hover:bg-[#6518E6] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:bg-[#701FFC] disabled:hover:shadow-none'
+        disabled
+      >
+        <Play className='h-3.5 w-3.5 fill-current stroke-current' />
+      </Button>
     </div>
   )
 }
@@ -163,26 +146,22 @@ export function SkeletonLoading({
   isSidebarCollapsed,
   children,
 }: SkeletonLoadingProps) {
-  const { mode, isExpanded } = useSidebarStore()
-
   return (
-    <div className='flex h-screen w-full flex-col overflow-hidden'>
-      <div className={`transition-all duration-200 ${isSidebarCollapsed ? 'ml-14' : 'ml-60'}`}>
-        {/* Skeleton Control Bar */}
-        <div
-          className={`transition-opacity duration-500 ${showSkeleton ? 'opacity-100' : 'pointer-events-none absolute opacity-0'}`}
-          style={{ zIndex: showSkeleton ? 10 : -1 }}
-        >
-          <SkeletonControlBar />
-        </div>
+    <div className='flex h-screen w-full flex-col overflow-hidden pl-64'>
+      {/* Skeleton Control Bar */}
+      <div
+        className={`transition-opacity duration-500 ${showSkeleton ? 'opacity-100' : 'pointer-events-none absolute opacity-0'}`}
+        style={{ zIndex: showSkeleton ? 10 : -1 }}
+      >
+        <SkeletonControlBar />
+      </div>
 
-        {/* Real Control Bar */}
-        <div
-          className={`transition-opacity duration-500 ${showSkeleton ? 'pointer-events-none absolute opacity-0' : 'opacity-100'}`}
-          style={{ zIndex: showSkeleton ? -1 : 10 }}
-        >
-          {children}
-        </div>
+      {/* Real Control Bar */}
+      <div
+        className={`transition-opacity duration-500 ${showSkeleton ? 'pointer-events-none absolute opacity-0' : 'opacity-100'}`}
+        style={{ zIndex: showSkeleton ? -1 : 10 }}
+      >
+        {children}
       </div>
 
       {/* Real content will be rendered by children - sidebar will show its own loading state */}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-tabs/toolbar-tabs.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-tabs/toolbar-tabs.tsx
deleted file mode 100644
index 285695a0c..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-tabs/toolbar-tabs.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-'use client'
-
-import { useEffect, useRef, useState } from 'react'
-
-interface ToolbarTabsProps {
-  activeTab: 'blocks' | 'tools'
-  onTabChange: (tab: 'blocks' | 'tools') => void
-}
-
-export function ToolbarTabs({ activeTab, onTabChange }: ToolbarTabsProps) {
-  const blocksRef = useRef<HTMLButtonElement>(null)
-  const toolsRef = useRef<HTMLButtonElement>(null)
-  const [underlineStyle, setUnderlineStyle] = useState({
-    width: 0,
-    transform: '',
-  })
-
-  useEffect(() => {
-    const activeRef = activeTab === 'blocks' ? blocksRef : toolsRef
-    if (activeRef.current) {
-      const rect = activeRef.current.getBoundingClientRect()
-      const parentRect = activeRef.current.parentElement?.getBoundingClientRect()
-      const offsetLeft = parentRect ? rect.left - parentRect.left : 0
-
-      setUnderlineStyle({
-        width: rect.width,
-        transform: `translateX(${offsetLeft}px)`,
-      })
-    }
-  }, [activeTab])
-
-  return (
-    <div className='relative pt-5'>
-      <div className='flex gap-8 px-6'>
-        <button
-          ref={blocksRef}
-          onClick={() => onTabChange('blocks')}
-          className={`font-medium text-sm transition-colors hover:text-foreground ${
-            activeTab === 'blocks' ? 'text-foreground' : 'text-muted-foreground'
-          }`}
-        >
-          Blocks
-        </button>
-        <button
-          ref={toolsRef}
-          onClick={() => onTabChange('tools')}
-          className={`font-medium text-sm transition-colors hover:text-foreground ${
-            activeTab === 'tools' ? 'text-foreground' : 'text-muted-foreground'
-          }`}
-        >
-          Tools
-        </button>
-      </div>
-
-      <div className='relative mt-2'>
-        <div className='absolute bottom-0 h-[1px] w-full border-b' />
-        <div
-          className='absolute bottom-0 h-[1.5px] bg-foreground transition-transform duration-200'
-          style={{
-            width: `${underlineStyle.width}px`,
-            transform: underlineStyle.transform,
-          }}
-        />
-      </div>
-    </div>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/toolbar.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/toolbar.tsx
deleted file mode 100644
index d4558a038..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/toolbar.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-'use client'
-
-import React, { useCallback, useMemo, useState } from 'react'
-import { PanelLeftClose, PanelRight, Search } from 'lucide-react'
-import { useParams } from 'next/navigation'
-import { Input } from '@/components/ui/input'
-import { ScrollArea } from '@/components/ui/scroll-area'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
-import { getAllBlocks, getBlocksByCategory } from '@/blocks'
-import type { BlockCategory } from '@/blocks/types'
-import { useSidebarStore } from '@/stores/sidebar/store'
-import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
-import { ToolbarBlock } from './components/toolbar-block/toolbar-block'
-import LoopToolbarItem from './components/toolbar-loop-block/toolbar-loop-block'
-import ParallelToolbarItem from './components/toolbar-parallel-block/toolbar-parallel-block'
-import { ToolbarTabs } from './components/toolbar-tabs/toolbar-tabs'
-
-interface ToolbarButtonProps {
-  onClick: () => void
-  className: string
-  children: React.ReactNode
-  tooltipContent: string
-  tooltipSide?: 'left' | 'right' | 'top' | 'bottom'
-}
-
-const ToolbarButton = React.memo<ToolbarButtonProps>(
-  ({ onClick, className, children, tooltipContent, tooltipSide = 'right' }) => (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <button onClick={onClick} className={className}>
-          {children}
-        </button>
-      </TooltipTrigger>
-      <TooltipContent side={tooltipSide}>{tooltipContent}</TooltipContent>
-    </Tooltip>
-  )
-)
-
-ToolbarButton.displayName = 'ToolbarButton'
-
-export const Toolbar = React.memo(() => {
-  const params = useParams()
-  const workflowId = params?.id as string
-
-  // Get the workspace ID from URL params
-  const { workflows } = useWorkflowRegistry()
-  const workspaceId = params.workspaceId as string
-
-  const currentWorkflow = useMemo(
-    () => (workflowId ? workflows[workflowId] : null),
-    [workflowId, workflows]
-  )
-
-  const userPermissions = useUserPermissionsContext()
-
-  const [activeTab, setActiveTab] = useState<BlockCategory>('blocks')
-  const [searchQuery, setSearchQuery] = useState('')
-  const { mode, isExpanded } = useSidebarStore()
-
-  // In hover mode, act as if sidebar is always collapsed for layout purposes
-  const isSidebarCollapsed = useMemo(
-    () => (mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'),
-    [mode, isExpanded]
-  )
-
-  // State to track if toolbar is open - independent of sidebar state
-  const [isToolbarOpen, setIsToolbarOpen] = useState(true)
-
-  const blocks = useMemo(() => {
-    const filteredBlocks = !searchQuery.trim() ? getBlocksByCategory(activeTab) : getAllBlocks()
-
-    return filteredBlocks.filter((block) => {
-      if (block.type === 'starter' || block.hideFromToolbar) return false
-
-      return (
-        !searchQuery.trim() ||
-        block.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
-        block.description.toLowerCase().includes(searchQuery.toLowerCase())
-      )
-    })
-  }, [searchQuery, activeTab])
-
-  const handleOpenToolbar = useCallback(() => {
-    setIsToolbarOpen(true)
-  }, [])
-
-  const handleCloseToolbar = useCallback(() => {
-    setIsToolbarOpen(false)
-  }, [])
-
-  const handleSearchChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-    setSearchQuery(e.target.value)
-  }, [])
-
-  const handleTabChange = useCallback((tab: BlockCategory) => {
-    setActiveTab(tab)
-  }, [])
-
-  // Show toolbar button when it's closed, regardless of sidebar state
-  if (!isToolbarOpen) {
-    return (
-      <ToolbarButton
-        onClick={handleOpenToolbar}
-        className={`fixed transition-all duration-200 ${isSidebarCollapsed ? 'left-20' : 'left-64'} bottom-[18px] z-10 flex h-9 w-9 items-center justify-center rounded-lg border bg-background text-muted-foreground hover:bg-accent hover:text-foreground`}
-        tooltipContent='Open Toolbar'
-        tooltipSide='right'
-      >
-        <PanelRight className='h-5 w-5' />
-        <span className='sr-only'>Open Toolbar</span>
-      </ToolbarButton>
-    )
-  }
-
-  return (
-    <div
-      className={`fixed transition-all duration-200 ${isSidebarCollapsed ? 'left-14' : 'left-60'} top-16 z-10 h-[calc(100vh-4rem)] w-60 border-r bg-background sm:block`}
-    >
-      <div className='flex h-full flex-col'>
-        <div className='sticky top-0 z-20 bg-background px-4 pt-4 pb-1'>
-          <div className='relative'>
-            <Search className='-translate-y-[50%] absolute top-[50%] left-3 h-4 w-4 text-muted-foreground' />
-            <Input
-              placeholder='Search...'
-              className='rounded-md pl-9'
-              value={searchQuery}
-              onChange={handleSearchChange}
-              autoComplete='off'
-              autoCorrect='off'
-              autoCapitalize='off'
-              spellCheck='false'
-            />
-          </div>
-        </div>
-
-        {!searchQuery && (
-          <div className='sticky top-[72px] z-20 bg-background'>
-            <ToolbarTabs activeTab={activeTab} onTabChange={handleTabChange} />
-          </div>
-        )}
-
-        <ScrollArea className='h-[calc(100%-4rem)]'>
-          <div className='p-4 pb-20'>
-            <div className='flex flex-col gap-3'>
-              {blocks.map((block) => (
-                <ToolbarBlock key={block.type} config={block} disabled={!userPermissions.canEdit} />
-              ))}
-              {((activeTab === 'blocks' && !searchQuery) ||
-                (searchQuery && 'loop'.includes(searchQuery.toLowerCase()))) && (
-                <LoopToolbarItem disabled={!userPermissions.canEdit} />
-              )}
-              {((activeTab === 'blocks' && !searchQuery) ||
-                (searchQuery && 'parallel'.includes(searchQuery.toLowerCase()))) && (
-                <ParallelToolbarItem disabled={!userPermissions.canEdit} />
-              )}
-            </div>
-          </div>
-        </ScrollArea>
-
-        <div className='absolute right-0 bottom-0 left-0 h-16 border-t bg-background'>
-          <ToolbarButton
-            onClick={handleCloseToolbar}
-            className='absolute right-4 bottom-[18px] flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground hover:bg-accent hover:text-foreground'
-            tooltipContent='Close Toolbar'
-            tooltipSide='left'
-          >
-            <PanelLeftClose className='h-5 w-5' />
-            <span className='sr-only'>Close Toolbar</span>
-          </ToolbarButton>
-        </div>
-      </div>
-    </div>
-  )
-})
-
-Toolbar.displayName = 'Toolbar'
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/date-input.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/date-input.tsx
index ed56ebae7..7bda3c424 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/date-input.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/date-input.tsx
@@ -7,7 +7,6 @@ import { Button } from '@/components/ui/button'
 import { Calendar } from '@/components/ui/calendar'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
 import { cn } from '@/lib/utils'
-import { useNotificationStore } from '@/stores/notifications/store'
 import { useSubBlockValue } from '../hooks/use-sub-block-value'
 
 interface DateInputProps {
@@ -31,7 +30,6 @@ export function DateInput({
 
   // Use preview value when in preview mode, otherwise use store value
   const value = isPreview ? previewValue : storeValue
-  const addNotification = useNotificationStore((state) => state.addNotification)
   const date = value ? new Date(value) : undefined
 
   const isPastDate = React.useMemo(() => {
@@ -47,10 +45,6 @@ export function DateInput({
     if (selectedDate) {
       const today = new Date()
       today.setHours(0, 0, 0, 0)
-
-      if (selectedDate < today) {
-        addNotification('error', 'Cannot start at a date in the past', blockId)
-      }
     }
     setStoreValue(selectedDate?.toISOString() || '')
   }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/file-upload.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/file-upload.tsx
index 4cc457e08..469800d77 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/file-upload.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/file-upload.tsx
@@ -4,11 +4,13 @@ import { useRef, useState } from 'react'
 import { X } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Progress } from '@/components/ui/progress'
-import { useNotificationStore } from '@/stores/notifications/store'
+import { createLogger } from '@/lib/logs/console-logger'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import { useWorkflowStore } from '@/stores/workflows/workflow/store'
 import { useSubBlockValue } from '../hooks/use-sub-block-value'
 
+const logger = createLogger('FileUpload')
+
 interface FileUploadProps {
   blockId: string
   subBlockId: string
@@ -55,7 +57,6 @@ export function FileUpload({
   const fileInputRef = useRef<HTMLInputElement>(null)
 
   // Stores
-  const { addNotification } = useNotificationStore()
   const { activeWorkflowId } = useWorkflowRegistry()
 
   // Use preview value when in preview mode, otherwise use store value
@@ -110,8 +111,7 @@ export function FileUpload({
       const file = files[i]
       // Check if adding this file would exceed the total limit
       if (existingTotalSize + totalNewSize + file.size > maxSizeInBytes) {
-        addNotification(
-          'error',
+        logger.error(
           `Adding ${file.name} would exceed the maximum size limit of ${maxSize}MB`,
           activeWorkflowId
         )
@@ -248,14 +248,12 @@ export function FileUpload({
       if (uploadedFiles.length > 0) {
         const uploadMethod = useDirectUpload ? 'direct' : 'server'
         if (uploadedFiles.length === 1) {
-          addNotification(
-            'console',
+          logger.info(
             `${uploadedFiles[0].name} was uploaded successfully (${uploadMethod} upload)`,
             activeWorkflowId
           )
         } else {
-          addNotification(
-            'console',
+          logger.info(
             `Uploaded ${uploadedFiles.length} files successfully: ${uploadedFiles.map((f) => f.name).join(', ')} (${uploadMethod} upload)`,
             activeWorkflowId
           )
@@ -265,10 +263,9 @@ export function FileUpload({
       // Send consolidated error notification if any
       if (uploadErrors.length > 0) {
         if (uploadErrors.length === 1) {
-          addNotification('error', uploadErrors[0], activeWorkflowId)
+          logger.error(uploadErrors[0], activeWorkflowId)
         } else {
-          addNotification(
-            'error',
+          logger.error(
             `Failed to upload ${uploadErrors.length} files: ${uploadErrors.join('; ')}`,
             activeWorkflowId
           )
@@ -303,8 +300,7 @@ export function FileUpload({
         useWorkflowStore.getState().triggerUpdate()
       }
     } catch (error) {
-      addNotification(
-        'error',
+      logger.error(
         error instanceof Error ? error.message : 'Failed to upload file(s)',
         activeWorkflowId
       )
@@ -362,8 +358,7 @@ export function FileUpload({
 
       useWorkflowStore.getState().triggerUpdate()
     } catch (error) {
-      addNotification(
-        'error',
+      logger.error(
         error instanceof Error ? error.message : 'Failed to delete file from server',
         activeWorkflowId
       )
@@ -439,14 +434,9 @@ export function FileUpload({
     // Show error notification if any deletions failed
     if (deletionResults.failures.length > 0) {
       if (deletionResults.failures.length === 1) {
-        addNotification(
-          'error',
-          `Failed to delete file: ${deletionResults.failures[0]}`,
-          activeWorkflowId
-        )
+        logger.error(`Failed to delete file: ${deletionResults.failures[0]}`, activeWorkflowId)
       } else {
-        addNotification(
-          'error',
+        logger.error(
           `Failed to delete ${deletionResults.failures.length} files: ${deletionResults.failures.join('; ')}`,
           activeWorkflowId
         )
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-code-generation.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-code-generation.ts
index 78b7c163f..a5a3ce6b5 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-code-generation.ts
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-code-generation.ts
@@ -1,6 +1,5 @@
 import { useCallback, useRef, useState } from 'react'
 import { createLogger } from '@/lib/logs/console-logger'
-import { useNotificationStore } from '@/stores/notifications/store'
 
 interface ChatMessage {
   role: 'user' | 'assistant' | 'system'
@@ -44,7 +43,6 @@ export function useCodeGeneration({
   const [promptInputValue, setPromptInputValue] = useState('')
   const [error, setError] = useState<string | null>(null)
   const [isStreaming, setIsStreaming] = useState(false)
-  const addNotification = useNotificationStore((state) => state.addNotification)
 
   // State for conversation history
   const [conversationHistory, setConversationHistory] = useState<ChatMessage[]>([])
@@ -58,7 +56,6 @@ export function useCodeGeneration({
     if (!prompt) {
       const errorMessage = 'Prompt cannot be empty.'
       setError(errorMessage)
-      addNotification('error', errorMessage, null)
       return
     }
 
@@ -92,7 +89,6 @@ export function useCodeGeneration({
 
       logger.info('Code generation successful', { generationType })
       onGeneratedContent(result.generatedContent)
-      addNotification('info', 'Content generated successfully!', null)
       setIsPromptOpen(false)
       setIsPromptVisible(false)
 
@@ -110,7 +106,6 @@ export function useCodeGeneration({
       const errorMessage = err.message || 'An unknown error occurred during generation.'
       logger.error('Code generation failed', { error: errorMessage })
       setError(errorMessage)
-      addNotification('error', `Generation failed: ${errorMessage}`, null)
     } finally {
       setIsLoading(false)
     }
@@ -121,7 +116,6 @@ export function useCodeGeneration({
     if (!prompt) {
       const errorMessage = 'Prompt cannot be empty.'
       setError(errorMessage)
-      addNotification('error', errorMessage, null)
       return
     }
 
@@ -223,7 +217,6 @@ export function useCodeGeneration({
                 if (onGenerationComplete) {
                   onGenerationComplete(currentPrompt, fullContent)
                 }
-                addNotification('info', 'Content generated successfully!', null)
                 break
               }
             } catch (jsonError: any) {
@@ -251,7 +244,6 @@ export function useCodeGeneration({
       const errorMessage = err.message || 'An unknown error occurred during streaming.'
       logger.error('Streaming code generation failed', { error: errorMessage })
       setError(errorMessage)
-      addNotification('error', `Generation failed: ${errorMessage}`, null)
     } finally {
       setIsLoading(false)
       setIsStreaming(false)
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-workflow-execution.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-workflow-execution.ts
index d136191ac..b63272ef1 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-workflow-execution.ts
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-workflow-execution.ts
@@ -9,9 +9,7 @@ import type { BlockLog, ExecutionResult, StreamingExecution } from '@/executor/t
 import { Serializer } from '@/serializer'
 import type { SerializedWorkflow } from '@/serializer/types'
 import { useExecutionStore } from '@/stores/execution/store'
-import { useNotificationStore } from '@/stores/notifications/store'
 import { useConsoleStore } from '@/stores/panel/console/store'
-import { usePanelStore } from '@/stores/panel/store'
 import { useVariablesStore } from '@/stores/panel/variables/store'
 import { useEnvironmentStore } from '@/stores/settings/environment/store'
 import { useGeneralStore } from '@/stores/settings/general/store'
@@ -37,18 +35,16 @@ interface ExecutorOptions {
   }
 }
 
-// Interface for stream error handling
-interface StreamError extends Error {
-  name: string
-  message: string
+// Debug state validation result
+interface DebugValidationResult {
+  isValid: boolean
+  error?: string
 }
 
 export function useWorkflowExecution() {
   const { blocks, edges, loops, parallels } = useWorkflowStore()
   const { activeWorkflowId } = useWorkflowRegistry()
-  const { addNotification } = useNotificationStore()
   const { toggleConsole } = useConsoleStore()
-  const { togglePanel, setActiveTab, activeTab } = usePanelStore()
   const { getAllVariables } = useEnvironmentStore()
   const { isDebugModeEnabled } = useGeneralStore()
   const { getVariablesByWorkflowId, variables } = useVariablesStore()
@@ -67,6 +63,123 @@ export function useWorkflowExecution() {
   } = useExecutionStore()
   const [executionResult, setExecutionResult] = useState<ExecutionResult | null>(null)
 
+  /**
+   * Validates debug state before performing debug operations
+   */
+  const validateDebugState = useCallback((): DebugValidationResult => {
+    if (!executor || !debugContext || pendingBlocks.length === 0) {
+      const missing = []
+      if (!executor) missing.push('executor')
+      if (!debugContext) missing.push('debugContext')
+      if (pendingBlocks.length === 0) missing.push('pendingBlocks')
+
+      return {
+        isValid: false,
+        error: `Cannot perform debug operation - missing: ${missing.join(', ')}. Try restarting debug mode.`,
+      }
+    }
+    return { isValid: true }
+  }, [executor, debugContext, pendingBlocks])
+
+  /**
+   * Resets all debug-related state
+   */
+  const resetDebugState = useCallback(() => {
+    setIsExecuting(false)
+    setIsDebugging(false)
+    setDebugContext(null)
+    setExecutor(null)
+    setPendingBlocks([])
+    setActiveBlocks(new Set())
+
+    // Reset debug mode setting if it was enabled
+    if (isDebugModeEnabled) {
+      useGeneralStore.getState().toggleDebugMode()
+    }
+  }, [
+    setIsExecuting,
+    setIsDebugging,
+    setDebugContext,
+    setExecutor,
+    setPendingBlocks,
+    setActiveBlocks,
+    isDebugModeEnabled,
+  ])
+
+  /**
+   * Checks if debug session is complete based on execution result
+   */
+  const isDebugSessionComplete = useCallback((result: ExecutionResult): boolean => {
+    return (
+      !result.metadata?.isDebugSession ||
+      !result.metadata.pendingBlocks ||
+      result.metadata.pendingBlocks.length === 0
+    )
+  }, [])
+
+  /**
+   * Handles debug session completion
+   */
+  const handleDebugSessionComplete = useCallback(
+    async (result: ExecutionResult) => {
+      logger.info('Debug session complete')
+      setExecutionResult(result)
+
+      // Persist logs
+      await persistLogs(uuidv4(), result)
+
+      // Reset debug state
+      resetDebugState()
+    },
+    [activeWorkflowId, resetDebugState]
+  )
+
+  /**
+   * Handles debug session continuation
+   */
+  const handleDebugSessionContinuation = useCallback(
+    (result: ExecutionResult) => {
+      logger.info('Debug step completed, next blocks pending', {
+        nextPendingBlocks: result.metadata?.pendingBlocks?.length || 0,
+      })
+
+      // Update debug context and pending blocks
+      if (result.metadata?.context) {
+        setDebugContext(result.metadata.context)
+      }
+      if (result.metadata?.pendingBlocks) {
+        setPendingBlocks(result.metadata.pendingBlocks)
+      }
+    },
+    [setDebugContext, setPendingBlocks]
+  )
+
+  /**
+   * Handles debug execution errors
+   */
+  const handleDebugExecutionError = useCallback(
+    async (error: any, operation: string) => {
+      logger.error(`Debug ${operation} Error:`, error)
+
+      const errorMessage = error instanceof Error ? error.message : String(error)
+      const errorResult = {
+        success: false,
+        output: {},
+        error: errorMessage,
+        logs: debugContext?.blockLogs || [],
+      }
+
+      setExecutionResult(errorResult)
+
+      // Persist logs
+      await persistLogs(uuidv4(), errorResult)
+
+      // Reset debug state
+      resetDebugState()
+    },
+    [debugContext, activeWorkflowId, resetDebugState]
+  )
+
   const persistLogs = async (
     executionId: string,
     result: ExecutionResult,
@@ -129,35 +242,21 @@ export function useWorkflowExecution() {
   }
 
   const handleRunWorkflow = useCallback(
-    async (workflowInput?: any) => {
+    async (workflowInput?: any, enableDebug = false) => {
       if (!activeWorkflowId) return
 
       // Reset execution result and set execution state
       setExecutionResult(null)
       setIsExecuting(true)
 
-      // Set debug mode if it's enabled in settings
-      if (isDebugModeEnabled) {
+      // Set debug mode only if explicitly requested
+      if (enableDebug) {
         setIsDebugging(true)
       }
 
-      // Check if panel is open and open it if not
-      const isPanelOpen = usePanelStore.getState().isOpen
-      if (!isPanelOpen) {
-        togglePanel()
-      }
-
-      // Set active tab to console
-      if (activeTab !== 'console' && activeTab !== 'chat') {
-        setActiveTab('console')
-      }
-
       // Determine if this is a chat execution
       const isChatExecution =
-        activeTab === 'chat' &&
-        workflowInput &&
-        typeof workflowInput === 'object' &&
-        'input' in workflowInput
+        workflowInput && typeof workflowInput === 'object' && 'input' in workflowInput
 
       // For chat executions, we'll use a streaming approach
       if (isChatExecution) {
@@ -246,13 +345,6 @@ export function useWorkflowExecution() {
               }
             } catch (error: any) {
               controller.error(error)
-              if (activeWorkflowId) {
-                addNotification(
-                  'error',
-                  `Workflow execution failed: ${error.message}`,
-                  activeWorkflowId
-                )
-              }
             } finally {
               controller.close()
               setIsExecuting(false)
@@ -288,15 +380,6 @@ export function useWorkflowExecution() {
             ;(result.metadata as any).source = 'chat'
           }
 
-          if (activeWorkflowId) {
-            addNotification(
-              result.success ? 'console' : 'error',
-              result.success
-                ? 'Workflow completed successfully'
-                : `Workflow execution failed: ${result.error || 'Unknown error'}`,
-              activeWorkflowId
-            )
-          }
           persistLogs(executionId, result).catch((err) => {
             logger.error('Error persisting logs:', { error: err })
           })
@@ -316,11 +399,7 @@ export function useWorkflowExecution() {
       edges,
       loops,
       parallels,
-      addNotification,
       toggleConsole,
-      togglePanel,
-      setActiveTab,
-      activeTab,
       getAllVariables,
       getVariablesByWorkflowId,
       isDebugModeEnabled,
@@ -379,10 +458,7 @@ export function useWorkflowExecution() {
 
     // Determine if this is a chat execution
     const isChatExecution =
-      activeTab === 'chat' &&
-      workflowInput &&
-      typeof workflowInput === 'object' &&
-      'input' in workflowInput
+      workflowInput && typeof workflowInput === 'object' && 'input' in workflowInput
 
     // If this is a chat execution, get the selected outputs
     let selectedOutputIds: string[] | undefined
@@ -476,13 +552,6 @@ export function useWorkflowExecution() {
       notificationMessage += `: ${errorMessage}`
     }
 
-    try {
-      addNotification('error', notificationMessage, activeWorkflowId || '')
-    } catch (notificationError) {
-      logger.error('Error showing error notification:', notificationError)
-      console.error('Workflow execution failed:', errorMessage)
-    }
-
     return errorResult
   }
 
@@ -490,186 +559,73 @@ export function useWorkflowExecution() {
    * Handles stepping through workflow execution in debug mode
    */
   const handleStepDebug = useCallback(async () => {
-    // Log debug information
     logger.info('Step Debug requested', {
       hasExecutor: !!executor,
       hasContext: !!debugContext,
       pendingBlockCount: pendingBlocks.length,
     })
 
-    if (!executor || !debugContext || pendingBlocks.length === 0) {
-      logger.error('Cannot step debug - missing required state', {
-        executor: !!executor,
-        debugContext: !!debugContext,
-        pendingBlocks: pendingBlocks.length,
-      })
-
-      // Show error notification
-      addNotification(
-        'error',
-        'Cannot step through debugging - missing execution state. Try restarting debug mode.',
-        activeWorkflowId || ''
-      )
-
-      // Reset debug state
-      setIsDebugging(false)
-      setIsExecuting(false)
-      setActiveBlocks(new Set())
+    // Validate debug state
+    const validation = validateDebugState()
+    if (!validation.isValid) {
+      resetDebugState()
       return
     }
 
     try {
       console.log('Executing debug step with blocks:', pendingBlocks)
-
-      // Execute the next step with the pending blocks
-      const result = await executor.continueExecution(pendingBlocks, debugContext)
-
+      const result = await executor!.continueExecution(pendingBlocks, debugContext!)
       console.log('Debug step execution result:', result)
 
-      // Save the new context in the store
-      if (result.metadata?.context) {
-        setDebugContext(result.metadata.context)
-      }
-
-      // Check if the debug session is complete
-      if (
-        !result.metadata?.isDebugSession ||
-        !result.metadata.pendingBlocks ||
-        result.metadata.pendingBlocks.length === 0
-      ) {
-        logger.info('Debug session complete')
-        // Debug session complete
-        setExecutionResult(result)
-
-        // Show completion notification
-        addNotification(
-          result.success ? 'console' : 'error',
-          result.success
-            ? 'Workflow completed successfully'
-            : `Workflow execution failed: ${result.error}`,
-          activeWorkflowId || ''
-        )
-
-        // Persist logs
-        await persistLogs(uuidv4(), result)
-
-        // Reset debug state
-        setIsExecuting(false)
-        setIsDebugging(false)
-        setDebugContext(null)
-        setExecutor(null)
-        setPendingBlocks([])
-        setActiveBlocks(new Set())
+      if (isDebugSessionComplete(result)) {
+        await handleDebugSessionComplete(result)
       } else {
-        // Debug session continues - update UI with new pending blocks
-        logger.info('Debug step completed, next blocks pending', {
-          nextPendingBlocks: result.metadata.pendingBlocks.length,
-        })
-
-        // This is critical - ensure we update the pendingBlocks in the store
-        setPendingBlocks(result.metadata.pendingBlocks)
+        handleDebugSessionContinuation(result)
       }
     } catch (error: any) {
-      logger.error('Debug Step Error:', error)
-
-      const errorMessage = error instanceof Error ? error.message : String(error)
-
-      // Create error result
-      const errorResult = {
-        success: false,
-        output: {},
-        error: errorMessage,
-        logs: debugContext.blockLogs,
-      }
-
-      setExecutionResult(errorResult)
-
-      // Safely show error notification
-      try {
-        addNotification('error', `Debug step failed: ${errorMessage}`, activeWorkflowId || '')
-      } catch (notificationError) {
-        logger.error('Error showing step error notification:', notificationError)
-        console.error('Debug step failed:', errorMessage)
-      }
-
-      // Persist logs
-      await persistLogs(uuidv4(), errorResult)
-
-      // Reset debug state
-      setIsExecuting(false)
-      setIsDebugging(false)
-      setDebugContext(null)
-      setExecutor(null)
-      setPendingBlocks([])
-      setActiveBlocks(new Set())
+      await handleDebugExecutionError(error, 'step')
     }
   }, [
     executor,
     debugContext,
     pendingBlocks,
     activeWorkflowId,
-    addNotification,
-    setIsExecuting,
-    setIsDebugging,
-    setPendingBlocks,
-    setDebugContext,
-    setExecutor,
-    setActiveBlocks,
+    validateDebugState,
+    resetDebugState,
+    isDebugSessionComplete,
+    handleDebugSessionComplete,
+    handleDebugSessionContinuation,
+    handleDebugExecutionError,
   ])
 
   /**
    * Handles resuming execution in debug mode until completion
    */
   const handleResumeDebug = useCallback(async () => {
-    // Log debug information
     logger.info('Resume Debug requested', {
       hasExecutor: !!executor,
       hasContext: !!debugContext,
       pendingBlockCount: pendingBlocks.length,
     })
 
-    if (!executor || !debugContext || pendingBlocks.length === 0) {
-      logger.error('Cannot resume debug - missing required state', {
-        executor: !!executor,
-        debugContext: !!debugContext,
-        pendingBlocks: pendingBlocks.length,
-      })
-
-      // Show error notification
-      addNotification(
-        'error',
-        'Cannot resume debugging - missing execution state. Try restarting debug mode.',
-        activeWorkflowId || ''
-      )
-
-      // Reset debug state
-      setIsDebugging(false)
-      setIsExecuting(false)
-      setActiveBlocks(new Set())
+    // Validate debug state
+    const validation = validateDebugState()
+    if (!validation.isValid) {
+      resetDebugState()
       return
     }
 
     try {
-      // Show a notification that we're resuming execution
-      try {
-        addNotification(
-          'info',
-          'Resuming workflow execution until completion',
-          activeWorkflowId || ''
-        )
-      } catch (notificationError) {
-        logger.error('Error showing resume notification:', notificationError)
-        console.info('Resuming workflow execution until completion')
-      }
+      logger.info('Resuming workflow execution until completion')
 
       let currentResult: ExecutionResult = {
         success: true,
         output: {},
-        logs: debugContext.blockLogs,
+        logs: debugContext!.blockLogs,
       }
 
       // Create copies to avoid mutation issues
-      let currentContext = { ...debugContext }
+      let currentContext = { ...debugContext! }
       let currentPendingBlocks = [...pendingBlocks]
 
       console.log('Starting resume execution with blocks:', currentPendingBlocks)
@@ -683,7 +639,7 @@ export function useWorkflowExecution() {
           `Resume iteration ${iterationCount + 1}, executing ${currentPendingBlocks.length} blocks`
         )
 
-        currentResult = await executor.continueExecution(currentPendingBlocks, currentContext)
+        currentResult = await executor!.continueExecution(currentPendingBlocks, currentContext)
 
         logger.info('Resume iteration result:', {
           success: currentResult.success,
@@ -696,7 +652,7 @@ export function useWorkflowExecution() {
           currentContext = currentResult.metadata.context
         } else {
           logger.info('No context in result, ending resume')
-          break // No context means we're done
+          break
         }
 
         // Update pending blocks for next iteration
@@ -704,7 +660,7 @@ export function useWorkflowExecution() {
           currentPendingBlocks = currentResult.metadata.pendingBlocks
         } else {
           logger.info('No pending blocks in result, ending resume')
-          break // No pending blocks means we're done
+          break
         }
 
         // If we don't have a debug session anymore, we're done
@@ -725,99 +681,29 @@ export function useWorkflowExecution() {
         success: currentResult.success,
       })
 
-      // Final result is the last step's result
-      setExecutionResult(currentResult)
-
-      // Show completion notification
-      try {
-        addNotification(
-          currentResult.success ? 'console' : 'error',
-          currentResult.success
-            ? 'Workflow completed successfully'
-            : `Workflow execution failed: ${currentResult.error}`,
-          activeWorkflowId || ''
-        )
-      } catch (notificationError) {
-        logger.error('Error showing completion notification:', notificationError)
-        console.info('Workflow execution completed')
-      }
-
-      // Persist logs
-      await persistLogs(uuidv4(), currentResult)
-
-      // Reset debug state
-      setIsExecuting(false)
-      setIsDebugging(false)
-      setDebugContext(null)
-      setExecutor(null)
-      setPendingBlocks([])
-      setActiveBlocks(new Set())
+      // Handle completion
+      await handleDebugSessionComplete(currentResult)
     } catch (error: any) {
-      logger.error('Debug Resume Error:', error)
-
-      const errorMessage = error instanceof Error ? error.message : String(error)
-
-      // Create error result
-      const errorResult = {
-        success: false,
-        output: {},
-        error: errorMessage,
-        logs: debugContext.blockLogs,
-      }
-
-      setExecutionResult(errorResult)
-
-      // Safely show error notification
-      try {
-        addNotification('error', `Resume execution failed: ${errorMessage}`, activeWorkflowId || '')
-      } catch (notificationError) {
-        logger.error('Error showing resume error notification:', notificationError)
-        console.error('Resume execution failed:', errorMessage)
-      }
-
-      // Persist logs
-      await persistLogs(uuidv4(), errorResult)
-
-      // Reset debug state
-      setIsExecuting(false)
-      setIsDebugging(false)
-      setDebugContext(null)
-      setExecutor(null)
-      setPendingBlocks([])
-      setActiveBlocks(new Set())
+      await handleDebugExecutionError(error, 'resume')
     }
   }, [
     executor,
     debugContext,
     pendingBlocks,
     activeWorkflowId,
-    addNotification,
-    setIsExecuting,
-    setIsDebugging,
-    setPendingBlocks,
-    setDebugContext,
-    setExecutor,
-    setActiveBlocks,
+    validateDebugState,
+    resetDebugState,
+    handleDebugSessionComplete,
+    handleDebugExecutionError,
   ])
 
   /**
    * Handles cancelling the current debugging session
    */
   const handleCancelDebug = useCallback(() => {
-    setIsExecuting(false)
-    setIsDebugging(false)
-    setDebugContext(null)
-    setExecutor(null)
-    setPendingBlocks([])
-    setActiveBlocks(new Set())
-  }, [
-    setIsExecuting,
-    setIsDebugging,
-    setDebugContext,
-    setExecutor,
-    setPendingBlocks,
-    setActiveBlocks,
-  ])
+    logger.info('Debug session cancelled')
+    resetDebugState()
+  }, [resetDebugState])
 
   return {
     isExecuting,
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx
index f5d64a9b0..0b1e45a4e 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx
@@ -15,20 +15,15 @@ import { createLogger } from '@/lib/logs/console-logger'
 import { ControlBar } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar'
 import { ErrorBoundary } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/error/index'
 import { LoopNodeComponent } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/loop-node/loop-node'
-import { NotificationList } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/notifications/notifications'
 import { Panel } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/panel'
 import { ParallelNodeComponent } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/parallel-node/parallel-node'
-import { SkeletonLoading } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/skeleton-loading/skeleton-loading'
-import { Toolbar } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/toolbar'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
 import { getBlock } from '@/blocks'
 import { useCollaborativeWorkflow } from '@/hooks/use-collaborative-workflow'
 import { useWorkspacePermissions } from '@/hooks/use-workspace-permissions'
 import { useExecutionStore } from '@/stores/execution/store'
-import { useNotificationStore } from '@/stores/notifications/store'
 import { useVariablesStore } from '@/stores/panel/variables/store'
 import { useGeneralStore } from '@/stores/settings/general/store'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import { useWorkflowStore } from '@/stores/workflows/workflow/store'
 import { WorkflowBlock } from './components/workflow-block/workflow-block'
@@ -70,13 +65,6 @@ interface BlockData {
 const WorkflowContent = React.memo(() => {
   // State
   const [isWorkflowReady, setIsWorkflowReady] = useState(false)
-  const { mode, isExpanded } = useSidebarStore()
-
-  // In hover mode, act as if sidebar is always collapsed for layout purposes
-  const isSidebarCollapsed = useMemo(
-    () => (mode === 'expanded' ? !isExpanded : mode === 'collapsed' || mode === 'hover'),
-    [mode, isExpanded]
-  )
 
   // State for tracking node dragging
   const [draggedNodeId, setDraggedNodeId] = useState<string | null>(null)
@@ -122,7 +110,6 @@ const WorkflowContent = React.memo(() => {
     collaborativeSetSubblockValue,
   } = useCollaborativeWorkflow()
 
-  const { markAllAsRead } = useNotificationStore()
   const { resetLoaded: resetVariablesLoaded } = useVariablesStore()
 
   // Execution and debug mode state
@@ -265,7 +252,6 @@ const WorkflowContent = React.memo(() => {
         ...orientationConfig,
         alignByLayer: true,
         animationDuration: 500, // Smooth 500ms animation
-        isSidebarCollapsed,
         handleOrientation: detectedOrientation, // Explicitly set the detected orientation
         onComplete: (finalPositions) => {
           // Emit collaborative updates for final positions after animation completes
@@ -291,7 +277,6 @@ const WorkflowContent = React.memo(() => {
     storeUpdateBlockPosition,
     collaborativeUpdateBlockPosition,
     fitView,
-    isSidebarCollapsed,
     resizeLoopNodesWrapper,
     getOrientationConfig,
   ])
@@ -904,8 +889,6 @@ const WorkflowContent = React.memo(() => {
         // Don't reset variables cache if we're not actually switching workflows
         setActiveWorkflow(currentId)
       }
-
-      markAllAsRead(currentId)
     }
 
     validateAndNavigate()
@@ -916,7 +899,6 @@ const WorkflowContent = React.memo(() => {
     setActiveWorkflow,
     createWorkflow,
     router,
-    markAllAsRead,
     resetVariablesLoaded,
   ])
 
@@ -1504,19 +1486,18 @@ const WorkflowContent = React.memo(() => {
   if (showSkeletonUI) {
     return (
       <div className='flex h-screen w-full flex-col overflow-hidden'>
-        <SkeletonLoading showSkeleton={true} isSidebarCollapsed={isSidebarCollapsed}>
-          <ControlBar hasValidationErrors={nestedSubflowErrors.size > 0} />
-        </SkeletonLoading>
-        <Toolbar />
-        <div
-          className={`${isSidebarCollapsed ? 'pl-14' : 'pl-60'} relative h-full w-full flex-1 transition-all duration-200`}
-        >
+        <div className='relative h-full w-full flex-1 transition-all duration-200'>
           <div className='fixed top-0 right-0 z-10'>
             <Panel />
-            <NotificationList />
           </div>
+          <ControlBar hasValidationErrors={nestedSubflowErrors.size > 0} />
           <div className='workflow-container h-full'>
-            <Background />
+            <Background
+              color='hsl(var(--workflow-dots))'
+              size={4}
+              gap={40}
+              style={{ backgroundColor: 'hsl(var(--workflow-background))' }}
+            />
           </div>
         </div>
       </div>
@@ -1525,18 +1506,14 @@ const WorkflowContent = React.memo(() => {
 
   return (
     <div className='flex h-screen w-full flex-col overflow-hidden'>
-      <div className={`${isSidebarCollapsed ? 'ml-14' : 'ml-60'} transition-all duration-200`}>
-        <ControlBar hasValidationErrors={nestedSubflowErrors.size > 0} />
-      </div>
-      <Toolbar />
-      <div
-        className={`${isSidebarCollapsed ? 'pl-14' : 'pl-60'} relative h-full w-full flex-1 transition-all duration-200`}
-      >
+      <div className='relative h-full w-full flex-1 transition-all duration-200'>
         <div className='fixed top-0 right-0 z-10'>
           <Panel />
-          <NotificationList />
         </div>
 
+        {/* Floating Control Bar */}
+        <ControlBar hasValidationErrors={nestedSubflowErrors.size > 0} />
+
         <ReactFlow
           nodes={nodes}
           edges={edgesWithSelection}
@@ -1583,7 +1560,12 @@ const WorkflowContent = React.memo(() => {
           autoPanOnConnect={userPermissions.canEdit}
           autoPanOnNodeDrag={userPermissions.canEdit}
         >
-          <Background />
+          <Background
+            color='hsl(var(--workflow-dots))'
+            size={4}
+            gap={40}
+            style={{ backgroundColor: 'hsl(var(--workflow-background))' }}
+          />
         </ReactFlow>
       </div>
     </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/create-menu.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/create-menu.tsx
index 07891f70f..7e887cf5a 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/create-menu.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/create-menu.tsx
@@ -1,22 +1,21 @@
 'use client'
 
-import { useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { logger } from '@sentry/nextjs'
-import { ChevronRight, File, Folder, Plus, Upload } from 'lucide-react'
-import { useParams } from 'next/navigation'
+import { File, Folder, Plus, Upload } from 'lucide-react'
+import { useParams, useRouter } from 'next/navigation'
 import { Button } from '@/components/ui/button'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
-import { Separator } from '@/components/ui/separator'
 import { cn } from '@/lib/utils'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
 import { useFolderStore } from '@/stores/folders/store'
 import { ImportControls, type ImportControlsRef } from './import-controls'
 
 interface CreateMenuProps {
-  onCreateWorkflow: (folderId?: string) => void
+  onCreateWorkflow: (folderId?: string) => Promise<string>
   isCollapsed?: boolean
   isCreatingWorkflow?: boolean
 }
@@ -29,10 +28,11 @@ export function CreateMenu({
   const [showFolderDialog, setShowFolderDialog] = useState(false)
   const [folderName, setFolderName] = useState('')
   const [isCreating, setIsCreating] = useState(false)
-  const [isHoverOpen, setIsHoverOpen] = useState(false)
-  const [isImportSubmenuOpen, setIsImportSubmenuOpen] = useState(false)
+  const [isOpen, setIsOpen] = useState(false)
+  const [pressTimer, setPressTimer] = useState<NodeJS.Timeout | null>(null)
 
   const params = useParams()
+  const router = useRouter()
   const workspaceId = params.workspaceId as string
   const { createFolder } = useFolderStore()
   const userPermissions = useUserPermissionsContext()
@@ -40,22 +40,111 @@ export function CreateMenu({
   // Ref for the file input that will be used by ImportControls
   const importControlsRef = useRef<ImportControlsRef>(null)
 
-  const handleCreateWorkflow = () => {
-    setIsHoverOpen(false)
-    onCreateWorkflow()
-  }
+  const handleCreateWorkflow = useCallback(async () => {
+    if (isCreatingWorkflow) {
+      logger.info('Workflow creation already in progress, ignoring request')
+      return
+    }
 
-  const handleCreateFolder = () => {
-    setIsHoverOpen(false)
+    setIsOpen(false)
+
+    try {
+      // Call the parent's workflow creation function and wait for the ID
+      const workflowId = await onCreateWorkflow()
+
+      // Navigate to the new workflow
+      if (workflowId) {
+        router.push(`/workspace/${workspaceId}/w/${workflowId}`)
+      }
+    } catch (error) {
+      logger.error('Error creating workflow:', { error })
+    }
+  }, [onCreateWorkflow, isCreatingWorkflow, router, workspaceId])
+
+  const handleCreateFolder = useCallback(() => {
+    setIsOpen(false)
     setShowFolderDialog(true)
-  }
+  }, [])
 
-  const handleUploadYaml = () => {
-    setIsHoverOpen(false)
-    setIsImportSubmenuOpen(false)
+  const handleImportWorkflow = useCallback(() => {
+    setIsOpen(false)
     // Trigger the file upload from ImportControls component
     importControlsRef.current?.triggerFileUpload()
-  }
+  }, [])
+
+  // Handle direct click for workflow creation
+  const handleButtonClick = useCallback(
+    (e: React.MouseEvent) => {
+      e.preventDefault()
+      e.stopPropagation()
+
+      // Clear any existing press timer
+      if (pressTimer) {
+        window.clearTimeout(pressTimer)
+        setPressTimer(null)
+      }
+
+      // Direct workflow creation on click
+      handleCreateWorkflow()
+    },
+    [handleCreateWorkflow, pressTimer]
+  )
+
+  // Handle hover to show popover
+  const handleMouseEnter = useCallback(() => {
+    setIsOpen(true)
+  }, [])
+
+  const handleMouseLeave = useCallback(() => {
+    if (pressTimer) {
+      window.clearTimeout(pressTimer)
+      setPressTimer(null)
+    }
+    setIsOpen(false)
+  }, [pressTimer])
+
+  // Handle dropdown content hover
+  const handlePopoverMouseEnter = useCallback(() => {
+    setIsOpen(true)
+  }, [])
+
+  const handlePopoverMouseLeave = useCallback(() => {
+    setIsOpen(false)
+  }, [])
+
+  // Handle right-click to show popover
+  const handleContextMenu = useCallback((e: React.MouseEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+    setIsOpen(true)
+  }, [])
+
+  // Handle long press to show popover
+  const handleMouseDown = useCallback((e: React.MouseEvent) => {
+    if (e.button === 0) {
+      // Left mouse button
+      const timer = setTimeout(() => {
+        setIsOpen(true)
+        setPressTimer(null)
+      }, 500) // 500ms for long press
+      setPressTimer(timer)
+    }
+  }, [])
+
+  const handleMouseUp = useCallback(() => {
+    if (pressTimer) {
+      window.clearTimeout(pressTimer)
+      setPressTimer(null)
+    }
+  }, [pressTimer])
+
+  useEffect(() => {
+    return () => {
+      if (pressTimer) {
+        window.clearTimeout(pressTimer)
+      }
+    }
+  }, [pressTimer])
 
   const handleFolderSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
@@ -83,25 +172,23 @@ export function CreateMenu({
 
   return (
     <>
-      <Popover open={isHoverOpen}>
+      <Popover open={isOpen} onOpenChange={setIsOpen}>
         <PopoverTrigger asChild>
           <Button
             variant='ghost'
             size='icon'
-            className='h-6 w-6 shrink-0 p-0 focus:outline-none focus-visible:ring-0 focus-visible:ring-offset-0'
-            title='Create'
-            onClick={handleCreateWorkflow}
-            onMouseEnter={() => setIsHoverOpen(true)}
-            onMouseLeave={() => setIsHoverOpen(false)}
+            className='h-9 w-9 shrink-0 rounded-lg border bg-card shadow-xs hover:bg-accent focus:outline-none focus-visible:ring-0 focus-visible:ring-offset-0'
+            title='Create Workflow (Hover, right-click, or long press for more options)'
             disabled={isCreatingWorkflow}
+            onClick={handleButtonClick}
+            onContextMenu={handleContextMenu}
+            onMouseDown={handleMouseDown}
+            onMouseUp={handleMouseUp}
+            onMouseEnter={handleMouseEnter}
+            onMouseLeave={handleMouseLeave}
           >
-            <Plus
-              className={cn(
-                'stroke-[2px]',
-                isCollapsed ? 'h-[18px] w-[18px]' : 'h-[16px] w-[16px]'
-              )}
-            />
-            <span className='sr-only'>Create</span>
+            <Plus className='h-[18px] w-[18px] stroke-[2px]' />
+            <span className='sr-only'>Create Workflow</span>
           </Button>
         </PopoverTrigger>
         <PopoverContent
@@ -116,73 +203,39 @@ export function CreateMenu({
             'data-[state=closed]:animate-out',
             'w-48'
           )}
-          onMouseEnter={() => setIsHoverOpen(true)}
-          onMouseLeave={() => setIsHoverOpen(false)}
           onOpenAutoFocus={(e) => e.preventDefault()}
           onCloseAutoFocus={(e) => e.preventDefault()}
+          onMouseEnter={handlePopoverMouseEnter}
+          onMouseLeave={handlePopoverMouseLeave}
         >
           <button
             className={cn(
-              'flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors',
-              isCreatingWorkflow
-                ? 'cursor-not-allowed opacity-50'
-                : 'hover:bg-accent hover:text-accent-foreground'
+              'flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 font-[380] text-card-foreground text-sm outline-none hover:bg-secondary/50 focus:bg-secondary/50',
+              isCreatingWorkflow && 'cursor-not-allowed opacity-50'
             )}
             onClick={handleCreateWorkflow}
             disabled={isCreatingWorkflow}
           >
             <File className='h-4 w-4' />
-            {isCreatingWorkflow ? 'Creating...' : 'New Workflow'}
+            {isCreatingWorkflow ? 'Creating...' : 'New workflow'}
           </button>
 
           <button
-            className='flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground'
+            className='flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 font-[380] text-card-foreground text-sm outline-none hover:bg-secondary/50 focus:bg-secondary/50'
             onClick={handleCreateFolder}
           >
             <Folder className='h-4 w-4' />
-            New Folder
+            New folder
           </button>
 
           {userPermissions.canEdit && (
-            <>
-              <Separator className='my-1' />
-
-              <Popover open={isImportSubmenuOpen} onOpenChange={setIsImportSubmenuOpen}>
-                <PopoverTrigger asChild>
-                  <button
-                    className='flex w-full cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground'
-                    onMouseEnter={() => setIsImportSubmenuOpen(true)}
-                  >
-                    <div className='flex items-center gap-2'>
-                      <Upload className='h-4 w-4' />
-                      <span>Import Workflow</span>
-                    </div>
-                    <ChevronRight className='h-3 w-3' />
-                  </button>
-                </PopoverTrigger>
-                <PopoverContent
-                  side='right'
-                  align='start'
-                  sideOffset={4}
-                  className='w-48 p-1'
-                  onMouseEnter={() => setIsImportSubmenuOpen(true)}
-                  onMouseLeave={() => setIsImportSubmenuOpen(false)}
-                  onOpenAutoFocus={(e) => e.preventDefault()}
-                  onCloseAutoFocus={(e) => e.preventDefault()}
-                >
-                  <button
-                    className='flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground'
-                    onClick={handleUploadYaml}
-                  >
-                    <Upload className='h-4 w-4' />
-                    <div className='flex flex-col items-start'>
-                      <span>YAML</span>
-                      <span className='text-muted-foreground text-xs'>.yaml or .yml</span>
-                    </div>
-                  </button>
-                </PopoverContent>
-              </Popover>
-            </>
+            <button
+              className='flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 font-[380] text-card-foreground text-sm outline-none hover:bg-secondary/50 focus:bg-secondary/50'
+              onClick={handleImportWorkflow}
+            >
+              <Upload className='h-4 w-4' />
+              Import workflow
+            </button>
           )}
         </PopoverContent>
       </Popover>
@@ -191,10 +244,7 @@ export function CreateMenu({
       <ImportControls
         ref={importControlsRef}
         disabled={!userPermissions.canEdit}
-        onClose={() => {
-          setIsHoverOpen(false)
-          setIsImportSubmenuOpen(false)
-        }}
+        onClose={() => setIsOpen(false)}
       />
 
       {/* Folder creation dialog */}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/import-controls.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/import-controls.tsx
index 1d555aed5..6c2fca752 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/import-controls.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/import-controls.tsx
@@ -1,19 +1,7 @@
 'use client'
 
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react'
-import { AlertCircle, CheckCircle } from 'lucide-react'
 import { useParams, useRouter } from 'next/navigation'
-import { Alert, AlertDescription } from '@/components/ui/alert'
-import { Button } from '@/components/ui/button'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
-import { Textarea } from '@/components/ui/textarea'
 import { createLogger } from '@/lib/logs/console-logger'
 import { useCollaborativeWorkflow } from '@/hooks/use-collaborative-workflow'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
@@ -33,7 +21,6 @@ export interface ImportControlsRef {
 export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>(
   ({ disabled = false, onClose }, ref) => {
     const [isImporting, setIsImporting] = useState(false)
-    const [showYamlDialog, setShowYamlDialog] = useState(false)
     const [yamlContent, setYamlContent] = useState('')
     const [importResult, setImportResult] = useState<{
       success: boolean
@@ -66,7 +53,9 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
       try {
         const content = await file.text()
         setYamlContent(content)
-        setShowYamlDialog(true)
+
+        // Import directly without showing the modal
+        await handleDirectImport(content)
         onClose?.()
       } catch (error) {
         logger.error('Failed to read file:', error)
@@ -85,8 +74,8 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
       }
     }
 
-    const handleYamlImport = async () => {
-      if (!yamlContent.trim()) {
+    const handleDirectImport = async (content: string) => {
+      if (!content.trim()) {
         setImportResult({
           success: false,
           errors: ['YAML content is required'],
@@ -100,7 +89,7 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
 
       try {
         // First validate the YAML without importing
-        const { data: yamlWorkflow, errors: parseErrors } = parseWorkflowYaml(yamlContent)
+        const { data: yamlWorkflow, errors: parseErrors } = parseWorkflowYaml(content)
 
         if (!yamlWorkflow || parseErrors.length > 0) {
           setImportResult({
@@ -121,13 +110,12 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
         // Import the YAML into the new workflow BEFORE navigation (creates complete state and saves directly to DB)
         // This avoids timing issues with workflow reload during navigation
         const result = await importWorkflowFromYaml(
-          yamlContent,
+          content,
           {
             addBlock: collaborativeAddBlock,
             addEdge: collaborativeAddEdge,
             applyAutoLayout: () => {
-              // Trigger auto layout
-              window.dispatchEvent(new CustomEvent('trigger-auto-layout'))
+              // Do nothing - auto layout should not run during import
             },
             setSubBlockValue: (blockId: string, subBlockId: string, value: unknown) => {
               // Use the collaborative function - the same one called when users type into fields
@@ -151,7 +139,6 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
 
         if (result.success) {
           setYamlContent('')
-          setShowYamlDialog(false)
           logger.info('YAML import completed successfully')
         }
       } catch (error) {
@@ -166,8 +153,6 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
       }
     }
 
-    const isDisabled = disabled || isImporting
-
     return (
       <>
         {/* Hidden file input */}
@@ -178,103 +163,6 @@ export const ImportControls = forwardRef<ImportControlsRef, ImportControlsProps>
           onChange={handleFileUpload}
           className='hidden'
         />
-
-        {/* YAML Import Dialog */}
-        <Dialog open={showYamlDialog} onOpenChange={setShowYamlDialog}>
-          <DialogContent className='flex max-h-[80vh] max-w-4xl flex-col'>
-            <DialogHeader>
-              <DialogTitle>Import Workflow from YAML</DialogTitle>
-              <DialogDescription>
-                Review the YAML content below and click "Import Workflow" to create a new workflow
-                with the blocks and connections defined in the YAML.
-              </DialogDescription>
-            </DialogHeader>
-
-            <div className='flex-1 space-y-4 overflow-hidden'>
-              <Textarea
-                placeholder={`version: "1.0"
-blocks:
-  start:
-    type: "starter"
-    name: "Start"
-    inputs:
-      startWorkflow: "manual"
-    following:
-      - "process"
-  
-  process:
-    type: "agent"
-    name: "Process Data"
-    inputs:
-      systemPrompt: "You are a helpful assistant"
-      userPrompt: "Process the data"
-      model: "gpt-4"
-    preceding:
-      - "start"`}
-                value={yamlContent}
-                onChange={(e) => setYamlContent(e.target.value)}
-                className='min-h-[300px] font-mono text-sm'
-                disabled={isImporting}
-              />
-
-              {/* Import Result */}
-              {importResult && (
-                <div className='space-y-2'>
-                  {importResult.success ? (
-                    <Alert>
-                      <CheckCircle className='h-4 w-4' />
-                      <AlertDescription>
-                        <div className='font-medium text-green-700'>Import Successful!</div>
-                        {importResult.summary && (
-                          <div className='mt-1 text-sm'>{importResult.summary}</div>
-                        )}
-                        {importResult.warnings.length > 0 && (
-                          <div className='mt-2'>
-                            <div className='font-medium text-sm'>Warnings:</div>
-                            <ul className='mt-1 space-y-1 text-sm'>
-                              {importResult.warnings.map((warning, index) => (
-                                <li key={index} className='text-yellow-700'>
-                                  • {warning}
-                                </li>
-                              ))}
-                            </ul>
-                          </div>
-                        )}
-                      </AlertDescription>
-                    </Alert>
-                  ) : (
-                    <Alert variant='destructive'>
-                      <AlertCircle className='h-4 w-4' />
-                      <AlertDescription>
-                        <div className='font-medium'>Import Failed</div>
-                        {importResult.errors.length > 0 && (
-                          <ul className='mt-2 space-y-1 text-sm'>
-                            {importResult.errors.map((error, index) => (
-                              <li key={index}>• {error}</li>
-                            ))}
-                          </ul>
-                        )}
-                      </AlertDescription>
-                    </Alert>
-                  )}
-                </div>
-              )}
-            </div>
-
-            <DialogFooter>
-              <Button
-                variant='outline'
-                onClick={() => setShowYamlDialog(false)}
-                disabled={isImporting}
-              >
-                Cancel
-              </Button>
-              <Button onClick={handleYamlImport} disabled={isImporting || !yamlContent.trim()}>
-                {isImporting ? 'Importing...' : 'Import Workflow'}
-              </Button>
-            </DialogFooter>
-          </DialogContent>
-        </Dialog>
       </>
     )
   }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-context-menu/folder-context-menu.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-context-menu/folder-context-menu.tsx
index 35b85805a..aca7e8fc4 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-context-menu/folder-context-menu.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-context-menu/folder-context-menu.tsx
@@ -9,7 +9,6 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
 import { Input } from '@/components/ui/input'
@@ -27,6 +26,7 @@ interface FolderContextMenuProps {
   onCreateWorkflow: (folderId: string) => void
   onRename?: (folderId: string, newName: string) => void
   onDelete?: (folderId: string) => void
+  level: number
 }
 
 export function FolderContextMenu({
@@ -35,6 +35,7 @@ export function FolderContextMenu({
   onCreateWorkflow,
   onRename,
   onDelete,
+  level,
 }: FolderContextMenuProps) {
   const [showSubfolderDialog, setShowSubfolderDialog] = useState(false)
   const [showRenameDialog, setShowRenameDialog] = useState(false)
@@ -131,33 +132,50 @@ export function FolderContextMenu({
           <Button
             variant='ghost'
             size='icon'
-            className='h-4 w-4 p-0 opacity-0 transition-opacity group-hover:opacity-100'
+            className='h-4 w-4 p-0 opacity-0 transition-opacity hover:bg-transparent focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 group-hover:opacity-100'
             onClick={(e) => e.stopPropagation()}
           >
             <MoreHorizontal className='h-3 w-3' />
             <span className='sr-only'>Folder options</span>
           </Button>
         </DropdownMenuTrigger>
-        <DropdownMenuContent align='end' onClick={(e) => e.stopPropagation()}>
+        <DropdownMenuContent
+          align='end'
+          onClick={(e) => e.stopPropagation()}
+          className='min-w-32 rounded-lg border-[#E5E5E5] bg-[#FFFFFF] shadow-xs dark:border-[#414141] dark:bg-[#202020]'
+        >
           {userPermissions.canEdit && (
             <>
-              <DropdownMenuItem onClick={handleCreateWorkflow}>
+              <DropdownMenuItem
+                onClick={handleCreateWorkflow}
+                className='cursor-pointer rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+              >
                 <File className='mr-2 h-4 w-4' />
                 New Workflow
               </DropdownMenuItem>
-              <DropdownMenuItem onClick={handleCreateSubfolder}>
-                <Folder className='mr-2 h-4 w-4' />
-                New Subfolder
-              </DropdownMenuItem>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem onClick={handleRename}>
+              {level === 0 && (
+                <DropdownMenuItem
+                  onClick={handleCreateSubfolder}
+                  className='cursor-pointer rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+                >
+                  <Folder className='mr-2 h-4 w-4' />
+                  New Subfolder
+                </DropdownMenuItem>
+              )}
+              <DropdownMenuItem
+                onClick={handleRename}
+                className='cursor-pointer rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+              >
                 <Pencil className='mr-2 h-4 w-4' />
                 Rename
               </DropdownMenuItem>
             </>
           )}
           {userPermissions.canAdmin ? (
-            <DropdownMenuItem onClick={handleDelete} className='text-destructive'>
+            <DropdownMenuItem
+              onClick={handleDelete}
+              className='cursor-pointer rounded-md px-3 py-2 font-[380] text-destructive text-sm hover:bg-destructive/10 focus:bg-destructive/10 focus:text-destructive'
+            >
               <Trash2 className='mr-2 h-4 w-4' />
               Delete
             </DropdownMenuItem>
@@ -166,7 +184,7 @@ export function FolderContextMenu({
               <TooltipTrigger asChild>
                 <div>
                   <DropdownMenuItem
-                    className='cursor-not-allowed text-muted-foreground opacity-50'
+                    className='cursor-not-allowed rounded-md px-3 py-2 font-[380] text-muted-foreground text-sm opacity-50'
                     onClick={(e) => e.preventDefault()}
                   >
                     <Trash2 className='mr-2 h-4 w-4' />
@@ -196,6 +214,7 @@ export function FolderContextMenu({
                 value={subfolderName}
                 onChange={(e) => setSubfolderName(e.target.value)}
                 placeholder='Enter folder name...'
+                maxLength={50}
                 autoFocus
                 required
               />
@@ -226,6 +245,7 @@ export function FolderContextMenu({
                 value={renameName}
                 onChange={(e) => setRenameName(e.target.value)}
                 placeholder='Enter folder name...'
+                maxLength={50}
                 autoFocus
                 required
               />
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/folder-item.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/folder-item.tsx
index 5d0accc0e..c867c1bbc 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/folder-item.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/folder-item.tsx
@@ -2,7 +2,7 @@
 
 import { useCallback, useEffect, useRef, useState } from 'react'
 import clsx from 'clsx'
-import { ChevronDown, ChevronRight, Folder, FolderOpen } from 'lucide-react'
+import { Folder, FolderOpen } from 'lucide-react'
 import { useParams } from 'next/navigation'
 import {
   AlertDialog,
@@ -29,6 +29,8 @@ interface FolderItemProps {
   onDragOver?: (e: React.DragEvent) => void
   onDragLeave?: (e: React.DragEvent) => void
   onDrop?: (e: React.DragEvent) => void
+  isFirstItem?: boolean
+  level: number
 }
 
 export function FolderItem({
@@ -39,10 +41,14 @@ export function FolderItem({
   onDragOver,
   onDragLeave,
   onDrop,
+  isFirstItem = false,
+  level,
 }: FolderItemProps) {
   const { expandedFolders, toggleExpanded, updateFolderAPI, deleteFolder } = useFolderStore()
   const [showDeleteDialog, setShowDeleteDialog] = useState(false)
   const [isDeleting, setIsDeleting] = useState(false)
+  const [isDragging, setIsDragging] = useState(false)
+  const dragStartedRef = useRef(false)
   const params = useParams()
   const workspaceId = params.workspaceId as string
   const isExpanded = expandedFolders.has(folder.id)
@@ -69,6 +75,39 @@ export function FolderItem({
     }, 300)
   }, [folder.id, isExpanded, toggleExpanded, updateFolderAPI])
 
+  const handleDragStart = (e: React.DragEvent) => {
+    dragStartedRef.current = true
+    setIsDragging(true)
+
+    e.dataTransfer.setData('folder-id', folder.id)
+    e.dataTransfer.effectAllowed = 'move'
+
+    // Set global drag state for validation in other components
+    if (typeof window !== 'undefined') {
+      ;(window as any).currentDragFolderId = folder.id
+    }
+  }
+
+  const handleDragEnd = () => {
+    setIsDragging(false)
+    requestAnimationFrame(() => {
+      dragStartedRef.current = false
+    })
+
+    // Clear global drag state
+    if (typeof window !== 'undefined') {
+      ;(window as any).currentDragFolderId = null
+    }
+  }
+
+  const handleClick = (e: React.MouseEvent) => {
+    if (dragStartedRef.current) {
+      e.preventDefault()
+      return
+    }
+    handleToggleExpanded()
+  }
+
   useEffect(() => {
     return () => {
       if (updateTimeoutRef.current) {
@@ -107,11 +146,17 @@ export function FolderItem({
         <Tooltip>
           <TooltipTrigger asChild>
             <div
-              className='group mx-auto flex h-8 w-8 cursor-pointer items-center justify-center'
+              className={clsx(
+                'group mx-auto mb-1 flex h-9 w-9 cursor-pointer items-center justify-center',
+                isDragging ? 'opacity-50' : ''
+              )}
               onDragOver={onDragOver}
               onDragLeave={onDragLeave}
               onDrop={onDrop}
-              onClick={handleToggleExpanded}
+              onClick={handleClick}
+              draggable={true}
+              onDragStart={handleDragStart}
+              onDragEnd={handleDragEnd}
             >
               <div
                 className={clsx(
@@ -128,7 +173,7 @@ export function FolderItem({
             </div>
           </TooltipTrigger>
           <TooltipContent side='right'>
-            <p>{folder.name}</p>
+            <p className='max-w-[200px] break-words'>{folder.name}</p>
           </TooltipContent>
         </Tooltip>
 
@@ -136,7 +181,13 @@ export function FolderItem({
         <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
           <AlertDialogContent>
             <AlertDialogHeader>
-              <AlertDialogTitle>Are you sure you want to delete "{folder.name}"?</AlertDialogTitle>
+              <AlertDialogTitle className='break-words'>
+                Are you sure you want to delete "
+                <span className='inline-block max-w-[200px] truncate align-bottom font-semibold'>
+                  {folder.name}
+                </span>
+                "?
+              </AlertDialogTitle>
               <AlertDialogDescription>
                 This will permanently delete the folder and all its contents, including subfolders
                 and workflows. This action cannot be undone.
@@ -160,19 +211,21 @@ export function FolderItem({
 
   return (
     <>
-      <div className='group' onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={onDrop}>
+      <div className='group mb-1' onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={onDrop}>
         <div
-          className='flex cursor-pointer items-center rounded-md px-2 py-1.5 text-sm hover:bg-accent/50'
-          onClick={handleToggleExpanded}
+          className={clsx(
+            'flex h-9 cursor-pointer items-center rounded-lg px-2 py-2 text-sm transition-colors hover:bg-accent/50',
+            isDragging ? 'opacity-50' : '',
+            isFirstItem ? 'mr-[44px]' : ''
+          )}
+          style={{
+            maxWidth: isFirstItem ? `${164 - level * 20}px` : `${206 - level * 20}px`,
+          }}
+          onClick={handleClick}
+          draggable={true}
+          onDragStart={handleDragStart}
+          onDragEnd={handleDragEnd}
         >
-          <div className='mr-1 flex h-4 w-4 items-center justify-center'>
-            {isExpanded ? (
-              <ChevronDown className='h-3 w-3' />
-            ) : (
-              <ChevronRight className='h-3 w-3' />
-            )}
-          </div>
-
           <div className='mr-2 flex h-4 w-4 flex-shrink-0 items-center justify-center'>
             {isExpanded ? (
               <FolderOpen className='h-4 w-4 text-foreground/70 dark:text-foreground/60' />
@@ -181,9 +234,7 @@ export function FolderItem({
             )}
           </div>
 
-          <span className='flex-1 cursor-default select-none truncate text-muted-foreground'>
-            {folder.name}
-          </span>
+          <span className='flex-1 select-none truncate text-muted-foreground'>{folder.name}</span>
 
           <div className='flex items-center justify-center' onClick={(e) => e.stopPropagation()}>
             <FolderContextMenu
@@ -192,6 +243,7 @@ export function FolderItem({
               onCreateWorkflow={onCreateWorkflow}
               onRename={handleRename}
               onDelete={handleDelete}
+              level={level}
             />
           </div>
         </div>
@@ -201,7 +253,13 @@ export function FolderItem({
       <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Are you sure you want to delete "{folder.name}"?</AlertDialogTitle>
+            <AlertDialogTitle className='break-words'>
+              Are you sure you want to delete "
+              <span className='inline-block max-w-[200px] truncate align-bottom font-semibold'>
+                {folder.name}
+              </span>
+              "?
+            </AlertDialogTitle>
             <AlertDialogDescription>
               This will permanently delete the folder and all its contents, including subfolders and
               workflows. This action cannot be undone.
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/workflow-item.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/workflow-item.tsx
index f054a4ca7..33916362e 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/workflow-item.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/components/workflow-item.tsx
@@ -8,6 +8,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip
 import { createLogger } from '@/lib/logs/console-logger'
 import { useFolderStore, useIsWorkflowSelected } from '@/stores/folders/store'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
+import { WorkflowContextMenu } from '../../workflow-context-menu/workflow-context-menu'
 
 const logger = createLogger('WorkflowItem')
 
@@ -18,6 +19,7 @@ interface WorkflowItemProps {
   isCollapsed?: boolean
   level: number
   isDragOver?: boolean
+  isFirstItem?: boolean
 }
 
 export function WorkflowItem({
@@ -27,6 +29,7 @@ export function WorkflowItem({
   isCollapsed,
   level,
   isDragOver = false,
+  isFirstItem = false,
 }: WorkflowItemProps) {
   const [isDragging, setIsDragging] = useState(false)
   const dragStartedRef = useRef(false)
@@ -81,10 +84,11 @@ export function WorkflowItem({
         <TooltipTrigger asChild>
           <Link
             href={`/workspace/${workspaceId}/w/${workflow.id}`}
+            data-workflow-id={workflow.id}
             className={clsx(
-              'mx-auto flex h-8 w-8 items-center justify-center rounded-md',
+              'mx-auto mb-1 flex h-9 w-9 items-center justify-center rounded-lg transition-colors',
               active && !isDragOver
-                ? 'bg-accent text-accent-foreground'
+                ? 'bg-accent text-foreground'
                 : 'text-muted-foreground hover:bg-accent/50',
               isSelected && selectedWorkflows.size > 1 && !active && !isDragOver
                 ? 'bg-accent/70'
@@ -103,7 +107,7 @@ export function WorkflowItem({
           </Link>
         </TooltipTrigger>
         <TooltipContent side='right'>
-          <p>
+          <p className='max-w-[200px] break-words'>
             {workflow.name}
             {isMarketplace && ' (Preview)'}
           </p>
@@ -113,31 +117,49 @@ export function WorkflowItem({
   }
 
   return (
-    <Link
-      href={`/workspace/${workspaceId}/w/${workflow.id}`}
-      className={clsx(
-        'flex items-center rounded-md px-2 py-1.5 font-medium text-sm',
-        active && !isDragOver
-          ? 'bg-accent text-accent-foreground'
-          : 'text-muted-foreground hover:bg-accent/50',
-        isSelected && selectedWorkflows.size > 1 && !active && !isDragOver ? 'bg-accent/70' : '',
-        isDragging ? 'opacity-50' : '',
-        !isMarketplace ? 'cursor-move' : ''
-      )}
-      style={{ paddingLeft: isCollapsed ? '0px' : `${(level + 1) * 20 + 8}px` }}
-      draggable={!isMarketplace}
-      onDragStart={handleDragStart}
-      onDragEnd={handleDragEnd}
-      onClick={handleClick}
-    >
+    <div className='group mb-1'>
       <div
-        className='mr-2 h-[14px] w-[14px] flex-shrink-0 rounded'
-        style={{ backgroundColor: workflow.color }}
-      />
-      <span className='truncate'>
-        {workflow.name}
-        {isMarketplace && ' (Preview)'}
-      </span>
-    </Link>
+        className={clsx(
+          'flex h-9 items-center rounded-lg px-2 py-2 font-medium text-sm transition-colors',
+          active && !isDragOver
+            ? 'bg-accent text-foreground'
+            : 'text-muted-foreground hover:bg-accent/50',
+          isSelected && selectedWorkflows.size > 1 && !active && !isDragOver ? 'bg-accent/70' : '',
+          isDragging ? 'opacity-50' : '',
+          'cursor-pointer',
+          isFirstItem ? 'mr-[44px]' : ''
+        )}
+        style={{
+          maxWidth: isFirstItem
+            ? `${164 - (level >= 0 ? (level + 1) * 20 + 8 : 0) - (level > 0 ? 8 : 0)}px`
+            : `${206 - (level >= 0 ? (level + 1) * 20 + 8 : 0) - (level > 0 ? 8 : 0)}px`,
+        }}
+        draggable={!isMarketplace}
+        onDragStart={handleDragStart}
+        onDragEnd={handleDragEnd}
+        data-workflow-id={workflow.id}
+      >
+        <Link
+          href={`/workspace/${workspaceId}/w/${workflow.id}`}
+          className='flex min-w-0 flex-1 items-center'
+          onClick={handleClick}
+        >
+          <div
+            className='mr-2 h-[14px] w-[14px] flex-shrink-0 rounded'
+            style={{ backgroundColor: workflow.color }}
+          />
+          <span className='flex-1 select-none truncate'>
+            {workflow.name}
+            {isMarketplace && ' (Preview)'}
+          </span>
+        </Link>
+
+        {!isMarketplace && (
+          <div className='flex items-center justify-center' onClick={(e) => e.stopPropagation()}>
+            <WorkflowContextMenu workflow={workflow} level={level} />
+          </div>
+        )}
+      </div>
+    </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/folder-tree.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/folder-tree.tsx
index 22710c615..b918319bf 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/folder-tree.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-tree/folder-tree.tsx
@@ -1,8 +1,9 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import clsx from 'clsx'
 import { useParams, usePathname } from 'next/navigation'
+import { Skeleton } from '@/components/ui/skeleton'
 import { type FolderTreeNode, useFolderStore } from '@/stores/folders/store'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
@@ -18,12 +19,14 @@ interface FolderSectionProps {
   expandedFolders: Set<string>
   pathname: string
   updateWorkflow: (id: string, updates: Partial<WorkflowMetadata>) => Promise<void>
+  updateFolder: (id: string, updates: any) => Promise<any>
   renderFolderTree: (
     nodes: FolderTreeNode[],
     level: number,
     parentDragOver?: boolean
   ) => React.ReactNode[]
   parentDragOver?: boolean
+  isFirstItem?: boolean
 }
 
 function FolderSection({
@@ -35,27 +38,41 @@ function FolderSection({
   expandedFolders,
   pathname,
   updateWorkflow,
+  updateFolder,
   renderFolderTree,
   parentDragOver = false,
+  isFirstItem = false,
 }: FolderSectionProps) {
   const params = useParams()
   const workspaceId = params.workspaceId as string
-  const { isDragOver, handleDragOver, handleDragLeave, handleDrop } = useDragHandlers(
-    updateWorkflow,
-    folder.id,
-    `Moved workflow(s) to folder ${folder.id}`
-  )
+  const { isDragOver, isInvalidDrop, handleDragOver, handleDragLeave, handleDrop } =
+    useDragHandlers(
+      updateWorkflow,
+      updateFolder,
+      folder.id,
+      `Moved workflow(s) to folder ${folder.id}`
+    )
 
   const workflowsInFolder = workflowsByFolder[folder.id] || []
   const isAnyDragOver = isDragOver || parentDragOver
+  const hasChildren = workflowsInFolder.length > 0 || folder.children.length > 0
+  const isExpanded = expandedFolders.has(folder.id)
 
   return (
     <div
-      className={clsx(isDragOver ? 'rounded-md bg-blue-500/10 dark:bg-blue-400/10' : '')}
+      className={clsx(
+        isDragOver
+          ? isInvalidDrop
+            ? 'rounded-md bg-red-500/10 dark:bg-red-400/10'
+            : 'rounded-md bg-blue-500/10 dark:bg-blue-400/10'
+          : ''
+      )}
       style={
         isDragOver
           ? {
-              boxShadow: 'inset 0 0 0 1px rgb(59 130 246 / 0.5)',
+              boxShadow: isInvalidDrop
+                ? 'inset 0 0 0 1px rgb(239 68 68 / 0.5)'
+                : 'inset 0 0 0 1px rgb(59 130 246 / 0.5)',
             }
           : {}
       }
@@ -70,28 +87,136 @@ function FolderSection({
           onDragOver={handleDragOver}
           onDragLeave={handleDragLeave}
           onDrop={handleDrop}
+          isFirstItem={isFirstItem}
+          level={level}
         />
       </div>
 
-      {/* Render workflows in this folder */}
-      {expandedFolders.has(folder.id) && workflowsInFolder.length > 0 && (
-        <div className='space-y-0.5'>
-          {workflowsInFolder.map((workflow) => (
-            <WorkflowItem
-              key={workflow.id}
-              workflow={workflow}
-              active={pathname === `/workspace/${workspaceId}/w/${workflow.id}`}
-              isCollapsed={isCollapsed}
-              level={level}
-              isDragOver={isAnyDragOver}
+      {/* Render children with connecting lines */}
+      {isExpanded && hasChildren && (
+        <div className='relative'>
+          {/* Vertical line from folder icon to children */}
+          {!isCollapsed && (workflowsInFolder.length > 0 || folder.children.length > 0) && (
+            <div
+              className='pointer-events-none absolute'
+              style={{
+                left: `${level * 20 + 16}px`,
+                top: '-9px',
+                width: '1px',
+                height: `${(workflowsInFolder.length + folder.children.length - 1) * 40 + 24}px`,
+                background: 'hsl(var(--muted-foreground) / 0.3)',
+                zIndex: 1,
+              }}
             />
-          ))}
-        </div>
-      )}
+          )}
 
-      {/* Render child folders */}
-      {expandedFolders.has(folder.id) && folder.children.length > 0 && (
-        <div>{renderFolderTree(folder.children, level + 1, isAnyDragOver)}</div>
+          {/* Render workflows in this folder */}
+          {workflowsInFolder.length > 0 && (
+            <div>
+              {workflowsInFolder.map((workflow, index) => (
+                <div key={workflow.id} className='relative'>
+                  {/* Curved corner */}
+                  {!isCollapsed && (
+                    <div
+                      className='pointer-events-none absolute'
+                      style={{
+                        left: `${level * 20 + 16}px`,
+                        top: '15px',
+                        width: '4px',
+                        height: '4px',
+                        borderLeft: '1px solid hsl(var(--muted-foreground) / 0.3)',
+                        borderBottom: '1px solid hsl(var(--muted-foreground) / 0.3)',
+                        borderBottomLeftRadius: '4px',
+                        zIndex: 1,
+                      }}
+                    />
+                  )}
+                  {/* Horizontal line to workflow */}
+                  {!isCollapsed && (
+                    <div
+                      className='pointer-events-none absolute'
+                      style={{
+                        left: `${level * 20 + 20}px`,
+                        top: '18px',
+                        width: '7px',
+                        height: '1px',
+                        background: 'hsl(var(--muted-foreground) / 0.3)',
+                        zIndex: 1,
+                      }}
+                    />
+                  )}
+                  {/* Workflow container with proper indentation */}
+                  <div style={{ paddingLeft: isCollapsed ? '0px' : `${(level + 1) * 20 + 8}px` }}>
+                    <WorkflowItem
+                      workflow={workflow}
+                      active={pathname === `/workspace/${workspaceId}/w/${workflow.id}`}
+                      isCollapsed={isCollapsed}
+                      level={level}
+                      isDragOver={isAnyDragOver}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+
+          {/* Render child folders */}
+          {folder.children.length > 0 && (
+            <div>
+              {folder.children.map((childFolder, index) => (
+                <div key={childFolder.id} className='relative'>
+                  {/* Curved corner */}
+                  {!isCollapsed && (
+                    <div
+                      className='pointer-events-none absolute'
+                      style={{
+                        left: `${level * 20 + 16}px`,
+                        top: '15px',
+                        width: '4px',
+                        height: '4px',
+                        borderLeft: '1px solid hsl(var(--muted-foreground) / 0.3)',
+                        borderBottom: '1px solid hsl(var(--muted-foreground) / 0.3)',
+                        borderBottomLeftRadius: '4px',
+                        zIndex: 1,
+                      }}
+                    />
+                  )}
+                  {/* Horizontal line to child folder */}
+                  {!isCollapsed && (
+                    <div
+                      className='pointer-events-none absolute'
+                      style={{
+                        left: `${level * 20 + 20}px`,
+                        top: '18px',
+                        width: '5px',
+                        height: '1px',
+                        background: 'hsl(var(--muted-foreground) / 0.3)',
+                        zIndex: 1,
+                      }}
+                    />
+                  )}
+                  <div style={{ paddingLeft: isCollapsed ? '0px' : '8px' }}>
+                    <FolderSection
+                      key={childFolder.id}
+                      folder={childFolder}
+                      level={level + 1}
+                      isCollapsed={isCollapsed}
+                      onCreateWorkflow={onCreateWorkflow}
+                      workflowsByFolder={workflowsByFolder}
+                      expandedFolders={expandedFolders}
+                      pathname={pathname}
+                      updateWorkflow={updateWorkflow}
+                      updateFolder={updateFolder}
+                      renderFolderTree={renderFolderTree}
+                      parentDragOver={isAnyDragOver}
+                      isFirstItem={false}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
       )}
     </div>
   )
@@ -100,21 +225,46 @@ function FolderSection({
 // Custom hook for drag and drop handling
 function useDragHandlers(
   updateWorkflow: (id: string, updates: Partial<WorkflowMetadata>) => Promise<void>,
+  updateFolder: (id: string, updates: any) => Promise<any>,
   targetFolderId: string | null, // null for root
   logMessage?: string
 ) {
   const [isDragOver, setIsDragOver] = useState(false)
+  const [isInvalidDrop, setIsInvalidDrop] = useState(false)
 
   const handleDragOver = (e: React.DragEvent) => {
     e.preventDefault()
     e.stopPropagation()
     setIsDragOver(true)
+
+    // Check if this would be an invalid folder drop
+    const draggedFolderId =
+      (typeof window !== 'undefined' && (window as any).currentDragFolderId) || null
+
+    if (draggedFolderId && targetFolderId) {
+      const folderStore = useFolderStore.getState()
+      const targetFolderPath = folderStore.getFolderPath(targetFolderId)
+
+      // Check for circular reference
+      const draggedFolderPath = folderStore.getFolderPath(draggedFolderId)
+      const isCircular =
+        targetFolderId === draggedFolderId ||
+        draggedFolderPath.some((ancestor) => ancestor.id === targetFolderId)
+
+      // Check for deep nesting (target folder already has a parent)
+      const wouldBeDeepNesting = targetFolderPath.length >= 1
+
+      setIsInvalidDrop(isCircular || wouldBeDeepNesting)
+    } else {
+      setIsInvalidDrop(false)
+    }
   }
 
   const handleDragLeave = (e: React.DragEvent) => {
     e.preventDefault()
     e.stopPropagation()
     setIsDragOver(false)
+    setIsInvalidDrop(false)
   }
 
   const handleDrop = async (e: React.DragEvent) => {
@@ -122,6 +272,7 @@ function useDragHandlers(
     e.stopPropagation()
     setIsDragOver(false)
 
+    // Handle workflow drops
     const workflowIdsData = e.dataTransfer.getData('workflow-ids')
     if (workflowIdsData) {
       const workflowIds = JSON.parse(workflowIdsData) as string[]
@@ -136,10 +287,49 @@ function useDragHandlers(
         console.error('Failed to move workflows:', error)
       }
     }
+
+    // Handle folder drops
+    const folderIdData = e.dataTransfer.getData('folder-id')
+    if (folderIdData) {
+      try {
+        // Check if the target folder would create more than 2 levels of nesting
+        const folderStore = useFolderStore.getState()
+        const targetFolderPath = targetFolderId ? folderStore.getFolderPath(targetFolderId) : []
+
+        // Prevent circular references - don't allow dropping a folder into itself or its descendants
+        if (targetFolderId === folderIdData) {
+          console.log('Cannot move folder into itself')
+          return
+        }
+
+        // Check if target folder is a descendant of the dragged folder
+        const draggedFolderPath = folderStore.getFolderPath(folderIdData)
+        if (
+          targetFolderId &&
+          draggedFolderPath.some((ancestor) => ancestor.id === targetFolderId)
+        ) {
+          console.log('Cannot move folder into its own descendant')
+          return
+        }
+
+        // If target folder is already at level 1 (has 1 parent), we can't nest another folder
+        if (targetFolderPath.length >= 1) {
+          console.log('Cannot nest folder: Maximum 2 levels of nesting allowed. Drop prevented.')
+          return // Prevent the drop entirely
+        }
+
+        // Target folder is at root level, safe to nest
+        await updateFolder(folderIdData, { parentId: targetFolderId })
+        console.log(`Moved folder to ${targetFolderId ? `folder ${targetFolderId}` : 'root'}`)
+      } catch (error) {
+        console.error('Failed to move folder:', error)
+      }
+    }
   }
 
   return {
     isDragOver,
+    isInvalidDrop,
     handleDragOver,
     handleDragLeave,
     handleDrop,
@@ -170,15 +360,53 @@ export function FolderTree({
     fetchFolders,
     isLoading: foldersLoading,
     clearSelection,
+    updateFolderAPI,
   } = useFolderStore()
   const { updateWorkflow } = useWorkflowRegistry()
 
+  // Clean up any existing folders with 3+ levels of nesting
+  const cleanupDeepNesting = useCallback(async () => {
+    const { getFolderTree, updateFolderAPI } = useFolderStore.getState()
+    const folderTree = getFolderTree(workspaceId)
+
+    const findDeepFolders = (nodes: FolderTreeNode[], currentLevel = 0): FolderTreeNode[] => {
+      let deepFolders: FolderTreeNode[] = []
+
+      for (const node of nodes) {
+        if (currentLevel >= 2) {
+          // This folder is at level 2+ (too deep), add it to cleanup list
+          deepFolders.push(node)
+        } else {
+          // Recursively check children
+          deepFolders = deepFolders.concat(findDeepFolders(node.children, currentLevel + 1))
+        }
+      }
+
+      return deepFolders
+    }
+
+    const deepFolders = findDeepFolders(folderTree)
+
+    // Move deeply nested folders to root level
+    for (const folder of deepFolders) {
+      try {
+        await updateFolderAPI(folder.id, { parentId: null })
+        console.log(`Moved deeply nested folder "${folder.name}" to root level`)
+      } catch (error) {
+        console.error(`Failed to move folder "${folder.name}":`, error)
+      }
+    }
+  }, [workspaceId])
+
   // Fetch folders when workspace changes
   useEffect(() => {
     if (workspaceId) {
-      fetchFolders(workspaceId)
+      fetchFolders(workspaceId).then(() => {
+        // Clean up any existing deep nesting after folders are loaded
+        cleanupDeepNesting()
+      })
     }
-  }, [workspaceId, fetchFolders])
+  }, [workspaceId, fetchFolders, cleanupDeepNesting])
 
   useEffect(() => {
     clearSelection()
@@ -199,17 +427,18 @@ export function FolderTree({
 
   const {
     isDragOver: rootDragOver,
+    isInvalidDrop: rootInvalidDrop,
     handleDragOver: handleRootDragOver,
     handleDragLeave: handleRootDragLeave,
     handleDrop: handleRootDrop,
-  } = useDragHandlers(updateWorkflow, null, 'Moved workflow(s) to root')
+  } = useDragHandlers(updateWorkflow, updateFolderAPI, null, 'Moved workflow(s) to root')
 
   const renderFolderTree = (
     nodes: FolderTreeNode[],
     level = 0,
     parentDragOver = false
   ): React.ReactNode[] => {
-    return nodes.map((folder) => (
+    return nodes.map((folder, index) => (
       <FolderSection
         key={folder.id}
         folder={folder}
@@ -220,33 +449,70 @@ export function FolderTree({
         expandedFolders={expandedFolders}
         pathname={pathname}
         updateWorkflow={updateWorkflow}
+        updateFolder={updateFolderAPI}
         renderFolderTree={renderFolderTree}
         parentDragOver={parentDragOver}
+        isFirstItem={level === 0 && index === 0}
       />
     ))
   }
 
   const showLoading = isLoading || foldersLoading
+  const rootWorkflows = workflowsByFolder.root || []
+
+  // Render skeleton loading state
+  const renderSkeletonLoading = () => {
+    if (isCollapsed) {
+      return (
+        <div className='space-y-1 py-2'>
+          {[1, 2, 3, 4, 5].map((i) => (
+            <div key={i} className='mx-auto mb-1 flex h-9 w-9 items-center justify-center'>
+              <Skeleton className='h-4 w-4 rounded' />
+            </div>
+          ))}
+        </div>
+      )
+    }
+
+    return (
+      <div className='space-y-1 py-2'>
+        {[1, 2, 3, 4, 5].map((i) => (
+          <div key={i} className='flex h-9 items-center rounded-lg px-2 py-2'>
+            <Skeleton className='mr-2 h-4 w-4 rounded' />
+            <Skeleton className='h-4 max-w-32 flex-1' />
+          </div>
+        ))}
+      </div>
+    )
+  }
+
+  if (showLoading) {
+    return renderSkeletonLoading()
+  }
 
   return (
-    <div
-      className={`space-y-0.5 transition-opacity duration-200 ${showLoading ? 'opacity-60' : ''}`}
-    >
+    <div className='space-y-1 py-2'>
       {/* Folder tree */}
-      {renderFolderTree(folderTree)}
+      {renderFolderTree(folderTree, 0, false)}
 
       {/* Root level workflows (no folder) */}
       <div
         className={clsx(
-          'space-y-0.5',
-          rootDragOver ? 'rounded-md bg-blue-500/10 dark:bg-blue-400/10' : '',
+          'space-y-1',
+          rootDragOver
+            ? rootInvalidDrop
+              ? 'rounded-md bg-red-500/10 dark:bg-red-400/10'
+              : 'rounded-md bg-blue-500/10 dark:bg-blue-400/10'
+            : '',
           // Always provide minimal drop zone when root is empty, but keep it subtle
-          (workflowsByFolder.root || []).length === 0 ? 'min-h-2 py-1' : ''
+          rootWorkflows.length === 0 ? 'min-h-2 py-1' : ''
         )}
         style={
           rootDragOver
             ? {
-                boxShadow: 'inset 0 0 0 1px rgb(59 130 246 / 0.5)',
+                boxShadow: rootInvalidDrop
+                  ? 'inset 0 0 0 1px rgb(239 68 68 / 0.5)'
+                  : 'inset 0 0 0 1px rgb(59 130 246 / 0.5)',
               }
             : {}
         }
@@ -254,7 +520,7 @@ export function FolderTree({
         onDragLeave={handleRootDragLeave}
         onDrop={handleRootDrop}
       >
-        {(workflowsByFolder.root || []).map((workflow) => (
+        {rootWorkflows.map((workflow, index) => (
           <WorkflowItem
             key={workflow.id}
             workflow={workflow}
@@ -262,41 +528,18 @@ export function FolderTree({
             isCollapsed={isCollapsed}
             level={-1}
             isDragOver={rootDragOver}
+            isFirstItem={folderTree.length === 0 && index === 0}
           />
         ))}
       </div>
 
-      {/* Marketplace workflows */}
-      {marketplaceWorkflows.length > 0 && (
-        <div className='mt-2 border-border/30 border-t pt-2'>
-          <h3
-            className={`mb-1 px-2 font-medium text-muted-foreground text-xs ${
-              isCollapsed ? 'text-center' : ''
-            }`}
-          >
-            {isCollapsed ? '' : 'Marketplace'}
-          </h3>
-          {marketplaceWorkflows.map((workflow) => (
-            <WorkflowItem
-              key={workflow.id}
-              workflow={workflow}
-              active={pathname === `/workspace/${workspaceId}/w/${workflow.id}`}
-              isMarketplace
-              isCollapsed={isCollapsed}
-              level={-1}
-              isDragOver={false}
-            />
-          ))}
-        </div>
-      )}
-
       {/* Empty state */}
       {!showLoading &&
         regularWorkflows.length === 0 &&
         marketplaceWorkflows.length === 0 &&
         folderTree.length === 0 &&
         !isCollapsed && (
-          <div className='px-2 py-1.5 text-muted-foreground text-xs'>
+          <div className='break-words px-2 py-1.5 text-muted-foreground text-xs'>
             No workflows or folders in {workspaceId ? 'this workspace' : 'your account'}. Create one
             to get started.
           </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/nav-section/nav-section.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/nav-section/nav-section.tsx
deleted file mode 100644
index 88b83cde1..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/nav-section/nav-section.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-'use client'
-
-import type { ReactNode } from 'react'
-import clsx from 'clsx'
-import Link from 'next/link'
-import { Skeleton } from '@/components/ui/skeleton'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-
-interface NavSectionProps {
-  children: ReactNode
-  isLoading?: boolean
-  itemCount?: number
-  isCollapsed?: boolean
-}
-
-interface NavItemProps {
-  icon: ReactNode
-  label: string
-  href?: string
-  active?: boolean
-  onClick?: () => void
-  isCollapsed?: boolean
-  shortcutCommand?: string
-  shortcutCommandPosition?: 'inline' | 'below'
-}
-
-export function NavSection({
-  children,
-  isLoading = false,
-  itemCount = 3,
-  isCollapsed,
-}: NavSectionProps) {
-  if (isLoading) {
-    return (
-      <nav className='space-y-1'>
-        {Array(itemCount)
-          .fill(0)
-          .map((_, i) => (
-            <NavItemSkeleton key={i} isCollapsed={isCollapsed} />
-          ))}
-      </nav>
-    )
-  }
-
-  return <nav className='space-y-1'>{children}</nav>
-}
-
-function NavItem({
-  icon,
-  label,
-  href,
-  active,
-  onClick,
-  isCollapsed,
-  shortcutCommand,
-  shortcutCommandPosition = 'inline',
-}: NavItemProps) {
-  const className = clsx(
-    'flex items-center gap-2 rounded-md px-2 py-[6px] text-sm font-medium',
-    active ? 'bg-accent text-accent-foreground' : 'text-muted-foreground hover:bg-accent/50',
-    {
-      'cursor-pointer': onClick,
-      'justify-center': isCollapsed,
-      'w-full': !isCollapsed,
-      'w-8 mx-auto': isCollapsed,
-    }
-  )
-
-  const content = (
-    <>
-      {isCollapsed ? <div className='p-[1px]'>{icon}</div> : icon}
-      {!isCollapsed && <span className='truncate'>{label}</span>}
-    </>
-  )
-
-  if (isCollapsed) {
-    if (href) {
-      return (
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Link href={href} className={className}>
-              {content}
-            </Link>
-          </TooltipTrigger>
-          <TooltipContent
-            side='right'
-            command={shortcutCommand}
-            commandPosition={shortcutCommandPosition}
-          >
-            {label}
-          </TooltipContent>
-        </Tooltip>
-      )
-    }
-
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button onClick={onClick} className={className}>
-            {content}
-          </button>
-        </TooltipTrigger>
-        <TooltipContent
-          side='right'
-          command={shortcutCommand}
-          commandPosition={shortcutCommandPosition}
-        >
-          {label}
-        </TooltipContent>
-      </Tooltip>
-    )
-  }
-
-  if (href) {
-    return (
-      <Link href={href} className={className}>
-        {content}
-      </Link>
-    )
-  }
-
-  return (
-    <button onClick={onClick} className={className}>
-      {content}
-    </button>
-  )
-}
-
-function NavItemSkeleton({ isCollapsed }: { isCollapsed?: boolean }) {
-  if (isCollapsed) {
-    return (
-      <div className='mx-auto flex h-8 w-8 items-center justify-center'>
-        <Skeleton className='h-[18px] w-[18px]' />
-      </div>
-    )
-  }
-
-  return (
-    <div className='flex items-center gap-2 rounded-md px-2 py-[6px]'>
-      <Skeleton className='h-[18px] w-[18px]' />
-      <Skeleton className='h-4 w-24' />
-    </div>
-  )
-}
-
-NavSection.Item = NavItem
-NavSection.Skeleton = NavItemSkeleton
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/general/general.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/general/general.tsx
index f0e7b71b7..60167b2af 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/general/general.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/general/general.tsx
@@ -209,7 +209,7 @@ export function General() {
                   disabled={isLoading}
                 />
               </div>
-              <div className='flex items-center justify-between py-1'>
+              {/* <div className='flex items-center justify-between py-1'>
                 <div className='flex items-center gap-2'>
                   <Label htmlFor='auto-pan' className='font-medium'>
                     Auto-pan during execution
@@ -237,7 +237,7 @@ export function General() {
                   onCheckedChange={handleAutoPanChange}
                   disabled={isLoading}
                 />
-              </div>
+              </div> */}
             </>
           )}
         </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/components/edit-member-limit-dialog.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/components/edit-member-limit-dialog.tsx
index 527fada10..19470105e 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/components/edit-member-limit-dialog.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/components/edit-member-limit-dialog.tsx
@@ -84,7 +84,7 @@ export function EditMemberLimitDialog({
 
     if (newLimit < member.currentUsage) {
       setError(
-        `The new limit ($${newLimit.toFixed(2)}) cannot be lower than the member's current usage ($${member.currentUsage.toFixed(2)})`
+        `The new limit ($${newLimit.toFixed(2)}) cannot be lower than the member's current usage ($${member.currentUsage?.toFixed(2) || 0})`
       )
       return
     }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/subscription.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/subscription.tsx
index 7157453e4..4462ea18e 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/subscription.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/subscription/subscription.tsx
@@ -300,7 +300,7 @@ export function Subscription({ onOpenChange }: SubscriptionProps) {
                     <div className='flex items-center justify-between'>
                       <span className='text-muted-foreground text-sm'>Current Usage</span>
                       <span className='font-semibold'>
-                        ${organizationBillingData.totalCurrentUsage.toFixed(2)}
+                        ${organizationBillingData.totalCurrentUsage?.toFixed(2) || 0}
                       </span>
                     </div>
                   </div>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-control/sidebar-control.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-control/sidebar-control.tsx
deleted file mode 100644
index a8c376e86..000000000
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/sidebar-control/sidebar-control.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { PanelRight } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
-import { cn } from '@/lib/utils'
-import { type SidebarMode, useSidebarStore } from '@/stores/sidebar/store'
-
-// This component ONLY controls sidebar state, not toolbar state
-export function SidebarControl() {
-  const { mode, setMode, toggleExpanded, isExpanded } = useSidebarStore()
-  const [open, setOpen] = useState(false)
-
-  const handleModeChange = (value: SidebarMode) => {
-    // When selecting expanded mode, ensure it's expanded
-    if (value === 'expanded' && !isExpanded) {
-      toggleExpanded()
-    }
-
-    // Set the new mode
-    setMode(value)
-    setOpen(false)
-  }
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant='ghost'
-          size='icon'
-          className='flex h-8 w-8 cursor-pointer items-center justify-center rounded-md p-0 text-muted-foreground hover:bg-accent/50'
-        >
-          <PanelRight className='h-[18px] w-[18px] text-muted-foreground' />
-          <span className='sr-only text-sm'>Sidebar control</span>
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent
-        className='w-44 overflow-hidden rounded-lg border bg-background p-0 shadow-md'
-        side='top'
-        align='start'
-        sideOffset={5}
-      >
-        <div className='border-b px-4 py-[10px]'>
-          <h4 className='font-[480] text-muted-foreground text-xs'>Sidebar control</h4>
-        </div>
-        <div className='px-2 pt-1 pb-2'>
-          <div className='flex flex-col gap-[1px]'>
-            <button
-              className={cn(
-                'w-full rounded px-2 py-1.5 text-left font-medium text-muted-foreground text-xs hover:bg-accent/50'
-              )}
-              onClick={() => handleModeChange('expanded')}
-            >
-              <span className='flex items-center'>
-                <span
-                  className={cn(
-                    'mr-1.5 h-1 w-1 rounded-full',
-                    mode === 'expanded' ? 'bg-muted-foreground' : 'bg-transparent'
-                  )}
-                />
-                Expanded
-              </span>
-            </button>
-            <button
-              className={cn(
-                'w-full rounded px-2 py-1.5 text-left font-medium text-muted-foreground text-xs hover:bg-accent/50'
-              )}
-              onClick={() => handleModeChange('collapsed')}
-            >
-              <span className='flex items-center'>
-                <span
-                  className={cn(
-                    'mr-1.5 h-1 w-1 rounded-full',
-                    mode === 'collapsed' ? 'bg-muted-foreground' : 'bg-transparent'
-                  )}
-                />
-                Collapsed
-              </span>
-            </button>
-            <button
-              className={cn(
-                'w-full rounded px-2 py-1.5 text-left font-medium text-muted-foreground text-xs hover:bg-accent/50'
-              )}
-              onClick={() => handleModeChange('hover')}
-            >
-              <span className='flex items-center'>
-                <span
-                  className={cn(
-                    'mr-1.5 h-1 w-1 rounded-full',
-                    mode === 'hover' ? 'bg-muted-foreground' : 'bg-transparent'
-                  )}
-                />
-                Expand on hover
-              </span>
-            </button>
-          </div>
-        </div>
-      </PopoverContent>
-    </Popover>
-  )
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-block/toolbar-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-block/toolbar-block.tsx
similarity index 80%
rename from apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-block/toolbar-block.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-block/toolbar-block.tsx
index f868b84a0..cb45d4af1 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-block/toolbar-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-block/toolbar-block.tsx
@@ -40,28 +40,25 @@ export function ToolbarBlock({ config, disabled = false }: ToolbarBlockProps) {
       onDragStart={handleDragStart}
       onClick={handleClick}
       className={cn(
-        'group flex items-center gap-3 rounded-lg border bg-card p-3.5 shadow-sm transition-colors',
+        'group flex items-center gap-3 rounded-lg p-2 transition-colors',
         disabled
           ? 'cursor-not-allowed opacity-60'
           : 'cursor-pointer hover:bg-accent/50 active:cursor-grabbing'
       )}
     >
       <div
-        className='relative flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg'
+        className='relative flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-md'
         style={{ backgroundColor: config.bgColor }}
       >
         <config.icon
           className={cn(
             'text-white transition-transform duration-200',
             !disabled && 'group-hover:scale-110',
-            config.type === 'agent' ? 'h-[24px] w-[24px]' : 'h-[22px] w-[22px]'
+            'h-[14px] w-[14px]'
           )}
         />
       </div>
-      <div className='mb-[-2px] flex flex-col gap-1'>
-        <h3 className='font-medium leading-none'>{config.name}</h3>
-        <p className='text-muted-foreground text-sm leading-snug'>{config.description}</p>
-      </div>
+      <span className='font-medium text-sm leading-none'>{config.name}</span>
     </div>
   )
 
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx
similarity index 79%
rename from apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx
index 767de4f40..b65a94b09 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-loop-block/toolbar-loop-block.tsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
-import { LoopTool } from '../../../loop-node/loop-config'
+import { LoopTool } from '../../../../../../[workflowId]/components/loop-node/loop-config'
 
 type LoopToolbarItemProps = {
   disabled?: boolean
@@ -49,27 +49,24 @@ export default function LoopToolbarItem({ disabled = false }: LoopToolbarItemPro
       onDragStart={handleDragStart}
       onClick={handleClick}
       className={cn(
-        'group flex items-center gap-3 rounded-lg border bg-card p-3.5 shadow-sm transition-colors',
+        'group flex items-center gap-3 rounded-lg p-2 transition-colors',
         disabled
           ? 'cursor-not-allowed opacity-60'
           : 'cursor-pointer hover:bg-accent/50 active:cursor-grabbing'
       )}
     >
       <div
-        className='relative flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg'
+        className='relative flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-md'
         style={{ backgroundColor: LoopTool.bgColor }}
       >
         <LoopTool.icon
           className={cn(
-            'h-[22px] w-[22px] text-white transition-transform duration-200',
+            'h-[14px] w-[14px] text-white transition-transform duration-200',
             !disabled && 'group-hover:scale-110'
           )}
         />
       </div>
-      <div className='mb-[-2px] flex flex-col gap-1'>
-        <h3 className='font-medium leading-none'>{LoopTool.name}</h3>
-        <p className='text-muted-foreground text-sm leading-snug'>{LoopTool.description}</p>
-      </div>
+      <span className='font-medium text-sm leading-none'>{LoopTool.name}</span>
     </div>
   )
 
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx
similarity index 79%
rename from apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx
index 22e1bc397..7c8c6bd89 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/components/toolbar-parallel-block/toolbar-parallel-block.tsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
-import { ParallelTool } from '../../../parallel-node/parallel-config'
+import { ParallelTool } from '../../../../../../[workflowId]/components/parallel-node/parallel-config'
 
 type ParallelToolbarItemProps = {
   disabled?: boolean
@@ -49,27 +49,24 @@ export default function ParallelToolbarItem({ disabled = false }: ParallelToolba
       onDragStart={handleDragStart}
       onClick={handleClick}
       className={cn(
-        'group flex items-center gap-3 rounded-lg border bg-card p-3.5 shadow-sm transition-colors',
+        'group flex items-center gap-3 rounded-lg p-2 transition-colors',
         disabled
           ? 'cursor-not-allowed opacity-60'
           : 'cursor-pointer hover:bg-accent/50 active:cursor-grabbing'
       )}
     >
       <div
-        className='relative flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg'
+        className='relative flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-md'
         style={{ backgroundColor: ParallelTool.bgColor }}
       >
         <ParallelTool.icon
           className={cn(
-            'h-[22px] w-[22px] text-white transition-transform duration-200',
+            'h-[14px] w-[14px] text-white transition-transform duration-200',
             !disabled && 'group-hover:scale-110'
           )}
         />
       </div>
-      <div className='mb-[-2px] flex flex-col gap-1'>
-        <h3 className='font-medium leading-none'>{ParallelTool.name}</h3>
-        <p className='text-muted-foreground text-sm leading-snug'>{ParallelTool.description}</p>
-      </div>
+      <span className='font-medium text-sm leading-none'>{ParallelTool.name}</span>
     </div>
   )
 
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/toolbar.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/toolbar.tsx
new file mode 100644
index 000000000..e1b7965fb
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/toolbar/toolbar.tsx
@@ -0,0 +1,138 @@
+'use client'
+
+import { useMemo, useState } from 'react'
+import { Search } from 'lucide-react'
+import { Input } from '@/components/ui/input'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import { getAllBlocks } from '@/blocks'
+import type { WorkspaceUserPermissions } from '@/hooks/use-user-permissions'
+import { ToolbarBlock } from './components/toolbar-block/toolbar-block'
+import LoopToolbarItem from './components/toolbar-loop-block/toolbar-loop-block'
+import ParallelToolbarItem from './components/toolbar-parallel-block/toolbar-parallel-block'
+
+interface ToolbarProps {
+  userPermissions: WorkspaceUserPermissions
+  isWorkspaceSelectorVisible?: boolean
+}
+
+interface BlockItem {
+  name: string
+  type: string
+  isCustom: boolean
+  config?: any
+}
+
+export function Toolbar({ userPermissions, isWorkspaceSelectorVisible = false }: ToolbarProps) {
+  const [searchQuery, setSearchQuery] = useState('')
+
+  const { regularBlocks, specialBlocks, tools } = useMemo(() => {
+    const allBlocks = getAllBlocks()
+
+    // Filter blocks based on search query
+    const filteredBlocks = allBlocks.filter((block) => {
+      if (block.type === 'starter' || block.hideFromToolbar) return false
+
+      return (
+        !searchQuery.trim() ||
+        block.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        block.description.toLowerCase().includes(searchQuery.toLowerCase())
+      )
+    })
+
+    // Separate regular blocks (category: 'blocks') and tools (category: 'tools')
+    const regularBlockConfigs = filteredBlocks.filter((block) => block.category === 'blocks')
+    const toolConfigs = filteredBlocks.filter((block) => block.category === 'tools')
+
+    // Create regular block items and sort alphabetically
+    const regularBlockItems: BlockItem[] = regularBlockConfigs
+      .map((block) => ({
+        name: block.name,
+        type: block.type,
+        config: block,
+        isCustom: false,
+      }))
+      .sort((a, b) => a.name.localeCompare(b.name))
+
+    // Create special blocks (loop and parallel) if they match search
+    const specialBlockItems: BlockItem[] = []
+
+    if (!searchQuery.trim() || 'loop'.toLowerCase().includes(searchQuery.toLowerCase())) {
+      specialBlockItems.push({
+        name: 'Loop',
+        type: 'loop',
+        isCustom: true,
+      })
+    }
+
+    if (!searchQuery.trim() || 'parallel'.toLowerCase().includes(searchQuery.toLowerCase())) {
+      specialBlockItems.push({
+        name: 'Parallel',
+        type: 'parallel',
+        isCustom: true,
+      })
+    }
+
+    // Sort special blocks alphabetically
+    specialBlockItems.sort((a, b) => a.name.localeCompare(b.name))
+
+    // Sort tools alphabetically
+    toolConfigs.sort((a, b) => a.name.localeCompare(b.name))
+
+    return {
+      regularBlocks: regularBlockItems,
+      specialBlocks: specialBlockItems,
+      tools: toolConfigs,
+    }
+  }, [searchQuery])
+
+  return (
+    <div className='flex h-full flex-col'>
+      {/* Search */}
+      <div className='flex-shrink-0 p-2'>
+        <div className='flex h-9 items-center gap-2 rounded-[10px] border bg-background pr-2 pl-3'>
+          <Search className='h-4 w-4 text-muted-foreground' strokeWidth={2} />
+          <Input
+            placeholder='Search blocks...'
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            className='h-6 flex-1 border-0 bg-transparent px-0 font-normal text-muted-foreground text-sm leading-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0'
+            autoComplete='off'
+            autoCorrect='off'
+            autoCapitalize='off'
+            spellCheck='false'
+          />
+        </div>
+      </div>
+
+      {/* Content */}
+      <ScrollArea className='flex-1 px-2' hideScrollbar={true}>
+        <div className='space-y-1 pb-2'>
+          {/* Regular Blocks Section */}
+          {regularBlocks.map((block) => (
+            <ToolbarBlock
+              key={block.type}
+              config={block.config}
+              disabled={!userPermissions.canEdit}
+            />
+          ))}
+
+          {/* Special Blocks Section (Loop & Parallel) */}
+          {specialBlocks.map((block) => {
+            if (block.type === 'loop') {
+              return <LoopToolbarItem key={block.type} disabled={!userPermissions.canEdit} />
+            }
+            if (block.type === 'parallel') {
+              return <ParallelToolbarItem key={block.type} disabled={!userPermissions.canEdit} />
+            }
+            return null
+          })}
+
+          {/* Tools Section */}
+          {tools.map((tool) => (
+            <ToolbarBlock key={tool.type} config={tool} disabled={!userPermissions.canEdit} />
+          ))}
+        </div>
+      </ScrollArea>
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-context-menu/workflow-context-menu.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-context-menu/workflow-context-menu.tsx
new file mode 100644
index 000000000..0f5a9b572
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-context-menu/workflow-context-menu.tsx
@@ -0,0 +1,139 @@
+'use client'
+
+import { useState } from 'react'
+import { MoreHorizontal, Pencil } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { createLogger } from '@/lib/logs/console-logger'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
+import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
+import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
+
+const logger = createLogger('WorkflowContextMenu')
+
+interface WorkflowContextMenuProps {
+  workflow: WorkflowMetadata
+  onRename?: (workflowId: string, newName: string) => void
+  level: number
+}
+
+export function WorkflowContextMenu({ workflow, onRename, level }: WorkflowContextMenuProps) {
+  const [showRenameDialog, setShowRenameDialog] = useState(false)
+  const [renameName, setRenameName] = useState(workflow.name)
+  const [isRenaming, setIsRenaming] = useState(false)
+
+  // Get user permissions for the workspace
+  const userPermissions = useUserPermissionsContext()
+
+  const { updateWorkflow } = useWorkflowRegistry()
+
+  const handleRename = () => {
+    setRenameName(workflow.name)
+    setShowRenameDialog(true)
+  }
+
+  const handleRenameSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!renameName.trim()) return
+
+    setIsRenaming(true)
+    try {
+      if (onRename) {
+        onRename(workflow.id, renameName.trim())
+      } else {
+        // Default rename behavior using updateWorkflow
+        await updateWorkflow(workflow.id, { name: renameName.trim() })
+        logger.info(
+          `Successfully renamed workflow from "${workflow.name}" to "${renameName.trim()}"`
+        )
+      }
+      setShowRenameDialog(false)
+    } catch (error) {
+      logger.error('Failed to rename workflow:', {
+        error,
+        workflowId: workflow.id,
+        oldName: workflow.name,
+        newName: renameName.trim(),
+      })
+    } finally {
+      setIsRenaming(false)
+    }
+  }
+
+  const handleCancel = () => {
+    setRenameName(workflow.name)
+    setShowRenameDialog(false)
+  }
+
+  return (
+    <>
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button
+            variant='ghost'
+            size='icon'
+            className='h-4 w-4 p-0 opacity-0 transition-opacity hover:bg-transparent focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 group-hover:opacity-100'
+            onClick={(e) => e.stopPropagation()}
+          >
+            <MoreHorizontal className='h-3 w-3' />
+            <span className='sr-only'>Workflow options</span>
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent
+          align='end'
+          onClick={(e) => e.stopPropagation()}
+          className='min-w-32 rounded-lg border-[#E5E5E5] bg-[#FFFFFF] shadow-xs dark:border-[#414141] dark:bg-[#202020]'
+        >
+          {userPermissions.canEdit && (
+            <DropdownMenuItem
+              onClick={handleRename}
+              className='cursor-pointer rounded-md px-3 py-2 font-[380] text-card-foreground text-sm hover:bg-secondary/50 focus:bg-secondary/50'
+            >
+              <Pencil className='mr-2 h-4 w-4' />
+              Rename
+            </DropdownMenuItem>
+          )}
+        </DropdownMenuContent>
+      </DropdownMenu>
+
+      {/* Rename dialog */}
+      <Dialog open={showRenameDialog} onOpenChange={setShowRenameDialog}>
+        <DialogContent className='sm:max-w-[425px]' onClick={(e) => e.stopPropagation()}>
+          <DialogHeader>
+            <DialogTitle>Rename Workflow</DialogTitle>
+          </DialogHeader>
+          <form onSubmit={handleRenameSubmit} className='space-y-4'>
+            <div className='space-y-2'>
+              <Label htmlFor='rename-workflow'>Workflow Name</Label>
+              <Input
+                id='rename-workflow'
+                value={renameName}
+                onChange={(e) => setRenameName(e.target.value)}
+                placeholder='Enter workflow name...'
+                maxLength={100}
+                autoFocus
+                required
+              />
+            </div>
+            <div className='flex justify-end space-x-2'>
+              <Button type='button' variant='outline' onClick={handleCancel}>
+                Cancel
+              </Button>
+              <Button type='submit' disabled={!renameName.trim() || isRenaming}>
+                {isRenaming ? 'Renaming...' : 'Rename'}
+              </Button>
+            </div>
+          </form>
+        </DialogContent>
+      </Dialog>
+    </>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx
index b9b608a89..5b7e8f505 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx
@@ -1,42 +1,20 @@
 'use client'
 
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { ChevronDown, Pencil, Trash2, X } from 'lucide-react'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { ChevronDown, ChevronUp, PanelLeft } from 'lucide-react'
 import Link from 'next/link'
-import { useParams, useRouter } from 'next/navigation'
 import { AgentIcon } from '@/components/icons'
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-} from '@/components/ui/alert-dialog'
 import { Button } from '@/components/ui/button'
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { Input } from '@/components/ui/input'
 import { Skeleton } from '@/components/ui/skeleton'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { useSession } from '@/lib/auth-client'
 import { createLogger } from '@/lib/logs/console-logger'
-import { cn } from '@/lib/utils'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/w/components/providers/workspace-permissions-provider'
-import { useSidebarStore } from '@/stores/sidebar/store'
-import { useSubscriptionStore } from '@/stores/subscription/store'
-import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 
 const logger = createLogger('WorkspaceHeader')
 
+/**
+ * Workspace entity interface
+ */
 interface Workspace {
   id: string
   name: string
@@ -44,698 +22,250 @@ interface Workspace {
   role?: string
 }
 
+/**
+ * Main WorkspaceHeader component props
+ */
 interface WorkspaceHeaderProps {
   onCreateWorkflow: () => void
-  isCollapsed?: boolean
-  onDropdownOpenChange?: (isOpen: boolean) => void
+  isWorkspaceSelectorVisible: boolean
+  onToggleWorkspaceSelector: () => void
+  activeWorkspace: Workspace | null
+  isWorkspacesLoading: boolean
+  updateWorkspaceName: (workspaceId: string, newName: string) => Promise<boolean>
 }
 
-// New WorkspaceModal component
-interface WorkspaceModalProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  onCreateWorkspace: (name: string) => void
-}
-
-const WorkspaceModal = React.memo<WorkspaceModalProps>(
-  ({ open, onOpenChange, onCreateWorkspace }) => {
-    const [workspaceName, setWorkspaceName] = useState('')
-
-    const handleSubmit = useCallback(
-      (e: React.FormEvent) => {
-        e.preventDefault()
-        if (workspaceName.trim()) {
-          onCreateWorkspace(workspaceName.trim())
-          setWorkspaceName('')
-          onOpenChange(false)
-        }
-      },
-      [workspaceName, onCreateWorkspace, onOpenChange]
-    )
-
-    const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-      setWorkspaceName(e.target.value)
-    }, [])
-
-    const handleClose = useCallback(() => {
-      onOpenChange(false)
-    }, [onOpenChange])
-
-    return (
-      <Dialog open={open} onOpenChange={onOpenChange}>
-        <DialogContent
-          className='flex flex-col gap-0 overflow-hidden p-0 sm:max-w-[500px]'
-          hideCloseButton
-        >
-          <DialogHeader className='flex-shrink-0 border-b px-6 py-4'>
-            <div className='flex items-center justify-between'>
-              <DialogTitle className='font-medium text-lg'>Create New Workspace</DialogTitle>
-              <Button variant='ghost' size='icon' className='h-8 w-8 p-0' onClick={handleClose}>
-                <X className='h-4 w-4' />
-                <span className='sr-only'>Close</span>
-              </Button>
-            </div>
-          </DialogHeader>
-
-          <div className='px-6 pt-4 pb-6'>
-            <form onSubmit={handleSubmit}>
-              <div className='space-y-4'>
-                <div className='space-y-2'>
-                  <label htmlFor='workspace-name' className='font-medium text-sm'>
-                    Workspace Name
-                  </label>
-                  <Input
-                    id='workspace-name'
-                    value={workspaceName}
-                    onChange={handleNameChange}
-                    placeholder='Enter workspace name'
-                    className='w-full'
-                    autoFocus
-                  />
-                </div>
-                <div className='flex justify-end'>
-                  <Button
-                    type='submit'
-                    size='sm'
-                    disabled={!workspaceName.trim()}
-                    className={cn(
-                      'gap-2 font-medium',
-                      'bg-[#802FFF] hover:bg-[#7028E6]',
-                      'shadow-[0_0_0_0_#802FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
-                      'text-white transition-all duration-200',
-                      'disabled:opacity-50 disabled:hover:bg-[#802FFF] disabled:hover:shadow-none'
-                    )}
-                  >
-                    Create
-                  </Button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </DialogContent>
-      </Dialog>
-    )
-  }
-)
-
-WorkspaceModal.displayName = 'WorkspaceModal'
-
-// New WorkspaceEditModal component
-interface WorkspaceEditModalProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  onUpdateWorkspace: (id: string, name: string) => void
-  workspace: Workspace | null
-}
-
-const WorkspaceEditModal = React.memo<WorkspaceEditModalProps>(
-  ({ open, onOpenChange, onUpdateWorkspace, workspace }) => {
-    const [workspaceName, setWorkspaceName] = useState('')
-
-    useEffect(() => {
-      if (workspace && open) {
-        setWorkspaceName(workspace.name)
-      }
-    }, [workspace, open])
-
-    const handleSubmit = useCallback(
-      (e: React.FormEvent) => {
-        e.preventDefault()
-        if (workspace && workspaceName.trim()) {
-          onUpdateWorkspace(workspace.id, workspaceName.trim())
-          setWorkspaceName('')
-          onOpenChange(false)
-        }
-      },
-      [workspace, workspaceName, onUpdateWorkspace, onOpenChange]
-    )
-
-    const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
-      setWorkspaceName(e.target.value)
-    }, [])
-
-    const handleClose = useCallback(() => {
-      onOpenChange(false)
-    }, [onOpenChange])
-
-    return (
-      <Dialog open={open} onOpenChange={onOpenChange}>
-        <DialogContent
-          className='flex flex-col gap-0 overflow-hidden p-0 sm:max-w-[500px]'
-          hideCloseButton
-        >
-          <DialogHeader className='flex-shrink-0 border-b px-6 py-4'>
-            <div className='flex items-center justify-between'>
-              <DialogTitle className='font-medium text-lg'>Edit Workspace</DialogTitle>
-              <Button variant='ghost' size='icon' className='h-8 w-8 p-0' onClick={handleClose}>
-                <X className='h-4 w-4' />
-                <span className='sr-only'>Close</span>
-              </Button>
-            </div>
-          </DialogHeader>
-
-          <div className='px-6 pt-4 pb-6'>
-            <form onSubmit={handleSubmit}>
-              <div className='space-y-4'>
-                <div className='space-y-2'>
-                  <label htmlFor='workspace-name-edit' className='font-medium text-sm'>
-                    Workspace Name
-                  </label>
-                  <Input
-                    id='workspace-name-edit'
-                    value={workspaceName}
-                    onChange={handleNameChange}
-                    placeholder='Enter workspace name'
-                    className='w-full'
-                    autoFocus
-                  />
-                </div>
-                <div className='flex justify-end'>
-                  <Button
-                    type='submit'
-                    size='sm'
-                    disabled={!workspaceName.trim()}
-                    className={cn(
-                      'gap-2 font-medium',
-                      'bg-[#802FFF] hover:bg-[#7028E6]',
-                      'shadow-[0_0_0_0_#802FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
-                      'text-white transition-all duration-200',
-                      'disabled:opacity-50 disabled:hover:bg-[#802FFF] disabled:hover:shadow-none'
-                    )}
-                  >
-                    Update
-                  </Button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </DialogContent>
-      </Dialog>
-    )
-  }
-)
-
-WorkspaceEditModal.displayName = 'WorkspaceEditModal'
-
+/**
+ * WorkspaceHeader component - Single row header with all elements
+ */
 export const WorkspaceHeader = React.memo<WorkspaceHeaderProps>(
-  ({ onCreateWorkflow, isCollapsed, onDropdownOpenChange }) => {
-    // Get sidebar store state to check current mode
-    const { mode, workspaceDropdownOpen, setWorkspaceDropdownOpen, setAnyModalOpen } =
-      useSidebarStore()
-
-    const { data: sessionData, isPending } = useSession()
-
-    const { getSubscriptionStatus } = useSubscriptionStore()
-    const subscription = getSubscriptionStatus()
-
-    const getPlanName = (subscription: ReturnType<typeof getSubscriptionStatus>) => {
-      if (subscription.isEnterprise) return 'Enterprise Plan'
-      if (subscription.isTeam) return 'Team Plan'
-      if (subscription.isPro) return 'Pro Plan'
-      return 'Free Plan'
-    }
-
-    const plan = getPlanName(subscription)
-
-    // Use client-side loading instead of isPending to avoid hydration mismatch
+  ({
+    onCreateWorkflow,
+    isWorkspaceSelectorVisible,
+    onToggleWorkspaceSelector,
+    activeWorkspace,
+    isWorkspacesLoading,
+    updateWorkspaceName,
+  }) => {
+    // External hooks
+    const { data: sessionData } = useSession()
     const [isClientLoading, setIsClientLoading] = useState(true)
-    const [workspaces, setWorkspaces] = useState<Workspace[]>([])
-    const [activeWorkspace, setActiveWorkspace] = useState<Workspace | null>(null)
-    const [isWorkspacesLoading, setIsWorkspacesLoading] = useState(true)
-    const [isWorkspaceModalOpen, setIsWorkspaceModalOpen] = useState(false)
-    const [editingWorkspace, setEditingWorkspace] = useState<Workspace | null>(null)
-    const [isEditModalOpen, setIsEditModalOpen] = useState(false)
-    const [isDeleting, setIsDeleting] = useState(false)
-    const router = useRouter()
+    const [isEditingName, setIsEditingName] = useState(false)
+    const [editingName, setEditingName] = useState('')
 
-    // Get workflowRegistry state and actions
-    const { switchToWorkspace } = useWorkflowRegistry()
-    const params = useParams()
-    const currentWorkspaceId = params.workspaceId as string
-
-    // Get user permissions for the active workspace
-    const userPermissions = useUserPermissionsContext()
+    // Refs
+    const editInputRef = useRef<HTMLInputElement>(null)
 
+    // Computed values
     const userName = useMemo(
       () => sessionData?.user?.name || sessionData?.user?.email || 'User',
       [sessionData?.user?.name, sessionData?.user?.email]
     )
-
-    // Set isClientLoading to false after hydration
-    useEffect(() => {
-      setIsClientLoading(false)
-    }, [])
-
-    const fetchWorkspaces = useCallback(async () => {
-      setIsWorkspacesLoading(true)
-      try {
-        const response = await fetch('/api/workspaces')
-        const data = await response.json()
-
-        if (data.workspaces && Array.isArray(data.workspaces)) {
-          const fetchedWorkspaces = data.workspaces as Workspace[]
-          setWorkspaces(fetchedWorkspaces)
-
-          // Only update workspace if we have a valid currentWorkspaceId from URL
-          if (currentWorkspaceId) {
-            const matchingWorkspace = fetchedWorkspaces.find(
-              (workspace) => workspace.id === currentWorkspaceId
-            )
-            if (matchingWorkspace) {
-              setActiveWorkspace(matchingWorkspace)
-            } else {
-              // Log the mismatch for debugging
-              logger.warn(`Workspace ${currentWorkspaceId} not found in user's workspaces`)
-
-              // Current workspace not found, fallback to first workspace
-              if (fetchedWorkspaces.length > 0) {
-                const fallbackWorkspace = fetchedWorkspaces[0]
-                setActiveWorkspace(fallbackWorkspace)
-                // Navigate to the fallback workspace
-                router.push(`/workspace/${fallbackWorkspace.id}/w`)
-              } else {
-                // No workspaces available - handle this edge case
-                logger.error('No workspaces available for user')
-              }
-            }
-          }
-        }
-      } catch (err) {
-        logger.error('Error fetching workspaces:', err)
-      } finally {
-        setIsWorkspacesLoading(false)
-      }
-    }, [currentWorkspaceId, router])
-
-    useEffect(() => {
-      // Fetch subscription status if user is logged in
-      if (sessionData?.user?.id) {
-        fetchWorkspaces()
-      }
-    }, [sessionData?.user?.id, fetchWorkspaces])
-
-    const switchWorkspace = useCallback(
-      async (workspace: Workspace) => {
-        // If already on this workspace, close dropdown and do nothing else
-        if (activeWorkspace?.id === workspace.id) {
-          setWorkspaceDropdownOpen(false)
-          return
-        }
-
-        setActiveWorkspace(workspace)
-        setWorkspaceDropdownOpen(false)
-
-        // Use full workspace switch which now handles localStorage automatically
-        await switchToWorkspace(workspace.id)
-
-        // Update URL to include workspace ID - only after workspace switch completes
-        router.push(`/workspace/${workspace.id}/w`)
-      },
-      [activeWorkspace?.id, switchToWorkspace, router, setWorkspaceDropdownOpen]
-    )
-
-    const handleCreateWorkspace = useCallback(
-      async (name: string) => {
-        setIsWorkspacesLoading(true)
-
-        try {
-          const response = await fetch('/api/workspaces', {
-            method: 'POST',
-            headers: {
-              'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ name }),
-          })
-
-          const data = await response.json()
-
-          if (data.workspace) {
-            const newWorkspace = data.workspace as Workspace
-            setWorkspaces((prev) => [...prev, newWorkspace])
-            setActiveWorkspace(newWorkspace)
-
-            // Use switchToWorkspace to properly load workflows for the new workspace
-            // This will clear existing workflows, set loading state, and fetch workflows from DB
-            await switchToWorkspace(newWorkspace.id)
-
-            // Update URL to include new workspace ID - only after workspace switch completes
-            router.push(`/workspace/${newWorkspace.id}/w`)
-          }
-        } catch (err) {
-          logger.error('Error creating workspace:', err)
-        } finally {
-          setIsWorkspacesLoading(false)
-        }
-      },
-      [switchToWorkspace, router]
-    )
-
-    const handleUpdateWorkspace = useCallback(
-      async (id: string, name: string) => {
-        // For update operations, we need to check permissions for the specific workspace
-        // Since we can only use hooks at the component level, we'll make the API call
-        // and let the backend handle the permission check
-        setIsWorkspacesLoading(true)
-
-        try {
-          const response = await fetch(`/api/workspaces/${id}`, {
-            method: 'PATCH',
-            headers: {
-              'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ name }),
-          })
-
-          if (!response.ok) {
-            if (response.status === 403) {
-              logger.error(
-                'Permission denied: Only users with admin permissions can update workspaces'
-              )
-            }
-            throw new Error('Failed to update workspace')
-          }
-
-          const { workspace: updatedWorkspace } = await response.json()
-
-          // Update workspaces list
-          setWorkspaces((prevWorkspaces) =>
-            prevWorkspaces.map((w) =>
-              w.id === updatedWorkspace.id ? { ...w, name: updatedWorkspace.name } : w
-            )
-          )
-
-          // If active workspace was updated, update it too
-          if (activeWorkspace && activeWorkspace.id === updatedWorkspace.id) {
-            setActiveWorkspace({
-              ...activeWorkspace,
-              name: updatedWorkspace.name,
-            })
-          }
-        } catch (err) {
-          logger.error('Error updating workspace:', err)
-        } finally {
-          setIsWorkspacesLoading(false)
-        }
-      },
-      [activeWorkspace]
-    )
-
-    const handleDeleteWorkspace = useCallback(
-      async (id: string) => {
-        // For delete operations, we need to check permissions for the specific workspace
-        // Since we can only use hooks at the component level, we'll make the API call
-        // and let the backend handle the permission check
-        setIsDeleting(true)
-
-        try {
-          const response = await fetch(`/api/workspaces/${id}`, {
-            method: 'DELETE',
-          })
-
-          if (!response.ok) {
-            if (response.status === 403) {
-              logger.error(
-                'Permission denied: Only users with admin permissions can delete workspaces'
-              )
-            }
-            throw new Error('Failed to delete workspace')
-          }
-
-          // Remove from workspace list
-          const updatedWorkspaces = workspaces.filter((w) => w.id !== id)
-          setWorkspaces(updatedWorkspaces)
-
-          // If deleted workspace was active, switch to another workspace
-          if (activeWorkspace?.id === id) {
-            const newWorkspace = updatedWorkspaces[0]
-            setActiveWorkspace(newWorkspace)
-
-            // Switch to the new workspace (this handles all workflow state management)
-            await switchToWorkspace(newWorkspace.id)
-
-            // Navigate to the new workspace - only after workspace switch completes
-            router.push(`/workspace/${newWorkspace.id}/w`)
-          }
-
-          setWorkspaceDropdownOpen(false)
-        } catch (err) {
-          logger.error('Error deleting workspace:', err)
-        } finally {
-          setIsDeleting(false)
-        }
-      },
-      [workspaces, activeWorkspace?.id]
-    )
-
-    const openEditModal = useCallback(
-      (workspace: Workspace, e: React.MouseEvent) => {
-        e.stopPropagation()
-        // Only show edit/delete options for the active workspace if user has admin permissions
-        if (activeWorkspace?.id !== workspace.id || !userPermissions.canAdmin) {
-          return
-        }
-        setEditingWorkspace(workspace)
-        setIsEditModalOpen(true)
-      },
-      [activeWorkspace?.id, userPermissions.canAdmin]
-    )
-
-    // Determine URL for workspace links
     const workspaceUrl = useMemo(
       () => (activeWorkspace ? `/workspace/${activeWorkspace.id}/w` : '/workspace'),
       [activeWorkspace]
     )
 
-    // Notify parent component when dropdown opens/closes
-    const handleDropdownOpenChange = useCallback(
-      (open: boolean) => {
-        setWorkspaceDropdownOpen(open)
-        // Inform the parent component about the dropdown state change
-        if (onDropdownOpenChange) {
-          onDropdownOpenChange(open)
-        }
-      },
-      [onDropdownOpenChange, setWorkspaceDropdownOpen]
+    const displayName = useMemo(
+      () => activeWorkspace?.name || `${userName}'s Workspace`,
+      [activeWorkspace?.name, userName]
     )
 
-    // Special handling for click interactions in hover mode
-    const handleTriggerClick = useCallback(
-      (e: React.MouseEvent) => {
-        // When in hover mode, explicitly prevent bubbling for the trigger
-        if (mode === 'hover') {
-          e.stopPropagation()
-          e.preventDefault()
-          // Toggle dropdown state
-          handleDropdownOpenChange(!workspaceDropdownOpen)
-        }
-      },
-      [mode, workspaceDropdownOpen, handleDropdownOpenChange]
-    )
-
-    const handleContainerClick = useCallback(
-      (e: React.MouseEvent) => {
-        // In hover mode, prevent clicks on the container from collapsing the sidebar
-        if (mode === 'hover') {
-          e.stopPropagation()
-        }
-      },
-      [mode]
-    )
-
-    const handleWorkspaceModalOpenChange = useCallback((open: boolean) => {
-      setIsWorkspaceModalOpen(open)
-    }, [])
-
-    const handleEditModalOpenChange = useCallback((open: boolean) => {
-      setIsEditModalOpen(open)
-    }, [])
-
-    // Handle modal open/close state
+    // Effects
     useEffect(() => {
-      // Update the modal state in the store
-      setAnyModalOpen(isWorkspaceModalOpen || isEditModalOpen || isDeleting)
-    }, [isWorkspaceModalOpen, isEditModalOpen, isDeleting, setAnyModalOpen])
+      setIsClientLoading(false)
+    }, [])
 
-    return (
-      <div className='px-2 py-2'>
-        {/* Workspace Modal */}
-        <WorkspaceModal
-          open={isWorkspaceModalOpen}
-          onOpenChange={handleWorkspaceModalOpenChange}
-          onCreateWorkspace={handleCreateWorkspace}
-        />
+    // Focus input when editing starts
+    useEffect(() => {
+      if (isEditingName && editInputRef.current) {
+        editInputRef.current.focus()
+        editInputRef.current.select()
+      }
+    }, [isEditingName])
 
-        {/* Edit Workspace Modal */}
-        <WorkspaceEditModal
-          open={isEditModalOpen}
-          onOpenChange={handleEditModalOpenChange}
-          onUpdateWorkspace={handleUpdateWorkspace}
-          workspace={editingWorkspace}
-        />
+    // Handle toggle sidebar
+    const handleToggleSidebar = useCallback(() => {
+      // This will be implemented when needed - placeholder for now
+      logger.info('Toggle sidebar clicked')
+    }, [])
 
-        <DropdownMenu open={workspaceDropdownOpen} onOpenChange={handleDropdownOpenChange}>
-          <div
-            className={`group relative cursor-pointer rounded-md ${isCollapsed ? 'flex justify-center' : ''}`}
-            onClick={handleContainerClick}
+    // Handle workspace name click
+    const handleWorkspaceNameClick = useCallback(() => {
+      setEditingName(displayName)
+      setIsEditingName(true)
+    }, [displayName])
+
+    // Handle workspace name editing actions
+    const handleEditingAction = useCallback(
+      (action: 'save' | 'cancel') => {
+        switch (action) {
+          case 'save': {
+            // Exit edit mode immediately, save in background
+            setIsEditingName(false)
+            if (activeWorkspace && editingName.trim() !== '') {
+              updateWorkspaceName(activeWorkspace.id, editingName.trim()).catch((error) => {
+                logger.error('Failed to update workspace name:', error)
+              })
+            }
+            break
+          }
+
+          case 'cancel': {
+            // Cancel without saving
+            setIsEditingName(false)
+            setEditingName('')
+            break
+          }
+        }
+      },
+      [activeWorkspace, editingName, updateWorkspaceName]
+    )
+
+    // Handle keyboard interactions
+    const handleInputKeyDown = useCallback(
+      (e: React.KeyboardEvent) => {
+        if (e.key === 'Enter') {
+          handleEditingAction('save')
+        } else if (e.key === 'Escape') {
+          handleEditingAction('cancel')
+        }
+      },
+      [handleEditingAction]
+    )
+
+    // Handle click away - immediate exit with background save
+    const handleInputBlur = useCallback(() => {
+      handleEditingAction('save')
+    }, [handleEditingAction])
+
+    // Render loading state
+    const renderLoadingState = () => (
+      <>
+        {/* Icon */}
+        <div className='flex h-6 w-6 shrink-0 items-center justify-center rounded bg-[#802FFF]'>
+          <AgentIcon className='h-4 w-4 text-white' />
+        </div>
+
+        {/* Loading workspace name and chevron container */}
+        <div className='flex min-w-0 flex-1 items-center'>
+          <div className='min-w-0 flex-1 p-1'>
+            <Skeleton className='h-4 w-24' />
+          </div>
+
+          {/* Chevron */}
+          <Button
+            variant='ghost'
+            size='icon'
+            className='h-6 w-6 text-muted-foreground hover:bg-secondary'
+            disabled
           >
-            {/* Hover background with consistent padding - only when not collapsed */}
-            {!isCollapsed && (
-              <div className='absolute inset-0 rounded-md group-hover:bg-accent/50' />
-            )}
-
-            {/* Content with consistent padding */}
-            {isCollapsed ? (
-              <div className='relative z-10 flex items-center justify-center px-2 py-[6px]'>
-                <Link
-                  href={workspaceUrl}
-                  className='group flex h-6 w-6 shrink-0 items-center justify-center rounded bg-[#802FFF]'
-                >
-                  <AgentIcon className='-translate-y-[0.5px] h-[18px] w-[18px] text-white transition-all group-hover:scale-105' />
-                </Link>
-              </div>
+            {isWorkspaceSelectorVisible ? (
+              <ChevronUp className='h-4 w-4' />
             ) : (
-              <div className='relative'>
-                <DropdownMenuTrigger asChild>
-                  <div
-                    className='relative z-10 flex w-full items-center px-2 py-[6px]'
-                    onClick={handleTriggerClick}
-                  >
-                    <div className='flex cursor-pointer items-center gap-2 overflow-hidden'>
-                      <Link
-                        href={workspaceUrl}
-                        className='group flex h-6 w-6 shrink-0 items-center justify-center rounded bg-[#802FFF]'
-                        onClick={(e) => {
-                          if (workspaceDropdownOpen) e.preventDefault()
-                        }}
-                      >
-                        <AgentIcon className='-translate-y-[0.5px] h-[18px] w-[18px] text-white transition-all group-hover:scale-105' />
-                      </Link>
-                      {isClientLoading || isWorkspacesLoading ? (
-                        <Skeleton className='h-4 w-[140px]' />
-                      ) : (
-                        <div className='flex items-center gap-1'>
-                          <span className='max-w-[120px] truncate font-medium text-sm'>
-                            {activeWorkspace?.name || `${userName}'s Workspace`}
-                          </span>
-                          <ChevronDown className='h-3 w-3 opacity-60' />
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </DropdownMenuTrigger>
+              <ChevronDown className='h-4 w-4' />
+            )}
+          </Button>
+        </div>
+
+        {/* Toggle Sidebar - with gap-2 max from chevron */}
+        <div className='flex items-center gap-2'>
+          <Button
+            variant='ghost'
+            size='icon'
+            className='h-6 w-6 text-muted-foreground hover:bg-secondary'
+            disabled
+          >
+            <PanelLeft className='h-4 w-4' />
+          </Button>
+        </div>
+      </>
+    )
+
+    // Render workspace info
+    const renderWorkspaceInfo = () => (
+      <>
+        {/* Icon - separate from hover area */}
+        <Link
+          href={workspaceUrl}
+          className='group flex h-6 w-6 shrink-0 items-center justify-center rounded bg-[#802FFF]'
+        >
+          <AgentIcon className='h-4 w-4 text-white transition-all group-hover:scale-105' />
+        </Link>
+
+        {/* Workspace Name and Chevron Container */}
+        <div className='flex min-w-0 flex-1 items-center'>
+          {/* Workspace Name - Editable */}
+          <div className={`flex min-w-0 items-center p-1 ${isEditingName ? 'flex-1' : ''}`}>
+            {isEditingName ? (
+              <input
+                ref={editInputRef}
+                type='text'
+                value={editingName}
+                onChange={(e) => setEditingName(e.target.value)}
+                onKeyDown={handleInputKeyDown}
+                onBlur={handleInputBlur}
+                className='m-0 h-auto w-full resize-none truncate border-0 bg-transparent p-0 font-medium text-sm leading-none outline-none'
+                style={{
+                  minHeight: '1rem',
+                  lineHeight: '1rem',
+                }}
+              />
+            ) : (
+              <div
+                onClick={handleWorkspaceNameClick}
+                className='cursor-pointer truncate font-medium text-sm leading-none transition-all hover:brightness-75 dark:hover:brightness-125'
+                style={{
+                  minHeight: '1rem',
+                  lineHeight: '1rem',
+                }}
+              >
+                {displayName}
               </div>
             )}
           </div>
-          <DropdownMenuContent align='start' className='min-w-[224px] p-1'>
-            <div className='space-y-3'>
-              <div className='flex items-center justify-between p-1'>
-                <div className='flex items-center gap-2'>
-                  <div className='flex h-8 w-8 shrink-0 items-center justify-center rounded bg-[#802FFF]'>
-                    <AgentIcon className='h-5 w-5 text-white' />
-                  </div>
-                  <div className='flex max-w-full flex-col'>
-                    {isClientLoading || isWorkspacesLoading ? (
-                      <>
-                        <Skeleton className='mb-1 h-4 w-[140px]' />
-                        <Skeleton className='h-3 w-16' />
-                      </>
-                    ) : (
-                      <>
-                        <span className='truncate font-medium text-sm'>
-                          {activeWorkspace?.name || `${userName}'s Workspace`}
-                        </span>
-                        <span className='text-muted-foreground text-xs'>{plan}</span>
-                      </>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
 
-            <DropdownMenuSeparator />
-
-            {/* Workspaces list */}
-            <div className='px-1 py-1'>
-              <div className='mb-1 pl-1 font-medium text-muted-foreground text-xs'>Workspaces</div>
-              {isWorkspacesLoading ? (
-                <div className='px-2 py-1'>
-                  <Skeleton className='h-5 w-full' />
-                </div>
+          {/* Chevron - Next to name, hidden in edit mode */}
+          {!isEditingName && (
+            <Button
+              variant='ghost'
+              size='icon'
+              onClick={onToggleWorkspaceSelector}
+              className='h-6 w-6 text-muted-foreground hover:bg-secondary'
+            >
+              {isWorkspaceSelectorVisible ? (
+                <ChevronUp className='h-4 w-4' />
               ) : (
-                <div className='space-y-1'>
-                  {workspaces.map((workspace) => (
-                    <DropdownMenuItem
-                      key={workspace.id}
-                      className={`cursor-pointer rounded-md px-2 py-1.5 text-sm ${activeWorkspace?.id === workspace.id ? 'bg-accent' : ''} group relative`}
-                      onClick={() => switchWorkspace(workspace)}
-                    >
-                      <span className='truncate pr-16'>{workspace.name}</span>
-                      {userPermissions.canAdmin && activeWorkspace?.id === workspace.id && (
-                        <div className='absolute right-2 flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100'>
-                          <Button
-                            variant='ghost'
-                            size='icon'
-                            className='h-6 w-6 p-0 text-muted-foreground'
-                            onClick={(e) => openEditModal(workspace, e)}
-                          >
-                            <Pencil className='h-3.5 w-3.5' />
-                            <span className='sr-only'>Edit</span>
-                          </Button>
-
-                          <AlertDialog>
-                            <AlertDialogTrigger asChild>
-                              <Button
-                                variant='ghost'
-                                size='icon'
-                                className='h-6 w-6 p-0 text-muted-foreground'
-                                onClick={(e) => e.stopPropagation()}
-                                disabled={isDeleting || workspaces.length <= 1}
-                              >
-                                <Trash2 className='h-3.5 w-3.5' />
-                                <span className='sr-only'>Delete</span>
-                              </Button>
-                            </AlertDialogTrigger>
-                            <AlertDialogContent>
-                              <AlertDialogHeader>
-                                <AlertDialogTitle>Delete Workspace</AlertDialogTitle>
-                                <AlertDialogDescription>
-                                  Are you sure you want to delete "{workspace.name}"? This action
-                                  cannot be undone.
-                                </AlertDialogDescription>
-                              </AlertDialogHeader>
-                              <AlertDialogFooter>
-                                <AlertDialogCancel onClick={(e) => e.stopPropagation()}>
-                                  Cancel
-                                </AlertDialogCancel>
-                                <AlertDialogAction
-                                  onClick={(e) => {
-                                    e.stopPropagation()
-                                    handleDeleteWorkspace(workspace.id)
-                                  }}
-                                  className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
-                                >
-                                  Delete
-                                </AlertDialogAction>
-                              </AlertDialogFooter>
-                            </AlertDialogContent>
-                          </AlertDialog>
-                        </div>
-                      )}
-                    </DropdownMenuItem>
-                  ))}
-                </div>
+                <ChevronDown className='h-4 w-4' />
               )}
+            </Button>
+          )}
+        </div>
 
-              {/* Create new workspace button */}
-              <DropdownMenuItem
-                className='mt-1 cursor-pointer rounded-md px-2 py-1.5 text-muted-foreground text-sm'
-                onClick={() => setIsWorkspaceModalOpen(true)}
+        {/* Toggle Sidebar - with gap-2 max from chevron */}
+        <div className='flex items-center gap-2'>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                variant='ghost'
+                size='icon'
+                onClick={handleToggleSidebar}
+                className='h-6 w-6 text-muted-foreground hover:bg-secondary'
               >
-                <span className='truncate'>+ New workspace</span>
-              </DropdownMenuItem>
-            </div>
-          </DropdownMenuContent>
-        </DropdownMenu>
+                <PanelLeft className='h-4 w-4' />
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent side='bottom'>Toggle sidebar</TooltipContent>
+          </Tooltip>
+        </div>
+      </>
+    )
+
+    // Main render - using h-12 to match control bar height
+    return (
+      <div className='h-12 rounded-[14px] border bg-card shadow-xs'>
+        <div className='flex h-full items-center gap-1 px-3'>
+          {isClientLoading || isWorkspacesLoading ? renderLoadingState() : renderWorkspaceInfo()}
+        </div>
       </div>
     )
   }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/invite-modal/invite-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/components/invite-modal/invite-modal.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/invite-modal/invite-modal.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/components/invite-modal/invite-modal.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/invite-modal/invites-sent/invites-sent.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/components/invite-modal/invites-sent/invites-sent.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/invite-modal/invites-sent/invites-sent.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/components/invite-modal/invites-sent/invites-sent.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx
new file mode 100644
index 000000000..1f1354394
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/workspace-selector.tsx
@@ -0,0 +1,224 @@
+'use client'
+
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { Plus, Send, Trash2 } from 'lucide-react'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from '@/components/ui/alert-dialog'
+import { Button } from '@/components/ui/button'
+import { ScrollArea } from '@/components/ui/scroll-area'
+import { Skeleton } from '@/components/ui/skeleton'
+import { createLogger } from '@/lib/logs/console-logger'
+import { cn } from '@/lib/utils'
+import { useUserPermissionsContext } from '../../../providers/workspace-permissions-provider'
+import { InviteModal } from './components/invite-modal/invite-modal'
+
+const logger = createLogger('WorkspaceSelector')
+
+/**
+ * Workspace entity interface
+ */
+interface Workspace {
+  id: string
+  name: string
+  ownerId: string
+  role?: string
+  membershipId?: string
+  permissions?: 'admin' | 'write' | 'read' | null
+}
+
+interface WorkspaceSelectorProps {
+  workspaces: Workspace[]
+  activeWorkspace: Workspace | null
+  isWorkspacesLoading: boolean
+  onWorkspaceUpdate: () => Promise<void>
+  onSwitchWorkspace: (workspace: Workspace) => Promise<void>
+  onCreateWorkspace: () => Promise<void>
+  onDeleteWorkspace: (workspace: Workspace) => Promise<void>
+  isDeleting: boolean
+}
+
+export function WorkspaceSelector({
+  workspaces,
+  activeWorkspace,
+  isWorkspacesLoading,
+  onWorkspaceUpdate,
+  onSwitchWorkspace,
+  onCreateWorkspace,
+  onDeleteWorkspace,
+  isDeleting,
+}: WorkspaceSelectorProps) {
+  const userPermissions = useUserPermissionsContext()
+
+  // State
+  const [showInviteMembers, setShowInviteMembers] = useState(false)
+  const [hoveredWorkspaceId, setHoveredWorkspaceId] = useState<string | null>(null)
+
+  // Refs
+  const scrollAreaRef = useRef<HTMLDivElement>(null)
+
+  /**
+   * Scroll to active workspace on load or when it changes
+   */
+  useEffect(() => {
+    if (activeWorkspace && !isWorkspacesLoading) {
+      const scrollContainer = scrollAreaRef.current
+      if (scrollContainer) {
+        const activeButton = scrollContainer.querySelector(
+          `[data-workspace-id="${activeWorkspace.id}"]`
+        ) as HTMLElement
+        if (activeButton) {
+          activeButton.scrollIntoView({
+            block: 'nearest',
+          })
+        }
+      }
+    }
+  }, [activeWorkspace, isWorkspacesLoading])
+
+  /**
+   * Confirm delete workspace
+   */
+  const confirmDeleteWorkspace = useCallback(
+    async (workspaceToDelete: Workspace) => {
+      await onDeleteWorkspace(workspaceToDelete)
+    },
+    [onDeleteWorkspace]
+  )
+
+  // Render workspace list
+  const renderWorkspaceList = () => {
+    if (isWorkspacesLoading) {
+      return (
+        <div className='space-y-1'>
+          {[1, 2, 3].map((i) => (
+            <div key={i} className='flex w-full items-center justify-between rounded-lg p-2'>
+              <Skeleton className='h-[20px] w-32' />
+            </div>
+          ))}
+        </div>
+      )
+    }
+
+    return (
+      <div className='space-y-1'>
+        {workspaces.map((workspace) => (
+          <div
+            key={workspace.id}
+            data-workspace-id={workspace.id}
+            onMouseEnter={() => setHoveredWorkspaceId(workspace.id)}
+            onMouseLeave={() => setHoveredWorkspaceId(null)}
+            onClick={() => onSwitchWorkspace(workspace)}
+            className={cn(
+              'group flex h-9 w-full cursor-pointer items-center rounded-lg p-2 text-left transition-colors',
+              activeWorkspace?.id === workspace.id ? 'bg-accent' : 'hover:bg-accent/50'
+            )}
+          >
+            <div className='flex h-full min-w-0 flex-1 items-center text-left'>
+              <span
+                className={cn(
+                  'truncate font-medium text-sm',
+                  activeWorkspace?.id === workspace.id ? 'text-foreground' : 'text-muted-foreground'
+                )}
+              >
+                {workspace.name}
+              </span>
+            </div>
+            <div className='flex h-full w-6 flex-shrink-0 items-center justify-center'>
+              {hoveredWorkspaceId === workspace.id && workspace.permissions === 'admin' && (
+                <AlertDialog>
+                  <AlertDialogTrigger asChild>
+                    <Button
+                      variant='ghost'
+                      onClick={(e) => {
+                        e.stopPropagation()
+                      }}
+                      className='h-4 w-4 p-0 text-muted-foreground transition-colors hover:text-muted-foreground'
+                    >
+                      <Trash2 className='h-2 w-2' />
+                    </Button>
+                  </AlertDialogTrigger>
+
+                  <AlertDialogContent>
+                    <AlertDialogHeader>
+                      <AlertDialogTitle>Delete Workspace</AlertDialogTitle>
+                      <AlertDialogDescription>
+                        Are you sure you want to delete "{workspace.name}"? This action cannot be
+                        undone and will permanently delete all workflows and data in this workspace.
+                      </AlertDialogDescription>
+                    </AlertDialogHeader>
+                    <AlertDialogFooter>
+                      <AlertDialogCancel>Cancel</AlertDialogCancel>
+                      <AlertDialogAction
+                        onClick={() => confirmDeleteWorkspace(workspace)}
+                        className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
+                        disabled={isDeleting}
+                      >
+                        {isDeleting ? 'Deleting...' : 'Delete'}
+                      </AlertDialogAction>
+                    </AlertDialogFooter>
+                  </AlertDialogContent>
+                </AlertDialog>
+              )}
+            </div>
+          </div>
+        ))}
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <div className='rounded-[14px] border bg-card shadow-xs'>
+        <div className='flex h-full flex-col p-2'>
+          {/* Workspace List */}
+          <div className='min-h-0 flex-1'>
+            <ScrollArea ref={scrollAreaRef} className='h-[116px]' hideScrollbar={true}>
+              {renderWorkspaceList()}
+            </ScrollArea>
+          </div>
+
+          {/* Bottom Actions */}
+          <div className='mt-2 flex items-center gap-2 border-t pt-2'>
+            {/* Send Invite */}
+            <Button
+              variant='secondary'
+              size='sm'
+              onClick={userPermissions.canAdmin ? () => setShowInviteMembers(true) : undefined}
+              disabled={!userPermissions.canAdmin}
+              className={cn(
+                'h-8 flex-1 justify-center gap-2 rounded-[8px] font-medium text-muted-foreground text-xs hover:bg-secondary hover:text-muted-foreground',
+                !userPermissions.canAdmin && 'cursor-not-allowed opacity-50'
+              )}
+            >
+              <Send className='h-3 w-3' />
+              <span>Invite</span>
+            </Button>
+
+            {/* Create Workspace */}
+            <Button
+              variant='secondary'
+              size='sm'
+              onClick={onCreateWorkspace}
+              className='h-8 flex-1 justify-center gap-2 rounded-[8px] font-medium text-muted-foreground text-xs hover:bg-secondary hover:text-muted-foreground'
+            >
+              <Plus className='h-3 w-3' />
+              <span>Create</span>
+            </Button>
+          </div>
+        </div>
+      </div>
+
+      {/* Invite Modal */}
+      <InviteModal open={showInviteMembers} onOpenChange={setShowInviteMembers} />
+    </>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx
index ebfd087f4..5b7370612 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx
@@ -1,33 +1,56 @@
 'use client'
 
-import { useEffect, useMemo, useState } from 'react'
-import clsx from 'clsx'
-import { HelpCircle, LibraryBig, ScrollText, Send, Settings } from 'lucide-react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { HelpCircle, LibraryBig, ScrollText, Settings, Shapes } from 'lucide-react'
 import { useParams, usePathname, useRouter } from 'next/navigation'
-import { Skeleton } from '@/components/ui/skeleton'
+import { Button } from '@/components/ui/button'
+import { ScrollArea } from '@/components/ui/scroll-area'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { useSession } from '@/lib/auth-client'
-import { isDev } from '@/lib/environment'
 import { createLogger } from '@/lib/logs/console-logger'
+import { cn } from '@/lib/utils'
 import {
   getKeyboardShortcutText,
   useGlobalShortcuts,
 } from '@/app/workspace/[workspaceId]/w/hooks/use-keyboard-shortcuts'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import type { WorkflowMetadata } from '@/stores/workflows/registry/types'
 import { useUserPermissionsContext } from '../providers/workspace-permissions-provider'
 import { CreateMenu } from './components/create-menu/create-menu'
 import { FolderTree } from './components/folder-tree/folder-tree'
 import { HelpModal } from './components/help-modal/help-modal'
-import { InviteModal } from './components/invite-modal/invite-modal'
-import { NavSection } from './components/nav-section/nav-section'
 import { SettingsModal } from './components/settings-modal/settings-modal'
-import { SidebarControl } from './components/sidebar-control/sidebar-control'
+import { Toolbar } from './components/toolbar/toolbar'
 import { WorkspaceHeader } from './components/workspace-header/workspace-header'
+import { InviteModal } from './components/workspace-selector/components/invite-modal/invite-modal'
+import { WorkspaceSelector } from './components/workspace-selector/workspace-selector'
 
 const logger = createLogger('Sidebar')
 
+const SIDEBAR_GAP = 12 // 12px gap between components - easily editable
+
+// Heights for dynamic calculation (in px)
+const SIDEBAR_HEIGHTS = {
+  CONTAINER_PADDING: 32, // p-4 = 16px top + 16px bottom (bottom provides control bar spacing match)
+  WORKSPACE_HEADER: 48, // estimated height of workspace header
+  SEARCH: 48, // h-12
+  WORKFLOW_SELECTOR: 212, // h-[212px]
+  NAVIGATION: 48, // h-12 buttons
+  WORKSPACE_SELECTOR: 183, // accurate height: p-2(16) + h-[116px](116) + mt-2(8) + border-t(1) + pt-2(8) + h-8(32) = 181px
+}
+
+/**
+ * Workspace entity interface
+ */
+interface Workspace {
+  id: string
+  name: string
+  ownerId: string
+  role?: string
+  membershipId?: string
+  permissions?: 'admin' | 'write' | 'read' | null
+}
+
 export function Sidebar() {
   useGlobalShortcuts()
 
@@ -36,41 +59,339 @@ export function Sidebar() {
     createWorkflow,
     isLoading: workflowsLoading,
     loadWorkflows,
+    switchToWorkspace,
   } = useWorkflowRegistry()
-  const { isPending: sessionLoading } = useSession()
+  const { data: sessionData, isPending: sessionLoading } = useSession()
   const userPermissions = useUserPermissionsContext()
   const isLoading = workflowsLoading || sessionLoading
 
   // Add state to prevent multiple simultaneous workflow creations
   const [isCreatingWorkflow, setIsCreatingWorkflow] = useState(false)
-  const router = useRouter()
   const params = useParams()
   const workspaceId = params.workspaceId as string
+  const workflowId = params.workflowId as string
   const pathname = usePathname()
+  const router = useRouter()
+
+  // Refs
+  const workflowScrollAreaRef = useRef<HTMLDivElement>(null)
+  const workspaceIdRef = useRef<string>(workspaceId)
+  const routerRef = useRef<ReturnType<typeof useRouter>>(router)
+  const isInitializedRef = useRef<boolean>(false)
+  const activeWorkspaceRef = useRef<Workspace | null>(null)
+
+  // Update refs when values change
+  workspaceIdRef.current = workspaceId
+  routerRef.current = router
+
+  // Workspace selector visibility state
+  const [isWorkspaceSelectorVisible, setIsWorkspaceSelectorVisible] = useState(false)
+
+  // Workspace management state
+  const [workspaces, setWorkspaces] = useState<Workspace[]>([])
+  const [activeWorkspace, setActiveWorkspace] = useState<Workspace | null>(null)
+  const [isWorkspacesLoading, setIsWorkspacesLoading] = useState(true)
+  const [isDeleting, setIsDeleting] = useState(false)
+
+  // Update activeWorkspace ref when state changes
+  activeWorkspaceRef.current = activeWorkspace
+
+  // Check if we're on a workflow page
+  const isOnWorkflowPage = useMemo(() => {
+    // Pattern: /workspace/[workspaceId]/w/[workflowId]
+    const workflowPageRegex = /^\/workspace\/[^/]+\/w\/[^/]+$/
+    return workflowPageRegex.test(pathname)
+  }, [pathname])
+
+  /**
+   * Refresh workspace list without validation logic - used for non-current workspace operations
+   */
+  const refreshWorkspaceList = useCallback(async () => {
+    setIsWorkspacesLoading(true)
+    try {
+      const response = await fetch('/api/workspaces')
+      const data = await response.json()
+
+      if (data.workspaces && Array.isArray(data.workspaces)) {
+        const fetchedWorkspaces = data.workspaces as Workspace[]
+        setWorkspaces(fetchedWorkspaces)
+
+        // Only update activeWorkspace if it still exists in the fetched workspaces
+        // Use current state to avoid dependency on activeWorkspace
+        setActiveWorkspace((currentActive) => {
+          if (!currentActive) {
+            return currentActive
+          }
+
+          const matchingWorkspace = fetchedWorkspaces.find(
+            (workspace) => workspace.id === currentActive.id
+          )
+          if (matchingWorkspace) {
+            return matchingWorkspace
+          }
+
+          // Active workspace was deleted, clear it
+          logger.warn(`Active workspace ${currentActive.id} no longer exists`)
+          return null
+        })
+      }
+    } catch (err) {
+      logger.error('Error refreshing workspace list:', err)
+    } finally {
+      setIsWorkspacesLoading(false)
+    }
+  }, []) // Remove activeWorkspace dependency
+
+  /**
+   * Fetch workspaces for the current user with full validation and URL handling
+   */
+  const fetchWorkspaces = useCallback(async () => {
+    setIsWorkspacesLoading(true)
+    try {
+      const response = await fetch('/api/workspaces')
+      const data = await response.json()
+
+      if (data.workspaces && Array.isArray(data.workspaces)) {
+        const fetchedWorkspaces = data.workspaces as Workspace[]
+        setWorkspaces(fetchedWorkspaces)
+
+        // Handle active workspace selection with URL validation using refs
+        const currentWorkspaceId = workspaceIdRef.current
+        const currentRouter = routerRef.current
+
+        if (currentWorkspaceId) {
+          const matchingWorkspace = fetchedWorkspaces.find(
+            (workspace) => workspace.id === currentWorkspaceId
+          )
+          if (matchingWorkspace) {
+            setActiveWorkspace(matchingWorkspace)
+          } else {
+            logger.warn(`Workspace ${currentWorkspaceId} not found in user's workspaces`)
+
+            // Fallback to first workspace if current not found - FIX: Update URL to match
+            if (fetchedWorkspaces.length > 0) {
+              const fallbackWorkspace = fetchedWorkspaces[0]
+              setActiveWorkspace(fallbackWorkspace)
+
+              // Update URL to match the fallback workspace
+              logger.info(`Redirecting to fallback workspace: ${fallbackWorkspace.id}`)
+              currentRouter?.push(`/workspace/${fallbackWorkspace.id}/w`)
+            } else {
+              logger.error('No workspaces available for user')
+            }
+          }
+        }
+      }
+    } catch (err) {
+      logger.error('Error fetching workspaces:', err)
+    } finally {
+      setIsWorkspacesLoading(false)
+    }
+  }, []) // Remove workspaceId and router dependencies
+
+  /**
+   * Update workspace name both in API and local state
+   */
+  const updateWorkspaceName = useCallback(
+    async (workspaceId: string, newName: string): Promise<boolean> => {
+      try {
+        const response = await fetch(`/api/workspaces/${workspaceId}`, {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ name: newName.trim() }),
+        })
+
+        if (!response.ok) {
+          const error = await response.json()
+          throw new Error(error.error || 'Failed to update workspace name')
+        }
+
+        // Update local state immediately after successful API call
+        setActiveWorkspace((prev) => (prev ? { ...prev, name: newName.trim() } : null))
+        setWorkspaces((prev) =>
+          prev.map((workspace) =>
+            workspace.id === workspaceId ? { ...workspace, name: newName.trim() } : workspace
+          )
+        )
+
+        logger.info('Successfully updated workspace name to:', newName.trim())
+        return true
+      } catch (error) {
+        logger.error('Error updating workspace name:', error)
+        return false
+      }
+    },
+    []
+  )
+
+  /**
+   * Switch to a different workspace
+   */
+  const switchWorkspace = useCallback(
+    async (workspace: Workspace) => {
+      // If already on this workspace, return
+      if (activeWorkspaceRef.current?.id === workspace.id) {
+        return
+      }
+
+      try {
+        // Switch workspace and update URL
+        await switchToWorkspace(workspace.id)
+        routerRef.current?.push(`/workspace/${workspace.id}/w`)
+        logger.info(`Switched to workspace: ${workspace.name} (${workspace.id})`)
+      } catch (error) {
+        logger.error('Error switching workspace:', error)
+      }
+    },
+    [switchToWorkspace] // Removed activeWorkspace and router dependencies
+  )
+
+  /**
+   * Handle create workspace
+   */
+  const handleCreateWorkspace = useCallback(async () => {
+    try {
+      logger.info('Creating new workspace')
+
+      const response = await fetch('/api/workspaces', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          name: 'Untitled workspace',
+        }),
+      })
+
+      if (!response.ok) {
+        const errorData = await response.json()
+        throw new Error(errorData.error || 'Failed to create workspace')
+      }
+
+      const data = await response.json()
+      const newWorkspace = data.workspace
+
+      logger.info('Created new workspace:', newWorkspace)
+
+      // Refresh workspace list (no URL validation needed for creation)
+      await refreshWorkspaceList()
+
+      // Switch to the new workspace
+      await switchWorkspace(newWorkspace)
+    } catch (error) {
+      logger.error('Error creating workspace:', error)
+    }
+  }, [refreshWorkspaceList, switchWorkspace])
+
+  /**
+   * Confirm delete workspace
+   */
+  const confirmDeleteWorkspace = useCallback(
+    async (workspaceToDelete: Workspace) => {
+      setIsDeleting(true)
+      try {
+        logger.info('Deleting workspace:', workspaceToDelete.id)
+
+        const response = await fetch(`/api/workspaces/${workspaceToDelete.id}`, {
+          method: 'DELETE',
+        })
+
+        if (!response.ok) {
+          const errorData = await response.json()
+          throw new Error(errorData.error || 'Failed to delete workspace')
+        }
+
+        logger.info('Workspace deleted successfully:', workspaceToDelete.id)
+
+        // Check if we're deleting the current workspace (either active or in URL)
+        const isDeletingCurrentWorkspace =
+          workspaceIdRef.current === workspaceToDelete.id ||
+          activeWorkspaceRef.current?.id === workspaceToDelete.id
+
+        if (isDeletingCurrentWorkspace) {
+          // For current workspace deletion, use full fetchWorkspaces with URL validation
+          logger.info(
+            'Deleting current workspace - using full workspace refresh with URL validation'
+          )
+          await fetchWorkspaces()
+
+          // If we deleted the active workspace, switch to the first available workspace
+          if (activeWorkspaceRef.current?.id === workspaceToDelete.id) {
+            const remainingWorkspaces = workspaces.filter((w) => w.id !== workspaceToDelete.id)
+            if (remainingWorkspaces.length > 0) {
+              await switchWorkspace(remainingWorkspaces[0])
+            }
+          }
+        } else {
+          // For non-current workspace deletion, just refresh the list without URL validation
+          logger.info('Deleting non-current workspace - using simple list refresh')
+          await refreshWorkspaceList()
+        }
+      } catch (error) {
+        logger.error('Error deleting workspace:', error)
+      } finally {
+        setIsDeleting(false)
+      }
+    },
+    [fetchWorkspaces, refreshWorkspaceList, workspaces, switchWorkspace]
+  )
+
+  /**
+   * Validate workspace exists before making API calls
+   */
+  const isWorkspaceValid = useCallback(async (workspaceId: string) => {
+    try {
+      const response = await fetch(`/api/workspaces/${workspaceId}`)
+      return response.ok
+    } catch {
+      return false
+    }
+  }, [])
 
   // Load workflows for the current workspace when workspaceId changes
-  // This is the single source of truth for workflow loading
   useEffect(() => {
     if (workspaceId) {
-      loadWorkflows(workspaceId)
+      // Validate workspace exists before loading workflows
+      isWorkspaceValid(workspaceId).then((valid) => {
+        if (valid) {
+          loadWorkflows(workspaceId)
+        } else {
+          logger.warn(`Workspace ${workspaceId} no longer exists, triggering workspace refresh`)
+          fetchWorkspaces() // This will handle the redirect through the fallback logic
+        }
+      })
     }
-  }, [workspaceId, loadWorkflows])
+  }, [workspaceId, loadWorkflows]) // Removed isWorkspaceValid and fetchWorkspaces dependencies
+
+  // Initialize workspace data on mount (uses full validation with URL handling)
+  useEffect(() => {
+    if (sessionData?.user?.id && !isInitializedRef.current) {
+      isInitializedRef.current = true
+      fetchWorkspaces()
+    }
+  }, [sessionData?.user?.id]) // Removed fetchWorkspaces dependency
+
+  // Scroll to active workflow when it changes
+  useEffect(() => {
+    if (workflowId && !isLoading) {
+      const scrollContainer = workflowScrollAreaRef.current
+      if (scrollContainer) {
+        const activeWorkflow = scrollContainer.querySelector(
+          `[data-workflow-id="${workflowId}"]`
+        ) as HTMLElement
+        if (activeWorkflow) {
+          activeWorkflow.scrollIntoView({
+            block: 'nearest',
+          })
+        }
+      }
+    }
+  }, [workflowId, isLoading])
 
   const [showSettings, setShowSettings] = useState(false)
   const [showHelp, setShowHelp] = useState(false)
   const [showInviteMembers, setShowInviteMembers] = useState(false)
-  const { mode, workspaceDropdownOpen, setWorkspaceDropdownOpen, isAnyModalOpen, setAnyModalOpen } =
-    useSidebarStore()
-  const [isHovered, setIsHovered] = useState(false)
-  const [explicitMouseEnter, setExplicitMouseEnter] = useState(false)
-
-  useEffect(() => {
-    const anyModalIsOpen = showSettings || showHelp || showInviteMembers
-    setAnyModalOpen(anyModalIsOpen)
-    if (anyModalIsOpen) {
-      setExplicitMouseEnter(false)
-    }
-  }, [showSettings, showHelp, showInviteMembers, setAnyModalOpen])
+  const [searchQuery, setSearchQuery] = useState('')
 
   // Separate regular workflows from temporary marketplace workflows
   const { regularWorkflows, tempWorkflows } = useMemo(() => {
@@ -109,11 +430,10 @@ export function Sidebar() {
   }, [workflows, isLoading, workspaceId])
 
   // Create workflow handler
-  const handleCreateWorkflow = async (folderId?: string) => {
-    // Prevent multiple simultaneous workflow creations
+  const handleCreateWorkflow = async (folderId?: string): Promise<string> => {
     if (isCreatingWorkflow) {
       logger.info('Workflow creation already in progress, ignoring request')
-      return
+      throw new Error('Workflow creation already in progress')
     }
 
     try {
@@ -122,226 +442,273 @@ export function Sidebar() {
         workspaceId: workspaceId || undefined,
         folderId: folderId || undefined,
       })
-      router.push(`/workspace/${workspaceId}/w/${id}`)
+      return id
     } catch (error) {
       logger.error('Error creating workflow:', error)
+      throw error
     } finally {
       setIsCreatingWorkflow(false)
     }
   }
 
-  // Calculate sidebar visibility states
-  // When in hover mode, sidebar is collapsed until hovered or workspace dropdown is open
-  // When in expanded/collapsed mode, sidebar follows isExpanded state
-  const isCollapsed =
-    mode === 'collapsed' ||
-    (mode === 'hover' &&
-      ((!isHovered && !workspaceDropdownOpen) || isAnyModalOpen || !explicitMouseEnter))
+  // Toggle workspace selector visibility
+  const toggleWorkspaceSelector = () => {
+    setIsWorkspaceSelectorVisible((prev) => !prev)
+  }
 
-  const showOverlay =
-    mode === 'hover' &&
-    ((isHovered && !isAnyModalOpen && explicitMouseEnter) || workspaceDropdownOpen)
+  // Calculate dynamic positions for floating elements
+  const calculateFloatingPositions = useCallback(() => {
+    const { CONTAINER_PADDING, WORKSPACE_HEADER, SEARCH, WORKFLOW_SELECTOR, WORKSPACE_SELECTOR } =
+      SIDEBAR_HEIGHTS
+
+    // Start from top padding
+    let currentTop = CONTAINER_PADDING
+
+    // Add workspace header
+    currentTop += WORKSPACE_HEADER + SIDEBAR_GAP
+
+    // Add workspace selector if visible
+    if (isWorkspaceSelectorVisible) {
+      currentTop += WORKSPACE_SELECTOR + SIDEBAR_GAP
+    }
+
+    // Add search
+    currentTop += SEARCH + SIDEBAR_GAP
+
+    // Add workflow selector
+    currentTop += WORKFLOW_SELECTOR - 4
+
+    // Toolbar position (for workflow pages) - consistent with sidebar spacing
+    const toolbarTop = currentTop
+
+    // Navigation position (always at bottom) - 16px spacing (space-4)
+    const navigationBottom = 16
+
+    return {
+      toolbarTop,
+      navigationBottom,
+    }
+  }, [isWorkspaceSelectorVisible])
+
+  const { toolbarTop, navigationBottom } = calculateFloatingPositions()
+
+  // Navigation items with their respective actions
+  const navigationItems = [
+    {
+      id: 'settings',
+      icon: Settings,
+      onClick: () => setShowSettings(true),
+      tooltip: 'Settings',
+    },
+    {
+      id: 'help',
+      icon: HelpCircle,
+      onClick: () => setShowHelp(true),
+      tooltip: 'Help',
+    },
+    {
+      id: 'logs',
+      icon: ScrollText,
+      href: `/workspace/${workspaceId}/logs`,
+      tooltip: 'Logs',
+      shortcut: getKeyboardShortcutText('L', true, true),
+      active: pathname === `/workspace/${workspaceId}/logs`,
+    },
+    {
+      id: 'knowledge',
+      icon: LibraryBig,
+      href: `/workspace/${workspaceId}/knowledge`,
+      tooltip: 'Knowledge',
+      shortcut: getKeyboardShortcutText('K', true, true),
+      active: pathname === `/workspace/${workspaceId}/knowledge`,
+    },
+    {
+      id: 'templates',
+      icon: Shapes,
+      href: `/workspace/${workspaceId}/templates`,
+      tooltip: 'Templates',
+      shortcut: getKeyboardShortcutText('T', true, true),
+      active: pathname === `/workspace/${workspaceId}/templates`,
+    },
+  ]
 
   return (
-    <aside
-      className={clsx(
-        'fixed inset-y-0 left-0 z-10 flex flex-col border-r bg-background transition-all duration-200 sm:flex',
-        isCollapsed ? 'w-14' : 'w-60',
-        showOverlay && 'shadow-lg',
-        mode === 'hover' && 'main-content-overlay'
-      )}
-      onMouseEnter={() => {
-        if (mode === 'hover' && !isAnyModalOpen) {
-          setIsHovered(true)
-          setExplicitMouseEnter(true)
-        }
-      }}
-      onMouseLeave={() => {
-        if (mode === 'hover') {
-          setIsHovered(false)
-        }
-      }}
-    >
-      {/* Workspace Header */}
-      <div className='flex-shrink-0'>
-        <WorkspaceHeader
-          onCreateWorkflow={handleCreateWorkflow}
-          isCollapsed={isCollapsed}
-          onDropdownOpenChange={setWorkspaceDropdownOpen}
-        />
-      </div>
+    <>
+      {/* Main Sidebar - Overlay */}
+      <aside className='pointer-events-none fixed inset-y-0 left-0 z-10 w-64'>
+        <div
+          className='pointer-events-none flex h-full flex-col p-4'
+          style={{ gap: `${SIDEBAR_GAP}px` }}
+        >
+          {/* 1. Workspace Header */}
+          <div className='pointer-events-auto flex-shrink-0'>
+            <WorkspaceHeader
+              onCreateWorkflow={handleCreateWorkflow}
+              isWorkspaceSelectorVisible={isWorkspaceSelectorVisible}
+              onToggleWorkspaceSelector={toggleWorkspaceSelector}
+              activeWorkspace={activeWorkspace}
+              isWorkspacesLoading={isWorkspacesLoading}
+              updateWorkspaceName={updateWorkspaceName}
+            />
+          </div>
 
-      {/* Scrollable Content Area */}
-      <div className='scrollbar-none flex flex-1 flex-col overflow-auto px-2 py-0'>
-        {/* Workflows Section */}
-        <div className='flex-shrink-0'>
-          <div
-            className={`${isCollapsed ? 'justify-center' : ''} mb-1 flex items-center justify-between px-2`}
-          >
-            <h2
-              className={`${isCollapsed ? 'hidden' : ''} font-medium text-muted-foreground text-xs`}
-            >
-              {isLoading ? <Skeleton className='h-4 w-16' /> : 'Workflows'}
-            </h2>
-            {!isCollapsed && !isLoading && (
-              <CreateMenu
-                onCreateWorkflow={handleCreateWorkflow}
-                isCollapsed={false}
-                isCreatingWorkflow={isCreatingWorkflow}
+          {/* 2. Workspace Selector - Conditionally rendered */}
+          {isWorkspaceSelectorVisible && (
+            <div className='pointer-events-auto flex-shrink-0'>
+              <WorkspaceSelector
+                workspaces={workspaces}
+                activeWorkspace={activeWorkspace}
+                isWorkspacesLoading={isWorkspacesLoading}
+                onWorkspaceUpdate={refreshWorkspaceList}
+                onSwitchWorkspace={switchWorkspace}
+                onCreateWorkspace={handleCreateWorkspace}
+                onDeleteWorkspace={confirmDeleteWorkspace}
+                isDeleting={isDeleting}
               />
-            )}
-          </div>
-          <FolderTree
-            regularWorkflows={regularWorkflows}
-            marketplaceWorkflows={tempWorkflows}
-            isCollapsed={isCollapsed}
-            isLoading={isLoading}
-            onCreateWorkflow={handleCreateWorkflow}
-          />
-        </div>
-
-        {/* Navigation Section */}
-        <div className='mt-6 flex-shrink-0'>
-          <NavSection isLoading={isLoading} itemCount={3} isCollapsed={isCollapsed}>
-            <NavSection.Item
-              icon={<ScrollText className='h-[18px] w-[18px]' />}
-              href={`/workspace/${workspaceId}/logs`}
-              label='Logs'
-              active={pathname === `/workspace/${workspaceId}/logs`}
-              isCollapsed={isCollapsed}
-              shortcutCommand={getKeyboardShortcutText('L', true, true)}
-              shortcutCommandPosition='below'
-            />
-            <NavSection.Item
-              icon={<LibraryBig className='h-[18px] w-[18px]' />}
-              href={`/workspace/${workspaceId}/knowledge`}
-              label='Knowledge'
-              active={pathname === `/workspace/${workspaceId}/knowledge`}
-              isCollapsed={isCollapsed}
-              shortcutCommand={getKeyboardShortcutText('K', true, true)}
-              shortcutCommandPosition='below'
-            />
-            <NavSection.Item
-              icon={<Settings className='h-[18px] w-[18px]' />}
-              onClick={() => setShowSettings(true)}
-              label='Settings'
-              isCollapsed={isCollapsed}
-            />
-          </NavSection>
-        </div>
-
-        <div className='flex-grow' />
-      </div>
-
-      {/* Bottom Controls */}
-      {isCollapsed ? (
-        <div className='flex-shrink-0 px-3 pt-1 pb-3'>
-          <div className='flex flex-col space-y-[1px]'>
-            {!isDev && (
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <div
-                    onClick={
-                      userPermissions.canAdmin ? () => setShowInviteMembers(true) : undefined
-                    }
-                    className={clsx(
-                      'mx-auto flex h-8 w-8 items-center justify-center rounded-md font-medium text-sm',
-                      userPermissions.canAdmin
-                        ? 'cursor-pointer text-muted-foreground hover:bg-accent/50'
-                        : 'cursor-not-allowed text-muted-foreground/50'
-                    )}
-                  >
-                    <Send className='h-[18px] w-[18px]' />
-                  </div>
-                </TooltipTrigger>
-                <TooltipContent side='right'>
-                  {userPermissions.canAdmin
-                    ? 'Invite Members'
-                    : 'Admin permission required to invite members'}
-                </TooltipContent>
-              </Tooltip>
-            )}
-
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <div
-                  onClick={() => setShowHelp(true)}
-                  className='mx-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-md font-medium text-muted-foreground text-sm hover:bg-accent/50'
-                >
-                  <HelpCircle className='h-[18px] w-[18px]' />
-                </div>
-              </TooltipTrigger>
-              <TooltipContent side='right'>Help</TooltipContent>
-            </Tooltip>
-
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <SidebarControl />
-              </TooltipTrigger>
-              <TooltipContent side='right'>Toggle sidebar</TooltipContent>
-            </Tooltip>
-          </div>
-        </div>
-      ) : (
-        <>
-          {!isDev && (
-            <div className='flex-shrink-0 px-3 pt-1'>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <div
-                    onClick={
-                      userPermissions.canAdmin ? () => setShowInviteMembers(true) : undefined
-                    }
-                    className={clsx(
-                      'flex items-center rounded-md px-2 py-1.5 font-medium text-sm',
-                      userPermissions.canAdmin
-                        ? 'cursor-pointer text-muted-foreground hover:bg-accent/50'
-                        : 'cursor-not-allowed text-muted-foreground/50'
-                    )}
-                  >
-                    <Send className='h-[18px] w-[18px]' />
-                    <span className='ml-2'>Invite members</span>
-                  </div>
-                </TooltipTrigger>
-                <TooltipContent side='top'>
-                  {userPermissions.canAdmin
-                    ? 'Invite new members to this workspace'
-                    : 'Admin permission required to invite members'}
-                </TooltipContent>
-              </Tooltip>
             </div>
           )}
 
-          <div className='flex-shrink-0 px-3 pt-1 pb-3'>
-            <div className='flex justify-between'>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <SidebarControl />
-                </TooltipTrigger>
-                <TooltipContent side='top'>Toggle sidebar</TooltipContent>
-              </Tooltip>
-
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <div
-                    onClick={() => setShowHelp(true)}
-                    className='flex h-8 w-8 cursor-pointer items-center justify-center rounded-md font-medium text-muted-foreground text-sm hover:bg-accent/50'
-                  >
-                    <HelpCircle className='h-[18px] w-[18px]' />
-                    <span className='sr-only'>Help</span>
-                  </div>
-                </TooltipTrigger>
-                <TooltipContent side='top'>Help, contact</TooltipContent>
-              </Tooltip>
+          {/* 3. Search */}
+          {/* <div className='pointer-events-auto flex-shrink-0'>
+            <div className='flex h-12 items-center gap-2 rounded-[14px] border bg-card pr-2 pl-3 shadow-xs'>
+              <Search className='h-4 w-4 text-muted-foreground' strokeWidth={2} />
+              <Input
+                placeholder='Search anything'
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                className='h-8 flex-1 border-0 bg-transparent px-0 font-normal text-base text-muted-foreground leading-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0'
+              />
+              <kbd className='flex h-6 w-8 items-center justify-center rounded-[5px] border border-border bg-background font-mono text-[#CDCDCD] text-xs dark:text-[#454545]'>
+                <span className='flex items-center justify-center gap-[1px] pt-[1px]'>
+                  <span className='text-lg'>⌘</span>
+                  <span className='text-xs'>K</span>
+                </span>
+              </kbd>
             </div>
+          </div> */}
+
+          {/* 4. Workflow Selector */}
+          <div className='pointer-events-auto relative h-[272px] flex-shrink-0 rounded-[14px] border bg-card shadow-xs'>
+            <div className='px-2'>
+              <ScrollArea ref={workflowScrollAreaRef} className='h-[270px]' hideScrollbar={true}>
+                <FolderTree
+                  regularWorkflows={regularWorkflows}
+                  marketplaceWorkflows={tempWorkflows}
+                  isCollapsed={false}
+                  isLoading={isLoading}
+                  onCreateWorkflow={handleCreateWorkflow}
+                />
+              </ScrollArea>
+            </div>
+            {!isLoading && (
+              <div className='absolute top-2 right-2'>
+                <CreateMenu
+                  onCreateWorkflow={handleCreateWorkflow}
+                  isCollapsed={false}
+                  isCreatingWorkflow={isCreatingWorkflow}
+                />
+              </div>
+            )}
           </div>
-        </>
+        </div>
+      </aside>
+
+      {/* Floating Toolbar - Only on workflow pages */}
+      {isOnWorkflowPage && (
+        <div
+          className='pointer-events-auto fixed left-4 z-50 w-56 rounded-[14px] border bg-card shadow-xs'
+          style={{
+            top: `${toolbarTop}px`,
+            bottom: `${navigationBottom + 42 + 12}px`, // Navigation height + gap
+          }}
+        >
+          <Toolbar
+            userPermissions={userPermissions}
+            isWorkspaceSelectorVisible={isWorkspaceSelectorVisible}
+          />
+        </div>
       )}
 
+      {/* Floating Navigation - Always visible */}
+      <div
+        className='pointer-events-auto fixed left-4 z-50 w-56'
+        style={{ bottom: `${navigationBottom}px` }}
+      >
+        <div className='flex items-center gap-1'>
+          {navigationItems.map((item) => (
+            <NavigationItem key={item.id} item={item} />
+          ))}
+        </div>
+      </div>
+
       {/* Modals */}
       <SettingsModal open={showSettings} onOpenChange={setShowSettings} />
       <HelpModal open={showHelp} onOpenChange={setShowHelp} />
-      {!isDev && <InviteModal open={showInviteMembers} onOpenChange={setShowInviteMembers} />}
-    </aside>
+      <InviteModal open={showInviteMembers} onOpenChange={setShowInviteMembers} />
+    </>
+  )
+}
+
+// Navigation Item Component
+interface NavigationItemProps {
+  item: {
+    id: string
+    icon: React.ElementType
+    onClick?: () => void
+    href?: string
+    tooltip: string
+    shortcut?: string
+    active?: boolean
+    disabled?: boolean
+  }
+}
+
+const NavigationItem = ({ item }: NavigationItemProps) => {
+  // Settings and help buttons get gray hover, others get purple hover
+  const isGrayHover = item.id === 'settings' || item.id === 'help'
+
+  const content = item.disabled ? (
+    <div className='inline-flex h-[42px] w-[42px] cursor-not-allowed items-center justify-center gap-2 whitespace-nowrap rounded-[11px] border bg-card font-medium text-card-foreground text-sm opacity-50 ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0'>
+      <item.icon className='h-4 w-4' />
+    </div>
+  ) : (
+    <Button
+      variant='outline'
+      onClick={item.onClick}
+      className={cn(
+        'h-[42px] w-[42px] rounded-[11px] border bg-card text-card-foreground shadow-xs transition-all duration-200',
+        isGrayHover && 'hover:bg-secondary',
+        !isGrayHover && 'hover:border-[#701FFC] hover:bg-[#701FFC] hover:text-white',
+        item.active && 'border-[#701FFC] bg-[#701FFC] text-white'
+      )}
+    >
+      <item.icon className='h-4 w-4' />
+    </Button>
+  )
+
+  if (item.href && !item.disabled) {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <a href={item.href} className='inline-block'>
+            {content}
+          </a>
+        </TooltipTrigger>
+        <TooltipContent side='top' className='flex flex-col items-center gap-1'>
+          <span>{item.tooltip}</span>
+          {item.shortcut && <span className='text-muted-foreground text-xs'>{item.shortcut}</span>}
+        </TooltipContent>
+      </Tooltip>
+    )
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{content}</TooltipTrigger>
+      <TooltipContent side='top' className='flex flex-col items-center gap-1'>
+        <span>{item.tooltip}</span>
+        {item.shortcut && <span className='text-muted-foreground text-xs'>{item.shortcut}</span>}
+      </TooltipContent>
+    </Tooltip>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/workflow-preview/workflow-preview.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/workflow-preview/workflow-preview.tsx
index 533a80812..2aeeb12bc 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/workflow-preview/workflow-preview.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/workflow-preview/workflow-preview.tsx
@@ -58,53 +58,40 @@ export function WorkflowPreview({
   defaultZoom,
   onNodeClick,
 }: WorkflowPreviewProps) {
-  // Handle migrated logs that don't have complete workflow state
-  if (!workflowState || !workflowState.blocks || !workflowState.edges) {
-    return (
-      <div
-        style={{ height, width }}
-        className='flex items-center justify-center rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-900'
-      >
-        <div className='text-center text-gray-500 dark:text-gray-400'>
-          <div className='mb-2 font-medium text-lg'>⚠️ Logged State Not Found</div>
-          <div className='text-sm'>
-            This log was migrated from the old system and doesn't contain workflow state data.
-          </div>
-        </div>
-      </div>
-    )
-  }
-  const blocksStructure = useMemo(
-    () => ({
+  // Check if the workflow state is valid
+  const isValidWorkflowState = workflowState?.blocks && workflowState.edges
+
+  const blocksStructure = useMemo(() => {
+    if (!isValidWorkflowState) return { count: 0, ids: '' }
+    return {
       count: Object.keys(workflowState.blocks || {}).length,
       ids: Object.keys(workflowState.blocks || {}).join(','),
-    }),
-    [workflowState.blocks]
-  )
+    }
+  }, [workflowState.blocks, isValidWorkflowState])
 
-  const loopsStructure = useMemo(
-    () => ({
+  const loopsStructure = useMemo(() => {
+    if (!isValidWorkflowState) return { count: 0, ids: '' }
+    return {
       count: Object.keys(workflowState.loops || {}).length,
       ids: Object.keys(workflowState.loops || {}).join(','),
-    }),
-    [workflowState.loops]
-  )
+    }
+  }, [workflowState.loops, isValidWorkflowState])
 
-  const parallelsStructure = useMemo(
-    () => ({
+  const parallelsStructure = useMemo(() => {
+    if (!isValidWorkflowState) return { count: 0, ids: '' }
+    return {
       count: Object.keys(workflowState.parallels || {}).length,
       ids: Object.keys(workflowState.parallels || {}).join(','),
-    }),
-    [workflowState.parallels]
-  )
+    }
+  }, [workflowState.parallels, isValidWorkflowState])
 
-  const edgesStructure = useMemo(
-    () => ({
+  const edgesStructure = useMemo(() => {
+    if (!isValidWorkflowState) return { count: 0, ids: '' }
+    return {
       count: workflowState.edges?.length || 0,
       ids: workflowState.edges?.map((e) => e.id).join(',') || '',
-    }),
-    [workflowState.edges]
-  )
+    }
+  }, [workflowState.edges, isValidWorkflowState])
 
   const calculateAbsolutePosition = (
     block: any,
@@ -129,6 +116,8 @@ export function WorkflowPreview({
   }
 
   const nodes: Node[] = useMemo(() => {
+    if (!isValidWorkflowState) return []
+
     const nodeArray: Node[] = []
 
     Object.entries(workflowState.blocks || {}).forEach(([blockId, block]) => {
@@ -236,9 +225,18 @@ export function WorkflowPreview({
     })
 
     return nodeArray
-  }, [blocksStructure, loopsStructure, parallelsStructure, showSubBlocks, workflowState.blocks])
+  }, [
+    blocksStructure,
+    loopsStructure,
+    parallelsStructure,
+    showSubBlocks,
+    workflowState.blocks,
+    isValidWorkflowState,
+  ])
 
   const edges: Edge[] = useMemo(() => {
+    if (!isValidWorkflowState) return []
+
     return (workflowState.edges || []).map((edge) => ({
       id: edge.id,
       source: edge.source,
@@ -247,7 +245,24 @@ export function WorkflowPreview({
       targetHandle: edge.targetHandle,
       type: 'workflowEdge',
     }))
-  }, [edgesStructure, workflowState.edges])
+  }, [edgesStructure, workflowState.edges, isValidWorkflowState])
+
+  // Handle migrated logs that don't have complete workflow state
+  if (!isValidWorkflowState) {
+    return (
+      <div
+        style={{ height, width }}
+        className='flex items-center justify-center rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-900'
+      >
+        <div className='text-center text-gray-500 dark:text-gray-400'>
+          <div className='mb-2 font-medium text-lg'>⚠️ Logged State Not Found</div>
+          <div className='text-sm'>
+            This log was migrated from the old system and doesn't contain workflow state data.
+          </div>
+        </div>
+      </div>
+    )
+  }
 
   return (
     <ReactFlowProvider>
diff --git a/apps/sim/components/ui/color-picker.tsx b/apps/sim/components/ui/color-picker.tsx
new file mode 100644
index 000000000..b9938e1a5
--- /dev/null
+++ b/apps/sim/components/ui/color-picker.tsx
@@ -0,0 +1,66 @@
+'use client'
+
+import { forwardRef, useMemo, useState } from 'react'
+import { HexColorPicker } from 'react-colorful'
+import type { ButtonProps } from '@/components/ui/button'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { useForwardedRef } from '@/lib/use-forwarded-ref'
+import { cn } from '@/lib/utils'
+
+interface ColorPickerProps {
+  value: string
+  onChange: (value: string) => void
+  onBlur?: () => void
+}
+
+const ColorPicker = forwardRef<
+  HTMLInputElement,
+  Omit<ButtonProps, 'value' | 'onChange' | 'onBlur'> & ColorPickerProps & ButtonProps
+>(({ disabled, value, onChange, onBlur, name, className, size, ...props }, forwardedRef) => {
+  const ref = useForwardedRef(forwardedRef)
+  const [open, setOpen] = useState(false)
+
+  const parsedValue = useMemo(() => {
+    return value || '#FFFFFF'
+  }, [value])
+
+  return (
+    <Popover onOpenChange={setOpen} open={open}>
+      <PopoverTrigger asChild disabled={disabled} onBlur={onBlur}>
+        <Button
+          {...props}
+          className={cn('block', className)}
+          name={name}
+          onClick={() => {
+            setOpen(true)
+          }}
+          size={size}
+          style={{
+            backgroundColor: parsedValue,
+          }}
+          variant='outline'
+        >
+          <div />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className='w-full'>
+        <div className='space-y-3'>
+          <HexColorPicker color={parsedValue} onChange={onChange} />
+          <Input
+            maxLength={7}
+            onChange={(e) => {
+              onChange(e?.currentTarget?.value)
+            }}
+            ref={ref}
+            value={parsedValue}
+          />
+        </div>
+      </PopoverContent>
+    </Popover>
+  )
+})
+ColorPicker.displayName = 'ColorPicker'
+
+export { ColorPicker }
diff --git a/apps/sim/components/ui/scroll-area.tsx b/apps/sim/components/ui/scroll-area.tsx
index 7e813fd65..e0c23ea3d 100644
--- a/apps/sim/components/ui/scroll-area.tsx
+++ b/apps/sim/components/ui/scroll-area.tsx
@@ -6,8 +6,10 @@ import { cn } from '@/lib/utils'
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
->(({ className, children, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
+    hideScrollbar?: boolean
+  }
+>(({ className, children, hideScrollbar = false, ...props }, ref) => (
   <ScrollAreaPrimitive.Root
     ref={ref}
     className={cn('relative overflow-hidden', className)}
@@ -16,7 +18,7 @@ const ScrollArea = React.forwardRef<
     <ScrollAreaPrimitive.Viewport className='h-full w-full rounded-[inherit]'>
       {children}
     </ScrollAreaPrimitive.Viewport>
-    <ScrollBar />
+    <ScrollBar hidden={hideScrollbar} />
     <ScrollAreaPrimitive.Corner />
   </ScrollAreaPrimitive.Root>
 ))
@@ -24,8 +26,10 @@ ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
 
 const ScrollBar = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
->(({ className, orientation = 'vertical', ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & {
+    hidden?: boolean
+  }
+>(({ className, orientation = 'vertical', hidden = false, ...props }, ref) => (
   <ScrollAreaPrimitive.ScrollAreaScrollbar
     ref={ref}
     orientation={orientation}
@@ -33,11 +37,14 @@ const ScrollBar = React.forwardRef<
       'flex touch-none select-none transition-colors',
       orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]',
       orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]',
+      hidden && 'pointer-events-none w-0 border-0 p-0 opacity-0',
       className
     )}
     {...props}
   >
-    <ScrollAreaPrimitive.ScrollAreaThumb className='relative flex-1 rounded-full bg-border' />
+    <ScrollAreaPrimitive.ScrollAreaThumb
+      className={cn('relative flex-1 rounded-full bg-border', hidden && 'hidden')}
+    />
   </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
diff --git a/apps/sim/components/ui/tag-dropdown.tsx b/apps/sim/components/ui/tag-dropdown.tsx
index ff07b6d42..1a81ca871 100644
--- a/apps/sim/components/ui/tag-dropdown.tsx
+++ b/apps/sim/components/ui/tag-dropdown.tsx
@@ -258,12 +258,16 @@ export const TagDropdown: React.FC<TagDropdownProps> = ({
       }
     }
 
-    // Create variable tags
-    const variableTags = workflowVariables.map(
+    // Create variable tags - filter out variables with empty names
+    const validVariables = workflowVariables.filter(
+      (variable: Variable) => variable.name.trim() !== ''
+    )
+
+    const variableTags = validVariables.map(
       (variable: Variable) => `variable.${variable.name.replace(/\s+/g, '')}`
     )
 
-    const variableInfoMap = workflowVariables.reduce(
+    const variableInfoMap = validVariables.reduce(
       (acc, variable) => {
         const tagName = `variable.${variable.name.replace(/\s+/g, '')}`
         acc[tagName] = {
diff --git a/apps/sim/db/schema.ts b/apps/sim/db/schema.ts
index e2631ec31..a7f7ab60e 100644
--- a/apps/sim/db/schema.ts
+++ b/apps/sim/db/schema.ts
@@ -1036,3 +1036,83 @@ export const copilotChats = pgTable(
     updatedAtIdx: index('copilot_chats_updated_at_idx').on(table.updatedAt),
   })
 )
+
+export const templates = pgTable(
+  'templates',
+  {
+    id: text('id').primaryKey(),
+    workflowId: text('workflow_id')
+      .notNull()
+      .references(() => workflow.id),
+    userId: text('user_id')
+      .notNull()
+      .references(() => user.id, { onDelete: 'cascade' }),
+    name: text('name').notNull(),
+    description: text('description'),
+    author: text('author').notNull(),
+    views: integer('views').notNull().default(0),
+    stars: integer('stars').notNull().default(0),
+    color: text('color').notNull().default('#3972F6'),
+    icon: text('icon').notNull().default('FileText'), // Lucide icon name as string
+    category: text('category').notNull(),
+    state: jsonb('state').notNull(), // Using jsonb for better performance
+    createdAt: timestamp('created_at').notNull().defaultNow(),
+    updatedAt: timestamp('updated_at').notNull().defaultNow(),
+  },
+  (table) => ({
+    // Primary access patterns
+    workflowIdIdx: index('templates_workflow_id_idx').on(table.workflowId),
+    userIdIdx: index('templates_user_id_idx').on(table.userId),
+    categoryIdx: index('templates_category_idx').on(table.category),
+
+    // Sorting indexes for popular/trending templates
+    viewsIdx: index('templates_views_idx').on(table.views),
+    starsIdx: index('templates_stars_idx').on(table.stars),
+
+    // Composite indexes for common queries
+    categoryViewsIdx: index('templates_category_views_idx').on(table.category, table.views),
+    categoryStarsIdx: index('templates_category_stars_idx').on(table.category, table.stars),
+    userCategoryIdx: index('templates_user_category_idx').on(table.userId, table.category),
+
+    // Temporal indexes
+    createdAtIdx: index('templates_created_at_idx').on(table.createdAt),
+    updatedAtIdx: index('templates_updated_at_idx').on(table.updatedAt),
+  })
+)
+
+export const templateStars = pgTable(
+  'template_stars',
+  {
+    id: text('id').primaryKey(),
+    userId: text('user_id')
+      .notNull()
+      .references(() => user.id, { onDelete: 'cascade' }),
+    templateId: text('template_id')
+      .notNull()
+      .references(() => templates.id, { onDelete: 'cascade' }),
+    starredAt: timestamp('starred_at').notNull().defaultNow(),
+    createdAt: timestamp('created_at').notNull().defaultNow(),
+  },
+  (table) => ({
+    // Primary access patterns
+    userIdIdx: index('template_stars_user_id_idx').on(table.userId),
+    templateIdIdx: index('template_stars_template_id_idx').on(table.templateId),
+
+    // Composite indexes for common queries
+    userTemplateIdx: index('template_stars_user_template_idx').on(table.userId, table.templateId),
+    templateUserIdx: index('template_stars_template_user_idx').on(table.templateId, table.userId),
+
+    // Temporal indexes for analytics
+    starredAtIdx: index('template_stars_starred_at_idx').on(table.starredAt),
+    templateStarredAtIdx: index('template_stars_template_starred_at_idx').on(
+      table.templateId,
+      table.starredAt
+    ),
+
+    // Uniqueness constraint - prevent duplicate stars
+    uniqueUserTemplateConstraint: uniqueIndex('template_stars_user_template_unique').on(
+      table.userId,
+      table.templateId
+    ),
+  })
+)
diff --git a/apps/sim/executor/index.ts b/apps/sim/executor/index.ts
index b4af914e0..66fee46f4 100644
--- a/apps/sim/executor/index.ts
+++ b/apps/sim/executor/index.ts
@@ -1347,6 +1347,7 @@ export class Executor {
         // For streaming blocks, we'll add the console entry after stream processing
         if (block.metadata?.id !== 'loop' && block.metadata?.id !== 'parallel') {
           addConsole({
+            input: blockLog.input,
             output: blockLog.output,
             success: true,
             durationMs: blockLog.durationMs,
@@ -1416,6 +1417,7 @@ export class Executor {
       // Skip console logging for infrastructure blocks like loops and parallels
       if (block.metadata?.id !== 'loop' && block.metadata?.id !== 'parallel') {
         addConsole({
+          input: blockLog.input,
           output: blockLog.output,
           success: true,
           durationMs: blockLog.durationMs,
@@ -1483,6 +1485,7 @@ export class Executor {
       // Skip console logging for infrastructure blocks like loops and parallels
       if (block.metadata?.id !== 'loop' && block.metadata?.id !== 'parallel') {
         addConsole({
+          input: blockLog.input,
           output: {},
           success: false,
           error:
diff --git a/apps/sim/lib/billing/calculations/usage-monitor.ts b/apps/sim/lib/billing/calculations/usage-monitor.ts
index 6cee761f6..9038c07ce 100644
--- a/apps/sim/lib/billing/calculations/usage-monitor.ts
+++ b/apps/sim/lib/billing/calculations/usage-monitor.ts
@@ -201,7 +201,7 @@ export async function checkServerSideUsageLimits(userId: string): Promise<{
       currentUsage: usageData.currentUsage,
       limit: usageData.limit,
       message: usageData.isExceeded
-        ? `Usage limit exceeded: ${usageData.currentUsage.toFixed(2)}$ used of ${usageData.limit}$ limit. Please upgrade your plan to continue.`
+        ? `Usage limit exceeded: ${usageData.currentUsage?.toFixed(2) || 0}$ used of ${usageData.limit?.toFixed(2) || 0}$ limit. Please upgrade your plan to continue.`
         : undefined,
     }
   } catch (error) {
diff --git a/apps/sim/lib/use-forwarded-ref.ts b/apps/sim/lib/use-forwarded-ref.ts
new file mode 100644
index 000000000..70bbc4ad3
--- /dev/null
+++ b/apps/sim/lib/use-forwarded-ref.ts
@@ -0,0 +1,25 @@
+import { type MutableRefObject, useEffect, useRef } from 'react'
+
+/**
+ * A hook that handles forwarded refs and returns a mutable ref object
+ * Useful for components that need both a forwarded ref and a local ref
+ * @param forwardedRef The forwarded ref from React.forwardRef
+ * @returns A mutable ref object that can be used locally
+ */
+export function useForwardedRef<T>(
+  forwardedRef: React.ForwardedRef<T>
+): MutableRefObject<T | null> {
+  const innerRef = useRef<T | null>(null)
+
+  useEffect(() => {
+    if (!forwardedRef) return
+
+    if (typeof forwardedRef === 'function') {
+      forwardedRef(innerRef.current)
+    } else {
+      forwardedRef.current = innerRef.current
+    }
+  }, [forwardedRef])
+
+  return innerRef
+}
diff --git a/apps/sim/lib/workflows/state-builder.ts b/apps/sim/lib/workflows/state-builder.ts
new file mode 100644
index 000000000..c713ff81f
--- /dev/null
+++ b/apps/sim/lib/workflows/state-builder.ts
@@ -0,0 +1,29 @@
+import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
+import { useWorkflowStore } from '@/stores/workflows/workflow/store'
+
+/**
+ * Build workflow state in the same format as the deployment process
+ * This utility ensures consistent state format between template creation and deployment
+ */
+export function buildWorkflowStateForTemplate(workflowId: string) {
+  const workflowStore = useWorkflowStore.getState()
+  const { activeWorkflowId } = useWorkflowRegistry.getState()
+
+  // Get current workflow state
+  const { blocks, edges } = workflowStore
+
+  // Generate loops and parallels in the same format as deployment
+  const loops = workflowStore.generateLoopBlocks()
+  const parallels = workflowStore.generateParallelBlocks()
+
+  // Build the state object in the same format as deployment
+  const state = {
+    blocks,
+    edges,
+    loops,
+    parallels,
+    lastSaved: Date.now(),
+  }
+
+  return state
+}
diff --git a/apps/sim/package.json b/apps/sim/package.json
index 0885cf80e..f47836d6d 100644
--- a/apps/sim/package.json
+++ b/apps/sim/package.json
@@ -34,6 +34,7 @@
     "@browserbasehq/stagehand": "^2.0.0",
     "@cerebras/cerebras_cloud_sdk": "^1.23.0",
     "@hookform/resolvers": "^4.1.3",
+    "@next/font": "14.2.15",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/exporter-collector": "^0.25.0",
     "@opentelemetry/exporter-jaeger": "^2.0.0",
@@ -82,6 +83,7 @@
     "drizzle-orm": "^0.41.0",
     "framer-motion": "^12.5.0",
     "freestyle-sandboxes": "^0.0.38",
+    "geist": "1.4.2",
     "fuse.js": "7.1.0",
     "groq-sdk": "^0.15.0",
     "input-otp": "^1.4.2",
@@ -100,6 +102,7 @@
     "postgres": "^3.4.5",
     "prismjs": "^1.30.0",
     "react": "19.1.0",
+    "react-colorful": "5.6.1",
     "react-day-picker": "8.10.1",
     "react-dom": "19.1.0",
     "react-google-drive-picker": "^1.2.2",
diff --git a/apps/sim/providers/workspace-provider.tsx b/apps/sim/providers/workspace-provider.tsx
deleted file mode 100644
index 9f176d892..000000000
--- a/apps/sim/providers/workspace-provider.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-'use client'
-
-import type { ReactNode } from 'react'
-import { useSession } from '@/lib/auth-client'
-import { SocketProvider } from '@/contexts/socket-context'
-
-interface WorkspaceProviderProps {
-  children: ReactNode
-}
-
-export function WorkspaceProvider({ children }: WorkspaceProviderProps) {
-  const session = useSession()
-
-  const user = session.data?.user
-    ? {
-        id: session.data.user.id,
-        name: session.data.user.name,
-        email: session.data.user.email,
-      }
-    : undefined
-
-  return <SocketProvider user={user}>{children}</SocketProvider>
-}
diff --git a/apps/sim/stores/index.ts b/apps/sim/stores/index.ts
index 4f10bf92f..acf1afbc6 100644
--- a/apps/sim/stores/index.ts
+++ b/apps/sim/stores/index.ts
@@ -5,7 +5,6 @@ import { createLogger } from '@/lib/logs/console-logger'
 import { useCopilotStore } from './copilot/store'
 import { useCustomToolsStore } from './custom-tools/store'
 import { useExecutionStore } from './execution/store'
-import { useNotificationStore } from './notifications/store'
 import { useConsoleStore } from './panel/console/store'
 import { useVariablesStore } from './panel/variables/store'
 import { useEnvironmentStore } from './settings/environment/store'
@@ -199,7 +198,6 @@ if (typeof window !== 'undefined') {
 export {
   useWorkflowStore,
   useWorkflowRegistry,
-  useNotificationStore,
   useEnvironmentStore,
   useExecutionStore,
   useConsoleStore,
@@ -222,7 +220,6 @@ export const resetAllStores = () => {
   useWorkflowStore.getState().clear()
   useSubBlockStore.getState().clear()
   useSubBlockStore.getState().clearToolParams()
-  useNotificationStore.setState({ notifications: [] })
   useEnvironmentStore.setState({
     variables: {},
     isLoading: false,
@@ -241,7 +238,6 @@ export const logAllStores = () => {
   const state = {
     workflow: useWorkflowStore.getState(),
     workflowRegistry: useWorkflowRegistry.getState(),
-    notifications: useNotificationStore.getState(),
     environment: useEnvironmentStore.getState(),
     execution: useExecutionStore.getState(),
     console: useConsoleStore.getState(),
diff --git a/apps/sim/stores/notifications/store.ts b/apps/sim/stores/notifications/store.ts
deleted file mode 100644
index b959a734e..000000000
--- a/apps/sim/stores/notifications/store.ts
+++ /dev/null
@@ -1,223 +0,0 @@
-import { create } from 'zustand'
-import { devtools } from 'zustand/middleware'
-import type { Notification, NotificationOptions, NotificationStore } from './types'
-
-const STORAGE_KEY = 'workflow-notifications'
-// Maximum number of notifications to keep across all workflows
-const MAX_NOTIFICATIONS = 50
-// Default notification display time before fading
-export const NOTIFICATION_TIMEOUT = 4000
-// Maximum number of visible notifications at once
-export const MAX_VISIBLE_NOTIFICATIONS = 5
-
-// Helper to load persisted notifications
-const loadPersistedNotifications = (): Notification[] => {
-  if (typeof window === 'undefined') return []
-  const saved = localStorage.getItem(STORAGE_KEY)
-  return saved ? JSON.parse(saved).slice(0, MAX_NOTIFICATIONS) : []
-}
-
-// Helper to save notifications to localStorage
-const persistNotifications = (notifications: Notification[]) => {
-  if (typeof window === 'undefined') return
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(notifications.slice(0, MAX_NOTIFICATIONS)))
-}
-
-export const useNotificationStore = create<NotificationStore>()(
-  devtools(
-    (set, get) => ({
-      notifications: loadPersistedNotifications(),
-
-      addNotification: (type, message, workflowId, options: NotificationOptions = {}) => {
-        // Only create notifications on the client side
-        if (typeof window === 'undefined') return ''
-
-        const notification: Notification = {
-          id: crypto.randomUUID(),
-          type,
-          message,
-          timestamp: Date.now(),
-          isVisible: true,
-          read: false,
-          isFading: false,
-          workflowId,
-          options,
-        }
-
-        set((state) => {
-          // Add new notification at the start and limit total count
-          let newNotifications = [notification, ...state.notifications].slice(0, MAX_NOTIFICATIONS)
-
-          // Check if we need to auto-fade older notifications if we exceed the limit
-          const workflowVisibleCount = get().getVisibleNotificationCount(workflowId)
-
-          if (workflowVisibleCount > MAX_VISIBLE_NOTIFICATIONS) {
-            // Find the oldest non-persistent visible notification from this workflow to fade out
-            newNotifications = newNotifications.map((n, index) => {
-              // Don't touch the newly added notification
-              if (index === 0) return n
-
-              // Only target notifications from the same workflow that are visible, not persistent, and not already fading
-              if (
-                n.workflowId === workflowId &&
-                n.isVisible &&
-                !n.options?.isPersistent &&
-                !n.isFading
-              ) {
-                // Mark it as fading - the oldest one will be the first we encounter
-                return { ...n, isFading: true }
-              }
-
-              return n
-            })
-          }
-
-          persistNotifications(newNotifications)
-          return { notifications: newNotifications }
-        })
-
-        // If not persistent, start the fade timer immediately
-        if (!options.isPersistent) {
-          const _timerId = setTimeout(() => {
-            // Start fade out animation
-            set((state) => {
-              const newNotifications = state.notifications.map((n) =>
-                n.id === notification.id ? { ...n, isFading: true } : n
-              )
-              persistNotifications(newNotifications)
-              return { notifications: newNotifications }
-            })
-          }, NOTIFICATION_TIMEOUT)
-        }
-
-        return notification.id
-      },
-
-      hideNotification: (id) =>
-        set((state) => {
-          const newNotifications = state.notifications.map((n) =>
-            n.id === id ? { ...n, isVisible: false, read: true, isFading: false } : n
-          )
-          persistNotifications(newNotifications)
-          return { notifications: newNotifications }
-        }),
-
-      setNotificationFading: (id) =>
-        set((state) => {
-          const newNotifications = state.notifications.map((n) =>
-            n.id === id ? { ...n, isFading: true } : n
-          )
-          persistNotifications(newNotifications)
-          return { notifications: newNotifications }
-        }),
-
-      showNotification: (id) =>
-        set((state) => {
-          // Find the notification first to ensure it exists
-          const notification = state.notifications.find((n) => n.id === id)
-          if (!notification) return { notifications: state.notifications }
-
-          // Update the notification in place without changing its position
-          const newNotifications = state.notifications.map((n) => {
-            if (n.id === id) {
-              // Only update visibility state, preserve timestamp and position
-              return {
-                ...n,
-                isVisible: true,
-                read: false,
-                isFading: false,
-              }
-            }
-            return n
-          })
-
-          // Check if we need to auto-fade older notifications due to the limit
-          const workflowId = notification.workflowId
-          const workflowVisibleCount = get().getVisibleNotificationCount(workflowId)
-
-          let updatedNotifications = [...newNotifications]
-
-          if (workflowVisibleCount > MAX_VISIBLE_NOTIFICATIONS) {
-            // Find the oldest non-persistent visible notification to fade out
-            updatedNotifications = updatedNotifications.map((n) => {
-              // Don't touch the newly shown notification
-              if (n.id === id) return n
-
-              // Only target notifications from the same workflow that are visible, not persistent, and not already fading
-              if (
-                n.workflowId === workflowId &&
-                n.isVisible &&
-                !n.options?.isPersistent &&
-                !n.isFading
-              ) {
-                // Mark it as fading - the oldest one will be the first we encounter
-                return { ...n, isFading: true }
-              }
-
-              return n
-            })
-          }
-
-          // If notification is not persistent, restart the fade timer
-          if (!notification.options?.isPersistent) {
-            setTimeout(() => {
-              // Start fade out animation
-              set((state) => {
-                const newNotifications = state.notifications.map((n) =>
-                  n.id === id ? { ...n, isFading: true } : n
-                )
-                persistNotifications(newNotifications)
-                return { notifications: newNotifications }
-              })
-            }, NOTIFICATION_TIMEOUT)
-          }
-
-          persistNotifications(updatedNotifications)
-          return { notifications: updatedNotifications }
-        }),
-
-      markAsRead: (id) =>
-        set((state) => {
-          const newNotifications = state.notifications.map((n) =>
-            n.id === id ? { ...n, read: true } : n
-          )
-          persistNotifications(newNotifications)
-          return { notifications: newNotifications }
-        }),
-
-      markAllAsRead: (workflowId) =>
-        set((state) => {
-          const newNotifications = state.notifications.map((n) =>
-            n.workflowId === workflowId ? { ...n, read: true } : n
-          )
-          persistNotifications(newNotifications)
-          return { notifications: newNotifications }
-        }),
-
-      removeNotification: (id) =>
-        set((state) => {
-          const newNotifications = state.notifications.filter((n) => n.id !== id)
-          persistNotifications(newNotifications)
-          return { notifications: newNotifications }
-        }),
-
-      clearNotifications: () => {
-        persistNotifications([])
-        set({ notifications: [] })
-      },
-
-      getWorkflowNotifications: (workflowId) => {
-        return get().notifications.filter((n) => n.workflowId === workflowId)
-      },
-
-      getVisibleNotificationCount: (workflowId) => {
-        if (!workflowId) return 0
-
-        return get().notifications.filter(
-          (n) => n.workflowId === workflowId && n.isVisible && !n.read
-        ).length
-      },
-    }),
-    { name: 'notification-store' }
-  )
-)
diff --git a/apps/sim/stores/notifications/types.ts b/apps/sim/stores/notifications/types.ts
deleted file mode 100644
index 8a4ead977..000000000
--- a/apps/sim/stores/notifications/types.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export type NotificationType = 'error' | 'console' | 'api' | 'marketplace' | 'info'
-
-export interface Notification {
-  id: string
-  type: NotificationType
-  message: string
-  timestamp: number
-  isVisible: boolean
-  workflowId: string | null
-  read: boolean
-  isFading?: boolean
-  options?: NotificationOptions
-}
-
-export interface NotificationSection {
-  label: string
-  content: string
-}
-
-export interface NotificationAction {
-  label: string
-  onClick: () => void
-}
-
-export interface NotificationOptions {
-  copyableContent?: string
-  isPersistent?: boolean
-  sections?: NotificationSection[]
-  needsRedeployment?: boolean
-  actions?: NotificationAction[]
-}
-
-export interface NotificationStore {
-  notifications: Notification[]
-  addNotification: (
-    type: NotificationType,
-    message: string,
-    workflowId: string | null,
-    options?: NotificationOptions
-  ) => string
-  hideNotification: (id: string) => void
-  showNotification: (id: string) => void
-  setNotificationFading: (id: string) => void
-  markAsRead: (id: string) => void
-  markAllAsRead: (workflowId: string) => void
-  removeNotification: (id: string) => void
-  clearNotifications: () => void
-  getWorkflowNotifications: (workflowId: string) => Notification[]
-  getVisibleNotificationCount: (workflowId: string | null) => number
-}
diff --git a/apps/sim/stores/panel/chat/store.ts b/apps/sim/stores/panel/chat/store.ts
index 5dcf7c38c..07e1aadda 100644
--- a/apps/sim/stores/panel/chat/store.ts
+++ b/apps/sim/stores/panel/chat/store.ts
@@ -55,6 +55,82 @@ export const useChatStore = create<ChatStore>()(
           })
         },
 
+        exportChatCSV: (workflowId: string) => {
+          const messages = get().messages.filter((message) => message.workflowId === workflowId)
+
+          if (messages.length === 0) {
+            return
+          }
+
+          // Helper function to safely stringify and escape CSV values
+          const formatCSVValue = (value: any): string => {
+            if (value === null || value === undefined) {
+              return ''
+            }
+
+            let stringValue = typeof value === 'object' ? JSON.stringify(value) : String(value)
+
+            // Truncate very long strings
+            if (stringValue.length > 2000) {
+              stringValue = `${stringValue.substring(0, 2000)}...`
+            }
+
+            // Escape quotes and wrap in quotes if contains special characters
+            if (
+              stringValue.includes('"') ||
+              stringValue.includes(',') ||
+              stringValue.includes('\n')
+            ) {
+              stringValue = `"${stringValue.replace(/"/g, '""')}"`
+            }
+
+            return stringValue
+          }
+
+          // CSV Headers
+          const headers = ['timestamp', 'type', 'content']
+
+          // Sort messages by timestamp (oldest first)
+          const sortedMessages = messages.sort(
+            (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
+          )
+
+          // Generate CSV rows
+          const csvRows = [
+            headers.join(','),
+            ...sortedMessages.map((message) =>
+              [
+                formatCSVValue(message.timestamp),
+                formatCSVValue(message.type),
+                formatCSVValue(message.content),
+              ].join(',')
+            ),
+          ]
+
+          // Create CSV content
+          const csvContent = csvRows.join('\n')
+
+          // Generate filename with timestamp
+          const now = new Date()
+          const timestamp = now.toISOString().replace(/[:.]/g, '-').slice(0, 19)
+          const filename = `chat-${workflowId}-${timestamp}.csv`
+
+          // Create and trigger download
+          const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
+          const link = document.createElement('a')
+
+          if (link.download !== undefined) {
+            const url = URL.createObjectURL(blob)
+            link.setAttribute('href', url)
+            link.setAttribute('download', filename)
+            link.style.visibility = 'hidden'
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+            URL.revokeObjectURL(url)
+          }
+        },
+
         getWorkflowMessages: (workflowId) => {
           return get().messages.filter((message) => message.workflowId === workflowId)
         },
diff --git a/apps/sim/stores/panel/chat/types.ts b/apps/sim/stores/panel/chat/types.ts
index 6f5fb7a9f..2d019113b 100644
--- a/apps/sim/stores/panel/chat/types.ts
+++ b/apps/sim/stores/panel/chat/types.ts
@@ -19,6 +19,7 @@ export interface ChatStore {
   conversationIds: Record<string, string>
   addMessage: (message: Omit<ChatMessage, 'id' | 'timestamp'> & { id?: string }) => void
   clearChat: (workflowId: string | null) => void
+  exportChatCSV: (workflowId: string) => void
   getWorkflowMessages: (workflowId: string) => ChatMessage[]
   setSelectedWorkflowOutput: (workflowId: string, outputIds: string[]) => void
   getSelectedWorkflowOutput: (workflowId: string) => string[]
diff --git a/apps/sim/stores/panel/console/store.ts b/apps/sim/stores/panel/console/store.ts
index b5198beca..450de87cc 100644
--- a/apps/sim/stores/panel/console/store.ts
+++ b/apps/sim/stores/panel/console/store.ts
@@ -168,6 +168,97 @@ export const useConsoleStore = create<ConsoleStore>()(
           }))
         },
 
+        exportConsoleCSV: (workflowId: string) => {
+          const entries = get().entries.filter((entry) => entry.workflowId === workflowId)
+
+          if (entries.length === 0) {
+            return
+          }
+
+          // Helper function to safely stringify and escape CSV values
+          const formatCSVValue = (value: any): string => {
+            if (value === null || value === undefined) {
+              return ''
+            }
+
+            let stringValue = typeof value === 'object' ? JSON.stringify(value) : String(value)
+
+            // Truncate very long strings
+            if (stringValue.length > 1000) {
+              stringValue = `${stringValue.substring(0, 1000)}...`
+            }
+
+            // Escape quotes and wrap in quotes if contains special characters
+            if (
+              stringValue.includes('"') ||
+              stringValue.includes(',') ||
+              stringValue.includes('\n')
+            ) {
+              stringValue = `"${stringValue.replace(/"/g, '""')}"`
+            }
+
+            return stringValue
+          }
+
+          // CSV Headers
+          const headers = [
+            'timestamp',
+            'blockName',
+            'blockType',
+            'startedAt',
+            'endedAt',
+            'durationMs',
+            'success',
+            'input',
+            'output',
+            'error',
+            'warning',
+          ]
+
+          // Generate CSV rows
+          const csvRows = [
+            headers.join(','),
+            ...entries.map((entry) =>
+              [
+                formatCSVValue(entry.timestamp),
+                formatCSVValue(entry.blockName),
+                formatCSVValue(entry.blockType),
+                formatCSVValue(entry.startedAt),
+                formatCSVValue(entry.endedAt),
+                formatCSVValue(entry.durationMs),
+                formatCSVValue(entry.success),
+                formatCSVValue(entry.input),
+                formatCSVValue(entry.output),
+                formatCSVValue(entry.error),
+                formatCSVValue(entry.warning),
+              ].join(',')
+            ),
+          ]
+
+          // Create CSV content
+          const csvContent = csvRows.join('\n')
+
+          // Generate filename with timestamp
+          const now = new Date()
+          const timestamp = now.toISOString().replace(/[:.]/g, '-').slice(0, 19)
+          const filename = `console-${workflowId}-${timestamp}.csv`
+
+          // Create and trigger download
+          const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
+          const link = document.createElement('a')
+
+          if (link.download !== undefined) {
+            const url = URL.createObjectURL(blob)
+            link.setAttribute('href', url)
+            link.setAttribute('download', filename)
+            link.style.visibility = 'hidden'
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+            URL.revokeObjectURL(url)
+          }
+        },
+
         getWorkflowEntries: (workflowId) => {
           return get().entries.filter((entry) => entry.workflowId === workflowId)
         },
@@ -230,6 +321,10 @@ export const useConsoleStore = create<ConsoleStore>()(
                   updatedEntry.durationMs = update.durationMs
                 }
 
+                if (update.input !== undefined) {
+                  updatedEntry.input = update.input
+                }
+
                 return updatedEntry
               }
               return entry
diff --git a/apps/sim/stores/panel/console/types.ts b/apps/sim/stores/panel/console/types.ts
index 3c86f6f9c..4d1c0f693 100644
--- a/apps/sim/stores/panel/console/types.ts
+++ b/apps/sim/stores/panel/console/types.ts
@@ -20,6 +20,7 @@ export interface ConsoleEntry {
 
 export interface ConsoleUpdate {
   content?: string
+  input?: any
   output?: Partial<NormalizedBlockOutput>
   replaceOutput?: NormalizedBlockOutput // New field for complete replacement
   error?: string
@@ -35,6 +36,7 @@ export interface ConsoleStore {
 
   addConsole: (entry: Omit<ConsoleEntry, 'id' | 'timestamp'>) => ConsoleEntry
   clearConsole: (workflowId: string | null) => void
+  exportConsoleCSV: (workflowId: string) => void
   getWorkflowEntries: (workflowId: string) => ConsoleEntry[]
   toggleConsole: () => void
   updateConsole: (blockId: string, update: string | ConsoleUpdate, executionId?: string) => void
diff --git a/apps/sim/stores/panel/store.ts b/apps/sim/stores/panel/store.ts
index 06151a56b..800f49095 100644
--- a/apps/sim/stores/panel/store.ts
+++ b/apps/sim/stores/panel/store.ts
@@ -8,6 +8,7 @@ export const usePanelStore = create<PanelStore>()(
       (set) => ({
         isOpen: false,
         activeTab: 'console',
+        panelWidth: 308,
 
         togglePanel: () => {
           set((state) => ({ isOpen: !state.isOpen }))
@@ -16,6 +17,12 @@ export const usePanelStore = create<PanelStore>()(
         setActiveTab: (tab: PanelTab) => {
           set({ activeTab: tab })
         },
+
+        setPanelWidth: (width: number) => {
+          // Ensure minimum width of 308px and maximum of 500px
+          const clampedWidth = Math.max(308, Math.min(500, width))
+          set({ panelWidth: clampedWidth })
+        },
       }),
       {
         name: 'panel-store',
diff --git a/apps/sim/stores/panel/types.ts b/apps/sim/stores/panel/types.ts
index d2f791c05..432efdd54 100644
--- a/apps/sim/stores/panel/types.ts
+++ b/apps/sim/stores/panel/types.ts
@@ -3,6 +3,8 @@ export type PanelTab = 'console' | 'variables' | 'chat' | 'copilot'
 export interface PanelStore {
   isOpen: boolean
   activeTab: PanelTab
+  panelWidth: number
   togglePanel: () => void
   setActiveTab: (tab: PanelTab) => void
+  setPanelWidth: (width: number) => void
 }
diff --git a/apps/sim/stores/panel/variables/store.ts b/apps/sim/stores/panel/variables/store.ts
index 68bb97912..48fe0d8a5 100644
--- a/apps/sim/stores/panel/variables/store.ts
+++ b/apps/sim/stores/panel/variables/store.ts
@@ -220,10 +220,14 @@ export const useVariablesStore = create<VariablesStore>()(
               let uniqueName = update.name
               let nameIndex = 1
 
-              // Check if name already exists in this workflow
-              while (workflowVariables.some((v) => v.name === uniqueName)) {
-                uniqueName = `${update.name} (${nameIndex})`
-                nameIndex++
+              // Only check uniqueness for non-empty names
+              // Empty names don't need to be unique as they're temporary states
+              if (uniqueName.trim() !== '') {
+                // Check if name already exists in this workflow
+                while (workflowVariables.some((v) => v.name === uniqueName)) {
+                  uniqueName = `${update.name} (${nameIndex})`
+                  nameIndex++
+                }
               }
 
               // Always update references in subblocks when name changes, even if empty
@@ -475,11 +479,6 @@ export const useVariablesStore = create<VariablesStore>()(
               ) {
                 protectedVariableIds.add(id)
               }
-
-              // Also protect variables that are currently being edited (have pending changes)
-              if (saveTimers.has(workflowId)) {
-                protectedVariableIds.add(id)
-              }
             })
 
             // Handle 404 workflow not found gracefully
@@ -642,12 +641,6 @@ export const useVariablesStore = create<VariablesStore>()(
               (variable) => variable.workflowId === workflowId
             )
 
-            // Record the last save attempt timestamp for each variable to track sync state
-            workflowVariables.forEach((variable) => {
-              // Mark save attempt time for all variables being saved
-              recentlyAddedVariables.set(variable.id, Date.now())
-            })
-
             // Send to DB
             const response = await fetch(`${API_ENDPOINTS.WORKFLOWS}/${workflowId}/variables`, {
               method: 'POST',
diff --git a/apps/sim/stores/sidebar/store.ts b/apps/sim/stores/sidebar/store.ts
index 1046fe6c9..4c6857971 100644
--- a/apps/sim/stores/sidebar/store.ts
+++ b/apps/sim/stores/sidebar/store.ts
@@ -1,40 +1,19 @@
 import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
 
-export type SidebarMode = 'expanded' | 'collapsed' | 'hover'
-
 interface SidebarState {
-  mode: SidebarMode
-  isExpanded: boolean
   // Track workspace dropdown state
   workspaceDropdownOpen: boolean
-  // Track if any modal is open
-  isAnyModalOpen: boolean
-  setMode: (mode: SidebarMode) => void
-  toggleExpanded: () => void
   // Control workspace dropdown state
   setWorkspaceDropdownOpen: (isOpen: boolean) => void
-  // Control modal state
-  setAnyModalOpen: (isOpen: boolean) => void
-  // Force sidebar expanded state without triggering loops
-  forceExpanded: (expanded: boolean) => void
 }
 
 export const useSidebarStore = create<SidebarState>()(
   persist(
     (set) => ({
-      mode: 'expanded', // Default to expanded mode
-      isExpanded: true, // Default to expanded state
       workspaceDropdownOpen: false, // Track if workspace dropdown is open
-      isAnyModalOpen: false, // Track if any modal is open
-      setMode: (mode) => set({ mode }),
-      toggleExpanded: () => set((state) => ({ isExpanded: !state.isExpanded })),
-      // Only update dropdown state without changing isExpanded
+      // Only update dropdown state
       setWorkspaceDropdownOpen: (isOpen) => set({ workspaceDropdownOpen: isOpen }),
-      // Update modal state
-      setAnyModalOpen: (isOpen) => set({ isAnyModalOpen: isOpen }),
-      // Separate function to control expanded state
-      forceExpanded: (expanded) => set({ isExpanded: expanded }),
     }),
     {
       name: 'sidebar-state',
diff --git a/bun.lock b/bun.lock
index d6b4ea194..1f3da93fd 100644
--- a/bun.lock
+++ b/bun.lock
@@ -7,6 +7,7 @@
         "@linear/sdk": "40.0.0",
         "@t3-oss/env-nextjs": "0.13.4",
         "@vercel/analytics": "1.5.0",
+        "geist": "^1.4.2",
         "remark-gfm": "4.0.1",
         "socket.io-client": "4.8.1",
       },
@@ -64,6 +65,7 @@
         "@browserbasehq/stagehand": "^2.0.0",
         "@cerebras/cerebras_cloud_sdk": "^1.23.0",
         "@hookform/resolvers": "^4.1.3",
+        "@next/font": "14.2.15",
         "@opentelemetry/api": "^1.9.0",
         "@opentelemetry/exporter-collector": "^0.25.0",
         "@opentelemetry/exporter-jaeger": "^2.0.0",
@@ -113,6 +115,7 @@
         "framer-motion": "^12.5.0",
         "freestyle-sandboxes": "^0.0.38",
         "fuse.js": "7.1.0",
+        "geist": "1.4.2",
         "groq-sdk": "^0.15.0",
         "input-otp": "^1.4.2",
         "ioredis": "^5.6.0",
@@ -130,6 +133,7 @@
         "postgres": "^3.4.5",
         "prismjs": "^1.30.0",
         "react": "19.1.0",
+        "react-colorful": "5.6.1",
         "react-day-picker": "8.10.1",
         "react-dom": "19.1.0",
         "react-google-drive-picker": "^1.2.2",
@@ -608,6 +612,8 @@
 
     "@next/env": ["@next/env@15.3.4", "", {}, "sha512-ZkdYzBseS6UjYzz6ylVKPOK+//zLWvD6Ta+vpoye8cW11AjiQjGYVibF0xuvT4L0iJfAPfZLFidaEzAOywyOAQ=="],
 
+    "@next/font": ["@next/font@14.2.15", "", { "peerDependencies": { "next": "*" } }, "sha512-QopYhBmCDDrNDynbi+ZD1hDZXmQXVFo7TmAFp4DQgO/kogz1OLbQ92hPigJbj572eZ3GaaVxNIyYVn3/eAsehg=="],
+
     "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.3.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-z0qIYTONmPRbwHWvpyrFXJd5F9YWLCsw3Sjrzj2ZvMYy9NPQMPZ1NjOJh4ojr4oQzcGYwgJKfidzehaNa1BpEg=="],
 
     "@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.3.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-Z0FYJM8lritw5Wq+vpHYuCIzIlEMjewG2aRkc3Hi2rcbULknYL/xqfpBL23jQnCSrDUGAo/AEv0Z+s2bff9Zkw=="],
@@ -1960,6 +1966,8 @@
 
     "gcp-metadata": ["gcp-metadata@6.1.1", "", { "dependencies": { "gaxios": "^6.1.1", "google-logging-utils": "^0.0.2", "json-bigint": "^1.0.0" } }, "sha512-a4tiq7E0/5fTjxPAaH4jpjkSv/uCaU2p5KC6HVGrvl0cDjA8iBZv4vv1gyzlmK0ZUKqwpOyQMKzZQe3lTit77A=="],
 
+    "geist": ["geist@1.4.2", "", { "peerDependencies": { "next": ">=13.2.0" } }, "sha512-OQUga/KUc8ueijck6EbtT07L4tZ5+TZgjw8PyWfxo16sL5FWk7gNViPNU8hgCFjy6bJi9yuTP+CRpywzaGN8zw=="],
+
     "gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],
 
     "get-caller-file": ["get-caller-file@2.0.5", "", {}, "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="],
@@ -2616,6 +2624,8 @@
 
     "react": ["react@19.1.0", "", {}, "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg=="],
 
+    "react-colorful": ["react-colorful@5.6.1", "", { "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw=="],
+
     "react-day-picker": ["react-day-picker@8.10.1", "", { "peerDependencies": { "date-fns": "^2.28.0 || ^3.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, "sha512-TMx7fNbhLk15eqcMt+7Z7S2KF7mfTId/XJDjKE8f+IUcFn0l08/kI4FiYTL/0yuOLmEcbR4Fwe3GJf/NiiMnPA=="],
 
     "react-dom": ["react-dom@19.1.0", "", { "dependencies": { "scheduler": "^0.26.0" }, "peerDependencies": { "react": "^19.1.0" } }, "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g=="],
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 000000000..acf451597
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,20515 @@
+{
+  "name": "simstudio",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "simstudio",
+      "version": "0.0.0",
+      "license": "Apache-2.0",
+      "workspaces": [
+        "apps/*",
+        "packages/*"
+      ],
+      "dependencies": {
+        "@linear/sdk": "40.0.0",
+        "@t3-oss/env-nextjs": "0.13.4",
+        "@vercel/analytics": "1.5.0",
+        "geist": "^1.4.2",
+        "remark-gfm": "4.0.1",
+        "socket.io-client": "4.8.1"
+      },
+      "devDependencies": {
+        "@biomejs/biome": "2.0.0-beta.5",
+        "@next/env": "^15.3.2",
+        "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+        "dotenv-cli": "^8.0.0",
+        "husky": "9.1.7",
+        "lint-staged": "16.0.0",
+        "prettier": "^3.5.3",
+        "prettier-plugin-tailwindcss": "^0.6.11",
+        "turbo": "2.5.4"
+      }
+    },
+    "apps/docs": {
+      "version": "0.0.0",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@tabler/icons-react": "^3.31.0",
+        "@vercel/analytics": "1.5.0",
+        "@vercel/og": "^0.6.5",
+        "clsx": "^2.1.1",
+        "fumadocs-core": "^15.0.16",
+        "fumadocs-mdx": "^11.5.6",
+        "fumadocs-ui": "^15.0.16",
+        "lucide-react": "^0.511.0",
+        "next": "^15.3.2",
+        "next-themes": "^0.4.6",
+        "react": "19.1.0",
+        "react-dom": "19.1.0",
+        "tailwind-merge": "^3.0.2"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4.0.12",
+        "@types/mdx": "^2.0.13",
+        "@types/node": "^22.14.1",
+        "@types/react": "^19.1.2",
+        "@types/react-dom": "^19.0.4",
+        "dotenv-cli": "^8.0.0",
+        "postcss": "^8.5.3",
+        "tailwindcss": "^4.0.12",
+        "typescript": "^5.8.2"
+      }
+    },
+    "apps/docs/node_modules/tailwindcss": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
+      "integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "apps/sim": {
+      "version": "0.1.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@anthropic-ai/sdk": "^0.39.0",
+        "@aws-sdk/client-s3": "^3.779.0",
+        "@aws-sdk/s3-request-presigner": "^3.779.0",
+        "@azure/storage-blob": "12.27.0",
+        "@better-auth/stripe": "^1.2.9",
+        "@browserbasehq/stagehand": "^2.0.0",
+        "@cerebras/cerebras_cloud_sdk": "^1.23.0",
+        "@hookform/resolvers": "^4.1.3",
+        "@opentelemetry/api": "^1.9.0",
+        "@opentelemetry/exporter-collector": "^0.25.0",
+        "@opentelemetry/exporter-jaeger": "^2.0.0",
+        "@opentelemetry/exporter-trace-otlp-http": "^0.200.0",
+        "@opentelemetry/instrumentation-document-load": "^0.45.0",
+        "@opentelemetry/instrumentation-user-interaction": "^0.45.0",
+        "@opentelemetry/resources": "^2.0.0",
+        "@opentelemetry/sdk-node": "^0.200.0",
+        "@opentelemetry/sdk-trace-web": "^2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.32.0",
+        "@radix-ui/react-alert-dialog": "^1.1.5",
+        "@radix-ui/react-avatar": "1.1.10",
+        "@radix-ui/react-checkbox": "^1.1.3",
+        "@radix-ui/react-collapsible": "^1.1.3",
+        "@radix-ui/react-dialog": "^1.1.5",
+        "@radix-ui/react-dropdown-menu": "^2.1.4",
+        "@radix-ui/react-label": "^2.1.2",
+        "@radix-ui/react-popover": "^1.1.5",
+        "@radix-ui/react-progress": "^1.1.2",
+        "@radix-ui/react-radio-group": "^1.3.3",
+        "@radix-ui/react-scroll-area": "^1.2.2",
+        "@radix-ui/react-select": "^2.1.4",
+        "@radix-ui/react-separator": "^1.1.2",
+        "@radix-ui/react-slider": "^1.2.2",
+        "@radix-ui/react-slot": "1.2.2",
+        "@radix-ui/react-switch": "^1.1.2",
+        "@radix-ui/react-tabs": "^1.1.2",
+        "@radix-ui/react-toggle": "^1.1.2",
+        "@radix-ui/react-tooltip": "^1.1.6",
+        "@react-email/components": "^0.0.34",
+        "@sentry/nextjs": "^9.15.0",
+        "@types/three": "0.177.0",
+        "@vercel/og": "^0.6.5",
+        "@vercel/speed-insights": "^1.2.0",
+        "ai": "^4.3.2",
+        "better-auth": "^1.2.9",
+        "browser-image-compression": "^2.0.2",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.0.0",
+        "croner": "^9.0.0",
+        "csv-parse": "^5.6.0",
+        "csv-parser": "^3.2.0",
+        "dat.gui": "0.7.9",
+        "date-fns": "4.1.0",
+        "drizzle-orm": "^0.41.0",
+        "framer-motion": "^12.5.0",
+        "freestyle-sandboxes": "^0.0.38",
+        "groq-sdk": "^0.15.0",
+        "input-otp": "^1.4.2",
+        "ioredis": "^5.6.0",
+        "jose": "6.0.11",
+        "jwt-decode": "^4.0.0",
+        "lenis": "^1.2.3",
+        "lucide-react": "^0.479.0",
+        "mammoth": "^1.9.0",
+        "next": "^15.3.2",
+        "next-runtime-env": "3.3.0",
+        "next-themes": "^0.4.6",
+        "openai": "^4.91.1",
+        "pdf-parse": "^1.1.1",
+        "postgres": "^3.4.5",
+        "prismjs": "^1.30.0",
+        "react": "19.1.0",
+        "react-day-picker": "8.10.1",
+        "react-dom": "19.1.0",
+        "react-google-drive-picker": "^1.2.2",
+        "react-hook-form": "^7.54.2",
+        "react-markdown": "^10.1.0",
+        "react-simple-code-editor": "^0.14.1",
+        "reactflow": "^11.11.4",
+        "recharts": "2.15.3",
+        "resend": "^4.1.2",
+        "socket.io": "^4.8.1",
+        "stripe": "^17.7.0",
+        "tailwind-merge": "^2.6.0",
+        "tailwindcss-animate": "^1.0.7",
+        "three": "0.177.0",
+        "uuid": "^11.1.0",
+        "xlsx": "0.18.5",
+        "zod": "^3.24.2"
+      },
+      "devDependencies": {
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/react": "^16.3.0",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/jsdom": "21.1.7",
+        "@types/lodash": "^4.17.16",
+        "@types/node": "^22",
+        "@types/prismjs": "^1.26.5",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "@types/xlsx": "0.0.36",
+        "@vitejs/plugin-react": "^4.3.4",
+        "@vitest/coverage-v8": "^3.0.8",
+        "concurrently": "^9.1.0",
+        "critters": "^0.0.23",
+        "dotenv": "^16.4.7",
+        "drizzle-kit": "^0.31.1",
+        "jsdom": "^26.0.0",
+        "postcss": "^8",
+        "react-email": "^4.0.13",
+        "tailwindcss": "^3.4.1",
+        "typescript": "^5.7.3",
+        "vite-tsconfig-paths": "^5.1.4",
+        "vitest": "^3.0.8"
+      },
+      "engines": {
+        "bun": ">=1.2.13",
+        "node": ">=20.0.0"
+      }
+    },
+    "apps/sim/node_modules/lucide-react": {
+      "version": "0.479.0",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "apps/sim/node_modules/tailwind-merge": {
+      "version": "2.6.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@ai-sdk/anthropic": {
+      "version": "1.2.12",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/azure": {
+      "version": "1.3.23",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/openai": "1.3.22",
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/cerebras": {
+      "version": "0.2.14",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/openai-compatible": "0.2.14",
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/deepseek": {
+      "version": "0.2.14",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/openai-compatible": "0.2.14",
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/google": {
+      "version": "1.2.19",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/groq": {
+      "version": "1.2.9",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/mistral": {
+      "version": "1.2.8",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/openai": {
+      "version": "1.3.22",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/openai-compatible": {
+      "version": "0.2.14",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/perplexity": {
+      "version": "1.1.9",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/provider": {
+      "version": "1.1.3",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "json-schema": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@ai-sdk/provider-utils": {
+      "version": "2.2.8",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "nanoid": "^3.3.8",
+        "secure-json-parse": "^2.7.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.23.8"
+      }
+    },
+    "node_modules/@ai-sdk/react": {
+      "version": "1.2.12",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider-utils": "2.2.8",
+        "@ai-sdk/ui-utils": "1.2.11",
+        "swr": "^2.2.5",
+        "throttleit": "2.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "zod": "^3.23.8"
+      },
+      "peerDependenciesMeta": {
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@ai-sdk/togetherai": {
+      "version": "0.2.14",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/openai-compatible": "0.2.14",
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/ui-utils": {
+      "version": "1.2.11",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8",
+        "zod-to-json-schema": "^3.24.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.23.8"
+      }
+    },
+    "node_modules/@ai-sdk/xai": {
+      "version": "1.2.16",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/openai-compatible": "0.2.14",
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@anthropic-ai/sdk": {
+      "version": "0.39.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      }
+    },
+    "node_modules/@anthropic-ai/sdk/node_modules/@types/node": {
+      "version": "18.19.112",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@anthropic-ai/sdk/node_modules/@types/node/node_modules/undici-types": {
+      "version": "5.26.5",
+      "license": "MIT"
+    },
+    "node_modules/@anthropic-ai/sdk/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@anthropic-ai/sdk/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/@anthropic-ai/sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@anthropic-ai/sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/@ark/schema": {
+      "version": "0.46.0",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@ark/util": "0.46.0"
+      }
+    },
+    "node_modules/@ark/util": {
+      "version": "0.46.0",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "3.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.3",
+        "@csstools/css-color-parser": "^3.0.9",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@aws-crypto/crc32": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/crc32c": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-crypto/sha1-browser": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/supports-web-crypto": "^5.2.0",
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "@aws-sdk/util-locate-window": "^3.0.0",
+        "@smithy/util-utf8": "^2.0.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-crypto/sha1-browser/node_modules/@smithy/util-utf8": {
+      "version": "2.3.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-buffer-from": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/sha1-browser/node_modules/@smithy/util-utf8/node_modules/@smithy/util-buffer-from": {
+      "version": "2.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/sha1-browser/node_modules/@smithy/util-utf8/node_modules/@smithy/util-buffer-from/node_modules/@smithy/is-array-buffer": {
+      "version": "2.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-browser": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-js": "^5.2.0",
+        "@aws-crypto/supports-web-crypto": "^5.2.0",
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "@aws-sdk/util-locate-window": "^3.0.0",
+        "@smithy/util-utf8": "^2.0.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-utf8": {
+      "version": "2.3.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-buffer-from": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-utf8/node_modules/@smithy/util-buffer-from": {
+      "version": "2.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-browser/node_modules/@smithy/util-utf8/node_modules/@smithy/util-buffer-from/node_modules/@smithy/is-array-buffer": {
+      "version": "2.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-js": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/util": "^5.2.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/supports-web-crypto": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-crypto/util": {
+      "version": "5.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.222.0",
+        "@smithy/util-utf8": "^2.0.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-crypto/util/node_modules/@smithy/util-utf8": {
+      "version": "2.3.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-buffer-from": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/util/node_modules/@smithy/util-utf8/node_modules/@smithy/util-buffer-from": {
+      "version": "2.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^2.2.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-crypto/util/node_modules/@smithy/util-utf8/node_modules/@smithy/util-buffer-from/node_modules/@smithy/is-array-buffer": {
+      "version": "2.2.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-s3": {
+      "version": "3.832.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha1-browser": "5.2.0",
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/credential-provider-node": "3.830.0",
+        "@aws-sdk/middleware-bucket-endpoint": "3.830.0",
+        "@aws-sdk/middleware-expect-continue": "3.821.0",
+        "@aws-sdk/middleware-flexible-checksums": "3.826.0",
+        "@aws-sdk/middleware-host-header": "3.821.0",
+        "@aws-sdk/middleware-location-constraint": "3.821.0",
+        "@aws-sdk/middleware-logger": "3.821.0",
+        "@aws-sdk/middleware-recursion-detection": "3.821.0",
+        "@aws-sdk/middleware-sdk-s3": "3.826.0",
+        "@aws-sdk/middleware-ssec": "3.821.0",
+        "@aws-sdk/middleware-user-agent": "3.828.0",
+        "@aws-sdk/region-config-resolver": "3.821.0",
+        "@aws-sdk/signature-v4-multi-region": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-endpoints": "3.828.0",
+        "@aws-sdk/util-user-agent-browser": "3.821.0",
+        "@aws-sdk/util-user-agent-node": "3.828.0",
+        "@aws-sdk/xml-builder": "3.821.0",
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/core": "^3.5.3",
+        "@smithy/eventstream-serde-browser": "^4.0.4",
+        "@smithy/eventstream-serde-config-resolver": "^4.1.2",
+        "@smithy/eventstream-serde-node": "^4.0.4",
+        "@smithy/fetch-http-handler": "^5.0.4",
+        "@smithy/hash-blob-browser": "^4.0.4",
+        "@smithy/hash-node": "^4.0.4",
+        "@smithy/hash-stream-node": "^4.0.4",
+        "@smithy/invalid-dependency": "^4.0.4",
+        "@smithy/md5-js": "^4.0.4",
+        "@smithy/middleware-content-length": "^4.0.4",
+        "@smithy/middleware-endpoint": "^4.1.11",
+        "@smithy/middleware-retry": "^4.1.12",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/node-http-handler": "^4.0.6",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-body-length-node": "^4.0.0",
+        "@smithy/util-defaults-mode-browser": "^4.0.19",
+        "@smithy/util-defaults-mode-node": "^4.0.19",
+        "@smithy/util-endpoints": "^3.0.6",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.5",
+        "@smithy/util-stream": "^4.2.2",
+        "@smithy/util-utf8": "^4.0.0",
+        "@smithy/util-waiter": "^4.0.5",
+        "@types/uuid": "^9.0.1",
+        "tslib": "^2.6.2",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-s3/node_modules/uuid": {
+      "version": "9.0.1",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@aws-sdk/client-sso": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/middleware-host-header": "3.821.0",
+        "@aws-sdk/middleware-logger": "3.821.0",
+        "@aws-sdk/middleware-recursion-detection": "3.821.0",
+        "@aws-sdk/middleware-user-agent": "3.828.0",
+        "@aws-sdk/region-config-resolver": "3.821.0",
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-endpoints": "3.828.0",
+        "@aws-sdk/util-user-agent-browser": "3.821.0",
+        "@aws-sdk/util-user-agent-node": "3.828.0",
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/core": "^3.5.3",
+        "@smithy/fetch-http-handler": "^5.0.4",
+        "@smithy/hash-node": "^4.0.4",
+        "@smithy/invalid-dependency": "^4.0.4",
+        "@smithy/middleware-content-length": "^4.0.4",
+        "@smithy/middleware-endpoint": "^4.1.11",
+        "@smithy/middleware-retry": "^4.1.12",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/node-http-handler": "^4.0.6",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-body-length-node": "^4.0.0",
+        "@smithy/util-defaults-mode-browser": "^4.0.19",
+        "@smithy/util-defaults-mode-node": "^4.0.19",
+        "@smithy/util-endpoints": "^3.0.6",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.5",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/core": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/xml-builder": "3.821.0",
+        "@smithy/core": "^3.5.3",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/signature-v4": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-utf8": "^4.0.0",
+        "fast-xml-parser": "4.4.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-env": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-http": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/fetch-http-handler": "^5.0.4",
+        "@smithy/node-http-handler": "^4.0.6",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-stream": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-ini": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/credential-provider-env": "3.826.0",
+        "@aws-sdk/credential-provider-http": "3.826.0",
+        "@aws-sdk/credential-provider-process": "3.826.0",
+        "@aws-sdk/credential-provider-sso": "3.830.0",
+        "@aws-sdk/credential-provider-web-identity": "3.830.0",
+        "@aws-sdk/nested-clients": "3.830.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/credential-provider-imds": "^4.0.6",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-node": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "3.826.0",
+        "@aws-sdk/credential-provider-http": "3.826.0",
+        "@aws-sdk/credential-provider-ini": "3.830.0",
+        "@aws-sdk/credential-provider-process": "3.826.0",
+        "@aws-sdk/credential-provider-sso": "3.830.0",
+        "@aws-sdk/credential-provider-web-identity": "3.830.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/credential-provider-imds": "^4.0.6",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-process": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-sso": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/client-sso": "3.830.0",
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/token-providers": "3.830.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-web-identity": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/nested-clients": "3.830.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-bucket-endpoint": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-arn-parser": "3.804.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-config-provider": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-expect-continue": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-flexible-checksums": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/crc32": "5.2.0",
+        "@aws-crypto/crc32c": "5.2.0",
+        "@aws-crypto/util": "5.2.0",
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/is-array-buffer": "^4.0.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-stream": "^4.2.2",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-host-header": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-location-constraint": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-logger": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-recursion-detection": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-sdk-s3": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-arn-parser": "3.804.0",
+        "@smithy/core": "^3.5.3",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/signature-v4": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-config-provider": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-stream": "^4.2.2",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-ssec": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-user-agent": {
+      "version": "3.828.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-endpoints": "3.828.0",
+        "@smithy/core": "^3.5.3",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/nested-clients": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "5.2.0",
+        "@aws-crypto/sha256-js": "5.2.0",
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/middleware-host-header": "3.821.0",
+        "@aws-sdk/middleware-logger": "3.821.0",
+        "@aws-sdk/middleware-recursion-detection": "3.821.0",
+        "@aws-sdk/middleware-user-agent": "3.828.0",
+        "@aws-sdk/region-config-resolver": "3.821.0",
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-endpoints": "3.828.0",
+        "@aws-sdk/util-user-agent-browser": "3.821.0",
+        "@aws-sdk/util-user-agent-node": "3.828.0",
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/core": "^3.5.3",
+        "@smithy/fetch-http-handler": "^5.0.4",
+        "@smithy/hash-node": "^4.0.4",
+        "@smithy/invalid-dependency": "^4.0.4",
+        "@smithy/middleware-content-length": "^4.0.4",
+        "@smithy/middleware-endpoint": "^4.1.11",
+        "@smithy/middleware-retry": "^4.1.12",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/node-http-handler": "^4.0.6",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-body-length-node": "^4.0.0",
+        "@smithy/util-defaults-mode-browser": "^4.0.19",
+        "@smithy/util-defaults-mode-node": "^4.0.19",
+        "@smithy/util-endpoints": "^3.0.6",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.5",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/region-config-resolver": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-config-provider": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/s3-request-presigner": {
+      "version": "3.832.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/signature-v4-multi-region": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@aws-sdk/util-format-url": "3.821.0",
+        "@smithy/middleware-endpoint": "^4.1.11",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/signature-v4-multi-region": {
+      "version": "3.826.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/middleware-sdk-s3": "3.826.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/signature-v4": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/token-providers": {
+      "version": "3.830.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "3.826.0",
+        "@aws-sdk/nested-clients": "3.830.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/types": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-arn-parser": {
+      "version": "3.804.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-endpoints": {
+      "version": "3.828.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-endpoints": "^3.0.6",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-format-url": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/querystring-builder": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-locate-window": {
+      "version": "3.804.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-user-agent-browser": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/types": "^4.3.1",
+        "bowser": "^2.11.0",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/@aws-sdk/util-user-agent-node": {
+      "version": "3.828.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/middleware-user-agent": "3.828.0",
+        "@aws-sdk/types": "3.821.0",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "aws-crt": ">=1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "aws-crt": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@aws-sdk/xml-builder": {
+      "version": "3.821.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/abort-controller": {
+      "version": "2.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-auth": {
+      "version": "1.9.0",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@azure/core-util": "^1.11.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-client": {
+      "version": "1.9.4",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@azure/core-auth": "^1.4.0",
+        "@azure/core-rest-pipeline": "^1.20.0",
+        "@azure/core-tracing": "^1.0.0",
+        "@azure/core-util": "^1.6.1",
+        "@azure/logger": "^1.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-http-compat": {
+      "version": "2.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@azure/core-client": "^1.3.0",
+        "@azure/core-rest-pipeline": "^1.20.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-lro": {
+      "version": "2.7.2",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@azure/core-util": "^1.2.0",
+        "@azure/logger": "^1.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-paging": {
+      "version": "1.6.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-rest-pipeline": {
+      "version": "1.21.0",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@azure/core-auth": "^1.8.0",
+        "@azure/core-tracing": "^1.0.1",
+        "@azure/core-util": "^1.11.0",
+        "@azure/logger": "^1.0.0",
+        "@typespec/ts-http-runtime": "^0.2.3",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-tracing": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-util": {
+      "version": "1.12.0",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@typespec/ts-http-runtime": "^0.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-xml": {
+      "version": "1.4.5",
+      "license": "MIT",
+      "dependencies": {
+        "fast-xml-parser": "^5.0.7",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/core-xml/node_modules/fast-xml-parser": {
+      "version": "5.2.5",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "strnum": "^2.1.0"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/@azure/core-xml/node_modules/fast-xml-parser/node_modules/strnum": {
+      "version": "2.1.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@azure/logger": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@typespec/ts-http-runtime": "^0.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@azure/storage-blob": {
+      "version": "12.27.0",
+      "license": "MIT",
+      "dependencies": {
+        "@azure/abort-controller": "^2.1.2",
+        "@azure/core-auth": "^1.4.0",
+        "@azure/core-client": "^1.6.2",
+        "@azure/core-http-compat": "^2.0.0",
+        "@azure/core-lro": "^2.2.0",
+        "@azure/core-paging": "^1.1.1",
+        "@azure/core-rest-pipeline": "^1.10.1",
+        "@azure/core-tracing": "^1.1.2",
+        "@azure/core-util": "^1.6.1",
+        "@azure/core-xml": "^1.4.3",
+        "@azure/logger": "^1.0.0",
+        "events": "^3.0.0",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/js-tokens": {
+      "version": "4.0.0",
+      "license": "MIT"
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.27.5",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.27.4",
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.4",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.27.4",
+        "@babel/types": "^7.27.3",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.27.5",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.5",
+        "@babel/types": "^7.27.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache/node_modules/yallist": {
+      "version": "3.1.1",
+      "license": "ISC"
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.6",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.5",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.6",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.27.4",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.6",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@better-auth/stripe": {
+      "version": "1.2.10",
+      "license": "MIT",
+      "dependencies": {
+        "better-auth": "^1.2.10",
+        "zod": "^3.24.1"
+      }
+    },
+    "node_modules/@better-auth/utils": {
+      "version": "0.2.5",
+      "license": "MIT",
+      "dependencies": {
+        "typescript": "^5.8.2",
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/@better-fetch/fetch": {
+      "version": "1.1.18"
+    },
+    "node_modules/@biomejs/biome": {
+      "version": "2.0.0-beta.5",
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "bin": {
+        "biome": "bin/biome"
+      },
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/biome"
+      },
+      "optionalDependencies": {
+        "@biomejs/cli-darwin-arm64": "2.0.0-beta.5",
+        "@biomejs/cli-darwin-x64": "2.0.0-beta.5",
+        "@biomejs/cli-linux-arm64": "2.0.0-beta.5",
+        "@biomejs/cli-linux-arm64-musl": "2.0.0-beta.5",
+        "@biomejs/cli-linux-x64": "2.0.0-beta.5",
+        "@biomejs/cli-linux-x64-musl": "2.0.0-beta.5",
+        "@biomejs/cli-win32-arm64": "2.0.0-beta.5",
+        "@biomejs/cli-win32-x64": "2.0.0-beta.5"
+      }
+    },
+    "node_modules/@biomejs/cli-darwin-arm64": {
+      "version": "2.0.0-beta.5",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.21.3"
+      }
+    },
+    "node_modules/@browserbasehq/sdk": {
+      "version": "2.6.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      }
+    },
+    "node_modules/@browserbasehq/sdk/node_modules/@types/node": {
+      "version": "18.19.112",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@browserbasehq/sdk/node_modules/@types/node/node_modules/undici-types": {
+      "version": "5.26.5",
+      "license": "MIT"
+    },
+    "node_modules/@browserbasehq/sdk/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@browserbasehq/sdk/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/@browserbasehq/sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@browserbasehq/sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/@browserbasehq/stagehand": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "dependencies": {
+        "@anthropic-ai/sdk": "0.39.0",
+        "@browserbasehq/sdk": "^2.4.0",
+        "@google/genai": "^0.8.0",
+        "ai": "^4.3.9",
+        "devtools-protocol": "^0.0.1464554",
+        "fetch-cookie": "^3.1.0",
+        "openai": "^4.87.1",
+        "pino": "^9.6.0",
+        "pino-pretty": "^13.0.0",
+        "playwright": "^1.52.0",
+        "ws": "^8.18.0",
+        "zod-to-json-schema": "^3.23.5"
+      },
+      "optionalDependencies": {
+        "@ai-sdk/anthropic": "^1.2.6",
+        "@ai-sdk/azure": "^1.3.19",
+        "@ai-sdk/cerebras": "^0.2.6",
+        "@ai-sdk/deepseek": "^0.2.13",
+        "@ai-sdk/google": "^1.2.6",
+        "@ai-sdk/groq": "^1.2.4",
+        "@ai-sdk/mistral": "^1.2.7",
+        "@ai-sdk/openai": "^1.0.14",
+        "@ai-sdk/perplexity": "^1.1.7",
+        "@ai-sdk/togetherai": "^0.2.6",
+        "@ai-sdk/xai": "^1.2.15",
+        "ollama-ai-provider": "^1.2.0"
+      },
+      "peerDependencies": {
+        "@playwright/test": "^1.42.1",
+        "deepmerge": "^4.3.1",
+        "dotenv": "^16.4.5",
+        "zod": "^3.23.8"
+      }
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk": {
+      "version": "1.35.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      }
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk/node_modules/@types/node": {
+      "version": "18.19.112",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk/node_modules/@types/node/node_modules/undici-types": {
+      "version": "5.26.5",
+      "license": "MIT"
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@cerebras/cerebras_cloud_sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.0.2",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.0.10",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.0.2",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@dimforge/rapier3d-compat": {
+      "version": "0.12.0",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@drizzle-team/brocli": {
+      "version": "0.10.2",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@esbuild-kit/core-utils": {
+      "version": "3.3.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.18.20",
+        "source-map-support": "^0.5.21"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/esbuild": {
+      "version": "0.18.20",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
+      }
+    },
+    "node_modules/@esbuild-kit/core-utils/node_modules/esbuild/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild-kit/esm-loader": {
+      "version": "2.6.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@esbuild-kit/core-utils": "^3.3.2",
+        "get-tsconfig": "^4.7.0"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.5",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.1",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.1",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.1",
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.3",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.9",
+      "license": "MIT"
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.6.1",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@google/genai": {
+      "version": "0.8.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "google-auth-library": "^9.14.2",
+        "ws": "^8.18.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@graphql-typed-document-node/core": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "peerDependencies": {
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+      }
+    },
+    "node_modules/@grpc/grpc-js": {
+      "version": "1.13.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@grpc/proto-loader": "^0.7.13",
+        "@js-sdsl/ordered-map": "^4.4.2"
+      },
+      "engines": {
+        "node": ">=12.10.0"
+      }
+    },
+    "node_modules/@grpc/proto-loader": {
+      "version": "0.7.15",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "lodash.camelcase": "^4.3.0",
+        "long": "^5.0.0",
+        "protobufjs": "^7.2.5",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "proto-loader-gen-types": "build/bin/proto-loader-gen-types.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@grpc/proto-loader/node_modules/long": {
+      "version": "5.3.2",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@hexagon/base64": {
+      "version": "1.1.28",
+      "license": "MIT"
+    },
+    "node_modules/@hey-api/client-fetch": {
+      "version": "0.5.7",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/hey-api"
+      }
+    },
+    "node_modules/@hookform/resolvers": {
+      "version": "4.1.3",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/utils": "^0.3.0"
+      },
+      "peerDependencies": {
+        "react-hook-form": "^7.0.0"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.2",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.1.0",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@ioredis/commands": {
+      "version": "1.2.0",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "26.6.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^15.0.0",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 10.14.2"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.6",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@js-sdsl/ordered-map": {
+      "version": "4.4.2",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/js-sdsl"
+      }
+    },
+    "node_modules/@levischuck/tiny-cbor": {
+      "version": "0.2.11",
+      "license": "MIT"
+    },
+    "node_modules/@linear/sdk": {
+      "version": "40.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@graphql-typed-document-node/core": "^3.1.0",
+        "graphql": "^15.4.0",
+        "isomorphic-unfetch": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12.x",
+        "yarn": "1.x"
+      }
+    },
+    "node_modules/@mdx-js/mdx": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdx": "^2.0.0",
+        "collapse-white-space": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "estree-util-scope": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "markdown-extensions": "^2.0.0",
+        "recma-build-jsx": "^1.0.0",
+        "recma-jsx": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "rehype-recma": "^1.0.0",
+        "remark-mdx": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "source-map": "^0.7.0",
+        "unified": "^11.0.0",
+        "unist-util-position-from-estree": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.3.4",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.3.4",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@noble/ciphers": {
+      "version": "0.6.0",
+      "license": "MIT",
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@opentelemetry/api": {
+      "version": "1.9.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/api-logs": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/api-metrics": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/context-async-hooks": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/core": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "0.25.0",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=8.5.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-collector": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-metrics": "0.25.0",
+        "@opentelemetry/core": "0.25.0",
+        "@opentelemetry/resources": "0.25.0",
+        "@opentelemetry/sdk-metrics-base": "0.25.0",
+        "@opentelemetry/sdk-trace-base": "0.25.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-collector/node_modules/@opentelemetry/resources": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "0.25.0",
+        "@opentelemetry/semantic-conventions": "0.25.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-collector/node_modules/@opentelemetry/resources/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-jaeger": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.1",
+        "@opentelemetry/sdk-trace-base": "2.0.1",
+        "@opentelemetry/semantic-conventions": "^1.29.0",
+        "jaeger-client": "^3.15.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-jaeger/node_modules/@opentelemetry/core": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-jaeger/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.1",
+        "@opentelemetry/resources": "2.0.1",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-grpc": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@grpc/grpc-js": "^1.7.1",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-grpc-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/sdk-logs": "0.200.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-grpc/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-http": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.200.0",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/sdk-logs": "0.200.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-http/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-proto": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.200.0",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-logs": "0.200.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-proto/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-proto/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-logs-otlp-proto/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-grpc": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@grpc/grpc-js": "^1.7.1",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/exporter-metrics-otlp-http": "0.200.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-grpc-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-metrics": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-grpc/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-grpc/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-http": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-metrics": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-http/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-http/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-proto": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/exporter-metrics-otlp-http": "0.200.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-metrics": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-proto/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-metrics-otlp-proto/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-prometheus": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-metrics": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-prometheus/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-prometheus/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-grpc": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@grpc/grpc-js": "^1.7.1",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-grpc-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-http": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-http/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-http/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-http/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-proto": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-proto/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-proto/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-proto/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-zipkin": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-zipkin/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-zipkin/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-zipkin/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.200.0",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-amqplib": {
+      "version": "0.46.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-amqplib/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-amqplib/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-amqplib/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-amqplib/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-connect": {
+      "version": "0.43.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0",
+        "@types/connect": "3.4.38"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-connect/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-connect/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-connect/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-connect/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dataloader": {
+      "version": "0.16.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dataloader/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dataloader/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-document-load": {
+      "version": "0.45.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^2.0.0",
+        "@opentelemetry/instrumentation": "^0.200.0",
+        "@opentelemetry/sdk-trace-web": "^2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-document-load/node_modules/@opentelemetry/core": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-express": {
+      "version": "0.47.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-express/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-express/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-express/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-express/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fs": {
+      "version": "0.19.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fs/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fs/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fs/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fs/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-generic-pool": {
+      "version": "0.43.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-generic-pool/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-generic-pool/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-graphql": {
+      "version": "0.47.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-graphql/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-graphql/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-hapi": {
+      "version": "0.45.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-hapi/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-hapi/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-hapi/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-hapi/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "1.30.1",
+        "@opentelemetry/instrumentation": "0.57.2",
+        "@opentelemetry/semantic-conventions": "1.28.0",
+        "forwarded-parse": "2.1.2",
+        "semver": "^7.5.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-ioredis": {
+      "version": "0.47.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/redis-common": "^0.36.2",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-ioredis/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-ioredis/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-kafkajs": {
+      "version": "0.7.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-kafkajs/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-kafkajs/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-knex": {
+      "version": "0.44.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-knex/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-knex/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-koa": {
+      "version": "0.47.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-koa/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-koa/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-koa/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-koa/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-lru-memoizer": {
+      "version": "0.44.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-lru-memoizer/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-lru-memoizer/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongodb": {
+      "version": "0.52.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongodb/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongodb/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongoose": {
+      "version": "0.46.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongoose/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongoose/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongoose/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongoose/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql": {
+      "version": "0.45.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0",
+        "@types/mysql": "2.15.26"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql2": {
+      "version": "0.45.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0",
+        "@opentelemetry/sql-common": "^0.40.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql2/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql2/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pg": {
+      "version": "0.51.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.26.0",
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0",
+        "@opentelemetry/sql-common": "^0.40.1",
+        "@types/pg": "8.6.1",
+        "@types/pg-pool": "2.0.6"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pg/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pg/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pg/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pg/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-redis-4": {
+      "version": "0.46.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/redis-common": "^0.36.2",
+        "@opentelemetry/semantic-conventions": "^1.27.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-redis-4/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-redis-4/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-tedious": {
+      "version": "0.18.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.57.1",
+        "@opentelemetry/semantic-conventions": "^1.27.0",
+        "@types/tedious": "^4.0.14"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-tedious/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-tedious/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-undici": {
+      "version": "0.10.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.57.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.7.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-undici/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-undici/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-undici/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-undici/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-user-interaction": {
+      "version": "0.45.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^2.0.0",
+        "@opentelemetry/instrumentation": "^0.200.0",
+        "@opentelemetry/sdk-trace-web": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0",
+        "zone.js": "^0.11.4 || ^0.13.0 || ^0.14.0 || ^0.15.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-user-interaction/node_modules/@opentelemetry/core": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-exporter-base": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-transformer": "0.200.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-exporter-base/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-grpc-exporter-base": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@grpc/grpc-js": "^1.7.1",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/otlp-exporter-base": "0.200.0",
+        "@opentelemetry/otlp-transformer": "0.200.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-grpc-exporter-base/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-transformer": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.200.0",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-logs": "0.200.0",
+        "@opentelemetry/sdk-metrics": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0",
+        "protobufjs": "^7.3.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-transformer/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-b3": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-b3/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-jaeger": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-jaeger/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/redis-common": {
+      "version": "0.36.2",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/resources": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.1",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/resources/node_modules/@opentelemetry/core": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-logs": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.200.0",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.4.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-logs/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-logs/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.9.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics-base": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-metrics": "0.25.0",
+        "@opentelemetry/core": "0.25.0",
+        "@opentelemetry/resources": "0.25.0",
+        "lodash.merge": "^4.6.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics-base/node_modules/@opentelemetry/resources": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "0.25.0",
+        "@opentelemetry/semantic-conventions": "0.25.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics-base/node_modules/@opentelemetry/resources/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-node": {
+      "version": "0.200.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.200.0",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/exporter-logs-otlp-grpc": "0.200.0",
+        "@opentelemetry/exporter-logs-otlp-http": "0.200.0",
+        "@opentelemetry/exporter-logs-otlp-proto": "0.200.0",
+        "@opentelemetry/exporter-metrics-otlp-grpc": "0.200.0",
+        "@opentelemetry/exporter-metrics-otlp-http": "0.200.0",
+        "@opentelemetry/exporter-metrics-otlp-proto": "0.200.0",
+        "@opentelemetry/exporter-prometheus": "0.200.0",
+        "@opentelemetry/exporter-trace-otlp-grpc": "0.200.0",
+        "@opentelemetry/exporter-trace-otlp-http": "0.200.0",
+        "@opentelemetry/exporter-trace-otlp-proto": "0.200.0",
+        "@opentelemetry/exporter-zipkin": "2.0.0",
+        "@opentelemetry/instrumentation": "0.200.0",
+        "@opentelemetry/propagator-b3": "2.0.0",
+        "@opentelemetry/propagator-jaeger": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/sdk-logs": "0.200.0",
+        "@opentelemetry/sdk-metrics": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0",
+        "@opentelemetry/sdk-trace-node": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-node/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-node/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-node/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "0.25.0",
+        "@opentelemetry/resources": "0.25.0",
+        "@opentelemetry/semantic-conventions": "0.25.0",
+        "lodash.merge": "^4.6.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-base/node_modules/@opentelemetry/resources": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "0.25.0",
+        "@opentelemetry/semantic-conventions": "0.25.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.2"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-base/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "0.25.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/context-async-hooks": "2.0.0",
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/sdk-trace-base": "2.0.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node/node_modules/@opentelemetry/core": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/resources": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node/node_modules/@opentelemetry/sdk-trace-base/node_modules/@opentelemetry/resources": {
+      "version": "2.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-web": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.1",
+        "@opentelemetry/sdk-trace-base": "2.0.1"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-web/node_modules/@opentelemetry/core": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-web/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "2.0.1",
+        "@opentelemetry/resources": "2.0.1",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.34.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/sql-common": {
+      "version": "0.40.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0"
+      }
+    },
+    "node_modules/@opentelemetry/sql-common/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@opentelemetry/sql-common/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@orama/orama": {
+      "version": "3.1.7",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 20.0.0"
+      }
+    },
+    "node_modules/@peculiar/asn1-android": {
+      "version": "2.3.16",
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.3.15",
+        "asn1js": "^3.0.5",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-ecc": {
+      "version": "2.3.15",
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.3.15",
+        "@peculiar/asn1-x509": "^2.3.15",
+        "asn1js": "^3.0.5",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-rsa": {
+      "version": "2.3.15",
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.3.15",
+        "@peculiar/asn1-x509": "^2.3.15",
+        "asn1js": "^3.0.5",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-schema": {
+      "version": "2.3.15",
+      "license": "MIT",
+      "dependencies": {
+        "asn1js": "^3.0.5",
+        "pvtsutils": "^1.3.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@peculiar/asn1-x509": {
+      "version": "2.3.15",
+      "license": "MIT",
+      "dependencies": {
+        "@peculiar/asn1-schema": "^2.3.15",
+        "asn1js": "^3.0.5",
+        "pvtsutils": "^1.3.6",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.53.1",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "playwright": "1.53.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@prisma/instrumentation": {
+      "version": "6.8.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.52.0 || ^0.53.0 || ^0.54.0 || ^0.55.0 || ^0.56.0 || ^0.57.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.8"
+      }
+    },
+    "node_modules/@prisma/instrumentation/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@prisma/instrumentation/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/base64": {
+      "version": "1.1.2",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/codegen": {
+      "version": "2.0.4",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/eventemitter": {
+      "version": "1.1.0",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/fetch": {
+      "version": "1.1.0",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.1",
+        "@protobufjs/inquire": "^1.1.0"
+      }
+    },
+    "node_modules/@protobufjs/float": {
+      "version": "1.0.2",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/inquire": {
+      "version": "1.1.0",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/path": {
+      "version": "1.1.2",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/pool": {
+      "version": "1.1.0",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@protobufjs/utf8": {
+      "version": "1.1.0",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.1",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.2",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-accordion": {
+      "version": "1.2.11",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collapsible": "1.1.11",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.14",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dialog": "1.1.14",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.10",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-is-hydrated": "0.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.1.11",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.14",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.10",
+        "@radix-ui/react-focus-guards": "1.1.2",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.10",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.15",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-menu": "2.1.15",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.15",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.10",
+        "@radix-ui/react-focus-guards": "1.1.2",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.7",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.10",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu": {
+      "version": "1.2.13",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.10",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.14",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.10",
+        "@radix-ui/react-focus-guards": "1.1.2",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.7",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.7",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-rect": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1",
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.9",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.4",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group": {
+      "version": "1.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.10",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.9",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.2.5",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.10",
+        "@radix-ui/react-focus-guards": "1.1.2",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.7",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.3",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slider": {
+      "version": "1.3.5",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.2",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.2.5",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.12",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle": {
+      "version": "1.1.9",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.7",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.10",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.7",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-visually-hidden": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.1",
+      "license": "MIT"
+    },
+    "node_modules/@react-email/body": {
+      "version": "0.0.11",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/button": {
+      "version": "0.0.19",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/code-block": {
+      "version": "0.0.11",
+      "license": "MIT",
+      "dependencies": {
+        "prismjs": "1.29.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/code-block/node_modules/prismjs": {
+      "version": "1.29.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@react-email/code-inline": {
+      "version": "0.0.5",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/column": {
+      "version": "0.0.13",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/components": {
+      "version": "0.0.34",
+      "license": "MIT",
+      "dependencies": {
+        "@react-email/body": "0.0.11",
+        "@react-email/button": "0.0.19",
+        "@react-email/code-block": "0.0.11",
+        "@react-email/code-inline": "0.0.5",
+        "@react-email/column": "0.0.13",
+        "@react-email/container": "0.0.15",
+        "@react-email/font": "0.0.9",
+        "@react-email/head": "0.0.12",
+        "@react-email/heading": "0.0.15",
+        "@react-email/hr": "0.0.11",
+        "@react-email/html": "0.0.11",
+        "@react-email/img": "0.0.11",
+        "@react-email/link": "0.0.12",
+        "@react-email/markdown": "0.0.14",
+        "@react-email/preview": "0.0.12",
+        "@react-email/render": "1.0.5",
+        "@react-email/row": "0.0.12",
+        "@react-email/section": "0.0.16",
+        "@react-email/tailwind": "1.0.4",
+        "@react-email/text": "0.1.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/container": {
+      "version": "0.0.15",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/font": {
+      "version": "0.0.9",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/head": {
+      "version": "0.0.12",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/heading": {
+      "version": "0.0.15",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/hr": {
+      "version": "0.0.11",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/html": {
+      "version": "0.0.11",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/img": {
+      "version": "0.0.11",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/link": {
+      "version": "0.0.12",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/markdown": {
+      "version": "0.0.14",
+      "license": "MIT",
+      "dependencies": {
+        "md-to-react-email": "5.0.5"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/preview": {
+      "version": "0.0.12",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/render": {
+      "version": "1.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "html-to-text": "9.0.5",
+        "prettier": "3.4.2",
+        "react-promise-suspense": "0.3.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/render/node_modules/prettier": {
+      "version": "3.4.2",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/@react-email/row": {
+      "version": "0.0.12",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/section": {
+      "version": "0.0.16",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/tailwind": {
+      "version": "1.0.4",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@react-email/text": {
+      "version": "0.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@reactflow/background": {
+      "version": "11.3.14",
+      "license": "MIT",
+      "dependencies": {
+        "@reactflow/core": "11.11.4",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/controls": {
+      "version": "11.2.14",
+      "license": "MIT",
+      "dependencies": {
+        "@reactflow/core": "11.11.4",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/core": {
+      "version": "11.11.4",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3": "^7.4.0",
+        "@types/d3-drag": "^3.0.1",
+        "@types/d3-selection": "^3.0.3",
+        "@types/d3-zoom": "^3.0.1",
+        "classcat": "^5.0.3",
+        "d3-drag": "^3.0.0",
+        "d3-selection": "^3.0.0",
+        "d3-zoom": "^3.0.0",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/minimap": {
+      "version": "11.7.14",
+      "license": "MIT",
+      "dependencies": {
+        "@reactflow/core": "11.11.4",
+        "@types/d3-selection": "^3.0.3",
+        "@types/d3-zoom": "^3.0.1",
+        "classcat": "^5.0.3",
+        "d3-selection": "^3.0.0",
+        "d3-zoom": "^3.0.0",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/node-resizer": {
+      "version": "2.2.14",
+      "license": "MIT",
+      "dependencies": {
+        "@reactflow/core": "11.11.4",
+        "classcat": "^5.0.4",
+        "d3-drag": "^3.0.0",
+        "d3-selection": "^3.0.0",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@reactflow/node-toolbar": {
+      "version": "1.3.14",
+      "license": "MIT",
+      "dependencies": {
+        "@reactflow/core": "11.11.4",
+        "classcat": "^5.0.3",
+        "zustand": "^4.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/@resvg/resvg-wasm": {
+      "version": "2.4.0",
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.11",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-commonjs": {
+      "version": "28.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "commondir": "^1.0.1",
+        "estree-walker": "^2.0.2",
+        "fdir": "^6.2.0",
+        "is-reference": "1.2.1",
+        "magic-string": "^0.30.3",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0 || 14 >= 14.17"
+      },
+      "peerDependencies": {
+        "rollup": "^2.68.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-commonjs/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.35.0",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@selderee/plugin-htmlparser2": {
+      "version": "0.11.0",
+      "license": "MIT",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "selderee": "^0.11.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
+    "node_modules/@sentry-internal/browser-utils": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry-internal/feedback": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry-internal/replay": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry-internal/browser-utils": "9.30.0",
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry-internal/replay-canvas": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry-internal/replay": "9.30.0",
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry/babel-plugin-component-annotate": {
+      "version": "3.5.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@sentry/browser": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry-internal/browser-utils": "9.30.0",
+        "@sentry-internal/feedback": "9.30.0",
+        "@sentry-internal/replay": "9.30.0",
+        "@sentry-internal/replay-canvas": "9.30.0",
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core": {
+      "version": "3.5.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.18.5",
+        "@sentry/babel-plugin-component-annotate": "3.5.0",
+        "@sentry/cli": "2.42.2",
+        "dotenv": "^16.3.1",
+        "find-up": "^5.0.0",
+        "glob": "^9.3.2",
+        "magic-string": "0.30.8",
+        "unplugin": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/glob": {
+      "version": "9.3.5",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "minimatch": "^8.0.2",
+        "minipass": "^4.2.4",
+        "path-scurry": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/glob/node_modules/minimatch": {
+      "version": "8.0.4",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/glob/node_modules/minipass": {
+      "version": "4.2.8",
+      "license": "ISC",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/glob/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/glob/node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "license": "ISC"
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/glob/node_modules/path-scurry/node_modules/minipass": {
+      "version": "7.1.2",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/@sentry/bundler-plugin-core/node_modules/magic-string": {
+      "version": "0.30.8",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@sentry/cli": {
+      "version": "2.42.2",
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.7",
+        "progress": "^2.0.3",
+        "proxy-from-env": "^1.1.0",
+        "which": "^2.0.2"
+      },
+      "bin": {
+        "sentry-cli": "bin/sentry-cli"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@sentry/cli-darwin": "2.42.2",
+        "@sentry/cli-linux-arm": "2.42.2",
+        "@sentry/cli-linux-arm64": "2.42.2",
+        "@sentry/cli-linux-i686": "2.42.2",
+        "@sentry/cli-linux-x64": "2.42.2",
+        "@sentry/cli-win32-i686": "2.42.2",
+        "@sentry/cli-win32-x64": "2.42.2"
+      }
+    },
+    "node_modules/@sentry/cli-darwin": {
+      "version": "2.42.2",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@sentry/cli/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@sentry/cli/node_modules/https-proxy-agent/node_modules/agent-base": {
+      "version": "6.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/@sentry/cli/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@sentry/cli/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/@sentry/cli/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@sentry/cli/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/@sentry/core": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry/nextjs": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@opentelemetry/api": "^1.9.0",
+        "@opentelemetry/semantic-conventions": "^1.34.0",
+        "@rollup/plugin-commonjs": "28.0.1",
+        "@sentry-internal/browser-utils": "9.30.0",
+        "@sentry/core": "9.30.0",
+        "@sentry/node": "9.30.0",
+        "@sentry/opentelemetry": "9.30.0",
+        "@sentry/react": "9.30.0",
+        "@sentry/vercel-edge": "9.30.0",
+        "@sentry/webpack-plugin": "3.5.0",
+        "chalk": "3.0.0",
+        "resolve": "1.22.8",
+        "rollup": "4.35.0",
+        "stacktrace-parser": "^0.1.10"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "next": "^13.2.0 || ^14.0 || ^15.0.0-rc.0"
+      }
+    },
+    "node_modules/@sentry/nextjs/node_modules/chalk": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry/nextjs/node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry/nextjs/node_modules/resolve": {
+      "version": "1.22.8",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/@sentry/node": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@opentelemetry/api": "^1.9.0",
+        "@opentelemetry/context-async-hooks": "^1.30.1",
+        "@opentelemetry/core": "^1.30.1",
+        "@opentelemetry/instrumentation": "^0.57.2",
+        "@opentelemetry/instrumentation-amqplib": "^0.46.1",
+        "@opentelemetry/instrumentation-connect": "0.43.1",
+        "@opentelemetry/instrumentation-dataloader": "0.16.1",
+        "@opentelemetry/instrumentation-express": "0.47.1",
+        "@opentelemetry/instrumentation-fs": "0.19.1",
+        "@opentelemetry/instrumentation-generic-pool": "0.43.1",
+        "@opentelemetry/instrumentation-graphql": "0.47.1",
+        "@opentelemetry/instrumentation-hapi": "0.45.2",
+        "@opentelemetry/instrumentation-http": "0.57.2",
+        "@opentelemetry/instrumentation-ioredis": "0.47.1",
+        "@opentelemetry/instrumentation-kafkajs": "0.7.1",
+        "@opentelemetry/instrumentation-knex": "0.44.1",
+        "@opentelemetry/instrumentation-koa": "0.47.1",
+        "@opentelemetry/instrumentation-lru-memoizer": "0.44.1",
+        "@opentelemetry/instrumentation-mongodb": "0.52.0",
+        "@opentelemetry/instrumentation-mongoose": "0.46.1",
+        "@opentelemetry/instrumentation-mysql": "0.45.1",
+        "@opentelemetry/instrumentation-mysql2": "0.45.2",
+        "@opentelemetry/instrumentation-pg": "0.51.1",
+        "@opentelemetry/instrumentation-redis-4": "0.46.1",
+        "@opentelemetry/instrumentation-tedious": "0.18.1",
+        "@opentelemetry/instrumentation-undici": "0.10.1",
+        "@opentelemetry/resources": "^1.30.1",
+        "@opentelemetry/sdk-trace-base": "^1.30.1",
+        "@opentelemetry/semantic-conventions": "^1.34.0",
+        "@prisma/instrumentation": "6.8.2",
+        "@sentry/core": "9.30.0",
+        "@sentry/opentelemetry": "9.30.0",
+        "import-in-the-middle": "^1.13.1",
+        "minimatch": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/context-async-hooks": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/core": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/core/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/instrumentation": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.57.2",
+        "@types/shimmer": "^1.2.0",
+        "import-in-the-middle": "^1.8.1",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.2",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/instrumentation/node_modules/@opentelemetry/api-logs": {
+      "version": "0.57.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/resources": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "1.30.1",
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/resources/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "1.30.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@opentelemetry/core": "1.30.1",
+        "@opentelemetry/resources": "1.30.1",
+        "@opentelemetry/semantic-conventions": "1.28.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@opentelemetry/sdk-trace-base/node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.28.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@sentry/opentelemetry": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.9.0",
+        "@opentelemetry/context-async-hooks": "^1.30.1 || ^2.0.0",
+        "@opentelemetry/core": "^1.30.1 || ^2.0.0",
+        "@opentelemetry/instrumentation": "^0.57.1 || ^0.200.0",
+        "@opentelemetry/sdk-trace-base": "^1.30.1 || ^2.0.0",
+        "@opentelemetry/semantic-conventions": "^1.34.0"
+      }
+    },
+    "node_modules/@sentry/opentelemetry/node_modules/@opentelemetry/core": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.10.0"
+      }
+    },
+    "node_modules/@sentry/opentelemetry/node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "2.0.1",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@opentelemetry/core": "2.0.1",
+        "@opentelemetry/resources": "2.0.1",
+        "@opentelemetry/semantic-conventions": "^1.29.0"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.6.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.10.0"
+      }
+    },
+    "node_modules/@sentry/react": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry/browser": "9.30.0",
+        "@sentry/core": "9.30.0",
+        "hoist-non-react-statics": "^3.3.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": "^16.14.0 || 17.x || 18.x || 19.x"
+      }
+    },
+    "node_modules/@sentry/vercel-edge": {
+      "version": "9.30.0",
+      "license": "MIT",
+      "dependencies": {
+        "@opentelemetry/api": "^1.9.0",
+        "@sentry/core": "9.30.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry/webpack-plugin": {
+      "version": "3.5.0",
+      "license": "MIT",
+      "dependencies": {
+        "@sentry/bundler-plugin-core": "3.5.0",
+        "unplugin": "1.0.1",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "webpack": ">=4.40.0"
+      }
+    },
+    "node_modules/@sentry/webpack-plugin/node_modules/uuid": {
+      "version": "9.0.1",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@shikijs/core": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.7.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4",
+        "hast-util-to-html": "^9.0.5"
+      }
+    },
+    "node_modules/@shikijs/engine-javascript": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.7.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.3"
+      }
+    },
+    "node_modules/@shikijs/engine-oniguruma": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.7.0",
+        "@shikijs/vscode-textmate": "^10.0.2"
+      }
+    },
+    "node_modules/@shikijs/langs": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.7.0"
+      }
+    },
+    "node_modules/@shikijs/rehype": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.7.0",
+        "@types/hast": "^3.0.4",
+        "hast-util-to-string": "^3.0.1",
+        "shiki": "3.7.0",
+        "unified": "^11.0.5",
+        "unist-util-visit": "^5.0.0"
+      }
+    },
+    "node_modules/@shikijs/themes": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.7.0"
+      }
+    },
+    "node_modules/@shikijs/transformers": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "3.7.0",
+        "@shikijs/types": "3.7.0"
+      }
+    },
+    "node_modules/@shikijs/types": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/@shikijs/vscode-textmate": {
+      "version": "10.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@shuding/opentype.js": {
+      "version": "1.4.0-beta.0",
+      "license": "MIT",
+      "dependencies": {
+        "fflate": "^0.7.3",
+        "string.prototype.codepointat": "^0.2.1"
+      },
+      "bin": {
+        "ot": "bin/ot"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/@shuding/opentype.js/node_modules/fflate": {
+      "version": "0.7.4",
+      "license": "MIT"
+    },
+    "node_modules/@simplewebauthn/browser": {
+      "version": "13.1.0",
+      "license": "MIT"
+    },
+    "node_modules/@simplewebauthn/server": {
+      "version": "13.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@hexagon/base64": "^1.1.27",
+        "@levischuck/tiny-cbor": "^0.2.2",
+        "@peculiar/asn1-android": "^2.3.10",
+        "@peculiar/asn1-ecc": "^2.3.8",
+        "@peculiar/asn1-rsa": "^2.3.8",
+        "@peculiar/asn1-schema": "^2.3.8",
+        "@peculiar/asn1-x509": "^2.3.8"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@smithy/abort-controller": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/chunked-blob-reader": {
+      "version": "5.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/chunked-blob-reader-native": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-base64": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/config-resolver": {
+      "version": "4.1.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-config-provider": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/core": {
+      "version": "3.5.3",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-body-length-browser": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-stream": "^4.2.2",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/credential-provider-imds": {
+      "version": "4.0.6",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/eventstream-codec": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-crypto/crc32": "5.2.0",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-hex-encoding": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/eventstream-serde-browser": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/eventstream-serde-universal": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/eventstream-serde-config-resolver": {
+      "version": "4.1.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/eventstream-serde-node": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/eventstream-serde-universal": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/eventstream-serde-universal": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/eventstream-codec": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/fetch-http-handler": {
+      "version": "5.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/querystring-builder": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-base64": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/hash-blob-browser": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/chunked-blob-reader": "^5.0.0",
+        "@smithy/chunked-blob-reader-native": "^4.0.0",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/hash-node": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-buffer-from": "^4.0.0",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/hash-stream-node": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/invalid-dependency": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/is-array-buffer": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/md5-js": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-content-length": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-endpoint": {
+      "version": "4.1.11",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.5.3",
+        "@smithy/middleware-serde": "^4.0.8",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "@smithy/url-parser": "^4.0.4",
+        "@smithy/util-middleware": "^4.0.4",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-retry": {
+      "version": "4.1.12",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/service-error-classification": "^4.0.5",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-retry": "^4.0.5",
+        "tslib": "^2.6.2",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-retry/node_modules/uuid": {
+      "version": "9.0.1",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@smithy/middleware-serde": {
+      "version": "4.0.8",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-stack": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/node-config-provider": {
+      "version": "4.1.3",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/shared-ini-file-loader": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/node-http-handler": {
+      "version": "4.0.6",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/abort-controller": "^4.0.4",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/querystring-builder": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/property-provider": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/protocol-http": {
+      "version": "5.1.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/querystring-builder": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-uri-escape": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/querystring-parser": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/service-error-classification": {
+      "version": "4.0.5",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/shared-ini-file-loader": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/signature-v4": {
+      "version": "5.1.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^4.0.0",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-hex-encoding": "^4.0.0",
+        "@smithy/util-middleware": "^4.0.4",
+        "@smithy/util-uri-escape": "^4.0.0",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/smithy-client": {
+      "version": "4.4.3",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.5.3",
+        "@smithy/middleware-endpoint": "^4.1.11",
+        "@smithy/middleware-stack": "^4.0.4",
+        "@smithy/protocol-http": "^5.1.2",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-stream": "^4.2.2",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/types": {
+      "version": "4.3.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/url-parser": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/querystring-parser": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-base64": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-buffer-from": "^4.0.0",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-body-length-browser": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-body-length-node": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-buffer-from": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/is-array-buffer": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-config-provider": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-defaults-mode-browser": {
+      "version": "4.0.19",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "bowser": "^2.11.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-defaults-mode-node": {
+      "version": "4.0.19",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/config-resolver": "^4.1.4",
+        "@smithy/credential-provider-imds": "^4.0.6",
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/property-provider": "^4.0.4",
+        "@smithy/smithy-client": "^4.4.3",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-endpoints": {
+      "version": "3.0.6",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/node-config-provider": "^4.1.3",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-hex-encoding": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-middleware": {
+      "version": "4.0.4",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-retry": {
+      "version": "4.0.5",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/service-error-classification": "^4.0.5",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-stream": {
+      "version": "4.2.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/fetch-http-handler": "^5.0.4",
+        "@smithy/node-http-handler": "^4.0.6",
+        "@smithy/types": "^4.3.1",
+        "@smithy/util-base64": "^4.0.0",
+        "@smithy/util-buffer-from": "^4.0.0",
+        "@smithy/util-hex-encoding": "^4.0.0",
+        "@smithy/util-utf8": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-uri-escape": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-utf8": {
+      "version": "4.0.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/util-buffer-from": "^4.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/util-waiter": {
+      "version": "4.0.5",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/abort-controller": "^4.0.4",
+        "@smithy/types": "^4.3.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "license": "MIT"
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@t3-oss/env-core": {
+      "version": "0.13.4",
+      "license": "MIT",
+      "peerDependencies": {
+        "arktype": "^2.1.0",
+        "typescript": ">=5.0.0",
+        "valibot": "^1.0.0-beta.7 || ^1.0.0",
+        "zod": "^3.24.0 || ^4.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "valibot": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@t3-oss/env-nextjs": {
+      "version": "0.13.4",
+      "license": "MIT",
+      "dependencies": {
+        "@t3-oss/env-core": "0.13.4"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0",
+        "valibot": "^1.0.0-beta.7 || ^1.0.0",
+        "zod": "^3.24.0 || ^4.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "valibot": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@tabler/icons": {
+      "version": "3.34.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/codecalm"
+      }
+    },
+    "node_modules/@tabler/icons-react": {
+      "version": "3.34.0",
+      "license": "MIT",
+      "dependencies": {
+        "@tabler/icons": "3.34.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/codecalm"
+      },
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.11",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.3.0",
+        "enhanced-resolve": "^5.18.1",
+        "jiti": "^2.4.2",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.17",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.11"
+      }
+    },
+    "node_modules/@tailwindcss/node/node_modules/jiti": {
+      "version": "2.4.2",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.11",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.4.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.11",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.11",
+        "@tailwindcss/oxide-darwin-x64": "4.1.11",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.11",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.11",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.11",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.11",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.11",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.11",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.11",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.11",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.11"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.11",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.11",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.11",
+        "@tailwindcss/oxide": "4.1.11",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.11"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.0",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/aria-query": {
+      "version": "5.3.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.6.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "lodash": "^4.17.21",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.6.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports": {
+      "version": "5.2.2",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/generator": "^7.26.5",
+        "@babel/parser": "^7.26.7",
+        "@babel/traverse": "^7.26.7",
+        "@babel/types": "^7.26.7",
+        "javascript-natural-sort": "^0.7.1",
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">18.12"
+      },
+      "peerDependencies": {
+        "@vue/compiler-sfc": "3.x",
+        "prettier": "2.x - 3.x",
+        "prettier-plugin-svelte": "3.x",
+        "svelte": "4.x || 5.x"
+      },
+      "peerDependenciesMeta": {
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "23.1.3",
+      "license": "MIT"
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/chai": {
+      "version": "5.2.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cors": {
+      "version": "2.8.19",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/d3": {
+      "version": "7.4.3",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.1",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.6",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.4",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.6",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.11",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.9",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/diff-match-patch": {
+      "version": "1.0.36",
+      "license": "MIT"
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "license": "MIT"
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/inquirer": {
+      "version": "8.2.11",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/through": "*",
+        "rxjs": "^7.2.0"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "license": "MIT"
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/jest": {
+      "version": "26.0.24",
+      "license": "MIT",
+      "dependencies": {
+        "jest-diff": "^26.0.0",
+        "pretty-format": "^26.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/pretty-format": {
+      "version": "26.6.2",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^26.6.2",
+        "ansi-regex": "^5.0.0",
+        "ansi-styles": "^4.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@types/jest/node_modules/pretty-format/node_modules/react-is": {
+      "version": "17.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@types/jsdom": {
+      "version": "21.1.7",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/tough-cookie": "*",
+        "parse5": "^7.0.0"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.18",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mdx": {
+      "version": "2.0.13",
+      "license": "MIT"
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "license": "MIT"
+    },
+    "node_modules/@types/mysql": {
+      "version": "2.15.26",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.15.32",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.12",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "license": "MIT"
+    },
+    "node_modules/@types/pg": {
+      "version": "8.6.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "pg-protocol": "*",
+        "pg-types": "^2.2.0"
+      }
+    },
+    "node_modules/@types/pg-pool": {
+      "version": "2.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "@types/pg": "*"
+      }
+    },
+    "node_modules/@types/prismjs": {
+      "version": "1.26.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.1.8",
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.1.6",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@types/shimmer": {
+      "version": "1.2.0",
+      "license": "MIT"
+    },
+    "node_modules/@types/stats.js": {
+      "version": "0.17.4",
+      "license": "MIT"
+    },
+    "node_modules/@types/tedious": {
+      "version": "4.0.14",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/three": {
+      "version": "0.177.0",
+      "license": "MIT",
+      "dependencies": {
+        "@dimforge/rapier3d-compat": "~0.12.0",
+        "@tweenjs/tween.js": "~23.1.3",
+        "@types/stats.js": "*",
+        "@types/webxr": "*",
+        "@webgpu/types": "*",
+        "fflate": "~0.8.2",
+        "meshoptimizer": "~0.18.1"
+      }
+    },
+    "node_modules/@types/through": {
+      "version": "0.0.33",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/tough-cookie": {
+      "version": "4.0.5",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@types/uuid": {
+      "version": "9.0.8",
+      "license": "MIT"
+    },
+    "node_modules/@types/webxr": {
+      "version": "0.5.22",
+      "license": "MIT"
+    },
+    "node_modules/@types/xlsx": {
+      "version": "0.0.36",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xlsx": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "15.0.19",
+      "license": "MIT",
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "license": "MIT"
+    },
+    "node_modules/@typespec/ts-http-runtime": {
+      "version": "0.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "license": "ISC"
+    },
+    "node_modules/@vercel/analytics": {
+      "version": "1.5.0",
+      "license": "MPL-2.0",
+      "peerDependencies": {
+        "@remix-run/react": "^2",
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@remix-run/react": {
+          "optional": true
+        },
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vercel/og": {
+      "version": "0.6.8",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "@resvg/resvg-wasm": "2.4.0",
+        "satori": "0.12.2",
+        "yoga-wasm-web": "0.3.3"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@vercel/speed-insights": {
+      "version": "1.2.0",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.5.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.27.4",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.11",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0"
+      }
+    },
+    "node_modules/@vitest/coverage-v8": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.3.0",
+        "@bcoe/v8-coverage": "^1.0.2",
+        "ast-v8-to-istanbul": "^0.3.3",
+        "debug": "^4.4.1",
+        "istanbul-lib-coverage": "^3.2.2",
+        "istanbul-lib-report": "^3.0.1",
+        "istanbul-lib-source-maps": "^5.0.6",
+        "istanbul-reports": "^3.1.7",
+        "magic-string": "^0.30.17",
+        "magicast": "^0.3.5",
+        "std-env": "^3.9.0",
+        "test-exclude": "^7.0.1",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@vitest/browser": "3.2.4",
+        "vitest": "3.2.4"
+      },
+      "peerDependenciesMeta": {
+        "@vitest/browser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/expect": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.2.4",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.17"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "3.2.4",
+        "pathe": "^2.0.3",
+        "strip-literal": "^3.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^4.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webgpu/types": {
+      "version": "0.1.61",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.10",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/mime-types": {
+      "version": "2.1.35",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.52.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/negotiator": {
+      "version": "0.6.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-attributes": {
+      "version": "1.9.5",
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/ai": {
+      "version": "4.3.16",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "1.1.3",
+        "@ai-sdk/provider-utils": "2.2.8",
+        "@ai-sdk/react": "1.2.12",
+        "@ai-sdk/ui-utils": "1.2.11",
+        "@opentelemetry/api": "1.9.0",
+        "jsondiffpatch": "0.6.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "zod": "^3.23.8"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/ajv-keywords/node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/ajv/node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/ansi-color": {
+      "version": "0.2.1"
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "0.21.3",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "license": "MIT"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arktype": {
+      "version": "2.1.20",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@ark/schema": "0.46.0",
+        "@ark/util": "0.46.0"
+      }
+    },
+    "node_modules/asn1js": {
+      "version": "3.0.6",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "pvtsutils": "^1.3.6",
+        "pvutils": "^1.1.3",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ast-v8-to-istanbul": {
+      "version": "0.3.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "estree-walker": "^3.0.3",
+        "js-tokens": "^9.0.1"
+      }
+    },
+    "node_modules/astring": {
+      "version": "1.9.0",
+      "license": "MIT",
+      "bin": {
+        "astring": "bin/astring"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "license": "MIT"
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/base64id": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": "^4.5.0 || >= 5.9"
+      }
+    },
+    "node_modules/better-auth": {
+      "version": "1.2.10",
+      "license": "MIT",
+      "dependencies": {
+        "@better-auth/utils": "0.2.5",
+        "@better-fetch/fetch": "^1.1.18",
+        "@noble/ciphers": "^0.6.0",
+        "@noble/hashes": "^1.6.1",
+        "@simplewebauthn/browser": "^13.0.0",
+        "@simplewebauthn/server": "^13.0.0",
+        "better-call": "^1.0.8",
+        "defu": "^6.1.4",
+        "jose": "^5.9.6",
+        "kysely": "^0.28.2",
+        "nanostores": "^0.11.3",
+        "zod": "^3.24.1"
+      }
+    },
+    "node_modules/better-auth/node_modules/jose": {
+      "version": "5.10.0",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/better-call": {
+      "version": "1.0.9",
+      "dependencies": {
+        "@better-fetch/fetch": "^1.1.4",
+        "rou3": "^0.5.1",
+        "set-cookie-parser": "^2.7.1",
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/bignumber.js": {
+      "version": "9.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/bluebird": {
+      "version": "3.4.7",
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/bowser": {
+      "version": "2.11.0",
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browser-image-compression": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "uzip": "0.20201231.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.0",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001718",
+        "electron-to-chromium": "^1.5.160",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "license": "MIT"
+    },
+    "node_modules/bufrw": {
+      "version": "1.4.0",
+      "dependencies": {
+        "ansi-color": "^0.2.1",
+        "error": "^7.0.0",
+        "hexer": "^1.5.0",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10.x"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001724",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/capital-case": {
+      "version": "1.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case-first": "^2.0.2"
+      }
+    },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/chai": {
+      "version": "5.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/change-case": {
+      "version": "4.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "capital-case": "^1.0.4",
+        "constant-case": "^3.0.4",
+        "dot-case": "^3.0.4",
+        "header-case": "^2.0.4",
+        "no-case": "^3.0.4",
+        "param-case": "^3.0.4",
+        "pascal-case": "^3.1.2",
+        "path-case": "^3.0.4",
+        "sentence-case": "^3.0.4",
+        "snake-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chardet": {
+      "version": "0.7.0",
+      "license": "MIT"
+    },
+    "node_modules/check-error": {
+      "version": "2.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.4",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.4.3",
+      "license": "MIT"
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/classcat": {
+      "version": "5.0.5",
+      "license": "MIT"
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-spinners": {
+      "version": "2.9.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/string-width": {
+      "version": "5.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/string-width/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "license": "MIT"
+    },
+    "node_modules/cli-truncate/node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/string-width/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/cli-width": {
+      "version": "3.0.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cluster-key-slot": {
+      "version": "1.1.2",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cmdk": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "^1.1.1",
+        "@radix-ui/react-dialog": "^1.1.6",
+        "@radix-ui/react-id": "^1.1.0",
+        "@radix-ui/react-primitive": "^2.0.2"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/collapse-white-space": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/commander": {
+      "version": "11.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "license": "MIT"
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.1",
+      "license": "MIT"
+    },
+    "node_modules/concurrently": {
+      "version": "9.1.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "lodash": "^4.17.21",
+        "rxjs": "^7.8.1",
+        "shell-quote": "^1.8.1",
+        "supports-color": "^8.1.1",
+        "tree-kill": "^1.2.2",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "conc": "dist/bin/concurrently.js",
+        "concurrently": "dist/bin/concurrently.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
+    "node_modules/constant-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case": "^2.0.2"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "license": "MIT"
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "6.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.1.0",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.7.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.2",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/critters": {
+      "version": "0.0.23",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "css-select": "^5.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.2",
+        "htmlparser2": "^8.0.2",
+        "postcss": "^8.4.23",
+        "postcss-media-query-parser": "^0.2.3"
+      }
+    },
+    "node_modules/croner": {
+      "version": "9.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-background-parser": {
+      "version": "0.1.0",
+      "license": "MIT"
+    },
+    "node_modules/css-box-shadow": {
+      "version": "1.0.0-3",
+      "license": "MIT"
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-gradient-parser": {
+      "version": "0.0.16",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssstyle": {
+      "version": "4.5.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^3.2.0",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "license": "MIT"
+    },
+    "node_modules/csv-parse": {
+      "version": "5.6.0",
+      "license": "MIT"
+    },
+    "node_modules/csv-parser": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "bin": {
+        "csv-parser": "bin/csv-parser"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dat.gui": {
+      "version": "0.7.9",
+      "license": "Apache-2.0"
+    },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/data-urls": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
+    "node_modules/dateformat": {
+      "version": "4.6.3",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/debounce": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.5.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "license": "MIT"
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/denque": {
+      "version": "2.1.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.4",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "license": "MIT"
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.1464554",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "license": "Apache-2.0"
+    },
+    "node_modules/diff-match-patch": {
+      "version": "1.0.5",
+      "license": "Apache-2.0"
+    },
+    "node_modules/diff-sequences": {
+      "version": "26.6.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.14.2"
+      }
+    },
+    "node_modules/dingbat-to-unicode": {
+      "version": "1.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "license": "MIT"
+    },
+    "node_modules/docs": {
+      "resolved": "apps/docs",
+      "link": true
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "4.5.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.5.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dotenv-cli": {
+      "version": "8.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "dotenv": "^16.3.0",
+        "dotenv-expand": "^10.0.0",
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "dotenv": "cli.js"
+      }
+    },
+    "node_modules/dotenv-expand": {
+      "version": "10.0.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/drizzle-kit": {
+      "version": "0.31.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@drizzle-team/brocli": "^0.10.2",
+        "@esbuild-kit/esm-loader": "^2.5.5",
+        "esbuild": "^0.25.2",
+        "esbuild-register": "^3.5.0"
+      },
+      "bin": {
+        "drizzle-kit": "bin.cjs"
+      }
+    },
+    "node_modules/drizzle-orm": {
+      "version": "0.41.0",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@aws-sdk/client-rds-data": ">=3",
+        "@cloudflare/workers-types": ">=4",
+        "@electric-sql/pglite": ">=0.2.0",
+        "@libsql/client": ">=0.10.0",
+        "@libsql/client-wasm": ">=0.10.0",
+        "@neondatabase/serverless": ">=0.10.0",
+        "@op-engineering/op-sqlite": ">=2",
+        "@opentelemetry/api": "^1.4.1",
+        "@planetscale/database": ">=1",
+        "@prisma/client": "*",
+        "@tidbcloud/serverless": "*",
+        "@types/better-sqlite3": "*",
+        "@types/pg": "*",
+        "@types/sql.js": "*",
+        "@vercel/postgres": ">=0.8.0",
+        "@xata.io/client": "*",
+        "better-sqlite3": ">=7",
+        "bun-types": "*",
+        "expo-sqlite": ">=14.0.0",
+        "gel": ">=2",
+        "knex": "*",
+        "kysely": "*",
+        "mysql2": ">=2",
+        "pg": ">=8",
+        "postgres": ">=3",
+        "sql.js": ">=1",
+        "sqlite3": ">=5"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/client-rds-data": {
+          "optional": true
+        },
+        "@cloudflare/workers-types": {
+          "optional": true
+        },
+        "@electric-sql/pglite": {
+          "optional": true
+        },
+        "@libsql/client": {
+          "optional": true
+        },
+        "@libsql/client-wasm": {
+          "optional": true
+        },
+        "@neondatabase/serverless": {
+          "optional": true
+        },
+        "@op-engineering/op-sqlite": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@planetscale/database": {
+          "optional": true
+        },
+        "@prisma/client": {
+          "optional": true
+        },
+        "@tidbcloud/serverless": {
+          "optional": true
+        },
+        "@types/better-sqlite3": {
+          "optional": true
+        },
+        "@types/pg": {
+          "optional": true
+        },
+        "@types/sql.js": {
+          "optional": true
+        },
+        "@vercel/postgres": {
+          "optional": true
+        },
+        "@xata.io/client": {
+          "optional": true
+        },
+        "better-sqlite3": {
+          "optional": true
+        },
+        "bun-types": {
+          "optional": true
+        },
+        "expo-sqlite": {
+          "optional": true
+        },
+        "gel": {
+          "optional": true
+        },
+        "knex": {
+          "optional": true
+        },
+        "kysely": {
+          "optional": true
+        },
+        "mysql2": {
+          "optional": true
+        },
+        "pg": {
+          "optional": true
+        },
+        "postgres": {
+          "optional": true
+        },
+        "prisma": {
+          "optional": true
+        },
+        "sql.js": {
+          "optional": true
+        },
+        "sqlite3": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/duck": {
+      "version": "0.1.12",
+      "license": "BSD",
+      "dependencies": {
+        "underscore": "^1.13.1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "license": "MIT"
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.171",
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "10.4.0",
+      "license": "MIT"
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/engine.io": {
+      "version": "6.6.4",
+      "license": "MIT",
+      "dependencies": {
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.7.2",
+        "cors": "~2.8.5",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.6.3",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1",
+        "xmlhttprequest-ssl": "~2.1.1"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-client/node_modules/ws": {
+      "version": "8.17.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/engine.io/node_modules/debug": {
+      "version": "4.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io/node_modules/ws": {
+      "version": "8.17.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "6.0.1",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/error": {
+      "version": "7.0.2",
+      "dependencies": {
+        "string-template": "~0.2.1",
+        "xtend": "~4.0.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-ex/node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "license": "MIT"
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esast-util-from-estree": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-visit": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/esast-util-from-js": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "acorn": "^8.0.0",
+        "esast-util-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.5",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.5",
+        "@esbuild/android-arm": "0.25.5",
+        "@esbuild/android-arm64": "0.25.5",
+        "@esbuild/android-x64": "0.25.5",
+        "@esbuild/darwin-arm64": "0.25.5",
+        "@esbuild/darwin-x64": "0.25.5",
+        "@esbuild/freebsd-arm64": "0.25.5",
+        "@esbuild/freebsd-x64": "0.25.5",
+        "@esbuild/linux-arm": "0.25.5",
+        "@esbuild/linux-arm64": "0.25.5",
+        "@esbuild/linux-ia32": "0.25.5",
+        "@esbuild/linux-loong64": "0.25.5",
+        "@esbuild/linux-mips64el": "0.25.5",
+        "@esbuild/linux-ppc64": "0.25.5",
+        "@esbuild/linux-riscv64": "0.25.5",
+        "@esbuild/linux-s390x": "0.25.5",
+        "@esbuild/linux-x64": "0.25.5",
+        "@esbuild/netbsd-arm64": "0.25.5",
+        "@esbuild/netbsd-x64": "0.25.5",
+        "@esbuild/openbsd-arm64": "0.25.5",
+        "@esbuild/openbsd-x64": "0.25.5",
+        "@esbuild/sunos-x64": "0.25.5",
+        "@esbuild/win32-arm64": "0.25.5",
+        "@esbuild/win32-ia32": "0.25.5",
+        "@esbuild/win32-x64": "0.25.5"
+      }
+    },
+    "node_modules/esbuild-register": {
+      "version": "3.6.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "peerDependencies": {
+        "esbuild": ">=0.12 <1"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-util-attach-comments": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-build-jsx": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "estree-walker": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-scope": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-to-js": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "astring": "^1.8.0",
+        "source-map": "^0.7.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-util-value-to-estree": {
+      "version": "3.4.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/remcohaszing"
+      }
+    },
+    "node_modules/estree-util-visit": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/expect-type": {
+      "version": "1.2.1",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "license": "MIT"
+    },
+    "node_modules/external-editor": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/external-editor/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-copy": {
+      "version": "3.0.2",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "2.0.1",
+      "license": "MIT"
+    },
+    "node_modules/fast-equals": {
+      "version": "5.2.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-redact": {
+      "version": "3.5.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fast-safe-stringify": {
+      "version": "2.1.1",
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.0.6",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "4.4.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/naturalintelligence"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "strnum": "^1.0.5"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.4.6",
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      },
+      "engines": {
+        "node": "^12.20 || >= 14.13"
+      }
+    },
+    "node_modules/fetch-blob/node_modules/web-streams-polyfill": {
+      "version": "3.3.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fetch-cookie": {
+      "version": "3.1.0",
+      "license": "Unlicense",
+      "dependencies": {
+        "set-cookie-parser": "^2.4.8",
+        "tough-cookie": "^5.0.0"
+      }
+    },
+    "node_modules/fflate": {
+      "version": "0.8.2",
+      "license": "MIT"
+    },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "license": "MIT"
+    },
+    "node_modules/form-data/node_modules/mime-types": {
+      "version": "2.1.35",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.52.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/formdata-node": {
+      "version": "4.4.1",
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "license": "MIT",
+      "dependencies": {
+        "fetch-blob": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/forwarded-parse": {
+      "version": "2.1.2",
+      "license": "MIT"
+    },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "12.18.1",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.18.1",
+        "motion-utils": "^12.18.1",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/freestyle-sandboxes": {
+      "version": "0.0.38",
+      "license": "ISC",
+      "dependencies": {
+        "@hey-api/client-fetch": "^0.5.7",
+        "glob": "^11.0.1",
+        "openai": "^4.77.3",
+        "openapi": "^1.0.1",
+        "zod": "^3.24.1"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/fumadocs-core": {
+      "version": "15.5.3",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.6.1",
+        "@orama/orama": "^3.1.6",
+        "@shikijs/rehype": "^3.6.0",
+        "@shikijs/transformers": "^3.6.0",
+        "github-slugger": "^2.0.0",
+        "hast-util-to-estree": "^3.1.3",
+        "hast-util-to-jsx-runtime": "^2.3.6",
+        "image-size": "^2.0.2",
+        "negotiator": "^1.0.0",
+        "react-remove-scroll": "^2.7.1",
+        "remark": "^15.0.0",
+        "remark-gfm": "^4.0.1",
+        "remark-rehype": "^11.1.2",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "shiki": "^3.6.0",
+        "unist-util-visit": "^5.0.0"
+      },
+      "peerDependencies": {
+        "@oramacloud/client": "1.x.x || 2.x.x",
+        "@types/react": "*",
+        "algoliasearch": "5.x.x",
+        "next": "14.x.x || 15.x.x",
+        "react": "18.x.x || 19.x.x",
+        "react-dom": "18.x.x || 19.x.x"
+      },
+      "peerDependenciesMeta": {
+        "@oramacloud/client": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        },
+        "algoliasearch": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fumadocs-mdx": {
+      "version": "11.6.9",
+      "license": "MIT",
+      "dependencies": {
+        "@mdx-js/mdx": "^3.1.0",
+        "@standard-schema/spec": "^1.0.0",
+        "chokidar": "^4.0.3",
+        "esbuild": "^0.25.5",
+        "estree-util-value-to-estree": "^3.4.0",
+        "js-yaml": "^4.1.0",
+        "lru-cache": "^11.1.0",
+        "picocolors": "^1.1.1",
+        "tinyexec": "^1.0.1",
+        "tinyglobby": "^0.2.14",
+        "unist-util-visit": "^5.0.0",
+        "zod": "^3.25.63"
+      },
+      "bin": {
+        "fumadocs-mdx": "bin.js"
+      },
+      "peerDependencies": {
+        "@fumadocs/mdx-remote": "^1.2.0",
+        "fumadocs-core": "^14.0.0 || ^15.0.0",
+        "next": "^15.3.0",
+        "vite": "6.x.x"
+      },
+      "peerDependenciesMeta": {
+        "@fumadocs/mdx-remote": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fumadocs-mdx/node_modules/chokidar": {
+      "version": "4.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/fumadocs-mdx/node_modules/chokidar/node_modules/readdirp": {
+      "version": "4.1.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/fumadocs-ui": {
+      "version": "15.5.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-accordion": "^1.2.11",
+        "@radix-ui/react-collapsible": "^1.1.11",
+        "@radix-ui/react-dialog": "^1.1.14",
+        "@radix-ui/react-direction": "^1.1.1",
+        "@radix-ui/react-navigation-menu": "^1.2.13",
+        "@radix-ui/react-popover": "^1.1.14",
+        "@radix-ui/react-presence": "^1.1.4",
+        "@radix-ui/react-scroll-area": "^1.2.9",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-tabs": "^1.1.12",
+        "class-variance-authority": "^0.7.1",
+        "fumadocs-core": "15.5.3",
+        "lodash.merge": "^4.6.2",
+        "next-themes": "^0.4.6",
+        "postcss-selector-parser": "^7.1.0",
+        "react-medium-image-zoom": "^5.2.14",
+        "react-remove-scroll": "^2.7.1",
+        "tailwind-merge": "^3.3.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "next": "14.x.x || 15.x.x",
+        "react": "18.x.x || 19.x.x",
+        "react-dom": "18.x.x || 19.x.x",
+        "tailwindcss": "^3.4.14 || ^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "tailwindcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fumadocs-ui/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fumadocs-ui/node_modules/postcss-selector-parser": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gaxios": {
+      "version": "6.7.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gaxios/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/gaxios/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/gaxios/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/gaxios/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/gaxios/node_modules/uuid": {
+      "version": "9.0.1",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/gcp-metadata": {
+      "version": "6.1.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "gaxios": "^6.1.1",
+        "google-logging-utils": "^0.0.2",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/geist": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/geist/-/geist-1.4.2.tgz",
+      "integrity": "sha512-OQUga/KUc8ueijck6EbtT07L4tZ5+TZgjw8PyWfxo16sL5FWk7gNViPNU8hgCFjy6bJi9yuTP+CRpywzaGN8zw==",
+      "license": "SIL OPEN FONT LICENSE",
+      "peerDependencies": {
+        "next": ">=13.2.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.10.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/github-slugger": {
+      "version": "2.0.0",
+      "license": "ISC"
+    },
+    "node_modules/glob": {
+      "version": "11.0.3",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.3.1",
+        "jackspeak": "^4.1.1",
+        "minimatch": "^10.0.3",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^2.0.0"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "10.0.3",
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/google-auth-library": {
+      "version": "9.15.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.1.1",
+        "gcp-metadata": "^6.1.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-logging-utils": {
+      "version": "0.0.2",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "license": "ISC"
+    },
+    "node_modules/graphql": {
+      "version": "15.10.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/groq-sdk": {
+      "version": "0.15.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      }
+    },
+    "node_modules/groq-sdk/node_modules/@types/node": {
+      "version": "18.19.112",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/groq-sdk/node_modules/@types/node/node_modules/undici-types": {
+      "version": "5.26.5",
+      "license": "MIT"
+    },
+    "node_modules/groq-sdk/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/groq-sdk/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/groq-sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/groq-sdk/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/gtoken": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hast-util-to-estree": {
+      "version": "3.1.3",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-attach-comments": "^3.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-html": {
+      "version": "9.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "stringify-entities": "^4.0.0",
+        "zwitch": "^2.0.4"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-string": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/header-case": {
+      "version": "2.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "capital-case": "^1.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/help-me": {
+      "version": "5.0.0",
+      "license": "MIT"
+    },
+    "node_modules/hex-rgb": {
+      "version": "4.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/hexer": {
+      "version": "1.5.0",
+      "dependencies": {
+        "ansi-color": "^0.2.1",
+        "minimist": "^1.1.0",
+        "process": "^0.10.0",
+        "xtend": "^4.0.0"
+      },
+      "bin": {
+        "hexer": "cli.js"
+      },
+      "engines": {
+        "node": ">= 0.10.x"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "license": "MIT"
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/html-to-text": {
+      "version": "9.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "@selderee/plugin-htmlparser2": "^0.11.0",
+        "deepmerge": "^4.3.1",
+        "dom-serializer": "^2.0.0",
+        "htmlparser2": "^8.0.2",
+        "selderee": "^0.11.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/html-void-elements": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/entities": {
+      "version": "4.5.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/husky": {
+      "version": "9.1.7",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/image-size": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=16.x"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-in-the-middle": {
+      "version": "1.14.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "acorn-import-attributes": "^1.9.5",
+        "cjs-module-lexer": "^1.2.2",
+        "module-details-from-path": "^1.0.3"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "license": "ISC"
+    },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.4",
+      "license": "MIT"
+    },
+    "node_modules/input-otp": {
+      "version": "1.4.2",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/inquirer": {
+      "version": "8.2.6",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.1.1",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^3.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.21",
+        "mute-stream": "0.0.8",
+        "ora": "^5.4.1",
+        "run-async": "^2.4.0",
+        "rxjs": "^7.5.5",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "through": "^2.3.6",
+        "wrap-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/inquirer/node_modules/ora": {
+      "version": "5.4.1",
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.1.0",
+        "chalk": "^4.1.0",
+        "cli-cursor": "^3.1.0",
+        "cli-spinners": "^2.5.0",
+        "is-interactive": "^1.0.0",
+        "is-unicode-supported": "^0.1.0",
+        "log-symbols": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "wcwidth": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/inquirer/node_modules/ora/node_modules/is-interactive": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inquirer/node_modules/ora/node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/inquirer/node_modules/ora/node_modules/log-symbols": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ioredis": {
+      "version": "5.6.1",
+      "license": "MIT",
+      "dependencies": {
+        "@ioredis/commands": "^1.1.1",
+        "cluster-key-slot": "^1.1.0",
+        "debug": "^4.3.4",
+        "denque": "^2.1.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.isarguments": "^3.1.0",
+        "redis-errors": "^1.2.0",
+        "redis-parser": "^3.0.0",
+        "standard-as-callback": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ioredis"
+      }
+    },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-interactive": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-reference": {
+      "version": "1.2.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "2.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "license": "MIT"
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "license": "ISC"
+    },
+    "node_modules/isomorphic-unfetch": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "^2.6.1",
+        "unfetch": "^4.2.0"
+      }
+    },
+    "node_modules/isomorphic-unfetch/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/isomorphic-unfetch/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/isomorphic-unfetch/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/isomorphic-unfetch/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/supports-color": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "5.0.6",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.23",
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.1.7",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "4.1.1",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/jaeger-client": {
+      "version": "3.19.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-int64": "^0.4.0",
+        "opentracing": "^0.14.4",
+        "thriftrw": "^3.5.0",
+        "uuid": "^8.3.2",
+        "xorshift": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jaeger-client/node_modules/uuid": {
+      "version": "8.3.2",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/javascript-natural-sort": {
+      "version": "0.7.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff": {
+      "version": "26.6.2",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^26.6.2",
+        "jest-get-type": "^26.3.0",
+        "pretty-format": "^26.6.2"
+      },
+      "engines": {
+        "node": ">= 10.14.2"
+      }
+    },
+    "node_modules/jest-diff/node_modules/pretty-format": {
+      "version": "26.6.2",
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^26.6.2",
+        "ansi-regex": "^5.0.0",
+        "ansi-styles": "^4.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/jest-diff/node_modules/pretty-format/node_modules/react-is": {
+      "version": "17.0.2",
+      "license": "MIT"
+    },
+    "node_modules/jest-get-type": {
+      "version": "26.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.14.2"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.0.11",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/joycon": {
+      "version": "3.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "9.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/js-yaml/node_modules/argparse": {
+      "version": "2.0.1",
+      "license": "Python-2.0"
+    },
+    "node_modules/jsdom": {
+      "version": "26.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.2.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.5.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.16",
+        "parse5": "^7.2.1",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^5.1.1",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.1.1",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-bigint": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "bignumber.js": "^9.0.0"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "license": "MIT"
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "license": "(AFL-2.1 OR BSD-3-Clause)"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsondiffpatch": {
+      "version": "0.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/diff-match-patch": "^1.0.36",
+        "chalk": "^5.3.0",
+        "diff-match-patch": "^1.0.5"
+      },
+      "bin": {
+        "jsondiffpatch": "bin/jsondiffpatch.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/jsondiffpatch/node_modules/chalk": {
+      "version": "5.4.1",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/jwa": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^2.0.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/kysely": {
+      "version": "0.28.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/leac": {
+      "version": "0.6.0",
+      "license": "MIT",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
+    "node_modules/lenis": {
+      "version": "1.3.4",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/darkroomengineering"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": ">=3.0.0",
+        "react": ">=17.0.0",
+        "vue": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/linebreak": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "0.0.8",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/linebreak/node_modules/base64-js": {
+      "version": "0.0.8",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "license": "MIT"
+    },
+    "node_modules/lint-staged": {
+      "version": "16.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.4.1",
+        "commander": "^13.1.0",
+        "debug": "^4.4.0",
+        "lilconfig": "^3.1.3",
+        "listr2": "^8.3.3",
+        "micromatch": "^4.0.8",
+        "nano-spawn": "^1.0.0",
+        "pidtree": "^0.6.0",
+        "string-argv": "^0.3.2",
+        "yaml": "^2.7.1"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": ">=20.18"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/lint-staged/node_modules/chalk": {
+      "version": "5.4.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/commander": {
+      "version": "13.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2": {
+      "version": "8.3.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cli-truncate": "^4.0.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^6.1.0",
+        "rfdc": "^1.4.1",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/cli-truncate/node_modules/string-width": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/cli-truncate/node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/cli-truncate/node_modules/string-width/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^7.0.0",
+        "cli-cursor": "^5.0.0",
+        "slice-ansi": "^7.1.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/ansi-escapes": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/cli-cursor/node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/cli-cursor/node_modules/restore-cursor/node_modules/onetime": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/log-update/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/wrap-ansi": {
+      "version": "9.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/lint-staged/node_modules/listr2/node_modules/wrap-ansi/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "6.6.1",
+      "license": "MIT",
+      "dependencies": {
+        "cli-truncate": "^3.1.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^5.0.1",
+        "rfdc": "^1.3.0",
+        "wrap-ansi": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "enquirer": ">= 2.3.0 < 3"
+      },
+      "peerDependenciesMeta": {
+        "enquirer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/listr2/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "license": "MIT"
+    },
+    "node_modules/listr2/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "5.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi/node_modules/string-width/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "license": "MIT"
+    },
+    "node_modules/listr2/node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/listr2/node_modules/wrap-ansi/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "license": "MIT"
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "license": "MIT"
+    },
+    "node_modules/lodash.defaults": {
+      "version": "4.2.0",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isarguments": {
+      "version": "3.1.0",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "7.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-unicode-supported": "^2.0.0",
+        "yoctocolors": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update": {
+      "version": "5.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^5.0.0",
+        "cli-cursor": "^4.0.0",
+        "slice-ansi": "^5.0.0",
+        "strip-ansi": "^7.0.1",
+        "wrap-ansi": "^8.0.1"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-escapes": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "1.4.0",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/cli-cursor/node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/cli-cursor/node_modules/restore-cursor/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "license": "ISC"
+    },
+    "node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi/node_modules/string-width": {
+      "version": "5.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi/node_modules/string-width/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "license": "MIT"
+    },
+    "node_modules/long": {
+      "version": "2.4.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/loose-envify/node_modules/js-tokens": {
+      "version": "4.0.0",
+      "license": "MIT"
+    },
+    "node_modules/lop": {
+      "version": "0.4.2",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "duck": "^0.1.12",
+        "option": "~0.2.1",
+        "underscore": "^1.13.1"
+      }
+    },
+    "node_modules/loupe": {
+      "version": "3.1.4",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "11.1.0",
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.511.0",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/magicast": {
+      "version": "0.3.5",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.4",
+        "@babel/types": "^7.25.4",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mammoth": {
+      "version": "1.9.1",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.6",
+        "argparse": "~1.0.3",
+        "base64-js": "^1.5.1",
+        "bluebird": "~3.4.0",
+        "dingbat-to-unicode": "^1.0.1",
+        "jszip": "^3.7.1",
+        "lop": "^0.4.2",
+        "path-is-absolute": "^1.0.0",
+        "underscore": "^1.13.1",
+        "xmlbuilder": "^10.0.0"
+      },
+      "bin": {
+        "mammoth": "bin/mammoth"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/mammoth/node_modules/argparse": {
+      "version": "1.0.10",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/markdown-extensions": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/marked": {
+      "version": "7.0.4",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/md-to-react-email": {
+      "version": "5.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "marked": "7.0.4"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/meshoptimizer": {
+      "version": "0.18.1",
+      "license": "MIT"
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdx-expression": {
+      "version": "3.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-mdx-expression": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-mdx-jsx": {
+      "version": "3.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "micromark-factory-mdx-expression": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdx-md": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdxjs": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.0.0",
+        "acorn-jsx": "^5.0.0",
+        "micromark-extension-mdx-expression": "^3.0.0",
+        "micromark-extension-mdx-jsx": "^3.0.0",
+        "micromark-extension-mdx-md": "^2.0.0",
+        "micromark-extension-mdxjs-esm": "^3.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-mdxjs-esm": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-mdx-expression": {
+      "version": "2.0.3",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-events-to-acorn": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-position-from-estree": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-events-to-acorn": {
+      "version": "2.0.3",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-visit": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "vfile-message": "^4.0.0"
+      }
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mimic-function": {
+      "version": "5.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "3.0.2",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "3.0.1",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/module-details-from-path": {
+      "version": "1.0.4",
+      "license": "MIT"
+    },
+    "node_modules/motion-dom": {
+      "version": "12.18.1",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.18.1"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.18.1",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "license": "MIT"
+    },
+    "node_modules/mute-stream": {
+      "version": "0.0.8",
+      "license": "ISC"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nano-spawn": {
+      "version": "1.0.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/nano-spawn?sponsor=1"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/nanostores": {
+      "version": "0.11.4",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "15.3.4",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.3.4",
+        "@swc/counter": "0.1.3",
+        "@swc/helpers": "0.5.15",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.3.4",
+        "@next/swc-darwin-x64": "15.3.4",
+        "@next/swc-linux-arm64-gnu": "15.3.4",
+        "@next/swc-linux-arm64-musl": "15.3.4",
+        "@next/swc-linux-x64-gnu": "15.3.4",
+        "@next/swc-linux-x64-musl": "15.3.4",
+        "@next/swc-win32-arm64-msvc": "15.3.4",
+        "@next/swc-win32-x64-msvc": "15.3.4",
+        "sharp": "^0.34.1"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-runtime-env": {
+      "version": "3.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "next": "^14",
+        "react": "^18"
+      },
+      "peerDependencies": {
+        "next": "^14",
+        "react": "^18"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/next": {
+      "version": "14.2.30",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "14.2.30",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.2.30",
+        "@next/swc-darwin-x64": "14.2.30",
+        "@next/swc-linux-arm64-gnu": "14.2.30",
+        "@next/swc-linux-arm64-musl": "14.2.30",
+        "@next/swc-linux-x64-gnu": "14.2.30",
+        "@next/swc-linux-x64-musl": "14.2.30",
+        "@next/swc-win32-arm64-msvc": "14.2.30",
+        "@next/swc-win32-ia32-msvc": "14.2.30",
+        "@next/swc-win32-x64-msvc": "14.2.30"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/next/node_modules/@next/env": {
+      "version": "14.2.30",
+      "license": "MIT"
+    },
+    "node_modules/next-runtime-env/node_modules/next/node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.30",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/next/node_modules/@swc/helpers": {
+      "version": "0.5.5",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/next/node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-ensure": {
+      "version": "0.0.0",
+      "license": "MIT"
+    },
+    "node_modules/node-fetch": {
+      "version": "3.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.20",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ollama-ai-provider": {
+      "version": "1.2.0",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@ai-sdk/provider": "^1.0.0",
+        "@ai-sdk/provider-utils": "^2.0.0",
+        "partial-json": "0.1.7"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/oniguruma-parser": {
+      "version": "0.12.1",
+      "license": "MIT"
+    },
+    "node_modules/oniguruma-to-es": {
+      "version": "4.3.3",
+      "license": "MIT",
+      "dependencies": {
+        "oniguruma-parser": "^0.12.1",
+        "regex": "^6.0.1",
+        "regex-recursion": "^6.0.2"
+      }
+    },
+    "node_modules/openai": {
+      "version": "4.104.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      },
+      "bin": {
+        "openai": "bin/cli"
+      },
+      "peerDependencies": {
+        "ws": "^8.18.0",
+        "zod": "^3.23.8"
+      },
+      "peerDependenciesMeta": {
+        "ws": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/openai/node_modules/@types/node": {
+      "version": "18.19.112",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/openai/node_modules/@types/node/node_modules/undici-types": {
+      "version": "5.26.5",
+      "license": "MIT"
+    },
+    "node_modules/openai/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/openai/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/openai/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/openai/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/openapi": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/jest": "^26.0.14",
+        "change-case": "^4.1.1",
+        "commander": "^6.1.0",
+        "cosmiconfig": "^6.0.0",
+        "is-url": "^1.2.4",
+        "js-yaml": "^3.13.1",
+        "node-fetch": "^2.6.0",
+        "object-hash": "^2.0.3",
+        "url-parse": "^1.4.7"
+      },
+      "bin": {
+        "openapi": "src/cli/index.js"
+      }
+    },
+    "node_modules/openapi/node_modules/commander": {
+      "version": "6.2.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/openapi/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/openapi/node_modules/js-yaml/node_modules/argparse": {
+      "version": "1.0.10",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/openapi/node_modules/node-fetch": {
+      "version": "2.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/openapi/node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/openapi/node_modules/node-fetch/node_modules/whatwg-url/node_modules/tr46": {
+      "version": "0.0.3",
+      "license": "MIT"
+    },
+    "node_modules/openapi/node_modules/node-fetch/node_modules/whatwg-url/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/openapi/node_modules/object-hash": {
+      "version": "2.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/opentracing": {
+      "version": "0.14.7",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/option": {
+      "version": "0.2.4",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/ora": {
+      "version": "8.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "cli-cursor": "^5.0.0",
+        "cli-spinners": "^2.9.2",
+        "is-interactive": "^2.0.0",
+        "is-unicode-supported": "^2.0.0",
+        "log-symbols": "^6.0.0",
+        "stdin-discarder": "^0.2.2",
+        "string-width": "^7.2.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/chalk": {
+      "version": "5.4.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/cli-cursor/node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/cli-cursor/node_modules/restore-cursor/node_modules/onetime": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/log-symbols": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.3.0",
+        "is-unicode-supported": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/log-symbols/node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/string-width": {
+      "version": "7.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ora/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/ora/node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-css-color": {
+      "version": "0.2.1",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.1.4",
+        "hex-rgb": "^4.1.0"
+      }
+    },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "license": "MIT"
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parseley": {
+      "version": "0.12.1",
+      "license": "MIT",
+      "dependencies": {
+        "leac": "^0.6.0",
+        "peberminta": "^0.9.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
+    "node_modules/partial-json": {
+      "version": "0.1.7",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/path-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "license": "MIT"
+    },
+    "node_modules/path-scurry": {
+      "version": "2.0.0",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathval": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
+    "node_modules/pdf-parse": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.1.0",
+        "node-ensure": "^0.0.0"
+      },
+      "engines": {
+        "node": ">=6.8.1"
+      }
+    },
+    "node_modules/pdf-parse/node_modules/debug": {
+      "version": "3.2.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/peberminta": {
+      "version": "0.9.0",
+      "license": "MIT",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
+    "node_modules/pg-int8": {
+      "version": "1.0.1",
+      "license": "ISC",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/pg-protocol": {
+      "version": "1.10.2",
+      "license": "MIT"
+    },
+    "node_modules/pg-types": {
+      "version": "2.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "pg-int8": "1.0.1",
+        "postgres-array": "~2.0.0",
+        "postgres-bytea": "~1.0.0",
+        "postgres-date": "~1.0.4",
+        "postgres-interval": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pino": {
+      "version": "9.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "^2.0.0",
+        "pino-std-serializers": "^7.0.0",
+        "process-warning": "^5.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^4.0.1",
+        "thread-stream": "^3.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-pretty": {
+      "version": "13.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.7",
+        "dateformat": "^4.6.3",
+        "fast-copy": "^3.0.2",
+        "fast-safe-stringify": "^2.1.1",
+        "help-me": "^5.0.0",
+        "joycon": "^3.1.1",
+        "minimist": "^1.2.6",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "^2.0.0",
+        "pump": "^3.0.0",
+        "secure-json-parse": "^2.4.0",
+        "sonic-boom": "^4.0.1",
+        "strip-json-comments": "^3.1.1"
+      },
+      "bin": {
+        "pino-pretty": "bin.js"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "7.0.0",
+      "license": "MIT"
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.53.1",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.53.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.53.1",
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "license": "MIT"
+    },
+    "node_modules/postgres": {
+      "version": "3.4.7",
+      "license": "Unlicense",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/porsager"
+      }
+    },
+    "node_modules/postgres-array": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postgres-bytea": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postgres-date": {
+      "version": "1.0.7",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postgres-interval": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.5.3",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-tailwindcss": {
+      "version": "0.6.13",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "peerDependencies": {
+        "@ianvs/prettier-plugin-sort-imports": "*",
+        "@prettier/plugin-pug": "*",
+        "@shopify/prettier-plugin-liquid": "*",
+        "@trivago/prettier-plugin-sort-imports": "*",
+        "@zackad/prettier-plugin-twig": "*",
+        "prettier": "^3.0",
+        "prettier-plugin-astro": "*",
+        "prettier-plugin-css-order": "*",
+        "prettier-plugin-import-sort": "*",
+        "prettier-plugin-jsdoc": "*",
+        "prettier-plugin-marko": "*",
+        "prettier-plugin-multiline-arrays": "*",
+        "prettier-plugin-organize-attributes": "*",
+        "prettier-plugin-organize-imports": "*",
+        "prettier-plugin-sort-imports": "*",
+        "prettier-plugin-style-order": "*",
+        "prettier-plugin-svelte": "*"
+      },
+      "peerDependenciesMeta": {
+        "@ianvs/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "@prettier/plugin-pug": {
+          "optional": true
+        },
+        "@shopify/prettier-plugin-liquid": {
+          "optional": true
+        },
+        "@trivago/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "@zackad/prettier-plugin-twig": {
+          "optional": true
+        },
+        "prettier-plugin-astro": {
+          "optional": true
+        },
+        "prettier-plugin-css-order": {
+          "optional": true
+        },
+        "prettier-plugin-import-sort": {
+          "optional": true
+        },
+        "prettier-plugin-jsdoc": {
+          "optional": true
+        },
+        "prettier-plugin-marko": {
+          "optional": true
+        },
+        "prettier-plugin-multiline-arrays": {
+          "optional": true
+        },
+        "prettier-plugin-organize-attributes": {
+          "optional": true
+        },
+        "prettier-plugin-organize-imports": {
+          "optional": true
+        },
+        "prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "prettier-plugin-style-order": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/pretty-format/node_modules/react-is": {
+      "version": "17.0.2",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.10.1",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "license": "MIT"
+    },
+    "node_modules/process-warning": {
+      "version": "5.0.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "license": "MIT"
+    },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/protobufjs": {
+      "version": "7.5.3",
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/protobufjs/node_modules/long": {
+      "version": "5.3.2",
+      "license": "Apache-2.0"
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pvtsutils": {
+      "version": "1.3.6",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/pvutils": {
+      "version": "1.1.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/quick-format-unescaped": {
+      "version": "4.0.4",
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-day-picker": {
+      "version": "8.10.1",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/gpbl"
+      },
+      "peerDependencies": {
+        "date-fns": "^2.28.0 || ^3.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.0"
+      }
+    },
+    "node_modules/react-email": {
+      "version": "4.0.16",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.0",
+        "@babel/traverse": "^7.27.0",
+        "chalk": "^5.0.0",
+        "chokidar": "^4.0.3",
+        "commander": "^13.0.0",
+        "debounce": "^2.0.0",
+        "esbuild": "^0.25.0",
+        "glob": "^11.0.0",
+        "log-symbols": "^7.0.0",
+        "mime-types": "^3.0.0",
+        "next": "^15.3.1",
+        "normalize-path": "^3.0.0",
+        "ora": "^8.0.0",
+        "socket.io": "^4.8.1"
+      },
+      "bin": {
+        "email": "dist/cli/index.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/react-email/node_modules/chalk": {
+      "version": "5.4.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/react-email/node_modules/chokidar": {
+      "version": "4.0.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/react-email/node_modules/chokidar/node_modules/readdirp": {
+      "version": "4.1.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/react-email/node_modules/commander": {
+      "version": "13.1.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/react-google-drive-picker": {
+      "version": "1.2.2",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/react-hook-form": {
+      "version": "7.58.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "license": "MIT"
+    },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
+    "node_modules/react-medium-image-zoom": {
+      "version": "5.2.14",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/rpearce"
+        }
+      ],
+      "license": "BSD-3-Clause",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-promise-suspense": {
+      "version": "0.3.4",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^2.0.1"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.7.1",
+      "license": "MIT",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "license": "MIT",
+      "dependencies": {
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-simple-code-editor": {
+      "version": "0.14.1",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/react-smooth": {
+      "version": "4.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "fast-equals": "^5.0.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/reactflow": {
+      "version": "11.11.4",
+      "license": "MIT",
+      "dependencies": {
+        "@reactflow/background": "11.3.14",
+        "@reactflow/controls": "11.2.14",
+        "@reactflow/core": "11.11.4",
+        "@reactflow/minimap": "11.7.14",
+        "@reactflow/node-resizer": "2.2.14",
+        "@reactflow/node-toolbar": "1.3.14"
+      },
+      "peerDependencies": {
+        "react": ">=17",
+        "react-dom": ">=17"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "2.15.3",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "eventemitter3": "^4.0.1",
+        "lodash": "^4.17.21",
+        "react-is": "^18.3.1",
+        "react-smooth": "^4.0.4",
+        "recharts-scale": "^0.4.4",
+        "tiny-invariant": "^1.3.1",
+        "victory-vendor": "^36.6.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/recharts-scale": {
+      "version": "0.4.5",
+      "license": "MIT",
+      "dependencies": {
+        "decimal.js-light": "^2.4.1"
+      }
+    },
+    "node_modules/recma-build-jsx": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-util-build-jsx": "^3.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-jsx": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "acorn-jsx": "^5.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "recma-parse": "^1.0.0",
+        "recma-stringify": "^1.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-parse": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "esast-util-from-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/recma-stringify": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-util-to-js": "^2.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/redis-errors": {
+      "version": "1.2.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/redis-parser": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "redis-errors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regex": {
+      "version": "6.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-recursion": {
+      "version": "6.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-utilities": {
+      "version": "2.3.0",
+      "license": "MIT"
+    },
+    "node_modules/rehype-recma": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "hast-util-to-estree": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark": {
+      "version": "15.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-mdx": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-mdx": "^3.0.0",
+        "micromark-extension-mdxjs": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-in-the-middle": {
+      "version": "7.5.2",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.5",
+        "module-details-from-path": "^1.0.3",
+        "resolve": "^1.22.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/resend": {
+      "version": "4.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "@react-email/render": "1.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/resend/node_modules/@react-email/render": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "html-to-text": "^9.0.5",
+        "prettier": "^3.5.3",
+        "react-promise-suspense": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.10",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "license": "ISC"
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "license": "MIT"
+    },
+    "node_modules/rollup": {
+      "version": "4.35.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.6"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.35.0",
+        "@rollup/rollup-android-arm64": "4.35.0",
+        "@rollup/rollup-darwin-arm64": "4.35.0",
+        "@rollup/rollup-darwin-x64": "4.35.0",
+        "@rollup/rollup-freebsd-arm64": "4.35.0",
+        "@rollup/rollup-freebsd-x64": "4.35.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.35.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.35.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.35.0",
+        "@rollup/rollup-linux-arm64-musl": "4.35.0",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.35.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.35.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.35.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.35.0",
+        "@rollup/rollup-linux-x64-gnu": "4.35.0",
+        "@rollup/rollup-linux-x64-musl": "4.35.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.35.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.35.0",
+        "@rollup/rollup-win32-x64-msvc": "4.35.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rou3": {
+      "version": "0.5.1",
+      "license": "MIT"
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/run-async": {
+      "version": "2.4.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "license": "MIT"
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.5.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "license": "MIT"
+    },
+    "node_modules/satori": {
+      "version": "0.12.2",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "@shuding/opentype.js": "1.4.0-beta.0",
+        "css-background-parser": "^0.1.0",
+        "css-box-shadow": "1.0.0-3",
+        "css-gradient-parser": "^0.0.16",
+        "css-to-react-native": "^3.0.0",
+        "emoji-regex": "^10.2.1",
+        "escape-html": "^1.0.3",
+        "linebreak": "^1.1.0",
+        "parse-css-color": "^0.2.1",
+        "postcss-value-parser": "^4.2.0",
+        "yoga-wasm-web": "^0.3.3"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "license": "MIT"
+    },
+    "node_modules/schema-utils": {
+      "version": "4.3.2",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
+    "node_modules/secure-json-parse": {
+      "version": "2.7.0",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/selderee": {
+      "version": "0.11.0",
+      "license": "MIT",
+      "dependencies": {
+        "parseley": "^0.12.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sentence-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3",
+        "upper-case-first": "^2.0.2"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "license": "MIT"
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "license": "MIT"
+    },
+    "node_modules/sharp": {
+      "version": "0.34.2",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.4",
+        "semver": "^7.7.2"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.2",
+        "@img/sharp-darwin-x64": "0.34.2",
+        "@img/sharp-libvips-darwin-arm64": "1.1.0",
+        "@img/sharp-libvips-darwin-x64": "1.1.0",
+        "@img/sharp-libvips-linux-arm": "1.1.0",
+        "@img/sharp-libvips-linux-arm64": "1.1.0",
+        "@img/sharp-libvips-linux-ppc64": "1.1.0",
+        "@img/sharp-libvips-linux-s390x": "1.1.0",
+        "@img/sharp-libvips-linux-x64": "1.1.0",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0",
+        "@img/sharp-libvips-linuxmusl-x64": "1.1.0",
+        "@img/sharp-linux-arm": "0.34.2",
+        "@img/sharp-linux-arm64": "0.34.2",
+        "@img/sharp-linux-s390x": "0.34.2",
+        "@img/sharp-linux-x64": "0.34.2",
+        "@img/sharp-linuxmusl-arm64": "0.34.2",
+        "@img/sharp-linuxmusl-x64": "0.34.2",
+        "@img/sharp-wasm32": "0.34.2",
+        "@img/sharp-win32-arm64": "0.34.2",
+        "@img/sharp-win32-ia32": "0.34.2",
+        "@img/sharp-win32-x64": "0.34.2"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/shiki": {
+      "version": "3.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "3.7.0",
+        "@shikijs/engine-javascript": "3.7.0",
+        "@shikijs/engine-oniguruma": "3.7.0",
+        "@shikijs/langs": "3.7.0",
+        "@shikijs/themes": "3.7.0",
+        "@shikijs/types": "3.7.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/shimmer": {
+      "version": "1.2.1",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sim": {
+      "resolved": "apps/sim",
+      "link": true
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simstudio": {
+      "resolved": "packages/cli",
+      "link": true
+    },
+    "node_modules/simstudio-ts-sdk": {
+      "resolved": "packages/ts-sdk",
+      "link": true
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/snake-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/socket.io": {
+      "version": "4.8.1",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "cors": "~2.8.5",
+        "debug": "~4.3.2",
+        "engine.io": "~6.6.0",
+        "socket.io-adapter": "~2.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.5.5",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "~4.3.4",
+        "ws": "~8.17.1"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/debug": {
+      "version": "4.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/ws": {
+      "version": "8.17.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.8.1",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.6.1",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/debug": {
+      "version": "4.3.7",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sonic-boom": {
+      "version": "4.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stacktrace-parser": {
+      "version": "0.1.11",
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.7.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/standard-as-callback": {
+      "version": "2.1.0",
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "3.9.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stdin-discarder": {
+      "version": "0.2.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
+    "node_modules/string-template": {
+      "version": "0.2.1"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "license": "MIT"
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "license": "MIT"
+    },
+    "node_modules/string.prototype.codepointat": {
+      "version": "0.2.1",
+      "license": "MIT"
+    },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-literal": {
+      "version": "3.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/stripe": {
+      "version": "17.7.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": ">=8.1.0",
+        "qs": "^6.11.0"
+      },
+      "engines": {
+        "node": ">=12.*"
+      }
+    },
+    "node_modules/strnum": {
+      "version": "1.1.2",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/style-to-js": {
+      "version": "1.1.17",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.9"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.9",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.4"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "10.4.5",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob/node_modules/jackspeak": {
+      "version": "3.4.3",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob/node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "license": "ISC"
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/swr": {
+      "version": "2.3.3",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.3",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.3.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.1",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.19.1",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/lilconfig": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar": {
+      "version": "7.4.3",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.0.1",
+        "mkdirp": "^3.0.1",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.43.1",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.14.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.14",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/test-exclude": {
+      "version": "7.0.1",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^10.4.1",
+        "minimatch": "^9.0.4"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/test-exclude/node_modules/glob": {
+      "version": "10.4.5",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/test-exclude/node_modules/glob/node_modules/jackspeak": {
+      "version": "3.4.3",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/test-exclude/node_modules/glob/node_modules/path-scurry": {
+      "version": "1.11.1",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/test-exclude/node_modules/glob/node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/thread-stream": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/three": {
+      "version": "0.177.0",
+      "license": "MIT"
+    },
+    "node_modules/thriftrw": {
+      "version": "3.11.4",
+      "dependencies": {
+        "bufrw": "^1.2.1",
+        "error": "7.0.2",
+        "long": "^2.4.0"
+      },
+      "bin": {
+        "thrift2json": "thrift2json.js"
+      },
+      "engines": {
+        "node": ">= 0.10.x"
+      }
+    },
+    "node_modules/throttleit": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "license": "MIT"
+    },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "license": "MIT"
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "license": "MIT"
+    },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.1",
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinypool": {
+      "version": "1.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tinyspy": {
+      "version": "4.0.3",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "6.1.86",
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^6.1.86"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "6.1.86",
+      "license": "MIT"
+    },
+    "node_modules/tmp": {
+      "version": "0.0.33",
+      "license": "MIT",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "5.1.2",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^6.1.32"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "license": "Apache-2.0"
+    },
+    "node_modules/tsconfck": {
+      "version": "3.1.6",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tsconfck": "bin/tsconfck.js"
+      },
+      "engines": {
+        "node": "^18 || >=20"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "license": "0BSD"
+    },
+    "node_modules/turbo": {
+      "version": "2.5.4",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "turbo": "bin/turbo"
+      },
+      "optionalDependencies": {
+        "turbo-darwin-64": "2.5.4",
+        "turbo-darwin-arm64": "2.5.4",
+        "turbo-linux-64": "2.5.4",
+        "turbo-linux-arm64": "2.5.4",
+        "turbo-windows-64": "2.5.4",
+        "turbo-windows-arm64": "2.5.4"
+      }
+    },
+    "node_modules/turbo-darwin-arm64": {
+      "version": "2.5.4",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/type-fest": {
+      "version": "0.7.1",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.8.3",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uncrypto": {
+      "version": "0.1.3",
+      "license": "MIT"
+    },
+    "node_modules/underscore": {
+      "version": "1.13.7",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "license": "MIT"
+    },
+    "node_modules/unfetch": {
+      "version": "4.2.0",
+      "license": "MIT"
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unicode-trie/node_modules/pako": {
+      "version": "0.2.9",
+      "license": "MIT"
+    },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position-from-estree": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.8.1",
+        "chokidar": "^3.5.3",
+        "webpack-sources": "^3.2.3",
+        "webpack-virtual-modules": "^0.5.0"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/upper-case": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/upper-case-first": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "license": "MIT",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.3",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "license": "MIT",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.5.0",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "license": "MIT"
+    },
+    "node_modules/uuid": {
+      "version": "11.1.0",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/esm/bin/uuid"
+      }
+    },
+    "node_modules/uzip": {
+      "version": "0.20201231.0",
+      "license": "MIT"
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/victory-vendor": {
+      "version": "36.9.2",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.3.5",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-node": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.4.1",
+        "es-module-lexer": "^1.7.0",
+        "pathe": "^2.0.3",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vite-tsconfig-paths": {
+      "version": "5.1.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "globrex": "^0.1.2",
+        "tsconfck": "^3.0.3"
+      },
+      "peerDependencies": {
+        "vite": "*"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest": {
+      "version": "3.2.4",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/expect": "3.2.4",
+        "@vitest/mocker": "3.2.4",
+        "@vitest/pretty-format": "^3.2.4",
+        "@vitest/runner": "3.2.4",
+        "@vitest/snapshot": "3.2.4",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "debug": "^4.4.1",
+        "expect-type": "^1.2.1",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "std-env": "^3.9.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^0.3.2",
+        "tinyglobby": "^0.2.14",
+        "tinypool": "^1.1.1",
+        "tinyrainbow": "^2.0.0",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0",
+        "vite-node": "3.2.4",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@types/debug": "^4.1.12",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "@vitest/browser": "3.2.4",
+        "@vitest/ui": "3.2.4",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@types/debug": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/tinyexec": {
+      "version": "0.3.2",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.4",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "4.0.0-beta.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.99.9",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.1",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.3.3",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.5.0",
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/mime-types": {
+      "version": "2.1.35",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/webpack/node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.52.0",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.18.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "10.1.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.1.2",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/xorshift": {
+      "version": "1.2.0",
+      "license": "MIT"
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "2.8.0",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoctocolors": {
+      "version": "2.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoga-wasm-web": {
+      "version": "0.3.3",
+      "license": "MIT"
+    },
+    "node_modules/zod": {
+      "version": "3.25.67",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-to-json-schema": {
+      "version": "3.24.5",
+      "license": "ISC",
+      "peerDependencies": {
+        "zod": "^3.24.1"
+      }
+    },
+    "node_modules/zone.js": {
+      "version": "0.15.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/zustand": {
+      "version": "4.5.7",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.2.2"
+      },
+      "engines": {
+        "node": ">=12.7.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.8",
+        "immer": ">=9.0.6",
+        "react": ">=16.8"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "packages/cli": {
+      "name": "simstudio",
+      "version": "0.1.19",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "commander": "^11.1.0",
+        "dotenv": "^16.3.1",
+        "inquirer": "^8.2.6",
+        "listr2": "^6.6.1"
+      },
+      "bin": {
+        "simstudio": "dist/index.js"
+      },
+      "devDependencies": {
+        "@types/inquirer": "^8.2.6",
+        "@types/node": "^20.5.1",
+        "typescript": "^5.1.6"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "packages/cli/node_modules/@types/node": {
+      "version": "20.19.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "packages/ts-sdk": {
+      "name": "simstudio-ts-sdk",
+      "version": "0.1.0",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "node-fetch": "^3.3.2"
+      },
+      "devDependencies": {
+        "@types/node": "^20.5.1",
+        "@vitest/coverage-v8": "^3.0.8",
+        "typescript": "^5.1.6",
+        "vitest": "^3.0.8"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "packages/ts-sdk/node_modules/@types/node": {
+      "version": "20.19.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-darwin-arm64": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.3.4.tgz",
+      "integrity": "sha512-z0qIYTONmPRbwHWvpyrFXJd5F9YWLCsw3Sjrzj2ZvMYy9NPQMPZ1NjOJh4ojr4oQzcGYwgJKfidzehaNa1BpEg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-darwin-x64": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.3.4.tgz",
+      "integrity": "sha512-Z0FYJM8lritw5Wq+vpHYuCIzIlEMjewG2aRkc3Hi2rcbULknYL/xqfpBL23jQnCSrDUGAo/AEv0Z+s2bff9Zkw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.3.4.tgz",
+      "integrity": "sha512-l8ZQOCCg7adwmsnFm8m5q9eIPAHdaB2F3cxhufYtVo84pymwKuWfpYTKcUiFcutJdp9xGHC+F1Uq3xnFU1B/7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.3.4.tgz",
+      "integrity": "sha512-wFyZ7X470YJQtpKot4xCY3gpdn8lE9nTlldG07/kJYexCUpX1piX+MBfZdvulo+t1yADFVEuzFfVHfklfEx8kw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.3.4.tgz",
+      "integrity": "sha512-gEbH9rv9o7I12qPyvZNVTyP/PWKqOp8clvnoYZQiX800KkqsaJZuOXkWgMa7ANCCh/oEN2ZQheh3yH8/kWPSEg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.3.4.tgz",
+      "integrity": "sha512-Cf8sr0ufuC/nu/yQ76AnarbSAXcwG/wj+1xFPNbyNo8ltA6kw5d5YqO8kQuwVIxk13SBdtgXrNyom3ZosHAy4A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.3.4.tgz",
+      "integrity": "sha512-ay5+qADDN3rwRbRpEhTOreOn1OyJIXS60tg9WMYTWCy3fB6rGoyjLVxc4dR9PYjEdR2iDYsaF5h03NA+XuYPQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/next-runtime-env/node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.3.4.tgz",
+      "integrity": "sha512-4kDt31Bc9DGyYs41FTL1/kNpDeHyha2TC0j5sRRoKCyrhNcfZ/nRQkAUlF27mETwm8QyHqIjHJitfcza2Iykfg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index f2e777c84..9ec930a09 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "@linear/sdk": "40.0.0",
     "@t3-oss/env-nextjs": "0.13.4",
     "@vercel/analytics": "1.5.0",
+    "geist": "^1.4.2",
     "remark-gfm": "4.0.1",
     "socket.io-client": "4.8.1"
   },