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

package/dist/index.js

@@ -34420,8 +34420,637 @@ 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,
+  useState as useState71
+} from "react";
+
+// src/components/ExpressionField/parseExpression.ts
+var CALL_NAME_SOURCE = "(?:[A-Z_][A-Z0-9_]*|user\\.[A-Za-z_][A-Za-z0-9_]*)";
+var CALL_HEAD = new RegExp(`^(${CALL_NAME_SOURCE})\\s*\\(`);
+function wrappedRegions(value) {
+  const out = [];
+  let i = 0;
+  while (i < value.length) {
+    const open = value.indexOf("{{", i);
+    if (open === -1) break;
+    let depth = 0;
+    let quote = null;
+    let close = -1;
+    for (let j = open; j < value.length; j++) {
+      const ch = value[j];
+      if (quote) {
+        if (ch === quote) quote = null;
+        continue;
+      }
+      if (ch === '"' || ch === "'") {
+        quote = ch;
+        continue;
+      }
+      if (ch === "{" && value[j + 1] === "{") {
+        depth++;
+        j++;
+        continue;
+      }
+      if (ch === "}" && value[j + 1] === "}") {
+        depth--;
+        j++;
+        if (depth === 0) {
+          close = j;
+          break;
+        }
+      }
+    }
+    if (close === -1) break;
+    out.push({ start: open, end: close });
+    i = close + 1;
+  }
+  return out;
+}
+function splitArguments(argsText) {
+  const trimmed = argsText.trim();
+  if (!trimmed) return [];
+  const args = [];
+  let current = "";
+  let depth = 0;
+  let braces = 0;
+  let quote = null;
+  for (let i = 0; i < trimmed.length; i++) {
+    const ch = trimmed[i];
+    if (quote) {
+      current += ch;
+      if (ch === quote) quote = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'") {
+      quote = ch;
+      current += ch;
+      continue;
+    }
+    if (ch === "{" && trimmed[i + 1] === "{") {
+      braces++;
+      current += "{{";
+      i++;
+      continue;
+    }
+    if (ch === "}" && trimmed[i + 1] === "}") {
+      braces--;
+      current += "}}";
+      i++;
+      continue;
+    }
+    if (ch === "(") depth++;
+    if (ch === ")") depth--;
+    if (ch === "," && depth === 0 && braces === 0) {
+      args.push(current.trim());
+      current = "";
+      continue;
+    }
+    current += ch;
+  }
+  if (current.trim()) args.push(current.trim());
+  return args;
+}
+function parseCall(raw) {
+  const inner = raw.startsWith("{{") && raw.endsWith("}}") ? raw.slice(2, -2).trim() : raw.trim();
+  const head = CALL_HEAD.exec(inner);
+  if (!head) return void 0;
+  const open = inner.indexOf("(");
+  const close = inner.lastIndexOf(")");
+  if (open === -1 || close < open) return void 0;
+  return { name: head[1], args: splitArguments(inner.slice(open + 1, close)) };
+}
+function formatCall(name, args) {
+  return `{{${name}(${args.filter((a) => a.trim() !== "").join(", ")})}}`;
+}
+function parseExpression(value, pillEveryToken = false) {
+  const segments = [];
+  let cursor = 0;
+  const pushText = (raw) => {
+    if (raw) segments.push({ kind: "text", raw });
+  };
+  for (const { start, end } of wrappedRegions(value)) {
+    pushText(value.slice(cursor, start));
+    const raw = value.slice(start, end + 1);
+    const call = parseCall(raw);
+    if (call) {
+      segments.push({ kind: "call", raw, name: call.name, args: call.args });
+    } else if (raw.startsWith("{{ods://") || pillEveryToken) {
+      segments.push({ kind: "ref", raw });
+    } else {
+      pushText(raw);
+    }
+    cursor = end + 1;
+  }
+  const tail = value.slice(cursor);
+  let last = 0;
+  for (const m of tail.matchAll(/\$\{[^}]+\}/g)) {
+    pushText(tail.slice(last, m.index));
+    segments.push({ kind: "ref", raw: m[0] });
+    last = (m.index ?? 0) + m[0].length;
+  }
+  pushText(tail.slice(last));
+  return segments;
+}
+
+// src/components/ExpressionField/ExpressionField.tsx
 import { jsx as jsx147, jsxs as jsxs141 } from "react/jsx-runtime";
