@octaviaflow/core 3.1.0-beta.82 → 3.1.0-beta.84

package/dist/index.js

@@ -11361,7 +11361,7 @@ EmptyState.displayName = "EmptyState";
 
 // src/components/ExecutionConsole/ExecutionConsole.tsx
 import { motion as motion13 } from "framer-motion";
-import { useEffect as useEffect21, useMemo as useMemo13, useRef as useRef21, useState as useState26 } from "react";
+import { memo, useCallback as useCallback17, useEffect as useEffect21, useMemo as useMemo13, useRef as useRef21, useState as useState26 } from "react";
 import { Fragment as Fragment22, jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
 var iconProps = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -11471,11 +11471,17 @@ function ExecutionConsole({
   }, [running]);
   useEffect21(() => {
     if (!open || !autoScroll) return;
+    const logsEl = logsRef.current;
+    if (running && logsEl) {
+      logsEl.scrollTop = logsEl.scrollHeight;
+      lastScrollTopRef.current = logsEl.scrollTop;
+      return;
+    }
     const el = logEndRef.current;
     if (el && typeof el.scrollIntoView === "function") {
       el.scrollIntoView({ behavior: "smooth", block: "end" });
     }
-  }, [filteredLogs.length, open, autoScroll]);
+  }, [filteredLogs.length, open, autoScroll, running]);
   const handleLogsScroll = () => {
     const el = logsRef.current;
     if (!el) return;
@@ -11495,14 +11501,14 @@ function ExecutionConsole({
       return next;
     });
   };
-  const toggleLineExpand = (index) => {
+  const toggleLineExpand = useCallback17((index) => {
     setExpandedLines((prev) => {
       const next = new Set(prev);
       if (next.has(index)) next.delete(index);
       else next.add(index);
       return next;
     });
-  };
+  }, []);
   const handleCopy = () => {
     if (onCopy) {
       onCopy();
@@ -11778,38 +11784,17 @@ function ExecutionConsole({
                 /* @__PURE__ */ jsx52("span", { className: "ods-console__empty-title", children: logs.length === 0 ? "No log entries" : "No logs match the filters" }),
                 logs.length === 0 && /* @__PURE__ */ jsx52("span", { className: "ods-console__empty-hint", children: "Output will appear here when the step runs." })
               ] }) }),
-              !loading && filteredLogs.map((log, i) => {
-                const expanded = expandedLines.has(i);
-                const canExpand = log.detail !== void 0 && log.detail !== null;
-                return /* @__PURE__ */ jsxs52(
-                  "div",
-                  {
-                    className: cn("ods-console__line", `ods-console__line--${log.level}`),
-                    "data-testid": "console-log-line",
-                    children: [
-                      /* @__PURE__ */ jsxs52("div", { className: "ods-console__line-row", children: [
-                        canExpand ? /* @__PURE__ */ jsx52(
-                          "button",
-                          {
-                            type: "button",
-                            className: "ods-console__line-toggle",
-                            onClick: () => toggleLineExpand(i),
-                            "aria-label": expanded ? "Collapse log detail" : "Expand log detail",
-                            "aria-expanded": expanded,
-                            children: /* @__PURE__ */ jsx52(ChevronIcon2, { open: expanded })
-                          }
-                        ) : /* @__PURE__ */ jsx52("span", { className: "ods-console__line-toggle ods-console__line-toggle--placeholder" }),
-                        /* @__PURE__ */ jsx52("span", { className: "ods-console__timestamp", children: log.timestamp }),
-                        /* @__PURE__ */ jsx52("span", { className: cn("ods-console__level", `ods-console__level--${log.level}`), children: log.level.toUpperCase() }),
-                        log.nodeLabel && /* @__PURE__ */ jsx52("span", { className: "ods-console__node-tag", title: log.nodeId, children: log.nodeLabel }),
-                        /* @__PURE__ */ jsx52("span", { className: "ods-console__message", children: q(query, log.message) })
-                      ] }),
-                      canExpand && expanded && /* @__PURE__ */ jsx52("pre", { className: "ods-console__detail", children: typeof log.detail === "string" ? log.detail : safeStringify(log.detail) })
-                    ]
-                  },
-                  i
-                );
-              }),
+              !loading && filteredLogs.map((log, i) => /* @__PURE__ */ jsx52(
+                ConsoleLine,
+                {
+                  log,
+                  index: i,
+                  expanded: expandedLines.has(i),
+                  query,
+                  onToggleExpand: toggleLineExpand
+                },
+                i
+              )),
               /* @__PURE__ */ jsx52("div", { ref: logEndRef })
             ]
           }
@@ -11818,6 +11803,42 @@ function ExecutionConsole({
     }
   );
 }
