@octaviaflow/core 3.1.0-beta.107 → 3.1.0-beta.109

package/dist/index.cjs

@@ -5887,14 +5887,32 @@ var import_react_aria3 = require("react-aria");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function BreadcrumbItem({ item, isCurrent }) {
   const ref = (0, import_react37.useRef)(null);
+  const interactive = !isCurrent && (!!item.href || !!item.onClick);
   const { itemProps } = (0, import_react_aria3.useBreadcrumbItem)(
-    { children: item.label, isCurrent, elementType: item.href ? "a" : "span" },
+    {
+      children: item.label,
+      isCurrent,
+      elementType: item.href ? "a" : item.onClick && !isCurrent ? "button" : "span"
+    },
     ref
   );
   const content = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
     item.icon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ods-breadcrumb__icon", children: item.icon }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: item.label })
   ] });
+  if (item.onClick && !item.href && interactive) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "button",
+      {
+        ...itemProps,
+        ref,
+        type: "button",
+        onClick: item.onClick,
+        className: cn("ods-breadcrumb__link", "ods-breadcrumb__link--button"),
+        children: content
+      }
+    );
+  }
   if (item.href && !isCurrent) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "a",
@@ -41339,6 +41357,8 @@ ToolCard.displayName = "ToolCard";
 
 // src/components/ExpressionField/ExpressionField.tsx
 var import_react188 = require("react");
+var import_react_dom23 = require("react-dom");
+var import_icons68 = require("@octaviaflow/icons");
 
 // src/components/ExpressionField/parseExpression.ts
 var CALL_NAME_SOURCE = "(?:[A-Z_][A-Z0-9_]*|user\\.[A-Za-z_][A-Za-z0-9_]*)";
@@ -41558,6 +41578,16 @@ function insideCallArguments(textBeforeCaret) {
   }
   return depth > 0;
 }
+function anchorRect(el) {
+  const box = el.getBoundingClientRect();
+  const width = Math.max(300, box.width);
+  return {
+    top: box.bottom + 4,
+    // Keep it on screen when the chip sits near the right edge.
+    left: Math.max(8, Math.min(box.left, window.innerWidth - width - 8)),
+    width
+  };
+}
 function argSummary(arg, nameOf, depth = 2) {
   const trimmed = arg.trim();
   const call = parseCall(trimmed);
@@ -41746,17 +41776,7 @@ function ExpressionField({
   const openEditor = (0, import_react188.useCallback)((chip) => {
     const raw = chip.getAttribute("data-value") ?? "";
     if (!parseCall(raw)) return;
-    const box = chip.getBoundingClientRect();
-    const host = fieldRef.current?.getBoundingClientRect();
-    setEditing({
-      el: chip,
-      raw,
-      rect: {
-        top: box.bottom - (host?.top ?? 0) + 4,
-        left: Math.max(0, box.left - (host?.left ?? 0)),
-        width: Math.max(300, box.width)
-      }
-    });
+    setEditing({ el: chip, raw, rect: anchorRect(chip) });
   }, []);
   const applyEditor = (0, import_react188.useCallback)(
     (raw) => {
@@ -41982,156 +42002,173 @@ function CallEditor({
     setDraft((d) => replaceArgument(d, [...path, index], bare));
     if (kind === "function" || parseCall(bare)) setPath((pth) => [...pth, index]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
-    "div",
-    {
-      ref: panelRef,
-      className: "ods-expression-field__editor",
-      style: { top: rect.top, left: rect.left, width: rect.width },
-      role: "dialog",
-      "aria-label": `Edit ${crumbs[0]?.label ?? "function"}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("nav", { className: "ods-expression-field__editor-crumbs", "aria-label": "Nested functions", children: crumbs.map((crumb, i) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { children: [
-            i > 0 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { "aria-hidden": "true", children: " \u203A " }),
+  const [pos, setPos] = (0, import_react188.useState)(rect);
+  (0, import_react188.useEffect)(() => {
+    const follow = () => setPos(anchorRect(anchor));
+    window.addEventListener("scroll", follow, true);
+    window.addEventListener("resize", follow);
+    return () => {
+      window.removeEventListener("scroll", follow, true);
+      window.removeEventListener("resize", follow);
+    };
+  }, [anchor]);
+  if (typeof document === "undefined") return null;
+  return (0, import_react_dom23.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+      "div",
+      {
+        ref: panelRef,
+        "data-ods-floating": "",
+        className: "ods-expression-field__editor",
+        style: { top: pos.top, left: pos.left, width: pos.width },
+        role: "dialog",
+        "aria-label": `Edit ${crumbs[0]?.label ?? "function"}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-head", children: [
             /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-              "button",
+              Breadcrumb,
               {
-                type: "button",
-                disabled: i === crumbs.length - 1,
-                onClick: () => setPath(crumb.path),
-                children: crumb.label
+                className: "ods-expression-field__editor-crumbs",
+                items: crumbs.map((crumb) => ({
+                  label: crumb.label,
+                  onClick: () => setPath(crumb.path)
+                }))
               }
-            )
-          ] }, crumb.path.join(".") || "root")) }),
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-            "button",
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Button, { variant: "ghost", size: "sm", onClick: () => setRawMode((r) => !r), children: rawMode ? "Back to fields" : "Edit as text" })
+          ] }),
+          rawMode ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+            "textarea",
             {
-              type: "button",
-              className: "ods-expression-field__editor-link",
-              onClick: () => setRawMode((r) => !r),
-              children: rawMode ? "Back to fields" : "Edit as text"
+              className: "ods-expression-field__editor-raw",
+              value: draft,
+              rows: 3,
+              "aria-label": "Expression",
+              onChange: (e) => setDraft(e.target.value)
             }
