@octaviaflow/core 3.0.0 → 3.0.1

package/dist/index.cjs

@@ -8723,8 +8723,7 @@ function LinkButton({
 }
 
 // src/components/MonacoEditor/MonacoEditor.tsx
-var import_react40 = require("@monaco-editor/react");
-var import_react41 = require("react");
+var import_react40 = require("react");
 
 // src/components/MonacoEditor/octaviaflowTheme.ts
 var OCTAVIAFLOW_LIGHT = {
@@ -8817,6 +8816,9 @@ var OCTAVIAFLOW_THEME_ID = "octaviaflow-light";
 
 // src/components/MonacoEditor/MonacoEditor.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
+var Editor = (0, import_react40.lazy)(
+  () => import("@monaco-editor/react").then((mod) => ({ default: mod.Editor }))
+);
 var MARKER_SEVERITY = {
   hint: 1,
   info: 2,
@@ -8849,27 +8851,27 @@ function MonacoEditor({
   ariaLabel = "Code editor",
   theme
 }) {
-  const editorRef = (0, import_react41.useRef)(null);
-  const monacoRef = (0, import_react41.useRef)(null);
-  const [wordWrap, setWordWrap] = (0, import_react41.useState)(wordWrapProp ?? false);
-  const [minimap, setMinimap] = (0, import_react41.useState)(minimapProp ?? false);
-  const [copied, setCopied] = (0, import_react41.useState)(false);
-  const [cursor, setCursor] = (0, import_react41.useState)({ line: 1, column: 1 });
-  const [selection, setSelection] = (0, import_react41.useState)({ chars: 0, lines: 0 });
-  const [lineCount, setLineCount] = (0, import_react41.useState)(value.split("\n").length);
-  (0, import_react41.useEffect)(() => {
+  const editorRef = (0, import_react40.useRef)(null);
+  const monacoRef = (0, import_react40.useRef)(null);
+  const [wordWrap, setWordWrap] = (0, import_react40.useState)(wordWrapProp ?? false);
+  const [minimap, setMinimap] = (0, import_react40.useState)(minimapProp ?? false);
+  const [copied, setCopied] = (0, import_react40.useState)(false);
+  const [cursor, setCursor] = (0, import_react40.useState)({ line: 1, column: 1 });
+  const [selection, setSelection] = (0, import_react40.useState)({ chars: 0, lines: 0 });
+  const [lineCount, setLineCount] = (0, import_react40.useState)(value.split("\n").length);
+  (0, import_react40.useEffect)(() => {
     if (wordWrapProp !== void 0) setWordWrap(wordWrapProp);
   }, [wordWrapProp]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (minimapProp !== void 0) setMinimap(minimapProp);
   }, [minimapProp]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     editorRef.current?.updateOptions({
       wordWrap: wordWrap ? "on" : "off",
       minimap: { enabled: minimap }
     });
   }, [wordWrap, minimap]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const editor = editorRef.current;
     const monaco = monacoRef.current;
     if (!editor || !monaco || !markers) return;
@@ -8889,7 +8891,7 @@ function MonacoEditor({
       }))
     );
   }, [markers]);
-  const handleMount = (0, import_react41.useCallback)(
+  const handleMount = (0, import_react40.useCallback)(
     (editor, monaco) => {
       editorRef.current = editor;
       monacoRef.current = monaco;
@@ -9072,8 +9074,11 @@ function MonacoEditor({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          import_react40.Editor,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react40.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "ods-monaco__loading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ods-monaco__loading-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("circle", { cx: "7", cy: "7", r: "5", stroke: "currentColor", strokeWidth: "1.4", strokeDasharray: "4 18", strokeLinecap: "round" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: "Loading editor\u2026" })
+        ] }), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          Editor,
           {
             value,
             onChange: (v) => onChange?.(v ?? ""),
@@ -9088,7 +9093,7 @@ function MonacoEditor({
             ] }),
             "aria-label": ariaLabel
           }
-        ) }),
+        ) }) }),
         !hideFooter && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "ods-monaco__footer", children: [
           /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "ods-monaco__pos", children: [
             "Ln ",
@@ -9121,9 +9126,11 @@ function MonacoEditor({
 }
 
 // src/components/MonacoEditor/MonacoDiffEditor.tsx
-var import_react42 = require("@monaco-editor/react");
-var import_react43 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
+var DiffEditor = (0, import_react41.lazy)(
+  () => import("@monaco-editor/react").then((mod) => ({ default: mod.DiffEditor }))
+);
 function MonacoDiffEditor({
   original,
   modified,
@@ -9144,8 +9151,8 @@ function MonacoDiffEditor({
   theme,
   hideToolbar = false
 }) {
-  const editorRef = (0, import_react43.useRef)(null);
-  const [sideBySide, setSideBySide] = (0, import_react43.useState)(renderSideBySide);
+  const editorRef = (0, import_react41.useRef)(null);
+  const [sideBySide, setSideBySide] = (0, import_react41.useState)(renderSideBySide);
   const handleMount = (diffEditor, monaco) => {
     editorRef.current = diffEditor;
     monaco.editor.defineTheme(OCTAVIAFLOW_THEME_ID, OCTAVIAFLOW_LIGHT);
@@ -9228,8 +9235,11 @@ function MonacoDiffEditor({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          import_react42.DiffEditor,
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "ods-monaco__body", style: { minHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react41.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "ods-monaco__loading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ods-monaco__loading-spin", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("circle", { cx: "7", cy: "7", r: "5", stroke: "currentColor", strokeWidth: "1.4", strokeDasharray: "4 18", strokeLinecap: "round" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: "Loading diff\u2026" })
+        ] }), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          DiffEditor,
           {
             original,
             modified,
@@ -9243,7 +9253,7 @@ function MonacoDiffEditor({
               /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: "Loading diff\u2026" })
             ] })
           }
-        ) })
+        ) }) })
       ]
     }
   );
