@notmrabhi/flowforge 0.1.112 → 0.1.114

package/dist/{WorkflowExecutionHistory-Cy36NQfD.js → WorkflowExecutionHistory-B99rqinZ.js}

@@ -1,11 +1,11 @@
-import { jsxs as w, jsx as f, Fragment as Se } from "react/jsx-runtime";
-import $, { useRef as Tt, useEffect as se, useState as L, useCallback as U, useMemo as V } from "react";
+import { jsxs as w, jsx as u, Fragment as Se } from "react/jsx-runtime";
+import $, { useRef as Tt, useEffect as se, useState as P, useCallback as U, useMemo as V } from "react";
 import Wn, { useStore as $n, useReactFlow as Gn, Background as Yn, Controls as Kn, MiniMap as Hn } from "reactflow";
 import "reactflow/dist/style.css";
-import { e as Un, G as Vn, E as qn, P as Xn, L as Jn, d as Zn, h as Qn } from "./GatewayBranchEdge-D7XRJVei.js";
-import { Dialog as er, Box as re, Drawer as tr, IconButton as Ot, Button as Le, CircularProgress as nr } from "@mui/material";
+import { e as Un, G as Vn, E as qn, P as Xn, L as Jn, d as Zn, h as Qn } from "./GatewayBranchEdge-C9hllCUh.js";
+import { Dialog as er, Box as re, Drawer as tr, IconButton as Ot, Button as Pe, CircularProgress as nr } from "@mui/material";
 import rr from "react-select";
-import { MdClose as or, MdCalendarToday as ir, MdBolt as sr, MdArrowBack as Jt, MdChevronRight as Zt, MdAddCircleOutline as lr, MdApps as ar, MdErrorOutline as dr, MdAccountTree as cr, MdAdd as ur, MdSearch as fr, MdCategory as hr, MdCancel as Qt, MdError as en, MdCheckCircle as tn, MdPlayArrow as nn, MdHourglassEmpty as gr, MdSchedule as It, MdPerson as pr, MdExpandLess as yr, MdExpandMore as br } from "react-icons/md";
+import { MdClose as or, MdCalendarToday as ir, MdBolt as sr, MdArrowBack as Jt, MdChevronRight as Zt, MdAddCircleOutline as lr, MdApps as ar, MdErrorOutline as dr, MdAccountTree as cr, MdAdd as fr, MdSearch as ur, MdCategory as hr, MdCancel as Qt, MdError as en, MdCheckCircle as tn, MdPlayArrow as nn, MdHourglassEmpty as gr, MdSchedule as It, MdPerson as pr, MdExpandLess as yr, MdExpandMore as br } from "react-icons/md";
 import { GrTrigger as mr } from "react-icons/gr";
 import { BiCollapse as vr, BiExpand as wr } from "react-icons/bi";
 import { k as Er, c as xr, O as kr } from "./index-C6t1hp3u.js";
@@ -222,12 +222,12 @@ function Ke(e, t) {
   return _e(e, t.v, t.w, t.name);
 }
 var zr = "4.0.1", ln = {};
