@flanksource/clicky-ui 0.3.45 → 0.3.47

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  /** 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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"}
+{"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  /** Placeholder and accessible name of the search box, e.g. \"Filter tests\". */\n  searchLabel?: string;\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  searchLabel,\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={searchLabel ?? \"Filter tree\"}\n                  className=\"h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-placeholder [&::-webkit-search-cancel-button]:appearance-none\"\n                  aria-label={searchLabel ?? \"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/TreeNode.cjs

@@ -38,7 +38,7 @@ function TreeNode({
   const expandable = hasChildren || lazyUnloaded;
   const secondaryNode = (isSecondary == null ? void 0 : isSecondary(node)) ?? false;
   const childrenAllSecondary = hasChildren && isSecondary != null && children.every((c) => isSecondary(c));
-  const skipExpandAll = secondaryNode || childrenAllSecondary;
+  const skipExpandAll = secondaryNode || childrenAllSecondary || expandAll === true && lazyUnloaded;
   const initialOpen = expandAll !== null && !skipExpandAll ? expandAll : defaultOpen ? defaultOpen(node, depth) : depth < 1;
   const [open, setOpen] = react.useState(initialOpen);
   const prevExpandAll = react.useRef(expandAll);

package/dist/data/TreeNode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.cjs","sources":["../../src/data/TreeNode.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\n// A row's content column starts after the chevron (`w-3`, 12px) plus the row's\n// `gap-1.5` (6px) — fixed regardless of indentPx/basePaddingPx, since the\n// chevron/spacer width and gap are not configurable. renderDetail's wrapper\n// adds this on top of the row's own paddingLeft so it lines up under the label.\nconst ROW_CONTENT_OFFSET_PX = 18;\n\nexport type TreeRowContext<T> = {\n  node: T;\n  depth: number;\n  open: boolean;\n  selected: boolean;\n  hasChildren: boolean;\n  toggle: () => void;\n  /** True while this node's lazy children are being fetched via loadChildren. */\n  loading: boolean;\n  /** The rejection value from loadChildren, or null when there was no error. */\n  error: unknown;\n};\n\nexport type TreeNodeProps<T> = {\n  node: T;\n  depth?: number;\n  expandAll?: boolean | null;\n  forcedOpenKeys?: Set<string | number> | null;\n  selected?: T | null;\n  defaultOpen?: (node: T, depth: number) => boolean;\n  getChildren: (node: T) => T[] | undefined;\n  getKey: (node: T) => string | number;\n  getAriaLabel?: (node: T) => string;\n  onSelect?: (node: T) => void;\n  renderRow: (ctx: TreeRowContext<T>) => ReactNode;\n  /**\n   * Render extra content beneath a node's row and above its children (e.g. the\n   * decompiled source line a call was made from). Rendered for leaf and parent\n   * nodes alike, regardless of open/collapsed state, and left-aligned with the\n   * row's content column (after the depth indent and chevron). Returning\n   * `null`/`undefined`/`false` renders nothing — no wrapper, no extra spacing.\n   * A click or keydown inside it is stopped from propagating, so it can never\n   * toggle the row's expand/collapse state.\n   */\n  renderDetail?: (node: T) => ReactNode;\n  /** Render a node's result after its children, including when the children are collapsed. */\n  renderAfterChildren?: (node: T) => ReactNode;\n  rowClass?: (node: T, selected: boolean) => string;\n  indentPx?: number;\n  basePaddingPx?: number;\n  /**\n   * Reports that a node has children that are not yet loaded — it renders an\n   * expand chevron even when `getChildren` returns nothing. On the first open\n   * the node fetches them via `loadChildren`. Without this (the default), a\n   * node is expandable only when `getChildren` already returns children.\n   */\n  hasMoreChildren?: (node: T) => boolean;\n  /**\n   * Lazily fetch a node's children the first time it is opened. Resolves to the\n   * child nodes (which may themselves be lazy). A rejection is surfaced to\n   * `renderRow` via `ctx.error` and is not retried until the node is collapsed\n   * and reopened. Required for any node `hasMoreChildren` returns true for.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Marks a node as a **secondary child** of its parent. Secondary\n   * children keep the full tree structure (they render, they can be\n   * opened manually) but opt out of the bulk behaviours a caller\n   * typically wants when they click the toolbar:\n   *\n   *  - Tree-wide filter: their text is skipped during match detection\n   *    so typing in the search box never surfaces a row because one\n   *    of its secondary children happened to match.\n   *  - Expand all: secondary nodes stay at their default-open state\n   *    instead of being forced open, preventing 28k field rows from\n   *    flooding the viewport when an operator hits the button on a\n   *    schema with hundreds of tables.\n   *\n   * Default: every node is primary (returns false).\n   */\n  isSecondary?: (node: T) => boolean;\n};\n\nexport function TreeNode<T>({\n  node,\n  depth = 0,\n  expandAll = null,\n  forcedOpenKeys = null,\n  selected = null,\n  defaultOpen,\n  getChildren,\n  getKey,\n  getAriaLabel,\n  onSelect,\n  renderRow,\n  renderDetail,\n  renderAfterChildren,\n  rowClass,\n  indentPx = 16,\n  basePaddingPx = 8,\n  isSecondary,\n  hasMoreChildren,\n  loadChildren,\n}: TreeNodeProps<T>) {\n  // Lazily-fetched children take precedence over the synchronous ones once a\n  // load has resolved; until then `loadedChildren` is null and we fall back to\n  // getChildren. A node can be \"lazy\" (hasMoreChildren) with no sync children.\n  const [loadedChildren, setLoadedChildren] = useState<T[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const syncChildren = getChildren(node);\n  const children = loadedChildren ?? syncChildren;\n  const hasChildren = (children?.length ?? 0) > 0;\n  const lazyUnloaded = (hasMoreChildren?.(node) ?? false) && loadedChildren === null;\n  // The chevron shows when there is something to reveal: either real children\n  // are present, or the node is lazy and has not been loaded yet.\n  const expandable = hasChildren || lazyUnloaded;\n  // A node opts out of bulk expand-all in two distinct cases:\n  //\n  //  1. The node itself is secondary (its edge from the parent is\n  //     secondary) — rare at the root, but the rule is symmetric.\n  //  2. All of the node's children are secondary — the common case.\n  //     This is what keeps an \"Expand all\" on a schema tree from\n  //     flooding the viewport with every table's field rows: the\n  //     table opens to nothing structural worth seeing in bulk, so\n  //     we leave it closed until the operator clicks it manually.\n  //\n  // In both cases the manual toggle still works, and filter matches\n  // still force the row open via forcedOpenKeys, so users never\n  // lose access — they just don't get auto-flooded.\n  const secondaryNode = isSecondary?.(node) ?? false;\n  const childrenAllSecondary =\n    hasChildren && isSecondary != null && children!.every((c) => isSecondary(c));\n  const skipExpandAll = secondaryNode || childrenAllSecondary;\n  // A non-null `expandAll` is a live bulk state, not just a one-off change\n  // signal: a node mounted *while* expand-all is active (because an ancestor\n  // just opened) inherits it as its initial open state, so opening a parent\n  // cascades all the way down — expand/collapse-all are recursive. The\n  // skipExpandAll guard keeps secondary subtrees from auto-flooding. When\n  // expandAll is null (before any toolbar click) we fall back to defaultOpen.\n  const initialOpen =\n    expandAll !== null && !skipExpandAll\n      ? expandAll\n      : defaultOpen\n        ? defaultOpen(node, depth)\n        : depth < 1;\n  const [open, setOpen] = useState(initialOpen);\n  const prevExpandAll = useRef(expandAll);\n  const isSelected = selected === node;\n  const key = getKey(node);\n  const isForcedOpen = forcedOpenKeys?.has(key) ?? false;\n  const isOpen = isForcedOpen || open;\n\n  useEffect(() => {\n    if (expandAll !== null && expandAll !== prevExpandAll.current && !skipExpandAll) {\n      setOpen(expandAll);\n    }\n    prevExpandAll.current = expandAll;\n  }, [expandAll, skipExpandAll]);\n\n  // Guards a lazy fetch so a node loads its children at most once per mount and\n  // a resolution arriving after the node was reused (key changed) is ignored.\n  const loadRequested = useRef(false);\n  const nodeKey = getKey(node);\n  const loadKeyRef = useRef(nodeKey);\n\n  function loadLazyChildren() {\n    if (!loadChildren || loadRequested.current) return;\n    loadRequested.current = true;\n    loadKeyRef.current = nodeKey;\n    setLoading(true);\n    setError(null);\n    loadChildren(node)\n      .then((kids) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        setLoadedChildren(kids);\n        setLoading(false);\n      })\n      .catch((err) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        // Surfaced to renderRow via ctx.error; allow a retry on re-toggle.\n        loadRequested.current = false;\n        setError(err);\n        setLoading(false);\n      });\n  }\n\n  // A lazy node can be open without ever having been clicked — defaultOpen said\n  // so, expand-all did, or the filter forced it open to reveal a match. Loading\n  // only on the open transition would leave every one of those showing a caret\n  // over nothing.\n  //\n  // A node that already failed is skipped: loadLazyChildren clears its own retry\n  // guard on failure so a re-toggle can try again, and re-running here would\n  // turn that into an unbounded retry loop instead.\n  useEffect(() => {\n    if (isOpen && lazyUnloaded && error === null) loadLazyChildren();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, lazyUnloaded, error]);\n\n  function toggle() {\n    if (!expandable) return;\n    setOpen((o) => {\n      const next = !o;\n      // Only fetch when transitioning into the open state, so collapsing a\n      // not-yet-loaded (e.g. previously-failed) lazy node never triggers a load.\n      if (next && lazyUnloaded) loadLazyChildren();\n      return next;\n    });\n  }\n\n  const defaultRowBg = isSelected ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\";\n  const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;\n  const detail = renderDetail?.(node);\n  const afterChildren = renderAfterChildren?.(node);\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={getAriaLabel?.(node)}\n      aria-expanded={expandable ? isOpen : undefined}\n      aria-selected={isSelected}\n    >\n      <div\n        className={cn(\"flex items-center gap-1.5 py-1 px-2 cursor-pointer text-sm\", rowClassName)}\n        style={{ paddingLeft: `${depth * indentPx + basePaddingPx}px` }}\n        onClick={(e) => {\n          e.stopPropagation();\n          onSelect?.(node);\n          toggle();\n        }}\n      >\n        {expandable ? (\n          <button\n            type=\"button\"\n            aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n            // The caret only toggles expansion — stopPropagation keeps the row's\n            // onClick (which selects) from firing, so expanding a node never\n            // selects it.\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n            }}\n            className=\"flex shrink-0 items-center text-muted-foreground\"\n          >\n            <Icon icon={isOpen ? UiChevronDown : UiChevronRight} className=\"text-xs w-3\" />\n          </button>\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden />\n        )}\n        {renderRow({\n          node,\n          depth,\n          open: isOpen,\n          selected: isSelected,\n          hasChildren,\n          toggle,\n          loading,\n          error,\n        })}\n      </div>\n      {detail != null && detail !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {detail}\n        </div>\n      )}\n      {isOpen && hasChildren && (\n        <div role=\"group\">\n          {children!.map((child) => (\n            <TreeNode\n              key={getKey(child)}\n              node={child}\n              depth={depth + 1}\n              expandAll={expandAll}\n              forcedOpenKeys={forcedOpenKeys}\n              selected={selected}\n              getChildren={getChildren}\n              getKey={getKey}\n              renderRow={renderRow}\n              indentPx={indentPx}\n              basePaddingPx={basePaddingPx}\n              {...(defaultOpen ? { defaultOpen } : {})}\n              {...(renderDetail ? { renderDetail } : {})}\n              {...(renderAfterChildren ? { renderAfterChildren } : {})}\n              {...(getAriaLabel ? { getAriaLabel } : {})}\n              {...(onSelect ? { onSelect } : {})}\n              {...(rowClass ? { rowClass } : {})}\n              {...(isSecondary ? { isSecondary } : {})}\n              {...(hasMoreChildren ? { hasMoreChildren } : {})}\n              {...(loadChildren ? { loadChildren } : {})}\n            />\n          ))}\n        </div>\n      )}\n      {afterChildren != null && afterChildren !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {afterChildren}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","useRef","useEffect","jsxs","cn","jsx","Icon","UiChevronDown","UiChevronRight"],"mappings":";;;;;;;;AASA,MAAM,wBAAwB;AA2EvB,SAAS,SAAY;AAAA,EAC1B;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AAInB,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAqB,IAAI;AACrE,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAkB,IAAI;AAChD,QAAM,eAAe,YAAY,IAAI;AACrC,QAAM,WAAW,kBAAkB;AACnC,QAAM,gBAAe,qCAAU,WAAU,KAAK;AAC9C,QAAM,iBAAgB,mDAAkB,UAAS,UAAU,mBAAmB;AAG9E,QAAM,aAAa,eAAe;AAclC,QAAM,iBAAgB,2CAAc,UAAS;AAC7C,QAAM,uBACJ,eAAe,eAAe,QAAQ,SAAU,MAAM,CAAC,MAAM,YAAY,CAAC,CAAC;AAC7E,QAAM,gBAAgB,iBAAiB;AAOvC,QAAM,cACJ,cAAc,QAAQ,CAAC,gBACnB,YACA,cACE,YAAY,MAAM,KAAK,IACvB,QAAQ;AAChB,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,WAAW;AAC5C,QAAM,gBAAgBC,MAAAA,OAAO,SAAS;AACtC,QAAM,aAAa,aAAa;AAChC,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,gBAAe,iDAAgB,IAAI,SAAQ;AACjD,QAAM,SAAS,gBAAgB;AAE/BC,QAAAA,UAAU,MAAM;AACd,QAAI,cAAc,QAAQ,cAAc,cAAc,WAAW,CAAC,eAAe;AAC/E,cAAQ,SAAS;AAAA,IACnB;AACA,kBAAc,UAAU;AAAA,EAC1B,GAAG,CAAC,WAAW,aAAa,CAAC;AAI7B,QAAM,gBAAgBD,MAAAA,OAAO,KAAK;AAClC,QAAM,UAAU,OAAO,IAAI;AAC3B,QAAM,aAAaA,MAAAA,OAAO,OAAO;AAEjC,WAAS,mBAAmB;AAC1B,QAAI,CAAC,gBAAgB,cAAc,QAAS;AAC5C,kBAAc,UAAU;AACxB,eAAW,UAAU;AACrB,eAAW,IAAI;AACf,aAAS,IAAI;AACb,iBAAa,IAAI,EACd,KAAK,CAAC,SAAS;AACd,UAAI,WAAW,YAAY,QAAS;AACpC,wBAAkB,IAAI;AACtB,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,WAAW,YAAY,QAAS;AAEpC,oBAAc,UAAU;AACxB,eAAS,GAAG;AACZ,iBAAW,KAAK;AAAA,IAClB,CAAC;AAAA,EACL;AAUAC,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU,gBAAgB,UAAU,KAAM,kBAAA;AAAA,EAEhD,GAAG,CAAC,QAAQ,cAAc,KAAK,CAAC;AAEhC,WAAS,SAAS;AAChB,QAAI,CAAC,WAAY;AACjB,YAAQ,CAAC,MAAM;AACb,YAAM,OAAO,CAAC;AAGd,UAAI,QAAQ,aAAc,kBAAA;AAC1B,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,aAAa,4CAA4C;AAC9E,QAAM,eAAe,WAAW,SAAS,MAAM,UAAU,IAAI;AAC7D,QAAM,SAAS,6CAAe;AAC9B,QAAM,gBAAgB,2DAAsB;AAE5C,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,6CAAe;AAAA,MAC3B,iBAAe,aAAa,SAAS;AAAA,MACrC,iBAAe;AAAA,MAEf,UAAA;AAAA,QAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,MAAAA,GAAG,8DAA8D,YAAY;AAAA,YACxF,OAAO,EAAE,aAAa,GAAG,QAAQ,WAAW,aAAa,KAAA;AAAA,YACzD,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAA;AACF,mDAAW;AACX,qBAAA;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cAAA,aACCC,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,cAAY,SAAS,aAAa;AAAA,kBAIlC,SAAS,CAAC,MAAM;AACd,sBAAE,gBAAA;AACF,2BAAA;AAAA,kBACF;AAAA,kBACA,WAAU;AAAA,kBAEV,yCAACC,KAAAA,MAAA,EAAK,MAAM,SAASC,8BAAgBC,eAAAA,gBAAgB,WAAU,cAAA,CAAc;AAAA,gBAAA;AAAA,cAAA,IAG/EH,2BAAAA,IAAC,QAAA,EAAK,WAAU,gBAAe,eAAW,MAAC;AAAA,cAE5C,UAAU;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,MAAM;AAAA,gBACN,UAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,UAAU,QAAQ,WAAW,SAC5BA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,GAAG,QAAQ,WAAW,gBAAgB,qBAAqB,KAAA;AAAA,YACjF,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,YAEnB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,UAAU,eACTA,+BAAC,OAAA,EAAI,MAAK,SACP,UAAA,SAAU,IAAI,CAAC,UACdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM;AAAA,YACN,OAAO,QAAQ;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,YACpC,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,YACtC,GAAI,sBAAsB,EAAE,oBAAA,IAAwB,CAAA;AAAA,YACpD,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,YACtC,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,YAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,YAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,YACpC,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,YAC5C,GAAI,eAAe,EAAE,iBAAiB,CAAA;AAAA,UAAC;AAAA,UAnBnC,OAAO,KAAK;AAAA,QAAA,CAqBpB,GACH;AAAA,QAED,iBAAiB,QAAQ,kBAAkB,SAC1CA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,GAAG,QAAQ,WAAW,gBAAgB,qBAAqB,KAAA;AAAA,YACjF,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,YAEnB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"TreeNode.cjs","sources":["../../src/data/TreeNode.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\n// A row's content column starts after the chevron (`w-3`, 12px) plus the row's\n// `gap-1.5` (6px) — fixed regardless of indentPx/basePaddingPx, since the\n// chevron/spacer width and gap are not configurable. renderDetail's wrapper\n// adds this on top of the row's own paddingLeft so it lines up under the label.\nconst ROW_CONTENT_OFFSET_PX = 18;\n\nexport type TreeRowContext<T> = {\n  node: T;\n  depth: number;\n  open: boolean;\n  selected: boolean;\n  hasChildren: boolean;\n  toggle: () => void;\n  /** True while this node's lazy children are being fetched via loadChildren. */\n  loading: boolean;\n  /** The rejection value from loadChildren, or null when there was no error. */\n  error: unknown;\n};\n\nexport type TreeNodeProps<T> = {\n  node: T;\n  depth?: number;\n  expandAll?: boolean | null;\n  forcedOpenKeys?: Set<string | number> | null;\n  selected?: T | null;\n  defaultOpen?: (node: T, depth: number) => boolean;\n  getChildren: (node: T) => T[] | undefined;\n  getKey: (node: T) => string | number;\n  getAriaLabel?: (node: T) => string;\n  onSelect?: (node: T) => void;\n  renderRow: (ctx: TreeRowContext<T>) => ReactNode;\n  /**\n   * Render extra content beneath a node's row and above its children (e.g. the\n   * decompiled source line a call was made from). Rendered for leaf and parent\n   * nodes alike, regardless of open/collapsed state, and left-aligned with the\n   * row's content column (after the depth indent and chevron). Returning\n   * `null`/`undefined`/`false` renders nothing — no wrapper, no extra spacing.\n   * A click or keydown inside it is stopped from propagating, so it can never\n   * toggle the row's expand/collapse state.\n   */\n  renderDetail?: (node: T) => ReactNode;\n  /** Render a node's result after its children, including when the children are collapsed. */\n  renderAfterChildren?: (node: T) => ReactNode;\n  rowClass?: (node: T, selected: boolean) => string;\n  indentPx?: number;\n  basePaddingPx?: number;\n  /**\n   * Reports that a node has children that are not yet loaded — it renders an\n   * expand chevron even when `getChildren` returns nothing. On the first open\n   * the node fetches them via `loadChildren`. Without this (the default), a\n   * node is expandable only when `getChildren` already returns children.\n   */\n  hasMoreChildren?: (node: T) => boolean;\n  /**\n   * Lazily fetch a node's children the first time it is opened. Resolves to the\n   * child nodes (which may themselves be lazy). A rejection is surfaced to\n   * `renderRow` via `ctx.error` and is not retried until the node is collapsed\n   * and reopened. Required for any node `hasMoreChildren` returns true for.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Marks a node as a **secondary child** of its parent. Secondary\n   * children keep the full tree structure (they render, they can be\n   * opened manually) but opt out of the bulk behaviours a caller\n   * typically wants when they click the toolbar:\n   *\n   *  - Tree-wide filter: their text is skipped during match detection\n   *    so typing in the search box never surfaces a row because one\n   *    of its secondary children happened to match.\n   *  - Expand all: secondary nodes stay at their default-open state\n   *    instead of being forced open, preventing 28k field rows from\n   *    flooding the viewport when an operator hits the button on a\n   *    schema with hundreds of tables.\n   *\n   * Default: every node is primary (returns false).\n   */\n  isSecondary?: (node: T) => boolean;\n};\n\nexport function TreeNode<T>({\n  node,\n  depth = 0,\n  expandAll = null,\n  forcedOpenKeys = null,\n  selected = null,\n  defaultOpen,\n  getChildren,\n  getKey,\n  getAriaLabel,\n  onSelect,\n  renderRow,\n  renderDetail,\n  renderAfterChildren,\n  rowClass,\n  indentPx = 16,\n  basePaddingPx = 8,\n  isSecondary,\n  hasMoreChildren,\n  loadChildren,\n}: TreeNodeProps<T>) {\n  // Lazily-fetched children take precedence over the synchronous ones once a\n  // load has resolved; until then `loadedChildren` is null and we fall back to\n  // getChildren. A node can be \"lazy\" (hasMoreChildren) with no sync children.\n  const [loadedChildren, setLoadedChildren] = useState<T[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const syncChildren = getChildren(node);\n  const children = loadedChildren ?? syncChildren;\n  const hasChildren = (children?.length ?? 0) > 0;\n  const lazyUnloaded = (hasMoreChildren?.(node) ?? false) && loadedChildren === null;\n  // The chevron shows when there is something to reveal: either real children\n  // are present, or the node is lazy and has not been loaded yet.\n  const expandable = hasChildren || lazyUnloaded;\n  // A node opts out of bulk expand-all in two distinct cases:\n  //\n  //  1. The node itself is secondary (its edge from the parent is\n  //     secondary) — rare at the root, but the rule is symmetric.\n  //  2. All of the node's children are secondary — the common case.\n  //     This is what keeps an \"Expand all\" on a schema tree from\n  //     flooding the viewport with every table's field rows: the\n  //     table opens to nothing structural worth seeing in bulk, so\n  //     we leave it closed until the operator clicks it manually.\n  //\n  // In both cases the manual toggle still works, and filter matches\n  // still force the row open via forcedOpenKeys, so users never\n  // lose access — they just don't get auto-flooded.\n  const secondaryNode = isSecondary?.(node) ?? false;\n  const childrenAllSecondary =\n    hasChildren && isSecondary != null && children!.every((c) => isSecondary(c));\n  // An unloaded lazy node never opens in bulk either: opening it would fetch,\n  // and bulk operations never trigger loads. Collapse-all still closes it.\n  const skipExpandAll = secondaryNode || childrenAllSecondary || (expandAll === true && lazyUnloaded);\n  // A non-null `expandAll` is a live bulk state, not just a one-off change\n  // signal: a node mounted *while* expand-all is active (because an ancestor\n  // just opened) inherits it as its initial open state, so opening a parent\n  // cascades all the way down — expand/collapse-all are recursive. The\n  // skipExpandAll guard keeps secondary subtrees from auto-flooding. When\n  // expandAll is null (before any toolbar click) we fall back to defaultOpen.\n  const initialOpen =\n    expandAll !== null && !skipExpandAll\n      ? expandAll\n      : defaultOpen\n        ? defaultOpen(node, depth)\n        : depth < 1;\n  const [open, setOpen] = useState(initialOpen);\n  const prevExpandAll = useRef(expandAll);\n  const isSelected = selected === node;\n  const key = getKey(node);\n  const isForcedOpen = forcedOpenKeys?.has(key) ?? false;\n  const isOpen = isForcedOpen || open;\n\n  useEffect(() => {\n    if (expandAll !== null && expandAll !== prevExpandAll.current && !skipExpandAll) {\n      setOpen(expandAll);\n    }\n    prevExpandAll.current = expandAll;\n  }, [expandAll, skipExpandAll]);\n\n  // Guards a lazy fetch so a node loads its children at most once per mount and\n  // a resolution arriving after the node was reused (key changed) is ignored.\n  const loadRequested = useRef(false);\n  const nodeKey = getKey(node);\n  const loadKeyRef = useRef(nodeKey);\n\n  function loadLazyChildren() {\n    if (!loadChildren || loadRequested.current) return;\n    loadRequested.current = true;\n    loadKeyRef.current = nodeKey;\n    setLoading(true);\n    setError(null);\n    loadChildren(node)\n      .then((kids) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        setLoadedChildren(kids);\n        setLoading(false);\n      })\n      .catch((err) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        // Surfaced to renderRow via ctx.error; allow a retry on re-toggle.\n        loadRequested.current = false;\n        setError(err);\n        setLoading(false);\n      });\n  }\n\n  // A lazy node can be open without ever having been clicked — defaultOpen said\n  // so, expand-all did, or the filter forced it open to reveal a match. Loading\n  // only on the open transition would leave every one of those showing a caret\n  // over nothing.\n  //\n  // A node that already failed is skipped: loadLazyChildren clears its own retry\n  // guard on failure so a re-toggle can try again, and re-running here would\n  // turn that into an unbounded retry loop instead.\n  useEffect(() => {\n    if (isOpen && lazyUnloaded && error === null) loadLazyChildren();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, lazyUnloaded, error]);\n\n  function toggle() {\n    if (!expandable) return;\n    setOpen((o) => {\n      const next = !o;\n      // Only fetch when transitioning into the open state, so collapsing a\n      // not-yet-loaded (e.g. previously-failed) lazy node never triggers a load.\n      if (next && lazyUnloaded) loadLazyChildren();\n      return next;\n    });\n  }\n\n  const defaultRowBg = isSelected ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\";\n  const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;\n  const detail = renderDetail?.(node);\n  const afterChildren = renderAfterChildren?.(node);\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={getAriaLabel?.(node)}\n      aria-expanded={expandable ? isOpen : undefined}\n      aria-selected={isSelected}\n    >\n      <div\n        className={cn(\"flex items-center gap-1.5 py-1 px-2 cursor-pointer text-sm\", rowClassName)}\n        style={{ paddingLeft: `${depth * indentPx + basePaddingPx}px` }}\n        onClick={(e) => {\n          e.stopPropagation();\n          onSelect?.(node);\n          toggle();\n        }}\n      >\n        {expandable ? (\n          <button\n            type=\"button\"\n            aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n            // The caret only toggles expansion — stopPropagation keeps the row's\n            // onClick (which selects) from firing, so expanding a node never\n            // selects it.\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n            }}\n            className=\"flex shrink-0 items-center text-muted-foreground\"\n          >\n            <Icon icon={isOpen ? UiChevronDown : UiChevronRight} className=\"text-xs w-3\" />\n          </button>\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden />\n        )}\n        {renderRow({\n          node,\n          depth,\n          open: isOpen,\n          selected: isSelected,\n          hasChildren,\n          toggle,\n          loading,\n          error,\n        })}\n      </div>\n      {detail != null && detail !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {detail}\n        </div>\n      )}\n      {isOpen && hasChildren && (\n        <div role=\"group\">\n          {children!.map((child) => (\n            <TreeNode\n              key={getKey(child)}\n              node={child}\n              depth={depth + 1}\n              expandAll={expandAll}\n              forcedOpenKeys={forcedOpenKeys}\n              selected={selected}\n              getChildren={getChildren}\n              getKey={getKey}\n              renderRow={renderRow}\n              indentPx={indentPx}\n              basePaddingPx={basePaddingPx}\n              {...(defaultOpen ? { defaultOpen } : {})}\n              {...(renderDetail ? { renderDetail } : {})}\n              {...(renderAfterChildren ? { renderAfterChildren } : {})}\n              {...(getAriaLabel ? { getAriaLabel } : {})}\n              {...(onSelect ? { onSelect } : {})}\n              {...(rowClass ? { rowClass } : {})}\n              {...(isSecondary ? { isSecondary } : {})}\n              {...(hasMoreChildren ? { hasMoreChildren } : {})}\n              {...(loadChildren ? { loadChildren } : {})}\n            />\n          ))}\n        </div>\n      )}\n      {afterChildren != null && afterChildren !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {afterChildren}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["useState","useRef","useEffect","jsxs","cn","jsx","Icon","UiChevronDown","UiChevronRight"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../src/data/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjD;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC,4FAA4F;IAC5F,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,KAAS,EACT,SAAgB,EAChB,cAAqB,EACrB,QAAe,EACf,WAAW,EACX,WAAW,EACX,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,QAAa,EACb,aAAiB,EACjB,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,+BAgNlB"}
+{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../src/data/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjD;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC,4FAA4F;IAC5F,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,KAAS,EACT,SAAgB,EAChB,cAAqB,EACrB,QAAe,EACf,WAAW,EACX,WAAW,EACX,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,QAAa,EACb,aAAiB,EACjB,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,+BAkNlB"}

package/dist/data/TreeNode.js

@@ -36,7 +36,7 @@ function TreeNode({
   const expandable = hasChildren || lazyUnloaded;
   const secondaryNode = (isSecondary == null ? void 0 : isSecondary(node)) ?? false;
   const childrenAllSecondary = hasChildren && isSecondary != null && children.every((c) => isSecondary(c));
-  const skipExpandAll = secondaryNode || childrenAllSecondary;
+  const skipExpandAll = secondaryNode || childrenAllSecondary || expandAll === true && lazyUnloaded;
   const initialOpen = expandAll !== null && !skipExpandAll ? expandAll : defaultOpen ? defaultOpen(node, depth) : depth < 1;
   const [open, setOpen] = useState(initialOpen);
   const prevExpandAll = useRef(expandAll);

package/dist/data/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../src/data/TreeNode.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\n// A row's content column starts after the chevron (`w-3`, 12px) plus the row's\n// `gap-1.5` (6px) — fixed regardless of indentPx/basePaddingPx, since the\n// chevron/spacer width and gap are not configurable. renderDetail's wrapper\n// adds this on top of the row's own paddingLeft so it lines up under the label.\nconst ROW_CONTENT_OFFSET_PX = 18;\n\nexport type TreeRowContext<T> = {\n  node: T;\n  depth: number;\n  open: boolean;\n  selected: boolean;\n  hasChildren: boolean;\n  toggle: () => void;\n  /** True while this node's lazy children are being fetched via loadChildren. */\n  loading: boolean;\n  /** The rejection value from loadChildren, or null when there was no error. */\n  error: unknown;\n};\n\nexport type TreeNodeProps<T> = {\n  node: T;\n  depth?: number;\n  expandAll?: boolean | null;\n  forcedOpenKeys?: Set<string | number> | null;\n  selected?: T | null;\n  defaultOpen?: (node: T, depth: number) => boolean;\n  getChildren: (node: T) => T[] | undefined;\n  getKey: (node: T) => string | number;\n  getAriaLabel?: (node: T) => string;\n  onSelect?: (node: T) => void;\n  renderRow: (ctx: TreeRowContext<T>) => ReactNode;\n  /**\n   * Render extra content beneath a node's row and above its children (e.g. the\n   * decompiled source line a call was made from). Rendered for leaf and parent\n   * nodes alike, regardless of open/collapsed state, and left-aligned with the\n   * row's content column (after the depth indent and chevron). Returning\n   * `null`/`undefined`/`false` renders nothing — no wrapper, no extra spacing.\n   * A click or keydown inside it is stopped from propagating, so it can never\n   * toggle the row's expand/collapse state.\n   */\n  renderDetail?: (node: T) => ReactNode;\n  /** Render a node's result after its children, including when the children are collapsed. */\n  renderAfterChildren?: (node: T) => ReactNode;\n  rowClass?: (node: T, selected: boolean) => string;\n  indentPx?: number;\n  basePaddingPx?: number;\n  /**\n   * Reports that a node has children that are not yet loaded — it renders an\n   * expand chevron even when `getChildren` returns nothing. On the first open\n   * the node fetches them via `loadChildren`. Without this (the default), a\n   * node is expandable only when `getChildren` already returns children.\n   */\n  hasMoreChildren?: (node: T) => boolean;\n  /**\n   * Lazily fetch a node's children the first time it is opened. Resolves to the\n   * child nodes (which may themselves be lazy). A rejection is surfaced to\n   * `renderRow` via `ctx.error` and is not retried until the node is collapsed\n   * and reopened. Required for any node `hasMoreChildren` returns true for.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Marks a node as a **secondary child** of its parent. Secondary\n   * children keep the full tree structure (they render, they can be\n   * opened manually) but opt out of the bulk behaviours a caller\n   * typically wants when they click the toolbar:\n   *\n   *  - Tree-wide filter: their text is skipped during match detection\n   *    so typing in the search box never surfaces a row because one\n   *    of its secondary children happened to match.\n   *  - Expand all: secondary nodes stay at their default-open state\n   *    instead of being forced open, preventing 28k field rows from\n   *    flooding the viewport when an operator hits the button on a\n   *    schema with hundreds of tables.\n   *\n   * Default: every node is primary (returns false).\n   */\n  isSecondary?: (node: T) => boolean;\n};\n\nexport function TreeNode<T>({\n  node,\n  depth = 0,\n  expandAll = null,\n  forcedOpenKeys = null,\n  selected = null,\n  defaultOpen,\n  getChildren,\n  getKey,\n  getAriaLabel,\n  onSelect,\n  renderRow,\n  renderDetail,\n  renderAfterChildren,\n  rowClass,\n  indentPx = 16,\n  basePaddingPx = 8,\n  isSecondary,\n  hasMoreChildren,\n  loadChildren,\n}: TreeNodeProps<T>) {\n  // Lazily-fetched children take precedence over the synchronous ones once a\n  // load has resolved; until then `loadedChildren` is null and we fall back to\n  // getChildren. A node can be \"lazy\" (hasMoreChildren) with no sync children.\n  const [loadedChildren, setLoadedChildren] = useState<T[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const syncChildren = getChildren(node);\n  const children = loadedChildren ?? syncChildren;\n  const hasChildren = (children?.length ?? 0) > 0;\n  const lazyUnloaded = (hasMoreChildren?.(node) ?? false) && loadedChildren === null;\n  // The chevron shows when there is something to reveal: either real children\n  // are present, or the node is lazy and has not been loaded yet.\n  const expandable = hasChildren || lazyUnloaded;\n  // A node opts out of bulk expand-all in two distinct cases:\n  //\n  //  1. The node itself is secondary (its edge from the parent is\n  //     secondary) — rare at the root, but the rule is symmetric.\n  //  2. All of the node's children are secondary — the common case.\n  //     This is what keeps an \"Expand all\" on a schema tree from\n  //     flooding the viewport with every table's field rows: the\n  //     table opens to nothing structural worth seeing in bulk, so\n  //     we leave it closed until the operator clicks it manually.\n  //\n  // In both cases the manual toggle still works, and filter matches\n  // still force the row open via forcedOpenKeys, so users never\n  // lose access — they just don't get auto-flooded.\n  const secondaryNode = isSecondary?.(node) ?? false;\n  const childrenAllSecondary =\n    hasChildren && isSecondary != null && children!.every((c) => isSecondary(c));\n  const skipExpandAll = secondaryNode || childrenAllSecondary;\n  // A non-null `expandAll` is a live bulk state, not just a one-off change\n  // signal: a node mounted *while* expand-all is active (because an ancestor\n  // just opened) inherits it as its initial open state, so opening a parent\n  // cascades all the way down — expand/collapse-all are recursive. The\n  // skipExpandAll guard keeps secondary subtrees from auto-flooding. When\n  // expandAll is null (before any toolbar click) we fall back to defaultOpen.\n  const initialOpen =\n    expandAll !== null && !skipExpandAll\n      ? expandAll\n      : defaultOpen\n        ? defaultOpen(node, depth)\n        : depth < 1;\n  const [open, setOpen] = useState(initialOpen);\n  const prevExpandAll = useRef(expandAll);\n  const isSelected = selected === node;\n  const key = getKey(node);\n  const isForcedOpen = forcedOpenKeys?.has(key) ?? false;\n  const isOpen = isForcedOpen || open;\n\n  useEffect(() => {\n    if (expandAll !== null && expandAll !== prevExpandAll.current && !skipExpandAll) {\n      setOpen(expandAll);\n    }\n    prevExpandAll.current = expandAll;\n  }, [expandAll, skipExpandAll]);\n\n  // Guards a lazy fetch so a node loads its children at most once per mount and\n  // a resolution arriving after the node was reused (key changed) is ignored.\n  const loadRequested = useRef(false);\n  const nodeKey = getKey(node);\n  const loadKeyRef = useRef(nodeKey);\n\n  function loadLazyChildren() {\n    if (!loadChildren || loadRequested.current) return;\n    loadRequested.current = true;\n    loadKeyRef.current = nodeKey;\n    setLoading(true);\n    setError(null);\n    loadChildren(node)\n      .then((kids) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        setLoadedChildren(kids);\n        setLoading(false);\n      })\n      .catch((err) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        // Surfaced to renderRow via ctx.error; allow a retry on re-toggle.\n        loadRequested.current = false;\n        setError(err);\n        setLoading(false);\n      });\n  }\n\n  // A lazy node can be open without ever having been clicked — defaultOpen said\n  // so, expand-all did, or the filter forced it open to reveal a match. Loading\n  // only on the open transition would leave every one of those showing a caret\n  // over nothing.\n  //\n  // A node that already failed is skipped: loadLazyChildren clears its own retry\n  // guard on failure so a re-toggle can try again, and re-running here would\n  // turn that into an unbounded retry loop instead.\n  useEffect(() => {\n    if (isOpen && lazyUnloaded && error === null) loadLazyChildren();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, lazyUnloaded, error]);\n\n  function toggle() {\n    if (!expandable) return;\n    setOpen((o) => {\n      const next = !o;\n      // Only fetch when transitioning into the open state, so collapsing a\n      // not-yet-loaded (e.g. previously-failed) lazy node never triggers a load.\n      if (next && lazyUnloaded) loadLazyChildren();\n      return next;\n    });\n  }\n\n  const defaultRowBg = isSelected ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\";\n  const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;\n  const detail = renderDetail?.(node);\n  const afterChildren = renderAfterChildren?.(node);\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={getAriaLabel?.(node)}\n      aria-expanded={expandable ? isOpen : undefined}\n      aria-selected={isSelected}\n    >\n      <div\n        className={cn(\"flex items-center gap-1.5 py-1 px-2 cursor-pointer text-sm\", rowClassName)}\n        style={{ paddingLeft: `${depth * indentPx + basePaddingPx}px` }}\n        onClick={(e) => {\n          e.stopPropagation();\n          onSelect?.(node);\n          toggle();\n        }}\n      >\n        {expandable ? (\n          <button\n            type=\"button\"\n            aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n            // The caret only toggles expansion — stopPropagation keeps the row's\n            // onClick (which selects) from firing, so expanding a node never\n            // selects it.\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n            }}\n            className=\"flex shrink-0 items-center text-muted-foreground\"\n          >\n            <Icon icon={isOpen ? UiChevronDown : UiChevronRight} className=\"text-xs w-3\" />\n          </button>\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden />\n        )}\n        {renderRow({\n          node,\n          depth,\n          open: isOpen,\n          selected: isSelected,\n          hasChildren,\n          toggle,\n          loading,\n          error,\n        })}\n      </div>\n      {detail != null && detail !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {detail}\n        </div>\n      )}\n      {isOpen && hasChildren && (\n        <div role=\"group\">\n          {children!.map((child) => (\n            <TreeNode\n              key={getKey(child)}\n              node={child}\n              depth={depth + 1}\n              expandAll={expandAll}\n              forcedOpenKeys={forcedOpenKeys}\n              selected={selected}\n              getChildren={getChildren}\n              getKey={getKey}\n              renderRow={renderRow}\n              indentPx={indentPx}\n              basePaddingPx={basePaddingPx}\n              {...(defaultOpen ? { defaultOpen } : {})}\n              {...(renderDetail ? { renderDetail } : {})}\n              {...(renderAfterChildren ? { renderAfterChildren } : {})}\n              {...(getAriaLabel ? { getAriaLabel } : {})}\n              {...(onSelect ? { onSelect } : {})}\n              {...(rowClass ? { rowClass } : {})}\n              {...(isSecondary ? { isSecondary } : {})}\n              {...(hasMoreChildren ? { hasMoreChildren } : {})}\n              {...(loadChildren ? { loadChildren } : {})}\n            />\n          ))}\n        </div>\n      )}\n      {afterChildren != null && afterChildren !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {afterChildren}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","sources":["../../src/data/TreeNode.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\n// A row's content column starts after the chevron (`w-3`, 12px) plus the row's\n// `gap-1.5` (6px) — fixed regardless of indentPx/basePaddingPx, since the\n// chevron/spacer width and gap are not configurable. renderDetail's wrapper\n// adds this on top of the row's own paddingLeft so it lines up under the label.\nconst ROW_CONTENT_OFFSET_PX = 18;\n\nexport type TreeRowContext<T> = {\n  node: T;\n  depth: number;\n  open: boolean;\n  selected: boolean;\n  hasChildren: boolean;\n  toggle: () => void;\n  /** True while this node's lazy children are being fetched via loadChildren. */\n  loading: boolean;\n  /** The rejection value from loadChildren, or null when there was no error. */\n  error: unknown;\n};\n\nexport type TreeNodeProps<T> = {\n  node: T;\n  depth?: number;\n  expandAll?: boolean | null;\n  forcedOpenKeys?: Set<string | number> | null;\n  selected?: T | null;\n  defaultOpen?: (node: T, depth: number) => boolean;\n  getChildren: (node: T) => T[] | undefined;\n  getKey: (node: T) => string | number;\n  getAriaLabel?: (node: T) => string;\n  onSelect?: (node: T) => void;\n  renderRow: (ctx: TreeRowContext<T>) => ReactNode;\n  /**\n   * Render extra content beneath a node's row and above its children (e.g. the\n   * decompiled source line a call was made from). Rendered for leaf and parent\n   * nodes alike, regardless of open/collapsed state, and left-aligned with the\n   * row's content column (after the depth indent and chevron). Returning\n   * `null`/`undefined`/`false` renders nothing — no wrapper, no extra spacing.\n   * A click or keydown inside it is stopped from propagating, so it can never\n   * toggle the row's expand/collapse state.\n   */\n  renderDetail?: (node: T) => ReactNode;\n  /** Render a node's result after its children, including when the children are collapsed. */\n  renderAfterChildren?: (node: T) => ReactNode;\n  rowClass?: (node: T, selected: boolean) => string;\n  indentPx?: number;\n  basePaddingPx?: number;\n  /**\n   * Reports that a node has children that are not yet loaded — it renders an\n   * expand chevron even when `getChildren` returns nothing. On the first open\n   * the node fetches them via `loadChildren`. Without this (the default), a\n   * node is expandable only when `getChildren` already returns children.\n   */\n  hasMoreChildren?: (node: T) => boolean;\n  /**\n   * Lazily fetch a node's children the first time it is opened. Resolves to the\n   * child nodes (which may themselves be lazy). A rejection is surfaced to\n   * `renderRow` via `ctx.error` and is not retried until the node is collapsed\n   * and reopened. Required for any node `hasMoreChildren` returns true for.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Marks a node as a **secondary child** of its parent. Secondary\n   * children keep the full tree structure (they render, they can be\n   * opened manually) but opt out of the bulk behaviours a caller\n   * typically wants when they click the toolbar:\n   *\n   *  - Tree-wide filter: their text is skipped during match detection\n   *    so typing in the search box never surfaces a row because one\n   *    of its secondary children happened to match.\n   *  - Expand all: secondary nodes stay at their default-open state\n   *    instead of being forced open, preventing 28k field rows from\n   *    flooding the viewport when an operator hits the button on a\n   *    schema with hundreds of tables.\n   *\n   * Default: every node is primary (returns false).\n   */\n  isSecondary?: (node: T) => boolean;\n};\n\nexport function TreeNode<T>({\n  node,\n  depth = 0,\n  expandAll = null,\n  forcedOpenKeys = null,\n  selected = null,\n  defaultOpen,\n  getChildren,\n  getKey,\n  getAriaLabel,\n  onSelect,\n  renderRow,\n  renderDetail,\n  renderAfterChildren,\n  rowClass,\n  indentPx = 16,\n  basePaddingPx = 8,\n  isSecondary,\n  hasMoreChildren,\n  loadChildren,\n}: TreeNodeProps<T>) {\n  // Lazily-fetched children take precedence over the synchronous ones once a\n  // load has resolved; until then `loadedChildren` is null and we fall back to\n  // getChildren. A node can be \"lazy\" (hasMoreChildren) with no sync children.\n  const [loadedChildren, setLoadedChildren] = useState<T[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const syncChildren = getChildren(node);\n  const children = loadedChildren ?? syncChildren;\n  const hasChildren = (children?.length ?? 0) > 0;\n  const lazyUnloaded = (hasMoreChildren?.(node) ?? false) && loadedChildren === null;\n  // The chevron shows when there is something to reveal: either real children\n  // are present, or the node is lazy and has not been loaded yet.\n  const expandable = hasChildren || lazyUnloaded;\n  // A node opts out of bulk expand-all in two distinct cases:\n  //\n  //  1. The node itself is secondary (its edge from the parent is\n  //     secondary) — rare at the root, but the rule is symmetric.\n  //  2. All of the node's children are secondary — the common case.\n  //     This is what keeps an \"Expand all\" on a schema tree from\n  //     flooding the viewport with every table's field rows: the\n  //     table opens to nothing structural worth seeing in bulk, so\n  //     we leave it closed until the operator clicks it manually.\n  //\n  // In both cases the manual toggle still works, and filter matches\n  // still force the row open via forcedOpenKeys, so users never\n  // lose access — they just don't get auto-flooded.\n  const secondaryNode = isSecondary?.(node) ?? false;\n  const childrenAllSecondary =\n    hasChildren && isSecondary != null && children!.every((c) => isSecondary(c));\n  // An unloaded lazy node never opens in bulk either: opening it would fetch,\n  // and bulk operations never trigger loads. Collapse-all still closes it.\n  const skipExpandAll = secondaryNode || childrenAllSecondary || (expandAll === true && lazyUnloaded);\n  // A non-null `expandAll` is a live bulk state, not just a one-off change\n  // signal: a node mounted *while* expand-all is active (because an ancestor\n  // just opened) inherits it as its initial open state, so opening a parent\n  // cascades all the way down — expand/collapse-all are recursive. The\n  // skipExpandAll guard keeps secondary subtrees from auto-flooding. When\n  // expandAll is null (before any toolbar click) we fall back to defaultOpen.\n  const initialOpen =\n    expandAll !== null && !skipExpandAll\n      ? expandAll\n      : defaultOpen\n        ? defaultOpen(node, depth)\n        : depth < 1;\n  const [open, setOpen] = useState(initialOpen);\n  const prevExpandAll = useRef(expandAll);\n  const isSelected = selected === node;\n  const key = getKey(node);\n  const isForcedOpen = forcedOpenKeys?.has(key) ?? false;\n  const isOpen = isForcedOpen || open;\n\n  useEffect(() => {\n    if (expandAll !== null && expandAll !== prevExpandAll.current && !skipExpandAll) {\n      setOpen(expandAll);\n    }\n    prevExpandAll.current = expandAll;\n  }, [expandAll, skipExpandAll]);\n\n  // Guards a lazy fetch so a node loads its children at most once per mount and\n  // a resolution arriving after the node was reused (key changed) is ignored.\n  const loadRequested = useRef(false);\n  const nodeKey = getKey(node);\n  const loadKeyRef = useRef(nodeKey);\n\n  function loadLazyChildren() {\n    if (!loadChildren || loadRequested.current) return;\n    loadRequested.current = true;\n    loadKeyRef.current = nodeKey;\n    setLoading(true);\n    setError(null);\n    loadChildren(node)\n      .then((kids) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        setLoadedChildren(kids);\n        setLoading(false);\n      })\n      .catch((err) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        // Surfaced to renderRow via ctx.error; allow a retry on re-toggle.\n        loadRequested.current = false;\n        setError(err);\n        setLoading(false);\n      });\n  }\n\n  // A lazy node can be open without ever having been clicked — defaultOpen said\n  // so, expand-all did, or the filter forced it open to reveal a match. Loading\n  // only on the open transition would leave every one of those showing a caret\n  // over nothing.\n  //\n  // A node that already failed is skipped: loadLazyChildren clears its own retry\n  // guard on failure so a re-toggle can try again, and re-running here would\n  // turn that into an unbounded retry loop instead.\n  useEffect(() => {\n    if (isOpen && lazyUnloaded && error === null) loadLazyChildren();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, lazyUnloaded, error]);\n\n  function toggle() {\n    if (!expandable) return;\n    setOpen((o) => {\n      const next = !o;\n      // Only fetch when transitioning into the open state, so collapsing a\n      // not-yet-loaded (e.g. previously-failed) lazy node never triggers a load.\n      if (next && lazyUnloaded) loadLazyChildren();\n      return next;\n    });\n  }\n\n  const defaultRowBg = isSelected ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\";\n  const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;\n  const detail = renderDetail?.(node);\n  const afterChildren = renderAfterChildren?.(node);\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={getAriaLabel?.(node)}\n      aria-expanded={expandable ? isOpen : undefined}\n      aria-selected={isSelected}\n    >\n      <div\n        className={cn(\"flex items-center gap-1.5 py-1 px-2 cursor-pointer text-sm\", rowClassName)}\n        style={{ paddingLeft: `${depth * indentPx + basePaddingPx}px` }}\n        onClick={(e) => {\n          e.stopPropagation();\n          onSelect?.(node);\n          toggle();\n        }}\n      >\n        {expandable ? (\n          <button\n            type=\"button\"\n            aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n            // The caret only toggles expansion — stopPropagation keeps the row's\n            // onClick (which selects) from firing, so expanding a node never\n            // selects it.\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n            }}\n            className=\"flex shrink-0 items-center text-muted-foreground\"\n          >\n            <Icon icon={isOpen ? UiChevronDown : UiChevronRight} className=\"text-xs w-3\" />\n          </button>\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden />\n        )}\n        {renderRow({\n          node,\n          depth,\n          open: isOpen,\n          selected: isSelected,\n          hasChildren,\n          toggle,\n          loading,\n          error,\n        })}\n      </div>\n      {detail != null && detail !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {detail}\n        </div>\n      )}\n      {isOpen && hasChildren && (\n        <div role=\"group\">\n          {children!.map((child) => (\n            <TreeNode\n              key={getKey(child)}\n              node={child}\n              depth={depth + 1}\n              expandAll={expandAll}\n              forcedOpenKeys={forcedOpenKeys}\n              selected={selected}\n              getChildren={getChildren}\n              getKey={getKey}\n              renderRow={renderRow}\n              indentPx={indentPx}\n              basePaddingPx={basePaddingPx}\n              {...(defaultOpen ? { defaultOpen } : {})}\n              {...(renderDetail ? { renderDetail } : {})}\n              {...(renderAfterChildren ? { renderAfterChildren } : {})}\n              {...(getAriaLabel ? { getAriaLabel } : {})}\n              {...(onSelect ? { onSelect } : {})}\n              {...(rowClass ? { rowClass } : {})}\n              {...(isSecondary ? { isSecondary } : {})}\n              {...(hasMoreChildren ? { hasMoreChildren } : {})}\n              {...(loadChildren ? { loadChildren } : {})}\n            />\n          ))}\n        </div>\n      )}\n      {afterChildren != null && afterChildren !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {afterChildren}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/ChatFab.cjs

@@ -28,7 +28,7 @@ function ChatFab({
       },
       ...!persistent ? { style: { zIndex: zIndex.zIndex.chatFab } } : {},
       className: utils.cn(
-        "fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center",
+        "fixed bottom-[calc(1rem+env(safe-area-inset-bottom))] right-4 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
       ),

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

@@ -1 +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 { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport type { ChatContextItem } from \"./context\";\nimport { zIndex } from \"../../overlay/zIndex\";\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  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  /** Context the page offers the chat: attached to a newly opened window, or\n   * merged (by id) into the window a persistent launcher focuses. */\n  contextItems?: ChatContextItem[];\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  contextItems,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && 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={() => {\n        const opts = contextItems ? { contextItems } : {};\n        return persistent ? findOrCreatePanel(opts) : openPanel(opts);\n      }}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-4 right-4 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":["UiSparkles","useChatWindowManager","jsx","zIndex","cn","Icon"],"mappings":";;;;;;;;AAsBO,SAAS,QAAQ;AAAA,EACtB,OAAOA,WAAAA;AAAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsBC,kBAAAA,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM;AACb,cAAM,OAAO,eAAe,EAAE,aAAA,IAAiB,CAAA;AAC/C,eAAO,aAAa,kBAAkB,IAAI,IAAI,UAAU,IAAI;AAAA,MAC9D;AAAA,MACC,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQC,cAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAAF,2BAAAA,IAACG,KAAAA,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;;"}
+{"version":3,"file":"ChatFab.cjs","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport type { ChatContextItem } from \"./context\";\nimport { zIndex } from \"../../overlay/zIndex\";\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  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  /** Context the page offers the chat: attached to a newly opened window, or\n   * merged (by id) into the window a persistent launcher focuses. */\n  contextItems?: ChatContextItem[];\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  contextItems,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && 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={() => {\n        const opts = contextItems ? { contextItems } : {};\n        return persistent ? findOrCreatePanel(opts) : openPanel(opts);\n      }}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-[calc(1rem+env(safe-area-inset-bottom))] right-4 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":["UiSparkles","useChatWindowManager","jsx","zIndex","cn","Icon"],"mappings":";;;;;;;;AAsBO,SAAS,QAAQ;AAAA,EACtB,OAAOA,WAAAA;AAAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsBC,kBAAAA,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM;AACb,cAAM,OAAO,eAAe,EAAE,aAAA,IAAiB,CAAA;AAC/C,eAAO,aAAa,kBAAkB,IAAI,IAAI,UAAU,IAAI;AAAA,MAC9D;AAAA,MACC,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQC,cAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAAF,2BAAAA,IAACG,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.js

@@ -26,7 +26,7 @@ function ChatFab({
       },
       ...!persistent ? { style: { zIndex: zIndex.chatFab } } : {},
       className: cn(
-        "fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center",
+        "fixed bottom-[calc(1rem+env(safe-area-inset-bottom))] right-4 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
       ),

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

@@ -1 +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 { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport type { ChatContextItem } from \"./context\";\nimport { zIndex } from \"../../overlay/zIndex\";\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  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  /** Context the page offers the chat: attached to a newly opened window, or\n   * merged (by id) into the window a persistent launcher focuses. */\n  contextItems?: ChatContextItem[];\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  contextItems,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && 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={() => {\n        const opts = contextItems ? { contextItems } : {};\n        return persistent ? findOrCreatePanel(opts) : openPanel(opts);\n      }}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-4 right-4 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":";;;;;;AAsBO,SAAS,QAAQ;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsB,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM;AACb,cAAM,OAAO,eAAe,EAAE,aAAA,IAAiB,CAAA;AAC/C,eAAO,aAAa,kBAAkB,IAAI,IAAI,UAAU,IAAI;AAAA,MAC9D;AAAA,MACC,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,OAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,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;"}
+{"version":3,"file":"ChatFab.js","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport type { ChatContextItem } from \"./context\";\nimport { zIndex } from \"../../overlay/zIndex\";\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  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  /** Context the page offers the chat: attached to a newly opened window, or\n   * merged (by id) into the window a persistent launcher focuses. */\n  contextItems?: ChatContextItem[];\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  contextItems,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && 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={() => {\n        const opts = contextItems ? { contextItems } : {};\n        return persistent ? findOrCreatePanel(opts) : openPanel(opts);\n      }}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-[calc(1rem+env(safe-area-inset-bottom))] right-4 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":";;;;;;AAsBO,SAAS,QAAQ;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsB,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM;AACb,cAAM,OAAO,eAAe,EAAE,aAAA,IAAiB,CAAA;AAC/C,eAAO,aAAa,kBAAkB,IAAI,IAAI,UAAU,IAAI;AAAA,MAC9D;AAAA,MACC,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,OAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,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;"}