@@ -9251,7 +9261,7 @@ function MonacoDiffEditor({
 
 // src/components/MultiSelect/MultiSelect.tsx
 var import_framer_motion10 = require("framer-motion");
-var import_react44 = require("react");
+var import_react42 = require("react");
 var import_react_dom4 = require("react-dom");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var RESERVED_TAIL_PX = 64;
@@ -9273,25 +9283,25 @@ function MultiSelect({
   maxTags,
   className
 }) {
-  const [internalValue, setInternalValue] = (0, import_react44.useState)(defaultValue ?? []);
+  const [internalValue, setInternalValue] = (0, import_react42.useState)(defaultValue ?? []);
   const selectedValues = controlledValue ?? internalValue;
-  const [open, setOpen] = (0, import_react44.useState)(false);
-  const [query, setQuery] = (0, import_react44.useState)("");
-  const [activeIdx, setActiveIdx] = (0, import_react44.useState)(0);
-  const [dropdownPos, setDropdownPos] = (0, import_react44.useState)({ top: 0, left: 0, width: 0 });
-  const wrapRef = (0, import_react44.useRef)(null);
-  const tagsRowRef = (0, import_react44.useRef)(null);
-  const searchRef = (0, import_react44.useRef)(null);
-  const dropdownRef = (0, import_react44.useRef)(null);
-  const chipRefs = (0, import_react44.useRef)([]);
-  const commit = (0, import_react44.useCallback)(
+  const [open, setOpen] = (0, import_react42.useState)(false);
+  const [query, setQuery] = (0, import_react42.useState)("");
+  const [activeIdx, setActiveIdx] = (0, import_react42.useState)(0);
+  const [dropdownPos, setDropdownPos] = (0, import_react42.useState)({ top: 0, left: 0, width: 0 });
+  const wrapRef = (0, import_react42.useRef)(null);
+  const tagsRowRef = (0, import_react42.useRef)(null);
+  const searchRef = (0, import_react42.useRef)(null);
+  const dropdownRef = (0, import_react42.useRef)(null);
+  const chipRefs = (0, import_react42.useRef)([]);
+  const commit = (0, import_react42.useCallback)(
     (next) => {
       if (controlledValue === void 0) setInternalValue(next);
       onChange?.(next);
     },
     [controlledValue, onChange]
   );
-  const availableOptions = (0, import_react44.useMemo)(() => {
+  const availableOptions = (0, import_react42.useMemo)(() => {
     const selected = new Set(selectedValues);
     const unselected = options.filter((o) => !selected.has(o.value));
     if (!query.trim()) return unselected;
@@ -9303,12 +9313,12 @@ function MultiSelect({
   const showSearch = searchable ?? options.length > 6;
   const getLabel = (v) => options.find((o) => o.value === v)?.label ?? v;
   const getIcon = (v) => options.find((o) => o.value === v)?.icon;
-  const updatePosition = (0, import_react44.useCallback)(() => {
+  const updatePosition = (0, import_react42.useCallback)(() => {
     if (!wrapRef.current) return;
     const rect = wrapRef.current.getBoundingClientRect();
     setDropdownPos({ top: rect.bottom + 4, left: rect.left, width: rect.width });
   }, []);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!open) return;
     updatePosition();
     window.addEventListener("scroll", updatePosition, true);
@@ -9318,7 +9328,7 @@ function MultiSelect({
       window.removeEventListener("resize", updatePosition);
     };
   }, [open, updatePosition]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!open) return;
     const onDoc = (e) => {
       const t = e.target;
@@ -9330,15 +9340,15 @@ function MultiSelect({
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [open]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (open && showSearch) {
       requestAnimationFrame(() => searchRef.current?.focus());
     }
   }, [open, showSearch]);
-  (0, import_react44.useEffect)(() => setActiveIdx(0), [query, open]);
-  const [fitCount, setFitCount] = (0, import_react44.useState)(selectedValues.length);
-  const [tick, setTick] = (0, import_react44.useState)(0);
-  (0, import_react44.useLayoutEffect)(() => {
+  (0, import_react42.useEffect)(() => setActiveIdx(0), [query, open]);
+  const [fitCount, setFitCount] = (0, import_react42.useState)(selectedValues.length);
+  const [tick, setTick] = (0, import_react42.useState)(0);
+  (0, import_react42.useLayoutEffect)(() => {
     if (maxVisibleTags !== void 0) {
       setFitCount(Math.min(selectedValues.length, maxVisibleTags));
       return;
@@ -9364,7 +9374,7 @@ function MultiSelect({
     if (count < selectedValues.length && count > 0) count = Math.max(1, count - 1);
     setFitCount(count);
   }, [tick, selectedValues, maxVisibleTags]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (typeof ResizeObserver === "undefined") return;
     const row = tagsRowRef.current;
     if (!row) return;
@@ -9372,7 +9382,7 @@ function MultiSelect({
     ro.observe(row);
     return () => ro.disconnect();
   }, []);
-  const addValue = (0, import_react44.useCallback)(
+  const addValue = (0, import_react42.useCallback)(
     (val) => {
       if (maxTags && selectedValues.length >= maxTags) return;
       commit([...selectedValues, val]);
@@ -9382,17 +9392,17 @@ function MultiSelect({
     },
     [selectedValues, maxTags, commit]
   );
-  const removeValue = (0, import_react44.useCallback)(
+  const removeValue = (0, import_react42.useCallback)(
     (val) => {
       commit(selectedValues.filter((v) => v !== val));
     },
     [selectedValues, commit]
   );
-  const clearAll = (0, import_react44.useCallback)(() => {
+  const clearAll = (0, import_react42.useCallback)(() => {
     commit([]);
     setQuery("");
   }, [commit]);
-  const handleSearchKey = (0, import_react44.useCallback)(
+  const handleSearchKey = (0, import_react42.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         setOpen(false);
@@ -9621,7 +9631,7 @@ function MultiSelect({
 }
 
 // src/components/NumberInput/NumberInput.tsx
-var import_react45 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function NumberInput({
   label,
@@ -9640,7 +9650,7 @@ function NumberInput({
   className,
   ...props
 }) {
-  const clamp = (0, import_react45.useCallback)(
+  const clamp = (0, import_react43.useCallback)(
     (v) => {
       if (typeof min === "number") v = Math.max(min, v);
       if (typeof max === "number") v = Math.min(max, v);
@@ -9714,7 +9724,7 @@ function NumberInput({
 }
 
 // src/components/OTPInput/OTPInput.tsx
-var import_react46 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function OTPInput({
   label,
@@ -9729,9 +9739,9 @@ function OTPInput({
   autoFocus = false,
   className
 }) {
-  const refs = (0, import_react46.useRef)([]);
+  const refs = (0, import_react44.useRef)([]);
   const pattern = type === "numeric" ? /[^0-9]/g : /[^a-zA-Z0-9]/g;
-  const setCharAt = (0, import_react46.useCallback)(
+  const setCharAt = (0, import_react44.useCallback)(
     (idx, ch) => {
       const cleaned = ch.replace(pattern, "").slice(0, 1);
       const chars = value.split("");
@@ -9840,7 +9850,7 @@ function PageHeader({
 }
 
 // src/components/PasswordInput/PasswordInput.tsx
-var import_react47 = require("react");
+var import_react45 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var strengthLabels = ["Very weak", "Weak", "Fair", "Strong", "Very strong"];
 function PasswordInput({
@@ -9857,7 +9867,7 @@ function PasswordInput({
   className,
   ...rest
 }) {
-  const [shown, setShown] = (0, import_react47.useState)(false);
+  const [shown, setShown] = (0, import_react45.useState)(false);
   const handle = (e) => onChange?.(e.target.value);
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
@@ -9936,7 +9946,7 @@ function PasswordInput({
 }
 
 // src/components/PhoneInput/PhoneInput.tsx
-var import_react48 = require("react");
+var import_react46 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var DEFAULT_COUNTRIES = [
   { code: "US", name: "United States", dialCode: "+1", flag: "\u{1F1FA}\u{1F1F8}" },
@@ -9962,7 +9972,7 @@ function PhoneInput({
   helperText,
   className
 }) {
-  const [open, setOpen] = (0, import_react48.useState)(false);
+  const [open, setOpen] = (0, import_react46.useState)(false);
   const country = countries.find((c) => c.code === countryCode) ?? countries[0];
   const onInput = (e) => onChange?.(e.target.value);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
@@ -10044,7 +10054,7 @@ function PhoneInput({
 }
 
 // src/components/Popover/Popover.tsx
-var import_react49 = require("react");
+var import_react47 = require("react");
 var import_react_dom5 = require("react-dom");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function computePosition2(rect, popRect, placement, offset) {
@@ -10075,31 +10085,31 @@ function Popover({
   children,
   className
 }) {
-  const [openState, setOpenState] = (0, import_react49.useState)(defaultOpen);
+  const [openState, setOpenState] = (0, import_react47.useState)(defaultOpen);
   const open = openProp ?? openState;
-  const setOpen = (0, import_react49.useCallback)(
+  const setOpen = (0, import_react47.useCallback)(
     (v) => {
       if (openProp === void 0) setOpenState(v);
       onOpenChange?.(v);
     },
     [openProp, onOpenChange]
   );
-  const triggerRef = (0, import_react49.useRef)(null);
-  const popRef = (0, import_react49.useRef)(null);
-  const [coords, setCoords] = (0, import_react49.useState)(null);
-  const reposition = (0, import_react49.useCallback)(() => {
+  const triggerRef = (0, import_react47.useRef)(null);
+  const popRef = (0, import_react47.useRef)(null);
+  const [coords, setCoords] = (0, import_react47.useState)(null);
+  const reposition = (0, import_react47.useCallback)(() => {
     if (!triggerRef.current || !popRef.current) return;
     const trigRect = triggerRef.current.getBoundingClientRect();
     const popRect = popRef.current.getBoundingClientRect();
     setCoords(computePosition2(trigRect, popRect, placement, offset));
   }, [placement, offset]);
-  (0, import_react49.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     if (!open) return;
     reposition();
     const id = requestAnimationFrame(reposition);
     return () => cancelAnimationFrame(id);
   }, [open, reposition, content]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!open) return;
     const onScroll = () => reposition();
     window.addEventListener("scroll", onScroll, true);
@@ -10109,7 +10119,7 @@ function Popover({
       window.removeEventListener("resize", onScroll);
     };
   }, [open, reposition]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!open || !closeOnClickOutside) return;
     const onDoc = (e) => {
       const t = e.target;
@@ -10120,7 +10130,7 @@ function Popover({
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [open, closeOnClickOutside, setOpen]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!open || !closeOnEsc) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -10319,7 +10329,7 @@ function ProgressRing({
 }
 
 // src/components/PromptInput/PromptInput.tsx
-var import_react50 = require("react");
+var import_react48 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var ATTACH_GLYPH = /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
   "path",
@@ -10370,22 +10380,22 @@ function PromptInput({
   className,
   ariaLabel = "Prompt"
 }) {
-  const taRef = (0, import_react50.useRef)(null);
-  const [internal, setInternal] = (0, import_react50.useState)(defaultValue);
+  const taRef = (0, import_react48.useRef)(null);
+  const [internal, setInternal] = (0, import_react48.useState)(defaultValue);
   const v = value ?? internal;
   const isControlled = value !== void 0;
-  const [suggestionsOpen, setSuggestionsOpen] = (0, import_react50.useState)(false);
-  const [suggestionIndex, setSuggestionIndex] = (0, import_react50.useState)(0);
-  const [isDragOver, setIsDragOver] = (0, import_react50.useState)(false);
-  const [historyIdx, setHistoryIdx] = (0, import_react50.useState)(null);
-  const setValue = (0, import_react50.useCallback)(
+  const [suggestionsOpen, setSuggestionsOpen] = (0, import_react48.useState)(false);
+  const [suggestionIndex, setSuggestionIndex] = (0, import_react48.useState)(0);
+  const [isDragOver, setIsDragOver] = (0, import_react48.useState)(false);
+  const [historyIdx, setHistoryIdx] = (0, import_react48.useState)(null);
+  const setValue = (0, import_react48.useCallback)(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
     },
     [isControlled, onChange]
   );
-  (0, import_react50.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const el = taRef.current;
     if (!el) return;
     const computed = window.getComputedStyle(el);
@@ -10712,16 +10722,16 @@ function Quote({
 }
 
 // src/components/Radio/Radio.tsx
-var import_react52 = require("react");
+var import_react50 = require("react");
 var import_react_aria9 = require("react-aria");
 
 // src/components/Radio/RadioGroup.tsx
-var import_react51 = require("react");
+var import_react49 = require("react");
 var import_react_aria8 = require("react-aria");
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var RadioGroupContext = (0, import_react51.createContext)(null);
+var RadioGroupContext = (0, import_react49.createContext)(null);
 function useRadioGroupContext() {
-  const context = (0, import_react51.useContext)(RadioGroupContext);
+  const context = (0, import_react49.useContext)(RadioGroupContext);
   if (!context) {
     throw new Error("Radio must be used within a RadioGroup");
   }
@@ -10746,7 +10756,7 @@ function RadioGroup({
     orientation
   };
   const state = $384704861d32dbed$export$bca9d026f8e704eb(ariaProps);
-  const ref = (0, import_react51.useRef)(null);
+  const ref = (0, import_react49.useRef)(null);
   const { radioGroupProps, labelProps } = (0, import_react_aria8.useRadioGroup)(ariaProps, state);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
@@ -10771,7 +10781,7 @@ function RadioGroup({
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function Radio({ value, label, disabled = false, className }) {
   const state = useRadioGroupContext();
-  const ref = (0, import_react52.useRef)(null);
+  const ref = (0, import_react50.useRef)(null);
   const { inputProps } = (0, import_react_aria9.useRadio)(
     {
       value,
@@ -10889,7 +10899,7 @@ function RangeSlider({
 }
 
 // src/components/Rating/Rating.tsx
-var import_react53 = require("react");
+var import_react51 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function StarIcon({ fill }) {
   const pathId = `r-${Math.random().toString(36).slice(2)}`;
@@ -10942,7 +10952,7 @@ function Rating({
   icon = "star",
   className
 }) {
-  const [hover, setHover] = (0, import_react53.useState)(null);
+  const [hover, setHover] = (0, import_react51.useState)(null);
   const display = hover ?? value;
   const interactive = !readOnly && !disabled;
   const Icon = icon === "heart" ? HeartIcon : StarIcon;
@@ -11005,7 +11015,7 @@ function Rating({
 }
 
 // src/components/Resizable/Resizable.tsx
-var import_react54 = require("react");
+var import_react52 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function Resizable({
   direction = "horizontal",
@@ -11020,8 +11030,8 @@ function Resizable({
   className,
   ariaLabel = "Resize panels"
 }) {
-  const wrapRef = (0, import_react54.useRef)(null);
-  const [internalSplit, setInternalSplit] = (0, import_react54.useState)(() => {
+  const wrapRef = (0, import_react52.useRef)(null);
+  const [internalSplit, setInternalSplit] = (0, import_react52.useState)(() => {
     if (typeof window === "undefined" || !storageKey) return null;
     const stored = window.localStorage.getItem(storageKey);
     if (stored != null) {
@@ -11030,20 +11040,20 @@ function Resizable({
     }
     return null;
   });
-  const draggingRef = (0, import_react54.useRef)(false);
-  const [isDragging, setDragging] = (0, import_react54.useState)(false);
-  const computeFromDefault = (0, import_react54.useCallback)(() => {
+  const draggingRef = (0, import_react52.useRef)(false);
+  const [isDragging, setDragging] = (0, import_react52.useState)(false);
+  const computeFromDefault = (0, import_react52.useCallback)(() => {
     const el = wrapRef.current;
     if (!el) return 240;
     const total = direction === "horizontal" ? el.offsetWidth : el.offsetHeight;
     return defaultSplit > 0 && defaultSplit < 1 ? total * defaultSplit : defaultSplit;
   }, [direction, defaultSplit]);
-  const [split, setSplit] = (0, import_react54.useState)(() => {
+  const [split, setSplit] = (0, import_react52.useState)(() => {
     if (splitProp != null) return splitProp;
     if (internalSplit != null) return internalSplit;
     return defaultSplit > 0 && defaultSplit < 1 ? 0 : defaultSplit;
   });
-  (0, import_react54.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (splitProp != null) {
       setSplit(splitProp);
       return;
@@ -11058,7 +11068,7 @@ function Resizable({
       setSplit(defaultSplit);
     }
   }, [splitProp, internalSplit, defaultSplit, computeFromDefault]);
-  const persist = (0, import_react54.useCallback)(
+  const persist = (0, import_react52.useCallback)(
     (next) => {
       onSplitChange?.(next);
       if (splitProp == null) setInternalSplit(next);
@@ -11076,7 +11086,7 @@ function Resizable({
     draggingRef.current = true;
     setDragging(true);
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const onMove = (e) => {
       if (!draggingRef.current) return;
       const el = wrapRef.current;
@@ -11172,18 +11182,18 @@ function ResizablePanel({
   children,
   className
 }) {
-  const [internal, setInternal] = (0, import_react54.useState)(sizeProp ?? defaultSize);
+  const [internal, setInternal] = (0, import_react52.useState)(sizeProp ?? defaultSize);
   const size = sizeProp ?? internal;
-  const draggingRef = (0, import_react54.useRef)(false);
-  const [isDragging, setDragging] = (0, import_react54.useState)(false);
-  const startRef = (0, import_react54.useRef)({ x: 0, size });
+  const draggingRef = (0, import_react52.useRef)(false);
+  const [isDragging, setDragging] = (0, import_react52.useState)(false);
+  const startRef = (0, import_react52.useRef)({ x: 0, size });
   const onMouseDown = (e) => {
     e.preventDefault();
     draggingRef.current = true;
     setDragging(true);
     startRef.current = { x: e.clientX, size };
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const onMove = (e) => {
       if (!draggingRef.current) return;
       const dx = e.clientX - startRef.current.x;
@@ -11246,18 +11256,18 @@ function Ribbon({
 
 // src/components/Select/Select.tsx
 var import_framer_motion11 = require("framer-motion");
-var import_react55 = require("react");
+var import_react53 = require("react");
 var import_react_aria10 = require("react-aria");
 var import_react_dom6 = require("react-dom");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function ListBox(props) {
-  const ref = (0, import_react55.useRef)(null);
+  const ref = (0, import_react53.useRef)(null);
   const { listBoxRef = ref, state } = props;
   const { listBoxProps } = (0, import_react_aria10.useListBox)(props, state, listBoxRef);
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { ...listBoxProps, ref: listBoxRef, className: "ods-select__options", children: [...state.collection].map((item) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Option, { item, state }, item.key)) });
 }
 function Option({ item, state }) {
-  const ref = (0, import_react55.useRef)(null);
+  const ref = (0, import_react53.useRef)(null);
   const { optionProps, isSelected, isFocused, isDisabled } = (0, import_react_aria10.useOption)(
     { key: item.key },
     state,
@@ -11334,19 +11344,19 @@ function Select({
   className,
   name
 }) {
-  const triggerRef = (0, import_react55.useRef)(null);
-  const listBoxRef = (0, import_react55.useRef)(null);
-  const searchRef = (0, import_react55.useRef)(null);
-  const [searchQuery, setSearchQuery] = (0, import_react55.useState)("");
-  const [dropdownPos, setDropdownPos] = (0, import_react55.useState)({ top: 0, left: 0, width: 0 });
-  const filteredOptions = (0, import_react55.useMemo)(() => {
+  const triggerRef = (0, import_react53.useRef)(null);
+  const listBoxRef = (0, import_react53.useRef)(null);
+  const searchRef = (0, import_react53.useRef)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react53.useState)("");
+  const [dropdownPos, setDropdownPos] = (0, import_react53.useState)({ top: 0, left: 0, width: 0 });
+  const filteredOptions = (0, import_react53.useMemo)(() => {
     if (!searchable || !searchQuery) return options;
     const q = searchQuery.toLowerCase();
     return options.filter(
       (o) => o.label.toLowerCase().includes(q) || o.description?.toLowerCase().includes(q)
     );
   }, [options, searchQuery, searchable]);
-  const ariaProps = (0, import_react55.useMemo)(() => {
+  const ariaProps = (0, import_react53.useMemo)(() => {
     const items = filteredOptions.map((o) => ({
       key: o.value,
       label: o.label,
@@ -11374,7 +11384,7 @@ function Select({
   const state = $29256f53a2edafe9$export$5159ec8b34d4ec12(ariaProps);
   const { triggerProps, menuProps } = (0, import_react_aria10.useSelect)(ariaProps, state, triggerRef);
   const { buttonProps } = (0, import_react_aria10.useButton)(triggerProps, triggerRef);
-  const updatePosition = (0, import_react55.useCallback)(() => {
+  const updatePosition = (0, import_react53.useCallback)(() => {
     if (!triggerRef.current) return;
     const rect = triggerRef.current.getBoundingClientRect();
     setDropdownPos({
@@ -11383,7 +11393,7 @@ function Select({
       width: rect.width
     });
   }, []);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (state.isOpen) {
       updatePosition();
       window.addEventListener("scroll", updatePosition, true);
@@ -11394,7 +11404,7 @@ function Select({
       };
     }
   }, [state.isOpen, updatePosition]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (state.isOpen && searchable && searchRef.current) {
       requestAnimationFrame(() => searchRef.current?.focus());
     }
@@ -11501,7 +11511,7 @@ function SettingsRow({
 
 // src/components/Sheet/Sheet.tsx
 var import_framer_motion12 = require("framer-motion");
-var import_react56 = require("react");
+var import_react54 = require("react");
 var import_react_dom7 = require("react-dom");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var slideVariants = {
@@ -11536,7 +11546,7 @@ function Sheet({
   dragHandle = true,
   className
 }) {
-  (0, import_react56.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!open || !closeOnEsc) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -11588,7 +11598,7 @@ function Sheet({
 }
 
 // src/components/Sidebar/Sidebar.tsx
-var import_react57 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function Sidebar({
   variant = "expanded",
@@ -11610,7 +11620,7 @@ function Sidebar({
   className
 }) {
   const allSections = sections ?? (items ? [{ items }] : []);
-  const [internalPinned, setInternalPinned] = (0, import_react57.useState)(() => {
+  const [internalPinned, setInternalPinned] = (0, import_react55.useState)(() => {
     if (typeof window === "undefined") return defaultPinned;
     try {
       const stored = window.localStorage.getItem(pinStorageKey);
@@ -11620,7 +11630,7 @@ function Sidebar({
     return defaultPinned;
   });
   const pinned = pinnedProp ?? internalPinned;
-  const setPinned = (0, import_react57.useCallback)(
+  const setPinned = (0, import_react55.useCallback)(
     (p) => {
       if (pinnedProp === void 0) setInternalPinned(p);
       try {
@@ -11631,9 +11641,9 @@ function Sidebar({
     },
     [pinnedProp, pinStorageKey, onPinnedChange]
   );
-  const [hoverOpen, setHoverOpen] = (0, import_react57.useState)(false);
-  const openTimer = (0, import_react57.useRef)(null);
-  const closeTimer = (0, import_react57.useRef)(null);
+  const [hoverOpen, setHoverOpen] = (0, import_react55.useState)(false);
+  const openTimer = (0, import_react55.useRef)(null);
+  const closeTimer = (0, import_react55.useRef)(null);
   const clearTimers = () => {
     if (openTimer.current) {
       clearTimeout(openTimer.current);
@@ -11644,7 +11654,7 @@ function Sidebar({
       closeTimer.current = null;
     }
   };
-  (0, import_react57.useEffect)(() => () => clearTimers(), []);
+  (0, import_react55.useEffect)(() => () => clearTimers(), []);
   const handleEnter = () => {
     clearTimers();
     openTimer.current = setTimeout(() => setHoverOpen(true), hoverOpenDelay);
@@ -11778,15 +11788,15 @@ function RailItem({
   tooltipDelay,
   suppressTooltip
 }) {
-  const [tipOpen, setTipOpen] = (0, import_react57.useState)(false);
-  const timerRef = (0, import_react57.useRef)(null);
+  const [tipOpen, setTipOpen] = (0, import_react55.useState)(false);
+  const timerRef = (0, import_react55.useRef)(null);
   const clear = () => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   };
-  (0, import_react57.useEffect)(() => () => clear(), []);
+  (0, import_react55.useEffect)(() => () => clear(), []);
   const show = () => {
     if (suppressTooltip) return;
     clear();
@@ -11907,7 +11917,7 @@ function ExpandedLayout({
 }
 function ExpandedItem({ item, level }) {
   const hasChildren = !!(item.children && item.children.length > 0);
-  const [open, setOpen] = (0, import_react57.useState)(
+  const [open, setOpen] = (0, import_react55.useState)(
     item.defaultExpanded ?? (hasChildren && hasActiveDescendant(item))
   );
   if (hasChildren) {
@@ -12034,7 +12044,7 @@ function Skeleton({ variant = "text", width, height, lines = 1, className }) {
 
 // src/components/SlideoutPanel/SlideoutPanel.tsx
 var import_framer_motion13 = require("framer-motion");
-var import_react58 = require("react");
+var import_react56 = require("react");
 var import_react_aria11 = require("react-aria");
 var import_react_dom8 = require("react-dom");
 var import_jsx_runtime73 = require("react/jsx-runtime");
@@ -12060,8 +12070,8 @@ function SlideoutContent({
   footer,
   className
 }) {
-  const overlayRef = (0, import_react58.useRef)(null);
-  const panelRef = (0, import_react58.useRef)(null);
+  const overlayRef = (0, import_react56.useRef)(null);
+  const panelRef = (0, import_react56.useRef)(null);
   const { overlayProps } = (0, import_react_aria11.useOverlay)(
     {
       isOpen: open,
@@ -12286,7 +12296,7 @@ function SocialButton({
 }
 
 // src/components/Sortable/Sortable.tsx
-var import_react59 = require("react");
+var import_react57 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var DT_TYPE = "application/x-ods-sortable";
 function Sortable({
@@ -12299,15 +12309,15 @@ function Sortable({
   autoScrollEdge = 48,
   className
 }) {
-  const containerRef = (0, import_react59.useRef)(null);
-  const itemRefs = (0, import_react59.useRef)(/* @__PURE__ */ new Map());
-  const originalOrderRef = (0, import_react59.useRef)(null);
-  const scrollTimerRef = (0, import_react59.useRef)(null);
-  const [draggingId, setDraggingId] = (0, import_react59.useState)(null);
-  const [dropPos, setDropPos] = (0, import_react59.useState)(null);
-  const [kbActiveId, setKbActiveId] = (0, import_react59.useState)(null);
+  const containerRef = (0, import_react57.useRef)(null);
+  const itemRefs = (0, import_react57.useRef)(/* @__PURE__ */ new Map());
+  const originalOrderRef = (0, import_react57.useRef)(null);
+  const scrollTimerRef = (0, import_react57.useRef)(null);
+  const [draggingId, setDraggingId] = (0, import_react57.useState)(null);
+  const [dropPos, setDropPos] = (0, import_react57.useState)(null);
+  const [kbActiveId, setKbActiveId] = (0, import_react57.useState)(null);
   const isVertical = direction === "vertical";
-  const onDragStart = (0, import_react59.useCallback)(
+  const onDragStart = (0, import_react57.useCallback)(
     (id) => (e) => {
       if (disabled) return;
       e.dataTransfer.effectAllowed = "move";
@@ -12318,7 +12328,7 @@ function Sortable({
     },
     [disabled, items]
   );
-  const cancelDrag = (0, import_react59.useCallback)(() => {
+  const cancelDrag = (0, import_react57.useCallback)(() => {
     setDraggingId(null);
     setDropPos(null);
     originalOrderRef.current = null;
@@ -12327,7 +12337,7 @@ function Sortable({
       scrollTimerRef.current = null;
     }
   }, []);
-  const onDragEnd = (0, import_react59.useCallback)(() => {
+  const onDragEnd = (0, import_react57.useCallback)(() => {
     cancelDrag();
   }, [cancelDrag]);
   const onItemDragOver = (id) => (e) => {
@@ -12352,7 +12362,7 @@ function Sortable({
     if (sourceId === target.id) return;
     commitMove(sourceId, target.id, target.edge);
   };
-  const commitMove = (0, import_react59.useCallback)(
+  const commitMove = (0, import_react57.useCallback)(
     (sourceId, targetId, edge) => {
       const from = items.findIndex((i) => i.id === sourceId);
       let to = items.findIndex((i) => i.id === targetId);
@@ -12366,7 +12376,7 @@ function Sortable({
     },
     [items, onChange]
   );
-  (0, import_react59.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!autoScroll || !draggingId) return;
     const container = containerRef.current;
     if (!container) return;
@@ -12416,7 +12426,7 @@ function Sortable({
       }
     };
   }, [autoScroll, autoScrollEdge, draggingId, isVertical]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!draggingId) return;
     const onKey = (e) => {
       if (e.key === "Escape") cancelDrag();
@@ -12695,7 +12705,7 @@ function Stat({
 }
 
 // src/components/Switch/Switch.tsx
-var import_react60 = require("react");
+var import_react58 = require("react");
 var import_react_aria12 = require("react-aria");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function Switch({
@@ -12708,7 +12718,7 @@ function Switch({
   className,
   ...props
 }) {
-  const ref = (0, import_react60.useRef)(null);
+  const ref = (0, import_react58.useRef)(null);
   const state = $fd3c5e01e837dc20$export$8042c6c013fd5226({
     isSelected: checked,
     defaultSelected: defaultChecked,
@@ -12744,7 +12754,7 @@ function Switch({
 }
 
 // src/components/Table/Table.tsx
-var import_react61 = require("react");
+var import_react59 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function Table({
   columns,
@@ -12762,7 +12772,7 @@ function Table({
   className
 }) {
   const _expandedRows = /* @__PURE__ */ new Set();
-  const handleSort = (0, import_react61.useCallback)(
+  const handleSort = (0, import_react59.useCallback)(
     (key) => {
       if (!onSort) return;
       const col = columns.find((c) => c.key === key);
@@ -12772,7 +12782,7 @@ function Table({
     },
     [columns, onSort, sortKey, sortDirection]
   );
-  const handleSelectAll = (0, import_react61.useCallback)(() => {
+  const handleSelectAll = (0, import_react59.useCallback)(() => {
     if (!onSelectionChange) return;
     const allSelected = selectedRows?.size === data.length;
     if (allSelected) {
@@ -12781,7 +12791,7 @@ function Table({
       onSelectionChange(new Set(data.map((_, i) => i)));
     }
   }, [data, onSelectionChange, selectedRows]);
-  const handleSelectRow = (0, import_react61.useCallback)(
+  const handleSelectRow = (0, import_react59.useCallback)(
     (index) => {
       if (!onSelectionChange || !selectedRows) return;
       const next = new Set(selectedRows);
@@ -12867,7 +12877,7 @@ function TableRow({
   totalCols
 }) {
   const isSelected = selectedRows?.has(rowIndex) ?? false;
-  const [expanded, setExpanded] = (0, import_react61.useState)(false);
+  const [expanded, setExpanded] = (0, import_react59.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "tr",
@@ -12904,11 +12914,11 @@ function TableRow({
 
 // src/components/Tabs/Tabs.tsx
 var import_framer_motion14 = require("framer-motion");
-var import_react62 = require("react");
+var import_react60 = require("react");
 var import_react_aria13 = require("react-aria");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function TabButton({ item, state }) {
-  const ref = (0, import_react62.useRef)(null);
+  const ref = (0, import_react60.useRef)(null);
   const { tabProps } = (0, import_react_aria13.useTab)({ key: item.key }, state, ref);
   const isSelected = state.selectedKey === item.key;
   const isDisabled = state.disabledKeys.has(item.key);
@@ -12938,7 +12948,7 @@ function TabButton({ item, state }) {
   );
 }
 function TabPanelContent({ state, panelContent, ...props }) {
-  const ref = (0, import_react62.useRef)(null);
+  const ref = (0, import_react60.useRef)(null);
   const { tabPanelProps } = (0, import_react_aria13.useTabPanel)(props, state, ref);
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { ...tabPanelProps, ref, className: "ods-tabs__panel", children: panelContent });
 }
@@ -12950,14 +12960,14 @@ function Tabs({
   orientation = "horizontal",
   className
 }) {
-  const [internalValue, setInternalValue] = (0, import_react62.useState)(defaultValue || items[0]?.value);
+  const [internalValue, setInternalValue] = (0, import_react60.useState)(defaultValue || items[0]?.value);
   const selectedKey = value ?? internalValue;
   const handleSelectionChange = (key) => {
     const keyStr = String(key);
     if (!value) setInternalValue(keyStr);
     onChange?.(keyStr);
   };
-  const panelContentMap = (0, import_react62.useMemo)(() => {
+  const panelContentMap = (0, import_react60.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     items.forEach((item) => {
       map.set(item.value, item.children);
@@ -12974,7 +12984,7 @@ function Tabs({
     disabledKeys: items.filter((i) => i.disabled).map((i) => i.value)
   };
   const state = $caeb030f09a278a1$export$4ba071daf4e486(stateProps);
-  const ref = (0, import_react62.useRef)(null);
+  const ref = (0, import_react60.useRef)(null);
   const { tabListProps } = (0, import_react_aria13.useTabList)({ ...stateProps, orientation }, state, ref);
   const currentPanelContent = panelContentMap.get(String(selectedKey));
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cn("ods-tabs", `ods-tabs--${orientation}`, className), children: [
@@ -12984,7 +12994,7 @@ function Tabs({
 }
 
 // src/components/TagsInput/TagsInput.tsx
-var import_react63 = require("react");
+var import_react61 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function TagsInput({
   label,
@@ -13000,7 +13010,7 @@ function TagsInput({
   separators = ["Enter", ","],
   className
 }) {
-  const [draft, setDraft] = (0, import_react63.useState)("");
+  const [draft, setDraft] = (0, import_react61.useState)("");
   const addTag = (raw) => {
     const tag = raw.trim();
     if (!tag) return;
@@ -13128,7 +13138,7 @@ function TestimonialCard({
 }
 
 // src/components/Textarea/Textarea.tsx
-var import_react64 = require("react");
+var import_react62 = require("react");
 var import_react_aria14 = require("react-aria");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 function Textarea({
@@ -13146,9 +13156,9 @@ function Textarea({
   onChange,
   ...props
 }) {
-  const ref = (0, import_react64.useRef)(null);
-  const errorId = (0, import_react64.useId)();
-  const [charCount, setCharCount] = (0, import_react64.useState)(() => String(value ?? defaultValue ?? "").length);
+  const ref = (0, import_react62.useRef)(null);
+  const errorId = (0, import_react62.useId)();
+  const [charCount, setCharCount] = (0, import_react62.useState)(() => String(value ?? defaultValue ?? "").length);
   const { labelProps, inputProps } = (0, import_react_aria14.useTextField)(
     {
       label: label || props["aria-label"] || "textarea",
@@ -13234,7 +13244,7 @@ function Timeline({ items, size = "md", className }) {
 }
 
 // src/components/TimePicker/TimePicker.tsx
-var import_react65 = require("react");
+var import_react63 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var pad = (n) => n.toString().padStart(2, "0");
 function format(v, use24h, showSeconds) {
@@ -13262,15 +13272,15 @@ function TimePicker({
   helperText,
   className
 }) {
-  const [open, setOpen] = (0, import_react65.useState)(false);
-  const [activeSeg, setActiveSeg] = (0, import_react65.useState)(null);
-  const draftRef = (0, import_react65.useRef)("");
-  const wrapRef = (0, import_react65.useRef)(null);
-  const hoursRef = (0, import_react65.useRef)(null);
-  const minutesRef = (0, import_react65.useRef)(null);
-  const secondsRef = (0, import_react65.useRef)(null);
+  const [open, setOpen] = (0, import_react63.useState)(false);
+  const [activeSeg, setActiveSeg] = (0, import_react63.useState)(null);
+  const draftRef = (0, import_react63.useRef)("");
+  const wrapRef = (0, import_react63.useRef)(null);
+  const hoursRef = (0, import_react63.useRef)(null);
+  const minutesRef = (0, import_react63.useRef)(null);
+  const secondsRef = (0, import_react63.useRef)(null);
   const refOf = (s) => s === "hours" ? hoursRef : s === "minutes" ? minutesRef : secondsRef;
-  (0, import_react65.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (!wrapRef.current?.contains(e.target)) {
@@ -13281,7 +13291,7 @@ function TimePicker({
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [open]);
-  const commit = (0, import_react65.useCallback)(
+  const commit = (0, import_react63.useCallback)(
     (seg, n) => {
       const next = { ...value, [seg]: clampSeg(seg, n, use24h) };
       if (showSeconds && next.seconds === void 0) next.seconds = 0;
@@ -13476,7 +13486,7 @@ function TimePicker({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react65.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react63.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "ods-timepicker__col", children: [
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
@@ -13531,7 +13541,7 @@ function TimePicker({
 }
 
 // src/components/TimezonePicker/TimezonePicker.tsx
-var import_react66 = require("react");
+var import_react64 = require("react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var DEFAULT_TZS = [
   { iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
@@ -13559,19 +13569,19 @@ function TimezonePicker({
   placeholder = "Select timezone",
   className
 }) {
-  const [open, setOpen] = (0, import_react66.useState)(false);
-  const [query, setQuery] = (0, import_react66.useState)("");
-  const wrapRef = (0, import_react66.useRef)(null);
-  const inputRef = (0, import_react66.useRef)(null);
+  const [open, setOpen] = (0, import_react64.useState)(false);
+  const [query, setQuery] = (0, import_react64.useState)("");
+  const wrapRef = (0, import_react64.useRef)(null);
+  const inputRef = (0, import_react64.useRef)(null);
   const selected = options.find((o) => o.iana === value);
-  const filtered = (0, import_react66.useMemo)(() => {
+  const filtered = (0, import_react64.useMemo)(() => {
     if (!query.trim()) return options;
     const q = query.trim().toLowerCase();
     return options.filter(
       (o) => o.iana.toLowerCase().includes(q) || o.label.toLowerCase().includes(q) || o.offset.toLowerCase().includes(q) || o.region?.toLowerCase().includes(q)
     );
   }, [options, query]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (!wrapRef.current?.contains(e.target)) {
@@ -13582,7 +13592,7 @@ function TimezonePicker({
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [open]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (open) requestAnimationFrame(() => inputRef.current?.focus());
   }, [open]);
   const select = (iana) => {
@@ -13735,7 +13745,7 @@ function TimezonePicker({
 
 // src/components/Toast/Toast.tsx
 var import_framer_motion15 = require("framer-motion");
-var import_react67 = require("react");
+var import_react65 = require("react");
 var import_react_dom9 = require("react-dom");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var defaultIcons = {
@@ -13789,7 +13799,7 @@ var defaultIcons = {
     )
   ] })
 };
-var ToastContext = (0, import_react67.createContext)(null);
+var ToastContext = (0, import_react65.createContext)(null);
 function ToastBody({ item, onDismiss }) {
   const dismiss = () => onDismiss(item.id);
   if (item.render) return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children: item.render({ id: item.id, dismiss }) });
@@ -13825,10 +13835,10 @@ function ToastBody({ item, onDismiss }) {
   ] });
 }
 function PositionStack({ items, position, onDismiss, maxStack }) {
-  const [hovered, setHovered] = (0, import_react67.useState)(false);
-  const [pinned, setPinned] = (0, import_react67.useState)(false);
+  const [hovered, setHovered] = (0, import_react65.useState)(false);
+  const [pinned, setPinned] = (0, import_react65.useState)(false);
   const expanded = hovered || pinned;
-  const ordered = (0, import_react67.useMemo)(() => [...items].reverse(), [items]);
+  const ordered = (0, import_react65.useMemo)(() => [...items].reverse(), [items]);
   const isBottom = position.startsWith("bottom");
   const dir = isBottom ? -1 : 1;
   if (pinned && items.length === 0) setPinned(false);
@@ -13926,10 +13936,10 @@ function ToastProvider({
   defaultPosition = "bottom-right",
   maxStack = 3
 }) {
-  const [toasts, setToasts] = (0, import_react67.useState)([]);
-  const timers = (0, import_react67.useRef)(/* @__PURE__ */ new Map());
-  const idCounter2 = (0, import_react67.useRef)(0);
-  const dismiss = (0, import_react67.useCallback)((id) => {
+  const [toasts, setToasts] = (0, import_react65.useState)([]);
+  const timers = (0, import_react65.useRef)(/* @__PURE__ */ new Map());
+  const idCounter2 = (0, import_react65.useRef)(0);
+  const dismiss = (0, import_react65.useCallback)((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
     const timer = timers.current.get(id);
     if (timer) {
@@ -13937,7 +13947,7 @@ function ToastProvider({
       timers.current.delete(id);
     }
   }, []);
-  const dismissAll = (0, import_react67.useCallback)((position) => {
+  const dismissAll = (0, import_react65.useCallback)((position) => {
     setToasts((prev) => {
       const remaining = position ? prev.filter((t) => t.position !== position) : [];
       for (const t of prev) {
@@ -13952,7 +13962,7 @@ function ToastProvider({
       return remaining;
     });
   }, []);
-  const toast = (0, import_react67.useCallback)(
+  const toast = (0, import_react65.useCallback)(
     (options) => {
       const id = `toast-${++idCounter2.current}`;
       const item = {
@@ -13977,7 +13987,7 @@ function ToastProvider({
     },
     [dismiss, defaultPosition]
   );
-  const groups = (0, import_react67.useMemo)(() => {
+  const groups = (0, import_react65.useMemo)(() => {
     const out = {
       "top-left": [],
       "top-center": [],
@@ -14010,7 +14020,7 @@ function ToastProvider({
   ] });
 }
 function useToast() {
-  const ctx = (0, import_react67.useContext)(ToastContext);
+  const ctx = (0, import_react65.useContext)(ToastContext);
   if (!ctx) throw new Error("useToast must be used within a ToastProvider");
   const { toast: raw, dismiss, dismissAll } = ctx;
   const toast = Object.assign((options) => raw(options), {
@@ -14193,7 +14203,7 @@ function ToolCard({
 
 // src/components/Tooltip/Tooltip.tsx
 var import_framer_motion16 = require("framer-motion");
-var import_react68 = require("react");
+var import_react66 = require("react");
 var import_react_aria15 = require("react-aria");
 var import_react_dom10 = require("react-dom");
 var import_jsx_runtime93 = require("react/jsx-runtime");
@@ -14226,21 +14236,21 @@ function TooltipContent({
   offset
 }) {
   const { tooltipProps } = (0, import_react_aria15.useTooltip)({ isOpen: state.isOpen }, state);
-  const tipRef = (0, import_react68.useRef)(null);
-  const [coords, setCoords] = (0, import_react68.useState)(null);
-  const reposition = (0, import_react68.useCallback)(() => {
+  const tipRef = (0, import_react66.useRef)(null);
+  const [coords, setCoords] = (0, import_react66.useState)(null);
+  const reposition = (0, import_react66.useCallback)(() => {
     if (!triggerRef.current || !tipRef.current) return;
     const trigRect = triggerRef.current.getBoundingClientRect();
     const tipRect = tipRef.current.getBoundingClientRect();
     setCoords(computePosition3(trigRect, tipRect, position, offset));
   }, [triggerRef, position, offset]);
-  (0, import_react68.useLayoutEffect)(() => {
+  (0, import_react66.useLayoutEffect)(() => {
     if (!state.isOpen) return;
     reposition();
     const id = requestAnimationFrame(reposition);
     return () => cancelAnimationFrame(id);
   }, [state.isOpen, reposition]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!state.isOpen) return;
     const handler = () => reposition();
     window.addEventListener("scroll", handler, true);
@@ -14296,11 +14306,11 @@ function Tooltip({
   children,
   className
 }) {
-  const triggerRef = (0, import_react68.useRef)(null);
+  const triggerRef = (0, import_react66.useRef)(null);
   const state = $3834487504f4fc00$export$4d40659c25ecb50b({ delay });
   const { triggerProps } = (0, import_react_aria15.useTooltipTrigger)({ delay }, state, triggerRef);
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    (0, import_react68.cloneElement)(children, {
+    (0, import_react66.cloneElement)(children, {
       ...triggerProps,
       ref: triggerRef
     }),
@@ -14377,7 +14387,7 @@ function TopBar({
 }
 
 // src/components/TraceStep/TraceStep.tsx
-var import_react69 = require("react");
+var import_react67 = require("react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var KIND_GLYPH = {
   thought: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M3 5a3 3 0 0 1 6 0c0 1.5-1 2-1 3.5h-4C4 7 3 6.5 3 5z M5 10h2", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) }),
@@ -14403,7 +14413,7 @@ function TraceStep({
   isLast = false,
   className
 }) {
-  const [open, setOpen] = (0, import_react69.useState)(defaultOpen);
+  const [open, setOpen] = (0, import_react67.useState)(defaultOpen);
   const canExpand = !!children;
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     "div",
@@ -14492,10 +14502,10 @@ function UserCard({ name, role, avatar, initial, stats, action, className }) {
 }
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-var import_react71 = require("react");
+var import_react69 = require("react");
 
 // src/hooks/useWorkflow.ts
-var import_react70 = require("react");
+var import_react68 = require("react");
 
 // src/workflow/types.ts
 var types_exports = {};
@@ -14975,7 +14985,7 @@ function genId(prefix) {
   return `${prefix}_${Date.now().toString(36)}_${idCounter}`;
 }
 function useWorkflow(options = {}) {
-  const initial = (0, import_react70.useMemo)(
+  const initial = (0, import_react68.useMemo)(
     () => buildInitialWorkflow({
       metadata: options.metadata ? { ...options.metadata } : void 0,
       canvas: {
@@ -15008,12 +15018,12 @@ function useWorkflow(options = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const [workflow, dispatch] = (0, import_react70.useReducer)(reducer, initial);
-  const addNode = (0, import_react70.useCallback)(
+  const [workflow, dispatch] = (0, import_react68.useReducer)(reducer, initial);
+  const addNode = (0, import_react68.useCallback)(
     (node) => dispatch({ type: "ADD_NODE", payload: node }),
     []
   );
-  const createNode = (0, import_react70.useCallback)(
+  const createNode = (0, import_react68.useCallback)(
     (partial) => {
       const id = partial.id ?? genId("node");
       const ports = partial.ports ?? {
@@ -15062,27 +15072,27 @@ function useWorkflow(options = {}) {
     },
     []
   );
-  const updateNode = (0, import_react70.useCallback)(
+  const updateNode = (0, import_react68.useCallback)(
     (id, updates) => dispatch({ type: "UPDATE_NODE", payload: { id, updates } }),
     []
   );
-  const deleteNode = (0, import_react70.useCallback)(
+  const deleteNode = (0, import_react68.useCallback)(
     (id) => dispatch({ type: "DELETE_NODE", payload: id }),
     []
   );
-  const deleteNodes = (0, import_react70.useCallback)(
+  const deleteNodes = (0, import_react68.useCallback)(
     (ids) => dispatch({ type: "DELETE_NODES", payload: ids }),
     []
   );
-  const replaceNodes = (0, import_react70.useCallback)(
+  const replaceNodes = (0, import_react68.useCallback)(
     (nodes) => dispatch({ type: "REPLACE_NODES", payload: nodes }),
     []
   );
-  const addEdge = (0, import_react70.useCallback)(
+  const addEdge = (0, import_react68.useCallback)(
     (edge) => dispatch({ type: "ADD_EDGE", payload: edge }),
     []
   );
-  const createEdge = (0, import_react70.useCallback)(
+  const createEdge = (0, import_react68.useCallback)(
     (source, sourcePort, target, targetPort) => {
       const edge = {
         id: genId("edge"),
@@ -15100,20 +15110,20 @@ function useWorkflow(options = {}) {
     },
     []
   );
-  const deleteEdge = (0, import_react70.useCallback)(
+  const deleteEdge = (0, import_react68.useCallback)(
     (id) => dispatch({ type: "DELETE_EDGE", payload: id }),
     []
   );
-  const replaceEdges = (0, import_react70.useCallback)(
+  const replaceEdges = (0, import_react68.useCallback)(
     (edges) => dispatch({ type: "REPLACE_EDGES", payload: edges }),
     []
   );
-  const startConnecting = (0, import_react70.useCallback)(
+  const startConnecting = (0, import_react68.useCallback)(
     (nodeId, portId, portType) => dispatch({ type: "START_CONNECTING", payload: { nodeId, portId, portType } }),
     []
   );
-  const endConnecting = (0, import_react70.useCallback)(() => dispatch({ type: "END_CONNECTING" }), []);
-  const selectNode = (0, import_react70.useCallback)(
+  const endConnecting = (0, import_react68.useCallback)(() => dispatch({ type: "END_CONNECTING" }), []);
+  const selectNode = (0, import_react68.useCallback)(
     (id, multi = false) => {
       if (multi) {
         const current = workflow.canvas.selectedNodes;
@@ -15125,36 +15135,36 @@ function useWorkflow(options = {}) {
     },
     [workflow.canvas.selectedNodes]
   );
-  const selectNodes = (0, import_react70.useCallback)(
+  const selectNodes = (0, import_react68.useCallback)(
     (ids) => dispatch({ type: "SELECT_NODES", payload: ids }),
     []
   );
-  const selectEdge = (0, import_react70.useCallback)(
+  const selectEdge = (0, import_react68.useCallback)(
     (id) => dispatch({ type: "SELECT_EDGE", payload: id }),
     []
   );
-  const deselectAll = (0, import_react70.useCallback)(() => dispatch({ type: "DESELECT_ALL" }), []);
-  const zoomIn = (0, import_react70.useCallback)(() => {
+  const deselectAll = (0, import_react68.useCallback)(() => dispatch({ type: "DESELECT_ALL" }), []);
+  const zoomIn = (0, import_react68.useCallback)(() => {
     const z = Math.min(workflow.canvas.viewport.zoom * 1.2, 2);
     dispatch({ type: "UPDATE_VIEWPORT", payload: { zoom: z } });
   }, [workflow.canvas.viewport.zoom]);
-  const zoomOut = (0, import_react70.useCallback)(() => {
+  const zoomOut = (0, import_react68.useCallback)(() => {
     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 = (0, import_react70.useCallback)(
+  const resetViewport = (0, import_react68.useCallback)(
     () => dispatch({ type: "UPDATE_VIEWPORT", payload: { x: 0, y: 0, zoom: 1 } }),
     []
   );
-  const setViewport = (0, import_react70.useCallback)(
+  const setViewport = (0, import_react68.useCallback)(
     (viewport) => dispatch({ type: "UPDATE_VIEWPORT", payload: viewport }),
     []
   );
-  const undo = (0, import_react70.useCallback)(() => dispatch({ type: "UNDO" }), []);
-  const redo = (0, import_react70.useCallback)(() => dispatch({ type: "REDO" }), []);
+  const undo = (0, import_react68.useCallback)(() => dispatch({ type: "UNDO" }), []);
+  const redo = (0, import_react68.useCallback)(() => dispatch({ type: "REDO" }), []);
   const canUndo = workflow.canvas.history.past.length > 0;
   const canRedo = workflow.canvas.history.future.length > 0;
-  const validate = (0, import_react70.useCallback)(() => workflow.validation, [workflow.validation]);
+  const validate = (0, import_react68.useCallback)(() => workflow.validation, [workflow.validation]);
   return {
     workflow,
     dispatch,
@@ -15247,47 +15257,47 @@ function WorkflowEditor({
 }) {
   const wf = useWorkflow(options);
   const { workflow, dispatch, canUndo, canRedo, undo, redo } = wf;
-  const [uncontrolledLock, setUncontrolledLock] = (0, import_react71.useState)(false);
-  const [uncontrolledDrawer, setUncontrolledDrawer] = (0, import_react71.useState)(!!drawer);
-  const [uncontrolledHistory, setUncontrolledHistory] = (0, import_react71.useState)(false);
-  const [uncontrolledDebug, setUncontrolledDebug] = (0, import_react71.useState)(false);
+  const [uncontrolledLock, setUncontrolledLock] = (0, import_react69.useState)(false);
+  const [uncontrolledDrawer, setUncontrolledDrawer] = (0, import_react69.useState)(!!drawer);
+  const [uncontrolledHistory, setUncontrolledHistory] = (0, import_react69.useState)(false);
+  const [uncontrolledDebug, setUncontrolledDebug] = (0, import_react69.useState)(false);
   const isLockMode = controlledLockMode ?? uncontrolledLock;
   const isDrawerOpen = controlledDrawerOpen ?? uncontrolledDrawer;
   const isHistoryOpen = controlledHistoryOpen ?? uncontrolledHistory;
   const isDebugOpen = controlledDebugOpen ?? uncontrolledDebug;
-  const toggleLock = (0, import_react71.useCallback)(() => {
+  const toggleLock = (0, import_react69.useCallback)(() => {
     const next = !isLockMode;
     if (controlledLockMode === void 0) setUncontrolledLock(next);
     onToggleLockMode?.(next);
   }, [isLockMode, controlledLockMode, onToggleLockMode]);
-  const toggleDrawer = (0, import_react71.useCallback)(() => {
+  const toggleDrawer = (0, import_react69.useCallback)(() => {
     const next = !isDrawerOpen;
     if (controlledDrawerOpen === void 0) setUncontrolledDrawer(next);
     onToggleDrawer?.(next);
   }, [isDrawerOpen, controlledDrawerOpen, onToggleDrawer]);
-  const toggleHistory = (0, import_react71.useCallback)(() => {
+  const toggleHistory = (0, import_react69.useCallback)(() => {
     const next = !isHistoryOpen;
     if (controlledHistoryOpen === void 0) setUncontrolledHistory(next);
     onToggleHistory?.(next);
   }, [isHistoryOpen, controlledHistoryOpen, onToggleHistory]);
-  const toggleDebug = (0, import_react71.useCallback)(() => {
+  const toggleDebug = (0, import_react69.useCallback)(() => {
     const next = !isDebugOpen;
     if (controlledDebugOpen === void 0) setUncontrolledDebug(next);
     onToggleDebug?.(next);
   }, [isDebugOpen, controlledDebugOpen, onToggleDebug]);
-  const handleReset = (0, import_react71.useCallback)(() => {
+  const handleReset = (0, import_react69.useCallback)(() => {
     if (onReset) onReset();
     else dispatch({ type: "RESET" });
   }, [onReset, dispatch]);
-  const [canvasSize, setCanvasSize] = (0, import_react71.useState)({
+  const [canvasSize, setCanvasSize] = (0, import_react69.useState)({
     w: 0,
     h: 0
   });
-  const handleCanvasRef = (0, import_react71.useCallback)((node) => {
+  const handleCanvasRef = (0, import_react69.useCallback)((node) => {
     if (!node) return;
     setCanvasSize({ w: node.clientWidth, h: node.clientHeight });
   }, []);
-  const fitToView = (0, import_react71.useCallback)(() => {
+  const fitToView = (0, import_react69.useCallback)(() => {
     const viewport = computeFitViewport(
       workflow.canvas.nodes,
       canvasSize.w || 800,
@@ -15296,7 +15306,7 @@ function WorkflowEditor({
     if (viewport) wf.setViewport(viewport);
   }, [workflow.canvas.nodes, canvasSize, wf]);
   const policies = workflow.policies;
-  const validateConnection = (0, import_react71.useCallback)(
+  const validateConnection = (0, import_react69.useCallback)(
     (targetNodeId, targetPortId, targetPortType) => {
       const from = workflow.canvas.connectingFrom;
       if (!from) return { valid: true };
@@ -15342,7 +15352,7 @@ function WorkflowEditor({
     },
     [policies, workflow.canvas.connectingFrom, workflow.canvas.edges]
   );
-  const handleEndConnecting = (0, import_react71.useCallback)(
+  const handleEndConnecting = (0, import_react69.useCallback)(
     (target) => {
       const from = workflow.canvas.connectingFrom;
       if (!from) return;
@@ -15365,7 +15375,7 @@ function WorkflowEditor({
     [workflow.canvas.connectingFrom, validateConnection, wf]
   );
   const selectedNodeId = workflow.canvas.selectedNodes[0];
-  const defaultToolbar = (0, import_react71.useMemo)(
+  const defaultToolbar = (0, import_react69.useMemo)(
     () => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(FlowToolbar, { placement: "left", children: [
       onSave && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         FlowToolbarButton,
@@ -15568,7 +15578,7 @@ function DefaultEmptyState() {
 }
 
 // src/components/XmlViewer/XmlViewer.tsx
-var import_react72 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 function parseXml(src) {
   if (typeof window !== "undefined" && typeof window.DOMParser !== "undefined") {
@@ -15624,7 +15634,7 @@ function XmlViewer({
   truncateAt = 200,
   className
 }) {
-  const parsed = (0, import_react72.useMemo)(() => parseXml(data), [data]);
+  const parsed = (0, import_react70.useMemo)(() => parseXml(data), [data]);
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cn("ods-xml-viewer", className), children: [
     (title || status || parsed.error) && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "ods-xml-viewer__head", children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "ods-xml-viewer__title", children: title }),
@@ -15650,7 +15660,7 @@ function XmlNodeRow({
   showAttributes,
   truncateAt
 }) {
-  const [open, setOpen] = (0, import_react72.useState)(depth < defaultExpandDepth);
+  const [open, setOpen] = (0, import_react70.useState)(depth < defaultExpandDepth);
   const pad2 = depth * 14;
   if (node.type === "text") {
     const t = (node.text ?? "").trim();
@@ -15749,7 +15759,7 @@ function XmlNodeRow({
 }
 
 // src/components/YamlViewer/YamlViewer.tsx
-var import_react73 = require("react");
+var import_react71 = require("react");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 function toYaml(value, indent = 0) {
   const pad2 = "  ".repeat(indent);
@@ -15886,7 +15896,7 @@ function YamlViewer({
   status,
   className
 }) {
-  const text = (0, import_react73.useMemo)(() => {
+  const text = (0, import_react71.useMemo)(() => {
     if (typeof data === "string") return data;
     try {
       return toYaml(data);
@@ -15894,8 +15904,8 @@ function YamlViewer({
       return JSON.stringify(data, null, 2);
     }
   }, [data]);
-  const tokens = (0, import_react73.useMemo)(() => tokenizeYaml(text), [text]);
-  const [collapsed, setCollapsed] = (0, import_react73.useState)(() => {
+  const tokens = (0, import_react71.useMemo)(() => tokenizeYaml(text), [text]);
+  const [collapsed, setCollapsed] = (0, import_react71.useState)(() => {
     const s = /* @__PURE__ */ new Set();
     tokens.forEach((t) => {
       if (t.hasChildren && t.depth >= defaultExpandDepth) s.add(t.index);
@@ -15910,7 +15920,7 @@ function YamlViewer({
       return next;
     });
   };
-  const hidden = (0, import_react73.useMemo)(() => {
+  const hidden = (0, import_react71.useMemo)(() => {
     const hidden2 = /* @__PURE__ */ new Set();
     for (let i = 0; i < tokens.length; i++) {
       const t = tokens[i];
@@ -16020,13 +16030,13 @@ function YamlViewer({
 
 // src/provider/OdsProvider.tsx
 var import_config = require("@octaviaflow/config");
-var import_react74 = require("react");
+var import_react72 = require("react");
 var import_react_aria16 = require("react-aria");
 var import_jsx_runtime100 = require("react/jsx-runtime");
-var OdsContext = (0, import_react74.createContext)(null);
+var OdsContext = (0, import_react72.createContext)(null);
 function OdsProvider({ config: userConfig, children }) {
-  const resolved = (0, import_react74.useMemo)(() => (0, import_config.resolveConfig)(userConfig), [userConfig]);
-  (0, import_react74.useEffect)(() => {
+  const resolved = (0, import_react72.useMemo)(() => (0, import_config.resolveConfig)(userConfig), [userConfig]);
+  (0, import_react72.useEffect)(() => {
     const cssVarsBlock = (0, import_config.generateCssVars)(resolved);
     const match = cssVarsBlock.match(/:root\s*\{([\s\S]*)\}/);
     if (match) {
@@ -16042,11 +16052,11 @@ function OdsProvider({ config: userConfig, children }) {
       }
     }
   }, [resolved]);
-  const contextValue = (0, import_react74.useMemo)(() => ({ config: resolved }), [resolved]);
+  const contextValue = (0, import_react72.useMemo)(() => ({ config: resolved }), [resolved]);
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_aria16.OverlayProvider, { children }) });
 }
 function useOds() {
-  const ctx = (0, import_react74.useContext)(OdsContext);
+  const ctx = (0, import_react72.useContext)(OdsContext);
   if (!ctx) {
     throw new Error("useOds must be used within an OdsProvider");
   }
@@ -16062,7 +16072,7 @@ var emptyMotion = {
 };
 function useOdsMotion() {
   const config = useOds();
-  return (0, import_react74.useMemo)(() => {
+  return (0, import_react72.useMemo)(() => {
     if (!config.motion.enabled) {
       return emptyMotion;
     }