@flanksource/clicky-ui 0.2.18 → 0.2.20

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  /**\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   * 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  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\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;\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 role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\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 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground\"\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 && (\n              <div className=\"ml-auto flex items-center gap-1\">\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              </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  /**\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   * 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  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\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;\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 role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\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-muted-foreground\"\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 && (\n              <div className=\"ml-auto flex items-center gap-1\">\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              </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.js

@@ -199,7 +199,7 @@ function Tree({
                 value: filterQuery,
                 onChange: (event) => setFilterQuery(event.target.value),
                 placeholder: "Filter tree",
-                className: "h-5 w-full border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground",
+                className: "h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground",
                 "aria-label": "Filter tree nodes"
               }
             ),

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  /**\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   * 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  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\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;\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 role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\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 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground\"\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 && (\n              <div className=\"ml-auto flex items-center gap-1\">\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              </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  /**\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   * 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  showControls = true,\n  expandAll: controlledExpandAll,\n  onExpandAllChange,\n  toolbarClassName,\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;\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 role=\"tree\" className=\"min-h-0 flex-1 overflow-auto\">\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-muted-foreground\"\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 && (\n              <div className=\"ml-auto flex items-center gap-1\">\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              </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/ChatFab.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const chatWindowContext = require("./chat-window-context.cjs");
+const UiComment = require("../../icons/components/UiComment.cjs");
+function ChatFab({ icon = UiComment.UiComment, label = "Open chat", className }) {
+  const { panels, openPanel } = chatWindowContext.useChatWindowManager();
+  if (panels.length > 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-testid": "chat-fab",
+      title: label,
+      "aria-label": label,
+      onClick: () => openPanel(),
+      className: utils.cn(
+        "fixed bottom-4 right-4 z-[60] flex h-12 w-12 items-center justify-center",
+        "rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...typeof icon === "string" ? { name: icon } : { icon }, className: "size-5" })
+    }
+  );
+}
+exports.ChatFab = ChatFab;
+//# sourceMappingURL=ChatFab.cjs.map

package/dist/data/ai/ChatFab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatFab.cjs","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiComment } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\n\nexport type ChatFabProps = {\n  /** Iconify name or imported icon component shown in the button. */\n  icon?: string | StaticIconComponent;\n  /** Accessible label / tooltip. */\n  label?: string;\n  className?: string;\n};\n\n/** A fixed bottom-right launch button that opens the first chat window. It\n *  hides itself once any window is open (the windows carry their own controls). */\nexport function ChatFab({ icon = UiComment, label = \"Open chat\", className }: ChatFabProps) {\n  const { panels, openPanel } = useChatWindowManager();\n  if (panels.length > 0) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"chat-fab\"\n      title={label}\n      aria-label={label}\n      onClick={() => openPanel()}\n      className={cn(\n        \"fixed bottom-4 right-4 z-[60] flex h-12 w-12 items-center justify-center\",\n        \"rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90\",\n        className,\n      )}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"size-5\" />\n    </button>\n  );\n}\n"],"names":["UiComment","useChatWindowManager","jsx","cn","Icon"],"mappings":";;;;;;;AAeO,SAAS,QAAQ,EAAE,OAAOA,UAAAA,WAAW,QAAQ,aAAa,aAA2B;AAC1F,QAAM,EAAE,QAAQ,UAAA,IAAcC,uCAAA;AAC9B,MAAI,OAAO,SAAS,EAAG,QAAO;AAE9B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM,UAAA;AAAA,MACf,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAAD,2BAAAA,IAACE,KAAAA,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;;"}

package/dist/data/ai/ChatFab.d.ts

