@octaviaflow/core 3.1.0-beta.73 → 3.1.0-beta.74

package/dist/index.js

@@ -1180,6 +1180,7 @@ AuthBadge.displayName = "AuthBadge";
 
 // src/components/AuthScreen/AuthScreen.tsx
 import {
+  useEffect,
   useId as useId4,
   useState as useState3
 } from "react";
@@ -1715,8 +1716,19 @@ function AuthSignupForm({
   error,
   success,
   loading = false,
+  nameLayout = "single",
   nameLabel = "Full name",
   namePlaceholder = "Enter your full name",
+  firstNameLabel = "First name",
+  firstNamePlaceholder = "Enter your first name",
+  lastNameLabel = "Last name",
+  lastNamePlaceholder = "Enter your last name",
+  showCompanyToggle = false,
+  companyToggleLabel = "I'm signing up for a company",
+  companyNameLabel = "Company name",
+  companyNamePlaceholder = "Acme Inc",
+  domainLabel = "Domain",
+  domainPlaceholder = "acme.com",
   emailLabel = "Email",
   emailPlaceholder = "Enter your email address",
   passwordLabel = "Password",
@@ -1739,12 +1751,31 @@ function AuthSignupForm({
 }) {
   const titleId = useId4();
   const [name, setName] = useState3("");
+  const [firstName, setFirstName] = useState3("");
+  const [lastName, setLastName] = useState3("");
   const [email, setEmail] = useState3("");
   const [password, setPassword] = useState3("");
   const [acceptTerms, setAcceptTerms] = useState3(false);
+  const [isCompanyAccount, setIsCompanyAccount] = useState3(false);
+  const [companyName, setCompanyName] = useState3("");
+  const [domain, setDomain] = useState3("");
+  useEffect(() => {
+    if (!showCompanyToggle || !isCompanyAccount || domain) return;
+    const at = email.indexOf("@");
+    if (at > -1 && at < email.length - 1) setDomain(email.slice(at + 1));
+  }, [showCompanyToggle, isCompanyAccount, email, domain]);
   const handleSubmit = (event) => {
     event.preventDefault();
-    onSubmit?.({ name, email, password, acceptTerms }, event);
+    const combinedName = nameLayout === "split" ? `${firstName} ${lastName}`.trim() : name;
+    const values = {
+      name: combinedName,
+      email,
+      password,
+      acceptTerms,
+      ...nameLayout === "split" ? { firstName, lastName } : {},
+      ...showCompanyToggle ? { isCompanyAccount, companyName, domain } : {}
+    };
+    onSubmit?.(values, event);
   };
   return /* @__PURE__ */ jsxs6(
     "form",
@@ -1769,7 +1800,36 @@ function AuthSignupForm({
           success && /* @__PURE__ */ jsx6(Banner, { variant: "success", children: success })
         ] }),
         /* @__PURE__ */ jsxs6("div", { className: "ods-auth-form__fields", children: [
-          /* @__PURE__ */ jsx6(
+          nameLayout === "split" ? /* @__PURE__ */ jsxs6("div", { className: "ods-auth-form__grid2", children: [
+            /* @__PURE__ */ jsx6(
+              Input,
+              {
+                label: firstNameLabel,
+                type: "text",
+                name: "firstName",
+                autoComplete: "given-name",
+                required: true,
+                placeholder: firstNamePlaceholder,
+                value: firstName,
+                onChange: (e) => setFirstName(e.target.value),
+                disabled: loading
+              }
+            ),
+            /* @__PURE__ */ jsx6(
+              Input,
+              {
+                label: lastNameLabel,
+                type: "text",
+                name: "lastName",
+                autoComplete: "family-name",
+                required: true,
+                placeholder: lastNamePlaceholder,
+                value: lastName,
+                onChange: (e) => setLastName(e.target.value),
+                disabled: loading
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx6(
             Input,
             {
               label: nameLabel,
@@ -1812,6 +1872,45 @@ function AuthSignupForm({
             }
           )
         ] }),
+        showCompanyToggle && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          /* @__PURE__ */ jsx6(
+            Checkbox,
+            {
+              label: companyToggleLabel,
+              checked: isCompanyAccount,
+              onChange: setIsCompanyAccount,
+              disabled: loading
+            }
+          ),
+          isCompanyAccount && /* @__PURE__ */ jsxs6("div", { className: "ods-auth-form__grid2", children: [
+            /* @__PURE__ */ jsx6(
+              Input,
+              {
+                label: companyNameLabel,
+                type: "text",
+                name: "companyName",
+                autoComplete: "organization",
+                required: true,
+                placeholder: companyNamePlaceholder,
+                value: companyName,
+                onChange: (e) => setCompanyName(e.target.value),
+                disabled: loading
+              }
+            ),
+            /* @__PURE__ */ jsx6(
+              Input,
+              {
+                label: domainLabel,
+                type: "text",
+                name: "domain",
+                placeholder: domainPlaceholder,
+                value: domain,
+                onChange: (e) => setDomain(e.target.value),
+                disabled: loading
+              }
+            )
+          ] })
+        ] }),
         showTerms && /* @__PURE__ */ jsx6(
           Checkbox,
           {
@@ -2278,7 +2377,7 @@ import { ChevronLeftIcon, ChevronRightIcon } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef6,
   useCallback as useCallback4,
-  useEffect,
+  useEffect as useEffect2,
   useId as useId6,
   useMemo as useMemo3,
   useRef as useRef4,
@@ -2339,7 +2438,7 @@ var Calendar = forwardRef6(function Calendar2({
   });
   const gridRef = useRef4(null);
   const gridId = useId6();
-  useEffect(() => {
+  useEffect2(() => {
     if (!gridRef.current) return;
     const cell = gridRef.current.querySelector(
       `[data-date="${focusedDate.toISOString()}"]`
@@ -3588,7 +3687,7 @@ ChatBubble.displayName = "ChatBubble";
 // src/components/ChatComposer/ChatComposer.tsx
 import {
   forwardRef as forwardRef11,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useId as useId8,
   useRef as useRef5,
   useState as useState7
@@ -3651,7 +3750,7 @@ var ChatComposer = forwardRef11(
       if (!isControlled) setInternal(next);
       onChange?.(next);
     };
-    useEffect2(() => {
+    useEffect3(() => {
       const el = innerRef.current;
       if (!el) return;
       el.style.height = "auto";
@@ -3741,7 +3840,7 @@ ChatComposer.displayName = "ChatComposer";
 import {
   Children,
   forwardRef as forwardRef12,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useRef as useRef6
 } from "react";
 import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -3772,7 +3871,7 @@ var ChatThread = forwardRef12(
       following.current = el.scrollHeight - el.scrollTop - el.clientHeight < STICK_THRESHOLD;
       onScroll?.(e);
     };
-    useEffect3(() => {
+    useEffect4(() => {
       if (!stickToBottom || loading) return;
       const el = innerRef.current;
       if (el && following.current) el.scrollTop = el.scrollHeight;
@@ -4179,7 +4278,7 @@ ChatToolTrace.displayName = "ChatToolTrace";
 // src/components/ChatThinking/ChatThinking.tsx
 import {
   forwardRef as forwardRef17,
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useState as useState11
 } from "react";
 import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -4196,7 +4295,7 @@ var ChatThinking = forwardRef17(
   }, ref) {
     const cycling = Array.isArray(labels) && labels.length > 0;
     const [idx, setIdx] = useState11(0);
-    useEffect4(() => {
+    useEffect5(() => {
       if (!cycling || labels.length < 2) return;
       const id = window.setInterval(
         () => setIdx((i) => (i + 1) % labels.length),
@@ -4915,7 +5014,7 @@ import { AnimatePresence as AnimatePresence4, motion as motion6, useReducedMotio
 import {
   forwardRef as forwardRef26,
   useCallback as useCallback7,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useLayoutEffect,
   useRef as useRef8,
   useState as useState14
@@ -5015,7 +5114,7 @@ var Coachmark = forwardRef26(
     useLayoutEffect(() => {
       measure();
     }, [measure]);
-    useEffect5(() => {
+    useEffect6(() => {
       if (!open) return;
       const onChange = () => measure();
       window.addEventListener("resize", onChange);
@@ -5025,7 +5124,7 @@ var Coachmark = forwardRef26(
         window.removeEventListener("scroll", onChange, true);
       };
     }, [open, measure]);
-    useEffect5(() => {
+    useEffect6(() => {
       if (!open) return;
       const onKey = (e) => {
         if (e.key === "Escape") onDismiss();
@@ -5185,7 +5284,7 @@ function useCoachmarkSeen(key, storagePrefix = "ods-coachmark:") {
 import { EyedropperIcon } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef27,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useId as useId10,
   useImperativeHandle,
   useRef as useRef9,
@@ -5226,7 +5325,7 @@ var ColorPicker = forwardRef27(
     ...rest
   }, forwardedRef) {
     const [draft, setDraft] = useState15(value);
-    useEffect6(() => {
+    useEffect7(() => {
       setDraft(value);
     }, [value]);
     const hexInputRef = useRef9(null);
@@ -5392,7 +5491,7 @@ import { AnimatePresence as AnimatePresence5, motion as motion7, useReducedMotio
 import {
   forwardRef as forwardRef28,
   useCallback as useCallback8,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useId as useId11,
   useMemo as useMemo5,
   useRef as useRef10,
@@ -5444,19 +5543,19 @@ var CommandPalette = forwardRef28(
       () => filteredGroups.flatMap((g) => g.items),
       [filteredGroups]
     );
-    useEffect7(() => {
+    useEffect8(() => {
       if (activeIndex >= flatItems.length) {
         setActiveIndex(Math.max(0, flatItems.length - 1));
       }
     }, [flatItems.length, activeIndex]);
-    useEffect7(() => {
+    useEffect8(() => {
       if (open) {
         setQuery("");
         setActiveIndex(0);
         requestAnimationFrame(() => inputRef.current?.focus());
       }
     }, [open]);
-    useEffect7(() => {
+    useEffect8(() => {
       if (!open) return;
       const el = document.getElementById(`${baseId}-opt-${activeIndex}`);
       if (el && typeof el.scrollIntoView === "function") {
@@ -5641,7 +5740,7 @@ var CommandPalette = forwardRef28(
 CommandPalette.displayName = "CommandPalette";
 function useCommandPaletteShortcut(toggle, options2 = {}) {
   const { skipInputs = true } = options2;
-  useEffect7(() => {
+  useEffect8(() => {
     const handler = (e) => {
       const isMod = e.metaKey || e.ctrlKey;
       if (!isMod || e.key.toLowerCase() !== "k") return;
@@ -5668,7 +5767,7 @@ import {
 import {
   forwardRef as forwardRef29,
   useCallback as useCallback9,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useId as useId12,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo6,
@@ -5718,10 +5817,10 @@ function OptionDropdown({
       (o) => o.label.toLowerCase().includes(q2) || o.value.toLowerCase().includes(q2) || o.description?.toLowerCase().includes(q2)
     );
   }, [options2, query, showSearch]);
-  useEffect8(() => {
+  useEffect9(() => {
     setActiveIdx(0);
   }, [query, open]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!open) return;
     const onDoc = (e) => {
       const t = e.target;
@@ -5733,7 +5832,7 @@ function OptionDropdown({
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [open]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (open && showSearch) {
       requestAnimationFrame(() => inputRef.current?.focus());
     }
@@ -6056,7 +6155,7 @@ ConditionBuilder.displayName = "ConditionBuilder";
 import { CheckmarkIcon as CheckmarkIcon3, ChevronDownIcon as ChevronDownIcon2, CloseIcon as CloseIcon5, SearchIcon as SearchIcon5 } from "@octaviaflow/icons";
 import {
   useCallback as useCallback10,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useId as useId13,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo7,
@@ -6132,10 +6231,10 @@ function FieldPicker({
       window.removeEventListener("resize", updatePanelPos);
     };
   }, [open, updatePanelPos]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (open && searchable) requestAnimationFrame(() => searchRef.current?.focus());
   }, [open, searchable]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!open) return;
     const onDoc = (e) => {
       const t = e.target;
@@ -6601,7 +6700,7 @@ import { CloseIcon as CloseIcon8 } from "@octaviaflow/icons";
 import { AnimatePresence as AnimatePresence6, motion as motion8, useReducedMotion as useReducedMotion4 } from "framer-motion";
 import {
   forwardRef as forwardRef30,
-  useEffect as useEffect10,
+  useEffect as useEffect11,
   useRef as useRef13
 } from "react";
 import { useButton } from "react-aria";
@@ -6658,7 +6757,7 @@ var ConfigPanel = forwardRef30(
     };
     const reducedMotion = useReducedMotion4();
     const offset = reducedMotion ? 0 : side === "right" ? 320 : -320;
-    useEffect10(() => {
+    useEffect11(() => {
       if (open) {
         requestAnimationFrame(() => closeRef.current?.focus());
       }
@@ -6764,7 +6863,7 @@ function stripMotionConflicts(props) {
 import {
   forwardRef as forwardRef32,
   useCallback as useCallback11,
-  useEffect as useEffect12,
+  useEffect as useEffect13,
   useId as useId15,
   useRef as useRef15,
   useState as useState19
@@ -6776,7 +6875,7 @@ import { AnimatePresence as AnimatePresence7, motion as motion9, useReducedMotio
 import {
   forwardRef as forwardRef31,
   useId as useId14,
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useImperativeHandle as useImperativeHandle2,
   useRef as useRef14
 } from "react";
@@ -6847,7 +6946,7 @@ var DialogContent = forwardRef31(function DialogContent2({
   const overlayRef = useRef14(null);
   const dialogRef = useRef14(null);
   useImperativeHandle2(forwardedRef, () => dialogRef.current);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!open) return;
     const portalEl = Array.from(document.body.children).find(
       (el) => el.contains(dialogRef.current)
@@ -6999,7 +7098,7 @@ var ConfirmDialog = forwardRef32(
     const cancelBtnRef = useRef15(null);
     const confirmBtnRef = useRef15(null);
     const inputRef = useRef15(null);
-    useEffect12(() => {
+    useEffect13(() => {
       if (open) {
         setTyped("");
         setInternalLoading(false);
@@ -7138,7 +7237,7 @@ import Papa from "papaparse";
 import {
   forwardRef as forwardRef33,
   useCallback as useCallback12,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useId as useId16,
   useMemo as useMemo8,
   useState as useState20
@@ -7349,7 +7448,7 @@ function CsvEditBody({
     onChange?.(next);
     validate(next);
   };
-  useEffect13(() => {
+  useEffect14(() => {
     validate(initial);
   }, []);
   return /* @__PURE__ */ jsxs41("div", { className: "ods-csv-viewer__edit", children: [
@@ -7386,7 +7485,7 @@ import { AnimatePresence as AnimatePresence8, motion as motion10, useReducedMoti
 import {
   forwardRef as forwardRef34,
   useCallback as useCallback13,
-  useEffect as useEffect14,
+  useEffect as useEffect15,
   useId as useId17,
   useLayoutEffect as useLayoutEffect4,
   useRef as useRef16,
@@ -7472,7 +7571,7 @@ var ContextMenu = forwardRef34(
         setAdjustedPosition(next);
       }
     }, [open, position.x, position.y]);
-    useEffect14(() => {
+    useEffect15(() => {
       if (!open) return;
       const closeOnOutside = (e) => {
         if (panelRef.current && !panelRef.current.contains(e.target)) {
@@ -7521,7 +7620,7 @@ var ContextMenu = forwardRef34(
         }
       }
     };
-    useEffect14(() => {
+    useEffect15(() => {
       if (open) panelRef.current?.focus();
     }, [open]);
     const handleItemClick = (item) => {
@@ -7635,7 +7734,7 @@ ContextMenu.displayName = "ContextMenu";
 import {
   forwardRef as forwardRef35,
   useCallback as useCallback14,
-  useEffect as useEffect15,
+  useEffect as useEffect16,
   useImperativeHandle as useImperativeHandle3,
   useMemo as useMemo9,
   useRef as useRef17,
@@ -8010,7 +8109,7 @@ var DataMapper = forwardRef35(
     const editorRef = useRef17(null);
     const rootRef = useRef17(null);
     useImperativeHandle3(forwardedRef, () => rootRef.current);
-    useEffect15(() => {
+    useEffect16(() => {
       if (!selectedTarget) return;
       const handler = (e) => {
         const root = rootRef.current;
@@ -8029,7 +8128,7 @@ var DataMapper = forwardRef35(
       document.addEventListener("mousedown", handler);
       return () => document.removeEventListener("mousedown", handler);
     }, [selectedTarget]);
-    useEffect15(() => {
+    useEffect16(() => {
       if (!defaultGroupsExpanded) return;
       const fresh = collectGroupKeys(targetFields).filter(
         (k) => !appliedGroupKeysRef.current.has(k)
@@ -8042,7 +8141,7 @@ var DataMapper = forwardRef35(
       });
       fresh.forEach((k) => appliedGroupKeysRef.current.add(k));
     }, [targetFields, defaultGroupsExpanded]);
-    useEffect15(() => {
+    useEffect16(() => {
       if (!settingsOpen) return;
       const onDown = (e) => {
         const target = e.target;
@@ -8870,7 +8969,7 @@ function ExpressionEditor({
 }) {
   const lastEmittedRef = useRef17(value);
   const isMountedRef = useRef17(false);
-  useEffect15(() => {
+  useEffect16(() => {
     const el = editorRef.current;
     if (!el || isMountedRef.current) return;
     isMountedRef.current = true;
@@ -8884,7 +8983,7 @@ function ExpressionEditor({
     sel?.addRange(range);
     el.focus();
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     const el = editorRef.current;
     if (!el || !isMountedRef.current) return;
     if (value === lastEmittedRef.current) return;
@@ -9300,7 +9399,7 @@ import {
 } from "@octaviaflow/icons";
 import {
   useCallback as useCallback15,
-  useEffect as useEffect16,
+  useEffect as useEffect17,
   useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo10,
   useRef as useRef18,
@@ -9343,7 +9442,7 @@ function PortalMenu({
       window.removeEventListener("scroll", update, true);
     };
   }, [open, triggerRef]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!open) return;
     const onPointer = (e) => {
       const target = e.target;
@@ -9656,7 +9755,7 @@ function DataTable(props) {
   const [internalPage, setInternalPage] = useState23(1);
   const [internalPageSize, setInternalPageSize] = useState23(pgCfg?.pageSize ?? 10);
   const page = pgCfg?.page ?? internalPage;
-  useEffect16(() => {
+  useEffect17(() => {
     if (pgCfg?.pageSize !== void 0 && pgCfg.pageSize !== internalPageSize) {
       setInternalPageSize(pgCfg.pageSize);
     }
@@ -9729,7 +9828,7 @@ function DataTable(props) {
     const start = (page - 1) * pageSize;
     return processed.slice(start, start + pageSize);
   }, [pgCfg, processed, page, pageSize]);
-  useEffect16(() => {
+  useEffect17(() => {
     setPage(1);
   }, [q2, JSON.stringify(filterValues), sortKey, sortDir]);
   const handleSort = (key) => {
@@ -10309,7 +10408,7 @@ function ChevronRightSmall() {
 import { CalendarIcon, ChevronDownIcon as ChevronDownIcon4 } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef37,
-  useEffect as useEffect18,
+  useEffect as useEffect19,
   useId as useId19,
   useImperativeHandle as useImperativeHandle4,
   useRef as useRef19,
@@ -10320,11 +10419,11 @@ import { createPortal as createPortal8 } from "react-dom";
 // src/utils/useAnchoredPopover.ts
 import {
   useCallback as useCallback16,
-  useEffect as useEffect17,
+  useEffect as useEffect18,
   useLayoutEffect as useLayoutEffect6,
   useState as useState24
 } from "react";
-var useIsomorphicLayoutEffect = typeof document !== "undefined" ? useLayoutEffect6 : useEffect17;
+var useIsomorphicLayoutEffect = typeof document !== "undefined" ? useLayoutEffect6 : useEffect18;
 function computeAnchoredPosition({
   anchor,
   viewport,
@@ -10457,7 +10556,7 @@ var DatePicker = forwardRef37(
     const baseId = id ?? `ods-dp-${reactId}`;
     const helperId = error || helperText ? `${baseId}-helper` : void 0;
     const ariaLabelForDialog = popoverAriaLabel ?? (typeof label === "string" ? `${label} calendar` : "Date picker");
-    useEffect18(() => {
+    useEffect19(() => {
       if (!open) return;
       const onDoc = (e) => {
         const target = e.target;
@@ -10887,7 +10986,7 @@ Drawer.displayName = "Drawer";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
 import { AnimatePresence as AnimatePresence9, motion as motion12 } from "framer-motion";
-import { useEffect as useEffect19, useMemo as useMemo12, useRef as useRef20 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo12, useRef as useRef20 } from "react";
 import { useButton as useButton2, useMenu, useMenuItem, useMenuTrigger } from "react-aria";
 import { createPortal as createPortal9 } from "react-dom";
 import { Fragment as Fragment21, jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -10925,7 +11024,7 @@ function MenuPopup({
   ariaNameProps
 }) {
   const menuRef = useRef20(null);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!state.isOpen || !closeOnOutsideClick) return;
     const handler = (e) => {
       const target = e.target;
@@ -10939,7 +11038,7 @@ function MenuPopup({
     document.addEventListener("mousedown", handler, true);
     return () => document.removeEventListener("mousedown", handler, true);
   }, [state.isOpen, closeOnOutsideClick]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!state.isOpen || !closeOnEscape) return;
     const handler = (e) => {
       if (e.key === "Escape") {
@@ -11150,7 +11249,7 @@ EmptyState.displayName = "EmptyState";
 
 // src/components/ExecutionConsole/ExecutionConsole.tsx
 import { motion as motion13 } from "framer-motion";
-import { useEffect as useEffect20, useMemo as useMemo13, useRef as useRef21, useState as useState26 } from "react";
+import { 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",
@@ -11252,13 +11351,13 @@ function ExecutionConsole({
     });
   }, [logs, query, activeLevels, activeNode]);
   const prevRunningRef = useRef21(running);
-  useEffect20(() => {
+  useEffect21(() => {
     if (prevRunningRef.current !== running) {
       setAutoScroll(running);
       prevRunningRef.current = running;
     }
   }, [running]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!open || !autoScroll) return;
     const el = logEndRef.current;
     if (el && typeof el.scrollIntoView === "function") {
@@ -11748,7 +11847,7 @@ import {
 import {
   forwardRef as forwardRef43,
   useCallback as useCallback17,
-  useEffect as useEffect21,
+  useEffect as useEffect22,
   useId as useId22,
   useImperativeHandle as useImperativeHandle5,
   useRef as useRef22,
@@ -11921,7 +12020,7 @@ var FileDropzone = forwardRef43(
       },
       [disabled, onFiles, validate]
     );
-    useEffect21(() => {
+    useEffect22(() => {
       if (!files) return;
       const next = {};
       const created = [];
@@ -11938,7 +12037,7 @@ var FileDropzone = forwardRef43(
         for (const u of created) URL.revokeObjectURL(u);
       };
     }, [files]);
-    useEffect21(() => {
+    useEffect22(() => {
       if (!pasteEnabled || disabled) return;
       const onPaste = (e) => {
         const active = document.activeElement;
@@ -12204,7 +12303,7 @@ import {
 } from "@octaviaflow/icons";
 import {
   useCallback as useCallback22,
-  useEffect as useEffect25,
+  useEffect as useEffect26,
   useMemo as useMemo19,
   useRef as useRef23,
   useState as useState32
@@ -12773,7 +12872,7 @@ import { XMLValidator } from "fast-xml-parser";
 import {
   forwardRef as forwardRef45,
   useCallback as useCallback19,
-  useEffect as useEffect22,
+  useEffect as useEffect23,
   useId as useId23,
   useMemo as useMemo15,
   useState as useState29
@@ -12930,7 +13029,7 @@ function XmlEditBody({ text: initial, onChange, onValidate }) {
     onChange?.(next);
     validate(next);
   };
-  useEffect22(() => {
+  useEffect23(() => {
     validate(initial);
   }, []);
   return /* @__PURE__ */ jsxs56("div", { className: "ods-xml-viewer__edit", children: [
@@ -13159,7 +13258,7 @@ import {
 import {
   forwardRef as forwardRef46,
   useCallback as useCallback20,
-  useEffect as useEffect23,
+  useEffect as useEffect24,
   useId as useId24,
   useMemo as useMemo16,
   useState as useState30
@@ -13534,7 +13633,7 @@ function YamlEditBody({ text: initial, onChange, onValidate }) {
     onChange?.(next);
     validate(next);
   };
-  useEffect23(() => {
+  useEffect24(() => {
     validate(initial);
   }, []);
   return /* @__PURE__ */ jsxs57("div", { className: "ods-yaml-viewer__edit", children: [
@@ -13746,7 +13845,7 @@ import { motion as motion14, useReducedMotion as useReducedMotion7 } from "frame
 import {
   forwardRef as forwardRef47,
   useCallback as useCallback21,
-  useEffect as useEffect24,
+  useEffect as useEffect25,
   useId as useId25,
   useMemo as useMemo18,
   useState as useState31
@@ -14018,7 +14117,7 @@ var TreeView = forwardRef47(
       );
     };
     const visibleIdxCursor = { value: 0 };
-    useEffect24(() => {
+    useEffect25(() => {
     }, [tabStopId]);
     return /* @__PURE__ */ jsx60(
       "ul",
@@ -14102,7 +14201,7 @@ function FileBrowser({
     },
     [loadChildren]
   );
-  useEffect25(() => {
+  useEffect26(() => {
     void loadFolder(currentPath);
   }, [currentPath, loadFolder]);
   const navigate = useCallback22(
@@ -14365,7 +14464,7 @@ import {
 } from "@octaviaflow/icons";
 import {
   useCallback as useCallback23,
-  useEffect as useEffect26,
+  useEffect as useEffect27,
   useId as useId26,
   useMemo as useMemo20,
   useRef as useRef24,
@@ -14528,7 +14627,7 @@ function FilePicker({
     },
     [loadFolder, searchDepth, searchLimit]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     if (!searchable || !open) return;
     const q2 = query.trim();
     if (!q2) {
@@ -14573,7 +14672,7 @@ function FilePicker({
     },
     [navigate, canSelectFiles, commit]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     if (!open) return;
     const onDoc = (e) => {
       const t = e.target;
@@ -14594,7 +14693,7 @@ function FilePicker({
       document.removeEventListener("keydown", onKey);
     };
   }, [open, closeOnEsc]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (open && searchable) searchRef.current?.focus();
   }, [open, searchable]);
   const folderState = cache[navPath];
@@ -15049,7 +15148,7 @@ import { motion as motion15 } from "framer-motion";
 import {
   forwardRef as forwardRef48,
   useCallback as useCallback24,
-  useEffect as useEffect27,
+  useEffect as useEffect28,
   useRef as useRef25,
   useState as useState35
 } from "react";
@@ -15165,7 +15264,7 @@ var FlowNode = forwardRef48(function FlowNode2({
     },
     [isLockMode]
   );
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isDragging) return;
     const applyDelta = (clientX, clientY) => {
       const start = dragStartRef.current;
@@ -15718,7 +15817,7 @@ function FlowDoctor({
 import {
   useCallback as useCallback26,
   useContext,
-  useEffect as useEffect28,
+  useEffect as useEffect29,
   useMemo as useMemo21,
   useRef as useRef27,
   useState as useState36,
@@ -15753,7 +15852,7 @@ function FlowMinimap(props) {
   );
   const liveSnapshot = useSyncExternalStore(sub, snap, snap);
   const [registryVersion, setRegistryVersion] = useState36(0);
-  useEffect28(() => {
+  useEffect29(() => {
     if (!handleRegistry) return;
     return handleRegistry.subscribe(() => setRegistryVersion((v) => v + 1));
   }, [handleRegistry]);
@@ -15806,7 +15905,7 @@ function FlowMinimap(props) {
   }, [edgesProp, liveSnapshot, handleRegistry, registryVersion]);
   const minimapRef = useRef27(null);
   const [canvasSize, setCanvasSize] = useState36(null);
-  useEffect28(() => {
+  useEffect29(() => {
     if (!liveSnapshot) return;
     const el = minimapRef.current?.closest(".ods-flow-canvas-v2");
     if (!el) return;
@@ -16027,7 +16126,7 @@ function FlowMinimap(props) {
     },
     [zoomOnScroll, instance, liveSnapshot, canvasSize, pointToWorld, clampWorldTopLeft]
   );
-  useEffect28(
+  useEffect29(
     () => () => {
       dragRef.current.dragging = false;
     },
@@ -16126,10 +16225,10 @@ import {
   ZoomInIcon,
   ZoomOutIcon
 } from "@octaviaflow/icons";
-import { useEffect as useEffect30, useRef as useRef29, useState as useState38 } from "react";
+import { useEffect as useEffect31, useRef as useRef29, useState as useState38 } from "react";
 
 // src/components/HoverCard/HoverCard.tsx
-import { useCallback as useCallback27, useEffect as useEffect29, useLayoutEffect as useLayoutEffect7, useRef as useRef28, useState as useState37 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect30, useLayoutEffect as useLayoutEffect7, useRef as useRef28, useState as useState37 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 import { Fragment as Fragment27, jsx as jsx68, jsxs as jsxs67 } from "react/jsx-runtime";
 function computePosition2(rect, panelRect, placement, offset) {
@@ -16171,7 +16270,7 @@ function HoverCard({
       closeTimer.current = null;
     }
   };
-  useEffect29(() => () => clearTimers(), []);
+  useEffect30(() => () => clearTimers(), []);
   const show = () => {
     clearTimers();
     openTimer.current = setTimeout(() => setOpen(true), openDelay);
@@ -16192,7 +16291,7 @@ function HoverCard({
     const id = requestAnimationFrame(reposition);
     return () => cancelAnimationFrame(id);
   }, [open, reposition]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!open) return;
     const h = () => reposition();
     window.addEventListener("scroll", h, true);
@@ -16341,7 +16440,7 @@ function FlowToolbarSave({
   const [inferred, setInferred] = useState38("idle");
   const prevSavedAt = useRef29(lastSavedAt);
   const prevLoading = useRef29(loading);
-  useEffect30(() => {
+  useEffect31(() => {
     if (state !== void 0) return;
     if (error) {
       setInferred("error");
@@ -17808,7 +17907,7 @@ import { AnimatePresence as AnimatePresence12, motion as motion18 } from "framer
 import {
   forwardRef as forwardRef56,
   useCallback as useCallback29,
-  useEffect as useEffect31,
+  useEffect as useEffect32,
   useId as useId33,
   useMemo as useMemo24,
   useRef as useRef30,
@@ -17992,7 +18091,7 @@ var LineChart = forwardRef56(
       },
       [zoomable]
     );
-    useEffect31(() => {
+    useEffect32(() => {
       if (!brush) return;
       const onUp = () => {
         const a = Math.min(brush.startPct, brush.currentPct);
@@ -18428,7 +18527,7 @@ LinkButton.displayName = "LinkButton";
 import { AddIcon as AddIcon5, CodeIcon as CodeIcon4, CopyIcon as CopyIcon5, DataConnectedIcon, TrashCanIcon as TrashCanIcon2 } from "@octaviaflow/icons";
 import {
   useCallback as useCallback31,
-  useEffect as useEffect35,
+  useEffect as useEffect36,
   useMemo as useMemo26,
   useRef as useRef33,
   useState as useState44
@@ -18438,7 +18537,7 @@ import {
 import {
   forwardRef as forwardRef58,
   useCallback as useCallback30,
-  useEffect as useEffect32,
+  useEffect as useEffect33,
   useRef as useRef31,
   useState as useState41
 } from "react";
@@ -18523,7 +18622,7 @@ function Sortable({
     },
     [items, onChange]
   );
-  useEffect32(() => {
+  useEffect33(() => {
     if (!autoScroll || !draggingId) return;
     const container = containerRef.current;
     if (!container) return;
@@ -18573,7 +18672,7 @@ function Sortable({
       }
     };
   }, [autoScroll, autoScrollEdge, draggingId, isVertical]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!draggingId) return;
     const onKey = (e) => {
       if (e.key === "Escape") cancelDrag();
@@ -18727,7 +18826,7 @@ DragHandle.displayName = "DragHandle";
 
 // src/components/MessageBlockBuilder/BlockFieldsEditor.tsx
 import { AddIcon as AddIcon4, ArrowDownIcon as ArrowDownIcon2, ArrowUpIcon as ArrowUpIcon2, TrashCanIcon } from "@octaviaflow/icons";
-import { useEffect as useEffect33, useRef as useRef32, useState as useState42 } from "react";
+import { useEffect as useEffect34, useRef as useRef32, useState as useState42 } from "react";
 
 // src/components/MessageBlockBuilder/internal.ts
 var BLOCK_DRAG_MIME = "application/x-ods-message-block";
@@ -18908,7 +19007,7 @@ function TextLikeField({ spec, fieldId, value, onChange, tokenRegistry }) {
     const end = el?.selectionEnd ?? start;
     onChange(`${value.slice(0, start)}${token}${value.slice(end)}`);
   };
-  useEffect33(() => {
+  useEffect34(() => {
     if (!isActive2 || !tokenRegistry) return;
     tokenRegistry.registerInsert(fieldId, insertAtCaret);
   });
@@ -21656,7 +21755,7 @@ var messagePlatformAdapters = {
 
 // src/components/MessageBlockBuilder/TokenPanel.tsx
 import { CloseIcon as CloseIcon14 } from "@octaviaflow/icons";
-import { useEffect as useEffect34, useMemo as useMemo25, useState as useState43 } from "react";
+import { useEffect as useEffect35, useMemo as useMemo25, useState as useState43 } from "react";
 import { Fragment as Fragment33, jsx as jsx84, jsxs as jsxs82 } from "react/jsx-runtime";
 function TokenPanel({
   tokenGroups,
@@ -21670,7 +21769,7 @@ function TokenPanel({
 }) {
   const [query, setQuery] = useState43("");
   const [hintFlash, setHintFlash] = useState43(false);
-  useEffect34(() => {
+  useEffect35(() => {
     if (!hintFlash) return;
     const timer = setTimeout(() => setHintFlash(false), 1400);
     return () => clearTimeout(timer);
@@ -21827,7 +21926,7 @@ function MessageBlockBuilder({
       }
     };
   }, [hasTokens, activeField]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!open) {
       initializedFor.current = /* @__PURE__ */ Symbol("never");
       return;
@@ -22938,7 +23037,7 @@ import { AnimatePresence as AnimatePresence13, motion as motion20 } from "framer
 import {
   forwardRef as forwardRef61,
   useCallback as useCallback32,
-  useEffect as useEffect36,
+  useEffect as useEffect37,
   useId as useId36,
   useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo28,
@@ -23037,7 +23136,7 @@ var MultiSelect = forwardRef61(
         width: rect.width
       });
     }, []);
-    useEffect36(() => {
+    useEffect37(() => {
       if (!open) return;
       updatePosition();
       window.addEventListener("scroll", updatePosition, true);
@@ -23047,7 +23146,7 @@ var MultiSelect = forwardRef61(
         window.removeEventListener("resize", updatePosition);
       };
     }, [open, updatePosition]);
-    useEffect36(() => {
+    useEffect37(() => {
       if (!open) return;
       const onDoc = (e) => {
         const t = e.target;
@@ -23059,12 +23158,12 @@ var MultiSelect = forwardRef61(
       document.addEventListener("mousedown", onDoc);
       return () => document.removeEventListener("mousedown", onDoc);
     }, [open]);
-    useEffect36(() => {
+    useEffect37(() => {
       if (open && showSearch) {
         requestAnimationFrame(() => searchRef.current?.focus());
       }
     }, [open, showSearch]);
-    useEffect36(() => setActiveIdx(0), [query, open]);
+    useEffect37(() => setActiveIdx(0), [query, open]);
     const [fitCount, setFitCount] = useState45(selectedValues.length);
     const [tick, setTick] = useState45(0);
     useLayoutEffect8(() => {
@@ -23094,7 +23193,7 @@ var MultiSelect = forwardRef61(
         count = Math.max(1, count - 1);
       setFitCount(count);
     }, [tick, selectedValues, maxVisibleTags]);
-    useEffect36(() => {
+    useEffect37(() => {
       if (typeof ResizeObserver === "undefined") return;
       const row = tagsRowRef.current;
       if (!row) return;
@@ -23972,7 +24071,7 @@ Pagination.displayName = "Pagination";
 import {
   forwardRef as forwardRef64,
   useCallback as useCallback35,
-  useEffect as useEffect37,
+  useEffect as useEffect38,
   useId as useId39,
   useRef as useRef36,
   useState as useState47
@@ -24035,7 +24134,7 @@ var PhoneInput = forwardRef64(
         (c) => c.name.toLowerCase().includes(q2) || c.dialCode.includes(q2) || c.code.toLowerCase().includes(q2)
       );
     })();
-    useEffect37(() => {
+    useEffect38(() => {
       if (!open) return;
       const onDocMouseDown = (e) => {
         const t = e.target;
@@ -24053,7 +24152,7 @@ var PhoneInput = forwardRef64(
         document.removeEventListener("keydown", onDocKey);
       };
     }, [open]);
-    useEffect37(() => {
+    useEffect38(() => {
       if (!open) {
         setQuery("");
         return;
@@ -24061,7 +24160,7 @@ var PhoneInput = forwardRef64(
       const idx = countries.findIndex((c) => c.code === country.code);
       setActiveIdx(idx === -1 ? 0 : idx);
     }, [open, countries, country.code]);
-    useEffect37(() => {
+    useEffect38(() => {
       setActiveIdx(0);
     }, [query]);
     const handleTriggerKey = useCallback35(
@@ -24101,7 +24200,7 @@ var PhoneInput = forwardRef64(
       },
       [filteredCountries, activeIdx, onCountryChange]
     );
-    useEffect37(() => {
+    useEffect38(() => {
       if (!open) return;
       if (showSearch) searchRef.current?.focus();
       else listRef.current?.focus();
@@ -25162,7 +25261,7 @@ var PlanPicker = forwardRef67(
 PlanPicker.displayName = "PlanPicker";
 
 // src/components/Popover/Popover.tsx
-import { useCallback as useCallback36, useEffect as useEffect38, useLayoutEffect as useLayoutEffect9, useRef as useRef37, useState as useState48 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect39, useLayoutEffect as useLayoutEffect9, useRef as useRef37, useState as useState48 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
 import { Fragment as Fragment40, jsx as jsx96, jsxs as jsxs93 } from "react/jsx-runtime";
 function computePosition3(rect, popRect, placement, offset) {
@@ -25218,7 +25317,7 @@ function Popover({
     const id = requestAnimationFrame(reposition);
     return () => cancelAnimationFrame(id);
   }, [open, reposition, content]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!open) return;
     const onScroll = () => reposition();
     window.addEventListener("scroll", onScroll, true);
@@ -25228,7 +25327,7 @@ function Popover({
       window.removeEventListener("resize", onScroll);
     };
   }, [open, reposition]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!open || !closeOnClickOutside) return;
     const onDoc = (e) => {
       const t = e.target;
@@ -25239,7 +25338,7 @@ function Popover({
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [open, closeOnClickOutside, setOpen]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!open || !closeOnEsc) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -25726,7 +25825,7 @@ ProgressRing.displayName = "ProgressRing";
 import {
   forwardRef as forwardRef72,
   useCallback as useCallback37,
-  useEffect as useEffect39,
+  useEffect as useEffect40,
   useId as useId44,
   useImperativeHandle as useImperativeHandle7,
   useRef as useRef38,
@@ -25830,7 +25929,7 @@ var PromptInput = forwardRef72(
       // biome-ignore lint/correctness/useExhaustiveDependencies: handleSubmit closes over up-to-date locals each render.
       [v, setValue]
     );
-    useEffect39(() => {
+    useEffect40(() => {
       const el = taRef.current;
       if (!el) return;
       const computed = window.getComputedStyle(el);
@@ -26843,7 +26942,7 @@ function BinaryButton({
 import {
   forwardRef as forwardRef79,
   useCallback as useCallback38,
-  useEffect as useEffect40,
+  useEffect as useEffect41,
   useLayoutEffect as useLayoutEffect10,
   useRef as useRef41,
   useState as useState51
@@ -26912,7 +27011,7 @@ var Resizable = forwardRef79(
       }
       setSplit(defaultSplit >= 1 ? defaultSplit : t * defaultSplit);
     }, []);
-    useEffect40(() => {
+    useEffect41(() => {
       const el = wrapRef.current;
       if (!el || typeof ResizeObserver === "undefined") return;
       const ro = new ResizeObserver(() => {
@@ -26945,7 +27044,7 @@ var Resizable = forwardRef79(
       setIsDragging(true);
       setDragOverlay(direction);
     };
-    useEffect40(() => {
+    useEffect41(() => {
       const onMove = (e) => {
         if (!draggingRef.current) return;
         const el = wrapRef.current;
@@ -27090,7 +27189,7 @@ var ResizablePanel = forwardRef79(
       };
       setDragOverlay(isVertical ? "vertical" : "horizontal");
     };
-    useEffect40(() => {
+    useEffect41(() => {
       const onMove = (e) => {
         if (!draggingRef.current) return;
         const delta = (isVertical ? e.clientY : e.clientX) - startRef.current.at;
@@ -27262,7 +27361,7 @@ function SettingsRow({
 
 // src/components/Sheet/Sheet.tsx
 import { AnimatePresence as AnimatePresence14, motion as motion22 } from "framer-motion";
-import { useEffect as useEffect41 } from "react";
+import { useEffect as useEffect42 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
 import { Fragment as Fragment43, jsx as jsx112, jsxs as jsxs108 } from "react/jsx-runtime";
 var slideVariants = {
@@ -27297,7 +27396,7 @@ function Sheet({
   dragHandle = true,
   className
 }) {
-  useEffect41(() => {
+  useEffect42(() => {
     if (!open || !closeOnEsc) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -27366,7 +27465,7 @@ function Show({ above, below, children, ...rest }) {
 Show.displayName = "Show";
 
 // src/components/Sidebar/Sidebar.tsx
-import { useCallback as useCallback39, useEffect as useEffect42, useRef as useRef42, useState as useState52 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect43, useRef as useRef42, useState as useState52 } from "react";
 import { Fragment as Fragment44, jsx as jsx114, jsxs as jsxs109 } from "react/jsx-runtime";
 function Sidebar({
   variant = "expanded",
@@ -27387,7 +27486,7 @@ function Sidebar({
 }) {
   const allSections = sections ?? (items ? [{ items }] : []);
   const [internalPinned, setInternalPinned] = useState52(defaultPinned);
-  useEffect42(() => {
+  useEffect43(() => {
     if (pinnedProp !== void 0) return;
     try {
       const stored = window.localStorage.getItem(pinStorageKey);
@@ -27422,7 +27521,7 @@ function Sidebar({
       closeTimer.current = null;
     }
   };
-  useEffect42(() => () => clearTimers(), []);
+  useEffect43(() => () => clearTimers(), []);
   const handleEnter = () => {
     clearTimers();
     openTimer.current = setTimeout(() => setHoverOpen(true), hoverOpenDelay);
@@ -27434,7 +27533,7 @@ function Sidebar({
   const autoMode = variant === "auto";
   const showAsRail = autoMode ? !pinned : variant === "rail";
   const overlayOpen = autoMode && !pinned && hoverOpen;
-  useEffect42(() => {
+  useEffect43(() => {
     if (!overlayOpen) return;
     const handler = (e) => {
       if (e.key === "Escape") {
@@ -27577,7 +27676,7 @@ function RailItem({
       timerRef.current = null;
     }
   };
-  useEffect42(() => () => clear(), []);
+  useEffect43(() => () => clear(), []);
   const show = () => {
     if (suppressTooltip) return;
     clear();
@@ -27845,7 +27944,7 @@ function hasActiveDescendant(item) {
 
 // src/components/SlideoutPanel/SlideoutPanel.tsx
 import { AnimatePresence as AnimatePresence15, motion as motion23 } from "framer-motion";
-import { useEffect as useEffect43, useRef as useRef43 } from "react";
+import { useEffect as useEffect44, useRef as useRef43 } from "react";
 import { FocusScope as FocusScope2, OverlayProvider as OverlayProvider2, useDialog as useDialog2, useModal as useModal2, useOverlay as useOverlay2 } from "react-aria";
 import { createPortal as createPortal15 } from "react-dom";
 import { Fragment as Fragment45, jsx as jsx115, jsxs as jsxs110 } from "react/jsx-runtime";
@@ -27879,7 +27978,7 @@ function SlideoutContent({
   if (offsetBottom) insetStyle.bottom = toCss2(offsetBottom);
   const overlayRef = useRef43(null);
   const panelRef = useRef43(null);
-  useEffect43(() => {
+  useEffect44(() => {
     if (!open) return;
     const portalEl = Array.from(document.body.children).find(
       (el) => el.contains(panelRef.current)
@@ -27978,7 +28077,7 @@ function SlideoutPanel(props) {
 import { useId as useId47, useState as useState54 } from "react";
 
 // src/hooks/useRelativeTime.ts
-import { useEffect as useEffect44, useState as useState53 } from "react";
+import { useEffect as useEffect45, useState as useState53 } from "react";
 function toMs(t) {
   if (t == null) return null;
   return typeof t === "number" ? t : t.getTime();
@@ -27998,7 +28097,7 @@ function formatRelativeTime(when, now2 = Date.now()) {
 function useRelativeTime(date, options2 = {}) {
   const { intervalMs = 3e4 } = options2;
   const [now2, setNow] = useState53(() => Date.now());
-  useEffect44(() => {
+  useEffect45(() => {
     if (typeof window === "undefined") return;
     const id = window.setInterval(() => setNow(Date.now()), intervalMs);
     return () => window.clearInterval(id);
@@ -28501,7 +28600,7 @@ import { AnimatePresence as AnimatePresence16, motion as motion24, useReducedMot
 import {
   forwardRef as forwardRef84,
   useCallback as useCallback40,
-  useEffect as useEffect45,
+  useEffect as useEffect46,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo31,
   useState as useState55
@@ -28547,7 +28646,7 @@ var Spotlight = forwardRef84(
     useLayoutEffect11(() => {
       measure();
     }, [measure]);
-    useEffect45(() => {
+    useEffect46(() => {
       if (!open) return;
       const handler = () => measure();
       window.addEventListener("resize", handler);
@@ -28557,7 +28656,7 @@ var Spotlight = forwardRef84(
         window.removeEventListener("scroll", handler, true);
       };
     }, [open, measure]);
-    useEffect45(() => {
+    useEffect46(() => {
       if (!open || !onDismiss) return;
       const onKey = (e) => {
         if (e.key === "Escape") onDismiss();
@@ -30040,7 +30139,7 @@ import {
   forwardRef as forwardRef93,
   Fragment as Fragment50,
   useCallback as useCallback44,
-  useEffect as useEffect46,
+  useEffect as useEffect47,
   useId as useId54,
   useRef as useRef44,
   useState as useState60
@@ -30184,14 +30283,14 @@ var TimePicker = forwardRef93(
       },
       [commitDraft]
     );
-    useEffect46(() => {
+    useEffect47(() => {
       if (!open) {
         clearCommitTimer();
         setDraftBoth(null);
       }
       return clearCommitTimer;
     }, [open, clearCommitTimer, setDraftBoth]);
-    useEffect46(() => {
+    useEffect47(() => {
       if (!open) return;
       const onDoc = (e) => {
         const target = e.target;
@@ -30459,7 +30558,7 @@ TimePicker.displayName = "TimePicker";
 import {
   forwardRef as forwardRef94,
   useCallback as useCallback45,
-  useEffect as useEffect47,
+  useEffect as useEffect48,
   useId as useId55,
   useMemo as useMemo34,
   useRef as useRef45,
@@ -30534,16 +30633,16 @@ var TimezonePicker = forwardRef94(
         (o) => o.iana.toLowerCase().includes(q2) || o.label.toLowerCase().includes(q2) || o.offset.toLowerCase().includes(q2) || o.region?.toLowerCase().includes(q2)
       );
     }, [options2, query]);
-    useEffect47(() => {
+    useEffect48(() => {
       if (activeIndex >= filtered.length) setActiveIndex(0);
     }, [filtered.length, activeIndex]);
-    useEffect47(() => {
+    useEffect48(() => {
       if (!open) return;
       const idx = filtered.findIndex((o) => o.iana === value);
       setActiveIndex(idx >= 0 ? idx : 0);
       inputRef.current?.focus();
     }, [open]);
-    useEffect47(() => {
+    useEffect48(() => {
       if (!open) return;
       const onDoc = (e) => {
         if (!wrapRef.current?.contains(e.target)) {
@@ -30554,7 +30653,7 @@ var TimezonePicker = forwardRef94(
       document.addEventListener("mousedown", onDoc);
       return () => document.removeEventListener("mousedown", onDoc);
     }, [open]);
-    useEffect47(() => {
+    useEffect48(() => {
       if (!open) return;
       const list = listRef.current;
       if (!list) return;
@@ -33083,7 +33182,7 @@ import {
 } from "@octaviaflow/icons";
 
 // src/hooks/useWorkflowRuntime.ts
-import { useEffect as useEffect48, useState as useState65 } from "react";
+import { useEffect as useEffect49, useState as useState65 } from "react";
 function toMs2(t) {
   if (t == null) return null;
   return typeof t === "number" ? t : t.getTime();
@@ -33098,7 +33197,7 @@ function formatWorkflowRuntime(ms) {
 }
 function useWorkflowRuntime(startedAt, active) {
   const [, force] = useState65(0);
-  useEffect48(() => {
+  useEffect49(() => {
     if (!active || startedAt == null) return;
     if (typeof window === "undefined") return;
     const id = window.setInterval(() => force((n) => n + 1), 1e3);
@@ -33462,13 +33561,13 @@ function WorkflowHeaderExpanded({
 }
 
 // src/hooks/useBanner.ts
-import { useCallback as useCallback51, useEffect as useEffect49, useRef as useRef48, useState as useState66 } from "react";
+import { useCallback as useCallback51, useEffect as useEffect50, useRef as useRef48, useState as useState66 } from "react";
 function useBanner(options2 = {}) {
   const { defaultOpen = false, autoDismissAfter, onDismiss } = options2;
   const [open, setOpen] = useState66(defaultOpen);
   const timerRef = useRef48(null);
   const onDismissRef = useRef48(onDismiss);
-  useEffect49(() => {
+  useEffect50(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
   const clearTimer = useCallback51(() => {
@@ -33499,7 +33598,7 @@ function useBanner(options2 = {}) {
     if (open) hide();
     else show();
   }, [open, show, hide]);
-  useEffect49(() => () => clearTimer(), [clearTimer]);
+  useEffect50(() => () => clearTimer(), [clearTimer]);
   return {
     open,
     show,
@@ -33510,7 +33609,7 @@ function useBanner(options2 = {}) {
 }
 
 // src/hooks/useCallout.ts
-import { useCallback as useCallback52, useEffect as useEffect50, useState as useState67 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect51, useState as useState67 } from "react";
 var STORAGE_PREFIX = "ods:callout:dismissed:";
 function readPersisted(key) {
   if (!key || typeof window === "undefined") return false;
@@ -33534,7 +33633,7 @@ function writePersisted(key, value) {
 function useCallout(options2 = {}) {
   const { defaultOpen = true, persistKey, onDismiss } = options2;
   const [open, setOpen] = useState67(defaultOpen);
-  useEffect50(() => {
+  useEffect51(() => {
     if (persistKey && readPersisted(persistKey)) {
       setOpen(false);
     }
@@ -33850,13 +33949,13 @@ function useTraceTimeline({
 
 // src/provider/OdsProvider.tsx
 import { generateCssVars, resolveConfig } from "@octaviaflow/config";
-import { createContext as createContext4, useContext as useContext5, useEffect as useEffect51, useMemo as useMemo38 } from "react";
+import { createContext as createContext4, useContext as useContext5, useEffect as useEffect52, useMemo as useMemo38 } from "react";
 import { OverlayProvider as OverlayProvider3 } from "react-aria";
 import { jsx as jsx142 } from "react/jsx-runtime";
 var OdsContext = createContext4(null);
 function OdsProvider({ config: userConfig, children }) {
   const resolved = useMemo38(() => resolveConfig(userConfig), [userConfig]);
-  useEffect51(() => {
+  useEffect52(() => {
     const cssVarsBlock = generateCssVars(resolved);
     const match = cssVarsBlock.match(/:root\s*\{([\s\S]*)\}/);
     if (match) {