-          )
-        ] }),
-        rawMode ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-          "textarea",
-          {
-            className: "ods-expression-field__editor-raw",
-            value: draft,
-            rows: 3,
-            "aria-label": "Expression",
-            onChange: (e) => setDraft(e.target.value)
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-rows", children: [
-          args.map((arg, index) => {
-            const kind = argumentKind(arg);
-            const rowLabel = names[index] ?? `argument ${index + 1}`;
-            const nested = kind === "call" ? parseCall(arg) : void 0;
-            return (
-              // eslint-disable-next-line react/no-array-index-key
-              /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-row", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { className: "ods-expression-field__editor-row-head", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { id: `arg-${index}-label`, children: rowLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      className: "ods-expression-field__editor-remove",
-                      "aria-label": `Remove ${rowLabel}`,
-                      title: "Remove this argument",
-                      onClick: () => removeArg(index),
-                      children: "\u2715"
-                    }
-                  )
-                ] }),
-                nested ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
-                  "div",
-                  {
-                    className: "ods-expression-field__editor-nested",
-                    onDragOver: (e) => {
-                      if (e.dataTransfer.types.includes("application/x-fx-insert")) e.preventDefault();
-                    },
-                    onDrop: dropInto(index),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("code", { children: argSummary(arg, nameOf) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("button", { type: "button", onClick: () => setPath([...path, index]), children: "Open" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("button", { type: "button", onClick: () => setArg(index, ""), "aria-label": `Clear ${rowLabel}`, children: "Clear" })
-                      ] })
-                    ]
-                  }
-                ) : kind === "reference" ? (
-                  // A reference is a value from somewhere else — named, never
-                  // its raw `ods://…` path, here as much as in the field.
-                  /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-rows", children: [
+            args.map((arg, index) => {
+              const kind = argumentKind(arg);
+              const rowLabel = names[index] ?? `argument ${index + 1}`;
+              const nested = kind === "call" ? parseCall(arg) : void 0;
+              return (
+                // eslint-disable-next-line react/no-array-index-key
+                /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { className: "ods-expression-field__editor-row-head", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: "ods-expression-field__editor-row-name", id: `arg-${index}-label`, children: rowLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                      Button,
+                      {
+                        variant: "icon",
+                        size: "sm",
+                        "aria-label": `Remove ${rowLabel}`,
+                        title: "Remove this argument",
+                        onClick: () => removeArg(index),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_icons68.CloseIcon, { size: "sm" })
+                      }
+                    )
+                  ] }),
+                  nested ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
                     "div",
                     {
-                      className: "ods-expression-field__editor-ref",
+                      className: "ods-expression-field__editor-nested",
                       onDragOver: (e) => {
                         if (e.dataTransfer.types.includes("application/x-fx-insert")) e.preventDefault();
                       },
                       onDrop: dropInto(index),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-                          "span",
-                          {
-                            className: "ods-expression-field__pill",
-                            title: arg,
-                            "aria-labelledby": `arg-${index}-label`,
-                            children: labelFor(arg.startsWith("ods://") ? `{{${arg}}}` : arg)
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("button", { type: "button", onClick: () => setArg(index, ""), "aria-label": `Clear ${rowLabel}`, children: "Clear" })
+                        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("code", { children: argSummary(arg, nameOf) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Button, { variant: "secondary", size: "sm", onClick: () => setPath([...path, index]), children: "Open" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                            Button,
+                            {
+                              variant: "ghost",
+                              size: "sm",
+                              "aria-label": `Clear ${rowLabel}`,
+                              onClick: () => setArg(index, ""),
+                              children: "Clear"
+                            }
+                          )
+                        ] })
                       ]
                     }
