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

package/dist/index.cjs

@@ -180,6 +180,7 @@ __export(src_exports, {
   Spotlight: () => Spotlight,
   Stack: () => Stack,
   Stat: () => Stat,
+  StatusList: () => StatusList,
   StatusTiles: () => StatusTiles,
   Stepper: () => Stepper,
   Switch: () => Switch,
@@ -24522,8 +24523,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 = (0, import_react130.useRef)(null);
   const panelRef = (0, import_react130.useRef)(null);
   (0, import_react130.useEffect)(() => {
@@ -24572,7 +24579,8 @@ function SlideoutContent({
         transition: { duration: 0.2 },
         onClick: onClose,
         "data-testid": "slideout-backdrop",
-        "aria-hidden": "true"
+        "aria-hidden": "true",
+        style: insetStyle
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react_aria11.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
@@ -24586,7 +24594,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,
@@ -24702,7 +24710,9 @@ function VersionHistory({
   activeTab,
   onTabChange,
   defaultExpandedId = null,
-  className
+  className,
+  offsetTop,
+  offsetBottom
 }) {
   const [expandedId, setExpandedId] = (0, import_react132.useState)(defaultExpandedId);
   const baseId = (0, import_react132.useId)();
@@ -24715,6 +24725,8 @@ function VersionHistory({
       position,
       width,
       title,
+      offsetTop,
+      offsetBottom,
       className: cn("ods-version-history", className),
       children: [
         showToolbar && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "ods-version-history__toolbar", children: [
@@ -24844,9 +24856,90 @@ function VersionHistory({
 }
 VersionHistory.displayName = "VersionHistory";
 
+// src/components/StatusList/StatusList.tsx
+var import_jsx_runtime113 = require("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__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      "span",
+      {
+        className: "ods-status-list__lead",
+        "data-tone": item.tone ?? "neutral",
+        "aria-hidden": "true",
+        children: item.icon ?? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-status-list__dot" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("span", { className: "ods-status-list__text", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-status-list__name", children: item.name }),
+      item.meta != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-status-list__meta", children: item.meta })
+    ] }),
+    item.sparkline && item.sparkline.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-status-list__spark", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Sparkline, { data: item.sparkline, width: 72, height: 22 }) }),
+    item.status != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Chip, { size: "sm", variant: TONE_TO_CHIP2[item.tone ?? "neutral"], children: item.status }),
+    item.trailing != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-status-list__trailing", children: item.trailing })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("ods-status-list", className), ...rest, children: [
+    (title != null || action != null) && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "ods-status-list__header", children: [
+      title != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h3", { className: "ods-status-list__title", children: title }),
+      action != null && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "ods-status-list__action", children: action })
+    ] }),
+    visible.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "ods-status-list__empty", children: emptyLabel }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      "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__ */ (0, import_jsx_runtime113.jsx)("li", { className: "ods-status-list__item", children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("a", { className: rowClass, href: item.href, children: renderRowInner(item) }) : onItemClick ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+            "button",
+            {
+              type: "button",
+              className: rowClass,
+              onClick: () => onItemClick(item),
+              children: renderRowInner(item)
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: rowClass, children: renderRowInner(item) }) }, item.id);
+        })
+      }
+    ),
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "ods-status-list__more", children: [
+      "+",
+      overflow,
+      " more"
+    ] })
+  ] });
+}
+StatusList.displayName = "StatusList";
+
 // src/components/Slider/Slider.tsx
 var import_react133 = require("react");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var Slider = (0, import_react133.forwardRef)(function Slider2({
   label,
   value,
@@ -24880,7 +24973,7 @@ var Slider = (0, import_react133.forwardRef)(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__ */ (0, import_jsx_runtime113.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "div",
     {
       className: cn(
@@ -24892,8 +24985,8 @@ var Slider = (0, import_react133.forwardRef)(function Slider2({
         className
       ),
       children: [
-        (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "ods-slider__head", children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "ods-slider__head", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "label",
             {
               id: labelId,
@@ -24902,17 +24995,17 @@ var Slider = (0, import_react133.forwardRef)(function Slider2({
               children: label
             }
           ),
-          showValue && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-slider__value", "aria-hidden": "true", children: display })
+          showValue && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "ods-slider__value", "aria-hidden": "true", children: display })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "ods-slider__track", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "ods-slider__track", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "span",
             {
               className: "ods-slider__fill",
               style: { width: `${pct}%` }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "input",
             {
               ...rest,
@@ -24936,22 +25029,22 @@ var Slider = (0, import_react133.forwardRef)(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__ */ (0, import_jsx_runtime113.jsx)("div", { className: "ods-slider__marks", "aria-hidden": "true", children: marks.map((m) => {
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "ods-slider__marks", "aria-hidden": "true", children: marks.map((m) => {
           const left = (m.value - min) / span * 100;
-          return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
             "div",
             {
               className: "ods-slider__mark",
               style: { left: `${left}%` },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-slider__mark-tick" }),
-                m.label && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "ods-slider__mark-label", children: m.label })
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "ods-slider__mark-tick" }),
+                m.label && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "ods-slider__mark-label", children: m.label })
               ]
             },
             m.value
           );
         }) }),
-        error ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        error ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           "div",
           {
             id: hintId,
@@ -24959,7 +25052,7 @@ var Slider = (0, import_react133.forwardRef)(function Slider2({
             role: "alert",
             children: error
           }
-        ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { id: hintId, className: "ods-slider__hint", children: helperText }) : null
+        ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { id: hintId, className: "ods-slider__hint", children: helperText }) : null
       ]
     }
   );
@@ -24969,7 +25062,7 @@ Slider.displayName = "Slider";
 // src/components/SocialButton/SocialButton.tsx
 var import_icons35 = require("@octaviaflow/icons");
 var import_react134 = require("react");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var DEFAULT_LABELS = {
   google: "Continue with Google",
   github: "Continue with GitHub",
@@ -24979,29 +25072,29 @@ var DEFAULT_LABELS = {
   microsoft: "Continue with Microsoft",
   linkedin: "Continue with LinkedIn"
 };
-var GoogleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+var GoogleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "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__ */ (0, import_jsx_runtime114.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "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__ */ (0, import_jsx_runtime114.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "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__ */ (0, import_jsx_runtime114.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "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",
@@ -25009,34 +25102,34 @@ var GoogleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("svg", {
     }
   )
 ] });
-var AppleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+var AppleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
   "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__ */ (0, import_jsx_runtime114.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("rect", { x: "1", y: "1", width: "7.5", height: "7.5", fill: "#F25022" }),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("rect", { x: "9.5", y: "1", width: "7.5", height: "7.5", fill: "#7FBA00" }),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("rect", { x: "1", y: "9.5", width: "7.5", height: "7.5", fill: "#00A4EF" }),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("rect", { x: "9.5", y: "9.5", width: "7.5", height: "7.5", fill: "#FFB900" })
+var MicrosoftIcon = () => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("rect", { x: "1", y: "1", width: "7.5", height: "7.5", fill: "#F25022" }),
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("rect", { x: "9.5", y: "1", width: "7.5", height: "7.5", fill: "#7FBA00" }),
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("rect", { x: "1", y: "9.5", width: "7.5", height: "7.5", fill: "#00A4EF" }),
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("rect", { x: "9.5", y: "9.5", width: "7.5", height: "7.5", fill: "#FFB900" })
 ] });
 function resolveIcon2(provider) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(GoogleIcon, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(GoogleIcon, {});
     case "apple":
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(AppleIcon, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AppleIcon, {});
     case "microsoft":
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(MicrosoftIcon, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(MicrosoftIcon, {});
     case "github":
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons35.LogoGithubIcon, { size: "sm" });
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons35.LogoGithubIcon, { size: "sm" });
     case "x":
     case "twitter":
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons35.LogoXIcon, { size: "sm" });
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons35.LogoXIcon, { size: "sm" });
     case "linkedin":
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_icons35.LogoLinkedinIcon, { size: "sm" });
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons35.LogoLinkedinIcon, { size: "sm" });
     case "custom":
       return null;
   }
