@notmrabhi/flowforge 0.1.12 → 0.1.13

package/dist/{templateSkeletons-BEaJiDBN.js → templateSkeletons-CKXi-fG6.js}

@@ -1,15 +1,15 @@
-import { jsxs as m, jsx as f, Fragment as Lt } from "react/jsx-runtime";
+import { jsxs as w, jsx as f, Fragment as Lt } from "react/jsx-runtime";
 import P, { useRef as pt, useEffect as ie, useState as j, useMemo as W, useCallback as Y } from "react";
 import _r, { useStore as Tr, useReactFlow as Nr, Background as Cr, Controls as Sr, MiniMap as Ir } from "reactflow";
 import "reactflow/dist/style.css";
-import { e as Or, G as Mr, E as jr, P as Fr, L as zr, d as Rr, f as Dr } from "./GatewayBranchEdge-BudlH-Ea.js";
+import { e as Or, G as Mr, E as jr, P as Fr, L as zr, d as Rr, f as Dr } from "./GatewayBranchEdge-DH-aHDPm.js";
 import { Dialog as Lr, Box as te, Drawer as Ar, IconButton as bt, Button as yt } from "@mui/material";
 import { MdClose as Pr, MdCalendarToday as Br, MdBolt as Wr, MdArrowBack as Gr, MdChevronRight as At, MdAddCircleOutline as $r, MdApps as Yr, MdErrorOutline as Kr, MdAccountTree as Ur, MdAdd as Vr, MdSearch as Hr, MdCategory as qr, MdCancel as Pt, MdError as Bt, MdCheckCircle as Wt, MdPlayArrow as Gt, MdHourglassEmpty as Xr, MdSchedule as mt, MdPerson as Jr, MdExpandLess as Zr, MdExpandMore as Qr } from "react-icons/md";
 import { GrTrigger as en } from "react-icons/gr";
 import { BiCollapse as tn, BiExpand as rn } from "react-icons/bi";
 import { b as nn } from "./index-CxVqPygT.js";
 import { m as on } from "./messages-CO299wPN.js";
-import { T as sn, E as q } from "./canvasTokens-CAD6G24b.js";
+import { T as sn, E as J } from "./canvasTokens-CAD6G24b.js";
 var $t = Object.defineProperty, ln = (e, t, r) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, dn = (e, t) => {
   for (var r in t) $t(e, r, { get: t[r], enumerable: !0 });
 }, an = (e, t, r) => ln(e, t + "", r), Yt = {};
