@notmrabhi/flowforge 0.1.17 → 0.1.19

package/dist/{templateSkeletons-BXebwps_.js → templateSkeletons-CQec51xm.js}

@@ -1,14 +1,14 @@
-import { jsxs as w, jsx as f, Fragment as ye } from "react/jsx-runtime";
+import { jsxs as v, jsx as f, Fragment as ye } from "react/jsx-runtime";
 import G, { useRef as vt, useEffect as re, useState as M, useCallback as $, useMemo as Y } from "react";
-import In, { useStore as On, useReactFlow as Mn, Background as jn, Controls as zn, MiniMap as Fn } from "reactflow";
+import In, { useStore as On, useReactFlow as Mn, Background as jn, Controls as Fn, MiniMap as zn } from "reactflow";
 import "reactflow/dist/style.css";
-import { e as An, G as Dn, E as Ln, P as Rn, L as Pn, d as Bn, f as Wn } from "./GatewayBranchEdge-4XMPBHne.js";
+import { e as Ln, G as An, E as Dn, P as Rn, L as Pn, d as Bn, f as Wn } from "./GatewayBranchEdge-4XMPBHne.js";
 import { Dialog as Gn, Box as Q, Drawer as $n, IconButton as Et, Button as Ne, CircularProgress as Yn } from "@mui/material";
 import Kn from "react-select";
 import { MdClose as Un, MdCalendarToday as Vn, MdBolt as Hn, MdArrowBack as Wt, MdChevronRight as Gt, MdAddCircleOutline as qn, MdApps as Xn, MdErrorOutline as Jn, MdAccountTree as Zn, MdAdd as Qn, MdSearch as er, MdCategory as tr, MdCancel as $t, MdError as Yt, MdCheckCircle as Kt, MdPlayArrow as Ut, MdHourglassEmpty as nr, MdSchedule as kt, MdPerson as rr, MdExpandLess as or, MdExpandMore as ir } from "react-icons/md";
 import { GrTrigger as sr } from "react-icons/gr";
 import { BiCollapse as lr, BiExpand as ar } from "react-icons/bi";
