@octaviaflow/core 3.1.0-beta.101 → 3.1.0-beta.102

package/dist/index.js

@@ -34420,8 +34420,262 @@ var ToolCard = forwardRef96(
 );
 ToolCard.displayName = "ToolCard";
 
-// src/components/TopBar/TopBar.tsx
+// src/components/ExpressionField/ExpressionField.tsx
+import {
+  useCallback as useCallback50,
+  useEffect as useEffect56,
+  useId as useId61,
+  useRef as useRef50
+} from "react";
 import { jsx as jsx147, jsxs as jsxs141 } from "react/jsx-runtime";
+var REF_TOKEN = /(\{\{ods:\/\/[^}]+\}\}|\$\{[^}]+\})/g;
+var ANY_TOKEN = /(\{\{[^}]+\}\}|\$\{[^}]+\})/g;
+var CALL_TOKEN = /^\{\{\s*(?:[A-Z_][A-Z0-9_]*|user\.[A-Za-z_][A-Za-z0-9_]*)\s*\(/;
+var ZERO_WIDTH = "\u200B";
+function shortReferenceLabel(token) {
+  if (token.startsWith("{{ods://")) {
+    const path = token.slice(8, -2);
+    const parts = path.split("/");
+    if (parts[0] === "steps" && parts.length >= 4) return parts.slice(3).join(".");
+    if (parts[0] === "flow") return `flow.${parts.slice(1).join(".")}`;
+    return parts.join(".");
+  }
+  if (token.startsWith("${")) return token.slice(2, -1);
+  if (token.startsWith("{{")) return token.slice(2, -2).trim();
+  return token;
+}
+function serialize(el) {
+  let out = "";
+  el.childNodes.forEach((node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      out += (node.textContent || "").replace(/​/g, "");
+      return;
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    const elem = node;
+    if (elem.classList.contains("ods-expression-field__pill")) {
+      out += elem.getAttribute("data-value") || "";
+    } else if (elem.tagName === "BR") {
+      out += "\n";
+    } else if (elem.tagName === "DIV" || elem.tagName === "P") {
+      out += `
+${serialize(elem)}`;
+    } else {
+      out += (elem.textContent || "").replace(/​/g, "");
+    }
+  });
+  return out;
+}
+function insideCallArguments(textBeforeCaret) {
+  let depth = 0;
+  let quote = null;
+  for (let i = 0; i < textBeforeCaret.length; i++) {
+    const ch = textBeforeCaret[i];
+    if (quote) {
+      if (ch === quote) quote = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'") {
+      quote = ch;
+      continue;
+    }
+    if (ch === "(") depth++;
+    else if (ch === ")") depth = Math.max(0, depth - 1);
+  }
+  return depth > 0;
+}
+function ExpressionField({
+  value,
+  onChange,
+  label,
+  placeholder,
+  helperText,
+  disabled = false,
+  rows = 4,
+  id,
+  className,
+  style,
+  resolveLabel,
+  pillEveryToken = false,
+  "aria-label": ariaLabel
+}) {
+  const fieldRef = useRef50(null);
+  const fromSelf = useRef50(false);
+  const generatedId = useId61();
+  const fieldId = id ?? generatedId;
+  const helperId = `${fieldId}-helper`;
+  const splitPattern = pillEveryToken ? ANY_TOKEN : REF_TOKEN;
+  const isPillToken = useCallback50(
+    (part) => {
+      if (CALL_TOKEN.test(part)) return false;
+      return pillEveryToken ? /^(\{\{[^}]+\}\}|\$\{[^}]+\})$/.test(part) : /^(\{\{ods:\/\/[^}]+\}\}|\$\{[^}]+\})$/.test(part);
+    },
+    [pillEveryToken]
+  );
+  const labelFor = useCallback50(
+    (token) => resolveLabel?.(token) ?? shortReferenceLabel(token),
+    [resolveLabel]
+  );
+  const makePill = useCallback50(
+    (token) => {
+      const pill = document.createElement("span");
+      pill.className = "ods-expression-field__pill";
+      pill.contentEditable = "false";
+      pill.setAttribute("data-value", token);
+      pill.textContent = labelFor(token);
+      return pill;
+    },
+    [labelFor]
+  );
+  const render = useCallback50(
+    (raw) => {
+      const el = fieldRef.current;
+      if (!el) return;
+      el.innerHTML = "";
+      if (!raw) return;
+      raw.split(new RegExp(splitPattern.source, "g")).forEach((part) => {
+        if (!part) return;
+        if (isPillToken(part)) {
+          el.appendChild(makePill(part));
+          el.appendChild(document.createTextNode(ZERO_WIDTH));
+        } else {
+          el.appendChild(document.createTextNode(part));
+        }
+      });
+    },
+    [splitPattern, isPillToken, makePill]
+  );
+  useEffect56(() => {
+    if (fromSelf.current) {
+      fromSelf.current = false;
+      return;
+    }
+    render(value);
+  }, [value, render]);
+  const commit = useCallback50(() => {
+    const el = fieldRef.current;
+    if (!el) return;
+    fromSelf.current = true;
+    onChange(serialize(el));
+  }, [onChange]);
+  const textBeforeCaret = useCallback50(() => {
+    const el = fieldRef.current;
+    const sel = typeof window !== "undefined" ? window.getSelection() : null;
+    if (!el || !sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode)) return "";
+    const range = sel.getRangeAt(0).cloneRange();
+    range.setStart(el, 0);
+    const fragment = range.cloneContents();
+    const holder = document.createElement("div");
+    holder.appendChild(fragment);
+    return serialize(holder);
+  }, []);
+  const insert = useCallback50(
+    ({ value: raw, kind }) => {
+      const el = fieldRef.current;
+      if (!el || disabled) return;
+      const sel = window.getSelection();
+      const hasCaret = !!sel && sel.rangeCount > 0 && el.contains(sel.anchorNode);
+      const asArgument = hasCaret && insideCallArguments(textBeforeCaret());
+      const isCall = kind === "function" || /\(\s*\)?\s*$/.test(raw.trim());
+      const text = isCall ? raw : asArgument ? raw : raw.startsWith("ods://") ? `{{${raw}}}` : raw;
+      const node = !isCall && !asArgument && (text.startsWith("{{") || text.startsWith("${")) ? makePill(text) : document.createTextNode(text);
+      const range = hasCaret && sel ? sel.getRangeAt(0) : (() => {
+        const r = document.createRange();
+        r.selectNodeContents(el);
+        r.collapse(false);
+        return r;
+      })();
+      range.deleteContents();
+      range.insertNode(node);
+      const after = document.createTextNode(ZERO_WIDTH);
+      range.setStartAfter(node);
+      range.insertNode(after);
+      if (node.nodeType === Node.TEXT_NODE && isCall) {
+        const open = text.lastIndexOf("(");
+        const close = text.lastIndexOf(")");
+        if (open !== -1 && close === open + 1) {
+          range.setStart(node, open + 1);
+          range.collapse(true);
+        } else {
+          range.setStartAfter(after);
+          range.collapse(true);
+        }
+      } else {
+        range.setStartAfter(after);
+        range.collapse(true);
+      }
+      el.focus();
+      const selection = window.getSelection();
+      selection?.removeAllRanges();
+      selection?.addRange(range);
+      commit();
+    },
+    [commit, disabled, makePill, textBeforeCaret]
+  );
+  const handleDragOver = useCallback50(
+    (e) => {
+      if (disabled) return;
+      if (e.dataTransfer.types.includes("application/x-fx-insert")) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "copy";
+        fieldRef.current?.classList.add("ods-expression-field__input--dragover");
+      }
+    },
+    [disabled]
+  );
+  const handleDragLeave = useCallback50(() => {
+    fieldRef.current?.classList.remove("ods-expression-field__input--dragover");
+  }, []);
+  const handleDrop = useCallback50(
+    (e) => {
+      const raw = e.dataTransfer.getData("application/x-fx-insert");
+      if (!raw || disabled) return;
+      e.preventDefault();
+      fieldRef.current?.classList.remove("ods-expression-field__input--dragover");
+      const kind = e.dataTransfer.getData("application/x-fx-type");
+      insert({ value: raw, kind: kind === "function" ? "function" : "variable" });
+    },
+    [disabled, insert]
+  );
+  const handlePaste = useCallback50((e) => {
+    e.preventDefault();
+    const text = e.clipboardData.getData("text/plain");
+    document.execCommand("insertText", false, text);
+  }, []);
+  return /* @__PURE__ */ jsxs141("div", { className: cn("ods-expression-field", className), style, children: [
+    label && /* @__PURE__ */ jsx147("label", { className: "ods-expression-field__label", htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ jsx147(
+      "div",
+      {
+        id: fieldId,
+        ref: fieldRef,
+        role: "textbox",
+        "aria-multiline": "true",
+        "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
+        "aria-describedby": helperText ? helperId : void 0,
+        "aria-disabled": disabled || void 0,
+        contentEditable: !disabled,
+        suppressContentEditableWarning: true,
+        "data-placeholder": placeholder,
+        className: cn(
+          "ods-expression-field__input",
+          disabled && "ods-expression-field__input--disabled"
+        ),
+        style: { minHeight: `${Math.max(1, rows) * 1.5 + 1}rem` },
+        onInput: commit,
+        onBlur: commit,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onPaste: handlePaste
+      }
+    ),
+    helperText && /* @__PURE__ */ jsx147("span", { id: helperId, className: "ods-expression-field__helper", children: helperText })
+  ] });
+}
+
+// src/components/TopBar/TopBar.tsx
+import { jsx as jsx148, jsxs as jsxs142 } from "react/jsx-runtime";
 function TopBar({
   brand,
   workspaceSwitcher,
@@ -34441,32 +34695,32 @@ function TopBar({
   const showDividerAfterBrand = hasBrandBlock && (hasWorkspace || hasCrumbs || hasTitle);
   const showDividerAfterWorkspace = hasWorkspace && (hasCrumbs || hasTitle);
   const BrandRoot = brand?.href ? "a" : "div";
-  return /* @__PURE__ */ jsxs141("header", { ...props, className: cn("ods-topbar", className), children: [
-    /* @__PURE__ */ jsxs141("div", { className: "ods-topbar__left", children: [
-      brand && /* @__PURE__ */ jsxs141(
+  return /* @__PURE__ */ jsxs142("header", { ...props, className: cn("ods-topbar", className), children: [
+    /* @__PURE__ */ jsxs142("div", { className: "ods-topbar__left", children: [
+      brand && /* @__PURE__ */ jsxs142(
         BrandRoot,
         {
           href: brand.href,
           className: cn("ods-topbar__brand", brand.href && "ods-topbar__brand--link"),
           children: [
-            brand.logo && /* @__PURE__ */ jsx147("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
-            /* @__PURE__ */ jsx147("span", { className: "ods-topbar__brand-name", children: brand.name })
+            brand.logo && /* @__PURE__ */ jsx148("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
+            /* @__PURE__ */ jsx148("span", { className: "ods-topbar__brand-name", children: brand.name })
           ]
         }
       ),
-      showDividerAfterBrand && /* @__PURE__ */ jsx147("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      workspaceSwitcher && /* @__PURE__ */ jsx147("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
-      showDividerAfterWorkspace && /* @__PURE__ */ jsx147("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      hasCrumbs && /* @__PURE__ */ jsx147("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx147("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs141("li", { className: "ods-topbar__crumb", children: [
-        idx > 0 && /* @__PURE__ */ jsx147("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
-        crumb.href ? /* @__PURE__ */ jsx147("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ jsx147("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
+      showDividerAfterBrand && /* @__PURE__ */ jsx148("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      workspaceSwitcher && /* @__PURE__ */ jsx148("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
+      showDividerAfterWorkspace && /* @__PURE__ */ jsx148("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      hasCrumbs && /* @__PURE__ */ jsx148("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx148("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs142("li", { className: "ods-topbar__crumb", children: [
+        idx > 0 && /* @__PURE__ */ jsx148("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
+        crumb.href ? /* @__PURE__ */ jsx148("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ jsx148("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
       ] }, idx)) }) }),
-      hasTitle && /* @__PURE__ */ jsx147("h1", { className: "ods-topbar__title", children: title })
+      hasTitle && /* @__PURE__ */ jsx148("h1", { className: "ods-topbar__title", children: title })
     ] }),
-    children && /* @__PURE__ */ jsx147("div", { className: "ods-topbar__center", children }),
-    /* @__PURE__ */ jsxs141("div", { className: "ods-topbar__right", children: [
-      onSearch && /* @__PURE__ */ jsxs141("div", { className: "ods-topbar__search", children: [
-        /* @__PURE__ */ jsx147(
+    children && /* @__PURE__ */ jsx148("div", { className: "ods-topbar__center", children }),
+    /* @__PURE__ */ jsxs142("div", { className: "ods-topbar__right", children: [
+      onSearch && /* @__PURE__ */ jsxs142("div", { className: "ods-topbar__search", children: [
+        /* @__PURE__ */ jsx148(
           "svg",
           {
             className: "ods-topbar__search-icon",
@@ -34475,7 +34729,7 @@ function TopBar({
             viewBox: "0 0 20 20",
             fill: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx147(
+            children: /* @__PURE__ */ jsx148(
               "path",
               {
                 fillRule: "evenodd",
@@ -34485,7 +34739,7 @@ function TopBar({
             )
           }
         ),
-        /* @__PURE__ */ jsx147(
+        /* @__PURE__ */ jsx148(
           "input",
           {
             type: "search",
@@ -34496,7 +34750,7 @@ function TopBar({
           }
         )
       ] }),
-      actions && /* @__PURE__ */ jsx147("div", { className: "ods-topbar__actions", children: actions })
+      actions && /* @__PURE__ */ jsx148("div", { className: "ods-topbar__actions", children: actions })
     ] })
   ] });
 }
@@ -34505,8 +34759,8 @@ function TopBar({
 import { AnimatePresence as AnimatePresence19, motion as motion29 } from "framer-motion";
 import {
   forwardRef as forwardRef97,
-  useCallback as useCallback50,
-  useId as useId61,
+  useCallback as useCallback51,
+  useId as useId62,
   useState as useState71
 } from "react";
 import {
@@ -34518,13 +34772,13 @@ import {
   IdeaIcon,
   WarningAltIcon as WarningAltIcon2
 } from "@octaviaflow/icons";
-import { jsx as jsx148, jsxs as jsxs142 } from "react/jsx-runtime";
+import { jsx as jsx149, jsxs as jsxs143 } from "react/jsx-runtime";
 var DEFAULT_KIND_GLYPH = {
-  thought: /* @__PURE__ */ jsx148(IdeaIcon, { size: "xs" }),
-  tool: /* @__PURE__ */ jsx148(BuildToolIcon, { size: "xs" }),
-  input: /* @__PURE__ */ jsx148(ConnectionReceiveIcon, { size: "xs" }),
-  output: /* @__PURE__ */ jsx148(ConnectionSendIcon, { size: "xs" }),
-  error: /* @__PURE__ */ jsx148(WarningAltIcon2, { size: "xs" })
+  thought: /* @__PURE__ */ jsx149(IdeaIcon, { size: "xs" }),
+  tool: /* @__PURE__ */ jsx149(BuildToolIcon, { size: "xs" }),
+  input: /* @__PURE__ */ jsx149(ConnectionReceiveIcon, { size: "xs" }),
+  output: /* @__PURE__ */ jsx149(ConnectionSendIcon, { size: "xs" }),
+  error: /* @__PURE__ */ jsx149(WarningAltIcon2, { size: "xs" })
 };
 var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
 var TraceStep = forwardRef97(
@@ -34549,7 +34803,7 @@ var TraceStep = forwardRef97(
     className,
     ...rest
   }, ref) {
-    const reactId = useId61();
+    const reactId = useId62();
     const baseId = providedId ?? `ods-trace-step-${reactId}`;
     const headId = `${baseId}-head`;
     const contentId = `${baseId}-content`;
@@ -34557,14 +34811,14 @@ var TraceStep = forwardRef97(
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
     const canExpand = !!children;
-    const toggle = useCallback50(() => {
+    const toggle = useCallback51(() => {
       if (!canExpand) return;
       const next = !open;
       if (!isControlled) setUncontrolledOpen(next);
       onOpenChange?.(next);
     }, [canExpand, open, isControlled, onOpenChange]);
     const resolvedGlyph = icon ?? kindIcons?.[kind] ?? DEFAULT_KIND_GLYPH[kind] ?? FALLBACK_GLYPH;
-    return /* @__PURE__ */ jsxs142(
+    return /* @__PURE__ */ jsxs143(
       "div",
       {
         ...rest,
@@ -34580,18 +34834,18 @@ var TraceStep = forwardRef97(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs142("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx148(
+          /* @__PURE__ */ jsxs143("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx149(
               motion29.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__ */ jsx148("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ jsx148(CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
+                children: status === "running" ? /* @__PURE__ */ jsx149("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ jsx149(CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
               }
             ),
-            !isLast && /* @__PURE__ */ jsx148(
+            !isLast && /* @__PURE__ */ jsx149(
               motion29.span,
               {
                 className: "ods-trace-step__line",
@@ -34601,8 +34855,8 @@ var TraceStep = forwardRef97(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs142("div", { className: "ods-trace-step__body", children: [
-            /* @__PURE__ */ jsxs142(
+          /* @__PURE__ */ jsxs143("div", { className: "ods-trace-step__body", children: [
+            /* @__PURE__ */ jsxs143(
               "button",
               {
                 id: headId,
@@ -34613,7 +34867,7 @@ var TraceStep = forwardRef97(
                 "aria-controls": canExpand ? contentId : void 0,
                 disabled: !canExpand,
                 children: [
-                  index != null && /* @__PURE__ */ jsx148(
+                  index != null && /* @__PURE__ */ jsx149(
                     "span",
                     {
                       className: cn(
@@ -34623,32 +34877,32 @@ var TraceStep = forwardRef97(
                       children: index
                     }
                   ),
-                  /* @__PURE__ */ jsx148("span", { className: "ods-trace-step__title", children: title }),
-                  tool && /* @__PURE__ */ jsxs142(
+                  /* @__PURE__ */ jsx149("span", { className: "ods-trace-step__title", children: title }),
+                  tool && /* @__PURE__ */ jsxs143(
                     "span",
                     {
                       className: "ods-trace-step__tool",
                       title: tool,
                       "aria-label": `Tool: ${tool}`,
                       children: [
-                        /* @__PURE__ */ jsx148("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx148(BuildToolIcon, { size: "xs" }) }),
+                        /* @__PURE__ */ jsx149("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx149(BuildToolIcon, { size: "xs" }) }),
                         tool
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs142("span", { className: "ods-trace-step__meta", children: [
-                    tokens != null && /* @__PURE__ */ jsxs142(
+                  /* @__PURE__ */ jsxs143("span", { className: "ods-trace-step__meta", children: [
+                    tokens != null && /* @__PURE__ */ jsxs143(
                       "span",
                       {
                         className: "ods-trace-step__tokens",
                         "aria-label": `${tokens} tokens`,
                         children: [
-                          /* @__PURE__ */ jsx148("span", { children: tokens.toLocaleString() }),
+                          /* @__PURE__ */ jsx149("span", { children: tokens.toLocaleString() }),
                           " tok"
                         ]
                       }
                     ),
-                    duration && /* @__PURE__ */ jsx148(
+                    duration && /* @__PURE__ */ jsx149(
                       "span",
                       {
                         className: "ods-trace-step__duration",
@@ -34657,20 +34911,20 @@ var TraceStep = forwardRef97(
                       }
                     )
                   ] }),
-                  canExpand && /* @__PURE__ */ jsx148(
+                  canExpand && /* @__PURE__ */ jsx149(
                     motion29.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__ */ jsx148(CaretDownIcon5, { size: "xs" })
+                      children: /* @__PURE__ */ jsx149(CaretDownIcon5, { size: "xs" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsx148(AnimatePresence19, { initial: false, children: canExpand && open && /* @__PURE__ */ jsx148(
+            /* @__PURE__ */ jsx149(AnimatePresence19, { initial: false, children: canExpand && open && /* @__PURE__ */ jsx149(
               motion29.div,
               {
                 id: contentId,
@@ -34682,7 +34936,7 @@ var TraceStep = forwardRef97(
                 exit: disableAnimation ? void 0 : { height: 0, opacity: 0 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ jsx148("div", { className: "ods-trace-step__content-inner", children })
+                children: /* @__PURE__ */ jsx149("div", { className: "ods-trace-step__content-inner", children })
               },
               "content"
             ) })
@@ -34697,9 +34951,9 @@ TraceStep.displayName = "TraceStep";
 // src/components/UsageMeter/UsageMeter.tsx
 import {
   forwardRef as forwardRef98,
-  useId as useId62
+  useId as useId63
 } from "react";
-import { jsx as jsx149, jsxs as jsxs143 } from "react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs144 } from "react/jsx-runtime";
 var defaultFormat8 = (n) => n.toLocaleString();
 var UsageMeter = forwardRef98(
   function UsageMeter2({
@@ -34718,7 +34972,7 @@ var UsageMeter = forwardRef98(
     "aria-label": ariaLabel,
     ...rest
   }, ref) {
-    const reactId = useId62();
+    const reactId = useId63();
     const baseId = providedId ?? `ods-usage-meter-${reactId}`;
     const labelId = label ? `${baseId}-label` : void 0;
     const captionId = caption ? `${baseId}-caption` : void 0;
@@ -34735,7 +34989,7 @@ var UsageMeter = forwardRef98(
     const tone = exhausted ? "danger" : warned ? "warning" : "default";
     const resolvedValueLabel = valueLabel ?? `${formatValue(clamped)} / ${formatValue(safeAllowance)}${safeBonus > 0 ? ` + ${formatValue(safeBonus)}` : ""}`;
     const valueText = `${formatValue(clamped)} of ${formatValue(safeAllowance)} used` + (safeBonus > 0 ? `, plus ${formatValue(Math.max(0, safeBonus - inBonus))} add-on available` : "");
-    return /* @__PURE__ */ jsxs143(
+    return /* @__PURE__ */ jsxs144(
       "div",
       {
         ...rest,
@@ -34748,9 +35002,9 @@ var UsageMeter = forwardRef98(
           className
         ),
         children: [
-          (label || !hideValueLabel) && /* @__PURE__ */ jsxs143("div", { className: "ods-usage-meter__header", children: [
-            label && /* @__PURE__ */ jsx149("span", { id: labelId, className: "ods-usage-meter__label", children: label }),
-            !hideValueLabel && /* @__PURE__ */ jsx149(
+          (label || !hideValueLabel) && /* @__PURE__ */ jsxs144("div", { className: "ods-usage-meter__header", children: [
+            label && /* @__PURE__ */ jsx150("span", { id: labelId, className: "ods-usage-meter__label", children: label }),
+            !hideValueLabel && /* @__PURE__ */ jsx150(
               "span",
               {
                 className: "ods-usage-meter__value-label",
@@ -34759,7 +35013,7 @@ var UsageMeter = forwardRef98(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs143(
+          /* @__PURE__ */ jsxs144(
             "div",
             {
               className: "ods-usage-meter__track",
@@ -34772,12 +35026,12 @@ var UsageMeter = forwardRef98(
               "aria-labelledby": labelId,
               "aria-describedby": captionId,
               children: [
-                /* @__PURE__ */ jsx149(
+                /* @__PURE__ */ jsx150(
                   "div",
                   {
                     className: "ods-usage-meter__segment ods-usage-meter__segment--allowance",
                     style: { flexGrow: safeAllowance || 1 },
-                    children: /* @__PURE__ */ jsx149(
+                    children: /* @__PURE__ */ jsx150(
                       "div",
                       {
                         className: "ods-usage-meter__fill",
@@ -34786,12 +35040,12 @@ var UsageMeter = forwardRef98(
                     )
                   }
                 ),
-                safeBonus > 0 && /* @__PURE__ */ jsx149(
+                safeBonus > 0 && /* @__PURE__ */ jsx150(
                   "div",
                   {
                     className: "ods-usage-meter__segment ods-usage-meter__segment--bonus",
                     style: { flexGrow: safeBonus },
-                    children: /* @__PURE__ */ jsx149(
+                    children: /* @__PURE__ */ jsx150(
                       "div",
                       {
                         className: "ods-usage-meter__fill ods-usage-meter__fill--bonus",
@@ -34803,7 +35057,7 @@ var UsageMeter = forwardRef98(
               ]
             }
           ),
-          caption && /* @__PURE__ */ jsx149("span", { id: captionId, className: "ods-usage-meter__caption", children: caption })
+          caption && /* @__PURE__ */ jsx150("span", { id: captionId, className: "ods-usage-meter__caption", children: caption })
         ]
       }
     );
@@ -34814,9 +35068,9 @@ UsageMeter.displayName = "UsageMeter";
 // src/components/UserCard/UserCard.tsx
 import {
   forwardRef as forwardRef99,
-  useId as useId63
+  useId as useId64
 } from "react";
-import { Fragment as Fragment62, jsx as jsx150, jsxs as jsxs144 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx151, jsxs as jsxs145 } from "react/jsx-runtime";
 var UserCard = forwardRef99(function UserCard2({
   name,
   nameAs = "h3",
@@ -34837,16 +35091,16 @@ var UserCard = forwardRef99(function UserCard2({
   className,
   ...rest
 }, ref) {
-  const reactId = useId63();
+  const reactId = useId64();
   const baseId = providedId ?? `ods-user-card-${reactId}`;
   const nameId = `${baseId}-name`;
   const isInteractive = Boolean(href || onClick) && !disabled;
   const renderAvatar = () => {
     if (avatarNode) {
-      return /* @__PURE__ */ jsx150("span", { className: "ods-user-card__avatar ods-user-card__avatar--legacy", "aria-hidden": "true", children: avatarNode });
+      return /* @__PURE__ */ jsx151("span", { className: "ods-user-card__avatar ods-user-card__avatar--legacy", "aria-hidden": "true", children: avatarNode });
     }
     const derivedInitials = avatar?.initials ?? (typeof initial === "string" ? initial : typeof name === "string" ? name.charAt(0).toUpperCase() : void 0);
-    return /* @__PURE__ */ jsx150(
+    return /* @__PURE__ */ jsx151(
       Avatar,
       {
         size: orientation === "horizontal" ? "md" : "lg",
@@ -34860,18 +35114,18 @@ var UserCard = forwardRef99(function UserCard2({
       }
     );
   };
-  const body = /* @__PURE__ */ jsxs144(Fragment62, { children: [
+  const body = /* @__PURE__ */ jsxs145(Fragment62, { children: [
     renderAvatar(),
-    /* @__PURE__ */ jsxs144("div", { className: "ods-user-card__body", children: [
-      /* @__PURE__ */ jsx150(Card.Title, { as: nameAs, id: nameId, className: "ods-user-card__name", children: name }),
-      role && /* @__PURE__ */ jsx150("div", { className: "ods-user-card__role", children: role }),
-      meta2 && /* @__PURE__ */ jsx150("div", { className: "ods-user-card__meta", children: meta2 })
+    /* @__PURE__ */ jsxs145("div", { className: "ods-user-card__body", children: [
+      /* @__PURE__ */ jsx151(Card.Title, { as: nameAs, id: nameId, className: "ods-user-card__name", children: name }),
+      role && /* @__PURE__ */ jsx151("div", { className: "ods-user-card__role", children: role }),
+      meta2 && /* @__PURE__ */ jsx151("div", { className: "ods-user-card__meta", children: meta2 })
     ] }),
-    stats && stats.length > 0 && /* @__PURE__ */ jsx150("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs144("div", { className: "ods-user-card__stat", children: [
-      /* @__PURE__ */ jsx150("div", { className: "ods-user-card__stat-value", children: s.value }),
-      /* @__PURE__ */ jsx150("div", { className: "ods-user-card__stat-label", children: s.label })
+    stats && stats.length > 0 && /* @__PURE__ */ jsx151("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs145("div", { className: "ods-user-card__stat", children: [
+      /* @__PURE__ */ jsx151("div", { className: "ods-user-card__stat-value", children: s.value }),
+      /* @__PURE__ */ jsx151("div", { className: "ods-user-card__stat-label", children: s.label })
     ] }, i)) }),
-    action && /* @__PURE__ */ jsx150("div", { className: "ods-user-card__action", children: action })
+    action && /* @__PURE__ */ jsx151("div", { className: "ods-user-card__action", children: action })
   ] });
   const sharedClass = cn(
     "ods-user-card",
@@ -34881,7 +35135,7 @@ var UserCard = forwardRef99(function UserCard2({
     className
   );
   if (href && !disabled) {
-    return /* @__PURE__ */ jsx150(Card, { asChild: true, radius, padding: "none", className: sharedClass, "aria-labelledby": nameId, children: /* @__PURE__ */ jsx150(
+    return /* @__PURE__ */ jsx151(Card, { asChild: true, radius, padding: "none", className: sharedClass, "aria-labelledby": nameId, children: /* @__PURE__ */ jsx151(
       "a",
       {
         ...rest,
@@ -34893,7 +35147,7 @@ var UserCard = forwardRef99(function UserCard2({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx150(
+  return /* @__PURE__ */ jsx151(
     Card,
     {
       ...rest,
@@ -34912,10 +35166,10 @@ var UserCard = forwardRef99(function UserCard2({
 UserCard.displayName = "UserCard";
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-import { useCallback as useCallback52, useMemo as useMemo39, useState as useState72 } from "react";
+import { useCallback as useCallback53, useMemo as useMemo39, useState as useState72 } from "react";
 
 // src/hooks/useWorkflow.ts
-import { useCallback as useCallback51, useMemo as useMemo38, useReducer } from "react";
+import { useCallback as useCallback52, useMemo as useMemo38, useReducer } from "react";
 
 // src/workflow/types.ts
 var types_exports = {};
@@ -35429,11 +35683,11 @@ function useWorkflow(options2 = {}) {
     []
   );
   const [workflow, dispatch] = useReducer(reducer, initial);
-  const addNode = useCallback51(
+  const addNode = useCallback52(
     (node) => dispatch({ type: "ADD_NODE", payload: node }),
     []
   );
-  const createNode = useCallback51(
+  const createNode = useCallback52(
     (partial) => {
       const id = partial.id ?? genId("node");
       const ports = partial.ports ?? {
@@ -35482,27 +35736,27 @@ function useWorkflow(options2 = {}) {
     },
     []
   );
-  const updateNode = useCallback51(
+  const updateNode = useCallback52(
     (id, updates) => dispatch({ type: "UPDATE_NODE", payload: { id, updates } }),
     []
   );
-  const deleteNode = useCallback51(
+  const deleteNode = useCallback52(
     (id) => dispatch({ type: "DELETE_NODE", payload: id }),
     []
   );
-  const deleteNodes = useCallback51(
+  const deleteNodes = useCallback52(
     (ids) => dispatch({ type: "DELETE_NODES", payload: ids }),
     []
   );
-  const replaceNodes = useCallback51(
+  const replaceNodes = useCallback52(
     (nodes) => dispatch({ type: "REPLACE_NODES", payload: nodes }),
     []
   );
-  const addEdge = useCallback51(
+  const addEdge = useCallback52(
     (edge) => dispatch({ type: "ADD_EDGE", payload: edge }),
     []
   );
-  const createEdge = useCallback51(
+  const createEdge = useCallback52(
     (source, sourcePort, target, targetPort) => {
       const edge = {
         id: genId("edge"),
@@ -35520,20 +35774,20 @@ function useWorkflow(options2 = {}) {
     },
     []
   );
-  const deleteEdge = useCallback51(
+  const deleteEdge = useCallback52(
     (id) => dispatch({ type: "DELETE_EDGE", payload: id }),
     []
   );
-  const replaceEdges = useCallback51(
+  const replaceEdges = useCallback52(
     (edges) => dispatch({ type: "REPLACE_EDGES", payload: edges }),
     []
   );
-  const startConnecting = useCallback51(
+  const startConnecting = useCallback52(
     (nodeId, portId, portType) => dispatch({ type: "START_CONNECTING", payload: { nodeId, portId, portType } }),
     []
   );
-  const endConnecting = useCallback51(() => dispatch({ type: "END_CONNECTING" }), []);
-  const selectNode = useCallback51(
+  const endConnecting = useCallback52(() => dispatch({ type: "END_CONNECTING" }), []);
+  const selectNode = useCallback52(
     (id, multi = false) => {
       if (multi) {
         const current = workflow.canvas.selectedNodes;
@@ -35545,36 +35799,36 @@ function useWorkflow(options2 = {}) {
     },
     [workflow.canvas.selectedNodes]
   );
-  const selectNodes = useCallback51(
+  const selectNodes = useCallback52(
     (ids) => dispatch({ type: "SELECT_NODES", payload: ids }),
     []
   );
-  const selectEdge = useCallback51(
+  const selectEdge = useCallback52(
     (id) => dispatch({ type: "SELECT_EDGE", payload: id }),
     []
   );
-  const deselectAll = useCallback51(() => dispatch({ type: "DESELECT_ALL" }), []);
-  const zoomIn = useCallback51(() => {
+  const deselectAll = useCallback52(() => dispatch({ type: "DESELECT_ALL" }), []);
+  const zoomIn = useCallback52(() => {
     const z = Math.min(workflow.canvas.viewport.zoom * 1.2, 2);
     dispatch({ type: "UPDATE_VIEWPORT", payload: { zoom: z } });
   }, [workflow.canvas.viewport.zoom]);
-  const zoomOut = useCallback51(() => {
+  const zoomOut = useCallback52(() => {
     const z = Math.max(workflow.canvas.viewport.zoom / 1.2, 0.25);
     dispatch({ type: "UPDATE_VIEWPORT", payload: { zoom: z } });
   }, [workflow.canvas.viewport.zoom]);
-  const resetViewport = useCallback51(
+  const resetViewport = useCallback52(
     () => dispatch({ type: "UPDATE_VIEWPORT", payload: { x: 0, y: 0, zoom: 1 } }),
     []
   );
-  const setViewport = useCallback51(
+  const setViewport = useCallback52(
     (viewport) => dispatch({ type: "UPDATE_VIEWPORT", payload: viewport }),
     []
   );
-  const undo = useCallback51(() => dispatch({ type: "UNDO" }), []);
-  const redo = useCallback51(() => dispatch({ type: "REDO" }), []);
+  const undo = useCallback52(() => dispatch({ type: "UNDO" }), []);
+  const redo = useCallback52(() => dispatch({ type: "REDO" }), []);
   const canUndo = workflow.canvas.history.past.length > 0;
   const canRedo = workflow.canvas.history.future.length > 0;
-  const validate = useCallback51(() => workflow.validation, [workflow.validation]);
+  const validate = useCallback52(() => workflow.validation, [workflow.validation]);
   return {
     workflow,
     dispatch,
@@ -35607,7 +35861,7 @@ function useWorkflow(options2 = {}) {
 }
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-import { jsx as jsx151, jsxs as jsxs145 } from "react/jsx-runtime";
+import { jsx as jsx152, jsxs as jsxs146 } from "react/jsx-runtime";
 var NODE_KIND_MAP = {
   trigger: "trigger",
   action: "action",
@@ -35652,7 +35906,7 @@ function WorkflowEditor({
   drawer,
   console: consoleSlot,
   minimap,
-  emptyState = /* @__PURE__ */ jsx151(DefaultEmptyState, {}),
+  emptyState = /* @__PURE__ */ jsx152(DefaultEmptyState, {}),
   children,
   background = "dots",
   snapToGrid = true,
@@ -35688,27 +35942,27 @@ function WorkflowEditor({
   const isDrawerOpen = controlledDrawerOpen ?? uncontrolledDrawer;
   const isHistoryOpen = controlledHistoryOpen ?? uncontrolledHistory;
   const isDebugOpen = controlledDebugOpen ?? uncontrolledDebug;
-  const toggleLock = useCallback52(() => {
+  const toggleLock = useCallback53(() => {
     const next = !isLockMode;
     if (controlledLockMode === void 0) setUncontrolledLock(next);
     onToggleLockMode?.(next);
   }, [isLockMode, controlledLockMode, onToggleLockMode]);
-  const toggleDrawer = useCallback52(() => {
+  const toggleDrawer = useCallback53(() => {
     const next = !isDrawerOpen;
     if (controlledDrawerOpen === void 0) setUncontrolledDrawer(next);
     onToggleDrawer?.(next);
   }, [isDrawerOpen, controlledDrawerOpen, onToggleDrawer]);
-  const toggleHistory = useCallback52(() => {
+  const toggleHistory = useCallback53(() => {
     const next = !isHistoryOpen;
     if (controlledHistoryOpen === void 0) setUncontrolledHistory(next);
     onToggleHistory?.(next);
   }, [isHistoryOpen, controlledHistoryOpen, onToggleHistory]);
-  const toggleDebug = useCallback52(() => {
+  const toggleDebug = useCallback53(() => {
     const next = !isDebugOpen;
     if (controlledDebugOpen === void 0) setUncontrolledDebug(next);
     onToggleDebug?.(next);
   }, [isDebugOpen, controlledDebugOpen, onToggleDebug]);
-  const handleReset = useCallback52(() => {
+  const handleReset = useCallback53(() => {
     if (onReset) onReset();
     else dispatch({ type: "RESET" });
   }, [onReset, dispatch]);
@@ -35717,7 +35971,7 @@ function WorkflowEditor({
     [workflow.canvas.nodes]
   );
   const nextEdges = useMemo39(() => workflow.canvas.edges.map(toNextEdge), [workflow.canvas.edges]);
-  const onNodesChange = useCallback52(
+  const onNodesChange = useCallback53(
     (changes) => {
       const reduced = applyNodeChanges(
         nextNodes,
@@ -35758,7 +36012,7 @@ function WorkflowEditor({
     },
     [nextNodes, workflow.canvas.nodes, wf, onNodeSelect]
   );
-  const onEdgesChange = useCallback52(
+  const onEdgesChange = useCallback53(
     (changes) => {
       const reduced = applyEdgeChanges(nextEdges, changes);
       const byId = new Map(reduced.map((e) => [e.id, e]));
@@ -35768,18 +36022,18 @@ function WorkflowEditor({
     },
     [nextEdges, workflow.canvas.edges, wf]
   );
-  const onConnect = useCallback52(
+  const onConnect = useCallback53(
     (c) => {
       wf.createEdge(c.source, c.sourceHandle ?? "default", c.target, c.targetHandle ?? "default");
     },
     [wf]
   );
   const [canvasSize, setCanvasSize] = useState72({ w: 0, h: 0 });
-  const handleCanvasRef = useCallback52((node) => {
+  const handleCanvasRef = useCallback53((node) => {
     if (!node) return;
     setCanvasSize({ w: node.clientWidth, h: node.clientHeight });
   }, []);
-  const fitToView = useCallback52(() => {
+  const fitToView = useCallback53(() => {
     const nodes = workflow.canvas.nodes;
     if (nodes.length === 0) return;
     let minX = Infinity;
@@ -35808,8 +36062,8 @@ function WorkflowEditor({
     wf.setViewport({ x: cw / 2 - cx * zoom, y: ch / 2 - cy * zoom, zoom });
   }, [workflow.canvas.nodes, canvasSize, wf]);
   const defaultToolbar = useMemo39(
-    () => /* @__PURE__ */ jsxs145(FlowToolbar, { placement: "left", children: [
-      onSave && /* @__PURE__ */ jsx151(
+    () => /* @__PURE__ */ jsxs146(FlowToolbar, { placement: "left", children: [
+      onSave && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.save,
@@ -35818,7 +36072,7 @@ function WorkflowEditor({
           onClick: () => onSave(workflow)
         }
       ),
-      onRun && /* @__PURE__ */ jsx151(
+      onRun && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: isExecuting ? FlowToolbarIcons.stop : FlowToolbarIcons.run,
@@ -35829,7 +36083,7 @@ function WorkflowEditor({
           onClick: isExecuting ? onStop : onRun
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: isLockMode ? FlowToolbarIcons.lock : FlowToolbarIcons.unlock,
@@ -35839,7 +36093,7 @@ function WorkflowEditor({
           onClick: toggleLock
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.reset,
@@ -35847,7 +36101,7 @@ function WorkflowEditor({
           onClick: handleReset
         }
       ),
-      drawer && /* @__PURE__ */ jsx151(
+      drawer && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: isDrawerOpen ? FlowToolbarIcons.drawerClose : FlowToolbarIcons.drawerOpen,
@@ -35856,8 +36110,8 @@ function WorkflowEditor({
           onClick: toggleDrawer
         }
       ),
-      /* @__PURE__ */ jsx151(FlowToolbarDivider, {}),
-      onSettings && /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(FlowToolbarDivider, {}),
+      onSettings && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.settings,
@@ -35865,7 +36119,7 @@ function WorkflowEditor({
           onClick: onSettings
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.history,
@@ -35874,7 +36128,7 @@ function WorkflowEditor({
           onClick: toggleHistory
         }
       ),
-      isDebugModeEnabled && /* @__PURE__ */ jsx151(
+      isDebugModeEnabled && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.debug,
@@ -35883,8 +36137,8 @@ function WorkflowEditor({
           onClick: toggleDebug
         }
       ),
-      /* @__PURE__ */ jsx151(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.undo,
@@ -35894,7 +36148,7 @@ function WorkflowEditor({
           onClick: undo
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.redo,
@@ -35904,8 +36158,8 @@ function WorkflowEditor({
           onClick: redo
         }
       ),
-      /* @__PURE__ */ jsx151(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx152(
         FlowToolbarZoom,
         {
           zoom: workflow.canvas.viewport.zoom,
@@ -35944,21 +36198,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__ */ jsxs145(
+  return /* @__PURE__ */ jsxs146(
     "div",
     {
       className: cn("ods-workflow-editor", className),
       style: { width, height, position: "relative", display: "flex", overflow: "hidden" },
       children: [
-        drawer && isDrawerOpen && /* @__PURE__ */ jsx151("div", { className: "ods-workflow-editor__drawer", children: drawer }),
-        /* @__PURE__ */ jsxs145(
+        drawer && isDrawerOpen && /* @__PURE__ */ jsx152("div", { className: "ods-workflow-editor__drawer", children: drawer }),
+        /* @__PURE__ */ jsxs146(
           "div",
           {
             ref: handleCanvasRef,
             className: "ods-workflow-editor__canvas-wrapper",
             style: { position: "relative", flex: 1, minWidth: 0 },
             children: [
-              /* @__PURE__ */ jsx151(
+              /* @__PURE__ */ jsx152(
                 FlowCanvas,
                 {
                   nodes: nextNodes,
@@ -35972,9 +36226,9 @@ function WorkflowEditor({
                   children: resolvedToolbar
                 }
               ),
-              minimap && /* @__PURE__ */ jsx151("div", { className: "ods-workflow-editor__minimap", children: minimap }),
-              consoleSlot && /* @__PURE__ */ jsx151("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
-              isEmpty && emptyState && /* @__PURE__ */ jsx151("div", { className: "ods-workflow-editor__empty", children: emptyState }),
+              minimap && /* @__PURE__ */ jsx152("div", { className: "ods-workflow-editor__minimap", children: minimap }),
+              consoleSlot && /* @__PURE__ */ jsx152("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
+              isEmpty && emptyState && /* @__PURE__ */ jsx152("div", { className: "ods-workflow-editor__empty", children: emptyState }),
               children
             ]
           }
@@ -35984,7 +36238,7 @@ function WorkflowEditor({
   );
 }
 function DefaultEmptyState() {
-  return /* @__PURE__ */ jsxs145(
+  return /* @__PURE__ */ jsxs146(
     "div",
     {
       style: {
@@ -35999,14 +36253,14 @@ function DefaultEmptyState() {
         pointerEvents: "none"
       },
       children: [
-        /* @__PURE__ */ jsx151(
+        /* @__PURE__ */ jsx152(
           "div",
           {
             style: { fontSize: 14, fontWeight: 600, color: "var(--ods-text-primary)", marginBottom: 4 },
             children: "Start with a trigger"
           }
         ),
-        /* @__PURE__ */ jsx151("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
+        /* @__PURE__ */ jsx152("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
       ]
     }
   );
@@ -36024,7 +36278,7 @@ import {
 } from "@octaviaflow/icons";
 
 // src/hooks/useWorkflowRuntime.ts
-import { useEffect as useEffect56, useState as useState73 } from "react";
+import { useEffect as useEffect57, useState as useState73 } from "react";
 function toMs2(t) {
   if (t == null) return null;
   return typeof t === "number" ? t : t.getTime();
@@ -36039,7 +36293,7 @@ function formatWorkflowRuntime(ms) {
 }
 function useWorkflowRuntime(startedAt, active) {
   const [, force] = useState73(0);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!active || startedAt == null) return;
     if (typeof window === "undefined") return;
     const id = window.setInterval(() => force((n) => n + 1), 1e3);
@@ -36051,7 +36305,7 @@ function useWorkflowRuntime(startedAt, active) {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-import { Fragment as Fragment63, jsx as jsx152, jsxs as jsxs146 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx153, jsxs as jsxs147 } from "react/jsx-runtime";
 function WorkflowHeader({
   name,
   statusTone,
@@ -36090,21 +36344,21 @@ function WorkflowHeader({
   })();
   const rootCls = cn("ods-workflow-header", `ods-workflow-header--${size}`, className);
   if (loading) {
-    return /* @__PURE__ */ jsxs146("header", { className: rootCls, "data-loading": "true", children: [
-      /* @__PURE__ */ jsxs146("div", { className: "ods-workflow-header__left", children: [
-        /* @__PURE__ */ jsx152(Skeleton, { variant: "text", width: "120px" }),
-        /* @__PURE__ */ jsx152(Skeleton, { variant: "text", width: "180px" })
+    return /* @__PURE__ */ jsxs147("header", { className: rootCls, "data-loading": "true", children: [
+      /* @__PURE__ */ jsxs147("div", { className: "ods-workflow-header__left", children: [
+        /* @__PURE__ */ jsx153(Skeleton, { variant: "text", width: "120px" }),
+        /* @__PURE__ */ jsx153(Skeleton, { variant: "text", width: "180px" })
       ] }),
-      /* @__PURE__ */ jsxs146("div", { className: "ods-workflow-header__right", children: [
-        /* @__PURE__ */ jsx152(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
-        /* @__PURE__ */ jsx152(Skeleton, { variant: "circular", width: "28px", height: "28px" })
+      /* @__PURE__ */ jsxs147("div", { className: "ods-workflow-header__right", children: [
+        /* @__PURE__ */ jsx153(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
+        /* @__PURE__ */ jsx153(Skeleton, { variant: "circular", width: "28px", height: "28px" })
       ] })
     ] });
   }
   const envAccentStyle = environment?.accent ? { borderLeftColor: environment.accent } : void 0;
-  return /* @__PURE__ */ jsxs146("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
-    /* @__PURE__ */ jsxs146("div", { className: "ods-workflow-header__left", children: [
-      onBack && /* @__PURE__ */ jsxs146(
+  return /* @__PURE__ */ jsxs147("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
+    /* @__PURE__ */ jsxs147("div", { className: "ods-workflow-header__left", children: [
+      onBack && /* @__PURE__ */ jsxs147(
         "button",
         {
           type: "button",
@@ -36112,13 +36366,13 @@ function WorkflowHeader({
           onClick: onBack,
           "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
           children: [
-            /* @__PURE__ */ jsx152(ChevronLeftIcon3, { size: "sm" }),
-            /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
-            /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
+            /* @__PURE__ */ jsx153(ChevronLeftIcon3, { size: "sm" }),
+            /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
+            /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "span",
         {
           className: cn(
@@ -36129,7 +36383,7 @@ function WorkflowHeader({
           role: "img"
         }
       ),
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "h1",
         {
           className: "ods-workflow-header__title",
@@ -36137,9 +36391,9 @@ function WorkflowHeader({
           children: name
         }
       ),
-      saveIndicator && /* @__PURE__ */ jsxs146(Fragment63, { children: [
-        /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs146(
+      saveIndicator && /* @__PURE__ */ jsxs147(Fragment63, { children: [
+        /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs147(
           "span",
           {
             className: cn(
@@ -36150,14 +36404,14 @@ function WorkflowHeader({
             "aria-live": "polite",
             title: saveState === "error" ? saveError ?? void 0 : void 0,
             children: [
-              saveState === "saving" ? /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ jsx152(
+              saveState === "saving" ? /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ jsx153(
                 WarningAltIcon3,
                 {
                   size: "sm",
                   className: "ods-workflow-header__save-icon",
                   "aria-hidden": "true"
                 }
-              ) : /* @__PURE__ */ jsx152(
+              ) : /* @__PURE__ */ jsx153(
                 CheckmarkIcon15,
                 {
                   size: "sm",
@@ -36172,11 +36426,11 @@ function WorkflowHeader({
       ] }),
       leftSlot
     ] }),
-    /* @__PURE__ */ jsxs146("div", { className: "ods-workflow-header__right", children: [
+    /* @__PURE__ */ jsxs147("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__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         Chip,
         {
           size: "sm",
@@ -36192,59 +36446,59 @@ function WorkflowHeader({
           children: environment.label
         }
       ),
-      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx152(
+      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx153(
         Button,
         {
           variant: "ghost",
           size: "sm",
           pressed: !!isConsoleOpen,
           "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-          leftIcon: /* @__PURE__ */ jsx152(TerminalIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ jsx153(TerminalIcon, { size: "sm" }),
           onClick: onToggleConsole,
           children: "Console"
         }
       ),
-      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
-      isRunning ? onStop && /* @__PURE__ */ jsx152(
+      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
+      isRunning ? onStop && /* @__PURE__ */ jsx153(
         Button,
         {
           variant: "ghost",
           size: "sm",
           "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-          leftIcon: /* @__PURE__ */ jsx152(StopFilledAltIcon2, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
+          leftIcon: /* @__PURE__ */ jsx153(StopFilledAltIcon2, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
           onClick: onStop,
-          children: /* @__PURE__ */ jsxs146("span", { className: "ods-workflow-header__stop-label", children: [
-            /* @__PURE__ */ jsx152("span", { children: "Stop" }),
-            runtime && /* @__PURE__ */ jsxs146(Fragment63, { children: [
-              /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__runtime", children: runtime })
+          children: /* @__PURE__ */ jsxs147("span", { className: "ods-workflow-header__stop-label", children: [
+            /* @__PURE__ */ jsx153("span", { children: "Stop" }),
+            runtime && /* @__PURE__ */ jsxs147(Fragment63, { children: [
+              /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__runtime", children: runtime })
             ] })
           ] })
         }
-      ) : onRun && /* @__PURE__ */ jsx152(
+      ) : onRun && /* @__PURE__ */ jsx153(
         Button,
         {
           variant: "primary",
           size: "sm",
           "aria-label": "Run workflow",
-          leftIcon: /* @__PURE__ */ jsx152(PlayFilledAltIcon2, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ jsx153(PlayFilledAltIcon2, { size: "sm" }),
           onClick: onRun,
           children: "Run"
         }
       ),
-      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx152(
+      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx153(
         DropdownMenu,
         {
           "aria-label": menuLabel,
           align: "end",
           triggerClassName: "ods-workflow-header__menu-trigger",
           ...menuProps,
-          trigger: menuTrigger ?? /* @__PURE__ */ jsx152("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ jsx152(OverflowMenuVerticalIcon, { size: "sm" }) }),
+          trigger: menuTrigger ?? /* @__PURE__ */ jsx153("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ jsx153(OverflowMenuVerticalIcon, { size: "sm" }) }),
           items: menuItems
         }
       ))
     ] }),
-    /* @__PURE__ */ jsx152("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
   ] });
 }
 
@@ -36256,7 +36510,7 @@ import {
   StopFilledAltIcon as StopFilledAltIcon3,
   TerminalIcon as TerminalIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment64, jsx as jsx153, jsxs as jsxs147 } from "react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx154, jsxs as jsxs148 } from "react/jsx-runtime";
 function WorkflowHeaderExpanded({
   name,
   statusTone = "draft",
@@ -36284,15 +36538,15 @@ function WorkflowHeaderExpanded({
   const tickedRuntime = useWorkflowRuntime(runStartedAt, !!isRunning);
   const runtime = runtimeOverride ?? tickedRuntime ?? void 0;
   const effectiveTone = statusTone === "draft" && isRunning ? "running" : statusTone;
-  return /* @__PURE__ */ jsxs147(
+  return /* @__PURE__ */ jsxs148(
     "header",
     {
       className: cn("ods-workflow-header-expanded", className),
       "data-running": isRunning ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs147("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
-          /* @__PURE__ */ jsxs147("div", { className: "ods-workflow-header-expanded__left", children: [
-            onBack && /* @__PURE__ */ jsxs147(
+        /* @__PURE__ */ jsxs148("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
+          /* @__PURE__ */ jsxs148("div", { className: "ods-workflow-header-expanded__left", children: [
+            onBack && /* @__PURE__ */ jsxs148(
               "button",
               {
                 type: "button",
@@ -36300,13 +36554,13 @@ function WorkflowHeaderExpanded({
                 onClick: onBack,
                 "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
                 children: [
-                  /* @__PURE__ */ jsx153(ChevronLeftIcon4, { size: "sm" }),
-                  /* @__PURE__ */ jsx153("span", { children: parentLabel }),
-                  /* @__PURE__ */ jsx153("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
+                  /* @__PURE__ */ jsx154(ChevronLeftIcon4, { size: "sm" }),
+                  /* @__PURE__ */ jsx154("span", { children: parentLabel }),
+                  /* @__PURE__ */ jsx154("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx153(
+            /* @__PURE__ */ jsx154(
               "span",
               {
                 className: cn(
@@ -36317,10 +36571,10 @@ function WorkflowHeaderExpanded({
                 role: "img"
               }
             ),
-            /* @__PURE__ */ jsx153("h1", { className: "ods-workflow-header-expanded__title", children: name })
+            /* @__PURE__ */ jsx154("h1", { className: "ods-workflow-header-expanded__title", children: name })
           ] }),
-          /* @__PURE__ */ jsxs147("div", { className: "ods-workflow-header-expanded__right", children: [
-            environment && /* @__PURE__ */ jsx153(
+          /* @__PURE__ */ jsxs148("div", { className: "ods-workflow-header-expanded__right", children: [
+            environment && /* @__PURE__ */ jsx154(
               Chip,
               {
                 size: "sm",
@@ -36332,26 +36586,26 @@ function WorkflowHeaderExpanded({
                 children: environment.label
               }
             ),
-            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx153(
+            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx154(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 pressed: !!isConsoleOpen,
                 "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-                leftIcon: /* @__PURE__ */ jsx153(TerminalIcon2, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ jsx154(TerminalIcon2, { size: "sm" }),
                 onClick: onToggleConsole,
                 children: "Console"
               }
             ),
-            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
-            isRunning ? onStop && /* @__PURE__ */ jsx153(
+            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx154("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
+            isRunning ? onStop && /* @__PURE__ */ jsx154(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-                leftIcon: /* @__PURE__ */ jsx153(
+                leftIcon: /* @__PURE__ */ jsx154(
                   StopFilledAltIcon3,
                   {
                     size: "sm",
@@ -36359,37 +36613,37 @@ function WorkflowHeaderExpanded({
                   }
                 ),
                 onClick: onStop,
-                children: /* @__PURE__ */ jsxs147("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
-                  /* @__PURE__ */ jsx153("span", { children: "Stop" }),
-                  runtime && /* @__PURE__ */ jsxs147(Fragment64, { children: [
-                    /* @__PURE__ */ jsx153("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
-                    /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
+                children: /* @__PURE__ */ jsxs148("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx154("span", { children: "Stop" }),
+                  runtime && /* @__PURE__ */ jsxs148(Fragment64, { children: [
+                    /* @__PURE__ */ jsx154("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
+                    /* @__PURE__ */ jsx154("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
                   ] })
                 ] })
               }
-            ) : onRun && /* @__PURE__ */ jsx153(
+            ) : onRun && /* @__PURE__ */ jsx154(
               Button,
               {
                 variant: "primary",
                 size: "sm",
                 "aria-label": "Run workflow",
-                leftIcon: /* @__PURE__ */ jsx153(PlayFilledAltIcon3, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ jsx154(PlayFilledAltIcon3, { size: "sm" }),
                 onClick: onRun,
                 children: "Run"
               }
             ),
-            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx153(
+            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx154(
               DropdownMenu,
               {
                 "aria-label": menuLabel,
                 align: "end",
                 ...menuProps,
-                trigger: menuTrigger ?? /* @__PURE__ */ jsx153(
+                trigger: menuTrigger ?? /* @__PURE__ */ jsx154(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    leftIcon: /* @__PURE__ */ jsx153(OverflowMenuVerticalIcon2, { size: "sm" })
+                    leftIcon: /* @__PURE__ */ jsx154(OverflowMenuVerticalIcon2, { size: "sm" })
                   }
                 ),
                 items: menuItems
@@ -36397,10 +36651,10 @@ function WorkflowHeaderExpanded({
             ))
           ] })
         ] }),
-        (meta2 || saveLabel) && /* @__PURE__ */ jsx153("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ jsxs147("span", { className: "ods-workflow-header-expanded__meta", children: [
+        (meta2 || saveLabel) && /* @__PURE__ */ jsx154("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ jsxs148("span", { className: "ods-workflow-header-expanded__meta", children: [
           meta2,
-          meta2 && saveLabel && /* @__PURE__ */ jsx153("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
-          saveLabel && /* @__PURE__ */ jsx153(
+          meta2 && saveLabel && /* @__PURE__ */ jsx154("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
+          saveLabel && /* @__PURE__ */ jsx154(
             "span",
             {
               className: cn(
@@ -36412,36 +36666,36 @@ function WorkflowHeaderExpanded({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx153("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx154("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
       ]
     }
   );
 }
 
 // src/hooks/useBanner.ts
-import { useCallback as useCallback53, useEffect as useEffect57, useRef as useRef50, useState as useState74 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect58, useRef as useRef51, useState as useState74 } from "react";
 function useBanner(options2 = {}) {
   const { defaultOpen = false, autoDismissAfter, onDismiss } = options2;
   const [open, setOpen] = useState74(defaultOpen);
-  const timerRef = useRef50(null);
-  const onDismissRef = useRef50(onDismiss);
-  useEffect57(() => {
+  const timerRef = useRef51(null);
+  const onDismissRef = useRef51(onDismiss);
+  useEffect58(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
-  const clearTimer = useCallback53(() => {
+  const clearTimer = useCallback54(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const hide = useCallback53(() => {
+  const hide = useCallback54(() => {
     clearTimer();
     setOpen((wasOpen) => {
       if (wasOpen) onDismissRef.current?.();
       return false;
     });
   }, [clearTimer]);
-  const show = useCallback53(() => {
+  const show = useCallback54(() => {
     clearTimer();
     setOpen(true);
     if (typeof autoDismissAfter === "number" && Number.isFinite(autoDismissAfter) && autoDismissAfter > 0) {
@@ -36452,11 +36706,11 @@ function useBanner(options2 = {}) {
       }, autoDismissAfter);
     }
   }, [autoDismissAfter, clearTimer]);
-  const toggle = useCallback53(() => {
+  const toggle = useCallback54(() => {
     if (open) hide();
     else show();
   }, [open, show, hide]);
-  useEffect57(() => () => clearTimer(), [clearTimer]);
+  useEffect58(() => () => clearTimer(), [clearTimer]);
   return {
     open,
     show,
@@ -36467,7 +36721,7 @@ function useBanner(options2 = {}) {
 }
 
 // src/hooks/useCallout.ts
-import { useCallback as useCallback54, useEffect as useEffect58, useState as useState75 } from "react";
+import { useCallback as useCallback55, useEffect as useEffect59, useState as useState75 } from "react";
 var STORAGE_PREFIX = "ods:callout:dismissed:";
 function readPersisted(key) {
   if (!key || typeof window === "undefined") return false;
@@ -36491,12 +36745,12 @@ function writePersisted(key, value) {
 function useCallout(options2 = {}) {
   const { defaultOpen = true, persistKey, onDismiss } = options2;
   const [open, setOpen] = useState75(defaultOpen);
-  useEffect58(() => {
+  useEffect59(() => {
     if (persistKey && readPersisted(persistKey)) {
       setOpen(false);
     }
   }, []);
-  const dismiss = useCallback54(() => {
+  const dismiss = useCallback55(() => {
     setOpen((wasOpen) => {
       if (wasOpen) {
         writePersisted(persistKey, true);
@@ -36505,10 +36759,10 @@ function useCallout(options2 = {}) {
       return false;
     });
   }, [persistKey, onDismiss]);
-  const show = useCallback54(() => {
+  const show = useCallback55(() => {
     setOpen(true);
   }, []);
-  const toggle = useCallback54(() => {
+  const toggle = useCallback55(() => {
     setOpen((prev) => {
       const next = !prev;
       if (!next) {
@@ -36518,7 +36772,7 @@ function useCallout(options2 = {}) {
       return next;
     });
   }, [persistKey, onDismiss]);
-  const reset = useCallback54(() => {
+  const reset = useCallback55(() => {
     writePersisted(persistKey, false);
     setOpen(true);
   }, [persistKey]);
@@ -36591,7 +36845,7 @@ function breakpointMinWidth(name) {
 }
 
 // src/hooks/useRating.ts
-import { useCallback as useCallback55, useState as useState76 } from "react";
+import { useCallback as useCallback56, useState as useState76 } from "react";
 function useRating({
   value: controlled,
   defaultValue = 0,
@@ -36602,11 +36856,11 @@ function useRating({
   const [internal, setInternal] = useState76(defaultValue);
   const value = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const clamp2 = useCallback55(
+  const clamp2 = useCallback56(
     (v) => Math.max(0, Math.min(max, v)),
     [max]
   );
-  const set = useCallback55(
+  const set = useCallback56(
     (next) => {
       const clamped = clamp2(next);
       if (!isControlled) setInternal(clamped);
@@ -36631,7 +36885,7 @@ function useBinaryRating({
   const [internal, setInternal] = useState76(defaultValue);
   const value = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const set = useCallback55(
+  const set = useCallback56(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
@@ -36650,7 +36904,7 @@ function useBinaryRating({
 }
 
 // src/hooks/useTimeline.ts
-import { useCallback as useCallback56, useState as useState77 } from "react";
+import { useCallback as useCallback57, useState as useState77 } from "react";
 function useTimeline({
   items: controlled,
   defaultItems = [],
@@ -36659,21 +36913,21 @@ function useTimeline({
   const [internal, setInternal] = useState77(defaultItems);
   const items = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const commit = useCallback56(
+  const commit = useCallback57(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
     },
     [isControlled, onChange]
   );
-  const add = useCallback56(
+  const add = useCallback57(
     (item) => {
       if (items.some((i) => i.id === item.id)) return;
       commit([...items, item]);
     },
     [items, commit]
   );
-  const insert = useCallback56(
+  const insert = useCallback57(
     (index, item) => {
       if (items.some((i) => i.id === item.id)) return;
       const at = Math.max(0, Math.min(items.length, index));
@@ -36683,7 +36937,7 @@ function useTimeline({
     },
     [items, commit]
   );
-  const remove = useCallback56(
+  const remove = useCallback57(
     (id) => {
       const next = items.filter((i) => i.id !== id);
       if (next.length === items.length) return;
@@ -36691,7 +36945,7 @@ function useTimeline({
     },
     [items, commit]
   );
-  const update = useCallback56(
+  const update = useCallback57(
     (id, patch) => {
       let changed = false;
       const next = items.map((i) => {
@@ -36716,7 +36970,7 @@ function useTimeline({
 }
 
 // src/hooks/useTraceTimeline.ts
-import { useCallback as useCallback57, useRef as useRef51, useState as useState78 } from "react";
+import { useCallback as useCallback58, useRef as useRef52, useState as useState78 } from "react";
 var GLOBAL_SEQ = 0;
 var generateId = () => `ods-trace-${Date.now().toString(36)}-${(GLOBAL_SEQ++).toString(36)}`;
 function useTraceTimeline({
@@ -36727,9 +36981,9 @@ function useTraceTimeline({
   const [internal, setInternal] = useState78(defaultSteps);
   const steps = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const stepsRef = useRef51(steps);
+  const stepsRef = useRef52(steps);
   stepsRef.current = steps;
-  const commit = useCallback57(
+  const commit = useCallback58(
     (next) => {
       stepsRef.current = next;
       if (!isControlled) setInternal(next);
@@ -36737,7 +36991,7 @@ function useTraceTimeline({
     },
     [isControlled, onChange]
   );
-  const start = useCallback57(
+  const start = useCallback58(
     (input) => {
       const id = input.id ?? generateId();
       const record = {
@@ -36757,7 +37011,7 @@ function useTraceTimeline({
     },
     [commit]
   );
-  const update = useCallback57(
+  const update = useCallback58(
     (id, patch) => {
       let changed = false;
       const next = stepsRef.current.map((s) => {
@@ -36769,19 +37023,19 @@ function useTraceTimeline({
     },
     [commit]
   );
-  const complete = useCallback57(
+  const complete = useCallback58(
     (id, patch = {}) => {
       update(id, { ...patch, status: "success" });
     },
     [update]
   );
-  const fail = useCallback57(
+  const fail = useCallback58(
     (id, patch = {}) => {
       update(id, { ...patch, status: "failed" });
     },
     [update]
   );
-  const remove = useCallback57(
+  const remove = useCallback58(
     (id) => {
       const next = stepsRef.current.filter((s) => s.id !== id);
       if (next.length === stepsRef.current.length) return;
@@ -36807,13 +37061,13 @@ function useTraceTimeline({
 
 // src/provider/OdsProvider.tsx
 import { generateCssVars, resolveConfig } from "@octaviaflow/config";
-import { createContext as createContext4, useContext as useContext5, useEffect as useEffect59, useMemo as useMemo40 } from "react";
+import { createContext as createContext4, useContext as useContext5, useEffect as useEffect60, useMemo as useMemo40 } from "react";
 import { OverlayProvider as OverlayProvider3 } from "react-aria";
-import { jsx as jsx154 } from "react/jsx-runtime";
+import { jsx as jsx155 } from "react/jsx-runtime";
 var OdsContext = createContext4(null);
 function OdsProvider({ config: userConfig, children }) {
   const resolved = useMemo40(() => resolveConfig(userConfig), [userConfig]);
-  useEffect59(() => {
+  useEffect60(() => {
     const cssVarsBlock = generateCssVars(resolved);
     const match = cssVarsBlock.match(/:root\s*\{([\s\S]*)\}/);
     if (match) {
@@ -36830,7 +37084,7 @@ function OdsProvider({ config: userConfig, children }) {
     }
   }, [resolved]);
   const contextValue = useMemo40(() => ({ config: resolved }), [resolved]);
-  return /* @__PURE__ */ jsx154(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx154(OverlayProvider3, { children }) });
+  return /* @__PURE__ */ jsx155(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx155(OverlayProvider3, { children }) });
 }
 function useOds() {
   const ctx = useContext5(OdsContext);
@@ -37141,7 +37395,7 @@ function applyVerticalLayout(nodes, edges) {
 }
 
 // src/notifications/components/AlertConditionComposer/AlertConditionComposer.tsx
-import { useId as useId64 } from "react";
+import { useId as useId65 } from "react";
 
 // src/notifications/engine/catalog.ts
 var DEFAULT_NOTIFICATION_CATALOG = [
@@ -37637,7 +37891,7 @@ function describeRule(rule, catalog, channels) {
 }
 
 // src/notifications/components/AlertConditionComposer/AlertConditionComposer.tsx
-import { Fragment as Fragment65, jsx as jsx155, jsxs as jsxs148 } from "react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx156, jsxs as jsxs149 } from "react/jsx-runtime";
 var KIND_LABELS = {
   every: "every time it happens",
   state_change: "only when its status changes",
@@ -37663,7 +37917,7 @@ function AlertConditionComposer({
   className,
   id
 }) {
-  const reactId = useId64();
+  const reactId = useId65();
   const baseId = id ?? `${reactId}-condition`;
   const helperId = `${baseId}-helper`;
   const kinds = allowThreshold ? ["every", "state_change", "consecutive", "count"] : ["every", "state_change"];
@@ -37689,7 +37943,7 @@ function AlertConditionComposer({
         onChange({ kind: "every" });
     }
   };
-  return /* @__PURE__ */ jsxs148(
+  return /* @__PURE__ */ jsxs149(
     "div",
     {
       className: cn("ods-alert-condition", className),
@@ -37699,10 +37953,10 @@ function AlertConditionComposer({
       "aria-describedby": helperText ? helperId : void 0,
       "data-size": size,
       children: [
-        label && /* @__PURE__ */ jsx155("div", { className: "ods-alert-condition__label", children: label }),
-        /* @__PURE__ */ jsxs148("div", { className: "ods-alert-condition__sentence", children: [
-          /* @__PURE__ */ jsx155("span", { className: "ods-alert-condition__word", children: "Notify" }),
-          /* @__PURE__ */ jsx155(
+        label && /* @__PURE__ */ jsx156("div", { className: "ods-alert-condition__label", children: label }),
+        /* @__PURE__ */ jsxs149("div", { className: "ods-alert-condition__sentence", children: [
+          /* @__PURE__ */ jsx156("span", { className: "ods-alert-condition__word", children: "Notify" }),
+          /* @__PURE__ */ jsx156(
             Select,
             {
               "aria-label": "Condition kind",
@@ -37715,8 +37969,8 @@ function AlertConditionComposer({
               dropdownMinWidth: 280
             }
           ),
-          value.kind === "consecutive" && /* @__PURE__ */ jsxs148(Fragment65, { children: [
-            /* @__PURE__ */ jsx155(
+          value.kind === "consecutive" && /* @__PURE__ */ jsxs149(Fragment65, { children: [
+            /* @__PURE__ */ jsx156(
               NumberInput,
               {
                 "aria-label": "Consecutive failures",
@@ -37730,13 +37984,13 @@ function AlertConditionComposer({
                 align: "center"
               }
             ),
-            /* @__PURE__ */ jsxs148("span", { className: "ods-alert-condition__word", children: [
+            /* @__PURE__ */ jsxs149("span", { className: "ods-alert-condition__word", children: [
               "failures in a row for the same ",
               subjectNoun
             ] })
           ] }),
-          value.kind === "count" && /* @__PURE__ */ jsxs148(Fragment65, { children: [
-            /* @__PURE__ */ jsx155(
+          value.kind === "count" && /* @__PURE__ */ jsxs149(Fragment65, { children: [
+            /* @__PURE__ */ jsx156(
               NumberInput,
               {
                 "aria-label": "Occurrences",
@@ -37750,8 +38004,8 @@ function AlertConditionComposer({
                 align: "center"
               }
             ),
-            /* @__PURE__ */ jsx155("span", { className: "ods-alert-condition__word", children: "times in" }),
-            /* @__PURE__ */ jsx155(
+            /* @__PURE__ */ jsx156("span", { className: "ods-alert-condition__word", children: "times in" }),
+            /* @__PURE__ */ jsx156(
               Select,
               {
                 "aria-label": "Window",
@@ -37763,14 +38017,14 @@ function AlertConditionComposer({
                 className: "ods-alert-condition__window"
               }
             ),
-            /* @__PURE__ */ jsxs148("span", { className: "ods-alert-condition__word", children: [
+            /* @__PURE__ */ jsxs149("span", { className: "ods-alert-condition__word", children: [
               "for the same ",
               subjectNoun
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx155("div", { className: "ods-alert-condition__summary", "aria-live": "polite", children: value.kind === "every" ? `Every occurrence is sent (still de-duplicated per ${subjectNoun}).` : `Sends${describeCondition(value, subjectNoun)}.` }),
-        helperText && /* @__PURE__ */ jsx155("div", { id: helperId, className: "ods-alert-condition__helper", children: helperText })
+        /* @__PURE__ */ jsx156("div", { className: "ods-alert-condition__summary", "aria-live": "polite", children: value.kind === "every" ? `Every occurrence is sent (still de-duplicated per ${subjectNoun}).` : `Sends${describeCondition(value, subjectNoun)}.` }),
+        helperText && /* @__PURE__ */ jsx156("div", { id: helperId, className: "ods-alert-condition__helper", children: helperText })
       ]
     }
   );
@@ -37778,8 +38032,8 @@ function AlertConditionComposer({
 AlertConditionComposer.displayName = "AlertConditionComposer";
 
 // src/notifications/components/DeliveryFrequencyControl/DeliveryFrequencyControl.tsx
-import { useId as useId65 } from "react";
-import { jsx as jsx156, jsxs as jsxs149 } from "react/jsx-runtime";
+import { useId as useId66 } from "react";
+import { jsx as jsx157, jsxs as jsxs150 } from "react/jsx-runtime";
 var MODE_LABELS = {
   immediate: "Immediately",
   batched: "Batched",
@@ -37806,7 +38060,7 @@ function DeliveryFrequencyControl({
   className,
   id
 }) {
-  const reactId = useId65();
+  const reactId = useId66();
   const baseId = id ?? `${reactId}-delivery`;
   const patch = (next) => onChange({ ...value, ...next });
   const windowOptions = batchWindows.map((m) => ({
@@ -37820,7 +38074,7 @@ function DeliveryFrequencyControl({
     if (mode === "digest" && !next.schedule) next.schedule = DEFAULT_SCHEDULE;
     onChange(next);
   };
-  return /* @__PURE__ */ jsxs149(
+  return /* @__PURE__ */ jsxs150(
     "div",
     {
       className: cn("ods-delivery-freq", className),
@@ -37828,8 +38082,8 @@ function DeliveryFrequencyControl({
       role: "group",
       "aria-label": typeof label === "string" ? label : "Delivery",
       children: [
-        label && /* @__PURE__ */ jsx156("div", { className: "ods-delivery-freq__label", children: label }),
-        /* @__PURE__ */ jsx156(
+        label && /* @__PURE__ */ jsx157("div", { className: "ods-delivery-freq__label", children: label }),
+        /* @__PURE__ */ jsx157(
           SegmentedControl,
           {
             "aria-label": "Delivery mode",
@@ -37840,10 +38094,10 @@ function DeliveryFrequencyControl({
             disabled
           }
         ),
-        /* @__PURE__ */ jsx156("div", { className: "ods-delivery-freq__hint", children: MODE_HINTS[value.mode] }),
-        value.mode === "batched" && /* @__PURE__ */ jsx156("div", { className: "ods-delivery-freq__fields", children: /* @__PURE__ */ jsxs149("div", { className: "ods-delivery-freq__row", children: [
-          /* @__PURE__ */ jsx156("span", { className: "ods-delivery-freq__word", children: "Send at most one message every" }),
-          /* @__PURE__ */ jsx156(
+        /* @__PURE__ */ jsx157("div", { className: "ods-delivery-freq__hint", children: MODE_HINTS[value.mode] }),
+        value.mode === "batched" && /* @__PURE__ */ jsx157("div", { className: "ods-delivery-freq__fields", children: /* @__PURE__ */ jsxs150("div", { className: "ods-delivery-freq__row", children: [
+          /* @__PURE__ */ jsx157("span", { className: "ods-delivery-freq__word", children: "Send at most one message every" }),
+          /* @__PURE__ */ jsx157(
             Select,
             {
               "aria-label": "Batch window",
@@ -37856,8 +38110,8 @@ function DeliveryFrequencyControl({
             }
           )
         ] }) }),
-        value.mode === "digest" && /* @__PURE__ */ jsxs149("div", { className: "ods-delivery-freq__fields", children: [
-          /* @__PURE__ */ jsx156(
+        value.mode === "digest" && /* @__PURE__ */ jsxs150("div", { className: "ods-delivery-freq__fields", children: [
+          /* @__PURE__ */ jsx157(
             ScheduleBuilder,
             {
               value: value.schedule ?? DEFAULT_SCHEDULE,
@@ -37867,7 +38121,7 @@ function DeliveryFrequencyControl({
               disabled
             }
           ),
-          /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx157(
             Switch,
             {
               size: "sm",
@@ -37887,7 +38141,7 @@ DeliveryFrequencyControl.displayName = "DeliveryFrequencyControl";
 
 // src/notifications/components/EventCatalogPicker/EventCatalogPicker.tsx
 import { SearchIcon as SearchIcon16 } from "@octaviaflow/icons";
-import { useId as useId66, useMemo as useMemo41, useState as useState79 } from "react";
+import { useId as useId67, useMemo as useMemo41, useState as useState79 } from "react";
 
 // src/notifications/components/meta.tsx
 import {
@@ -37902,55 +38156,55 @@ import {
   WarningFilledIcon as WarningFilledIcon3,
   WebhookIcon
 } from "@octaviaflow/icons";
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx158 } from "react/jsx-runtime";
 var CHANNEL_TYPE_META = {
   in_app: {
     label: "In-app",
     hint: "The bell in the top bar. Always on.",
     connected: false,
-    icon: /* @__PURE__ */ jsx157(NotificationIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(NotificationIcon, { size: "sm", "aria-hidden": "true" })
   },
   email: {
     label: "Email",
     hint: "One or more addresses.",
     connected: false,
-    icon: /* @__PURE__ */ jsx157(EmailIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(EmailIcon, { size: "sm", "aria-hidden": "true" })
   },
   slack: {
     label: "Slack",
     hint: "A channel in a connected workspace.",
     connected: true,
-    icon: /* @__PURE__ */ jsx157(LogoSlackIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(LogoSlackIcon, { size: "sm", "aria-hidden": "true" })
   },
   teams: {
     label: "Microsoft Teams",
     hint: "A channel in a connected team.",
     connected: true,
-    icon: /* @__PURE__ */ jsx157(ChatOperationalIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(ChatOperationalIcon, { size: "sm", "aria-hidden": "true" })
   },
   google_chat: {
     label: "Google Chat",
     hint: "A space in a connected account.",
     connected: true,
-    icon: /* @__PURE__ */ jsx157(ChatIcon2, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(ChatIcon2, { size: "sm", "aria-hidden": "true" })
   },
   whatsapp: {
     label: "WhatsApp",
     hint: "Template messages to a phone number.",
     connected: false,
-    icon: /* @__PURE__ */ jsx157(ChatLaunchIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(ChatLaunchIcon, { size: "sm", "aria-hidden": "true" })
   },
   webhook: {
     label: "Webhook",
     hint: "Signed JSON to a URL you own.",
     connected: false,
-    icon: /* @__PURE__ */ jsx157(WebhookIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(WebhookIcon, { size: "sm", "aria-hidden": "true" })
   }
 };
 var PERSONAL_CHANNEL_META = {
-  in_app: { label: "In-app", icon: /* @__PURE__ */ jsx157(NotificationIcon, { size: "sm", "aria-hidden": "true" }) },
-  email: { label: "Email", icon: /* @__PURE__ */ jsx157(EmailIcon, { size: "sm", "aria-hidden": "true" }) },
-  slack_dm: { label: "Slack DM", icon: /* @__PURE__ */ jsx157(LogoSlackIcon, { size: "sm", "aria-hidden": "true" }) }
+  in_app: { label: "In-app", icon: /* @__PURE__ */ jsx158(NotificationIcon, { size: "sm", "aria-hidden": "true" }) },
+  email: { label: "Email", icon: /* @__PURE__ */ jsx158(EmailIcon, { size: "sm", "aria-hidden": "true" }) },
+  slack_dm: { label: "Slack DM", icon: /* @__PURE__ */ jsx158(LogoSlackIcon, { size: "sm", "aria-hidden": "true" }) }
 };
 var CHANNEL_STATUS_META = {
   verified: { label: "Verified", variant: "success" },
@@ -37962,22 +38216,22 @@ var SEVERITY_META = {
   info: {
     label: "Info",
     variant: "info",
-    icon: /* @__PURE__ */ jsx157(InformationFilledIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(InformationFilledIcon, { size: "sm", "aria-hidden": "true" })
   },
   warning: {
     label: "Warning",
     variant: "warning",
-    icon: /* @__PURE__ */ jsx157(WarningFilledIcon3, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(WarningFilledIcon3, { size: "sm", "aria-hidden": "true" })
   },
   error: {
     label: "Error",
     variant: "error",
-    icon: /* @__PURE__ */ jsx157(ErrorFilledIcon2, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ jsx158(ErrorFilledIcon2, { size: "sm", "aria-hidden": "true" })
   }
 };
 
 // src/notifications/components/EventCatalogPicker/EventCatalogPicker.tsx
-import { jsx as jsx158, jsxs as jsxs150 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs151 } from "react/jsx-runtime";
 function EventCatalogPicker({
   catalog,
   value,
@@ -37991,7 +38245,7 @@ function EventCatalogPicker({
   className,
   id
 }) {
-  const reactId = useId66();
+  const reactId = useId67();
   const baseId = id ?? `${reactId}-events`;
   const [query, setQuery] = useState79("");
   const [collapsed, setCollapsed] = useState79({});
@@ -38030,7 +38284,7 @@ function EventCatalogPicker({
     if (explicit != null) return explicit;
     return !category.events.some((e) => selected.has(e.key));
   };
-  return /* @__PURE__ */ jsxs150(
+  return /* @__PURE__ */ jsxs151(
     "div",
     {
       className: cn("ods-event-picker", className),
@@ -38038,16 +38292,16 @@ function EventCatalogPicker({
       role: "group",
       "aria-label": typeof label === "string" ? label : "Events",
       children: [
-        (label || searchable) && /* @__PURE__ */ jsxs150("div", { className: "ods-event-picker__head", children: [
-          label && /* @__PURE__ */ jsx158("div", { className: "ods-event-picker__label", children: label }),
-          searchable && /* @__PURE__ */ jsx158(
+        (label || searchable) && /* @__PURE__ */ jsxs151("div", { className: "ods-event-picker__head", children: [
+          label && /* @__PURE__ */ jsx159("div", { className: "ods-event-picker__label", children: label }),
+          searchable && /* @__PURE__ */ jsx159(
             Input,
             {
               size: "sm",
               type: "search",
               "aria-label": "Search events",
               placeholder: "Search events",
-              leftIcon: /* @__PURE__ */ jsx158(SearchIcon16, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ jsx159(SearchIcon16, { size: "sm", "aria-hidden": "true" }),
               value: query,
               onChange: (e) => setQuery(e.target.value),
               clearable: true,
@@ -38056,18 +38310,18 @@ function EventCatalogPicker({
               className: "ods-event-picker__search"
             }
           ),
-          /* @__PURE__ */ jsxs150("span", { className: "ods-event-picker__count", "aria-live": "polite", children: [
+          /* @__PURE__ */ jsxs151("span", { className: "ods-event-picker__count", "aria-live": "polite", children: [
             value.length,
             " selected"
           ] })
         ] }),
-        filtered.length === 0 ? /* @__PURE__ */ jsx158("div", { className: "ods-event-picker__empty", children: emptyLabel }) : /* @__PURE__ */ jsx158("div", { className: "ods-event-picker__groups", children: filtered.map((category) => {
+        filtered.length === 0 ? /* @__PURE__ */ jsx159("div", { className: "ods-event-picker__empty", children: emptyLabel }) : /* @__PURE__ */ jsx159("div", { className: "ods-event-picker__groups", children: filtered.map((category) => {
           const total = category.events.length;
           const picked = category.events.filter((e) => selected.has(e.key)).length;
           const all = picked === total;
           const some = picked > 0 && !all;
           const open = !isCollapsed(category);
-          return /* @__PURE__ */ jsxs150(
+          return /* @__PURE__ */ jsxs151(
             "section",
             {
               className: cn(
@@ -38075,8 +38329,8 @@ function EventCatalogPicker({
                 !open && "ods-event-picker__group--collapsed"
               ),
               children: [
-                /* @__PURE__ */ jsxs150("header", { className: "ods-event-picker__group-head", children: [
-                  /* @__PURE__ */ jsx158(
+                /* @__PURE__ */ jsxs151("header", { className: "ods-event-picker__group-head", children: [
+                  /* @__PURE__ */ jsx159(
                     Checkbox,
                     {
                       size: "sm",
@@ -38085,9 +38339,9 @@ function EventCatalogPicker({
                       disabled,
                       onChange: (on) => toggleCategory(category, on),
                       "aria-label": `${category.label} (all ${total} events)`,
-                      label: /* @__PURE__ */ jsxs150("span", { className: "ods-event-picker__group-title", children: [
+                      label: /* @__PURE__ */ jsxs151("span", { className: "ods-event-picker__group-title", children: [
                         category.label,
-                        /* @__PURE__ */ jsxs150("span", { className: "ods-event-picker__group-count", children: [
+                        /* @__PURE__ */ jsxs151("span", { className: "ods-event-picker__group-count", children: [
                           picked,
                           "/",
                           total
@@ -38096,7 +38350,7 @@ function EventCatalogPicker({
                       description: open ? category.description : void 0
                     }
                   ),
-                  collapsible && !query && /* @__PURE__ */ jsx158(
+                  collapsible && !query && /* @__PURE__ */ jsx159(
                     "button",
                     {
                       type: "button",
@@ -38107,10 +38361,10 @@ function EventCatalogPicker({
                     }
                   )
                 ] }),
-                open && /* @__PURE__ */ jsx158("ul", { className: "ods-event-picker__rows", children: category.events.map((event) => {
+                open && /* @__PURE__ */ jsx159("ul", { className: "ods-event-picker__rows", children: category.events.map((event) => {
                   const sev = SEVERITY_META[event.severity];
-                  return /* @__PURE__ */ jsxs150("li", { className: "ods-event-picker__row", children: [
-                    /* @__PURE__ */ jsx158(
+                  return /* @__PURE__ */ jsxs151("li", { className: "ods-event-picker__row", children: [
+                    /* @__PURE__ */ jsx159(
                       Checkbox,
                       {
                         size: "sm",
@@ -38121,9 +38375,9 @@ function EventCatalogPicker({
                         description: event.description
                       }
                     ),
-                    /* @__PURE__ */ jsxs150("span", { className: "ods-event-picker__badges", children: [
-                      event.threshold && /* @__PURE__ */ jsx158(Badge, { size: "sm", variant: "neutral", outlined: true, children: "Threshold" }),
-                      showSeverity && /* @__PURE__ */ jsx158(Badge, { size: "sm", variant: sev.variant, dot: true, children: sev.label })
+                    /* @__PURE__ */ jsxs151("span", { className: "ods-event-picker__badges", children: [
+                      event.threshold && /* @__PURE__ */ jsx159(Badge, { size: "sm", variant: "neutral", outlined: true, children: "Threshold" }),
+                      showSeverity && /* @__PURE__ */ jsx159(Badge, { size: "sm", variant: sev.variant, dot: true, children: sev.label })
                     ] })
                   ] }, event.key);
                 }) })
@@ -38140,7 +38394,7 @@ EventCatalogPicker.displayName = "EventCatalogPicker";
 
 // src/notifications/components/NotificationBell/NotificationBell.tsx
 import { NotificationIcon as NotificationIcon2 } from "@octaviaflow/icons";
-import { useCallback as useCallback58, useState as useState81 } from "react";
+import { useCallback as useCallback59, useState as useState81 } from "react";
 
 // src/notifications/engine/inbox.ts
 function resolveInboxAction(item, catalog) {
@@ -38211,7 +38465,7 @@ function groupInboxByDay(items, now2 = Date.now()) {
 
 // src/notifications/components/NotificationDetailDialog/NotificationDetailDialog.tsx
 import { ArchiveIcon as ArchiveIcon2, LaunchIcon } from "@octaviaflow/icons";
-import { jsx as jsx159, jsxs as jsxs151 } from "react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs152 } from "react/jsx-runtime";
 function NotificationDetailDialog({
   item,
   open,
@@ -38228,7 +38482,7 @@ function NotificationDetailDialog({
   const sev = SEVERITY_META[item.severity];
   const when = formatRelativeTime(new Date(item.createdAt), now2);
   const fullDate = new Date(item.createdAt).toLocaleString();
-  return /* @__PURE__ */ jsxs151(
+  return /* @__PURE__ */ jsxs152(
     Dialog,
     {
       open,
@@ -38236,12 +38490,12 @@ function NotificationDetailDialog({
       size: "md",
       className: cn("ods-notif-detail", className),
       title: item.title,
-      footer: /* @__PURE__ */ jsxs151("div", { className: "ods-notif-detail__footer", children: [
-        onArchive && !item.archivedAt && /* @__PURE__ */ jsx159(
+      footer: /* @__PURE__ */ jsxs152("div", { className: "ods-notif-detail__footer", children: [
+        onArchive && !item.archivedAt && /* @__PURE__ */ jsx160(
           Button,
           {
             variant: "ghost",
-            leftIcon: /* @__PURE__ */ jsx159(ArchiveIcon2, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ jsx160(ArchiveIcon2, { size: "sm", "aria-hidden": "true" }),
             onClick: () => {
               onArchive(item);
               onClose();
@@ -38249,11 +38503,11 @@ function NotificationDetailDialog({
             children: "Archive"
           }
         ),
-        /* @__PURE__ */ jsx159("span", { className: "ods-notif-detail__spacer" }),
-        /* @__PURE__ */ jsx159(Button, { variant: "ghost", onClick: onClose, children: "Close" }),
+        /* @__PURE__ */ jsx160("span", { className: "ods-notif-detail__spacer" }),
+        /* @__PURE__ */ jsx160(Button, { variant: "ghost", onClick: onClose, children: "Close" }),
         resolved.href && // asChild projects the button chrome onto the anchor and skips the
         // icon slots, so the glyph is placed inline.
-        /* @__PURE__ */ jsx159(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxs151(
+        /* @__PURE__ */ jsx160(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxs152(
           "a",
           {
             href: resolved.href,
@@ -38266,20 +38520,20 @@ function NotificationDetailDialog({
             },
             children: [
               resolved.label ?? "Open",
-              /* @__PURE__ */ jsx159(LaunchIcon, { size: "sm", "aria-hidden": "true" })
+              /* @__PURE__ */ jsx160(LaunchIcon, { size: "sm", "aria-hidden": "true" })
             ]
           }
         ) })
       ] }),
       children: [
-        /* @__PURE__ */ jsxs151("div", { className: "ods-notif-detail__meta", children: [
-          /* @__PURE__ */ jsx159(Badge, { size: "sm", variant: sev.variant, dot: true, children: sev.label }),
-          item.source && /* @__PURE__ */ jsx159("span", { children: item.source }),
-          item.subject && /* @__PURE__ */ jsx159("span", { children: item.subject.label }),
-          /* @__PURE__ */ jsx159("time", { dateTime: new Date(item.createdAt).toISOString(), title: fullDate, children: when ?? fullDate })
+        /* @__PURE__ */ jsxs152("div", { className: "ods-notif-detail__meta", children: [
+          /* @__PURE__ */ jsx160(Badge, { size: "sm", variant: sev.variant, dot: true, children: sev.label }),
+          item.source && /* @__PURE__ */ jsx160("span", { children: item.source }),
+          item.subject && /* @__PURE__ */ jsx160("span", { children: item.subject.label }),
+          /* @__PURE__ */ jsx160("time", { dateTime: new Date(item.createdAt).toISOString(), title: fullDate, children: when ?? fullDate })
         ] }),
-        item.body && /* @__PURE__ */ jsx159("p", { className: "ods-notif-detail__body", children: item.body }),
-        item.details && item.details.length > 0 && /* @__PURE__ */ jsx159(
+        item.body && /* @__PURE__ */ jsx160("p", { className: "ods-notif-detail__body", children: item.body }),
+        item.details && item.details.length > 0 && /* @__PURE__ */ jsx160(
           DescriptionList,
           {
             items: item.details.map((d) => ({ label: d.label, value: d.value })),
@@ -38296,7 +38550,7 @@ NotificationDetailDialog.displayName = "NotificationDetailDialog";
 // src/notifications/components/NotificationInbox/NotificationInbox.tsx
 import { ArchiveIcon as ArchiveIcon3, CheckmarkIcon as CheckmarkIcon16, NotificationOffIcon } from "@octaviaflow/icons";
 import { useMemo as useMemo42, useState as useState80 } from "react";
-import { Fragment as Fragment66, jsx as jsx160, jsxs as jsxs152 } from "react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx161, jsxs as jsxs153 } from "react/jsx-runtime";
 var FILTER_OPTIONS = [
   { value: "all", label: "All" },
   { value: "unread", label: "Unread" },
@@ -38348,20 +38602,20 @@ function NotificationInbox({
     const action = resolveInboxAction(item, catalog);
     const interactive = action.kind !== "none" && Boolean(onOpen || onMarkRead || detailDialog);
     const ariaLabel = `${unreadRow ? "Unread: " : ""}${item.title}`;
-    const inner = /* @__PURE__ */ jsxs152(Fragment66, { children: [
-      /* @__PURE__ */ jsx160("span", { className: "ods-inbox__glyph", "aria-hidden": "true", children: sev.icon }),
-      /* @__PURE__ */ jsxs152("span", { className: "ods-inbox__text", children: [
-        /* @__PURE__ */ jsx160("span", { className: "ods-inbox__title", children: item.title }),
-        item.body && /* @__PURE__ */ jsx160("span", { className: "ods-inbox__body", children: item.body }),
-        /* @__PURE__ */ jsxs152("span", { className: "ods-inbox__meta", children: [
-          item.source && /* @__PURE__ */ jsx160("span", { children: item.source }),
-          item.subject && /* @__PURE__ */ jsx160("span", { children: item.subject.label }),
-          when && /* @__PURE__ */ jsx160("time", { dateTime: new Date(item.createdAt).toISOString(), children: when })
+    const inner = /* @__PURE__ */ jsxs153(Fragment66, { children: [
+      /* @__PURE__ */ jsx161("span", { className: "ods-inbox__glyph", "aria-hidden": "true", children: sev.icon }),
+      /* @__PURE__ */ jsxs153("span", { className: "ods-inbox__text", children: [
+        /* @__PURE__ */ jsx161("span", { className: "ods-inbox__title", children: item.title }),
+        item.body && /* @__PURE__ */ jsx161("span", { className: "ods-inbox__body", children: item.body }),
+        /* @__PURE__ */ jsxs153("span", { className: "ods-inbox__meta", children: [
+          item.source && /* @__PURE__ */ jsx161("span", { children: item.source }),
+          item.subject && /* @__PURE__ */ jsx161("span", { children: item.subject.label }),
+          when && /* @__PURE__ */ jsx161("time", { dateTime: new Date(item.createdAt).toISOString(), children: when })
         ] })
       ] }),
-      unreadRow && /* @__PURE__ */ jsx160("span", { className: "ods-inbox__dot", "aria-hidden": "true" })
+      unreadRow && /* @__PURE__ */ jsx161("span", { className: "ods-inbox__dot", "aria-hidden": "true" })
     ] });
-    return /* @__PURE__ */ jsxs152(
+    return /* @__PURE__ */ jsxs153(
       "li",
       {
         className: cn(
@@ -38374,7 +38628,7 @@ function NotificationInbox({
         children: [
           action.kind === "link" && action.href ? (
             // A real anchor: middle-click, copy link and keyboard all work.
-            /* @__PURE__ */ jsx160(
+            /* @__PURE__ */ jsx161(
               "a",
               {
                 className: "ods-inbox__main",
@@ -38389,7 +38643,7 @@ function NotificationInbox({
                 children: inner
               }
             )
-          ) : /* @__PURE__ */ jsx160(
+          ) : /* @__PURE__ */ jsx161(
             "button",
             {
               type: "button",
@@ -38401,25 +38655,25 @@ function NotificationInbox({
               children: inner
             }
           ),
-          !compact && (onMarkRead || onArchive) && !item.archivedAt && /* @__PURE__ */ jsxs152("span", { className: "ods-inbox__actions", children: [
-            onMarkRead && unreadRow && /* @__PURE__ */ jsx160(
+          !compact && (onMarkRead || onArchive) && !item.archivedAt && /* @__PURE__ */ jsxs153("span", { className: "ods-inbox__actions", children: [
+            onMarkRead && unreadRow && /* @__PURE__ */ jsx161(
               Button,
               {
                 size: "sm",
                 variant: "ghost",
                 "aria-label": "Mark as read",
                 onClick: () => onMarkRead([item.id]),
-                children: /* @__PURE__ */ jsx160(CheckmarkIcon16, { size: "sm", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx161(CheckmarkIcon16, { size: "sm", "aria-hidden": "true" })
               }
             ),
-            onArchive && /* @__PURE__ */ jsx160(
+            onArchive && /* @__PURE__ */ jsx161(
               Button,
               {
                 size: "sm",
                 variant: "ghost",
                 "aria-label": "Archive",
                 onClick: () => onArchive([item.id]),
-                children: /* @__PURE__ */ jsx160(ArchiveIcon3, { size: "sm", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx161(ArchiveIcon3, { size: "sm", "aria-hidden": "true" })
               }
             )
           ] })
@@ -38428,9 +38682,9 @@ function NotificationInbox({
       item.id
     );
   };
-  return /* @__PURE__ */ jsxs152("div", { className: cn("ods-inbox", compact && "ods-inbox--compact", className), children: [
-    !compact && /* @__PURE__ */ jsxs152("div", { className: "ods-inbox__toolbar", children: [
-      /* @__PURE__ */ jsx160(
+  return /* @__PURE__ */ jsxs153("div", { className: cn("ods-inbox", compact && "ods-inbox--compact", className), children: [
+    !compact && /* @__PURE__ */ jsxs153("div", { className: "ods-inbox__toolbar", children: [
+      /* @__PURE__ */ jsx161(
         SegmentedControl,
         {
           "aria-label": "Filter",
@@ -38440,22 +38694,22 @@ function NotificationInbox({
           onChange: (v) => setFilter(v)
         }
       ),
-      /* @__PURE__ */ jsx160("span", { className: "ods-inbox__unread", "aria-live": "polite", children: unread === 0 ? "All caught up" : `${unread} unread` }),
-      onMarkAllRead && unread > 0 && /* @__PURE__ */ jsx160(Button, { size: "sm", variant: "ghost", onClick: onMarkAllRead, children: "Mark all read" })
+      /* @__PURE__ */ jsx161("span", { className: "ods-inbox__unread", "aria-live": "polite", children: unread === 0 ? "All caught up" : `${unread} unread` }),
+      onMarkAllRead && unread > 0 && /* @__PURE__ */ jsx161(Button, { size: "sm", variant: "ghost", onClick: onMarkAllRead, children: "Mark all read" })
     ] }),
-    visible.length === 0 ? /* @__PURE__ */ jsx160(
+    visible.length === 0 ? /* @__PURE__ */ jsx161(
       EmptyState,
       {
         size: compact ? "sm" : "md",
-        icon: /* @__PURE__ */ jsx160(NotificationOffIcon, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ jsx161(NotificationOffIcon, { "aria-hidden": "true" }),
         title: emptyTitle ?? (activeFilter === "unread" ? "You're all caught up" : activeFilter === "archived" ? "Nothing archived" : "No notifications yet"),
         description: emptyDescription ?? (activeFilter === "all" ? "Run failures, apps that need re-authentication and account activity will show up here." : void 0)
       }
-    ) : showDays ? /* @__PURE__ */ jsx160("div", { className: "ods-inbox__groups", children: groups.map((group) => /* @__PURE__ */ jsxs152("section", { className: "ods-inbox__group", "aria-label": group.label, children: [
-      /* @__PURE__ */ jsx160("h4", { className: "ods-inbox__day", children: group.label }),
-      /* @__PURE__ */ jsx160("ul", { className: "ods-inbox__rows", children: group.items.map(renderRow) })
-    ] }, group.key)) }) : /* @__PURE__ */ jsx160("ul", { className: "ods-inbox__rows", children: visible.map(renderRow) }),
-    detailDialog && /* @__PURE__ */ jsx160(
+    ) : showDays ? /* @__PURE__ */ jsx161("div", { className: "ods-inbox__groups", children: groups.map((group) => /* @__PURE__ */ jsxs153("section", { className: "ods-inbox__group", "aria-label": group.label, children: [
+      /* @__PURE__ */ jsx161("h4", { className: "ods-inbox__day", children: group.label }),
+      /* @__PURE__ */ jsx161("ul", { className: "ods-inbox__rows", children: group.items.map(renderRow) })
+    ] }, group.key)) }) : /* @__PURE__ */ jsx161("ul", { className: "ods-inbox__rows", children: visible.map(renderRow) }),
+    detailDialog && /* @__PURE__ */ jsx161(
       NotificationDetailDialog,
       {
         item: detailItem,
@@ -38472,7 +38726,7 @@ function NotificationInbox({
 NotificationInbox.displayName = "NotificationInbox";
 
 // src/notifications/components/NotificationBell/NotificationBell.tsx
-import { Fragment as Fragment67, jsx as jsx161, jsxs as jsxs153 } from "react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx162, jsxs as jsxs154 } from "react/jsx-runtime";
 function NotificationBell({
   items,
   unreadCount,
@@ -38497,7 +38751,7 @@ function NotificationBell({
   const countLabel = unread > 99 ? "99+" : String(unread);
   const [internalOpen, setInternalOpen] = useState81(false);
   const isOpen = open ?? internalOpen;
-  const setOpen = useCallback58(
+  const setOpen = useCallback59(
     (next) => {
       if (open === void 0) setInternalOpen(next);
       onOpenChange?.(next);
@@ -38510,8 +38764,8 @@ function NotificationBell({
     if (action.kind === "modal") setDetailItem(item);
     onOpenItem?.(item, action);
   };
-  return /* @__PURE__ */ jsxs153(Fragment67, { children: [
-    /* @__PURE__ */ jsx161(
+  return /* @__PURE__ */ jsxs154(Fragment67, { children: [
+    /* @__PURE__ */ jsx162(
       Popover,
       {
         open: isOpen,
@@ -38520,14 +38774,14 @@ function NotificationBell({
         align,
         "aria-label": label,
         className: cn("ods-notif-bell__popover", className),
-        content: /* @__PURE__ */ jsxs153("div", { className: "ods-notif-bell__panel", children: [
-          /* @__PURE__ */ jsxs153("div", { className: "ods-notif-bell__head", children: [
-            /* @__PURE__ */ jsx161("h3", { className: "ods-notif-bell__title", children: label }),
-            /* @__PURE__ */ jsx161("span", { className: "ods-notif-bell__spacer" }),
+        content: /* @__PURE__ */ jsxs154("div", { className: "ods-notif-bell__panel", children: [
+          /* @__PURE__ */ jsxs154("div", { className: "ods-notif-bell__head", children: [
+            /* @__PURE__ */ jsx162("h3", { className: "ods-notif-bell__title", children: label }),
+            /* @__PURE__ */ jsx162("span", { className: "ods-notif-bell__spacer" }),
             onMarkAllRead && // Always offered so the control is discoverable; disabled (not
             // hidden) when there's nothing unread, so it never appears to
             // vanish between visits.
-            /* @__PURE__ */ jsx161(
+            /* @__PURE__ */ jsx162(
               Button,
               {
                 size: "sm",
@@ -38538,7 +38792,7 @@ function NotificationBell({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx161("div", { className: "ods-notif-bell__body", children: /* @__PURE__ */ jsx161(
+          /* @__PURE__ */ jsx162("div", { className: "ods-notif-bell__body", children: /* @__PURE__ */ jsx162(
             NotificationInbox,
             {
               items,
@@ -38554,7 +38808,7 @@ function NotificationBell({
               emptyDescription: void 0
             }
           ) }),
-          onViewAll && /* @__PURE__ */ jsx161("div", { className: "ods-notif-bell__foot", children: /* @__PURE__ */ jsx161(
+          onViewAll && /* @__PURE__ */ jsx162("div", { className: "ods-notif-bell__foot", children: /* @__PURE__ */ jsx162(
             Button,
             {
               size: "sm",
@@ -38567,22 +38821,22 @@ function NotificationBell({
             }
           ) })
         ] }),
-        children: /* @__PURE__ */ jsxs153("span", { className: cn("ods-notif-bell", hasUnread && "ods-notif-bell--unread"), children: [
-          /* @__PURE__ */ jsx161(
+        children: /* @__PURE__ */ jsxs154("span", { className: cn("ods-notif-bell", hasUnread && "ods-notif-bell--unread"), children: [
+          /* @__PURE__ */ jsx162(
             Button,
             {
               variant: "icon",
               size: "md",
               className: "ods-notif-bell__trigger",
               "aria-label": hasUnread ? `${label}, ${countLabel} unread` : label,
-              children: /* @__PURE__ */ jsx161(NotificationIcon2, { size: "sm", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx162(NotificationIcon2, { size: "sm", "aria-hidden": "true" })
             }
           ),
-          hasUnread && /* @__PURE__ */ jsx161("span", { className: "ods-notif-bell__count", "aria-hidden": "true", children: countLabel })
+          hasUnread && /* @__PURE__ */ jsx162("span", { className: "ods-notif-bell__count", "aria-hidden": "true", children: countLabel })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx161(
+    /* @__PURE__ */ jsx162(
       NotificationDetailDialog,
       {
         item: detailItem,
@@ -38600,7 +38854,7 @@ NotificationBell.displayName = "NotificationBell";
 
 // src/notifications/components/NotificationChannelCard/NotificationChannelCard.tsx
 import { EditIcon, SendIcon, TrashCanIcon as TrashCanIcon3 } from "@octaviaflow/icons";
-import { jsx as jsx162, jsxs as jsxs154 } from "react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs155 } from "react/jsx-runtime";
 function NotificationChannelCard({
   channel,
   onTest,
@@ -38621,7 +38875,7 @@ function NotificationChannelCard({
     now2
   );
   const inApp = channel.type === "in_app";
-  return /* @__PURE__ */ jsxs154(
+  return /* @__PURE__ */ jsxs155(
     "article",
     {
       className: cn(
@@ -38633,30 +38887,30 @@ function NotificationChannelCard({
       "data-status": channel.enabled ? channel.status : "disabled",
       "aria-label": `${channel.label} (${type.label})`,
       children: [
-        /* @__PURE__ */ jsxs154("header", { className: "ods-notif-channel__head", children: [
-          /* @__PURE__ */ jsx162("span", { className: "ods-notif-channel__icon", "aria-hidden": "true", children: icon ?? type.icon }),
-          /* @__PURE__ */ jsxs154("span", { className: "ods-notif-channel__titles", children: [
-            /* @__PURE__ */ jsx162("span", { className: "ods-notif-channel__label", children: channel.label }),
-            /* @__PURE__ */ jsxs154("span", { className: "ods-notif-channel__type", children: [
+        /* @__PURE__ */ jsxs155("header", { className: "ods-notif-channel__head", children: [
+          /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel__icon", "aria-hidden": "true", children: icon ?? type.icon }),
+          /* @__PURE__ */ jsxs155("span", { className: "ods-notif-channel__titles", children: [
+            /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel__label", children: channel.label }),
+            /* @__PURE__ */ jsxs155("span", { className: "ods-notif-channel__type", children: [
               type.label,
               channel.instanceLabel ? ` \xB7 ${channel.instanceLabel}` : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx162(Badge, { size: "sm", variant: status.variant, dot: true, children: status.label })
+          /* @__PURE__ */ jsx163(Badge, { size: "sm", variant: status.variant, dot: true, children: status.label })
         ] }),
-        (channel.target || inApp) && /* @__PURE__ */ jsx162("div", { className: "ods-notif-channel__target", title: channel.target, children: inApp ? "Every member's bell and inbox" : channel.target }),
-        /* @__PURE__ */ jsx162("div", { className: "ods-notif-channel__meta", children: channel.status === "failing" && channel.lastError ? /* @__PURE__ */ jsx162("span", { className: "ods-notif-channel__error", title: channel.lastError, children: channel.lastError }) : last ? /* @__PURE__ */ jsxs154("span", { children: [
+        (channel.target || inApp) && /* @__PURE__ */ jsx163("div", { className: "ods-notif-channel__target", title: channel.target, children: inApp ? "Every member's bell and inbox" : channel.target }),
+        /* @__PURE__ */ jsx163("div", { className: "ods-notif-channel__meta", children: channel.status === "failing" && channel.lastError ? /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel__error", title: channel.lastError, children: channel.lastError }) : last ? /* @__PURE__ */ jsxs155("span", { children: [
           "Last delivery ",
           last
-        ] }) : /* @__PURE__ */ jsx162("span", { children: "No deliveries yet" }) }),
-        testResult && /* @__PURE__ */ jsx162(InlineMessage, { tone: testResult.ok ? "success" : "danger", size: "sm", live: "polite", children: testResult.message ?? (testResult.ok ? "Test message delivered." : "Test failed.") }),
-        !readOnly && !inApp && /* @__PURE__ */ jsxs154("footer", { className: "ods-notif-channel__actions", children: [
-          onTest && /* @__PURE__ */ jsx162(
+        ] }) : /* @__PURE__ */ jsx163("span", { children: "No deliveries yet" }) }),
+        testResult && /* @__PURE__ */ jsx163(InlineMessage, { tone: testResult.ok ? "success" : "danger", size: "sm", live: "polite", children: testResult.message ?? (testResult.ok ? "Test message delivered." : "Test failed.") }),
+        !readOnly && !inApp && /* @__PURE__ */ jsxs155("footer", { className: "ods-notif-channel__actions", children: [
+          onTest && /* @__PURE__ */ jsx163(
             Button,
             {
               size: "sm",
               variant: "secondary",
-              leftIcon: /* @__PURE__ */ jsx162(SendIcon, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ jsx163(SendIcon, { size: "sm", "aria-hidden": "true" }),
               loading: testing,
               loadingText: "Sending\u2026",
               disabled: !channel.enabled,
@@ -38664,18 +38918,18 @@ function NotificationChannelCard({
               children: "Send test"
             }
           ),
-          /* @__PURE__ */ jsx162("span", { className: "ods-notif-channel__spacer" }),
-          onEdit && /* @__PURE__ */ jsx162(
+          /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel__spacer" }),
+          onEdit && /* @__PURE__ */ jsx163(
             Button,
             {
               size: "sm",
               variant: "ghost",
               "aria-label": `Edit ${channel.label}`,
               onClick: () => onEdit(channel),
-              children: /* @__PURE__ */ jsx162(EditIcon, { size: "sm", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx163(EditIcon, { size: "sm", "aria-hidden": "true" })
             }
           ),
-          onRemove && /* @__PURE__ */ jsx162(
+          onRemove && /* @__PURE__ */ jsx163(
             Button,
             {
               size: "sm",
@@ -38683,10 +38937,10 @@ function NotificationChannelCard({
               "aria-label": `Remove ${channel.label}`,
               className: "ods-notif-channel__remove",
               onClick: () => onRemove(channel),
-              children: /* @__PURE__ */ jsx162(TrashCanIcon3, { size: "sm", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx163(TrashCanIcon3, { size: "sm", "aria-hidden": "true" })
             }
           ),
-          onToggle && /* @__PURE__ */ jsx162(
+          onToggle && /* @__PURE__ */ jsx163(
             Switch,
             {
               size: "sm",
@@ -38704,7 +38958,7 @@ NotificationChannelCard.displayName = "NotificationChannelCard";
 
 // src/notifications/components/NotificationChannelDialog/NotificationChannelDialog.tsx
 import { SendIcon as SendIcon2 } from "@octaviaflow/icons";
-import { useEffect as useEffect60, useMemo as useMemo43, useState as useState83 } from "react";
+import { useEffect as useEffect61, useMemo as useMemo43, useState as useState83 } from "react";
 
 // src/notifications/engine/channels.ts
 var CONNECTED_CHANNEL_TYPES = [
@@ -38810,8 +39064,8 @@ function draftFromChannel(channel, fallbackType = "slack") {
 
 // src/notifications/components/NotificationChannelForm/NotificationChannelForm.tsx
 import { AddIcon as AddIcon6, CheckmarkFilledIcon as CheckmarkFilledIcon3, LaunchIcon as LaunchIcon2 } from "@octaviaflow/icons";
-import { useId as useId67, useState as useState82 } from "react";
-import { jsx as jsx163, jsxs as jsxs155 } from "react/jsx-runtime";
+import { useId as useId68, useState as useState82 } from "react";
+import { jsx as jsx164, jsxs as jsxs156 } from "react/jsx-runtime";
 var DEFAULT_TYPES = [
   "slack",
   "email",
@@ -38850,7 +39104,7 @@ function NotificationChannelForm({
   className,
   id
 }) {
-  const reactId = useId67();
+  const reactId = useId68();
   const baseId = id ?? `${reactId}-channel`;
   const typeMeta = CHANNEL_TYPE_META[value.type];
   const patch = (next) => onChange({ ...value, ...next });
@@ -38894,20 +39148,20 @@ function NotificationChannelForm({
     onChange({ type, label: value.label, id: value.id });
     setTouched({});
   };
-  const stepTitle = (n, title, hint) => /* @__PURE__ */ jsxs155("legend", { className: "ods-notif-channel-form__legend", children: [
-    numbered && /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__step-num", children: n }),
-    /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__step-title", children: title }),
-    hint && /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__step-hint", children: hint })
+  const stepTitle = (n, title, hint) => /* @__PURE__ */ jsxs156("legend", { className: "ods-notif-channel-form__legend", children: [
+    numbered && /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__step-num", children: n }),
+    /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__step-title", children: title }),
+    hint && /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__step-hint", children: hint })
   ] });
   const destinationHint = typeMeta.connected ? "Pick a connected app, then where it should post." : value.type === "email" ? "Who should receive these emails?" : "Where should we send the signed JSON?";
-  return /* @__PURE__ */ jsxs155("div", { className: cn("ods-notif-channel-form", className), "data-size": size, id: baseId, children: [
-    /* @__PURE__ */ jsxs155("fieldset", { className: "ods-notif-channel-form__section", children: [
+  return /* @__PURE__ */ jsxs156("div", { className: cn("ods-notif-channel-form", className), "data-size": size, id: baseId, children: [
+    /* @__PURE__ */ jsxs156("fieldset", { className: "ods-notif-channel-form__section", children: [
       stepTitle(1, "Type", lockType ? "Type cannot change after creation." : void 0),
-      /* @__PURE__ */ jsx163("div", { className: "ods-notif-channel-form__types", role: "radiogroup", "aria-label": "Channel type", children: types.map((type) => {
+      /* @__PURE__ */ jsx164("div", { className: "ods-notif-channel-form__types", role: "radiogroup", "aria-label": "Channel type", children: types.map((type) => {
         const meta2 = CHANNEL_TYPE_META[type];
         const selected = type === value.type;
         const hasApp = !meta2.connected || instances.some((i) => i.type === type);
-        return /* @__PURE__ */ jsxs155(
+        return /* @__PURE__ */ jsxs156(
           "button",
           {
             type: "button",
@@ -38920,28 +39174,28 @@ function NotificationChannelForm({
             disabled: readOnly || lockType && !selected,
             onClick: () => selectType(type),
             children: [
-              /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__type-icon", "aria-hidden": "true", children: meta2.icon }),
-              /* @__PURE__ */ jsxs155("span", { className: "ods-notif-channel-form__type-text", children: [
-                /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__type-label", children: meta2.label }),
-                /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__type-hint", children: meta2.connected && hasApp ? "Connected" : meta2.hint })
+              /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__type-icon", "aria-hidden": "true", children: meta2.icon }),
+              /* @__PURE__ */ jsxs156("span", { className: "ods-notif-channel-form__type-text", children: [
+                /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__type-label", children: meta2.label }),
+                /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__type-hint", children: meta2.connected && hasApp ? "Connected" : meta2.hint })
               ] }),
-              selected && /* @__PURE__ */ jsx163("span", { className: "ods-notif-channel-form__type-check", "aria-hidden": "true", children: /* @__PURE__ */ jsx163(CheckmarkFilledIcon3, { size: "sm" }) })
+              selected && /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-form__type-check", "aria-hidden": "true", children: /* @__PURE__ */ jsx164(CheckmarkFilledIcon3, { size: "sm" }) })
             ]
           },
           type
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsxs155("fieldset", { className: "ods-notif-channel-form__section", children: [
+    /* @__PURE__ */ jsxs156("fieldset", { className: "ods-notif-channel-form__section", children: [
       stepTitle(2, "Destination", destinationHint),
-      typeMeta.connected && (forType.length === 0 ? /* @__PURE__ */ jsxs155(Callout, { variant: "info", size: "sm", title: `No ${typeMeta.label} app connected yet`, children: [
-        /* @__PURE__ */ jsx163("p", { className: "ods-notif-channel-form__p", children: "Connect one first \u2014 it takes a minute, and flows can use the same connection." }),
-        onConnectNew && !readOnly && /* @__PURE__ */ jsxs155(
+      typeMeta.connected && (forType.length === 0 ? /* @__PURE__ */ jsxs156(Callout, { variant: "info", size: "sm", title: `No ${typeMeta.label} app connected yet`, children: [
+        /* @__PURE__ */ jsx164("p", { className: "ods-notif-channel-form__p", children: "Connect one first \u2014 it takes a minute, and flows can use the same connection." }),
+        onConnectNew && !readOnly && /* @__PURE__ */ jsxs156(
           Button,
           {
             size: "sm",
             variant: "primary",
-            leftIcon: /* @__PURE__ */ jsx163(LaunchIcon2, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ jsx164(LaunchIcon2, { size: "sm", "aria-hidden": "true" }),
             onClick: () => onConnectNew(value.type),
             children: [
               "Connect ",
@@ -38949,9 +39203,9 @@ function NotificationChannelForm({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs155("div", { className: "ods-notif-channel-form__grid", children: [
-        /* @__PURE__ */ jsxs155("div", { className: "ods-notif-channel-form__row", children: [
-          /* @__PURE__ */ jsx163(
+      ] }) : /* @__PURE__ */ jsxs156("div", { className: "ods-notif-channel-form__grid", children: [
+        /* @__PURE__ */ jsxs156("div", { className: "ods-notif-channel-form__row", children: [
+          /* @__PURE__ */ jsx164(
             Select,
             {
               id: `${baseId}-instance`,
@@ -38970,12 +39224,12 @@ function NotificationChannelForm({
               className: "ods-notif-channel-form__grow"
             }
           ),
-          onConnectNew && !readOnly && /* @__PURE__ */ jsx163(
+          onConnectNew && !readOnly && /* @__PURE__ */ jsx164(
             Button,
             {
               size,
               variant: "ghost",
-              leftIcon: /* @__PURE__ */ jsx163(AddIcon6, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ jsx164(AddIcon6, { size: "sm", "aria-hidden": "true" }),
               onClick: () => onConnectNew(value.type),
               className: "ods-notif-channel-form__connect",
               children: "Connect new"
@@ -38987,7 +39241,7 @@ function NotificationChannelForm({
           // modal whose focus scope would pull focus straight back
           // out of a portaled search box. The Combobox input stays
           // inside the dialog; only its list is portaled.
-          /* @__PURE__ */ jsx163(
+          /* @__PURE__ */ jsx164(
             Combobox,
             {
               id: `${baseId}-target`,
@@ -39005,7 +39259,7 @@ function NotificationChannelForm({
               size
             }
           )
-        ) : /* @__PURE__ */ jsx163(
+        ) : /* @__PURE__ */ jsx164(
           Input,
           {
             id: `${baseId}-target`,
@@ -39021,9 +39275,9 @@ function NotificationChannelForm({
           }
         ))
       ] })),
-      value.type === "email" && /* @__PURE__ */ jsxs155("div", { className: "ods-notif-channel-form__field", children: [
-        /* @__PURE__ */ jsx163("label", { className: "ods-notif-channel-form__label", htmlFor: `${baseId}-recipient`, children: "Recipients" }),
-        /* @__PURE__ */ jsxs155(
+      value.type === "email" && /* @__PURE__ */ jsxs156("div", { className: "ods-notif-channel-form__field", children: [
+        /* @__PURE__ */ jsx164("label", { className: "ods-notif-channel-form__label", htmlFor: `${baseId}-recipient`, children: "Recipients" }),
+        /* @__PURE__ */ jsxs156(
           "div",
           {
             className: cn(
@@ -39031,7 +39285,7 @@ function NotificationChannelForm({
               errorFor("recipients") && "ods-notif-channel-form__recipients--error"
             ),
             children: [
-              recipients.map((r) => /* @__PURE__ */ jsx163(
+              recipients.map((r) => /* @__PURE__ */ jsx164(
                 Chip,
                 {
                   size: "sm",
@@ -39042,7 +39296,7 @@ function NotificationChannelForm({
                 },
                 r
               )),
-              /* @__PURE__ */ jsx163(
+              /* @__PURE__ */ jsx164(
                 "input",
                 {
                   id: `${baseId}-recipient`,
@@ -39060,7 +39314,7 @@ function NotificationChannelForm({
             ]
           }
         ),
-        /* @__PURE__ */ jsx163(
+        /* @__PURE__ */ jsx164(
           "div",
           {
             className: cn(
@@ -39071,7 +39325,7 @@ function NotificationChannelForm({
           }
         )
       ] }),
-      value.type === "webhook" && /* @__PURE__ */ jsx163(
+      value.type === "webhook" && /* @__PURE__ */ jsx164(
         Input,
         {
           id: `${baseId}-url`,
@@ -39088,7 +39342,7 @@ function NotificationChannelForm({
           size
         }
       ),
-      value.type === "whatsapp" && /* @__PURE__ */ jsx163(
+      value.type === "whatsapp" && /* @__PURE__ */ jsx164(
         Input,
         {
           id: `${baseId}-target`,
@@ -39106,9 +39360,9 @@ function NotificationChannelForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs155("fieldset", { className: "ods-notif-channel-form__section", children: [
+    /* @__PURE__ */ jsxs156("fieldset", { className: "ods-notif-channel-form__section", children: [
       stepTitle(3, "Name", "How this channel appears in rules and the activity log."),
-      /* @__PURE__ */ jsx163(
+      /* @__PURE__ */ jsx164(
         Input,
         {
           id: `${baseId}-label`,
@@ -39125,16 +39379,16 @@ function NotificationChannelForm({
         }
       )
     ] }),
-    showSummary && summary && /* @__PURE__ */ jsxs155("div", { className: "ods-notif-channel-form__summary", "aria-live": "polite", children: [
-      /* @__PURE__ */ jsx163(CheckmarkFilledIcon3, { size: "sm", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx163("span", { children: summary })
+    showSummary && summary && /* @__PURE__ */ jsxs156("div", { className: "ods-notif-channel-form__summary", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx164(CheckmarkFilledIcon3, { size: "sm", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx164("span", { children: summary })
     ] })
   ] });
 }
 NotificationChannelForm.displayName = "NotificationChannelForm";
 
 // src/notifications/components/NotificationChannelDialog/NotificationChannelDialog.tsx
-import { jsx as jsx164, jsxs as jsxs156 } from "react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs157 } from "react/jsx-runtime";
 function NotificationChannelDialog({
   open,
   onClose,
@@ -39162,7 +39416,7 @@ function NotificationChannelDialog({
   const [testing, setTesting] = useState83(false);
   const [testResult, setTestResult] = useState83(null);
   const [submitError, setSubmitError] = useState83(null);
-  useEffect60(() => {
+  useEffect61(() => {
     if (!open) return;
     setDraft(draftFromChannel(channel, initialType));
     setSubmitted(false);
@@ -39205,7 +39459,7 @@ function NotificationChannelDialog({
       setTesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs156(
+  return /* @__PURE__ */ jsxs157(
     Dialog,
     {
       open,
@@ -39215,12 +39469,12 @@ function NotificationChannelDialog({
       title: title ?? (editing ? "Edit channel" : "Add channel"),
       description: description ?? (editing ? "Change where this channel posts or what it is called." : "Where should notifications go besides the in-app inbox?"),
       closeOnOverlayClick: false,
-      footer: /* @__PURE__ */ jsxs156("div", { className: "ods-notif-channel-dialog__footer", children: [
-        onTest && /* @__PURE__ */ jsx164(
+      footer: /* @__PURE__ */ jsxs157("div", { className: "ods-notif-channel-dialog__footer", children: [
+        onTest && /* @__PURE__ */ jsx165(
           Button,
           {
             variant: "secondary",
-            leftIcon: /* @__PURE__ */ jsx164(SendIcon2, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ jsx165(SendIcon2, { size: "sm", "aria-hidden": "true" }),
             loading: testing,
             loadingText: "Sending\u2026",
             disabled: !complete || saving,
@@ -39228,9 +39482,9 @@ function NotificationChannelDialog({
             children: "Send test"
           }
         ),
-        /* @__PURE__ */ jsx164("span", { className: "ods-notif-channel-dialog__spacer" }),
-        /* @__PURE__ */ jsx164(Button, { variant: "ghost", onClick: onClose, disabled: saving, children: "Cancel" }),
-        /* @__PURE__ */ jsx164(
+        /* @__PURE__ */ jsx165("span", { className: "ods-notif-channel-dialog__spacer" }),
+        /* @__PURE__ */ jsx165(Button, { variant: "ghost", onClick: onClose, disabled: saving, children: "Cancel" }),
+        /* @__PURE__ */ jsx165(
           Button,
           {
             variant: "primary",
@@ -39242,7 +39496,7 @@ function NotificationChannelDialog({
         )
       ] }),
       children: [
-        /* @__PURE__ */ jsx164(
+        /* @__PURE__ */ jsx165(
           NotificationChannelForm,
           {
             value: draft,
@@ -39257,7 +39511,7 @@ function NotificationChannelDialog({
             showAllErrors: submitted
           }
         ),
-        (testResult || submitError) && /* @__PURE__ */ jsx164("div", { className: "ods-notif-channel-dialog__test", children: submitError ? /* @__PURE__ */ jsx164(InlineMessage, { tone: "danger", size: "sm", live: "assertive", children: submitError }) : testResult ? /* @__PURE__ */ jsx164(InlineMessage, { tone: testResult.ok ? "success" : "danger", size: "sm", live: "polite", children: testResult.message ?? (testResult.ok ? "Test message delivered." : "Test failed \u2014 check the destination.") }) : null })
+        (testResult || submitError) && /* @__PURE__ */ jsx165("div", { className: "ods-notif-channel-dialog__test", children: submitError ? /* @__PURE__ */ jsx165(InlineMessage, { tone: "danger", size: "sm", live: "assertive", children: submitError }) : testResult ? /* @__PURE__ */ jsx165(InlineMessage, { tone: testResult.ok ? "success" : "danger", size: "sm", live: "polite", children: testResult.message ?? (testResult.ok ? "Test message delivered." : "Test failed \u2014 check the destination.") }) : null })
       ]
     }
   );
@@ -39266,7 +39520,7 @@ NotificationChannelDialog.displayName = "NotificationChannelDialog";
 
 // src/notifications/components/NotificationChannelList/NotificationChannelList.tsx
 import { AddIcon as AddIcon7, ConnectIcon } from "@octaviaflow/icons";
-import { jsx as jsx165, jsxs as jsxs157 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs158 } from "react/jsx-runtime";
 function NotificationChannelList({
   channels,
   title = "Channels",
@@ -39283,41 +39537,41 @@ function NotificationChannelList({
   className
 }) {
   const canAdd = Boolean(onAdd) && !readOnly;
-  return /* @__PURE__ */ jsxs157("section", { className: cn("ods-notif-channels", className), "aria-label": "Notification channels", children: [
-    /* @__PURE__ */ jsxs157("header", { className: "ods-notif-channels__head", children: [
-      /* @__PURE__ */ jsxs157("h3", { className: "ods-notif-channels__title", children: [
+  return /* @__PURE__ */ jsxs158("section", { className: cn("ods-notif-channels", className), "aria-label": "Notification channels", children: [
+    /* @__PURE__ */ jsxs158("header", { className: "ods-notif-channels__head", children: [
+      /* @__PURE__ */ jsxs158("h3", { className: "ods-notif-channels__title", children: [
         title,
-        /* @__PURE__ */ jsx165("span", { className: "ods-notif-channels__count", children: channels.length })
+        /* @__PURE__ */ jsx166("span", { className: "ods-notif-channels__count", children: channels.length })
       ] }),
-      canAdd && channels.length > 0 && /* @__PURE__ */ jsx165(
+      canAdd && channels.length > 0 && /* @__PURE__ */ jsx166(
         Button,
         {
           size: "sm",
           variant: "secondary",
-          leftIcon: /* @__PURE__ */ jsx165(AddIcon7, { size: "sm", "aria-hidden": "true" }),
+          leftIcon: /* @__PURE__ */ jsx166(AddIcon7, { size: "sm", "aria-hidden": "true" }),
           onClick: onAdd,
           children: "Add channel"
         }
       )
     ] }),
-    channels.length === 0 ? /* @__PURE__ */ jsx165(
+    channels.length === 0 ? /* @__PURE__ */ jsx166(
       EmptyState,
       {
-        icon: /* @__PURE__ */ jsx165(ConnectIcon, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ jsx166(ConnectIcon, { "aria-hidden": "true" }),
         title: "No channels yet",
         description: "A channel is somewhere alerts go besides the in-app inbox \u2014 a Slack channel, an email address, a webhook. Add one, then point rules at it.",
-        action: canAdd ? /* @__PURE__ */ jsx165(
+        action: canAdd ? /* @__PURE__ */ jsx166(
           Button,
           {
             variant: "primary",
-            leftIcon: /* @__PURE__ */ jsx165(AddIcon7, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ jsx166(AddIcon7, { size: "sm", "aria-hidden": "true" }),
             onClick: onAdd,
             children: "Add channel"
           }
         ) : void 0
       }
-    ) : /* @__PURE__ */ jsxs157("div", { className: "ods-notif-channels__grid", children: [
-      channels.map((channel) => /* @__PURE__ */ jsx165(
+    ) : /* @__PURE__ */ jsxs158("div", { className: "ods-notif-channels__grid", children: [
+      channels.map((channel) => /* @__PURE__ */ jsx166(
         NotificationChannelCard,
         {
           channel,
@@ -39333,8 +39587,8 @@ function NotificationChannelList({
         },
         channel.id
       )),
-      canAdd && /* @__PURE__ */ jsxs157("button", { type: "button", className: "ods-notif-channels__add", onClick: onAdd, children: [
-        /* @__PURE__ */ jsx165("span", { className: "ods-notif-channels__add-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx165(AddIcon7, { size: "sm" }) }),
+      canAdd && /* @__PURE__ */ jsxs158("button", { type: "button", className: "ods-notif-channels__add", onClick: onAdd, children: [
+        /* @__PURE__ */ jsx166("span", { className: "ods-notif-channels__add-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx166(AddIcon7, { size: "sm" }) }),
         "Add channel"
       ] })
     ] })
@@ -39344,7 +39598,7 @@ NotificationChannelList.displayName = "NotificationChannelList";
 
 // src/notifications/components/NotificationPreferenceMatrix/NotificationPreferenceMatrix.tsx
 import { LockedIcon as LockedIcon2 } from "@octaviaflow/icons";
-import { useId as useId68, useMemo as useMemo44, useState as useState84 } from "react";
+import { useId as useId69, useMemo as useMemo44, useState as useState84 } from "react";
 
 // src/notifications/engine/preferences.ts
 var CRITICAL_CHANNELS = ["in_app", "email"];
@@ -39413,7 +39667,7 @@ function countEnabled(prefs, catalog, channel) {
 }
 
 // src/notifications/components/NotificationPreferenceMatrix/NotificationPreferenceMatrix.tsx
-import { jsx as jsx166, jsxs as jsxs158 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs159 } from "react/jsx-runtime";
 var DEFAULT_COLUMNS = [{ id: "in_app" }, { id: "email" }];
 var FREQUENCY_OPTIONS = [
   { value: "immediate", label: "Immediately" },
@@ -39432,7 +39686,7 @@ function NotificationPreferenceMatrix({
   className,
   id
 }) {
-  const reactId = useId68();
+  const reactId = useId69();
   const baseId = id ?? `${reactId}-prefs`;
   const visible = useMemo44(
     () => filterCatalog(catalog, personalAudiences(isAdmin)),
@@ -39455,13 +39709,13 @@ function NotificationPreferenceMatrix({
     );
     onChange(r.next);
   };
-  return /* @__PURE__ */ jsxs158("div", { className: cn("ods-pref-matrix", className), id: baseId, children: [
-    showEmailFrequency && /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__frequency", children: [
-      /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__frequency-label", children: [
+  return /* @__PURE__ */ jsxs159("div", { className: cn("ods-pref-matrix", className), id: baseId, children: [
+    showEmailFrequency && /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__frequency", children: [
+      /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__frequency-label", children: [
         "Email frequency",
-        /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__frequency-hint", children: "Critical alerts are always sent immediately." })
+        /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__frequency-hint", children: "Critical alerts are always sent immediately." })
       ] }),
-      /* @__PURE__ */ jsx166(
+      /* @__PURE__ */ jsx167(
         SegmentedControl,
         {
           "aria-label": "Email frequency",
@@ -39472,8 +39726,8 @@ function NotificationPreferenceMatrix({
           disabled: readOnly
         }
       ),
-      value.emailFrequency === "daily" && /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__digest", children: [
-        /* @__PURE__ */ jsx166(
+      value.emailFrequency === "daily" && /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__digest", children: [
+        /* @__PURE__ */ jsx167(
           TimePicker,
           {
             label: "At",
@@ -39484,7 +39738,7 @@ function NotificationPreferenceMatrix({
             disabled: readOnly
           }
         ),
-        /* @__PURE__ */ jsx166(
+        /* @__PURE__ */ jsx167(
           TimezonePicker,
           {
             label: "Timezone",
@@ -39496,8 +39750,8 @@ function NotificationPreferenceMatrix({
         )
       ] })
     ] }),
-    notice && /* @__PURE__ */ jsx166(InlineMessage, { tone: "warning", size: "sm", live: "polite", children: notice }),
-    /* @__PURE__ */ jsxs158(
+    notice && /* @__PURE__ */ jsx167(InlineMessage, { tone: "warning", size: "sm", live: "polite", children: notice }),
+    /* @__PURE__ */ jsxs159(
       "div",
       {
         className: "ods-pref-matrix__table",
@@ -39505,17 +39759,17 @@ function NotificationPreferenceMatrix({
         "aria-label": "Notification preferences",
         style: { "--ods-pref-columns": channels.length },
         children: [
-          /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__row ods-pref-matrix__row--head", role: "row", children: [
-            /* @__PURE__ */ jsx166("div", { className: "ods-pref-matrix__cell ods-pref-matrix__cell--label", role: "columnheader", children: "Event" }),
+          /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__row ods-pref-matrix__row--head", role: "row", children: [
+            /* @__PURE__ */ jsx167("div", { className: "ods-pref-matrix__cell ods-pref-matrix__cell--label", role: "columnheader", children: "Event" }),
             channels.map((col) => {
               const meta2 = PERSONAL_CHANNEL_META[col.id];
-              return /* @__PURE__ */ jsxs158(
+              return /* @__PURE__ */ jsxs159(
                 "div",
                 {
                   className: "ods-pref-matrix__cell ods-pref-matrix__cell--col",
                   role: "columnheader",
                   children: [
-                    /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__col-icon", "aria-hidden": "true", children: col.icon ?? meta2.icon }),
+                    /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__col-icon", "aria-hidden": "true", children: col.icon ?? meta2.icon }),
                     col.label ?? meta2.label
                   ]
                 },
@@ -39523,20 +39777,20 @@ function NotificationPreferenceMatrix({
               );
             })
           ] }),
-          visible.map((category) => /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__group", role: "rowgroup", children: [
-            /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__row ods-pref-matrix__row--group", role: "row", children: [
-              /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__cell ods-pref-matrix__cell--label", role: "rowheader", children: [
-                /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__group-title", children: category.label }),
-                category.description && /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__group-desc", children: category.description })
+          visible.map((category) => /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__group", role: "rowgroup", children: [
+            /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__row ods-pref-matrix__row--group", role: "row", children: [
+              /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__cell ods-pref-matrix__cell--label", role: "rowheader", children: [
+                /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__group-title", children: category.label }),
+                category.description && /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__group-desc", children: category.description })
               ] }),
               channels.map((col) => {
                 const state = categoryColumnState(value, category, col.id);
-                return /* @__PURE__ */ jsx166(
+                return /* @__PURE__ */ jsx167(
                   "div",
                   {
                     className: "ods-pref-matrix__cell ods-pref-matrix__cell--col",
                     role: "cell",
-                    children: /* @__PURE__ */ jsx166(
+                    children: /* @__PURE__ */ jsx167(
                       Checkbox,
                       {
                         size: "sm",
@@ -39554,19 +39808,19 @@ function NotificationPreferenceMatrix({
             ] }),
             category.events.map((event) => {
               const sev = SEVERITY_META[event.severity];
-              return /* @__PURE__ */ jsxs158("div", { className: "ods-pref-matrix__row", role: "row", children: [
-                /* @__PURE__ */ jsxs158(
+              return /* @__PURE__ */ jsxs159("div", { className: "ods-pref-matrix__row", role: "row", children: [
+                /* @__PURE__ */ jsxs159(
                   "div",
                   {
                     className: "ods-pref-matrix__cell ods-pref-matrix__cell--label",
                     role: "rowheader",
                     children: [
-                      /* @__PURE__ */ jsxs158("span", { className: "ods-pref-matrix__event", children: [
-                        /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__event-label", children: event.label }),
-                        /* @__PURE__ */ jsx166(Badge, { size: "sm", variant: sev.variant, dot: true, children: sev.label }),
-                        event.critical && /* @__PURE__ */ jsx166(Badge, { size: "sm", variant: "neutral", outlined: true, children: "Critical" })
+                      /* @__PURE__ */ jsxs159("span", { className: "ods-pref-matrix__event", children: [
+                        /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__event-label", children: event.label }),
+                        /* @__PURE__ */ jsx167(Badge, { size: "sm", variant: sev.variant, dot: true, children: sev.label }),
+                        event.critical && /* @__PURE__ */ jsx167(Badge, { size: "sm", variant: "neutral", outlined: true, children: "Critical" })
                       ] }),
-                      event.description && /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__event-desc", children: event.description })
+                      event.description && /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__event-desc", children: event.description })
                     ]
                   }
                 ),
@@ -39574,8 +39828,8 @@ function NotificationPreferenceMatrix({
                   const on = isPreferenceEnabled(value, event, col.id);
                   const locked = isPreferenceLocked(value, event, col.id);
                   const colLabel = typeof col.label === "string" ? col.label : PERSONAL_CHANNEL_META[col.id].label;
-                  const control = /* @__PURE__ */ jsxs158("span", { className: "ods-pref-matrix__control", children: [
-                    /* @__PURE__ */ jsx166(
+                  const control = /* @__PURE__ */ jsxs159("span", { className: "ods-pref-matrix__control", children: [
+                    /* @__PURE__ */ jsx167(
                       Switch,
                       {
                         size: "sm",
@@ -39585,14 +39839,14 @@ function NotificationPreferenceMatrix({
                         "aria-label": `${event.label} via ${colLabel}`
                       }
                     ),
-                    locked && /* @__PURE__ */ jsx166("span", { className: "ods-pref-matrix__lock", "aria-hidden": "true", children: /* @__PURE__ */ jsx166(LockedIcon2, { size: "sm" }) })
+                    locked && /* @__PURE__ */ jsx167("span", { className: "ods-pref-matrix__lock", "aria-hidden": "true", children: /* @__PURE__ */ jsx167(LockedIcon2, { size: "sm" }) })
                   ] });
-                  return /* @__PURE__ */ jsx166(
+                  return /* @__PURE__ */ jsx167(
                     "div",
                     {
                       className: "ods-pref-matrix__cell ods-pref-matrix__cell--col",
                       role: "cell",
-                      children: /* @__PURE__ */ jsx166(
+                      children: /* @__PURE__ */ jsx167(
                         Tooltip,
                         {
                           content: locked ? LOCK_MESSAGE : col.disabledReason ?? "",
@@ -39617,8 +39871,8 @@ NotificationPreferenceMatrix.displayName = "NotificationPreferenceMatrix";
 
 // src/notifications/components/NotificationRuleEditor/NotificationRuleEditor.tsx
 import { AddIcon as AddIcon8, RuleIcon } from "@octaviaflow/icons";
-import { useId as useId69, useMemo as useMemo45 } from "react";
-import { Fragment as Fragment68, jsx as jsx167, jsxs as jsxs159 } from "react/jsx-runtime";
+import { useId as useId70, useMemo as useMemo45 } from "react";
+import { Fragment as Fragment68, jsx as jsx168, jsxs as jsxs160 } from "react/jsx-runtime";
 var COOLDOWN_OPTIONS = [
   { value: "0", label: "No limit" },
   { value: "15", label: "Once every 15 minutes" },
@@ -39681,7 +39935,7 @@ function NotificationRuleEditor({
   className,
   id
 }) {
-  const reactId = useId69();
+  const reactId = useId70();
   const baseId = id ?? `${reactId}-rule`;
   const patch = (next) => onChange({ ...value, ...next });
   const ruleCatalog = useMemo45(() => filterCatalog(catalog, RULE_AUDIENCES), [catalog]);
@@ -39700,12 +39954,12 @@ function NotificationRuleEditor({
   const setQuiet = (next) => patch({ quietHours: { ...quiet, ...next } });
   const showFooter = Boolean(onSave || onCancel);
   const canSave = value.events.length > 0 && value.channelIds.length > 0 && !saving && !readOnly;
-  return /* @__PURE__ */ jsxs159("div", { className: cn("ods-rule-editor", className), id: baseId, children: [
-    /* @__PURE__ */ jsxs159("div", { className: "ods-rule-editor__summary", "aria-live": "polite", children: [
-      /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__summary-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx167(RuleIcon, { size: "sm" }) }),
-      /* @__PURE__ */ jsx167("span", { children: sentence })
+  return /* @__PURE__ */ jsxs160("div", { className: cn("ods-rule-editor", className), id: baseId, children: [
+    /* @__PURE__ */ jsxs160("div", { className: "ods-rule-editor__summary", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__summary-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx168(RuleIcon, { size: "sm" }) }),
+      /* @__PURE__ */ jsx168("span", { children: sentence })
     ] }),
-    /* @__PURE__ */ jsx167(
+    /* @__PURE__ */ jsx168(
       Input,
       {
         id: `${baseId}-name`,
@@ -39718,13 +39972,13 @@ function NotificationRuleEditor({
         disabled: readOnly
       }
     ),
-    /* @__PURE__ */ jsxs159("section", { className: "ods-rule-editor__step", "aria-labelledby": `${baseId}-what`, children: [
-      /* @__PURE__ */ jsxs159("h4", { id: `${baseId}-what`, className: "ods-rule-editor__step-title", children: [
-        /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__step-num", children: "1" }),
+    /* @__PURE__ */ jsxs160("section", { className: "ods-rule-editor__step", "aria-labelledby": `${baseId}-what`, children: [
+      /* @__PURE__ */ jsxs160("h4", { id: `${baseId}-what`, className: "ods-rule-editor__step-title", children: [
+        /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__step-num", children: "1" }),
         "What",
-        /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__step-hint", children: "Which events should trigger this rule?" })
+        /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__step-hint", children: "Which events should trigger this rule?" })
       ] }),
-      /* @__PURE__ */ jsx167(
+      /* @__PURE__ */ jsx168(
         EventCatalogPicker,
         {
           catalog: ruleCatalog,
@@ -39734,20 +39988,20 @@ function NotificationRuleEditor({
           collapsible: true
         }
       ),
-      errors?.events && /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__error", children: errors.events })
+      errors?.events && /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__error", children: errors.events })
     ] }),
-    /* @__PURE__ */ jsxs159("section", { className: "ods-rule-editor__step", "aria-labelledby": `${baseId}-where`, children: [
-      /* @__PURE__ */ jsxs159("h4", { id: `${baseId}-where`, className: "ods-rule-editor__step-title", children: [
-        /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__step-num", children: "2" }),
+    /* @__PURE__ */ jsxs160("section", { className: "ods-rule-editor__step", "aria-labelledby": `${baseId}-where`, children: [
+      /* @__PURE__ */ jsxs160("h4", { id: `${baseId}-where`, className: "ods-rule-editor__step-title", children: [
+        /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__step-num", children: "2" }),
         "Where",
-        /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__step-hint", children: "Pick one or more channels." })
+        /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__step-hint", children: "Pick one or more channels." })
       ] }),
-      /* @__PURE__ */ jsxs159("div", { className: "ods-rule-editor__channels", role: "group", "aria-label": "Channels", children: [
-        channels.length === 0 && /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__muted", children: "No channels yet." }),
+      /* @__PURE__ */ jsxs160("div", { className: "ods-rule-editor__channels", role: "group", "aria-label": "Channels", children: [
+        channels.length === 0 && /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__muted", children: "No channels yet." }),
         channels.map((channel) => {
           const on = value.channelIds.includes(channel.id);
           const meta2 = CHANNEL_TYPE_META[channel.type];
-          return /* @__PURE__ */ jsx167(
+          return /* @__PURE__ */ jsx168(
             Chip,
             {
               size: "md",
@@ -39762,26 +40016,26 @@ function NotificationRuleEditor({
             channel.id
           );
         }),
-        onAddChannel && !readOnly && /* @__PURE__ */ jsx167(
+        onAddChannel && !readOnly && /* @__PURE__ */ jsx168(
           Button,
           {
             size: "sm",
             variant: "ghost",
-            leftIcon: /* @__PURE__ */ jsx167(AddIcon8, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ jsx168(AddIcon8, { size: "sm", "aria-hidden": "true" }),
             onClick: onAddChannel,
             children: "Add channel"
           }
         )
       ] }),
-      errors?.channelIds && /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__error", children: errors.channelIds })
+      errors?.channelIds && /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__error", children: errors.channelIds })
     ] }),
-    /* @__PURE__ */ jsxs159("section", { className: "ods-rule-editor__step", "aria-labelledby": `${baseId}-when`, children: [
-      /* @__PURE__ */ jsxs159("h4", { id: `${baseId}-when`, className: "ods-rule-editor__step-title", children: [
-        /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__step-num", children: "3" }),
+    /* @__PURE__ */ jsxs160("section", { className: "ods-rule-editor__step", "aria-labelledby": `${baseId}-when`, children: [
+      /* @__PURE__ */ jsxs160("h4", { id: `${baseId}-when`, className: "ods-rule-editor__step-title", children: [
+        /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__step-num", children: "3" }),
         "When",
-        /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__step-hint", children: "How quickly should it go out?" })
+        /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__step-hint", children: "How quickly should it go out?" })
       ] }),
-      /* @__PURE__ */ jsx167(
+      /* @__PURE__ */ jsx168(
         DeliveryFrequencyControl,
         {
           label: null,
@@ -39791,7 +40045,7 @@ function NotificationRuleEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx167(
+    /* @__PURE__ */ jsx168(
       Disclosure,
       {
         title: "Advanced options",
@@ -39799,9 +40053,9 @@ function NotificationRuleEditor({
         defaultOpen: openAdvanced,
         size: "sm",
         className: "ods-rule-editor__advanced",
-        children: /* @__PURE__ */ jsxs159("div", { className: "ods-rule-editor__advanced-body", children: [
-          /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__subhead", children: "Condition" }),
-          /* @__PURE__ */ jsx167(
+        children: /* @__PURE__ */ jsxs160("div", { className: "ods-rule-editor__advanced-body", children: [
+          /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__subhead", children: "Condition" }),
+          /* @__PURE__ */ jsx168(
             AlertConditionComposer,
             {
               label: null,
@@ -39813,10 +40067,10 @@ function NotificationRuleEditor({
               disabled: readOnly
             }
           ),
-          (scopeOptions?.flows || scopeOptions?.connectors) && /* @__PURE__ */ jsxs159(Fragment68, { children: [
-            /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__subhead", children: "Scope" }),
-            /* @__PURE__ */ jsxs159("div", { className: "ods-rule-editor__grid", children: [
-              scopeOptions.flows && /* @__PURE__ */ jsx167(
+          (scopeOptions?.flows || scopeOptions?.connectors) && /* @__PURE__ */ jsxs160(Fragment68, { children: [
+            /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__subhead", children: "Scope" }),
+            /* @__PURE__ */ jsxs160("div", { className: "ods-rule-editor__grid", children: [
+              scopeOptions.flows && /* @__PURE__ */ jsx168(
                 MultiSelect,
                 {
                   label: "Only these flows",
@@ -39828,7 +40082,7 @@ function NotificationRuleEditor({
                   disabled: readOnly
                 }
               ),
-              scopeOptions.connectors && /* @__PURE__ */ jsx167(
+              scopeOptions.connectors && /* @__PURE__ */ jsx168(
                 MultiSelect,
                 {
                   label: "Only these apps",
@@ -39842,9 +40096,9 @@ function NotificationRuleEditor({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__subhead", children: "Repeat & cooldown" }),
-          /* @__PURE__ */ jsxs159("div", { className: "ods-rule-editor__grid", children: [
-            /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__subhead", children: "Repeat & cooldown" }),
+          /* @__PURE__ */ jsxs160("div", { className: "ods-rule-editor__grid", children: [
+            /* @__PURE__ */ jsx168(
               Select,
               {
                 label: `Limit per ${subjectNoun}`,
@@ -39855,7 +40109,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               Select,
               {
                 label: "While it keeps failing",
@@ -39867,8 +40121,8 @@ function NotificationRuleEditor({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__subhead", children: "Quiet hours" }),
-          /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__subhead", children: "Quiet hours" }),
+          /* @__PURE__ */ jsx168(
             Switch,
             {
               size: "sm",
@@ -39879,8 +40133,8 @@ function NotificationRuleEditor({
               disabled: readOnly
             }
           ),
-          quiet.enabled && /* @__PURE__ */ jsxs159("div", { className: "ods-rule-editor__quiet", children: [
-            /* @__PURE__ */ jsx167(
+          quiet.enabled && /* @__PURE__ */ jsxs160("div", { className: "ods-rule-editor__quiet", children: [
+            /* @__PURE__ */ jsx168(
               TimePicker,
               {
                 label: "From",
@@ -39891,7 +40145,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               TimePicker,
               {
                 label: "Until",
@@ -39902,7 +40156,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               TimezonePicker,
               {
                 label: "Timezone",
@@ -39912,7 +40166,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               MultiSelect,
               {
                 label: "Days",
@@ -39926,8 +40180,8 @@ function NotificationRuleEditor({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx167("div", { className: "ods-rule-editor__subhead", children: "Minimum severity" }),
-          /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx168("div", { className: "ods-rule-editor__subhead", children: "Minimum severity" }),
+          /* @__PURE__ */ jsx168(
             SegmentedControl,
             {
               "aria-label": "Minimum severity",
@@ -39941,8 +40195,8 @@ function NotificationRuleEditor({
         ] })
       }
     ),
-    showFooter && /* @__PURE__ */ jsxs159("footer", { className: "ods-rule-editor__footer", children: [
-      /* @__PURE__ */ jsx167(
+    showFooter && /* @__PURE__ */ jsxs160("footer", { className: "ods-rule-editor__footer", children: [
+      /* @__PURE__ */ jsx168(
         Switch,
         {
           size: "sm",
@@ -39952,9 +40206,9 @@ function NotificationRuleEditor({
           disabled: readOnly
         }
       ),
-      /* @__PURE__ */ jsx167("span", { className: "ods-rule-editor__spacer" }),
-      onCancel && /* @__PURE__ */ jsx167(Button, { variant: "ghost", onClick: onCancel, disabled: saving, children: "Cancel" }),
-      onSave && /* @__PURE__ */ jsx167(Button, { variant: "primary", onClick: onSave, loading: saving, disabled: !canSave, children: value.id ? "Save rule" : "Create rule" })
+      /* @__PURE__ */ jsx168("span", { className: "ods-rule-editor__spacer" }),
+      onCancel && /* @__PURE__ */ jsx168(Button, { variant: "ghost", onClick: onCancel, disabled: saving, children: "Cancel" }),
+      onSave && /* @__PURE__ */ jsx168(Button, { variant: "primary", onClick: onSave, loading: saving, disabled: !canSave, children: value.id ? "Save rule" : "Create rule" })
     ] })
   ] });
 }
@@ -39962,7 +40216,7 @@ NotificationRuleEditor.displayName = "NotificationRuleEditor";
 
 // src/notifications/components/NotificationRuleList/NotificationRuleList.tsx
 import { AddIcon as AddIcon9, CopyIcon as CopyIcon6, EditIcon as EditIcon2, RuleIcon as RuleIcon2, TrashCanIcon as TrashCanIcon4 } from "@octaviaflow/icons";
-import { Fragment as Fragment69, jsx as jsx168, jsxs as jsxs160 } from "react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx169, jsxs as jsxs161 } from "react/jsx-runtime";
 function NotificationRuleList({
   rules,
   catalog,
@@ -39980,61 +40234,61 @@ function NotificationRuleList({
   className
 }) {
   const canCreate = Boolean(onCreate) && !readOnly;
-  return /* @__PURE__ */ jsxs160("section", { className: cn("ods-rule-list", className), "aria-label": "Notification rules", children: [
-    /* @__PURE__ */ jsxs160("header", { className: "ods-rule-list__head", children: [
-      /* @__PURE__ */ jsxs160("h3", { className: "ods-rule-list__title", children: [
+  return /* @__PURE__ */ jsxs161("section", { className: cn("ods-rule-list", className), "aria-label": "Notification rules", children: [
+    /* @__PURE__ */ jsxs161("header", { className: "ods-rule-list__head", children: [
+      /* @__PURE__ */ jsxs161("h3", { className: "ods-rule-list__title", children: [
         title,
-        /* @__PURE__ */ jsx168("span", { className: "ods-rule-list__count", children: rules.length })
+        /* @__PURE__ */ jsx169("span", { className: "ods-rule-list__count", children: rules.length })
       ] }),
-      canCreate && rules.length > 0 && /* @__PURE__ */ jsx168(
+      canCreate && rules.length > 0 && /* @__PURE__ */ jsx169(
         Button,
         {
           size: "sm",
           variant: "secondary",
-          leftIcon: /* @__PURE__ */ jsx168(AddIcon9, { size: "sm", "aria-hidden": "true" }),
+          leftIcon: /* @__PURE__ */ jsx169(AddIcon9, { size: "sm", "aria-hidden": "true" }),
           onClick: onCreate,
           children: "New rule"
         }
       )
     ] }),
-    rules.length === 0 ? /* @__PURE__ */ jsxs160(Fragment69, { children: [
-      /* @__PURE__ */ jsx168(
+    rules.length === 0 ? /* @__PURE__ */ jsxs161(Fragment69, { children: [
+      /* @__PURE__ */ jsx169(
         EmptyState,
         {
-          icon: /* @__PURE__ */ jsx168(RuleIcon2, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ jsx169(RuleIcon2, { "aria-hidden": "true" }),
           title: "No rules yet",
           description: "Rules route events to shared channels \u2014 a Slack channel, an ops mailbox, a webhook \u2014 with thresholds and timing you choose. Everyone still gets their personal inbox and email without a rule.",
-          action: canCreate ? /* @__PURE__ */ jsx168(
+          action: canCreate ? /* @__PURE__ */ jsx169(
             Button,
             {
               variant: "primary",
-              leftIcon: /* @__PURE__ */ jsx168(AddIcon9, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ jsx169(AddIcon9, { size: "sm", "aria-hidden": "true" }),
               onClick: onCreate,
               children: "New rule"
             }
           ) : void 0
         }
       ),
-      starters && starters.length > 0 && !readOnly && onStarter && /* @__PURE__ */ jsx168("div", { className: "ods-rule-list__starters", children: starters.map((s) => /* @__PURE__ */ jsxs160(
+      starters && starters.length > 0 && !readOnly && onStarter && /* @__PURE__ */ jsx169("div", { className: "ods-rule-list__starters", children: starters.map((s) => /* @__PURE__ */ jsxs161(
         "button",
         {
           type: "button",
           className: "ods-rule-list__starter",
           onClick: () => onStarter(s),
           children: [
-            /* @__PURE__ */ jsx168("span", { className: "ods-rule-list__starter-title", children: s.title }),
-            s.description && /* @__PURE__ */ jsx168("span", { className: "ods-rule-list__starter-desc", children: s.description })
+            /* @__PURE__ */ jsx169("span", { className: "ods-rule-list__starter-title", children: s.title }),
+            s.description && /* @__PURE__ */ jsx169("span", { className: "ods-rule-list__starter-desc", children: s.description })
           ]
         },
         s.id
       )) })
-    ] }) : /* @__PURE__ */ jsx168("ul", { className: "ods-rule-list__rows", children: rules.map((rule) => {
+    ] }) : /* @__PURE__ */ jsx169("ul", { className: "ods-rule-list__rows", children: rules.map((rule) => {
       const last = formatRelativeTime(
         rule.lastFiredAt ? new Date(rule.lastFiredAt) : null,
         now2
       );
       const ruleChannels = rule.channelIds.map((id) => channels.find((c) => c.id === id)).filter((c) => Boolean(c));
-      return /* @__PURE__ */ jsxs160(
+      return /* @__PURE__ */ jsxs161(
         "li",
         {
           className: cn(
@@ -40042,7 +40296,7 @@ function NotificationRuleList({
             !rule.enabled && "ods-rule-list__row--disabled"
           ),
           children: [
-            /* @__PURE__ */ jsx168("div", { className: "ods-rule-list__switch", children: /* @__PURE__ */ jsx168(
+            /* @__PURE__ */ jsx169("div", { className: "ods-rule-list__switch", children: /* @__PURE__ */ jsx169(
               Switch,
               {
                 size: "sm",
@@ -40052,43 +40306,43 @@ function NotificationRuleList({
                 "aria-label": `${rule.enabled ? "Disable" : "Enable"} ${rule.name || "rule"}`
               }
             ) }),
-            /* @__PURE__ */ jsxs160("div", { className: "ods-rule-list__body", children: [
-              /* @__PURE__ */ jsx168("div", { className: "ods-rule-list__name", children: rule.name || "Untitled rule" }),
-              /* @__PURE__ */ jsx168("div", { className: "ods-rule-list__sentence", children: describeRule(rule, catalog, channels) }),
-              /* @__PURE__ */ jsxs160("div", { className: "ods-rule-list__meta", children: [
-                ruleChannels.map((c) => /* @__PURE__ */ jsx168(Chip, { size: "sm", icon: CHANNEL_TYPE_META[c.type].icon, children: c.label }, c.id)),
-                /* @__PURE__ */ jsx168("span", { children: last ? `Last fired ${last}` : "Never fired" })
+            /* @__PURE__ */ jsxs161("div", { className: "ods-rule-list__body", children: [
+              /* @__PURE__ */ jsx169("div", { className: "ods-rule-list__name", children: rule.name || "Untitled rule" }),
+              /* @__PURE__ */ jsx169("div", { className: "ods-rule-list__sentence", children: describeRule(rule, catalog, channels) }),
+              /* @__PURE__ */ jsxs161("div", { className: "ods-rule-list__meta", children: [
+                ruleChannels.map((c) => /* @__PURE__ */ jsx169(Chip, { size: "sm", icon: CHANNEL_TYPE_META[c.type].icon, children: c.label }, c.id)),
+                /* @__PURE__ */ jsx169("span", { children: last ? `Last fired ${last}` : "Never fired" })
               ] })
             ] }),
-            !readOnly && /* @__PURE__ */ jsxs160("div", { className: "ods-rule-list__actions", children: [
-              onEdit && /* @__PURE__ */ jsx168(
+            !readOnly && /* @__PURE__ */ jsxs161("div", { className: "ods-rule-list__actions", children: [
+              onEdit && /* @__PURE__ */ jsx169(
                 Button,
                 {
                   size: "sm",
                   variant: "ghost",
                   "aria-label": `Edit ${rule.name || "rule"}`,
                   onClick: () => onEdit(rule),
-                  children: /* @__PURE__ */ jsx168(EditIcon2, { size: "sm", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx169(EditIcon2, { size: "sm", "aria-hidden": "true" })
                 }
               ),
-              onDuplicate && /* @__PURE__ */ jsx168(
+              onDuplicate && /* @__PURE__ */ jsx169(
                 Button,
                 {
                   size: "sm",
                   variant: "ghost",
                   "aria-label": `Duplicate ${rule.name || "rule"}`,
                   onClick: () => onDuplicate(rule),
-                  children: /* @__PURE__ */ jsx168(CopyIcon6, { size: "sm", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx169(CopyIcon6, { size: "sm", "aria-hidden": "true" })
                 }
               ),
-              onDelete && /* @__PURE__ */ jsx168(
+              onDelete && /* @__PURE__ */ jsx169(
                 Button,
                 {
                   size: "sm",
                   variant: "ghost",
                   "aria-label": `Delete ${rule.name || "rule"}`,
                   onClick: () => onDelete(rule),
-                  children: /* @__PURE__ */ jsx168(TrashCanIcon4, { size: "sm", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx169(TrashCanIcon4, { size: "sm", "aria-hidden": "true" })
                 }
               )
             ] })
@@ -40188,6 +40442,7 @@ export {
   EmptyState,
   EventCatalogPicker,
   ExecutionConsole,
+  ExpressionField,
   FeatureCard,
   FieldPicker,
   FileBrowser,
@@ -40395,6 +40650,7 @@ export {
   googleChatAdapter,
   gradient,
   groupInboxByDay,
+  insideCallArguments,
   isArchived,
   isChannelDraftComplete,
   isPreferenceEnabled,
@@ -40412,6 +40668,7 @@ export {
   sanitizeImageUrl,
   setCategoryPreference,
   setPreference,
+  shortReferenceLabel,
   slackAdapter,
   suggestChannelLabel,
   teamsAdapter,