+                  ) : kind === "reference" ? (
+                    // A reference is a value from somewhere else — named, never
+                    // its raw `ods://…` path, here as much as in the field.
+                    /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
+                      "div",
+                      {
+                        className: "ods-expression-field__editor-ref",
+                        onDragOver: (e) => {
+                          if (e.dataTransfer.types.includes("application/x-fx-insert")) e.preventDefault();
+                        },
+                        onDrop: dropInto(index),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                            "span",
+                            {
+                              className: "ods-expression-field__pill",
+                              title: arg,
+                              "aria-labelledby": `arg-${index}-label`,
+                              children: labelFor(arg.startsWith("ods://") ? `{{${arg}}}` : arg)
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                            Button,
+                            {
+                              variant: "ghost",
+                              size: "sm",
+                              "aria-label": `Clear ${rowLabel}`,
+                              onClick: () => setArg(index, ""),
+                              children: "Clear"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+                    "input",
+                    {
+                      "aria-labelledby": `arg-${index}-label`,
+                      value: arg,
+                      placeholder: 'a value, "text", or drag one in',
+                      "data-kind": kind,
+                      onChange: (e) => setArg(index, e.target.value),
+                      onDragOver: (e) => {
+                        if (e.dataTransfer.types.includes("application/x-fx-insert")) e.preventDefault();
+                      },
+                      onDrop: dropInto(index)
+                    }
                   )
-                ) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-                  "input",
-                  {
-                    "aria-labelledby": `arg-${index}-label`,
-                    value: arg,
-                    placeholder: 'a value, "text", or drag one in',
-                    "data-kind": kind,
-                    onChange: (e) => setArg(index, e.target.value),
-                    onDragOver: (e) => {
-                      if (e.dataTransfer.types.includes("application/x-fx-insert")) e.preventDefault();
-                    },
-                    onDrop: dropInto(index)
-                  }
-                )
-              ] }, index)
-            );
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "ods-expression-field__editor-add",
-              onClick: () => setDraft((d) => {
-                const at = callAt(d, path);
-                if (!at) return d;
-                const next = [...at.args, '""'];
-                return path.length === 0 ? formatCall(at.name, next) : replaceArgument(d, path, `${at.name}(${next.join(", ")})`);
-              }),
-              children: "+ Add argument"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-foot", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("button", { type: "button", onClick: onCancel, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "ods-expression-field__editor-primary",
-              onClick: () => onApply(draft),
-              children: "Apply"
-            }
-          )
-        ] })
-      ]
-    }
+                ] }, index)
+              );
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                fullWidth: true,
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(import_icons68.AddIcon, { size: "sm" }),
+                onClick: () => setDraft((d) => {
+                  const at = callAt(d, path);
+                  if (!at) return d;
+                  const next = [...at.args, '""'];
+                  return path.length === 0 ? formatCall(at.name, next) : replaceArgument(d, path, `${at.name}(${next.join(", ")})`);
+                }),
+                children: "Add argument"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "ods-expression-field__editor-foot", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Button, { variant: "secondary", size: "sm", onClick: onCancel, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Button, { variant: "primary", size: "sm", onClick: () => onApply(draft), children: "Apply" })
+          ] })
+        ]
+      }
+    ),
+    document.body
   );
 }
 