@@ -0,0 +1,12 @@
+import { StaticIconComponent } from '../Icon';
+export type ChatFabProps = {
+    /** Iconify name or imported icon component shown in the button. */
+    icon?: string | StaticIconComponent;
+    /** Accessible label / tooltip. */
+    label?: string;
+    className?: string;
+};
+/** A fixed bottom-right launch button that opens the first chat window. It
+ *  hides itself once any window is open (the windows carry their own controls). */
+export declare function ChatFab({ icon, label, className }: ChatFabProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ChatFab.d.ts.map

package/dist/data/ai/ChatFab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatFab.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatFab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzD,MAAM,MAAM,YAAY,GAAG;IACzB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;mFACmF;AACnF,wBAAgB,OAAO,CAAC,EAAE,IAAgB,EAAE,KAAmB,EAAE,SAAS,EAAE,EAAE,YAAY,kDAoBzF"}

package/dist/data/ai/ChatFab.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { useChatWindowManager } from "./chat-window-context.js";
+import { UiComment } from "../../icons/components/UiComment.js";
+function ChatFab({ icon = UiComment, label = "Open chat", className }) {
+  const { panels, openPanel } = useChatWindowManager();
+  if (panels.length > 0) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-testid": "chat-fab",
+      title: label,
+      "aria-label": label,
+      onClick: () => openPanel(),
+      className: cn(
+        "fixed bottom-4 right-4 z-[60] flex h-12 w-12 items-center justify-center",
+        "rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { ...typeof icon === "string" ? { name: icon } : { icon }, className: "size-5" })
+    }
+  );
+}
+export {
+  ChatFab
+};
+//# sourceMappingURL=ChatFab.js.map

