@octaviaflow/core 3.1.0-beta.53 → 3.1.0-beta.55

package/dist/index.js

@@ -24469,8 +24469,14 @@ function SlideoutContent({
   title,
   children,
   footer,
-  className
+  className,
+  offsetTop = 0,
+  offsetBottom = 0
 }) {
+  const toCss2 = (v) => typeof v === "number" ? `${v}px` : v;
+  const insetStyle = {};
+  if (offsetTop) insetStyle.top = toCss2(offsetTop);
+  if (offsetBottom) insetStyle.bottom = toCss2(offsetBottom);
   const overlayRef = useRef45(null);
   const panelRef = useRef45(null);
   useEffect39(() => {
@@ -24519,7 +24525,8 @@ function SlideoutContent({
         transition: { duration: 0.2 },
         onClick: onClose,
         "data-testid": "slideout-backdrop",
-        "aria-hidden": "true"
+        "aria-hidden": "true",
+        style: insetStyle
       }
     ),
     /* @__PURE__ */ jsx110(FocusScope2, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs105(
@@ -24533,7 +24540,7 @@ function SlideoutContent({
           panelRef.current = node;
         },
         className: cn("ods-slideout__panel", `ods-slideout__panel--${position}`, className),
-        style: { width: panelWidth },
+        style: { width: panelWidth, ...insetStyle },
         initial: variant.initial,
         animate: variant.animate,
         exit: variant.exit,
@@ -24649,7 +24656,9 @@ function VersionHistory({
   activeTab,
   onTabChange,
   defaultExpandedId = null,
-  className
+  className,
+  offsetTop,
+  offsetBottom
 }) {
   const [expandedId, setExpandedId] = useState51(defaultExpandedId);
   const baseId = useId50();
@@ -24662,6 +24671,8 @@ function VersionHistory({
       position,
       width,
       title,
+      offsetTop,
+      offsetBottom,
       className: cn("ods-version-history", className),
       children: [
         showToolbar && /* @__PURE__ */ jsxs106("div", { className: "ods-version-history__toolbar", children: [
@@ -24791,12 +24802,93 @@ function VersionHistory({
 }
 VersionHistory.displayName = "VersionHistory";
 
+// src/components/StatusList/StatusList.tsx
+import { Fragment as Fragment42, jsx as jsx112, jsxs as jsxs107 } from "react/jsx-runtime";
+var TONE_TO_CHIP2 = {
+  success: "success",
+  running: "primary",
+  warning: "warning",
+  danger: "error",
+  neutral: "default",
+  info: "primary"
+};
+function StatusList({
+  items,
+  title,
+  action,
+  dense = false,
+  max,
+  emptyLabel = "Nothing to show",
+  onItemClick,
+  className,
+  ...rest
+}) {
+  const visible = typeof max === "number" ? items.slice(0, max) : items;
+  const overflow = items.length - visible.length;
+  const renderRowInner = (item) => /* @__PURE__ */ jsxs107(Fragment42, { children: [
+    /* @__PURE__ */ jsx112(
+      "span",
+      {
+        className: "ods-status-list__lead",
+        "data-tone": item.tone ?? "neutral",
+        "aria-hidden": "true",
+        children: item.icon ?? /* @__PURE__ */ jsx112("span", { className: "ods-status-list__dot" })
+      }
+    ),
+    /* @__PURE__ */ jsxs107("span", { className: "ods-status-list__text", children: [
+      /* @__PURE__ */ jsx112("span", { className: "ods-status-list__name", children: item.name }),
+      item.meta != null && /* @__PURE__ */ jsx112("span", { className: "ods-status-list__meta", children: item.meta })
+    ] }),
+    item.sparkline && item.sparkline.length > 1 && /* @__PURE__ */ jsx112("span", { className: "ods-status-list__spark", children: /* @__PURE__ */ jsx112(Sparkline, { data: item.sparkline, width: 72, height: 22 }) }),
+    item.status != null && /* @__PURE__ */ jsx112(Chip, { size: "sm", variant: TONE_TO_CHIP2[item.tone ?? "neutral"], children: item.status }),
+    item.trailing != null && /* @__PURE__ */ jsx112("span", { className: "ods-status-list__trailing", children: item.trailing })
+  ] });
+  return /* @__PURE__ */ jsxs107("div", { className: cn("ods-status-list", className), ...rest, children: [
+    (title != null || action != null) && /* @__PURE__ */ jsxs107("div", { className: "ods-status-list__header", children: [
+      title != null && /* @__PURE__ */ jsx112("h3", { className: "ods-status-list__title", children: title }),
+      action != null && /* @__PURE__ */ jsx112("div", { className: "ods-status-list__action", children: action })
+    ] }),
+    visible.length === 0 ? /* @__PURE__ */ jsx112("div", { className: "ods-status-list__empty", children: emptyLabel }) : /* @__PURE__ */ jsx112(
+      "ul",
+      {
+        className: cn(
+          "ods-status-list__rows",
+          dense && "ods-status-list__rows--dense"
+        ),
+        children: visible.map((item) => {
+          const interactive = Boolean(item.href || onItemClick);
+          const rowClass = cn(
+            "ods-status-list__row",
+            interactive && "ods-status-list__row--interactive",
+            item.muted && "ods-status-list__row--muted"
+          );
+          return /* @__PURE__ */ jsx112("li", { className: "ods-status-list__item", children: item.href ? /* @__PURE__ */ jsx112("a", { className: rowClass, href: item.href, children: renderRowInner(item) }) : onItemClick ? /* @__PURE__ */ jsx112(
+            "button",
+            {
+              type: "button",
+              className: rowClass,
+              onClick: () => onItemClick(item),
+              children: renderRowInner(item)
+            }
+          ) : /* @__PURE__ */ jsx112("div", { className: rowClass, children: renderRowInner(item) }) }, item.id);
+        })
+      }
+    ),
+    overflow > 0 && /* @__PURE__ */ jsxs107("div", { className: "ods-status-list__more", children: [
+      "+",
+      overflow,
+      " more"
+    ] })
+  ] });
+}
+StatusList.displayName = "StatusList";
+
 // src/components/Slider/Slider.tsx
 import {
   forwardRef as forwardRef94,
   useId as useId51
 } from "react";
-import { jsx as jsx112, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs108 } from "react/jsx-runtime";
 var Slider = forwardRef94(function Slider2({
   label,
   value,
@@ -24830,7 +24922,7 @@ var Slider = forwardRef94(function Slider2({
   const valueText = String(display);
   const handle = (e) => onChange?.(Number(e.target.value));
   const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs107(
+  return /* @__PURE__ */ jsxs108(
     "div",
     {
       className: cn(
@@ -24842,8 +24934,8 @@ var Slider = forwardRef94(function Slider2({
         className
       ),
       children: [
-        (label || showValue) && /* @__PURE__ */ jsxs107("div", { className: "ods-slider__head", children: [
-          label && /* @__PURE__ */ jsx112(
+        (label || showValue) && /* @__PURE__ */ jsxs108("div", { className: "ods-slider__head", children: [
+          label && /* @__PURE__ */ jsx113(
             "label",
             {
               id: labelId,
@@ -24852,17 +24944,17 @@ var Slider = forwardRef94(function Slider2({
               children: label
             }
           ),
-          showValue && /* @__PURE__ */ jsx112("span", { className: "ods-slider__value", "aria-hidden": "true", children: display })
+          showValue && /* @__PURE__ */ jsx113("span", { className: "ods-slider__value", "aria-hidden": "true", children: display })
         ] }),
-        /* @__PURE__ */ jsxs107("div", { className: "ods-slider__track", children: [
-          /* @__PURE__ */ jsx112(
+        /* @__PURE__ */ jsxs108("div", { className: "ods-slider__track", children: [
+          /* @__PURE__ */ jsx113(
             "span",
             {
               className: "ods-slider__fill",
               style: { width: `${pct}%` }
             }
           ),
-          /* @__PURE__ */ jsx112(
+          /* @__PURE__ */ jsx113(
             "input",
             {
               ...rest,
@@ -24886,22 +24978,22 @@ var Slider = forwardRef94(function Slider2({
         ] }),
         marks && marks.length > 0 && // Marks are decorative — aria-hidden so the screen reader hears
         // the formatted value, not "tick mark, tick mark, …".
-        /* @__PURE__ */ jsx112("div", { className: "ods-slider__marks", "aria-hidden": "true", children: marks.map((m) => {
+        /* @__PURE__ */ jsx113("div", { className: "ods-slider__marks", "aria-hidden": "true", children: marks.map((m) => {
           const left = (m.value - min) / span * 100;
-          return /* @__PURE__ */ jsxs107(
+          return /* @__PURE__ */ jsxs108(
             "div",
             {
               className: "ods-slider__mark",
               style: { left: `${left}%` },
               children: [
-                /* @__PURE__ */ jsx112("span", { className: "ods-slider__mark-tick" }),
-                m.label && /* @__PURE__ */ jsx112("span", { className: "ods-slider__mark-label", children: m.label })
+                /* @__PURE__ */ jsx113("span", { className: "ods-slider__mark-tick" }),
+                m.label && /* @__PURE__ */ jsx113("span", { className: "ods-slider__mark-label", children: m.label })
               ]
             },
             m.value
           );
         }) }),
-        error ? /* @__PURE__ */ jsx112(
+        error ? /* @__PURE__ */ jsx113(
           "div",
           {
             id: hintId,
@@ -24909,7 +25001,7 @@ var Slider = forwardRef94(function Slider2({
             role: "alert",
             children: error
           }
-        ) : helperText ? /* @__PURE__ */ jsx112("div", { id: hintId, className: "ods-slider__hint", children: helperText }) : null
+        ) : helperText ? /* @__PURE__ */ jsx113("div", { id: hintId, className: "ods-slider__hint", children: helperText }) : null
       ]
     }
   );
@@ -24921,7 +25013,7 @@ import { LogoGithubIcon, LogoLinkedinIcon, LogoXIcon } from "@octaviaflow/icons"
 import {
   forwardRef as forwardRef95
 } from "react";
-import { jsx as jsx113, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs109 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   google: "Continue with Google",
   github: "Continue with GitHub",
@@ -24931,29 +25023,29 @@ var DEFAULT_LABELS = {
   microsoft: "Continue with Microsoft",
   linkedin: "Continue with LinkedIn"
 };
-var GoogleIcon = () => /* @__PURE__ */ jsxs108("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx113(
+var GoogleIcon = () => /* @__PURE__ */ jsxs109("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx114(
     "path",
     {
       d: "M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.79 2.72v2.26h2.9c1.69-1.56 2.69-3.85 2.69-6.62z",
       fill: "#4285F4"
     }
   ),
-  /* @__PURE__ */ jsx113(
+  /* @__PURE__ */ jsx114(
     "path",
     {
       d: "M9 18c2.43 0 4.47-.8 5.96-2.18l-2.9-2.26c-.8.54-1.84.86-3.06.86-2.34 0-4.33-1.58-5.04-3.71H.96v2.33A9 9 0 0 0 9 18z",
       fill: "#34A853"
     }
   ),
-  /* @__PURE__ */ jsx113(
+  /* @__PURE__ */ jsx114(
     "path",
     {
       d: "M3.96 10.71A5.38 5.38 0 0 1 3.68 9c0-.6.1-1.18.28-1.71V4.96H.96A9 9 0 0 0 0 9c0 1.45.35 2.82.96 4.04l3-2.33z",
       fill: "#FBBC05"
     }
   ),
-  /* @__PURE__ */ jsx113(
+  /* @__PURE__ */ jsx114(
     "path",
     {
       d: "M9 3.58c1.32 0 2.5.45 3.44 1.35l2.58-2.58A9 9 0 0 0 9 0 9 9 0 0 0 .96 4.96l3 2.33C4.67 5.16 6.66 3.58 9 3.58z",
@@ -24961,34 +25053,34 @@ var GoogleIcon = () => /* @__PURE__ */ jsxs108("svg", { width: "18", height: "18
     }
   )
 ] });
-var AppleIcon = () => /* @__PURE__ */ jsx113("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx113(
+var AppleIcon = () => /* @__PURE__ */ jsx114("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx114(
   "path",
   {
     d: "M13.4 9.5c0-1.7 1.4-2.5 1.5-2.6-.8-1.2-2.1-1.3-2.5-1.3-1.1-.1-2.1.6-2.6.6-.6 0-1.4-.6-2.3-.6-1.2 0-2.3.7-2.9 1.8-1.2 2.1-.3 5.3.9 7 .6.9 1.3 1.8 2.2 1.8.9 0 1.2-.6 2.3-.6s1.4.6 2.3.6 1.5-.9 2.1-1.8c.7-1 1-2 1-2.1 0 0-1.9-.7-2-2.8zM11.5 4.5c.5-.6.8-1.4.7-2.2-.7 0-1.5.5-2 1.1-.4.5-.8 1.3-.7 2.1.8.1 1.6-.4 2-1z",
     fill: "currentColor"
   }
 ) });
-var MicrosoftIcon = () => /* @__PURE__ */ jsxs108("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx113("rect", { x: "1", y: "1", width: "7.5", height: "7.5", fill: "#F25022" }),
-  /* @__PURE__ */ jsx113("rect", { x: "9.5", y: "1", width: "7.5", height: "7.5", fill: "#7FBA00" }),
-  /* @__PURE__ */ jsx113("rect", { x: "1", y: "9.5", width: "7.5", height: "7.5", fill: "#00A4EF" }),
-  /* @__PURE__ */ jsx113("rect", { x: "9.5", y: "9.5", width: "7.5", height: "7.5", fill: "#FFB900" })
+var MicrosoftIcon = () => /* @__PURE__ */ jsxs109("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx114("rect", { x: "1", y: "1", width: "7.5", height: "7.5", fill: "#F25022" }),
+  /* @__PURE__ */ jsx114("rect", { x: "9.5", y: "1", width: "7.5", height: "7.5", fill: "#7FBA00" }),
+  /* @__PURE__ */ jsx114("rect", { x: "1", y: "9.5", width: "7.5", height: "7.5", fill: "#00A4EF" }),
+  /* @__PURE__ */ jsx114("rect", { x: "9.5", y: "9.5", width: "7.5", height: "7.5", fill: "#FFB900" })
 ] });
 function resolveIcon2(provider) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ jsx113(GoogleIcon, {});
+      return /* @__PURE__ */ jsx114(GoogleIcon, {});
     case "apple":
-      return /* @__PURE__ */ jsx113(AppleIcon, {});
+      return /* @__PURE__ */ jsx114(AppleIcon, {});
     case "microsoft":
-      return /* @__PURE__ */ jsx113(MicrosoftIcon, {});
+      return /* @__PURE__ */ jsx114(MicrosoftIcon, {});
     case "github":
-      return /* @__PURE__ */ jsx113(LogoGithubIcon, { size: "sm" });
+      return /* @__PURE__ */ jsx114(LogoGithubIcon, { size: "sm" });
     case "x":
     case "twitter":
-      return /* @__PURE__ */ jsx113(LogoXIcon, { size: "sm" });
+      return /* @__PURE__ */ jsx114(LogoXIcon, { size: "sm" });
     case "linkedin":
-      return /* @__PURE__ */ jsx113(LogoLinkedinIcon, { size: "sm" });
+      return /* @__PURE__ */ jsx114(LogoLinkedinIcon, { size: "sm" });
     case "custom":
       return null;
   }
@@ -25010,7 +25102,7 @@ var SocialButton = forwardRef95(
     const resolvedIcon = icon ?? resolveIcon2(provider);
     const resolvedLabel = label ?? children ?? (provider !== "custom" ? DEFAULT_LABELS[provider] : null);
     const providerClass = provider === "twitter" ? "x" : provider;
-    return /* @__PURE__ */ jsx113(
+    return /* @__PURE__ */ jsx114(
       Button,
       {
         ...rest,
@@ -25044,7 +25136,7 @@ import {
   useState as useState52
 } from "react";
 import { DraggableIcon } from "@octaviaflow/icons";
-import { jsx as jsx114, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs110 } from "react/jsx-runtime";
 var DT_TYPE = "application/x-ods-sortable";
 function Sortable({
   items,
@@ -25224,7 +25316,7 @@ function Sortable({
       if (e.key === "ArrowRight") return moveBy(1);
     }
   };
-  return /* @__PURE__ */ jsxs109(
+  return /* @__PURE__ */ jsxs110(
     "div",
     {
       ...rest,
@@ -25261,7 +25353,7 @@ function Sortable({
             isDragging,
             isKeyboardActive: isKbActive
           };
-          return /* @__PURE__ */ jsxs109(
+          return /* @__PURE__ */ jsxs110(
             "div",
             {
               ref: (el) => {
@@ -25277,7 +25369,7 @@ function Sortable({
               ),
               onDragOver: onItemDragOver(item.id),
               children: [
-                /* @__PURE__ */ jsx114(
+                /* @__PURE__ */ jsx115(
                   "span",
                   {
                     className: "ods-sortable__indicator ods-sortable__indicator--before",
@@ -25285,7 +25377,7 @@ function Sortable({
                   }
                 ),
                 renderItem(item, idx, dragProps),
-                /* @__PURE__ */ jsx114(
+                /* @__PURE__ */ jsx115(
                   "span",
                   {
                     className: "ods-sortable__indicator ods-sortable__indicator--after",
@@ -25297,7 +25389,7 @@ function Sortable({
             item.id
           );
         }),
-        /* @__PURE__ */ jsx114("span", { className: "ods-sortable__sr", "aria-live": "polite", "aria-atomic": "true", children: kbActiveId ? `Item picked up. Use arrow keys to reorder, Space or Enter to drop, Escape to cancel.` : "" })
+        /* @__PURE__ */ jsx115("span", { className: "ods-sortable__sr", "aria-live": "polite", "aria-atomic": "true", children: kbActiveId ? `Item picked up. Use arrow keys to reorder, Space or Enter to drop, Escape to cancel.` : "" })
       ]
     }
   );
@@ -25310,7 +25402,7 @@ var DragHandle = forwardRef96(
     ariaLabel: legacyAriaLabel,
     dragProps
   }, ref) {
-    return /* @__PURE__ */ jsx114(
+    return /* @__PURE__ */ jsx115(
       "span",
       {
         ref,
@@ -25319,7 +25411,7 @@ var DragHandle = forwardRef96(
         className: cn("ods-sortable-handle", className),
         style,
         ...dragProps,
-        children: /* @__PURE__ */ jsx114(DraggableIcon, { size: "xs" })
+        children: /* @__PURE__ */ jsx115(DraggableIcon, { size: "xs" })
       }
     );
   }
@@ -25330,9 +25422,9 @@ DragHandle.displayName = "DragHandle";
 import {
   Children as Children3,
   forwardRef as forwardRef97,
-  Fragment as Fragment42
+  Fragment as Fragment43
 } from "react";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 function resolveGap2(gap) {
   if (typeof gap === "string") return gap;
   if (gap === 0) return "0";
@@ -25371,11 +25463,11 @@ var Stack = forwardRef97(function Stack2({
   const Component = as ?? "div";
   const items = divider ? Children3.toArray(children).flatMap(
     (child, i, arr) => i < arr.length - 1 ? [
-      /* @__PURE__ */ jsx115(Fragment42, { children: child }, `item-${i}`),
-      /* @__PURE__ */ jsx115(Fragment42, { children: divider }, `divider-${i}`)
-    ] : [/* @__PURE__ */ jsx115(Fragment42, { children: child }, `item-${i}`)]
+      /* @__PURE__ */ jsx116(Fragment43, { children: child }, `item-${i}`),
+      /* @__PURE__ */ jsx116(Fragment43, { children: divider }, `divider-${i}`)
+    ] : [/* @__PURE__ */ jsx116(Fragment43, { children: child }, `item-${i}`)]
   ) : children;
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx116(
     Component,
     {
       ...rest,
@@ -25403,13 +25495,13 @@ var Stack = forwardRef97(function Stack2({
 Stack.displayName = "Stack";
 var HStack = forwardRef97(
   function HStack2(props, ref) {
-    return /* @__PURE__ */ jsx115(Stack, { ref, direction: "row", ...props });
+    return /* @__PURE__ */ jsx116(Stack, { ref, direction: "row", ...props });
   }
 );
 HStack.displayName = "HStack";
 var VStack = forwardRef97(
   function VStack2(props, ref) {
-    return /* @__PURE__ */ jsx115(Stack, { ref, direction: "column", ...props });
+    return /* @__PURE__ */ jsx116(Stack, { ref, direction: "column", ...props });
   }
 );
 VStack.displayName = "VStack";
@@ -25425,7 +25517,7 @@ import {
   useState as useState53
 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
-import { jsx as jsx116, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs111 } from "react/jsx-runtime";
 var Spotlight = forwardRef98(
   function Spotlight2({
     open,
@@ -25492,7 +25584,7 @@ var Spotlight = forwardRef98(
       height: rect.height + padding * 2
     } : null;
     return createPortal16(
-      /* @__PURE__ */ jsx116(AnimatePresence20, { children: open && /* @__PURE__ */ jsxs110(
+      /* @__PURE__ */ jsx117(AnimatePresence20, { children: open && /* @__PURE__ */ jsxs111(
         motion30.div,
         {
           ...rest,
@@ -25504,7 +25596,7 @@ var Spotlight = forwardRef98(
           exit: disableAnimation || reducedMotion ? void 0 : { opacity: 0 },
           transition: { duration: 0.18 },
           children: [
-            /* @__PURE__ */ jsxs110(
+            /* @__PURE__ */ jsxs111(
               "svg",
               {
                 className: cn(
@@ -25518,8 +25610,8 @@ var Spotlight = forwardRef98(
                 "aria-hidden": "true",
                 onClick: onDismiss,
                 children: [
-                  /* @__PURE__ */ jsx116("defs", { children: /* @__PURE__ */ jsxs110("mask", { id: maskId, children: [
-                    /* @__PURE__ */ jsx116(
+                  /* @__PURE__ */ jsx117("defs", { children: /* @__PURE__ */ jsxs111("mask", { id: maskId, children: [
+                    /* @__PURE__ */ jsx117(
                       "rect",
                       {
                         x: 0,
@@ -25529,7 +25621,7 @@ var Spotlight = forwardRef98(
                         fill: "white"
                       }
                     ),
-                    cutout && shape === "rect" && /* @__PURE__ */ jsx116(
+                    cutout && shape === "rect" && /* @__PURE__ */ jsx117(
                       "rect",
                       {
                         x: cutout.x,
@@ -25541,7 +25633,7 @@ var Spotlight = forwardRef98(
                         fill: "black"
                       }
                     ),
-                    cutout && shape === "circle" && /* @__PURE__ */ jsx116(
+                    cutout && shape === "circle" && /* @__PURE__ */ jsx117(
                       "ellipse",
                       {
                         cx: cutout.x + cutout.width / 2,
@@ -25552,7 +25644,7 @@ var Spotlight = forwardRef98(
                       }
                     )
                   ] }) }),
-                  /* @__PURE__ */ jsx116(
+                  /* @__PURE__ */ jsx117(
                     "rect",
                     {
                       x: 0,
@@ -25566,7 +25658,7 @@ var Spotlight = forwardRef98(
                 ]
               }
             ),
-            children && /* @__PURE__ */ jsx116("div", { className: "ods-spotlight__content", children })
+            children && /* @__PURE__ */ jsx117("div", { className: "ods-spotlight__content", children })
           ]
         }
       ) }),
@@ -25581,7 +25673,7 @@ import {
   forwardRef as forwardRef99
 } from "react";
 import { ArrowDownIcon as ArrowDownIcon2, ArrowUpIcon as ArrowUpIcon2, SubtractIcon as SubtractIcon3 } from "@octaviaflow/icons";
-import { jsx as jsx117, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs112 } from "react/jsx-runtime";
 var Stat = forwardRef99(function Stat2({
   label,
   value,
@@ -25595,23 +25687,23 @@ var Stat = forwardRef99(function Stat2({
   ...rest
 }, ref) {
   const TrendIcon = deltaTrend === "up" ? ArrowUpIcon2 : deltaTrend === "down" ? ArrowDownIcon2 : SubtractIcon3;
-  return /* @__PURE__ */ jsxs111(
+  return /* @__PURE__ */ jsxs112(
     "div",
     {
       ...rest,
       ref,
       className: cn("ods-stat", `ods-stat--${size}`, className),
       children: [
-        /* @__PURE__ */ jsxs111("div", { className: "ods-stat__head", children: [
-          /* @__PURE__ */ jsx117("div", { className: "ods-stat__label", children: label }),
-          icon && /* @__PURE__ */ jsx117("span", { className: "ods-stat__icon", "aria-hidden": "true", children: icon })
+        /* @__PURE__ */ jsxs112("div", { className: "ods-stat__head", children: [
+          /* @__PURE__ */ jsx118("div", { className: "ods-stat__label", children: label }),
+          icon && /* @__PURE__ */ jsx118("span", { className: "ods-stat__icon", "aria-hidden": "true", children: icon })
         ] }),
-        /* @__PURE__ */ jsx117("div", { className: "ods-stat__value", children: value }),
-        description && /* @__PURE__ */ jsx117("div", { className: "ods-stat__description", children: description }),
-        delta && /* @__PURE__ */ jsxs111("div", { className: cn("ods-stat__delta", `ods-stat__delta--${deltaTrend}`), children: [
-          /* @__PURE__ */ jsx117("span", { className: "ods-stat__delta-arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsx117(TrendIcon, { size: "xs" }) }),
-          /* @__PURE__ */ jsx117("span", { className: "ods-stat__delta-value", children: delta }),
-          deltaSuffix && /* @__PURE__ */ jsx117("span", { className: "ods-stat__delta-suffix", children: deltaSuffix })
+        /* @__PURE__ */ jsx118("div", { className: "ods-stat__value", children: value }),
+        description && /* @__PURE__ */ jsx118("div", { className: "ods-stat__description", children: description }),
+        delta && /* @__PURE__ */ jsxs112("div", { className: cn("ods-stat__delta", `ods-stat__delta--${deltaTrend}`), children: [
+          /* @__PURE__ */ jsx118("span", { className: "ods-stat__delta-arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsx118(TrendIcon, { size: "xs" }) }),
+          /* @__PURE__ */ jsx118("span", { className: "ods-stat__delta-value", children: delta }),
+          deltaSuffix && /* @__PURE__ */ jsx118("span", { className: "ods-stat__delta-suffix", children: deltaSuffix })
         ] })
       ]
     }
@@ -25628,7 +25720,7 @@ import {
   useMemo as useMemo26,
   useState as useState54
 } from "react";
-import { jsx as jsx118, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs113 } from "react/jsx-runtime";
 var STATUS_COLORS = {
   success: "var(--ods-status-success)",
   failed: "var(--ods-status-failed)",
@@ -25700,7 +25792,7 @@ var StatusTiles = forwardRef100(
       return `${t} \u2014 ${visible.length} runs (${summaryText})`;
     }, [ariaLabel, title, visible]);
     const interactive = Boolean(onTileHover || onTileClick);
-    return /* @__PURE__ */ jsxs112(
+    return /* @__PURE__ */ jsxs113(
       "div",
       {
         ...rest,
@@ -25709,14 +25801,14 @@ var StatusTiles = forwardRef100(
         role: "group",
         "aria-label": resolvedAriaLabel,
         children: [
-          (title || summary) && /* @__PURE__ */ jsxs112("div", { className: "ods-status-tiles__head", children: [
-            title && /* @__PURE__ */ jsx118("span", { className: "ods-status-tiles__title", children: title }),
-            summary && /* @__PURE__ */ jsx118("span", { className: "ods-status-tiles__summary", children: summary })
+          (title || summary) && /* @__PURE__ */ jsxs113("div", { className: "ods-status-tiles__head", children: [
+            title && /* @__PURE__ */ jsx119("span", { className: "ods-status-tiles__title", children: title }),
+            summary && /* @__PURE__ */ jsx119("span", { className: "ods-status-tiles__summary", children: summary })
           ] }),
-          /* @__PURE__ */ jsx118("div", { className: "ods-status-tiles__row", style: { gap }, children: visible.map((tile, i) => {
+          /* @__PURE__ */ jsx119("div", { className: "ods-status-tiles__row", style: { gap }, children: visible.map((tile, i) => {
             const fill = tile.color ?? STATUS_COLORS[tile.status];
             const tooltipText = tile.label !== void 0 ? typeof tile.label === "string" ? tile.label : void 0 : STATUS_TEXT[tile.status];
-            return /* @__PURE__ */ jsx118(
+            return /* @__PURE__ */ jsx119(
               motion31.button,
               {
                 type: "button",
@@ -25768,7 +25860,7 @@ import {
   forwardRef as forwardRef101,
   useId as useId53
 } from "react";
-import { jsx as jsx119, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs114 } from "react/jsx-runtime";
 function deriveStatus(step, index, active) {
   if (step.status) return step.status;
   if (index < active) return "complete";
@@ -25836,7 +25928,7 @@ var Stepper = forwardRef101(
       e.preventDefault();
       goTo(i);
     };
-    return /* @__PURE__ */ jsx119(
+    return /* @__PURE__ */ jsx120(
       "ol",
       {
         ...rest,
@@ -25855,13 +25947,13 @@ var Stepper = forwardRef101(
           const status = deriveStatus(step, i, activeIndex);
           const isLast = i === steps.length - 1;
           const segmentCompleted = showProgressTrail && i < activeIndex && status !== "error";
-          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ jsx119(CheckmarkIcon11, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ jsx119(ErrorIcon2, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ jsx119("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
-          const labelText = /* @__PURE__ */ jsxs113("span", { className: "ods-stepper__label-text", children: [
-            /* @__PURE__ */ jsx119("span", { className: "ods-stepper__label-title", children: step.label }),
-            step.optional && /* @__PURE__ */ jsx119("span", { className: "ods-stepper__label-optional", children: "Optional" }),
-            step.description && /* @__PURE__ */ jsx119("span", { className: "ods-stepper__label-desc", children: step.description })
+          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ jsx120(CheckmarkIcon11, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ jsx120(ErrorIcon2, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ jsx120("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
+          const labelText = /* @__PURE__ */ jsxs114("span", { className: "ods-stepper__label-text", children: [
+            /* @__PURE__ */ jsx120("span", { className: "ods-stepper__label-title", children: step.label }),
+            step.optional && /* @__PURE__ */ jsx120("span", { className: "ods-stepper__label-optional", children: "Optional" }),
+            step.description && /* @__PURE__ */ jsx120("span", { className: "ods-stepper__label-desc", children: step.description })
           ] });
-          const stepInner = isInteractive ? /* @__PURE__ */ jsxs113(
+          const stepInner = isInteractive ? /* @__PURE__ */ jsxs114(
             "button",
             {
               type: "button",
@@ -25873,7 +25965,7 @@ var Stepper = forwardRef101(
               onClick: handleClick(i),
               onKeyDown: (e) => handleKeyDown(e, i),
               children: [
-                /* @__PURE__ */ jsx119(
+                /* @__PURE__ */ jsx120(
                   "span",
                   {
                     className: cn(
@@ -25887,13 +25979,13 @@ var Stepper = forwardRef101(
                 labelText
               ]
             }
-          ) : /* @__PURE__ */ jsxs113(
+          ) : /* @__PURE__ */ jsxs114(
             "span",
             {
               className: "ods-stepper__step-static",
               "aria-current": status === "active" ? "step" : void 0,
               children: [
-                /* @__PURE__ */ jsx119(
+                /* @__PURE__ */ jsx120(
                   "span",
                   {
                     className: cn(
@@ -25908,7 +26000,7 @@ var Stepper = forwardRef101(
               ]
             }
           );
-          return /* @__PURE__ */ jsxs113(
+          return /* @__PURE__ */ jsxs114(
             "li",
             {
               className: cn(
@@ -25918,7 +26010,7 @@ var Stepper = forwardRef101(
               ),
               children: [
                 stepInner,
-                !isLast && /* @__PURE__ */ jsx119(
+                !isLast && /* @__PURE__ */ jsx120(
                   "span",
                   {
                     className: cn(
@@ -25948,7 +26040,7 @@ import {
   useMemo as useMemo27,
   useState as useState55
 } from "react";
-import { jsx as jsx120, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs115 } from "react/jsx-runtime";
 var defaultFormat7 = (n) => {
   if (Math.abs(n) >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
   if (Math.abs(n) >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
@@ -26172,7 +26264,7 @@ var Sankey = forwardRef102(function Sankey2({
     const t = typeof title === "string" ? title : "Sankey";
     return `${t} \u2014 ${nodes.length} nodes, ${links.length} flows`;
   }, [ariaLabel, title, nodes.length, links.length]);
-  return /* @__PURE__ */ jsxs114(
+  return /* @__PURE__ */ jsxs115(
     "div",
     {
       ...rest,
@@ -26181,11 +26273,11 @@ var Sankey = forwardRef102(function Sankey2({
       role: "group",
       "aria-label": resolvedAriaLabel,
       children: [
-        (title || total) && /* @__PURE__ */ jsxs114("div", { className: "ods-sankey__head", children: [
-          title && /* @__PURE__ */ jsx120("div", { className: "ods-sankey__title", children: title }),
-          total && /* @__PURE__ */ jsx120("div", { className: "ods-sankey__total", children: total })
+        (title || total) && /* @__PURE__ */ jsxs115("div", { className: "ods-sankey__head", children: [
+          title && /* @__PURE__ */ jsx121("div", { className: "ods-sankey__title", children: title }),
+          total && /* @__PURE__ */ jsx121("div", { className: "ods-sankey__total", children: total })
         ] }),
-        /* @__PURE__ */ jsx120("div", { className: "ods-sankey__plot", style: { width, height }, children: /* @__PURE__ */ jsxs114(
+        /* @__PURE__ */ jsx121("div", { className: "ods-sankey__plot", style: { width, height }, children: /* @__PURE__ */ jsxs115(
           "svg",
           {
             className: "ods-sankey__svg",
@@ -26195,7 +26287,7 @@ var Sankey = forwardRef102(function Sankey2({
               layoutLinks.map((l) => {
                 const color = l.color ?? linkColor ?? l.sourceNode.color ?? nodeColor;
                 const active = hoveredLink === l || hoveredNode?.id === l.source || hoveredNode?.id === l.target;
-                return /* @__PURE__ */ jsx120(
+                return /* @__PURE__ */ jsx121(
                   motion32.path,
                   {
                     d: l.path,
@@ -26223,7 +26315,7 @@ var Sankey = forwardRef102(function Sankey2({
                       duration: 0.6,
                       ease: [0.16, 1, 0.3, 1]
                     },
-                    children: /* @__PURE__ */ jsx120("title", { children: `${l.sourceNode.label} \u2192 ${l.targetNode.label}: ${formatValue(l.value)}` })
+                    children: /* @__PURE__ */ jsx121("title", { children: `${l.sourceNode.label} \u2192 ${l.targetNode.label}: ${formatValue(l.value)}` })
                   },
                   `${reactId}-link-${l.source}-${l.target}`
                 );
@@ -26234,7 +26326,7 @@ var Sankey = forwardRef102(function Sankey2({
                 const isFirst = n.column === 0;
                 const isLast = n.column === columnCount - 1;
                 const active = hoveredNode === n;
-                return /* @__PURE__ */ jsxs114(
+                return /* @__PURE__ */ jsxs115(
                   "g",
                   {
                     className: "ods-sankey__node-group",
@@ -26242,7 +26334,7 @@ var Sankey = forwardRef102(function Sankey2({
                     onMouseLeave: () => fireNode(null),
                     onClick: onNodeClick ? () => onNodeClick(n) : void 0,
                     children: [
-                      /* @__PURE__ */ jsx120(
+                      /* @__PURE__ */ jsx121(
                         motion32.rect,
                         {
                           x: n.x,
@@ -26271,10 +26363,10 @@ var Sankey = forwardRef102(function Sankey2({
                             delay: disableAnimation ? 0 : 0.2 + n.column * 0.05,
                             ease: [0.16, 1, 0.3, 1]
                           },
-                          children: /* @__PURE__ */ jsx120("title", { children: `${n.label} \u2014 in ${formatValue(n.inFlow)} \xB7 out ${formatValue(n.outFlow)}` })
+                          children: /* @__PURE__ */ jsx121("title", { children: `${n.label} \u2014 in ${formatValue(n.inFlow)} \xB7 out ${formatValue(n.outFlow)}` })
                         }
                       ),
-                      /* @__PURE__ */ jsx120(
+                      /* @__PURE__ */ jsx121(
                         "text",
                         {
                           x: isFirst ? n.x - 6 : isLast ? n.x + nodeWidth + 6 : n.x + nodeWidth + 6,
@@ -26305,7 +26397,7 @@ import {
   useRef as useRef47
 } from "react";
 import { useSwitch } from "react-aria";
-import { jsx as jsx121, jsxs as jsxs115 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs116 } from "react/jsx-runtime";
 var Switch = forwardRef103(function Switch2({
   checked,
   defaultChecked,
@@ -26354,7 +26446,7 @@ var Switch = forwardRef103(function Switch2({
     onBlur: _onBlur,
     ...passthroughProps
   } = props;
-  return /* @__PURE__ */ jsxs115(
+  return /* @__PURE__ */ jsxs116(
     "label",
     {
       className: cn(
@@ -26365,7 +26457,7 @@ var Switch = forwardRef103(function Switch2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122(
           "input",
           {
             ...passthroughProps,
@@ -26374,17 +26466,17 @@ var Switch = forwardRef103(function Switch2({
             className: "ods-switch__input"
           }
         ),
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122(
           "div",
           {
             className: cn("ods-switch__track", isOn && "ods-switch__track--on"),
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx121("div", { className: "ods-switch__thumb" })
+            children: /* @__PURE__ */ jsx122("div", { className: "ods-switch__thumb" })
           }
         ),
-        (label || description) && /* @__PURE__ */ jsxs115("div", { className: "ods-switch__text", children: [
-          label && /* @__PURE__ */ jsx121("span", { className: "ods-switch__label", children: label }),
-          description && /* @__PURE__ */ jsx121("span", { className: "ods-switch__description", children: description })
+        (label || description) && /* @__PURE__ */ jsxs116("div", { className: "ods-switch__text", children: [
+          label && /* @__PURE__ */ jsx122("span", { className: "ods-switch__label", children: label }),
+          description && /* @__PURE__ */ jsx122("span", { className: "ods-switch__description", children: description })
         ] })
       ]
     }
@@ -26404,7 +26496,7 @@ import {
   CaretSortIcon as CaretSortIcon2,
   CaretUpIcon as CaretUpIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment43, jsx as jsx122, jsxs as jsxs116 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx123, jsxs as jsxs117 } from "react/jsx-runtime";
 function TableInner({
   columns,
   data,
@@ -26455,7 +26547,7 @@ function TableInner({
     [onSelectionChange, selectedRows]
   );
   const totalCols = columns.length + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       ...rest,
@@ -26463,9 +26555,9 @@ function TableInner({
       className: cn("ods-table-wrapper", className),
       role: "region",
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsxs116("table", { className: "ods-table", children: [
-        /* @__PURE__ */ jsx122("thead", { className: "ods-table__header", children: /* @__PURE__ */ jsxs116("tr", { children: [
-          selectable && /* @__PURE__ */ jsx122("th", { className: "ods-table__cell--checkbox", scope: "col", children: /* @__PURE__ */ jsx122(
+      children: /* @__PURE__ */ jsxs117("table", { className: "ods-table", children: [
+        /* @__PURE__ */ jsx123("thead", { className: "ods-table__header", children: /* @__PURE__ */ jsxs117("tr", { children: [
+          selectable && /* @__PURE__ */ jsx123("th", { className: "ods-table__cell--checkbox", scope: "col", children: /* @__PURE__ */ jsx123(
             "input",
             {
               type: "checkbox",
@@ -26474,8 +26566,8 @@ function TableInner({
               onChange: handleSelectAll
             }
           ) }),
-          expandable && /* @__PURE__ */ jsx122("th", { className: "ods-table__cell--expand", scope: "col", "aria-label": "Expand" }),
-          columns.map((col) => /* @__PURE__ */ jsx122(
+          expandable && /* @__PURE__ */ jsx123("th", { className: "ods-table__cell--expand", scope: "col", "aria-label": "Expand" }),
+          columns.map((col) => /* @__PURE__ */ jsx123(
             "th",
             {
               className: cn("ods-table__cell", col.sortable && "ods-table__cell--sortable"),
@@ -26483,9 +26575,9 @@ function TableInner({
               scope: "col",
               "aria-sort": sortKey === col.key ? sortDirection === "asc" ? "ascending" : "descending" : void 0,
               onClick: col.sortable ? () => handleSort(col.key) : void 0,
-              children: /* @__PURE__ */ jsxs116("span", { className: "ods-table__header-content", children: [
+              children: /* @__PURE__ */ jsxs117("span", { className: "ods-table__header-content", children: [
                 col.header,
-                col.sortable && /* @__PURE__ */ jsx122(
+                col.sortable && /* @__PURE__ */ jsx123(
                   "span",
                   {
                     className: cn(
@@ -26493,7 +26585,7 @@ function TableInner({
                       sortKey === col.key && "ods-table__sort-icon--active"
                     ),
                     "aria-hidden": "true",
-                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ jsx122(CaretDownIcon2, { size: "xs" }) : /* @__PURE__ */ jsx122(CaretUpIcon2, { size: "xs" }) : /* @__PURE__ */ jsx122(CaretSortIcon2, { size: "xs" })
+                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ jsx123(CaretDownIcon2, { size: "xs" }) : /* @__PURE__ */ jsx123(CaretUpIcon2, { size: "xs" }) : /* @__PURE__ */ jsx123(CaretSortIcon2, { size: "xs" })
                   }
                 )
               ] })
@@ -26501,10 +26593,10 @@ function TableInner({
             col.key
           ))
         ] }) }),
-        /* @__PURE__ */ jsxs116("tbody", { children: [
-          loading && /* @__PURE__ */ jsx122("tr", { children: /* @__PURE__ */ jsx122("td", { colSpan: totalCols, className: "ods-table__loading", children: /* @__PURE__ */ jsx122("div", { className: "ods-table__loading-bar" }) }) }),
-          !loading && data.length === 0 && /* @__PURE__ */ jsx122("tr", { children: /* @__PURE__ */ jsx122("td", { colSpan: totalCols, className: "ods-table__empty", children: emptyMessage }) }),
-          data.map((row, rowIndex) => /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsxs117("tbody", { children: [
+          loading && /* @__PURE__ */ jsx123("tr", { children: /* @__PURE__ */ jsx123("td", { colSpan: totalCols, className: "ods-table__loading", children: /* @__PURE__ */ jsx123("div", { className: "ods-table__loading-bar" }) }) }),
+          !loading && data.length === 0 && /* @__PURE__ */ jsx123("tr", { children: /* @__PURE__ */ jsx123("td", { colSpan: totalCols, className: "ods-table__empty", children: emptyMessage }) }),
+          data.map((row, rowIndex) => /* @__PURE__ */ jsx123(
             TableRow,
             {
               row,
@@ -26538,14 +26630,14 @@ function TableRow({
 }) {
   const isSelected = selectedRows?.has(rowIndex) ?? false;
   const [expanded, setExpanded] = useState56(false);
-  return /* @__PURE__ */ jsxs116(Fragment43, { children: [
-    /* @__PURE__ */ jsxs116(
+  return /* @__PURE__ */ jsxs117(Fragment44, { children: [
+    /* @__PURE__ */ jsxs117(
       "tr",
       {
         className: cn("ods-table__row", isSelected && "ods-table__row--selected"),
         "data-row-index": rowIndex,
         children: [
-          selectable && /* @__PURE__ */ jsx122("td", { className: "ods-table__cell--checkbox", children: /* @__PURE__ */ jsx122(
+          selectable && /* @__PURE__ */ jsx123("td", { className: "ods-table__cell--checkbox", children: /* @__PURE__ */ jsx123(
             "input",
             {
               type: "checkbox",
@@ -26554,7 +26646,7 @@ function TableRow({
               onChange: () => onSelectRow(rowIndex)
             }
           ) }),
-          expandable && /* @__PURE__ */ jsx122("td", { className: "ods-table__cell--expand", children: /* @__PURE__ */ jsx122(
+          expandable && /* @__PURE__ */ jsx123("td", { className: "ods-table__cell--expand", children: /* @__PURE__ */ jsx123(
             "button",
             {
               type: "button",
@@ -26562,14 +26654,14 @@ function TableRow({
               "aria-label": expanded ? "Collapse row" : "Expand row",
               "aria-expanded": expanded,
               onClick: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ jsx122(CaretRightIcon, { size: "xs" })
+              children: /* @__PURE__ */ jsx123(CaretRightIcon, { size: "xs" })
             }
           ) }),
-          columns.map((col) => /* @__PURE__ */ jsx122("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
+          columns.map((col) => /* @__PURE__ */ jsx123("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
         ]
       }
     ),
-    expandable && expanded && renderExpanded && /* @__PURE__ */ jsx122("tr", { className: "ods-table__row--expanded", children: /* @__PURE__ */ jsx122("td", { colSpan: totalCols, className: "ods-table__expanded-cell", children: renderExpanded(row, rowIndex) }) })
+    expandable && expanded && renderExpanded && /* @__PURE__ */ jsx123("tr", { className: "ods-table__row--expanded", children: /* @__PURE__ */ jsx123("td", { colSpan: totalCols, className: "ods-table__expanded-cell", children: renderExpanded(row, rowIndex) }) })
   ] });
 }
 
@@ -26577,7 +26669,7 @@ function TableRow({
 import { motion as motion33 } from "framer-motion";
 import { useCallback as useCallback42, useEffect as useEffect43, useId as useId55, useMemo as useMemo28, useRef as useRef48, useState as useState57 } from "react";
 import { useTab, useTabList, useTabPanel } from "react-aria";
-import { jsx as jsx123, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs118 } from "react/jsx-runtime";
 function TabButton({
   item,
   state,
@@ -26588,7 +26680,7 @@ function TabButton({
   const isSelected = state.selectedKey === item.key;
   const isDisabled = state.disabledKeys.has(item.key);
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeTabProps } = tabProps;
-  return /* @__PURE__ */ jsxs117(
+  return /* @__PURE__ */ jsxs118(
     motion33.div,
     {
       ...safeTabProps,
@@ -26600,7 +26692,7 @@ function TabButton({
       ),
       children: [
         item.rendered,
-        isSelected && /* @__PURE__ */ jsx123(
+        isSelected && /* @__PURE__ */ jsx124(
           motion33.div,
           {
             className: "ods-tabs__indicator",
@@ -26615,7 +26707,7 @@ function TabButton({
 function TabPanelContent({ state, panelContent, ...props }) {
   const ref = useRef48(null);
   const { tabPanelProps } = useTabPanel(props, state, ref);
-  return /* @__PURE__ */ jsx123("div", { ...tabPanelProps, ref, className: "ods-tabs__panel", children: panelContent });
+  return /* @__PURE__ */ jsx124("div", { ...tabPanelProps, ref, className: "ods-tabs__panel", children: panelContent });
 }
 var SCROLL_EDGE_EPSILON = 1;
 var SCROLL_STEP_PX = 200;
@@ -26644,9 +26736,9 @@ function Tabs({
     return map;
   }, [items]);
   const stateProps = {
-    children: items.map((item) => /* @__PURE__ */ jsxs117($05678f3aee5e7d1a$export$6d08773d2e66f8f2, { textValue: item.label, children: [
-      item.icon && /* @__PURE__ */ jsx123("span", { className: "ods-tabs__icon", children: item.icon }),
-      /* @__PURE__ */ jsx123("span", { children: item.label })
+    children: items.map((item) => /* @__PURE__ */ jsxs118($05678f3aee5e7d1a$export$6d08773d2e66f8f2, { textValue: item.label, children: [
+      item.icon && /* @__PURE__ */ jsx124("span", { className: "ods-tabs__icon", children: item.icon }),
+      /* @__PURE__ */ jsx124("span", { children: item.label })
     ] }, item.value)),
     selectedKey,
     onSelectionChange: handleSelectionChange,
@@ -26684,9 +26776,9 @@ function Tabs({
     el.scrollBy({ left: dir * SCROLL_STEP_PX, behavior: "smooth" });
   };
   const currentPanelContent = panelContentMap.get(String(selectedKey));
-  return /* @__PURE__ */ jsxs117("div", { className: cn("ods-tabs", `ods-tabs--${orientation}`, className), children: [
-    /* @__PURE__ */ jsxs117("div", { className: "ods-tabs__list-wrap", children: [
-      orientation === "horizontal" && canScrollLeft && /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsxs118("div", { className: cn("ods-tabs", `ods-tabs--${orientation}`, className), children: [
+    /* @__PURE__ */ jsxs118("div", { className: "ods-tabs__list-wrap", children: [
+      orientation === "horizontal" && canScrollLeft && /* @__PURE__ */ jsx124(
         "button",
         {
           type: "button",
@@ -26694,16 +26786,16 @@ function Tabs({
           onClick: () => scrollBy(-1),
           "aria-label": "Scroll tabs left",
           tabIndex: -1,
-          children: /* @__PURE__ */ jsx123(ChevronSvg, { dir: "left" })
+          children: /* @__PURE__ */ jsx124(ChevronSvg, { dir: "left" })
         }
       ),
-      /* @__PURE__ */ jsx123(
+      /* @__PURE__ */ jsx124(
         "div",
         {
           className: "ods-tabs__scroller",
           ref: scrollContainerRef,
           onScroll: orientation === "horizontal" ? onScroll : void 0,
-          children: /* @__PURE__ */ jsx123("div", { ...tabListProps, ref, className: "ods-tabs__list", children: [...state.collection].map((item) => /* @__PURE__ */ jsx123(
+          children: /* @__PURE__ */ jsx124("div", { ...tabListProps, ref, className: "ods-tabs__list", children: [...state.collection].map((item) => /* @__PURE__ */ jsx124(
             TabButton,
             {
               item,
@@ -26714,7 +26806,7 @@ function Tabs({
           )) })
         }
       ),
-      orientation === "horizontal" && canScrollRight && /* @__PURE__ */ jsx123(
+      orientation === "horizontal" && canScrollRight && /* @__PURE__ */ jsx124(
         "button",
         {
           type: "button",
@@ -26722,16 +26814,16 @@ function Tabs({
           onClick: () => scrollBy(1),
           "aria-label": "Scroll tabs right",
           tabIndex: -1,
-          children: /* @__PURE__ */ jsx123(ChevronSvg, { dir: "right" })
+          children: /* @__PURE__ */ jsx124(ChevronSvg, { dir: "right" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx123(TabPanelContent, { state, panelContent: currentPanelContent }, state.selectedKey)
+    /* @__PURE__ */ jsx124(TabPanelContent, { state, panelContent: currentPanelContent }, state.selectedKey)
   ] });
 }
 function ChevronSvg({ dir }) {
   const d = dir === "left" ? "M11 4L5 10l6 6" : "M9 4l6 6-6 6";
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     "svg",
     {
       width: "14",
@@ -26743,7 +26835,7 @@ function ChevronSvg({ dir }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx123("path", { d })
+      children: /* @__PURE__ */ jsx124("path", { d })
     }
   );
 }
@@ -26755,7 +26847,7 @@ import {
   useState as useState58
 } from "react";
 import { CloseIcon as CloseIcon14 } from "@octaviaflow/icons";
-import { jsx as jsx124, jsxs as jsxs118 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
 var TagsInput = forwardRef105(
   function TagsInput2({
     label,
@@ -26806,7 +26898,7 @@ var TagsInput = forwardRef105(
       }
     };
     const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsxs118(
+    return /* @__PURE__ */ jsxs119(
       "div",
       {
         className: cn(
@@ -26817,7 +26909,7 @@ var TagsInput = forwardRef105(
           wrapperClassName
         ),
         children: [
-          label && /* @__PURE__ */ jsx124(
+          label && /* @__PURE__ */ jsx125(
             "label",
             {
               id: labelId,
@@ -26826,10 +26918,10 @@ var TagsInput = forwardRef105(
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs118("div", { className: "ods-tags__field", children: [
-            value.map((tag, i) => /* @__PURE__ */ jsxs118("span", { className: "ods-tags__chip", children: [
-              /* @__PURE__ */ jsx124("span", { className: "ods-tags__chip-text", children: tag }),
-              /* @__PURE__ */ jsx124(
+          /* @__PURE__ */ jsxs119("div", { className: "ods-tags__field", children: [
+            value.map((tag, i) => /* @__PURE__ */ jsxs119("span", { className: "ods-tags__chip", children: [
+              /* @__PURE__ */ jsx125("span", { className: "ods-tags__chip-text", children: tag }),
+              /* @__PURE__ */ jsx125(
                 "button",
                 {
                   type: "button",
@@ -26837,11 +26929,11 @@ var TagsInput = forwardRef105(
                   onClick: () => removeTag(i),
                   "aria-label": `Remove ${tag}`,
                   disabled,
-                  children: /* @__PURE__ */ jsx124(CloseIcon14, { size: "xs" })
+                  children: /* @__PURE__ */ jsx125(CloseIcon14, { size: "xs" })
                 }
               )
             ] }, `${tag}-${i}`)),
-            /* @__PURE__ */ jsx124(
+            /* @__PURE__ */ jsx125(
               "input",
               {
                 ...rest,
@@ -26861,7 +26953,7 @@ var TagsInput = forwardRef105(
               }
             )
           ] }),
-          error ? /* @__PURE__ */ jsx124(
+          error ? /* @__PURE__ */ jsx125(
             "div",
             {
               id: hintId,
@@ -26869,7 +26961,7 @@ var TagsInput = forwardRef105(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ jsx124("div", { id: hintId, className: "ods-tags__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx125("div", { id: hintId, className: "ods-tags__hint", children: helperText }) : null
         ]
       }
     );
@@ -26882,7 +26974,7 @@ import {
   forwardRef as forwardRef106,
   useId as useId57
 } from "react";
-import { Fragment as Fragment44, jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx126, jsxs as jsxs120 } from "react/jsx-runtime";
 var TemplateCard = forwardRef106(
   function TemplateCard2({
     name,
@@ -26918,7 +27010,7 @@ var TemplateCard = forwardRef106(
     const isInteractive = Boolean(href || onClick) && !disabled;
     const hasInternalInteractive = Boolean(cta || footer);
     const useStretchedLink = Boolean(href) && !disabled && hasInternalInteractive;
-    const titleContent = useStretchedLink ? /* @__PURE__ */ jsx125(
+    const titleContent = useStretchedLink ? /* @__PURE__ */ jsx126(
       "a",
       {
         className: "ods-template-card__stretched-link",
@@ -26930,8 +27022,8 @@ var TemplateCard = forwardRef106(
     const renderAuthor = () => {
       if (!author) return null;
       const derivedInitials = author.avatar?.initials ?? (typeof author.name === "string" ? author.name.charAt(0).toUpperCase() : void 0);
-      return /* @__PURE__ */ jsxs119("div", { className: "ods-template-card__author", children: [
-        (author.avatar || derivedInitials) && /* @__PURE__ */ jsx125(
+      return /* @__PURE__ */ jsxs120("div", { className: "ods-template-card__author", children: [
+        (author.avatar || derivedInitials) && /* @__PURE__ */ jsx126(
           Avatar,
           {
             size: "xs",
@@ -26941,8 +27033,8 @@ var TemplateCard = forwardRef106(
             className: "ods-template-card__author-avatar"
           }
         ),
-        /* @__PURE__ */ jsx125("span", { className: "ods-template-card__author-name", children: author.name }),
-        author.byline && /* @__PURE__ */ jsx125("span", { className: "ods-template-card__author-byline", children: author.byline })
+        /* @__PURE__ */ jsx126("span", { className: "ods-template-card__author-name", children: author.name }),
+        author.byline && /* @__PURE__ */ jsx126("span", { className: "ods-template-card__author-byline", children: author.byline })
       ] });
     };
     const hasImage = Boolean(image);
@@ -26956,8 +27048,8 @@ var TemplateCard = forwardRef106(
       if (iconConnector === "plus") return "+";
       return iconConnector;
     };
-    const body = /* @__PURE__ */ jsxs119(Fragment44, { children: [
-      showMedia && /* @__PURE__ */ jsxs119(
+    const body = /* @__PURE__ */ jsxs120(Fragment45, { children: [
+      showMedia && /* @__PURE__ */ jsxs120(
         "div",
         {
           className: cn(
@@ -26970,9 +27062,9 @@ var TemplateCard = forwardRef106(
           "aria-hidden": "true",
           children: [
             hasImage && image,
-            hasIcon && /* @__PURE__ */ jsx125("span", { className: "ods-template-card__icon", children: icon }),
-            hasIconFlow && /* @__PURE__ */ jsx125("span", { className: "ods-template-card__icon-flow", children: icons.map((step, i) => /* @__PURE__ */ jsxs119("span", { className: "ods-template-card__icon-flow-item", children: [
-              i > 0 && /* @__PURE__ */ jsx125(
+            hasIcon && /* @__PURE__ */ jsx126("span", { className: "ods-template-card__icon", children: icon }),
+            hasIconFlow && /* @__PURE__ */ jsx126("span", { className: "ods-template-card__icon-flow", children: icons.map((step, i) => /* @__PURE__ */ jsxs120("span", { className: "ods-template-card__icon-flow-item", children: [
+              i > 0 && /* @__PURE__ */ jsx126(
                 "span",
                 {
                   className: "ods-template-card__icon-connector",
@@ -26980,7 +27072,7 @@ var TemplateCard = forwardRef106(
                   children: renderConnector()
                 }
               ),
-              /* @__PURE__ */ jsx125(
+              /* @__PURE__ */ jsx126(
                 "span",
                 {
                   className: cn(
@@ -26993,13 +27085,13 @@ var TemplateCard = forwardRef106(
                 }
               )
             ] }, i)) }),
-            badge && /* @__PURE__ */ jsx125("span", { className: "ods-template-card__badge", children: badge })
+            badge && /* @__PURE__ */ jsx126("span", { className: "ods-template-card__badge", children: badge })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs119("div", { className: "ods-template-card__content", children: [
-        category && /* @__PURE__ */ jsx125("div", { className: "ods-template-card__category", children: category }),
-        /* @__PURE__ */ jsx125(
+      /* @__PURE__ */ jsxs120("div", { className: "ods-template-card__content", children: [
+        category && /* @__PURE__ */ jsx126("div", { className: "ods-template-card__category", children: category }),
+        /* @__PURE__ */ jsx126(
           Card.Title,
           {
             as: nameAs,
@@ -27008,7 +27100,7 @@ var TemplateCard = forwardRef106(
             children: titleContent
           }
         ),
-        description && /* @__PURE__ */ jsx125(
+        description && /* @__PURE__ */ jsx126(
           Card.Description,
           {
             id: descId,
@@ -27016,18 +27108,18 @@ var TemplateCard = forwardRef106(
             children: description
           }
         ),
-        requirements && requirements.length > 0 && /* @__PURE__ */ jsx125(
+        requirements && requirements.length > 0 && /* @__PURE__ */ jsx126(
           "div",
           {
             className: "ods-template-card__requirements",
             "aria-label": "Requirements",
-            children: requirements.map((r, i) => /* @__PURE__ */ jsx125("span", { className: "ods-template-card__requirement", children: r }, i))
+            children: requirements.map((r, i) => /* @__PURE__ */ jsx126("span", { className: "ods-template-card__requirement", children: r }, i))
           }
         ),
-        stats && stats.length > 0 && /* @__PURE__ */ jsx125("dl", { className: "ods-template-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs119("div", { className: "ods-template-card__stat", children: [
-          /* @__PURE__ */ jsx125("dt", { className: "ods-template-card__stat-label", children: s.label }),
-          /* @__PURE__ */ jsxs119("dd", { className: "ods-template-card__stat-value", children: [
-            s.icon && /* @__PURE__ */ jsx125(
+        stats && stats.length > 0 && /* @__PURE__ */ jsx126("dl", { className: "ods-template-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs120("div", { className: "ods-template-card__stat", children: [
+          /* @__PURE__ */ jsx126("dt", { className: "ods-template-card__stat-label", children: s.label }),
+          /* @__PURE__ */ jsxs120("dd", { className: "ods-template-card__stat-value", children: [
+            s.icon && /* @__PURE__ */ jsx126(
               "span",
               {
                 className: "ods-template-card__stat-icon",
@@ -27038,12 +27130,12 @@ var TemplateCard = forwardRef106(
             s.value
           ] })
         ] }, i)) }),
-        tags && tags.length > 0 && /* @__PURE__ */ jsx125("div", { className: "ods-template-card__tags", children: tags.map((t, i) => /* @__PURE__ */ jsx125("span", { className: "ods-template-card__tag", children: t }, i)) }),
-        (author || cta || footer) && /* @__PURE__ */ jsxs119("div", { className: "ods-template-card__footer-row", children: [
+        tags && tags.length > 0 && /* @__PURE__ */ jsx126("div", { className: "ods-template-card__tags", children: tags.map((t, i) => /* @__PURE__ */ jsx126("span", { className: "ods-template-card__tag", children: t }, i)) }),
+        (author || cta || footer) && /* @__PURE__ */ jsxs120("div", { className: "ods-template-card__footer-row", children: [
           renderAuthor(),
-          (cta || footer) && /* @__PURE__ */ jsxs119("div", { className: "ods-template-card__footer-actions", children: [
-            cta && /* @__PURE__ */ jsx125("div", { className: "ods-template-card__cta", children: cta }),
-            footer && /* @__PURE__ */ jsx125("div", { className: "ods-template-card__footer", children: footer })
+          (cta || footer) && /* @__PURE__ */ jsxs120("div", { className: "ods-template-card__footer-actions", children: [
+            cta && /* @__PURE__ */ jsx126("div", { className: "ods-template-card__cta", children: cta }),
+            footer && /* @__PURE__ */ jsx126("div", { className: "ods-template-card__footer", children: footer })
           ] })
         ] })
       ] })
@@ -27057,7 +27149,7 @@ var TemplateCard = forwardRef106(
       className
     );
     if (href && !disabled && !useStretchedLink) {
-      return /* @__PURE__ */ jsx125(
+      return /* @__PURE__ */ jsx126(
         Card,
         {
           asChild: true,
@@ -27066,7 +27158,7 @@ var TemplateCard = forwardRef106(
           className: sharedClass,
           "aria-labelledby": nameId,
           "aria-describedby": descId,
-          children: /* @__PURE__ */ jsx125(
+          children: /* @__PURE__ */ jsx126(
             "a",
             {
               ...rest,
@@ -27080,7 +27172,7 @@ var TemplateCard = forwardRef106(
         }
       );
     }
-    return /* @__PURE__ */ jsx125(
+    return /* @__PURE__ */ jsx126(
       Card,
       {
         ...rest,
@@ -27110,7 +27202,7 @@ import {
   forwardRef as forwardRef107,
   useId as useId58
 } from "react";
-import { jsx as jsx126, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs121 } from "react/jsx-runtime";
 function isAuthorObject(v) {
   return typeof v === "object" && v !== null && !("type" in v) && // exclude React elements
   "name" in v;
@@ -27142,7 +27234,7 @@ var TestimonialCard = forwardRef107(function TestimonialCard2({
   };
   const renderAvatar = () => {
     if (!isAuthorObject(author) && legacyAvatar) {
-      return /* @__PURE__ */ jsx126(
+      return /* @__PURE__ */ jsx127(
         "span",
         {
           className: "ods-testimonial__avatar ods-testimonial__avatar--legacy",
@@ -27151,7 +27243,7 @@ var TestimonialCard = forwardRef107(function TestimonialCard2({
         }
       );
     }
-    return /* @__PURE__ */ jsx126(
+    return /* @__PURE__ */ jsx127(
       Avatar,
       {
         size: size === "sm" ? "xs" : size === "lg" ? "md" : "sm",
@@ -27162,7 +27254,7 @@ var TestimonialCard = forwardRef107(function TestimonialCard2({
       }
     );
   };
-  return /* @__PURE__ */ jsxs120(
+  return /* @__PURE__ */ jsxs121(
     Card,
     {
       ...rest,
@@ -27179,26 +27271,26 @@ var TestimonialCard = forwardRef107(function TestimonialCard2({
       "aria-labelledby": authorId,
       "aria-describedby": quoteId,
       children: [
-        /* @__PURE__ */ jsxs120("div", { className: "ods-testimonial__head", children: [
-          /* @__PURE__ */ jsx126("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ jsx126(QuotesIcon, { size: "md" }) }),
-          logo && /* @__PURE__ */ jsx126("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
+        /* @__PURE__ */ jsxs121("div", { className: "ods-testimonial__head", children: [
+          /* @__PURE__ */ jsx127("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ jsx127(QuotesIcon, { size: "md" }) }),
+          logo && /* @__PURE__ */ jsx127("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
         ] }),
-        /* @__PURE__ */ jsx126("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
-        typeof rating === "number" && /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx127("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
+        typeof rating === "number" && /* @__PURE__ */ jsx127(
           "div",
           {
             className: "ods-testimonial__rating",
             role: "img",
             "aria-label": `${rating} out of 5 stars`,
             children: Array.from({ length: 5 }).map(
-              (_, i) => i < Math.round(rating) ? /* @__PURE__ */ jsx126(
+              (_, i) => i < Math.round(rating) ? /* @__PURE__ */ jsx127(
                 StarFilledIcon3,
                 {
                   size: "xs",
                   className: "ods-testimonial__star ods-testimonial__star--on"
                 },
                 i
-              ) : /* @__PURE__ */ jsx126(
+              ) : /* @__PURE__ */ jsx127(
                 StarIcon3,
                 {
                   size: "xs",
@@ -27209,11 +27301,11 @@ var TestimonialCard = forwardRef107(function TestimonialCard2({
             )
           }
         ),
-        /* @__PURE__ */ jsxs120("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
+        /* @__PURE__ */ jsxs121("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
           renderAvatar(),
-          /* @__PURE__ */ jsxs120("span", { className: "ods-testimonial__author-info", children: [
-            /* @__PURE__ */ jsx126("span", { className: "ods-testimonial__author-name", children: resolved.name }),
-            resolved.role && /* @__PURE__ */ jsx126("span", { className: "ods-testimonial__author-role", children: resolved.role })
+          /* @__PURE__ */ jsxs121("span", { className: "ods-testimonial__author-info", children: [
+            /* @__PURE__ */ jsx127("span", { className: "ods-testimonial__author-name", children: resolved.name }),
+            resolved.role && /* @__PURE__ */ jsx127("span", { className: "ods-testimonial__author-role", children: resolved.role })
           ] })
         ] })
       ]
@@ -27621,7 +27713,7 @@ import {
   UndoIcon as UndoIcon2
 } from "@octaviaflow/icons";
 import { useCallback as useCallback45, useMemo as useMemo30, useRef as useRef50 } from "react";
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 function useTextareaTools({
   textareaRef,
   value,
@@ -27757,28 +27849,28 @@ var prependLineTool = (id, prefix, label, icon, title) => ({
   onAction: (h) => h.prependLines(prefix)
 });
 var textareaTools = {
-  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ jsx127(TextBoldIcon, {}), "Bold (\u2318B)"),
-  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ jsx127(TextItalicIcon, {}), "Italic (\u2318I)"),
+  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ jsx128(TextBoldIcon, {}), "Bold (\u2318B)"),
+  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ jsx128(TextItalicIcon, {}), "Italic (\u2318I)"),
   strikethrough: () => wrapTool(
     "strike",
     "~~",
     "~~",
     "Strikethrough",
-    /* @__PURE__ */ jsx127(TextStrikethroughIcon, {}),
+    /* @__PURE__ */ jsx128(TextStrikethroughIcon, {}),
     "Strikethrough"
   ),
-  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ jsx127(CodeIcon, {}), "Inline code"),
+  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ jsx128(CodeIcon, {}), "Inline code"),
   codeBlock: () => ({
     id: "code-block",
     label: "Code block",
-    icon: /* @__PURE__ */ jsx127(CodeIcon, {}),
+    icon: /* @__PURE__ */ jsx128(CodeIcon, {}),
     title: "Code block",
     onAction: (h) => h.wrap("```\n", "\n```")
   }),
   link: () => ({
     id: "link",
     label: "Link",
-    icon: /* @__PURE__ */ jsx127(TextLinkIcon, {}),
+    icon: /* @__PURE__ */ jsx128(TextLinkIcon, {}),
     title: "Insert link",
     onAction: (h) => {
       const sel = h.selection;
@@ -27791,41 +27883,41 @@ var textareaTools = {
     `heading-${level}`,
     `${"#".repeat(level)} `,
     `H${level}`,
-    /* @__PURE__ */ jsx127(HeadingIcon, {}),
+    /* @__PURE__ */ jsx128(HeadingIcon, {}),
     `Heading ${level}`
   ),
   bulletList: () => prependLineTool(
     "ul",
     "- ",
     "Bullet list",
-    /* @__PURE__ */ jsx127(ListBulletedIcon, {}),
+    /* @__PURE__ */ jsx128(ListBulletedIcon, {}),
     "Bullet list"
   ),
   numberedList: () => prependLineTool(
     "ol",
     "1. ",
     "Numbered list",
-    /* @__PURE__ */ jsx127(ListNumberedIcon, {}),
+    /* @__PURE__ */ jsx128(ListNumberedIcon, {}),
     "Numbered list"
   ),
   quote: () => prependLineTool(
     "quote",
     "> ",
     "Quote",
-    /* @__PURE__ */ jsx127(QuotesIcon2, {}),
+    /* @__PURE__ */ jsx128(QuotesIcon2, {}),
     "Quote"
   ),
   undo: () => ({
     id: "undo",
     label: "Undo",
-    icon: /* @__PURE__ */ jsx127(UndoIcon2, {}),
+    icon: /* @__PURE__ */ jsx128(UndoIcon2, {}),
     title: "Undo (\u2318Z)",
     onAction: (h) => h.undo()
   }),
   redo: () => ({
     id: "redo",
     label: "Redo",
-    icon: /* @__PURE__ */ jsx127(RedoIcon2, {}),
+    icon: /* @__PURE__ */ jsx128(RedoIcon2, {}),
     title: "Redo (\u2318\u21E7Z)",
     onAction: (h) => h.redo()
   }),
@@ -27837,7 +27929,7 @@ var textareaTools = {
 };
 
 // src/components/Textarea/Textarea.tsx
-import { jsx as jsx128, jsxs as jsxs121 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs122 } from "react/jsx-runtime";
 var Textarea = forwardRef108(
   function Textarea2({
     label,
@@ -27986,7 +28078,7 @@ var Textarea = forwardRef108(
       minWidth: toCss2(minWidth),
       resize: resolvedResize
     };
-    return /* @__PURE__ */ jsxs121(
+    return /* @__PURE__ */ jsxs122(
       "div",
       {
         className: cn(
@@ -28000,7 +28092,7 @@ var Textarea = forwardRef108(
         ),
         style: consumerStyle,
         children: [
-          label && /* @__PURE__ */ jsx128(
+          label && /* @__PURE__ */ jsx129(
             "label",
             {
               ...labelProps,
@@ -28009,15 +28101,15 @@ var Textarea = forwardRef108(
               children: label
             }
           ),
-          toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ jsx128(
+          toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ jsx129(
             TextareaToolbar,
             {
               tools: toolbar.tools,
               onRun: toolbar.runTool
             }
           ),
-          /* @__PURE__ */ jsxs121("div", { className: "ods-textarea__wrapper", children: [
-            /* @__PURE__ */ jsx128(
+          /* @__PURE__ */ jsxs122("div", { className: "ods-textarea__wrapper", children: [
+            /* @__PURE__ */ jsx129(
               "textarea",
               {
                 ...props,
@@ -28042,7 +28134,7 @@ var Textarea = forwardRef108(
               }
             ),
             cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && createPortal17(
-              /* @__PURE__ */ jsx128(
+              /* @__PURE__ */ jsx129(
                 "ul",
                 {
                   id: `${baseId}-cmd-list`,
@@ -28054,7 +28146,7 @@ var Textarea = forwardRef108(
                     top: (cmdPalette.caretRect?.bottom ?? 0) + 6,
                     left: cmdPalette.caretRect?.left ?? 0
                   },
-                  children: cmdPalette.items.map((c, i) => /* @__PURE__ */ jsxs121(
+                  children: cmdPalette.items.map((c, i) => /* @__PURE__ */ jsxs122(
                     "li",
                     {
                       id: `${baseId}-cmd-${c.id}`,
@@ -28071,10 +28163,10 @@ var Textarea = forwardRef108(
                       onMouseEnter: () => {
                       },
                       children: [
-                        c.icon && /* @__PURE__ */ jsx128("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
-                        /* @__PURE__ */ jsxs121("span", { className: "ods-textarea__cmd-text", children: [
-                          /* @__PURE__ */ jsx128("span", { className: "ods-textarea__cmd-label", children: c.label }),
-                          c.description && /* @__PURE__ */ jsx128("span", { className: "ods-textarea__cmd-desc", children: c.description })
+                        c.icon && /* @__PURE__ */ jsx129("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
+                        /* @__PURE__ */ jsxs122("span", { className: "ods-textarea__cmd-text", children: [
+                          /* @__PURE__ */ jsx129("span", { className: "ods-textarea__cmd-label", children: c.label }),
+                          c.description && /* @__PURE__ */ jsx129("span", { className: "ods-textarea__cmd-desc", children: c.description })
                         ] })
                       ]
                     },
@@ -28085,7 +28177,7 @@ var Textarea = forwardRef108(
               document.body
             ),
             selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && createPortal17(
-              /* @__PURE__ */ jsxs121(
+              /* @__PURE__ */ jsxs122(
                 "div",
                 {
                   role: "toolbar",
@@ -28098,7 +28190,7 @@ var Textarea = forwardRef108(
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   children: [
-                    /* @__PURE__ */ jsx128(
+                    /* @__PURE__ */ jsx129(
                       "button",
                       {
                         type: "button",
@@ -28106,10 +28198,10 @@ var Textarea = forwardRef108(
                         onClick: () => sel.copy(),
                         "aria-label": "Copy selection",
                         title: "Copy",
-                        children: /* @__PURE__ */ jsx128(CopyIcon5, { size: "xs" })
+                        children: /* @__PURE__ */ jsx129(CopyIcon5, { size: "xs" })
                       }
                     ),
-                    /* @__PURE__ */ jsx128(
+                    /* @__PURE__ */ jsx129(
                       "button",
                       {
                         type: "button",
@@ -28117,10 +28209,10 @@ var Textarea = forwardRef108(
                         onClick: () => sel.cut(),
                         "aria-label": "Cut selection",
                         title: "Cut",
-                        children: /* @__PURE__ */ jsx128(CutIcon, { size: "xs" })
+                        children: /* @__PURE__ */ jsx129(CutIcon, { size: "xs" })
                       }
                     ),
-                    selectionActions?.map((a) => /* @__PURE__ */ jsxs121(
+                    selectionActions?.map((a) => /* @__PURE__ */ jsxs122(
                       "button",
                       {
                         type: "button",
@@ -28134,7 +28226,7 @@ var Textarea = forwardRef108(
                         title: typeof a.label === "string" ? a.label : void 0,
                         children: [
                           a.icon,
-                          a.label && /* @__PURE__ */ jsx128("span", { className: "ods-textarea__sel-btn-label", children: a.label })
+                          a.label && /* @__PURE__ */ jsx129("span", { className: "ods-textarea__sel-btn-label", children: a.label })
                         ]
                       },
                       a.id
@@ -28144,7 +28236,7 @@ var Textarea = forwardRef108(
               ),
               document.body
             ),
-            maxLength != null && /* @__PURE__ */ jsxs121(
+            maxLength != null && /* @__PURE__ */ jsxs122(
               "span",
               {
                 className: "ods-textarea__count",
@@ -28157,14 +28249,14 @@ var Textarea = forwardRef108(
               }
             )
           ] }),
-          toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ jsx128(
+          toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ jsx129(
             TextareaToolbar,
             {
               tools: toolbar.tools,
               onRun: toolbar.runTool
             }
           ),
-          error && errorMessage ? /* @__PURE__ */ jsx128(
+          error && errorMessage ? /* @__PURE__ */ jsx129(
             "div",
             {
               id: hintId,
@@ -28172,7 +28264,7 @@ var Textarea = forwardRef108(
               role: "alert",
               children: errorMessage
             }
-          ) : helperText ? /* @__PURE__ */ jsx128("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx129("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
         ]
       }
     );
@@ -28183,7 +28275,7 @@ function TextareaToolbar({
   tools,
   onRun
 }) {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     "div",
     {
       role: "toolbar",
@@ -28196,7 +28288,7 @@ function TextareaToolbar({
       },
       children: tools.map((t) => {
         if (t.kind === "divider") {
-          return /* @__PURE__ */ jsx128(
+          return /* @__PURE__ */ jsx129(
             "span",
             {
               className: "ods-textarea__toolbar-divider",
@@ -28205,7 +28297,7 @@ function TextareaToolbar({
             t.id
           );
         }
-        return /* @__PURE__ */ jsx128(
+        return /* @__PURE__ */ jsx129(
           "button",
           {
             type: "button",
@@ -28213,7 +28305,7 @@ function TextareaToolbar({
             title: t.title ?? (typeof t.label === "string" ? t.label : void 0),
             "aria-label": typeof t.label === "string" ? t.label : t.id,
             onClick: () => onRun(t.id),
-            children: t.icon ? /* @__PURE__ */ jsx128("span", { className: "ods-textarea__toolbar-icon", children: t.icon }) : /* @__PURE__ */ jsx128("span", { className: "ods-textarea__toolbar-text", children: t.label })
+            children: t.icon ? /* @__PURE__ */ jsx129("span", { className: "ods-textarea__toolbar-icon", children: t.icon }) : /* @__PURE__ */ jsx129("span", { className: "ods-textarea__toolbar-text", children: t.label })
           },
           t.id
         );
@@ -28227,7 +28319,7 @@ import { AnimatePresence as AnimatePresence21, motion as motion34 } from "framer
 import {
   forwardRef as forwardRef109
 } from "react";
-import { jsx as jsx129, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs123 } from "react/jsx-runtime";
 var Timeline = forwardRef109(
   function Timeline2({
     items,
@@ -28237,16 +28329,16 @@ var Timeline = forwardRef109(
     className,
     ...rest
   }, ref) {
-    return /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsx130(
       "ol",
       {
         ...rest,
         ref,
         className: cn("ods-timeline", `ods-timeline--${size}`, className),
-        children: /* @__PURE__ */ jsx129(AnimatePresence21, { initial: false, children: items.map((item, idx) => {
+        children: /* @__PURE__ */ jsx130(AnimatePresence21, { initial: false, children: items.map((item, idx) => {
           const last = idx === items.length - 1;
           const status = item.status ?? "default";
-          return /* @__PURE__ */ jsxs122(
+          return /* @__PURE__ */ jsxs123(
             motion34.li,
             {
               layout: animated,
@@ -28263,8 +28355,8 @@ var Timeline = forwardRef109(
                 delay: animated ? idx * staggerDelay / 1e3 : 0
               },
               children: [
-                /* @__PURE__ */ jsxs122("div", { className: "ods-timeline__rail", children: [
-                  /* @__PURE__ */ jsx129(
+                /* @__PURE__ */ jsxs123("div", { className: "ods-timeline__rail", children: [
+                  /* @__PURE__ */ jsx130(
                     "span",
                     {
                       className: cn(
@@ -28275,12 +28367,12 @@ var Timeline = forwardRef109(
                       children: item.icon
                     }
                   ),
-                  !last && /* @__PURE__ */ jsx129("span", { className: "ods-timeline__line", "aria-hidden": "true" })
+                  !last && /* @__PURE__ */ jsx130("span", { className: "ods-timeline__line", "aria-hidden": "true" })
                 ] }),
-                /* @__PURE__ */ jsxs122("div", { className: "ods-timeline__body", children: [
-                  /* @__PURE__ */ jsx129("div", { className: "ods-timeline__title", children: item.title }),
-                  item.description && /* @__PURE__ */ jsx129("div", { className: "ods-timeline__desc", children: item.description }),
-                  item.meta && /* @__PURE__ */ jsx129("div", { className: "ods-timeline__meta", children: item.meta })
+                /* @__PURE__ */ jsxs123("div", { className: "ods-timeline__body", children: [
+                  /* @__PURE__ */ jsx130("div", { className: "ods-timeline__title", children: item.title }),
+                  item.description && /* @__PURE__ */ jsx130("div", { className: "ods-timeline__desc", children: item.description }),
+                  item.meta && /* @__PURE__ */ jsx130("div", { className: "ods-timeline__meta", children: item.meta })
                 ] })
               ]
             },
@@ -28296,7 +28388,7 @@ Timeline.displayName = "Timeline";
 // src/components/TimePicker/TimePicker.tsx
 import {
   forwardRef as forwardRef110,
-  Fragment as Fragment45,
+  Fragment as Fragment46,
   useCallback as useCallback46,
   useEffect as useEffect47,
   useId as useId60,
@@ -28310,7 +28402,7 @@ import {
   ChevronDownIcon as ChevronDownIcon8,
   TimeIcon as TimeIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment46, jsx as jsx130, jsxs as jsxs123 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx131, jsxs as jsxs124 } from "react/jsx-runtime";
 var pad = (n) => n.toString().padStart(2, "0");
 function format(v, use24h, showSeconds) {
   const base = `${pad(v.hours)}:${pad(v.minutes)}${showSeconds ? `:${pad(v.seconds ?? 0)}` : ""}`;
@@ -28542,7 +28634,7 @@ var TimePicker = forwardRef110(
       if (draft && draft.seg === seg) return draft.digits.padStart(2, "0");
       return pad(val);
     };
-    const segButton = (seg, val) => /* @__PURE__ */ jsx130(
+    const segButton = (seg, val) => /* @__PURE__ */ jsx131(
       "button",
       {
         ref: refOf(seg),
@@ -28562,7 +28654,7 @@ var TimePicker = forwardRef110(
         children: segDisplay(seg, val)
       }
     );
-    return /* @__PURE__ */ jsxs123(
+    return /* @__PURE__ */ jsxs124(
       "div",
       {
         ...rest,
@@ -28575,7 +28667,7 @@ var TimePicker = forwardRef110(
           className
         ),
         children: [
-          label && /* @__PURE__ */ jsx130(
+          label && /* @__PURE__ */ jsx131(
             "label",
             {
               id: labelId,
@@ -28584,7 +28676,7 @@ var TimePicker = forwardRef110(
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs123(
+          /* @__PURE__ */ jsxs124(
             "button",
             {
               type: "button",
@@ -28600,9 +28692,9 @@ var TimePicker = forwardRef110(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx130(TimeIcon2, { size: "xs" }) }),
-                /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
-                /* @__PURE__ */ jsx130(
+                /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx131(TimeIcon2, { size: "xs" }) }),
+                /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
+                /* @__PURE__ */ jsx131(
                   "span",
                   {
                     className: cn(
@@ -28610,14 +28702,14 @@ var TimePicker = forwardRef110(
                       open && "ods-timepicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsx130(ChevronDownIcon8, { size: "xs" })
+                    children: /* @__PURE__ */ jsx131(ChevronDownIcon8, { size: "xs" })
                   }
                 )
               ]
             }
           ),
           open && typeof document !== "undefined" && createPortal18(
-            /* @__PURE__ */ jsxs123(
+            /* @__PURE__ */ jsxs124(
               "div",
               {
                 ref: popoverRef,
@@ -28626,18 +28718,18 @@ var TimePicker = forwardRef110(
                 "aria-label": "Select time",
                 style: anchoredPopoverStyle(popoverPos),
                 children: [
-                  /* @__PURE__ */ jsxs123("div", { className: "ods-timepicker__head", children: [
-                    /* @__PURE__ */ jsxs123("div", { className: "ods-timepicker__display", children: [
+                  /* @__PURE__ */ jsxs124("div", { className: "ods-timepicker__head", children: [
+                    /* @__PURE__ */ jsxs124("div", { className: "ods-timepicker__display", children: [
                       segButton("hours", value.hours),
-                      /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__display-sep", children: ":" }),
+                      /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__display-sep", children: ":" }),
                       segButton("minutes", value.minutes),
-                      showSeconds && /* @__PURE__ */ jsxs123(Fragment46, { children: [
-                        /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__display-sep", children: ":" }),
+                      showSeconds && /* @__PURE__ */ jsxs124(Fragment47, { children: [
+                        /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__display-sep", children: ":" }),
                         segButton("seconds", value.seconds ?? 0)
                       ] })
                     ] }),
-                    !use24h && /* @__PURE__ */ jsxs123("div", { className: "ods-timepicker__period", children: [
-                      /* @__PURE__ */ jsx130(
+                    !use24h && /* @__PURE__ */ jsxs124("div", { className: "ods-timepicker__period", children: [
+                      /* @__PURE__ */ jsx131(
                         "button",
                         {
                           type: "button",
@@ -28649,7 +28741,7 @@ var TimePicker = forwardRef110(
                           children: "AM"
                         }
                       ),
-                      /* @__PURE__ */ jsx130(
+                      /* @__PURE__ */ jsx131(
                         "button",
                         {
                           type: "button",
@@ -28663,41 +28755,41 @@ var TimePicker = forwardRef110(
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx130("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs123(Fragment45, { children: [
-                    /* @__PURE__ */ jsxs123("div", { className: "ods-timepicker__col", children: [
-                      /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
-                      /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs124(Fragment46, { children: [
+                    /* @__PURE__ */ jsxs124("div", { className: "ods-timepicker__col", children: [
+                      /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
+                      /* @__PURE__ */ jsx131(
                         "button",
                         {
                           type: "button",
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, 1),
                           "aria-label": `${seg} up`,
-                          children: /* @__PURE__ */ jsx130(CaretUpIcon3, { size: "xs" })
+                          children: /* @__PURE__ */ jsx131(CaretUpIcon3, { size: "xs" })
                         }
                       ),
-                      /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__col-val", children: pad(
+                      /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__col-val", children: pad(
                         seg === "hours" ? value.hours : seg === "minutes" ? value.minutes : value.seconds ?? 0
                       ) }),
-                      /* @__PURE__ */ jsx130(
+                      /* @__PURE__ */ jsx131(
                         "button",
                         {
                           type: "button",
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, -1),
                           "aria-label": `${seg} down`,
-                          children: /* @__PURE__ */ jsx130(CaretDownIcon3, { size: "xs" })
+                          children: /* @__PURE__ */ jsx131(CaretDownIcon3, { size: "xs" })
                         }
                       )
                     ] }),
-                    i < arr.length - 1 && /* @__PURE__ */ jsx130("span", { className: "ods-timepicker__sep", children: ":" })
+                    i < arr.length - 1 && /* @__PURE__ */ jsx131("span", { className: "ods-timepicker__sep", children: ":" })
                   ] }, seg)) })
                 ]
               }
             ),
             document.body
           ),
-          error ? /* @__PURE__ */ jsx130(
+          error ? /* @__PURE__ */ jsx131(
             "div",
             {
               id: hintId,
@@ -28705,7 +28797,7 @@ var TimePicker = forwardRef110(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ jsx130("div", { id: hintId, className: "ods-timepicker__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx131("div", { id: hintId, className: "ods-timepicker__hint", children: helperText }) : null
         ]
       }
     );
@@ -28729,7 +28821,7 @@ import {
   GlobeIcon,
   SearchIcon as SearchIcon10
 } from "@octaviaflow/icons";
-import { Fragment as Fragment47, jsx as jsx131, jsxs as jsxs124 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx132, jsxs as jsxs125 } from "react/jsx-runtime";
 var DEFAULT_TZS = [
   { iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
   { iana: "America/Denver", label: "Mountain Time", offset: "UTC\u22127" },
@@ -28864,7 +28956,7 @@ var TimezonePicker = forwardRef111(
     const setTriggerRef = (node) => {
       triggerRef.current = node;
     };
-    return /* @__PURE__ */ jsxs124(
+    return /* @__PURE__ */ jsxs125(
       "div",
       {
         ...rest,
@@ -28877,7 +28969,7 @@ var TimezonePicker = forwardRef111(
           className
         ),
         children: [
-          label && /* @__PURE__ */ jsx131(
+          label && /* @__PURE__ */ jsx132(
             "label",
             {
               id: labelId,
@@ -28886,7 +28978,7 @@ var TimezonePicker = forwardRef111(
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs124(
+          /* @__PURE__ */ jsxs125(
             "button",
             {
               ref: setTriggerRef,
@@ -28903,17 +28995,17 @@ var TimezonePicker = forwardRef111(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx131(GlobeIcon, { size: "xs" }) }),
-                /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs124(Fragment47, { children: [
-                  /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__name", children: selected.label }),
-                  /* @__PURE__ */ jsxs124("span", { className: "ods-tzpicker__meta", children: [
+                /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx132(GlobeIcon, { size: "xs" }) }),
+                /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs125(Fragment48, { children: [
+                  /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__name", children: selected.label }),
+                  /* @__PURE__ */ jsxs125("span", { className: "ods-tzpicker__meta", children: [
                     selected.iana.split("/").pop()?.replace(/_/g, " "),
                     " \xB7",
                     " ",
                     selected.offset
                   ] })
-                ] }) : /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__name ods-tzpicker__name--placeholder", children: placeholder }) }),
-                /* @__PURE__ */ jsx131(
+                ] }) : /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__name ods-tzpicker__name--placeholder", children: placeholder }) }),
+                /* @__PURE__ */ jsx132(
                   "span",
                   {
                     className: cn(
@@ -28921,13 +29013,13 @@ var TimezonePicker = forwardRef111(
                       open && "ods-tzpicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsx131(ChevronDownIcon9, { size: "xs" })
+                    children: /* @__PURE__ */ jsx132(ChevronDownIcon9, { size: "xs" })
                   }
                 )
               ]
             }
           ),
-          open && /* @__PURE__ */ jsxs124(
+          open && /* @__PURE__ */ jsxs125(
             "div",
             {
               className: "ods-tzpicker__popover",
@@ -28935,9 +29027,9 @@ var TimezonePicker = forwardRef111(
               "aria-label": "Select timezone",
               onKeyDown: handlePopoverKey,
               children: [
-                /* @__PURE__ */ jsxs124("div", { className: "ods-tzpicker__search", children: [
-                  /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx131(SearchIcon10, { size: "xs" }) }),
-                  /* @__PURE__ */ jsx131(
+                /* @__PURE__ */ jsxs125("div", { className: "ods-tzpicker__search", children: [
+                  /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx132(SearchIcon10, { size: "xs" }) }),
+                  /* @__PURE__ */ jsx132(
                     "input",
                     {
                       ref: inputRef,
@@ -28953,7 +29045,7 @@ var TimezonePicker = forwardRef111(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs124(
+                /* @__PURE__ */ jsxs125(
                   "ul",
                   {
                     ref: listRef,
@@ -28962,11 +29054,11 @@ var TimezonePicker = forwardRef111(
                     role: "listbox",
                     "aria-labelledby": labelId,
                     children: [
-                      filtered.length === 0 && /* @__PURE__ */ jsx131("li", { className: "ods-tzpicker__empty", role: "presentation", children: "No timezones found" }),
+                      filtered.length === 0 && /* @__PURE__ */ jsx132("li", { className: "ods-tzpicker__empty", role: "presentation", children: "No timezones found" }),
                       filtered.map((opt, i) => {
                         const isSelected = opt.iana === value;
                         const isActive2 = i === activeIndex;
-                        return /* @__PURE__ */ jsx131("li", { role: "presentation", children: /* @__PURE__ */ jsxs124(
+                        return /* @__PURE__ */ jsx132("li", { role: "presentation", children: /* @__PURE__ */ jsxs125(
                           "button",
                           {
                             type: "button",
@@ -28983,17 +29075,17 @@ var TimezonePicker = forwardRef111(
                             onClick: () => select(opt.iana),
                             onMouseEnter: () => setActiveIndex(i),
                             children: [
-                              /* @__PURE__ */ jsxs124("span", { className: "ods-tzpicker__opt-text", children: [
-                                /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__opt-name", children: opt.label }),
-                                /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__opt-iana", children: opt.iana })
+                              /* @__PURE__ */ jsxs125("span", { className: "ods-tzpicker__opt-text", children: [
+                                /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__opt-name", children: opt.label }),
+                                /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__opt-iana", children: opt.iana })
                               ] }),
-                              /* @__PURE__ */ jsx131("span", { className: "ods-tzpicker__opt-off", children: opt.offset }),
-                              isSelected && /* @__PURE__ */ jsx131(
+                              /* @__PURE__ */ jsx132("span", { className: "ods-tzpicker__opt-off", children: opt.offset }),
+                              isSelected && /* @__PURE__ */ jsx132(
                                 "span",
                                 {
                                   className: "ods-tzpicker__opt-check",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ jsx131(CheckmarkIcon12, { size: "xs" })
+                                  children: /* @__PURE__ */ jsx132(CheckmarkIcon12, { size: "xs" })
                                 }
                               )
                             ]
@@ -29006,7 +29098,7 @@ var TimezonePicker = forwardRef111(
               ]
             }
           ),
-          error ? /* @__PURE__ */ jsx131(
+          error ? /* @__PURE__ */ jsx132(
             "div",
             {
               id: hintId,
@@ -29014,7 +29106,7 @@ var TimezonePicker = forwardRef111(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ jsx131("div", { id: hintId, className: "ods-tzpicker__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx132("div", { id: hintId, className: "ods-tzpicker__hint", children: helperText }) : null
         ]
       }
     );
@@ -29033,10 +29125,10 @@ import {
   useState as useState64
 } from "react";
 import { createPortal as createPortal19 } from "react-dom";
-import { Fragment as Fragment48, jsx as jsx132, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx133, jsxs as jsxs126 } from "react/jsx-runtime";
 var defaultIcons = {
-  success: /* @__PURE__ */ jsxs125("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx132(
+  success: /* @__PURE__ */ jsxs126("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx133(
       "circle",
       {
         cx: "8",
@@ -29046,7 +29138,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-success-bd)"
       }
     ),
-    /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(
       "path",
       {
         d: "m5 8 2 2 4-4.5",
@@ -29057,8 +29149,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  error: /* @__PURE__ */ jsxs125("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx132(
+  error: /* @__PURE__ */ jsxs126("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx133(
       "circle",
       {
         cx: "8",
@@ -29068,7 +29160,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-failed-bd)"
       }
     ),
-    /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(
       "path",
       {
         d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
@@ -29078,8 +29170,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  warning: /* @__PURE__ */ jsxs125("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx132(
+  warning: /* @__PURE__ */ jsxs126("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx133(
       "circle",
       {
         cx: "8",
@@ -29089,7 +29181,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-pending-bd)"
       }
     ),
-    /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(
       "path",
       {
         d: "M8 4.5v4.2M8 11v.5",
@@ -29099,8 +29191,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  info: /* @__PURE__ */ jsxs125("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx132(
+  info: /* @__PURE__ */ jsxs126("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx133(
       "circle",
       {
         cx: "8",
@@ -29110,7 +29202,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-running-bd)"
       }
     ),
-    /* @__PURE__ */ jsx132(
+    /* @__PURE__ */ jsx133(
       "path",
       {
         d: "M8 7.5v4M8 4.5v.5",
@@ -29124,19 +29216,19 @@ var defaultIcons = {
 var ToastContext = createContext2(null);
 function ToastBody({ item, onDismiss }) {
   const dismiss = () => onDismiss(item.id);
-  if (item.render) return /* @__PURE__ */ jsx132(Fragment48, { children: item.render({ id: item.id, dismiss }) });
+  if (item.render) return /* @__PURE__ */ jsx133(Fragment49, { children: item.render({ id: item.id, dismiss }) });
   const title = item.title ?? item.message;
-  return /* @__PURE__ */ jsxs125(Fragment48, { children: [
-    /* @__PURE__ */ jsx132("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
-    /* @__PURE__ */ jsxs125("div", { className: "ods-toast__body", children: [
-      title && /* @__PURE__ */ jsx132("div", { className: "ods-toast__title", children: title }),
-      item.description && /* @__PURE__ */ jsx132("div", { className: "ods-toast__desc", children: item.description })
+  return /* @__PURE__ */ jsxs126(Fragment49, { children: [
+    /* @__PURE__ */ jsx133("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
+    /* @__PURE__ */ jsxs126("div", { className: "ods-toast__body", children: [
+      title && /* @__PURE__ */ jsx133("div", { className: "ods-toast__title", children: title }),
+      item.description && /* @__PURE__ */ jsx133("div", { className: "ods-toast__desc", children: item.description })
     ] }),
-    (item.actionLabel || item.action) && /* @__PURE__ */ jsx132("div", { className: "ods-toast__action", children: item.actionLabel ? (
+    (item.actionLabel || item.action) && /* @__PURE__ */ jsx133("div", { className: "ods-toast__action", children: item.actionLabel ? (
       // First-class action chip — consistent styling, auto-dismiss
       // after the consumer's onAction runs. This is the path most
       // consumers should use ("Undo", "Retry", "View").
-      /* @__PURE__ */ jsx132(
+      /* @__PURE__ */ jsx133(
         "button",
         {
           type: "button",
@@ -29155,7 +29247,7 @@ function ToastBody({ item, onDismiss }) {
       // (including any explicit dismiss() they want to call).
       item.action
     ) }),
-    item.closeable && /* @__PURE__ */ jsx132(
+    item.closeable && /* @__PURE__ */ jsx133(
       "button",
       {
         type: "button",
@@ -29165,7 +29257,7 @@ function ToastBody({ item, onDismiss }) {
           e.stopPropagation();
           dismiss();
         },
-        children: /* @__PURE__ */ jsx132("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx132(
+        children: /* @__PURE__ */ jsx133("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx133(
           "path",
           {
             d: "M3 3l8 8M11 3l-8 8",
@@ -29198,7 +29290,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
     }
     return { y: maxStack * 10 * dir, scale: 1 - maxStack * 0.05, opacity: 0 };
   };
-  return /* @__PURE__ */ jsxs125(
+  return /* @__PURE__ */ jsxs126(
     "div",
     {
       className: cn(
@@ -29211,7 +29303,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
       onMouseLeave: () => setHovered(false),
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx133(
           "div",
           {
             className: cn("ods-toast-stack__scroll", expanded && "ods-toast-stack__scroll--expanded"),
@@ -29221,9 +29313,9 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
                 setPinned((p) => !p);
               }
             },
-            children: /* @__PURE__ */ jsx132(AnimatePresence22, { mode: "popLayout", children: ordered.map((item, idx) => {
+            children: /* @__PURE__ */ jsx133(AnimatePresence22, { mode: "popLayout", children: ordered.map((item, idx) => {
               const s = stackedStyle(idx);
-              return /* @__PURE__ */ jsx132(
+              return /* @__PURE__ */ jsx133(
                 motion35.div,
                 {
                   layout: true,
@@ -29246,14 +29338,14 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
                       setPinned(true);
                     }
                   },
-                  children: /* @__PURE__ */ jsx132(ToastBody, { item, onDismiss })
+                  children: /* @__PURE__ */ jsx133(ToastBody, { item, onDismiss })
                 },
                 item.id
               );
             }) })
           }
         ),
-        expanded && items.length > 1 && pinned && /* @__PURE__ */ jsx132(
+        expanded && items.length > 1 && pinned && /* @__PURE__ */ jsx133(
           "button",
           {
             type: "button",
@@ -29346,10 +29438,10 @@ function ToastProvider({
     return out;
   }, [toasts]);
   const ctx = { toast, dismiss, dismissAll };
-  const containers = /* @__PURE__ */ jsx132(Fragment48, { children: POSITIONS.map((pos) => {
+  const containers = /* @__PURE__ */ jsx133(Fragment49, { children: POSITIONS.map((pos) => {
     const list = groups[pos];
     if (list.length === 0) return null;
-    return /* @__PURE__ */ jsx132(
+    return /* @__PURE__ */ jsx133(
       PositionStack,
       {
         items: list,
@@ -29360,7 +29452,7 @@ function ToastProvider({
       pos
     );
   }) });
-  return /* @__PURE__ */ jsxs125(ToastContext.Provider, { value: ctx, children: [
+  return /* @__PURE__ */ jsxs126(ToastContext.Provider, { value: ctx, children: [
     children,
     typeof document !== "undefined" && createPortal19(containers, document.body)
   ] });
@@ -29385,7 +29477,7 @@ import {
   useId as useId62,
   useRef as useRef55
 } from "react";
-import { jsx as jsx133, jsxs as jsxs126 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs127 } from "react/jsx-runtime";
 function Toggle({
   label,
   options,
@@ -29466,7 +29558,7 @@ function Toggle({
   );
   const selectedIdx = options.findIndex((o) => o.value === value);
   const fallbackTabIdx = selectedIdx >= 0 ? selectedIdx : findNextEnabled(-1, 1);
-  return /* @__PURE__ */ jsxs126(
+  return /* @__PURE__ */ jsxs127(
     "div",
     {
       ...rest,
@@ -29478,8 +29570,8 @@ function Toggle({
         className
       ),
       children: [
-        label && /* @__PURE__ */ jsx133("span", { id: labelId, className: "ods-toggle-field__label", children: label }),
-        /* @__PURE__ */ jsx133(
+        label && /* @__PURE__ */ jsx134("span", { id: labelId, className: "ods-toggle-field__label", children: label }),
+        /* @__PURE__ */ jsx134(
           "div",
           {
             role: "radiogroup",
@@ -29496,7 +29588,7 @@ function Toggle({
             children: options.map((opt, i) => {
               const active = opt.value === value;
               const isDisabled = disabled || opt.disabled;
-              return /* @__PURE__ */ jsxs126(
+              return /* @__PURE__ */ jsxs127(
                 "button",
                 {
                   ref: (el) => {
@@ -29514,8 +29606,8 @@ function Toggle({
                     active && "ods-toggle__opt--active"
                   ),
                   children: [
-                    opt.icon && /* @__PURE__ */ jsx133("span", { className: "ods-toggle__icon", "aria-hidden": "true", children: opt.icon }),
-                    /* @__PURE__ */ jsx133("span", { className: "ods-toggle__label", children: opt.label })
+                    opt.icon && /* @__PURE__ */ jsx134("span", { className: "ods-toggle__icon", "aria-hidden": "true", children: opt.icon }),
+                    /* @__PURE__ */ jsx134("span", { className: "ods-toggle__label", children: opt.label })
                   ]
                 },
                 opt.value
@@ -29523,7 +29615,7 @@ function Toggle({
             })
           }
         ),
-        error ? /* @__PURE__ */ jsx133(
+        error ? /* @__PURE__ */ jsx134(
           "div",
           {
             id: hintId,
@@ -29531,7 +29623,7 @@ function Toggle({
             role: "alert",
             children: error
           }
-        ) : helperText ? /* @__PURE__ */ jsx133("div", { id: hintId, className: "ods-toggle-field__hint", children: helperText }) : null
+        ) : helperText ? /* @__PURE__ */ jsx134("div", { id: hintId, className: "ods-toggle-field__hint", children: helperText }) : null
       ]
     }
   );
@@ -29539,9 +29631,9 @@ function Toggle({
 Toggle.displayName = "Toggle";
 
 // src/components/Toolbar/Toolbar.tsx
-import { jsx as jsx134, jsxs as jsxs127 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs128 } from "react/jsx-runtime";
 function Toolbar({ children, className }) {
-  return /* @__PURE__ */ jsx134("div", { role: "toolbar", className: cn("ods-toolbar", className), children });
+  return /* @__PURE__ */ jsx135("div", { role: "toolbar", className: cn("ods-toolbar", className), children });
 }
 function ToolbarButton({
   icon,
@@ -29553,7 +29645,7 @@ function ToolbarButton({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs127(
+  return /* @__PURE__ */ jsxs128(
     "button",
     {
       type: "button",
@@ -29563,18 +29655,18 @@ function ToolbarButton({
       "aria-pressed": active,
       "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
       children: [
-        icon && /* @__PURE__ */ jsx134("span", { className: "ods-toolbar__btn-icon", "aria-hidden": "true", children: icon }),
-        label && /* @__PURE__ */ jsx134("span", { className: "ods-toolbar__btn-label", children: label }),
+        icon && /* @__PURE__ */ jsx135("span", { className: "ods-toolbar__btn-icon", "aria-hidden": "true", children: icon }),
+        label && /* @__PURE__ */ jsx135("span", { className: "ods-toolbar__btn-label", children: label }),
         children
       ]
     }
   );
 }
 function ToolbarDivider() {
-  return /* @__PURE__ */ jsx134("span", { className: "ods-toolbar__divider", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx135("span", { className: "ods-toolbar__divider", "aria-hidden": "true" });
 }
 function ToolbarSpacer() {
-  return /* @__PURE__ */ jsx134("span", { className: "ods-toolbar__spacer" });
+  return /* @__PURE__ */ jsx135("span", { className: "ods-toolbar__spacer" });
 }
 
 // src/components/ToolCard/ToolCard.tsx
@@ -29592,16 +29684,16 @@ import {
   MagicWandIcon as MagicWandIcon2,
   SearchIcon as SearchIcon11
 } from "@octaviaflow/icons";
-import { jsx as jsx135, jsxs as jsxs128 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs129 } from "react/jsx-runtime";
 var CATEGORY_GLYPH = {
-  search: /* @__PURE__ */ jsx135(SearchIcon11, { size: "xs" }),
-  database: /* @__PURE__ */ jsx135(DataBaseIcon, { size: "xs" }),
-  web: /* @__PURE__ */ jsx135(GlobeIcon2, { size: "xs" }),
-  code: /* @__PURE__ */ jsx135(CodeIcon2, { size: "xs" }),
-  file: /* @__PURE__ */ jsx135(DocumentIcon2, { size: "xs" }),
-  api: /* @__PURE__ */ jsx135(ApiIcon, { size: "xs" }),
-  ai: /* @__PURE__ */ jsx135(MagicWandIcon2, { size: "xs" }),
-  custom: /* @__PURE__ */ jsx135(ExtensionsIcon, { size: "xs" })
+  search: /* @__PURE__ */ jsx136(SearchIcon11, { size: "xs" }),
+  database: /* @__PURE__ */ jsx136(DataBaseIcon, { size: "xs" }),
+  web: /* @__PURE__ */ jsx136(GlobeIcon2, { size: "xs" }),
+  code: /* @__PURE__ */ jsx136(CodeIcon2, { size: "xs" }),
+  file: /* @__PURE__ */ jsx136(DocumentIcon2, { size: "xs" }),
+  api: /* @__PURE__ */ jsx136(ApiIcon, { size: "xs" }),
+  ai: /* @__PURE__ */ jsx136(MagicWandIcon2, { size: "xs" }),
+  custom: /* @__PURE__ */ jsx136(ExtensionsIcon, { size: "xs" })
 };
 var ToolCard = forwardRef112(
   function ToolCard2({
@@ -29639,7 +29731,7 @@ var ToolCard = forwardRef112(
       }
     };
     const showSwitch = !hideToggle && onToggle !== void 0;
-    return /* @__PURE__ */ jsxs128(
+    return /* @__PURE__ */ jsxs129(
       "div",
       {
         ...rest,
@@ -29662,7 +29754,7 @@ var ToolCard = forwardRef112(
         "aria-label": ariaLabel,
         "aria-describedby": descId,
         children: [
-          /* @__PURE__ */ jsx135(
+          /* @__PURE__ */ jsx136(
             "span",
             {
               className: cn(
@@ -29673,15 +29765,15 @@ var ToolCard = forwardRef112(
               children: icon ?? CATEGORY_GLYPH[category]
             }
           ),
-          /* @__PURE__ */ jsxs128("div", { className: "ods-tool-card__body", children: [
-            /* @__PURE__ */ jsxs128("div", { className: "ods-tool-card__head", children: [
-              /* @__PURE__ */ jsx135("span", { id: nameId, className: "ods-tool-card__name", children: name }),
-              isNew && /* @__PURE__ */ jsx135("span", { className: "ods-tool-card__new", "aria-label": "New", children: "NEW" }),
-              badge && /* @__PURE__ */ jsx135("span", { className: "ods-tool-card__badge", children: badge })
+          /* @__PURE__ */ jsxs129("div", { className: "ods-tool-card__body", children: [
+            /* @__PURE__ */ jsxs129("div", { className: "ods-tool-card__head", children: [
+              /* @__PURE__ */ jsx136("span", { id: nameId, className: "ods-tool-card__name", children: name }),
+              isNew && /* @__PURE__ */ jsx136("span", { className: "ods-tool-card__new", "aria-label": "New", children: "NEW" }),
+              badge && /* @__PURE__ */ jsx136("span", { className: "ods-tool-card__badge", children: badge })
             ] }),
-            description && /* @__PURE__ */ jsx135("div", { id: descId, className: "ods-tool-card__desc", children: description })
+            description && /* @__PURE__ */ jsx136("div", { id: descId, className: "ods-tool-card__desc", children: description })
           ] }),
-          showSwitch && /* @__PURE__ */ jsx135(
+          showSwitch && /* @__PURE__ */ jsx136(
             "button",
             {
               type: "button",
@@ -29702,7 +29794,7 @@ var ToolCard = forwardRef112(
                   e.stopPropagation();
                 }
               },
-              children: /* @__PURE__ */ jsx135("span", { className: "ods-tool-card__switch-thumb", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx136("span", { className: "ods-tool-card__switch-thumb", "aria-hidden": "true" })
             }
           )
         ]
@@ -29713,7 +29805,7 @@ var ToolCard = forwardRef112(
 ToolCard.displayName = "ToolCard";
 
 // src/components/TopBar/TopBar.tsx
-import { jsx as jsx136, jsxs as jsxs129 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs130 } from "react/jsx-runtime";
 function TopBar({
   brand,
   workspaceSwitcher,
@@ -29733,32 +29825,32 @@ function TopBar({
   const showDividerAfterBrand = hasBrandBlock && (hasWorkspace || hasCrumbs || hasTitle);
   const showDividerAfterWorkspace = hasWorkspace && (hasCrumbs || hasTitle);
   const BrandRoot = brand?.href ? "a" : "div";
-  return /* @__PURE__ */ jsxs129("header", { ...props, className: cn("ods-topbar", className), children: [
-    /* @__PURE__ */ jsxs129("div", { className: "ods-topbar__left", children: [
-      brand && /* @__PURE__ */ jsxs129(
+  return /* @__PURE__ */ jsxs130("header", { ...props, className: cn("ods-topbar", className), children: [
+    /* @__PURE__ */ jsxs130("div", { className: "ods-topbar__left", children: [
+      brand && /* @__PURE__ */ jsxs130(
         BrandRoot,
         {
           href: brand.href,
           className: cn("ods-topbar__brand", brand.href && "ods-topbar__brand--link"),
           children: [
-            brand.logo && /* @__PURE__ */ jsx136("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
-            /* @__PURE__ */ jsx136("span", { className: "ods-topbar__brand-name", children: brand.name })
+            brand.logo && /* @__PURE__ */ jsx137("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
+            /* @__PURE__ */ jsx137("span", { className: "ods-topbar__brand-name", children: brand.name })
           ]
         }
       ),
-      showDividerAfterBrand && /* @__PURE__ */ jsx136("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      workspaceSwitcher && /* @__PURE__ */ jsx136("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
-      showDividerAfterWorkspace && /* @__PURE__ */ jsx136("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      hasCrumbs && /* @__PURE__ */ jsx136("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx136("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs129("li", { className: "ods-topbar__crumb", children: [
-        idx > 0 && /* @__PURE__ */ jsx136("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
-        crumb.href ? /* @__PURE__ */ jsx136("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ jsx136("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
+      showDividerAfterBrand && /* @__PURE__ */ jsx137("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      workspaceSwitcher && /* @__PURE__ */ jsx137("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
+      showDividerAfterWorkspace && /* @__PURE__ */ jsx137("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      hasCrumbs && /* @__PURE__ */ jsx137("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx137("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs130("li", { className: "ods-topbar__crumb", children: [
+        idx > 0 && /* @__PURE__ */ jsx137("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
+        crumb.href ? /* @__PURE__ */ jsx137("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ jsx137("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
       ] }, idx)) }) }),
-      hasTitle && /* @__PURE__ */ jsx136("h1", { className: "ods-topbar__title", children: title })
+      hasTitle && /* @__PURE__ */ jsx137("h1", { className: "ods-topbar__title", children: title })
     ] }),
-    children && /* @__PURE__ */ jsx136("div", { className: "ods-topbar__center", children }),
-    /* @__PURE__ */ jsxs129("div", { className: "ods-topbar__right", children: [
-      onSearch && /* @__PURE__ */ jsxs129("div", { className: "ods-topbar__search", children: [
-        /* @__PURE__ */ jsx136(
+    children && /* @__PURE__ */ jsx137("div", { className: "ods-topbar__center", children }),
+    /* @__PURE__ */ jsxs130("div", { className: "ods-topbar__right", children: [
+      onSearch && /* @__PURE__ */ jsxs130("div", { className: "ods-topbar__search", children: [
+        /* @__PURE__ */ jsx137(
           "svg",
           {
             className: "ods-topbar__search-icon",
@@ -29767,7 +29859,7 @@ function TopBar({
             viewBox: "0 0 20 20",
             fill: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx136(
+            children: /* @__PURE__ */ jsx137(
               "path",
               {
                 fillRule: "evenodd",
@@ -29777,7 +29869,7 @@ function TopBar({
             )
           }
         ),
-        /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsx137(
           "input",
           {
             type: "search",
@@ -29788,7 +29880,7 @@ function TopBar({
           }
         )
       ] }),
-      actions && /* @__PURE__ */ jsx136("div", { className: "ods-topbar__actions", children: actions })
+      actions && /* @__PURE__ */ jsx137("div", { className: "ods-topbar__actions", children: actions })
     ] })
   ] });
 }
@@ -29810,13 +29902,13 @@ import {
   IdeaIcon,
   WarningAltIcon as WarningAltIcon2
 } from "@octaviaflow/icons";
-import { jsx as jsx137, jsxs as jsxs130 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs131 } from "react/jsx-runtime";
 var DEFAULT_KIND_GLYPH = {
-  thought: /* @__PURE__ */ jsx137(IdeaIcon, { size: "xs" }),
-  tool: /* @__PURE__ */ jsx137(BuildToolIcon, { size: "xs" }),
-  input: /* @__PURE__ */ jsx137(ConnectionReceiveIcon, { size: "xs" }),
-  output: /* @__PURE__ */ jsx137(ConnectionSendIcon, { size: "xs" }),
-  error: /* @__PURE__ */ jsx137(WarningAltIcon2, { size: "xs" })
+  thought: /* @__PURE__ */ jsx138(IdeaIcon, { size: "xs" }),
+  tool: /* @__PURE__ */ jsx138(BuildToolIcon, { size: "xs" }),
+  input: /* @__PURE__ */ jsx138(ConnectionReceiveIcon, { size: "xs" }),
+  output: /* @__PURE__ */ jsx138(ConnectionSendIcon, { size: "xs" }),
+  error: /* @__PURE__ */ jsx138(WarningAltIcon2, { size: "xs" })
 };
 var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
 var TraceStep = forwardRef113(
@@ -29856,7 +29948,7 @@ var TraceStep = forwardRef113(
       onOpenChange?.(next);
     }, [canExpand, open, isControlled, onOpenChange]);
     const resolvedGlyph = icon ?? kindIcons?.[kind] ?? DEFAULT_KIND_GLYPH[kind] ?? FALLBACK_GLYPH;
-    return /* @__PURE__ */ jsxs130(
+    return /* @__PURE__ */ jsxs131(
       "div",
       {
         ...rest,
@@ -29872,18 +29964,18 @@ var TraceStep = forwardRef113(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs130("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx137(
+          /* @__PURE__ */ jsxs131("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx138(
               motion36.span,
               {
                 className: "ods-trace-step__icon",
                 initial: disableAnimation ? false : { scale: 0.6, opacity: 0 },
                 animate: { scale: 1, opacity: 1 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
-                children: status === "running" ? /* @__PURE__ */ jsx137("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ jsx137(CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
+                children: status === "running" ? /* @__PURE__ */ jsx138("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ jsx138(CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
               }
             ),
-            !isLast && /* @__PURE__ */ jsx137(
+            !isLast && /* @__PURE__ */ jsx138(
               motion36.span,
               {
                 className: "ods-trace-step__line",
@@ -29893,8 +29985,8 @@ var TraceStep = forwardRef113(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs130("div", { className: "ods-trace-step__body", children: [
-            /* @__PURE__ */ jsxs130(
+          /* @__PURE__ */ jsxs131("div", { className: "ods-trace-step__body", children: [
+            /* @__PURE__ */ jsxs131(
               "button",
               {
                 id: headId,
@@ -29905,7 +29997,7 @@ var TraceStep = forwardRef113(
                 "aria-controls": canExpand ? contentId : void 0,
                 disabled: !canExpand,
                 children: [
-                  index != null && /* @__PURE__ */ jsx137(
+                  index != null && /* @__PURE__ */ jsx138(
                     "span",
                     {
                       className: cn(
@@ -29915,32 +30007,32 @@ var TraceStep = forwardRef113(
                       children: index
                     }
                   ),
-                  /* @__PURE__ */ jsx137("span", { className: "ods-trace-step__title", children: title }),
-                  tool && /* @__PURE__ */ jsxs130(
+                  /* @__PURE__ */ jsx138("span", { className: "ods-trace-step__title", children: title }),
+                  tool && /* @__PURE__ */ jsxs131(
                     "span",
                     {
                       className: "ods-trace-step__tool",
                       title: tool,
                       "aria-label": `Tool: ${tool}`,
                       children: [
-                        /* @__PURE__ */ jsx137("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx137(BuildToolIcon, { size: "xs" }) }),
+                        /* @__PURE__ */ jsx138("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx138(BuildToolIcon, { size: "xs" }) }),
                         tool
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs130("span", { className: "ods-trace-step__meta", children: [
-                    tokens != null && /* @__PURE__ */ jsxs130(
+                  /* @__PURE__ */ jsxs131("span", { className: "ods-trace-step__meta", children: [
+                    tokens != null && /* @__PURE__ */ jsxs131(
                       "span",
                       {
                         className: "ods-trace-step__tokens",
                         "aria-label": `${tokens} tokens`,
                         children: [
-                          /* @__PURE__ */ jsx137("span", { children: tokens.toLocaleString() }),
+                          /* @__PURE__ */ jsx138("span", { children: tokens.toLocaleString() }),
                           " tok"
                         ]
                       }
                     ),
-                    duration && /* @__PURE__ */ jsx137(
+                    duration && /* @__PURE__ */ jsx138(
                       "span",
                       {
                         className: "ods-trace-step__duration",
@@ -29949,20 +30041,20 @@ var TraceStep = forwardRef113(
                       }
                     )
                   ] }),
-                  canExpand && /* @__PURE__ */ jsx137(
+                  canExpand && /* @__PURE__ */ jsx138(
                     motion36.span,
                     {
                       className: "ods-trace-step__chev",
                       "aria-hidden": "true",
                       animate: { rotate: open ? 180 : 0 },
                       transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
-                      children: /* @__PURE__ */ jsx137(CaretDownIcon4, { size: "xs" })
+                      children: /* @__PURE__ */ jsx138(CaretDownIcon4, { size: "xs" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsx137(AnimatePresence23, { initial: false, children: canExpand && open && /* @__PURE__ */ jsx137(
+            /* @__PURE__ */ jsx138(AnimatePresence23, { initial: false, children: canExpand && open && /* @__PURE__ */ jsx138(
               motion36.div,
               {
                 id: contentId,
@@ -29974,7 +30066,7 @@ var TraceStep = forwardRef113(
                 exit: disableAnimation ? void 0 : { height: 0, opacity: 0 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ jsx137("div", { className: "ods-trace-step__content-inner", children })
+                children: /* @__PURE__ */ jsx138("div", { className: "ods-trace-step__content-inner", children })
               },
               "content"
             ) })
@@ -29997,7 +30089,7 @@ import {
   useMemo as useMemo33,
   useState as useState66
 } from "react";
-import { jsx as jsx138, jsxs as jsxs131 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs132 } from "react/jsx-runtime";
 function buildVisibleList(nodes, expanded, out = [], level = 0, parentId = null) {
   for (const n of nodes) {
     out.push({ node: n, level, parentId });
@@ -30160,7 +30252,7 @@ var TreeView = forwardRef114(
       const myIdx = visibleIdx.value;
       visibleIdx.value += 1;
       const showLoadingChild = isExpanded && isLoading && !kids;
-      return /* @__PURE__ */ jsxs131(
+      return /* @__PURE__ */ jsxs132(
         "li",
         {
           id: `${baseId}-node-${node.id}`,
@@ -30180,7 +30272,7 @@ var TreeView = forwardRef114(
             handleKeyDown(e, myIdx);
           },
           children: [
-            /* @__PURE__ */ jsxs131(
+            /* @__PURE__ */ jsxs132(
               "div",
               {
                 className: "ods-tree__row",
@@ -30193,7 +30285,7 @@ var TreeView = forwardRef114(
                   handleSelect(node);
                 },
                 children: [
-                  /* @__PURE__ */ jsx138(
+                  /* @__PURE__ */ jsx139(
                     "button",
                     {
                       type: "button",
@@ -30208,12 +30300,12 @@ var TreeView = forwardRef114(
                         e.stopPropagation();
                         if (isBranch && !node.disabled) void toggleExpand(node);
                       },
-                      children: isBranch && /* @__PURE__ */ jsx138(ChevronRightIcon5, { size: "xs", "aria-hidden": true })
+                      children: isBranch && /* @__PURE__ */ jsx139(ChevronRightIcon5, { size: "xs", "aria-hidden": true })
                     }
                   ),
-                  (node.icon || node.iconExpanded) && /* @__PURE__ */ jsx138("span", { className: "ods-tree__icon", "aria-hidden": "true", children: isExpanded && node.iconExpanded ? node.iconExpanded : node.icon }),
-                  /* @__PURE__ */ jsx138("span", { className: "ods-tree__label", children: node.label }),
-                  node.trailing && /* @__PURE__ */ jsx138(
+                  (node.icon || node.iconExpanded) && /* @__PURE__ */ jsx139("span", { className: "ods-tree__icon", "aria-hidden": "true", children: isExpanded && node.iconExpanded ? node.iconExpanded : node.icon }),
+                  /* @__PURE__ */ jsx139("span", { className: "ods-tree__label", children: node.label }),
+                  node.trailing && /* @__PURE__ */ jsx139(
                     "span",
                     {
                       className: "ods-tree__trailing",
@@ -30224,7 +30316,7 @@ var TreeView = forwardRef114(
                 ]
               }
             ),
-            isBranch && isExpanded && /* @__PURE__ */ jsx138(
+            isBranch && isExpanded && /* @__PURE__ */ jsx139(
               motion37.ul,
               {
                 role: "group",
@@ -30232,7 +30324,7 @@ var TreeView = forwardRef114(
                 initial: reducedMotion ? false : { height: 0, opacity: 0 },
                 animate: reducedMotion ? void 0 : { height: "auto", opacity: 1 },
                 transition: reducedMotion ? { duration: 0 } : { duration: 0.14 },
-                children: showLoadingChild ? /* @__PURE__ */ jsx138(
+                children: showLoadingChild ? /* @__PURE__ */ jsx139(
                   "li",
                   {
                     className: "ods-tree__loading",
@@ -30244,7 +30336,7 @@ var TreeView = forwardRef114(
                     "aria-busy": "true",
                     children: "Loading\u2026"
                   }
-                ) : kids && kids.length > 0 ? kids.map((c) => renderNode(c, level + 1, visibleIdx)) : /* @__PURE__ */ jsx138(
+                ) : kids && kids.length > 0 ? kids.map((c) => renderNode(c, level + 1, visibleIdx)) : /* @__PURE__ */ jsx139(
                   "li",
                   {
                     className: "ods-tree__empty",
@@ -30266,7 +30358,7 @@ var TreeView = forwardRef114(
     const visibleIdxCursor = { value: 0 };
     useEffect49(() => {
     }, [tabStopId]);
-    return /* @__PURE__ */ jsx138(
+    return /* @__PURE__ */ jsx139(
       "ul",
       {
         ...rest,
@@ -30293,7 +30385,7 @@ import {
   forwardRef as forwardRef115,
   useId as useId66
 } from "react";
-import { Fragment as Fragment49, jsx as jsx139, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx140, jsxs as jsxs133 } from "react/jsx-runtime";
 var UserCard = forwardRef115(
   function UserCard2({
     name,
@@ -30321,7 +30413,7 @@ var UserCard = forwardRef115(
     const isInteractive = Boolean(href || onClick) && !disabled;
     const renderAvatar = () => {
       if (avatarNode) {
-        return /* @__PURE__ */ jsx139(
+        return /* @__PURE__ */ jsx140(
           "span",
           {
             className: "ods-user-card__avatar ods-user-card__avatar--legacy",
@@ -30331,7 +30423,7 @@ var UserCard = forwardRef115(
         );
       }
       const derivedInitials = avatar?.initials ?? (typeof initial === "string" ? initial : typeof name === "string" ? name.charAt(0).toUpperCase() : void 0);
-      return /* @__PURE__ */ jsx139(
+      return /* @__PURE__ */ jsx140(
         Avatar,
         {
           size: orientation === "horizontal" ? "md" : "lg",
@@ -30343,10 +30435,10 @@ var UserCard = forwardRef115(
         }
       );
     };
-    const body = /* @__PURE__ */ jsxs132(Fragment49, { children: [
+    const body = /* @__PURE__ */ jsxs133(Fragment50, { children: [
       renderAvatar(),
-      /* @__PURE__ */ jsxs132("div", { className: "ods-user-card__body", children: [
-        /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsxs133("div", { className: "ods-user-card__body", children: [
+        /* @__PURE__ */ jsx140(
           Card.Title,
           {
             as: nameAs,
@@ -30355,14 +30447,14 @@ var UserCard = forwardRef115(
             children: name
           }
         ),
-        role && /* @__PURE__ */ jsx139("div", { className: "ods-user-card__role", children: role }),
-        meta && /* @__PURE__ */ jsx139("div", { className: "ods-user-card__meta", children: meta })
+        role && /* @__PURE__ */ jsx140("div", { className: "ods-user-card__role", children: role }),
+        meta && /* @__PURE__ */ jsx140("div", { className: "ods-user-card__meta", children: meta })
       ] }),
-      stats && stats.length > 0 && /* @__PURE__ */ jsx139("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs132("div", { className: "ods-user-card__stat", children: [
-        /* @__PURE__ */ jsx139("div", { className: "ods-user-card__stat-value", children: s.value }),
-        /* @__PURE__ */ jsx139("div", { className: "ods-user-card__stat-label", children: s.label })
+      stats && stats.length > 0 && /* @__PURE__ */ jsx140("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs133("div", { className: "ods-user-card__stat", children: [
+        /* @__PURE__ */ jsx140("div", { className: "ods-user-card__stat-value", children: s.value }),
+        /* @__PURE__ */ jsx140("div", { className: "ods-user-card__stat-label", children: s.label })
       ] }, i)) }),
-      action && /* @__PURE__ */ jsx139("div", { className: "ods-user-card__action", children: action })
+      action && /* @__PURE__ */ jsx140("div", { className: "ods-user-card__action", children: action })
     ] });
     const sharedClass = cn(
       "ods-user-card",
@@ -30372,7 +30464,7 @@ var UserCard = forwardRef115(
       className
     );
     if (href && !disabled) {
-      return /* @__PURE__ */ jsx139(
+      return /* @__PURE__ */ jsx140(
         Card,
         {
           asChild: true,
@@ -30380,7 +30472,7 @@ var UserCard = forwardRef115(
           padding: "none",
           className: sharedClass,
           "aria-labelledby": nameId,
-          children: /* @__PURE__ */ jsx139(
+          children: /* @__PURE__ */ jsx140(
             "a",
             {
               ...rest,
@@ -30394,7 +30486,7 @@ var UserCard = forwardRef115(
         }
       );
     }
-    return /* @__PURE__ */ jsx139(
+    return /* @__PURE__ */ jsx140(
       Card,
       {
         ...rest,
@@ -31109,7 +31201,7 @@ function useWorkflow(options = {}) {
 }
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-import { jsx as jsx140, jsxs as jsxs133 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs134 } from "react/jsx-runtime";
 var NODE_KIND_MAP = {
   trigger: "trigger",
   action: "action",
@@ -31154,7 +31246,7 @@ function WorkflowEditor({
   drawer,
   console: consoleSlot,
   minimap,
-  emptyState = /* @__PURE__ */ jsx140(DefaultEmptyState, {}),
+  emptyState = /* @__PURE__ */ jsx141(DefaultEmptyState, {}),
   children,
   background = "dots",
   snapToGrid = true,
@@ -31310,8 +31402,8 @@ function WorkflowEditor({
     wf.setViewport({ x: cw / 2 - cx * zoom, y: ch / 2 - cy * zoom, zoom });
   }, [workflow.canvas.nodes, canvasSize, wf]);
   const defaultToolbar = useMemo35(
-    () => /* @__PURE__ */ jsxs133(FlowToolbar, { placement: "left", children: [
-      onSave && /* @__PURE__ */ jsx140(
+    () => /* @__PURE__ */ jsxs134(FlowToolbar, { placement: "left", children: [
+      onSave && /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.save,
@@ -31320,7 +31412,7 @@ function WorkflowEditor({
           onClick: () => onSave(workflow)
         }
       ),
-      onRun && /* @__PURE__ */ jsx140(
+      onRun && /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: isExecuting ? FlowToolbarIcons.stop : FlowToolbarIcons.run,
@@ -31331,7 +31423,7 @@ function WorkflowEditor({
           onClick: isExecuting ? onStop : onRun
         }
       ),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: isLockMode ? FlowToolbarIcons.lock : FlowToolbarIcons.unlock,
@@ -31341,7 +31433,7 @@ function WorkflowEditor({
           onClick: toggleLock
         }
       ),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.reset,
@@ -31349,7 +31441,7 @@ function WorkflowEditor({
           onClick: handleReset
         }
       ),
-      drawer && /* @__PURE__ */ jsx140(
+      drawer && /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: isDrawerOpen ? FlowToolbarIcons.drawerClose : FlowToolbarIcons.drawerOpen,
@@ -31358,8 +31450,8 @@ function WorkflowEditor({
           onClick: toggleDrawer
         }
       ),
-      /* @__PURE__ */ jsx140(FlowToolbarDivider, {}),
-      onSettings && /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(FlowToolbarDivider, {}),
+      onSettings && /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.settings,
@@ -31367,7 +31459,7 @@ function WorkflowEditor({
           onClick: onSettings
         }
       ),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.history,
@@ -31376,7 +31468,7 @@ function WorkflowEditor({
           onClick: toggleHistory
         }
       ),
-      isDebugModeEnabled && /* @__PURE__ */ jsx140(
+      isDebugModeEnabled && /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.debug,
@@ -31385,8 +31477,8 @@ function WorkflowEditor({
           onClick: toggleDebug
         }
       ),
-      /* @__PURE__ */ jsx140(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.undo,
@@ -31396,7 +31488,7 @@ function WorkflowEditor({
           onClick: undo
         }
       ),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.redo,
@@ -31406,8 +31498,8 @@ function WorkflowEditor({
           onClick: redo
         }
       ),
-      /* @__PURE__ */ jsx140(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx140(
+      /* @__PURE__ */ jsx141(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx141(
         FlowToolbarZoom,
         {
           zoom: workflow.canvas.viewport.zoom,
@@ -31446,21 +31538,21 @@ function WorkflowEditor({
   );
   const resolvedToolbar = toolbar === "default" ? defaultToolbar : toolbar === null ? null : toolbar;
   const isEmpty = workflow.canvas.nodes.length === 0 && workflow.canvas.edges.length === 0;
-  return /* @__PURE__ */ jsxs133(
+  return /* @__PURE__ */ jsxs134(
     "div",
     {
       className: cn("ods-workflow-editor", className),
       style: { width, height, position: "relative", display: "flex", overflow: "hidden" },
       children: [
-        drawer && isDrawerOpen && /* @__PURE__ */ jsx140("div", { className: "ods-workflow-editor__drawer", children: drawer }),
-        /* @__PURE__ */ jsxs133(
+        drawer && isDrawerOpen && /* @__PURE__ */ jsx141("div", { className: "ods-workflow-editor__drawer", children: drawer }),
+        /* @__PURE__ */ jsxs134(
           "div",
           {
             ref: handleCanvasRef,
             className: "ods-workflow-editor__canvas-wrapper",
             style: { position: "relative", flex: 1, minWidth: 0 },
             children: [
-              /* @__PURE__ */ jsx140(
+              /* @__PURE__ */ jsx141(
                 FlowCanvas,
                 {
                   nodes: nextNodes,
@@ -31474,9 +31566,9 @@ function WorkflowEditor({
                   children: resolvedToolbar
                 }
               ),
-              minimap && /* @__PURE__ */ jsx140("div", { className: "ods-workflow-editor__minimap", children: minimap }),
-              consoleSlot && /* @__PURE__ */ jsx140("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
-              isEmpty && emptyState && /* @__PURE__ */ jsx140("div", { className: "ods-workflow-editor__empty", children: emptyState }),
+              minimap && /* @__PURE__ */ jsx141("div", { className: "ods-workflow-editor__minimap", children: minimap }),
+              consoleSlot && /* @__PURE__ */ jsx141("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
+              isEmpty && emptyState && /* @__PURE__ */ jsx141("div", { className: "ods-workflow-editor__empty", children: emptyState }),
               children
             ]
           }
@@ -31486,7 +31578,7 @@ function WorkflowEditor({
   );
 }
 function DefaultEmptyState() {
-  return /* @__PURE__ */ jsxs133(
+  return /* @__PURE__ */ jsxs134(
     "div",
     {
       style: {
@@ -31501,14 +31593,14 @@ function DefaultEmptyState() {
         pointerEvents: "none"
       },
       children: [
-        /* @__PURE__ */ jsx140(
+        /* @__PURE__ */ jsx141(
           "div",
           {
             style: { fontSize: 14, fontWeight: 600, color: "var(--ods-text-primary)", marginBottom: 4 },
             children: "Start with a trigger"
           }
         ),
-        /* @__PURE__ */ jsx140("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
+        /* @__PURE__ */ jsx141("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
       ]
     }
   );
@@ -31551,7 +31643,7 @@ function useWorkflowRuntime(startedAt, active) {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-import { Fragment as Fragment50, jsx as jsx141, jsxs as jsxs134 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx142, jsxs as jsxs135 } from "react/jsx-runtime";
 function WorkflowHeader({
   name,
   statusTone,
@@ -31594,21 +31686,21 @@ function WorkflowHeader({
     className
   );
   if (loading) {
-    return /* @__PURE__ */ jsxs134("header", { className: rootCls, "data-loading": "true", children: [
-      /* @__PURE__ */ jsxs134("div", { className: "ods-workflow-header__left", children: [
-        /* @__PURE__ */ jsx141(Skeleton, { variant: "text", width: "120px" }),
-        /* @__PURE__ */ jsx141(Skeleton, { variant: "text", width: "180px" })
+    return /* @__PURE__ */ jsxs135("header", { className: rootCls, "data-loading": "true", children: [
+      /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header__left", children: [
+        /* @__PURE__ */ jsx142(Skeleton, { variant: "text", width: "120px" }),
+        /* @__PURE__ */ jsx142(Skeleton, { variant: "text", width: "180px" })
       ] }),
-      /* @__PURE__ */ jsxs134("div", { className: "ods-workflow-header__right", children: [
-        /* @__PURE__ */ jsx141(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
-        /* @__PURE__ */ jsx141(Skeleton, { variant: "circular", width: "28px", height: "28px" })
+      /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header__right", children: [
+        /* @__PURE__ */ jsx142(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
+        /* @__PURE__ */ jsx142(Skeleton, { variant: "circular", width: "28px", height: "28px" })
       ] })
     ] });
   }
   const envAccentStyle = environment?.accent ? { borderLeftColor: environment.accent } : void 0;
-  return /* @__PURE__ */ jsxs134("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
-    /* @__PURE__ */ jsxs134("div", { className: "ods-workflow-header__left", children: [
-      onBack && /* @__PURE__ */ jsxs134(
+  return /* @__PURE__ */ jsxs135("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
+    /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header__left", children: [
+      onBack && /* @__PURE__ */ jsxs135(
         "button",
         {
           type: "button",
@@ -31616,13 +31708,13 @@ function WorkflowHeader({
           onClick: onBack,
           "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
           children: [
-            /* @__PURE__ */ jsx141(ChevronLeftIcon3, { size: "sm" }),
-            /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
-            /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
+            /* @__PURE__ */ jsx142(ChevronLeftIcon3, { size: "sm" }),
+            /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
+            /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx141(
+      /* @__PURE__ */ jsx142(
         "span",
         {
           className: cn(
@@ -31633,10 +31725,10 @@ function WorkflowHeader({
           role: "img"
         }
       ),
-      /* @__PURE__ */ jsx141("h1", { className: "ods-workflow-header__title", title: typeof name === "string" ? name : void 0, children: name }),
-      saveIndicator && /* @__PURE__ */ jsxs134(Fragment50, { children: [
-        /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx141(
+      /* @__PURE__ */ jsx142("h1", { className: "ods-workflow-header__title", title: typeof name === "string" ? name : void 0, children: name }),
+      saveIndicator && /* @__PURE__ */ jsxs135(Fragment51, { children: [
+        /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx142(
           "span",
           {
             className: cn(
@@ -31652,11 +31744,11 @@ function WorkflowHeader({
       ] }),
       leftSlot
     ] }),
-    /* @__PURE__ */ jsxs134("div", { className: "ods-workflow-header__right", children: [
+    /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header__right", children: [
       rightSlot,
       environment && // Consumer-driven env chip. Accent (left border colour) comes
       // from the consumer — we don't bake in environment names.
-      /* @__PURE__ */ jsx141(
+      /* @__PURE__ */ jsx142(
         Chip,
         {
           size: "sm",
@@ -31672,66 +31764,66 @@ function WorkflowHeader({
           children: environment.label
         }
       ),
-      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx141(
+      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx142(
         Button,
         {
           variant: "ghost",
           size: "sm",
           pressed: !!isConsoleOpen,
           "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-          leftIcon: /* @__PURE__ */ jsx141(TerminalIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ jsx142(TerminalIcon, { size: "sm" }),
           onClick: onToggleConsole,
           children: "Console"
         }
       ),
-      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
-      isRunning ? onStop && /* @__PURE__ */ jsx141(
+      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
+      isRunning ? onStop && /* @__PURE__ */ jsx142(
         Button,
         {
           variant: "ghost",
           size: "sm",
           "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-          leftIcon: /* @__PURE__ */ jsx141(StopFilledAltIcon2, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
+          leftIcon: /* @__PURE__ */ jsx142(StopFilledAltIcon2, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
           onClick: onStop,
-          children: /* @__PURE__ */ jsxs134("span", { className: "ods-workflow-header__stop-label", children: [
-            /* @__PURE__ */ jsx141("span", { children: "Stop" }),
-            runtime && /* @__PURE__ */ jsxs134(Fragment50, { children: [
-              /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__runtime", children: runtime })
+          children: /* @__PURE__ */ jsxs135("span", { className: "ods-workflow-header__stop-label", children: [
+            /* @__PURE__ */ jsx142("span", { children: "Stop" }),
+            runtime && /* @__PURE__ */ jsxs135(Fragment51, { children: [
+              /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__runtime", children: runtime })
             ] })
           ] })
         }
-      ) : onRun && /* @__PURE__ */ jsx141(
+      ) : onRun && /* @__PURE__ */ jsx142(
         Button,
         {
           variant: "primary",
           size: "sm",
           "aria-label": "Run workflow",
-          leftIcon: /* @__PURE__ */ jsx141(PlayFilledAltIcon2, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ jsx142(PlayFilledAltIcon2, { size: "sm" }),
           onClick: onRun,
           children: "Run"
         }
       ),
-      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx141(
+      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx142(
         DropdownMenu,
         {
           "aria-label": menuLabel,
           align: "end",
           triggerClassName: "ods-workflow-header__menu-trigger",
           ...menuProps,
-          trigger: menuTrigger ?? /* @__PURE__ */ jsx141(
+          trigger: menuTrigger ?? /* @__PURE__ */ jsx142(
             "span",
             {
               "aria-hidden": "true",
               className: "ods-workflow-header__menu-icon",
-              children: /* @__PURE__ */ jsx141(OverflowMenuVerticalIcon, { size: "sm" })
+              children: /* @__PURE__ */ jsx142(OverflowMenuVerticalIcon, { size: "sm" })
             }
           ),
           items: menuItems
         }
       ))
     ] }),
-    /* @__PURE__ */ jsx141("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
   ] });
 }
 
@@ -31743,7 +31835,7 @@ import {
   StopFilledAltIcon as StopFilledAltIcon3,
   TerminalIcon as TerminalIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment51, jsx as jsx142, jsxs as jsxs135 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx143, jsxs as jsxs136 } from "react/jsx-runtime";
 function WorkflowHeaderExpanded({
   name,
   statusTone = "draft",
@@ -31771,15 +31863,15 @@ function WorkflowHeaderExpanded({
   const tickedRuntime = useWorkflowRuntime(runStartedAt, !!isRunning);
   const runtime = runtimeOverride ?? tickedRuntime ?? void 0;
   const effectiveTone = statusTone === "draft" && isRunning ? "running" : statusTone;
-  return /* @__PURE__ */ jsxs135(
+  return /* @__PURE__ */ jsxs136(
     "header",
     {
       className: cn("ods-workflow-header-expanded", className),
       "data-running": isRunning ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
-          /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header-expanded__left", children: [
-            onBack && /* @__PURE__ */ jsxs135(
+        /* @__PURE__ */ jsxs136("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
+          /* @__PURE__ */ jsxs136("div", { className: "ods-workflow-header-expanded__left", children: [
+            onBack && /* @__PURE__ */ jsxs136(
               "button",
               {
                 type: "button",
@@ -31787,13 +31879,13 @@ function WorkflowHeaderExpanded({
                 onClick: onBack,
                 "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
                 children: [
-                  /* @__PURE__ */ jsx142(ChevronLeftIcon4, { size: "sm" }),
-                  /* @__PURE__ */ jsx142("span", { children: parentLabel }),
-                  /* @__PURE__ */ jsx142("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
+                  /* @__PURE__ */ jsx143(ChevronLeftIcon4, { size: "sm" }),
+                  /* @__PURE__ */ jsx143("span", { children: parentLabel }),
+                  /* @__PURE__ */ jsx143("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx142(
+            /* @__PURE__ */ jsx143(
               "span",
               {
                 className: cn(
@@ -31804,10 +31896,10 @@ function WorkflowHeaderExpanded({
                 role: "img"
               }
             ),
-            /* @__PURE__ */ jsx142("h1", { className: "ods-workflow-header-expanded__title", children: name })
+            /* @__PURE__ */ jsx143("h1", { className: "ods-workflow-header-expanded__title", children: name })
           ] }),
-          /* @__PURE__ */ jsxs135("div", { className: "ods-workflow-header-expanded__right", children: [
-            environment && /* @__PURE__ */ jsx142(
+          /* @__PURE__ */ jsxs136("div", { className: "ods-workflow-header-expanded__right", children: [
+            environment && /* @__PURE__ */ jsx143(
               Chip,
               {
                 size: "sm",
@@ -31819,58 +31911,58 @@ function WorkflowHeaderExpanded({
                 children: environment.label
               }
             ),
-            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx142(
+            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx143(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 pressed: !!isConsoleOpen,
                 "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-                leftIcon: /* @__PURE__ */ jsx142(TerminalIcon2, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ jsx143(TerminalIcon2, { size: "sm" }),
                 onClick: onToggleConsole,
                 children: "Console"
               }
             ),
-            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
-            isRunning ? onStop && /* @__PURE__ */ jsx142(
+            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx143("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
+            isRunning ? onStop && /* @__PURE__ */ jsx143(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-                leftIcon: /* @__PURE__ */ jsx142(StopFilledAltIcon3, { size: "sm", className: "ods-workflow-header-expanded__stop-glyph" }),
+                leftIcon: /* @__PURE__ */ jsx143(StopFilledAltIcon3, { size: "sm", className: "ods-workflow-header-expanded__stop-glyph" }),
                 onClick: onStop,
-                children: /* @__PURE__ */ jsxs135("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
-                  /* @__PURE__ */ jsx142("span", { children: "Stop" }),
-                  runtime && /* @__PURE__ */ jsxs135(Fragment51, { children: [
-                    /* @__PURE__ */ jsx142("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
-                    /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
+                children: /* @__PURE__ */ jsxs136("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx143("span", { children: "Stop" }),
+                  runtime && /* @__PURE__ */ jsxs136(Fragment52, { children: [
+                    /* @__PURE__ */ jsx143("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
+                    /* @__PURE__ */ jsx143("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
                   ] })
                 ] })
               }
-            ) : onRun && /* @__PURE__ */ jsx142(
+            ) : onRun && /* @__PURE__ */ jsx143(
               Button,
               {
                 variant: "primary",
                 size: "sm",
                 "aria-label": "Run workflow",
-                leftIcon: /* @__PURE__ */ jsx142(PlayFilledAltIcon3, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ jsx143(PlayFilledAltIcon3, { size: "sm" }),
                 onClick: onRun,
                 children: "Run"
               }
             ),
-            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx142(
+            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx143(
               DropdownMenu,
               {
                 "aria-label": menuLabel,
                 align: "end",
                 ...menuProps,
-                trigger: menuTrigger ?? /* @__PURE__ */ jsx142(
+                trigger: menuTrigger ?? /* @__PURE__ */ jsx143(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    leftIcon: /* @__PURE__ */ jsx142(OverflowMenuVerticalIcon2, { size: "sm" })
+                    leftIcon: /* @__PURE__ */ jsx143(OverflowMenuVerticalIcon2, { size: "sm" })
                   }
                 ),
                 items: menuItems
@@ -31878,10 +31970,10 @@ function WorkflowHeaderExpanded({
             ))
           ] })
         ] }),
-        (meta || saveLabel) && /* @__PURE__ */ jsx142("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ jsxs135("span", { className: "ods-workflow-header-expanded__meta", children: [
+        (meta || saveLabel) && /* @__PURE__ */ jsx143("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ jsxs136("span", { className: "ods-workflow-header-expanded__meta", children: [
           meta,
-          meta && saveLabel && /* @__PURE__ */ jsx142("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
-          saveLabel && /* @__PURE__ */ jsx142(
+          meta && saveLabel && /* @__PURE__ */ jsx143("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
+          saveLabel && /* @__PURE__ */ jsx143(
             "span",
             {
               className: cn(
@@ -31893,7 +31985,7 @@ function WorkflowHeaderExpanded({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx142("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx143("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
       ]
     }
   );
@@ -31914,7 +32006,7 @@ import {
   useMemo as useMemo36,
   useState as useState69
 } from "react";
-import { Fragment as Fragment52, jsx as jsx143, jsxs as jsxs136 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx144, jsxs as jsxs137 } from "react/jsx-runtime";
 function parseXml(src) {
   if (typeof window !== "undefined" && typeof window.DOMParser !== "undefined") {
     try {
@@ -32005,7 +32097,7 @@ var XmlViewer = forwardRef116(
     const bodyStyle = height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : maxHeight !== void 0 ? {
       maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
     } : void 0;
-    return /* @__PURE__ */ jsxs136(
+    return /* @__PURE__ */ jsxs137(
       "div",
       {
         ...rest,
@@ -32013,9 +32105,9 @@ var XmlViewer = forwardRef116(
         id: baseId,
         className: cn("ods-xml-viewer", className),
         children: [
-          (title || status || parsed.error) && /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__head", children: [
-            title && /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__title", children: title }),
-            parsed.error && /* @__PURE__ */ jsx143(
+          (title || status || parsed.error) && /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__head", children: [
+            title && /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__title", children: title }),
+            parsed.error && /* @__PURE__ */ jsx144(
               "span",
               {
                 className: "ods-xml-viewer__status ods-xml-viewer__status--error",
@@ -32023,9 +32115,9 @@ var XmlViewer = forwardRef116(
                 children: "Invalid XML"
               }
             ),
-            status && !parsed.error && /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__status", children: status })
+            status && !parsed.error && /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__status", children: status })
           ] }),
-          /* @__PURE__ */ jsx143("div", { className: "ods-xml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ jsx143(XmlEditBody, { text: data, onChange, onValidate }) : parsed.error ? /* @__PURE__ */ jsx143("pre", { className: "ods-xml-viewer__raw", children: data }) : parsed.root ? /* @__PURE__ */ jsx143(
+          /* @__PURE__ */ jsx144("div", { className: "ods-xml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ jsx144(XmlEditBody, { text: data, onChange, onValidate }) : parsed.error ? /* @__PURE__ */ jsx144("pre", { className: "ods-xml-viewer__raw", children: data }) : parsed.root ? /* @__PURE__ */ jsx144(
             XmlNodeRow,
             {
               node: parsed.root,
@@ -32069,8 +32161,8 @@ function XmlEditBody({ text: initial, onChange, onValidate }) {
   useEffect51(() => {
     validate(initial);
   }, []);
-  return /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__edit", children: [
-    parseError && /* @__PURE__ */ jsxs136(
+  return /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__edit", children: [
+    parseError && /* @__PURE__ */ jsxs137(
       InlineMessage,
       {
         tone: "danger",
@@ -32087,7 +32179,7 @@ function XmlEditBody({ text: initial, onChange, onValidate }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(
       CodeEditor,
       {
         value: text,
@@ -32130,27 +32222,27 @@ function XmlNodeRow({
   if (node.type === "text") {
     const t = (node.text ?? "").trim();
     const truncated = t.length > truncateAt ? `${t.slice(0, truncateAt)}\u2026` : t;
-    return /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__text", children: truncated })
+    return /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__text", children: truncated })
     ] });
   }
   if (node.type === "comment") {
-    return /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__comment", children: `<!-- ${node.text} -->` })
+    return /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__comment", children: `<!-- ${node.text} -->` })
     ] });
   }
   if (node.type === "cdata") {
-    return /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__cdata", children: `<![CDATA[${node.text}]]>` })
+    return /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__cdata", children: `<![CDATA[${node.text}]]>` })
     ] });
   }
   if (node.type === "pi") {
-    return /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__pi", children: `<?${node.text}?>` })
+    return /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__pi", children: `<?${node.text}?>` })
     ] });
   }
   const children = node.children ?? [];
@@ -32159,58 +32251,58 @@ function XmlNodeRow({
   const inlineTextChild = children.length === 1 && children[0].type === "text" ? children[0].text ?? "" : null;
   if (inlineTextChild !== null) {
     const isMultiLine = inlineTextChild.includes("\n");
-    const openTag = /* @__PURE__ */ jsxs136(Fragment52, { children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: "<" }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__tag", children: node.name }),
-      showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ jsxs136("span", { className: "ods-xml-viewer__attr", children: [
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__attr-name", children: k }),
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
+    const openTag = /* @__PURE__ */ jsxs137(Fragment53, { children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: "<" }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__tag", children: node.name }),
+      showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ jsxs137("span", { className: "ods-xml-viewer__attr", children: [
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__attr-name", children: k }),
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
       ] }, k)),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: ">" })
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: ">" })
     ] });
-    const closeTag = /* @__PURE__ */ jsxs136(Fragment52, { children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: "</" }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__tag", children: node.name }),
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: ">" })
+    const closeTag = /* @__PURE__ */ jsxs137(Fragment53, { children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__tag", children: node.name }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: ">" })
     ] });
     if (isMultiLine) {
       const innerPad = pad2 + 12;
-      return /* @__PURE__ */ jsxs136("div", { children: [
-        /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-          /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
+      return /* @__PURE__ */ jsxs137("div", { children: [
+        /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+          /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
           openTag
         ] }),
-        /* @__PURE__ */ jsx143(
+        /* @__PURE__ */ jsx144(
           "div",
           {
             className: "ods-xml-viewer__row ods-xml-viewer__row--multiline",
             style: { paddingLeft: innerPad },
-            children: /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__text", children: inlineTextChild })
+            children: /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__text", children: inlineTextChild })
           }
         ),
-        /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-          /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
+        /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+          /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
           closeTag
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
+    return /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
       openTag,
-      /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__text", children: inlineTextChild }),
+      /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__text", children: inlineTextChild }),
       closeTag
     ] });
   }
-  return /* @__PURE__ */ jsxs136("div", { children: [
-    /* @__PURE__ */ jsxs136(
+  return /* @__PURE__ */ jsxs137("div", { children: [
+    /* @__PURE__ */ jsxs137(
       "div",
       {
         className: "ods-xml-viewer__row ods-xml-viewer__row--element",
         style: { paddingLeft: pad2 },
         onClick: () => !isSelfClosing && setOpen((o) => !o),
         children: [
-          isSelfClosing ? /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }) : /* @__PURE__ */ jsx143(
+          isSelfClosing ? /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }) : /* @__PURE__ */ jsx144(
             "button",
             {
               type: "button",
@@ -32224,30 +32316,30 @@ function XmlNodeRow({
                 e.stopPropagation();
                 setOpen((o) => !o);
               },
-              children: /* @__PURE__ */ jsx143(ChevronRightIcon6, { size: "xs" })
+              children: /* @__PURE__ */ jsx144(ChevronRightIcon6, { size: "xs" })
             }
           ),
-          /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: "<" }),
-          /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__tag", children: node.name }),
-          showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ jsxs136("span", { className: "ods-xml-viewer__attr", children: [
-            /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__attr-name", children: k }),
-            /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
-            /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
+          /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: "<" }),
+          /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__tag", children: node.name }),
+          showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ jsxs137("span", { className: "ods-xml-viewer__attr", children: [
+            /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__attr-name", children: k }),
+            /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
+            /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
           ] }, k)),
-          isSelfClosing ? /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ jsxs136(Fragment52, { children: [
-            /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: ">" }),
-            !open && /* @__PURE__ */ jsxs136(Fragment52, { children: [
-              /* @__PURE__ */ jsxs136("span", { className: "ods-xml-viewer__preview", children: [
+          isSelfClosing ? /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ jsxs137(Fragment53, { children: [
+            /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: ">" }),
+            !open && /* @__PURE__ */ jsxs137(Fragment53, { children: [
+              /* @__PURE__ */ jsxs137("span", { className: "ods-xml-viewer__preview", children: [
                 children.length,
                 " child",
                 children.length === 1 ? "" : "ren"
               ] }),
-              /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: "</" }),
-              /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__tag", children: node.name }),
-              /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: ">" })
+              /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+              /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__tag", children: node.name }),
+              /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: ">" })
             ] })
           ] }),
-          copyable && /* @__PURE__ */ jsx143(
+          copyable && /* @__PURE__ */ jsx144(
             "button",
             {
               type: "button",
@@ -32257,14 +32349,14 @@ function XmlNodeRow({
               ),
               "aria-label": copied ? "Copied" : `Copy ${node.name} subtree`,
               onClick: onCopy,
-              children: copied ? /* @__PURE__ */ jsx143(CheckmarkIcon13, { size: "xs" }) : /* @__PURE__ */ jsx143(CopyIcon6, { size: "xs" })
+              children: copied ? /* @__PURE__ */ jsx144(CheckmarkIcon13, { size: "xs" }) : /* @__PURE__ */ jsx144(CopyIcon6, { size: "xs" })
             }
           )
         ]
       }
     ),
-    !isSelfClosing && open && /* @__PURE__ */ jsxs136(Fragment52, { children: [
-      children.map((c, i) => /* @__PURE__ */ jsx143(
+    !isSelfClosing && open && /* @__PURE__ */ jsxs137(Fragment53, { children: [
+      children.map((c, i) => /* @__PURE__ */ jsx144(
         XmlNodeRow,
         {
           node: c,
@@ -32276,11 +32368,11 @@ function XmlNodeRow({
         },
         i
       )),
-      /* @__PURE__ */ jsxs136("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__caret-spacer" }),
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: "</" }),
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__tag", children: node.name }),
-        /* @__PURE__ */ jsx143("span", { className: "ods-xml-viewer__bracket", children: ">" })
+      /* @__PURE__ */ jsxs137("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__caret-spacer" }),
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__tag", children: node.name }),
+        /* @__PURE__ */ jsx144("span", { className: "ods-xml-viewer__bracket", children: ">" })
       ] })
     ] })
   ] });
@@ -32301,7 +32393,7 @@ import {
   useState as useState70
 } from "react";
 import YAML from "yaml";
-import { Fragment as Fragment53, jsx as jsx144, jsxs as jsxs137 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx145, jsxs as jsxs138 } from "react/jsx-runtime";
 function toYaml(value, indent = 0) {
   const pad2 = "  ".repeat(indent);
   if (value === null) return "null";
@@ -32500,7 +32592,7 @@ var YamlViewer = forwardRef117(
     const bodyStyle = height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : maxHeight !== void 0 ? {
       maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
     } : void 0;
-    return /* @__PURE__ */ jsxs137(
+    return /* @__PURE__ */ jsxs138(
       "div",
       {
         ...rest,
@@ -32512,11 +32604,11 @@ var YamlViewer = forwardRef117(
           className
         ),
         children: [
-          (title || status || copyable) && /* @__PURE__ */ jsxs137("div", { className: "ods-yaml-viewer__head", children: [
-            title && /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__title", children: title }),
-            /* @__PURE__ */ jsxs137("span", { className: "ods-yaml-viewer__head-right", children: [
-              status && /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__status", children: status }),
-              copyable && /* @__PURE__ */ jsx144(
+          (title || status || copyable) && /* @__PURE__ */ jsxs138("div", { className: "ods-yaml-viewer__head", children: [
+            title && /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__title", children: title }),
+            /* @__PURE__ */ jsxs138("span", { className: "ods-yaml-viewer__head-right", children: [
+              status && /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__status", children: status }),
+              copyable && /* @__PURE__ */ jsx145(
                 "button",
                 {
                   type: "button",
@@ -32526,16 +32618,16 @@ var YamlViewer = forwardRef117(
                   ),
                   "aria-label": copied ? "Copied" : "Copy YAML",
                   onClick: onCopy,
-                  children: copied ? /* @__PURE__ */ jsx144(CheckmarkIcon14, { size: "xs" }) : /* @__PURE__ */ jsx144(CopyIcon7, { size: "xs" })
+                  children: copied ? /* @__PURE__ */ jsx145(CheckmarkIcon14, { size: "xs" }) : /* @__PURE__ */ jsx145(CopyIcon7, { size: "xs" })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx144("div", { className: "ods-yaml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ jsx144(YamlEditBody, { text, onChange, onValidate }) : tokens.map((t) => {
+          /* @__PURE__ */ jsx145("div", { className: "ods-yaml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ jsx145(YamlEditBody, { text, onChange, onValidate }) : tokens.map((t) => {
             if (hidden.has(t.index)) return null;
             const lineNo = t.index + 1;
             const isCollapsed = collapsed.has(t.index);
-            return /* @__PURE__ */ jsxs137(
+            return /* @__PURE__ */ jsxs138(
               "div",
               {
                 className: cn(
@@ -32544,7 +32636,7 @@ var YamlViewer = forwardRef117(
                   isCollapsed && "ods-yaml-viewer__line--collapsed"
                 ),
                 children: [
-                  showLineNumbers && /* @__PURE__ */ jsx144(
+                  showLineNumbers && /* @__PURE__ */ jsx145(
                     "span",
                     {
                       className: "ods-yaml-viewer__line-no",
@@ -32552,7 +32644,7 @@ var YamlViewer = forwardRef117(
                       children: lineNo
                     }
                   ),
-                  /* @__PURE__ */ jsx144(
+                  /* @__PURE__ */ jsx145(
                     "span",
                     {
                       className: "ods-yaml-viewer__indent",
@@ -32560,7 +32652,7 @@ var YamlViewer = forwardRef117(
                       "aria-hidden": "true"
                     }
                   ),
-                  t.hasChildren ? /* @__PURE__ */ jsx144(
+                  t.hasChildren ? /* @__PURE__ */ jsx145(
                     "button",
                     {
                       type: "button",
@@ -32571,15 +32663,15 @@ var YamlViewer = forwardRef117(
                       onClick: () => toggle(t.index),
                       "aria-expanded": !isCollapsed,
                       "aria-label": isCollapsed ? "Expand" : "Collapse",
-                      children: /* @__PURE__ */ jsx144(ChevronRightIcon7, { size: "xs" })
+                      children: /* @__PURE__ */ jsx145(ChevronRightIcon7, { size: "xs" })
                     }
-                  ) : /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__caret-spacer" }),
-                  t.kind === "comment" && /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
-                  t.kind === "key" && /* @__PURE__ */ jsxs137(Fragment53, { children: [
-                    t.raw.trim().startsWith("-") && /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__dash", children: "- " }),
-                    /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__key", children: t.key }),
-                    /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__colon", children: ":" }),
-                    t.inlineValue && /* @__PURE__ */ jsxs137(
+                  ) : /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__caret-spacer" }),
+                  t.kind === "comment" && /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
+                  t.kind === "key" && /* @__PURE__ */ jsxs138(Fragment54, { children: [
+                    t.raw.trim().startsWith("-") && /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__dash", children: "- " }),
+                    /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__key", children: t.key }),
+                    /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__colon", children: ":" }),
+                    t.inlineValue && /* @__PURE__ */ jsxs138(
                       "span",
                       {
                         className: cn(
@@ -32592,11 +32684,11 @@ var YamlViewer = forwardRef117(
                         ]
                       }
                     ),
-                    isCollapsed && /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__preview", children: " \u2026" })
+                    isCollapsed && /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__preview", children: " \u2026" })
                   ] }),
-                  t.kind === "sequence" && /* @__PURE__ */ jsxs137(Fragment53, { children: [
-                    /* @__PURE__ */ jsx144("span", { className: "ods-yaml-viewer__dash", children: "- " }),
-                    /* @__PURE__ */ jsx144(
+                  t.kind === "sequence" && /* @__PURE__ */ jsxs138(Fragment54, { children: [
+                    /* @__PURE__ */ jsx145("span", { className: "ods-yaml-viewer__dash", children: "- " }),
+                    /* @__PURE__ */ jsx145(
                       "span",
                       {
                         className: cn(
@@ -32607,7 +32699,7 @@ var YamlViewer = forwardRef117(
                       }
                     )
                   ] }),
-                  t.kind === "scalar" && /* @__PURE__ */ jsx144(
+                  t.kind === "scalar" && /* @__PURE__ */ jsx145(
                     "span",
                     {
                       className: cn(
@@ -32617,7 +32709,7 @@ var YamlViewer = forwardRef117(
                       children: t.raw.trim()
                     }
                   ),
-                  t.kind === "blank" && /* @__PURE__ */ jsx144("span", { children: "\xA0" })
+                  t.kind === "blank" && /* @__PURE__ */ jsx145("span", { children: "\xA0" })
                 ]
               },
               t.index
@@ -32673,8 +32765,8 @@ function YamlEditBody({ text: initial, onChange, onValidate }) {
   useEffect52(() => {
     validate(initial);
   }, []);
-  return /* @__PURE__ */ jsxs137("div", { className: "ods-yaml-viewer__edit", children: [
-    parseError && /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsxs138("div", { className: "ods-yaml-viewer__edit", children: [
+    parseError && /* @__PURE__ */ jsxs138(
       InlineMessage,
       {
         tone: "danger",
@@ -32691,7 +32783,7 @@ function YamlEditBody({ text: initial, onChange, onValidate }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx144(
+    /* @__PURE__ */ jsx145(
       CodeEditor,
       {
         value: text,
@@ -33095,7 +33187,7 @@ function useTraceTimeline({
 import { generateCssVars, resolveConfig } from "@octaviaflow/config";
 import { createContext as createContext3, useContext as useContext4, useEffect as useEffect55, useMemo as useMemo38 } from "react";
 import { OverlayProvider as OverlayProvider3 } from "react-aria";
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 var OdsContext = createContext3(null);
 function OdsProvider({ config: userConfig, children }) {
   const resolved = useMemo38(() => resolveConfig(userConfig), [userConfig]);
@@ -33116,7 +33208,7 @@ function OdsProvider({ config: userConfig, children }) {
     }
   }, [resolved]);
   const contextValue = useMemo38(() => ({ config: resolved }), [resolved]);
-  return /* @__PURE__ */ jsx145(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx145(OverlayProvider3, { children }) });
+  return /* @__PURE__ */ jsx146(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx146(OverlayProvider3, { children }) });
 }
 function useOds() {
   const ctx = useContext4(OdsContext);
@@ -33576,6 +33668,7 @@ export {
   Spotlight,
   Stack,
   Stat,
+  StatusList,
   StatusTiles,
   Stepper,
   Switch,