@@ -1657,17 +1657,17 @@ const ji = (e) => {
     Object.keys(i).length !== 0 && (n.current = r, e(i));
   }, [r]), null;
 }, Se = ({ isOpen: e, onClose: t, title: r, icon: n, children: o, footer: i, width: s = 600 }) => {
-  const [l, a] = j(!1), d = () => a((h) => !h), c = () => /* @__PURE__ */ m(te, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
+  const [l, a] = j(!1), d = () => a((h) => !h), c = () => /* @__PURE__ */ w(te, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
     n && /* @__PURE__ */ f(te, { sx: { mr: 1.5, display: "flex", alignItems: "center", fontSize: "1.25rem", color: "#1DBF60" }, children: n }),
     /* @__PURE__ */ f("span", { style: { flexGrow: 1, fontSize: 14, fontWeight: 500, color: "#212121" }, children: r }),
     /* @__PURE__ */ f(bt, { onClick: d, size: "small", sx: { mr: 1 }, title: l ? "Collapse" : "Expand", "data-testid": "expand-collapse-base-drawer-btn", children: l ? /* @__PURE__ */ f(tn, {}) : /* @__PURE__ */ f(rn, {}) }),
     /* @__PURE__ */ f(bt, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ f(Pr, {}) })
   ] }), u = () => i ? /* @__PURE__ */ f(te, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
-  return l ? /* @__PURE__ */ m(Lr, { open: e, onClose: t, maxWidth: !1, fullWidth: !0, PaperProps: { sx: { display: "flex", flexDirection: "column", height: "80vh", boxShadow: 24, width: "750px", maxWidth: "100%" } }, children: [
+  return l ? /* @__PURE__ */ w(Lr, { open: e, onClose: t, maxWidth: !1, fullWidth: !0, PaperProps: { sx: { display: "flex", flexDirection: "column", height: "80vh", boxShadow: 24, width: "750px", maxWidth: "100%" } }, children: [
     /* @__PURE__ */ f(c, {}),
     /* @__PURE__ */ f(te, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
     /* @__PURE__ */ f(u, {})
-  ] }) : /* @__PURE__ */ m(
+  ] }) : /* @__PURE__ */ w(
     Ar,
     {
       anchor: "right",
@@ -1698,10 +1698,10 @@ const ji = (e) => {
       ]
     }
   );
-}, zi = ({ open: e, templates: t, messages: r, onSelect: n, onClose: o }) => /* @__PURE__ */ f(Se, { isOpen: e, onClose: o, title: r.addTriggerTitle, icon: /* @__PURE__ */ f(en, {}), width: 500, children: /* @__PURE__ */ m(te, { sx: { p: 2 }, children: [
+}, zi = ({ open: e, templates: t, messages: r, onSelect: n, onClose: o }) => /* @__PURE__ */ f(Se, { isOpen: e, onClose: o, title: r.addTriggerTitle, icon: /* @__PURE__ */ f(en, {}), width: 500, children: /* @__PURE__ */ w(te, { sx: { p: 2 }, children: [
   /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: r.chooseTrigger }),
-  /* @__PURE__ */ m("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: [
-    t.map((i) => /* @__PURE__ */ m(
+  /* @__PURE__ */ w("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: [
+    t.map((i) => /* @__PURE__ */ w(
       "div",
       {
         className: "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-start ff-gap-3",
@@ -1720,7 +1720,7 @@ const ji = (e) => {
         },
         children: [
           /* @__PURE__ */ f("div", { style: { color: i.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: i.triggerCategory === "scheduler" ? /* @__PURE__ */ f(Br, { size: 18 }) : /* @__PURE__ */ f(Wr, { size: 18 }) }),
-          /* @__PURE__ */ m("div", { children: [
+          /* @__PURE__ */ w("div", { children: [
             /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: i.label }),
             i.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: i.description })
           ] })
@@ -1764,8 +1764,8 @@ const ji = (e) => {
       title: c ? r.addStepTitle : d.label,
       icon: c ? /* @__PURE__ */ f($r, {}) : d.icon ?? /* @__PURE__ */ f(Yr, {}),
       width: 500,
-      children: /* @__PURE__ */ m(te, { sx: { p: 2 }, children: [
-        !c && /* @__PURE__ */ m(
+      children: /* @__PURE__ */ w(te, { sx: { p: 2 }, children: [
+        !c && /* @__PURE__ */ w(
           "div",
           {
             role: "button",
@@ -1783,8 +1783,8 @@ const ji = (e) => {
           }
         ),
         /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: c ? r.chooseAction : `Pick an action from ${d.label}` }),
-        /* @__PURE__ */ f("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ m(Lt, { children: [
-          i.map((u) => /* @__PURE__ */ m(
+        /* @__PURE__ */ f("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ w(Lt, { children: [
+          i.map((u) => /* @__PURE__ */ w(
             "div",
             {
               className: Be,
@@ -1803,7 +1803,7 @@ const ji = (e) => {
               },
               children: [
                 u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
-                /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label }),
                   /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: u.description ?? `${u.descriptors.length} action${u.descriptors.length === 1 ? "" : "s"}` })
                 ] }),
@@ -1812,7 +1812,7 @@ const ji = (e) => {
             },
             `app-${u.key}`
           )),
-          s.map((u) => /* @__PURE__ */ m(
+          s.map((u) => /* @__PURE__ */ w(
             "div",
             {
               className: Be,
@@ -1839,7 +1839,7 @@ const ji = (e) => {
           i.length === 0 && s.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: r.noActions })
         ] }) : (
           /* Stage 2 — actions for the selected app */
-          d.descriptors.map((u) => /* @__PURE__ */ m(
+          d.descriptors.map((u) => /* @__PURE__ */ w(
             "div",
             {
               className: Be,
@@ -1886,7 +1886,7 @@ const ji = (e) => {
       N = !0;
     };
   }, [r, t]);
-  const y = t ? `node-config-form-${t}` : "node-config-form", p = !d && !u && l.length > 0, v = p ? /* @__PURE__ */ m(Lt, { children: [
+  const y = t ? `node-config-form-${t}` : "node-config-form", p = !d && !u && l.length > 0, v = p ? /* @__PURE__ */ w(Lt, { children: [
     /* @__PURE__ */ f(yt, { type: "button", variant: "outlined", size: "small", onClick: s, children: o.cancel }),
     /* @__PURE__ */ f(yt, { type: "submit", form: y, variant: "contained", size: "small", children: o.save })
   ] }) : null;
@@ -1899,7 +1899,7 @@ const ji = (e) => {
       icon: r == null ? void 0 : r.icon,
       width: 500,
       footer: v,
-      children: /* @__PURE__ */ m(te, { sx: { p: 2 }, children: [
+      children: /* @__PURE__ */ w(te, { sx: { p: 2 }, children: [
         d && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.loadingConfiguration }),
         !d && u && /* @__PURE__ */ f("p", { style: { fontSize: 13, color: "#d32f2f" }, children: u }),
         !d && !u && l.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.noConfigurationNeeded }),
@@ -1943,14 +1943,14 @@ const ji = (e) => {
       title: n ? `Preview: ${n}` : "Sub-Workflow Preview",
       icon: /* @__PURE__ */ f(Ur, { size: 18, color: "#00695c" }),
       width: 700,
-      children: /* @__PURE__ */ m("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 24 }, children: [
+      children: /* @__PURE__ */ w("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 24 }, children: [
         i.status === "idle" && /* @__PURE__ */ f("span", { style: { color: "#9e9e9e", fontSize: 14 }, children: "Select a workflow to preview" }),
-        i.status === "loading" && /* @__PURE__ */ m("div", { style: { textAlign: "center", color: "#9e9e9e" }, children: [
+        i.status === "loading" && /* @__PURE__ */ w("div", { style: { textAlign: "center", color: "#9e9e9e" }, children: [
           /* @__PURE__ */ f("div", { style: { width: 32, height: 32, borderRadius: "50%", border: "3px solid #e0e0e0", borderTopColor: "#00897b", animation: "spin 0.8s linear infinite", margin: "0 auto 12px" } }),
           /* @__PURE__ */ f("span", { style: { fontSize: 14 }, children: "Loading workflow…" }),
           /* @__PURE__ */ f("style", { children: "@keyframes spin { to { transform: rotate(360deg); } }" })
         ] }),
-        i.status === "error" && /* @__PURE__ */ m("div", { style: { textAlign: "center", color: "#c62828" }, children: [
+        i.status === "error" && /* @__PURE__ */ w("div", { style: { textAlign: "center", color: "#c62828" }, children: [
           /* @__PURE__ */ f(Kr, { size: 32, style: { marginBottom: 8 } }),
           /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
         ] }),
@@ -2030,13 +2030,13 @@ function Wi(e, t, r, n) {
   }, b = (p, v, N) => {
     const O = v + 180, M = t[p], F = Object.keys(M), B = u.get(p), re = (B == null ? void 0 : B.branchLabels) ?? { pass: "Pass", fail: "Fail" }, he = d[p], z = n[p] ?? { height: 80 }, me = he.y + z.height, we = [];
     let U = N;
-    return F.forEach((le, X) => {
-      const R = M[le], J = U;
+    return F.forEach((le, Z) => {
+      const R = M[le], V = U;
       we.push({
-        y: J - me,
+        y: V - me,
         label: re[le] ?? le,
-        isPass: X === 0
-      }), U = g(R, O, U + a), X < F.length - 1 && (U += l);
+        isPass: Z === 0
+      }), U = g(R, O, U + a), Z < F.length - 1 && (U += l);
     }), c[p] = {
       branches: we,
       height: U - me,
@@ -2180,44 +2180,44 @@ const Dt = ({
     snapGrid: we = [15, 15],
     branchLayout: U = "horizontal",
     nodeBody: le = "full"
-  } = d, X = W(() => on(a), [a]), [R, J] = j(() => (r == null ? void 0 : r.slots) ?? zt()), [V, Z] = j(() => (r == null ? void 0 : r.branches) ?? {}), [de, $] = j(null), [Ie, Ze] = j(null), [ae, ve] = j(null), [Oe, Qe] = j(null), [Ee, et] = j(null), [Q, tt] = j(() => {
-    const w = r == null ? void 0 : r.slots.find((k) => k.kind === "triggerFixed"), E = w != null && w.id.startsWith("trigger-") ? w.id.slice(8) : void 0;
+  } = d, Z = W(() => on(a), [a]), [R, V] = j(() => (r == null ? void 0 : r.slots) ?? zt()), [H, q] = j(() => (r == null ? void 0 : r.branches) ?? {}), [de, $] = j(null), [Ie, Ze] = j(null), [ae, ve] = j(null), [Oe, Qe] = j(null), [Ee, et] = j(null), [Q, tt] = j(() => {
+    const m = r == null ? void 0 : r.slots.find((k) => k.kind === "triggerFixed"), E = m != null && m.id.startsWith("trigger-") ? m.id.slice(8) : void 0;
     return E ? t.lookup(E) ?? null : null;
-  }), [rt, br] = j({}), yr = Y((w) => {
-    br(w);
+  }), [rt, br] = j({}), yr = Y((m) => {
+    br(m);
   }, []), mr = W(() => ({ ...Or, ...n }), [n]), wr = W(() => ({ ...Pi, ...o }), [o]), vr = W(() => {
-    const w = R.filter((k) => k.kind === "userTask").length, E = Object.values(V).flatMap((k) => Object.values(k).flat()).filter((k) => k.kind === "userTask").length;
-    return w + E;
-  }, [R, V]), nt = b ?? (Q == null ? void 0 : Q.maxTasks), ot = nt !== void 0 && vr >= nt, ne = Y((w) => {
-    const E = R.find((k) => k.id === w);
+    const m = R.filter((k) => k.kind === "userTask").length, E = Object.values(H).flatMap((k) => Object.values(k).flat()).filter((k) => k.kind === "userTask").length;
+    return m + E;
+  }, [R, H]), nt = b ?? (Q == null ? void 0 : Q.maxTasks), ot = nt !== void 0 && vr >= nt, ne = Y((m) => {
+    const E = R.find((k) => k.id === m);
     if (E) return E;
-    for (const k of Object.values(V)) {
-      const C = Object.values(k).flat().find((x) => x.id === w);
+    for (const k of Object.values(H)) {
+      const C = Object.values(k).flat().find((x) => x.id === m);
       if (C) return C;
     }
     return null;
-  }, [R, V]), Me = Y((w) => {
-    s || (Ze(w), $("nodeConfig"));
-  }, [s]), it = Y((w) => {
+  }, [R, H]), Me = Y((m) => {
+    s || (Ze(m), $("nodeConfig"));
+  }, [s]), it = Y((m) => {
     if (!s) {
-      if (R.some((E) => E.id === w)) {
-        const E = R.find((k) => k.id === w);
+      if (R.some((E) => E.id === m)) {
+        const E = R.find((k) => k.id === m);
         if ((E == null ? void 0 : E.kind) === "triggerFixed") {
-          J(zt()), Z({}), tt(null);
+          V(zt()), q({}), tt(null);
           return;
         }
-        J((k) => {
-          const C = k.filter((x) => x.id !== w);
+        V((k) => {
+          const C = k.filter((x) => x.id !== m);
           return oe((E == null ? void 0 : E.kind) ?? "") && !C.some((x) => x.kind === "end") ? [...C, { id: "end", kind: "end", reactFlowType: "endNode" }] : C;
-        }), Z((k) => {
+        }), q((k) => {
           const C = { ...k }, x = (_) => {
             C[_] && (Object.values(C[_]).flat().filter((T) => oe(T.kind)).forEach((T) => x(T.id)), delete C[_]);
           };
-          return x(w), C;
+          return x(m), C;
         });
         return;
       }
-      Z((E) => {
+      q((E) => {
         const k = (x, _) => {
           const T = [];
           for (const S of x)
@@ -2226,10 +2226,10 @@ const Dt = ({
         }, C = { ...E };
         for (const x of Object.keys(C))
           for (const _ of Object.keys(C[x])) {
-            const T = C[x][_], S = T.findIndex((A) => A.id === w);
+            const T = C[x][_], S = T.findIndex((A) => A.id === m);
             if (S === -1 || T[S].kind === "end") continue;
             const I = T[S];
-            let D = T.filter((A) => A.id !== w);
+            let D = T.filter((A) => A.id !== m);
             return I.kind === "filter" && ((I.id in C ? k([I], C) : []).forEach((L) => delete C[L]), delete C[I.id], D.some((L) => L.kind === "end") || (D = [...D, { id: `end-${x}-${_}`, kind: "end", reactFlowType: "endNode" }])), C[x] = { ...C[x], [_]: D }, C;
           }
         return C;
@@ -2237,38 +2237,42 @@ const Dt = ({
     }
   }, [s, R]), je = Y(() => {
     s || $("triggerSelect");
-  }, [s]), st = Y((w, E) => {
-    s || ot || (ve(w), Qe(E.filterId && E.branch ? { filterId: E.filterId, branch: E.branch } : null), $("nodePicker"));
-  }, [s, ot]), lt = Y((w) => {
-    tt(w), $(null), Z({}), J([
+  }, [s]), st = Y((m, E) => {
+    s || ot || (ve(m), Qe(E.filterId && E.branch ? { filterId: E.filterId, branch: E.branch } : null), $("nodePicker"));
+  }, [s, ot]), lt = Y((m) => {
+    if (tt(m), $(null), m.skeletonState) {
+      q(m.skeletonState.branches ?? {}), V(m.skeletonState.slots ?? []);
+      return;
+    }
+    q({}), V([
       { id: "start", kind: "start", reactFlowType: "startNode" },
       {
-        id: `trigger-${w.triggerKey}`,
+        id: `trigger-${m.triggerKey}`,
         kind: "triggerFixed",
         reactFlowType: "triggerNode",
-        nodeData: { label: w.label, source: w.source },
+        nodeData: { label: m.label, source: m.source },
         deletable: !1
       },
       { id: "end", kind: "end", reactFlowType: "endNode" }
     ]);
   }, []), dt = Y(() => {
-    const w = e.list();
-    return (Q != null && Q.availableTasks ? w.filter((k) => Q.availableTasks.includes(k.type)) : w).filter((k) => k.maxPerWorkflow === void 0 ? !0 : R.filter((x) => x.descriptorType === k.type).length + Object.values(V).flatMap((x) => Object.values(x).flat()).filter((x) => x.descriptorType === k.type).length < k.maxPerWorkflow);
-  }, [e, Q, R, V]), at = Y((w) => {
+    const m = e.list();
+    return (Q != null && Q.availableTasks ? m.filter((k) => Q.availableTasks.includes(k.type)) : m).filter((k) => k.maxPerWorkflow === void 0 ? !0 : R.filter((x) => x.descriptorType === k.type).length + Object.values(H).flatMap((x) => Object.values(x).flat()).filter((x) => x.descriptorType === k.type).length < k.maxPerWorkflow);
+  }, [e, Q, R, H]), at = Y((m) => {
     if (!ae) return;
-    const E = `${w.type}-${Date.now()}`, k = w.reactFlowType === "filterNode" || w.reactFlowType === "approvalNode" || w.reactFlowType === "conditionBranchNode", C = w.branchLabels ?? { pass: "Pass", fail: "Fail" }, x = {
+    const E = `${m.type}-${Date.now()}`, k = m.reactFlowType === "filterNode" || m.reactFlowType === "approvalNode" || m.reactFlowType === "conditionBranchNode", C = m.branchLabels ?? { pass: "Pass", fail: "Fail" }, x = {
       id: E,
-      kind: k ? w.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
-      reactFlowType: w.reactFlowType,
-      descriptorType: w.type,
+      kind: k ? m.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
+      reactFlowType: m.reactFlowType,
+      descriptorType: m.type,
       formData: {},
-      nodeData: { title: w.label },
+      nodeData: { title: m.label },
       deletable: !0,
       branchLabels: C
     };
     if (Oe) {
       const { filterId: _, branch: T } = Oe;
-      Z((S) => {
+      q((S) => {
         const I = [...S[_][T]];
         if (k) {
           const ee = I.filter((ce) => ce.kind !== "end"), gt = ee.findIndex((ce) => ce.id === ae), xr = gt === -1 ? ee.length : gt + 1;
@@ -2284,33 +2288,33 @@ const Dt = ({
         return I.splice(L, 0, x), { ...S, [_]: { ...S[_], [T]: I } };
       });
     } else
-      k ? (J((_) => {
+      k ? (V((_) => {
         const T = _.findIndex((I) => I.id === ae);
         return [..._.filter((I) => I.kind !== "end").slice(0, T + 1), x];
-      }), Z((_) => ({
+      }), q((_) => ({
         ..._,
         [E]: Object.fromEntries(
           Object.keys(C).map((T) => [T, [{ id: `end-${E}-${T}`, kind: "end", reactFlowType: "endNode" }]])
         )
-      }))) : J((_) => {
+      }))) : V((_) => {
         const T = _.findIndex((S) => S.id === ae);
         return T === -1 ? _ : [..._.slice(0, T + 1), x, ..._.slice(T + 1)];
       });
     ve(null), Qe(null), Ze(E), $("nodeConfig");
-  }, [ae, Oe]), ct = Y((w, E) => {
+  }, [ae, Oe]), ct = Y((m, E) => {
     const k = (x) => {
-      const _ = ne(w);
+      const _ = ne(m);
       if ((_ == null ? void 0 : _.descriptorType) !== "conditionBranch") return x;
       const T = E.branchConfigs ?? [], S = T.map((L) => L.key).filter(Boolean);
       if (S.length === 0) return x;
-      const I = x[w] ?? {}, D = {};
+      const I = x[m] ?? {}, D = {};
       S.forEach((L) => {
-        D[L] = I[L] ?? [{ id: `end-${w}-${L}`, kind: "end", reactFlowType: "endNode" }];
+        D[L] = I[L] ?? [{ id: `end-${m}-${L}`, kind: "end", reactFlowType: "endNode" }];
       });
       const A = {};
       return T.forEach((L) => {
         L.key && (A[L.key] = L.label || L.key);
-      }), { ...x, [w]: D };
+      }), { ...x, [m]: D };
     }, C = (x, _) => {
       if (x.descriptorType !== "conditionBranch") return { ...x, formData: _ };
       const T = _.branchConfigs ?? [], S = {};
@@ -2318,35 +2322,35 @@ const Dt = ({
         I.key && (S[I.key] = I.label || I.key);
       }), { ...x, formData: _, branchLabels: S };
     };
-    if (R.some((x) => x.id === w)) {
-      Z((x) => {
+    if (R.some((x) => x.id === m)) {
+      q((x) => {
         const _ = k(x);
-        return J((T) => {
-          const S = T.map((I) => I.id === w ? C(I, E) : I);
+        return V((T) => {
+          const S = T.map((I) => I.id === m ? C(I, E) : I);
           return i == null || i({ slots: S, branches: _ }), S;
         }), _;
       });
       return;
     }
-    Z((x) => {
+    q((x) => {
       const T = { ...k(x) };
       for (const S of Object.keys(T)) {
-        const I = (D) => D.map((A) => A.id === w ? C(A, E) : A);
+        const I = (D) => D.map((A) => A.id === m ? C(A, E) : A);
         for (const D of Object.keys(T[S]))
-          if (T[S][D].some((A) => A.id === w))
+          if (T[S][D].some((A) => A.id === m))
             return T[S] = { ...T[S], [D]: I(T[S][D]) }, i == null || i({ slots: R, branches: T }), T;
       }
       return T;
     });
-  }, [R, V, ne, i]), H = W(() => ne(Ie ?? ""), [ne, Ie]), ut = W(() => H != null && H.descriptorType ? e.forType(H.descriptorType) ?? null : null, [H, e]), { nodes: ft, edges: Er } = W(
-    () => $i(R, V, s ? null : st, rt, l, y, U),
-    [R, V, s, st, rt, l, y, U]
+  }, [R, H, ne, i]), X = W(() => ne(Ie ?? ""), [ne, Ie]), ut = W(() => X != null && X.descriptorType ? e.forType(X.descriptorType) ?? null : null, [X, e]), { nodes: ft, edges: Er } = W(
+    () => $i(R, H, s ? null : st, rt, l, y, U),
+    [R, H, s, st, rt, l, y, U]
   ), ht = W(() => {
-    const w = p ? new Map(p.steps.map((E) => [E.nodeId, E])) : null;
+    const m = p ? new Map(p.steps.map((E) => [E.nodeId, E])) : null;
     return ft.map((E) => {
       let k = {};
-      if (w) {
-        const C = w.get(E.id);
+      if (m) {
+        const C = m.get(E.id);
         C && (k = { _executionStatus: C.status, _executionError: C.error });
       }
       return E.type === "subWorkflowNode" && v && (k.onPreview = (C) => {
@@ -2356,8 +2360,8 @@ const Dt = ({
       }), Object.keys(k).length > 0 ? { ...E, data: { ...E.data, ...k } } : E;
     });
   }, [ft, p, v, ne]), kr = W(() => ({ onEditNode: Me, onDeleteNode: it, onAddStep: () => {
-  }, onClickAddTrigger: je, messages: X, nodeRegistry: e, nodeBody: le }), [Me, it, je, X, e, le]);
-  return /* @__PURE__ */ f(Dr.Provider, { value: kr, children: /* @__PURE__ */ m(
+  }, onClickAddTrigger: je, messages: Z, nodeRegistry: e, nodeBody: le }), [Me, it, je, Z, e, le]);
+  return /* @__PURE__ */ f(Dr.Provider, { value: kr, children: /* @__PURE__ */ w(
     "div",
     {
       style: {
@@ -2376,7 +2380,7 @@ const Dt = ({
         "--ff-font-family": l.fontFamily
       },
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ w(
           _r,
           {
             nodes: ht,
@@ -2394,7 +2398,7 @@ const Dt = ({
             snapToGrid: me,
             snapGrid: we,
             proOptions: { hideAttribution: !0 },
-            onNodeClick: (w, E) => {
+            onNodeClick: (m, E) => {
               const k = ne(E.id);
               k && (g != null && g(k) || (k.kind === "addTrigger" || k.kind === "triggerFixed" ? je() : (k.kind === "userTask" || k.kind === "filter" || k.kind === "approval") && Me(E.id)));
             },
@@ -2413,13 +2417,13 @@ const Dt = ({
             ]
           }
         ),
-        c ? de === "triggerSelect" && c(t.list(), lt, () => $(null)) : /* @__PURE__ */ f(zi, { open: de === "triggerSelect", templates: t.list(), messages: X, onSelect: lt, onClose: () => $(null) }),
+        c ? de === "triggerSelect" && c(t.list(), lt, () => $(null)) : /* @__PURE__ */ f(zi, { open: de === "triggerSelect", templates: t.list(), messages: Z, onSelect: lt, onClose: () => $(null) }),
         u ? de === "nodePicker" && u(dt(), at, () => {
           $(null), ve(null);
-        }) : /* @__PURE__ */ f(Ri, { open: de === "nodePicker", availableDescriptors: dt(), messages: X, onSelect: at, onClose: () => {
+        }) : /* @__PURE__ */ f(Ri, { open: de === "nodePicker", availableDescriptors: dt(), messages: Z, onSelect: at, onClose: () => {
           $(null), ve(null);
         } }),
-        h ? de === "nodeConfig" && h(ut ?? void 0, H, ct, () => $(null)) : /* @__PURE__ */ f(Di, { open: de === "nodeConfig", nodeId: Ie, descriptor: ut, initialValues: H == null ? void 0 : H.formData, messages: X, onSave: ct, onClose: () => $(null) }),
+        h ? de === "nodeConfig" && h(ut ?? void 0, X, ct, () => $(null)) : /* @__PURE__ */ f(Di, { open: de === "nodeConfig", nodeId: Ie, descriptor: ut, initialValues: X == null ? void 0 : X.formData, messages: Z, onSave: ct, onClose: () => $(null) }),
         v && Ee && /* @__PURE__ */ f(
           Li,
           {
@@ -2441,7 +2445,7 @@ const Dt = ({
 function Ki({ template: e, onSelect: t }) {
   var o, i;
   const r = e.triggerCategory ? sn[e.triggerCategory] : null, n = ((o = e.skeletonState) == null ? void 0 : o.slots.filter((s) => s.kind === "userTask").length) ?? 0;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ w(
     "div",
     {
       role: "button",
@@ -2469,23 +2473,23 @@ function Ki({ template: e, onSelect: t }) {
         s.currentTarget.style.borderColor = "#e0e0e0", s.currentTarget.style.boxShadow = "none";
       },
       children: [
-        /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "flex-start", gap: 10 }, children: [
+        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "flex-start", gap: 10 }, children: [
           e.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0, width: 36, height: 36, borderRadius: 8, background: "#f5f5f5", display: "flex", alignItems: "center", justifyContent: "center" }, children: e.icon }),
-          /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ f("div", { style: { fontWeight: 600, fontSize: 14, color: "#212121", marginBottom: 2 }, children: e.label }),
             e.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", lineHeight: 1.4, display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden" }, children: e.description })
           ] })
         ] }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 4 }, children: [
+        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 4 }, children: [
           r && /* @__PURE__ */ f("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: r.bg, color: r.color }, children: r.label }),
           (i = e.tags) == null ? void 0 : i.map((s) => /* @__PURE__ */ f("span", { style: { fontSize: 10, padding: "2px 7px", borderRadius: 10, background: "#f5f5f5", color: "#616161" }, children: s }, s)),
-          n > 0 && /* @__PURE__ */ m("span", { style: { fontSize: 10, color: "#9e9e9e", marginLeft: "auto" }, children: [
+          n > 0 && /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "#9e9e9e", marginLeft: "auto" }, children: [
             n,
             " step",
             n !== 1 ? "s" : ""
           ] })
         ] }),
-        e.author && /* @__PURE__ */ m("div", { style: { fontSize: 11, color: "#bdbdbd" }, children: [
+        e.author && /* @__PURE__ */ w("div", { style: { fontSize: 11, color: "#bdbdbd" }, children: [
           "by ",
           e.author
         ] })
@@ -2516,14 +2520,14 @@ const ls = ({
     }
     return [...d].sort((c, u) => (u.popularity ?? 0) - (c.popularity ?? 0));
   }, [e, i, n]);
-  return /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", height: "100%", fontFamily: "inherit" }, children: [
-    /* @__PURE__ */ m("div", { style: { padding: "24px 24px 0", borderBottom: "1px solid #f0f0f0", paddingBottom: 16 }, children: [
-      /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
-        /* @__PURE__ */ m("div", { children: [
+  return /* @__PURE__ */ w("div", { style: { display: "flex", flexDirection: "column", height: "100%", fontFamily: "inherit" }, children: [
+    /* @__PURE__ */ w("div", { style: { padding: "24px 24px 0", borderBottom: "1px solid #f0f0f0", paddingBottom: 16 }, children: [
+      /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+        /* @__PURE__ */ w("div", { children: [
           /* @__PURE__ */ f("h2", { style: { margin: 0, fontSize: 20, fontWeight: 700, color: "#212121" }, children: "Workflow Templates" }),
           /* @__PURE__ */ f("p", { style: { margin: "4px 0 0", fontSize: 13, color: "#757575" }, children: "Choose a pre-built template or start from scratch" })
         ] }),
-        r && /* @__PURE__ */ m(
+        r && /* @__PURE__ */ w(
           "button",
           {
             onClick: r,
@@ -2535,7 +2539,7 @@ const ls = ({
           }
         )
       ] }),
-      /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", gap: 8, background: "#f5f5f5", borderRadius: 8, padding: "8px 12px", marginBottom: 12 }, children: [
+      /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 8, background: "#f5f5f5", borderRadius: 8, padding: "8px 12px", marginBottom: 12 }, children: [
         /* @__PURE__ */ f(Hr, { size: 18, color: "#9e9e9e" }),
         /* @__PURE__ */ f(
           "input",
@@ -2567,22 +2571,22 @@ const ls = ({
         d
       )) })
     ] }),
-    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto", padding: 24 }, children: a.length === 0 ? /* @__PURE__ */ m("div", { style: { textAlign: "center", padding: "40px 0", color: "#9e9e9e" }, children: [
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto", padding: 24 }, children: a.length === 0 ? /* @__PURE__ */ w("div", { style: { textAlign: "center", padding: "40px 0", color: "#9e9e9e" }, children: [
       /* @__PURE__ */ f(qr, { size: 36, style: { marginBottom: 8 } }),
       /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: "No templates found" })
     ] }) : /* @__PURE__ */ f("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 16 }, children: a.map((d) => /* @__PURE__ */ f(Ki, { template: d, onSelect: () => t(d) }, d.triggerKey)) }) })
   ] });
 }, ke = {
-  running: { label: "Running", color: q.running, icon: P.createElement(Gt, { size: 14 }) },
-  success: { label: "Success", color: q.success, icon: P.createElement(Wt, { size: 14 }) },
-  failed: { label: "Failed", color: q.failed, icon: P.createElement(Bt, { size: 14 }) },
-  cancelled: { label: "Cancelled", color: q.cancelled, icon: P.createElement(Pt, { size: 14 }) }
+  running: { label: "Running", color: J.running, icon: P.createElement(Gt, { size: 14 }) },
+  success: { label: "Success", color: J.success, icon: P.createElement(Wt, { size: 14 }) },
+  failed: { label: "Failed", color: J.failed, icon: P.createElement(Bt, { size: 14 }) },
+  cancelled: { label: "Cancelled", color: J.cancelled, icon: P.createElement(Pt, { size: 14 }) }
 }, Ui = {
-  pending: { color: q.pending, icon: P.createElement(Xr, { size: 14 }) },
-  running: { color: q.running, icon: P.createElement(Gt, { size: 14 }) },
-  success: { color: q.success, icon: P.createElement(Wt, { size: 14 }) },
-  failed: { color: q.failed, icon: P.createElement(Bt, { size: 14 }) },
-  skipped: { color: q.skipped, icon: P.createElement(Pt, { size: 14 }) }
+  pending: { color: J.pending, icon: P.createElement(Xr, { size: 14 }) },
+  running: { color: J.running, icon: P.createElement(Gt, { size: 14 }) },
+  success: { color: J.success, icon: P.createElement(Wt, { size: 14 }) },
+  failed: { color: J.failed, icon: P.createElement(Bt, { size: 14 }) },
+  skipped: { color: J.skipped, icon: P.createElement(Pt, { size: 14 }) }
 };
 function Ue(e) {
   try {
@@ -2601,8 +2605,8 @@ function pr(e, t) {
 }
 function Vi({ step: e }) {
   const [t, r] = j(!1), n = Ui[e.status], o = !!(e.inputs || e.outputs || e.error);
-  return /* @__PURE__ */ m("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ w("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
+    /* @__PURE__ */ w(
       "div",
       {
         style: { display: "flex", alignItems: "center", gap: 8, padding: "8px 12px", cursor: o ? "pointer" : "default" },
@@ -2623,13 +2627,13 @@ function Vi({ step: e }) {
         ]
       }
     ),
-    t && o && /* @__PURE__ */ m("div", { style: { padding: "0 12px 10px 32px", fontSize: 12 }, children: [
+    t && o && /* @__PURE__ */ w("div", { style: { padding: "0 12px 10px 32px", fontSize: 12 }, children: [
       e.error && /* @__PURE__ */ f("div", { style: { padding: "6px 10px", borderRadius: 6, background: "#ffebee", color: "#c62828", marginBottom: 6 }, children: e.error }),
-      e.inputs && Object.keys(e.inputs).length > 0 && /* @__PURE__ */ m("details", { style: { marginBottom: 4 }, children: [
+      e.inputs && Object.keys(e.inputs).length > 0 && /* @__PURE__ */ w("details", { style: { marginBottom: 4 }, children: [
         /* @__PURE__ */ f("summary", { style: { cursor: "pointer", color: "#616161", marginBottom: 4 }, children: "Inputs" }),
         /* @__PURE__ */ f("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 8, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(e.inputs, null, 2) })
       ] }),
-      e.outputs && Object.keys(e.outputs).length > 0 && /* @__PURE__ */ m("details", { children: [
+      e.outputs && Object.keys(e.outputs).length > 0 && /* @__PURE__ */ w("details", { children: [
         /* @__PURE__ */ f("summary", { style: { cursor: "pointer", color: "#616161", marginBottom: 4 }, children: "Outputs" }),
         /* @__PURE__ */ f("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 8, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(e.outputs, null, 2) })
       ] })
@@ -2638,7 +2642,7 @@ function Vi({ step: e }) {
 }
 function Hi({ record: e, selected: t, onSelect: r }) {
   const n = ke[e.status];
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ w(
     "div",
     {
       role: "button",
@@ -2659,9 +2663,9 @@ function Hi({ record: e, selected: t, onSelect: r }) {
       },
       children: [
         /* @__PURE__ */ f("span", { style: { color: n.color, flexShrink: 0 }, children: P.cloneElement(n.icon, { color: n.color, size: 16 }) }),
-        /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
           /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#212121", fontWeight: t ? 600 : 400, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: Ue(e.triggeredAt) }),
-          /* @__PURE__ */ m("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
+          /* @__PURE__ */ w("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
             e.triggeredBy ? `by ${e.triggeredBy}` : "System",
             " · ",
             e.steps.length,
@@ -2678,34 +2682,34 @@ function Hi({ record: e, selected: t, onSelect: r }) {
 const ds = ({ records: e, onViewOnCanvas: t }) => {
   var s;
   const [r, n] = j(((s = e[0]) == null ? void 0 : s.id) ?? null), o = e.find((l) => l.id === r) ?? null, i = [...e].sort((l, a) => new Date(a.triggeredAt).getTime() - new Date(l.triggeredAt).getTime());
-  return e.length === 0 ? /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: 300, color: "#9e9e9e", gap: 8 }, children: [
+  return e.length === 0 ? /* @__PURE__ */ w("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: 300, color: "#9e9e9e", gap: 8 }, children: [
     /* @__PURE__ */ f(mt, { size: 36 }),
     /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: "No executions yet" }),
     /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 12 }, children: "Run history will appear here" })
-  ] }) : /* @__PURE__ */ m("div", { style: { display: "flex", height: "100%", fontFamily: "inherit", border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: [
-    /* @__PURE__ */ m("div", { style: { width: 260, flexShrink: 0, borderRight: "1px solid #e0e0e0", overflowY: "auto", background: "#fafafa" }, children: [
-      /* @__PURE__ */ m("div", { style: { padding: "12px 14px", borderBottom: "1px solid #e0e0e0", fontWeight: 600, fontSize: 13, color: "#212121" }, children: [
+  ] }) : /* @__PURE__ */ w("div", { style: { display: "flex", height: "100%", fontFamily: "inherit", border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: [
+    /* @__PURE__ */ w("div", { style: { width: 260, flexShrink: 0, borderRight: "1px solid #e0e0e0", overflowY: "auto", background: "#fafafa" }, children: [
+      /* @__PURE__ */ w("div", { style: { padding: "12px 14px", borderBottom: "1px solid #e0e0e0", fontWeight: 600, fontSize: 13, color: "#212121" }, children: [
         "Run History (",
         e.length,
         ")"
       ] }),
       i.map((l) => /* @__PURE__ */ f(Hi, { record: l, selected: l.id === r, onSelect: () => n(l.id) }, l.id))
     ] }),
-    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto" }, children: o ? /* @__PURE__ */ m("div", { children: [
-      /* @__PURE__ */ m("div", { style: { padding: "16px 20px", borderBottom: "1px solid #f0f0f0", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 12 }, children: [
-        /* @__PURE__ */ m("div", { children: [
-          /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto" }, children: o ? /* @__PURE__ */ w("div", { children: [
+      /* @__PURE__ */ w("div", { style: { padding: "16px 20px", borderBottom: "1px solid #f0f0f0", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 12 }, children: [
+        /* @__PURE__ */ w("div", { children: [
+          /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
             P.cloneElement(ke[o.status].icon, { color: ke[o.status].color, size: 18 }),
             /* @__PURE__ */ f("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: ke[o.status].label })
           ] }),
-          /* @__PURE__ */ m("div", { style: { fontSize: 12, color: "#757575", display: "flex", flexDirection: "column", gap: 2 }, children: [
-            /* @__PURE__ */ m("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+          /* @__PURE__ */ w("div", { style: { fontSize: 12, color: "#757575", display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ w("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
               /* @__PURE__ */ f(mt, { size: 13 }),
               " ",
               Ue(o.triggeredAt),
               o.completedAt && ` → ${Ue(o.completedAt)} (${pr(o.triggeredAt, o.completedAt)})`
             ] }),
-            o.triggeredBy && /* @__PURE__ */ m("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+            o.triggeredBy && /* @__PURE__ */ w("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
               /* @__PURE__ */ f(Jr, { size: 13 }),
               " ",
               o.triggeredBy
@@ -2722,15 +2726,15 @@ const ds = ({ records: e, onViewOnCanvas: t }) => {
         )
       ] }),
       o.error && /* @__PURE__ */ f("div", { style: { margin: "12px 16px", padding: "10px 14px", borderRadius: 6, background: "#ffebee", color: "#c62828", fontSize: 13 }, children: o.error }),
-      /* @__PURE__ */ m("div", { children: [
-        /* @__PURE__ */ m("div", { style: { padding: "10px 12px", fontSize: 12, fontWeight: 600, color: "#757575", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ w("div", { children: [
+        /* @__PURE__ */ w("div", { style: { padding: "10px 12px", fontSize: 12, fontWeight: 600, color: "#757575", borderBottom: "1px solid #f0f0f0" }, children: [
           "STEPS (",
           o.steps.length,
           ")"
         ] }),
         o.steps.map((l, a) => /* @__PURE__ */ f(Vi, { step: l }, `${l.nodeId}-${a}`))
       ] }),
-      o.inputs && Object.keys(o.inputs).length > 0 && /* @__PURE__ */ f("div", { style: { padding: "10px 16px" }, children: /* @__PURE__ */ m("details", { children: [
+      o.inputs && Object.keys(o.inputs).length > 0 && /* @__PURE__ */ f("div", { style: { padding: "10px 16px" }, children: /* @__PURE__ */ w("details", { children: [
         /* @__PURE__ */ f("summary", { style: { cursor: "pointer", fontSize: 12, fontWeight: 600, color: "#757575", marginBottom: 6 }, children: "TRIGGER INPUTS" }),
         /* @__PURE__ */ f("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 10, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(o.inputs, null, 2) })
       ] }) })