package/dist/data/ai/ChatFab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatFab.js","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiComment } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\n\nexport type ChatFabProps = {\n  /** Iconify name or imported icon component shown in the button. */\n  icon?: string | StaticIconComponent;\n  /** Accessible label / tooltip. */\n  label?: string;\n  className?: string;\n};\n\n/** A fixed bottom-right launch button that opens the first chat window. It\n *  hides itself once any window is open (the windows carry their own controls). */\nexport function ChatFab({ icon = UiComment, label = \"Open chat\", className }: ChatFabProps) {\n  const { panels, openPanel } = useChatWindowManager();\n  if (panels.length > 0) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"chat-fab\"\n      title={label}\n      aria-label={label}\n      onClick={() => openPanel()}\n      className={cn(\n        \"fixed bottom-4 right-4 z-[60] flex h-12 w-12 items-center justify-center\",\n        \"rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90\",\n        className,\n      )}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"size-5\" />\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;AAeO,SAAS,QAAQ,EAAE,OAAO,WAAW,QAAQ,aAAa,aAA2B;AAC1F,QAAM,EAAE,QAAQ,UAAA,IAAc,qBAAA;AAC9B,MAAI,OAAO,SAAS,EAAG,QAAO;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM,UAAA;AAAA,MACf,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA,oBAAC,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;"}

package/dist/data/ai/ChatWindow.cjs

@@ -0,0 +1,178 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const button = require("../../components/button.cjs");
+const Icon = require("../Icon.cjs");
+const Chat = require("../chat/Chat.cjs");
+const chatWindowContext = require("./chat-window-context.cjs");
+const ThreadPicker = require("./ThreadPicker.cjs");
+const ContextBadges = require("./ContextBadges.cjs");
+const ToolPreferences = require("./ToolPreferences.cjs");
+const context = require("./context.cjs");
+const UiAdd = require("../../icons/components/UiAdd.cjs");
+const UiFullscreen = require("../../icons/components/UiFullscreen.cjs");
+const UiClose = require("../../icons/components/UiClose.cjs");
+const MAXIMIZE_CSS = `
+.chat-maximized .react-draggable {
+  transform: none !important;
+  width: auto !important;
+  height: auto !important;
+  inset: 0 !important;
+  position: absolute !important;
+}`;
+function ChatWindow({
+  panel,
+  chat,
+  title = "Assistant",
+  threadsApi = "/api/chat/threads",
+  threadsSource,
+  contextTypeConfig,
+  tools,
+  headerExtras
+}) {
+  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } = chatWindowContext.useChatWindowManager();
+  const [Rnd, setRnd] = react.useState(null);
+  const [toolPrefs, setToolPrefs] = react.useState({});
+  react.useEffect(() => {
+    if (!(tools == null ? void 0 : tools.length)) return;
+    setToolPrefs((prev) => {
+      const next = { ...prev };
+      let changed = false;
+      for (const t of tools) {
+        if (next[t.name] === void 0) {
+          next[t.name] = "ask";
+          changed = true;
+        }
+      }
+      return changed ? next : prev;
+    });
+  }, [tools]);
+  react.useEffect(() => {
+    let active = true;
+    import("react-rnd").then((m) => {
+      if (active) setRnd(() => m.Rnd);
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  const removeContext = react.useCallback(
+    (id) => updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),
+    [updatePanel, panel.id, panel.contextItems]
+  );
+  const mergedBody = {
+    ...chat == null ? void 0 : chat.body,
+    ...panel.contextItems.length ? { context: context.serializeContext(panel.contextItems) } : {},
+    ...tools ? { toolPreferences: toolPrefs } : {}
+  };
+  const header = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5", children: [
+    threadsSource != null || threadsApi !== null ? /* @__PURE__ */ jsxRuntime.jsx(
+      ThreadPicker.ThreadPicker,
+      {
+        threadId: panel.threadId,
+        onSelect: (tid) => updatePanel(panel.id, { threadId: tid }),
+        onNew: () => updatePanel(panel.id, { threadId: null }),
+        ...threadsSource ? { source: threadsSource } : threadsApi !== null ? { api: threadsApi } : {}
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1 text-sm font-medium", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+    headerExtras,
+    tools && /* @__PURE__ */ jsxRuntime.jsx(ToolPreferences.ToolPreferences, { tools, value: toolPrefs, onChange: setToolPrefs }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", title: "New window", onClick: () => openPanel(), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-4" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: panel.maximized ? "Restore" : "Maximize",
+        onClick: () => maximizePanel(panel.id),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFullscreen.UiFullscreen, className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", title: "Close", onClick: () => closePanel(panel.id), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-4" }) })
+  ] });
+  const frame = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl", children: [
+    header,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ContextBadges.ContextBadges,
+      {
+        items: panel.contextItems,
+        onRemove: removeContext,
+        ...contextTypeConfig ? { typeConfig: contextTypeConfig } : {}
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Chat.Chat,
+      {
+        ...chat,
+        ...panel.threadId ? { threadId: panel.threadId } : {},
+        body: mergedBody
+      }
+    ) })
+  ] });
+  const outerClass = utils.cn(
+    "fixed pointer-events-none",
+    panel.maximized ? "inset-4 chat-maximized" : "inset-0"
+  );
+  if (!Rnd) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: outerClass, style: { zIndex: panel.zIndex }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "pointer-events-auto h-full",
+        style: panel.maximized ? { position: "relative", width: "100%", height: "100%" } : { position: "absolute", left: panel.x, top: panel.y, width: panel.width, height: panel.height },
+        children: frame
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: outerClass, style: { zIndex: panel.zIndex }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: MAXIMIZE_CSS }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Rnd,
+      {
+        default: { x: panel.x, y: panel.y, width: panel.width, height: panel.height },
+        style: { pointerEvents: "auto" },
+        minWidth: 360,
+        minHeight: 400,
+        bounds: "parent",
+        dragHandleClassName: "chat-drag-handle",
+        disableDragging: panel.maximized,
+        enableResizing: !panel.maximized,
+        onDragStart: () => bringToFront(panel.id),
+        onDragStop: (_e, d) => updatePanel(panel.id, { x: d.x, y: d.y }),
+        onResizeStop: (_e, _dir, ref, _delta, pos) => updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y }),
+        children: frame
+      }
+    )
+  ] });
+}
+function ChatWindowLayer(props) {
+  const { panels } = chatWindowContext.useChatWindowManager();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: panels.map((panel) => /* @__PURE__ */ jsxRuntime.jsx(ChatWindow, { panel, ...props }, panel.id)) });
+}
+exports.ChatWindow = ChatWindow;
+exports.ChatWindowLayer = ChatWindowLayer;
+//# sourceMappingURL=ChatWindow.cjs.map