-import { j as dr, b as cr } from "./index-CxVqPygT.js";
+import { j as dr, b as cr } from "./index-BU09HbVh.js";
 import { m as ur } from "./messages-CO299wPN.js";
 import { T as fr, E as ee } from "./canvasTokens-CAD6G24b.js";
 var Vt = Object.defineProperty, hr = (e, t, n) => t in e ? Vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, gr = (e, t) => {
@@ -158,7 +158,7 @@ var br = Object.defineProperty, qt = (e, t) => {
     return o = c.v, i = c.w, Object.freeze(c), this._edgeObjs[a] = c, xt(this._preds[i], o), xt(this._sucs[o], i), this._in[i][a] = c, this._out[o][a] = c, this._edgeCount++, this;
   }
   edge(e, t, n) {
-    let r = arguments.length === 1 ? De(this._isDirected, e) : be(this._isDirected, e, t, n);
+    let r = arguments.length === 1 ? Ae(this._isDirected, e) : be(this._isDirected, e, t, n);
     return this._edgeLabels[r];
   }
   edgeAsObj(e, t, n) {
@@ -166,10 +166,10 @@ var br = Object.defineProperty, qt = (e, t) => {
     return typeof r != "object" ? { label: r } : r;
   }
   hasEdge(e, t, n) {
-    return (arguments.length === 1 ? De(this._isDirected, e) : be(this._isDirected, e, t, n)) in this._edgeLabels;
+    return (arguments.length === 1 ? Ae(this._isDirected, e) : be(this._isDirected, e, t, n)) in this._edgeLabels;
   }
   removeEdge(e, t, n) {
-    let r = arguments.length === 1 ? De(this._isDirected, e) : be(this._isDirected, e, t, n), o = this._edgeObjs[r];
+    let r = arguments.length === 1 ? Ae(this._isDirected, e) : be(this._isDirected, e, t, n), o = this._edgeObjs[r];
     if (o) {
       let i = o.v, s = o.w;
       delete this._edgeLabels[r], delete this._edgeObjs[r], Tt(this._preds[s], i), Tt(this._sucs[i], s), delete this._in[s][r], delete this._out[i][r], this._edgeCount--;
@@ -217,7 +217,7 @@ function yr(e, t, n, r) {
   let s = { v: o, w: i };
   return r && (s.name = r), s;
 }
-function De(e, t) {
+function Ae(e, t) {
   return be(e, t.v, t.w, t.name);
 }
 var mr = "4.0.1", Xt = {};
@@ -247,7 +247,7 @@ function kr(e) {
   }), t;
 }
 var Xe = {};
-qt(Xe, { CycleException: () => Ce, bellmanFord: () => Jt, components: () => _r, dijkstra: () => Se, dijkstraAll: () => Cr, findCycles: () => Ir, floydWarshall: () => Mr, isAcyclic: () => zr, postorder: () => Ar, preorder: () => Dr, prim: () => Lr, shortestPaths: () => Rr, tarjan: () => Qt, topsort: () => en });
+qt(Xe, { CycleException: () => Ce, bellmanFord: () => Jt, components: () => _r, dijkstra: () => Se, dijkstraAll: () => Cr, findCycles: () => Ir, floydWarshall: () => Mr, isAcyclic: () => Fr, postorder: () => Lr, preorder: () => Ar, prim: () => Dr, shortestPaths: () => Rr, tarjan: () => Qt, topsort: () => en });
 var xr = () => 1;
 function Jt(e, t, n, r) {
   return Tr(e, String(t), n || xr, r || function(o) {
@@ -424,7 +424,7 @@ function en(e) {
   if (e.sinks().forEach(o), Object.keys(t).length !== e.nodeCount()) throw new Ce();
   return r;
 }
-function zr(e) {
+function Fr(e) {
   try {
     en(e);
   } catch (t) {
@@ -433,7 +433,7 @@ function zr(e) {
   }
   return !0;
 }
-function Fr(e, t, n, r, o) {
+function zr(e, t, n, r, o) {
   Array.isArray(t) || (t = [t]);
   let i = (l) => {
     var d;
@@ -450,17 +450,17 @@ function tn(e, t, n, r, o, i, s) {
   }), n && (s = i(s, t))), s;
 }
 function nn(e, t, n) {
-  return Fr(e, t, n, function(r, o) {
+  return zr(e, t, n, function(r, o) {
     return r.push(o), r;
   }, []);
 }
-function Ar(e, t) {
+function Lr(e, t) {
   return nn(e, t, "post");
 }
-function Dr(e, t) {
+function Ar(e, t) {
   return nn(e, t, "pre");
 }
-function Lr(e, t) {
+function Dr(e, t) {
   let n = new K(), r = {}, o = new Zt(), i;
   function s(d) {
     let a = d.v === i ? d.w : d.v, c = o.priority(a);
@@ -661,18 +661,18 @@ function Qr(e, t, n) {
   var r;
   let o = [], i = t[t.length - 1], s = t[0], l;
   for (; e.nodeCount(); ) {
-    for (; l = s.dequeue(); ) Le(e, t, n, l);
-    for (; l = i.dequeue(); ) Le(e, t, n, l);
+    for (; l = s.dequeue(); ) De(e, t, n, l);
+    for (; l = i.dequeue(); ) De(e, t, n, l);
     if (e.nodeCount()) {
       for (let d = t.length - 2; d > 0; --d) if (l = (r = t[d]) == null ? void 0 : r.dequeue(), l) {
-        o = o.concat(Le(e, t, n, l, !0) || []);
+        o = o.concat(De(e, t, n, l, !0) || []);
         break;
       }
     }
   }
   return o;
 }
-function Le(e, t, n, r, o) {
+function De(e, t, n, r, o) {
   let i = [], s = o ? i : void 0;
   return (e.inEdges(r.v) || []).forEach((l) => {
     let d = e.edge(l), a = e.node(l.v);
@@ -950,8 +950,8 @@ function pn(e, t, n, r, o, i, s) {
   e.setParent(a, s), u.borderTop = a, e.setParent(c, s), u.borderBottom = c, d.forEach((h) => {
     var g;
     pn(e, t, n, r, o, i, h);
-    let p = e.node(h), v = p.borderTop ? p.borderTop : h, y = p.borderBottom ? p.borderBottom : h, k = p.borderTop ? r : 2 * r, S = v !== y ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
-    e.setEdge(a, v, { weight: k, minlen: S, nestingEdge: !0 }), e.setEdge(y, c, { weight: k, minlen: S, nestingEdge: !0 });
+    let p = e.node(h), E = p.borderTop ? p.borderTop : h, y = p.borderBottom ? p.borderBottom : h, x = p.borderTop ? r : 2 * r, N = E !== y ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
+    e.setEdge(a, E, { weight: x, minlen: N, nestingEdge: !0 }), e.setEdge(y, c, { weight: x, minlen: N, nestingEdge: !0 });
   }), e.parent(s) || e.setEdge(t, a, { weight: 0, minlen: o + ((l = i[s]) != null ? l : 0) });
 }
 function Co(e) {
@@ -986,15 +986,15 @@ function Ot(e, t, n, r, o, i) {
   let s = { width: 0, height: 0, rank: i, borderType: t }, l = o[t][i - 1], d = ge(e, "border", s, n);
   o[t][i] = d, e.setParent(d, r), l && e.setEdge(l, d, { weight: 1 });
 }
-function zo(e) {
+function Fo(e) {
   var t;
   let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
   (n === "lr" || n === "rl") && bn(e);
 }
-function Fo(e) {
+function zo(e) {
   var t;
   let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
-  (n === "bt" || n === "rl") && Ao(e), (n === "lr" || n === "rl") && (Do(e), bn(e));
+  (n === "bt" || n === "rl") && Lo(e), (n === "lr" || n === "rl") && (Ao(e), bn(e));
 }
 function bn(e) {
   e.nodes().forEach((t) => Mt(e.node(t))), e.edges().forEach((t) => Mt(e.edge(t)));
@@ -1003,7 +1003,7 @@ function Mt(e) {
   let t = e.width;
   e.width = e.height, e.height = t;
 }
-function Ao(e) {
+function Lo(e) {
   e.nodes().forEach((t) => Re(e.node(t))), e.edges().forEach((t) => {
     var n;
     let r = e.edge(t);
@@ -1013,7 +1013,7 @@ function Ao(e) {
 function Re(e) {
   e.y = -e.y;
 }
-function Do(e) {
+function Ao(e) {
   e.nodes().forEach((t) => Pe(e.node(t))), e.edges().forEach((t) => {
     var n;
     let r = e.edge(t);
@@ -1024,7 +1024,7 @@ function Pe(e) {
   let t = e.x;
   e.x = e.y, e.y = t;
 }
-function Lo(e) {
+function Do(e) {
   let t = {}, n = e.nodes().filter((l) => !e.children(l).length), r = n.map((l) => e.node(l).rank), o = X(Math.max, r), i = me(o + 1).map(() => []);
   function s(l) {
     if (t[l]) return;
@@ -1138,8 +1138,8 @@ function yn(e, t, n, r) {
     u.vs = [s, u.vs, l].flat(1);
     let h = e.predecessors(s);
     if (h && h.length) {
-      let g = e.node(h[0]), p = e.predecessors(l), v = e.node(p[0]);
-      Object.hasOwn(u, "barycenter") || (u.barycenter = 0, u.weight = 0), u.barycenter = (u.barycenter * u.weight + g.order + v.order) / (u.weight + 2), u.weight += 2;
+      let g = e.node(h[0]), p = e.predecessors(l), E = e.node(p[0]);
+      Object.hasOwn(u, "barycenter") || (u.barycenter = 0, u.weight = 0), u.barycenter = (u.barycenter * u.weight + g.order + E.order) / (u.weight + 2), u.weight += 2;
     }
   }
   return u;
@@ -1190,17 +1190,17 @@ function mn(e, t = {}) {
     t.customOrder(e, mn);
     return;
   }
-  let n = sn(e), r = zt(e, me(1, n + 1), "inEdges"), o = zt(e, me(n - 1, -1, -1), "outEdges"), i = Lo(e);
-  if (Ft(e, i), t.disableOptimalOrderHeuristic) return;
+  let n = sn(e), r = Ft(e, me(1, n + 1), "inEdges"), o = Ft(e, me(n - 1, -1, -1), "outEdges"), i = Do(e);
+  if (zt(e, i), t.disableOptimalOrderHeuristic) return;
   let s = Number.POSITIVE_INFINITY, l, d = t.constraints || [];
   for (let a = 0, c = 0; c < 4; ++a, ++c) {
     Jo(a % 2 ? r : o, a % 4 >= 2, d), i = ve(e);
     let u = Ro(e, i);
     u < s ? (c = 0, l = Object.assign({}, i), s = u) : u === s && (l = structuredClone(i));
   }
-  Ft(e, l);
+  zt(e, l);
 }
-function zt(e, t, n) {
+function Ft(e, t, n) {
   let r = /* @__PURE__ */ new Map(), o = (i, s) => {
     r.has(i) || r.set(i, []), r.get(i).push(s);
   };
@@ -1220,7 +1220,7 @@ function Jo(e, t, n) {
     s.vs.forEach((l, d) => o.node(l).order = d), Xo(o, r, s.vs);
   });
 }
-function Ft(e, t) {
+function zt(e, t) {
   Object.values(t).forEach((n) => n.forEach((r, o) => e.node(r).order = o));
 }
 function Zo(e, t) {
@@ -1230,10 +1230,10 @@ function Zo(e, t) {
     return i.forEach((c, u) => {
       let h = ei(e, c), g = h ? e.node(h).order : d;
       (h || c === a) && (i.slice(l, u + 1).forEach((p) => {
-        let v = e.predecessors(p);
-        v && v.forEach((y) => {
-          let k = e.node(y), S = k.order;
-          (S < s || g < S) && !(k.dummy && e.node(p).dummy) && wn(n, y, p);
+        let E = e.predecessors(p);
+        E && E.forEach((y) => {
+          let x = e.node(y), N = x.order;
+          (N < s || g < N) && !(x.dummy && e.node(p).dummy) && wn(n, y, p);
         });
       }), l = u + 1, s = g);
     }), i;
@@ -1305,16 +1305,16 @@ function ni(e, t, n, r) {
       let c = r(a);
       if (c && c.length) {
         let u = c.sort((g, p) => {
-          let v = s[g], y = s[p];
-          return (v !== void 0 ? v : 0) - (y !== void 0 ? y : 0);
+          let E = s[g], y = s[p];
+          return (E !== void 0 ? E : 0) - (y !== void 0 ? y : 0);
         }), h = (u.length - 1) / 2;
         for (let g = Math.floor(h), p = Math.ceil(h); g <= p; ++g) {
-          let v = u[g];
-          if (v === void 0) continue;
-          let y = s[v];
-          if (y !== void 0 && i[a] === a && d < y && !ti(n, a, v)) {
-            let k = o[v];
-            k !== void 0 && (i[v] = a, i[a] = o[a] = k, d = y);
+          let E = u[g];
+          if (E === void 0) continue;
+          let y = s[E];
+          if (y !== void 0 && i[a] === a && d < y && !ti(n, a, E)) {
+            let x = o[E];
+            x !== void 0 && (i[E] = a, i[a] = o[a] = x, d = y);
           }
         }
       }
@@ -1324,32 +1324,32 @@ function ni(e, t, n, r) {
 function ri(e, t, n, r, o = !1) {
   let i = {}, s = oi(e, t, n, o), l = o ? "borderLeft" : "borderRight";
   function d(g, p) {
-    let v = s.nodes().slice(), y = {}, k = v.pop();
-    for (; k; ) {
-      if (y[k]) g(k);
+    let E = s.nodes().slice(), y = {}, x = E.pop();
+    for (; x; ) {
+      if (y[x]) g(x);
       else {
-        y[k] = !0, v.push(k);
-        for (let S of p(k)) v.push(S);
+        y[x] = !0, E.push(x);
+        for (let N of p(x)) E.push(N);
       }
-      k = v.pop();
+      x = E.pop();
     }
   }
   function a(g) {
     let p = s.inEdges(g);
-    p ? i[g] = p.reduce((v, y) => {
-      var k;
-      let S = (k = i[y.v]) != null ? k : 0, O = s.edge(y);
-      return Math.max(v, S + (O !== void 0 ? O : 0));
+    p ? i[g] = p.reduce((E, y) => {
+      var x;
+      let N = (x = i[y.v]) != null ? x : 0, O = s.edge(y);
+      return Math.max(E, N + (O !== void 0 ? O : 0));
     }, 0) : i[g] = 0;
   }
   function c(g) {
-    let p = s.outEdges(g), v = Number.POSITIVE_INFINITY;
-    p && (v = p.reduce((k, S) => {
-      let O = i[S.w], z = s.edge(S);
-      return Math.min(k, (O !== void 0 ? O : 0) - (z !== void 0 ? z : 0));
+    let p = s.outEdges(g), E = Number.POSITIVE_INFINITY;
+    p && (E = p.reduce((x, N) => {
+      let O = i[N.w], F = s.edge(N);
+      return Math.min(x, (O !== void 0 ? O : 0) - (F !== void 0 ? F : 0));
     }, Number.POSITIVE_INFINITY));
     let y = e.node(g);
-    v !== Number.POSITIVE_INFINITY && y.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, v));
+    E !== Number.POSITIVE_INFINITY && y.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, E));
   }
   function u(g) {
     return s.predecessors(g) || [];
@@ -1359,8 +1359,8 @@ function ri(e, t, n, r, o = !1) {
   }
   return d(a, u), d(c, h), Object.keys(r).forEach((g) => {
     var p;
-    let v = n[g];
-    v !== void 0 && (i[g] = (p = i[v]) != null ? p : 0);
+    let E = n[g];
+    E !== void 0 && (i[g] = (p = i[E]) != null ? p : 0);
   }), i;
 }
 function oi(e, t, n, r) {
@@ -1481,7 +1481,7 @@ function hi(e, t = {}) {
   });
 }
 function gi(e, t, n) {
-  t("    makeSpaceForEdgeLabels", () => Ti(e)), t("    removeSelfEdges", () => zi(e)), t("    acyclic", () => no(e)), t("    nestingGraph.run", () => So(e)), t("    rank", () => wo(rn(e))), t("    injectEdgeLabelProxies", () => _i(e)), t("    removeEmptyRanks", () => Gr(e)), t("    nestingGraph.cleanup", () => Oo(e)), t("    normalizeRanks", () => Wr(e)), t("    assignRankMinMax", () => Ni(e)), t("    removeEdgeLabelProxies", () => Si(e)), t("    normalize.run", () => io(e)), t("    parentDummyChains", () => xo(e)), t("    addBorderSegments", () => Mo(e)), t("    order", () => mn(e, n)), t("    insertSelfEdges", () => Fi(e)), t("    adjustCoordinateSystem", () => zo(e)), t("    position", () => ui(e)), t("    positionSelfEdges", () => Ai(e)), t("    removeBorderNodes", () => ji(e)), t("    normalize.undo", () => lo(e)), t("    fixupEdgeLabelCoords", () => Oi(e)), t("    undoCoordinateSystem", () => Fo(e)), t("    translateGraph", () => Ci(e)), t("    assignNodeIntersects", () => Ii(e)), t("    reversePoints", () => Mi(e)), t("    acyclic.undo", () => oo(e));
+  t("    makeSpaceForEdgeLabels", () => Ti(e)), t("    removeSelfEdges", () => Fi(e)), t("    acyclic", () => no(e)), t("    nestingGraph.run", () => So(e)), t("    rank", () => wo(rn(e))), t("    injectEdgeLabelProxies", () => _i(e)), t("    removeEmptyRanks", () => Gr(e)), t("    nestingGraph.cleanup", () => Oo(e)), t("    normalizeRanks", () => Wr(e)), t("    assignRankMinMax", () => Ni(e)), t("    removeEdgeLabelProxies", () => Si(e)), t("    normalize.run", () => io(e)), t("    parentDummyChains", () => xo(e)), t("    addBorderSegments", () => Mo(e)), t("    order", () => mn(e, n)), t("    insertSelfEdges", () => zi(e)), t("    adjustCoordinateSystem", () => Fo(e)), t("    position", () => ui(e)), t("    positionSelfEdges", () => Li(e)), t("    removeBorderNodes", () => ji(e)), t("    normalize.undo", () => lo(e)), t("    fixupEdgeLabelCoords", () => Oi(e)), t("    undoCoordinateSystem", () => zo(e)), t("    translateGraph", () => Ci(e)), t("    assignNodeIntersects", () => Ii(e)), t("    reversePoints", () => Mi(e)), t("    acyclic.undo", () => oo(e));
 }
 function pi(e, t) {
   e.nodes().forEach((n) => {
@@ -1492,13 +1492,13 @@ function pi(e, t) {
     r.points = o.points, Object.hasOwn(o, "x") && (r.x = o.x, r.y = o.y);
   }), e.graph().width = t.graph().width, e.graph().height = t.graph().height;
 }
-var bi = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], yi = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, mi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], wi = ["width", "height", "rank"], At = { width: 0, height: 0 }, vi = ["minlen", "weight", "width", "height", "labeloffset"], Ei = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, ki = ["labelpos"];
+var bi = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], yi = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, mi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], wi = ["width", "height", "rank"], Lt = { width: 0, height: 0 }, vi = ["minlen", "weight", "width", "height", "labeloffset"], Ei = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, ki = ["labelpos"];
 function xi(e) {
   let t = new K({ multigraph: !0, compound: !0 }), n = We(e.graph());
   return t.setGraph(Object.assign({}, yi, Be(n, bi), Ie(n, mi))), e.nodes().forEach((r) => {
     let o = We(e.node(r)), i = Be(o, wi);
-    Object.keys(At).forEach((l) => {
-      i[l] === void 0 && (i[l] = At[l]);
+    Object.keys(Lt).forEach((l) => {
+      i[l] === void 0 && (i[l] = Lt[l]);
     }), t.setNode(r, i);
     let s = e.parent(r);
     s !== void 0 && t.setParent(r, s);
@@ -1593,7 +1593,7 @@ function ji(e) {
     e.node(t).dummy === "border" && e.removeNode(t);
   });
 }
-function zi(e) {
+function Fi(e) {
   e.edges().forEach((t) => {
     if (t.v === t.w) {
       let n = e.node(t.v);
@@ -1601,7 +1601,7 @@ function zi(e) {
     }
   });
 }
-function Fi(e) {
+function zi(e) {
   ve(e).forEach((t) => {
     let n = 0;
     t.forEach((r, o) => {
@@ -1612,7 +1612,7 @@ function Fi(e) {
     });
   });
 }
-function Ai(e) {
+function Li(e) {
   e.nodes().forEach((t) => {
     let n = e.node(t);
     if (n.dummy === "selfedge") {
@@ -1630,7 +1630,7 @@ function We(e) {
     typeof n == "string" && (n = n.toLowerCase()), t[n] = r;
   }), t;
 }
-function Di(e) {
+function Ai(e) {
   let t = ve(e), n = new K({ compound: !0, multigraph: !0 }).setGraph({});
   return e.nodes().forEach((r) => {
     n.setNode(r, { label: r }), n.setParent(r, "layer" + e.node(r).rank);
@@ -1639,7 +1639,7 @@ function Di(e) {
     n.setNode(i, { rank: "same" }), r.reduce((s, l) => (n.setEdge(s, l, { style: "invis" }), l));
   }), n;
 }
-var Li = { graphlib: Ht, version: Vr, layout: hi, debug: Di, util: { time: ln, notime: an } }, Dt = Li;
+var Di = { graphlib: Ht, version: Vr, layout: hi, debug: Ai, util: { time: ln, notime: an } }, At = Di;
 /*! For license information please see dagre.esm.js.LEGAL.txt */
 const Ri = (e) => {
   const t = [];
@@ -1658,17 +1658,17 @@ const Ri = (e) => {
     Object.keys(i).length !== 0 && (r.current = n, e(i));
   }, [n]), null;
 }, je = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i, width: s = 600 }) => {
-  const [l, d] = M(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ w(Q, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
+  const [l, d] = M(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ v(Q, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
     r && /* @__PURE__ */ f(Q, { sx: { mr: 1.5, display: "flex", alignItems: "center", fontSize: "1.25rem", color: "#1DBF60" }, children: r }),
     /* @__PURE__ */ f("span", { style: { flexGrow: 1, fontSize: 14, fontWeight: 500, color: "#212121" }, children: n }),
     /* @__PURE__ */ f(Et, { onClick: a, size: "small", sx: { mr: 1 }, title: l ? "Collapse" : "Expand", "data-testid": "expand-collapse-base-drawer-btn", children: l ? /* @__PURE__ */ f(lr, {}) : /* @__PURE__ */ f(ar, {}) }),
     /* @__PURE__ */ f(Et, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ f(Un, {}) })
   ] }), u = () => i ? /* @__PURE__ */ f(Q, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
-  return l ? /* @__PURE__ */ w(Gn, { 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__ */ v(Gn, { 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(Q, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
     /* @__PURE__ */ f(u, {})
-  ] }) : /* @__PURE__ */ w(
+  ] }) : /* @__PURE__ */ v(
     $n,
     {
       anchor: "right",
@@ -1707,33 +1707,33 @@ const Ri = (e) => {
   onClose: o,
   loadTriggerSources: i
 }) => {
-  const [s, l] = M("trigger"), [d, a] = M(null), [c, u] = M([]), [h, g] = M([]), [p, v] = M(!1), [y, k] = M(null);
+  const [s, l] = M("trigger"), [d, a] = M(null), [c, u] = M([]), [h, g] = M([]), [p, E] = M(!1), [y, x] = M(null);
   re(() => {
-    e || (l("trigger"), a(null), u([]), g([]), v(!1), k(null));
+    e || (l("trigger"), a(null), u([]), g([]), E(!1), x(null));
   }, [e]);
-  const S = $(async (F) => {
+  const N = $(async (z) => {
     if (!i) {
-      r(F);
+      r(z);
       return;
     }
-    a(F), v(!0), k(null);
+    a(z), E(!0), x(null);
     try {
-      const R = await i(F.triggerKey);
+      const R = await i(z.triggerKey);
       if (!R || R.length === 0) {
-        r(F);
+        r(z);
         return;
       }
       u(R), l("sources");
     } catch (R) {
-      k(R instanceof Error ? R.message : "Failed to load sources.");
+      x(R instanceof Error ? R.message : "Failed to load sources.");
     } finally {
-      v(!1);
+      E(!1);
     }
   }, [i, r]), O = () => {
-    l("trigger"), a(null), u([]), g([]), k(null);
-  }, z = () => {
+    l("trigger"), a(null), u([]), g([]), x(null);
+  }, F = () => {
     d && r(d, h);
-  }, j = s === "sources" && d, W = j ? /* @__PURE__ */ w(ye, { children: [
+  }, j = s === "sources" && d, W = j ? /* @__PURE__ */ v(ye, { children: [
     /* @__PURE__ */ f(Ne, { type: "button", variant: "outlined", size: "small", onClick: O, children: n.cancel ?? "Back" }),
     /* @__PURE__ */ f(
       Ne,
@@ -1741,7 +1741,7 @@ const Ri = (e) => {
         type: "button",
         variant: "contained",
         size: "small",
-        onClick: z,
+        onClick: F,
         disabled: h.length === 0,
         children: n.save ?? "Continue"
       }
@@ -1756,20 +1756,20 @@ const Ri = (e) => {
       icon: /* @__PURE__ */ f(sr, {}),
       width: 500,
       footer: W,
-      children: /* @__PURE__ */ w(Q, { sx: { p: 2 }, children: [
-        !j && /* @__PURE__ */ w(ye, { children: [
+      children: /* @__PURE__ */ v(Q, { sx: { p: 2 }, children: [
+        !j && /* @__PURE__ */ v(ye, { children: [
           /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: n.chooseTrigger }),
-          /* @__PURE__ */ w("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: [
-            t.map((F) => /* @__PURE__ */ w(
+          /* @__PURE__ */ v("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: [
+            t.map((z) => /* @__PURE__ */ v(
               "div",
               {
                 className: "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-start ff-gap-3",
                 style: { cursor: p ? "wait" : "pointer", transition: "background 0.15s", opacity: p ? 0.6 : 1 },
-                onClick: () => !p && S(F),
+                onClick: () => !p && N(z),
                 role: "button",
                 tabIndex: 0,
                 onKeyDown: (R) => {
-                  R.key === "Enter" && !p && S(F);
+                  R.key === "Enter" && !p && N(z);
                 },
                 onMouseEnter: (R) => {
                   p || (R.currentTarget.style.background = "#f5f5f5");
@@ -1778,32 +1778,32 @@ const Ri = (e) => {
                   R.currentTarget.style.background = "";
                 },
                 children: [
-                  /* @__PURE__ */ f("div", { style: { color: F.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: F.triggerCategory === "scheduler" ? /* @__PURE__ */ f(Vn, { size: 18 }) : /* @__PURE__ */ f(Hn, { size: 18 }) }),
-                  /* @__PURE__ */ w("div", { children: [
-                    /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: F.label }),
-                    F.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: F.description })
+                  /* @__PURE__ */ f("div", { style: { color: z.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: z.triggerCategory === "scheduler" ? /* @__PURE__ */ f(Vn, { size: 18 }) : /* @__PURE__ */ f(Hn, { size: 18 }) }),
+                  /* @__PURE__ */ v("div", { children: [
+                    /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: z.label }),
+                    z.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: z.description })
                   ] })
                 ]
               },
-              F.triggerKey
+              z.triggerKey
             )),
             t.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
           ] }),
-          p && /* @__PURE__ */ w(Q, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 2, fontSize: 12, color: "#64748b" }, children: [
+          p && /* @__PURE__ */ v(Q, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 2, fontSize: 12, color: "#64748b" }, children: [
             /* @__PURE__ */ f(Yn, { size: 14 }),
             /* @__PURE__ */ f("span", { children: "Loading sources for the selected trigger…" })
           ] }),
           y && /* @__PURE__ */ f("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: y })
         ] }),
-        j && /* @__PURE__ */ w(ye, { children: [
-          /* @__PURE__ */ w(
+        j && /* @__PURE__ */ v(ye, { children: [
+          /* @__PURE__ */ v(
             "div",
             {
               role: "button",
               tabIndex: 0,
               onClick: O,
-              onKeyDown: (F) => {
-                F.key === "Enter" && O();
+              onKeyDown: (z) => {
+                z.key === "Enter" && O();
               },
               className: "ff-d-flex ff-align-items-center ff-gap-1 ff-mb-3",
               style: { cursor: "pointer", color: "#0066cc", fontSize: 13, fontWeight: 500, width: "fit-content" },
@@ -1813,7 +1813,7 @@ const Ri = (e) => {
               ]
             }
           ),
-          /* @__PURE__ */ w("p", { className: "ff-text-muted ff-mb-2", style: { fontSize: 13 }, children: [
+          /* @__PURE__ */ v("p", { className: "ff-text-muted ff-mb-2", style: { fontSize: 13 }, children: [
             "Pick one or more sources for ",
             /* @__PURE__ */ f("strong", { children: d.label }),
             ":"
@@ -1824,7 +1824,7 @@ const Ri = (e) => {
               isMulti: !0,
               options: c,
               value: h,
-              onChange: (F) => g(F ?? []),
+              onChange: (z) => g(z ?? []),
               placeholder: "Select sources…",
               menuPosition: "fixed",
               menuPortalTarget: typeof document < "u" ? document.body : void 0,
@@ -1869,8 +1869,8 @@ const Ri = (e) => {
       title: c ? n.addStepTitle : a.label,
       icon: c ? /* @__PURE__ */ f(qn, {}) : a.icon ?? /* @__PURE__ */ f(Xn, {}),
       width: 500,
-      children: /* @__PURE__ */ w(Q, { sx: { p: 2 }, children: [
-        !c && /* @__PURE__ */ w(
+      children: /* @__PURE__ */ v(Q, { sx: { p: 2 }, children: [
+        !c && /* @__PURE__ */ v(
           "div",
           {
             role: "button",
@@ -1888,8 +1888,8 @@ const Ri = (e) => {
           }
         ),
         /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: c ? n.chooseAction : `Pick an action from ${a.label}` }),
-        /* @__PURE__ */ f("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ w(ye, { children: [
-          i.map((u) => /* @__PURE__ */ w(
+        /* @__PURE__ */ f("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ v(ye, { children: [
+          i.map((u) => /* @__PURE__ */ v(
             "div",
             {
               className: $e,
@@ -1908,7 +1908,7 @@ const Ri = (e) => {
               },
               children: [
                 u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
-                /* @__PURE__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ v("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"}` })
                 ] }),
@@ -1917,7 +1917,7 @@ const Ri = (e) => {
             },
             `app-${u.key}`
           )),
-          s.map((u) => /* @__PURE__ */ w(
+          s.map((u) => /* @__PURE__ */ v(
             "div",
             {
               className: $e,
@@ -1944,7 +1944,7 @@ const Ri = (e) => {
           i.length === 0 && s.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noActions })
         ] }) : (
           /* Stage 2 — actions for the selected app */
-          a.descriptors.map((u) => /* @__PURE__ */ w(
+          a.descriptors.map((u) => /* @__PURE__ */ v(
             "div",
             {
               className: $e,
@@ -1972,28 +1972,28 @@ const Ri = (e) => {
       ] })
     }
   );
-}, Lt = "_conditionConfig", Gi = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o, onSave: i, onClose: s }) => {
+}, Dt = "_conditionConfig", Gi = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o, onSave: i, onClose: s }) => {
   const [l, d] = M([]), [a, c] = M(!1), [u, h] = M(null), [g, p] = M({});
   re(() => {
-    p((r == null ? void 0 : r[Lt]) ?? {});
+    p((r == null ? void 0 : r[Dt]) ?? {});
   }, [r, t]), re(() => {
-    let S = !1;
+    let N = !1;
     if (h(null), !n || !t) {
       d([]), c(!1);
       return;
     }
     const O = n.formSchema;
-    return typeof O == "function" ? (c(!0), O(t).then((z) => {
-      S || (d(z), c(!1));
-    }).catch((z) => {
-      S || (d([]), h(z instanceof Error ? z.message : "Unable to load configuration."), c(!1));
+    return typeof O == "function" ? (c(!0), O(t).then((F) => {
+      N || (d(F), c(!1));
+    }).catch((F) => {
+      N || (d([]), h(F instanceof Error ? F.message : "Unable to load configuration."), c(!1));
     })) : (d(O), c(!1)), () => {
-      S = !0;
+      N = !0;
     };
   }, [n, t]);
-  const v = t ? `node-config-form-${t}` : "node-config-form", y = !a && !u && l.length > 0, k = y ? /* @__PURE__ */ w(ye, { children: [
+  const E = t ? `node-config-form-${t}` : "node-config-form", y = !a && !u && l.length > 0, x = y ? /* @__PURE__ */ v(ye, { children: [
     /* @__PURE__ */ f(Ne, { type: "button", variant: "outlined", size: "small", onClick: s, children: o.cancel }),
-    /* @__PURE__ */ f(Ne, { type: "submit", form: v, variant: "contained", size: "small", children: o.save })
+    /* @__PURE__ */ f(Ne, { type: "submit", form: E, variant: "contained", size: "small", children: o.save })
   ] }) : null;
   return /* @__PURE__ */ f(
     je,
@@ -2003,8 +2003,8 @@ const Ri = (e) => {
       title: (n == null ? void 0 : n.label) ?? o.configureStep,
       icon: n == null ? void 0 : n.icon,
       width: 500,
-      footer: k,
-      children: /* @__PURE__ */ w(Q, { sx: { p: 2 }, children: [
+      footer: x,
+      children: /* @__PURE__ */ v(Q, { sx: { p: 2 }, children: [
         a && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.loadingConfiguration }),
         !a && u && /* @__PURE__ */ f("p", { style: { fontSize: 13, color: "#d32f2f" }, children: u }),
         !a && !u && l.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.noConfigurationNeeded }),
@@ -2013,13 +2013,13 @@ const Ri = (e) => {
           {
             schema: { layout: "flat", fields: l },
             initialValues: r ?? {},
-            formId: v,
+            formId: E,
             conditionConfig: g,
             onConditionConfigChange: p,
-            onSubmit: (S) => {
+            onSubmit: (N) => {
               if (!t) return;
               const O = Object.keys(g).length > 0;
-              i(t, { ...S, [Lt]: O ? g : void 0 }), s();
+              i(t, { ...N, [Dt]: O ? g : void 0 }), s();
             }
           }
         )
@@ -2048,14 +2048,14 @@ const Ri = (e) => {
       title: r ? `Preview: ${r}` : "Sub-Workflow Preview",
       icon: /* @__PURE__ */ f(Zn, { size: 18, color: "#00695c" }),
       width: 700,
-      children: /* @__PURE__ */ w("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 24 }, children: [
+      children: /* @__PURE__ */ v("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__ */ w("div", { style: { textAlign: "center", color: "#9e9e9e" }, children: [
+        i.status === "loading" && /* @__PURE__ */ v("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__ */ w("div", { style: { textAlign: "center", color: "#c62828" }, children: [
+        i.status === "error" && /* @__PURE__ */ v("div", { style: { textAlign: "center", color: "#c62828" }, children: [
           /* @__PURE__ */ f(Jn, { size: 32, style: { marginBottom: 8 } }),
           /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
         ] }),
@@ -2096,8 +2096,8 @@ const Ri = (e) => {
   plusEdge: Bn,
   labelPlusEdge: Pn,
   plainEdge: Rn,
-  edgeWithPlusLabel: Ln,
-  gatewayBranchEdge: Dn
+  edgeWithPlusLabel: Dn,
+  gatewayBranchEdge: An
 };
 function Rt() {
   return [
@@ -2107,11 +2107,11 @@ function Rt() {
   ];
 }
 function Ui(e, t, n, r = "TB") {
-  const o = new Dt.graphlib.Graph();
+  const o = new At.graphlib.Graph();
   return o.setGraph({ rankdir: r, ranksep: 70, nodesep: 50 }), o.setDefaultEdgeLabel(() => ({})), e.forEach((i) => {
     const s = n[i.id] ?? { width: we, height: He[i.type ?? ""] ?? 80 };
     o.setNode(i.id, { width: s.width, height: s.height });
-  }), t.forEach((i) => o.setEdge(i.source, i.target)), Dt.layout(o), e.map((i) => {
+  }), t.forEach((i) => o.setEdge(i.source, i.target)), At.layout(o), e.map((i) => {
     var a, c;
     const s = o.node(i.id), l = ((a = n[i.id]) == null ? void 0 : a.width) ?? we, d = ((c = n[i.id]) == null ? void 0 : c.height) ?? He[i.type ?? ""] ?? 80;
     return { ...i, position: { x: s.x - l / 2, y: s.y - d / 2 } };
@@ -2122,24 +2122,24 @@ function Vi(e, t, n, r) {
   const s = Ue, l = 30, d = 30, a = {}, c = {}, u = /* @__PURE__ */ new Map();
   for (const y of e) u.set(y.id, y);
   for (const y of Object.values(t))
-    for (const k of Object.values(y))
-      for (const S of k) u.set(S.id, S);
-  const h = (y, k, S) => {
+    for (const x of Object.values(y))
+      for (const N of x) u.set(N.id, N);
+  const h = (y, x, N) => {
     const O = r[y] ?? { width: we, height: 80 };
-    return a[y] = { x: k - O.width / 2, y: S }, S + O.height;
-  }, g = (y, k, S) => {
-    let O = S;
-    for (const z of y)
-      O = h(z.id, k, O) + s, ae(z.kind) && t[z.id] && (O = p(z.id, k, O));
+    return a[y] = { x: x - O.width / 2, y: N }, N + O.height;
+  }, g = (y, x, N) => {
+    let O = N;
+    for (const F of y)
+      O = h(F.id, x, O) + s, ae(F.kind) && t[F.id] && (O = p(F.id, x, O));
     return O;
-  }, p = (y, k, S) => {
-    const O = k + 180, z = t[y], j = Object.keys(z), W = u.get(y), F = (W == null ? void 0 : W.branchLabels) ?? { pass: "Pass", fail: "Fail" }, R = a[y], P = r[y] ?? { height: 80 }, Ee = R.y + P.height, ke = [];
-    let te = S;
+  }, p = (y, x, N) => {
+    const O = x + 180, F = t[y], j = Object.keys(F), W = u.get(y), z = (W == null ? void 0 : W.branchLabels) ?? { pass: "Pass", fail: "Fail" }, R = a[y], B = r[y] ?? { height: 80 }, Ee = R.y + B.height, ke = [];
+    let te = N;
     return j.forEach((ce, pe) => {
-      const oe = z[ce], A = te;
+      const oe = F[ce], A = te;
       ke.push({
         y: A - Ee,
-        label: F[ce] ?? ce,
+        label: z[ce] ?? ce,
         isPass: pe === 0
       }), te = g(oe, O, te + d), pe < j.length - 1 && (te += l);
     }), c[y] = {
@@ -2148,9 +2148,9 @@ function Vi(e, t, n, r) {
       indent: 180
     }, te;
   };
-  let v = Ve;
+  let E = Ve;
   for (const y of e)
-    v = h(y.id, 400, v) + s, ae(y.kind) && t[y.id] && (v = p(y.id, 400, v));
+    E = h(y.id, 400, E) + s, ae(y.kind) && t[y.id] && (E = p(y.id, 400, E));
   return {
     nodes: n.map((y) => a[y.id] ? { ...y, position: a[y.id] } : y),
     railSpecs: c
@@ -2181,47 +2181,47 @@ function Hi(e, t, n, r, o) {
   };
 }
 function qi(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
-  const l = o.edgeColor ?? "#b0bec5", d = [], a = [], c = (p, v) => {
+  const l = o.edgeColor ?? "#b0bec5", d = [], a = [], c = (p, E) => {
     const y = t[p];
     if (!y) return;
-    const S = v ?? { pass: "Pass", fail: "Fail" }, O = Object.keys(y), z = (j, W, F, R) => {
+    const N = E ?? { pass: "Pass", fail: "Fail" }, O = Object.keys(y), F = (j, W, z, R) => {
       if (j.length !== 0) {
-        j.forEach((P) => d.push(Pt(P))), a.push({
+        j.forEach((B) => d.push(Pt(B))), a.push({
           id: `e-${p}-${W}-start`,
           source: p,
           target: j[0].id,
           type: "gatewayBranchEdge",
           style: { stroke: l },
-          data: { branch: W, filterId: p, label: F, isFirst: R === 0, onAddStepClick: n, verticalRouting: s === "vertical" }
+          data: { branch: W, filterId: p, label: z, isFirst: R === 0, onAddStepClick: n, verticalRouting: s === "vertical" }
         });
-        for (let P = 1; P < j.length; P++)
-          ae(j[P - 1].kind) || a.push(Hi(j[P - 1], j[P], l, n, { filterId: p, branch: W }));
-        for (const P of j)
-          ae(P.kind) && t[P.id] && c(P.id, P.branchLabels);
+        for (let B = 1; B < j.length; B++)
+          ae(j[B - 1].kind) || a.push(Hi(j[B - 1], j[B], l, n, { filterId: p, branch: W }));
+        for (const B of j)
+          ae(B.kind) && t[B.id] && c(B.id, B.branchLabels);
       }
     };
     O.forEach((j, W) => {
-      z(y[j], j, S[j] ?? j, W);
+      F(y[j], j, N[j] ?? j, W);
     });
   };
   for (let p = 0; p < e.length; p++) {
-    const v = e[p];
-    if (d.push(Pt(v)), p > 0) {
-      const y = e[p - 1], k = y.kind === "start" || y.kind === "addTrigger";
+    const E = e[p];
+    if (d.push(Pt(E)), p > 0) {
+      const y = e[p - 1], x = y.kind === "start" || y.kind === "addTrigger";
       if (y.kind === "filter" || y.kind === "approval") continue;
       a.push({
-        id: `e-${y.id}-${v.id}`,
+        id: `e-${y.id}-${E.id}`,
         source: y.id,
-        target: v.id,
-        type: k ? "plainEdge" : "plusEdge",
+        target: E.id,
+        type: x ? "plainEdge" : "plusEdge",
         style: { stroke: l },
-        data: k ? {} : {
+        data: x ? {} : {
           onAddStepClick: n,
           referenceNodeType: y.reactFlowType
         }
       });
     }
-    (v.kind === "filter" || v.kind === "approval") && t[v.id] && c(v.id, v.branchLabels);
+    (E.kind === "filter" || E.kind === "approval") && t[E.id] && c(E.id, E.branchLabels);
   }
   const u = {};
   if (d.forEach((p) => {
@@ -2231,23 +2231,23 @@ function qi(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
     };
   }), !(Object.keys(t).length > 0)) {
     if (i === "LR") {
-      let S = Ve;
-      return { nodes: d.map((z) => {
-        const j = u[z.id].width, W = u[z.id].height, F = { ...z, position: { x: S, y: 300 - W / 2 } };
-        return S += j + Ue, F;
+      let N = Ve;
+      return { nodes: d.map((F) => {
+        const j = u[F.id].width, W = u[F.id].height, z = { ...F, position: { x: N, y: 300 - W / 2 } };
+        return N += j + Ue, z;
       }), edges: a };
     }
     const p = 400;
-    let v = Ve;
-    return { nodes: d.map((k) => {
-      const S = u[k.id].height, O = { ...k, position: { x: p - we / 2, y: v } };
-      return v += S + Ue, O;
+    let E = Ve;
+    return { nodes: d.map((x) => {
+      const N = u[x.id].height, O = { ...x, position: { x: p - we / 2, y: E } };
+      return E += N + Ue, O;
     }), edges: a };
   }
   if (s === "vertical") {
-    const { nodes: p, railSpecs: v } = Vi(e, t, d, u);
+    const { nodes: p, railSpecs: E } = Vi(e, t, d, u);
     return { nodes: p.map(
-      (k) => v[k.id] ? { ...k, data: { ...k.data, _branchRail: v[k.id] } } : k
+      (x) => E[x.id] ? { ...x, data: { ...x.data, _branchRail: E[x.id] } } : x
     ), edges: a };
   }
   return { nodes: Ui(d, a, u, i), edges: a };
@@ -2268,41 +2268,41 @@ const Bt = ({
   renderNodePicker: h,
   renderNodeConfig: g,
   onNodeClick: p,
-  maxNodes: v,
+  maxNodes: E,
   layoutDirection: y = "TB",
-  executionRecord: k,
-  onFetchWorkflow: S
+  executionRecord: x,
+  onFetchWorkflow: N
 }) => {
   const {
     fitView: O = !0,
-    fitViewPadding: z = 0.3,
+    fitViewPadding: F = 0.3,
     showControls: j = !0,
     showMiniMap: W = !1,
-    panOnScroll: F = !0,
+    panOnScroll: z = !0,
     zoomOnScroll: R = !1,
-    minZoom: P = 0.25,
+    minZoom: B = 0.25,
     maxZoom: Ee = 2,
     snapToGrid: ke = !1,
     snapGrid: te = [15, 15],
     branchLayout: ce = "horizontal",
     nodeBody: pe = "full"
-  } = a, oe = Y(() => ur(d), [d]), [A, ie] = M(() => (n == null ? void 0 : n.slots) ?? Rt()), [U, J] = M(() => (n == null ? void 0 : n.branches) ?? {}), [ue, V] = M(null), [ze, tt] = M(null), [H, xe] = M(null), [se, nt] = M(null), [Te, rt] = M(null), [q, ot] = M(() => {
+  } = a, oe = Y(() => ur(d), [d]), [A, ie] = M(() => (n == null ? void 0 : n.slots) ?? Rt()), [U, J] = M(() => (n == null ? void 0 : n.branches) ?? {}), [ue, V] = M(null), [Fe, tt] = M(null), [H, xe] = M(null), [se, nt] = M(null), [Te, rt] = M(null), [q, ot] = M(() => {
     const b = n == null ? void 0 : n.slots.find((_) => _.kind === "triggerFixed"), m = b != null && b.id.startsWith("trigger-") ? b.id.slice(8) : void 0;
     return m ? t.lookup(m) ?? null : null;
   }), [it, En] = M({}), kn = $((b) => {
     En(b);
-  }, []), xn = Y(() => ({ ...An, ...r }), [r]), Tn = Y(() => ({ ...Ki, ...o }), [o]), _n = Y(() => {
+  }, []), xn = Y(() => ({ ...Ln, ...r }), [r]), Tn = Y(() => ({ ...Ki, ...o }), [o]), _n = Y(() => {
     const b = A.filter((_) => _.kind === "userTask").length, m = Object.values(U).flatMap((_) => Object.values(_).flat()).filter((_) => _.kind === "userTask").length;
     return b + m;
-  }, [A, U]), st = v ?? (q == null ? void 0 : q.maxTasks), lt = st !== void 0 && _n >= st, le = $((b) => {
+  }, [A, U]), st = E ?? (q == null ? void 0 : q.maxTasks), lt = st !== void 0 && _n >= st, le = $((b) => {
     const m = A.find((_) => _.id === b);
     if (m) return m;
     for (const _ of Object.values(U)) {
-      const E = Object.values(_).flat().find((T) => T.id === b);
-      if (E) return E;
+      const k = Object.values(_).flat().find((S) => S.id === b);
+      if (k) return k;
     }
     return null;
-  }, [A, U]), Fe = $((b) => {
+  }, [A, U]), ze = $((b) => {
     s || (tt(b), V("nodeConfig"));
   }, [s]), at = $((b) => {
     if (!s) {
@@ -2313,48 +2313,48 @@ const Bt = ({
           return;
         }
         ie((_) => {
-          const E = _.filter((T) => T.id !== b);
-          return ae((m == null ? void 0 : m.kind) ?? "") && !E.some((T) => T.kind === "end") ? [...E, { id: "end", kind: "end", reactFlowType: "endNode" }] : E;
+          const k = _.filter((S) => S.id !== b);
+          return ae((m == null ? void 0 : m.kind) ?? "") && !k.some((S) => S.kind === "end") ? [...k, { id: "end", kind: "end", reactFlowType: "endNode" }] : k;
         }), J((_) => {
-          const E = { ..._ }, T = (x) => {
-            E[x] && (Object.values(E[x]).flat().filter((N) => ae(N.kind)).forEach((N) => T(N.id)), delete E[x]);
+          const k = { ..._ }, S = (w) => {
+            k[w] && (Object.values(k[w]).flat().filter((T) => ae(T.kind)).forEach((T) => S(T.id)), delete k[w]);
           };
-          return T(b), E;
+          return S(b), k;
         });
         return;
       }
       J((m) => {
-        const _ = (T, x) => {
-          const N = [];
-          for (const C of T)
-            ae(C.kind) && x[C.id] && (N.push(C.id), Object.values(x[C.id]).forEach((I) => N.push(..._(I, x))));
-          return N;
-        }, E = { ...m };
-        for (const T of Object.keys(E))
-          for (const x of Object.keys(E[T])) {
-            const N = E[T][x], C = N.findIndex((L) => L.id === b);
-            if (C === -1 || N[C].kind === "end") continue;
-            const I = N[C];
-            let D = N.filter((L) => L.id !== b);
-            return I.kind === "filter" && ((I.id in E ? _([I], E) : []).forEach((B) => delete E[B]), delete E[I.id], D.some((B) => B.kind === "end") || (D = [...D, { id: `end-${T}-${x}`, kind: "end", reactFlowType: "endNode" }])), E[T] = { ...E[T], [x]: D }, E;
+        const _ = (S, w) => {
+          const T = [];
+          for (const C of S)
+            ae(C.kind) && w[C.id] && (T.push(C.id), Object.values(w[C.id]).forEach((I) => T.push(..._(I, w))));
+          return T;
+        }, k = { ...m };
+        for (const S of Object.keys(k))
+          for (const w of Object.keys(k[S])) {
+            const T = k[S][w], C = T.findIndex((D) => D.id === b);
+            if (C === -1 || T[C].kind === "end") continue;
+            const I = T[C];
+            let L = T.filter((D) => D.id !== b);
+            return I.kind === "filter" && ((I.id in k ? _([I], k) : []).forEach((P) => delete k[P]), delete k[I.id], L.some((P) => P.kind === "end") || (L = [...L, { id: `end-${S}-${w}`, kind: "end", reactFlowType: "endNode" }])), k[S] = { ...k[S], [w]: L }, k;
           }
-        return E;
+        return k;
       });
     }
-  }, [s, A]), Ae = $(() => {
+  }, [s, A]), Le = $(() => {
     s || V("triggerSelect");
   }, [s]), dt = $((b, m) => {
     s || lt || (xe(b), nt(m.filterId && m.branch ? { filterId: m.filterId, branch: m.branch } : null), V("nodePicker"));
   }, [s, lt]), ct = $((b, m) => {
     if (ot(b), V(null), b.skeletonState) {
-      const E = (b.skeletonState.slots ?? []).map((T) => T.kind === "triggerFixed" && Array.isArray(m) && m.length > 0 ? {
-        ...T,
+      const k = (b.skeletonState.slots ?? []).map((S) => S.kind === "triggerFixed" && Array.isArray(m) && m.length > 0 ? {
+        ...S,
         nodeData: {
-          ...T.nodeData ?? {},
+          ...S.nodeData ?? {},
           sources: m
         }
-      } : T);
-      J(b.skeletonState.branches ?? {}), ie(E);
+      } : S);
+      J(b.skeletonState.branches ?? {}), ie(k);
       return;
     }
     J({});
@@ -2387,21 +2387,21 @@ const Bt = ({
     };
     if (!H) return b;
     if (se) {
-      const { filterId: E, branch: T } = se, x = A.findIndex((L) => L.id === E), N = x >= 0 ? A.slice(0, x + 1) : [], C = ((_ = U[E]) == null ? void 0 : _[T]) ?? [], I = C.findIndex((L) => L.id === H), D = I >= 0 ? C.slice(0, I + 1) : [];
-      return b.upstreamSlots = [...N, ...D], b.downstreamSlots = I >= 0 ? C.slice(I + 1) : C, b.insertAfterSlot = D[D.length - 1] ?? null, b;
+      const { filterId: k, branch: S } = se, w = A.findIndex((D) => D.id === k), T = w >= 0 ? A.slice(0, w + 1) : [], C = ((_ = U[k]) == null ? void 0 : _[S]) ?? [], I = C.findIndex((D) => D.id === H), L = I >= 0 ? C.slice(0, I + 1) : [];
+      return b.upstreamSlots = [...T, ...L], b.downstreamSlots = I >= 0 ? C.slice(I + 1) : C, b.insertAfterSlot = L[L.length - 1] ?? null, b;
     }
-    const m = A.findIndex((E) => E.id === H);
+    const m = A.findIndex((k) => k.id === H);
     return b.upstreamSlots = m >= 0 ? A.slice(0, m + 1) : [], b.downstreamSlots = m >= 0 ? A.slice(m + 1) : [], b.insertAfterSlot = b.upstreamSlots[b.upstreamSlots.length - 1] ?? null, b;
   }, [A, U, H, se, q]), ft = (b, m) => b.descriptorType === m || b.id === m || b.kind === m, ht = $(() => {
-    const b = e.list(), m = q != null && q.availableTasks ? b.filter((E) => q.availableTasks.includes(E.type)) : b, _ = ut();
-    return m.filter((E) => E.maxPerWorkflow !== void 0 && A.filter((x) => x.descriptorType === E.type).length + Object.values(U).flatMap((x) => Object.values(x).flat()).filter((x) => x.descriptorType === E.type).length >= E.maxPerWorkflow ? !1 : E.canInsert ? E.canInsert(_) : !(E.insertAfter && E.insertAfter.length > 0 && !_.upstreamSlots.some(
-      (x) => E.insertAfter.some((N) => ft(x, N))
-    ) || E.insertBefore && E.insertBefore.length > 0 && !_.downstreamSlots.some(
-      (x) => E.insertBefore.some((N) => ft(x, N))
+    const b = e.list(), m = q != null && q.availableTasks ? b.filter((k) => q.availableTasks.includes(k.type)) : b, _ = ut();
+    return m.filter((k) => k.maxPerWorkflow !== void 0 && A.filter((w) => w.descriptorType === k.type).length + Object.values(U).flatMap((w) => Object.values(w).flat()).filter((w) => w.descriptorType === k.type).length >= k.maxPerWorkflow ? !1 : k.canInsert ? k.canInsert(_) : !(k.insertAfter && k.insertAfter.length > 0 && !_.upstreamSlots.some(
+      (w) => k.insertAfter.some((T) => ft(w, T))
+    ) || k.insertBefore && k.insertBefore.length > 0 && !_.downstreamSlots.some(
+      (w) => k.insertBefore.some((T) => ft(w, T))
     )));
   }, [e, q, A, U, ut]), gt = $((b) => {
     if (!H) return;
-    const m = `${b.type}-${Date.now()}`, _ = b.reactFlowType === "filterNode" || b.reactFlowType === "approvalNode" || b.reactFlowType === "conditionBranchNode", E = b.branchLabels ?? { pass: "Pass", fail: "Fail" }, T = {
+    const m = `${b.type}-${Date.now()}`, _ = b.reactFlowType === "filterNode" || b.reactFlowType === "approvalNode" || b.reactFlowType === "conditionBranchNode", k = b.branchLabels ?? { pass: "Pass", fail: "Fail" }, S = {
       id: m,
       kind: _ ? b.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
       reactFlowType: b.reactFlowType,
@@ -2409,100 +2409,108 @@ const Bt = ({
       formData: {},
       nodeData: { title: b.label },
       deletable: !0,
-      branchLabels: E
+      branchLabels: k
     };
     if (se) {
-      const { filterId: x, branch: N } = se;
+      const { filterId: w, branch: T } = se;
       J((C) => {
-        const I = [...C[x][N]];
+        const I = [...C[w][T]];
         if (_) {
           const ne = I.filter((fe) => fe.kind !== "end"), wt = ne.findIndex((fe) => fe.id === H), Cn = wt === -1 ? ne.length : wt + 1;
-          return ne.splice(Cn, 0, T), {
+          return ne.splice(Cn, 0, S), {
             ...C,
-            [x]: { ...C[x], [N]: ne },
+            [w]: { ...C[w], [T]: ne },
             [m]: Object.fromEntries(
-              Object.keys(E).map((fe) => [fe, [{ id: `end-${m}-${fe}`, kind: "end", reactFlowType: "endNode" }]])
+              Object.keys(k).map((fe) => [fe, [{ id: `end-${m}-${fe}`, kind: "end", reactFlowType: "endNode" }]])
             )
           };
         }
-        const D = I.findIndex((ne) => ne.id === H), L = I.findIndex((ne) => ne.kind === "end"), B = D === -1 ? L === -1 ? I.length : L : D + 1;
-        return I.splice(B, 0, T), { ...C, [x]: { ...C[x], [N]: I } };
+        const L = I.findIndex((ne) => ne.id === H), D = I.findIndex((ne) => ne.kind === "end"), P = L === -1 ? D === -1 ? I.length : D : L + 1;
+        return I.splice(P, 0, S), { ...C, [w]: { ...C[w], [T]: I } };
       });
     } else
-      _ ? (ie((x) => {
-        const N = x.findIndex((I) => I.id === H);
-        return [...x.filter((I) => I.kind !== "end").slice(0, N + 1), T];
-      }), J((x) => ({
-        ...x,
+      _ ? (ie((w) => {
+        const T = w.findIndex((I) => I.id === H);
+        return [...w.filter((I) => I.kind !== "end").slice(0, T + 1), S];
+      }), J((w) => ({
+        ...w,
         [m]: Object.fromEntries(
-          Object.keys(E).map((N) => [N, [{ id: `end-${m}-${N}`, kind: "end", reactFlowType: "endNode" }]])
+          Object.keys(k).map((T) => [T, [{ id: `end-${m}-${T}`, kind: "end", reactFlowType: "endNode" }]])
         )
-      }))) : ie((x) => {
-        const N = x.findIndex((C) => C.id === H);
-        return N === -1 ? x : [...x.slice(0, N + 1), T, ...x.slice(N + 1)];
+      }))) : ie((w) => {
+        const T = w.findIndex((C) => C.id === H);
+        return T === -1 ? w : [...w.slice(0, T + 1), S, ...w.slice(T + 1)];
       });
     xe(null), nt(null), tt(m), V("nodeConfig");
   }, [H, se]), pt = $((b, m) => {
-    const _ = (T) => {
-      const x = le(b);
-      if ((x == null ? void 0 : x.descriptorType) !== "conditionBranch") return T;
-      const N = m.branchConfigs ?? [], C = N.map((B) => B.key).filter(Boolean);
-      if (C.length === 0) return T;
-      const I = T[b] ?? {}, D = {};
-      C.forEach((B) => {
-        D[B] = I[B] ?? [{ id: `end-${b}-${B}`, kind: "end", reactFlowType: "endNode" }];
-      });
-      const L = {};
-      return N.forEach((B) => {
-        B.key && (L[B.key] = B.label || B.key);
-      }), { ...T, [b]: D };
-    }, E = (T, x) => {
-      if (T.descriptorType !== "conditionBranch") return { ...T, formData: x };
-      const N = x.branchConfigs ?? [], C = {};
-      return N.forEach((I) => {
-        I.key && (C[I.key] = I.label || I.key);
-      }), { ...T, formData: x, branchLabels: C };
+    const _ = (w) => {
+      const T = w.label || w.key;
+      switch (w.kind) {
+        case "if":
+          return `IF · ${T}`;
+        case "elseif":
+          return `ELSE IF · ${T}`;
+        case "else":
+          return T.toUpperCase() === "ELSE" ? T : `ELSE · ${T}`;
+        default:
+          return T;
+      }
+    }, k = (w) => {
+      const T = le(b);
+      if ((T == null ? void 0 : T.descriptorType) !== "conditionBranch") return w;
+      const I = (m.branchConfigs ?? []).map((P) => P.key).filter(Boolean);
+      if (I.length === 0) return w;
+      const L = w[b] ?? {}, D = {};
+      return I.forEach((P) => {
+        D[P] = L[P] ?? [{ id: `end-${b}-${P}`, kind: "end", reactFlowType: "endNode" }];
+      }), { ...w, [b]: D };
+    }, S = (w, T) => {
+      if (w.descriptorType !== "conditionBranch") return { ...w, formData: T };
+      const C = T.branchConfigs ?? [], I = {};
+      return C.forEach((L) => {
+        L.key && (I[L.key] = _(L));
+      }), { ...w, formData: T, branchLabels: I };
     };
-    if (A.some((T) => T.id === b)) {
-      J((T) => {
-        const x = _(T);
-        return ie((N) => {
-          const C = N.map((I) => I.id === b ? E(I, m) : I);
-          return i == null || i({ slots: C, branches: x }), C;
-        }), x;
+    if (A.some((w) => w.id === b)) {
+      J((w) => {
+        const T = k(w);
+        return ie((C) => {
+          const I = C.map((L) => L.id === b ? S(L, m) : L);
+          return i == null || i({ slots: I, branches: T }), I;
+        }), T;
       });
       return;
     }
-    J((T) => {
-      const N = { ..._(T) };
-      for (const C of Object.keys(N)) {
-        const I = (D) => D.map((L) => L.id === b ? E(L, m) : L);
-        for (const D of Object.keys(N[C]))
-          if (N[C][D].some((L) => L.id === b))
-            return N[C] = { ...N[C], [D]: I(N[C][D]) }, i == null || i({ slots: A, branches: N }), N;
+    J((w) => {
+      const C = { ...k(w) };
+      for (const I of Object.keys(C)) {
+        const L = (D) => D.map((P) => P.id === b ? S(P, m) : P);
+        for (const D of Object.keys(C[I]))
+          if (C[I][D].some((P) => P.id === b))
+            return C[I] = { ...C[I], [D]: L(C[I][D]) }, i == null || i({ slots: A, branches: C }), C;
       }
-      return N;
+      return C;
     });
-  }, [A, U, le, i]), Z = Y(() => le(ze ?? ""), [le, ze]), bt = Y(() => Z != null && Z.descriptorType ? e.forType(Z.descriptorType) ?? null : null, [Z, e]), { nodes: yt, edges: Nn } = Y(
+  }, [A, U, le, i]), Z = Y(() => le(Fe ?? ""), [le, Fe]), bt = Y(() => Z != null && Z.descriptorType ? e.forType(Z.descriptorType) ?? null : null, [Z, e]), { nodes: yt, edges: Nn } = Y(
     () => qi(A, U, s ? null : dt, it, l, y, ce),
     [A, U, s, dt, it, l, y, ce]
   ), mt = Y(() => {
-    const b = k ? new Map(k.steps.map((m) => [m.nodeId, m])) : null;
+    const b = x ? new Map(x.steps.map((m) => [m.nodeId, m])) : null;
     return yt.map((m) => {
       let _ = {};
       if (b) {
-        const E = b.get(m.id);
-        E && (_ = { _executionStatus: E.status, _executionError: E.error });
+        const k = b.get(m.id);
+        k && (_ = { _executionStatus: k.status, _executionError: k.error });
       }
-      return m.type === "subWorkflowNode" && S && (_.onPreview = (E) => {
-        var x;
-        const T = le(m.id);
-        rt({ workflowId: E, workflowLabel: ((x = T == null ? void 0 : T.formData) == null ? void 0 : x.workflowLabel) ?? void 0 });
+      return m.type === "subWorkflowNode" && N && (_.onPreview = (k) => {
+        var w;
+        const S = le(m.id);
+        rt({ workflowId: k, workflowLabel: ((w = S == null ? void 0 : S.formData) == null ? void 0 : w.workflowLabel) ?? void 0 });
       }), Object.keys(_).length > 0 ? { ...m, data: { ...m.data, ..._ } } : m;
     });
-  }, [yt, k, S, le]), Sn = Y(() => ({ onEditNode: Fe, onDeleteNode: at, onAddStep: () => {
-  }, onClickAddTrigger: Ae, messages: oe, nodeRegistry: e, nodeBody: pe }), [Fe, at, Ae, oe, e, pe]);
-  return /* @__PURE__ */ f(Wn.Provider, { value: Sn, children: /* @__PURE__ */ w(
+  }, [yt, x, N, le]), Sn = Y(() => ({ onEditNode: ze, onDeleteNode: at, onAddStep: () => {
+  }, onClickAddTrigger: Le, messages: oe, nodeRegistry: e, nodeBody: pe }), [ze, at, Le, oe, e, pe]);
+  return /* @__PURE__ */ f(Wn.Provider, { value: Sn, children: /* @__PURE__ */ v(
     "div",
     {
       className: "flowforge-canvas",
@@ -2522,7 +2530,7 @@ const Bt = ({
         "--ff-font-family": l.fontFamily
       },
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ v(
           In,
           {
             nodes: mt,
@@ -2530,19 +2538,19 @@ const Bt = ({
             nodeTypes: xn,
             edgeTypes: Tn,
             fitView: O,
-            fitViewOptions: { padding: z },
+            fitViewOptions: { padding: F },
             nodesDraggable: !1,
             nodesConnectable: !1,
-            panOnScroll: F,
+            panOnScroll: z,
             zoomOnScroll: R,
-            minZoom: P,
+            minZoom: B,
             maxZoom: Ee,
             snapToGrid: ke,
             snapGrid: te,
             proOptions: { hideAttribution: !0 },
             onNodeClick: (b, m) => {
               const _ = le(m.id);
-              _ && (p != null && p(_) || (_.kind === "addTrigger" || _.kind === "triggerFixed" ? Ae() : (_.kind === "userTask" || _.kind === "filter" || _.kind === "approval") && Fe(m.id)));
+              _ && (p != null && p(_) || (_.kind === "addTrigger" || _.kind === "triggerFixed" ? Le() : (_.kind === "userTask" || _.kind === "filter" || _.kind === "approval") && ze(m.id)));
             },
             children: [
               l.background !== "none" && /* @__PURE__ */ f(
@@ -2553,8 +2561,8 @@ const Bt = ({
                   gap: 20
                 }
               ),
-              j && /* @__PURE__ */ f(zn, { showInteractive: !1 }),
-              W && /* @__PURE__ */ f(Fn, { zoomable: !0, pannable: !0 }),
+              j && /* @__PURE__ */ f(Fn, { showInteractive: !1 }),
+              W && /* @__PURE__ */ f(zn, { zoomable: !0, pannable: !0 }),
               /* @__PURE__ */ f(Pi, { onHeightsReady: kn, nodeCount: mt.length })
             ]
           }
@@ -2565,15 +2573,15 @@ const Bt = ({
         }) : /* @__PURE__ */ f(Wi, { open: ue === "nodePicker", availableDescriptors: ht(), messages: oe, onSelect: gt, onClose: () => {
           V(null), xe(null);
         } }),
-        g ? ue === "nodeConfig" && g(bt ?? void 0, Z, pt, () => V(null)) : /* @__PURE__ */ f(Gi, { open: ue === "nodeConfig", nodeId: ze, descriptor: bt, initialValues: Z == null ? void 0 : Z.formData, messages: oe, onSave: pt, onClose: () => V(null) }),
-        S && Te && /* @__PURE__ */ f(
+        g ? ue === "nodeConfig" && g(bt ?? void 0, Z, pt, () => V(null)) : /* @__PURE__ */ f(Gi, { open: ue === "nodeConfig", nodeId: Fe, descriptor: bt, initialValues: Z == null ? void 0 : Z.formData, messages: oe, onSave: pt, onClose: () => V(null) }),
+        N && Te && /* @__PURE__ */ f(
           $i,
           {
             isOpen: !!Te,
             onClose: () => rt(null),
             workflowId: Te.workflowId,
             workflowLabel: Te.workflowLabel,
-            onFetchWorkflow: S
+            onFetchWorkflow: N
           }
         )
       ]
@@ -2587,7 +2595,7 @@ const Bt = ({
 function Ji({ template: e, onSelect: t }) {
   var o, i;
   const n = e.triggerCategory ? fr[e.triggerCategory] : null, r = ((o = e.skeletonState) == null ? void 0 : o.slots.filter((s) => s.kind === "userTask").length) ?? 0;
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ v(
     "div",
     {
       role: "button",
@@ -2615,23 +2623,23 @@ function Ji({ template: e, onSelect: t }) {
         s.currentTarget.style.borderColor = "#e0e0e0", s.currentTarget.style.boxShadow = "none";
       },
       children: [
-        /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "flex-start", gap: 10 }, children: [
+        /* @__PURE__ */ v("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__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ v("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__ */ w("div", { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 4 }, children: [
+        /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 4 }, children: [
           n && /* @__PURE__ */ f("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: n.bg, color: n.color }, children: n.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)),
-          r > 0 && /* @__PURE__ */ w("span", { style: { fontSize: 10, color: "#9e9e9e", marginLeft: "auto" }, children: [
+          r > 0 && /* @__PURE__ */ v("span", { style: { fontSize: 10, color: "#9e9e9e", marginLeft: "auto" }, children: [
             r,
             " step",
             r !== 1 ? "s" : ""
           ] })
         ] }),
-        e.author && /* @__PURE__ */ w("div", { style: { fontSize: 11, color: "#bdbdbd" }, children: [
+        e.author && /* @__PURE__ */ v("div", { style: { fontSize: 11, color: "#bdbdbd" }, children: [
           "by ",
           e.author
         ] })
@@ -2662,14 +2670,14 @@ const gs = ({
     }
     return [...a].sort((c, u) => (u.popularity ?? 0) - (c.popularity ?? 0));
   }, [e, i, r]);
-  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: [
+  return /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", height: "100%", fontFamily: "inherit" }, children: [
+    /* @__PURE__ */ v("div", { style: { padding: "24px 24px 0", borderBottom: "1px solid #f0f0f0", paddingBottom: 16 }, children: [
+      /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+        /* @__PURE__ */ v("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" })
         ] }),
-        n && /* @__PURE__ */ w(
+        n && /* @__PURE__ */ v(
           "button",
           {
             onClick: n,
@@ -2681,7 +2689,7 @@ const gs = ({
           }
         )
       ] }),
-      /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 8, background: "#f5f5f5", borderRadius: 8, padding: "8px 12px", marginBottom: 12 }, children: [
+      /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", gap: 8, background: "#f5f5f5", borderRadius: 8, padding: "8px 12px", marginBottom: 12 }, children: [
         /* @__PURE__ */ f(er, { size: 18, color: "#9e9e9e" }),
         /* @__PURE__ */ f(
           "input",
@@ -2713,7 +2721,7 @@ const gs = ({
         a
       )) })
     ] }),
-    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto", padding: 24 }, children: d.length === 0 ? /* @__PURE__ */ w("div", { style: { textAlign: "center", padding: "40px 0", color: "#9e9e9e" }, children: [
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto", padding: 24 }, children: d.length === 0 ? /* @__PURE__ */ v("div", { style: { textAlign: "center", padding: "40px 0", color: "#9e9e9e" }, children: [
       /* @__PURE__ */ f(tr, { 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: d.map((a) => /* @__PURE__ */ f(Ji, { template: a, onSelect: () => t(a) }, a.triggerKey)) }) })
@@ -2747,8 +2755,8 @@ function vn(e, t) {
 }
 function Qi({ step: e }) {
   const [t, n] = M(!1), r = Zi[e.status], o = !!(e.inputs || e.outputs || e.error);
-  return /* @__PURE__ */ w("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
-    /* @__PURE__ */ w(
+  return /* @__PURE__ */ v("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
+    /* @__PURE__ */ v(
       "div",
       {
         style: { display: "flex", alignItems: "center", gap: 8, padding: "8px 12px", cursor: o ? "pointer" : "default" },
@@ -2769,13 +2777,13 @@ function Qi({ step: e }) {
         ]
       }
     ),
-    t && o && /* @__PURE__ */ w("div", { style: { padding: "0 12px 10px 32px", fontSize: 12 }, children: [
+    t && o && /* @__PURE__ */ v("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__ */ w("details", { style: { marginBottom: 4 }, children: [
+      e.inputs && Object.keys(e.inputs).length > 0 && /* @__PURE__ */ v("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__ */ w("details", { children: [
+      e.outputs && Object.keys(e.outputs).length > 0 && /* @__PURE__ */ v("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) })
       ] })
@@ -2784,7 +2792,7 @@ function Qi({ step: e }) {
 }
 function es({ record: e, selected: t, onSelect: n }) {
   const r = _e[e.status];
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ v(
     "div",
     {
       role: "button",
@@ -2805,9 +2813,9 @@ function es({ record: e, selected: t, onSelect: n }) {
       },
       children: [
         /* @__PURE__ */ f("span", { style: { color: r.color, flexShrink: 0 }, children: G.cloneElement(r.icon, { color: r.color, size: 16 }) }),
-        /* @__PURE__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ v("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: qe(e.triggeredAt) }),
-          /* @__PURE__ */ w("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
+          /* @__PURE__ */ v("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
             e.triggeredBy ? `by ${e.triggeredBy}` : "System",
             " · ",
             e.steps.length,
@@ -2824,34 +2832,34 @@ function es({ record: e, selected: t, onSelect: n }) {
 const ps = ({ records: e, onViewOnCanvas: t }) => {
   var s;
   const [n, r] = M(((s = e[0]) == null ? void 0 : s.id) ?? null), o = e.find((l) => l.id === n) ?? null, i = [...e].sort((l, d) => new Date(d.triggeredAt).getTime() - new Date(l.triggeredAt).getTime());
-  return e.length === 0 ? /* @__PURE__ */ w("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: 300, color: "#9e9e9e", gap: 8 }, children: [
+  return e.length === 0 ? /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: 300, color: "#9e9e9e", gap: 8 }, children: [
     /* @__PURE__ */ f(kt, { 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__ */ 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: [
+  ] }) : /* @__PURE__ */ v("div", { style: { display: "flex", height: "100%", fontFamily: "inherit", border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: [
+    /* @__PURE__ */ v("div", { style: { width: 260, flexShrink: 0, borderRight: "1px solid #e0e0e0", overflowY: "auto", background: "#fafafa" }, children: [
+      /* @__PURE__ */ v("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(es, { record: l, selected: l.id === n, onSelect: () => r(l.id) }, l.id))
     ] }),
-    /* @__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: [
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto" }, children: o ? /* @__PURE__ */ v("div", { children: [
+      /* @__PURE__ */ v("div", { style: { padding: "16px 20px", borderBottom: "1px solid #f0f0f0", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 12 }, children: [
+        /* @__PURE__ */ v("div", { children: [
+          /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
             G.cloneElement(_e[o.status].icon, { color: _e[o.status].color, size: 18 }),
             /* @__PURE__ */ f("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: _e[o.status].label })
           ] }),
-          /* @__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__ */ v("div", { style: { fontSize: 12, color: "#757575", display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ v("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
               /* @__PURE__ */ f(kt, { size: 13 }),
               " ",
               qe(o.triggeredAt),
               o.completedAt && ` → ${qe(o.completedAt)} (${vn(o.triggeredAt, o.completedAt)})`
             ] }),
-            o.triggeredBy && /* @__PURE__ */ w("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+            o.triggeredBy && /* @__PURE__ */ v("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
               /* @__PURE__ */ f(rr, { size: 13 }),
               " ",
               o.triggeredBy
@@ -2868,15 +2876,15 @@ const ps = ({ 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__ */ w("div", { children: [
-        /* @__PURE__ */ w("div", { style: { padding: "10px 12px", fontSize: 12, fontWeight: 600, color: "#757575", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ v("div", { children: [
+        /* @__PURE__ */ v("div", { style: { padding: "10px 12px", fontSize: 12, fontWeight: 600, color: "#757575", borderBottom: "1px solid #f0f0f0" }, children: [
           "STEPS (",
           o.steps.length,
           ")"
         ] }),
         o.steps.map((l, d) => /* @__PURE__ */ f(Qi, { step: l }, `${l.nodeId}-${d}`))
       ] }),
-      o.inputs && Object.keys(o.inputs).length > 0 && /* @__PURE__ */ f("div", { style: { padding: "10px 16px" }, children: /* @__PURE__ */ w("details", { children: [
+      o.inputs && Object.keys(o.inputs).length > 0 && /* @__PURE__ */ f("div", { style: { padding: "10px 16px" }, children: /* @__PURE__ */ v("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) })
       ] }) })