@eifi1/ui-kit 0.16.0 → 0.17.0

package/dist/search/global-search.d.ts

@@ -26,8 +26,20 @@ declare const DEFAULT_GLOBAL_SEARCH_LABELS: GlobalSearchLabels;
 interface GlobalSearchSource {
     /** Stable key — the effect that runs the source is keyed by it, not by identity. */
     id: string;
-    /** The group its results are shown under (an entry's own `group` is ignored). */
+    /** The group its results are shown under (an entry's own `group` is ignored) — unless
+     *  `groups` is set, where it is only the home of entries that name no declared group. */
     group: string;
+    /**
+     * Split ONE request into several groups — kastlan's record search answers with
+     * properties, units, contacts, leases and invoices at once, and one source per group
+     * meant a dedupe layer so the network still saw one request. Each entry is then shown
+     * under the group its own `group` names: a declared `key` (shown by its `label`) or a
+     * plain string (key and heading at once). The groups appear in THIS order whatever the
+     * answer's order, each kept to `limit` rows; an entry naming no declared group falls
+     * under `group`. While the request runs, or when it fails, the source shows one status
+     * line under its first group, not one per group. Unset: one group, as before.
+     */
+    groups?: readonly (string | GlobalSearchSourceGroup)[];
     /** Called with the trimmed query. Its results are shown AS GIVEN — the source ranked
      *  them — and never re-filtered by the index's matcher. `signal` aborts when the query
      *  moves on or the palette closes; a stale answer is dropped either way. */
@@ -36,7 +48,7 @@ interface GlobalSearchSource {
     minChars?: number;
     /** Quiet period after the last keystroke before it is asked. Default 200ms. */
     debounceMs?: number;
-    /** Rows kept. Default: `indexOptions.groupLimit` (8). */
+    /** Rows kept — per group, when `groups` is set. Default: `indexOptions.groupLimit` (8). */
     limit?: number;
     /** Mask every row of this source for session replay, hints (amounts) included. An
      *  entry's own `redact` still wins. */
@@ -45,6 +57,12 @@ interface GlobalSearchSource {
      *  shows the palette's `error` line instead of rows. */
     onError?: (error: unknown) => void;
 }
+/** One of a multi-group source's groups: the `key` its entries name in `group`, and the
+ *  heading shown — so a server's type ("unit") need not be translated per entry. */
+interface GlobalSearchSourceGroup {
+    key: string;
+    label: string;
+}
 /** What a custom trigger gets: everything the default button uses. */
 interface GlobalSearchTriggerProps {
     open: () => void;
@@ -73,7 +91,7 @@ interface GlobalSearchProps {
      * neither re-indexes nor loops, and the icons and handlers used are always the latest.
      */
     entries?: readonly SearchEntry[];
-    /** The async sources, each streamed into its own group. */
+    /** The async sources, each streamed into its own group — or several (`groups`). */
     sources?: readonly GlobalSearchSource[];
     /** What the empty query shows, under the `suggestions` heading. */
     suggestions?: readonly GlobalSearchSuggestion[];
@@ -163,4 +181,4 @@ interface GlobalSearchProps {
  */
 declare function GlobalSearch(props: GlobalSearchProps): react.JSX.Element;
 
-export { DEFAULT_GLOBAL_SEARCH_LABELS, GlobalSearch, type GlobalSearchLabels, type GlobalSearchProps, type GlobalSearchSource, type GlobalSearchSuggestion, type GlobalSearchTriggerProps };
+export { DEFAULT_GLOBAL_SEARCH_LABELS, GlobalSearch, type GlobalSearchLabels, type GlobalSearchProps, type GlobalSearchSource, type GlobalSearchSourceGroup, type GlobalSearchSuggestion, type GlobalSearchTriggerProps };

package/dist/search/global-search.js

@@ -111,7 +111,17 @@ function GlobalSearchImpl({
   const groupLimit = indexOptions?.groupLimit ?? 8;
   const index = useMemo(() => createSearchIndex(list, indexOptions), [sig, optionsKey]);
   const byId = useMemo(() => new Map(list.map((e) => [e.id, e])), [sig]);
-  const sourceKey = (sources ?? []).map((s) => [s.id, s.group, s.minChars ?? 2, s.debounceMs ?? 200, s.limit, s.redact].join("
")).join("");
+  const sourceKey = (sources ?? []).map(
+    (s) => [
+      s.id,
+      s.group,
+      (s.groups ?? []).map((g) => typeof g === "string" ? g : `${g.key}${g.label}`).join(""),
+      s.minChars ?? 2,
+      s.debounceMs ?? 200,
+      s.limit,
+      s.redact
+    ].join("
")
+  ).join("");
   const sourceList = useMemo(() => sources ?? [], [sourceKey]);
   const suggestionsKey = (suggestions ?? []).map((s) => typeof s === "string" ? `i:${s}` : "query" in s ? `q:${s.query}` : `e:${signature([s])}`).join("");
   const suggestionList = useMemo(() => suggestions ?? [], [suggestionsKey]);
@@ -204,10 +214,12 @@ function GlobalSearchImpl({
     for (const source of sourceList) {
       if (q.length < (source.minChars ?? 2)) continue;
       const result = sourceResults[source.id];
+      const declared = (source.groups ?? []).map((g) => typeof g === "string" ? { key: g, label: g } : g);
       const status = (label, icon) => ({
         id: `src:${source.id}:status`,
         label,
-        group: source.group,
+        // One line for the one request, under the group that will head its answer.
+        group: declared[0]?.label ?? source.group,
         icon,
         kind: "status",
         onSelect: noop
@@ -216,10 +228,26 @@ function GlobalSearchImpl({
         out.push(status(pl.loading, /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" })));
       } else if (result.status === "error") {
         out.push(status(pl.error ?? DEFAULT_COMMAND_PALETTE_LABELS.error, /* @__PURE__ */ jsx(AlertCircle, { className: "size-3.5" })));
-      } else {
+      } else if (!declared.length) {
         for (const entry of result.entries.slice(0, source.limit ?? groupLimit)) {
           out.push(toItem(`src:${source.id}:`, entry, source.group, source.redact ?? redactLabels));
         }
+      } else {
+        const buckets = /* @__PURE__ */ new Map();
+        for (const g of declared) buckets.set(g.key, { label: g.label, entries: [] });
+        const rest = [];
+        for (const entry of result.entries) {
+          const bucket = entry.group === void 0 ? void 0 : buckets.get(entry.group);
+          (bucket ? bucket.entries : rest).push(entry);
+        }
+        const limit = source.limit ?? groupLimit;
+        const emit = (key, label, list2) => {
+          for (const entry of list2.slice(0, limit)) {
+            out.push(toItem(`src:${source.id}:${key}:`, entry, label, source.redact ?? redactLabels));
+          }
+        };
+        for (const [key, { label, entries: list2 }] of buckets) emit(key, label, list2);
+        emit("~", source.group, rest);
       }
     }
     return ordered(out);

package/dist/search/global-search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/search/global-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useHref, useInRouterContext, useNavigate } from \"react-router\";\nimport { AlertCircle, Loader2, Search } from \"lucide-react\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { TOPBAR_TRIGGER_CLASS } from \"../shell/topbar-controls\";\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { CommandPalette, DEFAULT_COMMAND_PALETTE_LABELS, useCommandKey } from \"./command-palette\";\nimport type { CommandItem, CommandPaletteDensity, CommandPaletteLabels } from \"./command-palette\";\nimport { createSearchIndex } from \"./search-index\";\nimport type { SearchEntry, SearchIndexOptions } from \"./search-index\";\n\nexport interface GlobalSearchLabels {\n  /** The trigger's accessible name, and the dialog's. */\n  trigger: string;\n  /** The field's placeholder — says WHAT can be found, which \"Search…\" does not. */\n  placeholder: string;\n  /** The trigger's tooltip, given the shortcut as the platform writes it (\"⌘K\",\n   *  \"Ctrl K\"). A function so a language can put the keys where its grammar wants. */\n  shortcut: (keys: string) => string;\n  /** Heading of the suggestions shown for an empty query. */\n  suggestions: string;\n  /** Heading for entries that name no `group`. */\n  results: string;\n}\n\nexport const DEFAULT_GLOBAL_SEARCH_LABELS: GlobalSearchLabels = {\n  trigger: \"Search\",\n  placeholder: \"Search or jump to…\",\n  shortcut: (keys) => `Search (${keys})`,\n  suggestions: \"Try\",\n  results: \"Results\",\n};\n\n/**\n * A place results come from that is not the static index — a server search, a\n * local-first store too large to hand over whole. Each source is its own group, with its\n * own debounce, its own \"Searching…\" line and its own failure: the static groups never\n * wait for it, and one source failing never takes another's results with it.\n */\nexport interface GlobalSearchSource {\n  /** Stable key — the effect that runs the source is keyed by it, not by identity. */\n  id: string;\n  /** The group its results are shown under (an entry's own `group` is ignored). */\n  group: string;\n  /** Called with the trimmed query. Its results are shown AS GIVEN — the source ranked\n   *  them — and never re-filtered by the index's matcher. `signal` aborts when the query\n   *  moves on or the palette closes; a stale answer is dropped either way. */\n  search: (query: string, signal: AbortSignal) => Promise<readonly SearchEntry[]> | readonly SearchEntry[];\n  /** Shortest query it is asked for. Default 2 — one letter matches half a database. */\n  minChars?: number;\n  /** Quiet period after the last keystroke before it is asked. Default 200ms. */\n  debounceMs?: number;\n  /** Rows kept. Default: `indexOptions.groupLimit` (8). */\n  limit?: number;\n  /** Mask every row of this source for session replay, hints (amounts) included. An\n   *  entry's own `redact` still wins. */\n  redact?: boolean;\n  /** Told when `search` throws or rejects (not when it is aborted). The group then\n   *  shows the palette's `error` line instead of rows. */\n  onError?: (error: unknown) => void;\n}\n\n/** What a custom trigger gets: everything the default button uses. */\nexport interface GlobalSearchTriggerProps {\n  open: () => void;\n  /** Resolved `trigger` label — the accessible name. */\n  label: string;\n  /** Resolved `shortcut(keys)` — the tooltip. */\n  tooltip: string;\n  /** \"⌘K\" on Apple platforms, \"Ctrl K\" elsewhere. */\n  keys: string;\n  /** For the trigger's `aria-keyshortcuts`. */\n  ariaKeyShortcuts: string;\n}\n\n/** A suggestion for the empty query: an entry, the `id` of one in `entries`, or a query\n *  to type into the field. */\nexport type GlobalSearchSuggestion = SearchEntry | string | { query: string };\n\nexport interface GlobalSearchProps {\n  /**\n   * The static index: pages, actions, settings rows — already filtered by the app (by\n   * role, by privacy mode). Matched and ranked by {@link createSearchIndex}.\n   *\n   * Changing it re-runs the open search by itself. Nothing has to be stable: the index is\n   * rebuilt only when the entries' TEXT changes (ids, titles, keywords, …), so a list\n   * rebuilt on every render — `data = []` while a query is pending, icons as fresh JSX —\n   * neither re-indexes nor loops, and the icons and handlers used are always the latest.\n   */\n  entries?: readonly SearchEntry[];\n  /** The async sources, each streamed into its own group. */\n  sources?: readonly GlobalSearchSource[];\n  /** What the empty query shows, under the `suggestions` heading. */\n  suggestions?: readonly GlobalSearchSuggestion[];\n  /**\n   * Show each suggested ENTRY under its own `group` instead of all of them under the\n   * one `suggestions` heading — keksdose's empty palette listed \"Pages\" and \"Actions\"\n   * apart, and one \"Try\" heading over both lost the difference. An entry with no\n   * `group` and a query suggestion (`{ query }`) stay under `suggestions`. `groupOrder`\n   * orders these groups as it orders the results'. Off by default.\n   */\n  suggestionsKeepGroups?: boolean;\n  /** Groups listed here come first, in this order; the rest follow in ranking order. */\n  groupOrder?: readonly string[];\n  /** Ranking and capping — `groupLimit` (default 8) applies to every group. */\n  indexOptions?: SearchIndexOptions;\n  /**\n   * How an entry's `href` is followed on a plain click or ↵. Default: react-router's\n   * `navigate` when the search is rendered inside a router, else a full page load.\n   */\n  navigate?: (href: string) => void;\n  /**\n   * The browser URL of an `href`, for the row's real link (middle-/⌘-click opens a tab).\n   * Default inside a router: the router's own (`#/page` under a hash router, the\n   * basename prefixed under a browser router); outside one, the href itself.\n   */\n  hrefFor?: (href: string) => string;\n  /** Register ⌘K / Ctrl K. Default true; turn it off for a second, scoped search on a\n   *  page that already has the app-wide one. */\n  shortcut?: boolean;\n  /** Controlled open state — so a button anywhere can open it. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Controlled query, as on `CommandPalette` (keksdose binds it to the URL's `q`). */\n  query?: string;\n  onQueryChange?: (query: string) => void;\n  searchOn?: \"input\" | \"submit\";\n  /** Mask every row for session replay (see `CommandPalette`). A source's or an entry's\n   *  own `redact` wins. */\n  redactLabels?: boolean;\n  fullScreenOnPhone?: boolean;\n  /** `\"button\"` (default): the top-bar icon button. `\"none\"`: no trigger — the shortcut\n   *  or a controlled `open` opens it. A function renders a trigger of your own. */\n  trigger?: \"button\" | \"none\" | ((props: GlobalSearchTriggerProps) => ReactNode);\n  /** Hide the default trigger below `sm` (kastlan's phone top bar has no room). */\n  hideTriggerOnPhone?: boolean;\n  /** Class for the default trigger button, merged over `TOPBAR_TRIGGER_CLASS`. */\n  triggerClassName?: string;\n  /**\n   * The default trigger's magnifier, in px. Default 16 (`size-4`), as it always was;\n   * 20 matches the kit's other top-bar triggers (`TopbarIconButton` draws `size-5`) and\n   * keksdose's top bar, which reached into the button with `[&_svg]:size-5` for it.\n   */\n  triggerIconSize?: number;\n  /**\n   * Whether the trigger's accessible name includes the shortcut: `\"plain\"` (default)\n   * names it \"Search\"; `\"withShortcut\"` names it by `labels.shortcut(keys)` —\n   * \"Search (⌘K)\" on Apple platforms, \"Search (Ctrl K)\" elsewhere — the same text its\n   * tooltip shows, so a speech-control user (\"click Search\") and a sighted keyboard user\n   * meet the shortcut in the name itself (keksdose C25). `aria-keyshortcuts` is set\n   * either way. Also reaches a custom trigger as `triggerProps.label`.\n   */\n  triggerName?: \"plain\" | \"withShortcut\";\n  /** The palette's row height — `CommandPalette`'s `density`. Default `\"compact\"`. */\n  density?: CommandPaletteDensity;\n  labels?: Partial<GlobalSearchLabels>;\n  /** Passed through to the palette (`empty`, `loading`, `error`, `hint`, …). */\n  paletteLabels?: Partial<CommandPaletteLabels>;\n}\n\nfunction isApplePlatform(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  const nav = navigator as Navigator & { userAgentData?: { platform?: string } };\n  return /mac|iphone|ipad|ipod/i.test(nav.userAgentData?.platform || nav.platform || nav.userAgent);\n}\n\nconst pageLoad = (href: string) => window.location.assign(href);\nconst identity = (href: string) => href;\n\n/** The entries' text, which is all the index reads — see `entries`. */\nfunction signature(entries: readonly SearchEntry[]): string {\n  return entries\n    .map((e) =>\n      [e.id, e.title, (e.keywords ?? []).join(\"\\u0003\"), e.description, e.group, e.hint, e.href, e.weight, e.redact].join(\n        \"\\u0001\",\n      ),\n    )\n    .join(\"\\u0002\");\n}\n\n/** Focus the open palette's field again — after a suggestion typed itself into it, the\n *  row that was clicked (and held focus) is gone. */\nfunction refocusField() {\n  requestAnimationFrame(() => {\n    const fields = document.querySelectorAll<HTMLInputElement>('[role=\"dialog\"][aria-modal=\"true\"] input[role=\"combobox\"]');\n    fields[fields.length - 1]?.focus();\n  });\n}\n\ninterface SourceResult {\n  query: string;\n  status: \"loading\" | \"done\" | \"error\";\n  entries: readonly SearchEntry[];\n}\n\n/**\n * The app-wide ⌘K search, whole: the top-bar trigger, the shortcut, and a\n * {@link CommandPalette} fed from a ranked index ({@link createSearchIndex}) and any\n * number of async sources.\n *\n * Every consumer had built this out of `CommandPalette` by hand, and each copy had the\n * same holes — a substring match, no ranking, no typo tolerance, results in declaration\n * order, one monolithic provider in which the static groups waited on the slowest\n * request. This is that wrapper once:\n *\n *     <GlobalSearch\n *       entries={pages}              // { id, title, keywords, group, href, icon }\n *       sources={[{ id: \"tx\", group: \"Transactions\", search: (q, signal) => api.search(q, { signal }) }]}\n *       suggestions={[\"page-budget\", \"action-new-account\"]}\n *     />\n *\n * Inside a react-router tree it navigates with the router and builds its links with it;\n * outside one, pass `navigate` (or accept full page loads).\n */\nexport function GlobalSearch(props: GlobalSearchProps) {\n  // Two components rather than a conditional hook: `useNavigate` throws outside a\n  // router, and whether we are in one does not change over a component's life.\n  const inRouter = useInRouterContext();\n  if (inRouter && (!props.navigate || !props.hrefFor)) return <RoutedGlobalSearch {...props} />;\n  return <GlobalSearchImpl {...props} navigate={props.navigate ?? pageLoad} hrefFor={props.hrefFor ?? identity} />;\n}\n\nfunction RoutedGlobalSearch(props: GlobalSearchProps) {\n  const routerNavigate = useNavigate();\n  // The router's href for \"/\" is its base (\"#/\" under a hash router, \"/app/\" under a\n  // basename); every href is that base plus the path.\n  const base = useHref(\"/\").replace(/\\/$/, \"\");\n  const navigate = useCallback((href: string) => void routerNavigate(href), [routerNavigate]);\n  const hrefFor = useCallback((href: string) => (href.startsWith(\"/\") ? base + href : href), [base]);\n  return <GlobalSearchImpl {...props} navigate={props.navigate ?? navigate} hrefFor={props.hrefFor ?? hrefFor} />;\n}\n\nfunction GlobalSearchImpl({\n  entries,\n  sources,\n  suggestions,\n  suggestionsKeepGroups = false,\n  groupOrder,\n  indexOptions,\n  navigate,\n  hrefFor,\n  shortcut = true,\n  open: openProp,\n  onOpenChange,\n  query: queryProp,\n  onQueryChange,\n  searchOn,\n  redactLabels = false,\n  fullScreenOnPhone,\n  trigger = \"button\",\n  hideTriggerOnPhone = false,\n  triggerClassName,\n  triggerIconSize,\n  triggerName = \"plain\",\n  density,\n  labels,\n  paletteLabels,\n}: GlobalSearchProps & { navigate: (href: string) => void; hrefFor: (href: string) => string }) {\n  const l = useKitLabels(\"globalSearch\", DEFAULT_GLOBAL_SEARCH_LABELS, labels);\n  const pl = useKitLabels(\"commandPalette\", DEFAULT_COMMAND_PALETTE_LABELS, paletteLabels);\n  const [ownOpen, setOwnOpen] = useState(false);\n  const open = openProp ?? ownOpen;\n  const [ownQuery, setOwnQuery] = useState(\"\");\n  const queryControlled = queryProp !== undefined;\n  const query = queryControlled ? queryProp : ownQuery;\n  const q = query.trim();\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (openProp === undefined) setOwnOpen(next);\n      onOpenChange?.(next);\n    },\n    [openProp, onOpenChange],\n  );\n  const setQuery = useCallback(\n    (next: string) => {\n      if (!queryControlled) setOwnQuery(next);\n      onQueryChange?.(next);\n    },\n    [queryControlled, onQueryChange],\n  );\n\n  // Each open starts blank — unless the owner controls the query (a URL `q`). Adjusted\n  // during render, React's pattern for state that follows a prop, so a controlled `open`\n  // gets the same reset as the trigger does.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (wasOpen !== open) {\n    setWasOpen(open);\n    if (open && !queryControlled) setOwnQuery(\"\");\n  }\n\n  const openSearch = useCallback(() => setOpen(true), [setOpen]);\n  const noop = useCallback(() => {}, []);\n  useCommandKey(shortcut ? openSearch : noop);\n\n  /* ── the static index ─────────────────────────────────────────────────── */\n\n  // Everything below is keyed by CONTENT, never by the identity of what the app passed:\n  // inline arrays and `data = []` defaults are the norm, and an identity key would\n  // re-index and re-search on every render of the app. Handlers, which can close over\n  // anything, are read from refs at the moment a row is chosen — never stale.\n  const list = entries ?? EMPTY;\n  const sig = signature(list);\n  const optionsKey = JSON.stringify(indexOptions ?? {});\n  const groupLimit = indexOptions?.groupLimit ?? 8;\n  // `sig` and `optionsKey` stand for `list` and `indexOptions`: same text, same index.\n  /* eslint-disable react-hooks/exhaustive-deps */\n  const index = useMemo(() => createSearchIndex(list, indexOptions), [sig, optionsKey]);\n  const byId = useMemo(() => new Map(list.map((e) => [e.id, e])), [sig]);\n\n  const sourceKey = (sources ?? [])\n    .map((s) => [s.id, s.group, s.minChars ?? 2, s.debounceMs ?? 200, s.limit, s.redact].join(\"\\u0001\"))\n    .join(\"\\u0002\");\n  const sourceList = useMemo(() => sources ?? [], [sourceKey]);\n\n  const suggestionsKey = (suggestions ?? [])\n    .map((s) => (typeof s === \"string\" ? `i:${s}` : \"query\" in s ? `q:${s.query}` : `e:${signature([s])}`))\n    .join(\"\\u0002\");\n  const suggestionList = useMemo(() => suggestions ?? [], [suggestionsKey]);\n\n  const groupOrderKey = (groupOrder ?? []).join(\"\\u0002\");\n  const order = useMemo(() => groupOrder ?? [], [groupOrderKey]);\n  /* eslint-enable react-hooks/exhaustive-deps */\n\n  // The live objects, for the moment a row is chosen or a source is asked.\n  const live = useRef({ entries: list, sources: sources ?? [], suggestions: suggestions ?? [], navigate });\n  useLayoutEffect(() => {\n    live.current = { entries: list, sources: sources ?? [], suggestions: suggestions ?? [], navigate };\n  });\n\n  /* ── the async sources ────────────────────────────────────────────────── */\n\n  const [sourceResults, setSourceResults] = useState<Record<string, SourceResult>>({});\n  useEffect(() => {\n    const controllers: AbortController[] = [];\n    const timers: ReturnType<typeof setTimeout>[] = [];\n    const asked = open ? live.current.sources.filter((s) => q.length >= (s.minChars ?? 2)) : [];\n    for (const source of asked) {\n      const id = source.id;\n      const controller = new AbortController();\n      controllers.push(controller);\n      timers.push(\n        setTimeout(async () => {\n          const settle = (result: SourceResult) => {\n            if (!controller.signal.aborted) setSourceResults((prev) => ({ ...prev, [id]: result }));\n          };\n          try {\n            const found = await source.search(q, controller.signal);\n            settle({ query: q, status: \"done\", entries: found });\n          } catch (error) {\n            if (controller.signal.aborted) return;\n            source.onError?.(error);\n            settle({ query: q, status: \"error\", entries: [] });\n          }\n        }, source.debounceMs ?? 200),\n      );\n    }\n    return () => {\n      timers.forEach(clearTimeout);\n      controllers.forEach((c) => c.abort());\n    };\n  }, [open, q, sourceKey]);\n\n  /* ── rows ─────────────────────────────────────────────────────────────── */\n\n  const toItem = useCallback(\n    (prefix: string, entry: SearchEntry, group: string, redact = redactLabels): CommandItem => ({\n      id: `${prefix}${entry.id}`,\n      label: entry.title,\n      hint: entry.hint,\n      group,\n      icon: entry.icon,\n      redact: entry.redact ?? redact,\n      href: entry.href !== undefined ? hrefFor(entry.href) : undefined,\n      onSelect: () => {\n        // The entry as the app has it NOW — its handler may close over newer state\n        // than the one this row was built from.\n        const current = live.current.entries.find((e) => e.id === entry.id) ?? entry;\n        if (current.onSelect) current.onSelect();\n        else if (current.href !== undefined) live.current.navigate(current.href);\n      },\n    }),\n    [hrefFor, redactLabels],\n  );\n\n  // `toItem` only BUILDS `onSelect` closures here; `live` is read when a row is chosen,\n  // which the compiler lint cannot tell from a read during render.\n  /* eslint-disable react-hooks/refs */\n  const items = useMemo((): CommandItem[] => {\n    const ordered = (out: CommandItem[]) => {\n      if (!order.length) return out;\n      const rank = (group: string) => {\n        const i = order.indexOf(group);\n        return i === -1 ? order.length : i;\n      };\n      // Stable: within a rank, groups keep the order their best hit gave them.\n      return out\n        .map((item, i) => ({ item, i }))\n        .sort((a, b) => rank(a.item.group) - rank(b.item.group) || a.i - b.i)\n        .map(({ item }) => item);\n    };\n\n    if (!q) {\n      const out: CommandItem[] = [];\n      const groupOf = (entry: SearchEntry) =>\n        suggestionsKeepGroups ? (entry.group ?? l.suggestions) : l.suggestions;\n      suggestionList.forEach((s, i) => {\n        if (typeof s === \"string\") {\n          const entry = byId.get(s);\n          if (entry) out.push(toItem(\"try:\", entry, groupOf(entry)));\n        } else if (\"query\" in s) {\n          out.push({\n            id: `try:q${i}`,\n            label: s.query,\n            group: l.suggestions,\n            icon: <Search className=\"size-4\" />,\n            onSelect: () => {\n              // The palette closes before it runs a row; a query suggestion keeps it\n              // open and types itself in instead.\n              setOpen(true);\n              setQuery(s.query);\n              refocusField();\n            },\n          });\n        } else out.push(toItem(\"try:\", s, groupOf(s)));\n      });\n      // One heading has nothing to order; kept groups are ordered like results.\n      return suggestionsKeepGroups ? ordered(out) : out;\n    }\n\n    const out = index.search(q).map((hit) => toItem(\"s:\", hit.entry, hit.entry.group ?? l.results));\n    for (const source of sourceList) {\n      if (q.length < (source.minChars ?? 2)) continue;\n      const result = sourceResults[source.id];\n      const status = (label: string, icon: ReactNode): CommandItem => ({\n        id: `src:${source.id}:status`,\n        label,\n        group: source.group,\n        icon,\n        kind: \"status\",\n        onSelect: noop,\n      });\n      // Anything but an answer to THIS query is still loading — including the previous\n      // query's rows, which would otherwise sit under the new query as if they matched.\n      if (!result || result.query !== q) {\n        out.push(status(pl.loading, <Loader2 className=\"size-3.5 animate-spin\" />));\n      } else if (result.status === \"error\") {\n        out.push(status(pl.error ?? DEFAULT_COMMAND_PALETTE_LABELS.error!, <AlertCircle className=\"size-3.5\" />));\n      } else {\n        for (const entry of result.entries.slice(0, source.limit ?? groupLimit)) {\n          out.push(toItem(`src:${source.id}:`, entry, source.group, source.redact ?? redactLabels));\n        }\n      }\n    }\n\n    return ordered(out);\n  }, [q, suggestionList, suggestionsKeepGroups, byId, index, sourceList, sourceResults, order, groupLimit, toItem, l.suggestions, l.results, pl.loading, pl.error, setOpen, setQuery, noop, redactLabels]);\n  /* eslint-enable react-hooks/refs */\n\n  // The palette re-runs its provider on a `revision` change, never on the provider's\n  // identity — and `items` is everything the provider answers with.\n  const provider = useCallback(() => items, [items]);\n\n  const resolvedPaletteLabels = useMemo(\n    () => ({ dialog: l.trigger, placeholder: l.placeholder, ...paletteLabels }),\n    [l.trigger, l.placeholder, paletteLabels],\n  );\n\n  const apple = useMemo(() => isApplePlatform(), []);\n  const keys = apple ? \"⌘K\" : \"Ctrl K\";\n  const triggerLabel = triggerName === \"withShortcut\" ? l.shortcut(keys) : l.trigger;\n  const triggerProps: GlobalSearchTriggerProps = {\n    open: openSearch,\n    label: triggerLabel,\n    tooltip: l.shortcut(keys),\n    keys,\n    ariaKeyShortcuts: \"Meta+K Control+K\",\n  };\n\n  return (\n    <>\n      {typeof trigger === \"function\"\n        ? trigger(triggerProps)\n        : trigger === \"button\" && (\n            <Tooltip\n              label={triggerProps.tooltip}\n              side=\"bottom\"\n              portal\n              className={hideTriggerOnPhone ? \"hidden sm:block\" : undefined}\n            >\n              <button\n                type=\"button\"\n                onClick={openSearch}\n                aria-label={triggerLabel}\n                aria-keyshortcuts={triggerProps.ariaKeyShortcuts}\n                aria-haspopup=\"dialog\"\n                className={cn(TOPBAR_TRIGGER_CLASS, triggerClassName)}\n              >\n                <Search\n                  className={triggerIconSize === undefined ? \"size-4\" : undefined}\n                  style={triggerIconSize === undefined ? undefined : { width: triggerIconSize, height: triggerIconSize }}\n                />\n              </button>\n            </Tooltip>\n          )}\n      <CommandPalette\n        open={open}\n        onClose={() => setOpen(false)}\n        search={provider}\n        revision={items}\n        query={query}\n        onQueryChange={setQuery}\n        searchOn={searchOn}\n        redactLabels={redactLabels}\n        fullScreenOnPhone={fullScreenOnPhone}\n        density={density}\n        labels={resolvedPaletteLabels}\n      />\n    </>\n  );\n}\n\nconst EMPTY: readonly SearchEntry[] = [];\n"],"mappings":"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","names":["out"]}
+{"version":3,"sources":["../../src/search/global-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useHref, useInRouterContext, useNavigate } from \"react-router\";\nimport { AlertCircle, Loader2, Search } from \"lucide-react\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { TOPBAR_TRIGGER_CLASS } from \"../shell/topbar-controls\";\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { CommandPalette, DEFAULT_COMMAND_PALETTE_LABELS, useCommandKey } from \"./command-palette\";\nimport type { CommandItem, CommandPaletteDensity, CommandPaletteLabels } from \"./command-palette\";\nimport { createSearchIndex } from \"./search-index\";\nimport type { SearchEntry, SearchIndexOptions } from \"./search-index\";\n\nexport interface GlobalSearchLabels {\n  /** The trigger's accessible name, and the dialog's. */\n  trigger: string;\n  /** The field's placeholder — says WHAT can be found, which \"Search…\" does not. */\n  placeholder: string;\n  /** The trigger's tooltip, given the shortcut as the platform writes it (\"⌘K\",\n   *  \"Ctrl K\"). A function so a language can put the keys where its grammar wants. */\n  shortcut: (keys: string) => string;\n  /** Heading of the suggestions shown for an empty query. */\n  suggestions: string;\n  /** Heading for entries that name no `group`. */\n  results: string;\n}\n\nexport const DEFAULT_GLOBAL_SEARCH_LABELS: GlobalSearchLabels = {\n  trigger: \"Search\",\n  placeholder: \"Search or jump to…\",\n  shortcut: (keys) => `Search (${keys})`,\n  suggestions: \"Try\",\n  results: \"Results\",\n};\n\n/**\n * A place results come from that is not the static index — a server search, a\n * local-first store too large to hand over whole. Each source is its own group, with its\n * own debounce, its own \"Searching…\" line and its own failure: the static groups never\n * wait for it, and one source failing never takes another's results with it.\n */\nexport interface GlobalSearchSource {\n  /** Stable key — the effect that runs the source is keyed by it, not by identity. */\n  id: string;\n  /** The group its results are shown under (an entry's own `group` is ignored) — unless\n   *  `groups` is set, where it is only the home of entries that name no declared group. */\n  group: string;\n  /**\n   * Split ONE request into several groups — kastlan's record search answers with\n   * properties, units, contacts, leases and invoices at once, and one source per group\n   * meant a dedupe layer so the network still saw one request. Each entry is then shown\n   * under the group its own `group` names: a declared `key` (shown by its `label`) or a\n   * plain string (key and heading at once). The groups appear in THIS order whatever the\n   * answer's order, each kept to `limit` rows; an entry naming no declared group falls\n   * under `group`. While the request runs, or when it fails, the source shows one status\n   * line under its first group, not one per group. Unset: one group, as before.\n   */\n  groups?: readonly (string | GlobalSearchSourceGroup)[];\n  /** Called with the trimmed query. Its results are shown AS GIVEN — the source ranked\n   *  them — and never re-filtered by the index's matcher. `signal` aborts when the query\n   *  moves on or the palette closes; a stale answer is dropped either way. */\n  search: (query: string, signal: AbortSignal) => Promise<readonly SearchEntry[]> | readonly SearchEntry[];\n  /** Shortest query it is asked for. Default 2 — one letter matches half a database. */\n  minChars?: number;\n  /** Quiet period after the last keystroke before it is asked. Default 200ms. */\n  debounceMs?: number;\n  /** Rows kept — per group, when `groups` is set. Default: `indexOptions.groupLimit` (8). */\n  limit?: number;\n  /** Mask every row of this source for session replay, hints (amounts) included. An\n   *  entry's own `redact` still wins. */\n  redact?: boolean;\n  /** Told when `search` throws or rejects (not when it is aborted). The group then\n   *  shows the palette's `error` line instead of rows. */\n  onError?: (error: unknown) => void;\n}\n\n/** One of a multi-group source's groups: the `key` its entries name in `group`, and the\n *  heading shown — so a server's type (\"unit\") need not be translated per entry. */\nexport interface GlobalSearchSourceGroup {\n  key: string;\n  label: string;\n}\n\n/** What a custom trigger gets: everything the default button uses. */\nexport interface GlobalSearchTriggerProps {\n  open: () => void;\n  /** Resolved `trigger` label — the accessible name. */\n  label: string;\n  /** Resolved `shortcut(keys)` — the tooltip. */\n  tooltip: string;\n  /** \"⌘K\" on Apple platforms, \"Ctrl K\" elsewhere. */\n  keys: string;\n  /** For the trigger's `aria-keyshortcuts`. */\n  ariaKeyShortcuts: string;\n}\n\n/** A suggestion for the empty query: an entry, the `id` of one in `entries`, or a query\n *  to type into the field. */\nexport type GlobalSearchSuggestion = SearchEntry | string | { query: string };\n\nexport interface GlobalSearchProps {\n  /**\n   * The static index: pages, actions, settings rows — already filtered by the app (by\n   * role, by privacy mode). Matched and ranked by {@link createSearchIndex}.\n   *\n   * Changing it re-runs the open search by itself. Nothing has to be stable: the index is\n   * rebuilt only when the entries' TEXT changes (ids, titles, keywords, …), so a list\n   * rebuilt on every render — `data = []` while a query is pending, icons as fresh JSX —\n   * neither re-indexes nor loops, and the icons and handlers used are always the latest.\n   */\n  entries?: readonly SearchEntry[];\n  /** The async sources, each streamed into its own group — or several (`groups`). */\n  sources?: readonly GlobalSearchSource[];\n  /** What the empty query shows, under the `suggestions` heading. */\n  suggestions?: readonly GlobalSearchSuggestion[];\n  /**\n   * Show each suggested ENTRY under its own `group` instead of all of them under the\n   * one `suggestions` heading — keksdose's empty palette listed \"Pages\" and \"Actions\"\n   * apart, and one \"Try\" heading over both lost the difference. An entry with no\n   * `group` and a query suggestion (`{ query }`) stay under `suggestions`. `groupOrder`\n   * orders these groups as it orders the results'. Off by default.\n   */\n  suggestionsKeepGroups?: boolean;\n  /** Groups listed here come first, in this order; the rest follow in ranking order. */\n  groupOrder?: readonly string[];\n  /** Ranking and capping — `groupLimit` (default 8) applies to every group. */\n  indexOptions?: SearchIndexOptions;\n  /**\n   * How an entry's `href` is followed on a plain click or ↵. Default: react-router's\n   * `navigate` when the search is rendered inside a router, else a full page load.\n   */\n  navigate?: (href: string) => void;\n  /**\n   * The browser URL of an `href`, for the row's real link (middle-/⌘-click opens a tab).\n   * Default inside a router: the router's own (`#/page` under a hash router, the\n   * basename prefixed under a browser router); outside one, the href itself.\n   */\n  hrefFor?: (href: string) => string;\n  /** Register ⌘K / Ctrl K. Default true; turn it off for a second, scoped search on a\n   *  page that already has the app-wide one. */\n  shortcut?: boolean;\n  /** Controlled open state — so a button anywhere can open it. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Controlled query, as on `CommandPalette` (keksdose binds it to the URL's `q`). */\n  query?: string;\n  onQueryChange?: (query: string) => void;\n  searchOn?: \"input\" | \"submit\";\n  /** Mask every row for session replay (see `CommandPalette`). A source's or an entry's\n   *  own `redact` wins. */\n  redactLabels?: boolean;\n  fullScreenOnPhone?: boolean;\n  /** `\"button\"` (default): the top-bar icon button. `\"none\"`: no trigger — the shortcut\n   *  or a controlled `open` opens it. A function renders a trigger of your own. */\n  trigger?: \"button\" | \"none\" | ((props: GlobalSearchTriggerProps) => ReactNode);\n  /** Hide the default trigger below `sm` (kastlan's phone top bar has no room). */\n  hideTriggerOnPhone?: boolean;\n  /** Class for the default trigger button, merged over `TOPBAR_TRIGGER_CLASS`. */\n  triggerClassName?: string;\n  /**\n   * The default trigger's magnifier, in px. Default 16 (`size-4`), as it always was;\n   * 20 matches the kit's other top-bar triggers (`TopbarIconButton` draws `size-5`) and\n   * keksdose's top bar, which reached into the button with `[&_svg]:size-5` for it.\n   */\n  triggerIconSize?: number;\n  /**\n   * Whether the trigger's accessible name includes the shortcut: `\"plain\"` (default)\n   * names it \"Search\"; `\"withShortcut\"` names it by `labels.shortcut(keys)` —\n   * \"Search (⌘K)\" on Apple platforms, \"Search (Ctrl K)\" elsewhere — the same text its\n   * tooltip shows, so a speech-control user (\"click Search\") and a sighted keyboard user\n   * meet the shortcut in the name itself (keksdose C25). `aria-keyshortcuts` is set\n   * either way. Also reaches a custom trigger as `triggerProps.label`.\n   */\n  triggerName?: \"plain\" | \"withShortcut\";\n  /** The palette's row height — `CommandPalette`'s `density`. Default `\"compact\"`. */\n  density?: CommandPaletteDensity;\n  labels?: Partial<GlobalSearchLabels>;\n  /** Passed through to the palette (`empty`, `loading`, `error`, `hint`, …). */\n  paletteLabels?: Partial<CommandPaletteLabels>;\n}\n\nfunction isApplePlatform(): boolean {\n  if (typeof navigator === \"undefined\") return false;\n  const nav = navigator as Navigator & { userAgentData?: { platform?: string } };\n  return /mac|iphone|ipad|ipod/i.test(nav.userAgentData?.platform || nav.platform || nav.userAgent);\n}\n\nconst pageLoad = (href: string) => window.location.assign(href);\nconst identity = (href: string) => href;\n\n/** The entries' text, which is all the index reads — see `entries`. */\nfunction signature(entries: readonly SearchEntry[]): string {\n  return entries\n    .map((e) =>\n      [e.id, e.title, (e.keywords ?? []).join(\"\\u0003\"), e.description, e.group, e.hint, e.href, e.weight, e.redact].join(\n        \"\\u0001\",\n      ),\n    )\n    .join(\"\\u0002\");\n}\n\n/** Focus the open palette's field again — after a suggestion typed itself into it, the\n *  row that was clicked (and held focus) is gone. */\nfunction refocusField() {\n  requestAnimationFrame(() => {\n    const fields = document.querySelectorAll<HTMLInputElement>('[role=\"dialog\"][aria-modal=\"true\"] input[role=\"combobox\"]');\n    fields[fields.length - 1]?.focus();\n  });\n}\n\ninterface SourceResult {\n  query: string;\n  status: \"loading\" | \"done\" | \"error\";\n  entries: readonly SearchEntry[];\n}\n\n/**\n * The app-wide ⌘K search, whole: the top-bar trigger, the shortcut, and a\n * {@link CommandPalette} fed from a ranked index ({@link createSearchIndex}) and any\n * number of async sources.\n *\n * Every consumer had built this out of `CommandPalette` by hand, and each copy had the\n * same holes — a substring match, no ranking, no typo tolerance, results in declaration\n * order, one monolithic provider in which the static groups waited on the slowest\n * request. This is that wrapper once:\n *\n *     <GlobalSearch\n *       entries={pages}              // { id, title, keywords, group, href, icon }\n *       sources={[{ id: \"tx\", group: \"Transactions\", search: (q, signal) => api.search(q, { signal }) }]}\n *       suggestions={[\"page-budget\", \"action-new-account\"]}\n *     />\n *\n * Inside a react-router tree it navigates with the router and builds its links with it;\n * outside one, pass `navigate` (or accept full page loads).\n */\nexport function GlobalSearch(props: GlobalSearchProps) {\n  // Two components rather than a conditional hook: `useNavigate` throws outside a\n  // router, and whether we are in one does not change over a component's life.\n  const inRouter = useInRouterContext();\n  if (inRouter && (!props.navigate || !props.hrefFor)) return <RoutedGlobalSearch {...props} />;\n  return <GlobalSearchImpl {...props} navigate={props.navigate ?? pageLoad} hrefFor={props.hrefFor ?? identity} />;\n}\n\nfunction RoutedGlobalSearch(props: GlobalSearchProps) {\n  const routerNavigate = useNavigate();\n  // The router's href for \"/\" is its base (\"#/\" under a hash router, \"/app/\" under a\n  // basename); every href is that base plus the path.\n  const base = useHref(\"/\").replace(/\\/$/, \"\");\n  const navigate = useCallback((href: string) => void routerNavigate(href), [routerNavigate]);\n  const hrefFor = useCallback((href: string) => (href.startsWith(\"/\") ? base + href : href), [base]);\n  return <GlobalSearchImpl {...props} navigate={props.navigate ?? navigate} hrefFor={props.hrefFor ?? hrefFor} />;\n}\n\nfunction GlobalSearchImpl({\n  entries,\n  sources,\n  suggestions,\n  suggestionsKeepGroups = false,\n  groupOrder,\n  indexOptions,\n  navigate,\n  hrefFor,\n  shortcut = true,\n  open: openProp,\n  onOpenChange,\n  query: queryProp,\n  onQueryChange,\n  searchOn,\n  redactLabels = false,\n  fullScreenOnPhone,\n  trigger = \"button\",\n  hideTriggerOnPhone = false,\n  triggerClassName,\n  triggerIconSize,\n  triggerName = \"plain\",\n  density,\n  labels,\n  paletteLabels,\n}: GlobalSearchProps & { navigate: (href: string) => void; hrefFor: (href: string) => string }) {\n  const l = useKitLabels(\"globalSearch\", DEFAULT_GLOBAL_SEARCH_LABELS, labels);\n  const pl = useKitLabels(\"commandPalette\", DEFAULT_COMMAND_PALETTE_LABELS, paletteLabels);\n  const [ownOpen, setOwnOpen] = useState(false);\n  const open = openProp ?? ownOpen;\n  const [ownQuery, setOwnQuery] = useState(\"\");\n  const queryControlled = queryProp !== undefined;\n  const query = queryControlled ? queryProp : ownQuery;\n  const q = query.trim();\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (openProp === undefined) setOwnOpen(next);\n      onOpenChange?.(next);\n    },\n    [openProp, onOpenChange],\n  );\n  const setQuery = useCallback(\n    (next: string) => {\n      if (!queryControlled) setOwnQuery(next);\n      onQueryChange?.(next);\n    },\n    [queryControlled, onQueryChange],\n  );\n\n  // Each open starts blank — unless the owner controls the query (a URL `q`). Adjusted\n  // during render, React's pattern for state that follows a prop, so a controlled `open`\n  // gets the same reset as the trigger does.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (wasOpen !== open) {\n    setWasOpen(open);\n    if (open && !queryControlled) setOwnQuery(\"\");\n  }\n\n  const openSearch = useCallback(() => setOpen(true), [setOpen]);\n  const noop = useCallback(() => {}, []);\n  useCommandKey(shortcut ? openSearch : noop);\n\n  /* ── the static index ─────────────────────────────────────────────────── */\n\n  // Everything below is keyed by CONTENT, never by the identity of what the app passed:\n  // inline arrays and `data = []` defaults are the norm, and an identity key would\n  // re-index and re-search on every render of the app. Handlers, which can close over\n  // anything, are read from refs at the moment a row is chosen — never stale.\n  const list = entries ?? EMPTY;\n  const sig = signature(list);\n  const optionsKey = JSON.stringify(indexOptions ?? {});\n  const groupLimit = indexOptions?.groupLimit ?? 8;\n  // `sig` and `optionsKey` stand for `list` and `indexOptions`: same text, same index.\n  /* eslint-disable react-hooks/exhaustive-deps */\n  const index = useMemo(() => createSearchIndex(list, indexOptions), [sig, optionsKey]);\n  const byId = useMemo(() => new Map(list.map((e) => [e.id, e])), [sig]);\n\n  const sourceKey = (sources ?? [])\n    .map((s) =>\n      [\n        s.id,\n        s.group,\n        (s.groups ?? []).map((g) => (typeof g === \"string\" ? g : `${g.key}\\u0003${g.label}`)).join(\"\\u0004\"),\n        s.minChars ?? 2,\n        s.debounceMs ?? 200,\n        s.limit,\n        s.redact,\n      ].join(\"\\u0001\"),\n    )\n    .join(\"\\u0002\");\n  const sourceList = useMemo(() => sources ?? [], [sourceKey]);\n\n  const suggestionsKey = (suggestions ?? [])\n    .map((s) => (typeof s === \"string\" ? `i:${s}` : \"query\" in s ? `q:${s.query}` : `e:${signature([s])}`))\n    .join(\"\\u0002\");\n  const suggestionList = useMemo(() => suggestions ?? [], [suggestionsKey]);\n\n  const groupOrderKey = (groupOrder ?? []).join(\"\\u0002\");\n  const order = useMemo(() => groupOrder ?? [], [groupOrderKey]);\n  /* eslint-enable react-hooks/exhaustive-deps */\n\n  // The live objects, for the moment a row is chosen or a source is asked.\n  const live = useRef({ entries: list, sources: sources ?? [], suggestions: suggestions ?? [], navigate });\n  useLayoutEffect(() => {\n    live.current = { entries: list, sources: sources ?? [], suggestions: suggestions ?? [], navigate };\n  });\n\n  /* ── the async sources ────────────────────────────────────────────────── */\n\n  const [sourceResults, setSourceResults] = useState<Record<string, SourceResult>>({});\n  useEffect(() => {\n    const controllers: AbortController[] = [];\n    const timers: ReturnType<typeof setTimeout>[] = [];\n    const asked = open ? live.current.sources.filter((s) => q.length >= (s.minChars ?? 2)) : [];\n    for (const source of asked) {\n      const id = source.id;\n      const controller = new AbortController();\n      controllers.push(controller);\n      timers.push(\n        setTimeout(async () => {\n          const settle = (result: SourceResult) => {\n            if (!controller.signal.aborted) setSourceResults((prev) => ({ ...prev, [id]: result }));\n          };\n          try {\n            const found = await source.search(q, controller.signal);\n            settle({ query: q, status: \"done\", entries: found });\n          } catch (error) {\n            if (controller.signal.aborted) return;\n            source.onError?.(error);\n            settle({ query: q, status: \"error\", entries: [] });\n          }\n        }, source.debounceMs ?? 200),\n      );\n    }\n    return () => {\n      timers.forEach(clearTimeout);\n      controllers.forEach((c) => c.abort());\n    };\n  }, [open, q, sourceKey]);\n\n  /* ── rows ─────────────────────────────────────────────────────────────── */\n\n  const toItem = useCallback(\n    (prefix: string, entry: SearchEntry, group: string, redact = redactLabels): CommandItem => ({\n      id: `${prefix}${entry.id}`,\n      label: entry.title,\n      hint: entry.hint,\n      group,\n      icon: entry.icon,\n      redact: entry.redact ?? redact,\n      href: entry.href !== undefined ? hrefFor(entry.href) : undefined,\n      onSelect: () => {\n        // The entry as the app has it NOW — its handler may close over newer state\n        // than the one this row was built from.\n        const current = live.current.entries.find((e) => e.id === entry.id) ?? entry;\n        if (current.onSelect) current.onSelect();\n        else if (current.href !== undefined) live.current.navigate(current.href);\n      },\n    }),\n    [hrefFor, redactLabels],\n  );\n\n  // `toItem` only BUILDS `onSelect` closures here; `live` is read when a row is chosen,\n  // which the compiler lint cannot tell from a read during render.\n  /* eslint-disable react-hooks/refs */\n  const items = useMemo((): CommandItem[] => {\n    const ordered = (out: CommandItem[]) => {\n      if (!order.length) return out;\n      const rank = (group: string) => {\n        const i = order.indexOf(group);\n        return i === -1 ? order.length : i;\n      };\n      // Stable: within a rank, groups keep the order their best hit gave them.\n      return out\n        .map((item, i) => ({ item, i }))\n        .sort((a, b) => rank(a.item.group) - rank(b.item.group) || a.i - b.i)\n        .map(({ item }) => item);\n    };\n\n    if (!q) {\n      const out: CommandItem[] = [];\n      const groupOf = (entry: SearchEntry) =>\n        suggestionsKeepGroups ? (entry.group ?? l.suggestions) : l.suggestions;\n      suggestionList.forEach((s, i) => {\n        if (typeof s === \"string\") {\n          const entry = byId.get(s);\n          if (entry) out.push(toItem(\"try:\", entry, groupOf(entry)));\n        } else if (\"query\" in s) {\n          out.push({\n            id: `try:q${i}`,\n            label: s.query,\n            group: l.suggestions,\n            icon: <Search className=\"size-4\" />,\n            onSelect: () => {\n              // The palette closes before it runs a row; a query suggestion keeps it\n              // open and types itself in instead.\n              setOpen(true);\n              setQuery(s.query);\n              refocusField();\n            },\n          });\n        } else out.push(toItem(\"try:\", s, groupOf(s)));\n      });\n      // One heading has nothing to order; kept groups are ordered like results.\n      return suggestionsKeepGroups ? ordered(out) : out;\n    }\n\n    const out = index.search(q).map((hit) => toItem(\"s:\", hit.entry, hit.entry.group ?? l.results));\n    for (const source of sourceList) {\n      if (q.length < (source.minChars ?? 2)) continue;\n      const result = sourceResults[source.id];\n      const declared = (source.groups ?? []).map((g) => (typeof g === \"string\" ? { key: g, label: g } : g));\n      const status = (label: string, icon: ReactNode): CommandItem => ({\n        id: `src:${source.id}:status`,\n        label,\n        // One line for the one request, under the group that will head its answer.\n        group: declared[0]?.label ?? source.group,\n        icon,\n        kind: \"status\",\n        onSelect: noop,\n      });\n      // Anything but an answer to THIS query is still loading — including the previous\n      // query's rows, which would otherwise sit under the new query as if they matched.\n      if (!result || result.query !== q) {\n        out.push(status(pl.loading, <Loader2 className=\"size-3.5 animate-spin\" />));\n      } else if (result.status === \"error\") {\n        out.push(status(pl.error ?? DEFAULT_COMMAND_PALETTE_LABELS.error!, <AlertCircle className=\"size-3.5\" />));\n      } else if (!declared.length) {\n        for (const entry of result.entries.slice(0, source.limit ?? groupLimit)) {\n          out.push(toItem(`src:${source.id}:`, entry, source.group, source.redact ?? redactLabels));\n        }\n      } else {\n        // Bucket by the entry's own group, then emit in the DECLARED order — the answer's\n        // order must not reshuffle the headings between keystrokes. Within a group the\n        // source's ranking stands. The group key is in the row id: two record types may\n        // share an id (\"1\"), and the palette keys rows by it.\n        const buckets = new Map<string, { label: string; entries: SearchEntry[] }>();\n        for (const g of declared) buckets.set(g.key, { label: g.label, entries: [] });\n        const rest: SearchEntry[] = [];\n        for (const entry of result.entries) {\n          const bucket = entry.group === undefined ? undefined : buckets.get(entry.group);\n          (bucket ? bucket.entries : rest).push(entry);\n        }\n        const limit = source.limit ?? groupLimit;\n        const emit = (key: string, label: string, list: SearchEntry[]) => {\n          for (const entry of list.slice(0, limit)) {\n            out.push(toItem(`src:${source.id}:${key}:`, entry, label, source.redact ?? redactLabels));\n          }\n        };\n        for (const [key, { label, entries: list }] of buckets) emit(key, label, list);\n        emit(\"~\", source.group, rest);\n      }\n    }\n\n    return ordered(out);\n  }, [q, suggestionList, suggestionsKeepGroups, byId, index, sourceList, sourceResults, order, groupLimit, toItem, l.suggestions, l.results, pl.loading, pl.error, setOpen, setQuery, noop, redactLabels]);\n  /* eslint-enable react-hooks/refs */\n\n  // The palette re-runs its provider on a `revision` change, never on the provider's\n  // identity — and `items` is everything the provider answers with.\n  const provider = useCallback(() => items, [items]);\n\n  const resolvedPaletteLabels = useMemo(\n    () => ({ dialog: l.trigger, placeholder: l.placeholder, ...paletteLabels }),\n    [l.trigger, l.placeholder, paletteLabels],\n  );\n\n  const apple = useMemo(() => isApplePlatform(), []);\n  const keys = apple ? \"⌘K\" : \"Ctrl K\";\n  const triggerLabel = triggerName === \"withShortcut\" ? l.shortcut(keys) : l.trigger;\n  const triggerProps: GlobalSearchTriggerProps = {\n    open: openSearch,\n    label: triggerLabel,\n    tooltip: l.shortcut(keys),\n    keys,\n    ariaKeyShortcuts: \"Meta+K Control+K\",\n  };\n\n  return (\n    <>\n      {typeof trigger === \"function\"\n        ? trigger(triggerProps)\n        : trigger === \"button\" && (\n            <Tooltip\n              label={triggerProps.tooltip}\n              side=\"bottom\"\n              portal\n              className={hideTriggerOnPhone ? \"hidden sm:block\" : undefined}\n            >\n              <button\n                type=\"button\"\n                onClick={openSearch}\n                aria-label={triggerLabel}\n                aria-keyshortcuts={triggerProps.ariaKeyShortcuts}\n                aria-haspopup=\"dialog\"\n                className={cn(TOPBAR_TRIGGER_CLASS, triggerClassName)}\n              >\n                <Search\n                  className={triggerIconSize === undefined ? \"size-4\" : undefined}\n                  style={triggerIconSize === undefined ? undefined : { width: triggerIconSize, height: triggerIconSize }}\n                />\n              </button>\n            </Tooltip>\n          )}\n      <CommandPalette\n        open={open}\n        onClose={() => setOpen(false)}\n        search={provider}\n        revision={items}\n        query={query}\n        onQueryChange={setQuery}\n        searchOn={searchOn}\n        redactLabels={redactLabels}\n        fullScreenOnPhone={fullScreenOnPhone}\n        density={density}\n        labels={resolvedPaletteLabels}\n      />\n    </>\n  );\n}\n\nconst EMPTY: readonly SearchEntry[] = [];\n"],"mappings":";AA+O8D,SAsS1D,UAtS0D,KAsS1D,YAtS0D;AA/O9D,SAAS,aAAa,WAAW,iBAAiB,SAAS,QAAQ,gBAAgB;AAEnF,SAAS,SAAS,oBAAoB,mBAAmB;AACzD,SAAS,aAAa,SAAS,cAAc;AAC7C,SAAS,eAAe;AACxB,SAAS,4BAA4B;AACrC,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB,gCAAgC,qBAAqB;AAE9E,SAAS,yBAAyB;AAiB3B,MAAM,+BAAmD;AAAA,EAC9D,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU,CAAC,SAAS,WAAW,IAAI;AAAA,EACnC,aAAa;AAAA,EACb,SAAS;AACX;AAoJA,SAAS,kBAA2B;AAClC,MAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,QAAM,MAAM;AACZ,SAAO,wBAAwB,KAAK,IAAI,eAAe,YAAY,IAAI,YAAY,IAAI,SAAS;AAClG;AAEA,MAAM,WAAW,CAAC,SAAiB,OAAO,SAAS,OAAO,IAAI;AAC9D,MAAM,WAAW,CAAC,SAAiB;AAGnC,SAAS,UAAU,SAAyC;AAC1D,SAAO,QACJ;AAAA,IAAI,CAAC,MACJ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,CAAC,GAAG,KAAK,GAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;AAAA,MAC7G;AAAA,IACF;AAAA,EACF,EACC,KAAK,GAAQ;AAClB;AAIA,SAAS,eAAe;AACtB,wBAAsB,MAAM;AAC1B,UAAM,SAAS,SAAS,iBAAmC,2DAA2D;AACtH,WAAO,OAAO,SAAS,CAAC,GAAG,MAAM;AAAA,EACnC,CAAC;AACH;AA2BO,SAAS,aAAa,OAA0B;AAGrD,QAAM,WAAW,mBAAmB;AACpC,MAAI,aAAa,CAAC,MAAM,YAAY,CAAC,MAAM,SAAU,QAAO,oBAAC,sBAAoB,GAAG,OAAO;AAC3F,SAAO,oBAAC,oBAAkB,GAAG,OAAO,UAAU,MAAM,YAAY,UAAU,SAAS,MAAM,WAAW,UAAU;AAChH;AAEA,SAAS,mBAAmB,OAA0B;AACpD,QAAM,iBAAiB,YAAY;AAGnC,QAAM,OAAO,QAAQ,GAAG,EAAE,QAAQ,OAAO,EAAE;AAC3C,QAAM,WAAW,YAAY,CAAC,SAAiB,KAAK,eAAe,IAAI,GAAG,CAAC,cAAc,CAAC;AAC1F,QAAM,UAAU,YAAY,CAAC,SAAkB,KAAK,WAAW,GAAG,IAAI,OAAO,OAAO,MAAO,CAAC,IAAI,CAAC;AACjG,SAAO,oBAAC,oBAAkB,GAAG,OAAO,UAAU,MAAM,YAAY,UAAU,SAAS,MAAM,WAAW,SAAS;AAC/G;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GAAgG;AAC9F,QAAM,IAAI,aAAa,gBAAgB,8BAA8B,MAAM;AAC3E,QAAM,KAAK,aAAa,kBAAkB,gCAAgC,aAAa;AACvF,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,OAAO,YAAY;AACzB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,kBAAkB,cAAc;AACtC,QAAM,QAAQ,kBAAkB,YAAY;AAC5C,QAAM,IAAI,MAAM,KAAK;AAErB,QAAM,UAAU;AAAA,IACd,CAAC,SAAkB;AACjB,UAAI,aAAa,OAAW,YAAW,IAAI;AAC3C,qBAAe,IAAI;AAAA,IACrB;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,EACzB;AACA,QAAM,WAAW;AAAA,IACf,CAAC,SAAiB;AAChB,UAAI,CAAC,gBAAiB,aAAY,IAAI;AACtC,sBAAgB,IAAI;AAAA,IACtB;AAAA,IACA,CAAC,iBAAiB,aAAa;AAAA,EACjC;AAKA,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,MAAI,YAAY,MAAM;AACpB,eAAW,IAAI;AACf,QAAI,QAAQ,CAAC,gBAAiB,aAAY,EAAE;AAAA,EAC9C;AAEA,QAAM,aAAa,YAAY,MAAM,QAAQ,IAAI,GAAG,CAAC,OAAO,CAAC;AAC7D,QAAM,OAAO,YAAY,MAAM;AAAA,EAAC,GAAG,CAAC,CAAC;AACrC,gBAAc,WAAW,aAAa,IAAI;AAQ1C,QAAM,OAAO,WAAW;AACxB,QAAM,MAAM,UAAU,IAAI;AAC1B,QAAM,aAAa,KAAK,UAAU,gBAAgB,CAAC,CAAC;AACpD,QAAM,aAAa,cAAc,cAAc;AAG/C,QAAM,QAAQ,QAAQ,MAAM,kBAAkB,MAAM,YAAY,GAAG,CAAC,KAAK,UAAU,CAAC;AACpF,QAAM,OAAO,QAAQ,MAAM,IAAI,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;AAErE,QAAM,aAAa,WAAW,CAAC,GAC5B;AAAA,IAAI,CAAC,MACJ;AAAA,MACE,EAAE;AAAA,MACF,EAAE;AAAA,OACD,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,MAAO,OAAO,MAAM,WAAW,IAAI,GAAG,EAAE,GAAG,IAAS,EAAE,KAAK,EAAG,EAAE,KAAK,GAAQ;AAAA,MACnG,EAAE,YAAY;AAAA,MACd,EAAE,cAAc;AAAA,MAChB,EAAE;AAAA,MACF,EAAE;AAAA,IACJ,EAAE,KAAK,GAAQ;AAAA,EACjB,EACC,KAAK,GAAQ;AAChB,QAAM,aAAa,QAAQ,MAAM,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC;AAE3D,QAAM,kBAAkB,eAAe,CAAC,GACrC,IAAI,CAAC,MAAO,OAAO,MAAM,WAAW,KAAK,CAAC,KAAK,WAAW,IAAI,KAAK,EAAE,KAAK,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,EAAG,EACrG,KAAK,GAAQ;AAChB,QAAM,iBAAiB,QAAQ,MAAM,eAAe,CAAC,GAAG,CAAC,cAAc,CAAC;AAExE,QAAM,iBAAiB,cAAc,CAAC,GAAG,KAAK,GAAQ;AACtD,QAAM,QAAQ,QAAQ,MAAM,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC;AAI7D,QAAM,OAAO,OAAO,EAAE,SAAS,MAAM,SAAS,WAAW,CAAC,GAAG,aAAa,eAAe,CAAC,GAAG,SAAS,CAAC;AACvG,kBAAgB,MAAM;AACpB,SAAK,UAAU,EAAE,SAAS,MAAM,SAAS,WAAW,CAAC,GAAG,aAAa,eAAe,CAAC,GAAG,SAAS;AAAA,EACnG,CAAC;AAID,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAuC,CAAC,CAAC;AACnF,YAAU,MAAM;AACd,UAAM,cAAiC,CAAC;AACxC,UAAM,SAA0C,CAAC;AACjD,UAAM,QAAQ,OAAO,KAAK,QAAQ,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,CAAC;AAC1F,eAAW,UAAU,OAAO;AAC1B,YAAM,KAAK,OAAO;AAClB,YAAM,aAAa,IAAI,gBAAgB;AACvC,kBAAY,KAAK,UAAU;AAC3B,aAAO;AAAA,QACL,WAAW,YAAY;AACrB,gBAAM,SAAS,CAAC,WAAyB;AACvC,gBAAI,CAAC,WAAW,OAAO,QAAS,kBAAiB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,EAAE;AAAA,UACxF;AACA,cAAI;AACF,kBAAM,QAAQ,MAAM,OAAO,OAAO,GAAG,WAAW,MAAM;AACtD,mBAAO,EAAE,OAAO,GAAG,QAAQ,QAAQ,SAAS,MAAM,CAAC;AAAA,UACrD,SAAS,OAAO;AACd,gBAAI,WAAW,OAAO,QAAS;AAC/B,mBAAO,UAAU,KAAK;AACtB,mBAAO,EAAE,OAAO,GAAG,QAAQ,SAAS,SAAS,CAAC,EAAE,CAAC;AAAA,UACnD;AAAA,QACF,GAAG,OAAO,cAAc,GAAG;AAAA,MAC7B;AAAA,IACF;AACA,WAAO,MAAM;AACX,aAAO,QAAQ,YAAY;AAC3B,kBAAY,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC;AAIvB,QAAM,SAAS;AAAA,IACb,CAAC,QAAgB,OAAoB,OAAe,SAAS,kBAA+B;AAAA,MAC1F,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE;AAAA,MACxB,OAAO,MAAM;AAAA,MACb,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM,UAAU;AAAA,MACxB,MAAM,MAAM,SAAS,SAAY,QAAQ,MAAM,IAAI,IAAI;AAAA,MACvD,UAAU,MAAM;AAGd,cAAM,UAAU,KAAK,QAAQ,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM,EAAE,KAAK;AACvE,YAAI,QAAQ,SAAU,SAAQ,SAAS;AAAA,iBAC9B,QAAQ,SAAS,OAAW,MAAK,QAAQ,SAAS,QAAQ,IAAI;AAAA,MACzE;AAAA,IACF;AAAA,IACA,CAAC,SAAS,YAAY;AAAA,EACxB;AAKA,QAAM,QAAQ,QAAQ,MAAqB;AACzC,UAAM,UAAU,CAACA,SAAuB;AACtC,UAAI,CAAC,MAAM,OAAQ,QAAOA;AAC1B,YAAM,OAAO,CAAC,UAAkB;AAC9B,cAAM,IAAI,MAAM,QAAQ,KAAK;AAC7B,eAAO,MAAM,KAAK,MAAM,SAAS;AAAA,MACnC;AAEA,aAAOA,KACJ,IAAI,CAAC,MAAM,OAAO,EAAE,MAAM,EAAE,EAAE,EAC9B,KAAK,CAAC,GAAG,MAAM,KAAK,EAAE,KAAK,KAAK,IAAI,KAAK,EAAE,KAAK,KAAK,KAAK,EAAE,IAAI,EAAE,CAAC,EACnE,IAAI,CAAC,EAAE,KAAK,MAAM,IAAI;AAAA,IAC3B;AAEA,QAAI,CAAC,GAAG;AACN,YAAMA,OAAqB,CAAC;AAC5B,YAAM,UAAU,CAAC,UACf,wBAAyB,MAAM,SAAS,EAAE,cAAe,EAAE;AAC7D,qBAAe,QAAQ,CAAC,GAAG,MAAM;AAC/B,YAAI,OAAO,MAAM,UAAU;AACzB,gBAAM,QAAQ,KAAK,IAAI,CAAC;AACxB,cAAI,MAAO,CAAAA,KAAI,KAAK,OAAO,QAAQ,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,QAC3D,WAAW,WAAW,GAAG;AACvB,UAAAA,KAAI,KAAK;AAAA,YACP,IAAI,QAAQ,CAAC;AAAA,YACb,OAAO,EAAE;AAAA,YACT,OAAO,EAAE;AAAA,YACT,MAAM,oBAAC,UAAO,WAAU,UAAS;AAAA,YACjC,UAAU,MAAM;AAGd,sBAAQ,IAAI;AACZ,uBAAS,EAAE,KAAK;AAChB,2BAAa;AAAA,YACf;AAAA,UACF,CAAC;AAAA,QACH,MAAO,CAAAA,KAAI,KAAK,OAAO,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC;AAAA,MAC/C,CAAC;AAED,aAAO,wBAAwB,QAAQA,IAAG,IAAIA;AAAA,IAChD;AAEA,UAAM,MAAM,MAAM,OAAO,CAAC,EAAE,IAAI,CAAC,QAAQ,OAAO,MAAM,IAAI,OAAO,IAAI,MAAM,SAAS,EAAE,OAAO,CAAC;AAC9F,eAAW,UAAU,YAAY;AAC/B,UAAI,EAAE,UAAU,OAAO,YAAY,GAAI;AACvC,YAAM,SAAS,cAAc,OAAO,EAAE;AACtC,YAAM,YAAY,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC,MAAO,OAAO,MAAM,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,CAAE;AACpG,YAAM,SAAS,CAAC,OAAe,UAAkC;AAAA,QAC/D,IAAI,OAAO,OAAO,EAAE;AAAA,QACpB;AAAA;AAAA,QAEA,OAAO,SAAS,CAAC,GAAG,SAAS,OAAO;AAAA,QACpC;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAGA,UAAI,CAAC,UAAU,OAAO,UAAU,GAAG;AACjC,YAAI,KAAK,OAAO,GAAG,SAAS,oBAAC,WAAQ,WAAU,yBAAwB,CAAE,CAAC;AAAA,MAC5E,WAAW,OAAO,WAAW,SAAS;AACpC,YAAI,KAAK,OAAO,GAAG,SAAS,+BAA+B,OAAQ,oBAAC,eAAY,WAAU,YAAW,CAAE,CAAC;AAAA,MAC1G,WAAW,CAAC,SAAS,QAAQ;AAC3B,mBAAW,SAAS,OAAO,QAAQ,MAAM,GAAG,OAAO,SAAS,UAAU,GAAG;AACvE,cAAI,KAAK,OAAO,OAAO,OAAO,EAAE,KAAK,OAAO,OAAO,OAAO,OAAO,UAAU,YAAY,CAAC;AAAA,QAC1F;AAAA,MACF,OAAO;AAKL,cAAM,UAAU,oBAAI,IAAuD;AAC3E,mBAAW,KAAK,SAAU,SAAQ,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,SAAS,CAAC,EAAE,CAAC;AAC5E,cAAM,OAAsB,CAAC;AAC7B,mBAAW,SAAS,OAAO,SAAS;AAClC,gBAAM,SAAS,MAAM,UAAU,SAAY,SAAY,QAAQ,IAAI,MAAM,KAAK;AAC9E,WAAC,SAAS,OAAO,UAAU,MAAM,KAAK,KAAK;AAAA,QAC7C;AACA,cAAM,QAAQ,OAAO,SAAS;AAC9B,cAAM,OAAO,CAAC,KAAa,OAAeC,UAAwB;AAChE,qBAAW,SAASA,MAAK,MAAM,GAAG,KAAK,GAAG;AACxC,gBAAI,KAAK,OAAO,OAAO,OAAO,EAAE,IAAI,GAAG,KAAK,OAAO,OAAO,OAAO,UAAU,YAAY,CAAC;AAAA,UAC1F;AAAA,QACF;AACA,mBAAW,CAAC,KAAK,EAAE,OAAO,SAASA,MAAK,CAAC,KAAK,QAAS,MAAK,KAAK,OAAOA,KAAI;AAC5E,aAAK,KAAK,OAAO,OAAO,IAAI;AAAA,MAC9B;AAAA,IACF;AAEA,WAAO,QAAQ,GAAG;AAAA,EACpB,GAAG,CAAC,GAAG,gBAAgB,uBAAuB,MAAM,OAAO,YAAY,eAAe,OAAO,YAAY,QAAQ,EAAE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,SAAS,UAAU,MAAM,YAAY,CAAC;AAKvM,QAAM,WAAW,YAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AAEjD,QAAM,wBAAwB;AAAA,IAC5B,OAAO,EAAE,QAAQ,EAAE,SAAS,aAAa,EAAE,aAAa,GAAG,cAAc;AAAA,IACzE,CAAC,EAAE,SAAS,EAAE,aAAa,aAAa;AAAA,EAC1C;AAEA,QAAM,QAAQ,QAAQ,MAAM,gBAAgB,GAAG,CAAC,CAAC;AACjD,QAAM,OAAO,QAAQ,YAAO;AAC5B,QAAM,eAAe,gBAAgB,iBAAiB,EAAE,SAAS,IAAI,IAAI,EAAE;AAC3E,QAAM,eAAyC;AAAA,IAC7C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS,EAAE,SAAS,IAAI;AAAA,IACxB;AAAA,IACA,kBAAkB;AAAA,EACpB;AAEA,SACE,iCACG;AAAA,WAAO,YAAY,aAChB,QAAQ,YAAY,IACpB,YAAY,YACV;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,aAAa;AAAA,QACpB,MAAK;AAAA,QACL,QAAM;AAAA,QACN,WAAW,qBAAqB,oBAAoB;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,cAAY;AAAA,YACZ,qBAAmB,aAAa;AAAA,YAChC,iBAAc;AAAA,YACd,WAAW,GAAG,sBAAsB,gBAAgB;AAAA,YAEpD;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,oBAAoB,SAAY,WAAW;AAAA,gBACtD,OAAO,oBAAoB,SAAY,SAAY,EAAE,OAAO,iBAAiB,QAAQ,gBAAgB;AAAA;AAAA,YACvG;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,QAAQ;AAAA,QACR,UAAU;AAAA,QACV;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA;AAAA,IACV;AAAA,KACF;AAEJ;AAEA,MAAM,QAAgC,CAAC;","names":["out","list"]}

package/dist/search.d.ts

@@ -1,4 +1,4 @@
 export { CommandItem, CommandPalette, CommandPaletteDensity, CommandPaletteLabels, DEFAULT_COMMAND_PALETTE_LABELS, useCommandKey } from './search/command-palette.js';
 export { SEARCH_TIER_POINTS, SearchEntry, SearchHit, SearchIndex, SearchIndexOptions, SearchMatchField, createSearchIndex, matchEntries, normalizeSearchText } from './search/search-index.js';
-export { DEFAULT_GLOBAL_SEARCH_LABELS, GlobalSearch, GlobalSearchLabels, GlobalSearchProps, GlobalSearchSource, GlobalSearchSuggestion, GlobalSearchTriggerProps } from './search/global-search.js';
+export { DEFAULT_GLOBAL_SEARCH_LABELS, GlobalSearch, GlobalSearchLabels, GlobalSearchProps, GlobalSearchSource, GlobalSearchSourceGroup, GlobalSearchSuggestion, GlobalSearchTriggerProps } from './search/global-search.js';
 import 'react';

package/dist/shell/app-shell.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { aD as KitLinkComponent } from '../kit-labels-DE--LmCk.js';
+import { aE as KitLinkComponent } from '../kit-labels-C4uB_zmg.js';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';

package/dist/shell/top-bar-brand.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { aE as KitLinkProps, aD as KitLinkComponent } from '../kit-labels-DE--LmCk.js';
+import { aF as KitLinkProps, aE as KitLinkComponent } from '../kit-labels-C4uB_zmg.js';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';

package/dist/shell.d.ts

@@ -13,7 +13,7 @@ import './theme/theme-store.js';
 import 'zustand/middleware';
 import 'zustand';
 import 'lucide-react';
-import './kit-labels-DE--LmCk.js';
+import './kit-labels-C4uB_zmg.js';
 import './components/data-table-labels.js';
 import './components/mini-calendar.js';
 import './components/calendar-heatmap.js';

package/dist/wizard/stepper-nav.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ReactElement } from 'react';
-import { f as ButtonVariant } from '../kit-labels-DE--LmCk.js';
+import { f as ButtonVariant } from '../kit-labels-C4uB_zmg.js';
 import { UseWizardReturn, WizardLabels } from './types.js';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';

package/dist/wizard.d.ts

@@ -6,7 +6,7 @@ export { WizardStep, WizardStepProps } from './wizard/wizard-step.js';
 export { WizardSummary } from './wizard/wizard-summary.js';
 export { StepperNav } from './wizard/stepper-nav.js';
 import 'react';
-import './kit-labels-DE--LmCk.js';
+import './kit-labels-C4uB_zmg.js';
 import './components/data-table-labels.js';
 import './components/mini-calendar.js';
 import './components/calendar-heatmap.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eifi1/ui-kit",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "type": "module",
   "description": "App-agnostic shared design system: domain-free React components, theme and tokens.",
   "_sideEffects": "The barrel (src/index.ts) re-exports EVERY component, including components/chart, which statically imports recharts. Without this field a bundler must assume each of those modules has side effects, so it cannot drop the unused ones: importing a Button from '@eifi1/ui-kit' dragged all 433KB of recharts into the consumer's ENTRY chunk, and Keksdose was preloading it on every page load, login included. Nothing in src/ imports for side effects (no bare imports, no CSS imports from JS, no module-level global writes) — the token stylesheet is its own './tokens.css' export — so this is safe. CSS is still listed so any future stylesheet survives. Re-checked when `flag-icons` left `dependencies` and tsup started emitting a `\"use client\"` banner: neither touches this. The flag stylesheet was never imported from JS in the first place (that was the finding), and a directive prologue is a string literal every bundler lifts out before it decides whether a module is inert.",

package/src/components/amount-input.tsx

@@ -175,6 +175,14 @@ interface AmountInputProps {
    * 1.789 €/l is stored as 123.46 / 1.79, and no test fails (keksdose G2, a
    * `Numeric(18,6)` holding price and a `Numeric(18,4)` unit price). Pass the column's
    * scale: `digits={4}`, `digits={6}`.
+   *
+   * **Set `digits` for any sub-currency scale** — not only a price: any field whose
+   * column holds more decimals than the currency's minor unit. A split line stored at
+   * the ledger's 4dp (`Numeric(18,4)`) and loaded as 12.3456 is SHOWN as 12.35, and
+   * committed as 12.35 as soon as the user tabs through it (blur settles) — so the form
+   * no longer equals what the server holds: the lines stop summing to the 4dp total,
+   * and Save is held (keksdose live #240). With a `currency`, every commit rounds to that currency's
+   * minor unit unless `digits` says otherwise: pass the column's scale (`digits={4}`).
    */
   digits?: number;
   /** The smallest amount the field settles on. A lower figure is raised to it when it

package/src/components/data-table.tsx

@@ -1,4 +1,4 @@
-import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import type { CSSProperties, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from "react";
 import { createPortal } from "react-dom";
 import {
@@ -101,6 +101,26 @@ export interface DataTableColumn<T> {
    *  width a resize pins stay the table's, and the class list goes before
    *  `headClassName` for the same reason as in {@link cellProps}. */
   headProps?: DataTableHeadProps;
+  /**
+   * This column's cell in the table's totals row — a `<tfoot>` on a wide screen, a
+   * labelled summary card under the list on a phone. kastlan's trial balance is why
+   * it exists: it hand-built a debit/credit/balance strip in a `div` UNDER the table,
+   * which lined up with no column, dropped out of the table's semantics, and stayed
+   * put when the user hid or resized the columns it was summing.
+   *
+   * `rows` is every row that passes the current filters (in the current sort order),
+   * NOT just the page on screen: a total that changes when the user pages is not a
+   * total, and the trial balance has to balance on page 1 as much as on page 7. The
+   * page is the second argument for the rare "subtotal of this page" footer.
+   *
+   * Under `serverPagination` the table only ever holds one page, so both arguments are
+   * that page — a server-side table computes its totals on the server and returns
+   * them here (`footer: () => fmt(response.totalDebit)`), ignoring the arguments.
+   *
+   * The cell takes the column's `className` (so a `text-end` amount column totals
+   * end-aligned), its resized width, and drops out with the column when it is hidden.
+   */
+  footer?: (rows: T[], page: T[]) => ReactNode;
 }
 
 /** A `data-*` attribute, typed so `{ "data-private": "" }` needs no cast. */
@@ -466,6 +486,26 @@ export interface DataTableProps<T> {
    * pages set a search box in a `div` above the card, outside the frame it filters).
    */
   toolbar?: ReactNode;
+  /**
+   * The totals row's name — "Total", "Summe", "Totals as of 30 June". It is the row's
+   * header: rendered as a `<th scope="row">` in the first visible column that has no
+   * `footer` of its own (falling back to the first visible column if every one has a
+   * value), so a screen reader reads "Total, Debit, 12 400.00" for the cell beside it.
+   * On a phone it heads the summary card, which is also named by it.
+   *
+   * There is no built-in default word: a new kit label key is a silent English string
+   * in every translated app (see `missingDataTableLabels`), and the caller has the
+   * word in its own catalogue already. Without it the row is unlabelled on screen —
+   * pass one.
+   */
+  footerLabel?: ReactNode;
+  /**
+   * Show the totals row. Default: shown when any column declares a `footer`. Set
+   * false to drop it without touching the column definitions (a "show totals"
+   * switch). The row is also left out while there are no rows to total — a row of
+   * zeroes under "No results" says nothing the empty state has not.
+   */
+  footer?: boolean;
 }
 
 /** One entry of {@link DataTableProps.rowActions}. */
@@ -590,6 +630,15 @@ function logicalAlign(className: string | undefined): string | undefined {
   );
 }
 
+/**
+ * A totals-row cell: pinned to the scroller's bottom edge, on the header's surface.
+ * The rule above it is an inset shadow rather than a `border-t`: the table collapses
+ * its borders, and a collapsed border belongs to the TABLE, not the cell, so it stays
+ * behind at the bottom of the rows while the sticky cell rides over them.
+ */
+const FOOTER_CELL =
+  "sticky bottom-0 z-10 bg-[var(--bg-surface-2)] shadow-[inset_0_2px_0_var(--border-strong)]";
+
 /** Whether a column is end-aligned — the header then puts its filter button first. */
 const END_ALIGN = /(^|\s)text-end(?=\s|$)/;
 
@@ -801,6 +850,8 @@ export function DataTable<T>({
   className,
   rowActions,
   toolbar,
+  footerLabel,
+  footer: footerProp,
 }: DataTableProps<T>) {
   const compact = density === "compact";
   const minimal = chrome === "minimal";
@@ -1192,7 +1243,7 @@ export function DataTable<T>({
   // `setWidths` is called once, when the drag ends.
   const resizing = useRef<Resize | null>(null);
 
-  /** Every cell in one column, header first. `data-col` rather than a cell index:
+  /** Every cell in one column, header first, totals row included. `data-col` rather than a cell index:
    *  an expanded row holds a single `colSpan` cell, so the nth `<td>` of a row is
    *  not reliably the nth column. */
   const columnCells = (key: string): HTMLElement[] => {
@@ -1202,7 +1253,7 @@ export function DataTable<T>({
     if (!table) return [th];
     return [
       th,
-      ...Array.from(table.querySelectorAll<HTMLElement>("tbody [data-col]")).filter(
+      ...Array.from(table.querySelectorAll<HTMLElement>("tbody [data-col], tfoot [data-col]")).filter(
         (el) => el.dataset.col === key,
       ),
     ];
@@ -1309,6 +1360,21 @@ export function DataTable<T>({
   const totalCount = columns.length;
   // Spans the full row width including the optional leading selection column.
   const totalColSpan = visibleCount + (selection ? 1 : 0);
+
+  // ---- Totals row ----
+  // `sorted`, not `slice`: the totals are of everything the filters let through, so
+  // paging does not move them — see `DataTableColumn.footer`. In server mode `sorted`
+  // IS the page (the table holds nothing else), which the prop's note spells out.
+  const hasFooterColumns = columns.some((c) => c.footer);
+  const showFooter = footerProp !== false && hasFooterColumns && sorted.length > 0;
+  // The row header sits in the first visible column that has nothing of its own to
+  // show — so hiding the "Account" column moves "Total" into "Name" rather than
+  // dropping it — and on the first visible column when every one carries a value.
+  const footerLabelCol = showFooter
+    ? (visibleColumns.find((c) => !c.footer && c.key !== ROW_ACTIONS_KEY) ?? visibleColumns[0])
+    : undefined;
+  const footerValue = (col: DataTableColumn<T>) => col.footer?.(sorted, slice);
+  const footerHeadingId = useId();
   // The actions column is the table's own, not one the user can hide: out of the count.
   const columnsCountLabel = rowActions
     ? labels.columnsCount(visibleCount - 1, totalCount - 1)
@@ -1725,6 +1791,49 @@ export function DataTable<T>({
             </li>
           )}
         </ul>
+        {/* The phone's totals: a summary card after the list rather than one more
+            `<li>` in it. The list reveals rows in chunks as it is scrolled, so a last
+            item would sit mid-list until the end was reached; outside it, and under
+            `fillHeight` outside the scroller too, the totals stay in view the way the
+            sticky `<tfoot>` keeps them in view on a wide screen. Named by
+            `footerLabel` so it is announced as what it is, not as a stray list of
+            numbers; `mobileHidden` columns stay hidden here as on the cards. */}
+        {showFooter && mobileColumns.some((c) => c.footer) && (
+          <section
+            data-table-footer=""
+            aria-labelledby={footerLabel != null ? footerHeadingId : undefined}
+            className={cn(
+              "border-t-2 border-[var(--border-strong)] bg-[var(--bg-surface-2)]",
+              compact ? "px-3 py-2" : "px-4 py-3",
+              isLoading && "opacity-60 transition-opacity",
+            )}
+          >
+            {footerLabel != null && (
+              <div id={footerHeadingId} className={cn("font-semibold", compact ? "mb-1 text-sm" : "mb-2")}>
+                {footerLabel}
+              </div>
+            )}
+            <dl
+              className={cn(
+                "grid grid-cols-[auto_1fr] gap-x-3",
+                compact ? "gap-y-0.5 text-xs" : "gap-y-1 text-sm",
+              )}
+            >
+              {mobileColumns
+                .filter((c) => c.footer)
+                .map((col) => (
+                  <Fragment key={col.key}>
+                    <dt className="self-center text-xs uppercase tracking-wide text-[var(--text-muted)]">
+                      {col.header}
+                    </dt>
+                    <dd className="min-w-0 self-center font-semibold text-[var(--text-primary)]">
+                      {footerValue(col)}
+                    </dd>
+                  </Fragment>
+                ))}
+            </dl>
+          </section>
+        )}
         {/* Client-side mobile lists scroll endlessly (sentinel above); only
             server-paginated tables keep the pager here. */}
         {isServer && (
@@ -2166,6 +2275,59 @@ export function DataTable<T>({
               </tr>
             )}
           </tbody>
+          {showFooter && (
+            // Sticky to the scroller's bottom edge for the same reason the header is
+            // sticky to its top: the body scrolls inside a bounded wrapper, and a
+            // total that scrolls away with the last row is a total nobody sees on a
+            // 25-row page. Each cell carries its own background and its own `sticky`,
+            // as the header's do — `position: sticky` on a `<tfoot>` is not reliable.
+            <tfoot
+              data-table-footer=""
+              className={cn(
+                "font-semibold text-[var(--text-primary)]",
+                isLoading && "opacity-60 transition-opacity",
+              )}
+            >
+              <tr>
+                {/* The selection column has nothing to total: an empty cell keeps the
+                    values under their own headers. */}
+                {selection && (
+                  <td
+                    className={cn(
+                      FOOTER_CELL,
+                      compact ? "w-8 px-2 py-1" : "w-10 px-3 py-2",
+                    )}
+                  />
+                )}
+                {visibleColumns.map((col) => {
+                  const width = widths[col.key];
+                  const pinned = width ? { width, minWidth: width, maxWidth: width } : undefined;
+                  const isLabel = col === footerLabelCol;
+                  const Cell = isLabel ? "th" : "td";
+                  return (
+                    <Cell
+                      key={col.key}
+                      data-col={col.key}
+                      scope={isLabel ? "row" : undefined}
+                      style={pinned}
+                      className={cn(
+                        FOOTER_CELL,
+                        "align-top",
+                        compact ? "px-2 py-1" : "px-3 py-2",
+                        width && "overflow-hidden text-ellipsis",
+                        // A `<th>` centres by default; the label reads from the start
+                        // like the cells above it, unless the column says otherwise.
+                        isLabel && "text-start",
+                        logicalAlign(col.className),
+                      )}
+                    >
+                      {col.footer ? footerValue(col) : isLabel ? footerLabel : null}
+                    </Cell>
+                  );
+                })}
+              </tr>
+            </tfoot>
+          )}
         </table>
       </div>
           {!unpaged && (