package/dist/data/ai/ChatWindow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.cjs","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport { useChatWindowManager, type ChatWindowState } from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport { ToolPreferences, type ToolMeta, type ToolMode } from \"./ToolPreferences\";\nimport { serializeContext, type ContextTypeConfig } from \"./context\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } = useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        if (next[t.name] === undefined) {\n          next[t.name] = \"ask\";\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody: Record<string, unknown> = {\n    ...chat?.body,\n    ...(panel.contextItems.length ? { context: serializeContext(panel.contextItems) } : {}),\n    ...(tools ? { toolPreferences: toolPrefs } : {}),\n  };\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && <ToolPreferences tools={tools} value={toolPrefs} onChange={setToolPrefs} />}\n      <Button variant=\"ghost\" size=\"icon\" title=\"New window\" onClick={() => openPanel()}>\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button variant=\"ghost\" size=\"icon\" title=\"Close\" onClick={() => closePanel(panel.id)}>\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : { position: \"absolute\", left: panel.x, top: panel.y, width: panel.width, height: panel.height }\n          }\n        >\n          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{ x: panel.x, y: panel.y, width: panel.width, height: panel.height }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":["useChatWindowManager","useState","useEffect","useCallback","serializeContext","jsxs","jsx","ThreadPicker","ToolPreferences","Button","Icon","UiAdd","UiFullscreen","UiClose","ContextBadges","Chat","cn","Fragment"],"mappings":"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"}

package/dist/data/ai/ChatWindow.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { ChatProps } from '../chat/Chat';
+import { ChatWindowState } from './chat-window-context';
+import { ThreadSource } from './ThreadPicker';
+import { ToolMeta } from './ToolPreferences';
+import { ContextTypeConfig } from './context';
+export type ChatWindowProps = {
+    panel: ChatWindowState;
+    /** Props forwarded to the inner <Chat>. The window manages `threadId` and
+     *  merges attached context / tool preferences into `body` on top of these. */
+    chat?: Partial<ChatProps>;
+    /** Header title shown when the thread picker is disabled. */
+    title?: ReactNode;
+    /** Thread switcher endpoint, or null to hide the picker. Defaults to
+     *  "/api/chat/threads". Ignored when `threadsSource` is set. */
+    threadsApi?: string | null;
+    /** Inject the thread list/delete directly instead of fetching `threadsApi`
+     *  (e.g. an app that loads conversations via its own client). Shows the
+     *  picker regardless of `threadsApi`. */
+    threadsSource?: ThreadSource;
+    /** Maps context item `type` to an icon/colour for the badge row. */
+    contextTypeConfig?: ContextTypeConfig;
+    /** When provided, a tool-preferences popover is shown and forwarded as
+     *  `body.toolPreferences`. Tools default to "ask" (approval required); the
+     *  user can switch any tool to Auto/Off from the popover. */
+    tools?: ToolMeta[];
+    /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */
+    headerExtras?: ReactNode;
+};
+/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an
+ *  optional dependency, so consumers of just the inner <Chat> never pull it)
+ *  and renders the existing <Chat> beneath a drag-handle header with thread
+ *  switching, a context-badge row and optional tool preferences. */
+export declare function ChatWindow({ panel, chat, title, threadsApi, threadsSource, contextTypeConfig, tools, headerExtras, }: ChatWindowProps): import("react/jsx-runtime").JSX.Element;
+/** Renders every open window for the current {@link useChatWindowManager}.
+ *  Drop one of these near the root alongside a <ChatFab/>. */
+export declare function ChatWindowLayer(props: Omit<ChatWindowProps, "panel">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatWindow.d.ts.map

package/dist/data/ai/ChatWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAmB,KAAK,QAAQ,EAAiB,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB;kFAC8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;6CAEyC;IACzC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;iEAE6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAWF;;;oEAGoE;AACpE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAmB,EACnB,UAAgC,EAChC,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,YAAY,GACb,EAAE,eAAe,2CAiJjB;AAED;8DAC8D;AAC9D,wBAAgB,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,2CASpE"}