fix: close node-search modal on Tab instead of cycling focus

The search modal wraps its content in a Reka UI FocusScope, so Tab cycled
focus through the chips/input/list. Combined with the new Tab-toggles-search
keybinding, Tab behaved inconsistently: while the auto-focused input held
focus the global binding was skipped (Tab is reserved by text inputs), so
the modal didn't close until focus had moved off the input.

Intercept Tab at the modal root in the capture phase (runs before
FocusScope) and emit close. Ctrl/Cmd/Alt+Tab are left to the browser.
Auto-focus on the search input is unchanged.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/searchbox/NodeSearchBoxPopover.vue

@@ -31,6 +31,7 @@
             @remove-filter="removeFilter"
             @add-node="addNode"
             @hover-node="hoveredNodeDef = $event"
+            @close="closeDialog"
           />
           <NodePreviewCard
             v-if="hoveredNodeDef && enableNodePreview"

src/components/searchbox/v2/NodeSearchContent.test.ts

@@ -37,6 +37,7 @@ describe('NodeSearchContent', () => {
     const onRemoveFilter =
       vi.fn<(f: FuseFilterWithValue<ComfyNodeDefImpl, string>) => void>()
     const onAddFilter = vi.fn()
+    const onClose = vi.fn()
     render(NodeSearchContent, {
       props: {
         filters: [],
@@ -44,6 +45,7 @@ describe('NodeSearchContent', () => {
         onHoverNode,
         onRemoveFilter,
         onAddFilter,
+        onClose,
         ...props
       },
       global: {
@@ -63,7 +65,14 @@ describe('NodeSearchContent', () => {
         }
       }
     })
-    return { user, onAddNode, onHoverNode, onRemoveFilter, onAddFilter }
+    return {
+      user,
+      onAddNode,
+      onHoverNode,
+      onRemoveFilter,
+      onAddFilter,
+      onClose
+    }
   }
 
   function mockBookmarks(
@@ -527,6 +536,30 @@ describe('NodeSearchContent', () => {
     })
   })
 
+  describe('close on Tab', () => {
+    it('should emit close when Tab is pressed from the search input', async () => {
+      const { user, onClose } = await setupFavorites([
+        { name: 'TestNode', display_name: 'Test Node' }
+      ])
+
+      await user.click(screen.getByRole('combobox'))
+      await user.keyboard('{Tab}')
+
+      expect(onClose).toHaveBeenCalledTimes(1)
+    })
+
+    it('should not emit close for Ctrl+Tab', async () => {
+      const { user, onClose } = await setupFavorites([
+        { name: 'TestNode', display_name: 'Test Node' }
+      ])
+
+      await user.click(screen.getByRole('combobox'))
+      await user.keyboard('{Control>}{Tab}{/Control}')
+
+      expect(onClose).not.toHaveBeenCalled()
+    })
+  })
+
   describe('hoverNode emission', () => {
     it('should emit hoverNode with the currently selected node', async () => {
       const { onHoverNode } = await setupFavorites([

src/components/searchbox/v2/NodeSearchContent.vue

@@ -3,6 +3,7 @@
     <div
       ref="dialogRef"
       class="flex h-[min(80vh,750px)] w-full flex-col overflow-hidden rounded-lg border border-interface-stroke bg-base-background"
+      @keydown.capture="closeOnTab"
     >
       <!-- Search input row -->
       <NodeSearchInput
@@ -151,8 +152,22 @@ const emit = defineEmits<{
   addFilter: [filter: FuseFilterWithValue<ComfyNodeDefImpl, string>]
   removeFilter: [filter: FuseFilterWithValue<ComfyNodeDefImpl, string>]
   hoverNode: [nodeDef: ComfyNodeDefImpl | null]
+  close: []
 }>()
 
+function closeOnTab(event: KeyboardEvent) {
+  if (
+    event.key === 'Tab' &&
+    !event.ctrlKey &&
+    !event.metaKey &&
+    !event.altKey
+  ) {
+    event.preventDefault()
+    event.stopPropagation()
+    emit('close')
+  }
+}
+
 const { t } = useI18n()
 const { flags } = useFeatureFlags()
 const nodeDefStore = useNodeDefStore()

src/platform/keybindings/defaults.ts

@@ -36,6 +36,13 @@ export const CORE_KEYBINDINGS: Keybinding[] = [
     },
     commandId: 'Workspace.ToggleSidebarTab.workflows'
   },
+  {
+    combo: {
+      key: 'Tab'
+    },
+    commandId: 'Workspace.SearchBox.Toggle',
+    targetElementId: 'graph-canvas-container'
+  },
   {
     combo: {
       key: 'n'