@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/data/Tree.cjs

@@ -126,6 +126,9 @@ function Tree({
   className,
   ariaLabel,
   showControls = true,
+  showSearch = false,
+  searchQuery,
+  onSearchQueryChange,
   expandAll: controlledExpandAll,
   onExpandAllChange,
   toolbarClassName,
@@ -135,7 +138,12 @@ function Tree({
   ...nodeProps
 }) {
   const [internalExpandAll, setInternalExpandAll] = react.useState(null);
-  const [filterQuery, setFilterQuery] = react.useState("");
+  const [internalFilterQuery, setInternalFilterQuery] = react.useState("");
+  const filterQuery = searchQuery ?? internalFilterQuery;
+  const setFilterQuery = (next) => {
+    if (searchQuery !== void 0) onSearchQueryChange == null ? void 0 : onSearchQueryChange(next);
+    else setInternalFilterQuery(next);
+  };
   const basePaddingPx = nodeProps.basePaddingPx ?? 8;
   const isControlled = onExpandAllChange !== void 0;
   const expandAll = isControlled ? controlledExpandAll ?? null : internalExpandAll;
@@ -143,7 +151,7 @@ function Tree({
     () => countTreeEdges(roots, nodeProps.getChildren),
     [roots, nodeProps.getChildren]
   );
-  const showFilter = totalEdges > 20;
+  const showFilter = showSearch || totalEdges > 20 || Boolean(searchQuery);
   const activeFilter = showFilter ? filterQuery : "";
   const filteredTree = react.useMemo(
     () => filterTreeRoots(

package/dist/data/Tree.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.cjs","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiClose, UiCollapseAll, UiExpandAll, UiSearch } from \"../icons\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  /** Root nodes to render. */\n  roots: T[];\n  /** Empty-state content when no roots are provided. */\n  empty?: ReactNode;\n  /** Classes applied to the tree root. */\n  className?: string;\n  /** Accessible name applied to the tree root. */\n  ariaLabel?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  /** Called when the toolbar expand-all state changes. */\n  onExpandAllChange?: (next: boolean | null) => void;\n  /** Classes applied to the search/control toolbar. */\n  toolbarClassName?: string;\n  /**\n   * Extra controls rendered in the toolbar's right-hand group, before Expand\n   * all / Collapse all. Providing actions shows the toolbar even when the tree\n   * is too small for the filter and `showControls` is off.\n   */\n  actions?: ReactNode;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n  /**\n   * Force-open the ancestors of the `selected` node so it is always revealed,\n   * even when its branch was collapsed (a deep-link, a programmatic selection\n   * from outside the tree, or simply a folder the user never opened). While a\n   * node is selected its ancestors cannot be collapsed. Off by default; other\n   * nodes keep their normal expand state. Requires `selected` to be set.\n   */\n  revealSelected?: boolean;\n};\n\n// ancestorPathKeys returns the keys of every ancestor on the path from a root\n// down to `target` (excluding target itself — opening the ancestors is what\n// makes target render). Matches by getKey so it is robust to object identity\n// across roots rebuilds. Returns null when target is not found.\nfunction ancestorPathKeys<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  target: T,\n): Set<string | number> | null {\n  const targetKey = getKey(target);\n  const path: (string | number)[] = [];\n  const visit = (node: T): boolean => {\n    if (getKey(node) === targetKey) return true;\n    for (const child of getChildren(node) ?? []) {\n      if (visit(child)) {\n        path.push(getKey(node));\n        return true;\n      }\n    }\n    return false;\n  };\n  for (const root of roots) {\n    if (visit(root)) return path.length ? new Set(path) : null;\n  }\n  return null;\n}\n\n// mergeKeySets unions two optional key sets, preserving the null fast-path when\n// both are empty so consumers without a filter or reveal pass null downstream.\nfunction mergeKeySets(\n  a: Set<string | number> | null,\n  b: Set<string | number> | null,\n): Set<string | number> | null {\n  if (!a) return b;\n  if (!b) return a;\n  return new Set([...a, ...b]);\n}\n\n// Edge counting, search-text collection and filtering all walk the tree through\n// the synchronous `getChildren` only. A lazy node (one declared via\n// `hasMoreChildren` whose children have not been fetched yet) therefore\n// contributes no edges and no search text until the operator expands it — so it\n// is invisible to \"expand all\" and to the filter while still collapsed. This is\n// intentional: we never trigger network loads from bulk/search operations.\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  ariaLabel,\n  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  actions,\n  getSearchText,\n  revealSelected = false,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = totalEdges > 20;\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  // Force-open the selected node's ancestors when revealSelected is set, unioned\n  // with the filter's own forced-open keys. Recomputed when the selection moves\n  // so the tree follows it without a remount.\n  const revealKeys = useMemo(\n    () =>\n      revealSelected && nodeProps.selected\n        ? ancestorPathKeys(roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected)\n        : null,\n    [revealSelected, roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected],\n  );\n  const forcedOpenKeys = useMemo(\n    () => mergeKeySets(filteredTree.forcedOpenKeys, revealKeys),\n    [filteredTree.forcedOpenKeys, revealKeys],\n  );\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons || actions != null;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div\n        role=\"tree\"\n        aria-label={ariaLabel}\n        className=\"min-h-0 flex-1 overflow-auto\"\n      >\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon icon={UiSearch} className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-placeholder\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon icon={UiClose} className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {(showControlButtons || actions != null) && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                {actions}\n                {showControlButtons && (\n                  <>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiExpandAll} className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiCollapseAll} className=\"text-sm\" />\n                </button>\n                  </>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsx","Fragment","cn","jsxs","Icon","UiSearch","UiClose","UiExpandAll","UiCollapseAll","createElement","TreeNode"],"mappings":"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"}
+{"version":3,"file":"Tree.cjs","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiClose, UiCollapseAll, UiExpandAll, UiSearch } from \"../icons\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  /** Root nodes to render. */\n  roots: T[];\n  /** Empty-state content when no roots are provided. */\n  empty?: ReactNode;\n  /** Classes applied to the tree root. */\n  className?: string;\n  /** Accessible name applied to the tree root. */\n  ariaLabel?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /** Keep search visible for small or empty trees. */\n  showSearch?: boolean;\n  /** URL or parent-controlled search query. */\n  searchQuery?: string;\n  onSearchQueryChange?: (query: string) => void;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  /** Called when the toolbar expand-all state changes. */\n  onExpandAllChange?: (next: boolean | null) => void;\n  /** Classes applied to the search/control toolbar. */\n  toolbarClassName?: string;\n  /**\n   * Extra controls rendered in the toolbar's right-hand group, before Expand\n   * all / Collapse all. Providing actions shows the toolbar even when the tree\n   * is too small for the filter and `showControls` is off.\n   */\n  actions?: ReactNode;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n  /**\n   * Force-open the ancestors of the `selected` node so it is always revealed,\n   * even when its branch was collapsed (a deep-link, a programmatic selection\n   * from outside the tree, or simply a folder the user never opened). While a\n   * node is selected its ancestors cannot be collapsed. Off by default; other\n   * nodes keep their normal expand state. Requires `selected` to be set.\n   */\n  revealSelected?: boolean;\n};\n\n// ancestorPathKeys returns the keys of every ancestor on the path from a root\n// down to `target` (excluding target itself — opening the ancestors is what\n// makes target render). Matches by getKey so it is robust to object identity\n// across roots rebuilds. Returns null when target is not found.\nfunction ancestorPathKeys<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  target: T,\n): Set<string | number> | null {\n  const targetKey = getKey(target);\n  const path: (string | number)[] = [];\n  const visit = (node: T): boolean => {\n    if (getKey(node) === targetKey) return true;\n    for (const child of getChildren(node) ?? []) {\n      if (visit(child)) {\n        path.push(getKey(node));\n        return true;\n      }\n    }\n    return false;\n  };\n  for (const root of roots) {\n    if (visit(root)) return path.length ? new Set(path) : null;\n  }\n  return null;\n}\n\n// mergeKeySets unions two optional key sets, preserving the null fast-path when\n// both are empty so consumers without a filter or reveal pass null downstream.\nfunction mergeKeySets(\n  a: Set<string | number> | null,\n  b: Set<string | number> | null,\n): Set<string | number> | null {\n  if (!a) return b;\n  if (!b) return a;\n  return new Set([...a, ...b]);\n}\n\n// Edge counting, search-text collection and filtering all walk the tree through\n// the synchronous `getChildren` only. A lazy node (one declared via\n// `hasMoreChildren` whose children have not been fetched yet) therefore\n// contributes no edges and no search text until the operator expands it — so it\n// is invisible to \"expand all\" and to the filter while still collapsed. This is\n// intentional: we never trigger network loads from bulk/search operations.\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  ariaLabel,\n  showControls = true,\n  showSearch = false,\n  searchQuery,\n  onSearchQueryChange,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  actions,\n  getSearchText,\n  revealSelected = false,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [internalFilterQuery, setInternalFilterQuery] = useState(\"\");\n  const filterQuery = searchQuery ?? internalFilterQuery;\n  const setFilterQuery = (next: string) => {\n    if (searchQuery !== undefined) onSearchQueryChange?.(next);\n    else setInternalFilterQuery(next);\n  };\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = showSearch || totalEdges > 20 || Boolean(searchQuery);\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  // Force-open the selected node's ancestors when revealSelected is set, unioned\n  // with the filter's own forced-open keys. Recomputed when the selection moves\n  // so the tree follows it without a remount.\n  const revealKeys = useMemo(\n    () =>\n      revealSelected && nodeProps.selected\n        ? ancestorPathKeys(roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected)\n        : null,\n    [revealSelected, roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected],\n  );\n  const forcedOpenKeys = useMemo(\n    () => mergeKeySets(filteredTree.forcedOpenKeys, revealKeys),\n    [filteredTree.forcedOpenKeys, revealKeys],\n  );\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons || actions != null;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div\n        role=\"tree\"\n        aria-label={ariaLabel}\n        className=\"min-h-0 flex-1 overflow-auto\"\n      >\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon icon={UiSearch} className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-placeholder\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon icon={UiClose} className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {(showControlButtons || actions != null) && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                {actions}\n                {showControlButtons && (\n                  <>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiExpandAll} className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiCollapseAll} className=\"text-sm\" />\n                </button>\n                  </>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsx","Fragment","cn","jsxs","Icon","UiSearch","UiClose","UiExpandAll","UiCollapseAll","createElement","TreeNode"],"mappings":"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"}

package/dist/data/Tree.d.ts

@@ -15,6 +15,11 @@ export type TreeProps<T> = Omit<TreeNodeProps<T>, "node" | "depth" | "expandAll"
      * are owned externally.
      */
     showControls?: boolean;
+    /** Keep search visible for small or empty trees. */
+    showSearch?: boolean;
+    /** URL or parent-controlled search query. */
+    searchQuery?: string;
+    onSearchQueryChange?: (query: string) => void;
     /**
      * Externally controlled expand-all state. When provided together with
      * `onExpandAllChange`, the tree is controlled; otherwise it manages the
@@ -52,5 +57,5 @@ export type TreeProps<T> = Omit<TreeNodeProps<T>, "node" | "depth" | "expandAll"
      */
     revealSelected?: boolean;
 };
-export declare function Tree<T>({ roots, empty, className, ariaLabel, showControls, expandAll: controlledExpandAll, onExpandAllChange, toolbarClassName, actions, getSearchText, revealSelected, ...nodeProps }: TreeProps<T>): import("react").JSX.Element;
+export declare function Tree<T>({ roots, empty, className, ariaLabel, showControls, showSearch, searchQuery, onSearchQueryChange, expandAll: controlledExpandAll, onExpandAllChange, toolbarClassName, actions, getSearchText, revealSelected, ...nodeProps }: TreeProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=Tree.d.ts.map

package/dist/data/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/data/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,IAAI,CAC7B,aAAa,CAAC,CAAC,CAAC,EAChB,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,gBAAgB,CAClD,GAAG;IACF,4BAA4B;IAC5B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA6LF,wBAAgB,IAAI,CAAC,CAAC,EAAE,EACtB,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,YAAmB,EACnB,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,cAAsB,EACtB,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,+BA4Kd"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/data/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,IAAI,CAC7B,aAAa,CAAC,CAAC,CAAC,EAChB,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,gBAAgB,CAClD,GAAG;IACF,4BAA4B;IAC5B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA6LF,wBAAgB,IAAI,CAAC,CAAC,EAAE,EACtB,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,YAAmB,EACnB,UAAkB,EAClB,WAAW,EACX,mBAAmB,EACnB,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,cAAsB,EACtB,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,+BAiLd"}

package/dist/data/Tree.js

@@ -124,6 +124,9 @@ function Tree({
   className,
   ariaLabel,
   showControls = true,
+  showSearch = false,
+  searchQuery,
+  onSearchQueryChange,
   expandAll: controlledExpandAll,
   onExpandAllChange,
   toolbarClassName,
@@ -133,7 +136,12 @@ function Tree({
   ...nodeProps
 }) {
   const [internalExpandAll, setInternalExpandAll] = useState(null);
-  const [filterQuery, setFilterQuery] = useState("");
+  const [internalFilterQuery, setInternalFilterQuery] = useState("");
+  const filterQuery = searchQuery ?? internalFilterQuery;
+  const setFilterQuery = (next) => {
+    if (searchQuery !== void 0) onSearchQueryChange == null ? void 0 : onSearchQueryChange(next);
+    else setInternalFilterQuery(next);
+  };
   const basePaddingPx = nodeProps.basePaddingPx ?? 8;
   const isControlled = onExpandAllChange !== void 0;
   const expandAll = isControlled ? controlledExpandAll ?? null : internalExpandAll;
@@ -141,7 +149,7 @@ function Tree({
     () => countTreeEdges(roots, nodeProps.getChildren),
     [roots, nodeProps.getChildren]
   );
-  const showFilter = totalEdges > 20;
+  const showFilter = showSearch || totalEdges > 20 || Boolean(searchQuery);
   const activeFilter = showFilter ? filterQuery : "";
   const filteredTree = useMemo(
     () => filterTreeRoots(

package/dist/data/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiClose, UiCollapseAll, UiExpandAll, UiSearch } from \"../icons\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  /** Root nodes to render. */\n  roots: T[];\n  /** Empty-state content when no roots are provided. */\n  empty?: ReactNode;\n  /** Classes applied to the tree root. */\n  className?: string;\n  /** Accessible name applied to the tree root. */\n  ariaLabel?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  /** Called when the toolbar expand-all state changes. */\n  onExpandAllChange?: (next: boolean | null) => void;\n  /** Classes applied to the search/control toolbar. */\n  toolbarClassName?: string;\n  /**\n   * Extra controls rendered in the toolbar's right-hand group, before Expand\n   * all / Collapse all. Providing actions shows the toolbar even when the tree\n   * is too small for the filter and `showControls` is off.\n   */\n  actions?: ReactNode;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n  /**\n   * Force-open the ancestors of the `selected` node so it is always revealed,\n   * even when its branch was collapsed (a deep-link, a programmatic selection\n   * from outside the tree, or simply a folder the user never opened). While a\n   * node is selected its ancestors cannot be collapsed. Off by default; other\n   * nodes keep their normal expand state. Requires `selected` to be set.\n   */\n  revealSelected?: boolean;\n};\n\n// ancestorPathKeys returns the keys of every ancestor on the path from a root\n// down to `target` (excluding target itself — opening the ancestors is what\n// makes target render). Matches by getKey so it is robust to object identity\n// across roots rebuilds. Returns null when target is not found.\nfunction ancestorPathKeys<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  target: T,\n): Set<string | number> | null {\n  const targetKey = getKey(target);\n  const path: (string | number)[] = [];\n  const visit = (node: T): boolean => {\n    if (getKey(node) === targetKey) return true;\n    for (const child of getChildren(node) ?? []) {\n      if (visit(child)) {\n        path.push(getKey(node));\n        return true;\n      }\n    }\n    return false;\n  };\n  for (const root of roots) {\n    if (visit(root)) return path.length ? new Set(path) : null;\n  }\n  return null;\n}\n\n// mergeKeySets unions two optional key sets, preserving the null fast-path when\n// both are empty so consumers without a filter or reveal pass null downstream.\nfunction mergeKeySets(\n  a: Set<string | number> | null,\n  b: Set<string | number> | null,\n): Set<string | number> | null {\n  if (!a) return b;\n  if (!b) return a;\n  return new Set([...a, ...b]);\n}\n\n// Edge counting, search-text collection and filtering all walk the tree through\n// the synchronous `getChildren` only. A lazy node (one declared via\n// `hasMoreChildren` whose children have not been fetched yet) therefore\n// contributes no edges and no search text until the operator expands it — so it\n// is invisible to \"expand all\" and to the filter while still collapsed. This is\n// intentional: we never trigger network loads from bulk/search operations.\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  ariaLabel,\n  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  actions,\n  getSearchText,\n  revealSelected = false,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [filterQuery, setFilterQuery] = useState(\"\");\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = totalEdges > 20;\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  // Force-open the selected node's ancestors when revealSelected is set, unioned\n  // with the filter's own forced-open keys. Recomputed when the selection moves\n  // so the tree follows it without a remount.\n  const revealKeys = useMemo(\n    () =>\n      revealSelected && nodeProps.selected\n        ? ancestorPathKeys(roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected)\n        : null,\n    [revealSelected, roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected],\n  );\n  const forcedOpenKeys = useMemo(\n    () => mergeKeySets(filteredTree.forcedOpenKeys, revealKeys),\n    [filteredTree.forcedOpenKeys, revealKeys],\n  );\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons || actions != null;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div\n        role=\"tree\"\n        aria-label={ariaLabel}\n        className=\"min-h-0 flex-1 overflow-auto\"\n      >\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon icon={UiSearch} className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-placeholder\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon icon={UiClose} className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {(showControlButtons || actions != null) && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                {actions}\n                {showControlButtons && (\n                  <>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiExpandAll} className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiCollapseAll} className=\"text-sm\" />\n                </button>\n                  </>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tree.js","sources":["../../src/data/Tree.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiClose, UiCollapseAll, UiExpandAll, UiSearch } from \"../icons\";\nimport { TreeNode, type TreeNodeProps } from \"./TreeNode\";\n\nexport type TreeProps<T> = Omit<\n  TreeNodeProps<T>,\n  \"node\" | \"depth\" | \"expandAll\" | \"forcedOpenKeys\"\n> & {\n  /** Root nodes to render. */\n  roots: T[];\n  /** Empty-state content when no roots are provided. */\n  empty?: ReactNode;\n  /** Classes applied to the tree root. */\n  className?: string;\n  /** Accessible name applied to the tree root. */\n  ariaLabel?: string;\n  /**\n   * Render the Expand all / Collapse all toolbar above the tree. Enabled by\n   * default. Set to false to suppress when the tree is tiny or the controls\n   * are owned externally.\n   */\n  showControls?: boolean;\n  /** Keep search visible for small or empty trees. */\n  showSearch?: boolean;\n  /** URL or parent-controlled search query. */\n  searchQuery?: string;\n  onSearchQueryChange?: (query: string) => void;\n  /**\n   * Externally controlled expand-all state. When provided together with\n   * `onExpandAllChange`, the tree is controlled; otherwise it manages the\n   * toolbar state internally.\n   */\n  expandAll?: boolean | null;\n  /** Called when the toolbar expand-all state changes. */\n  onExpandAllChange?: (next: boolean | null) => void;\n  /** Classes applied to the search/control toolbar. */\n  toolbarClassName?: string;\n  /**\n   * Extra controls rendered in the toolbar's right-hand group, before Expand\n   * all / Collapse all. Providing actions shows the toolbar even when the tree\n   * is too small for the filter and `showControls` is off.\n   */\n  actions?: ReactNode;\n  /**\n   * Override the text the filter matches against for a given node.\n   * Defaults to a recursive walk of the node's own fields (excluding\n   * its `children` and any secondary children), which works for\n   * plain-shape trees but leaks text from nested domain objects —\n   * e.g. a SQL Table's Field rows are marked secondary, yet the\n   * parent record still carries `record.fields[].field` strings that\n   * the default walker would collect. Callers that need precise\n   * control over search behaviour should return only the text they\n   * want surfaced (the node's own display label / id / type).\n   */\n  getSearchText?: (node: T) => string;\n  /**\n   * Force-open the ancestors of the `selected` node so it is always revealed,\n   * even when its branch was collapsed (a deep-link, a programmatic selection\n   * from outside the tree, or simply a folder the user never opened). While a\n   * node is selected its ancestors cannot be collapsed. Off by default; other\n   * nodes keep their normal expand state. Requires `selected` to be set.\n   */\n  revealSelected?: boolean;\n};\n\n// ancestorPathKeys returns the keys of every ancestor on the path from a root\n// down to `target` (excluding target itself — opening the ancestors is what\n// makes target render). Matches by getKey so it is robust to object identity\n// across roots rebuilds. Returns null when target is not found.\nfunction ancestorPathKeys<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  target: T,\n): Set<string | number> | null {\n  const targetKey = getKey(target);\n  const path: (string | number)[] = [];\n  const visit = (node: T): boolean => {\n    if (getKey(node) === targetKey) return true;\n    for (const child of getChildren(node) ?? []) {\n      if (visit(child)) {\n        path.push(getKey(node));\n        return true;\n      }\n    }\n    return false;\n  };\n  for (const root of roots) {\n    if (visit(root)) return path.length ? new Set(path) : null;\n  }\n  return null;\n}\n\n// mergeKeySets unions two optional key sets, preserving the null fast-path when\n// both are empty so consumers without a filter or reveal pass null downstream.\nfunction mergeKeySets(\n  a: Set<string | number> | null,\n  b: Set<string | number> | null,\n): Set<string | number> | null {\n  if (!a) return b;\n  if (!b) return a;\n  return new Set([...a, ...b]);\n}\n\n// Edge counting, search-text collection and filtering all walk the tree through\n// the synchronous `getChildren` only. A lazy node (one declared via\n// `hasMoreChildren` whose children have not been fetched yet) therefore\n// contributes no edges and no search text until the operator expands it — so it\n// is invisible to \"expand all\" and to the filter while still collapsed. This is\n// intentional: we never trigger network loads from bulk/search operations.\nfunction countTreeEdges<T>(roots: T[], getChildren: TreeProps<T>[\"getChildren\"]) {\n  let total = 0;\n  const stack = [...roots];\n\n  while (stack.length > 0) {\n    const node = stack.pop()!;\n    const children = getChildren(node) ?? [];\n    total += children.length;\n    stack.push(...children);\n  }\n\n  return total;\n}\n\nfunction collectTreeSearchText(\n  value: unknown,\n  excluded = new Set<unknown>(),\n  seen = new Set<unknown>(),\n): string {\n  if (value == null || excluded.has(value)) return \"\";\n\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\" ||\n    typeof value === \"bigint\"\n  ) {\n    return String(value);\n  }\n\n  if (typeof value !== \"object\") return \"\";\n  if (seen.has(value)) return \"\";\n  seen.add(value);\n\n  if (Array.isArray(value)) {\n    return value\n      .map((entry) => collectTreeSearchText(entry, excluded, seen))\n      .filter(Boolean)\n      .join(\" \");\n  }\n\n  const preferredKeys = [\"label\", \"name\", \"title\", \"text\", \"plain\", \"id\", \"content\"];\n  const record = value as Record<string, unknown>;\n  const chunks: string[] = [];\n\n  for (const key of preferredKeys) {\n    if (!(key in record)) continue;\n    const text = collectTreeSearchText(record[key], excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  for (const [key, entry] of Object.entries(record)) {\n    if (key === \"children\" || preferredKeys.includes(key)) continue;\n    const text = collectTreeSearchText(entry, excluded, seen);\n    if (text) chunks.push(text);\n  }\n\n  return chunks.join(\" \");\n}\n\nfunction nodeSearchText<T>(node: T, children: ReturnType<TreeProps<T>[\"getChildren\"]>) {\n  const excluded = new Set<unknown>();\n  if (children) excluded.add(children);\n  return collectTreeSearchText(node, excluded).trim().toLowerCase();\n}\n\nfunction filterTreeRoots<T>(\n  roots: T[],\n  getChildren: TreeProps<T>[\"getChildren\"],\n  getKey: TreeProps<T>[\"getKey\"],\n  query: string,\n  isSecondary?: (node: T) => boolean,\n  getSearchText?: (node: T) => string,\n) {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) {\n    return {\n      roots,\n      filteredChildren: null as Map<string | number, T[]> | null,\n      forcedOpenKeys: null as Set<string | number> | null,\n    };\n  }\n\n  const filteredChildren = new Map<string | number, T[]>();\n  const forcedOpenKeys = new Set<string | number>();\n\n  function matchText(node: T, children: T[]): string {\n    // Honour the caller-supplied text extractor first — it's the\n    // only way to get precise control over what the filter sees when\n    // the node carries domain data whose fields would otherwise leak\n    // into the default walker.\n    if (getSearchText) return getSearchText(node).trim().toLowerCase();\n    // Match-text skips secondary children so e.g. a Table's search\n    // text only draws from the Table itself, not from its Field\n    // rows. The Table is primary, so its own text still counts.\n    const searchChildren = children.filter((c) => !isSecondary?.(c));\n    return nodeSearchText(node, searchChildren);\n  }\n\n  function visit(node: T): boolean {\n    // A secondary node never drives a filter match — it's\n    // effectively invisible to search. Still rendered when the\n    // caller opens the parent manually. This is what lets a 28k-row\n    // field tree stay searchable at the record level without \"field\n    // name contains 'x'\" matches spamming the results.\n    if (isSecondary?.(node)) return false;\n\n    const key = getKey(node);\n    const children = getChildren(node) ?? [];\n    const childrenAllSecondary =\n      children.length > 0 && children.every((child) => isSecondary?.(child));\n    const matches = matchText(node, children).includes(normalizedQuery);\n    const visibleChildren: T[] = [];\n\n    for (const child of children) {\n      if (visit(child)) visibleChildren.push(child);\n    }\n\n    if (matches) {\n      if (children.length > 0) {\n        filteredChildren.set(key, children);\n        if (!childrenAllSecondary) forcedOpenKeys.add(key);\n      }\n      return true;\n    }\n\n    if (visibleChildren.length > 0) {\n      filteredChildren.set(key, visibleChildren);\n      forcedOpenKeys.add(key);\n      return true;\n    }\n\n    return false;\n  }\n\n  return {\n    roots: roots.filter((root) => visit(root)),\n    filteredChildren,\n    forcedOpenKeys,\n  };\n}\n\nexport function Tree<T>({\n  roots,\n  empty,\n  className,\n  ariaLabel,\n  showControls = true,\n  showSearch = false,\n  searchQuery,\n  onSearchQueryChange,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\n  actions,\n  getSearchText,\n  revealSelected = false,\n  ...nodeProps\n}: TreeProps<T>) {\n  const [internalExpandAll, setInternalExpandAll] = useState<boolean | null>(null);\n  const [internalFilterQuery, setInternalFilterQuery] = useState(\"\");\n  const filterQuery = searchQuery ?? internalFilterQuery;\n  const setFilterQuery = (next: string) => {\n    if (searchQuery !== undefined) onSearchQueryChange?.(next);\n    else setInternalFilterQuery(next);\n  };\n  const basePaddingPx = nodeProps.basePaddingPx ?? 8;\n  const isControlled = onExpandAllChange !== undefined;\n  const expandAll = isControlled ? (controlledExpandAll ?? null) : internalExpandAll;\n  const totalEdges = useMemo(\n    () => countTreeEdges(roots, nodeProps.getChildren),\n    [roots, nodeProps.getChildren],\n  );\n  const showFilter = showSearch || totalEdges > 20 || Boolean(searchQuery);\n  const activeFilter = showFilter ? filterQuery : \"\";\n  const filteredTree = useMemo(\n    () =>\n      filterTreeRoots(\n        roots,\n        nodeProps.getChildren,\n        nodeProps.getKey,\n        activeFilter,\n        nodeProps.isSecondary,\n        getSearchText,\n      ),\n    [\n      roots,\n      nodeProps.getChildren,\n      nodeProps.getKey,\n      activeFilter,\n      nodeProps.isSecondary,\n      getSearchText,\n    ],\n  );\n  const treeRoots = filteredTree.roots;\n  const filteredChildren = filteredTree.filteredChildren;\n  // Force-open the selected node's ancestors when revealSelected is set, unioned\n  // with the filter's own forced-open keys. Recomputed when the selection moves\n  // so the tree follows it without a remount.\n  const revealKeys = useMemo(\n    () =>\n      revealSelected && nodeProps.selected\n        ? ancestorPathKeys(roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected)\n        : null,\n    [revealSelected, roots, nodeProps.getChildren, nodeProps.getKey, nodeProps.selected],\n  );\n  const forcedOpenKeys = useMemo(\n    () => mergeKeySets(filteredTree.forcedOpenKeys, revealKeys),\n    [filteredTree.forcedOpenKeys, revealKeys],\n  );\n  const effectiveGetChildren = filteredChildren\n    ? (node: T) => filteredChildren.get(nodeProps.getKey(node)) ?? []\n    : nodeProps.getChildren;\n  const effectiveExpandAll = expandAll;\n  const effectiveEmpty = activeFilter.trim() ? (\n    <div className=\"px-3 py-4 text-sm text-muted-foreground\">No matching tree nodes.</div>\n  ) : (\n    empty\n  );\n  const showControlButtons = showControls && roots.length > 0;\n  const showVirtualRow = showFilter || showControlButtons || actions != null;\n  const setExpandAll = (next: boolean | null) => {\n    if (isControlled) onExpandAllChange?.(next);\n    else setInternalExpandAll(next);\n  };\n\n  if (treeRoots.length === 0 && !showVirtualRow) return <>{effectiveEmpty ?? null}</>;\n\n  return (\n    <div className={cn(\"flex flex-col min-h-0\", className)}>\n      <div\n        role=\"tree\"\n        aria-label={ariaLabel}\n        className=\"min-h-0 flex-1 overflow-auto\"\n      >\n        {showVirtualRow && (\n          <div\n            role=\"presentation\"\n            className={cn(\n              \"sticky top-0 z-10 flex items-center gap-1.5 border-b border-border/70 bg-background/95 py-1 pr-2 text-sm backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n              toolbarClassName,\n            )}\n            style={{ paddingLeft: `${basePaddingPx}px` }}\n          >\n            {showFilter ? (\n              <Icon icon={UiSearch} className=\"w-3 shrink-0 text-xs text-muted-foreground\" />\n            ) : (\n              <span className=\"w-3 shrink-0\" aria-hidden />\n            )}\n\n            {showFilter ? (\n              <label className=\"flex min-w-0 flex-1 items-center gap-2 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground shadow-sm\">\n                <input\n                  type=\"search\"\n                  value={filterQuery}\n                  onChange={(event) => setFilterQuery(event.target.value)}\n                  placeholder=\"Filter tree\"\n                  className=\"h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-placeholder\"\n                  aria-label=\"Filter tree nodes\"\n                />\n                {filterQuery && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setFilterQuery(\"\")}\n                    className=\"inline-flex items-center rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n                    aria-label=\"Clear tree filter\"\n                    title=\"Clear tree filter\"\n                  >\n                    <Icon icon={UiClose} className=\"text-xs\" />\n                  </button>\n                )}\n              </label>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n\n            {(showControlButtons || actions != null) && (\n              <div className=\"ml-auto flex items-center gap-1\">\n                {actions}\n                {showControlButtons && (\n                  <>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(true)}\n                  aria-pressed={effectiveExpandAll === true}\n                  aria-label=\"Expand all\"\n                  title=\"Expand all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === true && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiExpandAll} className=\"text-sm\" />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setExpandAll(false)}\n                  aria-pressed={effectiveExpandAll === false}\n                  aria-label=\"Collapse all\"\n                  title=\"Collapse all\"\n                  disabled={activeFilter.trim().length > 0}\n                  className={cn(\n                    \"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n                    effectiveExpandAll === false && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <Icon icon={UiCollapseAll} className=\"text-sm\" />\n                </button>\n                  </>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {treeRoots.length === 0 ? (\n          (effectiveEmpty ?? null)\n        ) : (\n          <>\n            {treeRoots.map((root) => (\n              <TreeNode<T>\n                {...nodeProps}\n                key={nodeProps.getKey(root)}\n                node={root}\n                expandAll={effectiveExpandAll}\n                forcedOpenKeys={forcedOpenKeys}\n                getChildren={effectiveGetChildren}\n              />\n            ))}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/PromptRunEditor/RuntimeRows.cjs

@@ -44,7 +44,7 @@ function RuntimeRows({
             showTimeout: true,
             showCost: true,
             ariaLabel: "Runtime 1 controls",
-            ...actions ? { actions: /* @__PURE__ */ jsxRuntime.jsx(RuntimeBarActions.RuntimeBarActions, { ...actions, inline: wider }) } : {}
+            ...actions ? { actions } : {}
           }
         )
       }
@@ -67,7 +67,9 @@ function RuntimeRows({
               onChange: (next) => onChange(
                 model.withRuntimeRows(
                   value,
-                  rows.map((item, itemIndex) => itemIndex === index ? next : item)
+                  rows.map(
+                    (item, itemIndex) => itemIndex === index ? next : item
+                  )
                 )
               ),
               ariaLabel: `Runtime ${index + 1} controls`
@@ -103,7 +105,10 @@ function RuntimeRows({
         onClick: () => {
           var _a;
           return onChange(
-            model.withRuntimeRows(value, [...rows, ((_a = rows[0]) == null ? void 0 : _a.mode) ? { mode: rows[0].mode } : {}])
+            model.withRuntimeRows(value, [
+              ...rows,
+              ((_a = rows[0]) == null ? void 0 : _a.mode) ? { mode: rows[0].mode } : {}
+            ])
           );
         },
         children: [

package/dist/data/ai/PromptRunEditor/RuntimeRows.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeRows.cjs","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { useContainerWiderThan } from \"../../../hooks/use-container-width\";\nimport { UiAdd, UiTrash } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"../../runtime/RuntimeBarActions\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\nimport {\n  modelModeOf,\n  runtimeRows,\n  singleRuntimeOf,\n  withRuntimeRows,\n  withSingleRuntime,\n  type AIPromptRunValue,\n} from \"./model\";\n\n// Below this the bar's identity and settings sections already fill a row, so\n// inline action fields would force a third. Measured on the row wrapper, which\n// fills the column independently of what the bar renders. Tune in the browser\n// at captain's narrow left column and gavel's 2xl dialog.\nconst RUNTIME_ACTIONS_INLINE_MIN_PX = 560;\n\n// Single model: one bar that also owns the run's timeout and max cost.\n// Multi-model: one bar per comparison runtime; limits stay shared in the spec.\nexport function RuntimeRows({\n  value,\n  onChange,\n  models,\n  families,\n  reasoningEfforts,\n  effectiveRuntime,\n  actions,\n}: {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  reasoningEfforts: string[];\n  effectiveRuntime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">;\n  /** Spec-level run settings; rendered once regardless of the row count. */\n  actions?: RuntimeBarActionsProps | undefined;\n}) {\n  const { ref, wider } = useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);\n  const shared = {\n    models,\n    families,\n    reasoningEfforts,\n    effectiveModel: effectiveRuntime.model,\n    effectiveMode: effectiveRuntime.mode,\n  };\n\n  if (modelModeOf(value) === \"single\") {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Runtime 1\"\n        className=\"flex min-w-0 items-center\"\n      >\n        <RuntimeBar\n          {...shared}\n          value={singleRuntimeOf(value)}\n          onChange={(next) => onChange(withSingleRuntime(value, next))}\n          showTimeout\n          showCost\n          ariaLabel=\"Runtime 1 controls\"\n          {...(actions\n            ? { actions: <RuntimeBarActions {...actions} inline={wider} /> }\n            : {})}\n        />\n      </div>\n    );\n  }\n\n  const rows = runtimeRows(value);\n  return (\n    <div ref={ref} className=\"grid grid-cols-1 gap-density-2\">\n      {rows.map((runtime, index) => (\n        <div\n          key={index}\n          role=\"group\"\n          aria-label={`Runtime ${index + 1}`}\n          className=\"flex min-w-0 items-center gap-density-2\"\n        >\n          <RuntimeBar\n            {...shared}\n            value={runtime}\n            onChange={(next) =>\n              onChange(\n                withRuntimeRows(\n                  value,\n                  rows.map((item, itemIndex) => (itemIndex === index ? next : item)),\n                ),\n              )\n            }\n            ariaLabel={`Runtime ${index + 1} controls`}\n          />\n          {rows.length > 2 && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              aria-label={`Remove runtime ${index + 1}`}\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(\n                    value,\n                    rows.filter((_, itemIndex) => itemIndex !== index),\n                  ),\n                )\n              }\n            >\n              <Icon icon={UiTrash} className=\"size-4\" />\n            </Button>\n          )}\n        </div>\n      ))}\n      {/* Spec-level, so it sits beside the rows rather than repeating in each. */}\n      {actions && <RuntimeBarActions {...actions} inline={wider} standalone />}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"w-fit\"\n        aria-label=\"Add runtime\"\n        onClick={() =>\n          onChange(\n            withRuntimeRows(value, [...rows, rows[0]?.mode ? { mode: rows[0].mode } : {}]),\n          )\n        }\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n        Add runtime\n      </Button>\n    </div>\n  );\n}\n"],"names":["useContainerWiderThan","modelModeOf","jsx","RuntimeBar","singleRuntimeOf","withSingleRuntime","RuntimeBarActions","runtimeRows","jsxs","withRuntimeRows","Button","Icon","UiTrash","UiAdd"],"mappings":"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"}
+{"version":3,"file":"RuntimeRows.cjs","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { useContainerWiderThan } from \"../../../hooks/use-container-width\";\nimport { UiAdd, UiTrash } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"../../runtime/RuntimeBarActions\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\nimport {\n  modelModeOf,\n  runtimeRows,\n  singleRuntimeOf,\n  withRuntimeRows,\n  withSingleRuntime,\n  type AIPromptRunValue,\n} from \"./model\";\n\n// Below this the bar's identity and settings sections already fill a row, so\n// inline action fields would force a third. Measured on the row wrapper, which\n// fills the column independently of what the bar renders. Tune in the browser\n// at captain's narrow left column and gavel's 2xl dialog.\nconst RUNTIME_ACTIONS_INLINE_MIN_PX = 560;\n\n// Single model: one bar that also owns the run's timeout and max cost.\n// Multi-model: one bar per comparison runtime; limits stay shared in the spec.\nexport function RuntimeRows({\n  value,\n  onChange,\n  models,\n  families,\n  reasoningEfforts,\n  effectiveRuntime,\n  actions,\n}: {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  reasoningEfforts: string[];\n  effectiveRuntime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">;\n  /** Spec-level run settings; rendered once regardless of the row count. */\n  actions?: RuntimeBarActionsProps | undefined;\n}) {\n  const { ref, wider } = useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);\n  const shared = {\n    models,\n    families,\n    reasoningEfforts,\n    effectiveModel: effectiveRuntime.model,\n    effectiveMode: effectiveRuntime.mode,\n  };\n\n  if (modelModeOf(value) === \"single\") {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Runtime 1\"\n        className=\"flex min-w-0 items-center\"\n      >\n        <RuntimeBar\n          {...shared}\n          value={singleRuntimeOf(value)}\n          onChange={(next) => onChange(withSingleRuntime(value, next))}\n          showTimeout\n          showCost\n          ariaLabel=\"Runtime 1 controls\"\n          {...(actions ? { actions } : {})}\n        />\n      </div>\n    );\n  }\n\n  const rows = runtimeRows(value);\n  return (\n    <div ref={ref} className=\"grid grid-cols-1 gap-density-2\">\n      {rows.map((runtime, index) => (\n        <div\n          key={index}\n          role=\"group\"\n          aria-label={`Runtime ${index + 1}`}\n          className=\"flex min-w-0 items-center gap-density-2\"\n        >\n          <RuntimeBar\n            {...shared}\n            value={runtime}\n            onChange={(next) =>\n              onChange(\n                withRuntimeRows(\n                  value,\n                  rows.map((item, itemIndex) =>\n                    itemIndex === index ? next : item,\n                  ),\n                ),\n              )\n            }\n            ariaLabel={`Runtime ${index + 1} controls`}\n          />\n          {rows.length > 2 && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              aria-label={`Remove runtime ${index + 1}`}\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(\n                    value,\n                    rows.filter((_, itemIndex) => itemIndex !== index),\n                  ),\n                )\n              }\n            >\n              <Icon icon={UiTrash} className=\"size-4\" />\n            </Button>\n          )}\n        </div>\n      ))}\n      {/* Spec-level, so it sits beside the rows rather than repeating in each. */}\n      {actions && <RuntimeBarActions {...actions} inline={wider} standalone />}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"w-fit\"\n        aria-label=\"Add runtime\"\n        onClick={() =>\n          onChange(\n            withRuntimeRows(value, [\n              ...rows,\n              rows[0]?.mode ? { mode: rows[0].mode } : {},\n            ]),\n          )\n        }\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n        Add runtime\n      </Button>\n    </div>\n  );\n}\n"],"names":["useContainerWiderThan","modelModeOf","jsx","RuntimeBar","singleRuntimeOf","withSingleRuntime","runtimeRows","jsxs","withRuntimeRows","Button","Icon","UiTrash","RuntimeBarActions","UiAdd"],"mappings":"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"}

package/dist/data/ai/PromptRunEditor/RuntimeRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeRows.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAML,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAUjB,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC5D,0EAA0E;IAC1E,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC9C,+BA6FA"}
+{"version":3,"file":"RuntimeRows.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAML,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAUjB,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,EAAE;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC5D,0EAA0E;IAC1E,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC9C,+BAgGA"}

package/dist/data/ai/PromptRunEditor/RuntimeRows.js

@@ -42,7 +42,7 @@ function RuntimeRows({
             showTimeout: true,
             showCost: true,
             ariaLabel: "Runtime 1 controls",
-            ...actions ? { actions: /* @__PURE__ */ jsx(RuntimeBarActions, { ...actions, inline: wider }) } : {}
+            ...actions ? { actions } : {}
           }
         )
       }
@@ -65,7 +65,9 @@ function RuntimeRows({
               onChange: (next) => onChange(
                 withRuntimeRows(
                   value,
-                  rows.map((item, itemIndex) => itemIndex === index ? next : item)
+                  rows.map(
+                    (item, itemIndex) => itemIndex === index ? next : item
+                  )
                 )
               ),
               ariaLabel: `Runtime ${index + 1} controls`
@@ -101,7 +103,10 @@ function RuntimeRows({
         onClick: () => {
           var _a;
           return onChange(
-            withRuntimeRows(value, [...rows, ((_a = rows[0]) == null ? void 0 : _a.mode) ? { mode: rows[0].mode } : {}])
+            withRuntimeRows(value, [
+              ...rows,
+              ((_a = rows[0]) == null ? void 0 : _a.mode) ? { mode: rows[0].mode } : {}
+            ])
           );
         },
         children: [

package/dist/data/ai/PromptRunEditor/RuntimeRows.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeRows.js","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { useContainerWiderThan } from \"../../../hooks/use-container-width\";\nimport { UiAdd, UiTrash } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"../../runtime/RuntimeBarActions\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\nimport {\n  modelModeOf,\n  runtimeRows,\n  singleRuntimeOf,\n  withRuntimeRows,\n  withSingleRuntime,\n  type AIPromptRunValue,\n} from \"./model\";\n\n// Below this the bar's identity and settings sections already fill a row, so\n// inline action fields would force a third. Measured on the row wrapper, which\n// fills the column independently of what the bar renders. Tune in the browser\n// at captain's narrow left column and gavel's 2xl dialog.\nconst RUNTIME_ACTIONS_INLINE_MIN_PX = 560;\n\n// Single model: one bar that also owns the run's timeout and max cost.\n// Multi-model: one bar per comparison runtime; limits stay shared in the spec.\nexport function RuntimeRows({\n  value,\n  onChange,\n  models,\n  families,\n  reasoningEfforts,\n  effectiveRuntime,\n  actions,\n}: {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  reasoningEfforts: string[];\n  effectiveRuntime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">;\n  /** Spec-level run settings; rendered once regardless of the row count. */\n  actions?: RuntimeBarActionsProps | undefined;\n}) {\n  const { ref, wider } = useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);\n  const shared = {\n    models,\n    families,\n    reasoningEfforts,\n    effectiveModel: effectiveRuntime.model,\n    effectiveMode: effectiveRuntime.mode,\n  };\n\n  if (modelModeOf(value) === \"single\") {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Runtime 1\"\n        className=\"flex min-w-0 items-center\"\n      >\n        <RuntimeBar\n          {...shared}\n          value={singleRuntimeOf(value)}\n          onChange={(next) => onChange(withSingleRuntime(value, next))}\n          showTimeout\n          showCost\n          ariaLabel=\"Runtime 1 controls\"\n          {...(actions\n            ? { actions: <RuntimeBarActions {...actions} inline={wider} /> }\n            : {})}\n        />\n      </div>\n    );\n  }\n\n  const rows = runtimeRows(value);\n  return (\n    <div ref={ref} className=\"grid grid-cols-1 gap-density-2\">\n      {rows.map((runtime, index) => (\n        <div\n          key={index}\n          role=\"group\"\n          aria-label={`Runtime ${index + 1}`}\n          className=\"flex min-w-0 items-center gap-density-2\"\n        >\n          <RuntimeBar\n            {...shared}\n            value={runtime}\n            onChange={(next) =>\n              onChange(\n                withRuntimeRows(\n                  value,\n                  rows.map((item, itemIndex) => (itemIndex === index ? next : item)),\n                ),\n              )\n            }\n            ariaLabel={`Runtime ${index + 1} controls`}\n          />\n          {rows.length > 2 && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              aria-label={`Remove runtime ${index + 1}`}\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(\n                    value,\n                    rows.filter((_, itemIndex) => itemIndex !== index),\n                  ),\n                )\n              }\n            >\n              <Icon icon={UiTrash} className=\"size-4\" />\n            </Button>\n          )}\n        </div>\n      ))}\n      {/* Spec-level, so it sits beside the rows rather than repeating in each. */}\n      {actions && <RuntimeBarActions {...actions} inline={wider} standalone />}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"w-fit\"\n        aria-label=\"Add runtime\"\n        onClick={() =>\n          onChange(\n            withRuntimeRows(value, [...rows, rows[0]?.mode ? { mode: rows[0].mode } : {}]),\n          )\n        }\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n        Add runtime\n      </Button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAyBA,MAAM,gCAAgC;AAI/B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,EAAE,KAAK,UAAU,sBAAsB,6BAA6B;AAC1E,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,iBAAiB;AAAA,IACjC,eAAe,iBAAiB;AAAA,EAAA;AAGlC,MAAI,YAAY,KAAK,MAAM,UAAU;AACnC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,gBAAgB,KAAK;AAAA,YAC5B,UAAU,CAAC,SAAS,SAAS,kBAAkB,OAAO,IAAI,CAAC;AAAA,YAC3D,aAAW;AAAA,YACX,UAAQ;AAAA,YACR,WAAU;AAAA,YACT,GAAI,UACD,EAAE,SAAS,oBAAC,mBAAA,EAAmB,GAAG,SAAS,QAAQ,MAAA,CAAO,MAC1D,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,OAAO,YAAY,KAAK;AAC9B,SACE,qBAAC,OAAA,EAAI,KAAU,WAAU,kCACtB,UAAA;AAAA,IAAA,KAAK,IAAI,CAAC,SAAS,UAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,cAAY,WAAW,QAAQ,CAAC;AAAA,QAChC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO;AAAA,cACP,UAAU,CAAC,SACT;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,KAAK,IAAI,CAAC,MAAM,cAAe,cAAc,QAAQ,OAAO,IAAK;AAAA,gBAAA;AAAA,cACnE;AAAA,cAGJ,WAAW,WAAW,QAAQ,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,KAAK,SAAS,KACb;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,cAAY,kBAAkB,QAAQ,CAAC;AAAA,cACvC,SAAS,MACP;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,KAAK,OAAO,CAAC,GAAG,cAAc,cAAc,KAAK;AAAA,gBAAA;AAAA,cACnD;AAAA,cAIJ,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAjCG;AAAA,IAAA,CAoCR;AAAA,IAEA,+BAAY,mBAAA,EAAmB,GAAG,SAAS,QAAQ,OAAO,YAAU,MAAC;AAAA,IACtE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAS,MAAA;;AACP;AAAA,YACE,gBAAgB,OAAO,CAAC,GAAG,QAAM,UAAK,CAAC,MAAN,mBAAS,QAAO,EAAE,MAAM,KAAK,CAAC,EAAE,SAAS,CAAA,CAAE,CAAC;AAAA,UAAA;AAAA;AAAA,QAIjF,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,UAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1C,GACF;AAEJ;"}
+{"version":3,"file":"RuntimeRows.js","sources":["../../../../src/data/ai/PromptRunEditor/RuntimeRows.tsx"],"sourcesContent":["import { Button } from \"../../../components/button\";\nimport { useContainerWiderThan } from \"../../../hooks/use-container-width\";\nimport { UiAdd, UiTrash } from \"../../../icons\";\nimport { Icon } from \"../../Icon\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  RuntimeBarActions,\n  type RuntimeBarActionsProps,\n} from \"../../runtime/RuntimeBarActions\";\nimport type { SpecRuntimeFamily } from \"../../runtime/runtime-mode\";\nimport type { AISpecRuntimeSpec } from \"../SpecRuntimeEditor.model\";\nimport {\n  modelModeOf,\n  runtimeRows,\n  singleRuntimeOf,\n  withRuntimeRows,\n  withSingleRuntime,\n  type AIPromptRunValue,\n} from \"./model\";\n\n// Below this the bar's identity and settings sections already fill a row, so\n// inline action fields would force a third. Measured on the row wrapper, which\n// fills the column independently of what the bar renders. Tune in the browser\n// at captain's narrow left column and gavel's 2xl dialog.\nconst RUNTIME_ACTIONS_INLINE_MIN_PX = 560;\n\n// Single model: one bar that also owns the run's timeout and max cost.\n// Multi-model: one bar per comparison runtime; limits stay shared in the spec.\nexport function RuntimeRows({\n  value,\n  onChange,\n  models,\n  families,\n  reasoningEfforts,\n  effectiveRuntime,\n  actions,\n}: {\n  value: AIPromptRunValue;\n  onChange: (value: AIPromptRunValue) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  reasoningEfforts: string[];\n  effectiveRuntime: Pick<AISpecRuntimeSpec, \"model\" | \"mode\">;\n  /** Spec-level run settings; rendered once regardless of the row count. */\n  actions?: RuntimeBarActionsProps | undefined;\n}) {\n  const { ref, wider } = useContainerWiderThan(RUNTIME_ACTIONS_INLINE_MIN_PX);\n  const shared = {\n    models,\n    families,\n    reasoningEfforts,\n    effectiveModel: effectiveRuntime.model,\n    effectiveMode: effectiveRuntime.mode,\n  };\n\n  if (modelModeOf(value) === \"single\") {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label=\"Runtime 1\"\n        className=\"flex min-w-0 items-center\"\n      >\n        <RuntimeBar\n          {...shared}\n          value={singleRuntimeOf(value)}\n          onChange={(next) => onChange(withSingleRuntime(value, next))}\n          showTimeout\n          showCost\n          ariaLabel=\"Runtime 1 controls\"\n          {...(actions ? { actions } : {})}\n        />\n      </div>\n    );\n  }\n\n  const rows = runtimeRows(value);\n  return (\n    <div ref={ref} className=\"grid grid-cols-1 gap-density-2\">\n      {rows.map((runtime, index) => (\n        <div\n          key={index}\n          role=\"group\"\n          aria-label={`Runtime ${index + 1}`}\n          className=\"flex min-w-0 items-center gap-density-2\"\n        >\n          <RuntimeBar\n            {...shared}\n            value={runtime}\n            onChange={(next) =>\n              onChange(\n                withRuntimeRows(\n                  value,\n                  rows.map((item, itemIndex) =>\n                    itemIndex === index ? next : item,\n                  ),\n                ),\n              )\n            }\n            ariaLabel={`Runtime ${index + 1} controls`}\n          />\n          {rows.length > 2 && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              aria-label={`Remove runtime ${index + 1}`}\n              onClick={() =>\n                onChange(\n                  withRuntimeRows(\n                    value,\n                    rows.filter((_, itemIndex) => itemIndex !== index),\n                  ),\n                )\n              }\n            >\n              <Icon icon={UiTrash} className=\"size-4\" />\n            </Button>\n          )}\n        </div>\n      ))}\n      {/* Spec-level, so it sits beside the rows rather than repeating in each. */}\n      {actions && <RuntimeBarActions {...actions} inline={wider} standalone />}\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"w-fit\"\n        aria-label=\"Add runtime\"\n        onClick={() =>\n          onChange(\n            withRuntimeRows(value, [\n              ...rows,\n              rows[0]?.mode ? { mode: rows[0].mode } : {},\n            ]),\n          )\n        }\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n        Add runtime\n      </Button>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAyBA,MAAM,gCAAgC;AAI/B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,EAAE,KAAK,UAAU,sBAAsB,6BAA6B;AAC1E,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,iBAAiB;AAAA,IACjC,eAAe,iBAAiB;AAAA,EAAA;AAGlC,MAAI,YAAY,KAAK,MAAM,UAAU;AACnC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QAEV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,gBAAgB,KAAK;AAAA,YAC5B,UAAU,CAAC,SAAS,SAAS,kBAAkB,OAAO,IAAI,CAAC;AAAA,YAC3D,aAAW;AAAA,YACX,UAAQ;AAAA,YACR,WAAU;AAAA,YACT,GAAI,UAAU,EAAE,YAAY,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAChC;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,OAAO,YAAY,KAAK;AAC9B,SACE,qBAAC,OAAA,EAAI,KAAU,WAAU,kCACtB,UAAA;AAAA,IAAA,KAAK,IAAI,CAAC,SAAS,UAClB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,cAAY,WAAW,QAAQ,CAAC;AAAA,QAChC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO;AAAA,cACP,UAAU,CAAC,SACT;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,KAAK;AAAA,oBAAI,CAAC,MAAM,cACd,cAAc,QAAQ,OAAO;AAAA,kBAAA;AAAA,gBAC/B;AAAA,cACF;AAAA,cAGJ,WAAW,WAAW,QAAQ,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhC,KAAK,SAAS,KACb;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,cAAY,kBAAkB,QAAQ,CAAC;AAAA,cACvC,SAAS,MACP;AAAA,gBACE;AAAA,kBACE;AAAA,kBACA,KAAK,OAAO,CAAC,GAAG,cAAc,cAAc,KAAK;AAAA,gBAAA;AAAA,cACnD;AAAA,cAIJ,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAnCG;AAAA,IAAA,CAsCR;AAAA,IAEA,+BAAY,mBAAA,EAAmB,GAAG,SAAS,QAAQ,OAAO,YAAU,MAAC;AAAA,IACtE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAS,MAAA;;AACP;AAAA,YACE,gBAAgB,OAAO;AAAA,cACrB,GAAG;AAAA,gBACH,UAAK,CAAC,MAAN,mBAAS,QAAO,EAAE,MAAM,KAAK,CAAC,EAAE,SAAS,CAAA;AAAA,YAAC,CAC3C;AAAA,UAAA;AAAA;AAAA,QAIL,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,UAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1C,GACF;AAEJ;"}

package/dist/data/ai/PromptRunEditor/index.cjs

@@ -9,12 +9,12 @@ const effortIcons = require("../../chat/effort-icons.cjs");
 const runtimeMode = require("../../runtime/runtime-mode.cjs");
 const index = require("../SpecRuntimeEditor/index.cjs");
 const runtimeProfileModel = require("../../../lib/runtime-profile-model.cjs");
-const OrderedPresetSelect = require("../runtime-profiles/OrderedPresetSelect.cjs");
+const runtimeSpecFields = require("../runtime-spec-fields.cjs");
 const model = require("./model.cjs");
 const PromptBlocks = require("./PromptBlocks.cjs");
 const RecentRuntimes = require("./RecentRuntimes.cjs");
-const runtimeActions = require("./runtimeActions.cjs");
 const RuntimeRows = require("./RuntimeRows.cjs");
+const useRuntimePresetMenu = require("../runtime-preset-menu/use-runtime-preset-menu.cjs");
 const UiGearSix = require("../../../icons/components/UiGearSix.cjs");
 const MODEL_MODES = [
   { id: "single", label: "Single model" },
@@ -55,6 +55,7 @@ function PromptRunEditor({
   specSections,
   specTabs,
   presets,
+  onCreatePreset,
   resolution
 }) {
   if (specTabs && specSections) {
@@ -63,7 +64,6 @@ function PromptRunEditor({
     );
   }
   const [specOpen, setSpecOpen] = react.useState(false);
-  const [presetsOpen, setPresetsOpen] = react.useState(false);
   const spec = value.spec ?? {};
   const modelMode = model.modelModeOf(value);
   const presetCatalog = presets ?? [];
@@ -74,31 +74,42 @@ function PromptRunEditor({
     },
     presetCatalog
   );
+  const presetMenu = useRuntimePresetMenu.useRuntimePresetMenu({
+    value: { spec, presets: value.presets ?? [] },
+    presets: presetCatalog,
+    onCreatePreset,
+    onChange: (next) => {
+      var _a;
+      const updated = { ...value, spec: next.spec, presets: next.presets };
+      onChange(
+        ((_a = value.runtimes) == null ? void 0 : _a.length) && next.spec !== spec ? model.withRuntimeRows(updated, [
+          model.runtimeModelFromSpec(next.spec),
+          ...model.runtimeRows(value).slice(1)
+        ]) : updated
+      );
+    }
+  });
   const barActions = {
-    fields: [
+    fields: specTabs ? [] : runtimeSpecFields.runtimeSpecFields({
+      value: spec,
+      families,
+      models,
+      effectiveMode: runRuntime.mode,
+      effectiveModel: runRuntime.model,
+      onChange: (next) => onChange({ ...value, spec: next })
+    }).filter((field) => {
+      const section = field.id === "permissions.mode" ? "permissions" : field.id === "workflow.commits" ? "commit" : "workspace";
+      return !specSections || specSections.includes(section);
+    }),
+    menu: [
+      ...presets !== void 0 || onCreatePreset ? presetMenu.menu : [],
       ...specTabs ? [] : [
-        runtimeActions.permissionField({
-          spec,
-          families,
-          effectiveMode: runRuntime.mode,
-          onChange: (next) => onChange({ ...value, spec: next })
-        })
-      ],
-      ...presets === void 0 ? [] : [
-        runtimeActions.presetsField({
-          presets: presetCatalog,
-          value: value.presets ?? [],
-          onChange: (next) => onChange({ ...value, presets: next }),
-          onReorder: () => setPresetsOpen(true)
-        })
+        {
+          label: advancedLabel,
+          icon: UiGearSix.UiGearSix,
+          onSelect: () => setSpecOpen(true)
+        }
       ]
-    ].filter((field) => field !== void 0),
-    menu: specTabs ? [] : [
-      {
-        label: advancedLabel,
-        icon: UiGearSix.UiGearSix,
-        onSelect: () => setSpecOpen(true)
-      }
     ]
   };
   const specEditorProps = {
@@ -187,24 +198,7 @@ function PromptRunEditor({
       }
     ) : promptBlocks,
     footer,
-    presets !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      Modal.Modal,
-      {
-        open: presetsOpen,
-        onClose: () => setPresetsOpen(false),
-        title: "Presets",
-        size: "lg",
-        closeOnEsc: true,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          OrderedPresetSelect.OrderedPresetSelect,
-          {
-            presets: presetCatalog,
-            value: value.presets ?? [],
-            onChange: (next) => onChange({ ...value, presets: next })
-          }
-        )
-      }
-    ),
+    presetMenu.dialogs,
     !specTabs && /* @__PURE__ */ jsxRuntime.jsx(
       Modal.Modal,
       {