@octaviaflow/core 3.1.0-beta.84 → 3.1.0-beta.86

package/dist/index.js

@@ -7843,6 +7843,7 @@ ContextMenu.displayName = "ContextMenu";
 // src/components/DataMapper/DataMapper.tsx
 import {
   forwardRef as forwardRef35,
+  Fragment as Fragment17,
   useCallback as useCallback14,
   useEffect as useEffect16,
   useImperativeHandle as useImperativeHandle3,
@@ -7850,7 +7851,7 @@ import {
   useRef as useRef17,
   useState as useState22
 } from "react";
-import { Fragment as Fragment17, jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
 var TYPE_CLASSES = {
   string: "string",
   integer: "integer",
@@ -7867,22 +7868,92 @@ var TYPE_CLASSES = {
 function pathOf(f) {
   return f.path ?? f.key;
 }
-function flatten(fields, expanded, depth = 0, parentArray = false) {
+function flatten(fields, expanded, depth = 0, parentKey = null, ancestors = []) {
   const out = [];
-  for (const f of fields) {
-    out.push({ field: f, depth, isArrayItem: parentArray });
-    if (f.children && f.children.length > 0 && expanded.has(f.key)) {
-      out.push(...flatten(f.children, expanded, depth + 1, !!f.isArray || f.type === "array"));
+  fields.forEach((f, i) => {
+    const isGroup = isGroupField(f);
+    const isOpen = expanded.has(f.key);
+    const insertAt = isGroup && isOpen ? { parentKey: f.key, index: 0, depth: depth + 1 } : { parentKey, index: i + 1, depth };
+    out.push({
+      field: f,
+      depth,
+      insertAt,
+      // Deepest first, so one step left is one level out. When the gap is
+      // already inside a group, this level's own "after me" point is the
+      // first alternative.
+      insertAlternatives: [
+        ...isGroup && isOpen ? [{ parentKey, index: i + 1, depth }] : [],
+        ...[...ancestors].reverse()
+      ]
+    });
+    if (isGroup && isOpen) {
+      out.push(
+        ...flatten(f.children ?? [], expanded, depth + 1, f.key, [
+          ...ancestors,
+          { parentKey, index: i + 1, depth }
+        ])
+      );
     }
-  }
+  });
   return out;
 }
+function flattenFields(fields, expanded) {
+  return flatten(fields, expanded);
+}
 function collectAll(fields) {
   return fields.flatMap((f) => [f, ...f.children ? collectAll(f.children) : []]);
 }
+function isGroupField(f) {
+  if (f.children && f.children.length > 0) return true;
+  const t = String(f.type ?? "").toLowerCase();
+  return !!f.custom && (f.isArray === true || t === "array" || t === "object");
+}
+function isArrayField(f) {
+  return f.isArray === true || String(f.type ?? "").toLowerCase() === "array";
+}
 function collectGroupKeys(fields) {
   return collectAll(fields).filter((f) => !!f.children && f.children.length > 0).map((f) => f.key);
 }
+var DEFAULT_ADD_FIELD_TYPES = [
+  "string",
+  "number",
+  "boolean",
+  "datetime",
+  "object",
+  "array"
+];
+function insertField(fields, parentKey, index, field) {
+  if (parentKey === null) {
+    const next = [...fields];
+    next.splice(index, 0, field);
+    return next;
+  }
+  return fields.map((f) => {
+    if (f.key === parentKey) {
+      const kids = [...f.children ?? []];
+      kids.splice(index, 0, field);
+      return { ...f, children: kids };
+    }
+    if (f.children && f.children.length > 0) {
+      return { ...f, children: insertField(f.children, parentKey, index, field) };
+    }
+    return f;
+  });
+}
+function removeField(fields, key) {
+  return fields.filter((f) => f.key !== key).map(
+    (f) => f.children && f.children.length > 0 ? { ...f, children: removeField(f.children, key) } : f
+  );
+}
+function makeFieldKey(fields, parentKey, name) {
+  const slug = name.trim().replace(/\s+/g, "_");
+  const base = parentKey ? `${parentKey}.${slug}` : slug;
+  const taken = new Set(collectAll(fields).map((f) => f.key));
+  if (!taken.has(base)) return base;
+  let n = 2;
+  while (taken.has(`${base}_${n}`)) n += 1;
+  return `${base}_${n}`;
+}
 var TOKEN_RE = /\{\{([^}]+)\}\}/g;
 var FN_RE = /\b([a-zA-Z_][a-zA-Z0-9_]*)\(/g;
 function fieldToken(path) {
@@ -8199,6 +8270,9 @@ var DataMapper = forwardRef35(
     onClose,
     defaultSidebarOpen = true,
     defaultGroupsExpanded = true,
+    allowAddFields = false,
+    onTargetFieldsChange,
+    addFieldTypes = DEFAULT_ADD_FIELD_TYPES,
     className,
     ...rest
   }, forwardedRef) {
@@ -8211,6 +8285,68 @@ var DataMapper = forwardRef35(
     const appliedGroupKeysRef = useRef17(
       new Set(defaultGroupsExpanded ? collectGroupKeys(targetFields) : [])
     );
+    const [addingAt, setAddingAt] = useState22(null);
+    const [newFieldName, setNewFieldName] = useState22("");
+    const [hoverDepth, setHoverDepth] = useState22({});
+    const [newFieldType, setNewFieldType] = useState22(addFieldTypes[0] ?? "string");
+    const canAddFields = allowAddFields && typeof onTargetFieldsChange === "function";
+    const commitAddField = useCallback14(() => {
+      const raw = newFieldName.trim();
+      if (!raw || !onTargetFieldsChange || !addingAt) return;
+      const { parentKey, index } = addingAt;
+      const parsed = raw.split(".").map((p) => p.trim()).filter(Boolean).map((p) => {
+        const isArr = p.endsWith("[]");
+        return { name: isArr ? p.slice(0, -2).trim() : p, isArray: isArr };
+      }).filter((p) => p.name.length > 0);
+      if (parsed.length === 0) return;
+      const last = parsed[parsed.length - 1];
+      const leafType = last.isArray ? "array" : newFieldType;
+      const leafIsGroup = leafType === "object" || leafType === "array";
+      const baseKey = makeFieldKey(targetFields, parentKey, parsed[0].name);
+      const prefixOf = (depth) => [baseKey, ...parsed.slice(1, depth + 1).map((p) => p.name)].join(".");
+      let node = {
+        key: prefixOf(parsed.length - 1),
+        label: last.name,
+        type: leafType,
+        custom: true,
+        // A group with no children renders as a leaf and could never be added
+        // to; seed it so it is immediately expandable.
+        ...leafIsGroup ? { children: [], isArray: leafType === "array" } : {}
+      };
+      const opened = leafIsGroup ? [node.key] : [];
+      for (let i = parsed.length - 2; i >= 0; i--) {
+        const key = prefixOf(i);
+        const seg = parsed[i];
+        node = {
+          key,
+          label: seg.name,
+          // Intermediate levels are objects unless explicitly marked `[]`.
+          type: seg.isArray ? "array" : "object",
+          custom: true,
+          ...seg.isArray ? { isArray: true } : {},
+          children: [node]
+        };
+        opened.push(key);
+      }
+      onTargetFieldsChange(insertField(targetFields, parentKey, index, node));
+      setNewFieldName("");
+      setAddingAt(null);
+      if (opened.length > 0) {
+        setExpandedTargets((prev) => {
+          const next = new Set(prev);
+          opened.forEach((k) => next.add(k));
+          return next;
+        });
+      }
+    }, [newFieldName, newFieldType, addingAt, targetFields, onTargetFieldsChange]);
+    const commitRemoveField = useCallback14(
+      (key) => {
+        if (!onTargetFieldsChange) return;
+        onTargetFieldsChange(removeField(targetFields, key));
+        onChange(mappings.filter((m) => m.target !== key && !m.target.startsWith(`${key}.`)));
+      },
+      [targetFields, onTargetFieldsChange, mappings, onChange]
+    );
     const [targetSearch, setTargetSearch] = useState22("");
     const [sourceSearch, setSourceSearch] = useState22("");
     const [display, setDisplay] = useState22(defaultDisplay);
@@ -8366,13 +8502,119 @@ var DataMapper = forwardRef35(
       e.dataTransfer.setData("application/x-ods-mapper", JSON.stringify({ snippet }));
       e.dataTransfer.setData("text/plain", snippet);
     };
+    const renderGap = (at, key, alternatives = []) => {
+      const hovered = hoverDepth[key];
+      const choices = [at, ...alternatives];
+      const active = choices[Math.min(hovered ?? 0, choices.length - 1)] ?? at;
+      const isOpen = addingAt?.parentKey === active.parentKey && addingAt?.index === active.index;
+      if (isOpen) {
+        return /* @__PURE__ */ jsxs43(
+          "div",
+          {
+            className: "ods-data-mapper__add-form",
+            style: { paddingLeft: 12 + active.depth * 16 },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                commitAddField();
+              }
+              if (e.key === "Escape") {
+                e.preventDefault();
+                setAddingAt(null);
+                setNewFieldName("");
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__add-name", children: /* @__PURE__ */ jsx43(
+                Input,
+                {
+                  size: "sm",
+                  autoFocus: true,
+                  value: newFieldName,
+                  placeholder: "Name \xB7 Address.City to nest \xB7 Lines[].Amount for a list",
+                  "aria-label": "New field name",
+                  onChange: (e) => setNewFieldName(e.target.value)
+                }
+              ) }),
+              /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__add-type", children: /* @__PURE__ */ jsx43(
+                Select,
+                {
+                  size: "sm",
+                  options: addFieldTypes.map((t) => ({ value: t, label: t })),
+                  value: newFieldType,
+                  "aria-label": "New field type",
+                  onChange: setNewFieldType
+                }
+              ) }),
+              /* @__PURE__ */ jsx43(Button, { size: "sm", disabled: !newFieldName.trim(), onClick: commitAddField, children: "Add" }),
+              /* @__PURE__ */ jsx43(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => {
+                    setAddingAt(null);
+                    setNewFieldName("");
+                  },
+                  children: "Cancel"
+                }
+              )
+            ]
+          },
+          key
+        );
+      }
+      return /* @__PURE__ */ jsx43(
+        "button",
+        {
+          type: "button",
+          className: "ods-data-mapper__gap",
+          "aria-label": choices.length > 1 ? "Add a field here \u2014 move left to add it to an outer level" : "Add a field here",
+          onMouseMove: (e) => {
+            if (choices.length < 2) return;
+            const x = e.clientX - e.currentTarget.getBoundingClientRect().left;
+            const stepsOut = Math.round(Math.max(0, 12 + at.depth * 16 - x) / 16);
+            const next = Math.min(stepsOut, choices.length - 1);
+            setHoverDepth((prev) => prev[key] === next ? prev : { ...prev, [key]: next });
+          },
+          onMouseLeave: () => setHoverDepth((prev) => {
+            if (prev[key] === void 0) return prev;
+            const next = { ...prev };
+            delete next[key];
+            return next;
+          }),
+          onClick: () => {
+            setAddingAt(active);
+            setNewFieldName("");
+          },
+          children: /* @__PURE__ */ jsxs43(
+            "span",
+            {
+              className: "ods-data-mapper__gap-line",
+              style: { left: 12 + active.depth * 16 },
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__gap-rule" }),
+                /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__gap-label", children: [
+                  /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__gap-plus", children: "+" }),
+                  "Add field"
+                ] }),
+                /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__gap-rule" })
+              ]
+            }
+          )
+        },
+        key
+      );
+    };
     const rows = useMemo9(
       () => flatten(targetFields, expandedTargets),
       [targetFields, expandedTargets]
     );
     const filteredRows = useMemo9(() => {
       const q2 = targetSearch.trim().toLowerCase();
-      return rows.filter(({ field }) => {
+      return rows.filter((row) => {
+        const { field } = row;
         if (q2) {
           const hay = `${field.label} ${field.apiName ?? ""} ${field.key}`.toLowerCase();
           if (!hay.includes(q2)) return false;
@@ -8391,7 +8633,7 @@ var DataMapper = forwardRef35(
       return all.filter((f) => f.required && !mappings.some((m) => m.target === f.key)).length;
     }, [targetFields, mappings]);
     const sourceRows = useMemo9(() => {
-      const flat = flatten(sourceFields, expandedSource);
+      const flat = flattenFields(sourceFields, expandedSource);
       const q2 = sourceSearch.trim().toLowerCase();
       if (!q2) return flat;
       return flat.filter(
@@ -8461,7 +8703,7 @@ var DataMapper = forwardRef35(
                     " mapped"
                   ] })
                 ] }),
-                requiredUnmapped > 0 && /* @__PURE__ */ jsxs43(Fragment17, { children: [
+                requiredUnmapped > 0 && /* @__PURE__ */ jsxs43(Fragment18, { children: [
                   /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__stat-sep", children: "\xB7" }),
                   /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__stat ods-data-mapper__stat--warn", children: [
                     /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__stat-value", children: requiredUnmapped }),
@@ -8597,218 +8839,241 @@ var DataMapper = forwardRef35(
                 /* @__PURE__ */ jsx43("div", { className: "ods-data-mapper__grid-head-cell", children: "Target field" }),
                 /* @__PURE__ */ jsx43("div", { className: "ods-data-mapper__grid-head-cell", children: "Expression" })
               ] }),
-              filteredRows.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "ods-data-mapper__empty", children: targetSearch ? "No matching target fields" : "No target fields" }) : filteredRows.map(({ field, depth, isArrayItem }) => {
+              canAddFields && !targetSearch.trim() && display === "all" && renderGap({ parentKey: null, index: 0, depth: 0 }, "gap-top"),
+              filteredRows.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "ods-data-mapper__empty", children: targetSearch ? "No matching target fields" : "No target fields" }) : filteredRows.map((row) => {
+                const { field, depth } = row;
                 const isSelected = selectedTarget === field.key;
-                const hasChildren = !!(field.children && field.children.length > 0);
+                const hasChildren = isGroupField(field);
+                const isInert = hasChildren;
                 const isExpanded = expandedTargets.has(field.key);
                 const expr = expressionFor(field.key);
                 const isMapped = !!expr;
                 const mappedChildren = hasChildren ? mappedDescendantCount(field) : 0;
                 const groupHasHiddenMappings = hasChildren && !isExpanded && mappedChildren > 0;
-                return /* @__PURE__ */ jsxs43(
-                  "div",
-                  {
-                    className: cn(
-                      "ods-data-mapper__row",
-                      isSelected && "ods-data-mapper__row--selected",
-                      isMapped && "ods-data-mapper__row--mapped",
-                      groupHasHiddenMappings && "ods-data-mapper__row--group-mapped",
-                      dropTarget === field.key && "ods-data-mapper__row--drop-target"
-                    ),
-                    "data-target-key": field.key,
-                    onDragEnter: (e) => {
-                      if (hasChildren) return;
-                      e.preventDefault();
-                      setDropTarget((prev) => prev === field.key ? prev : field.key);
-                    },
-                    onDragOver: (e) => {
-                      if (hasChildren) return;
-                      e.preventDefault();
-                      e.dataTransfer.dropEffect = "copy";
-                      if (dropTarget !== field.key) setDropTarget(field.key);
-                    },
-                    onDragLeave: (e) => {
-                      if (hasChildren) return;
-                      const next = e.relatedTarget;
-                      if (next && e.currentTarget.contains(next)) return;
-                      setDropTarget((prev) => prev === field.key ? null : prev);
-                    },
-                    onDrop: (e) => {
-                      if (hasChildren) return;
-                      e.preventDefault();
-                      const snippet = readDragSnippet(e);
-                      setDropTarget(null);
-                      if (snippet) dropOntoTarget(field.key, snippet);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxs43(
-                        "div",
-                        {
-                          className: "ods-data-mapper__cell ods-data-mapper__cell--target",
-                          onClick: () => !hasChildren && setSelectedTarget(field.key),
-                          children: [
-                            depth > 0 && /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__guides", "aria-hidden": "true", children: Array.from({ length: depth }).map((_, i) => /* @__PURE__ */ jsx43(
-                              "span",
-                              {
-                                className: cn(
-                                  "ods-data-mapper__guide",
-                                  i === depth - 1 && "ods-data-mapper__guide--last"
-                                )
-                              },
-                              i
-                            )) }),
-                            hasChildren ? /* @__PURE__ */ jsx43(
-                              "button",
-                              {
-                                type: "button",
-                                className: cn(
-                                  "ods-data-mapper__caret",
-                                  isExpanded && "ods-data-mapper__caret--open"
-                                ),
-                                onClick: (e) => {
-                                  e.stopPropagation();
-                                  handleToggleTarget(field.key);
-                                },
-                                "aria-label": isExpanded ? "Collapse" : "Expand",
-                                "aria-expanded": isExpanded,
-                                children: isExpanded ? /* @__PURE__ */ jsx43(ChevronDownIcon3, {}) : /* @__PURE__ */ jsx43(ChevronRightIcon2, {})
-                              }
-                            ) : /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__caret-spacer" }),
-                            /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__field-meta", children: [
-                              /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__field-label", children: [
-                                field.label,
-                                field.required && // Asterisk is decorative; the required state is
-                                // communicated to AT via the visually-hidden text
-                                // below — keeping `aria-label` on a plain <span>
-                                // would trigger axe's aria-prohibited-attr rule.
-                                /* @__PURE__ */ jsxs43(Fragment17, { children: [
-                                  /* @__PURE__ */ jsx43(
-                                    "span",
-                                    {
-                                      className: "ods-data-mapper__field-req",
-                                      "aria-hidden": "true",
-                                      children: "*"
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsxs43(
-                                    "span",
-                                    {
-                                      style: {
-                                        position: "absolute",
-                                        width: 1,
-                                        height: 1,
-                                        padding: 0,
-                                        margin: -1,
-                                        overflow: "hidden",
-                                        clip: "rect(0,0,0,0)",
-                                        whiteSpace: "nowrap",
-                                        border: 0
-                                      },
-                                      children: [
-                                        " ",
-                                        "(required)"
-                                      ]
-                                    }
-                                  )
-                                ] })
-                              ] }),
-                              field.apiName && /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__field-api", children: field.apiName })
-                            ] }),
-                            renderTypePill(field.type),
-                            (field.isArray || field.type === "array" || isArrayItem) && hasChildren && /* @__PURE__ */ jsxs43(
-                              "label",
-                              {
-                                className: "ods-data-mapper__foreach",
-                                onClick: (e) => e.stopPropagation(),
-                                children: [
-                                  /* @__PURE__ */ jsx43("input", { type: "checkbox", defaultChecked: true, "aria-label": "For each record" }),
-                                  /* @__PURE__ */ jsx43("span", { children: "For each record" })
-                                ]
-                              }
-                            )
-                          ]
-                        }
+                const showGaps = canAddFields && !targetSearch.trim() && display === "all";
+                return /* @__PURE__ */ jsxs43(Fragment17, { children: [
+                  /* @__PURE__ */ jsxs43(
+                    "div",
+                    {
+                      className: cn(
+                        "ods-data-mapper__row",
+                        isSelected && "ods-data-mapper__row--selected",
+                        isMapped && "ods-data-mapper__row--mapped",
+                        groupHasHiddenMappings && "ods-data-mapper__row--group-mapped",
+                        dropTarget === field.key && "ods-data-mapper__row--drop-target"
                       ),
-                      /* @__PURE__ */ jsx43(
-                        "div",
-                        {
-                          className: cn(
-                            "ods-data-mapper__cell",
-                            "ods-data-mapper__cell--expr",
-                            isSelected && "ods-data-mapper__cell--expr-editing"
-                          ),
-                          onClick: () => !hasChildren && setSelectedTarget(field.key),
-                          children: hasChildren ? /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__expr-group", children: [
-                            /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__expr-group-count", children: [
-                              "Group \xB7 ",
-                              field.children?.length ?? 0,
-                              " sub-field",
-                              field.children?.length === 1 ? "" : "s"
-                            ] }),
-                            mappedChildren > 0 && /* @__PURE__ */ jsxs43(
-                              "span",
-                              {
-                                className: "ods-data-mapper__expr-group-badge",
-                                title: `${mappedChildren} of ${field.children?.length ?? 0} sub-fields mapped`,
-                                children: [
-                                  mappedChildren,
-                                  " mapped"
-                                ]
-                              }
-                            )
-                          ] }) : isSelected ? /* @__PURE__ */ jsxs43("div", { className: "ods-data-mapper__editor", onClick: (e) => e.stopPropagation(), children: [
-                            /* @__PURE__ */ jsx43(
-                              ExpressionEditor,
-                              {
-                                editorRef,
-                                value: expr,
-                                sourceFields,
-                                variables,
-                                onChange: (v) => setExpression(field.key, v),
-                                onEscape: () => setSelectedTarget(null),
-                                onDropSnippet: (snippet) => dropOntoTarget(field.key, snippet),
-                                readDragSnippet
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs43("div", { className: "ods-data-mapper__editor-actions", children: [
-                              /* @__PURE__ */ jsx43(
+                      "data-target-key": field.key,
+                      onDragEnter: (e) => {
+                        if (isInert) return;
+                        e.preventDefault();
+                        setDropTarget((prev) => prev === field.key ? prev : field.key);
+                      },
+                      onDragOver: (e) => {
+                        if (isInert) return;
+                        e.preventDefault();
+                        e.dataTransfer.dropEffect = "copy";
+                        if (dropTarget !== field.key) setDropTarget(field.key);
+                      },
+                      onDragLeave: (e) => {
+                        if (isInert) return;
+                        const next = e.relatedTarget;
+                        if (next && e.currentTarget.contains(next)) return;
+                        setDropTarget((prev) => prev === field.key ? null : prev);
+                      },
+                      onDrop: (e) => {
+                        if (isInert) return;
+                        e.preventDefault();
+                        const snippet = readDragSnippet(e);
+                        setDropTarget(null);
+                        if (snippet) dropOntoTarget(field.key, snippet);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs43(
+                          "div",
+                          {
+                            className: "ods-data-mapper__cell ods-data-mapper__cell--target",
+                            onClick: () => !isInert && setSelectedTarget(field.key),
+                            children: [
+                              depth > 0 && /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__guides", "aria-hidden": "true", children: Array.from({ length: depth }).map((_, i) => /* @__PURE__ */ jsx43(
+                                "span",
+                                {
+                                  className: cn(
+                                    "ods-data-mapper__guide",
+                                    i === depth - 1 && "ods-data-mapper__guide--last"
+                                  )
+                                },
+                                i
+                              )) }),
+                              hasChildren ? /* @__PURE__ */ jsx43(
                                 "button",
                                 {
                                   type: "button",
-                                  className: "ods-data-mapper__editor-fx",
-                                  onClick: () => {
-                                    setSidebarOpen(true);
-                                    setSidebarTab("functions");
+                                  className: cn(
+                                    "ods-data-mapper__caret",
+                                    isExpanded && "ods-data-mapper__caret--open"
+                                  ),
+                                  onClick: (e) => {
+                                    e.stopPropagation();
+                                    handleToggleTarget(field.key);
                                   },
-                                  "aria-label": "Insert function",
-                                  title: "Functions",
-                                  children: /* @__PURE__ */ jsx43(FxIcon, {})
+                                  "aria-label": isExpanded ? "Collapse" : "Expand",
+                                  "aria-expanded": isExpanded,
+                                  children: isExpanded ? /* @__PURE__ */ jsx43(ChevronDownIcon3, {}) : /* @__PURE__ */ jsx43(ChevronRightIcon2, {})
                                 }
-                              ),
-                              expr && /* @__PURE__ */ jsx43(
-                                "button",
+                              ) : /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__caret-spacer" }),
+                              /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__field-meta", children: [
+                                /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__field-label", children: [
+                                  field.label,
+                                  field.required && // Asterisk is decorative; the required state is
+                                  // communicated to AT via the visually-hidden text
+                                  // below — keeping `aria-label` on a plain <span>
+                                  // would trigger axe's aria-prohibited-attr rule.
+                                  /* @__PURE__ */ jsxs43(Fragment18, { children: [
+                                    /* @__PURE__ */ jsx43(
+                                      "span",
+                                      {
+                                        className: "ods-data-mapper__field-req",
+                                        "aria-hidden": "true",
+                                        children: "*"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxs43(
+                                      "span",
+                                      {
+                                        style: {
+                                          position: "absolute",
+                                          width: 1,
+                                          height: 1,
+                                          padding: 0,
+                                          margin: -1,
+                                          overflow: "hidden",
+                                          clip: "rect(0,0,0,0)",
+                                          whiteSpace: "nowrap",
+                                          border: 0
+                                        },
+                                        children: [
+                                          " ",
+                                          "(required)"
+                                        ]
+                                      }
+                                    )
+                                  ] })
+                                ] }),
+                                field.apiName && /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__field-api", children: field.apiName })
+                              ] }),
+                              field.custom && /* @__PURE__ */ jsxs43(Fragment18, { children: [
+                                /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__field-custom", children: "custom" }),
+                                canAddFields && /* @__PURE__ */ jsx43(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    className: "ods-data-mapper__field-remove",
+                                    "aria-label": `Remove ${field.label}`,
+                                    title: `Remove ${field.label}`,
+                                    onClick: (e) => {
+                                      e.stopPropagation();
+                                      commitRemoveField(field.key);
+                                    },
+                                    children: "\xD7"
+                                  }
+                                )
+                              ] }),
+                              renderTypePill(field.type),
+                              isArrayField(field) && hasChildren && /* @__PURE__ */ jsxs43(
+                                "label",
                                 {
-                                  type: "button",
-                                  className: "ods-data-mapper__editor-clear",
-                                  onClick: () => setExpression(field.key, ""),
-                                  "aria-label": "Clear expression",
-                                  title: "Clear",
-                                  children: /* @__PURE__ */ jsx43(TrashIcon, {})
+                                  className: "ods-data-mapper__foreach",
+                                  onClick: (e) => e.stopPropagation(),
+                                  children: [
+                                    /* @__PURE__ */ jsx43("input", { type: "checkbox", defaultChecked: true, "aria-label": "For each record" }),
+                                    /* @__PURE__ */ jsx43("span", { children: "For each record" })
+                                  ]
                                 }
                               )
-                            ] })
-                          ] }) : isMapped ? /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__expr-render", title: expr, children: renderExpressionSegments(
-                            expr,
-                            sourceFields,
-                            variables,
-                            (tokenIndex) => removeTokenAt(field.key, tokenIndex)
-                          ) }) : /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__expr-empty", children: dropTarget === field.key ? "Drop to map" : "Drag a field here or click to edit" })
-                        }
-                      )
-                    ]
-                  },
-                  field.key
-                );
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx43(
+                          "div",
+                          {
+                            className: cn(
+                              "ods-data-mapper__cell",
+                              "ods-data-mapper__cell--expr",
+                              isSelected && "ods-data-mapper__cell--expr-editing"
+                            ),
+                            onClick: () => !isInert && setSelectedTarget(field.key),
+                            children: isInert ? /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__expr-group", children: [
+                              /* @__PURE__ */ jsxs43("span", { className: "ods-data-mapper__expr-group-count", children: [
+                                "Group \xB7 ",
+                                field.children?.length ?? 0,
+                                " sub-field",
+                                field.children?.length === 1 ? "" : "s"
+                              ] }),
+                              mappedChildren > 0 && /* @__PURE__ */ jsxs43(
+                                "span",
+                                {
+                                  className: "ods-data-mapper__expr-group-badge",
+                                  title: `${mappedChildren} of ${field.children?.length ?? 0} sub-fields mapped`,
+                                  children: [
+                                    mappedChildren,
+                                    " mapped"
+                                  ]
+                                }
+                              )
+                            ] }) : isSelected ? /* @__PURE__ */ jsxs43("div", { className: "ods-data-mapper__editor", onClick: (e) => e.stopPropagation(), children: [
+                              /* @__PURE__ */ jsx43(
+                                ExpressionEditor,
+                                {
+                                  editorRef,
+                                  value: expr,
+                                  sourceFields,
+                                  variables,
+                                  onChange: (v) => setExpression(field.key, v),
+                                  onEscape: () => setSelectedTarget(null),
+                                  onDropSnippet: (snippet) => dropOntoTarget(field.key, snippet),
+                                  readDragSnippet
+                                }
+                              ),
+                              /* @__PURE__ */ jsxs43("div", { className: "ods-data-mapper__editor-actions", children: [
+                                /* @__PURE__ */ jsx43(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    className: "ods-data-mapper__editor-fx",
+                                    onClick: () => {
+                                      setSidebarOpen(true);
+                                      setSidebarTab("functions");
+                                    },
+                                    "aria-label": "Insert function",
+                                    title: "Functions",
+                                    children: /* @__PURE__ */ jsx43(FxIcon, {})
+                                  }
+                                ),
+                                expr && /* @__PURE__ */ jsx43(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    className: "ods-data-mapper__editor-clear",
+                                    onClick: () => setExpression(field.key, ""),
+                                    "aria-label": "Clear expression",
+                                    title: "Clear",
+                                    children: /* @__PURE__ */ jsx43(TrashIcon, {})
+                                  }
+                                )
+                              ] })
+                            ] }) : isMapped ? /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__expr-render", title: expr, children: renderExpressionSegments(
+                              expr,
+                              sourceFields,
+                              variables,
+                              (tokenIndex) => removeTokenAt(field.key, tokenIndex)
+                            ) }) : /* @__PURE__ */ jsx43("span", { className: "ods-data-mapper__expr-empty", children: dropTarget === field.key ? "Drop to map" : "Drag a field here or click to edit" })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  showGaps && renderGap(row.insertAt, `gap-${field.key}`, row.insertAlternatives)
+                ] }, field.key);
               })
             ] }),
             sidebarOpen && /* @__PURE__ */ jsxs43("aside", { className: "ods-data-mapper__sidebar", "aria-label": "Data Stream", children: [
@@ -9321,7 +9586,7 @@ import {
   forwardRef as forwardRef36,
   useId as useId18
 } from "react";
-import { Fragment as Fragment18, jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
 var HEALTH_LABEL = {
   fresh: "Fresh",
   stale: "Stale",
@@ -9371,7 +9636,7 @@ var DatasetCard = forwardRef36(
         children: name
       }
     ) : name;
-    const body = /* @__PURE__ */ jsxs44(Fragment18, { children: [
+    const body = /* @__PURE__ */ jsxs44(Fragment19, { children: [
       /* @__PURE__ */ jsxs44("div", { className: "ods-dataset-card__head", children: [
         sourceIcon && /* @__PURE__ */ jsx44("span", { className: "ods-dataset-card__icon", "aria-hidden": "true", children: sourceIcon }),
         /* @__PURE__ */ jsxs44("div", { className: "ods-dataset-card__head-body", children: [
@@ -9516,7 +9781,7 @@ import {
   useState as useState23
 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
-import { Fragment as Fragment19, jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
 function readValue(row, col) {
   if (typeof col.accessor === "function") return col.accessor(row);
   const k = col.accessor ?? col.key;
@@ -9710,7 +9975,7 @@ function ExportPopover({
 }) {
   const [open, setOpen] = useState23(false);
   const triggerRef = useRef18(null);
-  return /* @__PURE__ */ jsxs45(Fragment19, { children: [
+  return /* @__PURE__ */ jsxs45(Fragment20, { children: [
     /* @__PURE__ */ jsx45(
       "button",
       {
@@ -10384,7 +10649,7 @@ function Row({
 }) {
   const [menuOpen, setMenuOpen] = useState23(false);
   const triggerRef = useRef18(null);
-  return /* @__PURE__ */ jsxs45(Fragment19, { children: [
+  return /* @__PURE__ */ jsxs45(Fragment20, { children: [
     /* @__PURE__ */ jsxs45(
       "tr",
       {
@@ -10808,7 +11073,7 @@ import {
   useId as useId20,
   useMemo as useMemo11
 } from "react";
-import { Fragment as Fragment20, jsx as jsx47, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx47, jsxs as jsxs47 } from "react/jsx-runtime";
 var DonutChart = forwardRef38(
   function DonutChart2({
     data,
@@ -10942,7 +11207,7 @@ var DonutChart = forwardRef38(
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx47("div", { className: "ods-donut__center", children: centerLabel ?? /* @__PURE__ */ jsxs47(Fragment20, { children: [
+                /* @__PURE__ */ jsx47("div", { className: "ods-donut__center", children: centerLabel ?? /* @__PURE__ */ jsxs47(Fragment21, { children: [
                   /* @__PURE__ */ jsx47("div", { className: "ods-donut__value", children: valueLabel ?? total }),
                   /* @__PURE__ */ jsx47("div", { className: "ods-donut__small", children: unit })
                 ] }) })
@@ -11100,7 +11365,7 @@ import { AnimatePresence as AnimatePresence9, motion as motion12 } from "framer-
 import { useEffect as useEffect20, useMemo as useMemo12, useRef as useRef20 } from "react";
 import { useButton as useButton2, useMenu, useMenuItem, useMenuTrigger } from "react-aria";
 import { createPortal as createPortal9 } from "react-dom";
-import { Fragment as Fragment21, jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
 function MenuItemComponent({ item, state, onAction }) {
   const ref = useRef20(null);
   const { menuItemProps } = useMenuItem({ key: item.key, onAction }, state, ref);
@@ -11291,7 +11556,7 @@ function DropdownMenu({
   });
   const { buttonProps } = useButton2({ ...menuTriggerProps, ...ariaNameProps }, triggerRef);
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeTriggerProps } = buttonProps;
-  return /* @__PURE__ */ jsxs50(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs50(Fragment22, { children: [
     /* @__PURE__ */ jsx50(
       "button",
       {
@@ -11362,7 +11627,7 @@ EmptyState.displayName = "EmptyState";
 // src/components/ExecutionConsole/ExecutionConsole.tsx
 import { motion as motion13 } from "framer-motion";
 import { memo, useCallback as useCallback17, useEffect as useEffect21, useMemo as useMemo13, useRef as useRef21, useState as useState26 } from "react";
-import { Fragment as Fragment22, jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
 var iconProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -11680,7 +11945,7 @@ function ExecutionConsole({
                 children: /* @__PURE__ */ jsx52(TrashIcon2, {})
               }
             ),
-            toolbar && /* @__PURE__ */ jsxs52(Fragment22, { children: [
+            toolbar && /* @__PURE__ */ jsxs52(Fragment23, { children: [
               /* @__PURE__ */ jsx52("span", { className: "ods-console__action-separator", "aria-hidden": "true" }),
               toolbar
             ] }),
@@ -11845,7 +12110,7 @@ function q(query, text) {
   const lc = text.toLowerCase();
   const idx = lc.indexOf(trimmed.toLowerCase());
   if (idx < 0) return text;
-  return /* @__PURE__ */ jsxs52(Fragment22, { children: [
+  return /* @__PURE__ */ jsxs52(Fragment23, { children: [
     text.slice(0, idx),
     /* @__PURE__ */ jsx52("mark", { className: "ods-console__match", children: text.slice(idx, idx + trimmed.length) }),
     text.slice(idx + trimmed.length)
@@ -12054,7 +12319,7 @@ function sanitizeHref(url) {
 }
 
 // src/components/FileDropzone/FileDropzone.tsx
-import { Fragment as Fragment23, jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
 var UPLOAD_ICON = /* @__PURE__ */ jsx54(UploadIcon, { width: 20, height: 20, "aria-hidden": "true" });
 var SPIN_ICON = /* @__PURE__ */ jsx54("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx54(
   "circle",
@@ -12381,7 +12646,7 @@ var FileDropzone = forwardRef43(
                           children: CHECK_ICON
                         }
                       ),
-                      status === "error" && /* @__PURE__ */ jsxs54(Fragment23, { children: [
+                      status === "error" && /* @__PURE__ */ jsxs54(Fragment24, { children: [
                         /* @__PURE__ */ jsx54(
                           "span",
                           {
@@ -13010,7 +13275,7 @@ import {
   useMemo as useMemo15,
   useState as useState29
 } from "react";
-import { Fragment as Fragment24, jsx as jsx57, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx57, jsxs as jsxs56 } from "react/jsx-runtime";
 function parseXml(src) {
   if (typeof window !== "undefined" && typeof window.DOMParser !== "undefined") {
     try {
@@ -13255,7 +13520,7 @@ function XmlNodeRow({
   const inlineTextChild = children.length === 1 && children[0].type === "text" ? children[0].text ?? "" : null;
   if (inlineTextChild !== null) {
     const isMultiLine = inlineTextChild.includes("\n");
-    const openTag = /* @__PURE__ */ jsxs56(Fragment24, { children: [
+    const openTag = /* @__PURE__ */ jsxs56(Fragment25, { children: [
       /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: "<" }),
       /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__tag", children: node.name }),
       showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ jsxs56("span", { className: "ods-xml-viewer__attr", children: [
@@ -13265,7 +13530,7 @@ function XmlNodeRow({
       ] }, k)),
       /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: ">" })
     ] });
-    const closeTag = /* @__PURE__ */ jsxs56(Fragment24, { children: [
+    const closeTag = /* @__PURE__ */ jsxs56(Fragment25, { children: [
       /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: "</" }),
       /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__tag", children: node.name }),
       /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: ">" })
@@ -13330,9 +13595,9 @@ function XmlNodeRow({
             /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
             /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
           ] }, k)),
-          isSelfClosing ? /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ jsxs56(Fragment24, { children: [
+          isSelfClosing ? /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ jsxs56(Fragment25, { children: [
             /* @__PURE__ */ jsx57("span", { className: "ods-xml-viewer__bracket", children: ">" }),
-            !open && /* @__PURE__ */ jsxs56(Fragment24, { children: [
+            !open && /* @__PURE__ */ jsxs56(Fragment25, { children: [
               /* @__PURE__ */ jsxs56("span", { className: "ods-xml-viewer__preview", children: [
                 children.length,
                 " child",
@@ -13359,7 +13624,7 @@ function XmlNodeRow({
         ]
       }
     ),
-    !isSelfClosing && open && /* @__PURE__ */ jsxs56(Fragment24, { children: [
+    !isSelfClosing && open && /* @__PURE__ */ jsxs56(Fragment25, { children: [
       children.map((c, i) => /* @__PURE__ */ jsx57(
         XmlNodeRow,
         {
@@ -13397,7 +13662,7 @@ import {
   useState as useState30
 } from "react";
 import YAML from "yaml";
-import { Fragment as Fragment25, jsx as jsx58, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx58, jsxs as jsxs57 } from "react/jsx-runtime";
 function toYaml(value, indent = 0) {
   const pad2 = "  ".repeat(indent);
   if (value === null) return "null";
@@ -13671,7 +13936,7 @@ var YamlViewer = forwardRef46(
                     }
                   ) : /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__caret-spacer" }),
                   t.kind === "comment" && /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
-                  t.kind === "key" && /* @__PURE__ */ jsxs57(Fragment25, { children: [
+                  t.kind === "key" && /* @__PURE__ */ jsxs57(Fragment26, { children: [
                     t.raw.trim().startsWith("-") && /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__dash", children: "- " }),
                     /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__key", children: t.key }),
                     /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__colon", children: ":" }),
@@ -13690,7 +13955,7 @@ var YamlViewer = forwardRef46(
                     ),
                     isCollapsed && /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__preview", children: " \u2026" })
                   ] }),
-                  t.kind === "sequence" && /* @__PURE__ */ jsxs57(Fragment25, { children: [
+                  t.kind === "sequence" && /* @__PURE__ */ jsxs57(Fragment26, { children: [
                     /* @__PURE__ */ jsx58("span", { className: "ods-yaml-viewer__dash", children: "- " }),
                     /* @__PURE__ */ jsx58(
                       "span",
@@ -15824,7 +16089,7 @@ import {
   StethoscopeIcon,
   WarningFilledIcon
 } from "@octaviaflow/icons";
-import { Fragment as Fragment26, jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
 function flowDoctorTone(issues) {
   if (issues.some((i) => i.severity === "error")) return "error";
   if (issues.length > 0) return "warning";
@@ -15859,7 +16124,7 @@ function IssueRow({
   onIssueClick
 }) {
   const icon = issue.severity === "error" ? /* @__PURE__ */ jsx66(ErrorFilledIcon, { size: "sm", "aria-hidden": "true" }) : /* @__PURE__ */ jsx66(WarningFilledIcon, { size: "sm", "aria-hidden": "true" });
-  const body = /* @__PURE__ */ jsxs65(Fragment26, { children: [
+  const body = /* @__PURE__ */ jsxs65(Fragment27, { children: [
     /* @__PURE__ */ jsx66(
       "span",
       {
@@ -16618,7 +16883,7 @@ import { useEffect as useEffect32, useRef as useRef29, useState as useState39 }
 // src/components/HoverCard/HoverCard.tsx
 import { useCallback as useCallback28, useEffect as useEffect31, useLayoutEffect as useLayoutEffect7, useRef as useRef28, useState as useState38 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
-import { Fragment as Fragment27, jsx as jsx70, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx70, jsxs as jsxs69 } from "react/jsx-runtime";
 function computePosition2(rect, panelRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
   const cy = rect.top + rect.height / 2;
@@ -16723,14 +16988,14 @@ function HoverCard({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ jsxs69(Fragment27, { children: [
+  return /* @__PURE__ */ jsxs69(Fragment28, { children: [
     triggerEl,
     portal
   ] });
 }
 
 // src/components/FlowToolbar/FlowToolbar.tsx
-import { Fragment as Fragment28, jsx as jsx71, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx71, jsxs as jsxs70 } from "react/jsx-runtime";
 function FlowToolbar({ children, placement = "left", className }) {
   return /* @__PURE__ */ jsx71(
     "div",
@@ -17195,7 +17460,7 @@ function FlowToolbarStatus({
         `ods-flow-toolbar__status-trigger--${status}`,
         busy && "ods-flow-toolbar__status-trigger--busy"
       ),
-      trigger: /* @__PURE__ */ jsxs70(Fragment28, { children: [
+      trigger: /* @__PURE__ */ jsxs70(Fragment29, { children: [
         busy ? /* @__PURE__ */ jsx71(Spinner, { size: 12, label: "Updating flow status" }) : /* @__PURE__ */ jsx71("span", { className: "ods-flow-toolbar__status-dot", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx71("span", { className: "ods-flow-toolbar__status-label", children: label }),
         /* @__PURE__ */ jsx71("span", { className: "ods-flow-toolbar__status-caret", "aria-hidden": "true", children: /* @__PURE__ */ jsx71(ChevronDownIcon6, { size: "sm", "aria-hidden": "true" }) })
@@ -18223,7 +18488,7 @@ var Stepper = forwardRef52(
 Stepper.displayName = "Stepper";
 
 // src/components/OnboardingFlow/OnboardingFlow.tsx
-import { Fragment as Fragment29, jsx as jsx77, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx77, jsxs as jsxs76 } from "react/jsx-runtime";
 function usePromiseBusy() {
   const [busy, setBusy] = useState41(false);
   const run = (result) => {
@@ -18512,7 +18777,7 @@ function SetupIncompleteBanner({
             " of ",
             totalSteps,
             " steps done",
-            missingLabels && missingLabels.length > 0 && /* @__PURE__ */ jsxs76(Fragment29, { children: [
+            missingLabels && missingLabels.length > 0 && /* @__PURE__ */ jsxs76(Fragment30, { children: [
               " \u2014 still missing: ",
               missingLabels.join(", ")
             ] }),
@@ -18538,7 +18803,7 @@ function SetupIncompleteBanner({
 
 // src/components/MembersSettings/MembersSettings.tsx
 import { useState as useState42 } from "react";
-import { Fragment as Fragment30, jsx as jsx78, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx78, jsxs as jsxs77 } from "react/jsx-runtime";
 var ROLE_BADGE = {
   owner: "info",
   admin: "info",
@@ -18648,7 +18913,7 @@ function MembersSettings({
             {
               align: "end",
               triggerClassName: "ods-members-settings__row-menu",
-              trigger: busyId === m.id ? /* @__PURE__ */ jsx78(Spinner, { size: 14, label: "Updating member" }) : /* @__PURE__ */ jsxs77(Fragment30, { children: [
+              trigger: busyId === m.id ? /* @__PURE__ */ jsx78(Spinner, { size: 14, label: "Updating member" }) : /* @__PURE__ */ jsxs77(Fragment31, { children: [
                 /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", children: "\u22EF" }),
                 /* @__PURE__ */ jsxs77("span", { className: "ods-members-settings__sr-only", children: [
                   "Actions for ",
@@ -18802,7 +19067,7 @@ function MembersSettings({
 
 // src/components/OrganizationSettings/OrganizationSettings.tsx
 import { useEffect as useEffect35, useState as useState43 } from "react";
-import { Fragment as Fragment31, jsx as jsx79, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx79, jsxs as jsxs78 } from "react/jsx-runtime";
 function OrganizationSettings({
   values,
   slug,
@@ -18987,7 +19252,7 @@ function OrganizationSettings({
         tone: "danger",
         confirmLabel: "Delete organization",
         requireConfirmText: values.name,
-        requireConfirmLabel: /* @__PURE__ */ jsxs78(Fragment31, { children: [
+        requireConfirmLabel: /* @__PURE__ */ jsxs78(Fragment32, { children: [
           "Type ",
           /* @__PURE__ */ jsx79("strong", { children: values.name }),
           " to confirm"
@@ -19000,7 +19265,7 @@ function OrganizationSettings({
 
 // src/components/ProfileSettings/ProfileSettings.tsx
 import { useEffect as useEffect36, useState as useState44 } from "react";
-import { Fragment as Fragment32, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
 function ProfileSettings({
   values,
   email,
@@ -19259,7 +19524,7 @@ function ProfileSettings({
         tone: "danger",
         confirmLabel: "Delete account",
         requireConfirmText: email,
-        requireConfirmLabel: /* @__PURE__ */ jsxs79(Fragment32, { children: [
+        requireConfirmLabel: /* @__PURE__ */ jsxs79(Fragment33, { children: [
           "Type ",
           /* @__PURE__ */ jsx80("strong", { children: email }),
           " to confirm"
@@ -19920,7 +20185,7 @@ import {
   forwardRef as forwardRef56,
   useId as useId34
 } from "react";
-import { Fragment as Fragment33, jsx as jsx84, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx84, jsxs as jsxs82 } from "react/jsx-runtime";
 var IconCard = forwardRef56(
   function IconCard2({
     variant = "default",
@@ -19944,7 +20209,7 @@ var IconCard = forwardRef56(
     const titleId = `${baseId}-title`;
     const descId = description ? `${baseId}-desc` : void 0;
     const isInteractive = Boolean(href || onClick) && !disabled;
-    const body = /* @__PURE__ */ jsxs82(Fragment33, { children: [
+    const body = /* @__PURE__ */ jsxs82(Fragment34, { children: [
       /* @__PURE__ */ jsx84("span", { className: "ods-icon-card__icon", "aria-hidden": "true", children: icon }),
       /* @__PURE__ */ jsxs82("div", { className: "ods-icon-card__body", children: [
         /* @__PURE__ */ jsx84(
@@ -20025,7 +20290,7 @@ import {
   forwardRef as forwardRef57,
   useId as useId35
 } from "react";
-import { Fragment as Fragment34, jsx as jsx85, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx85, jsxs as jsxs83 } from "react/jsx-runtime";
 var CATEGORY_LABEL = {
   communication: "Communication",
   incident: "Incident",
@@ -20089,7 +20354,7 @@ var IntegrationCard = forwardRef57(function IntegrationCard2({
     }
   ) : name;
   const stop = (e) => e.stopPropagation();
-  const body = /* @__PURE__ */ jsxs83(Fragment34, { children: [
+  const body = /* @__PURE__ */ jsxs83(Fragment35, { children: [
     /* @__PURE__ */ jsxs83("div", { className: "ods-integration-card__head", children: [
       logo && /* @__PURE__ */ jsx85("span", { className: "ods-integration-card__logo", "aria-hidden": "true", children: logo }),
       /* @__PURE__ */ jsxs83("div", { className: "ods-integration-card__head-body", children: [
@@ -20244,7 +20509,7 @@ import {
   forwardRef as forwardRef58,
   useId as useId36
 } from "react";
-import { Fragment as Fragment35, jsx as jsx86, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx86, jsxs as jsxs84 } from "react/jsx-runtime";
 function isAssigneeObject(v) {
   return typeof v === "object" && v !== null && "name" in v;
 }
@@ -20299,7 +20564,7 @@ var KanbanCard = forwardRef58(function KanbanCard2({
       }
     );
   };
-  const body = /* @__PURE__ */ jsxs84(Fragment35, { children: [
+  const body = /* @__PURE__ */ jsxs84(Fragment36, { children: [
     (tagList.length > 0 || badge || onMore) && /* @__PURE__ */ jsxs84("div", { className: "ods-kanban-card__head", children: [
       tagList.length > 0 && /* @__PURE__ */ jsx86("span", { className: "ods-kanban-card__tags", children: tagList.map((t, i) => /* @__PURE__ */ jsx86("span", { className: "ods-kanban-card__tag", children: t }, i)) }),
       badge && /* @__PURE__ */ jsx86("span", { className: "ods-kanban-card__badge", children: badge }),
@@ -21774,7 +22039,7 @@ function BlockFieldsEditor({
 }
 
 // src/components/MessageBlockBuilder/MessagePreview.tsx
-import { Fragment as Fragment36 } from "react";
+import { Fragment as Fragment37 } from "react";
 import { jsx as jsx92, jsxs as jsxs90 } from "react/jsx-runtime";
 var CLS = "ods-message-block-builder";
 function tokenized(text, resolve, inline) {
@@ -21786,13 +22051,13 @@ function tokenized(text, resolve, inline) {
     if (isToken) {
       return /* @__PURE__ */ jsx92("span", { className: `${CLS}__pill`, title: part, children: resolve?.(part) ?? compactTokenLabel(part) }, `t-${index}`);
     }
-    return /* @__PURE__ */ jsx92(Fragment36, { children: inline ? inline(part) : part }, `c-${index}`);
+    return /* @__PURE__ */ jsx92(Fragment37, { children: inline ? inline(part) : part }, `c-${index}`);
   });
 }
 var MRKDWN_INLINE = /(\*[^*\n]+\*|_[^_\n]+_|~[^~\n]+~|`[^`\n]+`|<[^<>\n]+>)/g;
 function mrkdwnInline(chunk) {
   const lines = chunk.split("\n");
-  return lines.map((line, lineIndex) => /* @__PURE__ */ jsxs90(Fragment36, { children: [
+  return lines.map((line, lineIndex) => /* @__PURE__ */ jsxs90(Fragment37, { children: [
     lineIndex > 0 && /* @__PURE__ */ jsx92("br", {}),
     line.split(MRKDWN_INLINE).map((part, index) => {
       if (part === "") return null;
@@ -21814,7 +22079,7 @@ function mrkdwnInline(chunk) {
         const [, label] = inner.split("|");
         return /* @__PURE__ */ jsx92("span", { className: `${CLS}__preview-link`, children: label ?? inner }, key);
       }
-      return /* @__PURE__ */ jsx92(Fragment36, { children: part }, key);
+      return /* @__PURE__ */ jsx92(Fragment37, { children: part }, key);
     })
   ] }, `l-${lineIndex}`));
 }
@@ -21973,7 +22238,7 @@ function SlackBlockPreview({ block, resolve }) {
     case "context":
       return /* @__PURE__ */ jsx92("div", { className: `${CLS}__slack-context`, children: asItems(p.elements).map((el, index) => (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ jsx92(Fragment36, { children: asString(el.type) === "image" ? previewImage(
+        /* @__PURE__ */ jsx92(Fragment37, { children: asString(el.type) === "image" ? previewImage(
           asString(el.imageUrl),
           asString(el.altText),
           `${CLS}__slack-context-img`
@@ -22055,7 +22320,7 @@ function TeamsBlockPreview({ block, resolve }) {
     case "imageSet":
       return /* @__PURE__ */ jsx92("div", { className: `${CLS}__teams-imageset`, children: asItems(p.images).map((img, index) => (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ jsx92(Fragment36, { children: previewImage(asString(img.url), asString(img.altText), `${CLS}__teams-imageset-img`) }, index)
+        /* @__PURE__ */ jsx92(Fragment37, { children: previewImage(asString(img.url), asString(img.altText), `${CLS}__teams-imageset-img`) }, index)
       )) });
     case "factSet":
       return /* @__PURE__ */ jsx92("dl", { className: `${CLS}__teams-facts`, children: asItems(p.facts).map((fact, index) => (
@@ -22278,7 +22543,7 @@ function MessagePreview({ platform, blocks, meta, resolveTokenLabel }) {
 }
 
 // src/components/MessageBlockBuilder/glyphs.tsx
-import { Fragment as Fragment37, jsx as jsx93, jsxs as jsxs91 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx93, jsxs as jsxs91 } from "react/jsx-runtime";
 function glyph(children) {
   return /* @__PURE__ */ jsx93(
     "svg",
@@ -22297,80 +22562,80 @@ function glyph(children) {
   );
 }
 var headingGlyph = glyph(
-  /* @__PURE__ */ jsx93(Fragment37, { children: /* @__PURE__ */ jsx93("path", { d: "M3 3v10M11 3v10M3 8h8" }) })
+  /* @__PURE__ */ jsx93(Fragment38, { children: /* @__PURE__ */ jsx93("path", { d: "M3 3v10M11 3v10M3 8h8" }) })
 );
 var textGlyph = glyph(
-  /* @__PURE__ */ jsx93(Fragment37, { children: /* @__PURE__ */ jsx93("path", { d: "M2.5 4h11M2.5 8h11M2.5 12h7" }) })
+  /* @__PURE__ */ jsx93(Fragment38, { children: /* @__PURE__ */ jsx93("path", { d: "M2.5 4h11M2.5 8h11M2.5 12h7" }) })
 );
 var contextGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("circle", { cx: "4", cy: "8", r: "1.8" }),
     /* @__PURE__ */ jsx93("path", { d: "M8 6.5h5.5M8 9.5h4" })
   ] })
 );
 var imageGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "3", width: "11", height: "10", rx: "1" }),
     /* @__PURE__ */ jsx93("circle", { cx: "6", cy: "6.5", r: "1", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ jsx93("path", { d: "M3.5 11.5l3-3 2 2 2.5-2.5 1.5 1.5" })
   ] })
 );
 var dividerGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("path", { d: "M2.5 8h11" }),
     /* @__PURE__ */ jsx93("path", { d: "M2.5 3.5h11M2.5 12.5h11", opacity: "0.35" })
   ] })
 );
 var buttonGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2", y: "5", width: "12", height: "6", rx: "2" }),
     /* @__PURE__ */ jsx93("path", { d: "M5.5 8h5" })
   ] })
 );
 var videoGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "3.5", width: "11", height: "9", rx: "1.5" }),
     /* @__PURE__ */ jsx93("path", { d: "M7 6.2v3.6L10 8z", fill: "currentColor", stroke: "none" })
   ] })
 );
 var factGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("path", { d: "M2.5 4.5h4M2.5 8h4M2.5 11.5h4", opacity: "0.55" }),
     /* @__PURE__ */ jsx93("path", { d: "M8.5 4.5h5M8.5 8h5M8.5 11.5h3.5" })
   ] })
 );
 var columnsGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "3", width: "4.5", height: "10", rx: "1" }),
     /* @__PURE__ */ jsx93("rect", { x: "9", y: "3", width: "4.5", height: "10", rx: "1" })
   ] })
 );
 var containerGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "3", width: "11", height: "10", rx: "1.5" }),
     /* @__PURE__ */ jsx93("path", { d: "M4.5 6h7M4.5 8.8h5" })
   ] })
 );
 var tableGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "3", width: "11", height: "10", rx: "1" }),
     /* @__PURE__ */ jsx93("path", { d: "M2.5 6.5h11M2.5 9.8h11M8 3v10" })
   ] })
 );
 var imageSetGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2", y: "4.5", width: "7", height: "7", rx: "1" }),
     /* @__PURE__ */ jsx93("path", { d: "M5.5 3H13a1 1 0 011 1v7.5", opacity: "0.55" })
   ] })
 );
 var decoratedTextGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("circle", { cx: "4.5", cy: "8", r: "2" }),
     /* @__PURE__ */ jsx93("path", { d: "M8.5 5.5h5M8.5 8h4M8.5 10.5h5" })
   ] })
 );
 var gridGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "2.5", width: "4.6", height: "4.6", rx: "0.8" }),
     /* @__PURE__ */ jsx93("rect", { x: "8.9", y: "2.5", width: "4.6", height: "4.6", rx: "0.8" }),
     /* @__PURE__ */ jsx93("rect", { x: "2.5", y: "8.9", width: "4.6", height: "4.6", rx: "0.8" }),
@@ -22378,13 +22643,13 @@ var gridGlyph = glyph(
   ] })
 );
 var chartGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("path", { d: "M2.5 2.5v11h11" }),
     /* @__PURE__ */ jsx93("path", { d: "M5 10.5V7M8 10.5V4.5M11 10.5V6", strokeWidth: "1.8" })
   ] })
 );
 var chipGlyph = glyph(
-  /* @__PURE__ */ jsxs91(Fragment37, { children: [
+  /* @__PURE__ */ jsxs91(Fragment38, { children: [
     /* @__PURE__ */ jsx93("rect", { x: "1.5", y: "5.5", width: "7", height: "5", rx: "2.5" }),
     /* @__PURE__ */ jsx93("rect", { x: "9.5", y: "5.5", width: "5", height: "5", rx: "2.5", opacity: "0.55" })
   ] })
@@ -24273,7 +24538,7 @@ var messagePlatformAdapters = {
 // src/components/MessageBlockBuilder/TokenPanel.tsx
 import { CloseIcon as CloseIcon14 } from "@octaviaflow/icons";
 import { useEffect as useEffect40, useMemo as useMemo25, useState as useState49 } from "react";
-import { Fragment as Fragment38, jsx as jsx94, jsxs as jsxs92 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx94, jsxs as jsxs92 } from "react/jsx-runtime";
 function TokenPanel({
   tokenGroups,
   resolveTokenLabel,
@@ -24325,7 +24590,7 @@ function TokenPanel({
           hintFlash && "ods-message-block-builder__tokens-target--flash"
         ),
         "aria-live": "polite",
-        children: hasTarget ? /* @__PURE__ */ jsxs92(Fragment38, { children: [
+        children: hasTarget ? /* @__PURE__ */ jsxs92(Fragment39, { children: [
           "Click inserts into ",
           /* @__PURE__ */ jsx94("strong", { children: targetLabel }),
           " \u2014 or drag any ref into a field."
@@ -24396,7 +24661,7 @@ function TokenPanel({
 }
 
 // src/components/MessageBlockBuilder/MessageBlockBuilder.tsx
-import { Fragment as Fragment39, jsx as jsx95, jsxs as jsxs93 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx95, jsxs as jsxs93 } from "react/jsx-runtime";
 var CLS2 = "ods-message-block-builder";
 function prettyJson(value) {
   try {
@@ -24828,7 +25093,7 @@ function MessageBlockBuilder({
               }
             ),
             !jsonParse.ok && /* @__PURE__ */ jsx95("p", { className: `${CLS2}__json-error`, role: "alert", children: jsonParse.message })
-          ] }) : /* @__PURE__ */ jsxs93(Fragment39, { children: [
+          ] }) : /* @__PURE__ */ jsxs93(Fragment40, { children: [
             adapter.metaFields && adapter.metaFields.length > 0 && /* @__PURE__ */ jsx95(Disclosure, { title: "Card settings", size: "sm", className: `${CLS2}__meta`, children: /* @__PURE__ */ jsx95(
               BlockFieldsEditor,
               {
@@ -25019,7 +25284,7 @@ import {
   useId as useId38,
   useMemo as useMemo27
 } from "react";
-import { Fragment as Fragment40, jsx as jsx96, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx96, jsxs as jsxs94 } from "react/jsx-runtime";
 var defaultFormat6 = (n) => {
   if (Math.abs(n) >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
   if (Math.abs(n) >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
@@ -25233,7 +25498,7 @@ function LineVariant({
   ]);
   const path = smooth ? buildSmoothPath(pts) : buildLinePath(pts);
   const areaPath = fill2 ? `${path} L${pts[pts.length - 1][0]},${height - PAD2} L${pts[0][0]},${height - PAD2} Z` : null;
-  return /* @__PURE__ */ jsxs94(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs94(Fragment41, { children: [
     areaPath && /* @__PURE__ */ jsx96(
       motion19.path,
       {
@@ -25284,7 +25549,7 @@ function BarVariant({
   const gap = 1;
   const slot = (width - PAD2 * 2) / data.length;
   const barW = Math.max(1, slot - gap);
-  return /* @__PURE__ */ jsx96(Fragment40, { children: data.map((v, i) => {
+  return /* @__PURE__ */ jsx96(Fragment41, { children: data.map((v, i) => {
     const x = PAD2 + i * slot + gap / 2;
     const h = (v - lo) / range * (height - PAD2 * 2);
     const y = height - PAD2 - h;
@@ -25324,7 +25589,7 @@ function WinLossVariant({
   const barW = Math.max(1, slot - gap);
   const mid = height / 2;
   const barH = (height - PAD2 * 2) * 0.4;
-  return /* @__PURE__ */ jsx96(Fragment40, { children: data.map((v, i) => {
+  return /* @__PURE__ */ jsx96(Fragment41, { children: data.map((v, i) => {
     const x = PAD2 + i * slot + gap / 2;
     if (v === threshold) {
       return null;
@@ -25359,7 +25624,7 @@ function WinLossVariant({
 }
 
 // src/components/MetricCard/MetricCard.tsx
-import { Fragment as Fragment41, jsx as jsx97, jsxs as jsxs95 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx97, jsxs as jsxs95 } from "react/jsx-runtime";
 function resolveDeltaTone(trend, direction) {
   if (trend === "neutral") return "neutral";
   if (direction === "positive") {
@@ -25461,7 +25726,7 @@ var MetricCard = forwardRef64(
         children: label
       }
     ) : label;
-    const body = /* @__PURE__ */ jsxs95(Fragment41, { children: [
+    const body = /* @__PURE__ */ jsxs95(Fragment42, { children: [
       /* @__PURE__ */ jsxs95("div", { className: "ods-metric-card__head", children: [
         icon && /* @__PURE__ */ jsx97("span", { className: "ods-metric-card__icon", "aria-hidden": "true", children: icon }),
         /* @__PURE__ */ jsxs95("div", { className: "ods-metric-card__head-body", children: [
@@ -25567,7 +25832,7 @@ import {
   CloseIcon as CloseIcon15,
   SearchIcon as SearchIcon12
 } from "@octaviaflow/icons";
-import { Fragment as Fragment42, jsx as jsx98, jsxs as jsxs96 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx98, jsxs as jsxs96 } from "react/jsx-runtime";
 var RESERVED_TAIL_PX = 64;
 var TAGS_GAP = 6;
 function OverflowTooltip({
@@ -26057,7 +26322,7 @@ var MultiSelect = forwardRef65(
                         filteredOptions.length > 0 ? filteredOptions.map((opt, idx) => {
                           const isSelected = selectedSet.has(opt.value);
                           const optionId = `${baseId}-opt-${opt.value}`;
-                          const tooltipContent = opt.description ? /* @__PURE__ */ jsxs96(Fragment42, { children: [
+                          const tooltipContent = opt.description ? /* @__PURE__ */ jsxs96(Fragment43, { children: [
                             /* @__PURE__ */ jsx98("span", { children: opt.label }),
                             /* @__PURE__ */ jsx98("br", {}),
                             /* @__PURE__ */ jsx98("span", { style: { opacity: 0.75 }, children: opt.description })
@@ -26458,7 +26723,7 @@ import {
   forwardRef as forwardRef67,
   useId as useId42
 } from "react";
-import { Fragment as Fragment43, jsx as jsx101, jsxs as jsxs99 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx101, jsxs as jsxs99 } from "react/jsx-runtime";
 var STATUS_LABEL5 = {
   queued: "Queued",
   running: "Running",
@@ -26490,7 +26755,7 @@ function StatusRing({
           height: "20",
           animate,
           transition: animate ? { duration: 1.2, repeat: Infinity, ease: "linear" } : void 0,
-          children: status === "running" ? /* @__PURE__ */ jsxs99(Fragment43, { children: [
+          children: status === "running" ? /* @__PURE__ */ jsxs99(Fragment44, { children: [
             /* @__PURE__ */ jsx101(
               "circle",
               {
@@ -26513,7 +26778,7 @@ function StatusRing({
                 strokeLinecap: "round"
               }
             )
-          ] }) : status === "succeeded" ? /* @__PURE__ */ jsxs99(Fragment43, { children: [
+          ] }) : status === "succeeded" ? /* @__PURE__ */ jsxs99(Fragment44, { children: [
             /* @__PURE__ */ jsx101("circle", { cx: "12", cy: "12", r: "9", fill: "currentColor", opacity: "0.18" }),
             /* @__PURE__ */ jsx101(
               "path",
@@ -26526,7 +26791,7 @@ function StatusRing({
                 strokeLinejoin: "round"
               }
             )
-          ] }) : status === "failed" ? /* @__PURE__ */ jsxs99(Fragment43, { children: [
+          ] }) : status === "failed" ? /* @__PURE__ */ jsxs99(Fragment44, { children: [
             /* @__PURE__ */ jsx101("circle", { cx: "12", cy: "12", r: "9", fill: "currentColor", opacity: "0.18" }),
             /* @__PURE__ */ jsx101(
               "path",
@@ -26537,7 +26802,7 @@ function StatusRing({
                 strokeLinecap: "round"
               }
             )
-          ] }) : status === "paused" ? /* @__PURE__ */ jsxs99(Fragment43, { children: [
+          ] }) : status === "paused" ? /* @__PURE__ */ jsxs99(Fragment44, { children: [
             /* @__PURE__ */ jsx101("circle", { cx: "12", cy: "12", r: "9", fill: "currentColor", opacity: "0.18" }),
             /* @__PURE__ */ jsx101(
               "path",
@@ -26548,7 +26813,7 @@ function StatusRing({
                 strokeLinecap: "round"
               }
             )
-          ] }) : status === "skipped" ? /* @__PURE__ */ jsxs99(Fragment43, { children: [
+          ] }) : status === "skipped" ? /* @__PURE__ */ jsxs99(Fragment44, { children: [
             /* @__PURE__ */ jsx101("circle", { cx: "12", cy: "12", r: "9", fill: "currentColor", opacity: "0.18" }),
             /* @__PURE__ */ jsx101(
               "path",
@@ -26561,7 +26826,7 @@ function StatusRing({
                 strokeLinejoin: "round"
               }
             )
-          ] }) : status === "scheduled" ? /* @__PURE__ */ jsxs99(Fragment43, { children: [
+          ] }) : status === "scheduled" ? /* @__PURE__ */ jsxs99(Fragment44, { children: [
             /* @__PURE__ */ jsx101(
               "circle",
               {
@@ -26586,7 +26851,7 @@ function StatusRing({
             )
           ] }) : (
             // queued
-            /* @__PURE__ */ jsx101(Fragment43, { children: /* @__PURE__ */ jsx101(
+            /* @__PURE__ */ jsx101(Fragment44, { children: /* @__PURE__ */ jsx101(
               "circle",
               {
                 cx: "12",
@@ -26656,7 +26921,7 @@ var PipelineCard = forwardRef67(
       }
     ) : name;
     const stop = (e) => e.stopPropagation();
-    const body = /* @__PURE__ */ jsxs99(Fragment43, { children: [
+    const body = /* @__PURE__ */ jsxs99(Fragment44, { children: [
       /* @__PURE__ */ jsxs99("div", { className: "ods-pipeline-card__head", children: [
         /* @__PURE__ */ jsx101(
           StatusRing,
@@ -26859,7 +27124,7 @@ function usePlanPickerContext() {
 }
 
 // src/components/PlanCard/PlanCard.tsx
-import { Fragment as Fragment44, jsx as jsx102, jsxs as jsxs100 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx102, jsxs as jsxs100 } from "react/jsx-runtime";
 function isStructuredFeature(f) {
   return typeof f === "object" && f !== null && "text" in f;
 }
@@ -26936,7 +27201,7 @@ var PlanCard = forwardRef68(
           offer && /* @__PURE__ */ jsx102("div", { className: "ods-plan-card__offer", children: offer }),
           allowance && /* @__PURE__ */ jsx102("div", { className: "ods-plan-card__allowance", children: allowance }),
           description && /* @__PURE__ */ jsx102("div", { className: "ods-plan-card__desc", children: description }),
-          features && features.length > 0 && /* @__PURE__ */ jsxs100(Fragment44, { children: [
+          features && features.length > 0 && /* @__PURE__ */ jsxs100(Fragment45, { children: [
             /* @__PURE__ */ jsx102("hr", { className: "ods-plan-card__sep" }),
             /* @__PURE__ */ jsx102("ul", { className: "ods-plan-card__features", children: features.map((f, i) => {
               const structured = isStructuredFeature(f);
@@ -27045,7 +27310,7 @@ PlanPicker.displayName = "PlanPicker";
 // src/components/Popover/Popover.tsx
 import { useCallback as useCallback37, useEffect as useEffect43, useLayoutEffect as useLayoutEffect9, useRef as useRef37, useState as useState53 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
-import { Fragment as Fragment45, jsx as jsx104, jsxs as jsxs101 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx104, jsxs as jsxs101 } from "react/jsx-runtime";
 function computePosition3(rect, popRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
   const cy = rect.top + rect.height / 2;
@@ -27165,7 +27430,7 @@ function Popover({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ jsxs101(Fragment45, { children: [
+  return /* @__PURE__ */ jsxs101(Fragment46, { children: [
     triggerEl,
     portal
   ] });
@@ -27287,7 +27552,7 @@ import {
   forwardRef as forwardRef71,
   useId as useId44
 } from "react";
-import { Fragment as Fragment46, jsx as jsx106, jsxs as jsxs103 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx106, jsxs as jsxs103 } from "react/jsx-runtime";
 function Stars({ value, max = 5, count }) {
   return /* @__PURE__ */ jsxs103(
     "span",
@@ -27336,7 +27601,7 @@ var ProductCard = forwardRef71(
     const descId = description ? `${baseId}-desc` : void 0;
     const tagList = tags ?? (tag ? [tag] : []);
     const isInteractive = Boolean(href || onClick) && !disabled;
-    const body = /* @__PURE__ */ jsxs103(Fragment46, { children: [
+    const body = /* @__PURE__ */ jsxs103(Fragment47, { children: [
       image && /* @__PURE__ */ jsx106(
         "div",
         {
@@ -28391,7 +28656,7 @@ import {
   StarHalfIcon,
   StarIcon as StarIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment47, jsx as jsx113, jsxs as jsxs110 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx113, jsxs as jsxs110 } from "react/jsx-runtime";
 var Rating = forwardRef78(function Rating2({
   value,
   onChange,
@@ -28482,7 +28747,7 @@ var Rating = forwardRef78(function Rating2({
               "aria-hidden": "true",
               children: [
                 /* @__PURE__ */ jsx113(Glyph, {}),
-                interactive && /* @__PURE__ */ jsxs110(Fragment47, { children: [
+                interactive && /* @__PURE__ */ jsxs110(Fragment48, { children: [
                   allowHalf && /* @__PURE__ */ jsx113(
                     "span",
                     {
@@ -29035,7 +29300,7 @@ var ScrollArea = forwardRef82(
 ScrollArea.displayName = "ScrollArea";
 
 // src/components/SettingsLayout/SettingsLayout.tsx
-import { Fragment as Fragment48, jsx as jsx118, jsxs as jsxs114 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx118, jsxs as jsxs114 } from "react/jsx-runtime";
 function SettingsLayout({
   groups,
   activeId,
@@ -29054,7 +29319,7 @@ function SettingsLayout({
           group.label && /* @__PURE__ */ jsx118("div", { className: "ods-settings-layout__group-label", children: group.label }),
           /* @__PURE__ */ jsx118("ul", { className: "ods-settings-layout__list", children: group.items.map((item) => {
             const active = item.id === activeId;
-            const content = /* @__PURE__ */ jsxs114(Fragment48, { children: [
+            const content = /* @__PURE__ */ jsxs114(Fragment49, { children: [
               item.icon && /* @__PURE__ */ jsx118("span", { className: "ods-settings-layout__item-icon", "aria-hidden": "true", children: item.icon }),
               /* @__PURE__ */ jsx118("span", { className: "ods-settings-layout__item-label", children: item.label })
             ] });
@@ -29095,7 +29360,7 @@ function SettingsLayout({
 import { AnimatePresence as AnimatePresence14, motion as motion22 } from "framer-motion";
 import { useEffect as useEffect46 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
-import { Fragment as Fragment49, jsx as jsx119, jsxs as jsxs115 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx119, jsxs as jsxs115 } from "react/jsx-runtime";
 var slideVariants = {
   top: { initial: { y: "-100%" }, animate: { y: 0 }, exit: { y: "-100%" } },
   bottom: { initial: { y: "100%" }, animate: { y: 0 }, exit: { y: "100%" } },
@@ -29139,7 +29404,7 @@ function Sheet({
   const variant = slideVariants[side];
   const resolved = resolveSize(side, size);
   const isVertical = side === "left" || side === "right";
-  const content = /* @__PURE__ */ jsx119(AnimatePresence14, { children: open && /* @__PURE__ */ jsxs115(Fragment49, { children: [
+  const content = /* @__PURE__ */ jsx119(AnimatePresence14, { children: open && /* @__PURE__ */ jsxs115(Fragment50, { children: [
     /* @__PURE__ */ jsx119(
       motion22.div,
       {
@@ -29198,7 +29463,7 @@ Show.displayName = "Show";
 
 // src/components/Sidebar/Sidebar.tsx
 import { useCallback as useCallback40, useEffect as useEffect47, useRef as useRef42, useState as useState57 } from "react";
-import { Fragment as Fragment50, jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
 function Sidebar({
   variant = "expanded",
   sections,
@@ -29335,7 +29600,7 @@ function RailLayout({
   tooltipDelay,
   suppressTooltips
 }) {
-  return /* @__PURE__ */ jsxs116(Fragment50, { children: [
+  return /* @__PURE__ */ jsxs116(Fragment51, { children: [
     /* @__PURE__ */ jsx121("div", { className: "ods-sidebar__nav-rail", children: sections.flatMap((s) => s.items).map((item) => /* @__PURE__ */ jsx121(
       RailItem,
       {
@@ -29493,7 +29758,7 @@ function ExpandedLayout({
   onPinToggle
 }) {
   const hasFooterControl = Boolean(onPinToggle || onToggle);
-  return /* @__PURE__ */ jsxs116(Fragment50, { children: [
+  return /* @__PURE__ */ jsxs116(Fragment51, { children: [
     /* @__PURE__ */ jsx121("div", { className: "ods-sidebar__body", children: sections.map((section, sIdx) => /* @__PURE__ */ jsxs116("div", { className: "ods-sidebar__section", children: [
       section.label && /* @__PURE__ */ jsx121("div", { className: "ods-sidebar__section-label", children: section.label }),
       section.items.map((item) => /* @__PURE__ */ jsx121(ExpandedItem, { item, level: 0 }, item.id))
@@ -29556,7 +29821,7 @@ function ExpandedItem({ item, level }) {
     item.defaultExpanded ?? (hasChildren && hasActiveDescendant(item))
   );
   if (hasChildren) {
-    return /* @__PURE__ */ jsxs116(Fragment50, { children: [
+    return /* @__PURE__ */ jsxs116(Fragment51, { children: [
       /* @__PURE__ */ jsxs116(
         "button",
         {
@@ -29638,7 +29903,7 @@ function ExpandedItem({ item, level }) {
 }
 function SidebarUserCard({ user }) {
   const labelText = typeof user.name === "string" ? user.name : "User";
-  const body = /* @__PURE__ */ jsxs116(Fragment50, { children: [
+  const body = /* @__PURE__ */ jsxs116(Fragment51, { children: [
     /* @__PURE__ */ jsx121("span", { className: "ods-sidebar__user-avatar", children: user.avatar ?? /* @__PURE__ */ jsx121("span", { children: user.initial ?? (typeof user.name === "string" ? user.name.charAt(0).toUpperCase() : "?") }) }),
     /* @__PURE__ */ jsxs116("span", { className: "ods-sidebar__user-info", children: [
       /* @__PURE__ */ jsx121("span", { className: "ods-sidebar__user-name", children: user.name }),
@@ -29679,7 +29944,7 @@ import { AnimatePresence as AnimatePresence15, motion as motion23 } from "framer
 import { useEffect as useEffect48, useRef as useRef43 } from "react";
 import { FocusScope as FocusScope2, OverlayProvider as OverlayProvider2, useDialog as useDialog2, useModal as useModal2, useOverlay as useOverlay2 } from "react-aria";
 import { createPortal as createPortal15 } from "react-dom";
-import { Fragment as Fragment51, jsx as jsx122, jsxs as jsxs117 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx122, jsxs as jsxs117 } from "react/jsx-runtime";
 var slideVariants2 = {
   left: {
     initial: { x: "-100%" },
@@ -29745,7 +30010,7 @@ function SlideoutContent({
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeOverlayProps } = overlayProps;
   const variant = slideVariants2[position];
   const panelWidth = typeof width === "number" ? `${width}px` : width;
-  return /* @__PURE__ */ jsx122(AnimatePresence15, { children: open && /* @__PURE__ */ jsxs117(Fragment51, { children: [
+  return /* @__PURE__ */ jsx122(AnimatePresence15, { children: open && /* @__PURE__ */ jsxs117(Fragment52, { children: [
     /* @__PURE__ */ jsx122(
       motion23.div,
       {
@@ -30034,7 +30299,7 @@ function VersionHistory({
 VersionHistory.displayName = "VersionHistory";
 
 // src/components/StatusList/StatusList.tsx
-import { Fragment as Fragment52, jsx as jsx124, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx124, jsxs as jsxs119 } from "react/jsx-runtime";
 var TONE_TO_CHIP2 = {
   success: "success",
   running: "primary",
@@ -30056,7 +30321,7 @@ function StatusList({
 }) {
   const visible = typeof max === "number" ? items.slice(0, max) : items;
   const overflow = items.length - visible.length;
-  const renderRowInner = (item) => /* @__PURE__ */ jsxs119(Fragment52, { children: [
+  const renderRowInner = (item) => /* @__PURE__ */ jsxs119(Fragment53, { children: [
     /* @__PURE__ */ jsx124(
       "span",
       {
@@ -30243,7 +30508,7 @@ Slider.displayName = "Slider";
 import {
   Children as Children2,
   forwardRef as forwardRef84,
-  Fragment as Fragment53
+  Fragment as Fragment54
 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function resolveGap2(gap) {
@@ -30284,9 +30549,9 @@ var Stack = forwardRef84(function Stack2({
   const Component = as ?? "div";
   const items = divider ? Children2.toArray(children).flatMap(
     (child, i, arr) => i < arr.length - 1 ? [
-      /* @__PURE__ */ jsx126(Fragment53, { children: child }, `item-${i}`),
-      /* @__PURE__ */ jsx126(Fragment53, { children: divider }, `divider-${i}`)
-    ] : [/* @__PURE__ */ jsx126(Fragment53, { children: child }, `item-${i}`)]
+      /* @__PURE__ */ jsx126(Fragment54, { children: child }, `item-${i}`),
+      /* @__PURE__ */ jsx126(Fragment54, { children: divider }, `divider-${i}`)
+    ] : [/* @__PURE__ */ jsx126(Fragment54, { children: child }, `item-${i}`)]
   ) : children;
   return /* @__PURE__ */ jsx126(
     Component,
@@ -31047,7 +31312,7 @@ import {
   CaretSortIcon as CaretSortIcon2,
   CaretUpIcon as CaretUpIcon3
 } from "@octaviaflow/icons";
-import { Fragment as Fragment54, jsx as jsx131, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx131, jsxs as jsxs125 } from "react/jsx-runtime";
 function TableInner({
   columns,
   data,
@@ -31181,7 +31446,7 @@ function TableRow({
 }) {
   const isSelected = selectedRows?.has(rowIndex) ?? false;
   const [expanded, setExpanded] = useState63(false);
-  return /* @__PURE__ */ jsxs125(Fragment54, { children: [
+  return /* @__PURE__ */ jsxs125(Fragment55, { children: [
     /* @__PURE__ */ jsxs125(
       "tr",
       {
@@ -31350,7 +31615,7 @@ import {
   forwardRef as forwardRef91,
   useId as useId53
 } from "react";
-import { Fragment as Fragment55, jsx as jsx133, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx133, jsxs as jsxs127 } from "react/jsx-runtime";
 var TemplateCard = forwardRef91(function TemplateCard2({
   name,
   nameAs = "h3",
@@ -31456,7 +31721,7 @@ var TemplateCard = forwardRef91(function TemplateCard2({
     if (iconConnector === "plus") return "+";
     return iconConnector;
   };
-  const body = /* @__PURE__ */ jsxs127(Fragment55, { children: [
+  const body = /* @__PURE__ */ jsxs127(Fragment56, { children: [
     showMedia && /* @__PURE__ */ jsxs127(
       "div",
       {
@@ -31656,7 +31921,7 @@ Timeline.displayName = "Timeline";
 // src/components/TimePicker/TimePicker.tsx
 import {
   forwardRef as forwardRef93,
-  Fragment as Fragment56,
+  Fragment as Fragment57,
   useCallback as useCallback45,
   useEffect as useEffect51,
   useId as useId54,
@@ -31670,7 +31935,7 @@ import {
   ChevronDownIcon as ChevronDownIcon9,
   TimeIcon as TimeIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment57, jsx as jsx135, jsxs as jsxs129 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx135, jsxs as jsxs129 } from "react/jsx-runtime";
 var pad = (n) => n.toString().padStart(2, "0");
 function format(v, use24h, showSeconds) {
   const base = `${pad(v.hours)}:${pad(v.minutes)}${showSeconds ? `:${pad(v.seconds ?? 0)}` : ""}`;
@@ -31991,7 +32256,7 @@ var TimePicker = forwardRef93(
                       segButton("hours", value.hours),
                       /* @__PURE__ */ jsx135("span", { className: "ods-timepicker__display-sep", children: ":" }),
                       segButton("minutes", value.minutes),
-                      showSeconds && /* @__PURE__ */ jsxs129(Fragment57, { children: [
+                      showSeconds && /* @__PURE__ */ jsxs129(Fragment58, { children: [
                         /* @__PURE__ */ jsx135("span", { className: "ods-timepicker__display-sep", children: ":" }),
                         segButton("seconds", value.seconds ?? 0)
                       ] })
@@ -32023,7 +32288,7 @@ var TimePicker = forwardRef93(
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx135("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs129(Fragment56, { children: [
+                  /* @__PURE__ */ jsx135("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs129(Fragment57, { children: [
                     /* @__PURE__ */ jsxs129("div", { className: "ods-timepicker__col", children: [
                       /* @__PURE__ */ jsx135("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
                       /* @__PURE__ */ jsx135(
@@ -32089,7 +32354,7 @@ import {
   GlobeIcon,
   SearchIcon as SearchIcon13
 } from "@octaviaflow/icons";
-import { Fragment as Fragment58, jsx as jsx136, jsxs as jsxs130 } from "react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx136, jsxs as jsxs130 } from "react/jsx-runtime";
 var DEFAULT_TZS = [
   { iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
   { iana: "America/Denver", label: "Mountain Time", offset: "UTC\u22127" },
@@ -32264,7 +32529,7 @@ var TimezonePicker = forwardRef94(
               "aria-invalid": error ? true : void 0,
               children: [
                 /* @__PURE__ */ jsx136("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx136(GlobeIcon, { size: "xs" }) }),
-                /* @__PURE__ */ jsx136("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs130(Fragment58, { children: [
+                /* @__PURE__ */ jsx136("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs130(Fragment59, { children: [
                   /* @__PURE__ */ jsx136("span", { className: "ods-tzpicker__name", children: selected.label }),
                   /* @__PURE__ */ jsxs130("span", { className: "ods-tzpicker__meta", children: [
                     selected.iana.split("/").pop()?.replace(/_/g, " "),
@@ -32393,7 +32658,7 @@ import {
   useState as useState67
 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
-import { Fragment as Fragment59, jsx as jsx137, jsxs as jsxs131 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx137, jsxs as jsxs131 } from "react/jsx-runtime";
 var defaultIcons = {
   success: /* @__PURE__ */ jsxs131("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx137(
@@ -32484,9 +32749,9 @@ var defaultIcons = {
 var ToastContext = createContext3(null);
 function ToastBody({ item, onDismiss }) {
   const dismiss = () => onDismiss(item.id);
-  if (item.render) return /* @__PURE__ */ jsx137(Fragment59, { children: item.render({ id: item.id, dismiss }) });
+  if (item.render) return /* @__PURE__ */ jsx137(Fragment60, { children: item.render({ id: item.id, dismiss }) });
   const title = item.title ?? item.message;
-  return /* @__PURE__ */ jsxs131(Fragment59, { children: [
+  return /* @__PURE__ */ jsxs131(Fragment60, { children: [
     /* @__PURE__ */ jsx137("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
     /* @__PURE__ */ jsxs131("div", { className: "ods-toast__body", children: [
       title && /* @__PURE__ */ jsx137("div", { className: "ods-toast__title", children: title }),
@@ -32706,7 +32971,7 @@ function ToastProvider({
     return out;
   }, [toasts]);
   const ctx = { toast, dismiss, dismissAll };
-  const containers = /* @__PURE__ */ jsx137(Fragment59, { children: POSITIONS.map((pos) => {
+  const containers = /* @__PURE__ */ jsx137(Fragment60, { children: POSITIONS.map((pos) => {
     const list = groups[pos];
     if (list.length === 0) return null;
     return /* @__PURE__ */ jsx137(
@@ -33468,7 +33733,7 @@ import {
   forwardRef as forwardRef98,
   useId as useId60
 } from "react";
-import { Fragment as Fragment60, jsx as jsx144, jsxs as jsxs138 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx144, jsxs as jsxs138 } from "react/jsx-runtime";
 var UserCard = forwardRef98(function UserCard2({
   name,
   nameAs = "h3",
@@ -33512,7 +33777,7 @@ var UserCard = forwardRef98(function UserCard2({
       }
     );
   };
-  const body = /* @__PURE__ */ jsxs138(Fragment60, { children: [
+  const body = /* @__PURE__ */ jsxs138(Fragment61, { children: [
     renderAvatar(),
     /* @__PURE__ */ jsxs138("div", { className: "ods-user-card__body", children: [
       /* @__PURE__ */ jsx144(Card.Title, { as: nameAs, id: nameId, className: "ods-user-card__name", children: name }),
@@ -34703,7 +34968,7 @@ function useWorkflowRuntime(startedAt, active) {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-import { Fragment as Fragment61, jsx as jsx146, jsxs as jsxs140 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx146, jsxs as jsxs140 } from "react/jsx-runtime";
 function WorkflowHeader({
   name,
   statusTone,
@@ -34789,7 +35054,7 @@ function WorkflowHeader({
           children: name
         }
       ),
-      saveIndicator && /* @__PURE__ */ jsxs140(Fragment61, { children: [
+      saveIndicator && /* @__PURE__ */ jsxs140(Fragment62, { children: [
         /* @__PURE__ */ jsx146("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxs140(
           "span",
@@ -34867,7 +35132,7 @@ function WorkflowHeader({
           onClick: onStop,
           children: /* @__PURE__ */ jsxs140("span", { className: "ods-workflow-header__stop-label", children: [
             /* @__PURE__ */ jsx146("span", { children: "Stop" }),
-            runtime && /* @__PURE__ */ jsxs140(Fragment61, { children: [
+            runtime && /* @__PURE__ */ jsxs140(Fragment62, { children: [
               /* @__PURE__ */ jsx146("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
               /* @__PURE__ */ jsx146("span", { className: "ods-workflow-header__runtime", children: runtime })
             ] })
@@ -34908,7 +35173,7 @@ import {
   StopFilledAltIcon as StopFilledAltIcon3,
   TerminalIcon as TerminalIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment62, jsx as jsx147, jsxs as jsxs141 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx147, jsxs as jsxs141 } from "react/jsx-runtime";
 function WorkflowHeaderExpanded({
   name,
   statusTone = "draft",
@@ -35013,7 +35278,7 @@ function WorkflowHeaderExpanded({
                 onClick: onStop,
                 children: /* @__PURE__ */ jsxs141("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
                   /* @__PURE__ */ jsx147("span", { children: "Stop" }),
-                  runtime && /* @__PURE__ */ jsxs141(Fragment62, { children: [
+                  runtime && /* @__PURE__ */ jsxs141(Fragment63, { children: [
                     /* @__PURE__ */ jsx147("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
                     /* @__PURE__ */ jsx147("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
                   ] })