@@ -42219,14 +42256,14 @@ function TopBar({
 // src/components/TraceStep/TraceStep.tsx
 var import_framer_motion38 = require("framer-motion");
 var import_react189 = require("react");
-var import_icons68 = require("@octaviaflow/icons");
+var import_icons69 = require("@octaviaflow/icons");
 var import_jsx_runtime176 = require("react/jsx-runtime");
 var DEFAULT_KIND_GLYPH = {
-  thought: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.IdeaIcon, { size: "xs" }),
-  tool: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.BuildToolIcon, { size: "xs" }),
-  input: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.ConnectionReceiveIcon, { size: "xs" }),
-  output: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.ConnectionSendIcon, { size: "xs" }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.WarningAltIcon, { size: "xs" })
+  thought: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.IdeaIcon, { size: "xs" }),
+  tool: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.BuildToolIcon, { size: "xs" }),
+  input: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.ConnectionReceiveIcon, { size: "xs" }),
+  output: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.ConnectionSendIcon, { size: "xs" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.WarningAltIcon, { size: "xs" })
 };
 var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
 var TraceStep = (0, import_react189.forwardRef)(
@@ -42290,7 +42327,7 @@ var TraceStep = (0, import_react189.forwardRef)(
                 initial: disableAnimation ? false : { scale: 0.6, opacity: 0 },
                 animate: { scale: 1, opacity: 1 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
-                children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
+                children: status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
               }
             ),
             !isLast && /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
@@ -42333,7 +42370,7 @@ var TraceStep = (0, import_react189.forwardRef)(
                       title: tool,
                       "aria-label": `Tool: ${tool}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.BuildToolIcon, { size: "xs" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.BuildToolIcon, { size: "xs" }) }),
                         tool
                       ]
                     }
@@ -42366,7 +42403,7 @@ var TraceStep = (0, import_react189.forwardRef)(
                       "aria-hidden": "true",
                       animate: { rotate: open ? 180 : 0 },
                       transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons68.CaretDownIcon, { size: "xs" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_icons69.CaretDownIcon, { size: "xs" })
                     }
                   )
                 ]
@@ -44267,7 +44304,7 @@ function cursorFor(corner) {
 }
 
 // src/workflow/components/kinds/BaseNode.tsx
-var import_icons69 = require("@octaviaflow/icons");
+var import_icons70 = require("@octaviaflow/icons");
 var import_react199 = require("react");
 var import_jsx_runtime183 = require("react/jsx-runtime");
 function BaseNode({
@@ -44334,7 +44371,7 @@ function BaseNode({
               "aria-label": "Delete node",
               "data-flow-no-drag": "true",
               title: "Delete node",
-              children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(import_icons69.TrashCanIcon, { size: 16, "aria-hidden": true })
+              children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(import_icons70.TrashCanIcon, { size: 16, "aria-hidden": true })
             }
           )
         ] }),
@@ -46253,7 +46290,7 @@ function DefaultEmptyState() {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-var import_icons70 = require("@octaviaflow/icons");
+var import_icons71 = require("@octaviaflow/icons");
 
 // src/hooks/useWorkflowRuntime.ts
 var import_react202 = require("react");
@@ -46344,7 +46381,7 @@ function WorkflowHeader({
           onClick: onBack,
           "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons70.ChevronLeftIcon, { size: "sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons71.ChevronLeftIcon, { size: "sm" }),
             /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
             /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
           ]
@@ -46383,14 +46420,14 @@ function WorkflowHeader({
             title: saveState === "error" ? saveError ?? void 0 : void 0,
             children: [
               saveState === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
-                import_icons70.WarningAltIcon,
+                import_icons71.WarningAltIcon,
                 {
                   size: "sm",
                   className: "ods-workflow-header__save-icon",
                   "aria-hidden": "true"
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
-                import_icons70.CheckmarkIcon,
+                import_icons71.CheckmarkIcon,
                 {
                   size: "sm",
                   className: "ods-workflow-header__save-icon",
@@ -46431,7 +46468,7 @@ function WorkflowHeader({
           size: "sm",
           pressed: !!isConsoleOpen,
           "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons70.TerminalIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons71.TerminalIcon, { size: "sm" }),
           onClick: onToggleConsole,
           children: "Console"
         }
@@ -46443,7 +46480,7 @@ function WorkflowHeader({
           variant: "ghost",
           size: "sm",
           "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons70.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons71.StopFilledAltIcon, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
           onClick: onStop,
           children: /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("span", { className: "ods-workflow-header__stop-label", children: [
             /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { children: "Stop" }),
@@ -46459,7 +46496,7 @@ function WorkflowHeader({
           variant: "primary",
           size: "sm",
           "aria-label": "Run workflow",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons70.PlayFilledAltIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons71.PlayFilledAltIcon, { size: "sm" }),
           onClick: onRun,
           children: "Run"
         }
@@ -46471,7 +46508,7 @@ function WorkflowHeader({
           align: "end",
           triggerClassName: "ods-workflow-header__menu-trigger",
           ...menuProps,
-          trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons70.OverflowMenuVerticalIcon, { size: "sm" }) }),
+          trigger: menuTrigger ?? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_icons71.OverflowMenuVerticalIcon, { size: "sm" }) }),
           items: menuItems
         }
       ))
@@ -46481,7 +46518,7 @@ function WorkflowHeader({
 }
 
 // src/components/WorkflowHeader/WorkflowHeaderExpanded.tsx
-var import_icons71 = require("@octaviaflow/icons");
+var import_icons72 = require("@octaviaflow/icons");
 var import_jsx_runtime188 = require("react/jsx-runtime");
 function WorkflowHeaderExpanded({
   name,
@@ -46526,7 +46563,7 @@ function WorkflowHeaderExpanded({
                 onClick: onBack,
                 "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons71.ChevronLeftIcon, { size: "sm" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons72.ChevronLeftIcon, { size: "sm" }),
                   /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("span", { children: parentLabel }),
                   /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
                 ]
@@ -46565,7 +46602,7 @@ function WorkflowHeaderExpanded({
                 size: "sm",
                 pressed: !!isConsoleOpen,
                 "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons71.TerminalIcon, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons72.TerminalIcon, { size: "sm" }),
                 onClick: onToggleConsole,
                 children: "Console"
               }
@@ -46578,7 +46615,7 @@ function WorkflowHeaderExpanded({
                 size: "sm",
                 "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
                 leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
-                  import_icons71.StopFilledAltIcon,
+                  import_icons72.StopFilledAltIcon,
                   {
                     size: "sm",
                     className: "ods-workflow-header-expanded__stop-glyph"
@@ -46599,7 +46636,7 @@ function WorkflowHeaderExpanded({
                 variant: "primary",
                 size: "sm",
                 "aria-label": "Run workflow",
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons71.PlayFilledAltIcon, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons72.PlayFilledAltIcon, { size: "sm" }),
                 onClick: onRun,
                 children: "Run"
               }
@@ -46615,7 +46652,7 @@ function WorkflowHeaderExpanded({
                   {
                     variant: "ghost",
                     size: "sm",
-                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons71.OverflowMenuVerticalIcon, { size: "sm" })
+                    leftIcon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(import_icons72.OverflowMenuVerticalIcon, { size: "sm" })
                   }
                 ),
                 items: menuItems
@@ -48112,60 +48149,60 @@ function DeliveryFrequencyControl({
 DeliveryFrequencyControl.displayName = "DeliveryFrequencyControl";
 
 // src/notifications/components/EventCatalogPicker/EventCatalogPicker.tsx
-var import_icons73 = require("@octaviaflow/icons");
+var import_icons74 = require("@octaviaflow/icons");
 var import_react212 = require("react");
 
 // src/notifications/components/meta.tsx
-var import_icons72 = require("@octaviaflow/icons");
+var import_icons73 = require("@octaviaflow/icons");
 var import_jsx_runtime192 = require("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__ */ (0, import_jsx_runtime192.jsx)(import_icons72.NotificationIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.NotificationIcon, { size: "sm", "aria-hidden": "true" })
   },
   email: {
     label: "Email",
     hint: "One or more addresses.",
     connected: false,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.EmailIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.EmailIcon, { size: "sm", "aria-hidden": "true" })
   },
   slack: {
     label: "Slack",
     hint: "A channel in a connected workspace.",
     connected: true,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.LogoSlackIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.LogoSlackIcon, { size: "sm", "aria-hidden": "true" })
   },
   teams: {
     label: "Microsoft Teams",
     hint: "A channel in a connected team.",
     connected: true,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.ChatOperationalIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.ChatOperationalIcon, { size: "sm", "aria-hidden": "true" })
   },
   google_chat: {
     label: "Google Chat",
     hint: "A space in a connected account.",
     connected: true,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.ChatIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.ChatIcon, { size: "sm", "aria-hidden": "true" })
   },
   whatsapp: {
     label: "WhatsApp",
     hint: "Template messages to a phone number.",
     connected: false,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.ChatLaunchIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.ChatLaunchIcon, { size: "sm", "aria-hidden": "true" })
   },
   webhook: {
     label: "Webhook",
     hint: "Signed JSON to a URL you own.",
     connected: false,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.WebhookIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.WebhookIcon, { size: "sm", "aria-hidden": "true" })
   }
 };
 var PERSONAL_CHANNEL_META = {
-  in_app: { label: "In-app", icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.NotificationIcon, { size: "sm", "aria-hidden": "true" }) },
-  email: { label: "Email", icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.EmailIcon, { size: "sm", "aria-hidden": "true" }) },
-  slack_dm: { label: "Slack DM", icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.LogoSlackIcon, { size: "sm", "aria-hidden": "true" }) }
+  in_app: { label: "In-app", icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.NotificationIcon, { size: "sm", "aria-hidden": "true" }) },
+  email: { label: "Email", icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.EmailIcon, { size: "sm", "aria-hidden": "true" }) },
+  slack_dm: { label: "Slack DM", icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.LogoSlackIcon, { size: "sm", "aria-hidden": "true" }) }
 };
 var CHANNEL_STATUS_META = {
   verified: { label: "Verified", variant: "success" },
@@ -48177,17 +48214,17 @@ var SEVERITY_META = {
   info: {
     label: "Info",
     variant: "info",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.InformationFilledIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.InformationFilledIcon, { size: "sm", "aria-hidden": "true" })
   },
   warning: {
     label: "Warning",
     variant: "warning",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.WarningFilledIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.WarningFilledIcon, { size: "sm", "aria-hidden": "true" })
   },
   error: {
     label: "Error",
     variant: "error",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons72.ErrorFilledIcon, { size: "sm", "aria-hidden": "true" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(import_icons73.ErrorFilledIcon, { size: "sm", "aria-hidden": "true" })
   }
 };
 
@@ -48262,7 +48299,7 @@ function EventCatalogPicker({
               type: "search",
               "aria-label": "Search events",
               placeholder: "Search events",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_icons73.SearchIcon, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(import_icons74.SearchIcon, { size: "sm", "aria-hidden": "true" }),
               value: query,
               onChange: (e) => setQuery(e.target.value),
               clearable: true,
@@ -48354,7 +48391,7 @@ function EventCatalogPicker({
 EventCatalogPicker.displayName = "EventCatalogPicker";
 
 // src/notifications/components/NotificationBell/NotificationBell.tsx
-var import_icons76 = require("@octaviaflow/icons");
+var import_icons77 = require("@octaviaflow/icons");
 var import_react214 = require("react");
 
 // src/notifications/engine/inbox.ts
@@ -48425,7 +48462,7 @@ function groupInboxByDay(items, now2 = Date.now()) {
 }
 
 // src/notifications/components/NotificationDetailDialog/NotificationDetailDialog.tsx
-var import_icons74 = require("@octaviaflow/icons");
+var import_icons75 = require("@octaviaflow/icons");
 var import_jsx_runtime194 = require("react/jsx-runtime");
 function NotificationDetailDialog({
   item,
@@ -48456,7 +48493,7 @@ function NotificationDetailDialog({
           Button,
           {
             variant: "ghost",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_icons74.ArchiveIcon, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_icons75.ArchiveIcon, { size: "sm", "aria-hidden": "true" }),
             onClick: () => {
               onArchive(item);
               onClose();
@@ -48481,7 +48518,7 @@ function NotificationDetailDialog({
             },
             children: [
               resolved.label ?? "Open",
-              /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_icons74.LaunchIcon, { size: "sm", "aria-hidden": "true" })
+              /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(import_icons75.LaunchIcon, { size: "sm", "aria-hidden": "true" })
             ]
           }
         ) })
@@ -48509,7 +48546,7 @@ function NotificationDetailDialog({
 NotificationDetailDialog.displayName = "NotificationDetailDialog";
 
 // src/notifications/components/NotificationInbox/NotificationInbox.tsx
-var import_icons75 = require("@octaviaflow/icons");
+var import_icons76 = require("@octaviaflow/icons");
 var import_react213 = require("react");
 var import_jsx_runtime195 = require("react/jsx-runtime");
 var FILTER_OPTIONS = [
@@ -48624,7 +48661,7 @@ function NotificationInbox({
                 variant: "ghost",
                 "aria-label": "Mark as read",
                 onClick: () => onMarkRead([item.id]),
-                children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_icons75.CheckmarkIcon, { size: "sm", "aria-hidden": "true" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_icons76.CheckmarkIcon, { size: "sm", "aria-hidden": "true" })
               }
             ),
             onArchive && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
@@ -48634,7 +48671,7 @@ function NotificationInbox({
                 variant: "ghost",
                 "aria-label": "Archive",
                 onClick: () => onArchive([item.id]),
-                children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_icons75.ArchiveIcon, { size: "sm", "aria-hidden": "true" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_icons76.ArchiveIcon, { size: "sm", "aria-hidden": "true" })
               }
             )
           ] })
@@ -48662,7 +48699,7 @@ function NotificationInbox({
       EmptyState,
       {
         size: compact ? "sm" : "md",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_icons75.NotificationOffIcon, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(import_icons76.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)
       }
@@ -48790,7 +48827,7 @@ function NotificationBell({
               size: "md",
               className: "ods-notif-bell__trigger",
               "aria-label": hasUnread ? `${label}, ${countLabel} unread` : label,
-              children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_icons76.NotificationIcon, { size: "sm", "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(import_icons77.NotificationIcon, { size: "sm", "aria-hidden": "true" })
             }
           ),
           hasUnread && /* @__PURE__ */ (0, import_jsx_runtime196.jsx)("span", { className: "ods-notif-bell__count", "aria-hidden": "true", children: countLabel })
@@ -48814,7 +48851,7 @@ function NotificationBell({
 NotificationBell.displayName = "NotificationBell";
 
 // src/notifications/components/NotificationChannelCard/NotificationChannelCard.tsx
-var import_icons77 = require("@octaviaflow/icons");
+var import_icons78 = require("@octaviaflow/icons");
 var import_jsx_runtime197 = require("react/jsx-runtime");
 function NotificationChannelCard({
   channel,
@@ -48871,7 +48908,7 @@ function NotificationChannelCard({
             {
               size: "sm",
               variant: "secondary",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_icons77.SendIcon, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_icons78.SendIcon, { size: "sm", "aria-hidden": "true" }),
               loading: testing,
               loadingText: "Sending\u2026",
               disabled: !channel.enabled,
@@ -48887,7 +48924,7 @@ function NotificationChannelCard({
               variant: "ghost",
               "aria-label": `Edit ${channel.label}`,
               onClick: () => onEdit(channel),
-              children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_icons77.EditIcon, { size: "sm", "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_icons78.EditIcon, { size: "sm", "aria-hidden": "true" })
             }
           ),
           onRemove && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
@@ -48898,7 +48935,7 @@ function NotificationChannelCard({
               "aria-label": `Remove ${channel.label}`,
               className: "ods-notif-channel__remove",
               onClick: () => onRemove(channel),
-              children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_icons77.TrashCanIcon, { size: "sm", "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(import_icons78.TrashCanIcon, { size: "sm", "aria-hidden": "true" })
             }
           ),
           onToggle && /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
@@ -48918,7 +48955,7 @@ function NotificationChannelCard({
 NotificationChannelCard.displayName = "NotificationChannelCard";
 
 // src/notifications/components/NotificationChannelDialog/NotificationChannelDialog.tsx
-var import_icons79 = require("@octaviaflow/icons");
+var import_icons80 = require("@octaviaflow/icons");
 var import_react216 = require("react");
 
 // src/notifications/engine/channels.ts
@@ -49024,7 +49061,7 @@ function draftFromChannel(channel, fallbackType = "slack") {
 }
 
 // src/notifications/components/NotificationChannelForm/NotificationChannelForm.tsx
-var import_icons78 = require("@octaviaflow/icons");
+var import_icons79 = require("@octaviaflow/icons");
 var import_react215 = require("react");
 var import_jsx_runtime198 = require("react/jsx-runtime");
 var DEFAULT_TYPES = [
@@ -49140,7 +49177,7 @@ function NotificationChannelForm({
                 /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("span", { className: "ods-notif-channel-form__type-label", children: meta2.label }),
                 /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("span", { className: "ods-notif-channel-form__type-hint", children: meta2.connected && hasApp ? "Connected" : meta2.hint })
               ] }),
-              selected && /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("span", { className: "ods-notif-channel-form__type-check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons78.CheckmarkFilledIcon, { size: "sm" }) })
+              selected && /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("span", { className: "ods-notif-channel-form__type-check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons79.CheckmarkFilledIcon, { size: "sm" }) })
             ]
           },
           type
@@ -49156,7 +49193,7 @@ function NotificationChannelForm({
           {
             size: "sm",
             variant: "primary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons78.LaunchIcon, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons79.LaunchIcon, { size: "sm", "aria-hidden": "true" }),
             onClick: () => onConnectNew(value.type),
             children: [
               "Connect ",
@@ -49190,7 +49227,7 @@ function NotificationChannelForm({
             {
               size,
               variant: "ghost",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons78.AddIcon, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons79.AddIcon, { size: "sm", "aria-hidden": "true" }),
               onClick: () => onConnectNew(value.type),
               className: "ods-notif-channel-form__connect",
               children: "Connect new"
@@ -49341,7 +49378,7 @@ function NotificationChannelForm({
       )
     ] }),
     showSummary && summary && /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)("div", { className: "ods-notif-channel-form__summary", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons78.CheckmarkFilledIcon, { size: "sm", "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(import_icons79.CheckmarkFilledIcon, { size: "sm", "aria-hidden": "true" }),
       /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("span", { children: summary })
     ] })
   ] });
@@ -49435,7 +49472,7 @@ function NotificationChannelDialog({
           Button,
           {
             variant: "secondary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_icons79.SendIcon, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_icons80.SendIcon, { size: "sm", "aria-hidden": "true" }),
             loading: testing,
             loadingText: "Sending\u2026",
             disabled: !complete || saving,
@@ -49480,7 +49517,7 @@ function NotificationChannelDialog({
 NotificationChannelDialog.displayName = "NotificationChannelDialog";
 
 // src/notifications/components/NotificationChannelList/NotificationChannelList.tsx
-var import_icons80 = require("@octaviaflow/icons");
+var import_icons81 = require("@octaviaflow/icons");
 var import_jsx_runtime200 = require("react/jsx-runtime");
 function NotificationChannelList({
   channels,
@@ -49509,7 +49546,7 @@ function NotificationChannelList({
         {
           size: "sm",
           variant: "secondary",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons80.AddIcon, { size: "sm", "aria-hidden": "true" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons81.AddIcon, { size: "sm", "aria-hidden": "true" }),
           onClick: onAdd,
           children: "Add channel"
         }
@@ -49518,14 +49555,14 @@ function NotificationChannelList({
     channels.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
       EmptyState,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons80.ConnectIcon, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons81.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__ */ (0, import_jsx_runtime200.jsx)(
           Button,
           {
             variant: "primary",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons80.AddIcon, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons81.AddIcon, { size: "sm", "aria-hidden": "true" }),
             onClick: onAdd,
             children: "Add channel"
           }
@@ -49549,7 +49586,7 @@ function NotificationChannelList({
         channel.id
       )),
       canAdd && /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)("button", { type: "button", className: "ods-notif-channels__add", onClick: onAdd, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("span", { className: "ods-notif-channels__add-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons80.AddIcon, { size: "sm" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("span", { className: "ods-notif-channels__add-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_icons81.AddIcon, { size: "sm" }) }),
         "Add channel"
       ] })
     ] })
@@ -49558,7 +49595,7 @@ function NotificationChannelList({
 NotificationChannelList.displayName = "NotificationChannelList";
 
 // src/notifications/components/NotificationPreferenceMatrix/NotificationPreferenceMatrix.tsx
-var import_icons81 = require("@octaviaflow/icons");
+var import_icons82 = require("@octaviaflow/icons");
 var import_react217 = require("react");
 
 // src/notifications/engine/preferences.ts
@@ -49800,7 +49837,7 @@ function NotificationPreferenceMatrix({
                         "aria-label": `${event.label} via ${colLabel}`
                       }
                     ),
-                    locked && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("span", { className: "ods-pref-matrix__lock", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_icons81.LockedIcon, { size: "sm" }) })
+                    locked && /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("span", { className: "ods-pref-matrix__lock", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_icons82.LockedIcon, { size: "sm" }) })
                   ] });
                   return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
                     "div",
@@ -49831,7 +49868,7 @@ function NotificationPreferenceMatrix({
 NotificationPreferenceMatrix.displayName = "NotificationPreferenceMatrix";
 
 // src/notifications/components/NotificationRuleEditor/NotificationRuleEditor.tsx
-var import_icons82 = require("@octaviaflow/icons");
+var import_icons83 = require("@octaviaflow/icons");
 var import_react218 = require("react");
 var import_jsx_runtime202 = require("react/jsx-runtime");
 var COOLDOWN_OPTIONS = [
@@ -49917,7 +49954,7 @@ function NotificationRuleEditor({
   const canSave = value.events.length > 0 && value.channelIds.length > 0 && !saving && !readOnly;
   return /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { className: cn("ods-rule-editor", className), id: baseId, children: [
     /* @__PURE__ */ (0, import_jsx_runtime202.jsxs)("div", { className: "ods-rule-editor__summary", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { className: "ods-rule-editor__summary-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(import_icons82.RuleIcon, { size: "sm" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { className: "ods-rule-editor__summary-icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(import_icons83.RuleIcon, { size: "sm" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime202.jsx)("span", { children: sentence })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
@@ -49982,7 +50019,7 @@ function NotificationRuleEditor({
           {
             size: "sm",
             variant: "ghost",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(import_icons82.AddIcon, { size: "sm", "aria-hidden": "true" }),
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(import_icons83.AddIcon, { size: "sm", "aria-hidden": "true" }),
             onClick: onAddChannel,
             children: "Add channel"
           }
@@ -50176,7 +50213,7 @@ function NotificationRuleEditor({
 NotificationRuleEditor.displayName = "NotificationRuleEditor";
 
 // src/notifications/components/NotificationRuleList/NotificationRuleList.tsx
-var import_icons83 = require("@octaviaflow/icons");
+var import_icons84 = require("@octaviaflow/icons");
 var import_jsx_runtime203 = require("react/jsx-runtime");
 function NotificationRuleList({
   rules,
@@ -50206,7 +50243,7 @@ function NotificationRuleList({
         {
           size: "sm",
           variant: "secondary",
-          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons83.AddIcon, { size: "sm", "aria-hidden": "true" }),
+          leftIcon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons84.AddIcon, { size: "sm", "aria-hidden": "true" }),
           onClick: onCreate,
           children: "New rule"
         }
@@ -50216,14 +50253,14 @@ function NotificationRuleList({
       /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
         EmptyState,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons83.RuleIcon, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons84.RuleIcon, { "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__ */ (0, import_jsx_runtime203.jsx)(
             Button,
             {
               variant: "primary",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons83.AddIcon, { size: "sm", "aria-hidden": "true" }),
+              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons84.AddIcon, { size: "sm", "aria-hidden": "true" }),
               onClick: onCreate,
               children: "New rule"
             }
@@ -50283,7 +50320,7 @@ function NotificationRuleList({
                   variant: "ghost",
                   "aria-label": `Edit ${rule.name || "rule"}`,
                   onClick: () => onEdit(rule),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons83.EditIcon, { size: "sm", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons84.EditIcon, { size: "sm", "aria-hidden": "true" })
                 }
               ),
               onDuplicate && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
@@ -50293,7 +50330,7 @@ function NotificationRuleList({
                   variant: "ghost",
                   "aria-label": `Duplicate ${rule.name || "rule"}`,
                   onClick: () => onDuplicate(rule),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons83.CopyIcon, { size: "sm", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons84.CopyIcon, { size: "sm", "aria-hidden": "true" })
                 }
               ),
               onDelete && /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
@@ -50303,7 +50340,7 @@ function NotificationRuleList({
                   variant: "ghost",
                   "aria-label": `Delete ${rule.name || "rule"}`,
                   onClick: () => onDelete(rule),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons83.TrashCanIcon, { size: "sm", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(import_icons84.TrashCanIcon, { size: "sm", "aria-hidden": "true" })
                 }
               )
             ] })