npm - themelia-react-ui - Versions diffs - 2.0.5 → 3.0.0 - Mend

themelia-react-ui 2.0.5 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (968) hide show

package/dist/features/global-search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"global-search.js","names":["React","_Fragment","React","cn","TextButton","Text","focusRecipes","Stack","toneRecipes","markRecipes","surfaceDividerRecipes","kbdRecipe","surfaceInsetClasses","collectionRowClasses","popoverRecipes","ActionDialog","interactionRecipes","Value","SecondaryValue","AvatarFallback","Avatar","AvatarImage","Badge","fieldAffordanceRecipes","FieldClearGlyph","InputGroup","InputGroupInput","InputGroupAddon","TabsTrigger","TabsList","Tabs","EmptyState","React$1","Fragment$1","defaultGlobalSearchStrings","useGlobalSearch","activeTab","setActiveTabState","useState","activeIdx","setActiveIdx","query","grouped","useMemo","buckets","r","results","tabCounts","counts","k","v","visibleGrouped","sub","flat","activeIdxRef","useRef","flatRef","tab","idx","id","i","item","onResultSelect","onClose","GlobalSearchEmptyState","hint","Search","Shortcut","keys","label","GlobalSearchFooter","className","navigateLabel","openLabel","closeLabel","trailing","GlobalSearchGroupHeading","Icon","action","GlobalSearchIdleState","sections","section","fallbackIcons","ItemIcon","GlobalSearchInput","innerRef","ref","autoFocus","onValueChange","placeholder","expanded","controls","activeDescendant","loading","value","Loader2","clearLabel","toned","tone","DEFAULT_TONE_BG","DEFAULT_TONE_AVATAR","highlightMatch","q","text","lower","ql","GlobalSearchResultRow","ThumbIcon","result","bg","av","liftNeutralTile","active","optionId","onSelect","pieces","m","tag","p","ArrowRight","GlobalSearchTabs","tabs","count","GlobalSearch","stringsProp","strings","useStrings","search","isEmpty","isIdle","listboxBaseId","showResults","flatIndexById","index","optionIdFor","groupKeys","listboxIdFor","groupIndex","activeOptionId","resolvedTabs","key","groupLabels","slots","onQueryChange","idleSections","interpolateString","groupKey","items","isActive","ctx","GlobalSearchDialog","searchProps","close","onOpenChange","contentClassName"],"sources":["../../src/components/features/global-search/global-search.strings.ts","../../src/components/features/global-search/hooks/use-global-search.ts","../../src/components/features/global-search/partials/global-search-empty-state.tsx","../../src/components/features/global-search/partials/global-search-footer.tsx","../../src/components/features/global-search/partials/global-search-group-heading.tsx","../../src/components/features/global-search/partials/global-search-idle-state.tsx","../../src/components/features/global-search/partials/global-search-input.tsx","../../src/components/features/global-search/partials/tone-palettes.ts","../../src/components/features/global-search/partials/global-search-result-row.tsx","../../src/components/features/global-search/partials/global-search-tabs.tsx","../../src/components/features/global-search/global-search.tsx","../../src/components/features/global-search/global-search-dialog.tsx"],"sourcesContent":["/*\n Strings for `GlobalSearch` and its partials. Consumers override via the\n * `strings` prop on `<GlobalSearch />`; values are deep-merged over these\n * defaults so partial overrides are safe.\n /\nexport interface GlobalSearchStrings {\n\t/* Placeholder copy for the search input. /\n\t/* Names the modal presentation for assistive technology. /\n\tdialogTitle: string;\n\tplaceholder: string;\n\t/* aria-label for the clear-search icon button. /\n\tclear: string;\n\t/* Loading-state copy. /\n\tloading: string;\n\t/* Empty-state title — uses {{query}} as a placeholder. /\n\temptyTitle: string;\n\t/* Empty-state body copy. /\n\temptyHint: string;\n\t/* Idle-state heading for \"Recent\" suggestions. /\n\tidleRecent: string;\n\t/* Idle-state heading for curated \"Suggestions\". /\n\tidleSuggestions: string;\n\t/* Tab label for the \"All\" tab. /\n\ttabAll: string;\n\t/* Footer \"navigate\" hint. /\n\tfooterNavigate: string;\n\t/* Footer \"open\" hint. /\n\tfooterOpen: string;\n\t/* Footer \"close\" hint. /\n\tfooterClose: string;\n\t/* Trailing N results count. /\n\tresultsCount: string;\n\t/* \"See all\" group action — jumps to that tab. /\n\tseeAll: string;\n}\n\nexport const defaultGlobalSearchStrings: GlobalSearchStrings = {\n\tdialogTitle: 'Search',\n\tplaceholder: 'Search…',\n\tclear: 'Clear search',\n\tloading: 'Searching…',\n\temptyTitle: 'No results for \"{{query}}\"',\n\temptyHint: 'Try a shorter keyword or check the spelling.',\n\tidleRecent: 'Recent',\n\tidleSuggestions: 'Suggestions',\n\ttabAll: 'All',\n\tfooterNavigate: 'navigate',\n\tfooterOpen: 'open',\n\tfooterClose: 'close',\n\tresultsCount: '{{count}} results',\n\tseeAll: 'See all',\n};\n","/\n useGlobalSearch — headless state machine for `<GlobalSearch />`.\n \n Owns the active-row index, active tab, and the keyboard-navigation\n * handler. Returns the derived flat list (results filtered by tab) so\n * consumers can render entirely custom UIs against the same state.\n \n Usage:\n * const search = useGlobalSearch({ results, query });\n * <input onKeyDown={search.onKeyDown} />\n * {search.flat.map((r, i) => <Row active={i === search.activeIdx} … />)}\n /\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { GlobalSearchResult } from '../global-search.types';\n\nexport interface UseGlobalSearchOptions<TGroup extends string = string> {\n\tresults: ReadonlyArray<GlobalSearchResult<TGroup>>;\n\tquery: string;\n\t/* Fires when the user activates a row (Enter or click). /\n\tonResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n\t/* Fires when the user presses Escape. /\n\tonClose?: () => void;\n}\n\nexport interface UseGlobalSearchReturn<TGroup extends string = string> {\n\t/* Results bucketed by group, in insertion order. /\n\tgrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n\t/* Result count per tab (`all` plus each group key). /\n\ttabCounts: Record<string, number>;\n\t/* Currently-selected tab. /\n\tactiveTab: 'all' \| TGroup;\n\t/* Set the active tab — also resets the active index. /\n\tsetActiveTab: (tab: 'all' \| TGroup) => void;\n\t/* Filtered grouped map respecting the active tab. /\n\tvisibleGrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n\t/* Flat ordered list matching what is currently rendered. /\n\tflat: GlobalSearchResult<TGroup>[];\n\t/* Index into `flat` of the currently-highlighted row. /\n\tactiveIdx: number;\n\tsetActiveIdx: (i: number) => void;\n\t/* Programmatically activate a result by id. /\n\tsetActiveById: (id: string) => void;\n\t/* Bind to the search input's `onKeyDown` for arrow / enter / escape support. /\n\tonKeyDown: (e: React.KeyboardEvent) => void;\n\t/* Activate the row at `activeIdx`. /\n\tselectActive: () => void;\n}\n\nexport function useGlobalSearch<TGroup extends string = string>({\n\tresults,\n\tquery,\n\tonResultSelect,\n\tonClose,\n}: UseGlobalSearchOptions<TGroup>): UseGlobalSearchReturn<TGroup> {\n\tconst [activeTab, setActiveTabState] =\n\t\tuseState<'all' \| TGroup>('all');\n\tconst [activeIdx, setActiveIdx] = useState(0);\n\n\t// Reset both the active row and the active tab when the query changes\n\t// (so a fresh query never inherits a stale highlight or filter).\n\tuseEffect(() => {\n\t\tsetActiveTabState('all');\n\t\tsetActiveIdx(0);\n\t}, [query]);\n\n\tconst grouped = useMemo(() => {\n\t\tconst buckets: Record<string, GlobalSearchResult<TGroup>[]> = {};\n\t\tfor (const r of results) {\n\t\t\t(buckets[r.group] ??= []).push(r);\n\t\t}\n\t\treturn buckets;\n\t}, [results]);\n\n\tconst tabCounts = useMemo(() => {\n\t\tconst counts: Record<string, number> = { all: results.length };\n\t\tfor (const [k, v] of Object.entries(grouped)) counts[k] = v.length;\n\t\treturn counts;\n\t}, [results.length, grouped]);\n\n\tconst visibleGrouped = useMemo(() => {\n\t\tif (activeTab === 'all') return grouped;\n\t\tconst sub = grouped[activeTab as string];\n\t\treturn sub ? ({ [activeTab as string]: sub } as Record<string, GlobalSearchResult<TGroup>[]>) : {};\n\t}, [grouped, activeTab]);\n\n\tconst flat = useMemo(() => {\n\t\tif (activeTab === 'all') return results.slice();\n\t\treturn grouped[activeTab as string] ?? [];\n\t}, [activeTab, grouped, results]);\n\n\tconst activeIdxRef = useRef(activeIdx);\n\tactiveIdxRef.current = activeIdx;\n\tconst flatRef = useRef(flat);\n\tflatRef.current = flat;\n\n\tconst setActiveTab = (tab: 'all' \| TGroup) => {\n\t\tsetActiveTabState(tab);\n\t\tsetActiveIdx(0);\n\t};\n\n\tconst setActiveById = (id: string) => {\n\t\tconst idx = flatRef.current.findIndex((r) => r.id === id);\n\t\tif (idx >= 0) setActiveIdx(idx);\n\t};\n\n\tconst selectActive = () => {\n\t\tconst item = flatRef.current[activeIdxRef.current];\n\t\tif (item) onResultSelect?.(item);\n\t};\n\n\tconst onKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'ArrowDown') {\n\t\t\te.preventDefault();\n\t\t\tsetActiveIdx((i) => Math.min(i + 1, flatRef.current.length - 1));\n\t\t} else if (e.key === 'ArrowUp') {\n\t\t\te.preventDefault();\n\t\t\tsetActiveIdx((i) => Math.max(i - 1, 0));\n\t\t} else if (e.key === 'Enter') {\n\t\t\tconst item = flatRef.current[activeIdxRef.current];\n\t\t\tif (item) {\n\t\t\t\te.preventDefault();\n\t\t\t\tonResultSelect?.(item);\n\t\t\t}\n\t\t} else if (e.key === 'Escape') {\n\t\t\tonClose?.();\n\t\t}\n\t};\n\n\treturn {\n\t\tgrouped,\n\t\ttabCounts,\n\t\tactiveTab,\n\t\tsetActiveTab,\n\t\tvisibleGrouped,\n\t\tflat,\n\t\tactiveIdx,\n\t\tsetActiveIdx,\n\t\tsetActiveById,\n\t\tonKeyDown,\n\t\tselectActive,\n\t};\n}\n","/\n Default empty-state body — shown when the query yields no results.\n * Override entirely via `slots.empty`.\n /\nimport { Search } from 'lucide-react';\n\nimport { EmptyState } from '../../../blocks/data-display';\n\nexport interface GlobalSearchEmptyStateProps {\n\t/* Surface title. /\n\ttitle: string;\n\t/* Short guidance shown beneath the control. /\n\thint: string;\n}\n\nexport function GlobalSearchEmptyState({ title, hint }: GlobalSearchEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={title}\n\t\t\tdescription={hint}\n\t\t\tmedia={<Search className=\"size-icon\" aria-hidden=\"true\" />}\n\t\t\tmediaVariant=\"icon-soft\"\n\t\t\tpadding=\"md\"\n\t\t\tclassName=\"global-search-empty-state--component\"\n\t\t/>\n\t);\n}\n","/\n GlobalSearchFooter — keyboard-hint strip below the result list.\n * Override entirely via `slots.footer`.\n \n It is the anchored collection footer band: one region inset and a quiet top\n * rule, with copy aligned to the row text above it. Each key sits tight against\n * its own hint, and the hint pairs are spaced apart from one another.\n /\nimport { Text } from '../../../typography';\nimport { popoverRecipes } from '../../../base/popover/popover.recipes';\nimport { cn } from '../../../../lib/utils';\nimport { kbdRecipe, surfaceDividerRecipes } from '../../../../lib/surface-recipes';\n\nexport interface GlobalSearchFooterProps {\n\t/* Footer hint for the arrow keys. /\n\tnavigateLabel: string;\n\t/* Footer hint for the enter key. /\n\topenLabel: string;\n\t/* Footer hint for the escape key. /\n\tcloseLabel: string;\n\t/* Trailing right-aligned content (e.g. \"3 results\"). /\n\ttrailing?: React.ReactNode;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nfunction Shortcut({ keys, label }: { keys: string; label: string }) {\n\treturn (\n\t\t<span className=\"global-search-footer--shortcut inline-flex items-center gap-space-xs\">\n\t\t\t<kbd className={kbdRecipe}>{keys}</kbd>\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t{label}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nexport function GlobalSearchFooter({\n\tnavigateLabel,\n\topenLabel,\n\tcloseLabel,\n\ttrailing,\n\tclassName,\n}: GlobalSearchFooterProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'global-search-footer--component',\n\t\t\t\tpopoverRecipes.menuRegion,\n\t\t\t\tsurfaceDividerRecipes.anchored.footer,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('global-search-footer--body flex flex-col items-stretch gap-space-xs', popoverRecipes.menuCopyInset, '@sm/global-search:flex-row @sm/global-search:items-center @sm/global-search:justify-between')}>\n\t\t\t\t<span className=\"global-search-footer--shortcuts flex flex-wrap items-center gap-x-space-lg gap-y-space-xs\">\n\t\t\t\t\t<Shortcut keys=\"↑↓\" label={navigateLabel} />\n\t\t\t\t\t<Shortcut keys=\"↵\" label={openLabel} />\n\t\t\t\t\t<Shortcut keys=\"esc\" label={closeLabel} />\n\t\t\t\t</span>\n\t\t\t\t{trailing ? (\n\t\t\t\t\t<span className=\"global-search-footer--trailing shrink-0 self-end whitespace-nowrap @sm/global-search:self-auto\">\n\t\t\t\t\t\t{trailing}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/\n Group caption shared by result groups and idle sections. It uses the compact\n * secondary role and inset of a Command group heading, so a caption never reads\n * as another row and both lists keep one rhythm.\n /\nimport type as React from 'react';\n\nimport { Text } from '../../../typography';\n\nexport interface GlobalSearchGroupHeadingProps {\n\t/** Caption copy. /\n\tlabel: React.ReactNode;\n\t/* Optional leading glyph supplied by the section. /\n\ticon?: React.ElementType;\n\t/* Trailing action, such as \"See all\". /\n\taction?: React.ReactNode;\n}\n\nexport function GlobalSearchGroupHeading({ label, icon: Icon, action }: GlobalSearchGroupHeadingProps) {\n\treturn (\n\t\t<div className=\"global-search-group--heading flex items-center justify-between gap-space-sm px-row-x pt-space-md pb-space-xs\">\n\t\t\t<span className=\"inline-flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm shrink-0 text-muted-foreground\" aria-hidden=\"true\" />}\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" weight=\"medium\" lineHeight=\"tight\" className=\"truncate\">\n\t\t\t\t\t{label}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t\t{action}\n\t\t</div>\n\t);\n}\n","/\n Default idle-state body — shown when the query is too short.\n * Renders consumer-supplied \"Recent\" + \"Suggestions\" sections with the same\n * compact collection inset, group captions and rows as the result list.\n /\nimport { Search } from 'lucide-react';\nimport as React from 'react';\n\nimport { collectionRowClasses, surfaceInsetClasses } from '../../../base/popover/popover.recipes';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { GlobalSearchIdleSection } from '../global-search.types';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { GlobalSearchGroupHeading } from './global-search-group-heading';\n\nexport interface GlobalSearchIdleStateProps {\n\t/** Sections to render, in display order. /\n\tsections: ReadonlyArray<GlobalSearchIdleSection>;\n\t/* Optional heading icon used when a section supplies none. Headings carry no icon by default. /\n\tfallbackIcons?: { recent?: React.ElementType; suggestions?: React.ElementType };\n}\n\nexport function GlobalSearchIdleState({\n\tsections,\n\tfallbackIcons,\n}: GlobalSearchIdleStateProps) {\n\treturn (\n\t\t<div className={cn('global-search-idle-state--component', surfaceInsetClasses.compact)}>\n\t\t\t{sections.map((section, idx) => (\n\t\t\t\t<div key={section.id} className=\"global-search-idle-state--section\">\n\t\t\t\t\t<GlobalSearchGroupHeading\n\t\t\t\t\t\tlabel={section.label}\n\t\t\t\t\t\ticon={section.icon ?? (idx === 0 ? fallbackIcons?.recent : fallbackIcons?.suggestions)}\n\t\t\t\t\t/>\n\t\t\t\t\t<ul className=\"m-0 flex list-none flex-col p-0\">\n\t\t\t\t\t\t{section.items.map((item) => {\n\t\t\t\t\t\t\tconst ItemIcon = item.icon ?? Search;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={item.id}>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={item.onSelect}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t`${interactionRecipes.nativeButtonReset} flex w-full cursor-pointer items-center justify-start text-inherit outline-none ${focusRecipes.inset} text-left transition-colors`,\n\t\t\t\t\t\t\t\t\t\t\tcollectionRowClasses(),\n\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.rowHover,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ItemIcon\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-icon shrink-0 text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","/\n GlobalSearchInput — search region at the top of the panel.\n \n The public `InputGroup` frame owns the field: its control height, padding,\n * radius, `--input` border and shared focus ring are the ones Command search\n * uses, so the spotlight never draws a field of its own. The region owns only\n * its outer collection inset. A busy indicator replaces the clear action while\n * results load, and the field stays editable throughout so typing is never\n * interrupted. Keyboard navigation is handled by the consumer wiring\n * `useGlobalSearch`'s `onKeyDown` handler; `expanded`, `controls` and\n * `activeDescendant` expose that navigation as a combobox.\n /\nimport { Loader2, Search } from 'lucide-react';\nimport as React from 'react';\n\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '../../../base/text-inputs';\nimport { popoverRecipes } from '../../../base/popover/popover.recipes';\nimport { FieldClearGlyph, fieldAffordanceRecipes } from '../../../../lib/field-affordance-recipes';\nimport { cn } from '../../../../lib/utils';\n\nexport interface GlobalSearchInputProps {\n\t/** Current value. /\n\tvalue: string;\n\t/* Fired with the next value. /\n\tonValueChange: (value: string) => void;\n\tonKeyDown?: (e: React.KeyboardEvent) => void;\n\t/* Shown while the value is empty. /\n\tplaceholder?: string;\n\t/* Accessible name for the clear control. /\n\tclearLabel?: string;\n\t/* Shows the pending indicator. /\n\tloading?: boolean;\n\t/* Focuses the control on mount. /\n\tautoFocus?: boolean;\n\t/\n\t Whether the results list is showing. Setting it makes the field a\n\t * combobox (`role=\"combobox\"`, `aria-expanded`), the pattern for a search\n\t * whose results are navigated with the arrow keys while focus stays here.\n\t /\n\texpanded?: boolean;\n\t/* Id(s) of the results listbox(es) the combobox controls, while expanded. /\n\tcontrols?: string;\n\t/* Id of the highlighted result, announced as the active option. /\n\tactiveDescendant?: string;\n}\n\nexport const GlobalSearchInput = React.forwardRef<HTMLInputElement, GlobalSearchInputProps>(function GlobalSearchInput(\n\t{ value, onValueChange, onKeyDown, placeholder, clearLabel = 'Clear search', loading = false, autoFocus = false, expanded, controls, activeDescendant },\n\tref,\n) {\n\tconst innerRef = React.useRef<HTMLInputElement \| null>(null);\n\tReact.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n\tReact.useEffect(() => {\n\t\tif (autoFocus) innerRef.current?.focus();\n\t}, [autoFocus]);\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"global-search-input\"\n\t\t\tdata-slot=\"global-search-input\"\n\t\t\tclassName={cn('global-search-input--component pt-surface-xs pb-space-xs', popoverRecipes.menuInline)}\n\t\t>\n\t\t\t<InputGroup>\n\t\t\t\t<InputGroupAddon>\n\t\t\t\t\t<Search aria-hidden=\"true\" />\n\t\t\t\t</InputGroupAddon>\n\t\t\t\t<InputGroupInput\n\t\t\t\t\tref={innerRef}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={(e) => onValueChange(e.target.value)}\n\t\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\taria-label={placeholder}\n\t\t\t\t\t{...(expanded === undefined ? {} : {\n\t\t\t\t\t\trole: 'combobox',\n\t\t\t\t\t\t'aria-autocomplete': 'list' as const,\n\t\t\t\t\t\t'aria-expanded': expanded,\n\t\t\t\t\t\t'aria-controls': expanded ? controls : undefined,\n\t\t\t\t\t\t'aria-activedescendant': expanded ? activeDescendant : undefined,\n\t\t\t\t\t})}\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tspellCheck={false}\n\t\t\t\t/>\n\t\t\t\t{(loading \|\| !!value) && (\n\t\t\t\t\t<InputGroupAddon align=\"inline-end\">\n\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t<Loader2 className=\"animate-spin\" aria-hidden=\"true\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonValueChange('');\n\t\t\t\t\t\t\t\t\tinnerRef.current?.focus();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target, fieldAffordanceRecipes.focus, fieldAffordanceRecipes.clear)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FieldClearGlyph className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</InputGroupAddon>\n\t\t\t\t)}\n\t\t\t</InputGroup>\n\t\t</div>\n\t);\n});\n","/\n Default tone palettes for thumbnails and avatars: the shared tint and ink of\n * each status tone, so a search result's tile matches every other toned chip.\n \n Consumers can override per-call via `slots.toneBg` / `slots.toneAvatar`.\n /\nimport { toneRecipes, type ToneRecipeName } from '../../../../lib/tone-recipes';\nimport type { GlobalSearchTone } from '../global-search.types';\n\nconst toned = (tone: ToneRecipeName) => `${toneRecipes[tone].tint} ${toneRecipes[tone].ink}`;\n\nexport const DEFAULT_TONE_BG: Record<GlobalSearchTone, string> = {\n\tneutral: 'bg-muted text-muted-foreground',\n\tprimary: toned('primary'),\n\tsuccess: toned('success'),\n\twarning: toned('warning'),\n\tinfo: toned('info'),\n\tdestructive: toned('destructive'),\n};\n\nexport const DEFAULT_TONE_AVATAR: Record<GlobalSearchTone, string> = { ...DEFAULT_TONE_BG };\n","/\n GlobalSearchResultRow — single rich result card.\n \n Layout: [thumbnail] [title + status pill / muted secondary line / meta] [right-value column] [chevron].\n * The row is a collection row: Command's inset, height floor, gap and medium\n * label weight, so a populated search reads at the same density as any menu.\n \n Exported as a partial so consumers can:\n * 1. Override an individual row via `slots.renderResult` and reuse this component for the others.\n * 2. Use it standalone in custom search UIs that don't need the full GlobalSearch shell.\n /\nimport { ArrowRight } from 'lucide-react';\nimport as React from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../base/avatar';\nimport { Badge } from '../../../base/badge';\nimport { Stack } from '../../../base/structure';\nimport { SecondaryValue, Value } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { GlobalSearchResult } from '../global-search.types';\nimport {\n\tDEFAULT_TONE_AVATAR,\n\tDEFAULT_TONE_BG,\n} from './tone-palettes';\nimport { collectionRowClasses } from '../../../base/popover/popover.recipes';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { markRecipes } from '../../../../lib/tone-recipes';\n\nexport interface GlobalSearchResultRowProps<TGroup extends string = string> {\n\t/** The result this row represents. /\n\tresult: GlobalSearchResult<TGroup>;\n\t/* Highlighted via keyboard nav. /\n\tactive?: boolean;\n\t/* Current search text. /\n\tquery?: string;\n\t/* Fired when an entry is activated. /\n\tonSelect?: () => void;\n\tonMouseEnter?: () => void;\n\t/\n\t Id of this row as an option of a results listbox. When set, the row is a\n\t * `role=\"option\"` reached through the search field's active descendant\n\t * rather than by Tab; standalone rows stay plain buttons.\n\t /\n\toptionId?: string;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nfunction highlightMatch(text: string, query: string \| undefined): React.ReactNode {\n\tconst q = (query ?? '').trim();\n\tif (!q) return text;\n\tconst lower = text.toLowerCase();\n\tconst ql = q.toLowerCase();\n\tconst i = lower.indexOf(ql);\n\tif (i < 0) return text;\n\treturn (\n\t\t<>\n\t\t\t{text.slice(0, i)}\n\t\t\t<mark className={markRecipes.match}>\n\t\t\t\t{text.slice(i, i + q.length)}\n\t\t\t</mark>\n\t\t\t{text.slice(i + q.length)}\n\t\t</>\n\t);\n}\n\nexport function GlobalSearchResultRow<TGroup extends string = string>({\n\tresult,\n\tactive = false,\n\tquery = '',\n\tonSelect,\n\tonMouseEnter,\n\toptionId,\n\tclassName,\n}: GlobalSearchResultRowProps<TGroup>) {\n\tconst ThumbIcon = result.thumbnail?.icon;\n\tconst bg = DEFAULT_TONE_BG;\n\tconst av = DEFAULT_TONE_AVATAR;\n\t// A neutral tile shares its muted fill with the row highlight; on a\n\t// highlighted row it lifts to the card surface so it stays distinct.\n\tconst liftNeutralTile = (tone: string \| undefined) =>\n\t\t(tone ?? 'neutral') === 'neutral' && (active ? 'bg-card' : 'group-hover/row:bg-card');\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-component=\"global-search-result-row\"\n\t\t\tdata-slot=\"global-search-result-row\"\n\t\t\t{...(optionId ? { id: optionId, role: 'option', 'aria-selected': active, tabIndex: -1 } : {})}\n\t\t\tonMouseEnter={onMouseEnter}\n\t\t\tonClick={onSelect}\n\t\t\tclassName={cn(\n\t\t\t\t`${interactionRecipes.nativeButtonReset} group/row relative flex w-full cursor-pointer items-center justify-start text-inherit outline-none ${focusRecipes.inset} text-left transition-colors`,\n\t\t\t\tcollectionRowClasses(),\n\t\t\t\t'global-search-result-row--component',\n\t\t\t\tactive ? interactionRecipes.rowSelected : interactionRecipes.rowHover,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/ Thumbnail / Avatar /}\n\t\t\t<div className=\"flex shrink-0 items-center\">\n\t\t\t\t{result.avatar ? (\n\t\t\t\t\t<Avatar className={cn('size-avatar-sm', av[result.avatar.tone ?? 'neutral'], liftNeutralTile(result.avatar.tone))}>\n\t\t\t\t\t\t{result.avatar.src && (\n\t\t\t\t\t\t\t<AvatarImage src={result.avatar.src} alt={result.title} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\tclassName={cn('text-xs font-semibold', av[result.avatar.tone ?? 'neutral'], liftNeutralTile(result.avatar.tone))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{result.avatar.initials}\n\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t</Avatar>\n\t\t\t\t) : ThumbIcon ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex size-avatar-sm items-center justify-center rounded-radius',\n\t\t\t\t\t\t\tbg[result.thumbnail?.tone ?? 'neutral'],\n\t\t\t\t\t\t\tliftNeutralTile(result.thumbnail?.tone),\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ThumbIcon className=\"size-icon-sm\" aria-hidden=\"true\" />\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</div>\n\n\t\t\t{/ Body /}\n\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"truncate\">\n\t\t\t\t\t\t{highlightMatch(result.title, query)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!result.badge && (\n\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\ttone={\n\t\t\t\t\t\t\t\tresult.badge.tone === 'destructive'\n\t\t\t\t\t\t\t\t\t? 'destructive'\n\t\t\t\t\t\t\t\t\t: result.badge.tone\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{result.badge.label}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{(() => {\n\t\t\t\t\tconst pieces: Array<{ key: string; node: React.ReactNode }> = [];\n\t\t\t\t\tif (result.subtitle)\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'subtitle',\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 break-words\">\n\t\t\t\t\t\t\t\t\t{highlightMatch(result.subtitle, query)}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\tresult.meta?.forEach((m, i) => {\n\t\t\t\t\t\tconst Icon = m.icon;\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: `m-${i}`,\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'inline-flex min-w-0 items-center gap-space-xs break-words',\n\t\t\t\t\t\t\t\t\t\tm.mono && 'font-mono tabular-nums',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t{m.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tif (result.timestamp)\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'ts',\n\t\t\t\t\t\t\tnode: <SecondaryValue size=\"xs\" className=\"tabular-nums\">{result.timestamp}</SecondaryValue>,\n\t\t\t\t\t\t});\n\t\t\t\t\tresult.tags?.forEach((tag) =>\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: `t-${tag}`,\n\t\t\t\t\t\t\t\tnode: <Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 break-words\">{tag}</Text>,\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t\tif (result.rightValue) {\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'rv',\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t\t<Value type=\"inherit\" weight=\"medium\" className=\"inline-flex flex-wrap items-baseline gap-space-xs tabular-nums\">\n\t\t\t\t\t\t\t\t\t{result.rightValue}\n\t\t\t\t\t\t\t\t\t{!!result.rightLabel && (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{result.rightLabel.toLowerCase()}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Value>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tif (pieces.length === 0) return null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-wrap items-baseline gap-x-space-sm gap-y-dense break-words\">\n\t\t\t\t\t\t\t{pieces.map((p, i) => (\n\t\t\t\t\t\t\t\t<span key={p.key} className={cn('inline-flex min-w-0 max-w-full items-baseline gap-space-sm', p.key === 'rv' && '@xl/global-search:hidden')}>\n\t\t\t\t\t\t\t\t\t{i > 0 && (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t·\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{p.node}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})()}\n\t\t\t</Stack>\n\n\t\t\t{/ Right value column — only when value/label set /}\n\t\t\t{!!(result.rightValue \|\| result.rightLabel) && (\n\t\t\t\t<div className=\"hidden shrink-0 items-center self-stretch @xl/global-search:flex\">\n\t\t\t\t\t<Stack gap=\"dense\" align=\"end\" className=\"text-right leading-tight\">\n\t\t\t\t\t\t{!!result.rightValue && (\n\t\t\t\t\t\t\t<Value\n\t\t\t\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"whitespace-nowrap tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{result.rightValue}\n\t\t\t\t\t\t\t</Value>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!result.rightLabel && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"whitespace-nowrap\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{result.rightLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/ Trailing chevron /}\n\t\t\t<ArrowRight\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'size-icon shrink-0 transition-opacity',\n\t\t\t\t\tactive\n\t\t\t\t\t\t? 'text-inherit opacity-100'\n\t\t\t\t\t\t: 'text-muted-foreground opacity-0 group-hover/row:opacity-100',\n\t\t\t\t)}\n\t\t\t/>\n\t\t</button>\n\t);\n}\n","/\n GlobalSearchTabs — segmented filter strip above the result list.\n \n Wraps `base/navigation/tabs` for app-consistent styling and adds the\n * shared count badge (as NavigationTabs draws it) next to each label. The\n * strip is a header band: its scroller owns the collection inset (which also\n * keeps the focus halo clear of the overflow clip) and a quiet rule separates\n * it from the result list.\n /\nimport { Badge } from '../../../base/badge';\nimport { Tabs, TabsList, TabsTrigger } from '../../../base/navigation/tabs';\nimport { Text } from '../../../typography';\nimport { popoverRecipes } from '../../../base/popover/popover.recipes';\nimport { surfaceDividerRecipes } from '../../../../lib/surface-recipes';\nimport { cn } from '../../../../lib/utils';\n\nexport interface GlobalSearchTabsProps<TGroup extends string = string> {\n\t/* Currently-selected tab. /\n\tvalue: 'all' \| TGroup;\n\tonValueChange: (value: 'all' \| TGroup) => void;\n\t/* Tabs to offer, in display order. /\n\ttabs: ReadonlyArray<{ value: 'all' \| TGroup; label: string }>;\n\t/* Result counts shown beside each group. /\n\tcounts: Record<string, number>;\n}\n\nexport function GlobalSearchTabs<TGroup extends string = string>({\n\tvalue,\n\tonValueChange,\n\ttabs,\n\tcounts,\n}: GlobalSearchTabsProps<TGroup>) {\n\treturn (\n\t\t<div className={cn('global-search-tabs--component', surfaceDividerRecipes.anchored.header)}>\n\t\t\t<div className={cn('global-search-tabs--scroller overflow-x-auto pt-space-xs pb-space-md [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', popoverRecipes.menuInline)}>\n\t\t\t\t<Tabs\n\t\t\t\t\tvalue={value as string}\n\t\t\t\t\tonValueChange={(v) => onValueChange(v as 'all' \| TGroup)}\n\t\t\t\t\tclassName=\"min-w-max\"\n\t\t\t\t>\n\t\t\t\t\t<TabsList className=\"global-search-tabs--list h-action-sm w-max min-w-max\">\n\t\t\t\t\t\t{tabs.map((tab) => {\n\t\t\t\t\t\t\tconst count = counts[tab.value as string] ?? 0;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<TabsTrigger\n\t\t\t\t\t\t\t\t\tkey={tab.value as string}\n\t\t\t\t\t\t\t\t\tvalue={tab.value as string}\n\t\t\t\t\t\t\t\t\tclassName=\"global-search-tabs--trigger shrink-0 gap-space-sm px-control-sm text-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\">\n\t\t\t\t\t\t\t\t\t\t{tab.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"global-search-tabs--count tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</TabsList>\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/\n GlobalSearch — framework-agnostic spotlight overlay for app-wide search.\n \n Composition seams:\n * - `strings` — deep-partial override of the default copy\n * - `slots` — replace any region (input, tabs, idle, empty, loading, footer)\n * - `slots.renderResult` — full per-row override\n \n Headless usage:\n * - Call `useGlobalSearch({ results, query })` directly to drive a\n * completely custom UI against the same selection state machine.\n \n Framework-agnostic:\n * - No router import, no i18n SDK import. Routing is up to the consumer\n * via `onResultSelect`. Strings live in the `strings` prop.\n * - The library no longer ships `adapters/$framework/`. Consumers map\n * their router (Inertia, Tanstack Router, RR7, Next, …) to\n * `onResultSelect(result)` directly at the call site.\n /\nimport as React from 'react';\n\nimport { TextButton } from '../../base/buttons';\nimport { surfaceInsetClasses } from '../../base/popover/popover.recipes';\nimport { Text } from '../../typography';\nimport { interpolateString, useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultGlobalSearchStrings,\n\ttype GlobalSearchStrings,\n} from './global-search.strings';\nimport type {\n\tGlobalSearchIdleSection,\n\tGlobalSearchResult,\n\tGlobalSearchSlots,\n\tGlobalSearchTab,\n} from './global-search.types';\nimport { useGlobalSearch } from './hooks/use-global-search';\nimport {\n\tGlobalSearchEmptyState,\n\tGlobalSearchFooter,\n\tGlobalSearchIdleState,\n\tGlobalSearchInput,\n\tGlobalSearchResultRow,\n\tGlobalSearchTabs,\n} from './partials';\nimport { GlobalSearchGroupHeading } from './partials/global-search-group-heading';\n\nexport interface GlobalSearchProps<TGroup extends string = string> {\n\t/** Result list. The component renders these grouped by `result.group`. /\n\tresults?: ReadonlyArray<GlobalSearchResult<TGroup>>;\n\t/* Current query value (controlled). /\n\tquery: string;\n\t/* Query change callback. /\n\tonQueryChange: (q: string) => void;\n\t/* Activation callback — fires on row click or Enter. /\n\tonResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n\t/* Escape-key callback. /\n\tonClose?: () => void;\n\t/* Loading flag — switches the input spinner and renders the loading slot. /\n\tloading?: boolean;\n\t/* Idle-state sections (Recent / Suggestions / …). /\n\tidleSections?: ReadonlyArray<GlobalSearchIdleSection>;\n\t/* Override default group labels in the tab strip. /\n\tgroupLabels?: Partial<Record<TGroup, string>>;\n\t/* Auto-focus the input on mount. /\n\tautoFocus?: boolean;\n\t/* Replace any portion of the default copy. /\n\tstrings?: StringsProp<GlobalSearchStrings>;\n\t/* Replace any portion of the layout. /\n\tslots?: GlobalSearchSlots<TGroup>;\n\t/* Custom tab list — overrides the auto-generated `All + groups`. /\n\ttabs?: ReadonlyArray<GlobalSearchTab<TGroup>>;\n\t/* Wrapper className. /\n\tclassName?: string;\n}\n\nexport function GlobalSearch<TGroup extends string = string>({\n\tresults = [],\n\tquery,\n\tonQueryChange,\n\tonResultSelect,\n\tonClose,\n\tloading = false,\n\tidleSections,\n\tgroupLabels,\n\tautoFocus = false,\n\tstrings: stringsProp,\n\tslots,\n\ttabs,\n\tclassName,\n}: GlobalSearchProps<TGroup>) {\n\tconst strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\n\tconst search = useGlobalSearch<TGroup>({\n\t\tresults,\n\t\tquery,\n\t\tonResultSelect,\n\t\tonClose,\n\t});\n\n\tconst isEmpty =\n\t\t!loading && query.trim().length > 1 && results.length === 0;\n\tconst isIdle = !loading && query.trim().length <= 1;\n\n\t// Combobox semantics: focus stays in the field while the arrow keys move the\n\t// highlight, so each group is a listbox and the field names the active option.\n\tconst listboxBaseId = React.useId();\n\tconst showResults = !loading && results.length > 0;\n\tconst flatIndexById = new Map(search.flat.map((item, index) => [item.id, index]));\n\tconst optionIdFor = (index: number) => `${listboxBaseId}-option-${index}`;\n\tconst groupKeys = Object.keys(search.visibleGrouped);\n\tconst listboxIdFor = (groupIndex: number) => `${listboxBaseId}-group-${groupIndex}`;\n\tconst activeOptionId = showResults && search.flat[search.activeIdx] ? optionIdFor(search.activeIdx) : undefined;\n\n\tconst resolvedTabs = React.useMemo<\n\t\tReadonlyArray<GlobalSearchTab<TGroup>>\n\t>(() => {\n\t\tif (tabs) return tabs;\n\t\tconst groupKeys = Object.keys(search.grouped) as TGroup[];\n\t\treturn [\n\t\t\t{ value: 'all', label: strings.tabAll },\n\t\t\t...groupKeys.map((key) => ({\n\t\t\t\tvalue: key,\n\t\t\t\tlabel: groupLabels?.[key] ?? key,\n\t\t\t})),\n\t\t];\n\t}, [tabs, search.grouped, strings.tabAll, groupLabels]);\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"global-search\"\n\t\t\tdata-slot=\"global-search\"\n\t\t\tclassName={cn('global-search--component',\n\t\t\t\t'@container/global-search overflow-hidden rounded-surface border border-border bg-card text-card-foreground shadow-xl',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{slots?.input ?? (\n\t\t\t\t<GlobalSearchInput\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonValueChange={onQueryChange}\n\t\t\t\t\tonKeyDown={search.onKeyDown}\n\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\tclearLabel={strings.clear}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\texpanded={showResults}\n\t\t\t\t\tcontrols={groupKeys.map((_, groupIndex) => listboxIdFor(groupIndex)).join(' ')}\n\t\t\t\t\tactiveDescendant={activeOptionId}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!loading && results.length > 0 && (\n\t\t\t\tslots?.tabs ?? (\n\t\t\t\t\t<GlobalSearchTabs<TGroup>\n\t\t\t\t\t\tvalue={search.activeTab}\n\t\t\t\t\t\tonValueChange={search.setActiveTab}\n\t\t\t\t\t\ttabs={resolvedTabs}\n\t\t\t\t\t\tcounts={search.tabCounts}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t)}\n\n\t\t\t{/ A rem-based results viewport (32.5rem), so it follows the root text size. /}\n\t\t\t<div className=\"global-search--viewport max-h-130 overflow-y-auto\">\n\t\t\t\t{!!isIdle && (slots?.idle ?? (\n\t\t\t\t\tidleSections && idleSections.length > 0 ? (\n\t\t\t\t\t\t<GlobalSearchIdleState sections={idleSections} />\n\t\t\t\t\t) : null\n\t\t\t\t))}\n\n\t\t\t\t{!!loading && (slots?.loading ?? (\n\t\t\t\t\t<div className=\"global-search--loading flex items-center justify-center px-row-x py-space-xl\" role=\"status\">\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t\t{!!isEmpty && (slots?.empty ?? (\n\t\t\t\t\t<GlobalSearchEmptyState\n\t\t\t\t\t\ttitle={interpolateString(strings.emptyTitle, { query })}\n\t\t\t\t\t\thint={strings.emptyHint}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{!loading && results.length > 0 && (\n\t\t\t\t\t<div className={cn('global-search--results', surfaceInsetClasses.compact)}>\n\t\t\t\t\t\t{Object.entries(search.visibleGrouped).map(([groupKey, items], groupIndex) => (\n\t\t\t\t\t\t\t<div key={groupKey} className=\"global-search--group\">\n\t\t\t\t\t\t\t\t<GlobalSearchGroupHeading\n\t\t\t\t\t\t\t\t\tlabel={groupLabels?.[groupKey as TGroup] ?? groupKey}\n\t\t\t\t\t\t\t\t\taction={search.activeTab === 'all' && items.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t<TextButton\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => search.setActiveTab(groupKey as TGroup)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{strings.seeAll}\n\t\t\t\t\t\t\t\t\t\t</TextButton>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\tid={listboxIdFor(groupIndex)}\n\t\t\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\t\t\taria-label={groupLabels?.[groupKey as TGroup] ?? groupKey}\n\t\t\t\t\t\t\t\t\tclassName=\"m-0 flex list-none flex-col p-0\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t\t\tsearch.flat[search.activeIdx]?.id === item.id;\n\t\t\t\t\t\t\t\t\t\tconst optionId = optionIdFor(flatIndexById.get(item.id) ?? -1);\n\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\tisActive,\n\t\t\t\t\t\t\t\t\t\t\tquery,\n\t\t\t\t\t\t\t\t\t\t\tonSelect: () => onResultSelect?.(item),\n\t\t\t\t\t\t\t\t\t\t\toptionId,\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t// A custom row is wrapped as the option; the default row is one.\n\t\t\t\t\t\t\t\t\t\tif (slots?.renderResult) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<li key={item.id} id={optionId} role=\"option\" aria-selected={isActive}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{slots.renderResult(item, ctx)}\n\t\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<li key={item.id} role=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t\t<GlobalSearchResultRow<TGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t\tresult={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive={isActive}\n\t\t\t\t\t\t\t\t\t\t\t\t\tquery={query}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={ctx.onSelect}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch.setActiveById(item.id)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\toptionId={optionId}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{slots?.footer ?? (\n\t\t\t\t<GlobalSearchFooter\n\t\t\t\t\tnavigateLabel={strings.footerNavigate}\n\t\t\t\t\topenLabel={strings.footerOpen}\n\t\t\t\t\tcloseLabel={strings.footerClose}\n\t\t\t\t\ttrailing={\n\t\t\t\t\t\t!isIdle && !isEmpty && results.length > 0 ? (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{interpolateString(strings.resultsCount, {\n\t\t\t\t\t\t\t\t\tcount: results.length,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/\n GlobalSearchDialog — the command-palette presentation of `GlobalSearch`.\n \n `GlobalSearch` is a panel: it renders its own card chrome and expects to be\n * placed somewhere. The palette pattern it was clearly built for — `onClose`,\n * `autoFocus`, Escape handling — had no supported presentation, so every call\n * site hand-rolled the modal around it: a `fixed inset-0` backdrop and a\n * mousedown-outside handler, with no focus trap, no portal, no scroll lock and\n * no dialog role.\n \n It presents through `ActionDialog` rather than a raw `Dialog`, because\n * `features/overlays` is the package's single overlay surface and everything\n * modal is expected to come from it. Three of its seams carry the palette\n * shape: `visuallyHideHeader` keeps the accessible name without drawing a\n * heading, `showCloseButton={false}` drops the corner X that would otherwise\n * land on the search field, and the two action flags remove the footer.\n \n The surface itself is neutralised because `GlobalSearch` already draws the\n * card, and it anchors near the top rather than centring, which is where a\n * palette belongs.\n /\nimport { useMemo } from 'react';\n\nimport { ActionDialog } from '../overlays';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { GlobalSearch, type GlobalSearchProps } from './global-search';\nimport { defaultGlobalSearchStrings } from './global-search.strings';\n\nexport interface GlobalSearchDialogProps<TGroup extends string = string>\n\textends Omit<GlobalSearchProps<TGroup>, 'onClose'> {\n\t/* Whether the palette is showing. /\n\topen: boolean;\n\t/* Open-state callback. Fires on Escape, backdrop click, and result selection. /\n\tonOpenChange: (open: boolean) => void;\n\t/* Classes for the dialog surface that positions the palette. */\n\tcontentClassName?: string;\n}\n\nexport function GlobalSearchDialog<TGroup extends string = string>({\n\topen,\n\tonOpenChange,\n\tcontentClassName,\n\tclassName,\n\tstrings: stringsProp,\n\tautoFocus = true,\n\t...searchProps\n}: GlobalSearchDialogProps<TGroup>) {\n\tconst strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\tconst close = useMemo(() => () => onOpenChange(false), [onOpenChange]);\n\n\treturn (\n\t\t<ActionDialog\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\ttitle={strings.dialogTitle}\n\t\t\tvisuallyHideHeader\n\t\t\tshowCloseButton={false}\n\t\t\tshowCancel={false}\n\t\t\tshowConfirm={false}\n\t\t\tclassName={cn(\n\t\t\t\t'global-search-dialog--component',\n\t\t\t\t// GlobalSearch draws the card, so the dialog surface carries none:\n\t\t\t\t// stacking both produced a border inside a border.\n\t\t\t\t'w-full max-w-2xl overflow-visible border-0 bg-transparent p-0 shadow-none sm:max-w-2xl',\n\t\t\t\t// A palette belongs near the top of the viewport, not centred in it.\n\t\t\t\t'top-24 translate-y-0',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t\tcontentClassName=\"p-0\"\n\t\t>\n\t\t\t<GlobalSearch<TGroup>\n\t\t\t\t{...(searchProps as GlobalSearchProps<TGroup>)}\n\t\t\t\tstrings={stringsProp}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tonClose={close}\n\t\t\t\tclassName={className}\n\t\t\t/>\n\t\t</ActionDialog>\n\t);\n}\n\nGlobalSearchDialog.displayName = 'GlobalSearchDialog';\n"],"mappings":"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"}
1	+ {"version":3,"file":"global-search.js","names":["React","_Fragment","React","cn","Text","focusRecipes","TextButton","Stack","toneRecipes","markRecipes","kbdRecipe","surfaceDividerRecipes","surfaceInsetClasses","collectionRowClasses","popoverRecipes","ActionDialog","interactionRecipes","Value","SecondaryValue","AvatarFallback","Avatar","AvatarImage","Badge","fieldAffordanceRecipes","FieldClearGlyph","InputGroup","InputGroupInput","InputGroupAddon","TabsTrigger","TabsList","Tabs","EmptyState","React$1","Fragment$1","defaultGlobalSearchStrings","formatGlobalSearchResultsCount","strings","count","useGlobalSearch","activeTab","setActiveTabState","useState","storedActiveIdx","setActiveIdx","query","grouped","useMemo","buckets","r","results","tabCounts","counts","k","v","visibleGrouped","sub","flat","activeIdx","activeIdxRef","useRef","flatRef","tab","idx","id","item","onResultSelect","onClose","GlobalSearchEmptyState","hint","Search","Shortcut","keys","label","GlobalSearchFooter","className","navigateLabel","openLabel","closeLabel","trailing","GlobalSearchGroupHeading","Icon","action","GlobalSearchIdleState","sections","section","fallbackLabels","fallbackIcons","ItemIcon","GlobalSearchInput","innerRef","ref","autoFocus","onValueChange","placeholder","expanded","controls","activeDescendant","loading","value","Loader2","clearLabel","toned","tone","DEFAULT_TONE_BG","DEFAULT_TONE_AVATAR","highlightMatch","q","text","lower","ql","i","GlobalSearchResultRow","ThumbIcon","result","bg","av","liftNeutralTile","active","optionId","onSelect","pieces","m","tag","p","ArrowRight","GlobalSearchTabs","tabs","GlobalSearch","stringsProp","useStrings","search","typedLength","isEmpty","minQueryLength","isIdle","listboxBaseId","showResults","flatIndexById","index","optionIdFor","groupKeys","listboxIdFor","groupIndex","activeOptionId","listboxIds","resultsCountText","keyboardMoves","setKeyboardMoves","pendingKeyboardMove","handleKeyDown","event","option","resolvedTabs","key","groupLabels","slots","onQueryChange","idleSections","interpolateString","groupKey","items","isActive","ctx","GlobalSearchDialog","searchProps","selectResult","useCallback","closeOnSelect","onOpenChange","contentClassName"],"sources":["../../src/components/features/global-search/global-search.strings.ts","../../src/components/features/global-search/hooks/use-global-search.ts","../../src/components/features/global-search/partials/global-search-empty-state.tsx","../../src/components/features/global-search/partials/global-search-footer.tsx","../../src/components/features/global-search/partials/global-search-group-heading.tsx","../../src/components/features/global-search/partials/global-search-idle-state.tsx","../../src/components/features/global-search/partials/global-search-input.tsx","../../src/components/features/global-search/partials/tone-palettes.ts","../../src/components/features/global-search/partials/global-search-result-row.tsx","../../src/components/features/global-search/partials/global-search-tabs.tsx","../../src/components/features/global-search/global-search.tsx","../../src/components/features/global-search/global-search-dialog.tsx"],"sourcesContent":["/*\n Strings for `GlobalSearch` and its partials. Consumers override via the\n * `strings` prop on `<GlobalSearch />`; values are deep-merged over these\n * defaults so partial overrides are safe.\n /\nexport interface GlobalSearchStrings {\n\t/* Placeholder copy for the search input. /\n\t/* Names the modal presentation for assistive technology. /\n\tdialogTitle: string;\n\tplaceholder: string;\n\t/* aria-label for the clear-search icon button. /\n\tclear: string;\n\t/* Loading-state copy. /\n\tloading: string;\n\t/* Empty-state title — uses {{query}} as a placeholder. /\n\temptyTitle: string;\n\t/* Empty-state body copy. /\n\temptyHint: string;\n\t/* Heading for the first idle section when it supplies no `label`. /\n\tidleRecent: string;\n\t/* Heading for every later idle section that supplies no `label`. /\n\tidleSuggestions: string;\n\t/\n\t Shown when something was typed but the query is still shorter than\n\t * `minQueryLength` and there is no idle content. `{{count}}` is the threshold.\n\t /\n\tidleHint?: string;\n\t/* Tab label for the \"All\" tab. /\n\ttabAll: string;\n\t/* Footer \"navigate\" hint. /\n\tfooterNavigate: string;\n\t/* Footer \"open\" hint. /\n\tfooterOpen: string;\n\t/* Footer \"close\" hint. /\n\tfooterClose: string;\n\t/* Trailing N results count, as a `{{count}}` template. /\n\tresultsCount: string;\n\t/\n\t Builds the results count from the number, for languages whose plural forms\n\t * a single template cannot express. Wins over `resultsCount` when supplied.\n\t /\n\tformatResultsCount?: (count: number) => string;\n\t/* \"See all\" group action — jumps to that tab. /\n\tseeAll: string;\n}\n\nexport const defaultGlobalSearchStrings: GlobalSearchStrings = {\n\tdialogTitle: 'Search',\n\tplaceholder: 'Search…',\n\tclear: 'Clear search',\n\tloading: 'Searching…',\n\temptyTitle: 'No results for \"{{query}}\"',\n\temptyHint: 'Try a shorter keyword or check the spelling.',\n\tidleRecent: 'Recent',\n\tidleSuggestions: 'Suggestions',\n\tidleHint: 'Type at least {{count}} characters to search.',\n\ttabAll: 'All',\n\tfooterNavigate: 'navigate',\n\tfooterOpen: 'open',\n\tfooterClose: 'close',\n\tresultsCount: '{{count}} results',\n\tseeAll: 'See all',\n};\n\n/\n Count copy for the footer and the status announcement. The untouched English\n * template reads \"1 result\" for a single hit; an overridden template is used\n * as written, and `formatResultsCount` takes over entirely.\n /\nexport function formatGlobalSearchResultsCount(strings: GlobalSearchStrings, count: number): string {\n\tif (strings.formatResultsCount) return strings.formatResultsCount(count);\n\tconst template = count === 1 && strings.resultsCount === defaultGlobalSearchStrings.resultsCount\n\t\t? '{{count}} result'\n\t\t: strings.resultsCount;\n\treturn template.replace(/\\{\\{\\scount\\s\\}\\}/g, String(count));\n}\n","/\n useGlobalSearch — headless state machine for `<GlobalSearch />`.\n \n Owns the active-row index, active tab, and the keyboard-navigation\n * handler. Returns the derived flat list (results filtered by tab) so\n * consumers can render entirely custom UIs against the same state.\n \n Usage:\n * const search = useGlobalSearch({ results, query });\n * <input onKeyDown={search.onKeyDown} />\n * {search.flat.map((r, i) => <Row active={i === search.activeIdx} … />)}\n /\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { GlobalSearchResult } from '../global-search.types';\n\nexport interface UseGlobalSearchOptions<TGroup extends string = string> {\n\tresults: ReadonlyArray<GlobalSearchResult<TGroup>>;\n\tquery: string;\n\t/* Fires when the user activates a row (Enter or click). /\n\tonResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n\t/* Fires when the user presses Escape. /\n\tonClose?: () => void;\n}\n\nexport interface UseGlobalSearchReturn<TGroup extends string = string> {\n\t/* Results bucketed by group, in insertion order. /\n\tgrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n\t/* Result count per tab (`all` plus each group key). /\n\ttabCounts: Record<string, number>;\n\t/* Currently-selected tab. /\n\tactiveTab: 'all' \| TGroup;\n\t/* Set the active tab — also resets the active index. /\n\tsetActiveTab: (tab: 'all' \| TGroup) => void;\n\t/* Filtered grouped map respecting the active tab. /\n\tvisibleGrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n\t/* Flat ordered list matching what is currently rendered. /\n\tflat: GlobalSearchResult<TGroup>[];\n\t/* Index into `flat` of the currently-highlighted row. /\n\tactiveIdx: number;\n\tsetActiveIdx: (i: number) => void;\n\t/* Programmatically activate a result by id. /\n\tsetActiveById: (id: string) => void;\n\t/* Bind to the search input's `onKeyDown` for arrow / enter / escape support. /\n\tonKeyDown: (e: React.KeyboardEvent) => void;\n\t/* Activate the row at `activeIdx`. /\n\tselectActive: () => void;\n}\n\nexport function useGlobalSearch<TGroup extends string = string>({\n\tresults,\n\tquery,\n\tonResultSelect,\n\tonClose,\n}: UseGlobalSearchOptions<TGroup>): UseGlobalSearchReturn<TGroup> {\n\tconst [activeTab, setActiveTabState] =\n\t\tuseState<'all' \| TGroup>('all');\n\tconst [storedActiveIdx, setActiveIdx] = useState(0);\n\n\t// Reset both the active row and the active tab when the query changes\n\t// (so a fresh query never inherits a stale highlight or filter).\n\tuseEffect(() => {\n\t\tsetActiveTabState('all');\n\t\tsetActiveIdx(0);\n\t}, [query]);\n\n\tconst grouped = useMemo(() => {\n\t\tconst buckets: Record<string, GlobalSearchResult<TGroup>[]> = {};\n\t\tfor (const r of results) {\n\t\t\t(buckets[r.group] ??= []).push(r);\n\t\t}\n\t\treturn buckets;\n\t}, [results]);\n\n\tconst tabCounts = useMemo(() => {\n\t\tconst counts: Record<string, number> = { all: results.length };\n\t\tfor (const [k, v] of Object.entries(grouped)) counts[k] = v.length;\n\t\treturn counts;\n\t}, [results.length, grouped]);\n\n\tconst visibleGrouped = useMemo(() => {\n\t\tif (activeTab === 'all') return grouped;\n\t\tconst sub = grouped[activeTab as string];\n\t\treturn sub ? ({ [activeTab as string]: sub } as Record<string, GlobalSearchResult<TGroup>[]>) : {};\n\t}, [grouped, activeTab]);\n\n\tconst flat = useMemo(() => Object.values(visibleGrouped).flat(), [visibleGrouped]);\n\n\t// The stored index can outlive the list it pointed into: an arrow key\n\t// pressed before results arrive, or a list that shrinks. Reading it clamped\n\t// keeps the highlight on a real row without another render.\n\tconst activeIdx = Math.min(Math.max(storedActiveIdx, 0), Math.max(flat.length - 1, 0));\n\n\tconst activeIdxRef = useRef(activeIdx);\n\tactiveIdxRef.current = activeIdx;\n\tconst flatRef = useRef(flat);\n\tflatRef.current = flat;\n\n\tconst setActiveTab = (tab: 'all' \| TGroup) => {\n\t\tsetActiveTabState(tab);\n\t\tsetActiveIdx(0);\n\t};\n\n\tconst setActiveById = (id: string) => {\n\t\tconst idx = flatRef.current.findIndex((r) => r.id === id);\n\t\tif (idx >= 0) setActiveIdx(idx);\n\t};\n\n\tconst selectActive = () => {\n\t\tconst item = flatRef.current[activeIdxRef.current];\n\t\tif (item) onResultSelect?.(item);\n\t};\n\n\tconst onKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'ArrowDown') {\n\t\t\te.preventDefault();\n\t\t\tsetActiveIdx(Math.min(activeIdxRef.current + 1, Math.max(flatRef.current.length - 1, 0)));\n\t\t} else if (e.key === 'ArrowUp') {\n\t\t\te.preventDefault();\n\t\t\tsetActiveIdx(Math.max(activeIdxRef.current - 1, 0));\n\t\t} else if (e.key === 'Enter') {\n\t\t\tconst item = flatRef.current[activeIdxRef.current];\n\t\t\tif (item) {\n\t\t\t\te.preventDefault();\n\t\t\t\tonResultSelect?.(item);\n\t\t\t}\n\t\t} else if (e.key === 'Escape') {\n\t\t\tonClose?.();\n\t\t}\n\t};\n\n\treturn {\n\t\tgrouped,\n\t\ttabCounts,\n\t\tactiveTab,\n\t\tsetActiveTab,\n\t\tvisibleGrouped,\n\t\tflat,\n\t\tactiveIdx,\n\t\tsetActiveIdx,\n\t\tsetActiveById,\n\t\tonKeyDown,\n\t\tselectActive,\n\t};\n}\n","/\n Default empty-state body — shown when the query yields no results.\n * Override entirely via `slots.empty`.\n /\nimport { Search } from 'lucide-react';\n\nimport { EmptyState } from '../../../blocks/data-display';\n\nexport interface GlobalSearchEmptyStateProps {\n\t/* Surface title. /\n\ttitle: string;\n\t/* Short guidance shown beneath the control. /\n\thint: string;\n}\n\nexport function GlobalSearchEmptyState({ title, hint }: GlobalSearchEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={title}\n\t\t\tdescription={hint}\n\t\t\tmedia={<Search className=\"size-icon\" aria-hidden=\"true\" />}\n\t\t\tmediaVariant=\"icon-soft\"\n\t\t\tpadding=\"md\"\n\t\t\tclassName=\"global-search-empty-state--component\"\n\t\t/>\n\t);\n}\n","/\n GlobalSearchFooter — keyboard-hint strip below the result list.\n * Override entirely via `slots.footer`.\n \n It is the anchored collection footer band: one region inset and a quiet top\n * rule, with copy aligned to the row text above it. Each key sits tight against\n * its own hint, and the hint pairs are spaced apart from one another.\n /\nimport { Text } from '../../../typography';\nimport { popoverRecipes } from '../../../base/popover/popover.recipes';\nimport { cn } from '../../../../lib/utils';\nimport { kbdRecipe, surfaceDividerRecipes } from '../../../../lib/surface-recipes';\n\nexport interface GlobalSearchFooterProps {\n\t/* Footer hint for the arrow keys. /\n\tnavigateLabel: string;\n\t/* Footer hint for the enter key. /\n\topenLabel: string;\n\t/* Footer hint for the escape key. /\n\tcloseLabel: string;\n\t/* Trailing right-aligned content (e.g. \"3 results\"). /\n\ttrailing?: React.ReactNode;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nfunction Shortcut({ keys, label }: { keys: string; label: string }) {\n\treturn (\n\t\t<span className=\"global-search-footer--shortcut inline-flex items-center gap-space-xs\">\n\t\t\t<kbd className={kbdRecipe}>{keys}</kbd>\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t{label}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nexport function GlobalSearchFooter({\n\tnavigateLabel,\n\topenLabel,\n\tcloseLabel,\n\ttrailing,\n\tclassName,\n}: GlobalSearchFooterProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'global-search-footer--component',\n\t\t\t\tpopoverRecipes.menuRegion,\n\t\t\t\tsurfaceDividerRecipes.anchored.footer,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className={cn('global-search-footer--body flex flex-col items-stretch gap-space-xs', popoverRecipes.menuCopyInset, '@sm/global-search:flex-row @sm/global-search:items-center @sm/global-search:justify-between')}>\n\t\t\t\t<span className=\"global-search-footer--shortcuts flex flex-wrap items-center gap-x-space-lg gap-y-space-xs\">\n\t\t\t\t\t<Shortcut keys=\"↑↓\" label={navigateLabel} />\n\t\t\t\t\t<Shortcut keys=\"↵\" label={openLabel} />\n\t\t\t\t\t<Shortcut keys=\"esc\" label={closeLabel} />\n\t\t\t\t</span>\n\t\t\t\t{trailing ? (\n\t\t\t\t\t<span className=\"global-search-footer--trailing shrink-0 self-end whitespace-nowrap @sm/global-search:self-auto\">\n\t\t\t\t\t\t{trailing}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/\n Group caption shared by result groups and idle sections. It uses the compact\n * secondary role and inset of a Command group heading, so a caption never reads\n * as another row and both lists keep one rhythm.\n /\nimport type as React from 'react';\n\nimport { Text } from '../../../typography';\n\nexport interface GlobalSearchGroupHeadingProps {\n\t/** Caption copy. /\n\tlabel: React.ReactNode;\n\t/* Optional leading glyph supplied by the section. /\n\ticon?: React.ElementType;\n\t/* Trailing action, such as \"See all\". /\n\taction?: React.ReactNode;\n}\n\nexport function GlobalSearchGroupHeading({ label, icon: Icon, action }: GlobalSearchGroupHeadingProps) {\n\treturn (\n\t\t<div className=\"global-search-group--heading flex items-center justify-between gap-space-sm px-row-x pt-space-md pb-space-xs\">\n\t\t\t<span className=\"inline-flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm shrink-0 text-muted-foreground\" aria-hidden=\"true\" />}\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" weight=\"medium\" lineHeight=\"tight\" className=\"truncate\">\n\t\t\t\t\t{label}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t\t{action}\n\t\t</div>\n\t);\n}\n","/\n Default idle-state body — shown when the query is too short.\n * Renders consumer-supplied \"Recent\" + \"Suggestions\" sections with the same\n * compact collection inset, group captions and rows as the result list.\n /\nimport { Search } from 'lucide-react';\nimport as React from 'react';\n\nimport { collectionRowClasses, surfaceInsetClasses } from '../../../base/popover/popover.recipes';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { GlobalSearchIdleSection } from '../global-search.types';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { GlobalSearchGroupHeading } from './global-search-group-heading';\n\nexport interface GlobalSearchIdleStateProps {\n\t/** Sections to render, in display order. /\n\tsections: ReadonlyArray<GlobalSearchIdleSection>;\n\t/* Optional heading icon used when a section supplies none. Headings carry no icon by default. /\n\tfallbackIcons?: { recent?: React.ElementType; suggestions?: React.ElementType };\n\t/* Headings for sections that supply no `label`: `recent` for the first section, `suggestions` for the rest. /\n\tfallbackLabels?: { recent?: string; suggestions?: string };\n}\n\nexport function GlobalSearchIdleState({\n\tsections,\n\tfallbackIcons,\n\tfallbackLabels,\n}: GlobalSearchIdleStateProps) {\n\treturn (\n\t\t<div className={cn('global-search-idle-state--component', surfaceInsetClasses.compact)}>\n\t\t\t{sections.map((section, idx) => (\n\t\t\t\t<div key={section.id} className=\"global-search-idle-state--section\">\n\t\t\t\t\t<GlobalSearchGroupHeading\n\t\t\t\t\t\tlabel={section.label ?? (idx === 0 ? fallbackLabels?.recent : fallbackLabels?.suggestions)}\n\t\t\t\t\t\ticon={section.icon ?? (idx === 0 ? fallbackIcons?.recent : fallbackIcons?.suggestions)}\n\t\t\t\t\t/>\n\t\t\t\t\t<ul className=\"m-0 flex list-none flex-col p-0\">\n\t\t\t\t\t\t{section.items.map((item) => {\n\t\t\t\t\t\t\tconst ItemIcon = item.icon ?? Search;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={item.id}>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={item.onSelect}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t`${interactionRecipes.nativeButtonReset} flex w-full cursor-pointer items-center justify-start text-inherit outline-none ${focusRecipes.inset} text-left transition-colors`,\n\t\t\t\t\t\t\t\t\t\t\tcollectionRowClasses(),\n\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.rowHover,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ItemIcon\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-icon shrink-0 text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n","/\n GlobalSearchInput — search region at the top of the panel.\n \n The public `InputGroup` frame owns the field: its control height, padding,\n * radius, `--input` border and shared focus ring are the ones Command search\n * uses, so the spotlight never draws a field of its own. The region owns only\n * its outer collection inset. A busy indicator replaces the clear action while\n * results load, and the field stays editable throughout so typing is never\n * interrupted. Keyboard navigation is handled by the consumer wiring\n * `useGlobalSearch`'s `onKeyDown` handler; `expanded`, `controls` and\n * `activeDescendant` expose that navigation as a combobox.\n /\nimport { Loader2, Search } from 'lucide-react';\nimport as React from 'react';\n\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '../../../base/text-inputs';\nimport { popoverRecipes } from '../../../base/popover/popover.recipes';\nimport { FieldClearGlyph, fieldAffordanceRecipes } from '../../../../lib/field-affordance-recipes';\nimport { cn } from '../../../../lib/utils';\n\nexport interface GlobalSearchInputProps {\n\t/** Current value. /\n\tvalue: string;\n\t/* Fired with the next value. /\n\tonValueChange: (value: string) => void;\n\tonKeyDown?: (e: React.KeyboardEvent) => void;\n\t/* Shown while the value is empty. /\n\tplaceholder?: string;\n\t/* Accessible name for the clear control. /\n\tclearLabel?: string;\n\t/* Shows the pending indicator. /\n\tloading?: boolean;\n\t/* Focuses the control on mount. /\n\tautoFocus?: boolean;\n\t/\n\t Whether the results list is showing. Setting it makes the field a\n\t * combobox (`role=\"combobox\"`, `aria-expanded`), the pattern for a search\n\t * whose results are navigated with the arrow keys while focus stays here.\n\t /\n\texpanded?: boolean;\n\t/* Id(s) of the results listbox(es) the combobox controls, while expanded. /\n\tcontrols?: string;\n\t/* Id of the highlighted result, announced as the active option. /\n\tactiveDescendant?: string;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nexport const GlobalSearchInput = React.forwardRef<HTMLInputElement, GlobalSearchInputProps>(function GlobalSearchInput(\n\t{ value, onValueChange, onKeyDown, placeholder, clearLabel = 'Clear search', loading = false, autoFocus = false, expanded, controls, activeDescendant, className },\n\tref,\n) {\n\tconst innerRef = React.useRef<HTMLInputElement \| null>(null);\n\tReact.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n\tReact.useEffect(() => {\n\t\tif (autoFocus) innerRef.current?.focus();\n\t}, [autoFocus]);\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"global-search-input\"\n\t\t\tdata-slot=\"global-search-input\"\n\t\t\tclassName={cn('global-search-input--component pt-surface-xs pb-space-xs', popoverRecipes.menuInline, className)}\n\t\t>\n\t\t\t<InputGroup>\n\t\t\t\t<InputGroupAddon>\n\t\t\t\t\t<Search aria-hidden=\"true\" />\n\t\t\t\t</InputGroupAddon>\n\t\t\t\t<InputGroupInput\n\t\t\t\t\tref={innerRef}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={(e) => onValueChange(e.target.value)}\n\t\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\taria-label={placeholder}\n\t\t\t\t\t{...(expanded === undefined ? {} : {\n\t\t\t\t\t\trole: 'combobox',\n\t\t\t\t\t\t'aria-autocomplete': 'list' as const,\n\t\t\t\t\t\t'aria-expanded': expanded,\n\t\t\t\t\t\t'aria-controls': expanded ? controls : undefined,\n\t\t\t\t\t\t'aria-activedescendant': expanded ? activeDescendant : undefined,\n\t\t\t\t\t})}\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tspellCheck={false}\n\t\t\t\t/>\n\t\t\t\t{(loading \|\| !!value) && (\n\t\t\t\t\t<InputGroupAddon align=\"inline-end\">\n\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t<Loader2 className=\"animate-spin\" aria-hidden=\"true\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonValueChange('');\n\t\t\t\t\t\t\t\t\tinnerRef.current?.focus();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target, fieldAffordanceRecipes.focus, fieldAffordanceRecipes.clear)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FieldClearGlyph className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</InputGroupAddon>\n\t\t\t\t)}\n\t\t\t</InputGroup>\n\t\t</div>\n\t);\n});\n","/\n Default tone palettes for thumbnails and avatars: the shared tint and ink of\n * each status tone, so a search result's tile matches every other toned chip.\n \n Consumers can override per-call via `slots.toneBg` / `slots.toneAvatar`.\n /\nimport { toneRecipes, type ToneRecipeName } from '../../../../lib/tone-recipes';\nimport type { GlobalSearchTone } from '../global-search.types';\n\nconst toned = (tone: ToneRecipeName) => `${toneRecipes[tone].tint} ${toneRecipes[tone].ink}`;\n\nexport const DEFAULT_TONE_BG: Record<GlobalSearchTone, string> = {\n\tneutral: 'bg-muted text-muted-foreground',\n\tprimary: toned('primary'),\n\tsuccess: toned('success'),\n\twarning: toned('warning'),\n\tinfo: toned('info'),\n\tdestructive: toned('destructive'),\n};\n\nexport const DEFAULT_TONE_AVATAR: Record<GlobalSearchTone, string> = { ...DEFAULT_TONE_BG };\n","/\n GlobalSearchResultRow — single rich result card.\n \n Layout: [thumbnail] [title + status pill / muted secondary line / meta] [right-value column] [chevron].\n * The row is a collection row: Command's inset, height floor, gap and medium\n * label weight, so a populated search reads at the same density as any menu.\n \n Exported as a partial so consumers can:\n * 1. Override an individual row via `slots.renderResult` and reuse this component for the others.\n * 2. Use it standalone in custom search UIs that don't need the full GlobalSearch shell.\n /\nimport { ArrowRight } from 'lucide-react';\nimport as React from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../base/avatar';\nimport { Badge } from '../../../base/badge';\nimport { Stack } from '../../../base/structure';\nimport { SecondaryValue, Value } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { GlobalSearchResult } from '../global-search.types';\nimport {\n\tDEFAULT_TONE_AVATAR,\n\tDEFAULT_TONE_BG,\n} from './tone-palettes';\nimport { collectionRowClasses } from '../../../base/popover/popover.recipes';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { markRecipes } from '../../../../lib/tone-recipes';\n\nexport interface GlobalSearchResultRowProps<TGroup extends string = string> {\n\t/** The result this row represents. /\n\tresult: GlobalSearchResult<TGroup>;\n\t/* Highlighted via keyboard nav. /\n\tactive?: boolean;\n\t/* Current search text. /\n\tquery?: string;\n\t/* Fired when an entry is activated. /\n\tonSelect?: () => void;\n\tonMouseEnter?: () => void;\n\t/\n\t Id of this row as an option of a results listbox. When set, the row is a\n\t * `role=\"option\"` reached through the search field's active descendant\n\t * rather than by Tab; standalone rows stay plain buttons.\n\t /\n\toptionId?: string;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nfunction highlightMatch(text: string, query: string \| undefined): React.ReactNode {\n\tconst q = (query ?? '').trim();\n\tif (!q) return text;\n\tconst lower = text.toLowerCase();\n\tconst ql = q.toLowerCase();\n\tconst i = lower.indexOf(ql);\n\tif (i < 0) return text;\n\treturn (\n\t\t<>\n\t\t\t{text.slice(0, i)}\n\t\t\t<mark className={markRecipes.match}>\n\t\t\t\t{text.slice(i, i + q.length)}\n\t\t\t</mark>\n\t\t\t{text.slice(i + q.length)}\n\t\t</>\n\t);\n}\n\nexport function GlobalSearchResultRow<TGroup extends string = string>({\n\tresult,\n\tactive = false,\n\tquery = '',\n\tonSelect,\n\tonMouseEnter,\n\toptionId,\n\tclassName,\n}: GlobalSearchResultRowProps<TGroup>) {\n\tconst ThumbIcon = result.thumbnail?.icon;\n\tconst bg = DEFAULT_TONE_BG;\n\tconst av = DEFAULT_TONE_AVATAR;\n\t// A neutral tile shares its muted fill with the row highlight; on a\n\t// highlighted row it lifts to the card surface so it stays distinct.\n\tconst liftNeutralTile = (tone: string \| undefined) =>\n\t\t(tone ?? 'neutral') === 'neutral' && (active ? 'bg-card' : 'group-hover/row:bg-card');\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdata-component=\"global-search-result-row\"\n\t\t\tdata-slot=\"global-search-result-row\"\n\t\t\t{...(optionId ? { id: optionId, role: 'option', 'aria-selected': active, tabIndex: -1 } : {})}\n\t\t\tonMouseEnter={onMouseEnter}\n\t\t\tonClick={onSelect}\n\t\t\tclassName={cn(\n\t\t\t\t`${interactionRecipes.nativeButtonReset} group/row relative flex w-full cursor-pointer items-center justify-start text-inherit outline-none ${focusRecipes.inset} text-left transition-colors`,\n\t\t\t\tcollectionRowClasses(),\n\t\t\t\t'global-search-result-row--component',\n\t\t\t\tactive ? interactionRecipes.rowSelected : interactionRecipes.rowHover,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/ Thumbnail / Avatar /}\n\t\t\t<div className=\"flex shrink-0 items-center\">\n\t\t\t\t{result.avatar ? (\n\t\t\t\t\t<Avatar className={cn('size-avatar-sm', av[result.avatar.tone ?? 'neutral'], liftNeutralTile(result.avatar.tone))}>\n\t\t\t\t\t\t{result.avatar.src && (\n\t\t\t\t\t\t\t<AvatarImage src={result.avatar.src} alt={result.title} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\tclassName={cn(av[result.avatar.tone ?? 'neutral'], liftNeutralTile(result.avatar.tone))}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{result.avatar.initials}\n\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t</Avatar>\n\t\t\t\t) : ThumbIcon ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex size-avatar-sm items-center justify-center rounded-radius',\n\t\t\t\t\t\t\tbg[result.thumbnail?.tone ?? 'neutral'],\n\t\t\t\t\t\t\tliftNeutralTile(result.thumbnail?.tone),\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ThumbIcon className=\"size-icon-sm\" aria-hidden=\"true\" />\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</div>\n\n\t\t\t{/ Body /}\n\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"truncate\">\n\t\t\t\t\t\t{highlightMatch(result.title, query)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!result.badge && (\n\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\ttone={\n\t\t\t\t\t\t\t\tresult.badge.tone === 'destructive'\n\t\t\t\t\t\t\t\t\t? 'destructive'\n\t\t\t\t\t\t\t\t\t: result.badge.tone\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{result.badge.label}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{(() => {\n\t\t\t\t\tconst pieces: Array<{ key: string; node: React.ReactNode }> = [];\n\t\t\t\t\tif (result.subtitle)\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'subtitle',\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 break-words\">\n\t\t\t\t\t\t\t\t\t{highlightMatch(result.subtitle, query)}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\tresult.meta?.forEach((m, i) => {\n\t\t\t\t\t\tconst Icon = m.icon;\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: `m-${i}`,\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'inline-flex min-w-0 items-center gap-space-xs break-words',\n\t\t\t\t\t\t\t\t\t\tm.mono && 'font-mono tabular-nums',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t{m.label}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\tif (result.timestamp)\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'ts',\n\t\t\t\t\t\t\tnode: <SecondaryValue size=\"xs\" className=\"tabular-nums\">{result.timestamp}</SecondaryValue>,\n\t\t\t\t\t\t});\n\t\t\t\t\tresult.tags?.forEach((tag) =>\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: `t-${tag}`,\n\t\t\t\t\t\t\t\tnode: <Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 break-words\">{tag}</Text>,\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t\tif (result.rightValue) {\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'rv',\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t\t<Value type=\"inherit\" weight=\"medium\" className=\"inline-flex flex-wrap items-baseline gap-space-xs tabular-nums\">\n\t\t\t\t\t\t\t\t\t{result.rightValue}\n\t\t\t\t\t\t\t\t\t{!!result.rightLabel && (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{result.rightLabel.toLowerCase()}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Value>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tif (pieces.length === 0) return null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"flex min-w-0 flex-wrap items-baseline gap-x-space-sm gap-y-dense break-words\">\n\t\t\t\t\t\t\t{pieces.map((p, i) => (\n\t\t\t\t\t\t\t\t<span key={p.key} className={cn('inline-flex min-w-0 max-w-full items-baseline gap-space-sm', p.key === 'rv' && '@xl/global-search:hidden')}>\n\t\t\t\t\t\t\t\t\t{i > 0 && (\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t·\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{p.node}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})()}\n\t\t\t</Stack>\n\n\t\t\t{/ Right value column — only when value/label set /}\n\t\t\t{!!(result.rightValue \|\| result.rightLabel) && (\n\t\t\t\t<div className=\"hidden shrink-0 items-center self-stretch @xl/global-search:flex\">\n\t\t\t\t\t<Stack gap=\"dense\" align=\"end\" className=\"text-right leading-tight\">\n\t\t\t\t\t\t{!!result.rightValue && (\n\t\t\t\t\t\t\t<Value\n\t\t\t\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"whitespace-nowrap tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{result.rightValue}\n\t\t\t\t\t\t\t</Value>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!result.rightLabel && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"whitespace-nowrap\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{result.rightLabel}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/ Trailing chevron /}\n\t\t\t<ArrowRight\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'size-icon shrink-0 transition-opacity',\n\t\t\t\t\tactive\n\t\t\t\t\t\t? 'text-inherit opacity-100'\n\t\t\t\t\t\t: 'text-muted-foreground opacity-0 group-hover/row:opacity-100',\n\t\t\t\t)}\n\t\t\t/>\n\t\t</button>\n\t);\n}\n","/\n GlobalSearchTabs — segmented filter strip above the result list.\n \n Wraps `base/navigation/tabs` for app-consistent styling and adds the\n * shared count badge (as NavigationTabs draws it) next to each label. The\n * strip is a header band: its scroller owns the collection inset (which also\n * keeps the focus halo clear of the overflow clip) and a quiet rule separates\n * it from the result list.\n /\nimport { Badge } from '../../../base/badge';\nimport { Tabs, TabsList, TabsTrigger } from '../../../base/navigation/tabs';\nimport { Text } from '../../../typography';\nimport { popoverRecipes } from '../../../base/popover/popover.recipes';\nimport { surfaceDividerRecipes } from '../../../../lib/surface-recipes';\nimport { cn } from '../../../../lib/utils';\n\nexport interface GlobalSearchTabsProps<TGroup extends string = string> {\n\t/* Currently-selected tab. /\n\tvalue: 'all' \| TGroup;\n\tonValueChange: (value: 'all' \| TGroup) => void;\n\t/* Tabs to offer, in display order. /\n\ttabs: ReadonlyArray<{ value: 'all' \| TGroup; label: string }>;\n\t/* Result counts shown beside each group. /\n\tcounts: Record<string, number>;\n}\n\nexport function GlobalSearchTabs<TGroup extends string = string>({\n\tvalue,\n\tonValueChange,\n\ttabs,\n\tcounts,\n}: GlobalSearchTabsProps<TGroup>) {\n\treturn (\n\t\t<div className={cn('global-search-tabs--component', surfaceDividerRecipes.anchored.header)}>\n\t\t\t<div className={cn('global-search-tabs--scroller overflow-x-auto pt-space-xs pb-space-md [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', popoverRecipes.menuInline)}>\n\t\t\t\t<Tabs\n\t\t\t\t\tvalue={value as string}\n\t\t\t\t\tonValueChange={(v) => onValueChange(v as 'all' \| TGroup)}\n\t\t\t\t\tclassName=\"min-w-max\"\n\t\t\t\t>\n\t\t\t\t\t<TabsList className=\"global-search-tabs--list h-action-sm w-max min-w-max\">\n\t\t\t\t\t\t{tabs.map((tab) => {\n\t\t\t\t\t\t\tconst count = counts[tab.value as string] ?? 0;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<TabsTrigger\n\t\t\t\t\t\t\t\t\tkey={tab.value as string}\n\t\t\t\t\t\t\t\t\tvalue={tab.value as string}\n\t\t\t\t\t\t\t\t\tclassName=\"global-search-tabs--trigger shrink-0 gap-space-sm px-control-sm text-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\">\n\t\t\t\t\t\t\t\t\t\t{tab.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"global-search-tabs--count tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</TabsList>\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/\n GlobalSearch — framework-agnostic spotlight overlay for app-wide search.\n \n Composition seams:\n * - `strings` — deep-partial override of the default copy\n * - `slots` — replace any region (input, tabs, idle, empty, loading, footer)\n * - `slots.renderResult` — full per-row override\n \n Headless usage:\n * - Call `useGlobalSearch({ results, query })` directly to drive a\n * completely custom UI against the same selection state machine.\n \n Framework-agnostic:\n * - No router import, no i18n SDK import. Routing is up to the consumer\n * via `onResultSelect`. Strings live in the `strings` prop.\n * - The library no longer ships `adapters/$framework/`. Consumers map\n * their router (Inertia, Tanstack Router, RR7, Next, …) to\n * `onResultSelect(result)` directly at the call site.\n /\nimport as React from 'react';\n\nimport { TextButton } from '../../base/buttons';\nimport { surfaceInsetClasses } from '../../base/popover/popover.recipes';\nimport { Text } from '../../typography';\nimport { interpolateString, useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultGlobalSearchStrings,\n\tformatGlobalSearchResultsCount,\n\ttype GlobalSearchStrings,\n} from './global-search.strings';\nimport type {\n\tGlobalSearchIdleSection,\n\tGlobalSearchResult,\n\tGlobalSearchSlots,\n\tGlobalSearchTab,\n} from './global-search.types';\nimport { useGlobalSearch } from './hooks/use-global-search';\nimport {\n\tGlobalSearchEmptyState,\n\tGlobalSearchFooter,\n\tGlobalSearchIdleState,\n\tGlobalSearchInput,\n\tGlobalSearchResultRow,\n\tGlobalSearchTabs,\n} from './partials';\nimport { GlobalSearchGroupHeading } from './partials/global-search-group-heading';\n\nexport interface GlobalSearchProps<TGroup extends string = string> {\n\t/** Result list. The component renders these grouped by `result.group`. /\n\tresults?: ReadonlyArray<GlobalSearchResult<TGroup>>;\n\t/* Current query value (controlled). /\n\tquery: string;\n\t/* Query change callback. /\n\tonQueryChange: (q: string) => void;\n\t/* Activation callback — fires on row click or Enter. /\n\tonResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n\t/* Escape-key callback. /\n\tonClose?: () => void;\n\t/* Loading flag — switches the input spinner and renders the loading slot. /\n\tloading?: boolean;\n\t/\n\t Characters (without surrounding whitespace) a query needs before an empty\n\t * result list reads as \"no results\". Shorter queries show the idle content,\n\t * or a hint when there is none. Default: `2`.\n\t /\n\tminQueryLength?: number;\n\t/* Idle-state sections (Recent / Suggestions / …). /\n\tidleSections?: ReadonlyArray<GlobalSearchIdleSection>;\n\t/* Override default group labels in the tab strip. /\n\tgroupLabels?: Partial<Record<TGroup, string>>;\n\t/* Auto-focus the input on mount. /\n\tautoFocus?: boolean;\n\t/* Replace any portion of the default copy. /\n\tstrings?: StringsProp<GlobalSearchStrings>;\n\t/* Replace any portion of the layout. /\n\tslots?: GlobalSearchSlots<TGroup>;\n\t/* Custom tab list — overrides the auto-generated `All + groups`. /\n\ttabs?: ReadonlyArray<GlobalSearchTab<TGroup>>;\n\t/* Wrapper className. /\n\tclassName?: string;\n}\n\nexport function GlobalSearch<TGroup extends string = string>({\n\tresults = [],\n\tquery,\n\tonQueryChange,\n\tonResultSelect,\n\tonClose,\n\tloading = false,\n\tminQueryLength = 2,\n\tidleSections,\n\tgroupLabels,\n\tautoFocus = false,\n\tstrings: stringsProp,\n\tslots,\n\ttabs,\n\tclassName,\n}: GlobalSearchProps<TGroup>) {\n\tconst strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\n\tconst search = useGlobalSearch<TGroup>({\n\t\tresults,\n\t\tquery,\n\t\tonResultSelect,\n\t\tonClose,\n\t});\n\n\tconst typedLength = query.trim().length;\n\tconst isEmpty = !loading && typedLength >= minQueryLength && results.length === 0;\n\tconst isIdle = !loading && typedLength < minQueryLength;\n\n\t// Combobox semantics: focus stays in the field while the arrow keys move the\n\t// highlight, so each group is a listbox and the field names the active option.\n\tconst listboxBaseId = React.useId();\n\tconst showResults = !loading && results.length > 0;\n\tconst flatIndexById = new Map(search.flat.map((item, index) => [item.id, index]));\n\tconst optionIdFor = (index: number) => `${listboxBaseId}-option-${index}`;\n\tconst groupKeys = Object.keys(search.visibleGrouped);\n\tconst listboxIdFor = (groupIndex: number) => `${listboxBaseId}-group-${groupIndex}`;\n\tconst activeOptionId = showResults && search.flat[search.activeIdx] ? optionIdFor(search.activeIdx) : undefined;\n\tconst listboxIds = groupKeys.map((_, groupIndex) => listboxIdFor(groupIndex)).join(' ');\n\tconst resultsCountText = showResults ? formatGlobalSearchResultsCount(strings, results.length) : '';\n\n\t// `aria-activedescendant` moves the highlight without moving focus, so the\n\t// browser never scrolls to it. Arrow keys bring the row into view; pointer\n\t// hover does not, because scrolling under the pointer would move the rows.\n\tconst [keyboardMoves, setKeyboardMoves] = React.useState(0);\n\tconst pendingKeyboardMove = React.useRef(false);\n\tconst handleKeyDown = (event: React.KeyboardEvent) => {\n\t\tif (event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') {\n\t\t\tpendingKeyboardMove.current = true;\n\t\t\tsetKeyboardMoves((count) => count + 1);\n\t\t}\n\t\tsearch.onKeyDown(event);\n\t};\n\tReact.useEffect(() => {\n\t\tif (!pendingKeyboardMove.current) return;\n\t\tpendingKeyboardMove.current = false;\n\t\tconst option = activeOptionId ? document.getElementById(activeOptionId) : null;\n\t\tif (typeof option?.scrollIntoView === 'function') option.scrollIntoView({ block: 'nearest' });\n\t}, [keyboardMoves, activeOptionId]);\n\n\tconst resolvedTabs = React.useMemo<\n\t\tReadonlyArray<GlobalSearchTab<TGroup>>\n\t>(() => {\n\t\tif (tabs) return tabs;\n\t\tconst groupKeys = Object.keys(search.grouped) as TGroup[];\n\t\treturn [\n\t\t\t{ value: 'all', label: strings.tabAll },\n\t\t\t...groupKeys.map((key) => ({\n\t\t\t\tvalue: key,\n\t\t\t\tlabel: groupLabels?.[key] ?? key,\n\t\t\t})),\n\t\t];\n\t}, [tabs, search.grouped, strings.tabAll, groupLabels]);\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"global-search\"\n\t\t\tdata-slot=\"global-search\"\n\t\t\tclassName={cn('global-search--component',\n\t\t\t\t'@container/global-search overflow-hidden rounded-surface border border-border bg-card text-card-foreground shadow-xl',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{typeof slots?.input === 'function' ? slots.input({\n\t\t\t\tquery,\n\t\t\t\tonQueryChange,\n\t\t\t\tonKeyDown: handleKeyDown,\n\t\t\t\texpanded: showResults,\n\t\t\t\tcontrols: listboxIds,\n\t\t\t\tactiveDescendant: activeOptionId,\n\t\t\t\tloading,\n\t\t\t}) : slots?.input ?? (\n\t\t\t\t<GlobalSearchInput\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonValueChange={onQueryChange}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\tclearLabel={strings.clear}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\texpanded={showResults}\n\t\t\t\t\tcontrols={listboxIds}\n\t\t\t\t\tactiveDescendant={activeOptionId}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{/ One region that stays mounted, so loading and then the number of\n\t\t\t results are announced; a region that mounts with its text is not. /}\n\t\t\t<span role=\"status\" aria-live=\"polite\" className=\"global-search--status sr-only\">\n\t\t\t\t{loading ? strings.loading : resultsCountText}\n\t\t\t</span>\n\n\t\t\t{!loading && results.length > 0 && (\n\t\t\t\tslots?.tabs ?? (\n\t\t\t\t\t<GlobalSearchTabs<TGroup>\n\t\t\t\t\t\tvalue={search.activeTab}\n\t\t\t\t\t\tonValueChange={search.setActiveTab}\n\t\t\t\t\t\ttabs={resolvedTabs}\n\t\t\t\t\t\tcounts={search.tabCounts}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t)}\n\n\t\t\t{/ A rem-based results viewport (32.5rem), so it follows the root text size. /}\n\t\t\t<div className=\"global-search--viewport max-h-130 overflow-y-auto\">\n\t\t\t\t{!!isIdle && (slots?.idle ?? (\n\t\t\t\t\tidleSections && idleSections.length > 0 ? (\n\t\t\t\t\t\t<GlobalSearchIdleState\n\t\t\t\t\t\t\tsections={idleSections}\n\t\t\t\t\t\t\tfallbackLabels={{ recent: strings.idleRecent, suggestions: strings.idleSuggestions }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : typedLength > 0 && results.length === 0 && strings.idleHint ? (\n\t\t\t\t\t\t<div className=\"global-search--hint flex items-center justify-center px-row-x py-space-xl\">\n\t\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t\t{interpolateString(strings.idleHint, { count: minQueryLength })}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null\n\t\t\t\t))}\n\n\t\t\t\t{!!loading && (slots?.loading ?? (\n\t\t\t\t\t<div className=\"global-search--loading flex items-center justify-center px-row-x py-space-xl\">\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t\t{!!isEmpty && (slots?.empty ?? (\n\t\t\t\t\t<GlobalSearchEmptyState\n\t\t\t\t\t\ttitle={interpolateString(strings.emptyTitle, { query })}\n\t\t\t\t\t\thint={strings.emptyHint}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{!loading && results.length > 0 && (\n\t\t\t\t\t<div className={cn('global-search--results', surfaceInsetClasses.compact)}>\n\t\t\t\t\t\t{Object.entries(search.visibleGrouped).map(([groupKey, items], groupIndex) => (\n\t\t\t\t\t\t\t<div key={groupKey} className=\"global-search--group\">\n\t\t\t\t\t\t\t\t<GlobalSearchGroupHeading\n\t\t\t\t\t\t\t\t\tlabel={groupLabels?.[groupKey as TGroup] ?? groupKey}\n\t\t\t\t\t\t\t\t\taction={search.activeTab === 'all' && items.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t<TextButton\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => search.setActiveTab(groupKey as TGroup)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"shrink-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{strings.seeAll}\n\t\t\t\t\t\t\t\t\t\t</TextButton>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\tid={listboxIdFor(groupIndex)}\n\t\t\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\t\t\taria-label={groupLabels?.[groupKey as TGroup] ?? groupKey}\n\t\t\t\t\t\t\t\t\tclassName=\"m-0 flex list-none flex-col p-0\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t\t\tsearch.flat[search.activeIdx]?.id === item.id;\n\t\t\t\t\t\t\t\t\t\tconst optionId = optionIdFor(flatIndexById.get(item.id) ?? -1);\n\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\tisActive,\n\t\t\t\t\t\t\t\t\t\t\tquery,\n\t\t\t\t\t\t\t\t\t\t\tonSelect: () => onResultSelect?.(item),\n\t\t\t\t\t\t\t\t\t\t\toptionId,\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t// A custom row is wrapped as the option; the default row is one.\n\t\t\t\t\t\t\t\t\t\tif (slots?.renderResult) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<li key={item.id} id={optionId} role=\"option\" aria-selected={isActive}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{slots.renderResult(item, ctx)}\n\t\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<li key={item.id} role=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t\t<GlobalSearchResultRow<TGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t\tresult={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive={isActive}\n\t\t\t\t\t\t\t\t\t\t\t\t\tquery={query}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={ctx.onSelect}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch.setActiveById(item.id)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\toptionId={optionId}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{slots?.footer ?? (\n\t\t\t\t<GlobalSearchFooter\n\t\t\t\t\tnavigateLabel={strings.footerNavigate}\n\t\t\t\t\topenLabel={strings.footerOpen}\n\t\t\t\t\tcloseLabel={strings.footerClose}\n\t\t\t\t\ttrailing={\n\t\t\t\t\t\t!isIdle && !isEmpty && results.length > 0 ? (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{resultsCountText}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/\n GlobalSearchDialog — the command-palette presentation of `GlobalSearch`.\n \n `GlobalSearch` is a panel: it renders its own card chrome and expects to be\n * placed somewhere. The palette pattern it was clearly built for — `onClose`,\n * `autoFocus`, Escape handling — had no supported presentation, so every call\n * site hand-rolled the modal around it: a `fixed inset-0` backdrop and a\n * mousedown-outside handler, with no focus trap, no portal, no scroll lock and\n * no dialog role.\n \n It presents through `ActionDialog` rather than a raw `Dialog`, because\n * `features/overlays` is the package's single overlay surface and everything\n * modal is expected to come from it. Three of its seams carry the palette\n * shape: `visuallyHideHeader` keeps the accessible name without drawing a\n * heading, `showCloseButton={false}` drops the corner X that would otherwise\n * land on the search field, and the two action flags remove the footer.\n \n The surface itself is neutralised because `GlobalSearch` already draws the\n * card, and it anchors near the top rather than centring, which is where a\n * palette belongs.\n /\nimport { useCallback } from 'react';\n\nimport { ActionDialog } from '../overlays';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { GlobalSearch, type GlobalSearchProps } from './global-search';\nimport { defaultGlobalSearchStrings } from './global-search.strings';\nimport type { GlobalSearchResult } from './global-search.types';\n\nexport interface GlobalSearchDialogProps<TGroup extends string = string>\n\textends Omit<GlobalSearchProps<TGroup>, 'onClose'> {\n\t/* Whether the palette is showing. /\n\topen: boolean;\n\t/* Open-state callback. Fires on Escape, backdrop click, and result selection. /\n\tonOpenChange: (open: boolean) => void;\n\t/\n\t Closes the palette after a result is chosen, once `onResultSelect` has run.\n\t * Default: `true`. Set `false` to keep it open, for example to pick several\n\t * results in a row.\n\t /\n\tcloseOnSelect?: boolean;\n\t/* Classes for the dialog surface that positions the palette. */\n\tcontentClassName?: string;\n}\n\nexport function GlobalSearchDialog<TGroup extends string = string>({\n\topen,\n\tonOpenChange,\n\tcontentClassName,\n\tclassName,\n\tstrings: stringsProp,\n\tautoFocus = true,\n\tcloseOnSelect = true,\n\tonResultSelect,\n\t...searchProps\n}: GlobalSearchDialogProps<TGroup>) {\n\tconst strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\tconst selectResult = useCallback((result: GlobalSearchResult<TGroup>) => {\n\t\tonResultSelect?.(result);\n\t\tif (closeOnSelect) onOpenChange(false);\n\t}, [closeOnSelect, onOpenChange, onResultSelect]);\n\n\treturn (\n\t\t<ActionDialog\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\ttitle={strings.dialogTitle}\n\t\t\tvisuallyHideHeader\n\t\t\tshowCloseButton={false}\n\t\t\tshowCancel={false}\n\t\t\tshowConfirm={false}\n\t\t\tclassName={cn(\n\t\t\t\t'global-search-dialog--component',\n\t\t\t\t// GlobalSearch draws the card, so the dialog surface carries none:\n\t\t\t\t// stacking both produced a border inside a border.\n\t\t\t\t'w-full max-w-2xl overflow-visible border-0 bg-transparent p-0 shadow-none sm:max-w-2xl',\n\t\t\t\t// A palette belongs near the top of the viewport, not centred in it.\n\t\t\t\t'top-24 translate-y-0',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t\tcontentClassName=\"p-0\"\n\t\t>\n\t\t\t<GlobalSearch<TGroup>\n\t\t\t\t{...(searchProps as GlobalSearchProps<TGroup>)}\n\t\t\t\tstrings={stringsProp}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t// No `onClose`: the dialog owns Escape, so one press reports one close.\n\t\t\t\tonResultSelect={selectResult}\n\t\t\t\tclassName={className}\n\t\t\t/>\n\t\t</ActionDialog>\n\t);\n}\n\nGlobalSearchDialog.displayName = 'GlobalSearchDialog';\n"],"mappings":"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"}