feat(search): ask-Sim tab mode, canvas sections, and palette refinements

Tab now flips the palette into ask mode — Enter lands on Chat with the query
seeded via the proven curated-prompt handoff (auto-send deferred on a
diagnosed use-chat mount-abort bug) — replacing the no-results New Chat
fallback. Restores the canvas Blocks/Triggers/Tools/Tool operations sections
between the workflow Actions group and Sim, keeps the integrations catalog
and connected accounts off the canvas, renames the global group to Sim and
page groups to Actions, puts an exactly-named page above its lifted contents,
adds chat last-activity receipts, and softens the list chrome (hidden
scrollbar, shorter fade, scroll-margin fixes for arrow and loop navigation).
Also renames the generic webhook block to Webhook.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: j15z

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/toolbar/toolbar.tsx

@@ -183,14 +183,14 @@ function syncCachesToOverlayVersion(version: number) {
 
 /**
  * Gets triggers data, computing it once per overlay version and caching for
- * subsequent calls. Non-integration triggers (Start, Schedule, Webhook Trigger) are
+ * subsequent calls. Non-integration triggers (Start, Schedule, Webhook) are
  * prioritized first, followed by all other triggers sorted alphabetically.
  */
 function getTriggers(overlayVersion: number): BlockItem[] {
   syncCachesToOverlayVersion(overlayVersion)
   if (cachedTriggers === null) {
     const allTriggers = getTriggersForSidebar()
-    const priorityOrder = ['Start', 'Schedule', 'Webhook Trigger']
+    const priorityOrder = ['Start', 'Schedule', 'Webhook']
 
     const sortedTriggers = allTriggers.sort((a, b) => {
       const aIndex = priorityOrder.indexOf(a.name)

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-chrome/command-chrome.tsx

@@ -1,6 +1,11 @@
 'use client'
 
-import { type ComponentPropsWithoutRef, forwardRef, type KeyboardEvent } from 'react'
+import {
+  type ComponentPropsWithoutRef,
+  forwardRef,
+  type KeyboardEvent,
+  type ReactNode,
+} from 'react'
 import { cn } from '@sim/emcn'
 import { Command } from 'cmdk'
 import { Search } from 'lucide-react'
@@ -11,6 +16,8 @@ type CommandListProps = ComponentPropsWithoutRef<typeof Command.List>
 interface CommandSearchProps extends Omit<CommandInputProps, 'className'> {
   surface: 'canvas' | 'palette'
   cycleResultsOnTab?: boolean
+  /** Trailing slot after the input (e.g. a mode hint). Non-interactive. */
+  endAdornment?: ReactNode
 }
 
 interface CommandFadedListProps extends CommandListProps {
@@ -39,7 +46,10 @@ const LIST_FADE_CLASSNAME = {
 
 /** Borderless search field layered over a fading command-result list. */
 export const CommandSearch = forwardRef<HTMLInputElement, CommandSearchProps>(
-  function CommandSearch({ surface, cycleResultsOnTab = false, onKeyDown, ...props }, ref) {
+  function CommandSearch(
+    { surface, cycleResultsOnTab = false, endAdornment, onKeyDown, ...props },
+    ref
+  ) {
     const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
       onKeyDown?.(event)
       if (!cycleResultsOnTab || event.defaultPrevented || event.key !== 'Tab') return
@@ -68,6 +78,7 @@ export const CommandSearch = forwardRef<HTMLInputElement, CommandSearchProps>(
           onKeyDown={handleKeyDown}
           {...props}
         />
+        {endAdornment}
       </div>
     )
   }

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-items/command-items.tsx

@@ -92,6 +92,7 @@ export const MemoizedCommandItem = memo(
     showColoredIcon,
     workflowType,
     label,
+    labelPrefix,
     meta,
   }: CommandItemProps) {
     const workflowAccent = workflowType ? getMappedWorkflowTypeAccent(workflowType) : null
@@ -121,8 +122,11 @@ export const MemoizedCommandItem = memo(
             />
           </div>
         )}
-        <span className='truncate text-[var(--text-body)]'>{label}</span>
-        {meta && <ItemMeta meta={meta} />}
+        <span className='truncate text-[var(--text-body)]'>
+          {labelPrefix && <span className='text-[var(--text-subtle)]'>{labelPrefix} </span>}
+          {label}
+        </span>
+        {meta ? <ItemMeta meta={meta} /> : null}
       </Command.Item>
     )
   },
@@ -133,6 +137,7 @@ export const MemoizedCommandItem = memo(
     prev.showColoredIcon === next.showColoredIcon &&
     prev.workflowType === next.workflowType &&
     prev.label === next.label &&
+    prev.labelPrefix === next.labelPrefix &&
     prev.meta === next.meta
 )
 

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/search-groups/search-groups.tsx

@@ -100,6 +100,56 @@ function renderSearchEntry(
           shortcut={entry.item.shortcut}
         />
       )
+    case 'blocks':
+      return (
+        <MemoizedCommandItem
+          key={key}
+          value={`${entry.item.name} ${key}`}
+          onSelect={() => handlers.onSelectBlock(entry.item)}
+          icon={entry.item.icon}
+          bgColor={entry.item.bgColor}
+          showColoredIcon
+          workflowType={entry.item.type}
+          label={entry.item.name}
+        />
+      )
+    case 'tools':
+      return (
+        <MemoizedCommandItem
+          key={key}
+          value={`${entry.item.name} ${key}`}
+          onSelect={() => handlers.onSelectTool(entry.item)}
+          icon={entry.item.icon}
+          bgColor={entry.item.bgColor}
+          showColoredIcon
+          label={entry.item.name}
+        />
+      )
+    case 'triggers':
+      return (
+        <MemoizedCommandItem
+          key={key}
+          value={`${entry.item.name} ${key}`}
+          onSelect={() => handlers.onSelectTrigger(entry.item)}
+          icon={entry.item.icon}
+          bgColor={entry.item.bgColor}
+          showColoredIcon
+          label={entry.item.name}
+        />
+      )
+    case 'toolOperations':
+      return (
+        <MemoizedCommandItem
+          key={key}
+          value={`${entry.item.searchValue} ${key}`}
+          onSelect={() => handlers.onSelectToolOperation(entry.item)}
+          icon={entry.item.icon}
+          bgColor={entry.item.bgColor}
+          showColoredIcon
+          labelPrefix={entry.item.serviceName}
+          label={entry.item.name}
+        />
+      )
     case 'connectedAccounts':
       return (
         <MemoizedCommandItem