-sn(ln, { read: () => Rr, write: () => Lr });
-function Lr(e) {
-  let t = { options: { directed: e.isDirected(), multigraph: e.isMultigraph(), compound: e.isCompound() }, nodes: Pr(e), edges: Fr(e) }, n = e.graph();
+sn(ln, { read: () => Rr, write: () => Pr });
+function Pr(e) {
+  let t = { options: { directed: e.isDirected(), multigraph: e.isMultigraph(), compound: e.isCompound() }, nodes: Lr(e), edges: Fr(e) }, n = e.graph();
   return n !== void 0 && (t.value = structuredClone(n)), t;
 }
-function Pr(e) {
+function Lr(e) {
   return e.nodes().map((t) => {
     let n = e.node(t), r = e.parent(t), o = { v: t };
     return n !== void 0 && (o.value = n), r !== void 0 && (o.parent = r), o;
@@ -248,7 +248,7 @@ function Rr(e) {
   }), t;
 }
 var it = {};
-sn(it, { CycleException: () => Fe, bellmanFord: () => an, components: () => Dr, dijkstra: () => Pe, dijkstraAll: () => Gr, findCycles: () => Yr, floydWarshall: () => Hr, isAcyclic: () => Vr, postorder: () => Xr, preorder: () => Jr, prim: () => Zr, shortestPaths: () => Qr, tarjan: () => cn, topsort: () => un });
+sn(it, { CycleException: () => Fe, bellmanFord: () => an, components: () => Dr, dijkstra: () => Le, dijkstraAll: () => Gr, findCycles: () => Yr, floydWarshall: () => Hr, isAcyclic: () => Vr, postorder: () => Xr, preorder: () => Jr, prim: () => Zr, shortestPaths: () => Qr, tarjan: () => cn, topsort: () => fn });
 var Ar = () => 1;
 function an(e, t, n, r) {
   return Br(e, String(t), n || Ar, r || function(o) {
@@ -256,23 +256,23 @@ function an(e, t, n, r) {
   });
 }
 function Br(e, t, n, r) {
-  let o = {}, i, s = 0, l = e.nodes(), d = function(u) {
-    let h = n(u);
-    o[u.v].distance + h < o[u.w].distance && (o[u.w] = { distance: o[u.v].distance + h, predecessor: u.v }, i = !0);
+  let o = {}, i, s = 0, l = e.nodes(), d = function(f) {
+    let h = n(f);
+    o[f.v].distance + h < o[f.w].distance && (o[f.w] = { distance: o[f.v].distance + h, predecessor: f.v }, i = !0);
   }, a = function() {
-    l.forEach(function(u) {
-      r(u).forEach(function(h) {
-        let g = h.v === u ? h.v : h.w, E = g === h.v ? h.w : h.v;
+    l.forEach(function(f) {
+      r(f).forEach(function(h) {
+        let g = h.v === f ? h.v : h.w, E = g === h.v ? h.w : h.v;
         d({ v: g, w: E });
       });
     });
   };
-  l.forEach(function(u) {
-    let h = u === t ? 0 : Number.POSITIVE_INFINITY;
-    o[u] = { distance: h, predecessor: "" };
+  l.forEach(function(f) {
+    let h = f === t ? 0 : Number.POSITIVE_INFINITY;
+    o[f] = { distance: h, predecessor: "" };
   });
   let c = l.length;
-  for (let u = 1; u < c && (i = !1, s++, a(), !!i); u++) ;
+  for (let f = 1; f < c && (i = !1, s++, a(), !!i); f++) ;
   if (s === c - 1 && (i = !1, a(), i)) throw new Error("The graph contains a negative weight cycle");
   return o;
 }
@@ -339,7 +339,7 @@ var dn = class {
     n[e] = i, n[t] = o, r[i.key] = e, r[o.key] = t;
   }
 }, Wr = () => 1;
-function Pe(e, t, n, r) {
+function Le(e, t, n, r) {
   let o = function(i) {
     return e.outEdges(i);
   };
@@ -347,9 +347,9 @@ function Pe(e, t, n, r) {
 }
 function $r(e, t, n, r) {
   let o = {}, i = new dn(), s, l, d = function(a) {
-    let c = a.v !== s ? a.v : a.w, u = o[c], h = n(a), g = l.distance + h;
+    let c = a.v !== s ? a.v : a.w, f = o[c], h = n(a), g = l.distance + h;
     if (h < 0) throw new Error("dijkstra does not allow negative edge weights. Bad edge: " + a + " Weight: " + h);
-    g < u.distance && (u.distance = g, u.predecessor = s, i.decrease(c, g));
+    g < f.distance && (f.distance = g, f.predecessor = s, i.decrease(c, g));
   };
   for (e.nodes().forEach(function(a) {
     let c = a === t ? 0 : Number.POSITIVE_INFINITY;
@@ -359,7 +359,7 @@ function $r(e, t, n, r) {
 }
 function Gr(e, t, n) {
   return e.nodes().reduce(function(r, o) {
-    return r[o] = Pe(e, o, t, n), r;
+    return r[o] = Le(e, o, t, n), r;
   }, {});
 }
 function cn(e) {
@@ -405,8 +405,8 @@ function Ur(e, t, n) {
     o.forEach(function(l) {
       let d = r[l];
       o.forEach(function(a) {
-        let c = d[i], u = s[a], h = d[a], g = c.distance + u.distance;
-        g < h.distance && (h.distance = g, h.predecessor = u.predecessor);
+        let c = d[i], f = s[a], h = d[a], g = c.distance + f.distance;
+        g < h.distance && (h.distance = g, h.predecessor = f.predecessor);
       });
     });
   }), r;
@@ -416,7 +416,7 @@ var Fe = class extends Error {
     super(...e);
   }
 };
-function un(e) {
+function fn(e) {
   let t = {}, n = {}, r = [];
   function o(i) {
     if (i in n) throw new Fe();
@@ -427,7 +427,7 @@ function un(e) {
 }
 function Vr(e) {
   try {
-    un(e);
+    fn(e);
   } catch (t) {
     if (t instanceof Fe) return !1;
     throw t;
@@ -442,12 +442,12 @@ function qr(e, t, n, r, o) {
   }, s = {};
   return t.forEach(function(l) {
     if (!e.hasNode(l)) throw new Error("Graph does not have node: " + l);
-    o = fn(e, l, n === "post", s, i, r, o);
+    o = un(e, l, n === "post", s, i, r, o);
   }), o;
 }
-function fn(e, t, n, r, o, i, s) {
+function un(e, t, n, r, o, i, s) {
   return t in r || (r[t] = !0, n || (s = i(s, t)), o(t).forEach(function(l) {
-    s = fn(e, l, n, r, o, i, s);
+    s = un(e, l, n, r, o, i, s);
   }), n && (s = i(s, t))), s;
 }
 function hn(e, t, n) {
@@ -466,8 +466,8 @@ function Zr(e, t) {
   function s(d) {
     let a = d.v === i ? d.w : d.v, c = o.priority(a);
     if (c !== void 0) {
-      let u = t(d);
-      u < c && (r[a] = i, o.decrease(a, u));
+      let f = t(d);
+      f < c && (r[a] = i, o.decrease(a, f));
     }
   }
   if (e.nodeCount() === 0) return n;
@@ -492,17 +492,17 @@ function Qr(e, t, n, r) {
   }));
 }
 function eo(e, t, n, r) {
-  if (n === void 0) return Pe(e, t, n, r);
+  if (n === void 0) return Le(e, t, n, r);
   let o = !1, i = e.nodes();
   for (let s = 0; s < i.length; s++) {
     let l = r(i[s]);
     for (let d = 0; d < l.length; d++) {
-      let a = l[d], c = a.v === i[s] ? a.v : a.w, u = c === a.v ? a.w : a.v;
-      n({ v: c, w: u }) < 0 && (o = !0);
+      let a = l[d], c = a.v === i[s] ? a.v : a.w, f = c === a.v ? a.w : a.v;
+      n({ v: c, w: f }) < 0 && (o = !0);
     }
     if (o) return an(e, t, n, r);
   }
-  return Pe(e, t, n, r);
+  return Le(e, t, n, r);
 }
 function ve(e, t, n, r) {
   let o = r;
@@ -558,7 +558,7 @@ function ro(e) {
     s === void 0 && l % i !== 0 ? --o : s !== void 0 && o && s.forEach((d) => e.node(d).rank += o);
   });
 }
-function Lt(e, t, n, r) {
+function Pt(e, t, n, r) {
   let o = { width: 0, height: 0 };
   return arguments.length >= 4 && (o.rank = n, o.order = r), ve(e, "border", o, t);
 }
@@ -634,25 +634,25 @@ var Be = "\0", ao = "3.0.0", co = class {
   }
   dequeue() {
     let e = this._sentinel, t = e._prev;
-    if (t !== e) return Pt(t), t;
+    if (t !== e) return Lt(t), t;
   }
   enqueue(e) {
     let t = this._sentinel;
-    e._prev && e._next && Pt(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
+    e._prev && e._next && Lt(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
   }
   toString() {
     let e = [], t = this._sentinel, n = t._prev;
-    for (; n !== t; ) e.push(JSON.stringify(n, uo)), n = n._prev;
+    for (; n !== t; ) e.push(JSON.stringify(n, fo)), n = n._prev;
     return "[" + e.join(", ") + "]";
   }
 };
-function Pt(e) {
+function Lt(e) {
   e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
-function uo(e, t) {
+function fo(e, t) {
   if (e !== "_next" && e !== "_prev") return t;
 }
-var fo = co, ho = () => 1;
+var uo = co, ho = () => 1;
 function go(e, t) {
   if (e.nodeCount() <= 1) return [];
   let n = yo(e, t || ho);
@@ -690,10 +690,10 @@ function yo(e, t) {
   }), e.edges().forEach((l) => {
     let d = n.edge(l.v, l.w) || 0, a = t(l), c = d + a;
     n.setEdge(l.v, l.w, c);
-    let u = n.node(l.v), h = n.node(l.w);
-    o = Math.max(o, u.out += a), r = Math.max(r, h.in += a);
+    let f = n.node(l.v), h = n.node(l.w);
+    o = Math.max(o, f.out += a), r = Math.max(r, h.in += a);
   });
-  let i = bo(o + r + 3).map(() => new fo()), s = r + 1;
+  let i = bo(o + r + 3).map(() => new uo()), s = r + 1;
   return n.nodes().forEach((l) => {
     et(i, s, n.node(l));
   }), { graph: n, buckets: i, zeroIdx: s };
@@ -742,8 +742,8 @@ function xo(e, t) {
   let n = t.v, r = e.node(n).rank, o = t.w, i = e.node(o).rank, s = t.name, l = e.edge(t), d = l.labelRank;
   if (i === r + 1) return;
   e.removeEdge(t);
-  let a, c, u;
-  for (u = 0, ++r; r < i; ++u, ++r) l.points = [], c = { width: 0, height: 0, edgeLabel: l, edgeObj: t, rank: r }, a = ve(e, "edge", c, "_d"), r === d && (c.width = l.width, c.height = l.height, c.dummy = "edge-label", c.labelpos = l.labelpos), e.setEdge(n, a, { weight: l.weight }, s), u === 0 && e.graph().dummyChains.push(a), n = a;
+  let a, c, f;
+  for (f = 0, ++r; r < i; ++f, ++r) l.points = [], c = { width: 0, height: 0, edgeLabel: l, edgeObj: t, rank: r }, a = ve(e, "edge", c, "_d"), r === d && (c.width = l.width, c.height = l.height, c.dummy = "edge-label", c.labelpos = l.labelpos), e.setEdge(n, a, { weight: l.weight }, s), f === 0 && e.graph().dummyChains.push(a), n = a;
   e.setEdge(n, o, { weight: l.weight }, s);
 }
 function ko(e) {
@@ -795,14 +795,14 @@ function No(e, t) {
 function Co(e, t, n) {
   e.nodes().forEach((r) => t.node(r).rank += n);
 }
-var { preorder: To, postorder: Oo } = it, Io = fe;
-fe.initLowLimValues = dt;
-fe.initCutValues = at;
-fe.calcCutValue = wn;
-fe.leaveEdge = xn;
-fe.enterEdge = kn;
-fe.exchangeEdges = _n;
-function fe(e) {
+var { preorder: To, postorder: Oo } = it, Io = ue;
+ue.initLowLimValues = dt;
+ue.initCutValues = at;
+ue.calcCutValue = wn;
+ue.leaveEdge = xn;
+ue.enterEdge = kn;
+ue.exchangeEdges = _n;
+function ue(e) {
   e = to(e), lt(e);
   let t = vn(e);
   dt(t), at(t, e);
@@ -824,10 +824,10 @@ function wn(e, t, n) {
   return l && l.forEach((d) => {
     let a = d.v === n, c = a ? d.w : d.v;
     if (c !== r) {
-      let u = a === o, h = t.edge(d).weight;
-      if (s += u ? h : -h, zo(e, n, c)) {
+      let f = a === o, h = t.edge(d).weight;
+      if (s += f ? h : -h, zo(e, n, c)) {
         let g = e.edge(n, c).cutvalue;
-        s += u ? -g : g;
+        s += f ? -g : g;
       }
     }
   }), s;
@@ -871,8 +871,8 @@ function zo(e, t, n) {
 function Ft(e, t, n) {
   return n.low <= t.lim && t.lim <= n.lim;
 }
-var Lo = Po;
-function Po(e) {
+var Po = Lo;
+function Lo(e) {
   let t = e.graph().ranker;
   if (typeof t == "function") return t(e);
   switch (t) {
@@ -947,8 +947,8 @@ function Sn(e, t, n, r, o, i, s) {
     s !== t && e.setEdge(t, s, { weight: 0, minlen: n });
     return;
   }
-  let a = Lt(e, "_bt"), c = Lt(e, "_bb"), u = e.node(s);
-  e.setParent(a, s), u.borderTop = a, e.setParent(c, s), u.borderBottom = c, d.forEach((h) => {
+  let a = Pt(e, "_bt"), c = Pt(e, "_bb"), f = e.node(s);
+  e.setParent(a, s), f.borderTop = a, e.setParent(c, s), f.borderBottom = c, d.forEach((h) => {
     var g;
     Sn(e, t, n, r, o, i, h);
     let E = e.node(h), b = E.borderTop ? E.borderTop : h, p = E.borderBottom ? E.borderBottom : h, x = E.borderTop ? r : 2 * r, k = b !== p ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
@@ -1045,7 +1045,7 @@ function Qo(e, t) {
 function ei(e, t, n) {
   let r = lo(n, n.map((a, c) => c)), o = t.flatMap((a) => {
     let c = e.outEdges(a);
-    return c ? c.map((u) => ({ pos: r[u.w], weight: e.edge(u).weight })).sort((u, h) => u.pos - h.pos) : [];
+    return c ? c.map((f) => ({ pos: r[f.w], weight: e.edge(f).weight })).sort((f, h) => f.pos - h.pos) : [];
   }), i = 1;
   for (; i < n.length; ) i <<= 1;
   let s = 2 * i - 1;
@@ -1054,9 +1054,9 @@ function ei(e, t, n) {
   return o.forEach((a) => {
     let c = a.pos + i;
     l[c] += a.weight;
-    let u = 0;
-    for (; c > 0; ) c % 2 && (u += l[c + 1]), c = c - 1 >> 1, l[c] += a.weight;
-    d += a.weight * u;
+    let f = 0;
+    for (; c > 0; ) c % 2 && (f += l[c + 1]), c = c - 1 >> 1, l[c] += a.weight;
+    d += a.weight * f;
   }), d;
 }
 function ti(e, t = []) {
@@ -1107,7 +1107,7 @@ function oi(e, t) {
   e.weight && (n += e.barycenter * e.weight, r += e.weight), t.weight && (n += t.barycenter * t.weight, r += t.weight), e.vs = t.vs.concat(e.vs), e.barycenter = n / r, e.weight = r, e.i = Math.min(t.i, e.i), t.merged = !0;
 }
 function ii(e, t) {
-  let n = io(e, (c) => Object.hasOwn(c, "barycenter")), r = n.lhs, o = n.rhs.sort((c, u) => u.i - c.i), i = [], s = 0, l = 0, d = 0;
+  let n = io(e, (c) => Object.hasOwn(c, "barycenter")), r = n.lhs, o = n.rhs.sort((c, f) => f.i - c.i), i = [], s = 0, l = 0, d = 0;
   r.sort(si(!!t)), d = Dt(i, o, d), r.forEach((c) => {
     d += c.vs.length, i.push(c.vs), s += c.barycenter * c.weight, l += c.weight, d = Dt(i, o, d);
   });
@@ -1134,16 +1134,16 @@ function Cn(e, t, n, r) {
   });
   let c = ni(a, n);
   li(c, d);
-  let u = ii(c, r);
+  let f = ii(c, r);
   if (s && l) {
-    u.vs = [s, u.vs, l].flat(1);
+    f.vs = [s, f.vs, l].flat(1);
     let h = e.predecessors(s);
     if (h && h.length) {
       let g = e.node(h[0]), E = e.predecessors(l), b = e.node(E[0]);
-      Object.hasOwn(u, "barycenter") || (u.barycenter = 0, u.weight = 0), u.barycenter = (u.barycenter * u.weight + g.order + b.order) / (u.weight + 2), u.weight += 2;
+      Object.hasOwn(f, "barycenter") || (f.barycenter = 0, f.weight = 0), f.barycenter = (f.barycenter * f.weight + g.order + b.order) / (f.weight + 2), f.weight += 2;
     }
   }
-  return u;
+  return f;
 }
 function li(e, t) {
   e.forEach((n) => {
@@ -1162,8 +1162,8 @@ function di(e, t, n, r) {
       i.setNode(s), i.setParent(s, d || o);
       let a = e[n](s);
       a && a.forEach((c) => {
-        let u = c.v === s ? c.w : c.v, h = i.edge(u, s), g = h !== void 0 ? h.weight : 0;
-        i.setEdge(u, s, { weight: e.edge(c).weight + g });
+        let f = c.v === s ? c.w : c.v, h = i.edge(f, s), g = h !== void 0 ? h.weight : 0;
+        i.setEdge(f, s, { weight: e.edge(c).weight + g });
       }), Object.hasOwn(l, "minRank") && i.setNode(s, { borderLeft: l.borderLeft[t], borderRight: l.borderRight[t] });
     }
   }), i;
@@ -1173,7 +1173,7 @@ function ci(e) {
   for (; e.hasNode(t = st("_root")); ) ;
   return t;
 }
-function ui(e, t, n) {
+function fi(e, t, n) {
   let r = {}, o;
   n.forEach((i) => {
     let s = e.parent(i), l, d;
@@ -1195,9 +1195,9 @@ function Tn(e, t = {}) {
   if ($t(e, i), t.disableOptimalOrderHeuristic) return;
   let s = Number.POSITIVE_INFINITY, l, d = t.constraints || [];
   for (let a = 0, c = 0; c < 4; ++a, ++c) {
-    fi(a % 2 ? r : o, a % 4 >= 2, d), i = Te(e);
-    let u = Qo(e, i);
-    u < s ? (c = 0, l = Object.assign({}, i), s = u) : u === s && (l = structuredClone(i));
+    ui(a % 2 ? r : o, a % 4 >= 2, d), i = Te(e);
+    let f = Qo(e, i);
+    f < s ? (c = 0, l = Object.assign({}, i), s = f) : f === s && (l = structuredClone(i));
   }
   $t(e, l);
 }
@@ -1213,12 +1213,12 @@ function Wt(e, t, n) {
     return di(e, i, n, r.get(i) || []);
   });
 }
-function fi(e, t, n) {
+function ui(e, t, n) {
   let r = new q();
   e.forEach(function(o) {
     n.forEach((l) => r.setEdge(l.left, l.right));
     let i = o.graph().root, s = Cn(o, i, r, t);
-    s.vs.forEach((l, d) => o.node(l).order = d), ui(o, r, s.vs);
+    s.vs.forEach((l, d) => o.node(l).order = d), fi(o, r, s.vs);
   });
 }
 function $t(e, t) {
@@ -1228,15 +1228,15 @@ function hi(e, t) {
   let n = {};
   function r(o, i) {
     let s = 0, l = 0, d = o.length, a = i[i.length - 1];
-    return i.forEach((c, u) => {
+    return i.forEach((c, f) => {
       let h = pi(e, c), g = h ? e.node(h).order : d;
-      (h || c === a) && (i.slice(l, u + 1).forEach((E) => {
+      (h || c === a) && (i.slice(l, f + 1).forEach((E) => {
         let b = e.predecessors(E);
         b && b.forEach((p) => {
           let x = e.node(p), k = x.order;
           (k < s || g < k) && !(x.dummy && e.node(E).dummy) && On(n, p, E);
         });
-      }), l = u + 1, s = g);
+      }), l = f + 1, s = g);
     }), i;
   }
   return t.length && t.reduce(r), n;
@@ -1245,26 +1245,26 @@ function gi(e, t) {
   let n = {};
   function r(i, s, l, d, a) {
     Ne(s, l).forEach((c) => {
-      let u = i[c];
-      if (u !== void 0 && e.node(u).dummy) {
-        let h = e.predecessors(u);
+      let f = i[c];
+      if (f !== void 0 && e.node(f).dummy) {
+        let h = e.predecessors(f);
         h && h.forEach((g) => {
           if (g === void 0) return;
           let E = e.node(g);
-          E.dummy && (E.order < d || E.order > a) && On(n, g, u);
+          E.dummy && (E.order < d || E.order > a) && On(n, g, f);
         });
       }
     });
   }
   function o(i, s) {
     let l = -1, d = -1, a = 0;
-    return s.forEach((c, u) => {
+    return s.forEach((c, f) => {
       if (e.node(c).dummy === "border") {
         let h = e.predecessors(c);
         if (h && h.length) {
           let g = h[0];
           if (g === void 0) return;
-          d = e.node(g).order, r(s, a, u, l, d), a = u, l = d;
+          d = e.node(g).order, r(s, a, f, l, d), a = f, l = d;
         }
       }
       r(s, a, s.length, d, i.length);
@@ -1305,12 +1305,12 @@ function bi(e, t, n, r) {
     l.forEach((a) => {
       let c = r(a);
       if (c && c.length) {
-        let u = c.sort((g, E) => {
+        let f = c.sort((g, E) => {
           let b = s[g], p = s[E];
           return (b !== void 0 ? b : 0) - (p !== void 0 ? p : 0);
-        }), h = (u.length - 1) / 2;
+        }), h = (f.length - 1) / 2;
         for (let g = Math.floor(h), E = Math.ceil(h); g <= E; ++g) {
-          let b = u[g];
+          let b = f[g];
           if (b === void 0) continue;
           let p = s[b];
           if (p !== void 0 && i[a] === a && d < p && !yi(n, a, b)) {
@@ -1352,13 +1352,13 @@ function mi(e, t, n, r, o = !1) {
     let p = e.node(g);
     b !== Number.POSITIVE_INFINITY && p.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, b));
   }
-  function u(g) {
+  function f(g) {
     return s.predecessors(g) || [];
   }
   function h(g) {
     return s.successors(g) || [];
   }
-  return d(a, u), d(c, h), Object.keys(r).forEach((g) => {
+  return d(a, f), d(c, h), Object.keys(r).forEach((g) => {
     var E;
     let b = n[g];
     b !== void 0 && (i[g] = (E = i[b]) != null ? E : 0);
@@ -1372,10 +1372,10 @@ function vi(e, t, n, r) {
       let c = n[a];
       if (c !== void 0) {
         if (o.setNode(c), d !== void 0) {
-          let u = n[d];
-          if (u !== void 0) {
-            let h = o.edge(u, c);
-            o.setEdge(u, c, Math.max(s(e, a, d), h || 0));
+          let f = n[d];
+          if (f !== void 0) {
+            let h = o.edge(f, c);
+            o.setEdge(f, c, Math.max(s(e, a, d), h || 0));
           }
         }
         d = a;
@@ -1401,7 +1401,7 @@ function Ei(e, t) {
       let l = i + s, d = e[l];
       if (!d || d === t) return;
       let a = Object.values(d), c = r - ee(Math.min, a);
-      s !== "l" && (c = o - ee(Math.max, a)), c && (e[l] = Ae(d, (u) => u + c));
+      s !== "l" && (c = o - ee(Math.max, a)), c && (e[l] = Ae(d, (f) => f + c));
     });
   });
 }
@@ -1465,8 +1465,8 @@ function Ci(e) {
   t.forEach((s) => {
     let l = s.reduce((d, a) => {
       var c;
-      let u = (c = e.node(a).height) != null ? c : 0;
-      return d > u ? d : u;
+      let f = (c = e.node(a).height) != null ? c : 0;
+      return d > f ? d : f;
     }, 0);
     s.forEach((d) => {
       let a = e.node(d);
@@ -1482,7 +1482,7 @@ function Ti(e, t = {}) {
   });
 }
 function Oi(e, t, n) {
-  t("    makeSpaceForEdgeLabels", () => Bi(e)), t("    removeSelfEdges", () => Vi(e)), t("    acyclic", () => mo(e)), t("    nestingGraph.run", () => $o(e)), t("    rank", () => Lo(gn(e))), t("    injectEdgeLabelProxies", () => Di(e)), t("    removeEmptyRanks", () => ro(e)), t("    nestingGraph.cleanup", () => Ko(e)), t("    normalizeRanks", () => no(e)), t("    assignRankMinMax", () => Wi(e)), t("    removeEdgeLabelProxies", () => $i(e)), t("    normalize.run", () => Eo(e)), t("    parentDummyChains", () => Ao(e)), t("    addBorderSegments", () => Ho(e)), t("    order", () => Tn(e, n)), t("    insertSelfEdges", () => qi(e)), t("    adjustCoordinateSystem", () => Vo(e)), t("    position", () => Ni(e)), t("    positionSelfEdges", () => Xi(e)), t("    removeBorderNodes", () => Ui(e)), t("    normalize.undo", () => ko(e)), t("    fixupEdgeLabelCoords", () => Ki(e)), t("    undoCoordinateSystem", () => qo(e)), t("    translateGraph", () => Gi(e)), t("    assignNodeIntersects", () => Yi(e)), t("    reversePoints", () => Hi(e)), t("    acyclic.undo", () => wo(e));
+  t("    makeSpaceForEdgeLabels", () => Bi(e)), t("    removeSelfEdges", () => Vi(e)), t("    acyclic", () => mo(e)), t("    nestingGraph.run", () => $o(e)), t("    rank", () => Po(gn(e))), t("    injectEdgeLabelProxies", () => Di(e)), t("    removeEmptyRanks", () => ro(e)), t("    nestingGraph.cleanup", () => Ko(e)), t("    normalizeRanks", () => no(e)), t("    assignRankMinMax", () => Wi(e)), t("    removeEdgeLabelProxies", () => $i(e)), t("    normalize.run", () => Eo(e)), t("    parentDummyChains", () => Ao(e)), t("    addBorderSegments", () => Ho(e)), t("    order", () => Tn(e, n)), t("    insertSelfEdges", () => qi(e)), t("    adjustCoordinateSystem", () => Vo(e)), t("    position", () => Ni(e)), t("    positionSelfEdges", () => Xi(e)), t("    removeBorderNodes", () => Ui(e)), t("    normalize.undo", () => ko(e)), t("    fixupEdgeLabelCoords", () => Ki(e)), t("    undoCoordinateSystem", () => qo(e)), t("    translateGraph", () => Gi(e)), t("    assignNodeIntersects", () => Yi(e)), t("    reversePoints", () => Hi(e)), t("    acyclic.undo", () => wo(e));
 }
 function Ii(e, t) {
   e.nodes().forEach((n) => {
@@ -1493,11 +1493,11 @@ function Ii(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 Mi = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], ji = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, zi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], Li = ["width", "height", "rank"], Gt = { width: 0, height: 0 }, Pi = ["minlen", "weight", "width", "height", "labeloffset"], Fi = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, Ri = ["labelpos"];
+var Mi = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], ji = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, zi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], Pi = ["width", "height", "rank"], Gt = { width: 0, height: 0 }, Li = ["minlen", "weight", "width", "height", "labeloffset"], Fi = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, Ri = ["labelpos"];
 function Ai(e) {
   let t = new q({ multigraph: !0, compound: !0 }), n = Xe(e.graph());
   return t.setGraph(Object.assign({}, ji, qe(n, Mi), Re(n, zi))), e.nodes().forEach((r) => {
-    let o = Xe(e.node(r)), i = qe(o, Li);
+    let o = Xe(e.node(r)), i = qe(o, Pi);
     Object.keys(Gt).forEach((l) => {
       i[l] === void 0 && (i[l] = Gt[l]);
     }), t.setNode(r, i);
@@ -1505,7 +1505,7 @@ function Ai(e) {
     s !== void 0 && t.setParent(r, s);
   }), e.edges().forEach((r) => {
     let o = Xe(e.edge(r));
-    t.setEdge(r, Object.assign({}, Fi, qe(o, Pi), Re(o, Ri)));
+    t.setEdge(r, Object.assign({}, Fi, qe(o, Li), Re(o, Ri)));
   }), t;
 }
 function Bi(e) {
@@ -1543,8 +1543,8 @@ function $i(e) {
 function Gi(e) {
   let t = Number.POSITIVE_INFINITY, n = 0, r = Number.POSITIVE_INFINITY, o = 0, i = e.graph(), s = i.marginx || 0, l = i.marginy || 0;
   function d(a) {
-    let c = a.x, u = a.y, h = a.width, g = a.height;
-    t = Math.min(t, c - h / 2), n = Math.max(n, c + h / 2), r = Math.min(r, u - g / 2), o = Math.max(o, u + g / 2);
+    let c = a.x, f = a.y, h = a.width, g = a.height;
+    t = Math.min(t, c - h / 2), n = Math.max(n, c + h / 2), r = Math.min(r, f - g / 2), o = Math.max(o, f + g / 2);
   }
   e.nodes().forEach((a) => d(e.node(a))), e.edges().forEach((a) => {
     let c = e.edge(a);
@@ -1554,8 +1554,8 @@ function Gi(e) {
     c.x -= t, c.y -= r;
   }), e.edges().forEach((a) => {
     let c = e.edge(a);
-    c.points.forEach((u) => {
-      u.x -= t, u.y -= r;
+    c.points.forEach((f) => {
+      f.x -= t, f.y -= r;
     }), Object.hasOwn(c, "x") && (c.x -= t), Object.hasOwn(c, "y") && (c.y -= r);
   }), i.width = n - t + s, i.height = o - r + l;
 }
@@ -1674,7 +1674,7 @@ function ns({
   saveLabel: s = "Save",
   saveDisabled: l = !1
 }) {
-  const [d, a] = $.useState(!1), [c, u] = $.useState(!1), [h, g] = $.useState(e ?? "");
+  const [d, a] = $.useState(!1), [c, f] = $.useState(!1), [h, g] = $.useState(e ?? "");
   $.useEffect(() => {
     g(e ?? "");
   }, [e]);
@@ -1705,16 +1705,16 @@ function ns({
       },
       children: [
         /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 10, minWidth: 0 }, children: [
-          c && t ? /* @__PURE__ */ f(
+          c && t ? /* @__PURE__ */ u(
             "input",
             {
               value: h,
               onChange: (p) => g(p.target.value),
               onBlur: () => {
-                u(!1), h !== e && t(h);
+                f(!1), h !== e && t(h);
               },
               onKeyDown: (p) => {
-                p.key === "Enter" && p.target.blur(), p.key === "Escape" && (g(e ?? ""), u(!1));
+                p.key === "Enter" && p.target.blur(), p.key === "Escape" && (g(e ?? ""), f(!1));
               },
               autoFocus: !0,
               style: {
@@ -1727,10 +1727,10 @@ function ns({
                 minWidth: 200
               }
             }
-          ) : /* @__PURE__ */ f(
+          ) : /* @__PURE__ */ u(
             "span",
             {
-              onClick: () => t && u(!0),
+              onClick: () => t && f(!0),
               style: {
                 fontSize: 15,
                 fontWeight: 600,
@@ -1745,7 +1745,7 @@ function ns({
               children: e || "Untitled workflow"
             }
           ),
-          n && /* @__PURE__ */ f(
+          n && /* @__PURE__ */ u(
             "span",
             {
               style: {
@@ -1764,7 +1764,7 @@ function ns({
           )
         ] }),
         /* @__PURE__ */ w("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center", gap: 8 }, children: [
-          i && /* @__PURE__ */ f(
+          i && /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -1784,7 +1784,7 @@ function ns({
               children: "Cancel"
             }
           ),
-          o && /* @__PURE__ */ f(
+          o && /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -1814,16 +1814,16 @@ function ns({
   );
 }
 const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i, width: s = 720 }) => {
-  const [l, d] = L(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ w(re, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
-    r && /* @__PURE__ */ f(re, { 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(Ot, { onClick: a, size: "small", sx: { mr: 1 }, title: l ? "Collapse" : "Expand", "data-testid": "expand-collapse-base-drawer-btn", children: l ? /* @__PURE__ */ f(vr, {}) : /* @__PURE__ */ f(wr, {}) }),
-    /* @__PURE__ */ f(Ot, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ f(or, {}) })
-  ] }), u = () => i ? /* @__PURE__ */ f(re, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
+  const [l, d] = P(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ w(re, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
+    r && /* @__PURE__ */ u(re, { sx: { mr: 1.5, display: "flex", alignItems: "center", fontSize: "1.25rem", color: "#1DBF60" }, children: r }),
+    /* @__PURE__ */ u("span", { style: { flexGrow: 1, fontSize: 14, fontWeight: 500, color: "#212121" }, children: n }),
+    /* @__PURE__ */ u(Ot, { onClick: a, size: "small", sx: { mr: 1 }, title: l ? "Collapse" : "Expand", "data-testid": "expand-collapse-base-drawer-btn", children: l ? /* @__PURE__ */ u(vr, {}) : /* @__PURE__ */ u(wr, {}) }),
+    /* @__PURE__ */ u(Ot, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ u(or, {}) })
+  ] }), f = () => i ? /* @__PURE__ */ u(re, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
   return l ? /* @__PURE__ */ w(er, { 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(re, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
-    /* @__PURE__ */ f(u, {})
+    /* @__PURE__ */ u(c, {}),
+    /* @__PURE__ */ u(re, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+    /* @__PURE__ */ u(f, {})
   ] }) : /* @__PURE__ */ w(
     tr,
     {
@@ -1849,9 +1849,9 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
         }
       },
       children: [
-        /* @__PURE__ */ f(c, {}),
-        /* @__PURE__ */ f(re, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
-        /* @__PURE__ */ f(u, {})
+        /* @__PURE__ */ u(c, {}),
+        /* @__PURE__ */ u(re, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+        /* @__PURE__ */ u(f, {})
       ]
     }
   );
@@ -1863,36 +1863,36 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
   onClose: o,
   loadTriggerSources: i
 }) => {
-  const [s, l] = L("trigger"), [d, a] = L(null), [c, u] = L([]), [h, g] = L([]), [E, b] = L(!1), [p, x] = L(null);
+  const [s, l] = P("trigger"), [d, a] = P(null), [c, f] = P([]), [h, g] = P([]), [E, b] = P(!1), [p, x] = P(null);
   se(() => {
-    e || (l("trigger"), a(null), u([]), g([]), b(!1), x(null));
+    e || (l("trigger"), a(null), f([]), g([]), b(!1), x(null));
   }, [e]);
-  const k = U(async (P) => {
+  const k = U(async (L) => {
     if (!i) {
-      r(P);
+      r(L);
       return;
     }
-    a(P), b(!0), x(null);
+    a(L), b(!0), x(null);
     try {
-      const I = await i(P.triggerKey);
+      const I = await i(L.triggerKey);
       if (!I || I.length === 0) {
-        r(P);
+        r(L);
         return;
       }
-      u(I), l("sources");
+      f(I), l("sources");
     } catch (I) {
       x(I instanceof Error ? I.message : "Failed to load sources.");
     } finally {
       b(!1);
     }
   }, [i, r]), M = () => {
-    l("trigger"), a(null), u([]), g([]), x(null);
+    l("trigger"), a(null), f([]), g([]), x(null);
   }, z = () => {
     d && r(d, h);
   }, W = s === "sources" && d, G = W ? /* @__PURE__ */ w(Se, { children: [
-    /* @__PURE__ */ f(Le, { type: "button", variant: "outlined", size: "small", onClick: M, children: n.cancel ?? "Back" }),
-    /* @__PURE__ */ f(
-      Le,
+    /* @__PURE__ */ u(Pe, { type: "button", variant: "outlined", size: "small", onClick: M, children: n.cancel ?? "Back" }),
+    /* @__PURE__ */ u(
+      Pe,
       {
         type: "button",
         variant: "contained",
@@ -1903,29 +1903,29 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ u(
     Ce,
     {
       isOpen: e,
       onClose: o,
       title: W ? d.label : n.addTriggerTitle,
-      icon: /* @__PURE__ */ f(mr, {}),
+      icon: /* @__PURE__ */ u(mr, {}),
       width: 500,
       footer: G,
       children: /* @__PURE__ */ w(re, { sx: { p: 2 }, children: [
         !W && /* @__PURE__ */ w(Se, { children: [
-          /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: n.chooseTrigger }),
+          /* @__PURE__ */ u("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((P) => /* @__PURE__ */ w(
+            t.map((L) => /* @__PURE__ */ w(
               "div",
               {
                 className: "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-start ff-gap-3",
                 style: { cursor: E ? "wait" : "pointer", transition: "background 0.15s", opacity: E ? 0.6 : 1 },
-                onClick: () => !E && k(P),
+                onClick: () => !E && k(L),
                 role: "button",
                 tabIndex: 0,
                 onKeyDown: (I) => {
-                  I.key === "Enter" && !E && k(P);
+                  I.key === "Enter" && !E && k(L);
                 },
                 onMouseEnter: (I) => {
                   E || (I.currentTarget.style.background = "#f5f5f5");
@@ -1934,22 +1934,22 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
                   I.currentTarget.style.background = "";
                 },
                 children: [
-                  /* @__PURE__ */ f("div", { style: { color: P.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: P.triggerCategory === "scheduler" ? /* @__PURE__ */ f(ir, { size: 18 }) : /* @__PURE__ */ f(sr, { size: 18 }) }),
+                  /* @__PURE__ */ u("div", { style: { color: L.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: L.triggerCategory === "scheduler" ? /* @__PURE__ */ u(ir, { size: 18 }) : /* @__PURE__ */ u(sr, { size: 18 }) }),
                   /* @__PURE__ */ w("div", { children: [
-                    /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: P.label }),
-                    P.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: P.description })
+                    /* @__PURE__ */ u("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: L.label }),
+                    L.description && /* @__PURE__ */ u("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: L.description })
                   ] })
                 ]
               },
-              P.triggerKey
+              L.triggerKey
             )),
-            t.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
+            t.length === 0 && /* @__PURE__ */ u("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
           ] }),
           E && /* @__PURE__ */ w(re, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 2, fontSize: 12, color: "#64748b" }, children: [
-            /* @__PURE__ */ f(nr, { size: 14 }),
-            /* @__PURE__ */ f("span", { children: "Loading sources for the selected trigger…" })
+            /* @__PURE__ */ u(nr, { size: 14 }),
+            /* @__PURE__ */ u("span", { children: "Loading sources for the selected trigger…" })
           ] }),
-          p && /* @__PURE__ */ f("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: p })
+          p && /* @__PURE__ */ u("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: p })
         ] }),
         W && /* @__PURE__ */ w(Se, { children: [
           /* @__PURE__ */ w(
@@ -1958,29 +1958,29 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
               role: "button",
               tabIndex: 0,
               onClick: M,
-              onKeyDown: (P) => {
-                P.key === "Enter" && M();
+              onKeyDown: (L) => {
+                L.key === "Enter" && M();
               },
               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" },
               children: [
-                /* @__PURE__ */ f(Jt, { size: 16 }),
-                /* @__PURE__ */ f("span", { children: n.addTriggerTitle })
+                /* @__PURE__ */ u(Jt, { size: 16 }),
+                /* @__PURE__ */ u("span", { children: n.addTriggerTitle })
               ]
             }
           ),
           /* @__PURE__ */ w("p", { className: "ff-text-muted ff-mb-2", style: { fontSize: 13 }, children: [
             "Pick one or more sources for ",
-            /* @__PURE__ */ f("strong", { children: d.label }),
+            /* @__PURE__ */ u("strong", { children: d.label }),
             ":"
           ] }),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ u(
             rr,
             {
               isMulti: !0,
               options: c,
               value: h,
-              onChange: (P) => g(P ?? []),
+              onChange: (L) => g(L ?? []),
               placeholder: "Select sources…",
               menuPosition: "fixed",
               menuPortalTarget: typeof document < "u" ? document.body : void 0,
@@ -1996,11 +1996,11 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
   transition: "background 0.15s"
 }, Ze = "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-center ff-gap-3", os = ({ open: e, availableDescriptors: t, messages: n, onSelect: r, onClose: o }) => {
   const { apps: i, ungrouped: s } = V(() => {
-    const u = /* @__PURE__ */ new Map(), h = [];
+    const f = /* @__PURE__ */ new Map(), h = [];
     for (const g of t)
       if (g.app) {
-        const E = u.get(g.app.key);
-        E ? E.descriptors.push(g) : u.set(g.app.key, {
+        const E = f.get(g.app.key);
+        E ? E.descriptors.push(g) : f.set(g.app.key, {
           key: g.app.key,
           label: g.app.label,
           icon: g.app.icon,
@@ -2009,21 +2009,21 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
         });
       } else
         h.push(g);
-    return { apps: [...u.values()], ungrouped: h };
-  }, [t]), [l, d] = L(null), a = l ? i.find((u) => u.key === l) ?? null : null;
+    return { apps: [...f.values()], ungrouped: h };
+  }, [t]), [l, d] = P(null), a = l ? i.find((f) => f.key === l) ?? null : null;
   se(() => {
     e || d(null);
   }, [e]), se(() => {
     d(null);
   }, [t]);
   const c = !a;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ u(
     Ce,
     {
       isOpen: e,
       onClose: o,
       title: c ? n.addStepTitle : a.label,
-      icon: c ? /* @__PURE__ */ f(lr, {}) : a.icon ?? /* @__PURE__ */ f(ar, {}),
+      icon: c ? /* @__PURE__ */ u(lr, {}) : a.icon ?? /* @__PURE__ */ u(ar, {}),
       width: 500,
       children: /* @__PURE__ */ w(re, { sx: { p: 2 }, children: [
         !c && /* @__PURE__ */ w(
@@ -2032,29 +2032,29 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
             role: "button",
             tabIndex: 0,
             onClick: () => d(null),
-            onKeyDown: (u) => {
-              u.key === "Enter" && d(null);
+            onKeyDown: (f) => {
+              f.key === "Enter" && d(null);
             },
             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" },
             children: [
-              /* @__PURE__ */ f(Jt, { size: 16 }),
-              /* @__PURE__ */ f("span", { children: n.addStepTitle })
+              /* @__PURE__ */ u(Jt, { size: 16 }),
+              /* @__PURE__ */ u("span", { children: n.addStepTitle })
             ]
           }
         ),
-        /* @__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(Se, { children: [
-          i.map((u) => /* @__PURE__ */ w(
+        /* @__PURE__ */ u("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: c ? n.chooseAction : `Pick an action from ${a.label}` }),
+        /* @__PURE__ */ u("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ w(Se, { children: [
+          i.map((f) => /* @__PURE__ */ w(
             "div",
             {
               className: Ze,
               style: Je,
-              onClick: () => d(u.key),
+              onClick: () => d(f.key),
               role: "button",
               tabIndex: 0,
               onKeyDown: (h) => {
-                h.key === "Enter" && d(u.key);
+                h.key === "Enter" && d(f.key);
               },
               onMouseEnter: (h) => {
                 h.currentTarget.style.background = "#f5f5f5";
@@ -2063,26 +2063,26 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
                 h.currentTarget.style.background = "";
               },
               children: [
-                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
+                f.icon && /* @__PURE__ */ u("div", { style: { flexShrink: 0 }, children: f.icon }),
                 /* @__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"}` })
+                  /* @__PURE__ */ u("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: f.label }),
+                  /* @__PURE__ */ u("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: f.description ?? `${f.descriptors.length} action${f.descriptors.length === 1 ? "" : "s"}` })
                 ] }),
-                /* @__PURE__ */ f(Zt, { size: 18, color: "#9e9e9e" })
+                /* @__PURE__ */ u(Zt, { size: 18, color: "#9e9e9e" })
               ]
             },
-            `app-${u.key}`
+            `app-${f.key}`
           )),
-          s.map((u) => /* @__PURE__ */ w(
+          s.map((f) => /* @__PURE__ */ w(
             "div",
             {
               className: Ze,
               style: Je,
-              onClick: () => r(u),
+              onClick: () => r(f),
               role: "button",
               tabIndex: 0,
               onKeyDown: (h) => {
-                h.key === "Enter" && r(u);
+                h.key === "Enter" && r(f);
               },
               onMouseEnter: (h) => {
                 h.currentTarget.style.background = "#f5f5f5";
@@ -2091,25 +2091,25 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
                 h.currentTarget.style.background = "";
               },
               children: [
-                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
-                /* @__PURE__ */ f("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label })
+                f.icon && /* @__PURE__ */ u("div", { style: { flexShrink: 0 }, children: f.icon }),
+                /* @__PURE__ */ u("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: f.label })
               ]
             },
-            u.type
+            f.type
           )),
-          i.length === 0 && s.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noActions })
+          i.length === 0 && s.length === 0 && /* @__PURE__ */ u("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((f) => /* @__PURE__ */ w(
             "div",
             {
               className: Ze,
               style: Je,
-              onClick: () => r(u),
+              onClick: () => r(f),
               role: "button",
               tabIndex: 0,
               onKeyDown: (h) => {
-                h.key === "Enter" && r(u);
+                h.key === "Enter" && r(f);
               },
               onMouseEnter: (h) => {
                 h.currentTarget.style.background = "#f5f5f5";
@@ -2118,11 +2118,11 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
                 h.currentTarget.style.background = "";
               },
               children: [
-                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
-                /* @__PURE__ */ f("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label })
+                f.icon && /* @__PURE__ */ u("div", { style: { flexShrink: 0 }, children: f.icon }),
+                /* @__PURE__ */ u("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: f.label })
               ]
             },
-            u.type
+            f.type
           ))
         ) })
       ] })
@@ -2139,7 +2139,7 @@ function Ut(e) {
   }) : Array.isArray(e.fields) && e.fields.length > 0;
 }
 const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o, onSave: i, onClose: s }) => {
-  const [l, d] = L({ layout: "flat", fields: [] }), [a, c] = L(!1), [u, h] = L(null), [g, E] = L({});
+  const [l, d] = P({ layout: "flat", fields: [] }), [a, c] = P(!1), [f, h] = P(null), [g, E] = P({});
   se(() => {
     E((r == null ? void 0 : r[Kt]) ?? {});
   }, [r, t]), se(() => {
@@ -2157,10 +2157,10 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       k = !0;
     };
   }, [n, t]);
-  const b = t ? `node-config-form-${t}` : "node-config-form", p = !a && !u && Ut(l), x = p ? /* @__PURE__ */ w(Se, { children: [
-    /* @__PURE__ */ f(Le, { type: "button", variant: "text", size: "small", sx: { textTransform: "none", color: "#475569" }, onClick: s, children: o.cancel }),
-    /* @__PURE__ */ f(
-      Le,
+  const b = t ? `node-config-form-${t}` : "node-config-form", p = !a && !f && Ut(l), x = p ? /* @__PURE__ */ w(Se, { children: [
+    /* @__PURE__ */ u(Pe, { type: "button", variant: "text", size: "small", sx: { textTransform: "none", color: "#475569" }, onClick: s, children: o.cancel }),
+    /* @__PURE__ */ u(
+      Pe,
       {
         type: "submit",
         form: b,
@@ -2178,14 +2178,14 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       }
     )
   ] }) : null;
-  return n != null && n.customPanel && t ? /* @__PURE__ */ f(Ce, { isOpen: e, onClose: s, title: n.label ?? o.configureStep, icon: n.icon, width: 500, children: n.customPanel({
+  return n != null && n.customPanel && t ? /* @__PURE__ */ u(Ce, { isOpen: e, onClose: s, title: n.label ?? o.configureStep, icon: n.icon, width: 500, children: n.customPanel({
     nodeId: t,
     data: r ?? {},
     onSave: (k) => {
       i(t, k), s();
     },
     onClose: s
-  }) }) : /* @__PURE__ */ f(
+  }) }) : /* @__PURE__ */ u(
     Ce,
     {
       isOpen: e,
@@ -2195,10 +2195,10 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       width: 500,
       footer: x,
       children: /* @__PURE__ */ w(re, { 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 && !Ut(l) && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.noConfigurationNeeded }),
-        p && /* @__PURE__ */ f(
+        a && /* @__PURE__ */ u("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.loadingConfiguration }),
+        !a && f && /* @__PURE__ */ u("p", { style: { fontSize: 13, color: "#d32f2f" }, children: f }),
+        !a && !f && !Ut(l) && /* @__PURE__ */ u("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.noConfigurationNeeded }),
+        p && /* @__PURE__ */ u(
           xr,
           {
             schema: l,
@@ -2223,38 +2223,38 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
   workflowLabel: r,
   onFetchWorkflow: o
 }) => {
-  const [i, s] = L({ status: "idle" });
+  const [i, s] = P({ status: "idle" });
   return se(() => {
     if (!e || !n) {
       s({ status: "idle" });
       return;
     }
     s({ status: "loading" }), o(n).then((l) => s({ status: "loaded", state: l })).catch((l) => s({ status: "error", message: (l == null ? void 0 : l.message) ?? "Failed to load workflow" }));
-  }, [e, n, o]), /* @__PURE__ */ f(
+  }, [e, n, o]), /* @__PURE__ */ u(
     Ce,
     {
       isOpen: e,
       onClose: t,
       title: r ? `Preview: ${r}` : "Sub-Workflow Preview",
-      icon: /* @__PURE__ */ f(cr, { size: 18, color: "#00695c" }),
+      icon: /* @__PURE__ */ u(cr, { size: 18, color: "#00695c" }),
       width: 700,
       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 === "idle" && /* @__PURE__ */ u("span", { style: { color: "#9e9e9e", fontSize: 14 }, children: "Select a workflow to preview" }),
         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); } }" })
+          /* @__PURE__ */ u("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__ */ u("span", { style: { fontSize: 14 }, children: "Loading workflow…" }),
+          /* @__PURE__ */ u("style", { children: "@keyframes spin { to { transform: rotate(360deg); } }" })
         ] }),
         i.status === "error" && /* @__PURE__ */ w("div", { style: { textAlign: "center", color: "#c62828" }, children: [
-          /* @__PURE__ */ f(dr, { size: 32, style: { marginBottom: 8 } }),
-          /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
+          /* @__PURE__ */ u(dr, { size: 32, style: { marginBottom: 8 } }),
+          /* @__PURE__ */ u("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
         ] }),
-        i.status === "loaded" && /* @__PURE__ */ f("div", { style: { width: "100%", flex: 1 }, children: /* @__PURE__ */ f(ls, { state: i.state }) })
+        i.status === "loaded" && /* @__PURE__ */ u("div", { style: { width: "100%", flex: 1 }, children: /* @__PURE__ */ u(ls, { state: i.state }) })
       ] })
     }
   );
 }, ls = ({ state: e }) => {
-  const [t, n] = L(null), [r, o] = L(null);
+  const [t, n] = P(null), [r, o] = P(null);
   return se(() => {
     Promise.all([
       Promise.resolve().then(() => hs).then((i) => i.default),
@@ -2263,7 +2263,7 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
     ]).then(([i, s, l]) => {
       n(() => i), o({ nodeTypeRegistry: s, templateRegistry: l });
     });
-  }, []), !t || !r ? /* @__PURE__ */ f("div", { style: { color: "#9e9e9e", fontSize: 13, textAlign: "center" }, children: "Loading canvas…" }) : /* @__PURE__ */ f("div", { style: { width: "100%", height: 480, border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: /* @__PURE__ */ f(
+  }, []), !t || !r ? /* @__PURE__ */ u("div", { style: { color: "#9e9e9e", fontSize: 13, textAlign: "center" }, children: "Loading canvas…" }) : /* @__PURE__ */ u("div", { style: { width: "100%", height: 480, border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: /* @__PURE__ */ u(
     t,
     {
       nodeRegistry: r.nodeTypeRegistry,
@@ -2307,29 +2307,29 @@ function ds(e, t, n, r = "TB") {
     return { ...i, position: { x: s.x - l / 2, y: s.y - d / 2 } };
   });
 }
-const ue = (e) => e === "filter" || e === "approval";
+const fe = (e) => e === "filter" || e === "approval";
 function cs(e, t, n, r) {
-  const s = tt, l = 30, d = 30, a = {}, c = {}, u = /* @__PURE__ */ new Map();
-  for (const p of e) u.set(p.id, p);
+  const s = tt, l = 30, d = 30, a = {}, c = {}, f = /* @__PURE__ */ new Map();
+  for (const p of e) f.set(p.id, p);
   for (const p of Object.values(t))
     for (const x of Object.values(p))
-      for (const k of x) u.set(k.id, k);
+      for (const k of x) f.set(k.id, k);
   const h = (p, x, k) => {
     const M = r[p] ?? { width: me, height: 80 };
     return a[p] = { x: x - M.width / 2, y: k }, k + M.height;
   }, g = (p, x, k) => {
     let M = k;
     for (const z of p)
-      M = h(z.id, x, M) + s, ue(z.kind) && t[z.id] && (M = E(z.id, x, M));
+      M = h(z.id, x, M) + s, fe(z.kind) && t[z.id] && (M = E(z.id, x, M));
     return M;
   }, E = (p, x, k) => {
-    const M = x + 180, z = t[p], W = Object.keys(z), G = u.get(p), P = (G == null ? void 0 : G.branchLabels) ?? { pass: "Pass", fail: "Fail" }, I = a[p], Y = r[p] ?? { width: me, height: 80 }, J = I.y + Y.height;
+    const M = x + 180, z = t[p], W = Object.keys(z), G = f.get(p), L = (G == null ? void 0 : G.branchLabels) ?? { pass: "Pass", fail: "Fail" }, I = a[p], Y = r[p] ?? { width: me, height: 80 }, J = I.y + Y.height;
     if ((G == null ? void 0 : G.branchStyle) === "inline-gate") {
       const ie = [], he = x + Y.width / 2 + 140;
       let te = I.y + Y.height / 2;
       W.slice(1).forEach((ge) => {
         var we, Ee;
-        ie.push({ y: te - J, label: P[ge] ?? ge, isPass: !1 });
+        ie.push({ y: te - J, label: L[ge] ?? ge, isPass: !1 });
         const De = te - (((Ee = r[(we = z[ge][0]) == null ? void 0 : we.id]) == null ? void 0 : Ee.height) ?? 50) / 2;
         te = g(z[ge], he, De) + l;
       });
@@ -2342,7 +2342,7 @@ function cs(e, t, n, r) {
       const Oe = z[ie], te = A;
       le.push({
         y: te - J,
-        label: P[ie] ?? ie,
+        label: L[ie] ?? ie,
         isPass: he === 0
       }), A = g(Oe, M, A + d), he < W.length - 1 && (A += l);
     }), c[p] = {
@@ -2353,7 +2353,7 @@ function cs(e, t, n, r) {
   };
   let b = nt;
   for (const p of e)
-    b = h(p.id, 400, b) + s, ue(p.kind) && t[p.id] && (b = E(p.id, 400, b));
+    b = h(p.id, 400, b) + s, fe(p.kind) && t[p.id] && (b = E(p.id, 400, b));
   return {
     nodes: n.map((p) => a[p.id] ? { ...p, position: a[p.id] } : p),
     railSpecs: c
@@ -2369,7 +2369,7 @@ function qt(e) {
     selectable: !1
   };
 }
-function us(e, t, n, r, o) {
+function fs(e, t, n, r, o) {
   return {
     id: `e-${e.id}-${t.id}`,
     source: e.id,
@@ -2383,29 +2383,29 @@ function us(e, t, n, r, o) {
     }
   };
 }
-function fs(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
+function us(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
   const l = o.edgeColor ?? "#b0bec5", d = [], a = [], c = (b, p, x) => {
     const k = t[b];
     if (!k) return;
-    const z = p ?? { pass: "Pass", fail: "Fail" }, W = Object.keys(k), G = x === "inline-gate", P = (I, Y, J, le) => {
+    const z = p ?? { pass: "Pass", fail: "Fail" }, W = Object.keys(k), G = x === "inline-gate", L = (I, Y, J, le) => {
       if (I.length !== 0) {
         I.forEach((A) => d.push(qt(A))), G && le === 0 ? a.push({
           id: `e-${b}-${Y}-start`,
           source: b,
           sourceHandle: "pass",
           target: I[0].id,
-          type: "gatewayBranchEdge",
+          type: "labelPlusEdge",
           style: { stroke: l },
-          data: { branch: Y, filterId: b, label: J, isFirst: !0, onAddStepClick: n, verticalRouting: !0, railless: !0 }
+          data: { label: J, onAddStepClick: n, referenceNodeType: "filterNode", filterId: b, branch: Y }
         }) : G ? a.push({
           id: `e-${b}-${Y}-start`,
           source: b,
           sourceHandle: "fail",
           target: I[0].id,
           targetHandle: "left",
-          type: "gatewayBranchEdge",
+          type: "labelPlusEdge",
           style: { stroke: l },
-          data: { branch: Y, filterId: b, label: J, isFirst: !1, sideRouting: !0 }
+          data: { label: J, showPlus: !1, filterId: b, branch: Y }
         }) : a.push({
           id: `e-${b}-${Y}-start`,
           source: b,
@@ -2415,13 +2415,13 @@ function fs(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
           data: { branch: Y, filterId: b, label: J, isFirst: le === 0, onAddStepClick: n, verticalRouting: s === "vertical" }
         });
         for (let A = 1; A < I.length; A++)
-          ue(I[A - 1].kind) || a.push(us(I[A - 1], I[A], l, n, { filterId: b, branch: Y }));
+          fe(I[A - 1].kind) || a.push(fs(I[A - 1], I[A], l, n, { filterId: b, branch: Y }));
         for (const A of I)
-          ue(A.kind) && t[A.id] && c(A.id, A.branchLabels, A.branchStyle);
+          fe(A.kind) && t[A.id] && c(A.id, A.branchLabels, A.branchStyle);
       }
     };
     W.forEach((I, Y) => {
-      P(k[I], I, z[I] ?? I, Y);
+      L(k[I], I, z[I] ?? I, Y);
     });
   };
   for (let b = 0; b < e.length; b++) {
@@ -2443,9 +2443,9 @@ function fs(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
     }
     (p.kind === "filter" || p.kind === "approval") && t[p.id] && c(p.id, p.branchLabels, p.branchStyle);
   }
-  const u = {};
+  const f = {};
   if (d.forEach((b) => {
-    u[b.id] = {
+    f[b.id] = {
       width: me,
       height: r[b.id] ?? rt[b.type ?? ""] ?? 80
     };
@@ -2453,14 +2453,14 @@ function fs(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
     if (i === "LR") {
       let M = nt;
       return { nodes: d.map((W) => {
-        const G = u[W.id].width, P = u[W.id].height, I = { ...W, position: { x: M, y: 300 - P / 2 } };
+        const G = f[W.id].width, L = f[W.id].height, I = { ...W, position: { x: M, y: 300 - L / 2 } };
         return M += G + tt, I;
       }), edges: a };
     }
     const b = 400;
     let p = nt;
     return { nodes: d.map((k) => {
-      const M = u[k.id].height, z = { ...k, position: { x: b - me / 2, y: p } };
+      const M = f[k.id].height, z = { ...k, position: { x: b - me / 2, y: p } };
       return p += M + tt, z;
     }), edges: a };
   }
@@ -2468,12 +2468,12 @@ function fs(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
     (b) => Object.values(b).flat().some((p) => p.branchStyle === "inline-gate")
   );
   if (s === "vertical" || g) {
-    const { nodes: b, railSpecs: p } = cs(e, t, d, u);
+    const { nodes: b, railSpecs: p } = cs(e, t, d, f);
     return { nodes: b.map(
       (k) => p[k.id] ? { ...k, data: { ...k.data, _branchRail: p[k.id] } } : k
     ), edges: a };
   }
-  return { nodes: ds(d, a, u, i), edges: a };
+  return { nodes: ds(d, a, f, i), edges: a };
 }
 const Xt = ({
   nodeRegistry: e,
@@ -2487,7 +2487,7 @@ const Xt = ({
   messages: d,
   canvasOptions: a = {},
   renderTriggerSelector: c,
-  loadTriggerSources: u,
+  loadTriggerSources: f,
   renderNodePicker: h,
   renderNodeConfig: g,
   onNodeClick: E,
@@ -2499,7 +2499,7 @@ const Xt = ({
   workflowName: z,
   onWorkflowNameChange: W,
   onCancel: G,
-  workflowStatus: P,
+  workflowStatus: L,
   workflowStatusColor: I,
   saveLabel: Y,
   optionsResolvers: J
@@ -2517,15 +2517,15 @@ const Xt = ({
     snapGrid: ct = [15, 15],
     branchLayout: we = "horizontal",
     nodeBody: Ee = "full"
-  } = a, xe = V(() => _r(d), [d]), [R, ae] = L(() => (n == null ? void 0 : n.slots) ?? Vt()), [K, ne] = L(() => (n == null ? void 0 : n.branches) ?? {}), [pe, X] = L(null), [We, ut] = L(null), [Z, Me] = L(null), [de, ft] = L(null), [je, ht] = L(null), [j, gt] = L(() => {
+  } = a, xe = V(() => _r(d), [d]), [R, ae] = P(() => (n == null ? void 0 : n.slots) ?? Vt()), [K, ne] = P(() => (n == null ? void 0 : n.branches) ?? {}), [pe, X] = P(null), [We, ft] = P(null), [Z, Me] = P(null), [de, ut] = P(null), [je, ht] = P(null), [j, gt] = P(() => {
     const y = n == null ? void 0 : n.slots.find((S) => S.kind === "triggerFixed"), v = y != null && y.id.startsWith("trigger-") ? y.id.slice(8) : void 0;
     return v ? t.lookup(v) ?? null : null;
-  }), [pt, Mn] = L({}), jn = U((y) => {
+  }), [pt, Mn] = P({}), jn = U((y) => {
     Mn(y);
-  }, []), zn = V(() => ({ ...Un, ...r }), [r]), Ln = V(() => ({ ...as, ...o }), [o]), Pn = V(() => {
+  }, []), zn = V(() => ({ ...Un, ...r }), [r]), Pn = V(() => ({ ...as, ...o }), [o]), Ln = V(() => {
     const y = R.filter((S) => S.kind === "userTask").length, v = Object.values(K).flatMap((S) => Object.values(S).flat()).filter((S) => S.kind === "userTask").length;
     return y + v;
-  }, [R, K]), yt = b ?? (j == null ? void 0 : j.maxTasks), bt = yt !== void 0 && Pn >= yt, ce = U((y) => {
+  }, [R, K]), yt = b ?? (j == null ? void 0 : j.maxTasks), bt = yt !== void 0 && Ln >= yt, ce = U((y) => {
     const v = R.find((S) => S.id === y);
     if (v) return v;
     for (const S of Object.values(K)) {
@@ -2534,7 +2534,7 @@ const Xt = ({
     }
     return null;
   }, [R, K]), $e = U((y) => {
-    s || (ut(y), X("nodeConfig"));
+    s || (ft(y), X("nodeConfig"));
   }, [s]), mt = U((y) => {
     if (!s) {
       if (R.some((v) => v.id === y)) {
@@ -2545,10 +2545,10 @@ const Xt = ({
         }
         ae((S) => {
           const C = S.filter((T) => T.id !== y);
-          return ue((v == null ? void 0 : v.kind) ?? "") && !C.some((T) => T.kind === "end") ? [...C, { id: "end", kind: "end", reactFlowType: "endNode" }] : C;
+          return fe((v == null ? void 0 : v.kind) ?? "") && !C.some((T) => T.kind === "end") ? [...C, { id: "end", kind: "end", reactFlowType: "endNode" }] : C;
         }), ne((S) => {
           const C = { ...S }, T = (m) => {
-            C[m] && (Object.values(C[m]).flat().filter((N) => ue(N.kind)).forEach((N) => T(N.id)), delete C[m]);
+            C[m] && (Object.values(C[m]).flat().filter((N) => fe(N.kind)).forEach((N) => T(N.id)), delete C[m]);
           };
           return T(y), C;
         });
@@ -2558,7 +2558,7 @@ const Xt = ({
         const S = (T, m) => {
           const N = [];
           for (const _ of T)
-            ue(_.kind) && m[_.id] && (N.push(_.id), Object.values(m[_.id]).forEach((O) => N.push(...S(O, m))));
+            fe(_.kind) && m[_.id] && (N.push(_.id), Object.values(m[_.id]).forEach((O) => N.push(...S(O, m))));
           return N;
         }, C = { ...v };
         for (const T of Object.keys(C))
@@ -2575,7 +2575,7 @@ const Xt = ({
   }, [s, R]), Ge = U(() => {
     s || X("triggerSelect");
   }, [s]), vt = U((y, v) => {
-    s || bt || (Me(y), ft(v.filterId && v.branch ? { filterId: v.filterId, branch: v.branch } : null), X("nodePicker"));
+    s || bt || (Me(y), ut(v.filterId && v.branch ? { filterId: v.filterId, branch: v.branch } : null), X("nodePicker"));
   }, [s, bt]), wt = U((y, v) => {
     if (gt(y), X(null), y.skeletonState) {
       const C = Array.isArray(v) && v.length > 0, T = (y.skeletonState.slots ?? []).map((m) => m.kind !== "triggerFixed" ? m : {
@@ -2682,7 +2682,7 @@ const Xt = ({
         const N = m.findIndex((_) => _.id === Z);
         return N === -1 ? m : [...m.slice(0, N + 1), T, ...m.slice(N + 1)];
       });
-    Me(null), ft(null), ut(v), X("nodeConfig");
+    Me(null), ut(null), ft(v), X("nodeConfig");
   }, [Z, de]), _t = U((y, v) => {
     const S = (m) => {
       const N = m.label || m.key;
@@ -2766,7 +2766,7 @@ const Xt = ({
     }
     return H != null && H.descriptorType ? e.forType(H.descriptorType) ?? null : null;
   }, [H, e, j]), { nodes: Nt, edges: Fn } = V(
-    () => fs(R, K, s ? null : vt, pt, l, p, we),
+    () => us(R, K, s ? null : vt, pt, l, p, we),
     [R, K, s, vt, pt, l, p, we]
   ), Ct = V(() => {
     const y = x ? new Map(x.steps.map((v) => [v.nodeId, v])) : null;
@@ -2797,7 +2797,7 @@ const Xt = ({
     shape: { borderRadius: l.borderRadius ?? 6 },
     typography: l.fontFamily ? { fontFamily: l.fontFamily } : {}
   }), [l]);
-  return /* @__PURE__ */ f(Nr, { theme: Bn, children: /* @__PURE__ */ f(kr, { resolvers: J, children: /* @__PURE__ */ f(Qn.Provider, { value: Rn, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ u(Nr, { theme: Bn, children: /* @__PURE__ */ u(kr, { resolvers: J, children: /* @__PURE__ */ u(Qn.Provider, { value: Rn, children: /* @__PURE__ */ w(
     "div",
     {
       className: "flowforge-canvas",
@@ -2819,12 +2819,12 @@ const Xt = ({
         "--ff-font-family": l.fontFamily
       },
       children: [
-        !M && (i || G || z) && /* @__PURE__ */ f(
+        !M && (i || G || z) && /* @__PURE__ */ u(
           ns,
           {
             workflowName: z,
             onWorkflowNameChange: W,
-            status: P,
+            status: L,
             statusColor: I,
             onSave: i ? An : void 0,
             onCancel: G,
@@ -2838,7 +2838,7 @@ const Xt = ({
               nodes: Ct,
               edges: Fn,
               nodeTypes: zn,
-              edgeTypes: Ln,
+              edgeTypes: Pn,
               fitView: le,
               fitViewOptions: { padding: A },
               nodesDraggable: !1,
@@ -2855,7 +2855,7 @@ const Xt = ({
                 S && (E != null && E(S) || (S.kind === "addTrigger" || S.kind === "triggerFixed" ? Ge() : (S.kind === "userTask" || S.kind === "filter" || S.kind === "approval") && $e(v.id)));
               },
               children: [
-                l.background !== "none" && /* @__PURE__ */ f(
+                l.background !== "none" && /* @__PURE__ */ u(
                   Yn,
                   {
                     variant: l.background,
@@ -2863,20 +2863,20 @@ const Xt = ({
                     gap: 20
                   }
                 ),
-                ie && /* @__PURE__ */ f(Kn, { showInteractive: !1 }),
-                he && /* @__PURE__ */ f(Hn, { zoomable: !0, pannable: !0 }),
-                /* @__PURE__ */ f(es, { onHeightsReady: jn, nodeCount: Ct.length })
+                ie && /* @__PURE__ */ u(Kn, { showInteractive: !1 }),
+                he && /* @__PURE__ */ u(Hn, { zoomable: !0, pannable: !0 }),
+                /* @__PURE__ */ u(es, { onHeightsReady: jn, nodeCount: Ct.length })
               ]
             }
           ),
-          c ? pe === "triggerSelect" && c(t.list(), wt, () => X(null)) : /* @__PURE__ */ f(rs, { open: pe === "triggerSelect", templates: t.list(), messages: xe, onSelect: wt, onClose: () => X(null), loadTriggerSources: u }),
+          c ? pe === "triggerSelect" && c(t.list(), wt, () => X(null)) : /* @__PURE__ */ u(rs, { open: pe === "triggerSelect", templates: t.list(), messages: xe, onSelect: wt, onClose: () => X(null), loadTriggerSources: f }),
           h ? pe === "nodePicker" && h(xt(), kt, () => {
             X(null), Me(null);
-          }) : /* @__PURE__ */ f(os, { open: pe === "nodePicker", availableDescriptors: xt(), messages: xe, onSelect: kt, onClose: () => {
+          }) : /* @__PURE__ */ u(os, { open: pe === "nodePicker", availableDescriptors: xt(), messages: xe, onSelect: kt, onClose: () => {
             X(null), Me(null);
           } }),
-          g ? pe === "nodeConfig" && g(St ?? void 0, H, _t, () => X(null)) : /* @__PURE__ */ f(is, { open: pe === "nodeConfig", nodeId: We, descriptor: St, initialValues: H == null ? void 0 : H.formData, messages: xe, onSave: _t, onClose: () => X(null) }),
-          k && je && /* @__PURE__ */ f(
+          g ? pe === "nodeConfig" && g(St ?? void 0, H, _t, () => X(null)) : /* @__PURE__ */ u(is, { open: pe === "nodeConfig", nodeId: We, descriptor: St, initialValues: H == null ? void 0 : H.formData, messages: xe, onSave: _t, onClose: () => X(null) }),
+          k && je && /* @__PURE__ */ u(
             ss,
             {
               isOpen: !!je,
@@ -2927,15 +2927,15 @@ function gs({ template: e, onSelect: t }) {
       },
       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 }),
+          e.icon && /* @__PURE__ */ u("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__ */ 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__ */ u("div", { style: { fontWeight: 600, fontSize: 14, color: "#212121", marginBottom: 2 }, children: e.label }),
+            e.description && /* @__PURE__ */ u("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: [
-          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)),
+          n && /* @__PURE__ */ u("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__ */ u("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,
             " step",
@@ -2955,7 +2955,7 @@ const js = ({
   onSelectTemplate: t,
   onStartFromScratch: n
 }) => {
-  const [r, o] = L(""), [i, s] = L(Qe), l = V(() => {
+  const [r, o] = P(""), [i, s] = P(Qe), l = V(() => {
     const a = /* @__PURE__ */ new Set();
     return e.forEach((c) => {
       c.category && a.add(c.category);
@@ -2965,20 +2965,20 @@ const js = ({
     if (i !== Qe && (a = a.filter((c) => c.category === i)), r.trim()) {
       const c = r.toLowerCase();
       a = a.filter(
-        (u) => {
+        (f) => {
           var h, g;
-          return u.label.toLowerCase().includes(c) || ((h = u.description) == null ? void 0 : h.toLowerCase().includes(c)) || ((g = u.tags) == null ? void 0 : g.some((E) => E.toLowerCase().includes(c)));
+          return f.label.toLowerCase().includes(c) || ((h = f.description) == null ? void 0 : h.toLowerCase().includes(c)) || ((g = f.tags) == null ? void 0 : g.some((E) => E.toLowerCase().includes(c)));
         }
       );
     }
-    return [...a].sort((c, u) => (u.popularity ?? 0) - (c.popularity ?? 0));
+    return [...a].sort((c, f) => (f.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: [
-          /* @__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" })
+          /* @__PURE__ */ u("h2", { style: { margin: 0, fontSize: 20, fontWeight: 700, color: "#212121" }, children: "Workflow Templates" }),
+          /* @__PURE__ */ u("p", { style: { margin: "4px 0 0", fontSize: 13, color: "#757575" }, children: "Choose a pre-built template or start from scratch" })
         ] }),
         n && /* @__PURE__ */ w(
           "button",
@@ -2986,15 +2986,15 @@ const js = ({
             onClick: n,
             style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 16px", border: "1.5px solid #1976d2", borderRadius: 6, background: "#fff", color: "#1976d2", fontSize: 13, fontWeight: 600, cursor: "pointer" },
             children: [
-              /* @__PURE__ */ f(ur, { size: 16 }),
+              /* @__PURE__ */ u(fr, { size: 16 }),
               "Start from Scratch"
             ]
           }
         )
       ] }),
       /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 8, background: "#f5f5f5", borderRadius: 8, padding: "8px 12px", marginBottom: 12 }, children: [
-        /* @__PURE__ */ f(fr, { size: 18, color: "#9e9e9e" }),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ u(ur, { size: 18, color: "#9e9e9e" }),
+        /* @__PURE__ */ u(
           "input",
           {
             value: r,
@@ -3004,7 +3004,7 @@ const js = ({
           }
         )
       ] }),
-      l.length > 1 && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 4, flexWrap: "wrap" }, children: l.map((a) => /* @__PURE__ */ f(
+      l.length > 1 && /* @__PURE__ */ u("div", { style: { display: "flex", gap: 4, flexWrap: "wrap" }, children: l.map((a) => /* @__PURE__ */ u(
         "button",
         {
           onClick: () => s(a),
@@ -3024,10 +3024,10 @@ const js = ({
         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(hr, { 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(gs, { template: a, onSelect: () => t(a) }, a.triggerKey)) }) })
+    /* @__PURE__ */ u("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__ */ u(hr, { size: 36, style: { marginBottom: 8 } }),
+      /* @__PURE__ */ u("p", { style: { margin: 0, fontSize: 14 }, children: "No templates found" })
+    ] }) : /* @__PURE__ */ u("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 16 }, children: d.map((a) => /* @__PURE__ */ u(gs, { template: a, onSelect: () => t(a) }, a.triggerKey)) }) })
   ] });
 }, ze = {
   running: { label: "Running", color: oe.running, icon: $.createElement(nn, { size: 14 }) },
@@ -3057,7 +3057,7 @@ function In(e, t) {
   }
 }
 function ys({ step: e }) {
-  const [t, n] = L(!1), r = ps[e.status], o = !!(e.inputs || e.outputs || e.error);
+  const [t, n] = P(!1), r = ps[e.status], o = !!(e.inputs || e.outputs || e.error);
   return /* @__PURE__ */ w("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
     /* @__PURE__ */ w(
       "div",
@@ -3072,23 +3072,23 @@ function ys({ step: e }) {
           o && (i.key === "Enter" || i.key === " ") && n((s) => !s);
         },
         children: [
-          /* @__PURE__ */ f("span", { style: { color: r.color, flexShrink: 0 }, children: $.cloneElement(r.icon, { color: r.color }) }),
-          /* @__PURE__ */ f("span", { style: { flex: 1, fontSize: 13, color: "#212121" }, children: e.label || e.nodeId }),
-          e.branchTaken && /* @__PURE__ */ f("span", { style: { fontSize: 10, padding: "1px 6px", borderRadius: 10, background: "#e3f2fd", color: "#1565c0", fontWeight: 600 }, children: e.branchTaken }),
-          /* @__PURE__ */ f("span", { style: { fontSize: 11, color: "#9e9e9e", flexShrink: 0 }, children: e.startedAt ? In(e.startedAt, e.completedAt) : "—" }),
-          o && /* @__PURE__ */ f("span", { style: { color: "#9e9e9e", flexShrink: 0 }, children: t ? $.createElement(yr, { size: 16 }) : $.createElement(br, { size: 16 }) })
+          /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: $.cloneElement(r.icon, { color: r.color }) }),
+          /* @__PURE__ */ u("span", { style: { flex: 1, fontSize: 13, color: "#212121" }, children: e.label || e.nodeId }),
+          e.branchTaken && /* @__PURE__ */ u("span", { style: { fontSize: 10, padding: "1px 6px", borderRadius: 10, background: "#e3f2fd", color: "#1565c0", fontWeight: 600 }, children: e.branchTaken }),
+          /* @__PURE__ */ u("span", { style: { fontSize: 11, color: "#9e9e9e", flexShrink: 0 }, children: e.startedAt ? In(e.startedAt, e.completedAt) : "—" }),
+          o && /* @__PURE__ */ u("span", { style: { color: "#9e9e9e", flexShrink: 0 }, children: t ? $.createElement(yr, { size: 16 }) : $.createElement(br, { size: 16 }) })
         ]
       }
     ),
     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.error && /* @__PURE__ */ u("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: [
-        /* @__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) })
+        /* @__PURE__ */ u("summary", { style: { cursor: "pointer", color: "#616161", marginBottom: 4 }, children: "Inputs" }),
+        /* @__PURE__ */ u("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: [
-        /* @__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) })
+        /* @__PURE__ */ u("summary", { style: { cursor: "pointer", color: "#616161", marginBottom: 4 }, children: "Outputs" }),
+        /* @__PURE__ */ u("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 8, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(e.outputs, null, 2) })
       ] })
     ] })
   ] });
@@ -3115,9 +3115,9 @@ function bs({ record: e, selected: t, onSelect: n }) {
         outline: "none"
       },
       children: [
-        /* @__PURE__ */ f("span", { style: { color: r.color, flexShrink: 0 }, children: $.cloneElement(r.icon, { color: r.color, size: 16 }) }),
+        /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: $.cloneElement(r.icon, { color: r.color, size: 16 }) }),
         /* @__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: ot(e.triggeredAt) }),
+          /* @__PURE__ */ u("div", { style: { fontSize: 12, color: "#212121", fontWeight: t ? 600 : 400, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: ot(e.triggeredAt) }),
           /* @__PURE__ */ w("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
             e.triggeredBy ? `by ${e.triggeredBy}` : "System",
             " · ",
@@ -3126,19 +3126,19 @@ function bs({ record: e, selected: t, onSelect: n }) {
             e.steps.length !== 1 ? "s" : ""
           ] })
         ] }),
-        /* @__PURE__ */ f("span", { style: { fontSize: 11, fontWeight: 600, color: r.color, flexShrink: 0 }, children: r.label }),
-        /* @__PURE__ */ f(Zt, { size: 14, color: "#bdbdbd" })
+        /* @__PURE__ */ u("span", { style: { fontSize: 11, fontWeight: 600, color: r.color, flexShrink: 0 }, children: r.label }),
+        /* @__PURE__ */ u(Zt, { size: 14, color: "#bdbdbd" })
       ]
     }
   );
 }
 const zs = ({ records: e, onViewOnCanvas: t }) => {
   var s;
-  const [n, r] = L(((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());
+  const [n, r] = P(((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: [
-    /* @__PURE__ */ f(It, { 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__ */ u(It, { size: 36 }),
+    /* @__PURE__ */ u("p", { style: { margin: 0, fontSize: 14 }, children: "No executions yet" }),
+    /* @__PURE__ */ u("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: [
@@ -3146,30 +3146,30 @@ const zs = ({ records: e, onViewOnCanvas: t }) => {
         e.length,
         ")"
       ] }),
-      i.map((l) => /* @__PURE__ */ f(bs, { record: l, selected: l.id === n, onSelect: () => r(l.id) }, l.id))
+      i.map((l) => /* @__PURE__ */ u(bs, { 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__ */ u("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: [
             $.cloneElement(ze[o.status].icon, { color: ze[o.status].color, size: 18 }),
-            /* @__PURE__ */ f("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: ze[o.status].label })
+            /* @__PURE__ */ u("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: ze[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__ */ f(It, { size: 13 }),
+              /* @__PURE__ */ u(It, { size: 13 }),
               " ",
               ot(o.triggeredAt),
               o.completedAt && ` → ${ot(o.completedAt)} (${In(o.triggeredAt, o.completedAt)})`
             ] }),
             o.triggeredBy && /* @__PURE__ */ w("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-              /* @__PURE__ */ f(pr, { size: 13 }),
+              /* @__PURE__ */ u(pr, { size: 13 }),
               " ",
               o.triggeredBy
             ] })
           ] })
         ] }),
-        t && /* @__PURE__ */ f(
+        t && /* @__PURE__ */ u(
           "button",
           {
             onClick: () => t(o),
@@ -3178,20 +3178,20 @@ const zs = ({ 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 }),
+      o.error && /* @__PURE__ */ u("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: [
           "STEPS (",
           o.steps.length,
           ")"
         ] }),
-        o.steps.map((l, d) => /* @__PURE__ */ f(ys, { step: l }, `${l.nodeId}-${d}`))
+        o.steps.map((l, d) => /* @__PURE__ */ u(ys, { 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: [
-        /* @__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) })
+      o.inputs && Object.keys(o.inputs).length > 0 && /* @__PURE__ */ u("div", { style: { padding: "10px 16px" }, children: /* @__PURE__ */ w("details", { children: [
+        /* @__PURE__ */ u("summary", { style: { cursor: "pointer", fontSize: 12, fontWeight: 600, color: "#757575", marginBottom: 6 }, children: "TRIGGER INPUTS" }),
+        /* @__PURE__ */ u("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 10, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(o.inputs, null, 2) })
       ] }) })
-    ] }) : /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#9e9e9e", fontSize: 14 }, children: "Select a run to see details" }) })
+    ] }) : /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#9e9e9e", fontSize: 14 }, children: "Select a run to see details" }) })
   ] });
 };
 export {
@@ -3201,4 +3201,4 @@ export {
   ns as a,
   js as b
 };
-//# sourceMappingURL=WorkflowExecutionHistory-Cy36NQfD.js.map
+//# sourceMappingURL=WorkflowExecutionHistory-B99rqinZ.js.map