@@ -25058,7 +25151,7 @@ var SocialButton = (0, import_react134.forwardRef)(
     const resolvedIcon = icon ?? resolveIcon2(provider);
     const resolvedLabel = label ?? children ?? (provider !== "custom" ? DEFAULT_LABELS[provider] : null);
     const providerClass = provider === "twitter" ? "x" : provider;
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       Button,
       {
         ...rest,
@@ -25086,7 +25179,7 @@ SocialButton.displayName = "SocialButton";
 // src/components/Sortable/Sortable.tsx
 var import_react135 = require("react");
 var import_icons36 = require("@octaviaflow/icons");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var DT_TYPE = "application/x-ods-sortable";
 function Sortable({
   items,
@@ -25266,7 +25359,7 @@ function Sortable({
       if (e.key === "ArrowRight") return moveBy(1);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "div",
     {
       ...rest,
@@ -25303,7 +25396,7 @@ function Sortable({
             isDragging,
             isKeyboardActive: isKbActive
           };
-          return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
             "div",
             {
               ref: (el) => {
@@ -25319,7 +25412,7 @@ function Sortable({
               ),
               onDragOver: onItemDragOver(item.id),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                   "span",
                   {
                     className: "ods-sortable__indicator ods-sortable__indicator--before",
@@ -25327,7 +25420,7 @@ function Sortable({
                   }
                 ),
                 renderItem(item, idx, dragProps),
-                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                   "span",
                   {
                     className: "ods-sortable__indicator ods-sortable__indicator--after",
@@ -25339,7 +25432,7 @@ function Sortable({
             item.id
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("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__ */ (0, import_jsx_runtime116.jsx)("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.` : "" })
       ]
     }
   );
@@ -25352,7 +25445,7 @@ var DragHandle = (0, import_react135.forwardRef)(
     ariaLabel: legacyAriaLabel,
     dragProps
   }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
       "span",
       {
         ref,
@@ -25361,7 +25454,7 @@ var DragHandle = (0, import_react135.forwardRef)(
         className: cn("ods-sortable-handle", className),
         style,
         ...dragProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons36.DraggableIcon, { size: "xs" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_icons36.DraggableIcon, { size: "xs" })
       }
     );
   }
@@ -25370,7 +25463,7 @@ DragHandle.displayName = "DragHandle";
 
 // src/components/Stack/Stack.tsx
 var import_react136 = require("react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 function resolveGap2(gap) {
   if (typeof gap === "string") return gap;
   if (gap === 0) return "0";
@@ -25409,11 +25502,11 @@ var Stack = (0, import_react136.forwardRef)(function Stack2({
   const Component = as ?? "div";
   const items = divider ? import_react136.Children.toArray(children).flatMap(
     (child, i, arr) => i < arr.length - 1 ? [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.Fragment, { children: child }, `item-${i}`),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.Fragment, { children: divider }, `divider-${i}`)
-    ] : [/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_react136.Fragment, { children: child }, `item-${i}`)]
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react136.Fragment, { children: child }, `item-${i}`),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react136.Fragment, { children: divider }, `divider-${i}`)
+    ] : [/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_react136.Fragment, { children: child }, `item-${i}`)]
   ) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     Component,
     {
       ...rest,
@@ -25441,13 +25534,13 @@ var Stack = (0, import_react136.forwardRef)(function Stack2({
 Stack.displayName = "Stack";
 var HStack = (0, import_react136.forwardRef)(
   function HStack2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Stack, { ref, direction: "row", ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Stack, { ref, direction: "row", ...props });
   }
 );
 HStack.displayName = "HStack";
 var VStack = (0, import_react136.forwardRef)(
   function VStack2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Stack, { ref, direction: "column", ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Stack, { ref, direction: "column", ...props });
   }
 );
 VStack.displayName = "VStack";
@@ -25456,7 +25549,7 @@ VStack.displayName = "VStack";
 var import_framer_motion31 = require("framer-motion");
 var import_react137 = require("react");
 var import_react_dom16 = require("react-dom");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var Spotlight = (0, import_react137.forwardRef)(
   function Spotlight2({
     open,
@@ -25523,7 +25616,7 @@ var Spotlight = (0, import_react137.forwardRef)(
       height: rect.height + padding * 2
     } : null;
     return (0, import_react_dom16.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_framer_motion31.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_framer_motion31.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
         import_framer_motion31.motion.div,
         {
           ...rest,
@@ -25535,7 +25628,7 @@ var Spotlight = (0, import_react137.forwardRef)(
           exit: disableAnimation || reducedMotion ? void 0 : { opacity: 0 },
           transition: { duration: 0.18 },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
               "svg",
               {
                 className: cn(
@@ -25549,8 +25642,8 @@ var Spotlight = (0, import_react137.forwardRef)(
                 "aria-hidden": "true",
                 onClick: onDismiss,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("mask", { id: maskId, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("mask", { id: maskId, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       "rect",
                       {
                         x: 0,
@@ -25560,7 +25653,7 @@ var Spotlight = (0, import_react137.forwardRef)(
                         fill: "white"
                       }
                     ),
-                    cutout && shape === "rect" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    cutout && shape === "rect" && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       "rect",
                       {
                         x: cutout.x,
@@ -25572,7 +25665,7 @@ var Spotlight = (0, import_react137.forwardRef)(
                         fill: "black"
                       }
                     ),
-                    cutout && shape === "circle" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    cutout && shape === "circle" && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       "ellipse",
                       {
                         cx: cutout.x + cutout.width / 2,
@@ -25583,7 +25676,7 @@ var Spotlight = (0, import_react137.forwardRef)(
                       }
                     )
                   ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                     "rect",
                     {
                       x: 0,
@@ -25597,7 +25690,7 @@ var Spotlight = (0, import_react137.forwardRef)(
                 ]
               }
             ),
-            children && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "ods-spotlight__content", children })
+            children && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "ods-spotlight__content", children })
           ]
         }
       ) }),
@@ -25610,7 +25703,7 @@ Spotlight.displayName = "Spotlight";
 // src/components/Stat/Stat.tsx
 var import_react138 = require("react");
 var import_icons37 = require("@octaviaflow/icons");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var Stat = (0, import_react138.forwardRef)(function Stat2({
   label,
   value,
@@ -25624,23 +25717,23 @@ var Stat = (0, import_react138.forwardRef)(function Stat2({
   ...rest
 }, ref) {
   const TrendIcon = deltaTrend === "up" ? import_icons37.ArrowUpIcon : deltaTrend === "down" ? import_icons37.ArrowDownIcon : import_icons37.SubtractIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "div",
     {
       ...rest,
       ref,
       className: cn("ods-stat", `ods-stat--${size}`, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "ods-stat__head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "ods-stat__label", children: label }),
-          icon && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "ods-stat__icon", "aria-hidden": "true", children: icon })
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "ods-stat__head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "ods-stat__label", children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "ods-stat__icon", "aria-hidden": "true", children: icon })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "ods-stat__value", children: value }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "ods-stat__description", children: description }),
-        delta && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: cn("ods-stat__delta", `ods-stat__delta--${deltaTrend}`), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "ods-stat__delta-arrow", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TrendIcon, { size: "xs" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "ods-stat__delta-value", children: delta }),
-          deltaSuffix && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "ods-stat__delta-suffix", children: deltaSuffix })
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "ods-stat__value", children: value }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "ods-stat__description", children: description }),
+        delta && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn("ods-stat__delta", `ods-stat__delta--${deltaTrend}`), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "ods-stat__delta-arrow", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TrendIcon, { size: "xs" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "ods-stat__delta-value", children: delta }),
+          deltaSuffix && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "ods-stat__delta-suffix", children: deltaSuffix })
         ] })
       ]
     }
@@ -25651,7 +25744,7 @@ Stat.displayName = "Stat";
 // src/components/StatusTiles/StatusTiles.tsx
 var import_framer_motion32 = require("framer-motion");
 var import_react139 = require("react");
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var STATUS_COLORS = {
   success: "var(--ods-status-success)",
   failed: "var(--ods-status-failed)",
@@ -25723,7 +25816,7 @@ var StatusTiles = (0, import_react139.forwardRef)(
       return `${t} \u2014 ${visible.length} runs (${summaryText})`;
     }, [ariaLabel, title, visible]);
     const interactive = Boolean(onTileHover || onTileClick);
-    return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
       "div",
       {
         ...rest,
@@ -25732,14 +25825,14 @@ var StatusTiles = (0, import_react139.forwardRef)(
         role: "group",
         "aria-label": resolvedAriaLabel,
         children: [
-          (title || summary) && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "ods-status-tiles__head", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "ods-status-tiles__title", children: title }),
-            summary && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "ods-status-tiles__summary", children: summary })
+          (title || summary) && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "ods-status-tiles__head", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "ods-status-tiles__title", children: title }),
+            summary && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "ods-status-tiles__summary", children: summary })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "ods-status-tiles__row", style: { gap }, children: visible.map((tile, i) => {
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("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__ */ (0, import_jsx_runtime119.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               import_framer_motion32.motion.button,
               {
                 type: "button",
@@ -25788,7 +25881,7 @@ StatusTiles.displayName = "StatusTiles";
 // src/components/Stepper/Stepper.tsx
 var import_icons38 = require("@octaviaflow/icons");
 var import_react140 = require("react");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 function deriveStatus(step, index, active) {
   if (step.status) return step.status;
   if (index < active) return "complete";
@@ -25856,7 +25949,7 @@ var Stepper = (0, import_react140.forwardRef)(
       e.preventDefault();
       goTo(i);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       "ol",
       {
         ...rest,
@@ -25875,13 +25968,13 @@ var Stepper = (0, import_react140.forwardRef)(
           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__ */ (0, import_jsx_runtime120.jsx)(import_icons38.CheckmarkIcon, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_icons38.ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
-          const labelText = /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "ods-stepper__label-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "ods-stepper__label-title", children: step.label }),
-            step.optional && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "ods-stepper__label-optional", children: "Optional" }),
-            step.description && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "ods-stepper__label-desc", children: step.description })
+          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_icons38.CheckmarkIcon, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_icons38.ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
+          const labelText = /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("span", { className: "ods-stepper__label-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "ods-stepper__label-title", children: step.label }),
+            step.optional && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "ods-stepper__label-optional", children: "Optional" }),
+            step.description && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "ods-stepper__label-desc", children: step.description })
           ] });
-          const stepInner = isInteractive ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+          const stepInner = isInteractive ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
             "button",
             {
               type: "button",
@@ -25893,7 +25986,7 @@ var Stepper = (0, import_react140.forwardRef)(
               onClick: handleClick(i),
               onKeyDown: (e) => handleKeyDown(e, i),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   "span",
                   {
                     className: cn(
@@ -25907,13 +26000,13 @@ var Stepper = (0, import_react140.forwardRef)(
                 labelText
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
             "span",
             {
               className: "ods-stepper__step-static",
               "aria-current": status === "active" ? "step" : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   "span",
                   {
                     className: cn(
@@ -25928,7 +26021,7 @@ var Stepper = (0, import_react140.forwardRef)(
               ]
             }
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
             "li",
             {
               className: cn(
@@ -25938,7 +26031,7 @@ var Stepper = (0, import_react140.forwardRef)(
               ),
               children: [
                 stepInner,
-                !isLast && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                !isLast && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   "span",
                   {
                     className: cn(
@@ -25962,7 +26055,7 @@ Stepper.displayName = "Stepper";
 // src/components/Sankey/Sankey.tsx
 var import_framer_motion33 = require("framer-motion");
 var import_react141 = require("react");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("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`;
@@ -26186,7 +26279,7 @@ var Sankey = (0, import_react141.forwardRef)(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__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "div",
     {
       ...rest,
@@ -26195,11 +26288,11 @@ var Sankey = (0, import_react141.forwardRef)(function Sankey2({
       role: "group",
       "aria-label": resolvedAriaLabel,
       children: [
-        (title || total) && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "ods-sankey__head", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "ods-sankey__title", children: title }),
-          total && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "ods-sankey__total", children: total })
+        (title || total) && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "ods-sankey__head", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "ods-sankey__title", children: title }),
+          total && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "ods-sankey__total", children: total })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "ods-sankey__plot", style: { width, height }, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "ods-sankey__plot", style: { width, height }, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
           "svg",
           {
             className: "ods-sankey__svg",
@@ -26209,7 +26302,7 @@ var Sankey = (0, import_react141.forwardRef)(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__ */ (0, import_jsx_runtime121.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                   import_framer_motion33.motion.path,
                   {
                     d: l.path,
@@ -26237,7 +26330,7 @@ var Sankey = (0, import_react141.forwardRef)(function Sankey2({
                       duration: 0.6,
                       ease: [0.16, 1, 0.3, 1]
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("title", { children: `${l.sourceNode.label} \u2192 ${l.targetNode.label}: ${formatValue(l.value)}` })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("title", { children: `${l.sourceNode.label} \u2192 ${l.targetNode.label}: ${formatValue(l.value)}` })
                   },
                   `${reactId}-link-${l.source}-${l.target}`
                 );
@@ -26248,7 +26341,7 @@ var Sankey = (0, import_react141.forwardRef)(function Sankey2({
                 const isFirst = n.column === 0;
                 const isLast = n.column === columnCount - 1;
                 const active = hoveredNode === n;
-                return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                   "g",
                   {
                     className: "ods-sankey__node-group",
@@ -26256,7 +26349,7 @@ var Sankey = (0, import_react141.forwardRef)(function Sankey2({
                     onMouseLeave: () => fireNode(null),
                     onClick: onNodeClick ? () => onNodeClick(n) : void 0,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         import_framer_motion33.motion.rect,
                         {
                           x: n.x,
@@ -26285,10 +26378,10 @@ var Sankey = (0, import_react141.forwardRef)(function Sankey2({
                             delay: disableAnimation ? 0 : 0.2 + n.column * 0.05,
                             ease: [0.16, 1, 0.3, 1]
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("title", { children: `${n.label} \u2014 in ${formatValue(n.inFlow)} \xB7 out ${formatValue(n.outFlow)}` })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("title", { children: `${n.label} \u2014 in ${formatValue(n.inFlow)} \xB7 out ${formatValue(n.outFlow)}` })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                         "text",
                         {
                           x: isFirst ? n.x - 6 : isLast ? n.x + nodeWidth + 6 : n.x + nodeWidth + 6,
@@ -26316,7 +26409,7 @@ Sankey.displayName = "Sankey";
 // src/components/Switch/Switch.tsx
 var import_react142 = require("react");
 var import_react_aria12 = require("react-aria");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var Switch = (0, import_react142.forwardRef)(function Switch2({
   checked,
   defaultChecked,
@@ -26365,7 +26458,7 @@ var Switch = (0, import_react142.forwardRef)(function Switch2({
     onBlur: _onBlur,
     ...passthroughProps
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     "label",
     {
       className: cn(
@@ -26376,7 +26469,7 @@ var Switch = (0, import_react142.forwardRef)(function Switch2({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           "input",
           {
             ...passthroughProps,
@@ -26385,17 +26478,17 @@ var Switch = (0, import_react142.forwardRef)(function Switch2({
             className: "ods-switch__input"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           "div",
           {
             className: cn("ods-switch__track", isOn && "ods-switch__track--on"),
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "ods-switch__thumb" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "ods-switch__thumb" })
           }
         ),
-        (label || description) && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "ods-switch__text", children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "ods-switch__label", children: label }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "ods-switch__description", children: description })
+        (label || description) && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "ods-switch__text", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "ods-switch__label", children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "ods-switch__description", children: description })
         ] })
       ]
     }
@@ -26406,7 +26499,7 @@ Switch.displayName = "Switch";
 // src/components/Table/Table.tsx
 var import_react143 = require("react");
 var import_icons39 = require("@octaviaflow/icons");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 function TableInner({
   columns,
   data,
@@ -26457,7 +26550,7 @@ function TableInner({
     [onSelectionChange, selectedRows]
   );
   const totalCols = columns.length + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "div",
     {
       ...rest,
@@ -26465,9 +26558,9 @@ function TableInner({
       className: cn("ods-table-wrapper", className),
       role: "region",
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("table", { className: "ods-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("thead", { className: "ods-table__header", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("tr", { children: [
-          selectable && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("th", { className: "ods-table__cell--checkbox", scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("table", { className: "ods-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("thead", { className: "ods-table__header", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("tr", { children: [
+          selectable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("th", { className: "ods-table__cell--checkbox", scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "input",
             {
               type: "checkbox",
@@ -26476,8 +26569,8 @@ function TableInner({
               onChange: handleSelectAll
             }
           ) }),
-          expandable && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("th", { className: "ods-table__cell--expand", scope: "col", "aria-label": "Expand" }),
-          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          expandable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("th", { className: "ods-table__cell--expand", scope: "col", "aria-label": "Expand" }),
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "th",
             {
               className: cn("ods-table__cell", col.sortable && "ods-table__cell--sortable"),
@@ -26485,9 +26578,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__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "ods-table__header-content", children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { className: "ods-table__header-content", children: [
                 col.header,
-                col.sortable && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                col.sortable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                   "span",
                   {
                     className: cn(
@@ -26495,7 +26588,7 @@ function TableInner({
                       sortKey === col.key && "ods-table__sort-icon--active"
                     ),
                     "aria-hidden": "true",
-                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons39.CaretDownIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons39.CaretUpIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons39.CaretSortIcon, { size: "xs" })
+                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons39.CaretDownIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons39.CaretUpIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons39.CaretSortIcon, { size: "xs" })
                   }
                 )
               ] })
@@ -26503,10 +26596,10 @@ function TableInner({
             col.key
           ))
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("tbody", { children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("td", { colSpan: totalCols, className: "ods-table__loading", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "ods-table__loading-bar" }) }) }),
-          !loading && data.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("td", { colSpan: totalCols, className: "ods-table__empty", children: emptyMessage }) }),
-          data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("tbody", { children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("td", { colSpan: totalCols, className: "ods-table__loading", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "ods-table__loading-bar" }) }) }),
+          !loading && data.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("td", { colSpan: totalCols, className: "ods-table__empty", children: emptyMessage }) }),
+          data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             TableRow,
             {
               row,
@@ -26540,14 +26633,14 @@ function TableRow({
 }) {
   const isSelected = selectedRows?.has(rowIndex) ?? false;
   const [expanded, setExpanded] = (0, import_react143.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
       "tr",
       {
         className: cn("ods-table__row", isSelected && "ods-table__row--selected"),
         "data-row-index": rowIndex,
         children: [
-          selectable && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("td", { className: "ods-table__cell--checkbox", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          selectable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("td", { className: "ods-table__cell--checkbox", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "input",
             {
               type: "checkbox",
@@ -26556,7 +26649,7 @@ function TableRow({
               onChange: () => onSelectRow(rowIndex)
             }
           ) }),
-          expandable && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("td", { className: "ods-table__cell--expand", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          expandable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("td", { className: "ods-table__cell--expand", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             "button",
             {
               type: "button",
@@ -26564,14 +26657,14 @@ function TableRow({
               "aria-label": expanded ? "Collapse row" : "Expand row",
               "aria-expanded": expanded,
               onClick: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons39.CaretRightIcon, { size: "xs" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons39.CaretRightIcon, { size: "xs" })
             }
           ) }),
-          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
         ]
       }
     ),
-    expandable && expanded && renderExpanded && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("tr", { className: "ods-table__row--expanded", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("td", { colSpan: totalCols, className: "ods-table__expanded-cell", children: renderExpanded(row, rowIndex) }) })
+    expandable && expanded && renderExpanded && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("tr", { className: "ods-table__row--expanded", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("td", { colSpan: totalCols, className: "ods-table__expanded-cell", children: renderExpanded(row, rowIndex) }) })
   ] });
 }
 
@@ -26579,7 +26672,7 @@ function TableRow({
 var import_framer_motion34 = require("framer-motion");
 var import_react144 = require("react");
 var import_react_aria13 = require("react-aria");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 function TabButton({
   item,
   state,
@@ -26590,7 +26683,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__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     import_framer_motion34.motion.div,
     {
       ...safeTabProps,
@@ -26602,7 +26695,7 @@ function TabButton({
       ),
       children: [
         item.rendered,
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        isSelected && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           import_framer_motion34.motion.div,
           {
             className: "ods-tabs__indicator",
@@ -26617,7 +26710,7 @@ function TabButton({
 function TabPanelContent({ state, panelContent, ...props }) {
   const ref = (0, import_react144.useRef)(null);
   const { tabPanelProps } = (0, import_react_aria13.useTabPanel)(props, state, ref);
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { ...tabPanelProps, ref, className: "ods-tabs__panel", children: panelContent });
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { ...tabPanelProps, ref, className: "ods-tabs__panel", children: panelContent });
 }
 var SCROLL_EDGE_EPSILON = 1;
 var SCROLL_STEP_PX = 200;
@@ -26646,9 +26739,9 @@ function Tabs({
     return map;
   }, [items]);
   const stateProps = {
-    children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)($05678f3aee5e7d1a$export$6d08773d2e66f8f2, { textValue: item.label, children: [
-      item.icon && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "ods-tabs__icon", children: item.icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: item.label })
+    children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)($05678f3aee5e7d1a$export$6d08773d2e66f8f2, { textValue: item.label, children: [
+      item.icon && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "ods-tabs__icon", children: item.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: item.label })
     ] }, item.value)),
     selectedKey,
     onSelectionChange: handleSelectionChange,
@@ -26686,9 +26779,9 @@ function Tabs({
     el.scrollBy({ left: dir * SCROLL_STEP_PX, behavior: "smooth" });
   };
   const currentPanelContent = panelContentMap.get(String(selectedKey));
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: cn("ods-tabs", `ods-tabs--${orientation}`, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "ods-tabs__list-wrap", children: [
-      orientation === "horizontal" && canScrollLeft && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: cn("ods-tabs", `ods-tabs--${orientation}`, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "ods-tabs__list-wrap", children: [
+      orientation === "horizontal" && canScrollLeft && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         "button",
         {
           type: "button",
@@ -26696,16 +26789,16 @@ function Tabs({
           onClick: () => scrollBy(-1),
           "aria-label": "Scroll tabs left",
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ChevronSvg, { dir: "left" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChevronSvg, { dir: "left" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         "div",
         {
           className: "ods-tabs__scroller",
           ref: scrollContainerRef,
           onScroll: orientation === "horizontal" ? onScroll : void 0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { ...tabListProps, ref, className: "ods-tabs__list", children: [...state.collection].map((item) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { ...tabListProps, ref, className: "ods-tabs__list", children: [...state.collection].map((item) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
             TabButton,
             {
               item,
@@ -26716,7 +26809,7 @@ function Tabs({
           )) })
         }
       ),
-      orientation === "horizontal" && canScrollRight && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      orientation === "horizontal" && canScrollRight && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         "button",
         {
           type: "button",
@@ -26724,16 +26817,16 @@ function Tabs({
           onClick: () => scrollBy(1),
           "aria-label": "Scroll tabs right",
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ChevronSvg, { dir: "right" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChevronSvg, { dir: "right" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TabPanelContent, { state, panelContent: currentPanelContent }, state.selectedKey)
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TabPanelContent, { state, panelContent: currentPanelContent }, state.selectedKey)
   ] });
 }
 function ChevronSvg({ dir }) {
   const d = dir === "left" ? "M11 4L5 10l6 6" : "M9 4l6 6-6 6";
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "svg",
     {
       width: "14",
@@ -26745,7 +26838,7 @@ function ChevronSvg({ dir }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("path", { d })
+      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("path", { d })
     }
   );
 }
@@ -26753,7 +26846,7 @@ function ChevronSvg({ dir }) {
 // src/components/TagsInput/TagsInput.tsx
 var import_react145 = require("react");
 var import_icons40 = require("@octaviaflow/icons");
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var TagsInput = (0, import_react145.forwardRef)(
   function TagsInput2({
     label,
@@ -26804,7 +26897,7 @@ var TagsInput = (0, import_react145.forwardRef)(
       }
     };
     const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
       "div",
       {
         className: cn(
@@ -26815,7 +26908,7 @@ var TagsInput = (0, import_react145.forwardRef)(
           wrapperClassName
         ),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             "label",
             {
               id: labelId,
@@ -26824,10 +26917,10 @@ var TagsInput = (0, import_react145.forwardRef)(
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "ods-tags__field", children: [
-            value.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "ods-tags__chip", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "ods-tags__chip-text", children: tag }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "ods-tags__field", children: [
+            value.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("span", { className: "ods-tags__chip", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-tags__chip-text", children: tag }),
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 "button",
                 {
                   type: "button",
@@ -26835,11 +26928,11 @@ var TagsInput = (0, import_react145.forwardRef)(
                   onClick: () => removeTag(i),
                   "aria-label": `Remove ${tag}`,
                   disabled,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons40.CloseIcon, { size: "xs" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_icons40.CloseIcon, { size: "xs" })
                 }
               )
             ] }, `${tag}-${i}`)),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
               "input",
               {
                 ...rest,
@@ -26859,7 +26952,7 @@ var TagsInput = (0, import_react145.forwardRef)(
               }
             )
           ] }),
-          error ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+          error ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
             "div",
             {
               id: hintId,
@@ -26867,7 +26960,7 @@ var TagsInput = (0, import_react145.forwardRef)(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { id: hintId, className: "ods-tags__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { id: hintId, className: "ods-tags__hint", children: helperText }) : null
         ]
       }
     );
@@ -26877,7 +26970,7 @@ TagsInput.displayName = "TagsInput";
 
 // src/components/TemplateCard/TemplateCard.tsx
 var import_react146 = require("react");
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var TemplateCard = (0, import_react146.forwardRef)(
   function TemplateCard2({
     name,
@@ -26913,7 +27006,7 @@ var TemplateCard = (0, import_react146.forwardRef)(
     const isInteractive = Boolean(href || onClick) && !disabled;
     const hasInternalInteractive = Boolean(cta || footer);
     const useStretchedLink = Boolean(href) && !disabled && hasInternalInteractive;
-    const titleContent = useStretchedLink ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    const titleContent = useStretchedLink ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "a",
       {
         className: "ods-template-card__stretched-link",
@@ -26925,8 +27018,8 @@ var TemplateCard = (0, import_react146.forwardRef)(
     const renderAuthor = () => {
       if (!author) return null;
       const derivedInitials = author.avatar?.initials ?? (typeof author.name === "string" ? author.name.charAt(0).toUpperCase() : void 0);
-      return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "ods-template-card__author", children: [
-        (author.avatar || derivedInitials) && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "ods-template-card__author", children: [
+        (author.avatar || derivedInitials) && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Avatar,
           {
             size: "xs",
@@ -26936,8 +27029,8 @@ var TemplateCard = (0, import_react146.forwardRef)(
             className: "ods-template-card__author-avatar"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__author-name", children: author.name }),
-        author.byline && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__author-byline", children: author.byline })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__author-name", children: author.name }),
+        author.byline && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__author-byline", children: author.byline })
       ] });
     };
     const hasImage = Boolean(image);
@@ -26951,8 +27044,8 @@ var TemplateCard = (0, import_react146.forwardRef)(
       if (iconConnector === "plus") return "+";
       return iconConnector;
     };
-    const body = /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-      showMedia && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+    const body = /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+      showMedia && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
         "div",
         {
           className: cn(
@@ -26965,9 +27058,9 @@ var TemplateCard = (0, import_react146.forwardRef)(
           "aria-hidden": "true",
           children: [
             hasImage && image,
-            hasIcon && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__icon", children: icon }),
-            hasIconFlow && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__icon-flow", children: icons.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("span", { className: "ods-template-card__icon-flow-item", children: [
-              i > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            hasIcon && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__icon", children: icon }),
+            hasIconFlow && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__icon-flow", children: icons.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("span", { className: "ods-template-card__icon-flow-item", children: [
+              i > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                 "span",
                 {
                   className: "ods-template-card__icon-connector",
@@ -26975,7 +27068,7 @@ var TemplateCard = (0, import_react146.forwardRef)(
                   children: renderConnector()
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                 "span",
                 {
                   className: cn(
@@ -26988,13 +27081,13 @@ var TemplateCard = (0, import_react146.forwardRef)(
                 }
               )
             ] }, i)) }),
-            badge && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__badge", children: badge })
+            badge && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__badge", children: badge })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "ods-template-card__content", children: [
-        category && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "ods-template-card__category", children: category }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "ods-template-card__content", children: [
+        category && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "ods-template-card__category", children: category }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Card.Title,
           {
             as: nameAs,
@@ -27003,7 +27096,7 @@ var TemplateCard = (0, import_react146.forwardRef)(
             children: titleContent
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        description && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Card.Description,
           {
             id: descId,
@@ -27011,18 +27104,18 @@ var TemplateCard = (0, import_react146.forwardRef)(
             children: description
           }
         ),
-        requirements && requirements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        requirements && requirements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "div",
           {
             className: "ods-template-card__requirements",
             "aria-label": "Requirements",
-            children: requirements.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__requirement", children: r }, i))
+            children: requirements.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__requirement", children: r }, i))
           }
         ),
-        stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("dl", { className: "ods-template-card__stats", children: stats.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "ods-template-card__stat", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("dt", { className: "ods-template-card__stat-label", children: s.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("dd", { className: "ods-template-card__stat-value", children: [
-            s.icon && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("dl", { className: "ods-template-card__stats", children: stats.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "ods-template-card__stat", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("dt", { className: "ods-template-card__stat-label", children: s.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("dd", { className: "ods-template-card__stat-value", children: [
+            s.icon && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "span",
               {
                 className: "ods-template-card__stat-icon",
@@ -27033,12 +27126,12 @@ var TemplateCard = (0, import_react146.forwardRef)(
             s.value
           ] })
         ] }, i)) }),
-        tags && tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "ods-template-card__tags", children: tags.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "ods-template-card__tag", children: t }, i)) }),
-        (author || cta || footer) && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "ods-template-card__footer-row", children: [
+        tags && tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "ods-template-card__tags", children: tags.map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-template-card__tag", children: t }, i)) }),
+        (author || cta || footer) && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "ods-template-card__footer-row", children: [
           renderAuthor(),
-          (cta || footer) && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "ods-template-card__footer-actions", children: [
-            cta && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "ods-template-card__cta", children: cta }),
-            footer && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "ods-template-card__footer", children: footer })
+          (cta || footer) && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "ods-template-card__footer-actions", children: [
+            cta && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "ods-template-card__cta", children: cta }),
+            footer && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "ods-template-card__footer", children: footer })
           ] })
         ] })
       ] })
@@ -27052,7 +27145,7 @@ var TemplateCard = (0, import_react146.forwardRef)(
       className
     );
     if (href && !disabled && !useStretchedLink) {
-      return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
         Card,
         {
           asChild: true,
@@ -27061,7 +27154,7 @@ var TemplateCard = (0, import_react146.forwardRef)(
           className: sharedClass,
           "aria-labelledby": nameId,
           "aria-describedby": descId,
-          children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
             "a",
             {
               ...rest,
@@ -27075,7 +27168,7 @@ var TemplateCard = (0, import_react146.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       Card,
       {
         ...rest,
@@ -27098,7 +27191,7 @@ TemplateCard.displayName = "TemplateCard";
 // src/components/TestimonialCard/TestimonialCard.tsx
 var import_icons41 = require("@octaviaflow/icons");
 var import_react147 = require("react");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 function isAuthorObject(v) {
   return typeof v === "object" && v !== null && !("type" in v) && // exclude React elements
   "name" in v;
@@ -27130,7 +27223,7 @@ var TestimonialCard = (0, import_react147.forwardRef)(function TestimonialCard2(
   };
   const renderAvatar = () => {
     if (!isAuthorObject(author) && legacyAvatar) {
-      return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         "span",
         {
           className: "ods-testimonial__avatar ods-testimonial__avatar--legacy",
@@ -27139,7 +27232,7 @@ var TestimonialCard = (0, import_react147.forwardRef)(function TestimonialCard2(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       Avatar,
       {
         size: size === "sm" ? "xs" : size === "lg" ? "md" : "sm",
@@ -27150,7 +27243,7 @@ var TestimonialCard = (0, import_react147.forwardRef)(function TestimonialCard2(
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     Card,
     {
       ...rest,
@@ -27167,26 +27260,26 @@ var TestimonialCard = (0, import_react147.forwardRef)(function TestimonialCard2(
       "aria-labelledby": authorId,
       "aria-describedby": quoteId,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "ods-testimonial__head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_icons41.QuotesIcon, { size: "md" }) }),
-          logo && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "ods-testimonial__head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons41.QuotesIcon, { size: "md" }) }),
+          logo && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
-        typeof rating === "number" && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
+        typeof rating === "number" && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "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__ */ (0, import_jsx_runtime127.jsx)(
+              (_, i) => i < Math.round(rating) ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 import_icons41.StarFilledIcon,
                 {
                   size: "xs",
                   className: "ods-testimonial__star ods-testimonial__star--on"
                 },
                 i
-              ) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 import_icons41.StarIcon,
                 {
                   size: "xs",
@@ -27197,11 +27290,11 @@ var TestimonialCard = (0, import_react147.forwardRef)(function TestimonialCard2(
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
           renderAvatar(),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("span", { className: "ods-testimonial__author-info", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-testimonial__author-name", children: resolved.name }),
-            resolved.role && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "ods-testimonial__author-role", children: resolved.role })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "ods-testimonial__author-info", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "ods-testimonial__author-name", children: resolved.name }),
+            resolved.role && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "ods-testimonial__author-role", children: resolved.role })
           ] })
         ] })
       ]
@@ -27585,7 +27678,7 @@ function useTextareaSelection({
 // src/hooks/useTextareaTools.tsx
 var import_icons42 = require("@octaviaflow/icons");
 var import_react150 = require("react");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 function useTextareaTools({
   textareaRef,
   value,
@@ -27721,28 +27814,28 @@ var prependLineTool = (id, prefix, label, icon, title) => ({
   onAction: (h) => h.prependLines(prefix)
 });
 var textareaTools = {
-  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.TextBoldIcon, {}), "Bold (\u2318B)"),
-  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.TextItalicIcon, {}), "Italic (\u2318I)"),
+  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.TextBoldIcon, {}), "Bold (\u2318B)"),
+  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.TextItalicIcon, {}), "Italic (\u2318I)"),
   strikethrough: () => wrapTool(
     "strike",
     "~~",
     "~~",
     "Strikethrough",
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.TextStrikethroughIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.TextStrikethroughIcon, {}),
     "Strikethrough"
   ),
-  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.CodeIcon, {}), "Inline code"),
+  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.CodeIcon, {}), "Inline code"),
   codeBlock: () => ({
     id: "code-block",
     label: "Code block",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.CodeIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.CodeIcon, {}),
     title: "Code block",
     onAction: (h) => h.wrap("```\n", "\n```")
   }),
   link: () => ({
     id: "link",
     label: "Link",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.TextLinkIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.TextLinkIcon, {}),
     title: "Insert link",
     onAction: (h) => {
       const sel = h.selection;
@@ -27755,41 +27848,41 @@ var textareaTools = {
     `heading-${level}`,
     `${"#".repeat(level)} `,
     `H${level}`,
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.HeadingIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.HeadingIcon, {}),
     `Heading ${level}`
   ),
   bulletList: () => prependLineTool(
     "ul",
     "- ",
     "Bullet list",
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.ListBulletedIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.ListBulletedIcon, {}),
     "Bullet list"
   ),
   numberedList: () => prependLineTool(
     "ol",
     "1. ",
     "Numbered list",
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.ListNumberedIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.ListNumberedIcon, {}),
     "Numbered list"
   ),
   quote: () => prependLineTool(
     "quote",
     "> ",
     "Quote",
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.QuotesIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.QuotesIcon, {}),
     "Quote"
   ),
   undo: () => ({
     id: "undo",
     label: "Undo",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.UndoIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.UndoIcon, {}),
     title: "Undo (\u2318Z)",
     onAction: (h) => h.undo()
   }),
   redo: () => ({
     id: "redo",
     label: "Redo",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons42.RedoIcon, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons42.RedoIcon, {}),
     title: "Redo (\u2318\u21E7Z)",
     onAction: (h) => h.redo()
   }),
@@ -27801,7 +27894,7 @@ var textareaTools = {
 };
 
 // src/components/Textarea/Textarea.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var Textarea = (0, import_react151.forwardRef)(
   function Textarea2({
     label,
@@ -27950,7 +28043,7 @@ var Textarea = (0, import_react151.forwardRef)(
       minWidth: toCss2(minWidth),
       resize: resolvedResize
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       "div",
       {
         className: cn(
@@ -27964,7 +28057,7 @@ var Textarea = (0, import_react151.forwardRef)(
         ),
         style: consumerStyle,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             "label",
             {
               ...labelProps,
@@ -27973,15 +28066,15 @@ var Textarea = (0, import_react151.forwardRef)(
               children: label
             }
           ),
-          toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             TextareaToolbar,
             {
               tools: toolbar.tools,
               onRun: toolbar.runTool
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "ods-textarea__wrapper", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "ods-textarea__wrapper", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
               "textarea",
               {
                 ...props,
@@ -28006,7 +28099,7 @@ var Textarea = (0, import_react151.forwardRef)(
               }
             ),
             cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom17.createPortal)(
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 "ul",
                 {
                   id: `${baseId}-cmd-list`,
@@ -28018,7 +28111,7 @@ var Textarea = (0, import_react151.forwardRef)(
                     top: (cmdPalette.caretRect?.bottom ?? 0) + 6,
                     left: cmdPalette.caretRect?.left ?? 0
                   },
-                  children: cmdPalette.items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+                  children: cmdPalette.items.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
                     "li",
                     {
                       id: `${baseId}-cmd-${c.id}`,
@@ -28035,10 +28128,10 @@ var Textarea = (0, import_react151.forwardRef)(
                       onMouseEnter: () => {
                       },
                       children: [
-                        c.icon && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "ods-textarea__cmd-text", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "ods-textarea__cmd-label", children: c.label }),
-                          c.description && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "ods-textarea__cmd-desc", children: c.description })
+                        c.icon && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", { className: "ods-textarea__cmd-text", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-textarea__cmd-label", children: c.label }),
+                          c.description && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-textarea__cmd-desc", children: c.description })
                         ] })
                       ]
                     },
@@ -28049,7 +28142,7 @@ var Textarea = (0, import_react151.forwardRef)(
               document.body
             ),
             selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom17.createPortal)(
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
                 "div",
                 {
                   role: "toolbar",
@@ -28062,7 +28155,7 @@ var Textarea = (0, import_react151.forwardRef)(
                   },
                   onMouseDown: (e) => e.preventDefault(),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                       "button",
                       {
                         type: "button",
@@ -28070,10 +28163,10 @@ var Textarea = (0, import_react151.forwardRef)(
                         onClick: () => sel.copy(),
                         "aria-label": "Copy selection",
                         title: "Copy",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons43.CopyIcon, { size: "xs" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons43.CopyIcon, { size: "xs" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                       "button",
                       {
                         type: "button",
@@ -28081,10 +28174,10 @@ var Textarea = (0, import_react151.forwardRef)(
                         onClick: () => sel.cut(),
                         "aria-label": "Cut selection",
                         title: "Cut",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons43.CutIcon, { size: "xs" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_icons43.CutIcon, { size: "xs" })
                       }
                     ),
-                    selectionActions?.map((a) => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+                    selectionActions?.map((a) => /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -28098,7 +28191,7 @@ var Textarea = (0, import_react151.forwardRef)(
                         title: typeof a.label === "string" ? a.label : void 0,
                         children: [
                           a.icon,
-                          a.label && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "ods-textarea__sel-btn-label", children: a.label })
+                          a.label && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-textarea__sel-btn-label", children: a.label })
                         ]
                       },
                       a.id
@@ -28108,7 +28201,7 @@ var Textarea = (0, import_react151.forwardRef)(
               ),
               document.body
             ),
-            maxLength != null && /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+            maxLength != null && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
               "span",
               {
                 className: "ods-textarea__count",
@@ -28121,14 +28214,14 @@ var Textarea = (0, import_react151.forwardRef)(
               }
             )
           ] }),
-          toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             TextareaToolbar,
             {
               tools: toolbar.tools,
               onRun: toolbar.runTool
             }
           ),
-          error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          error && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             "div",
             {
               id: hintId,
@@ -28136,7 +28229,7 @@ var Textarea = (0, import_react151.forwardRef)(
               role: "alert",
               children: errorMessage
             }
-          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
         ]
       }
     );
@@ -28147,7 +28240,7 @@ function TextareaToolbar({
   tools,
   onRun
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "div",
     {
       role: "toolbar",
@@ -28160,7 +28253,7 @@ function TextareaToolbar({
       },
       children: tools.map((t) => {
         if (t.kind === "divider") {
-          return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             "span",
             {
               className: "ods-textarea__toolbar-divider",
@@ -28169,7 +28262,7 @@ function TextareaToolbar({
             t.id
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           "button",
           {
             type: "button",
@@ -28177,7 +28270,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__ */ (0, import_jsx_runtime129.jsx)("span", { className: "ods-textarea__toolbar-icon", children: t.icon }) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "ods-textarea__toolbar-text", children: t.label })
+            children: t.icon ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-textarea__toolbar-icon", children: t.icon }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-textarea__toolbar-text", children: t.label })
           },
           t.id
         );
@@ -28189,7 +28282,7 @@ function TextareaToolbar({
 // src/components/Timeline/Timeline.tsx
 var import_framer_motion35 = require("framer-motion");
 var import_react152 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var Timeline = (0, import_react152.forwardRef)(
   function Timeline2({
     items,
@@ -28199,16 +28292,16 @@ var Timeline = (0, import_react152.forwardRef)(
     className,
     ...rest
   }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       "ol",
       {
         ...rest,
         ref,
         className: cn("ods-timeline", `ods-timeline--${size}`, className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_framer_motion35.AnimatePresence, { initial: false, children: items.map((item, idx) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_framer_motion35.AnimatePresence, { initial: false, children: items.map((item, idx) => {
           const last = idx === items.length - 1;
           const status = item.status ?? "default";
-          return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
             import_framer_motion35.motion.li,
             {
               layout: animated,
@@ -28225,8 +28318,8 @@ var Timeline = (0, import_react152.forwardRef)(
                 delay: animated ? idx * staggerDelay / 1e3 : 0
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "ods-timeline__rail", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "ods-timeline__rail", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                     "span",
                     {
                       className: cn(
@@ -28237,12 +28330,12 @@ var Timeline = (0, import_react152.forwardRef)(
                       children: item.icon
                     }
                   ),
-                  !last && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "ods-timeline__line", "aria-hidden": "true" })
+                  !last && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timeline__line", "aria-hidden": "true" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "ods-timeline__body", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "ods-timeline__title", children: item.title }),
-                  item.description && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "ods-timeline__desc", children: item.description }),
-                  item.meta && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "ods-timeline__meta", children: item.meta })
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "ods-timeline__body", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "ods-timeline__title", children: item.title }),
+                  item.description && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "ods-timeline__desc", children: item.description }),
+                  item.meta && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "ods-timeline__meta", children: item.meta })
                 ] })
               ]
             },
@@ -28259,7 +28352,7 @@ Timeline.displayName = "Timeline";
 var import_react153 = require("react");
 var import_react_dom18 = require("react-dom");
 var import_icons44 = require("@octaviaflow/icons");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("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)}` : ""}`;
@@ -28491,7 +28584,7 @@ var TimePicker = (0, import_react153.forwardRef)(
       if (draft && draft.seg === seg) return draft.digits.padStart(2, "0");
       return pad(val);
     };
-    const segButton = (seg, val) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+    const segButton = (seg, val) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
       "button",
       {
         ref: refOf(seg),
@@ -28511,7 +28604,7 @@ var TimePicker = (0, import_react153.forwardRef)(
         children: segDisplay(seg, val)
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
       "div",
       {
         ...rest,
@@ -28524,7 +28617,7 @@ var TimePicker = (0, import_react153.forwardRef)(
           className
         ),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             "label",
             {
               id: labelId,
@@ -28533,7 +28626,7 @@ var TimePicker = (0, import_react153.forwardRef)(
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
             "button",
             {
               type: "button",
@@ -28549,9 +28642,9 @@ var TimePicker = (0, import_react153.forwardRef)(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons44.TimeIcon, { size: "xs" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons44.TimeIcon, { size: "xs" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                   "span",
                   {
                     className: cn(
@@ -28559,14 +28652,14 @@ var TimePicker = (0, import_react153.forwardRef)(
                       open && "ods-timepicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons44.ChevronDownIcon, { size: "xs" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons44.ChevronDownIcon, { size: "xs" })
                   }
                 )
               ]
             }
           ),
           open && typeof document !== "undefined" && (0, import_react_dom18.createPortal)(
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
               "div",
               {
                 ref: popoverRef,
@@ -28575,18 +28668,18 @@ var TimePicker = (0, import_react153.forwardRef)(
                 "aria-label": "Select time",
                 style: anchoredPopoverStyle(popoverPos),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "ods-timepicker__head", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "ods-timepicker__display", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "ods-timepicker__head", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "ods-timepicker__display", children: [
                       segButton("hours", value.hours),
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__display-sep", children: ":" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__display-sep", children: ":" }),
                       segButton("minutes", value.minutes),
-                      showSeconds && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__display-sep", children: ":" }),
+                      showSeconds && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__display-sep", children: ":" }),
                         segButton("seconds", value.seconds ?? 0)
                       ] })
                     ] }),
-                    !use24h && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "ods-timepicker__period", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                    !use24h && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "ods-timepicker__period", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                         "button",
                         {
                           type: "button",
@@ -28598,7 +28691,7 @@ var TimePicker = (0, import_react153.forwardRef)(
                           children: "AM"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                         "button",
                         {
                           type: "button",
@@ -28612,41 +28705,41 @@ var TimePicker = (0, import_react153.forwardRef)(
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_react153.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "ods-timepicker__col", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react153.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "ods-timepicker__col", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                         "button",
                         {
                           type: "button",
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, 1),
                           "aria-label": `${seg} up`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons44.CaretUpIcon, { size: "xs" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons44.CaretUpIcon, { size: "xs" })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__col-val", children: pad(
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__col-val", children: pad(
                         seg === "hours" ? value.hours : seg === "minutes" ? value.minutes : value.seconds ?? 0
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                         "button",
                         {
                           type: "button",
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, -1),
                           "aria-label": `${seg} down`,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_icons44.CaretDownIcon, { size: "xs" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons44.CaretDownIcon, { size: "xs" })
                         }
                       )
                     ] }),
-                    i < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "ods-timepicker__sep", children: ":" })
+                    i < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-timepicker__sep", children: ":" })
                   ] }, seg)) })
                 ]
               }
             ),
             document.body
           ),
-          error ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+          error ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             "div",
             {
               id: hintId,
@@ -28654,7 +28747,7 @@ var TimePicker = (0, import_react153.forwardRef)(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { id: hintId, className: "ods-timepicker__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { id: hintId, className: "ods-timepicker__hint", children: helperText }) : null
         ]
       }
     );
@@ -28665,7 +28758,7 @@ TimePicker.displayName = "TimePicker";
 // src/components/TimezonePicker/TimezonePicker.tsx
 var import_react154 = require("react");
 var import_icons45 = require("@octaviaflow/icons");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("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" },
@@ -28800,7 +28893,7 @@ var TimezonePicker = (0, import_react154.forwardRef)(
     const setTriggerRef = (node) => {
       triggerRef.current = node;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
       "div",
       {
         ...rest,
@@ -28813,7 +28906,7 @@ var TimezonePicker = (0, import_react154.forwardRef)(
           className
         ),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "label",
             {
               id: labelId,
@@ -28822,7 +28915,7 @@ var TimezonePicker = (0, import_react154.forwardRef)(
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
             "button",
             {
               ref: setTriggerRef,
@@ -28839,17 +28932,17 @@ var TimezonePicker = (0, import_react154.forwardRef)(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons45.GlobeIcon, { size: "xs" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__name", children: selected.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "ods-tzpicker__meta", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons45.GlobeIcon, { size: "xs" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__name", children: selected.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "ods-tzpicker__meta", children: [
                     selected.iana.split("/").pop()?.replace(/_/g, " "),
                     " \xB7",
                     " ",
                     selected.offset
                   ] })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__name ods-tzpicker__name--placeholder", children: placeholder }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__name ods-tzpicker__name--placeholder", children: placeholder }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                   "span",
                   {
                     className: cn(
@@ -28857,13 +28950,13 @@ var TimezonePicker = (0, import_react154.forwardRef)(
                       open && "ods-tzpicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons45.ChevronDownIcon, { size: "xs" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons45.ChevronDownIcon, { size: "xs" })
                   }
                 )
               ]
             }
           ),
-          open && /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+          open && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
             "div",
             {
               className: "ods-tzpicker__popover",
@@ -28871,9 +28964,9 @@ var TimezonePicker = (0, import_react154.forwardRef)(
               "aria-label": "Select timezone",
               onKeyDown: handlePopoverKey,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "ods-tzpicker__search", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons45.SearchIcon, { size: "xs" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "ods-tzpicker__search", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons45.SearchIcon, { size: "xs" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                     "input",
                     {
                       ref: inputRef,
@@ -28889,7 +28982,7 @@ var TimezonePicker = (0, import_react154.forwardRef)(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                   "ul",
                   {
                     ref: listRef,
@@ -28898,11 +28991,11 @@ var TimezonePicker = (0, import_react154.forwardRef)(
                     role: "listbox",
                     "aria-labelledby": labelId,
                     children: [
-                      filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("li", { className: "ods-tzpicker__empty", role: "presentation", children: "No timezones found" }),
+                      filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime132.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                           "button",
                           {
                             type: "button",
@@ -28919,17 +29012,17 @@ var TimezonePicker = (0, import_react154.forwardRef)(
                             onClick: () => select(opt.iana),
                             onMouseEnter: () => setActiveIndex(i),
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", { className: "ods-tzpicker__opt-text", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__opt-name", children: opt.label }),
-                                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__opt-iana", children: opt.iana })
+                              /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "ods-tzpicker__opt-text", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__opt-name", children: opt.label }),
+                                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__opt-iana", children: opt.iana })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "ods-tzpicker__opt-off", children: opt.offset }),
-                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-tzpicker__opt-off", children: opt.offset }),
+                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                                 "span",
                                 {
                                   className: "ods-tzpicker__opt-check",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_icons45.CheckmarkIcon, { size: "xs" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons45.CheckmarkIcon, { size: "xs" })
                                 }
                               )
                             ]
@@ -28942,7 +29035,7 @@ var TimezonePicker = (0, import_react154.forwardRef)(
               ]
             }
           ),
-          error ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          error ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "div",
             {
               id: hintId,
@@ -28950,7 +29043,7 @@ var TimezonePicker = (0, import_react154.forwardRef)(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { id: hintId, className: "ods-tzpicker__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { id: hintId, className: "ods-tzpicker__hint", children: helperText }) : null
         ]
       }
     );
@@ -28962,10 +29055,10 @@ TimezonePicker.displayName = "TimezonePicker";
 var import_framer_motion36 = require("framer-motion");
 var import_react155 = require("react");
 var import_react_dom19 = require("react-dom");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var defaultIcons = {
-  success: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  success: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "circle",
       {
         cx: "8",
@@ -28975,7 +29068,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-success-bd)"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "path",
       {
         d: "m5 8 2 2 4-4.5",
@@ -28986,8 +29079,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  error: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "circle",
       {
         cx: "8",
@@ -28997,7 +29090,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-failed-bd)"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "path",
       {
         d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
@@ -29007,8 +29100,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  warning: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "circle",
       {
         cx: "8",
@@ -29018,7 +29111,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-pending-bd)"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "path",
       {
         d: "M8 4.5v4.2M8 11v.5",
@@ -29028,8 +29121,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  info: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "circle",
       {
         cx: "8",
@@ -29039,7 +29132,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-running-bd)"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "path",
       {
         d: "M8 7.5v4M8 4.5v.5",
@@ -29053,19 +29146,19 @@ var defaultIcons = {
 var ToastContext = (0, import_react155.createContext)(null);
 function ToastBody({ item, onDismiss }) {
   const dismiss = () => onDismiss(item.id);
-  if (item.render) return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_jsx_runtime133.Fragment, { children: item.render({ id: item.id, dismiss }) });
+  if (item.render) return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children: item.render({ id: item.id, dismiss }) });
   const title = item.title ?? item.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "ods-toast__body", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "ods-toast__title", children: title }),
-      item.description && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "ods-toast__desc", children: item.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "ods-toast__body", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "ods-toast__title", children: title }),
+      item.description && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "ods-toast__desc", children: item.description })
     ] }),
-    (item.actionLabel || item.action) && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "ods-toast__action", children: item.actionLabel ? (
+    (item.actionLabel || item.action) && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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__ */ (0, import_jsx_runtime133.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         "button",
         {
           type: "button",
@@ -29084,7 +29177,7 @@ function ToastBody({ item, onDismiss }) {
       // (including any explicit dismiss() they want to call).
       item.action
     ) }),
-    item.closeable && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    item.closeable && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       "button",
       {
         type: "button",
@@ -29094,7 +29187,7 @@ function ToastBody({ item, onDismiss }) {
           e.stopPropagation();
           dismiss();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "path",
           {
             d: "M3 3l8 8M11 3l-8 8",
@@ -29127,7 +29220,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
     }
     return { y: maxStack * 10 * dir, scale: 1 - maxStack * 0.05, opacity: 0 };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
       className: cn(
@@ -29140,7 +29233,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
       onMouseLeave: () => setHovered(false),
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "div",
           {
             className: cn("ods-toast-stack__scroll", expanded && "ods-toast-stack__scroll--expanded"),
@@ -29150,9 +29243,9 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
                 setPinned((p) => !p);
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_framer_motion36.AnimatePresence, { mode: "popLayout", children: ordered.map((item, idx) => {
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_framer_motion36.AnimatePresence, { mode: "popLayout", children: ordered.map((item, idx) => {
               const s = stackedStyle(idx);
-              return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 import_framer_motion36.motion.div,
                 {
                   layout: true,
@@ -29175,14 +29268,14 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
                       setPinned(true);
                     }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ToastBody, { item, onDismiss })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ToastBody, { item, onDismiss })
                 },
                 item.id
               );
             }) })
           }
         ),
-        expanded && items.length > 1 && pinned && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        expanded && items.length > 1 && pinned && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "button",
           {
             type: "button",
@@ -29275,10 +29368,10 @@ function ToastProvider({
     return out;
   }, [toasts]);
   const ctx = { toast, dismiss, dismissAll };
-  const containers = /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_jsx_runtime133.Fragment, { children: POSITIONS.map((pos) => {
+  const containers = /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children: POSITIONS.map((pos) => {
     const list = groups[pos];
     if (list.length === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       PositionStack,
       {
         items: list,
@@ -29289,7 +29382,7 @@ function ToastProvider({
       pos
     );
   }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(ToastContext.Provider, { value: ctx, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(ToastContext.Provider, { value: ctx, children: [
     children,
     typeof document !== "undefined" && (0, import_react_dom19.createPortal)(containers, document.body)
   ] });
@@ -29310,7 +29403,7 @@ function useToast() {
 
 // src/components/Toggle/Toggle.tsx
 var import_react156 = require("react");
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function Toggle({
   label,
   options,
@@ -29391,7 +29484,7 @@ function Toggle({
   );
   const selectedIdx = options.findIndex((o) => o.value === value);
   const fallbackTabIdx = selectedIdx >= 0 ? selectedIdx : findNextEnabled(-1, 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "div",
     {
       ...rest,
@@ -29403,8 +29496,8 @@ function Toggle({
         className
       ),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { id: labelId, className: "ods-toggle-field__label", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { id: labelId, className: "ods-toggle-field__label", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "div",
           {
             role: "radiogroup",
@@ -29421,7 +29514,7 @@ function Toggle({
             children: options.map((opt, i) => {
               const active = opt.value === value;
               const isDisabled = disabled || opt.disabled;
-              return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                 "button",
                 {
                   ref: (el) => {
@@ -29439,8 +29532,8 @@ function Toggle({
                     active && "ods-toggle__opt--active"
                   ),
                   children: [
-                    opt.icon && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "ods-toggle__icon", "aria-hidden": "true", children: opt.icon }),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "ods-toggle__label", children: opt.label })
+                    opt.icon && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "ods-toggle__icon", "aria-hidden": "true", children: opt.icon }),
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "ods-toggle__label", children: opt.label })
                   ]
                 },
                 opt.value
@@ -29448,7 +29541,7 @@ function Toggle({
             })
           }
         ),
-        error ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        error ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "div",
           {
             id: hintId,
@@ -29456,7 +29549,7 @@ function Toggle({
             role: "alert",
             children: error
           }
-        ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { id: hintId, className: "ods-toggle-field__hint", children: helperText }) : null
+        ) : helperText ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { id: hintId, className: "ods-toggle-field__hint", children: helperText }) : null
       ]
     }
   );
@@ -29464,9 +29557,9 @@ function Toggle({
 Toggle.displayName = "Toggle";
 
 // src/components/Toolbar/Toolbar.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 function Toolbar({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { role: "toolbar", className: cn("ods-toolbar", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { role: "toolbar", className: cn("ods-toolbar", className), children });
 }
 function ToolbarButton({
   icon,
@@ -29478,7 +29571,7 @@ function ToolbarButton({
   className,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     "button",
     {
       type: "button",
@@ -29488,33 +29581,33 @@ function ToolbarButton({
       "aria-pressed": active,
       "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "ods-toolbar__btn-icon", "aria-hidden": "true", children: icon }),
-        label && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "ods-toolbar__btn-label", children: label }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-toolbar__btn-icon", "aria-hidden": "true", children: icon }),
+        label && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-toolbar__btn-label", children: label }),
         children
       ]
     }
   );
 }
 function ToolbarDivider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "ods-toolbar__divider", "aria-hidden": "true" });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-toolbar__divider", "aria-hidden": "true" });
 }
 function ToolbarSpacer() {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "ods-toolbar__spacer" });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-toolbar__spacer" });
 }
 
 // src/components/ToolCard/ToolCard.tsx
 var import_react157 = require("react");
 var import_icons46 = require("@octaviaflow/icons");
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var CATEGORY_GLYPH = {
-  search: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.SearchIcon, { size: "xs" }),
-  database: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.DataBaseIcon, { size: "xs" }),
-  web: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.GlobeIcon, { size: "xs" }),
-  code: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.CodeIcon, { size: "xs" }),
-  file: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.DocumentIcon, { size: "xs" }),
-  api: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.ApiIcon, { size: "xs" }),
-  ai: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.MagicWandIcon, { size: "xs" }),
-  custom: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_icons46.ExtensionsIcon, { size: "xs" })
+  search: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.SearchIcon, { size: "xs" }),
+  database: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.DataBaseIcon, { size: "xs" }),
+  web: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.GlobeIcon, { size: "xs" }),
+  code: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.CodeIcon, { size: "xs" }),
+  file: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.DocumentIcon, { size: "xs" }),
+  api: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.ApiIcon, { size: "xs" }),
+  ai: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.MagicWandIcon, { size: "xs" }),
+  custom: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_icons46.ExtensionsIcon, { size: "xs" })
 };
 var ToolCard = (0, import_react157.forwardRef)(
   function ToolCard2({
@@ -29552,7 +29645,7 @@ var ToolCard = (0, import_react157.forwardRef)(
       }
     };
     const showSwitch = !hideToggle && onToggle !== void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
       "div",
       {
         ...rest,
@@ -29575,7 +29668,7 @@ var ToolCard = (0, import_react157.forwardRef)(
         "aria-label": ariaLabel,
         "aria-describedby": descId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
             "span",
             {
               className: cn(
@@ -29586,15 +29679,15 @@ var ToolCard = (0, import_react157.forwardRef)(
               children: icon ?? CATEGORY_GLYPH[category]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "ods-tool-card__body", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "ods-tool-card__head", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { id: nameId, className: "ods-tool-card__name", children: name }),
-              isNew && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-tool-card__new", "aria-label": "New", children: "NEW" }),
-              badge && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-tool-card__badge", children: badge })
+          /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "ods-tool-card__body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "ods-tool-card__head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { id: nameId, className: "ods-tool-card__name", children: name }),
+              isNew && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-tool-card__new", "aria-label": "New", children: "NEW" }),
+              badge && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-tool-card__badge", children: badge })
             ] }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { id: descId, className: "ods-tool-card__desc", children: description })
+            description && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { id: descId, className: "ods-tool-card__desc", children: description })
           ] }),
-          showSwitch && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+          showSwitch && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
             "button",
             {
               type: "button",
@@ -29615,7 +29708,7 @@ var ToolCard = (0, import_react157.forwardRef)(
                   e.stopPropagation();
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "ods-tool-card__switch-thumb", "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-tool-card__switch-thumb", "aria-hidden": "true" })
             }
           )
         ]
@@ -29626,7 +29719,7 @@ var ToolCard = (0, import_react157.forwardRef)(
 ToolCard.displayName = "ToolCard";
 
 // src/components/TopBar/TopBar.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 function TopBar({
   brand,
   workspaceSwitcher,
@@ -29646,32 +29739,32 @@ function TopBar({
   const showDividerAfterBrand = hasBrandBlock && (hasWorkspace || hasCrumbs || hasTitle);
   const showDividerAfterWorkspace = hasWorkspace && (hasCrumbs || hasTitle);
   const BrandRoot = brand?.href ? "a" : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("header", { ...props, className: cn("ods-topbar", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "ods-topbar__left", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("header", { ...props, className: cn("ods-topbar", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "ods-topbar__left", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
         BrandRoot,
         {
           href: brand.href,
           className: cn("ods-topbar__brand", brand.href && "ods-topbar__brand--link"),
           children: [
-            brand.logo && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-topbar__brand-name", children: brand.name })
+            brand.logo && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
+            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-topbar__brand-name", children: brand.name })
           ]
         }
       ),
-      showDividerAfterBrand && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      workspaceSwitcher && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
-      showDividerAfterWorkspace && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      hasCrumbs && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("li", { className: "ods-topbar__crumb", children: [
-        idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
-        crumb.href ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
+      showDividerAfterBrand && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      workspaceSwitcher && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
+      showDividerAfterWorkspace && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      hasCrumbs && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("li", { className: "ods-topbar__crumb", children: [
+        idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
+        crumb.href ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
       ] }, idx)) }) }),
-      hasTitle && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h1", { className: "ods-topbar__title", children: title })
+      hasTitle && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("h1", { className: "ods-topbar__title", children: title })
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "ods-topbar__center", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "ods-topbar__right", children: [
-      onSearch && /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "ods-topbar__search", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    children && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "ods-topbar__center", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "ods-topbar__right", children: [
+      onSearch && /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "ods-topbar__search", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           "svg",
           {
             className: "ods-topbar__search-icon",
@@ -29680,7 +29773,7 @@ function TopBar({
             viewBox: "0 0 20 20",
             fill: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
               "path",
               {
                 fillRule: "evenodd",
@@ -29690,7 +29783,7 @@ function TopBar({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
           "input",
           {
             type: "search",
@@ -29701,7 +29794,7 @@ function TopBar({
           }
         )
       ] }),
-      actions && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "ods-topbar__actions", children: actions })
+      actions && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "ods-topbar__actions", children: actions })
     ] })
   ] });
 }
@@ -29710,13 +29803,13 @@ function TopBar({
 var import_framer_motion37 = require("framer-motion");
 var import_react158 = require("react");
 var import_icons47 = require("@octaviaflow/icons");
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 var DEFAULT_KIND_GLYPH = {
-  thought: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.IdeaIcon, { size: "xs" }),
-  tool: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.BuildToolIcon, { size: "xs" }),
-  input: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.ConnectionReceiveIcon, { size: "xs" }),
-  output: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.ConnectionSendIcon, { size: "xs" }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.WarningAltIcon, { size: "xs" })
+  thought: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.IdeaIcon, { size: "xs" }),
+  tool: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.BuildToolIcon, { size: "xs" }),
+  input: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.ConnectionReceiveIcon, { size: "xs" }),
+  output: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.ConnectionSendIcon, { size: "xs" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.WarningAltIcon, { size: "xs" })
 };
 var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
 var TraceStep = (0, import_react158.forwardRef)(
@@ -29756,7 +29849,7 @@ var TraceStep = (0, import_react158.forwardRef)(
       onOpenChange?.(next);
     }, [canExpand, open, isControlled, onOpenChange]);
     const resolvedGlyph = icon ?? kindIcons?.[kind] ?? DEFAULT_KIND_GLYPH[kind] ?? FALLBACK_GLYPH;
-    return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
       "div",
       {
         ...rest,
@@ -29772,18 +29865,18 @@ var TraceStep = (0, import_react158.forwardRef)(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               import_framer_motion37.motion.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__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
+                children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
               }
             ),
-            !isLast && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+            !isLast && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               import_framer_motion37.motion.span,
               {
                 className: "ods-trace-step__line",
@@ -29793,8 +29886,8 @@ var TraceStep = (0, import_react158.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "ods-trace-step__body", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "ods-trace-step__body", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
               "button",
               {
                 id: headId,
@@ -29805,7 +29898,7 @@ var TraceStep = (0, import_react158.forwardRef)(
                 "aria-controls": canExpand ? contentId : void 0,
                 disabled: !canExpand,
                 children: [
-                  index != null && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                  index != null && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                     "span",
                     {
                       className: cn(
@@ -29815,32 +29908,32 @@ var TraceStep = (0, import_react158.forwardRef)(
                       children: index
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-trace-step__title", children: title }),
-                  tool && /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "ods-trace-step__title", children: title }),
+                  tool && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
                     "span",
                     {
                       className: "ods-trace-step__tool",
                       title: tool,
                       "aria-label": `Tool: ${tool}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_icons47.BuildToolIcon, { size: "xs" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.BuildToolIcon, { size: "xs" }) }),
                         tool
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("span", { className: "ods-trace-step__meta", children: [
-                    tokens != null && /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("span", { className: "ods-trace-step__meta", children: [
+                    tokens != null && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
                       "span",
                       {
                         className: "ods-trace-step__tokens",
                         "aria-label": `${tokens} tokens`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { children: tokens.toLocaleString() }),
+                          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { children: tokens.toLocaleString() }),
                           " tok"
                         ]
                       }
                     ),
-                    duration && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                    duration && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                       "span",
                       {
                         className: "ods-trace-step__duration",
@@ -29849,20 +29942,20 @@ var TraceStep = (0, import_react158.forwardRef)(
                       }
                     )
                   ] }),
-                  canExpand && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                  canExpand && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                     import_framer_motion37.motion.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__ */ (0, import_jsx_runtime138.jsx)(import_icons47.CaretDownIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons47.CaretDownIcon, { size: "xs" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_framer_motion37.AnimatePresence, { initial: false, children: canExpand && open && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_framer_motion37.AnimatePresence, { initial: false, children: canExpand && open && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               import_framer_motion37.motion.div,
               {
                 id: contentId,
@@ -29874,7 +29967,7 @@ var TraceStep = (0, import_react158.forwardRef)(
                 exit: disableAnimation ? void 0 : { height: 0, opacity: 0 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "ods-trace-step__content-inner", children })
+                children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "ods-trace-step__content-inner", children })
               },
               "content"
             ) })
@@ -29890,7 +29983,7 @@ TraceStep.displayName = "TraceStep";
 var import_icons48 = require("@octaviaflow/icons");
 var import_framer_motion38 = require("framer-motion");
 var import_react159 = require("react");
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 function buildVisibleList(nodes, expanded, out = [], level = 0, parentId = null) {
   for (const n of nodes) {
     out.push({ node: n, level, parentId });
@@ -30053,7 +30146,7 @@ var TreeView = (0, import_react159.forwardRef)(
       const myIdx = visibleIdx.value;
       visibleIdx.value += 1;
       const showLoadingChild = isExpanded && isLoading && !kids;
-      return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
         "li",
         {
           id: `${baseId}-node-${node.id}`,
@@ -30073,7 +30166,7 @@ var TreeView = (0, import_react159.forwardRef)(
             handleKeyDown(e, myIdx);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
               "div",
               {
                 className: "ods-tree__row",
@@ -30086,7 +30179,7 @@ var TreeView = (0, import_react159.forwardRef)(
                   handleSelect(node);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
                     "button",
                     {
                       type: "button",
@@ -30101,12 +30194,12 @@ var TreeView = (0, import_react159.forwardRef)(
                         e.stopPropagation();
                         if (isBranch && !node.disabled) void toggleExpand(node);
                       },
-                      children: isBranch && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_icons48.ChevronRightIcon, { size: "xs", "aria-hidden": true })
+                      children: isBranch && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons48.ChevronRightIcon, { size: "xs", "aria-hidden": true })
                     }
                   ),
-                  (node.icon || node.iconExpanded) && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "ods-tree__icon", "aria-hidden": "true", children: isExpanded && node.iconExpanded ? node.iconExpanded : node.icon }),
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "ods-tree__label", children: node.label }),
-                  node.trailing && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                  (node.icon || node.iconExpanded) && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "ods-tree__icon", "aria-hidden": "true", children: isExpanded && node.iconExpanded ? node.iconExpanded : node.icon }),
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "ods-tree__label", children: node.label }),
+                  node.trailing && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
                     "span",
                     {
                       className: "ods-tree__trailing",
@@ -30117,7 +30210,7 @@ var TreeView = (0, import_react159.forwardRef)(
                 ]
               }
             ),
-            isBranch && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+            isBranch && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
               import_framer_motion38.motion.ul,
               {
                 role: "group",
@@ -30125,7 +30218,7 @@ var TreeView = (0, import_react159.forwardRef)(
                 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__ */ (0, import_jsx_runtime139.jsx)(
+                children: showLoadingChild ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
                   "li",
                   {
                     className: "ods-tree__loading",
@@ -30137,7 +30230,7 @@ var TreeView = (0, import_react159.forwardRef)(
                     "aria-busy": "true",
                     children: "Loading\u2026"
                   }
-                ) : kids && kids.length > 0 ? kids.map((c) => renderNode(c, level + 1, visibleIdx)) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                ) : kids && kids.length > 0 ? kids.map((c) => renderNode(c, level + 1, visibleIdx)) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
                   "li",
                   {
                     className: "ods-tree__empty",
@@ -30159,7 +30252,7 @@ var TreeView = (0, import_react159.forwardRef)(
     const visibleIdxCursor = { value: 0 };
     (0, import_react159.useEffect)(() => {
     }, [tabStopId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       "ul",
       {
         ...rest,
@@ -30183,7 +30276,7 @@ TreeView.displayName = "TreeView";
 
 // src/components/UserCard/UserCard.tsx
 var import_react160 = require("react");
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var UserCard = (0, import_react160.forwardRef)(
   function UserCard2({
     name,
@@ -30211,7 +30304,7 @@ var UserCard = (0, import_react160.forwardRef)(
     const isInteractive = Boolean(href || onClick) && !disabled;
     const renderAvatar = () => {
       if (avatarNode) {
-        return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           "span",
           {
             className: "ods-user-card__avatar ods-user-card__avatar--legacy",
@@ -30221,7 +30314,7 @@ var UserCard = (0, import_react160.forwardRef)(
         );
       }
       const derivedInitials = avatar?.initials ?? (typeof initial === "string" ? initial : typeof name === "string" ? name.charAt(0).toUpperCase() : void 0);
-      return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
         Avatar,
         {
           size: orientation === "horizontal" ? "md" : "lg",
@@ -30233,10 +30326,10 @@ var UserCard = (0, import_react160.forwardRef)(
         }
       );
     };
-    const body = /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+    const body = /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, { children: [
       renderAvatar(),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "ods-user-card__body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "ods-user-card__body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           Card.Title,
           {
             as: nameAs,
@@ -30245,14 +30338,14 @@ var UserCard = (0, import_react160.forwardRef)(
             children: name
           }
         ),
-        role && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "ods-user-card__role", children: role }),
-        meta && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "ods-user-card__meta", children: meta })
+        role && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "ods-user-card__role", children: role }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "ods-user-card__meta", children: meta })
       ] }),
-      stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "ods-user-card__stat", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "ods-user-card__stat-value", children: s.value }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "ods-user-card__stat-label", children: s.label })
+      stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "ods-user-card__stat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "ods-user-card__stat-value", children: s.value }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "ods-user-card__stat-label", children: s.label })
       ] }, i)) }),
-      action && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "ods-user-card__action", children: action })
+      action && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "ods-user-card__action", children: action })
     ] });
     const sharedClass = cn(
       "ods-user-card",
@@ -30262,7 +30355,7 @@ var UserCard = (0, import_react160.forwardRef)(
       className
     );
     if (href && !disabled) {
-      return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
         Card,
         {
           asChild: true,
@@ -30270,7 +30363,7 @@ var UserCard = (0, import_react160.forwardRef)(
           padding: "none",
           className: sharedClass,
           "aria-labelledby": nameId,
-          children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
             "a",
             {
               ...rest,
@@ -30284,7 +30377,7 @@ var UserCard = (0, import_react160.forwardRef)(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       Card,
       {
         ...rest,
@@ -31339,7 +31432,7 @@ function findContainingGroup(point, nodes, exclude = []) {
 
 // src/workflow/components/FlowEdge/FlowEdge.tsx
 var import_react162 = require("react");
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 function FlowEdgeImpl({
   edge,
   nodes,
@@ -31413,7 +31506,7 @@ function FlowEdgeImpl({
       setDraftLabel(edge.label ?? "");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
     "g",
     {
       className: cn(
@@ -31439,7 +31532,7 @@ function FlowEdgeImpl({
         setEditing(true);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           "marker",
           {
             id: markerId,
@@ -31449,11 +31542,11 @@ function FlowEdgeImpl({
             markerWidth: "7",
             markerHeight: "7",
             orient: "auto-start-reverse",
-            children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M0 0L10 5L0 10z", fill: stroke })
+            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M0 0L10 5L0 10z", fill: stroke })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: hitD, stroke: "transparent", strokeWidth: 20, fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: hitD, stroke: "transparent", strokeWidth: 20, fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           "path",
           {
             d,
@@ -31468,7 +31561,7 @@ function FlowEdgeImpl({
             } : void 0
           }
         ),
-        showChrome && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+        showChrome && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           "foreignObject",
           {
             x: midX - 140,
@@ -31476,8 +31569,8 @@ function FlowEdgeImpl({
             width: 280,
             height: 32,
             style: { overflow: "visible", pointerEvents: "none" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "ods-flow-edge-v2__chrome", children: [
-              (label || editing) && (editing ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "ods-flow-edge-v2__chrome", children: [
+              (label || editing) && (editing ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -31491,7 +31584,7 @@ function FlowEdgeImpl({
                   onMouseDown: (e) => e.stopPropagation(),
                   "aria-label": "Edit edge label"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                 "button",
                 {
                   type: "button",
@@ -31508,10 +31601,10 @@ function FlowEdgeImpl({
                   },
                   title: onLabelChange ? "Double-click to edit" : void 0,
                   tabIndex: onLabelChange ? 0 : -1,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { children: label })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { children: label })
                 }
               )),
-              hasDelete && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              hasDelete && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                 "button",
                 {
                   type: "button",
@@ -31521,7 +31614,7 @@ function FlowEdgeImpl({
                     onDelete?.(edge.id);
                   },
                   "aria-label": "Delete edge",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                     "path",
                     {
                       d: "M2 2l6 6M8 2l-6 6",
@@ -31604,7 +31697,7 @@ function useFlowNodeContext() {
 }
 
 // src/workflow/components/FlowNode/FlowNode.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 function FlowNode3({
   node,
   selected,
@@ -31663,7 +31756,7 @@ function FlowNode3({
     bridge.selectNode(node.id, e.metaKey || e.ctrlKey || e.shiftKey);
     bridge.notifyNodeClick(node.id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -31692,7 +31785,7 @@ function FlowNode3({
       onPointerDown: handlePointerDown,
       onPointerMove: handlePointerMove,
       onClick: handleClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(FlowNodeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Kind, { node, selected, dragging, isConnecting }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(FlowNodeContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Kind, { node, selected, dragging, isConnecting }) })
     }
   );
 }
@@ -31704,7 +31797,7 @@ function buildNodeKindRegistry(defaults, overrides) {
 
 // src/workflow/components/Handle/Handle.tsx
 var import_react166 = require("react");
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 var DEFAULT_HANDLE_ID = "default";
 function Handle({
   type,
@@ -31754,7 +31847,7 @@ function Handle({
       clientY: e.clientY
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
     "div",
     {
       ref,
@@ -31776,8 +31869,8 @@ function Handle({
       },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "ods-flow-handle__dot" }),
-        label && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "ods-flow-handle__label", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "ods-flow-handle__dot" }),
+        label && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "ods-flow-handle__label", children: label })
       ]
     }
   );
@@ -31798,7 +31891,7 @@ function handleSideStyle(side, index, total) {
 
 // src/workflow/components/NodeResizer/NodeResizer.tsx
 var import_react167 = require("react");
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 function NodeResizer({
   isVisible,
   minWidth = 80,
@@ -31917,7 +32010,7 @@ function NodeResizer({
         return { ...base, top: "100%", left: "100%" };
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: cn("ods-node-resizer"), "data-flow-no-drag": "true", children: ["nw", "ne", "sw", "se"].map((corner) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: cn("ods-node-resizer"), "data-flow-no-drag": "true", children: ["nw", "ne", "sw", "se"].map((corner) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     "div",
     {
       style: handleStyle(corner),
@@ -31944,7 +32037,7 @@ function cursorFor(corner) {
 // src/workflow/components/kinds/BaseNode.tsx
 var import_icons49 = require("@octaviaflow/icons");
 var import_react168 = require("react");
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 function BaseNode({
   kind,
   kindIcon,
@@ -31963,7 +32056,7 @@ function BaseNode({
   const ctx = (0, import_react168.useContext)(FlowNodeContext);
   const bridge = (0, import_react168.useContext)(FlowNodeBridgeContext);
   const deleteHandler = onDelete === false ? void 0 : onDelete ?? (ctx && bridge ? () => bridge.deleteNode(ctx.id) : void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
     "div",
     {
       className: cn(
@@ -31973,31 +32066,31 @@ function BaseNode({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "ods-flow-base-node__pill", children: [
-          kindIcon && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "ods-flow-base-node__pill-icon", "aria-hidden": "true", children: kindIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "ods-flow-base-node__pill-label", children: kind })
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "ods-flow-base-node__pill", children: [
+          kindIcon && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-base-node__pill-icon", "aria-hidden": "true", children: kindIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-base-node__pill-label", children: kind })
         ] }),
-        status && status !== "idle" && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+        status && status !== "idle" && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
           "span",
           {
             className: cn("ods-flow-base-node__status", `ods-flow-base-node__status--${status}`),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "ods-flow-base-node__body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "ods-flow-base-node__content", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "ods-flow-base-node__bubble", "aria-hidden": "true", children: icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "ods-flow-base-node__content-text", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "ods-flow-base-node__content-title", children: title }),
-              (chip !== void 0 || description !== void 0 || valueChip !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "ods-flow-base-node__content-info", children: [
-                chip !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "ods-flow-base-node__chip", children: chip }),
-                description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "ods-flow-base-node__description", children: description }),
-                valueChip !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "ods-flow-base-node__value-chip", children: valueChip })
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "ods-flow-base-node__body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "ods-flow-base-node__content", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "ods-flow-base-node__bubble", "aria-hidden": "true", children: icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "ods-flow-base-node__content-text", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "ods-flow-base-node__content-title", children: title }),
+              (chip !== void 0 || description !== void 0 || valueChip !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "ods-flow-base-node__content-info", children: [
+                chip !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-base-node__chip", children: chip }),
+                description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-base-node__description", children: description }),
+                valueChip !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-base-node__value-chip", children: valueChip })
               ] })
             ] })
           ] }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "ods-flow-base-node__footer", children: footer }),
-          deleteHandler && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+          footer && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "ods-flow-base-node__footer", children: footer }),
+          deleteHandler && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
             "button",
             {
               type: "button",
@@ -32009,7 +32102,7 @@ function BaseNode({
               "aria-label": "Delete node",
               "data-flow-no-drag": "true",
               title: "Delete node",
-              children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_icons49.TrashCanIcon, { size: 16, "aria-hidden": true })
+              children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_icons49.TrashCanIcon, { size: 16, "aria-hidden": true })
             }
           )
         ] }),
@@ -32020,12 +32113,12 @@ function BaseNode({
 }
 
 // src/workflow/components/kinds/index.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_jsx_runtime147 = require("react/jsx-runtime");
 var ActionNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "ACTION",
@@ -32037,8 +32130,8 @@ var ActionNode = ({
       status: d.status,
       accent: "green",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom" })
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom" })
       ]
     }
   );
@@ -32047,7 +32140,7 @@ var TriggerNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
     BaseNode,
     {
       kind: d.kind ?? "TRIGGER",
@@ -32058,7 +32151,7 @@ var TriggerNode = ({
       valueChip: d.valueChip,
       status: d.status,
       accent: "green",
-      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom" })
     }
   );
 };
@@ -32070,7 +32163,7 @@ var ConditionNode = ({
     { id: "true", label: "true" },
     { id: "false", label: "false" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "CONDITION",
@@ -32082,8 +32175,8 @@ var ConditionNode = ({
       status: d.status,
       accent: "amber",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           Handle,
           {
             type: "source",
@@ -32111,7 +32204,7 @@ var GroupNode = ({
     e.stopPropagation();
     bridge.toggleNodeCollapse(node.id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     "div",
     {
       className: "ods-flow-group",
@@ -32122,9 +32215,9 @@ var GroupNode = ({
         height: collapsed ? 36 : node.height ?? 200
       },
       children: [
-        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(NodeResizer, { minWidth: 240, minHeight: 120 }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "ods-flow-group__header", "data-flow-no-drag": "false", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(NodeResizer, { minWidth: 240, minHeight: 120 }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "ods-flow-group__header", "data-flow-no-drag": "false", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
             "button",
             {
               type: "button",
@@ -32137,16 +32230,16 @@ var GroupNode = ({
               children: collapsed ? "\u25B8" : "\u25BE"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-group__title", children: d.title ?? "Group" }),
-          d.subtitle && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-group__subtitle", children: d.subtitle }),
-          disabled && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "ods-flow-group__disabled-badge", "aria-label": "Disabled subflow", children: "Disabled" }),
-          collapsed && hiddenCount !== void 0 && hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("span", { className: "ods-flow-group__count", "aria-label": `${hiddenCount} hidden steps`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "ods-flow-group__title", children: d.title ?? "Group" }),
+          d.subtitle && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "ods-flow-group__subtitle", children: d.subtitle }),
+          disabled && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "ods-flow-group__disabled-badge", "aria-label": "Disabled subflow", children: "Disabled" }),
+          collapsed && hiddenCount !== void 0 && hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "ods-flow-group__count", "aria-label": `${hiddenCount} hidden steps`, children: [
             hiddenCount,
             " steps"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top", id: "__group_in" }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom", id: "__group_out" })
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top", id: "__group_in" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom", id: "__group_out" })
       ]
     }
   );
@@ -32159,7 +32252,7 @@ var ForEachNode = ({
     { id: "each", label: "Each" },
     { id: "done", label: "Done" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "FOR EACH",
@@ -32171,8 +32264,8 @@ var ForEachNode = ({
       status: d.status,
       accent: "amber",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           Handle,
           {
             type: "source",
@@ -32192,7 +32285,7 @@ var OutputNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
     BaseNode,
     {
       kind: d.kind ?? "OUTPUT",
@@ -32202,7 +32295,7 @@ var OutputNode = ({
       description: d.description ?? d.subtitle,
       status: d.status,
       accent: "green",
-      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" })
     }
   );
 };
@@ -32210,7 +32303,7 @@ var ErrorNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "ERROR",
@@ -32221,8 +32314,8 @@ var ErrorNode = ({
       status: d.status ?? "error",
       accent: "red",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom" })
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom" })
       ]
     }
   );
@@ -32233,7 +32326,7 @@ var WaitNode = ({
   const d = node.data ?? {};
   const waitMs = d.waitMs;
   const durationChip = waitMs ? `${Math.round(waitMs / 100) / 10}s` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "WAIT",
@@ -32244,8 +32337,8 @@ var WaitNode = ({
       status: d.status,
       accent: "violet",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom" })
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom" })
       ]
     }
   );
@@ -32258,7 +32351,7 @@ var ParallelNode = ({
     { id: "a", label: "a" },
     { id: "b", label: "b" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "PARALLEL",
@@ -32269,8 +32362,8 @@ var ParallelNode = ({
       status: d.status,
       accent: "blue",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           Handle,
           {
             type: "source",
@@ -32290,7 +32383,7 @@ var StickyNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     "div",
     {
       className: "ods-flow-sticky",
@@ -32299,8 +32392,8 @@ var StickyNode = ({
         minHeight: node.height ?? 120
       },
       children: [
-        d.title && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "ods-flow-sticky__title", children: d.title }),
-        d.description && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "ods-flow-sticky__body", children: d.description })
+        d.title && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "ods-flow-sticky__title", children: d.title }),
+        d.description && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "ods-flow-sticky__body", children: d.description })
       ]
     }
   );
@@ -32309,7 +32402,7 @@ var WebhookNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
     BaseNode,
     {
       kind: d.kind ?? "WEBHOOK",
@@ -32320,7 +32413,7 @@ var WebhookNode = ({
       valueChip: d.valueChip,
       status: d.status,
       accent: "blue",
-      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom" })
     }
   );
 };
@@ -32328,7 +32421,7 @@ var HttpRequestNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
     BaseNode,
     {
       kind: d.kind ?? "HTTP",
@@ -32340,8 +32433,8 @@ var HttpRequestNode = ({
       status: d.status,
       accent: "blue",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "target", position: "top" }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Handle, { type: "source", position: "bottom" })
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "target", position: "top" }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Handle, { type: "source", position: "bottom" })
       ]
     }
   );
@@ -32362,7 +32455,7 @@ var DEFAULT_NODE_KINDS = {
 };
 
 // src/workflow/components/FlowCanvas/FlowCanvas.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 var DEFAULT_VIEWPORT2 = { x: 0, y: 0, zoom: 1 };
 function FlowCanvas2(props) {
   const viewportPropProvided = props.viewport !== void 0 || props.defaultViewport !== void 0;
@@ -33270,7 +33363,7 @@ function FlowCanvas2(props) {
     containers.sort((a, b) => depth(a) - depth(b));
     return [...containers, ...others];
   }, [visibleNodes]);
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FlowStoreContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FlowInstanceContext.Provider, { value: instance, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(HandleRegistryContext.Provider, { value: handleRegistry, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FlowDispatchContext.Provider, { value: dispatch, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FlowNodeBridgeContext.Provider, { value: bridge, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowStoreContext.Provider, { value: store, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowInstanceContext.Provider, { value: instance, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(HandleRegistryContext.Provider, { value: handleRegistry, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowDispatchContext.Provider, { value: dispatch, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowNodeBridgeContext.Provider, { value: bridge, children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -33315,7 +33408,7 @@ function FlowCanvas2(props) {
       },
       "data-empty": isEmpty ? "true" : void 0,
       children: [
-        background !== "none" && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        background !== "none" && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
           "div",
           {
             className: cn(
@@ -33329,7 +33422,7 @@ function FlowCanvas2(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
           "div",
           {
             className: "ods-flow-canvas-v2__viewport",
@@ -33340,7 +33433,7 @@ function FlowCanvas2(props) {
               transformOrigin: "0 0"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                 EdgesLayer,
                 {
                   edges: visibleEdges,
@@ -33355,7 +33448,7 @@ function FlowCanvas2(props) {
               orderedNodes.map((node) => {
                 const Kind = kinds[node.type] ?? kinds.action;
                 if (!Kind) return null;
-                return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
                   FlowNode3,
                   {
                     node,
@@ -33370,7 +33463,7 @@ function FlowCanvas2(props) {
             ]
           }
         ),
-        isEmpty && emptyState && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "ods-flow-canvas-v2__empty", children: emptyState }),
+        isEmpty && emptyState && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "ods-flow-canvas-v2__empty", children: emptyState }),
         children
       ]
     }
@@ -33450,7 +33543,7 @@ var EdgesLayer = (0, import_react169.memo)(function EdgesLayer2({
   ghost,
   handleVersion: _handleVersion
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
     "svg",
     {
       className: "ods-flow-canvas-v2__edges",
@@ -33458,7 +33551,7 @@ var EdgesLayer = (0, import_react169.memo)(function EdgesLayer2({
       width: "100%",
       height: "100%",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("g", { style: { pointerEvents: "auto" }, children: edges.map((edge) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("g", { style: { pointerEvents: "auto" }, children: edges.map((edge) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
           FlowEdge2,
           {
             edge,
@@ -33470,7 +33563,7 @@ var EdgesLayer = (0, import_react169.memo)(function EdgesLayer2({
           },
           edge.id
         )) }),
-        ghost && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        ghost && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
           "path",
           {
             d: `M ${ghost.start.x} ${ghost.start.y} L ${ghost.end.x} ${ghost.end.y}`,
@@ -33486,7 +33579,7 @@ var EdgesLayer = (0, import_react169.memo)(function EdgesLayer2({
 });
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 var NODE_KIND_MAP = {
   trigger: "trigger",
   action: "action",
@@ -33531,7 +33624,7 @@ function WorkflowEditor({
   drawer,
   console: consoleSlot,
   minimap,
-  emptyState = /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DefaultEmptyState, {}),
+  emptyState = /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DefaultEmptyState, {}),
   children,
   background = "dots",
   snapToGrid = true,
@@ -33687,8 +33780,8 @@ function WorkflowEditor({
     wf.setViewport({ x: cw / 2 - cx * zoom, y: ch / 2 - cy * zoom, zoom });
   }, [workflow.canvas.nodes, canvasSize, wf]);
   const defaultToolbar = (0, import_react170.useMemo)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(FlowToolbar, { placement: "left", children: [
-      onSave && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(FlowToolbar, { placement: "left", children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.save,
@@ -33697,7 +33790,7 @@ function WorkflowEditor({
           onClick: () => onSave(workflow)
         }
       ),
-      onRun && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      onRun && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: isExecuting ? FlowToolbarIcons.stop : FlowToolbarIcons.run,
@@ -33708,7 +33801,7 @@ function WorkflowEditor({
           onClick: isExecuting ? onStop : onRun
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: isLockMode ? FlowToolbarIcons.lock : FlowToolbarIcons.unlock,
@@ -33718,7 +33811,7 @@ function WorkflowEditor({
           onClick: toggleLock
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.reset,
@@ -33726,7 +33819,7 @@ function WorkflowEditor({
           onClick: handleReset
         }
       ),
-      drawer && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      drawer && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: isDrawerOpen ? FlowToolbarIcons.drawerClose : FlowToolbarIcons.drawerOpen,
@@ -33735,8 +33828,8 @@ function WorkflowEditor({
           onClick: toggleDrawer
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowToolbarDivider, {}),
-      onSettings && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(FlowToolbarDivider, {}),
+      onSettings && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.settings,
@@ -33744,7 +33837,7 @@ function WorkflowEditor({
           onClick: onSettings
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.history,
@@ -33753,7 +33846,7 @@ function WorkflowEditor({
           onClick: toggleHistory
         }
       ),
-      isDebugModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      isDebugModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.debug,
@@ -33762,8 +33855,8 @@ function WorkflowEditor({
           onClick: toggleDebug
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(FlowToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.undo,
@@ -33773,7 +33866,7 @@ function WorkflowEditor({
           onClick: undo
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.redo,
@@ -33783,8 +33876,8 @@ function WorkflowEditor({
           onClick: redo
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FlowToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(FlowToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
         FlowToolbarZoom,
         {
           zoom: workflow.canvas.viewport.zoom,
@@ -33823,21 +33916,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__ */ (0, import_jsx_runtime148.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
     "div",
     {
       className: cn("ods-workflow-editor", className),
       style: { width, height, position: "relative", display: "flex", overflow: "hidden" },
       children: [
-        drawer && isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "ods-workflow-editor__drawer", children: drawer }),
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
+        drawer && isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "ods-workflow-editor__drawer", children: drawer }),
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
           "div",
           {
             ref: handleCanvasRef,
             className: "ods-workflow-editor__canvas-wrapper",
             style: { position: "relative", flex: 1, minWidth: 0 },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
                 FlowCanvas2,
                 {
                   nodes: nextNodes,
@@ -33851,9 +33944,9 @@ function WorkflowEditor({
                   children: resolvedToolbar
                 }
               ),
-              minimap && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "ods-workflow-editor__minimap", children: minimap }),
-              consoleSlot && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
-              isEmpty && emptyState && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "ods-workflow-editor__empty", children: emptyState }),
+              minimap && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "ods-workflow-editor__minimap", children: minimap }),
+              consoleSlot && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
+              isEmpty && emptyState && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "ods-workflow-editor__empty", children: emptyState }),
               children
             ]
           }
@@ -33863,7 +33956,7 @@ function WorkflowEditor({
   );
 }
 function DefaultEmptyState() {
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
     "div",
     {
       style: {
@@ -33878,14 +33971,14 @@ function DefaultEmptyState() {
         pointerEvents: "none"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
           "div",
           {
             style: { fontSize: 14, fontWeight: 600, color: "var(--ods-text-primary)", marginBottom: 4 },
             children: "Start with a trigger"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
       ]
     }
   );
@@ -33922,7 +34015,7 @@ function useWorkflowRuntime(startedAt, active) {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime150 = require("react/jsx-runtime");
 function WorkflowHeader({
   name,
   statusTone,
@@ -33965,21 +34058,21 @@ function WorkflowHeader({
     className
   );
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("header", { className: rootCls, "data-loading": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "ods-workflow-header__left", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Skeleton, { variant: "text", width: "120px" }),
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Skeleton, { variant: "text", width: "180px" })
+    return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("header", { className: rootCls, "data-loading": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "ods-workflow-header__left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Skeleton, { variant: "text", width: "120px" }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Skeleton, { variant: "text", width: "180px" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "ods-workflow-header__right", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Skeleton, { variant: "circular", width: "28px", height: "28px" })
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "ods-workflow-header__right", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Skeleton, { variant: "circular", width: "28px", height: "28px" })
       ] })
     ] });
   }
   const envAccentStyle = environment?.accent ? { borderLeftColor: environment.accent } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "ods-workflow-header__left", children: [
-      onBack && /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "ods-workflow-header__left", children: [
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
         "button",
         {
           type: "button",
@@ -33987,13 +34080,13 @@ function WorkflowHeader({
           onClick: onBack,
           "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_icons50.ChevronLeftIcon, { size: "sm" }),
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
+            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons50.ChevronLeftIcon, { size: "sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
         "span",
         {
           className: cn(
@@ -34004,10 +34097,10 @@ function WorkflowHeader({
           role: "img"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("h1", { className: "ods-workflow-header__title", title: typeof name === "string" ? name : void 0, children: name }),
-      saveIndicator && /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("h1", { className: "ods-workflow-header__title", title: typeof name === "string" ? name : void 0, children: name }),
+      saveIndicator && /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
           "span",
           {
             className: cn(
@@ -34023,11 +34116,11 @@ function WorkflowHeader({
       ] }),
       leftSlot
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "ods-workflow-header__right", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("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__ */ (0, import_jsx_runtime149.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
         Chip,
         {
           size: "sm",
@@ -34043,72 +34136,72 @@ function WorkflowHeader({
           children: environment.label
         }
       ),
-      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
         Button,
         {
           variant: "ghost",
           size: "sm",
           pressed: !!isConsoleOpen,
           "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_icons50.TerminalIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons50.TerminalIcon, { size: "sm" }),
           onClick: onToggleConsole,
           children: "Console"
         }
       ),
-      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
-      isRunning ? onStop && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
+      isRunning ? onStop && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
         Button,
         {
           variant: "ghost",
           size: "sm",
           "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_icons50.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons50.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
           onClick: onStop,
-          children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("span", { className: "ods-workflow-header__stop-label", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { children: "Stop" }),
-            runtime && /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__runtime", children: runtime })
+          children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("span", { className: "ods-workflow-header__stop-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { children: "Stop" }),
+            runtime && /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__runtime", children: runtime })
             ] })
           ] })
         }
-      ) : onRun && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      ) : onRun && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
         Button,
         {
           variant: "primary",
           size: "sm",
           "aria-label": "Run workflow",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_icons50.PlayFilledAltIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons50.PlayFilledAltIcon, { size: "sm" }),
           onClick: onRun,
           children: "Run"
         }
       ),
-      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
         DropdownMenu,
         {
           "aria-label": menuLabel,
           align: "end",
           triggerClassName: "ods-workflow-header__menu-trigger",
           ...menuProps,
-          trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+          trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
             "span",
             {
               "aria-hidden": "true",
               className: "ods-workflow-header__menu-icon",
-              children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_icons50.OverflowMenuVerticalIcon, { size: "sm" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons50.OverflowMenuVerticalIcon, { size: "sm" })
             }
           ),
           items: menuItems
         }
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
   ] });
 }
 
 // src/components/WorkflowHeader/WorkflowHeaderExpanded.tsx
 var import_icons51 = require("@octaviaflow/icons");
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 function WorkflowHeaderExpanded({
   name,
   statusTone = "draft",
@@ -34136,15 +34229,15 @@ function WorkflowHeaderExpanded({
   const tickedRuntime = useWorkflowRuntime(runStartedAt, !!isRunning);
   const runtime = runtimeOverride ?? tickedRuntime ?? void 0;
   const effectiveTone = statusTone === "draft" && isRunning ? "running" : statusTone;
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
     "header",
     {
       className: cn("ods-workflow-header-expanded", className),
       "data-running": isRunning ? "true" : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "ods-workflow-header-expanded__left", children: [
-            onBack && /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-workflow-header-expanded__left", children: [
+            onBack && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
               "button",
               {
                 type: "button",
@@ -34152,13 +34245,13 @@ function WorkflowHeaderExpanded({
                 onClick: onBack,
                 "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons51.ChevronLeftIcon, { size: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { children: parentLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons51.ChevronLeftIcon, { size: "sm" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { children: parentLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               "span",
               {
                 className: cn(
@@ -34169,10 +34262,10 @@ function WorkflowHeaderExpanded({
                 role: "img"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("h1", { className: "ods-workflow-header-expanded__title", children: name })
+            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("h1", { className: "ods-workflow-header-expanded__title", children: name })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "ods-workflow-header-expanded__right", children: [
-            environment && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-workflow-header-expanded__right", children: [
+            environment && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               Chip,
               {
                 size: "sm",
@@ -34184,58 +34277,58 @@ function WorkflowHeaderExpanded({
                 children: environment.label
               }
             ),
-            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 pressed: !!isConsoleOpen,
                 "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons51.TerminalIcon, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons51.TerminalIcon, { size: "sm" }),
                 onClick: onToggleConsole,
                 children: "Console"
               }
             ),
-            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
-            isRunning ? onStop && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
+            isRunning ? onStop && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons51.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header-expanded__stop-glyph" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons51.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header-expanded__stop-glyph" }),
                 onClick: onStop,
-                children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { children: "Stop" }),
-                  runtime && /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
+                children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { children: "Stop" }),
+                  runtime && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
                   ] })
                 ] })
               }
-            ) : onRun && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            ) : onRun && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               Button,
               {
                 variant: "primary",
                 size: "sm",
                 "aria-label": "Run workflow",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons51.PlayFilledAltIcon, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons51.PlayFilledAltIcon, { size: "sm" }),
                 onClick: onRun,
                 children: "Run"
               }
             ),
-            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               DropdownMenu,
               {
                 "aria-label": menuLabel,
                 align: "end",
                 ...menuProps,
-                trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+                trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_icons51.OverflowMenuVerticalIcon, { size: "sm" })
+                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons51.OverflowMenuVerticalIcon, { size: "sm" })
                   }
                 ),
                 items: menuItems
@@ -34243,10 +34336,10 @@ function WorkflowHeaderExpanded({
             ))
           ] })
         ] }),
-        (meta || saveLabel) && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("span", { className: "ods-workflow-header-expanded__meta", children: [
+        (meta || saveLabel) && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { className: "ods-workflow-header-expanded__meta", children: [
           meta,
-          meta && saveLabel && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
-          saveLabel && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+          meta && saveLabel && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
+          saveLabel && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
             "span",
             {
               className: cn(
@@ -34258,7 +34351,7 @@ function WorkflowHeaderExpanded({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
       ]
     }
   );
@@ -34268,7 +34361,7 @@ function WorkflowHeaderExpanded({
 var import_icons52 = require("@octaviaflow/icons");
 var import_fast_xml_parser = require("fast-xml-parser");
 var import_react172 = require("react");
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 function parseXml(src) {
   if (typeof window !== "undefined" && typeof window.DOMParser !== "undefined") {
     try {
@@ -34359,7 +34452,7 @@ var XmlViewer = (0, import_react172.forwardRef)(
     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__ */ (0, import_jsx_runtime151.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
       "div",
       {
         ...rest,
@@ -34367,9 +34460,9 @@ var XmlViewer = (0, import_react172.forwardRef)(
         id: baseId,
         className: cn("ods-xml-viewer", className),
         children: [
-          (title || status || parsed.error) && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__head", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__title", children: title }),
-            parsed.error && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+          (title || status || parsed.error) && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__head", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__title", children: title }),
+            parsed.error && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
               "span",
               {
                 className: "ods-xml-viewer__status ods-xml-viewer__status--error",
@@ -34377,9 +34470,9 @@ var XmlViewer = (0, import_react172.forwardRef)(
                 children: "Invalid XML"
               }
             ),
-            status && !parsed.error && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__status", children: status })
+            status && !parsed.error && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__status", children: status })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "ods-xml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(XmlEditBody, { text: data, onChange, onValidate }) : parsed.error ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("pre", { className: "ods-xml-viewer__raw", children: data }) : parsed.root ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "ods-xml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(XmlEditBody, { text: data, onChange, onValidate }) : parsed.error ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("pre", { className: "ods-xml-viewer__raw", children: data }) : parsed.root ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
             XmlNodeRow,
             {
               node: parsed.root,
@@ -34423,8 +34516,8 @@ function XmlEditBody({ text: initial, onChange, onValidate }) {
   (0, import_react172.useEffect)(() => {
     validate(initial);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__edit", children: [
-    parseError && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__edit", children: [
+    parseError && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
       InlineMessage,
       {
         tone: "danger",
@@ -34441,7 +34534,7 @@ function XmlEditBody({ text: initial, onChange, onValidate }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
       CodeEditor,
       {
         value: text,
@@ -34484,27 +34577,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__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__text", children: truncated })
+    return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__text", children: truncated })
     ] });
   }
   if (node.type === "comment") {
-    return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__comment", children: `<!-- ${node.text} -->` })
+    return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__comment", children: `<!-- ${node.text} -->` })
     ] });
   }
   if (node.type === "cdata") {
-    return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__cdata", children: `<![CDATA[${node.text}]]>` })
+    return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__cdata", children: `<![CDATA[${node.text}]]>` })
     ] });
   }
   if (node.type === "pi") {
-    return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__pi", children: `<?${node.text}?>` })
+    return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__pi", children: `<?${node.text}?>` })
     ] });
   }
   const children = node.children ?? [];
@@ -34513,58 +34606,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__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
-      showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { className: "ods-xml-viewer__attr", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__attr-name", children: k }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
+    const openTag = /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+      showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("span", { className: "ods-xml-viewer__attr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__attr-name", children: k }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
       ] }, k)),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
     ] });
-    const closeTag = /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
+    const closeTag = /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
     ] });
     if (isMultiLine) {
       const innerPad = pad2 + 12;
-      return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+      return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
           openTag
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           "div",
           {
             className: "ods-xml-viewer__row ods-xml-viewer__row--multiline",
             style: { paddingLeft: innerPad },
-            children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__text", children: inlineTextChild })
+            children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__text", children: inlineTextChild })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
           closeTag
         ] })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
       openTag,
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__text", children: inlineTextChild }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__text", children: inlineTextChild }),
       closeTag
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
       "div",
       {
         className: "ods-xml-viewer__row ods-xml-viewer__row--element",
         style: { paddingLeft: pad2 },
         onClick: () => !isSelfClosing && setOpen((o) => !o),
         children: [
-          isSelfClosing ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+          isSelfClosing ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
             "button",
             {
               type: "button",
@@ -34578,30 +34671,30 @@ function XmlNodeRow({
                 e.stopPropagation();
                 setOpen((o) => !o);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons52.ChevronRightIcon, { size: "xs" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_icons52.ChevronRightIcon, { size: "xs" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
-          showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { className: "ods-xml-viewer__attr", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__attr-name", children: k }),
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+          showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("span", { className: "ods-xml-viewer__attr", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__attr-name", children: k }),
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
           ] }, k)),
-          isSelfClosing ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" }),
-            !open && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("span", { className: "ods-xml-viewer__preview", children: [
+          isSelfClosing ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" }),
+            !open && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("span", { className: "ods-xml-viewer__preview", children: [
                 children.length,
                 " child",
                 children.length === 1 ? "" : "ren"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
             ] })
           ] }),
-          copyable && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+          copyable && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
             "button",
             {
               type: "button",
@@ -34611,14 +34704,14 @@ function XmlNodeRow({
               ),
               "aria-label": copied ? "Copied" : `Copy ${node.name} subtree`,
               onClick: onCopy,
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons52.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_icons52.CopyIcon, { size: "xs" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_icons52.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_icons52.CopyIcon, { size: "xs" })
             }
           )
         ]
       }
     ),
-    !isSelfClosing && open && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
-      children.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+    !isSelfClosing && open && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
+      children.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
         XmlNodeRow,
         {
           node: c,
@@ -34630,11 +34723,11 @@ function XmlNodeRow({
         },
         i
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
       ] })
     ] })
   ] });
@@ -34644,7 +34737,7 @@ function XmlNodeRow({
 var import_icons53 = require("@octaviaflow/icons");
 var import_react173 = require("react");
 var import_yaml = __toESM(require("yaml"), 1);
-var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_jsx_runtime153 = require("react/jsx-runtime");
 function toYaml(value, indent = 0) {
   const pad2 = "  ".repeat(indent);
   if (value === null) return "null";
@@ -34843,7 +34936,7 @@ var YamlViewer = (0, import_react173.forwardRef)(
     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__ */ (0, import_jsx_runtime152.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
       "div",
       {
         ...rest,
@@ -34855,11 +34948,11 @@ var YamlViewer = (0, import_react173.forwardRef)(
           className
         ),
         children: [
-          (title || status || copyable) && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-yaml-viewer__head", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__title", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("span", { className: "ods-yaml-viewer__head-right", children: [
-              status && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__status", children: status }),
-              copyable && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+          (title || status || copyable) && /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "ods-yaml-viewer__head", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__title", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("span", { className: "ods-yaml-viewer__head-right", children: [
+              status && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__status", children: status }),
+              copyable && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                 "button",
                 {
                   type: "button",
@@ -34869,16 +34962,16 @@ var YamlViewer = (0, import_react173.forwardRef)(
                   ),
                   "aria-label": copied ? "Copied" : "Copy YAML",
                   onClick: onCopy,
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_icons53.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_icons53.CopyIcon, { size: "xs" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_icons53.CheckmarkIcon, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_icons53.CopyIcon, { size: "xs" })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "ods-yaml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(YamlEditBody, { text, onChange, onValidate }) : tokens.map((t) => {
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "ods-yaml-viewer__body", style: bodyStyle, "data-mode": mode, children: mode === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(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__ */ (0, import_jsx_runtime152.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
               "div",
               {
                 className: cn(
@@ -34887,7 +34980,7 @@ var YamlViewer = (0, import_react173.forwardRef)(
                   isCollapsed && "ods-yaml-viewer__line--collapsed"
                 ),
                 children: [
-                  showLineNumbers && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                  showLineNumbers && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                     "span",
                     {
                       className: "ods-yaml-viewer__line-no",
@@ -34895,7 +34988,7 @@ var YamlViewer = (0, import_react173.forwardRef)(
                       children: lineNo
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                     "span",
                     {
                       className: "ods-yaml-viewer__indent",
@@ -34903,7 +34996,7 @@ var YamlViewer = (0, import_react173.forwardRef)(
                       "aria-hidden": "true"
                     }
                   ),
-                  t.hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                  t.hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                     "button",
                     {
                       type: "button",
@@ -34914,15 +35007,15 @@ var YamlViewer = (0, import_react173.forwardRef)(
                       onClick: () => toggle(t.index),
                       "aria-expanded": !isCollapsed,
                       "aria-label": isCollapsed ? "Expand" : "Collapse",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(import_icons53.ChevronRightIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_icons53.ChevronRightIcon, { size: "xs" })
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__caret-spacer" }),
-                  t.kind === "comment" && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
-                  t.kind === "key" && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
-                    t.raw.trim().startsWith("-") && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__dash", children: "- " }),
-                    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__key", children: t.key }),
-                    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__colon", children: ":" }),
-                    t.inlineValue && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__caret-spacer" }),
+                  t.kind === "comment" && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
+                  t.kind === "key" && /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, { children: [
+                    t.raw.trim().startsWith("-") && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__dash", children: "- " }),
+                    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__key", children: t.key }),
+                    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__colon", children: ":" }),
+                    t.inlineValue && /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
                       "span",
                       {
                         className: cn(
@@ -34935,11 +35028,11 @@ var YamlViewer = (0, import_react173.forwardRef)(
                         ]
                       }
                     ),
-                    isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__preview", children: " \u2026" })
+                    isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__preview", children: " \u2026" })
                   ] }),
-                  t.kind === "sequence" && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "ods-yaml-viewer__dash", children: "- " }),
-                    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                  t.kind === "sequence" && /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "ods-yaml-viewer__dash", children: "- " }),
+                    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                       "span",
                       {
                         className: cn(
@@ -34950,7 +35043,7 @@ var YamlViewer = (0, import_react173.forwardRef)(
                       }
                     )
                   ] }),
-                  t.kind === "scalar" && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+                  t.kind === "scalar" && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
                     "span",
                     {
                       className: cn(
@@ -34960,7 +35053,7 @@ var YamlViewer = (0, import_react173.forwardRef)(
                       children: t.raw.trim()
                     }
                   ),
-                  t.kind === "blank" && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { children: "\xA0" })
+                  t.kind === "blank" && /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { children: "\xA0" })
                 ]
               },
               t.index
@@ -35016,8 +35109,8 @@ function YamlEditBody({ text: initial, onChange, onValidate }) {
   (0, import_react173.useEffect)(() => {
     validate(initial);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "ods-yaml-viewer__edit", children: [
-    parseError && /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "ods-yaml-viewer__edit", children: [
+    parseError && /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
       InlineMessage,
       {
         tone: "danger",
@@ -35034,7 +35127,7 @@ function YamlEditBody({ text: initial, onChange, onValidate }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
       CodeEditor,
       {
         value: text,
@@ -35438,7 +35531,7 @@ function useTraceTimeline({
 var import_config = require("@octaviaflow/config");
 var import_react180 = require("react");
 var import_react_aria15 = require("react-aria");
-var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 var OdsContext = (0, import_react180.createContext)(null);
 function OdsProvider({ config: userConfig, children }) {
   const resolved = (0, import_react180.useMemo)(() => (0, import_config.resolveConfig)(userConfig), [userConfig]);
@@ -35459,7 +35552,7 @@ function OdsProvider({ config: userConfig, children }) {
     }
   }, [resolved]);
   const contextValue = (0, import_react180.useMemo)(() => ({ config: resolved }), [resolved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_react_aria15.OverlayProvider, { children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_react_aria15.OverlayProvider, { children }) });
 }
 function useOds() {
   const ctx = (0, import_react180.useContext)(OdsContext);
@@ -35920,6 +36013,7 @@ function applyVerticalLayout(nodes, edges) {
   Spotlight,
   Stack,
   Stat,
+  StatusList,
   StatusTiles,
   Stepper,
   Switch,