+var ConsoleLine = memo(function ConsoleLine2({
+  log,
+  index,
+  expanded,
+  query,
+  onToggleExpand
+}) {
+  const canExpand = log.detail !== void 0 && log.detail !== null;
+  return /* @__PURE__ */ jsxs52(
+    "div",
+    {
+      className: cn("ods-console__line", `ods-console__line--${log.level}`),
+      "data-testid": "console-log-line",
+      children: [
+        /* @__PURE__ */ jsxs52("div", { className: "ods-console__line-row", children: [
+          canExpand ? /* @__PURE__ */ jsx52(
+            "button",
+            {
+              type: "button",
+              className: "ods-console__line-toggle",
+              onClick: () => onToggleExpand(index),
+              "aria-label": expanded ? "Collapse log detail" : "Expand log detail",
+              "aria-expanded": expanded,
+              children: /* @__PURE__ */ jsx52(ChevronIcon2, { open: expanded })
+            }
+          ) : /* @__PURE__ */ jsx52("span", { className: "ods-console__line-toggle ods-console__line-toggle--placeholder" }),
+          /* @__PURE__ */ jsx52("span", { className: "ods-console__timestamp", children: log.timestamp }),
+          /* @__PURE__ */ jsx52("span", { className: cn("ods-console__level", `ods-console__level--${log.level}`), children: log.level.toUpperCase() }),
+          log.nodeLabel && /* @__PURE__ */ jsx52("span", { className: "ods-console__node-tag", title: log.nodeId, children: log.nodeLabel }),
+          /* @__PURE__ */ jsx52("span", { className: "ods-console__message", children: q(query, log.message) })
+        ] }),
+        canExpand && expanded && /* @__PURE__ */ jsx52("pre", { className: "ods-console__detail", children: typeof log.detail === "string" ? log.detail : safeStringify(log.detail) })
+      ]
+    }
+  );
+});
 function q(query, text) {
   const trimmed = query.trim();
   if (!trimmed) return text;
@@ -11958,7 +11979,7 @@ import {
 } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef43,
-  useCallback as useCallback17,
+  useCallback as useCallback18,
   useEffect as useEffect22,
   useId as useId22,
   useImperativeHandle as useImperativeHandle5,
@@ -12094,7 +12115,7 @@ var FileDropzone = forwardRef43(
     const [isOver, setOver] = useState27(false);
     const [error, setError] = useState27(null);
     const [autoPreviews, setAutoPreviews] = useState27({});
-    const validate = useCallback17(
+    const validate = useCallback18(
       (list) => {
         if (maxFiles && list.length > maxFiles) {
           return { ok: [], error: `Too many files \u2014 max ${maxFiles}` };
@@ -12123,7 +12144,7 @@ var FileDropzone = forwardRef43(
       },
       [accept, maxFiles, maxSize]
     );
-    const handleFiles = useCallback17(
+    const handleFiles = useCallback18(
       (incoming) => {
         if (disabled) return;
         const { ok, error: error2 } = validate(incoming);
@@ -12414,7 +12435,7 @@ import {
   SearchIcon as SearchIcon9
 } from "@octaviaflow/icons";
 import {
-  useCallback as useCallback22,
+  useCallback as useCallback23,
   useEffect as useEffect26,
   useMemo as useMemo19,
   useRef as useRef23,
@@ -12463,7 +12484,7 @@ import {
   XmlIcon
 } from "@octaviaflow/icons";
 import {
-  useCallback as useCallback18,
+  useCallback as useCallback19,
   useMemo as useMemo14,
   useState as useState28
 } from "react";
@@ -12700,7 +12721,7 @@ function FileList({
 }) {
   const [viewState, setViewState] = useState28(defaultView);
   const view = viewProp ?? viewState;
-  const setView = useCallback18(
+  const setView = useCallback19(
     (v) => {
       if (viewProp === void 0) setViewState(v);
       onViewChange?.(v);
@@ -12711,7 +12732,7 @@ function FileList({
   const [sortDirState, setSortDirState] = useState28(defaultSortDir);
   const sortKey = sortKeyProp ?? sortKeyState;
   const sortDir = sortDirProp ?? sortDirState;
-  const applySort = useCallback18(
+  const applySort = useCallback19(
     (key) => {
       const nextDir = key === sortKey ? sortDir === "asc" ? "desc" : "asc" : "asc";
       if (sortKeyProp === void 0) setSortKeyState(key);
@@ -12725,14 +12746,14 @@ function FileList({
   );
   const selectedPaths = selectedProp ?? selectedState;
   const selectedSet = useMemo14(() => new Set(selectedPaths), [selectedPaths]);
-  const commitSelection = useCallback18(
+  const commitSelection = useCallback19(
     (paths) => {
       if (selectedProp === void 0) setSelectedState(paths);
       onSelectionChange?.(paths);
     },
     [selectedProp, onSelectionChange]
   );
-  const isSelectable = useCallback18(
+  const isSelectable = useCallback19(
     (it) => !it.disabled && (it.isDirectory ? selectableFolders : selectableFiles),
     [selectableFiles, selectableFolders]
   );
@@ -12758,7 +12779,7 @@ function FileList({
   const selectableItems = useMemo14(() => sorted.filter(isSelectable), [sorted, isSelectable]);
   const allSelected = selectableItems.length > 0 && selectableItems.every((it) => selectedSet.has(it.path));
   const someSelected = selectableItems.some((it) => selectedSet.has(it.path));
-  const toggleRow = useCallback18(
+  const toggleRow = useCallback19(
     (it) => {
       if (!isSelectable(it)) return;
       if (multiSelect) {
@@ -12773,11 +12794,11 @@ function FileList({
     },
     [isSelectable, multiSelect, selectedPaths, commitSelection, onSelect]
   );
-  const toggleAll = useCallback18(() => {
+  const toggleAll = useCallback19(() => {
     if (allSelected) commitSelection([]);
     else commitSelection(selectableItems.map((it) => it.path));
   }, [allSelected, commitSelection, selectableItems]);
-  const activate = useCallback18(
+  const activate = useCallback19(
     (it) => {
       if (it.disabled) return;
       onOpen?.(it);
@@ -12983,7 +13004,7 @@ import {
 import { XMLValidator } from "fast-xml-parser";
 import {
   forwardRef as forwardRef45,
-  useCallback as useCallback19,
+  useCallback as useCallback20,
   useEffect as useEffect23,
   useId as useId23,
   useMemo as useMemo15,
@@ -13185,7 +13206,7 @@ function XmlNodeRow({
   const [open, setOpen] = useState29(depth < defaultExpandDepth);
   const [copied, setCopied] = useState29(false);
   const pad2 = depth * 14;
-  const onCopy = useCallback19(
+  const onCopy = useCallback20(
     (e) => {
       e.stopPropagation();
       const text = serializeNode(node);
@@ -13369,7 +13390,7 @@ import {
 } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef46,
-  useCallback as useCallback20,
+  useCallback as useCallback21,
   useEffect as useEffect24,
   useId as useId24,
   useMemo as useMemo16,
@@ -13537,7 +13558,7 @@ var YamlViewer = forwardRef46(
       });
       return s;
     });
-    const toggle = useCallback20((idx) => {
+    const toggle = useCallback21((idx) => {
       setCollapsed((prev) => {
         const next = new Set(prev);
         if (next.has(idx)) next.delete(idx);
@@ -13561,7 +13582,7 @@ var YamlViewer = forwardRef46(
       return hide;
     }, [tokens, collapsed]);
     const [copied, setCopied] = useState30(false);
-    const onCopy = useCallback20(() => {
+    const onCopy = useCallback21(() => {
       if (!navigator?.clipboard?.writeText) return;
       navigator.clipboard.writeText(text).then(
         () => {
@@ -13956,7 +13977,7 @@ import { ChevronRightIcon as ChevronRightIcon5 } from "@octaviaflow/icons";
 import { motion as motion14, useReducedMotion as useReducedMotion7 } from "framer-motion";
 import {
   forwardRef as forwardRef47,
-  useCallback as useCallback21,
+  useCallback as useCallback22,
   useEffect as useEffect25,
   useId as useId25,
   useMemo as useMemo18,
@@ -14002,7 +14023,7 @@ var TreeView = forwardRef47(
     const expandedSet = isExpandedControlled ? controlledExpanded : internalExpanded;
     const [loaded, setLoaded] = useState31({});
     const [loading, setLoading] = useState31(/* @__PURE__ */ new Set());
-    const resolveChildren = useCallback21(
+    const resolveChildren = useCallback22(
       (node) => node.children ?? loaded[node.id],
       [loaded]
     );
@@ -14018,14 +14039,14 @@ var TreeView = forwardRef47(
       () => buildVisibleList(resolvedNodes, expandedSet),
       [resolvedNodes, expandedSet]
     );
-    const setExpanded = useCallback21(
+    const setExpanded = useCallback22(
       (next) => {
         if (!isExpandedControlled) setInternalExpanded(new Set(next));
         onExpandedChange?.(new Set(next));
       },
       [isExpandedControlled, onExpandedChange]
     );
-    const toggleExpand = useCallback21(
+    const toggleExpand = useCallback22(
       async (node) => {
         const next = new Set(expandedSet);
         const isOpen = next.has(node.id);
@@ -14054,7 +14075,7 @@ var TreeView = forwardRef47(
       },
       [expandedSet, setExpanded, onLoadChildren, loaded, loading]
     );
-    const handleSelect = useCallback21(
+    const handleSelect = useCallback22(
       (node) => {
         if (node.disabled || disabled) return;
         if (!isSelectedControlled) setInternalSelected(node.id);
@@ -14295,7 +14316,7 @@ function FileBrowser({
   const [query, setQuery] = useState32("");
   const [preview, setPreview] = useState32(null);
   const previewEnabled = (showPreview ?? Boolean(getPreview)) && Boolean(getPreview);
-  const loadFolder = useCallback22(
+  const loadFolder = useCallback23(
     async (folder) => {
       const cached = cacheRef.current[folder];
       if (cached?.status === "loaded" && cached.items) return cached.items;
@@ -14316,7 +14337,7 @@ function FileBrowser({
   useEffect26(() => {
     void loadFolder(currentPath);
   }, [currentPath, loadFolder]);
-  const navigate = useCallback22(
+  const navigate = useCallback23(
     (next) => {
       if (pathProp === void 0) setPathState(next);
       setExpanded((prev) => {
@@ -14328,7 +14349,7 @@ function FileBrowser({
     },
     [pathProp, onNavigate, rootPath, separator]
   );
-  const refresh = useCallback22(() => {
+  const refresh = useCallback23(() => {
     setCache((prev) => {
       const next = { ...prev };
       delete next[currentPath];
@@ -14337,18 +14358,18 @@ function FileBrowser({
     setTreeVersion((v) => v + 1);
     void loadFolder(currentPath);
   }, [currentPath, loadFolder]);
-  const resolveItems = useCallback22(
+  const resolveItems = useCallback23(
     (paths) => paths.map((p) => seenRef.current.get(p)).filter(Boolean),
     []
   );
-  const commitSelection = useCallback22(
+  const commitSelection = useCallback23(
     (paths) => {
       if (selectedProp === void 0) setSelectedState(paths);
       onSelectionChange?.(paths, resolveItems(paths));
     },
     [selectedProp, onSelectionChange, resolveItems]
   );
-  const loadPreview = useCallback22(
+  const loadPreview = useCallback23(
     async (item) => {
       if (!getPreview) return;
       setPreview({ path: item.path, name: item.name, loading: true });
@@ -14366,13 +14387,13 @@ function FileBrowser({
     },
     [getPreview]
   );
-  const handleSelect = useCallback22(
+  const handleSelect = useCallback23(
     (item) => {
       if (!item.isDirectory && previewEnabled) void loadPreview(item);
     },
     [previewEnabled, loadPreview]
   );
-  const handleOpen = useCallback22(
+  const handleOpen = useCallback23(
     (item) => {
       if (item.isDirectory) navigate(item.path);
       else onFileOpen?.(item);
@@ -14386,7 +14407,7 @@ function FileBrowser({
     if (!q2) return rawItems;
     return rawItems.filter((it) => it.name.toLowerCase().includes(q2));
   }, [rawItems, query]);
-  const folderToTreeNode = useCallback22(
+  const folderToTreeNode = useCallback23(
     (it) => ({
       id: it.path,
       label: it.name,
@@ -14396,7 +14417,7 @@ function FileBrowser({
     }),
     []
   );
-  const loadTreeChildren = useCallback22(
+  const loadTreeChildren = useCallback23(
     async (node) => {
       const children = await loadFolder(String(node.id));
       return children.filter((c) => c.isDirectory).map(folderToTreeNode);
@@ -14575,7 +14596,7 @@ import {
   XmlIcon as XmlIcon3
 } from "@octaviaflow/icons";
 import {
-  useCallback as useCallback23,
+  useCallback as useCallback24,
   useEffect as useEffect27,
   useId as useId26,
   useMemo as useMemo20,
@@ -14646,6 +14667,7 @@ function FilePicker({
   searchLimit = 200,
   closeOnEsc = true,
   emptyTitle = "This folder is empty",
+  pathLabels,
   name,
   form,
   id,
@@ -14660,6 +14682,8 @@ function FilePicker({
   const value = valueProp ?? valueState;
   const [open, setOpen] = useState33(false);
   const [navPath, setNavPath] = useState33(rootPath);
+  const [trail, setTrail] = useState33([]);
+  const [nameByPath, setNameByPath] = useState33({});
   const [cache, setCache] = useState33({});
   const cacheRef = useRef24(cache);
   cacheRef.current = cache;
@@ -14673,7 +14697,7 @@ function FilePicker({
   const popoverPos = useAnchoredPopover(triggerRef, open, { popoverRef });
   const canSelectFiles = selectMode !== "folder";
   const canSelectFolders = selectMode !== "file";
-  const loadFolder = useCallback23(
+  const loadFolder = useCallback24(
     async (folder) => {
       const cached = cacheRef.current[folder];
       if (cached?.status === "loaded" && cached.items) return cached.items;
@@ -14681,6 +14705,11 @@ function FilePicker({
       try {
         const items2 = await loadChildren(folder);
         setCache((prev) => ({ ...prev, [folder]: { status: "loaded", items: items2 } }));
+        setNameByPath((prev) => {
+          const next = { ...prev };
+          for (const it of items2) next[it.path] = it.name;
+          return next;
+        });
         return items2;
       } catch (e) {
         const err = e?.message || "Failed to load folder.";
@@ -14690,19 +14719,20 @@ function FilePicker({
     },
     [loadChildren]
   );
-  const openAt = useCallback23(() => {
+  const openAt = useCallback24(() => {
     const start = initialPath ?? (value ? parentOf(value, rootPath, separator) ?? rootPath : rootPath);
     setNavPath(start);
+    setTrail([]);
     setQuery("");
     setActiveIndex(-1);
     setOpen(true);
     void loadFolder(start);
   }, [initialPath, value, rootPath, separator, loadFolder]);
-  const close = useCallback23(() => {
+  const close = useCallback24(() => {
     setOpen(false);
     triggerRef.current?.focus();
   }, []);
-  const navigate = useCallback23(
+  const navigate = useCallback24(
     (folder) => {
       setNavPath(folder);
       setQuery("");
@@ -14712,7 +14742,7 @@ function FilePicker({
     },
     [loadFolder]
   );
-  const walkSearch = useCallback23(
+  const walkSearch = useCallback24(
     async (root, needle) => {
       const q2 = needle.toLowerCase();
       const out = [];
@@ -14764,7 +14794,7 @@ function FilePicker({
     }, 220);
     return () => clearTimeout(timer);
   }, [query, searchable, open, navPath, selectMode, onSearch, walkSearch]);
-  const commit = useCallback23(
+  const commit = useCallback24(
     (path, item) => {
       if (valueProp === void 0) setValueState(path);
       onChange?.(path, item);
@@ -14773,16 +14803,17 @@ function FilePicker({
     },
     [valueProp, onChange]
   );
-  const handleRowActivate = useCallback23(
+  const handleRowActivate = useCallback24(
     (item) => {
       if (item.disabled) return;
       if (item.isDirectory) {
+        setTrail((t) => navPath === rootPath ? t : [...t, navPath]);
         navigate(item.path);
       } else if (canSelectFiles) {
         commit(item.path, item);
       }
     },
-    [navigate, canSelectFiles, commit]
+    [navigate, canSelectFiles, commit, navPath, rootPath]
   );
   useEffect27(() => {
     if (!open) return;
@@ -14815,11 +14846,30 @@ function FilePicker({
     if (isSearching) return search?.results ?? [];
     return [...rawItems].sort(folderFirstThenName);
   }, [isSearching, search, rawItems]);
+  const displayName = useCallback24(
+    (p) => p === rootPath ? rootLabel : nameByPath[p] ?? pathLabels?.[p] ?? baseName(p, separator),
+    [rootPath, rootLabel, nameByPath, pathLabels, separator]
+  );
   const crumbs = useMemo20(() => {
-    const chain = ancestorsOf(navPath, rootPath, separator);
-    return chain.map((p, i) => ({ path: p, label: i === 0 ? rootLabel : baseName(p, separator) }));
-  }, [navPath, rootPath, rootLabel, separator]);
-  const parent = parentOf(navPath, rootPath, separator);
+    if (navPath === rootPath) return [{ path: rootPath, label: rootLabel }];
+    const derived = ancestorsOf(navPath, rootPath, separator);
+    const derivedValid = derived[derived.length - 1] === navPath;
+    const chain = derivedValid && (derived.length > 2 || trail.length === 0) ? derived : [rootPath, ...trail.filter((p) => p !== rootPath), navPath];
+    return chain.map((p, i) => ({ path: p, label: i === 0 ? rootLabel : displayName(p) }));
+  }, [navPath, rootPath, rootLabel, separator, trail, displayName]);
+  const parent = trail.length ? trail[trail.length - 1] : parentOf(navPath, rootPath, separator);
+  const goUp = useCallback24(() => {
+    if (!parent) return;
+    setTrail((t) => t.length ? t.slice(0, -1) : t);
+    navigate(parent);
+  }, [parent, navigate]);
+  const goToCrumb = useCallback24(
+    (path, index) => {
+      setTrail(crumbs.slice(1, index).map((c) => c.path));
+      navigate(path);
+    },
+    [crumbs, navigate]
+  );
   const onPopoverKeyDown = (e) => {
     const inSearch = e.target?.tagName === "INPUT";
     if (e.key === "ArrowDown") {
@@ -14929,7 +14979,7 @@ function FilePicker({
                       className: "ods-file-picker__up",
                       "aria-label": "Up one folder",
                       disabled: !parent,
-                      onClick: () => parent && navigate(parent),
+                      onClick: goUp,
                       children: /* @__PURE__ */ jsx62(FolderParentIcon2, { size: "sm" })
                     }
                   ),
@@ -14946,7 +14996,7 @@ function FilePicker({
                           ),
                           "aria-current": isLast ? "page" : void 0,
                           disabled: isLast,
-                          onClick: () => !isLast && navigate(c.path),
+                          onClick: () => !isLast && goToCrumb(c.path, i),
                           children: c.label
                         }
                       ),
@@ -14998,7 +15048,7 @@ function FilePicker({
                       {
                         icon: /* @__PURE__ */ jsx62(FolderIcon3, {}),
                         title: isSearching ? "No matches" : emptyTitle,
-                        description: isSearching ? `Nothing under \u201C${baseName(navPath, separator) || rootLabel}\u201D matches \u201C${query.trim()}\u201D.` : void 0
+                        description: isSearching ? `Nothing under \u201C${displayName(navPath) || rootLabel}\u201D matches \u201C${query.trim()}\u201D.` : void 0
                       }
                     ) }) : items.map((it, i) => {
                       const active = i === activeIndex;
@@ -15043,14 +15093,14 @@ function FilePicker({
                 showFooter && /* @__PURE__ */ jsxs61("div", { className: "ods-file-picker__footer", children: [
                   /* @__PURE__ */ jsxs61("span", { className: "ods-file-picker__footer-path", title: navPath, children: [
                     /* @__PURE__ */ jsx62("span", { className: "ods-file-picker__footer-label", children: "Selected" }),
-                    navPath
+                    displayName(navPath)
                   ] }),
                   /* @__PURE__ */ jsxs61(
                     "button",
                     {
                       type: "button",
                       className: "ods-file-picker__use",
-                      onClick: () => commit(navPath, { name: baseName(navPath, separator), path: navPath, isDirectory: true }),
+                      onClick: () => commit(navPath, { name: displayName(navPath), path: navPath, isDirectory: true }),
                       children: [
                         "Use this folder",
                         /* @__PURE__ */ jsx62(ChevronRightIcon6, { size: "sm", "aria-hidden": "true" })
@@ -15072,7 +15122,7 @@ FilePicker.displayName = "FilePicker";
 
 // src/components/FlowCanvas/FlowCanvas.tsx
 import { AnimatePresence as AnimatePresence10 } from "framer-motion";
-import { useCallback as useCallback25, useRef as useRef26 } from "react";
+import { useCallback as useCallback26, useRef as useRef26 } from "react";
 
 // src/components/FlowEdge/FlowEdge.tsx
 import { useId as useId27, useState as useState34 } from "react";
@@ -15259,7 +15309,7 @@ function FlowEdge({
 import { motion as motion15 } from "framer-motion";
 import {
   forwardRef as forwardRef48,
-  useCallback as useCallback24,
+  useCallback as useCallback25,
   useEffect as useEffect28,
   useRef as useRef25,
   useState as useState35
@@ -15327,7 +15377,7 @@ var FlowNode = forwardRef48(function FlowNode2({
   const [wasDragged, setWasDragged] = useState35(false);
   const dragStartRef = useRef25(null);
   const zoom = viewport?.zoom ?? 1;
-  const handleClick = useCallback24(
+  const handleClick = useCallback25(
     (e) => {
       e.stopPropagation();
       if (wasDragged) {
@@ -15338,7 +15388,7 @@ var FlowNode = forwardRef48(function FlowNode2({
     },
     [node.id, onSelect, wasDragged]
   );
-  const handleDelete = useCallback24(
+  const handleDelete = useCallback25(
     (e) => {
       e.stopPropagation();
       if (isLockMode) return;
@@ -15346,7 +15396,7 @@ var FlowNode = forwardRef48(function FlowNode2({
     },
     [node.id, onDelete, isLockMode]
   );
-  const handleMouseDown = useCallback24(
+  const handleMouseDown = useCallback25(
     (e) => {
       if (isLockMode) return;
       const target = e.target;
@@ -15359,7 +15409,7 @@ var FlowNode = forwardRef48(function FlowNode2({
     },
     [isLockMode]
   );
-  const handleTouchStart = useCallback24(
+  const handleTouchStart = useCallback25(
     (e) => {
       if (isLockMode) return;
       if (e.touches.length !== 1) return;
@@ -15421,7 +15471,7 @@ var FlowNode = forwardRef48(function FlowNode2({
       document.removeEventListener("touchcancel", onTouchEnd);
     };
   }, [isDragging, zoom, node.id, node.position.x, node.position.y, onPositionChange]);
-  const handlePortMouseDown = useCallback24(
+  const handlePortMouseDown = useCallback25(
     (e, portId, portType) => {
       e.stopPropagation();
       if (isLockMode) return;
@@ -15431,7 +15481,7 @@ var FlowNode = forwardRef48(function FlowNode2({
     },
     [connectingFrom, isLockMode, node.id, onStartConnecting]
   );
-  const handlePortMouseUp = useCallback24(
+  const handlePortMouseUp = useCallback25(
     (e, portId, portType) => {
       e.stopPropagation();
       if (isLockMode) return;
@@ -15440,7 +15490,7 @@ var FlowNode = forwardRef48(function FlowNode2({
     },
     [connectingFrom, isLockMode, node.id, onEndConnecting]
   );
-  const isPortEdgeSelected = useCallback24(
+  const isPortEdgeSelected = useCallback25(
     (portId, portType) => edges.some(
       (edge) => edge.selected && (portType === "input" ? edge.target === node.id && edge.targetPort === portId : edge.source === node.id && edge.sourcePort === portId)
     ),
@@ -15675,7 +15725,7 @@ function FlowCanvas2({
 }) {
   const canvasRef = useRef26(null);
   const isEmpty = nodes.length === 0 && edges.length === 0;
-  const handleCanvasClick = useCallback25(
+  const handleCanvasClick = useCallback26(
     (e) => {
       const target = e.target;
       if (target === canvasRef.current) {
@@ -15927,7 +15977,7 @@ function FlowDoctor({
 
 // src/components/FlowMinimap/FlowMinimap.tsx
 import {
-  useCallback as useCallback26,
+  useCallback as useCallback27,
   useContext,
   useEffect as useEffect29,
   useMemo as useMemo21,
@@ -16071,7 +16121,7 @@ function FlowMinimap(props) {
       h: maxY - minY + bounds_padding * 2
     };
   }, [totalWidthProp, totalHeightProp, contentBounds, bounds_padding]);
-  const clampWorldTopLeft = useCallback26(
+  const clampWorldTopLeft = useCallback27(
     (worldX, worldY, vw, vh) => {
       if (!contentBounds) return { x: worldX, y: worldY };
       const minTLX = viewBox.x;
@@ -16084,7 +16134,7 @@ function FlowMinimap(props) {
     },
     [contentBounds, viewBox.x, viewBox.y, viewBox.w, viewBox.h]
   );
-  const reportViewportChange = useCallback26(
+  const reportViewportChange = useCallback27(
     (worldX, worldY) => {
       if (effectiveViewportRect) {
         const clamped = clampWorldTopLeft(
@@ -16120,7 +16170,7 @@ function FlowMinimap(props) {
     [onViewportChange, viewportProp?.zoom, instance, liveSnapshot, effectiveViewportRect, clampWorldTopLeft]
   );
   const svgRef = useRef27(null);
-  const pointToWorld = useCallback26(
+  const pointToWorld = useCallback27(
     (clientX, clientY) => {
       const svg = svgRef.current;
       if (!svg) return null;
@@ -16147,7 +16197,7 @@ function FlowMinimap(props) {
   });
   const suppressNextClickRef = useRef27(false);
   const [isDragging, setIsDragging] = useState36(false);
-  const onViewportPointerDown = useCallback26(
+  const onViewportPointerDown = useCallback27(
     (e) => {
       if (!effectiveViewportRect) return;
       e.stopPropagation();
@@ -16169,7 +16219,7 @@ function FlowMinimap(props) {
     },
     [effectiveViewportRect, pointToWorld]
   );
-  const onSvgPointerMove = useCallback26(
+  const onSvgPointerMove = useCallback27(
     (e) => {
       const d = dragRef.current;
       if (!d.dragging || d.pointerId !== e.pointerId) return;
@@ -16185,7 +16235,7 @@ function FlowMinimap(props) {
     },
     [pointToWorld, reportViewportChange]
   );
-  const onSvgPointerUp = useCallback26((e) => {
+  const onSvgPointerUp = useCallback27((e) => {
     const d = dragRef.current;
     if (d.dragging && d.pointerId === e.pointerId) {
       d.dragging = false;
@@ -16194,7 +16244,7 @@ function FlowMinimap(props) {
       e.currentTarget.releasePointerCapture?.(e.pointerId);
     }
   }, []);
-  const handleSvgClick = useCallback26(
+  const handleSvgClick = useCallback27(
     (e) => {
       if (suppressNextClickRef.current) {
         suppressNextClickRef.current = false;
@@ -16212,7 +16262,7 @@ function FlowMinimap(props) {
     },
     [pointToWorld, effectiveViewportRect, reportViewportChange]
   );
-  const handleWheel = useCallback26(
+  const handleWheel = useCallback27(
     (e) => {
       if (!zoomOnScroll) return;
       if (!instance || !liveSnapshot) return;
@@ -16566,7 +16616,7 @@ import {
 import { useEffect as useEffect32, useRef as useRef29, useState as useState39 } from "react";
 
 // src/components/HoverCard/HoverCard.tsx
-import { useCallback as useCallback27, useEffect as useEffect31, useLayoutEffect as useLayoutEffect7, useRef as useRef28, useState as useState38 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect31, useLayoutEffect as useLayoutEffect7, useRef as useRef28, useState as useState38 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 import { Fragment as Fragment27, jsx as jsx70, jsxs as jsxs69 } from "react/jsx-runtime";
 function computePosition2(rect, panelRect, placement, offset) {
@@ -16617,7 +16667,7 @@ function HoverCard({
     clearTimers();
     closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
   };
-  const reposition = useCallback27(() => {
+  const reposition = useCallback28(() => {
     if (!triggerRef.current || !panelRef.current) return;
     const trigRect = triggerRef.current.getBoundingClientRect();
     const panelRect = panelRef.current.getBoundingClientRect();
@@ -17161,7 +17211,7 @@ import { useEffect as useEffect34, useState as useState41 } from "react";
 // src/components/OTPInput/OTPInput.tsx
 import {
   forwardRef as forwardRef49,
-  useCallback as useCallback28,
+  useCallback as useCallback29,
   useId as useId28,
   useImperativeHandle as useImperativeHandle6,
   useRef as useRef30
@@ -17207,7 +17257,7 @@ var OTPInput = forwardRef49(function OTPInput2({
     }),
     [value, length, onChange]
   );
-  const setCharAt = useCallback28(
+  const setCharAt = useCallback29(
     (idx, ch) => {
       const cleaned = ch.replace(pattern, "").slice(0, 1);
       const chars = value.split("");
@@ -17293,7 +17343,7 @@ OTPInput.displayName = "OTPInput";
 // src/components/PhoneInput/PhoneInput.tsx
 import {
   forwardRef as forwardRef50,
-  useCallback as useCallback29,
+  useCallback as useCallback30,
   useEffect as useEffect33,
   useId as useId29,
   useRef as useRef31,
@@ -17386,7 +17436,7 @@ var PhoneInput = forwardRef50(
     useEffect33(() => {
       setActiveIdx(0);
     }, [query]);
-    const handleTriggerKey = useCallback29(
+    const handleTriggerKey = useCallback30(
       (e) => {
         if (disabled) return;
         if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
@@ -17396,7 +17446,7 @@ var PhoneInput = forwardRef50(
       },
       [disabled]
     );
-    const handleNavKey = useCallback29(
+    const handleNavKey = useCallback30(
       (e) => {
         if (e.key === "ArrowDown") {
           e.preventDefault();
@@ -19609,7 +19659,7 @@ var Grid2 = Object.assign(GridBase, { Item: GridItem });
 import { AnimatePresence as AnimatePresence11, motion as motion17 } from "framer-motion";
 import {
   forwardRef as forwardRef55,
-  useCallback as useCallback30,
+  useCallback as useCallback31,
   useId as useId33,
   useMemo as useMemo23,
   useState as useState45
@@ -19686,14 +19736,14 @@ var Heatmap = forwardRef55(
       [domainMax, data]
     );
     const [hovered, setHovered] = useState45(null);
-    const fire = useCallback30(
+    const fire = useCallback31(
       (cell) => {
         setHovered(cell);
         onCellHover?.(cell);
       },
       [onCellHover]
     );
-    const handleKey = useCallback30(
+    const handleKey = useCallback31(
       (e, cell) => {
         if (!onCellClick) return;
         if (e.key === "Enter" || e.key === " ") {
@@ -20373,7 +20423,7 @@ KbdGroup.displayName = "KbdGroup";
 import { AnimatePresence as AnimatePresence12, motion as motion18 } from "framer-motion";
 import {
   forwardRef as forwardRef60,
-  useCallback as useCallback31,
+  useCallback as useCallback32,
   useEffect as useEffect37,
   useId as useId37,
   useMemo as useMemo24,
@@ -20501,7 +20551,7 @@ var LineChart = forwardRef60(
     const [pointerPct, setPointerPct] = useState46(null);
     const plotRef = useRef32(null);
     const [brush, setBrush] = useState46(null);
-    const indexFromPct = useCallback31(
+    const indexFromPct = useCallback32(
       (pct) => {
         if (xCount === 0) return 0;
         return Math.max(
@@ -20511,7 +20561,7 @@ var LineChart = forwardRef60(
       },
       [xCount]
     );
-    const handlePlotMove = useCallback31(
+    const handlePlotMove = useCallback32(
       (e) => {
         if (xCount === 0) return;
         const rect = plotRef.current?.getBoundingClientRect();
@@ -20540,12 +20590,12 @@ var LineChart = forwardRef60(
         visibleRange.start
       ]
     );
-    const handlePlotLeave = useCallback31(() => {
+    const handlePlotLeave = useCallback32(() => {
       setHoveredIdx(null);
       setPointerPct(null);
       onPointHover?.(null, null, null);
     }, [onPointHover]);
-    const handlePlotDown = useCallback31(
+    const handlePlotDown = useCallback32(
       (e) => {
         if (!zoomable) return;
         const rect = plotRef.current?.getBoundingClientRect();
@@ -20579,12 +20629,12 @@ var LineChart = forwardRef60(
       window.addEventListener("mouseup", onUp);
       return () => window.removeEventListener("mouseup", onUp);
     }, [brush, indexFromPct, visibleRange.start, onZoomChange]);
-    const handleDoubleClick = useCallback31(() => {
+    const handleDoubleClick = useCallback32(() => {
       if (!zoomable || !zoom) return;
       setZoom(null);
       onZoomChange?.(null);
     }, [zoomable, zoom, onZoomChange]);
-    const handlePlotClick = useCallback31(() => {
+    const handlePlotClick = useCallback32(() => {
       if (hoveredIdx === null || !onPointClick) return;
       const s = lines[0];
       const p = s?.data[hoveredIdx];
@@ -20604,11 +20654,11 @@ var LineChart = forwardRef60(
     const showX = showAxis === "x" || showAxis === "both";
     const isMulti = (series?.length ?? 0) > 0;
     const tooltipPoint = hoveredIdx !== null ? lines[0]?.data[hoveredIdx] : void 0;
-    const dataXPct = useCallback31(
+    const dataXPct = useCallback32(
       (i) => (PAD + i * stepX) / W * 100,
       [stepX]
     );
-    const dataYPct = useCallback31(
+    const dataYPct = useCallback32(
       (v) => (PAD + (1 - (v - lo) / (hi - lo)) * (H - PAD * 2)) / H * 100,
       [lo, hi]
     );
@@ -20993,7 +21043,7 @@ LinkButton.displayName = "LinkButton";
 // src/components/MessageBlockBuilder/MessageBlockBuilder.tsx
 import { AddIcon as AddIcon5, CodeIcon as CodeIcon4, CopyIcon as CopyIcon5, DataConnectedIcon, TrashCanIcon as TrashCanIcon2 } from "@octaviaflow/icons";
 import {
-  useCallback as useCallback33,
+  useCallback as useCallback34,
   useEffect as useEffect41,
   useMemo as useMemo26,
   useRef as useRef35,
@@ -21003,7 +21053,7 @@ import {
 // src/components/Sortable/Sortable.tsx
 import {
   forwardRef as forwardRef62,
-  useCallback as useCallback32,
+  useCallback as useCallback33,
   useEffect as useEffect38,
   useRef as useRef33,
   useState as useState47
@@ -21030,7 +21080,7 @@ function Sortable({
   const [dropPos, setDropPos] = useState47(null);
   const [kbActiveId, setKbActiveId] = useState47(null);
   const isVertical = direction === "vertical";
-  const onDragStart = useCallback32(
+  const onDragStart = useCallback33(
     (id) => (e) => {
       if (disabled) return;
       e.dataTransfer.effectAllowed = "move";
@@ -21041,7 +21091,7 @@ function Sortable({
     },
     [disabled, items]
   );
-  const cancelDrag = useCallback32(() => {
+  const cancelDrag = useCallback33(() => {
     setDraggingId(null);
     setDropPos(null);
     originalOrderRef.current = null;
@@ -21050,7 +21100,7 @@ function Sortable({
       scrollTimerRef.current = null;
     }
   }, []);
-  const onDragEnd = useCallback32(() => {
+  const onDragEnd = useCallback33(() => {
     cancelDrag();
   }, [cancelDrag]);
   const onItemDragOver = (id) => (e) => {
@@ -21075,7 +21125,7 @@ function Sortable({
     if (sourceId === target.id) return;
     commitMove(sourceId, target.id, target.edge);
   };
-  const commitMove = useCallback32(
+  const commitMove = useCallback33(
     (sourceId, targetId, edge) => {
       const from = items.findIndex((i) => i.id === sourceId);
       let to = items.findIndex((i) => i.id === targetId);
@@ -24464,7 +24514,7 @@ function MessageBlockBuilder({
       };
     }
   }, [draft.mode, draft.jsonText]);
-  const commit = useCallback33(
+  const commit = useCallback34(
     (next) => {
       setDraft(next);
       if (onChange) {
@@ -25503,7 +25553,7 @@ MetricCard.displayName = "MetricCard";
 import { AnimatePresence as AnimatePresence13, motion as motion20 } from "framer-motion";
 import {
   forwardRef as forwardRef65,
-  useCallback as useCallback34,
+  useCallback as useCallback35,
   useEffect as useEffect42,
   useId as useId40,
   useLayoutEffect as useLayoutEffect8,
@@ -25572,7 +25622,7 @@ var MultiSelect = forwardRef65(
     const searchRef = useRef36(null);
     const dropdownRef = useRef36(null);
     const chipRefs = useRef36([]);
-    const commit = useCallback34(
+    const commit = useCallback35(
       (next) => {
         if (controlledValue === void 0) setInternalValue(next);
         onChange?.(next);
@@ -25594,7 +25644,7 @@ var MultiSelect = forwardRef65(
     const showSearch = searchable ?? options2.length > 6;
     const getLabel = (v) => options2.find((o) => o.value === v)?.label ?? v;
     const getIcon = (v) => options2.find((o) => o.value === v)?.icon;
-    const updatePosition = useCallback34(() => {
+    const updatePosition = useCallback35(() => {
       if (!wrapRef.current) return;
       const rect = wrapRef.current.getBoundingClientRect();
       setDropdownPos({
@@ -25668,7 +25718,7 @@ var MultiSelect = forwardRef65(
       ro.observe(row);
       return () => ro.disconnect();
     }, []);
-    const addValue = useCallback34(
+    const addValue = useCallback35(
       (val) => {
         if (maxTags && selectedValues.length >= maxTags) return;
         commit([...selectedValues, val]);
@@ -25678,13 +25728,13 @@ var MultiSelect = forwardRef65(
       },
       [selectedValues, maxTags, commit]
     );
-    const removeValue = useCallback34(
+    const removeValue = useCallback35(
       (val) => {
         commit(selectedValues.filter((v) => v !== val));
       },
       [selectedValues, commit]
     );
-    const toggleValue = useCallback34(
+    const toggleValue = useCallback35(
       (val) => {
         if (selectedSet.has(val)) {
           removeValue(val);
@@ -25694,11 +25744,11 @@ var MultiSelect = forwardRef65(
       },
       [selectedSet, addValue, removeValue]
     );
-    const clearAll = useCallback34(() => {
+    const clearAll = useCallback35(() => {
       commit([]);
       setQuery("");
     }, [commit]);
-    const handleSearchKey = useCallback34(
+    const handleSearchKey = useCallback35(
       (e) => {
         if (e.key === "Escape") {
           setOpen(false);
@@ -26114,7 +26164,7 @@ import {
 } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef66,
-  useCallback as useCallback35,
+  useCallback as useCallback36,
   useId as useId41,
   useMemo as useMemo29,
   useState as useState52
@@ -26201,7 +26251,7 @@ var Pagination = forwardRef66(
       totalPages,
       Math.max(1, isControlled ? controlledPage : internalPage)
     );
-    const goTo = useCallback35(
+    const goTo = useCallback36(
       (next) => {
         const clamped = Math.min(totalPages, Math.max(1, next));
         if (clamped === currentPage) return;
@@ -26993,7 +27043,7 @@ var PlanPicker = forwardRef69(
 PlanPicker.displayName = "PlanPicker";
 
 // src/components/Popover/Popover.tsx
-import { useCallback as useCallback36, useEffect as useEffect43, useLayoutEffect as useLayoutEffect9, useRef as useRef37, useState as useState53 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect43, useLayoutEffect as useLayoutEffect9, useRef as useRef37, useState as useState53 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
 import { Fragment as Fragment45, jsx as jsx104, jsxs as jsxs101 } from "react/jsx-runtime";
 function computePosition3(rect, popRect, placement, offset) {
@@ -27027,7 +27077,7 @@ function Popover({
 }) {
   const [openState, setOpenState] = useState53(defaultOpen);
   const open = openProp ?? openState;
-  const setOpen = useCallback36(
+  const setOpen = useCallback37(
     (v) => {
       if (openProp === void 0) setOpenState(v);
       onOpenChange?.(v);
@@ -27037,7 +27087,7 @@ function Popover({
   const triggerRef = useRef37(null);
   const popRef = useRef37(null);
   const [coords, setCoords] = useState53(null);
-  const reposition = useCallback36(() => {
+  const reposition = useCallback37(() => {
     if (!triggerRef.current || !popRef.current) return;
     const trigRect = triggerRef.current.getBoundingClientRect();
     const popRect = popRef.current.getBoundingClientRect();
@@ -27469,7 +27519,7 @@ ProgressRing.displayName = "ProgressRing";
 // src/components/PromptInput/PromptInput.tsx
 import {
   forwardRef as forwardRef73,
-  useCallback as useCallback37,
+  useCallback as useCallback38,
   useEffect as useEffect44,
   useId as useId45,
   useImperativeHandle as useImperativeHandle7,
@@ -27533,7 +27583,7 @@ var PromptInput = forwardRef73(
     const [suggestionIndex, setSuggestionIndex] = useState54(0);
     const [isDragOver, setIsDragOver] = useState54(false);
     const [historyIdx, setHistoryIdx] = useState54(null);
-    const setValue = useCallback37(
+    const setValue = useCallback38(
       (next) => {
         if (!isControlled) setInternal(next);
         onChange?.(next);
@@ -28586,7 +28636,7 @@ function BinaryButton({
 // src/components/Resizable/Resizable.tsx
 import {
   forwardRef as forwardRef80,
-  useCallback as useCallback38,
+  useCallback as useCallback39,
   useEffect as useEffect45,
   useLayoutEffect as useLayoutEffect10,
   useRef as useRef41,
@@ -28670,7 +28720,7 @@ var Resizable = forwardRef80(
       ro.observe(el);
       return () => ro.disconnect();
     }, [direction, minSecond]);
-    const persist = useCallback38(
+    const persist = useCallback39(
       (next) => {
         onSplitChange?.(next);
         if (storageKey && typeof window !== "undefined" && total > 0) {
@@ -29147,7 +29197,7 @@ function Show({ above, below, children, ...rest }) {
 Show.displayName = "Show";
 
 // src/components/Sidebar/Sidebar.tsx
-import { useCallback as useCallback39, useEffect as useEffect47, useRef as useRef42, useState as useState57 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect47, useRef as useRef42, useState as useState57 } from "react";
 import { Fragment as Fragment50, jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
 function Sidebar({
   variant = "expanded",
@@ -29179,7 +29229,7 @@ function Sidebar({
     }
   }, []);
   const pinned = pinnedProp ?? internalPinned;
-  const setPinned = useCallback39(
+  const setPinned = useCallback40(
     (p) => {
       if (pinnedProp === void 0) setInternalPinned(p);
       try {
@@ -30281,7 +30331,7 @@ VStack.displayName = "VStack";
 import { AnimatePresence as AnimatePresence16, motion as motion24, useReducedMotion as useReducedMotion9 } from "framer-motion";
 import {
   forwardRef as forwardRef85,
-  useCallback as useCallback40,
+  useCallback as useCallback41,
   useEffect as useEffect50,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo31,
@@ -30315,7 +30365,7 @@ var Spotlight = forwardRef85(
       () => `ods-spotlight-${Math.random().toString(36).slice(2, 9)}`,
       []
     );
-    const measure = useCallback40(() => {
+    const measure = useCallback41(() => {
       if (!open) return;
       const el = target.current;
       if (!el) return;
@@ -30486,7 +30536,7 @@ Stat.displayName = "Stat";
 import { motion as motion25 } from "framer-motion";
 import {
   forwardRef as forwardRef87,
-  useCallback as useCallback41,
+  useCallback as useCallback42,
   useId as useId50,
   useMemo as useMemo32,
   useState as useState61
@@ -30531,7 +30581,7 @@ var StatusTiles = forwardRef87(
       [data, max]
     );
     const [hoveredIdx, setHoveredIdx] = useState61(null);
-    const fire = useCallback41(
+    const fire = useCallback42(
       (idx) => {
         setHoveredIdx(idx);
         if (idx === null) {
@@ -30543,7 +30593,7 @@ var StatusTiles = forwardRef87(
       },
       [onTileHover, visible]
     );
-    const handleKey = useCallback41(
+    const handleKey = useCallback42(
       (e, idx) => {
         if (!onTileClick) return;
         if (e.key === "Enter" || e.key === " ") {
@@ -30629,7 +30679,7 @@ StatusTiles.displayName = "StatusTiles";
 import { motion as motion26 } from "framer-motion";
 import {
   forwardRef as forwardRef88,
-  useCallback as useCallback42,
+  useCallback as useCallback43,
   useId as useId51,
   useMemo as useMemo33,
   useState as useState62
@@ -30829,21 +30879,21 @@ var Sankey = forwardRef88(function Sankey2({
   }, [links, layoutNodes, nodeWidth, scale]);
   const [hoveredNode, setHoveredNode] = useState62(null);
   const [hoveredLink, setHoveredLink] = useState62(null);
-  const fireNode = useCallback42(
+  const fireNode = useCallback43(
     (n) => {
       setHoveredNode(n);
       onNodeHover?.(n);
     },
     [onNodeHover]
   );
-  const fireLink = useCallback42(
+  const fireLink = useCallback43(
     (l) => {
       setHoveredLink(l);
       onLinkHover?.(l);
     },
     [onLinkHover]
   );
-  const handleNodeKey = useCallback42(
+  const handleNodeKey = useCallback43(
     (e, n) => {
       if (!onNodeClick) return;
       if (e.key === "Enter" || e.key === " ") {
@@ -30988,7 +31038,7 @@ Sankey.displayName = "Sankey";
 // src/components/Table/Table.tsx
 import {
   forwardRef as forwardRef89,
-  useCallback as useCallback43,
+  useCallback as useCallback44,
   useState as useState63
 } from "react";
 import {
@@ -31015,7 +31065,7 @@ function TableInner({
   "aria-label": ariaLabel = "Data table",
   ...rest
 }, ref) {
-  const handleSort = useCallback43(
+  const handleSort = useCallback44(
     (key) => {
       if (!onSort) return;
       const col = columns.find((c) => c.key === key);
@@ -31025,7 +31075,7 @@ function TableInner({
     },
     [columns, onSort, sortKey, sortDirection]
   );
-  const handleSelectAll = useCallback43(() => {
+  const handleSelectAll = useCallback44(() => {
     if (!onSelectionChange) return;
     const allSelected = selectedRows?.size === data.length;
     if (allSelected) {
@@ -31034,7 +31084,7 @@ function TableInner({
       onSelectionChange(new Set(data.map((_, i) => i)));
     }
   }, [data, onSelectionChange, selectedRows]);
-  const handleSelectRow = useCallback43(
+  const handleSelectRow = useCallback44(
     (index) => {
       if (!onSelectionChange || !selectedRows) return;
       const next = new Set(selectedRows);
@@ -31607,7 +31657,7 @@ Timeline.displayName = "Timeline";
 import {
   forwardRef as forwardRef93,
   Fragment as Fragment56,
-  useCallback as useCallback44,
+  useCallback as useCallback45,
   useEffect as useEffect51,
   useId as useId54,
   useRef as useRef44,
@@ -31665,7 +31715,7 @@ var TimePicker = forwardRef93(
       null
     );
     const draftRef = useRef44(null);
-    const setDraftBoth = useCallback44(
+    const setDraftBoth = useCallback45(
       (next) => {
         draftRef.current = next;
         setDraft(next);
@@ -31689,7 +31739,7 @@ var TimePicker = forwardRef93(
     const minutesRef = useRef44(null);
     const secondsRef = useRef44(null);
     const refOf = (s) => s === "hours" ? hoursRef : s === "minutes" ? minutesRef : secondsRef;
-    const commit = useCallback44(
+    const commit = useCallback45(
       (seg, n) => {
         const base = valueRef.current;
         const next = { ...base, [seg]: clampSeg(seg, n, use24h) };
@@ -31721,13 +31771,13 @@ var TimePicker = forwardRef93(
       valueRef.current = next;
       onChange?.(next);
     };
-    const clearCommitTimer = useCallback44(() => {
+    const clearCommitTimer = useCallback45(() => {
       if (commitTimerRef.current != null) {
         clearTimeout(commitTimerRef.current);
         commitTimerRef.current = null;
       }
     }, []);
-    const commitDraft = useCallback44(
+    const commitDraft = useCallback45(
       (seg, digits) => {
         clearCommitTimer();
         const n = parseInt(digits || "0", 10);
@@ -31739,11 +31789,11 @@ var TimePicker = forwardRef93(
       },
       [clearCommitTimer, commit, use24h, setDraftBoth]
     );
-    const flushDraft = useCallback44(() => {
+    const flushDraft = useCallback45(() => {
       const d = draftRef.current;
       if (d) commitDraft(d.seg, d.digits);
     }, [commitDraft]);
-    const focusSegment = useCallback44(
+    const focusSegment = useCallback45(
       (seg) => {
         const d = draftRef.current;
         if (d && d.seg !== seg) commitDraft(d.seg, d.digits);
@@ -32026,7 +32076,7 @@ TimePicker.displayName = "TimePicker";
 // src/components/TimezonePicker/TimezonePicker.tsx
 import {
   forwardRef as forwardRef94,
-  useCallback as useCallback45,
+  useCallback as useCallback46,
   useEffect as useEffect52,
   useId as useId55,
   useMemo as useMemo34,
@@ -32131,7 +32181,7 @@ var TimezonePicker = forwardRef94(
       );
       active?.scrollIntoView?.({ block: "nearest" });
     }, [activeIndex, open]);
-    const select = useCallback45(
+    const select = useCallback46(
       (iana) => {
         onChange?.(iana);
         setOpen(false);
@@ -32140,7 +32190,7 @@ var TimezonePicker = forwardRef94(
       },
       [onChange]
     );
-    const handlePopoverKey = useCallback45(
+    const handlePopoverKey = useCallback46(
       (e) => {
         if (e.key === "ArrowDown") {
           e.preventDefault();
@@ -32336,7 +32386,7 @@ TimezonePicker.displayName = "TimezonePicker";
 import { AnimatePresence as AnimatePresence18, motion as motion28 } from "framer-motion";
 import {
   createContext as createContext3,
-  useCallback as useCallback46,
+  useCallback as useCallback47,
   useContext as useContext4,
   useMemo as useMemo35,
   useRef as useRef46,
@@ -32593,7 +32643,7 @@ function ToastProvider({
   const [toasts, setToasts] = useState67([]);
   const timers = useRef46(/* @__PURE__ */ new Map());
   const idCounter2 = useRef46(0);
-  const dismiss = useCallback46((id) => {
+  const dismiss = useCallback47((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
     const timer = timers.current.get(id);
     if (timer) {
@@ -32601,7 +32651,7 @@ function ToastProvider({
       timers.current.delete(id);
     }
   }, []);
-  const dismissAll = useCallback46((position) => {
+  const dismissAll = useCallback47((position) => {
     setToasts((prev) => {
       const remaining = position ? prev.filter((t) => t.position !== position) : [];
       for (const t of prev) {
@@ -32616,7 +32666,7 @@ function ToastProvider({
       return remaining;
     });
   }, []);
-  const toast = useCallback46(
+  const toast = useCallback47(
     (options2) => {
       const id = `toast-${++idCounter2.current}`;
       const item = {
@@ -32691,7 +32741,7 @@ function useToast() {
 
 // src/components/Toggle/Toggle.tsx
 import {
-  useCallback as useCallback47,
+  useCallback as useCallback48,
   useId as useId56,
   useRef as useRef47
 } from "react";
@@ -32722,7 +32772,7 @@ function Toggle({
   const groupLabelledBy = ariaLabelledBy ?? labelId;
   const groupAriaLabel = !groupLabelledBy ? ariaLabel ?? "Toggle group" : void 0;
   const buttonRefs = useRef47([]);
-  const findNextEnabled = useCallback47(
+  const findNextEnabled = useCallback48(
     (from, dir) => {
       if (options2.length === 0) return -1;
       let i = from;
@@ -32735,11 +32785,11 @@ function Toggle({
     },
     [options2, disabled]
   );
-  const focusIndex = useCallback47((i) => {
+  const focusIndex = useCallback48((i) => {
     if (i < 0) return;
     buttonRefs.current[i]?.focus();
   }, []);
-  const handleKey = useCallback47(
+  const handleKey = useCallback48(
     (e, idx) => {
       if (e.key === "ArrowRight" || e.key === "ArrowDown") {
         e.preventDefault();
@@ -33107,7 +33157,7 @@ function TopBar({
 import { AnimatePresence as AnimatePresence19, motion as motion29 } from "framer-motion";
 import {
   forwardRef as forwardRef96,
-  useCallback as useCallback48,
+  useCallback as useCallback49,
   useId as useId58,
   useState as useState68
 } from "react";
@@ -33159,7 +33209,7 @@ var TraceStep = forwardRef96(
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
     const canExpand = !!children;
-    const toggle = useCallback48(() => {
+    const toggle = useCallback49(() => {
       if (!canExpand) return;
       const next = !open;
       if (!isControlled) setUncontrolledOpen(next);
@@ -33514,10 +33564,10 @@ var UserCard = forwardRef98(function UserCard2({
 UserCard.displayName = "UserCard";
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-import { useCallback as useCallback50, useMemo as useMemo37, useState as useState69 } from "react";
+import { useCallback as useCallback51, useMemo as useMemo37, useState as useState69 } from "react";
 
 // src/hooks/useWorkflow.ts
-import { useCallback as useCallback49, useMemo as useMemo36, useReducer } from "react";
+import { useCallback as useCallback50, useMemo as useMemo36, useReducer } from "react";
 
 // src/workflow/types.ts
 var types_exports = {};
@@ -34031,11 +34081,11 @@ function useWorkflow(options2 = {}) {
     []
   );
   const [workflow, dispatch] = useReducer(reducer, initial);
-  const addNode = useCallback49(
+  const addNode = useCallback50(
     (node) => dispatch({ type: "ADD_NODE", payload: node }),
     []
   );
-  const createNode = useCallback49(
+  const createNode = useCallback50(
     (partial) => {
       const id = partial.id ?? genId("node");
       const ports = partial.ports ?? {
@@ -34084,27 +34134,27 @@ function useWorkflow(options2 = {}) {
     },
     []
   );
-  const updateNode = useCallback49(
+  const updateNode = useCallback50(
     (id, updates) => dispatch({ type: "UPDATE_NODE", payload: { id, updates } }),
     []
   );
-  const deleteNode = useCallback49(
+  const deleteNode = useCallback50(
     (id) => dispatch({ type: "DELETE_NODE", payload: id }),
     []
   );
-  const deleteNodes = useCallback49(
+  const deleteNodes = useCallback50(
     (ids) => dispatch({ type: "DELETE_NODES", payload: ids }),
     []
   );
-  const replaceNodes = useCallback49(
+  const replaceNodes = useCallback50(
     (nodes) => dispatch({ type: "REPLACE_NODES", payload: nodes }),
     []
   );
-  const addEdge = useCallback49(
+  const addEdge = useCallback50(
     (edge) => dispatch({ type: "ADD_EDGE", payload: edge }),
     []
   );
-  const createEdge = useCallback49(
+  const createEdge = useCallback50(
     (source, sourcePort, target, targetPort) => {
       const edge = {
         id: genId("edge"),
@@ -34122,20 +34172,20 @@ function useWorkflow(options2 = {}) {
     },
     []
   );
-  const deleteEdge = useCallback49(
+  const deleteEdge = useCallback50(
     (id) => dispatch({ type: "DELETE_EDGE", payload: id }),
     []
   );
-  const replaceEdges = useCallback49(
+  const replaceEdges = useCallback50(
     (edges) => dispatch({ type: "REPLACE_EDGES", payload: edges }),
     []
   );
-  const startConnecting = useCallback49(
+  const startConnecting = useCallback50(
     (nodeId, portId, portType) => dispatch({ type: "START_CONNECTING", payload: { nodeId, portId, portType } }),
     []
   );
-  const endConnecting = useCallback49(() => dispatch({ type: "END_CONNECTING" }), []);
-  const selectNode = useCallback49(
+  const endConnecting = useCallback50(() => dispatch({ type: "END_CONNECTING" }), []);
+  const selectNode = useCallback50(
     (id, multi = false) => {
       if (multi) {
         const current = workflow.canvas.selectedNodes;
@@ -34147,36 +34197,36 @@ function useWorkflow(options2 = {}) {
     },
     [workflow.canvas.selectedNodes]
   );
-  const selectNodes = useCallback49(
+  const selectNodes = useCallback50(
     (ids) => dispatch({ type: "SELECT_NODES", payload: ids }),
     []
   );
-  const selectEdge = useCallback49(
+  const selectEdge = useCallback50(
     (id) => dispatch({ type: "SELECT_EDGE", payload: id }),
     []
   );
-  const deselectAll = useCallback49(() => dispatch({ type: "DESELECT_ALL" }), []);
-  const zoomIn = useCallback49(() => {
+  const deselectAll = useCallback50(() => dispatch({ type: "DESELECT_ALL" }), []);
+  const zoomIn = useCallback50(() => {
     const z = Math.min(workflow.canvas.viewport.zoom * 1.2, 2);
     dispatch({ type: "UPDATE_VIEWPORT", payload: { zoom: z } });
   }, [workflow.canvas.viewport.zoom]);
-  const zoomOut = useCallback49(() => {
+  const zoomOut = useCallback50(() => {
     const z = Math.max(workflow.canvas.viewport.zoom / 1.2, 0.25);
     dispatch({ type: "UPDATE_VIEWPORT", payload: { zoom: z } });
   }, [workflow.canvas.viewport.zoom]);
-  const resetViewport = useCallback49(
+  const resetViewport = useCallback50(
     () => dispatch({ type: "UPDATE_VIEWPORT", payload: { x: 0, y: 0, zoom: 1 } }),
     []
   );
-  const setViewport = useCallback49(
+  const setViewport = useCallback50(
     (viewport) => dispatch({ type: "UPDATE_VIEWPORT", payload: viewport }),
     []
   );
-  const undo = useCallback49(() => dispatch({ type: "UNDO" }), []);
-  const redo = useCallback49(() => dispatch({ type: "REDO" }), []);
+  const undo = useCallback50(() => dispatch({ type: "UNDO" }), []);
+  const redo = useCallback50(() => dispatch({ type: "REDO" }), []);
   const canUndo = workflow.canvas.history.past.length > 0;
   const canRedo = workflow.canvas.history.future.length > 0;
-  const validate = useCallback49(() => workflow.validation, [workflow.validation]);
+  const validate = useCallback50(() => workflow.validation, [workflow.validation]);
   return {
     workflow,
     dispatch,
@@ -34290,27 +34340,27 @@ function WorkflowEditor({
   const isDrawerOpen = controlledDrawerOpen ?? uncontrolledDrawer;
   const isHistoryOpen = controlledHistoryOpen ?? uncontrolledHistory;
   const isDebugOpen = controlledDebugOpen ?? uncontrolledDebug;
-  const toggleLock = useCallback50(() => {
+  const toggleLock = useCallback51(() => {
     const next = !isLockMode;
     if (controlledLockMode === void 0) setUncontrolledLock(next);
     onToggleLockMode?.(next);
   }, [isLockMode, controlledLockMode, onToggleLockMode]);
-  const toggleDrawer = useCallback50(() => {
+  const toggleDrawer = useCallback51(() => {
     const next = !isDrawerOpen;
     if (controlledDrawerOpen === void 0) setUncontrolledDrawer(next);
     onToggleDrawer?.(next);
   }, [isDrawerOpen, controlledDrawerOpen, onToggleDrawer]);
-  const toggleHistory = useCallback50(() => {
+  const toggleHistory = useCallback51(() => {
     const next = !isHistoryOpen;
     if (controlledHistoryOpen === void 0) setUncontrolledHistory(next);
     onToggleHistory?.(next);
   }, [isHistoryOpen, controlledHistoryOpen, onToggleHistory]);
-  const toggleDebug = useCallback50(() => {
+  const toggleDebug = useCallback51(() => {
     const next = !isDebugOpen;
     if (controlledDebugOpen === void 0) setUncontrolledDebug(next);
     onToggleDebug?.(next);
   }, [isDebugOpen, controlledDebugOpen, onToggleDebug]);
-  const handleReset = useCallback50(() => {
+  const handleReset = useCallback51(() => {
     if (onReset) onReset();
     else dispatch({ type: "RESET" });
   }, [onReset, dispatch]);
@@ -34319,7 +34369,7 @@ function WorkflowEditor({
     [workflow.canvas.nodes]
   );
   const nextEdges = useMemo37(() => workflow.canvas.edges.map(toNextEdge), [workflow.canvas.edges]);
-  const onNodesChange = useCallback50(
+  const onNodesChange = useCallback51(
     (changes) => {
       const reduced = applyNodeChanges(
         nextNodes,
@@ -34360,7 +34410,7 @@ function WorkflowEditor({
     },
     [nextNodes, workflow.canvas.nodes, wf, onNodeSelect]
   );
-  const onEdgesChange = useCallback50(
+  const onEdgesChange = useCallback51(
     (changes) => {
       const reduced = applyEdgeChanges(nextEdges, changes);
       const byId = new Map(reduced.map((e) => [e.id, e]));
@@ -34370,18 +34420,18 @@ function WorkflowEditor({
     },
     [nextEdges, workflow.canvas.edges, wf]
   );
-  const onConnect = useCallback50(
+  const onConnect = useCallback51(
     (c) => {
       wf.createEdge(c.source, c.sourceHandle ?? "default", c.target, c.targetHandle ?? "default");
     },
     [wf]
   );
   const [canvasSize, setCanvasSize] = useState69({ w: 0, h: 0 });
-  const handleCanvasRef = useCallback50((node) => {
+  const handleCanvasRef = useCallback51((node) => {
     if (!node) return;
     setCanvasSize({ w: node.clientWidth, h: node.clientHeight });
   }, []);
-  const fitToView = useCallback50(() => {
+  const fitToView = useCallback51(() => {
     const nodes = workflow.canvas.nodes;
     if (nodes.length === 0) return;
     let minX = Infinity;
@@ -35021,7 +35071,7 @@ function WorkflowHeaderExpanded({
 }
 
 // src/hooks/useBanner.ts
-import { useCallback as useCallback51, useEffect as useEffect54, useRef as useRef48, useState as useState71 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect54, useRef as useRef48, useState as useState71 } from "react";
 function useBanner(options2 = {}) {
   const { defaultOpen = false, autoDismissAfter, onDismiss } = options2;
   const [open, setOpen] = useState71(defaultOpen);
@@ -35030,20 +35080,20 @@ function useBanner(options2 = {}) {
   useEffect54(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
-  const clearTimer = useCallback51(() => {
+  const clearTimer = useCallback52(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const hide = useCallback51(() => {
+  const hide = useCallback52(() => {
     clearTimer();
     setOpen((wasOpen) => {
       if (wasOpen) onDismissRef.current?.();
       return false;
     });
   }, [clearTimer]);
-  const show = useCallback51(() => {
+  const show = useCallback52(() => {
     clearTimer();
     setOpen(true);
     if (typeof autoDismissAfter === "number" && Number.isFinite(autoDismissAfter) && autoDismissAfter > 0) {
@@ -35054,7 +35104,7 @@ function useBanner(options2 = {}) {
       }, autoDismissAfter);
     }
   }, [autoDismissAfter, clearTimer]);
-  const toggle = useCallback51(() => {
+  const toggle = useCallback52(() => {
     if (open) hide();
     else show();
   }, [open, show, hide]);
@@ -35069,7 +35119,7 @@ function useBanner(options2 = {}) {
 }
 
 // src/hooks/useCallout.ts
-import { useCallback as useCallback52, useEffect as useEffect55, useState as useState72 } from "react";
+import { useCallback as useCallback53, useEffect as useEffect55, useState as useState72 } from "react";
 var STORAGE_PREFIX = "ods:callout:dismissed:";
 function readPersisted(key) {
   if (!key || typeof window === "undefined") return false;
@@ -35098,7 +35148,7 @@ function useCallout(options2 = {}) {
       setOpen(false);
     }
   }, []);
-  const dismiss = useCallback52(() => {
+  const dismiss = useCallback53(() => {
     setOpen((wasOpen) => {
       if (wasOpen) {
         writePersisted(persistKey, true);
@@ -35107,10 +35157,10 @@ function useCallout(options2 = {}) {
       return false;
     });
   }, [persistKey, onDismiss]);
-  const show = useCallback52(() => {
+  const show = useCallback53(() => {
     setOpen(true);
   }, []);
-  const toggle = useCallback52(() => {
+  const toggle = useCallback53(() => {
     setOpen((prev) => {
       const next = !prev;
       if (!next) {
@@ -35120,7 +35170,7 @@ function useCallout(options2 = {}) {
       return next;
     });
   }, [persistKey, onDismiss]);
-  const reset = useCallback52(() => {
+  const reset = useCallback53(() => {
     writePersisted(persistKey, false);
     setOpen(true);
   }, [persistKey]);
@@ -35193,7 +35243,7 @@ function breakpointMinWidth(name) {
 }
 
 // src/hooks/useRating.ts
-import { useCallback as useCallback53, useState as useState73 } from "react";
+import { useCallback as useCallback54, useState as useState73 } from "react";
 function useRating({
   value: controlled,
   defaultValue = 0,
@@ -35204,11 +35254,11 @@ function useRating({
   const [internal, setInternal] = useState73(defaultValue);
   const value = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const clamp = useCallback53(
+  const clamp = useCallback54(
     (v) => Math.max(0, Math.min(max, v)),
     [max]
   );
-  const set = useCallback53(
+  const set = useCallback54(
     (next) => {
       const clamped = clamp(next);
       if (!isControlled) setInternal(clamped);
@@ -35233,7 +35283,7 @@ function useBinaryRating({
   const [internal, setInternal] = useState73(defaultValue);
   const value = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const set = useCallback53(
+  const set = useCallback54(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
@@ -35252,7 +35302,7 @@ function useBinaryRating({
 }
 
 // src/hooks/useTimeline.ts
-import { useCallback as useCallback54, useState as useState74 } from "react";
+import { useCallback as useCallback55, useState as useState74 } from "react";
 function useTimeline({
   items: controlled,
   defaultItems = [],
@@ -35261,21 +35311,21 @@ function useTimeline({
   const [internal, setInternal] = useState74(defaultItems);
   const items = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const commit = useCallback54(
+  const commit = useCallback55(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
     },
     [isControlled, onChange]
   );
-  const add = useCallback54(
+  const add = useCallback55(
     (item) => {
       if (items.some((i) => i.id === item.id)) return;
       commit([...items, item]);
     },
     [items, commit]
   );
-  const insert = useCallback54(
+  const insert = useCallback55(
     (index, item) => {
       if (items.some((i) => i.id === item.id)) return;
       const at = Math.max(0, Math.min(items.length, index));
@@ -35285,7 +35335,7 @@ function useTimeline({
     },
     [items, commit]
   );
-  const remove = useCallback54(
+  const remove = useCallback55(
     (id) => {
       const next = items.filter((i) => i.id !== id);
       if (next.length === items.length) return;
@@ -35293,7 +35343,7 @@ function useTimeline({
     },
     [items, commit]
   );
-  const update = useCallback54(
+  const update = useCallback55(
     (id, patch) => {
       let changed = false;
       const next = items.map((i) => {
@@ -35318,7 +35368,7 @@ function useTimeline({
 }
 
 // src/hooks/useTraceTimeline.ts
-import { useCallback as useCallback55, useRef as useRef49, useState as useState75 } from "react";
+import { useCallback as useCallback56, useRef as useRef49, useState as useState75 } from "react";
 var GLOBAL_SEQ = 0;
 var generateId = () => `ods-trace-${Date.now().toString(36)}-${(GLOBAL_SEQ++).toString(36)}`;
 function useTraceTimeline({
@@ -35331,7 +35381,7 @@ function useTraceTimeline({
   const isControlled = controlled !== void 0;
   const stepsRef = useRef49(steps);
   stepsRef.current = steps;
-  const commit = useCallback55(
+  const commit = useCallback56(
     (next) => {
       stepsRef.current = next;
       if (!isControlled) setInternal(next);
@@ -35339,7 +35389,7 @@ function useTraceTimeline({
     },
     [isControlled, onChange]
   );
-  const start = useCallback55(
+  const start = useCallback56(
     (input) => {
       const id = input.id ?? generateId();
       const record = {
@@ -35359,7 +35409,7 @@ function useTraceTimeline({
     },
     [commit]
   );
-  const update = useCallback55(
+  const update = useCallback56(
     (id, patch) => {
       let changed = false;
       const next = stepsRef.current.map((s) => {
@@ -35371,19 +35421,19 @@ function useTraceTimeline({
     },
     [commit]
   );
-  const complete = useCallback55(
+  const complete = useCallback56(
     (id, patch = {}) => {
       update(id, { ...patch, status: "success" });
     },
     [update]
   );
-  const fail = useCallback55(
+  const fail = useCallback56(
     (id, patch = {}) => {
       update(id, { ...patch, status: "failed" });
     },
     [update]
   );
-  const remove = useCallback55(
+  const remove = useCallback56(
     (id) => {
       const next = stepsRef.current.filter((s) => s.id !== id);
       if (next.length === stepsRef.current.length) return;