@octaviaflow/core 3.0.18-beta.29 → 3.0.18-beta.30

package/dist/index.cjs

@@ -30626,92 +30626,35 @@ var ForEachNode = ({
   node
 }) => {
   const d = node.data ?? {};
-  const iteratorExpr = d.iterator ?? d.description ?? "items[]";
-  const collapsed = !!d.collapsed;
-  const disabled = !!d.disabled;
-  const hiddenCount = d.hiddenCount;
-  const bridge = useFlowNodeBridge();
-  const onChevronClick = (e) => {
-    e.stopPropagation();
-    bridge.toggleNodeCollapse(node.id);
-  };
+  const branches = d.branches ?? [
+    { id: "each", label: "Each" },
+    { id: "done", label: "Done" }
+  ];
   return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
-    "div",
+    BaseNode,
     {
-      className: "ods-flow-foreach",
-      "data-collapsed": collapsed ? "true" : "false",
-      "data-disabled": disabled ? "true" : void 0,
-      style: {
-        width: node.width ?? 420,
-        height: collapsed ? 40 : node.height ?? 260
-      },
+      kind: d.kind ?? "FOR EACH",
+      icon: d.icon,
+      title: d.title ?? "For each",
+      chip: d.chip ?? d.badge,
+      description: d.description ?? d.subtitle ?? d.iterator,
+      valueChip: d.valueChip,
+      status: d.status,
+      accent: "amber",
       children: [
-        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(NodeResizer, { minWidth: 240, minHeight: 120 }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "ods-flow-foreach__header", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "ods-flow-foreach__chevron",
-              "data-flow-no-drag": "true",
-              "aria-label": collapsed ? "Expand iterator" : "Collapse iterator",
-              "aria-expanded": !collapsed,
-              onClick: onChevronClick,
-              onPointerDown: (e) => e.stopPropagation(),
-              children: collapsed ? "\u25B8" : "\u25BE"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-flow-foreach__icon", "aria-hidden": "true", children: "\u21BB" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "ods-flow-foreach__title", children: d.title ?? "For each" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("code", { className: "ods-flow-foreach__iterator", children: iteratorExpr }),
-          disabled && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-            "span",
-            {
-              className: "ods-flow-foreach__disabled-badge",
-              "aria-label": "Disabled subflow",
-              children: "Disabled"
-            }
-          ),
-          collapsed && hiddenCount !== void 0 && hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "ods-flow-foreach__count", "aria-label": `${hiddenCount} hidden steps`, children: [
-            hiddenCount,
-            " steps"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Handle, { type: "target", position: "top", id: "__group_in", label: !collapsed ? "in" : void 0 }),
-        collapsed ? (
-          // Collapsed: single bottom exit so the container behaves like a
-          // regular action in the chain.
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Handle, { type: "source", position: "bottom", id: "__group_out" })
-        ) : (
-          // Expanded: two bottom outputs spread across the bottom edge.
-          // Index/total tell the Handle to position them at 33% and 66%
-          // along the edge (per `handleSideStyle`). `each` is left of
-          // centre, `__group_out` (labelled "done") is right of centre.
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-              Handle,
-              {
-                type: "source",
-                position: "bottom",
-                id: "each",
-                label: "each",
-                index: 0,
-                total: 2
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-              Handle,
-              {
-                type: "source",
-                position: "bottom",
-                id: "__group_out",
-                label: "done",
-                index: 1,
-                total: 2
-              }
-            )
-          ] })
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Handle, { type: "target", position: "top" }),
+        branches.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          Handle,
+          {
+            type: "source",
+            position: "bottom",
+            id: b.id,
+            index: i,
+            total: branches.length,
+            label: b.label
+          },
+          b.id
+        ))
       ]
     }
   );