diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/thinking-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/thinking-block.tsx
index 7b09fa09ec..1238af807e 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/thinking-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/thinking-block.tsx
@@ -171,7 +171,10 @@ export function ThinkingBlock({
         </span>
         {hasContent && (
           <ChevronUp
-            className={clsx('h-3 w-3 transition-transform', isExpanded ? 'rotate-180' : 'rotate-90')}
+            className={clsx(
+              'h-3 w-3 transition-transform',
+              isExpanded ? 'rotate-180' : 'rotate-90'
+            )}
             aria-hidden='true'
           />
         )}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/copilot-message.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/copilot-message.tsx
index 4311d09188..8dacde3924 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/copilot-message.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/copilot-message.tsx
@@ -3,7 +3,11 @@
 import { type FC, memo, useCallback, useMemo, useState } from 'react'
 import { RotateCcw } from 'lucide-react'
 import { Button } from '@/components/emcn'
-import { OptionsSelector, parseSpecialTags, ToolCall } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components'
+import {
+  OptionsSelector,
+  parseSpecialTags,
+  ToolCall,
+} from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components'
 import {
   FileAttachmentDisplay,
   SmoothStreamingText,
@@ -466,7 +470,6 @@ const CopilotMessage: FC<CopilotMessageProps> = memo(
               </div>
             )}
 
-
             {/* Citations if available */}
             {message.citations && message.citations.length > 0 && (
               <div className='pt-1'>
@@ -488,17 +491,14 @@ const CopilotMessage: FC<CopilotMessageProps> = memo(
             )}
 
             {/* Options selector when agent presents choices */}
-            {!isStreaming &&
-              parsedTags?.options &&
-              Object.keys(parsedTags.options).length > 0 && (
-                <OptionsSelector
-                  options={parsedTags.options}
-                  onSelect={handleOptionSelect}
-                  disabled={isSendingMessage}
-                  enableKeyboardNav={isLastMessage}
-                />
-              )}
-
+            {!isStreaming && parsedTags?.options && Object.keys(parsedTags.options).length > 0 && (
+              <OptionsSelector
+                options={parsedTags.options}
+                onSelect={handleOptionSelect}
+                disabled={isSendingMessage}
+                enableKeyboardNav={isLastMessage}
+              />
+            )}
           </div>
         </div>
       )
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/queued-messages/queued-messages.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/queued-messages/queued-messages.tsx
index dda35af434..37a1d8e1c9 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/queued-messages/queued-messages.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/queued-messages/queued-messages.tsx
@@ -31,7 +31,7 @@ export function QueuedMessages() {
   if (messageQueue.length === 0) return null
 
   return (
-    <div className='mx-2 overflow-hidden rounded-t-lg border border-b-0 border-black/[0.08] bg-[var(--bg-secondary)] dark:border-white/[0.08]'>
+    <div className='mx-2 overflow-hidden rounded-t-lg border border-black/[0.08] border-b-0 bg-[var(--bg-secondary)] dark:border-white/[0.08]'>
       {/* Header */}
       <button
         type='button'
@@ -44,7 +44,7 @@ export function QueuedMessages() {
           ) : (
             <ChevronRight className='h-3 w-3 text-[var(--text-tertiary)]' />
           )}
-          <span className='text-xs font-medium text-[var(--text-secondary)]'>
+          <span className='font-medium text-[var(--text-secondary)] text-xs'>
             {messageQueue.length} Queued
           </span>
         </div>
@@ -57,7 +57,7 @@ export function QueuedMessages() {
           {messageQueue.map((msg) => (
             <div
               key={msg.id}
-              className='group flex items-center gap-2 border-t border-black/[0.04] px-2.5 py-1.5 hover:bg-[var(--bg-tertiary)] dark:border-white/[0.04]'
+              className='group flex items-center gap-2 border-black/[0.04] border-t px-2.5 py-1.5 hover:bg-[var(--bg-tertiary)] dark:border-white/[0.04]'
             >
               {/* Radio indicator */}
               <div className='flex h-3 w-3 shrink-0 items-center justify-center'>
@@ -66,9 +66,7 @@ export function QueuedMessages() {
 
               {/* Message content */}
               <div className='min-w-0 flex-1'>
-                <p className='truncate text-xs text-[var(--text-primary)]'>
-                  {msg.content}
-                </p>
+                <p className='truncate text-[var(--text-primary)] text-xs'>{msg.content}</p>
               </div>
 
               {/* Actions - always visible */}
@@ -103,4 +101,3 @@ export function QueuedMessages() {
     </div>
   )
 }
-
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/tool-call/tool-call.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/tool-call/tool-call.tsx
index c0fdeb14c0..a5416440fb 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/tool-call/tool-call.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/tool-call/tool-call.tsx
@@ -2,17 +2,16 @@
 
 import { useEffect, useMemo, useRef, useState } from 'react'
 import clsx from 'clsx'
-import { Check, ChevronDown, ChevronUp } from 'lucide-react'
+import { ChevronUp } from 'lucide-react'
 import { Button, Code } from '@/components/emcn'
 import { ClientToolCallState } from '@/lib/copilot/tools/client/base-tool'
 import { getClientTool } from '@/lib/copilot/tools/client/manager'
 import { getRegisteredTools } from '@/lib/copilot/tools/client/registry'
+import CopilotMarkdownRenderer from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/markdown-renderer'
 import { getBlock } from '@/blocks/registry'
 import { CLASS_TOOL_METADATA, useCopilotStore } from '@/stores/panel/copilot/store'
 import type { CopilotToolCall, SubAgentContentBlock } from '@/stores/panel/copilot/types'
-import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 import { useWorkflowStore } from '@/stores/workflows/workflow/store'
-import CopilotMarkdownRenderer from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/markdown-renderer'
 
 /**
  * Parse special tags from content
@@ -82,9 +81,9 @@ function PlanSteps({ steps }: { steps: Record<string, PlanStep> }) {
   const sortedSteps = useMemo(() => {
     return Object.entries(steps)
       .sort(([a], [b]) => {
-        const numA = parseInt(a, 10)
-        const numB = parseInt(b, 10)
-        if (!isNaN(numA) && !isNaN(numB)) return numA - numB
+        const numA = Number.parseInt(a, 10)
+        const numB = Number.parseInt(b, 10)
+        if (!Number.isNaN(numA) && !Number.isNaN(numB)) return numA - numB
         return a.localeCompare(b)
       })
       .map(([num, step]) => {
@@ -97,8 +96,8 @@ function PlanSteps({ steps }: { steps: Record<string, PlanStep> }) {
   if (sortedSteps.length === 0) return null
 
   return (
-    <div className='mt-2 rounded-md border border-[var(--border-1)] bg-[var(--surface-1)] overflow-hidden'>
-      <div className='px-2.5 py-2 border-b border-[var(--border-1)] bg-[var(--surface-2)]'>
+    <div className='mt-2 overflow-hidden rounded-md border border-[var(--border-1)] bg-[var(--surface-1)]'>
+      <div className='border-[var(--border-1)] border-b bg-[var(--surface-2)] px-2.5 py-2'>
         <span className='font-medium font-season text-[12px] text-[var(--text-primary)]'>
           Workflow Plan
         </span>
@@ -106,10 +105,10 @@ function PlanSteps({ steps }: { steps: Record<string, PlanStep> }) {
       <div className='divide-y divide-[var(--border-1)]'>
         {sortedSteps.map(([num, title]) => (
           <div key={num} className='flex items-start gap-2.5 px-2.5 py-2'>
-            <div className='flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-[var(--surface-3)] font-mono text-[11px] font-medium text-[var(--text-secondary)]'>
+            <div className='flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-[var(--surface-3)] font-medium font-mono text-[11px] text-[var(--text-secondary)]'>
               {num}
             </div>
-            <div className='min-w-0 flex-1 text-[12px] text-[var(--text-secondary)] leading-5 [&_p]:m-0 [&_p]:leading-5 [&_code]:text-[11px] [&_code]:px-1 [&_code]:py-0.5'>
+            <div className='min-w-0 flex-1 text-[12px] text-[var(--text-secondary)] leading-5 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[11px] [&_p]:m-0 [&_p]:leading-5'>
               <CopilotMarkdownRenderer content={title} />
             </div>
           </div>
@@ -139,9 +138,9 @@ export function OptionsSelector({
   const sortedOptions = useMemo(() => {
     return Object.entries(options)
       .sort(([a], [b]) => {
-        const numA = parseInt(a, 10)
-        const numB = parseInt(b, 10)
-        if (!isNaN(numA) && !isNaN(numB)) return numA - numB
+        const numA = Number.parseInt(a, 10)
+        const numB = Number.parseInt(b, 10)
+        if (!Number.isNaN(numA) && !Number.isNaN(numB)) return numA - numB
         return a.localeCompare(b)
       })
       .map(([key, option]) => {
@@ -196,7 +195,7 @@ export function OptionsSelector({
   return (
     <div
       ref={containerRef}
-      className='mt-3 rounded-md border border-[var(--border-1)] bg-[var(--surface-1)] overflow-hidden'
+      className='mt-3 overflow-hidden rounded-md border border-[var(--border-1)] bg-[var(--surface-1)]'
     >
       <div className='divide-y divide-[var(--border-1)]'>
         {sortedOptions.map((option, index) => {
@@ -222,13 +221,13 @@ export function OptionsSelector({
                     ? 'bg-[var(--surface-3)]'
                     : 'bg-transparent'
                   : isHovered
-                    ? 'bg-[var(--surface-3)] cursor-pointer'
-                    : 'hover:bg-[var(--surface-2)] cursor-pointer'
-              } ${disabled ? 'opacity-50 cursor-not-allowed' : ''} ${isLocked ? 'cursor-default' : ''}`}
+                    ? 'cursor-pointer bg-[var(--surface-3)]'
+                    : 'cursor-pointer hover:bg-[var(--surface-2)]'
+              } ${disabled ? 'cursor-not-allowed opacity-50' : ''} ${isLocked ? 'cursor-default' : ''}`}
             >
               {/* Option number */}
               <div
-                className={`flex h-5 w-5 flex-shrink-0 items-center justify-center font-mono text-[11px] font-medium ${
+                className={`flex h-5 w-5 flex-shrink-0 items-center justify-center font-medium font-mono text-[11px] ${
                   isRejected ? 'text-[var(--text-tertiary)]' : 'text-[var(--text-secondary)]'
                 }`}
               >
@@ -237,7 +236,7 @@ export function OptionsSelector({
 
               {/* Option content */}
               <div
-                className={`min-w-0 flex-1 font-season text-[12px] leading-5 [&_p]:m-0 [&_p]:leading-5 [&_code]:text-[11px] [&_code]:px-1 [&_code]:py-0.5 ${
+                className={`min-w-0 flex-1 font-season text-[12px] leading-5 [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[11px] [&_p]:m-0 [&_p]:leading-5 ${
                   isChosen
                     ? 'font-medium text-[var(--text-primary)]'
                     : isRejected
@@ -496,7 +495,8 @@ function SubAgentToolCall({ toolCall: toolCallProp }: { toolCall: CopilotToolCal
   const isSpecial = isSpecialToolCall(toolCall)
 
   // Get params for table rendering
-  const params = (toolCall as any).parameters || (toolCall as any).input || (toolCall as any).params || {}
+  const params =
+    (toolCall as any).parameters || (toolCall as any).input || (toolCall as any).params || {}
 
   // Render table for tools that support it
   const renderSubAgentTable = () => {
@@ -516,8 +516,12 @@ function SubAgentToolCall({ toolCall: toolCallProp }: { toolCall: CopilotToolCal
           <table className='w-full table-fixed bg-transparent'>
             <thead className='bg-transparent'>
               <tr className='border-[var(--border-1)] border-b bg-transparent'>
-                <th className='w-[36%] border-[var(--border-1)] border-r bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>Variable</th>
-                <th className='w-[64%] bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>Value</th>
+                <th className='w-[36%] border-[var(--border-1)] border-r bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>
+                  Variable
+                </th>
+                <th className='w-[64%] bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>
+                  Value
+                </th>
               </tr>
             </thead>
             <tbody className='bg-transparent'>
@@ -526,10 +530,14 @@ function SubAgentToolCall({ toolCall: toolCallProp }: { toolCall: CopilotToolCal
                 return (
                   <tr key={key} className='border-[var(--border-1)] border-t bg-transparent'>
                     <td className='w-[36%] border-[var(--border-1)] border-r bg-transparent px-[10px] py-[6px]'>
-                      <span className='truncate font-medium text-[var(--text-primary)] text-xs'>{key}</span>
+                      <span className='truncate font-medium text-[var(--text-primary)] text-xs'>
+                        {key}
+                      </span>
                     </td>
                     <td className='w-[64%] bg-transparent px-[10px] py-[6px]'>
-                      <span className='font-mono text-[var(--text-muted)] text-xs'>{String(value)}</span>
+                      <span className='font-mono text-[var(--text-muted)] text-xs'>
+                        {String(value)}
+                      </span>
                     </td>
                   </tr>
                 )
@@ -546,21 +554,33 @@ function SubAgentToolCall({ toolCall: toolCallProp }: { toolCall: CopilotToolCal
       return (
         <div className='mt-1.5 w-full overflow-hidden rounded-[4px] border border-[var(--border-1)] bg-[var(--surface-1)]'>
           <div className='grid grid-cols-3 gap-0 border-[var(--border-1)] border-b bg-[var(--surface-4)] py-1.5'>
-            <div className='self-start px-2 font-medium font-season text-[10px] text-[var(--text-secondary)] uppercase tracking-wide'>Name</div>
-            <div className='self-start px-2 font-medium font-season text-[10px] text-[var(--text-secondary)] uppercase tracking-wide'>Type</div>
-            <div className='self-start px-2 font-medium font-season text-[10px] text-[var(--text-secondary)] uppercase tracking-wide'>Value</div>
+            <div className='self-start px-2 font-medium font-season text-[10px] text-[var(--text-secondary)] uppercase tracking-wide'>
+              Name
+            </div>
+            <div className='self-start px-2 font-medium font-season text-[10px] text-[var(--text-secondary)] uppercase tracking-wide'>
+              Type
+            </div>
+            <div className='self-start px-2 font-medium font-season text-[10px] text-[var(--text-secondary)] uppercase tracking-wide'>
+              Value
+            </div>
           </div>
           <div className='divide-y divide-[var(--border-1)]'>
             {ops.map((op, idx) => (
               <div key={idx} className='grid grid-cols-3 gap-0 py-1.5'>
                 <div className='min-w-0 self-start px-2'>
-                  <span className='font-season text-[var(--text-primary)] text-xs'>{String(op.name || '')}</span>
+                  <span className='font-season text-[var(--text-primary)] text-xs'>
+                    {String(op.name || '')}
+                  </span>
                 </div>
                 <div className='self-start px-2'>
-                  <span className='rounded border border-[var(--border-1)] px-1 py-0.5 font-[470] font-season text-[10px] text-[var(--text-primary)]'>{String(op.type || '')}</span>
+                  <span className='rounded border border-[var(--border-1)] px-1 py-0.5 font-[470] font-season text-[10px] text-[var(--text-primary)]'>
+                    {String(op.type || '')}
+                  </span>
                 </div>
                 <div className='min-w-0 self-start px-2'>
-                  <span className='font-[470] font-mono text-[var(--text-muted)] text-xs'>{op.value !== undefined ? String(op.value) : '—'}</span>
+                  <span className='font-[470] font-mono text-[var(--text-muted)] text-xs'>
+                    {op.value !== undefined ? String(op.value) : '—'}
+                  </span>
                 </div>
               </div>
             ))}
@@ -572,7 +592,11 @@ function SubAgentToolCall({ toolCall: toolCallProp }: { toolCall: CopilotToolCal
     if (toolCall.name === 'run_workflow') {
       let inputs = params.input || params.inputs || params.workflow_input
       if (typeof inputs === 'string') {
-        try { inputs = JSON.parse(inputs) } catch { inputs = {} }
+        try {
+          inputs = JSON.parse(inputs)
+        } catch {
+          inputs = {}
+        }
       }
       if (params.workflow_input && typeof params.workflow_input === 'object') {
         inputs = params.workflow_input
@@ -589,18 +613,26 @@ function SubAgentToolCall({ toolCall: toolCallProp }: { toolCall: CopilotToolCal
           <table className='w-full table-fixed bg-transparent'>
             <thead className='bg-transparent'>
               <tr className='border-[var(--border-1)] border-b bg-transparent'>
-                <th className='w-[36%] border-[var(--border-1)] border-r bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>Input</th>
-                <th className='w-[64%] bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>Value</th>
+                <th className='w-[36%] border-[var(--border-1)] border-r bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>
+                  Input
+                </th>
+                <th className='w-[64%] bg-transparent px-[10px] py-[5px] text-left font-medium text-[12px] text-[var(--text-tertiary)]'>
+                  Value
+                </th>
               </tr>
             </thead>
             <tbody className='bg-transparent'>
               {inputEntries.map(([key, value]) => (
                 <tr key={key} className='border-[var(--border-1)] border-t bg-transparent'>
                   <td className='w-[36%] border-[var(--border-1)] border-r bg-transparent px-[10px] py-[6px]'>
-                    <span className='truncate font-medium text-[var(--text-primary)] text-xs'>{key}</span>
+                    <span className='truncate font-medium text-[var(--text-primary)] text-xs'>
+                      {key}
+                    </span>
                   </td>
                   <td className='w-[64%] bg-transparent px-[10px] py-[6px]'>
-                    <span className='font-mono text-[var(--text-muted)] text-xs'>{String(value)}</span>
+                    <span className='font-mono text-[var(--text-muted)] text-xs'>
+                      {String(value)}
+                    </span>
                   </td>
                 </tr>
               ))}
@@ -785,7 +817,10 @@ function SubAgentContent({
         </span>
         {hasContent && (
           <ChevronUp
-            className={clsx('h-3 w-3 transition-transform', isExpanded ? 'rotate-180' : 'rotate-90')}
+            className={clsx(
+              'h-3 w-3 transition-transform',
+              isExpanded ? 'rotate-180' : 'rotate-90'
+            )}
             aria-hidden='true'
           />
         )}
@@ -833,7 +868,9 @@ function SubAgentContent({
 
       {/* Render WorkflowEditSummary outside the collapsible container for edit_workflow tool calls */}
       {blocks
-        .filter((block) => block.type === 'subagent_tool_call' && block.toolCall?.name === 'edit_workflow')
+        .filter(
+          (block) => block.type === 'subagent_tool_call' && block.toolCall?.name === 'edit_workflow'
+        )
         .map((block, index) => (
           <WorkflowEditSummary
             key={`edit-summary-${block.toolCall?.id || index}`}
@@ -842,18 +879,19 @@ function SubAgentContent({
         ))}
 
       {/* Render PlanSteps for plan subagent when content contains <plan> tag */}
-      {toolName === 'plan' && (() => {
-        // Combine all text content from blocks
-        const allText = blocks
-          .filter((b) => b.type === 'subagent_text' && b.content)
-          .map((b) => b.content)
-          .join('')
-        const parsed = parseSpecialTags(allText)
-        if (parsed.plan && Object.keys(parsed.plan).length > 0) {
-          return <PlanSteps steps={parsed.plan} />
-        }
-        return null
-      })()}
+      {toolName === 'plan' &&
+        (() => {
+          // Combine all text content from blocks
+          const allText = blocks
+            .filter((b) => b.type === 'subagent_text' && b.content)
+            .map((b) => b.content)
+            .join('')
+          const parsed = parseSpecialTags(allText)
+          if (parsed.plan && Object.keys(parsed.plan).length > 0) {
+            return <PlanSteps steps={parsed.plan} />
+          }
+          return null
+        })()}
     </div>
   )
 }
@@ -904,9 +942,10 @@ function WorkflowEditSummary({ toolCall }: { toolCall: CopilotToolCall }) {
   }
 
   // Extract operations from tool call params
-  const params = (toolCall as any).parameters || (toolCall as any).input || (toolCall as any).params || {}
+  const params =
+    (toolCall as any).parameters || (toolCall as any).input || (toolCall as any).params || {}
   let operations = Array.isArray(params.operations) ? params.operations : []
-  
+
   // Fallback: check if operations are at top level of toolCall
   if (operations.length === 0 && Array.isArray((toolCall as any).operations)) {
     operations = (toolCall as any).operations
@@ -1049,10 +1088,7 @@ function WorkflowEditSummary({ toolCall }: { toolCall: CopilotToolCall }) {
   }
 
   // Render a single block item with action icon and details
-  const renderBlockItem = (
-    change: BlockChange,
-    type: 'add' | 'edit' | 'delete'
-  ) => {
+  const renderBlockItem = (change: BlockChange, type: 'add' | 'edit' | 'delete') => {
     const blockConfig = getBlockConfig(change.blockType)
     const Icon = blockConfig?.icon
     const bgColor = blockConfig?.bgColor || '#6B7280'
@@ -1064,12 +1100,13 @@ function WorkflowEditSummary({ toolCall }: { toolCall: CopilotToolCall }) {
     }
     const { symbol, color } = actionIcons[type]
 
-    const subBlocksToShow = type === 'add' ? change.subBlocks : type === 'edit' ? change.changedSubBlocks : undefined
+    const subBlocksToShow =
+      type === 'add' ? change.subBlocks : type === 'edit' ? change.changedSubBlocks : undefined
 
     return (
       <div
         key={`${type}-${change.blockId}`}
-        className='rounded-md border border-[var(--border-1)] bg-[var(--surface-1)] overflow-hidden'
+        className='overflow-hidden rounded-md border border-[var(--border-1)] bg-[var(--surface-1)]'
       >
         {/* Block header */}
         <div className='flex items-center justify-between px-2.5 py-2'>
@@ -1088,21 +1125,20 @@ function WorkflowEditSummary({ toolCall }: { toolCall: CopilotToolCall }) {
             </span>
           </div>
           {/* Action icon in top right */}
-          <span className={`font-mono text-[14px] font-bold ${color}`}>{symbol}</span>
+          <span className={`font-bold font-mono text-[14px] ${color}`}>{symbol}</span>
         </div>
 
         {/* Subblock details */}
         {subBlocksToShow && subBlocksToShow.length > 0 && (
-          <div className='border-t border-[var(--border-1)] bg-[var(--surface-2)] px-2.5 py-1.5'>
+          <div className='border-[var(--border-1)] border-t bg-[var(--surface-2)] px-2.5 py-1.5'>
             {subBlocksToShow.map((sb) => (
-              <div
-                key={sb.id}
-                className='flex items-start gap-1.5 py-0.5 text-[11px]'
-              >
-                <span className={`font-medium ${type === 'edit' ? 'text-[#f97316]' : 'text-[var(--text-tertiary)]'}`}>
+              <div key={sb.id} className='flex items-start gap-1.5 py-0.5 text-[11px]'>
+                <span
+                  className={`font-medium ${type === 'edit' ? 'text-[#f97316]' : 'text-[var(--text-tertiary)]'}`}
+                >
                   {formatSubBlockLabel(sb.id)}:
                 </span>
-                <span className='text-[var(--text-muted)] line-clamp-1 break-all'>
+                <span className='line-clamp-1 break-all text-[var(--text-muted)]'>
                   {formatSubBlockValue(sb.value)}
                 </span>
               </div>
@@ -1441,7 +1477,20 @@ export function ToolCall({ toolCall: toolCallProp, toolCallId, onStateChange }:
   if (toolCall.name === 'checkoff_todo' || toolCall.name === 'mark_todo_in_progress') return null
 
   // Special rendering for subagent tools - only show the collapsible SubAgentContent
-  const SUBAGENT_TOOLS = ['plan', 'edit', 'debug', 'test', 'deploy', 'auth', 'research', 'knowledge', 'custom_tool', 'tour', 'info', 'workflow']
+  const SUBAGENT_TOOLS = [
+    'plan',
+    'edit',
+    'debug',
+    'test',
+    'deploy',
+    'auth',
+    'research',
+    'knowledge',
+    'custom_tool',
+    'tour',
+    'info',
+    'workflow',
+  ]
   const isSubagentTool = SUBAGENT_TOOLS.includes(toolCall.name)
   if (isSubagentTool && toolCall.subAgentBlocks && toolCall.subAgentBlocks.length > 0) {
     return (
@@ -1779,55 +1828,52 @@ export function ToolCall({ toolCall: toolCallProp, toolCallId, onStateChange }:
             </thead>
             <tbody className='bg-transparent'>
               {inputEntries.map(([key, value]) => (
-                  <tr
-                    key={key}
-                    className='group relative border-[var(--border-1)] border-t bg-transparent'
-                  >
-                    <td className='relative w-[36%] border-[var(--border-1)] border-r bg-transparent p-0'>
-                      <div className='px-[10px] py-[8px]'>
-                        <span className='truncate font-medium text-[var(--text-primary)] text-xs'>
-                          {key}
-                        </span>
-                      </div>
-                    </td>
-                    <td className='relative w-[64%] bg-transparent p-0'>
-                      <div className='min-w-0 px-[10px] py-[8px]'>
-                        <input
-                          type='text'
-                          value={String(value)}
-                          onChange={(e) => {
-                            const newInputs = { ...safeInputs, [key]: e.target.value }
+                <tr
+                  key={key}
+                  className='group relative border-[var(--border-1)] border-t bg-transparent'
+                >
+                  <td className='relative w-[36%] border-[var(--border-1)] border-r bg-transparent p-0'>
+                    <div className='px-[10px] py-[8px]'>
+                      <span className='truncate font-medium text-[var(--text-primary)] text-xs'>
+                        {key}
+                      </span>
+                    </div>
+                  </td>
+                  <td className='relative w-[64%] bg-transparent p-0'>
+                    <div className='min-w-0 px-[10px] py-[8px]'>
+                      <input
+                        type='text'
+                        value={String(value)}
+                        onChange={(e) => {
+                          const newInputs = { ...safeInputs, [key]: e.target.value }
 
-                            // Determine how to update based on original structure
-                            if (isNestedInWorkflowInput) {
-                              // Update workflow_input
-                              setEditedParams({ ...editedParams, workflow_input: newInputs })
-                            } else if (typeof editedParams.input === 'string') {
-                              // Input was a JSON string, serialize back
-                              setEditedParams({ ...editedParams, input: JSON.stringify(newInputs) })
-                            } else if (
-                              editedParams.input &&
-                              typeof editedParams.input === 'object'
-                            ) {
-                              // Input is an object
-                              setEditedParams({ ...editedParams, input: newInputs })
-                            } else if (
-                              editedParams.inputs &&
-                              typeof editedParams.inputs === 'object'
-                            ) {
-                              // Inputs is an object
-                              setEditedParams({ ...editedParams, inputs: newInputs })
-                            } else {
-                              // Flat structure - update at base level
-                              setEditedParams({ ...editedParams, [key]: e.target.value })
-                            }
-                          }}
-                          className='w-full bg-transparent font-mono text-[var(--text-muted)] text-xs outline-none focus:text-[var(--text-primary)]'
-                        />
-                      </div>
-                    </td>
-                  </tr>
-                ))}
+                          // Determine how to update based on original structure
+                          if (isNestedInWorkflowInput) {
+                            // Update workflow_input
+                            setEditedParams({ ...editedParams, workflow_input: newInputs })
+                          } else if (typeof editedParams.input === 'string') {
+                            // Input was a JSON string, serialize back
+                            setEditedParams({ ...editedParams, input: JSON.stringify(newInputs) })
+                          } else if (editedParams.input && typeof editedParams.input === 'object') {
+                            // Input is an object
+                            setEditedParams({ ...editedParams, input: newInputs })
+                          } else if (
+                            editedParams.inputs &&
+                            typeof editedParams.inputs === 'object'
+                          ) {
+                            // Inputs is an object
+                            setEditedParams({ ...editedParams, inputs: newInputs })
+                          } else {
+                            // Flat structure - update at base level
+                            setEditedParams({ ...editedParams, [key]: e.target.value })
+                          }
+                        }}
+                        className='w-full bg-transparent font-mono text-[var(--text-muted)] text-xs outline-none focus:text-[var(--text-primary)]'
+                      />
+                    </div>
+                  </td>
+                </tr>
+              ))}
             </tbody>
           </table>
         </div>
diff --git a/apps/sim/lib/copilot/registry.ts b/apps/sim/lib/copilot/registry.ts
index 4cbf207bdf..544b12f0f9 100644
--- a/apps/sim/lib/copilot/registry.ts
+++ b/apps/sim/lib/copilot/registry.ts
@@ -213,7 +213,9 @@ export const ToolArgSchemas = {
   manage_custom_tool: z.object({
     operation: z
       .enum(['add', 'edit', 'delete', 'list'])
-      .describe('The operation to perform: add (create new), edit (update existing), delete, or list (get all tools)'),
+      .describe(
+        'The operation to perform: add (create new), edit (update existing), delete, or list (get all tools)'
+      ),
     toolId: z
       .string()
       .optional()
diff --git a/apps/sim/lib/copilot/tools/client/blocks/get-block-options.ts b/apps/sim/lib/copilot/tools/client/blocks/get-block-options.ts
index 57c8b32fd7..f55dc42b64 100644
--- a/apps/sim/lib/copilot/tools/client/blocks/get-block-options.ts
+++ b/apps/sim/lib/copilot/tools/client/blocks/get-block-options.ts
@@ -66,7 +66,11 @@ export class GetBlockOptionsClientTool extends BaseClientTool {
       // Handle both camelCase and snake_case parameter names, plus blockType as an alias
       const normalizedArgs = args
         ? {
-            blockId: args.blockId || (args as any).block_id || (args as any).blockType || (args as any).block_type,
+            blockId:
+              args.blockId ||
+              (args as any).block_id ||
+              (args as any).blockType ||
+              (args as any).block_type,
           }
         : {}
 
diff --git a/apps/sim/lib/copilot/tools/client/other/auth.ts b/apps/sim/lib/copilot/tools/client/other/auth.ts
index e910f46694..9685c07b41 100644
--- a/apps/sim/lib/copilot/tools/client/other/auth.ts
+++ b/apps/sim/lib/copilot/tools/client/other/auth.ts
@@ -42,4 +42,3 @@ export class AuthClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/custom-tool.ts b/apps/sim/lib/copilot/tools/client/other/custom-tool.ts
index 410486b7da..def81fce14 100644
--- a/apps/sim/lib/copilot/tools/client/other/custom-tool.ts
+++ b/apps/sim/lib/copilot/tools/client/other/custom-tool.ts
@@ -42,4 +42,3 @@ export class CustomToolClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/debug.ts b/apps/sim/lib/copilot/tools/client/other/debug.ts
index 47671f4c07..8c464a101b 100644
--- a/apps/sim/lib/copilot/tools/client/other/debug.ts
+++ b/apps/sim/lib/copilot/tools/client/other/debug.ts
@@ -46,4 +46,3 @@ export class DebugClientTool extends BaseClientTool {
     // when the debug subagent completes its work
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/deploy.ts b/apps/sim/lib/copilot/tools/client/other/deploy.ts
index fbe1e2e783..87c51f3f4c 100644
--- a/apps/sim/lib/copilot/tools/client/other/deploy.ts
+++ b/apps/sim/lib/copilot/tools/client/other/deploy.ts
@@ -42,4 +42,3 @@ export class DeployClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/edit.ts b/apps/sim/lib/copilot/tools/client/other/edit.ts
index 302ddc453d..399378d8f1 100644
--- a/apps/sim/lib/copilot/tools/client/other/edit.ts
+++ b/apps/sim/lib/copilot/tools/client/other/edit.ts
@@ -45,4 +45,3 @@ export class EditClientTool extends BaseClientTool {
     // when the edit subagent completes its work
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/info.ts b/apps/sim/lib/copilot/tools/client/other/info.ts
index 60a9083b97..50643e34ca 100644
--- a/apps/sim/lib/copilot/tools/client/other/info.ts
+++ b/apps/sim/lib/copilot/tools/client/other/info.ts
@@ -42,4 +42,3 @@ export class InfoClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/knowledge.ts b/apps/sim/lib/copilot/tools/client/other/knowledge.ts
index b4dbd70690..c084d1fb11 100644
--- a/apps/sim/lib/copilot/tools/client/other/knowledge.ts
+++ b/apps/sim/lib/copilot/tools/client/other/knowledge.ts
@@ -42,4 +42,3 @@ export class KnowledgeClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/research.ts b/apps/sim/lib/copilot/tools/client/other/research.ts
index 7ce52fda2a..2a2d6360cf 100644
--- a/apps/sim/lib/copilot/tools/client/other/research.ts
+++ b/apps/sim/lib/copilot/tools/client/other/research.ts
@@ -42,4 +42,3 @@ export class ResearchClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/test.ts b/apps/sim/lib/copilot/tools/client/other/test.ts
index cbb188df46..17419891ed 100644
--- a/apps/sim/lib/copilot/tools/client/other/test.ts
+++ b/apps/sim/lib/copilot/tools/client/other/test.ts
@@ -42,4 +42,3 @@ export class TestClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/tour.ts b/apps/sim/lib/copilot/tools/client/other/tour.ts
index 0f59773ce1..947b68d7fc 100644
--- a/apps/sim/lib/copilot/tools/client/other/tour.ts
+++ b/apps/sim/lib/copilot/tools/client/other/tour.ts
@@ -42,4 +42,3 @@ export class TourClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/lib/copilot/tools/client/other/workflow.ts b/apps/sim/lib/copilot/tools/client/other/workflow.ts
index b66ec50068..f7f0b61df6 100644
--- a/apps/sim/lib/copilot/tools/client/other/workflow.ts
+++ b/apps/sim/lib/copilot/tools/client/other/workflow.ts
@@ -42,4 +42,3 @@ export class WorkflowClientTool extends BaseClientTool {
     this.setState(ClientToolCallState.executing)
   }
 }
-
diff --git a/apps/sim/stores/panel/copilot/store.ts b/apps/sim/stores/panel/copilot/store.ts
index 41dd27ec66..9aee4557b5 100644
--- a/apps/sim/stores/panel/copilot/store.ts
+++ b/apps/sim/stores/panel/copilot/store.ts
@@ -25,27 +25,27 @@ import {
   registerToolStateSync,
 } from '@/lib/copilot/tools/client/manager'
 import { NavigateUIClientTool } from '@/lib/copilot/tools/client/navigation/navigate-ui'
+import { AuthClientTool } from '@/lib/copilot/tools/client/other/auth'
 import { CheckoffTodoClientTool } from '@/lib/copilot/tools/client/other/checkoff-todo'
+import { CustomToolClientTool } from '@/lib/copilot/tools/client/other/custom-tool'
+import { DebugClientTool } from '@/lib/copilot/tools/client/other/debug'
+import { DeployClientTool } from '@/lib/copilot/tools/client/other/deploy'
+import { EditClientTool } from '@/lib/copilot/tools/client/other/edit'
+import { InfoClientTool } from '@/lib/copilot/tools/client/other/info'
+import { KnowledgeClientTool } from '@/lib/copilot/tools/client/other/knowledge'
 import { MakeApiRequestClientTool } from '@/lib/copilot/tools/client/other/make-api-request'
 import { MarkTodoInProgressClientTool } from '@/lib/copilot/tools/client/other/mark-todo-in-progress'
 import { OAuthRequestAccessClientTool } from '@/lib/copilot/tools/client/other/oauth-request-access'
 import { PlanClientTool } from '@/lib/copilot/tools/client/other/plan'
 import { RememberDebugClientTool } from '@/lib/copilot/tools/client/other/remember-debug'
+import { ResearchClientTool } from '@/lib/copilot/tools/client/other/research'
 import { SearchDocumentationClientTool } from '@/lib/copilot/tools/client/other/search-documentation'
 import { SearchErrorsClientTool } from '@/lib/copilot/tools/client/other/search-errors'
-import { EditClientTool } from '@/lib/copilot/tools/client/other/edit'
-import { DebugClientTool } from '@/lib/copilot/tools/client/other/debug'
 import { SearchOnlineClientTool } from '@/lib/copilot/tools/client/other/search-online'
 import { SearchPatternsClientTool } from '@/lib/copilot/tools/client/other/search-patterns'
 import { SleepClientTool } from '@/lib/copilot/tools/client/other/sleep'
 import { TestClientTool } from '@/lib/copilot/tools/client/other/test'
-import { DeployClientTool } from '@/lib/copilot/tools/client/other/deploy'
-import { AuthClientTool } from '@/lib/copilot/tools/client/other/auth'
-import { ResearchClientTool } from '@/lib/copilot/tools/client/other/research'
-import { KnowledgeClientTool } from '@/lib/copilot/tools/client/other/knowledge'
-import { CustomToolClientTool } from '@/lib/copilot/tools/client/other/custom-tool'
 import { TourClientTool } from '@/lib/copilot/tools/client/other/tour'
-import { InfoClientTool } from '@/lib/copilot/tools/client/other/info'
 import { WorkflowClientTool } from '@/lib/copilot/tools/client/other/workflow'
 import { createExecutionContext, getTool } from '@/lib/copilot/tools/client/registry'
 import { GetCredentialsClientTool } from '@/lib/copilot/tools/client/user/get-credentials'
@@ -1690,7 +1690,7 @@ const subAgentSSEHandlers: Record<string, SSEHandler> = {
     // Arguments can come in different locations depending on SSE format
     // Check multiple possible locations
     let args = toolData.arguments || toolData.input || data?.arguments || data?.input
-    
+
     // If arguments is a string, try to parse it as JSON
     if (typeof args === 'string') {
       try {
@@ -1721,7 +1721,9 @@ const subAgentSSEHandlers: Record<string, SSEHandler> = {
     ensureClientToolInstance(name, id)
 
     // Create or update the subagent tool call
-    const existingIndex = context.subAgentToolCalls[parentToolCallId].findIndex((tc) => tc.id === id)
+    const existingIndex = context.subAgentToolCalls[parentToolCallId].findIndex(
+      (tc) => tc.id === id
+    )
     const subAgentToolCall: CopilotToolCall = {
       id,
       name,
@@ -1755,7 +1757,9 @@ const subAgentSSEHandlers: Record<string, SSEHandler> = {
       const def = getTool(name)
       if (def) {
         const hasInterrupt =
-          typeof def.hasInterrupt === 'function' ? !!def.hasInterrupt(args || {}) : !!def.hasInterrupt
+          typeof def.hasInterrupt === 'function'
+            ? !!def.hasInterrupt(args || {})
+            : !!def.hasInterrupt
         if (!hasInterrupt) {
           // Auto-execute tools without interrupts
           const ctx = createExecutionContext({ toolCallId: id, toolName: name })
@@ -1774,7 +1778,11 @@ const subAgentSSEHandlers: Record<string, SSEHandler> = {
             try {
               await instance.execute(args || {})
             } catch (execErr: any) {
-              logger.error('[SubAgent] Class tool execution failed', { id, name, error: execErr?.message })
+              logger.error('[SubAgent] Class tool execution failed', {
+                id,
+                name,
+                error: execErr?.message,
+              })
             }
           }
         }
@@ -2339,7 +2347,9 @@ export const useCopilotStore = create<CopilotStore>()(
       // If already sending a message, queue this one instead
       if (isSendingMessage) {
         get().addToQueue(message, { fileAttachments, contexts })
-        logger.info('[Copilot] Message queued (already sending)', { queueLength: get().messageQueue.length + 1 })
+        logger.info('[Copilot] Message queued (already sending)', {
+          queueLength: get().messageQueue.length + 1,
+        })
         return
       }
 
@@ -2551,7 +2561,6 @@ export const useCopilotStore = create<CopilotStore>()(
             }).catch(() => {})
           } catch {}
         }
-
       } catch {
         set({ isSendingMessage: false, isAborting: false, abortController: null })
       }
@@ -2992,14 +3001,14 @@ export const useCopilotStore = create<CopilotStore>()(
               })
               continue
             }
-            
+
             logger.info('[SSE] Processing subagent event', {
               type: data.type,
               subagent: data.subagent,
               parentToolCallId,
               hasHandler: !!subAgentSSEHandlers[data.type],
             })
-            
+
             const subAgentHandler = subAgentSSEHandlers[data.type]
             if (subAgentHandler) {
               await subAgentHandler(data, context, get, set)
@@ -3065,7 +3074,10 @@ export const useCopilotStore = create<CopilotStore>()(
         // Process next message in queue if any
         const nextInQueue = get().messageQueue[0]
         if (nextInQueue) {
-          logger.info('[Queue] Processing next queued message', { id: nextInQueue.id, queueLength: get().messageQueue.length })
+          logger.info('[Queue] Processing next queued message', {
+            id: nextInQueue.id,
+            queueLength: get().messageQueue.length,
+          })
           // Remove from queue and send
           get().removeFromQueue(nextInQueue.id)
           // Use setTimeout to avoid blocking the current execution
@@ -3493,12 +3505,18 @@ export const useCopilotStore = create<CopilotStore>()(
         queuedAt: Date.now(),
       }
       set({ messageQueue: [...get().messageQueue, queuedMessage] })
-      logger.info('[Queue] Message added to queue', { id: queuedMessage.id, queueLength: get().messageQueue.length })
+      logger.info('[Queue] Message added to queue', {
+        id: queuedMessage.id,
+        queueLength: get().messageQueue.length,
+      })
     },
 
     removeFromQueue: (id) => {
       set({ messageQueue: get().messageQueue.filter((m) => m.id !== id) })
-      logger.info('[Queue] Message removed from queue', { id, queueLength: get().messageQueue.length })
+      logger.info('[Queue] Message removed from queue', {
+        id,
+        queueLength: get().messageQueue.length,
+      })
     },
 
     moveUpInQueue: (id) => {