+var ZERO_WIDTH = "\u200B";
+var PILL = "ods-expression-field__pill";
+var CHIP = "ods-expression-field__chip";
+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(PILL) || elem.classList.contains(CHIP)) {
+      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 argSummary(arg) {
+  const trimmed = arg.trim();
+  if (trimmed.startsWith("{{") || trimmed.startsWith("ods://") || trimmed.startsWith("${")) {
+    return shortReferenceLabel(trimmed.startsWith("ods://") ? `{{${trimmed}}}` : trimmed);
+  }
+  return trimmed;
+}
+function ExpressionField({
+  value,
+  onChange,
+  label,
+  placeholder,
+  helperText,
+  disabled = false,
+  rows = 4,
+  id,
+  className,
+  style,
+  resolveLabel,
+  resolveCall,
+  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 [editing, setEditing] = useState71(null);
+  const labelFor = useCallback50(
+    (token) => resolveLabel?.(token) ?? shortReferenceLabel(token),
+    [resolveLabel]
+  );
+  const callLabel = useCallback50(
+    (name) => resolveCall?.(name)?.label ?? (name.startsWith("user.") ? name.slice(5) : name),
+    [resolveCall]
+  );
+  const chipText = useCallback50(
+    (name, args) => {
+      const summary = args.map(argSummary).filter(Boolean).join(", ");
+      return `${callLabel(name)}(${summary})`;
+    },
+    [callLabel]
+  );
+  const makeToken = useCallback50(
+    (segment) => {
+      if (segment.kind === "text") return null;
+      const el = document.createElement("span");
+      el.contentEditable = "false";
+      el.setAttribute("data-value", segment.raw);
+      el.tabIndex = -1;
+      if (segment.kind === "ref") {
+        el.className = PILL;
+        el.textContent = labelFor(segment.raw);
+        el.title = segment.raw;
+      } else {
+        el.className = CHIP;
+        el.setAttribute("data-call", segment.name);
+        el.textContent = chipText(segment.name, segment.args);
+        el.title = segment.raw;
+      }
+      return el;
+    },
+    [labelFor, chipText]
+  );
+  const render = useCallback50(
+    (raw) => {
+      const el = fieldRef.current;
+      if (!el) return;
+      el.innerHTML = "";
+      if (!raw) return;
+      for (const segment of parseExpression(raw, pillEveryToken)) {
+        if (segment.kind === "text") {
+          el.appendChild(document.createTextNode(segment.raw));
+          continue;
+        }
+        const token = makeToken(segment);
+        if (token) {
+          el.appendChild(token);
+          el.appendChild(document.createTextNode(ZERO_WIDTH));
+        }
+      }
+    },
+    [pillEveryToken, makeToken]
+  );
+  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 holder = document.createElement("div");
+    holder.appendChild(range.cloneContents());
+    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 call = parseCall(raw);
+      const isCall = kind === "function" || !!call;
+      const text = isCall || asArgument ? raw : raw.startsWith("ods://") ? `{{${raw}}}` : raw;
+      let node;
+      if (asArgument) {
+        node = document.createTextNode(text);
+      } else if (isCall && call) {
+        node = makeToken({ kind: "call", raw: text, name: call.name, args: call.args });
+      } else if (text.startsWith("{{") || text.startsWith("${")) {
+        node = makeToken({ kind: "ref", raw: text });
+      } else {
+        node = 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);
+      range.setStartAfter(after);
+      range.collapse(true);
+      el.focus();
+      const selection = window.getSelection();
+      selection?.removeAllRanges();
+      selection?.addRange(range);
+      commit();
+      if (isCall && call && node instanceof HTMLElement && call.args.length === 0) {
+        openEditor(node);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [commit, disabled, makeToken, textBeforeCaret]
+  );
+  const selected = useRef50(null);
+  const selectToken = useCallback50((token) => {
+    selected.current = token;
+    const range = document.createRange();
+    range.selectNode(token);
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    sel?.addRange(range);
+    fieldRef.current?.focus();
+  }, []);
+  const openEditor = useCallback50((chip) => {
+    const raw = chip.getAttribute("data-value") ?? "";
+    const parsed = parseCall(raw);
+    if (!parsed) return;
+    const box = chip.getBoundingClientRect();
+    const host = fieldRef.current?.getBoundingClientRect();
+    setEditing({
+      el: chip,
+      name: parsed.name,
+      args: parsed.args.length ? parsed.args : [""],
+      rect: {
+        top: box.bottom - (host?.top ?? 0) + 4,
+        left: Math.max(0, box.left - (host?.left ?? 0)),
+        width: Math.max(260, box.width)
+      }
+    });
+  }, []);
+  const applyEditor = useCallback50(
+    (args) => {
+      if (!editing) return;
+      const raw = formatCall(editing.name, args);
+      editing.el.setAttribute("data-value", raw);
+      editing.el.textContent = chipText(editing.name, args);
+      editing.el.title = raw;
+      setEditing(null);
+      commit();
+      fieldRef.current?.focus();
+    },
+    [editing, chipText, commit]
+  );
+  const handleClick = useCallback50(
+    (e) => {
+      const target = e.target.closest(`.${PILL}, .${CHIP}`);
+      if (!target) return;
+      selectToken(target);
+      if (!disabled && target.classList.contains(CHIP) && e.detail >= 2) {
+        openEditor(target);
+      }
+    },
+    [disabled, openEditor, selectToken]
+  );
+  const handleCopy = useCallback50(
+    (e, cut = false) => {
+      const sel = window.getSelection();
+      if (!sel || sel.rangeCount === 0) return;
+      const holder = document.createElement("div");
+      holder.appendChild(sel.getRangeAt(0).cloneContents());
+      const token = selected.current;
+      const text = serialize(holder) || (token && fieldRef.current?.contains(token) && sel.containsNode(token, true) ? token.getAttribute("data-value") ?? "" : "");
+      if (!text) return;
+      e.preventDefault();
+      e.clipboardData.setData("text/plain", text);
+      if (cut && !disabled) {
+        if (serialize(holder)) sel.getRangeAt(0).deleteContents();
+        else token?.remove();
+        commit();
+      }
+    },
+    [commit, disabled]
+  );
+  const handlePaste = useCallback50(
+    (e) => {
+      e.preventDefault();
+      const text = e.clipboardData.getData("text/plain");
+      if (!text) return;
+      document.execCommand("insertText", false, text);
+      const next = serialize(fieldRef.current);
+      fromSelf.current = false;
+      onChange(next);
+    },
+    [onChange]
+  );
+  const handleKeyDown = useCallback50(
+    (e) => {
+      if (e.key !== "Enter" || !e.metaKey) return;
+      const sel = window.getSelection();
+      const node = sel?.anchorNode;
+      const chip = node instanceof HTMLElement ? node.closest(`.${CHIP}`) : node?.parentElement?.closest(`.${CHIP}`) ?? null;
+      if (chip) {
+        e.preventDefault();
+        openEditor(chip);
+      }
+    },
+    [openEditor]
+  );
+  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 handleBlur = useCallback50(() => {
+    const el = fieldRef.current;
+    if (!el) return;
+    const next = serialize(el);
+    if (next !== value) {
+      fromSelf.current = true;
+      onChange(next);
+    }
+    if (!editing) render(next);
+  }, [editing, onChange, render, value]);
+  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__ */ jsxs141("div", { className: "ods-expression-field__body", children: [
+      /* @__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: handleBlur,
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          onCopy: handleCopy,
+          onCut: (e) => handleCopy(e, true),
+          onPaste: handlePaste,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop
+        }
+      ),
+      editing && /* @__PURE__ */ jsx147(
+        CallEditor,
+        {
+          name: editing.name,
+          label: callLabel(editing.name),
+          initialArgs: editing.args,
+          signature: resolveCall?.(editing.name),
+          rect: editing.rect,
+          onCancel: () => setEditing(null),
+          onApply: applyEditor
+        }
+      )
+    ] }),
+    helperText && /* @__PURE__ */ jsx147("span", { id: helperId, className: "ods-expression-field__helper", children: helperText })
+  ] });
+}
+function CallEditor({
+  name,
+  label,
+  initialArgs,
+  signature,
+  rect,
+  onApply,
+  onCancel
+}) {
+  const names = signature?.args ?? [];
+  const [args, setArgs] = useState71(() => {
+    const seeded = [...initialArgs];
+    while (seeded.length < names.length) seeded.push("");
+    return seeded.length ? seeded : [""];
+  });
+  const [raw, setRaw] = useState71(null);
+  const panelRef = useRef50(null);
+  useEffect56(() => {
+    panelRef.current?.querySelector("input")?.focus();
+    const onKey = (e) => {
+      if (e.key === "Escape") onCancel();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onCancel]);
+  const setArg = (idx, next) => setArgs((prev) => prev.map((a, i) => i === idx ? next : a));
+  const dropInto = (idx) => (e) => {
+    const ref = e.dataTransfer.getData("application/x-fx-insert");
+    if (!ref) return;
+    e.preventDefault();
+    setArg(idx, ref);
+  };
+  return /* @__PURE__ */ jsxs141(
+    "div",
+    {
+      ref: panelRef,
+      className: "ods-expression-field__editor",
+      style: { top: rect.top, left: rect.left, width: rect.width },
+      role: "dialog",
+      "aria-label": `Edit ${label}`,
+      children: [
+        /* @__PURE__ */ jsxs141("div", { className: "ods-expression-field__editor-head", children: [
+          /* @__PURE__ */ jsx147("code", { children: label }),
+          /* @__PURE__ */ jsx147("button", { type: "button", className: "ods-expression-field__editor-link", onClick: () => setRaw(raw === null ? formatCall(name, args) : null), children: raw === null ? "Edit as text" : "Back to fields" })
+        ] }),
+        raw === null ? /* @__PURE__ */ jsxs141("div", { className: "ods-expression-field__editor-rows", children: [
+          args.map((arg, idx) => (
+            // eslint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ jsxs141("label", { className: "ods-expression-field__editor-row", children: [
+              /* @__PURE__ */ jsx147("span", { children: names[idx] ?? `argument ${idx + 1}` }),
+              /* @__PURE__ */ jsx147(
+                "input",
+                {
+                  value: arg,
+                  placeholder: "value, or drag one in",
+                  onChange: (e) => setArg(idx, e.target.value),
+                  onDragOver: (e) => {
+                    if (e.dataTransfer.types.includes("application/x-fx-insert")) e.preventDefault();
+                  },
+                  onDrop: dropInto(idx)
+                }
+              )
+            ] }, idx)
+          )),
+          /* @__PURE__ */ jsx147(
+            "button",
+            {
+              type: "button",
+              className: "ods-expression-field__editor-link",
+              onClick: () => setArgs((prev) => [...prev, ""]),
+              children: "+ argument"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx147(
+          "textarea",
+          {
+            className: "ods-expression-field__editor-raw",
+            value: raw,
+            rows: 3,
+            onChange: (e) => setRaw(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs141("div", { className: "ods-expression-field__editor-foot", children: [
+          /* @__PURE__ */ jsx147("button", { type: "button", onClick: onCancel, children: "Cancel" }),
+          /* @__PURE__ */ jsx147(
+            "button",
+            {
+              type: "button",
+              className: "ods-expression-field__editor-primary",
+              onClick: () => {
+                if (raw === null) return onApply(args);
+                const parsed = parseCall(raw);
+                onApply(parsed ? parsed.args : splitArguments(raw));
+              },
+              children: "Apply"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/TopBar/TopBar.tsx
+import { jsx as jsx148, jsxs as jsxs142 } from "react/jsx-runtime";
 function TopBar({
   brand,
   workspaceSwitcher,
@@ -34441,32 +35070,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 +35104,7 @@ function TopBar({
             viewBox: "0 0 20 20",
             fill: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx147(
+            children: /* @__PURE__ */ jsx148(
               "path",
               {
                 fillRule: "evenodd",
@@ -34485,7 +35114,7 @@ function TopBar({
             )
           }
         ),
-        /* @__PURE__ */ jsx147(
+        /* @__PURE__ */ jsx148(
           "input",
           {
             type: "search",
@@ -34496,7 +35125,7 @@ function TopBar({
           }
         )
       ] }),
-      actions && /* @__PURE__ */ jsx147("div", { className: "ods-topbar__actions", children: actions })
+      actions && /* @__PURE__ */ jsx148("div", { className: "ods-topbar__actions", children: actions })
     ] })
   ] });
 }
@@ -34505,9 +35134,9 @@ function TopBar({
 import { AnimatePresence as AnimatePresence19, motion as motion29 } from "framer-motion";
 import {
   forwardRef as forwardRef97,
-  useCallback as useCallback50,
-  useId as useId61,
-  useState as useState71
+  useCallback as useCallback51,
+  useId as useId62,
+  useState as useState72
 } from "react";
 import {
   BuildToolIcon,
@@ -34518,13 +35147,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,22 +35178,22 @@ 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`;
-    const [uncontrolledOpen, setUncontrolledOpen] = useState71(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = useState72(defaultOpen);
     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 +35209,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 +35230,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 +35242,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 +35252,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 +35286,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 +35311,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 +35326,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 +35347,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 +35364,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 +35377,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 +35388,7 @@ var UsageMeter = forwardRef98(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs143(
+          /* @__PURE__ */ jsxs144(
             "div",
             {
               className: "ods-usage-meter__track",
@@ -34772,12 +35401,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 +35415,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 +35432,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 +35443,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 +35466,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 +35489,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 +35510,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 +35522,7 @@ var UserCard = forwardRef99(function UserCard2({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx150(
+  return /* @__PURE__ */ jsx151(
     Card,
     {
       ...rest,
@@ -34912,10 +35541,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 useState73 } 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 +36058,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 +36111,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 +36149,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 +36174,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 +36236,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 +36281,7 @@ function WorkflowEditor({
   drawer,
   console: consoleSlot,
   minimap,
-  emptyState = /* @__PURE__ */ jsx151(DefaultEmptyState, {}),
+  emptyState = /* @__PURE__ */ jsx152(DefaultEmptyState, {}),
   children,
   background = "dots",
   snapToGrid = true,
@@ -35680,35 +36309,35 @@ function WorkflowEditor({
 }) {
   const wf = useWorkflow(options2);
   const { workflow, dispatch, canUndo, canRedo, undo, redo } = wf;
-  const [uncontrolledLock, setUncontrolledLock] = useState72(false);
-  const [uncontrolledDrawer, setUncontrolledDrawer] = useState72(!!drawer);
-  const [uncontrolledHistory, setUncontrolledHistory] = useState72(false);
-  const [uncontrolledDebug, setUncontrolledDebug] = useState72(false);
+  const [uncontrolledLock, setUncontrolledLock] = useState73(false);
+  const [uncontrolledDrawer, setUncontrolledDrawer] = useState73(!!drawer);
+  const [uncontrolledHistory, setUncontrolledHistory] = useState73(false);
+  const [uncontrolledDebug, setUncontrolledDebug] = useState73(false);
   const isLockMode = controlledLockMode ?? uncontrolledLock;
   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 +36346,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 +36387,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 +36397,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 [canvasSize, setCanvasSize] = useState73({ w: 0, h: 0 });
+  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 +36437,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 +36447,7 @@ function WorkflowEditor({
           onClick: () => onSave(workflow)
         }
       ),
-      onRun && /* @__PURE__ */ jsx151(
+      onRun && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: isExecuting ? FlowToolbarIcons.stop : FlowToolbarIcons.run,
@@ -35829,7 +36458,7 @@ function WorkflowEditor({
           onClick: isExecuting ? onStop : onRun
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: isLockMode ? FlowToolbarIcons.lock : FlowToolbarIcons.unlock,
@@ -35839,7 +36468,7 @@ function WorkflowEditor({
           onClick: toggleLock
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.reset,
@@ -35847,7 +36476,7 @@ function WorkflowEditor({
           onClick: handleReset
         }
       ),
-      drawer && /* @__PURE__ */ jsx151(
+      drawer && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: isDrawerOpen ? FlowToolbarIcons.drawerClose : FlowToolbarIcons.drawerOpen,
@@ -35856,8 +36485,8 @@ function WorkflowEditor({
           onClick: toggleDrawer
         }
       ),
-      /* @__PURE__ */ jsx151(FlowToolbarDivider, {}),
-      onSettings && /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(FlowToolbarDivider, {}),
+      onSettings && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.settings,
@@ -35865,7 +36494,7 @@ function WorkflowEditor({
           onClick: onSettings
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.history,
@@ -35874,7 +36503,7 @@ function WorkflowEditor({
           onClick: toggleHistory
         }
       ),
-      isDebugModeEnabled && /* @__PURE__ */ jsx151(
+      isDebugModeEnabled && /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.debug,
@@ -35883,8 +36512,8 @@ function WorkflowEditor({
           onClick: toggleDebug
         }
       ),
-      /* @__PURE__ */ jsx151(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.undo,
@@ -35894,7 +36523,7 @@ function WorkflowEditor({
           onClick: undo
         }
       ),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.redo,
@@ -35904,8 +36533,8 @@ function WorkflowEditor({
           onClick: redo
         }
       ),
-      /* @__PURE__ */ jsx151(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx151(
+      /* @__PURE__ */ jsx152(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx152(
         FlowToolbarZoom,
         {
           zoom: workflow.canvas.viewport.zoom,
@@ -35944,21 +36573,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 +36601,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 +36613,7 @@ function WorkflowEditor({
   );
 }
 function DefaultEmptyState() {
-  return /* @__PURE__ */ jsxs145(
+  return /* @__PURE__ */ jsxs146(
     "div",
     {
       style: {
@@ -35999,14 +36628,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 +36653,7 @@ import {
 } from "@octaviaflow/icons";
 
 // src/hooks/useWorkflowRuntime.ts
-import { useEffect as useEffect56, useState as useState73 } from "react";
+import { useEffect as useEffect57, useState as useState74 } from "react";
 function toMs2(t) {
   if (t == null) return null;
   return typeof t === "number" ? t : t.getTime();
@@ -36038,8 +36667,8 @@ function formatWorkflowRuntime(ms) {
   return h > 0 ? `${h}:${pad2(m)}:${pad2(sec)}` : `${pad2(m)}:${pad2(sec)}`;
 }
 function useWorkflowRuntime(startedAt, active) {
-  const [, force] = useState73(0);
-  useEffect56(() => {
+  const [, force] = useState74(0);
+  useEffect57(() => {
     if (!active || startedAt == null) return;
     if (typeof window === "undefined") return;
     const id = window.setInterval(() => force((n) => n + 1), 1e3);
@@ -36051,7 +36680,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 +36719,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 +36741,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 +36758,7 @@ function WorkflowHeader({
           role: "img"
         }
       ),
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "h1",
         {
           className: "ods-workflow-header__title",
@@ -36137,9 +36766,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 +36779,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 +36801,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 +36821,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 +36885,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 +36913,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 +36929,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 +36946,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 +36961,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 +36988,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 +37026,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 +37041,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 useState75 } 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 [open, setOpen] = useState75(defaultOpen);
+  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 +37081,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 +37096,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 useState76 } from "react";
 var STORAGE_PREFIX = "ods:callout:dismissed:";
 function readPersisted(key) {
   if (!key || typeof window === "undefined") return false;
@@ -36490,13 +37119,13 @@ function writePersisted(key, value) {
 }
 function useCallout(options2 = {}) {
   const { defaultOpen = true, persistKey, onDismiss } = options2;
-  const [open, setOpen] = useState75(defaultOpen);
-  useEffect58(() => {
+  const [open, setOpen] = useState76(defaultOpen);
+  useEffect59(() => {
     if (persistKey && readPersisted(persistKey)) {
       setOpen(false);
     }
   }, []);
-  const dismiss = useCallback54(() => {
+  const dismiss = useCallback55(() => {
     setOpen((wasOpen) => {
       if (wasOpen) {
         writePersisted(persistKey, true);
@@ -36505,10 +37134,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 +37147,7 @@ function useCallout(options2 = {}) {
       return next;
     });
   }, [persistKey, onDismiss]);
-  const reset = useCallback54(() => {
+  const reset = useCallback55(() => {
     writePersisted(persistKey, false);
     setOpen(true);
   }, [persistKey]);
@@ -36591,7 +37220,7 @@ function breakpointMinWidth(name) {
 }
 
 // src/hooks/useRating.ts
-import { useCallback as useCallback55, useState as useState76 } from "react";
+import { useCallback as useCallback56, useState as useState77 } from "react";
 function useRating({
   value: controlled,
   defaultValue = 0,
@@ -36599,14 +37228,14 @@ function useRating({
   step = 1,
   onChange
 } = {}) {
-  const [internal, setInternal] = useState76(defaultValue);
+  const [internal, setInternal] = useState77(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);
@@ -36628,10 +37257,10 @@ function useBinaryRating({
   defaultValue = null,
   onChange
 } = {}) {
-  const [internal, setInternal] = useState76(defaultValue);
+  const [internal, setInternal] = useState77(defaultValue);
   const value = controlled ?? internal;
   const isControlled = controlled !== void 0;
-  const set = useCallback55(
+  const set = useCallback56(
     (next) => {
       if (!isControlled) setInternal(next);
       onChange?.(next);
@@ -36650,30 +37279,30 @@ function useBinaryRating({
 }
 
 // src/hooks/useTimeline.ts
-import { useCallback as useCallback56, useState as useState77 } from "react";
+import { useCallback as useCallback57, useState as useState78 } from "react";
 function useTimeline({
   items: controlled,
   defaultItems = [],
   onChange
 } = {}) {
-  const [internal, setInternal] = useState77(defaultItems);
+  const [internal, setInternal] = useState78(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 +37312,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 +37320,7 @@ function useTimeline({
     },
     [items, commit]
   );
-  const update = useCallback56(
+  const update = useCallback57(
     (id, patch) => {
       let changed = false;
       const next = items.map((i) => {
@@ -36716,7 +37345,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 useState79 } from "react";
 var GLOBAL_SEQ = 0;
 var generateId = () => `ods-trace-${Date.now().toString(36)}-${(GLOBAL_SEQ++).toString(36)}`;
 function useTraceTimeline({
@@ -36724,12 +37353,12 @@ function useTraceTimeline({
   defaultSteps = [],
   onChange
 } = {}) {
-  const [internal, setInternal] = useState78(defaultSteps);
+  const [internal, setInternal] = useState79(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 +37366,7 @@ function useTraceTimeline({
     },
     [isControlled, onChange]
   );
-  const start = useCallback57(
+  const start = useCallback58(
     (input) => {
       const id = input.id ?? generateId();
       const record = {
@@ -36757,7 +37386,7 @@ function useTraceTimeline({
     },
     [commit]
   );
-  const update = useCallback57(
+  const update = useCallback58(
     (id, patch) => {
       let changed = false;
       const next = stepsRef.current.map((s) => {
@@ -36769,19 +37398,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 +37436,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 +37459,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 +37770,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 +38266,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 +38292,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 +38318,7 @@ function AlertConditionComposer({
         onChange({ kind: "every" });
     }
   };
-  return /* @__PURE__ */ jsxs148(
+  return /* @__PURE__ */ jsxs149(
     "div",
     {
       className: cn("ods-alert-condition", className),
@@ -37699,10 +38328,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 +38344,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 +38359,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 +38379,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 +38392,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 +38407,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 +38435,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 +38449,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 +38457,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 +38469,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 +38485,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 +38496,7 @@ function DeliveryFrequencyControl({
               disabled
             }
           ),
-          /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx157(
             Switch,
             {
               size: "sm",
@@ -37887,7 +38516,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 useState80 } from "react";
 
 // src/notifications/components/meta.tsx
 import {
@@ -37902,55 +38531,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 +38591,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,10 +38620,10 @@ function EventCatalogPicker({
   className,
   id
 }) {
-  const reactId = useId66();
+  const reactId = useId67();
   const baseId = id ?? `${reactId}-events`;
-  const [query, setQuery] = useState79("");
-  const [collapsed, setCollapsed] = useState79({});
+  const [query, setQuery] = useState80("");
+  const [collapsed, setCollapsed] = useState80({});
   const selected = useMemo41(() => new Set(value), [value]);
   const filtered = useMemo41(() => {
     const q2 = query.trim().toLowerCase();
@@ -38030,7 +38659,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 +38667,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 +38685,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 +38704,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 +38714,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 +38725,7 @@ function EventCatalogPicker({
                       description: open ? category.description : void 0
                     }
                   ),
-                  collapsible && !query && /* @__PURE__ */ jsx158(
+                  collapsible && !query && /* @__PURE__ */ jsx159(
                     "button",
                     {
                       type: "button",
@@ -38107,10 +38736,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 +38750,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 +38769,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 useState82 } from "react";
 
 // src/notifications/engine/inbox.ts
 function resolveInboxAction(item, catalog) {
@@ -38211,7 +38840,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 +38857,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 +38865,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 +38878,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 +38895,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 })),
@@ -38295,8 +38924,8 @@ 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 { useMemo as useMemo42, useState as useState81 } from "react";
+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" },
@@ -38322,13 +38951,13 @@ function NotificationInbox({
   now: now2,
   className
 }) {
-  const [internalFilter, setInternalFilter] = useState80(defaultFilter2);
+  const [internalFilter, setInternalFilter] = useState81(defaultFilter2);
   const activeFilter = filter ?? internalFilter;
   const setFilter = (f) => {
     if (filter === void 0) setInternalFilter(f);
     onFilterChange?.(f);
   };
-  const [detailItem, setDetailItem] = useState80(null);
+  const [detailItem, setDetailItem] = useState81(null);
   const unread = countUnread(items);
   const visible = useMemo42(() => {
     const list = filterInbox(items, activeFilter);
@@ -38348,20 +38977,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 +39003,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 +39018,7 @@ function NotificationInbox({
                 children: inner
               }
             )
-          ) : /* @__PURE__ */ jsx160(
+          ) : /* @__PURE__ */ jsx161(
             "button",
             {
               type: "button",
@@ -38401,25 +39030,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 +39057,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 +39069,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 +39101,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,
@@ -38495,23 +39124,23 @@ function NotificationBell({
   const unread = unreadCount ?? countUnread(items);
   const hasUnread = unread > 0;
   const countLabel = unread > 99 ? "99+" : String(unread);
-  const [internalOpen, setInternalOpen] = useState81(false);
+  const [internalOpen, setInternalOpen] = useState82(false);
   const isOpen = open ?? internalOpen;
-  const setOpen = useCallback58(
+  const setOpen = useCallback59(
     (next) => {
       if (open === void 0) setInternalOpen(next);
       onOpenChange?.(next);
     },
     [open, onOpenChange]
   );
-  const [detailItem, setDetailItem] = useState81(null);
+  const [detailItem, setDetailItem] = useState82(null);
   const handleOpenItem = (item, action) => {
     setOpen(false);
     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 +39149,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 +39167,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 +39183,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 +39196,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 +39229,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 +39250,7 @@ function NotificationChannelCard({
     now2
   );
   const inApp = channel.type === "in_app";
-  return /* @__PURE__ */ jsxs154(
+  return /* @__PURE__ */ jsxs155(
     "article",
     {
       className: cn(
@@ -38633,30 +39262,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 +39293,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 +39312,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 +39333,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 useState84 } from "react";
 
 // src/notifications/engine/channels.ts
 var CONNECTED_CHANNEL_TYPES = [
@@ -38810,8 +39439,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 useState83 } from "react";
+import { jsx as jsx164, jsxs as jsxs156 } from "react/jsx-runtime";
 var DEFAULT_TYPES = [
   "slack",
   "email",
@@ -38850,11 +39479,11 @@ 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 });
-  const [touched, setTouched] = useState82({});
+  const [touched, setTouched] = useState83({});
   const touch = (field) => setTouched((t) => t[field] ? t : { ...t, [field]: true });
   const errorFor = (field) => errors?.[field] && (showAllErrors || touched[field]) ? errors[field] : void 0;
   const errorText = (field) => {
@@ -38870,7 +39499,7 @@ function NotificationChannelForm({
   const targetLabel = targetOptions?.find((o) => o.value === value.target)?.label;
   const summary = describeChannelDraft(value, instances, targetLabel);
   const suggestedLabel = suggestChannelLabel(value, instances, targetLabel);
-  const [recipientDraft, setRecipientDraft] = useState82("");
+  const [recipientDraft, setRecipientDraft] = useState83("");
   const recipients = value.recipients ?? [];
   const commitRecipient = () => {
     const parts = recipientDraft.split(/[,\s;]+/).map((s) => s.trim()).filter(Boolean);
@@ -38894,20 +39523,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 +39549,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 +39578,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 +39599,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 +39616,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 +39634,7 @@ function NotificationChannelForm({
               size
             }
           )
-        ) : /* @__PURE__ */ jsx163(
+        ) : /* @__PURE__ */ jsx164(
           Input,
           {
             id: `${baseId}-target`,
@@ -39021,9 +39650,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 +39660,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 +39671,7 @@ function NotificationChannelForm({
                 },
                 r
               )),
-              /* @__PURE__ */ jsx163(
+              /* @__PURE__ */ jsx164(
                 "input",
                 {
                   id: `${baseId}-recipient`,
@@ -39060,7 +39689,7 @@ function NotificationChannelForm({
             ]
           }
         ),
-        /* @__PURE__ */ jsx163(
+        /* @__PURE__ */ jsx164(
           "div",
           {
             className: cn(
@@ -39071,7 +39700,7 @@ function NotificationChannelForm({
           }
         )
       ] }),
-      value.type === "webhook" && /* @__PURE__ */ jsx163(
+      value.type === "webhook" && /* @__PURE__ */ jsx164(
         Input,
         {
           id: `${baseId}-url`,
@@ -39088,7 +39717,7 @@ function NotificationChannelForm({
           size
         }
       ),
-      value.type === "whatsapp" && /* @__PURE__ */ jsx163(
+      value.type === "whatsapp" && /* @__PURE__ */ jsx164(
         Input,
         {
           id: `${baseId}-target`,
@@ -39106,9 +39735,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 +39754,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,
@@ -39155,14 +39784,14 @@ function NotificationChannelDialog({
   className
 }) {
   const editing = Boolean(channel?.id);
-  const [draft, setDraft] = useState83(
+  const [draft, setDraft] = useState84(
     () => draftFromChannel(channel, initialType)
   );
-  const [submitted, setSubmitted] = useState83(false);
-  const [testing, setTesting] = useState83(false);
-  const [testResult, setTestResult] = useState83(null);
-  const [submitError, setSubmitError] = useState83(null);
-  useEffect60(() => {
+  const [submitted, setSubmitted] = useState84(false);
+  const [testing, setTesting] = useState84(false);
+  const [testResult, setTestResult] = useState84(null);
+  const [submitError, setSubmitError] = useState84(null);
+  useEffect61(() => {
     if (!open) return;
     setDraft(draftFromChannel(channel, initialType));
     setSubmitted(false);
@@ -39205,7 +39834,7 @@ function NotificationChannelDialog({
       setTesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs156(
+  return /* @__PURE__ */ jsxs157(
     Dialog,
     {
       open,
@@ -39215,12 +39844,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 +39857,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 +39871,7 @@ function NotificationChannelDialog({
         )
       ] }),
       children: [
-        /* @__PURE__ */ jsx164(
+        /* @__PURE__ */ jsx165(
           NotificationChannelForm,
           {
             value: draft,
@@ -39257,7 +39886,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 +39895,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 +39912,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 +39962,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 +39973,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 useState85 } from "react";
 
 // src/notifications/engine/preferences.ts
 var CRITICAL_CHANNELS = ["in_app", "email"];
@@ -39413,7 +40042,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,13 +40061,13 @@ function NotificationPreferenceMatrix({
   className,
   id
 }) {
-  const reactId = useId68();
+  const reactId = useId69();
   const baseId = id ?? `${reactId}-prefs`;
   const visible = useMemo44(
     () => filterCatalog(catalog, personalAudiences(isAdmin)),
     [catalog, isAdmin]
   );
-  const [notice, setNotice] = useState84(null);
+  const [notice, setNotice] = useState85(null);
   const toggle = (eventKey, channel, on) => {
     const r = setPreference(value, catalog, eventKey, channel, on);
     if (r.blocked) {
@@ -39455,13 +40084,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 +40101,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 +40113,7 @@ function NotificationPreferenceMatrix({
             disabled: readOnly
           }
         ),
-        /* @__PURE__ */ jsx166(
+        /* @__PURE__ */ jsx167(
           TimezonePicker,
           {
             label: "Timezone",
@@ -39496,8 +40125,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 +40134,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 +40152,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 +40183,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 +40203,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 +40214,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 +40246,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 +40310,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 +40329,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 +40347,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 +40363,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 +40391,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 +40420,7 @@ function NotificationRuleEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx167(
+    /* @__PURE__ */ jsx168(
       Disclosure,
       {
         title: "Advanced options",
@@ -39799,9 +40428,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 +40442,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 +40457,7 @@ function NotificationRuleEditor({
                   disabled: readOnly
                 }
               ),
-              scopeOptions.connectors && /* @__PURE__ */ jsx167(
+              scopeOptions.connectors && /* @__PURE__ */ jsx168(
                 MultiSelect,
                 {
                   label: "Only these apps",
@@ -39842,9 +40471,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 +40484,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               Select,
               {
                 label: "While it keeps failing",
@@ -39867,8 +40496,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 +40508,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 +40520,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               TimePicker,
               {
                 label: "Until",
@@ -39902,7 +40531,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               TimezonePicker,
               {
                 label: "Timezone",
@@ -39912,7 +40541,7 @@ function NotificationRuleEditor({
                 disabled: readOnly
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx168(
               MultiSelect,
               {
                 label: "Days",
@@ -39926,8 +40555,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 +40570,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 +40581,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 +40591,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 +40609,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 +40671,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 +40681,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 +40817,7 @@ export {
   EmptyState,
   EventCatalogPicker,
   ExecutionConsole,
+  ExpressionField,
   FeatureCard,
   FieldPicker,
   FileBrowser,
@@ -40395,6 +41025,7 @@ export {
   googleChatAdapter,
   gradient,
   groupInboxByDay,
+  insideCallArguments,
   isArchived,
   isChannelDraftComplete,
   isPreferenceEnabled,
@@ -40412,6 +41043,7 @@ export {
   sanitizeImageUrl,
   setCategoryPreference,
   setPreference,
+  shortReferenceLabel,
   slackAdapter,
   suggestChannelLabel,
   teamsAdapter,