@notmrabhi/flowforge 0.1.109 → 0.1.110

package/dist/{WorkflowExecutionHistory-CxKMGSch.js → WorkflowExecutionHistory-DmfGMs7_.js}

@@ -1,21 +1,21 @@
-import { jsxs as w, jsx as u, Fragment as Se } from "react/jsx-runtime";
-import G, { useRef as Tt, useEffect as se, useState as L, useCallback as U, useMemo as V } from "react";
+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 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-C023FhhW.js";
-import { Dialog as er, Box as ne, Drawer as tr, IconButton as It, 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-BsRuojkK.js";
+import { Dialog as er, Box as re, Drawer as tr, IconButton as Ot, Button as Le, 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 fr, MdSearch as ur, MdCategory as hr, MdCancel as Qt, MdError as en, MdCheckCircle as tn, MdPlayArrow as nn, MdHourglassEmpty as gr, MdSchedule as Ot, 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 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 { 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";
 import { m as _r } from "./messages-CRZgWFU-.js";
 import { createTheme as Sr, ThemeProvider as Nr } from "@mui/material/styles";
-import { T as Cr, E as re } from "./canvasTokens-CAD6G24b.js";
-var rn = Object.defineProperty, Tr = (e, t, n) => t in e ? rn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ir = (e, t) => {
+import { T as Cr, E as oe } from "./canvasTokens-CAD6G24b.js";
+var rn = Object.defineProperty, Tr = (e, t, n) => t in e ? rn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Or = (e, t) => {
   for (var n in t) rn(e, n, { get: t[n], enumerable: !0 });
-}, Or = (e, t, n) => Tr(e, t + "", n), on = {};
-Ir(on, { Graph: () => q, alg: () => it, json: () => ln, version: () => zr });
+}, Ir = (e, t, n) => Tr(e, t + "", n), on = {};
+Or(on, { Graph: () => q, alg: () => it, json: () => ln, version: () => zr });
 var Mr = Object.defineProperty, sn = (e, t) => {
   for (var n in t) Mr(e, n, { get: t[n], enumerable: !0 });
 }, q = class {
@@ -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: () => fn });
+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 });
 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(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);
+  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);
   }, a = function() {
-    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;
+    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;
         d({ v: g, w: E });
       });
     });
   };
-  l.forEach(function(f) {
-    let h = f === t ? 0 : Number.POSITIVE_INFINITY;
-    o[f] = { distance: h, predecessor: "" };
+  l.forEach(function(u) {
+    let h = u === t ? 0 : Number.POSITIVE_INFINITY;
+    o[u] = { distance: h, predecessor: "" };
   });
   let c = l.length;
-  for (let f = 1; f < c && (i = !1, s++, a(), !!i); f++) ;
+  for (let u = 1; u < c && (i = !1, s++, a(), !!i); u++) ;
   if (s === c - 1 && (i = !1, a(), i)) throw new Error("The graph contains a negative weight cycle");
   return o;
 }
@@ -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, f = o[c], h = n(a), g = l.distance + h;
+    let c = a.v !== s ? a.v : a.w, u = 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 < f.distance && (f.distance = g, f.predecessor = s, i.decrease(c, g));
+    g < u.distance && (u.distance = g, u.predecessor = s, i.decrease(c, g));
   };
   for (e.nodes().forEach(function(a) {
     let c = a === t ? 0 : Number.POSITIVE_INFINITY;
@@ -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], f = s[a], h = d[a], g = c.distance + f.distance;
-        g < h.distance && (h.distance = g, h.predecessor = f.predecessor);
+        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);
       });
     });
   }), r;
@@ -416,7 +416,7 @@ var Fe = class extends Error {
     super(...e);
   }
 };
-function fn(e) {
+function un(e) {
   let t = {}, n = {}, r = [];
   function o(i) {
     if (i in n) throw new Fe();
@@ -427,7 +427,7 @@ function fn(e) {
 }
 function Vr(e) {
   try {
-    fn(e);
+    un(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 = un(e, l, n === "post", s, i, r, o);
+    o = fn(e, l, n === "post", s, i, r, o);
   }), o;
 }
-function un(e, t, n, r, o, i, s) {
+function fn(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 = un(e, l, n, r, o, i, s);
+    s = fn(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 f = t(d);
-      f < c && (r[a] = i, o.decrease(a, f));
+      let u = t(d);
+      u < c && (r[a] = i, o.decrease(a, u));
     }
   }
   if (e.nodeCount() === 0) return n;
@@ -497,8 +497,8 @@ function eo(e, t, n, r) {
   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, f = c === a.v ? a.w : a.v;
-      n({ v: c, w: f }) < 0 && (o = !0);
+      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);
     }
     if (o) return an(e, t, n, r);
   }
@@ -541,14 +541,14 @@ function no(e) {
   let t = e.nodes().map((r) => {
     let o = e.node(r).rank;
     return o === void 0 ? Number.MAX_VALUE : o;
-  }), n = Q(Math.min, t);
+  }), n = ee(Math.min, t);
   e.nodes().forEach((r) => {
     let o = e.node(r);
     Object.hasOwn(o, "rank") && (o.rank -= n);
   });
 }
 function ro(e) {
-  let t = e.nodes().map((s) => e.node(s).rank).filter((s) => s !== void 0), n = Q(Math.min, t), r = [];
+  let t = e.nodes().map((s) => e.node(s).rank).filter((s) => s !== void 0), n = ee(Math.min, t), r = [];
   e.nodes().forEach((s) => {
     let l = e.node(s).rank - n;
     r[l] || (r[l] = []), r[l].push(s);
@@ -571,7 +571,7 @@ function oo(e, t = pn) {
   return n;
 }
 var pn = 65535;
-function Q(e, t) {
+function ee(e, t) {
   if (t.length > pn) {
     let n = oo(t);
     return e(...n.map((r) => e(...r)));
@@ -582,7 +582,7 @@ function yn(e) {
     let r = e.node(n).rank;
     return r === void 0 ? Number.MIN_VALUE : r;
   });
-  return Q(Math.max, t);
+  return ee(Math.max, t);
 }
 function io(e, t) {
   let n = { lhs: [], rhs: [] };
@@ -628,7 +628,7 @@ function lo(e, t) {
 }
 var Be = "\0", ao = "3.0.0", co = class {
   constructor() {
-    Or(this, "_sentinel");
+    Ir(this, "_sentinel");
     let e = {};
     e._next = e._prev = e, this._sentinel = e;
   }
@@ -642,17 +642,17 @@ var Be = "\0", ao = "3.0.0", co = class {
   }
   toString() {
     let e = [], t = this._sentinel, n = t._prev;
-    for (; n !== t; ) e.push(JSON.stringify(n, fo)), n = n._prev;
+    for (; n !== t; ) e.push(JSON.stringify(n, uo)), n = n._prev;
     return "[" + e.join(", ") + "]";
   }
 };
 function Pt(e) {
   e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
-function fo(e, t) {
+function uo(e, t) {
   if (e !== "_next" && e !== "_prev") return t;
 }
-var uo = co, ho = () => 1;
+var fo = 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 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 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 i = bo(o + r + 3).map(() => new uo()), s = r + 1;
+  let i = bo(o + r + 3).map(() => new fo()), 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, 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;
+  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;
   e.setEdge(n, o, { weight: l.weight }, s);
 }
 function ko(e) {
@@ -758,7 +758,7 @@ function lt(e) {
     let o = e.node(r);
     if (Object.hasOwn(t, r)) return o.rank;
     t[r] = !0;
-    let i = e.outEdges(r), s = i ? i.map((d) => d == null ? Number.POSITIVE_INFINITY : n(d.w) - e.edge(d).minlen) : [], l = Q(Math.min, s);
+    let i = e.outEdges(r), s = i ? i.map((d) => d == null ? Number.POSITIVE_INFINITY : n(d.w) - e.edge(d).minlen) : [], l = ee(Math.min, s);
     return l === Number.POSITIVE_INFINITY && (l = 0), o.rank = l;
   }
   e.sources().forEach(n);
@@ -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: Io } = it, Oo = ue;
-ue.initLowLimValues = dt;
-ue.initCutValues = at;
-ue.calcCutValue = wn;
-ue.leaveEdge = xn;
-ue.enterEdge = kn;
-ue.exchangeEdges = _n;
-function ue(e) {
+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) {
   e = to(e), lt(e);
   let t = vn(e);
   dt(t), at(t, e);
@@ -810,7 +810,7 @@ function ue(e) {
   for (; n = xn(t); ) r = kn(t, e, n), _n(t, e, n, r);
 }
 function at(e, t) {
-  let n = Io(e, e.nodes());
+  let n = Oo(e, e.nodes());
   n = n.slice(0, n.length - 1), n.forEach((r) => Mo(e, t, r));
 }
 function Mo(e, t, n) {
@@ -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 f = a === o, h = t.edge(d).weight;
-      if (s += f ? h : -h, zo(e, n, c)) {
+      let u = a === o, h = t.edge(d).weight;
+      if (s += u ? h : -h, zo(e, n, c)) {
         let g = e.edge(n, c).cutvalue;
-        s += f ? -g : g;
+        s += u ? -g : g;
       }
     }
   }), s;
@@ -896,7 +896,7 @@ function Ro(e) {
   lt(e), vn(e);
 }
 function Rt(e) {
-  Oo(e);
+  Io(e);
 }
 var Ao = Bo;
 function Bo(e) {
@@ -935,7 +935,7 @@ function Wo(e) {
   return e.children(Be).forEach(r), t;
 }
 function $o(e) {
-  let t = ve(e, "root", {}, "_root"), n = Go(e), r = Object.values(n), o = Q(Math.max, r) - 1, i = 2 * o + 1;
+  let t = ve(e, "root", {}, "_root"), n = Go(e), r = Object.values(n), o = ee(Math.max, r) - 1, i = 2 * o + 1;
   e.graph().nestingRoot = t, e.edges().forEach((l) => e.edge(l).minlen *= i);
   let s = Yo(e) + 1;
   e.children(Be).forEach((l) => Sn(e, t, i, s, o, n, l)), e.graph().nodeRankFactor = i;
@@ -947,12 +947,12 @@ 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"), f = e.node(s);
-  e.setParent(a, s), f.borderTop = a, e.setParent(c, s), f.borderBottom = c, d.forEach((h) => {
+  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) => {
     var g;
     Sn(e, t, n, r, o, i, h);
-    let E = e.node(h), m = E.borderTop ? E.borderTop : h, p = E.borderBottom ? E.borderBottom : h, x = E.borderTop ? r : 2 * r, k = m !== p ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
-    e.setEdge(a, m, { weight: x, minlen: k, nestingEdge: !0 }), e.setEdge(p, c, { weight: x, minlen: k, nestingEdge: !0 });
+    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;
+    e.setEdge(a, b, { weight: x, minlen: k, nestingEdge: !0 }), e.setEdge(p, c, { weight: x, minlen: k, nestingEdge: !0 });
   }), e.parent(s) || e.setEdge(t, a, { weight: 0, minlen: o + ((l = i[s]) != null ? l : 0) });
 }
 function Go(e) {
@@ -1026,7 +1026,7 @@ function Ve(e) {
   e.x = e.y, e.y = t;
 }
 function Zo(e) {
-  let t = {}, n = e.nodes().filter((l) => !e.children(l).length), r = n.map((l) => e.node(l).rank), o = Q(Math.max, r), i = Ne(o + 1).map(() => []);
+  let t = {}, n = e.nodes().filter((l) => !e.children(l).length), r = n.map((l) => e.node(l).rank), o = ee(Math.max, r), i = Ne(o + 1).map(() => []);
   function s(l) {
     if (t[l]) return;
     t[l] = !0;
@@ -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((f) => ({ pos: r[f.w], weight: e.edge(f).weight })).sort((f, h) => f.pos - h.pos) : [];
+    return c ? c.map((u) => ({ pos: r[u.w], weight: e.edge(u).weight })).sort((u, h) => u.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 f = 0;
-    for (; c > 0; ) c % 2 && (f += l[c + 1]), c = c - 1 >> 1, l[c] += a.weight;
-    d += a.weight * f;
+    let u = 0;
+    for (; c > 0; ) c % 2 && (u += l[c + 1]), c = c - 1 >> 1, l[c] += a.weight;
+    d += a.weight * u;
   }), 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, f) => f.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, u) => u.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 f = ii(c, r);
+  let u = ii(c, r);
   if (s && l) {
-    f.vs = [s, f.vs, l].flat(1);
+    u.vs = [s, u.vs, l].flat(1);
     let h = e.predecessors(s);
     if (h && h.length) {
-      let g = e.node(h[0]), E = e.predecessors(l), m = e.node(E[0]);
-      Object.hasOwn(f, "barycenter") || (f.barycenter = 0, f.weight = 0), f.barycenter = (f.barycenter * f.weight + g.order + m.order) / (f.weight + 2), f.weight += 2;
+      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;
     }
   }
-  return f;
+  return u;
 }
 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 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 });
+        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 });
       }), 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 fi(e, t, n) {
+function ui(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) {
-    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));
+    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));
   }
   $t(e, l);
 }
@@ -1213,12 +1213,12 @@ function Wt(e, t, n) {
     return di(e, i, n, r.get(i) || []);
   });
 }
-function ui(e, t, n) {
+function fi(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), fi(o, r, s.vs);
+    s.vs.forEach((l, d) => o.node(l).order = d), ui(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, f) => {
+    return i.forEach((c, u) => {
       let h = pi(e, c), g = h ? e.node(h).order : d;
-      (h || c === a) && (i.slice(l, f + 1).forEach((E) => {
-        let m = e.predecessors(E);
-        m && m.forEach((p) => {
+      (h || c === a) && (i.slice(l, u + 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) && In(n, p, E);
+          (k < s || g < k) && !(x.dummy && e.node(E).dummy) && On(n, p, E);
         });
-      }), l = f + 1, s = g);
+      }), l = u + 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 f = i[c];
-      if (f !== void 0 && e.node(f).dummy) {
-        let h = e.predecessors(f);
+      let u = i[c];
+      if (u !== void 0 && e.node(u).dummy) {
+        let h = e.predecessors(u);
         h && h.forEach((g) => {
           if (g === void 0) return;
           let E = e.node(g);
-          E.dummy && (E.order < d || E.order > a) && In(n, g, f);
+          E.dummy && (E.order < d || E.order > a) && On(n, g, u);
         });
       }
     });
   }
   function o(i, s) {
     let l = -1, d = -1, a = 0;
-    return s.forEach((c, f) => {
+    return s.forEach((c, u) => {
       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, f, l, d), a = f, l = d;
+          d = e.node(g).order, r(s, a, u, l, d), a = u, l = d;
         }
       }
       r(s, a, s.length, d, i.length);
@@ -1278,7 +1278,7 @@ function pi(e, t) {
     if (n) return n.find((r) => e.node(r).dummy);
   }
 }
-function In(e, t, n) {
+function On(e, t, n) {
   if (t > n) {
     let o = t;
     t = n, n = o;
@@ -1305,17 +1305,17 @@ function bi(e, t, n, r) {
     l.forEach((a) => {
       let c = r(a);
       if (c && c.length) {
-        let f = c.sort((g, E) => {
-          let m = s[g], p = s[E];
-          return (m !== void 0 ? m : 0) - (p !== void 0 ? p : 0);
-        }), h = (f.length - 1) / 2;
+        let u = 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;
         for (let g = Math.floor(h), E = Math.ceil(h); g <= E; ++g) {
-          let m = f[g];
-          if (m === void 0) continue;
-          let p = s[m];
-          if (p !== void 0 && i[a] === a && d < p && !yi(n, a, m)) {
-            let x = o[m];
-            x !== void 0 && (i[m] = a, i[a] = o[a] = x, d = p);
+          let b = u[g];
+          if (b === void 0) continue;
+          let p = s[b];
+          if (p !== void 0 && i[a] === a && d < p && !yi(n, a, b)) {
+            let x = o[b];
+            x !== void 0 && (i[b] = a, i[a] = o[a] = x, d = p);
           }
         }
       }
@@ -1325,43 +1325,43 @@ function bi(e, t, n, r) {
 function mi(e, t, n, r, o = !1) {
   let i = {}, s = vi(e, t, n, o), l = o ? "borderLeft" : "borderRight";
   function d(g, E) {
-    let m = s.nodes().slice(), p = {}, x = m.pop();
+    let b = s.nodes().slice(), p = {}, x = b.pop();
     for (; x; ) {
       if (p[x]) g(x);
       else {
-        p[x] = !0, m.push(x);
-        for (let k of E(x)) m.push(k);
+        p[x] = !0, b.push(x);
+        for (let k of E(x)) b.push(k);
       }
-      x = m.pop();
+      x = b.pop();
     }
   }
   function a(g) {
     let E = s.inEdges(g);
-    E ? i[g] = E.reduce((m, p) => {
+    E ? i[g] = E.reduce((b, p) => {
       var x;
-      let k = (x = i[p.v]) != null ? x : 0, O = s.edge(p);
-      return Math.max(m, k + (O !== void 0 ? O : 0));
+      let k = (x = i[p.v]) != null ? x : 0, M = s.edge(p);
+      return Math.max(b, k + (M !== void 0 ? M : 0));
     }, 0) : i[g] = 0;
   }
   function c(g) {
-    let E = s.outEdges(g), m = Number.POSITIVE_INFINITY;
-    E && (m = E.reduce((x, k) => {
-      let O = i[k.w], z = s.edge(k);
-      return Math.min(x, (O !== void 0 ? O : 0) - (z !== void 0 ? z : 0));
+    let E = s.outEdges(g), b = Number.POSITIVE_INFINITY;
+    E && (b = E.reduce((x, k) => {
+      let M = i[k.w], z = s.edge(k);
+      return Math.min(x, (M !== void 0 ? M : 0) - (z !== void 0 ? z : 0));
     }, Number.POSITIVE_INFINITY));
     let p = e.node(g);
-    m !== Number.POSITIVE_INFINITY && p.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, m));
+    b !== Number.POSITIVE_INFINITY && p.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, b));
   }
-  function f(g) {
+  function u(g) {
     return s.predecessors(g) || [];
   }
   function h(g) {
     return s.successors(g) || [];
   }
-  return d(a, f), d(c, h), Object.keys(r).forEach((g) => {
+  return d(a, u), d(c, h), Object.keys(r).forEach((g) => {
     var E;
-    let m = n[g];
-    m !== void 0 && (i[g] = (E = i[m]) != null ? E : 0);
+    let b = n[g];
+    b !== void 0 && (i[g] = (E = i[b]) != null ? E : 0);
   }), i;
 }
 function vi(e, t, n, r) {
@@ -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 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));
+          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));
           }
         }
         d = a;
@@ -1395,13 +1395,13 @@ function wi(e, t) {
   }, [Number.POSITIVE_INFINITY, null])[1];
 }
 function Ei(e, t) {
-  let n = Object.values(t), r = Q(Math.min, n), o = Q(Math.max, n);
+  let n = Object.values(t), r = ee(Math.min, n), o = ee(Math.max, n);
   ["u", "d"].forEach((i) => {
     ["l", "r"].forEach((s) => {
       let l = i + s, d = e[l];
       if (!d || d === t) return;
-      let a = Object.values(d), c = r - Q(Math.min, a);
-      s !== "l" && (c = o - Q(Math.max, a)), c && (e[l] = Ae(d, (f) => f + c));
+      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));
     });
   });
 }
@@ -1465,8 +1465,8 @@ function Ci(e) {
   t.forEach((s) => {
     let l = s.reduce((d, a) => {
       var c;
-      let f = (c = e.node(a).height) != null ? c : 0;
-      return d > f ? d : f;
+      let u = (c = e.node(a).height) != null ? c : 0;
+      return d > u ? d : u;
     }, 0);
     s.forEach((d) => {
       let a = e.node(d);
@@ -1478,13 +1478,13 @@ function Ti(e, t = {}) {
   let n = t.debugTiming ? bn : mn;
   return n("layout", () => {
     let r = n("  buildLayoutGraph", () => Ai(e));
-    return n("  runLayout", () => Ii(r, n, t)), n("  updateInputGraph", () => Oi(e, r)), r;
+    return n("  runLayout", () => Oi(r, n, t)), n("  updateInputGraph", () => Ii(e, r)), r;
   });
 }
-function Ii(e, t, n) {
+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));
 }
-function Oi(e, t) {
+function Ii(e, t) {
   e.nodes().forEach((n) => {
     let r = e.node(n), o = t.node(n);
     r && (r.x = o.x, r.y = o.y, r.order = o.order, r.rank = o.rank, t.children(n).length && (r.width = o.width, r.height = o.height));
@@ -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, 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);
+    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);
   }
   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((f) => {
-      f.x -= t, f.y -= r;
+    c.points.forEach((u) => {
+      u.x -= t, u.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,8 +1674,8 @@ function ns({
   saveLabel: s = "Save",
   saveDisabled: l = !1
 }) {
-  const [d, a] = G.useState(!1), [c, f] = G.useState(!1), [h, g] = G.useState(e ?? "");
-  G.useEffect(() => {
+  const [d, a] = $.useState(!1), [c, u] = $.useState(!1), [h, g] = $.useState(e ?? "");
+  $.useEffect(() => {
     g(e ?? "");
   }, [e]);
   const E = async () => {
@@ -1687,7 +1687,7 @@ function ns({
         a(!1);
       }
     }
-  }, m = ts[r] ?? {
+  }, b = ts[r] ?? {
     bg: r,
     fg: "#fff"
   };
@@ -1705,16 +1705,16 @@ function ns({
       },
       children: [
         /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 10, minWidth: 0 }, children: [
-          c && t ? /* @__PURE__ */ u(
+          c && t ? /* @__PURE__ */ f(
             "input",
             {
               value: h,
               onChange: (p) => g(p.target.value),
               onBlur: () => {
-                f(!1), h !== e && t(h);
+                u(!1), h !== e && t(h);
               },
               onKeyDown: (p) => {
-                p.key === "Enter" && p.target.blur(), p.key === "Escape" && (g(e ?? ""), f(!1));
+                p.key === "Enter" && p.target.blur(), p.key === "Escape" && (g(e ?? ""), u(!1));
               },
               autoFocus: !0,
               style: {
@@ -1727,10 +1727,10 @@ function ns({
                 minWidth: 200
               }
             }
-          ) : /* @__PURE__ */ u(
+          ) : /* @__PURE__ */ f(
             "span",
             {
-              onClick: () => t && f(!0),
+              onClick: () => t && u(!0),
               style: {
                 fontSize: 15,
                 fontWeight: 600,
@@ -1745,7 +1745,7 @@ function ns({
               children: e || "Untitled workflow"
             }
           ),
-          n && /* @__PURE__ */ u(
+          n && /* @__PURE__ */ f(
             "span",
             {
               style: {
@@ -1753,8 +1753,8 @@ function ns({
                 fontWeight: 600,
                 padding: "3px 8px",
                 borderRadius: 999,
-                background: m.bg,
-                color: m.fg,
+                background: b.bg,
+                color: b.fg,
                 textTransform: "uppercase",
                 letterSpacing: 0.4,
                 flexShrink: 0
@@ -1764,7 +1764,7 @@ function ns({
           )
         ] }),
         /* @__PURE__ */ w("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center", gap: 8 }, children: [
-          i && /* @__PURE__ */ u(
+          i && /* @__PURE__ */ f(
             "button",
             {
               type: "button",
@@ -1784,7 +1784,7 @@ function ns({
               children: "Cancel"
             }
           ),
-          o && /* @__PURE__ */ u(
+          o && /* @__PURE__ */ f(
             "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(ne, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
-    r && /* @__PURE__ */ u(ne, { 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(It, { 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(It, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ u(or, {}) })
-  ] }), f = () => i ? /* @__PURE__ */ u(ne, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
+  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;
   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__ */ u(c, {}),
-    /* @__PURE__ */ u(ne, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
-    /* @__PURE__ */ u(f, {})
+    /* @__PURE__ */ f(c, {}),
+    /* @__PURE__ */ f(re, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+    /* @__PURE__ */ f(u, {})
   ] }) : /* @__PURE__ */ w(
     tr,
     {
@@ -1849,9 +1849,9 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
         }
       },
       children: [
-        /* @__PURE__ */ u(c, {}),
-        /* @__PURE__ */ u(ne, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
-        /* @__PURE__ */ u(f, {})
+        /* @__PURE__ */ f(c, {}),
+        /* @__PURE__ */ f(re, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+        /* @__PURE__ */ f(u, {})
       ]
     }
   );
@@ -1863,35 +1863,35 @@ 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, f] = L([]), [h, g] = L([]), [E, m] = L(!1), [p, x] = L(null);
+  const [s, l] = L("trigger"), [d, a] = L(null), [c, u] = L([]), [h, g] = L([]), [E, b] = L(!1), [p, x] = L(null);
   se(() => {
-    e || (l("trigger"), a(null), f([]), g([]), m(!1), x(null));
+    e || (l("trigger"), a(null), u([]), g([]), b(!1), x(null));
   }, [e]);
   const k = U(async (P) => {
     if (!i) {
       r(P);
       return;
     }
-    a(P), m(!0), x(null);
+    a(P), b(!0), x(null);
     try {
-      const M = await i(P.triggerKey);
-      if (!M || M.length === 0) {
+      const I = await i(P.triggerKey);
+      if (!I || I.length === 0) {
         r(P);
         return;
       }
-      f(M), l("sources");
-    } catch (M) {
-      x(M instanceof Error ? M.message : "Failed to load sources.");
+      u(I), l("sources");
+    } catch (I) {
+      x(I instanceof Error ? I.message : "Failed to load sources.");
     } finally {
-      m(!1);
+      b(!1);
     }
-  }, [i, r]), O = () => {
-    l("trigger"), a(null), f([]), g([]), x(null);
+  }, [i, r]), M = () => {
+    l("trigger"), a(null), u([]), g([]), x(null);
   }, z = () => {
     d && r(d, h);
-  }, W = s === "sources" && d, $ = W ? /* @__PURE__ */ w(Se, { children: [
-    /* @__PURE__ */ u(Le, { type: "button", variant: "outlined", size: "small", onClick: O, children: n.cancel ?? "Back" }),
-    /* @__PURE__ */ u(
+  }, 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,
       {
         type: "button",
@@ -1903,18 +1903,18 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ f(
     Ce,
     {
       isOpen: e,
       onClose: o,
       title: W ? d.label : n.addTriggerTitle,
-      icon: /* @__PURE__ */ u(mr, {}),
+      icon: /* @__PURE__ */ f(mr, {}),
       width: 500,
-      footer: $,
-      children: /* @__PURE__ */ w(ne, { sx: { p: 2 }, children: [
+      footer: G,
+      children: /* @__PURE__ */ w(re, { sx: { p: 2 }, children: [
         !W && /* @__PURE__ */ w(Se, { children: [
-          /* @__PURE__ */ u("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: n.chooseTrigger }),
+          /* @__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((P) => /* @__PURE__ */ w(
               "div",
@@ -1924,32 +1924,32 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
                 onClick: () => !E && k(P),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (M) => {
-                  M.key === "Enter" && !E && k(P);
+                onKeyDown: (I) => {
+                  I.key === "Enter" && !E && k(P);
                 },
-                onMouseEnter: (M) => {
-                  E || (M.currentTarget.style.background = "#f5f5f5");
+                onMouseEnter: (I) => {
+                  E || (I.currentTarget.style.background = "#f5f5f5");
                 },
-                onMouseLeave: (M) => {
-                  M.currentTarget.style.background = "";
+                onMouseLeave: (I) => {
+                  I.currentTarget.style.background = "";
                 },
                 children: [
-                  /* @__PURE__ */ u("div", { style: { color: P.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: P.triggerCategory === "scheduler" ? /* @__PURE__ */ u(ir, { size: 18 }) : /* @__PURE__ */ u(sr, { size: 18 }) }),
+                  /* @__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__ */ w("div", { children: [
-                    /* @__PURE__ */ u("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: P.label }),
-                    P.description && /* @__PURE__ */ u("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: P.description })
+                    /* @__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 })
                   ] })
                 ]
               },
               P.triggerKey
             )),
-            t.length === 0 && /* @__PURE__ */ u("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
+            t.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
           ] }),
-          E && /* @__PURE__ */ w(ne, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 2, fontSize: 12, color: "#64748b" }, children: [
-            /* @__PURE__ */ u(nr, { size: 14 }),
-            /* @__PURE__ */ u("span", { children: "Loading sources for the selected trigger…" })
+          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…" })
           ] }),
-          p && /* @__PURE__ */ u("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: p })
+          p && /* @__PURE__ */ f("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: p })
         ] }),
         W && /* @__PURE__ */ w(Se, { children: [
           /* @__PURE__ */ w(
@@ -1957,24 +1957,24 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
             {
               role: "button",
               tabIndex: 0,
-              onClick: O,
+              onClick: M,
               onKeyDown: (P) => {
-                P.key === "Enter" && O();
+                P.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__ */ u(Jt, { size: 16 }),
-                /* @__PURE__ */ u("span", { children: n.addTriggerTitle })
+                /* @__PURE__ */ f(Jt, { size: 16 }),
+                /* @__PURE__ */ f("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__ */ u("strong", { children: d.label }),
+            /* @__PURE__ */ f("strong", { children: d.label }),
             ":"
           ] }),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ f(
             rr,
             {
               isMulti: !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 f = /* @__PURE__ */ new Map(), h = [];
+    const u = /* @__PURE__ */ new Map(), h = [];
     for (const g of t)
       if (g.app) {
-        const E = f.get(g.app.key);
-        E ? E.descriptors.push(g) : f.set(g.app.key, {
+        const E = u.get(g.app.key);
+        E ? E.descriptors.push(g) : u.set(g.app.key, {
           key: g.app.key,
           label: g.app.label,
           icon: g.app.icon,
@@ -2009,52 +2009,52 @@ const Ce = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
         });
       } else
         h.push(g);
-    return { apps: [...f.values()], ungrouped: h };
-  }, [t]), [l, d] = L(null), a = l ? i.find((f) => f.key === l) ?? null : null;
+    return { apps: [...u.values()], ungrouped: h };
+  }, [t]), [l, d] = L(null), a = l ? i.find((u) => u.key === l) ?? null : null;
   se(() => {
     e || d(null);
   }, [e]), se(() => {
     d(null);
   }, [t]);
   const c = !a;
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ f(
     Ce,
     {
       isOpen: e,
       onClose: o,
       title: c ? n.addStepTitle : a.label,
-      icon: c ? /* @__PURE__ */ u(lr, {}) : a.icon ?? /* @__PURE__ */ u(ar, {}),
+      icon: c ? /* @__PURE__ */ f(lr, {}) : a.icon ?? /* @__PURE__ */ f(ar, {}),
       width: 500,
-      children: /* @__PURE__ */ w(ne, { sx: { p: 2 }, children: [
+      children: /* @__PURE__ */ w(re, { sx: { p: 2 }, children: [
         !c && /* @__PURE__ */ w(
           "div",
           {
             role: "button",
             tabIndex: 0,
             onClick: () => d(null),
-            onKeyDown: (f) => {
-              f.key === "Enter" && d(null);
+            onKeyDown: (u) => {
+              u.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__ */ u(Jt, { size: 16 }),
-              /* @__PURE__ */ u("span", { children: n.addStepTitle })
+              /* @__PURE__ */ f(Jt, { size: 16 }),
+              /* @__PURE__ */ f("span", { children: n.addStepTitle })
             ]
           }
         ),
-        /* @__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(
+        /* @__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(
             "div",
             {
               className: Ze,
               style: Je,
-              onClick: () => d(f.key),
+              onClick: () => d(u.key),
               role: "button",
               tabIndex: 0,
               onKeyDown: (h) => {
-                h.key === "Enter" && d(f.key);
+                h.key === "Enter" && d(u.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: [
-                f.icon && /* @__PURE__ */ u("div", { style: { flexShrink: 0 }, children: f.icon }),
+                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
                 /* @__PURE__ */ w("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__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("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(Zt, { size: 18, color: "#9e9e9e" })
+                /* @__PURE__ */ f(Zt, { size: 18, color: "#9e9e9e" })
               ]
             },
-            `app-${f.key}`
+            `app-${u.key}`
           )),
-          s.map((f) => /* @__PURE__ */ w(
+          s.map((u) => /* @__PURE__ */ w(
             "div",
             {
               className: Ze,
               style: Je,
-              onClick: () => r(f),
+              onClick: () => r(u),
               role: "button",
               tabIndex: 0,
               onKeyDown: (h) => {
-                h.key === "Enter" && r(f);
+                h.key === "Enter" && r(u);
               },
               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: [
-                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.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
+                /* @__PURE__ */ f("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label })
               ]
             },
-            f.type
+            u.type
           )),
-          i.length === 0 && s.length === 0 && /* @__PURE__ */ u("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noActions })
+          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((f) => /* @__PURE__ */ w(
+          a.descriptors.map((u) => /* @__PURE__ */ w(
             "div",
             {
               className: Ze,
               style: Je,
-              onClick: () => r(f),
+              onClick: () => r(u),
               role: "button",
               tabIndex: 0,
               onKeyDown: (h) => {
-                h.key === "Enter" && r(f);
+                h.key === "Enter" && r(u);
               },
               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: [
-                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.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
+                /* @__PURE__ */ f("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label })
               ]
             },
-            f.type
+            u.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), [f, h] = L(null), [g, E] = L({});
+  const [l, d] = L({ layout: "flat", fields: [] }), [a, c] = L(!1), [u, h] = L(null), [g, E] = L({});
   se(() => {
     E((r == null ? void 0 : r[Kt]) ?? {});
   }, [r, t]), se(() => {
@@ -2148,22 +2148,22 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       d({ layout: "flat", fields: [] }), c(!1);
       return;
     }
-    const O = n.formSchema;
-    return typeof O == "function" ? (c(!0), O(t).then((z) => {
+    const M = n.formSchema;
+    return typeof M == "function" ? (c(!0), M(t).then((z) => {
       k || (d(Ht(z)), c(!1));
     }).catch((z) => {
       k || (d({ layout: "flat", fields: [] }), h(z instanceof Error ? z.message : "Unable to load configuration."), c(!1));
-    })) : (d(Ht(O)), c(!1)), () => {
+    })) : (d(Ht(M)), c(!1)), () => {
       k = !0;
     };
   }, [n, t]);
-  const m = t ? `node-config-form-${t}` : "node-config-form", p = !a && !f && Ut(l), x = p ? /* @__PURE__ */ w(Se, { children: [
-    /* @__PURE__ */ u(Le, { type: "button", variant: "text", size: "small", sx: { textTransform: "none", color: "#475569" }, onClick: s, children: o.cancel }),
-    /* @__PURE__ */ u(
+  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,
       {
         type: "submit",
-        form: m,
+        form: b,
         variant: "contained",
         size: "small",
         disableElevation: !0,
@@ -2178,14 +2178,14 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       }
     )
   ] }) : null;
-  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({
+  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({
     nodeId: t,
     data: r ?? {},
     onSave: (k) => {
       i(t, k), s();
     },
     onClose: s
-  }) }) : /* @__PURE__ */ u(
+  }) }) : /* @__PURE__ */ f(
     Ce,
     {
       isOpen: e,
@@ -2194,22 +2194,22 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       icon: n == null ? void 0 : n.icon,
       width: 500,
       footer: x,
-      children: /* @__PURE__ */ w(ne, { sx: { p: 2 }, children: [
-        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(
+      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(
           xr,
           {
             schema: l,
             initialValues: r ?? {},
-            formId: m,
+            formId: b,
             conditionConfig: g,
             onConditionConfigChange: E,
             onSubmit: (k) => {
               if (!t) return;
-              const O = Object.keys(g).length > 0;
-              i(t, { ...k, [Kt]: O ? g : void 0 }), s();
+              const M = Object.keys(g).length > 0;
+              i(t, { ...k, [Kt]: M ? g : void 0 }), s();
             }
           }
         )
@@ -2230,26 +2230,26 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       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__ */ u(
+  }, [e, n, o]), /* @__PURE__ */ f(
     Ce,
     {
       isOpen: e,
       onClose: t,
       title: r ? `Preview: ${r}` : "Sub-Workflow Preview",
-      icon: /* @__PURE__ */ u(cr, { size: 18, color: "#00695c" }),
+      icon: /* @__PURE__ */ f(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__ */ u("span", { style: { color: "#9e9e9e", fontSize: 14 }, children: "Select a workflow to preview" }),
+        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: [
-          /* @__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); } }" })
+          /* @__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: [
-          /* @__PURE__ */ u(dr, { size: 32, style: { marginBottom: 8 } }),
-          /* @__PURE__ */ u("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
+          /* @__PURE__ */ f(dr, { size: 32, style: { marginBottom: 8 } }),
+          /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
         ] }),
-        i.status === "loaded" && /* @__PURE__ */ u("div", { style: { width: "100%", flex: 1 }, children: /* @__PURE__ */ u(ls, { state: i.state }) })
+        i.status === "loaded" && /* @__PURE__ */ f("div", { style: { width: "100%", flex: 1 }, children: /* @__PURE__ */ f(ls, { state: i.state }) })
       ] })
     }
   );
@@ -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__ */ 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 || !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,
     {
       nodeRegistry: r.nodeTypeRegistry,
@@ -2307,53 +2307,53 @@ function ds(e, t, n, r = "TB") {
     return { ...i, position: { x: s.x - l / 2, y: s.y - d / 2 } };
   });
 }
-const fe = (e) => e === "filter" || e === "approval";
+const ue = (e) => e === "filter" || e === "approval";
 function cs(e, t, n, r) {
-  const s = tt, l = 30, d = 30, a = {}, c = {}, f = /* @__PURE__ */ new Map();
-  for (const p of e) f.set(p.id, p);
+  const s = tt, l = 30, d = 30, a = {}, c = {}, u = /* @__PURE__ */ new Map();
+  for (const p of e) u.set(p.id, p);
   for (const p of Object.values(t))
     for (const x of Object.values(p))
-      for (const k of x) f.set(k.id, k);
+      for (const k of x) u.set(k.id, k);
   const h = (p, x, k) => {
-    const O = r[p] ?? { width: me, height: 80 };
-    return a[p] = { x: x - O.width / 2, y: k }, k + O.height;
+    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 O = k;
+    let M = k;
     for (const z of p)
-      O = h(z.id, x, O) + s, fe(z.kind) && t[z.id] && (O = E(z.id, x, O));
-    return O;
+      M = h(z.id, x, M) + s, ue(z.kind) && t[z.id] && (M = E(z.id, x, M));
+    return M;
   }, E = (p, x, k) => {
-    const O = x + 180, z = t[p], W = Object.keys(z), $ = f.get(p), P = ($ == null ? void 0 : $.branchLabels) ?? { pass: "Pass", fail: "Fail" }, M = a[p], H = r[p] ?? { width: me, height: 80 }, oe = M.y + H.height;
-    if (($ == null ? void 0 : $.branchStyle) === "inline-gate") {
-      const ie = [], he = x + H.width / 2 + 140;
-      let ee = M.y + H.height / 2;
+    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;
+    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: ee - oe, label: P[ge] ?? ge, isPass: !1 });
-        const De = ee - (((Ee = r[(we = z[ge][0]) == null ? void 0 : we.id]) == null ? void 0 : Ee.height) ?? 50) / 2;
-        ee = g(z[ge], he, De) + l;
+        ie.push({ y: te - J, label: P[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;
       });
-      const Oe = g(z[W[0]], x, k);
-      return c[p] = { branches: ie, height: Math.max(ee, Oe) - oe, indent: 180 }, Math.max(Oe, ee);
+      const Ie = g(z[W[0]], x, k);
+      return c[p] = { branches: ie, height: Math.max(te, Ie) - J, indent: 180 }, Math.max(Ie, te);
     }
     const le = [];
     let A = k;
     return W.forEach((ie, he) => {
-      const Ie = z[ie], ee = A;
+      const Oe = z[ie], te = A;
       le.push({
-        y: ee - oe,
+        y: te - J,
         label: P[ie] ?? ie,
         isPass: he === 0
-      }), A = g(Ie, O, A + d), he < W.length - 1 && (A += l);
+      }), A = g(Oe, M, A + d), he < W.length - 1 && (A += l);
     }), c[p] = {
       branches: le,
-      height: A - oe,
+      height: A - J,
       indent: 180
     }, A;
   };
-  let m = nt;
+  let b = nt;
   for (const p of e)
-    m = h(p.id, 400, m) + s, fe(p.kind) && t[p.id] && (m = E(p.id, 400, m));
+    b = h(p.id, 400, b) + s, ue(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 fs(e, t, n, r, o) {
+function us(e, t, n, r, o) {
   return {
     id: `e-${e.id}-${t.id}`,
     source: e.id,
@@ -2383,45 +2383,51 @@ function fs(e, t, n, r, o) {
     }
   };
 }
-function us(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
-  const l = o.edgeColor ?? "#b0bec5", d = [], a = [], c = (m, p, x) => {
-    const k = t[m];
+function fs(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), $ = x === "inline-gate", P = (M, H, oe, le) => {
-      if (M.length !== 0) {
-        M.forEach((A) => d.push(qt(A))), $ && le === 0 ? a.push({
-          id: `e-${m}-${H}-start`,
-          source: m,
+    const z = p ?? { pass: "Pass", fail: "Fail" }, W = Object.keys(k), G = x === "inline-gate", P = (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: M[0].id,
-          type: "plusEdge",
+          target: I[0].id,
+          type: "gatewayBranchEdge",
+          style: { stroke: l },
+          data: { branch: Y, filterId: b, label: J, isFirst: !0, onAddStepClick: n, verticalRouting: !0, railless: !0 }
+        }) : G ? a.push({
+          id: `e-${b}-${Y}-start`,
+          source: b,
+          sourceHandle: "fail",
+          target: I[0].id,
+          targetHandle: "left",
+          type: "gatewayBranchEdge",
           style: { stroke: l },
-          data: { onAddStepClick: n, referenceNodeType: "filterNode", filterId: m, branch: H }
+          data: { branch: Y, filterId: b, label: J, isFirst: !1, sideRouting: !0 }
         }) : a.push({
-          id: `e-${m}-${H}-start`,
-          source: m,
-          // inline-gate Fail leaves the dedicated RIGHT handle so it routes out
-          // to the side instead of tangling with the Pass edge at the bottom.
-          ...$ ? { sourceHandle: "fail" } : {},
-          target: M[0].id,
+          id: `e-${b}-${Y}-start`,
+          source: b,
+          target: I[0].id,
           type: "gatewayBranchEdge",
           style: { stroke: l },
-          data: { branch: H, filterId: m, label: oe, isFirst: le === 0, onAddStepClick: n, verticalRouting: s === "vertical" && !$, sideRouting: $ }
+          data: { branch: Y, filterId: b, label: J, isFirst: le === 0, onAddStepClick: n, verticalRouting: s === "vertical" }
         });
-        for (let A = 1; A < M.length; A++)
-          fe(M[A - 1].kind) || a.push(fs(M[A - 1], M[A], l, n, { filterId: m, branch: H }));
-        for (const A of M)
-          fe(A.kind) && t[A.id] && c(A.id, A.branchLabels, A.branchStyle);
+        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 }));
+        for (const A of I)
+          ue(A.kind) && t[A.id] && c(A.id, A.branchLabels, A.branchStyle);
       }
     };
-    W.forEach((M, H) => {
-      P(k[M], M, z[M] ?? M, H);
+    W.forEach((I, Y) => {
+      P(k[I], I, z[I] ?? I, Y);
     });
   };
-  for (let m = 0; m < e.length; m++) {
-    const p = e[m];
-    if (d.push(qt(p)), m > 0) {
-      const x = e[m - 1], k = x.kind === "start" || x.kind === "addTrigger";
+  for (let b = 0; b < e.length; b++) {
+    const p = e[b];
+    if (d.push(qt(p)), b > 0) {
+      const x = e[b - 1], k = x.kind === "start" || x.kind === "addTrigger";
       if (x.kind === "filter" || x.kind === "approval") continue;
       a.push({
         id: `e-${x.id}-${p.id}`,
@@ -2437,37 +2443,37 @@ function us(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 f = {};
-  if (d.forEach((m) => {
-    f[m.id] = {
+  const u = {};
+  if (d.forEach((b) => {
+    u[b.id] = {
       width: me,
-      height: r[m.id] ?? rt[m.type ?? ""] ?? 80
+      height: r[b.id] ?? rt[b.type ?? ""] ?? 80
     };
   }), !(Object.keys(t).length > 0)) {
     if (i === "LR") {
-      let O = nt;
+      let M = nt;
       return { nodes: d.map((W) => {
-        const $ = f[W.id].width, P = f[W.id].height, M = { ...W, position: { x: O, y: 300 - P / 2 } };
-        return O += $ + tt, M;
+        const G = u[W.id].width, P = u[W.id].height, I = { ...W, position: { x: M, y: 300 - P / 2 } };
+        return M += G + tt, I;
       }), edges: a };
     }
-    const m = 400;
+    const b = 400;
     let p = nt;
     return { nodes: d.map((k) => {
-      const O = f[k.id].height, z = { ...k, position: { x: m - me / 2, y: p } };
-      return p += O + tt, z;
+      const M = u[k.id].height, z = { ...k, position: { x: b - me / 2, y: p } };
+      return p += M + tt, z;
     }), edges: a };
   }
-  const g = e.some((m) => m.branchStyle === "inline-gate") || Object.values(t).some(
-    (m) => Object.values(m).flat().some((p) => p.branchStyle === "inline-gate")
+  const g = e.some((b) => b.branchStyle === "inline-gate") || Object.values(t).some(
+    (b) => Object.values(b).flat().some((p) => p.branchStyle === "inline-gate")
   );
   if (s === "vertical" || g) {
-    const { nodes: m, railSpecs: p } = cs(e, t, d, f);
-    return { nodes: m.map(
+    const { nodes: b, railSpecs: p } = cs(e, t, d, u);
+    return { nodes: b.map(
       (k) => p[k.id] ? { ...k, data: { ...k.data, _branchRail: p[k.id] } } : k
     ), edges: a };
   }
-  return { nodes: ds(d, a, f, i), edges: a };
+  return { nodes: ds(d, a, u, i), edges: a };
 }
 const Xt = ({
   nodeRegistry: e,
@@ -2481,87 +2487,87 @@ const Xt = ({
   messages: d,
   canvasOptions: a = {},
   renderTriggerSelector: c,
-  loadTriggerSources: f,
+  loadTriggerSources: u,
   renderNodePicker: h,
   renderNodeConfig: g,
   onNodeClick: E,
-  maxNodes: m,
+  maxNodes: b,
   layoutDirection: p = "TB",
   executionRecord: x,
   onFetchWorkflow: k,
-  hideHeader: O = !1,
+  hideHeader: M = !1,
   workflowName: z,
   onWorkflowNameChange: W,
-  onCancel: $,
+  onCancel: G,
   workflowStatus: P,
-  workflowStatusColor: M,
-  saveLabel: H,
-  optionsResolvers: oe
+  workflowStatusColor: I,
+  saveLabel: Y,
+  optionsResolvers: J
 }) => {
   const {
     fitView: le = !0,
     fitViewPadding: A = 0.3,
     showControls: ie = !0,
     showMiniMap: he = !1,
-    panOnScroll: Ie = !0,
-    zoomOnScroll: ee = !1,
-    minZoom: Oe = 0.25,
+    panOnScroll: Oe = !0,
+    zoomOnScroll: te = !1,
+    minZoom: Ie = 0.25,
     maxZoom: ge = 2,
     snapToGrid: De = !1,
     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()), [Y, te] = L(() => (n == null ? void 0 : n.branches) ?? {}), [pe, X] = L(null), [We, ft] = L(null), [J, Me] = L(null), [de, ut] = L(null), [je, ht] = L(null), [j, gt] = L(() => {
+  } = 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(() => {
     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) => {
     Mn(y);
   }, []), zn = V(() => ({ ...Un, ...r }), [r]), Ln = V(() => ({ ...as, ...o }), [o]), Pn = V(() => {
-    const y = R.filter((S) => S.kind === "userTask").length, v = Object.values(Y).flatMap((S) => Object.values(S).flat()).filter((S) => S.kind === "userTask").length;
+    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, Y]), yt = m ?? (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 && Pn >= yt, ce = U((y) => {
     const v = R.find((S) => S.id === y);
     if (v) return v;
-    for (const S of Object.values(Y)) {
+    for (const S of Object.values(K)) {
       const C = Object.values(S).flat().find((T) => T.id === y);
       if (C) return C;
     }
     return null;
-  }, [R, Y]), $e = U((y) => {
-    s || (ft(y), X("nodeConfig"));
+  }, [R, K]), $e = U((y) => {
+    s || (ut(y), X("nodeConfig"));
   }, [s]), mt = U((y) => {
     if (!s) {
       if (R.some((v) => v.id === y)) {
         const v = R.find((S) => S.id === y);
         if ((v == null ? void 0 : v.kind) === "triggerFixed") {
-          ae(Vt()), te({}), gt(null);
+          ae(Vt()), ne({}), gt(null);
           return;
         }
         ae((S) => {
           const C = S.filter((T) => T.id !== y);
-          return fe((v == null ? void 0 : v.kind) ?? "") && !C.some((T) => T.kind === "end") ? [...C, { id: "end", kind: "end", reactFlowType: "endNode" }] : C;
-        }), te((S) => {
-          const C = { ...S }, T = (b) => {
-            C[b] && (Object.values(C[b]).flat().filter((N) => fe(N.kind)).forEach((N) => T(N.id)), delete C[b]);
+          return ue((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]);
           };
           return T(y), C;
         });
         return;
       }
-      te((v) => {
-        const S = (T, b) => {
+      ne((v) => {
+        const S = (T, m) => {
           const N = [];
           for (const _ of T)
-            fe(_.kind) && b[_.id] && (N.push(_.id), Object.values(b[_.id]).forEach((I) => N.push(...S(I, b))));
+            ue(_.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))
-          for (const b of Object.keys(C[T])) {
-            const N = C[T][b], _ = N.findIndex((F) => F.id === y);
+          for (const m of Object.keys(C[T])) {
+            const N = C[T][m], _ = N.findIndex((F) => F.id === y);
             if (_ === -1 || N[_].kind === "end") continue;
-            const I = N[_];
+            const O = N[_];
             let B = N.filter((F) => F.id !== y);
-            return I.kind === "filter" && ((I.id in C ? S([I], C) : []).forEach((D) => delete C[D]), delete C[I.id], B.some((D) => D.kind === "end") || (B = [...B, { id: `end-${T}-${b}`, kind: "end", reactFlowType: "endNode" }])), C[T] = { ...C[T], [b]: B }, C;
+            return O.kind === "filter" && ((O.id in C ? S([O], C) : []).forEach((D) => delete C[D]), delete C[O.id], B.some((D) => D.kind === "end") || (B = [...B, { id: `end-${T}-${m}`, kind: "end", reactFlowType: "endNode" }])), C[T] = { ...C[T], [m]: B }, C;
           }
         return C;
       });
@@ -2569,21 +2575,21 @@ const Xt = ({
   }, [s, R]), Ge = U(() => {
     s || X("triggerSelect");
   }, [s]), vt = U((y, v) => {
-    s || bt || (Me(y), ut(v.filterId && v.branch ? { filterId: v.filterId, branch: v.branch } : null), X("nodePicker"));
+    s || bt || (Me(y), ft(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((b) => b.kind !== "triggerFixed" ? b : {
-        ...b,
+      const C = Array.isArray(v) && v.length > 0, T = (y.skeletonState.slots ?? []).map((m) => m.kind !== "triggerFixed" ? m : {
+        ...m,
         nodeData: {
           label: y.label,
-          ...b.nodeData ?? {},
+          ...m.nodeData ?? {},
           ...C && { sources: v }
         }
       });
-      te(y.skeletonState.branches ?? {}), ae(T);
+      ne(y.skeletonState.branches ?? {}), ae(T);
       return;
     }
-    te({});
+    ne({});
     const S = Array.isArray(v) && v.length > 0;
     ae([
       { id: "start", kind: "start", reactFlowType: "startNode" },
@@ -2611,25 +2617,25 @@ const Xt = ({
       branch: de,
       template: j
     };
-    if (!J) return y;
+    if (!Z) return y;
     if (de) {
-      const { filterId: C, branch: T } = de, b = R.findIndex((F) => F.id === C), N = b >= 0 ? R.slice(0, b + 1) : [], _ = ((S = Y[C]) == null ? void 0 : S[T]) ?? [], I = _.findIndex((F) => F.id === J), B = I >= 0 ? _.slice(0, I + 1) : [];
-      return y.upstreamSlots = [...N, ...B], y.downstreamSlots = I >= 0 ? _.slice(I + 1) : _, y.insertAfterSlot = B[B.length - 1] ?? null, y;
+      const { filterId: C, branch: T } = de, m = R.findIndex((F) => F.id === C), N = m >= 0 ? R.slice(0, m + 1) : [], _ = ((S = K[C]) == null ? void 0 : S[T]) ?? [], O = _.findIndex((F) => F.id === Z), B = O >= 0 ? _.slice(0, O + 1) : [];
+      return y.upstreamSlots = [...N, ...B], y.downstreamSlots = O >= 0 ? _.slice(O + 1) : _, y.insertAfterSlot = B[B.length - 1] ?? null, y;
     }
-    const v = R.findIndex((C) => C.id === J);
+    const v = R.findIndex((C) => C.id === Z);
     return y.upstreamSlots = v >= 0 ? R.slice(0, v + 1) : [], y.downstreamSlots = v >= 0 ? R.slice(v + 1) : [], y.insertAfterSlot = y.upstreamSlots[y.upstreamSlots.length - 1] ?? null, y;
-  }, [R, Y, J, de, j]), Ye = (y, v) => y.descriptorType === v || y.id === v || y.kind === v, xt = U(() => {
-    const y = e.list(), v = j != null && j.availableTasks ? y.filter((b) => j.availableTasks.includes(b.type)) : y, S = Et(), C = [
+  }, [R, K, Z, de, j]), Ye = (y, v) => y.descriptorType === v || y.id === v || y.kind === v, xt = U(() => {
+    const y = e.list(), v = j != null && j.availableTasks ? y.filter((m) => j.availableTasks.includes(m.type)) : y, S = Et(), C = [
       ...R,
-      ...Object.values(Y).flatMap((b) => Object.values(b).flat())
-    ], T = (b) => C.some((N) => b.some((_) => Ye(N, _)));
-    return v.filter((b) => b.maxPerWorkflow !== void 0 && R.filter((_) => _.descriptorType === b.type).length + Object.values(Y).flatMap((_) => Object.values(_).flat()).filter((_) => _.descriptorType === b.type).length >= b.maxPerWorkflow ? !1 : b.canInsert ? b.canInsert(S) : !(b.insertAfter && b.insertAfter.length > 0 && T(b.insertAfter) && !S.upstreamSlots.some(
-      (_) => b.insertAfter.some((I) => Ye(_, I))
-    ) || b.insertBefore && b.insertBefore.length > 0 && T(b.insertBefore) && !S.downstreamSlots.some(
-      (_) => b.insertBefore.some((I) => Ye(_, I))
+      ...Object.values(K).flatMap((m) => Object.values(m).flat())
+    ], T = (m) => C.some((N) => m.some((_) => Ye(N, _)));
+    return v.filter((m) => m.maxPerWorkflow !== void 0 && R.filter((_) => _.descriptorType === m.type).length + Object.values(K).flatMap((_) => Object.values(_).flat()).filter((_) => _.descriptorType === m.type).length >= m.maxPerWorkflow ? !1 : m.canInsert ? m.canInsert(S) : !(m.insertAfter && m.insertAfter.length > 0 && T(m.insertAfter) && !S.upstreamSlots.some(
+      (_) => m.insertAfter.some((O) => Ye(_, O))
+    ) || m.insertBefore && m.insertBefore.length > 0 && T(m.insertBefore) && !S.downstreamSlots.some(
+      (_) => m.insertBefore.some((O) => Ye(_, O))
     )));
-  }, [e, j, R, Y, Et]), kt = U((y) => {
-    if (!J) return;
+  }, [e, j, R, K, Et]), kt = U((y) => {
+    if (!Z) return;
     const v = `${y.type}-${Date.now()}`, S = y.reactFlowType === "filterNode" || y.reactFlowType === "approvalNode" || y.reactFlowType === "conditionBranchNode", C = y.branchLabels ?? { pass: "Pass", fail: "Fail" }, T = {
       id: v,
       kind: S ? y.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
@@ -2642,45 +2648,45 @@ const Xt = ({
       ...y.branchStyle ? { branchStyle: y.branchStyle } : {}
     };
     if (de) {
-      const { filterId: b, branch: N } = de;
-      te((_) => {
-        const I = [..._[b][N]];
+      const { filterId: m, branch: N } = de;
+      ne((_) => {
+        const O = [..._[m][N]];
         if (S) {
-          const Z = I.filter((ye) => ye.kind !== "end"), ke = Z.findIndex((ye) => ye.id === J), Dn = ke === -1 ? Z.length : ke + 1;
-          return Z.splice(Dn, 0, T), {
+          const Q = O.filter((ye) => ye.kind !== "end"), ke = Q.findIndex((ye) => ye.id === Z), Dn = ke === -1 ? Q.length : ke + 1;
+          return Q.splice(Dn, 0, T), {
             ..._,
-            [b]: { ..._[b], [N]: Z },
+            [m]: { ..._[m], [N]: Q },
             [v]: Object.fromEntries(
               Object.keys(C).map((ye) => [ye, [{ id: `end-${v}-${ye}`, kind: "end", reactFlowType: "endNode" }]])
             )
           };
         }
-        const B = I.findIndex((Z) => Z.id === J), F = I.findIndex((Z) => Z.kind === "end"), D = B === -1 ? F === -1 ? I.length : F : B + 1;
-        return I.splice(D, 0, T), { ..._, [b]: { ..._[b], [N]: I } };
+        const B = O.findIndex((Q) => Q.id === Z), F = O.findIndex((Q) => Q.kind === "end"), D = B === -1 ? F === -1 ? O.length : F : B + 1;
+        return O.splice(D, 0, T), { ..._, [m]: { ..._[m], [N]: O } };
       });
     } else if (S) {
-      const b = y.branchStyle === "inline-gate", N = R.filter((F) => F.kind !== "end"), _ = N.findIndex((F) => F.id === J), I = _ >= 0 ? N.slice(_ + 1) : [];
+      const m = y.branchStyle === "inline-gate", N = R.filter((F) => F.kind !== "end"), _ = N.findIndex((F) => F.id === Z), O = _ >= 0 ? N.slice(_ + 1) : [];
       ae(() => [...N.slice(0, _ + 1), T]);
       const B = Object.keys(C);
-      te((F) => ({
+      ne((F) => ({
         ...F,
         [v]: Object.fromEntries(
-          B.map((D, Z) => {
+          B.map((D, Q) => {
             const ke = { id: `end-${v}-${D}`, kind: "end", reactFlowType: "endNode" };
-            return b && Z === 0 && I.length > 0 ? [D, [...I, ke]] : [D, [ke]];
+            return m && Q === 0 && O.length > 0 ? [D, [...O, ke]] : [D, [ke]];
           })
         )
       }));
     } else
-      ae((b) => {
-        const N = b.findIndex((_) => _.id === J);
-        return N === -1 ? b : [...b.slice(0, N + 1), T, ...b.slice(N + 1)];
+      ae((m) => {
+        const N = m.findIndex((_) => _.id === Z);
+        return N === -1 ? m : [...m.slice(0, N + 1), T, ...m.slice(N + 1)];
       });
-    Me(null), ut(null), ft(v), X("nodeConfig");
-  }, [J, de]), _t = U((y, v) => {
-    const S = (b) => {
-      const N = b.label || b.key;
-      switch (b.kind) {
+    Me(null), ft(null), ut(v), X("nodeConfig");
+  }, [Z, de]), _t = U((y, v) => {
+    const S = (m) => {
+      const N = m.label || m.key;
+      switch (m.kind) {
         case "if":
           return `IF · ${N}`;
         case "elseif":
@@ -2690,54 +2696,54 @@ const Xt = ({
         default:
           return N;
       }
-    }, C = (b) => {
+    }, C = (m) => {
       const N = ce(y);
-      if ((N == null ? void 0 : N.descriptorType) !== "conditionBranch") return b;
-      const I = (v.branchConfigs ?? []).map((D) => D.key).filter(Boolean);
-      if (I.length === 0) return b;
-      const B = b[y] ?? {}, F = {};
-      return I.forEach((D) => {
+      if ((N == null ? void 0 : N.descriptorType) !== "conditionBranch") return m;
+      const O = (v.branchConfigs ?? []).map((D) => D.key).filter(Boolean);
+      if (O.length === 0) return m;
+      const B = m[y] ?? {}, F = {};
+      return O.forEach((D) => {
         F[D] = B[D] ?? [{ id: `end-${y}-${D}`, kind: "end", reactFlowType: "endNode" }];
-      }), { ...b, [y]: F };
-    }, T = (b, N) => {
-      if (b.descriptorType !== "conditionBranch") return { ...b, formData: N };
-      const _ = N.branchConfigs ?? [], I = {};
+      }), { ...m, [y]: F };
+    }, T = (m, N) => {
+      if (m.descriptorType !== "conditionBranch") return { ...m, formData: N };
+      const _ = N.branchConfigs ?? [], O = {};
       return _.forEach((B) => {
-        B.key && (I[B.key] = S(B));
-      }), { ...b, formData: N, branchLabels: I };
+        B.key && (O[B.key] = S(B));
+      }), { ...m, formData: N, branchLabels: O };
     };
-    if (R.some((b) => b.id === y)) {
-      te((b) => {
-        const N = C(b);
+    if (R.some((m) => m.id === y)) {
+      ne((m) => {
+        const N = C(m);
         return ae(
           (_) => _.map(
-            (I) => I.id === y ? T(I, v) : I
+            (O) => O.id === y ? T(O, v) : O
           )
         ), N;
       });
       return;
     }
-    te((b) => {
-      const _ = { ...C(b) };
-      for (const I of Object.keys(_)) {
+    ne((m) => {
+      const _ = { ...C(m) };
+      for (const O of Object.keys(_)) {
         const B = (F) => F.map((D) => D.id === y ? T(D, v) : D);
-        for (const F of Object.keys(_[I]))
-          if (_[I][F].some((D) => D.id === y))
-            return _[I] = { ..._[I], [F]: B(_[I][F]) }, _;
+        for (const F of Object.keys(_[O]))
+          if (_[O][F].some((D) => D.id === y))
+            return _[O] = { ..._[O], [F]: B(_[O][F]) }, _;
       }
       return _;
     });
-  }, [R, Y, ce]), K = V(() => ce(We ?? ""), [ce, We]), St = V(() => {
-    if ((K == null ? void 0 : K.kind) === "triggerFixed") {
+  }, [R, K, ce]), H = V(() => ce(We ?? ""), [ce, We]), St = V(() => {
+    if ((H == null ? void 0 : H.kind) === "triggerFixed") {
       const y = (j == null ? void 0 : j.triggerCategory) === "scheduler", v = (j == null ? void 0 : j.triggerConfigTitle) ?? (y ? "Scheduler" : j == null ? void 0 : j.label) ?? "Trigger", S = j == null ? void 0 : j.triggerCustomPanel;
       if (S)
         return {
-          type: K.id,
+          type: H.id,
           label: v,
           icon: j == null ? void 0 : j.icon,
           reactFlowType: "triggerNode",
           formSchema: [],
-          customPanel: ({ nodeId: T, data: b, onSave: N, onClose: _ }) => S({ data: b, onSave: N, onClose: _ }),
+          customPanel: ({ nodeId: T, data: m, onSave: N, onClose: _ }) => S({ data: m, onSave: N, onClose: _ }),
           matches: () => !1,
           bpmnEntry: (T) => T,
           bpmnExit: (T) => T,
@@ -2745,7 +2751,7 @@ const Xt = ({
         };
       const C = j == null ? void 0 : j.triggerConfigSchema;
       return Array.isArray(C) && C.length > 0 ? {
-        type: K.id,
+        type: H.id,
         // Title the config by what it IS (a scheduler), not the workflow name
         // (which would read as "Identify Dormant Account").
         label: v,
@@ -2758,10 +2764,10 @@ const Xt = ({
         emitBpmnElements: () => []
       } : null;
     }
-    return K != null && K.descriptorType ? e.forType(K.descriptorType) ?? null : null;
-  }, [K, e, j]), { nodes: Nt, edges: Fn } = V(
-    () => us(R, Y, s ? null : vt, pt, l, p, we),
-    [R, Y, s, vt, pt, l, p, we]
+    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),
+    [R, K, s, vt, pt, l, p, we]
   ), Ct = V(() => {
     const y = x ? new Map(x.steps.map((v) => [v.nodeId, v])) : null;
     return Nt.map((v) => {
@@ -2771,15 +2777,15 @@ const Xt = ({
         C && (S = { _executionStatus: C.status, _executionError: C.error });
       }
       return v.type === "subWorkflowNode" && k && (S.onPreview = (C) => {
-        var b;
+        var m;
         const T = ce(v.id);
-        ht({ workflowId: C, workflowLabel: ((b = T == null ? void 0 : T.formData) == null ? void 0 : b.workflowLabel) ?? void 0 });
+        ht({ workflowId: C, workflowLabel: ((m = T == null ? void 0 : T.formData) == null ? void 0 : m.workflowLabel) ?? void 0 });
       }), Object.keys(S).length > 0 ? { ...v, data: { ...v.data, ...S } } : v;
     });
   }, [Nt, x, k, ce]), Rn = V(() => ({ onEditNode: $e, onDeleteNode: mt, onAddStep: () => {
   }, onClickAddTrigger: Ge, messages: xe, nodeRegistry: e, nodeBody: Ee, activeTemplate: j }), [$e, mt, Ge, xe, e, Ee, j]), An = U(async () => {
-    i && await i({ slots: R, branches: Y });
-  }, [i, R, Y]), Bn = V(() => Sr({
+    i && await i({ slots: R, branches: K });
+  }, [i, R, K]), Bn = V(() => Sr({
     palette: {
       primary: { main: l.primaryColor ?? "#1976d2" },
       secondary: { main: l.secondaryColor ?? "#9c27b0" },
@@ -2791,7 +2797,7 @@ const Xt = ({
     shape: { borderRadius: l.borderRadius ?? 6 },
     typography: l.fontFamily ? { fontFamily: l.fontFamily } : {}
   }), [l]);
-  return /* @__PURE__ */ u(Nr, { theme: Bn, children: /* @__PURE__ */ u(kr, { resolvers: oe, children: /* @__PURE__ */ u(Qn.Provider, { value: Rn, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ f(Nr, { theme: Bn, children: /* @__PURE__ */ f(kr, { resolvers: J, children: /* @__PURE__ */ f(Qn.Provider, { value: Rn, children: /* @__PURE__ */ w(
     "div",
     {
       className: "flowforge-canvas",
@@ -2813,16 +2819,16 @@ const Xt = ({
         "--ff-font-family": l.fontFamily
       },
       children: [
-        !O && (i || $ || z) && /* @__PURE__ */ u(
+        !M && (i || G || z) && /* @__PURE__ */ f(
           ns,
           {
             workflowName: z,
             onWorkflowNameChange: W,
             status: P,
-            statusColor: M,
+            statusColor: I,
             onSave: i ? An : void 0,
-            onCancel: $,
-            saveLabel: H
+            onCancel: G,
+            saveLabel: Y
           }
         ),
         /* @__PURE__ */ w("div", { style: { flex: 1, minHeight: 0, position: "relative" }, children: [
@@ -2837,9 +2843,9 @@ const Xt = ({
               fitViewOptions: { padding: A },
               nodesDraggable: !1,
               nodesConnectable: !1,
-              panOnScroll: Ie,
-              zoomOnScroll: ee,
-              minZoom: Oe,
+              panOnScroll: Oe,
+              zoomOnScroll: te,
+              minZoom: Ie,
               maxZoom: ge,
               snapToGrid: De,
               snapGrid: ct,
@@ -2849,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__ */ u(
+                l.background !== "none" && /* @__PURE__ */ f(
                   Yn,
                   {
                     variant: l.background,
@@ -2857,20 +2863,20 @@ const Xt = ({
                     gap: 20
                   }
                 ),
-                ie && /* @__PURE__ */ u(Kn, { showInteractive: !1 }),
-                he && /* @__PURE__ */ u(Hn, { zoomable: !0, pannable: !0 }),
-                /* @__PURE__ */ u(es, { onHeightsReady: jn, nodeCount: Ct.length })
+                ie && /* @__PURE__ */ f(Kn, { showInteractive: !1 }),
+                he && /* @__PURE__ */ f(Hn, { zoomable: !0, pannable: !0 }),
+                /* @__PURE__ */ f(es, { onHeightsReady: jn, nodeCount: Ct.length })
               ]
             }
           ),
-          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 }),
+          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 }),
           h ? pe === "nodePicker" && h(xt(), kt, () => {
             X(null), Me(null);
-          }) : /* @__PURE__ */ u(os, { open: pe === "nodePicker", availableDescriptors: xt(), messages: xe, onSelect: kt, onClose: () => {
+          }) : /* @__PURE__ */ f(os, { open: pe === "nodePicker", availableDescriptors: xt(), messages: xe, onSelect: kt, onClose: () => {
             X(null), Me(null);
           } }),
-          g ? pe === "nodeConfig" && g(St ?? void 0, K, _t, () => X(null)) : /* @__PURE__ */ u(is, { open: pe === "nodeConfig", nodeId: We, descriptor: St, initialValues: K == null ? void 0 : K.formData, messages: xe, onSave: _t, onClose: () => X(null) }),
-          k && je && /* @__PURE__ */ u(
+          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(
             ss,
             {
               isOpen: !!je,
@@ -2921,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__ */ u("div", { style: { flexShrink: 0, width: 36, height: 36, borderRadius: 8, background: "#f5f5f5", display: "flex", alignItems: "center", justifyContent: "center" }, children: e.icon }),
+          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__ */ 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__ */ 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: [
-          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)),
+          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,
             " step",
@@ -2959,20 +2965,20 @@ const js = ({
     if (i !== Qe && (a = a.filter((c) => c.category === i)), r.trim()) {
       const c = r.toLowerCase();
       a = a.filter(
-        (f) => {
+        (u) => {
           var h, g;
-          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 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 [...a].sort((c, f) => (f.popularity ?? 0) - (c.popularity ?? 0));
+    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: [
-          /* @__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" })
+          /* @__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(
           "button",
@@ -2980,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__ */ u(fr, { size: 16 }),
+              /* @__PURE__ */ f(ur, { 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__ */ u(ur, { size: 18, color: "#9e9e9e" }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f(fr, { size: 18, color: "#9e9e9e" }),
+        /* @__PURE__ */ f(
           "input",
           {
             value: r,
@@ -2998,7 +3004,7 @@ const js = ({
           }
         )
       ] }),
-      l.length > 1 && /* @__PURE__ */ u("div", { style: { display: "flex", gap: 4, flexWrap: "wrap" }, children: l.map((a) => /* @__PURE__ */ u(
+      l.length > 1 && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 4, flexWrap: "wrap" }, children: l.map((a) => /* @__PURE__ */ f(
         "button",
         {
           onClick: () => s(a),
@@ -3018,22 +3024,22 @@ const js = ({
         a
       )) })
     ] }),
-    /* @__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)) }) })
+    /* @__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)) }) })
   ] });
 }, ze = {
-  running: { label: "Running", color: re.running, icon: G.createElement(nn, { size: 14 }) },
-  success: { label: "Success", color: re.success, icon: G.createElement(tn, { size: 14 }) },
-  failed: { label: "Failed", color: re.failed, icon: G.createElement(en, { size: 14 }) },
-  cancelled: { label: "Cancelled", color: re.cancelled, icon: G.createElement(Qt, { size: 14 }) }
+  running: { label: "Running", color: oe.running, icon: $.createElement(nn, { size: 14 }) },
+  success: { label: "Success", color: oe.success, icon: $.createElement(tn, { size: 14 }) },
+  failed: { label: "Failed", color: oe.failed, icon: $.createElement(en, { size: 14 }) },
+  cancelled: { label: "Cancelled", color: oe.cancelled, icon: $.createElement(Qt, { size: 14 }) }
 }, ps = {
-  pending: { color: re.pending, icon: G.createElement(gr, { size: 14 }) },
-  running: { color: re.running, icon: G.createElement(nn, { size: 14 }) },
-  success: { color: re.success, icon: G.createElement(tn, { size: 14 }) },
-  failed: { color: re.failed, icon: G.createElement(en, { size: 14 }) },
-  skipped: { color: re.skipped, icon: G.createElement(Qt, { size: 14 }) }
+  pending: { color: oe.pending, icon: $.createElement(gr, { size: 14 }) },
+  running: { color: oe.running, icon: $.createElement(nn, { size: 14 }) },
+  success: { color: oe.success, icon: $.createElement(tn, { size: 14 }) },
+  failed: { color: oe.failed, icon: $.createElement(en, { size: 14 }) },
+  skipped: { color: oe.skipped, icon: $.createElement(Qt, { size: 14 }) }
 };
 function ot(e) {
   try {
@@ -3042,7 +3048,7 @@ function ot(e) {
     return e;
   }
 }
-function On(e, t) {
+function In(e, t) {
   try {
     const n = new Date(t ?? (/* @__PURE__ */ new Date()).toISOString()).getTime() - new Date(e).getTime();
     return n < 1e3 ? `${n}ms` : n < 6e4 ? `${(n / 1e3).toFixed(1)}s` : `${Math.floor(n / 6e4)}m ${Math.floor(n % 6e4 / 1e3)}s`;
@@ -3066,23 +3072,23 @@ function ys({ step: e }) {
           o && (i.key === "Enter" || i.key === " ") && n((s) => !s);
         },
         children: [
-          /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: G.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 ? On(e.startedAt, e.completedAt) : "—" }),
-          o && /* @__PURE__ */ u("span", { style: { color: "#9e9e9e", flexShrink: 0 }, children: t ? G.createElement(yr, { size: 16 }) : G.createElement(br, { size: 16 }) })
+          /* @__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 }) })
         ]
       }
     ),
     t && o && /* @__PURE__ */ w("div", { style: { padding: "0 12px 10px 32px", fontSize: 12 }, children: [
-      e.error && /* @__PURE__ */ u("div", { style: { padding: "6px 10px", borderRadius: 6, background: "#ffebee", color: "#c62828", marginBottom: 6 }, children: e.error }),
+      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: [
-        /* @__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) })
+        /* @__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: [
-        /* @__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) })
+        /* @__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) })
       ] })
     ] })
   ] });
@@ -3109,9 +3115,9 @@ function bs({ record: e, selected: t, onSelect: n }) {
         outline: "none"
       },
       children: [
-        /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: G.cloneElement(r.icon, { color: r.color, size: 16 }) }),
+        /* @__PURE__ */ f("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__ */ u("div", { style: { fontSize: 12, color: "#212121", fontWeight: t ? 600 : 400, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: ot(e.triggeredAt) }),
+          /* @__PURE__ */ f("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",
             " · ",
@@ -3120,8 +3126,8 @@ function bs({ record: e, selected: t, onSelect: n }) {
             e.steps.length !== 1 ? "s" : ""
           ] })
         ] }),
-        /* @__PURE__ */ u("span", { style: { fontSize: 11, fontWeight: 600, color: r.color, flexShrink: 0 }, children: r.label }),
-        /* @__PURE__ */ u(Zt, { size: 14, color: "#bdbdbd" })
+        /* @__PURE__ */ f("span", { style: { fontSize: 11, fontWeight: 600, color: r.color, flexShrink: 0 }, children: r.label }),
+        /* @__PURE__ */ f(Zt, { size: 14, color: "#bdbdbd" })
       ]
     }
   );
@@ -3130,9 +3136,9 @@ 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());
   return e.length === 0 ? /* @__PURE__ */ w("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: 300, color: "#9e9e9e", gap: 8 }, children: [
-    /* @__PURE__ */ u(Ot, { 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__ */ 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__ */ 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: [
@@ -3140,30 +3146,30 @@ const zs = ({ records: e, onViewOnCanvas: t }) => {
         e.length,
         ")"
       ] }),
-      i.map((l) => /* @__PURE__ */ u(bs, { record: l, selected: l.id === n, onSelect: () => r(l.id) }, l.id))
+      i.map((l) => /* @__PURE__ */ f(bs, { record: l, selected: l.id === n, onSelect: () => r(l.id) }, l.id))
     ] }),
-    /* @__PURE__ */ u("div", { style: { flex: 1, overflowY: "auto" }, children: o ? /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto" }, children: o ? /* @__PURE__ */ w("div", { children: [
       /* @__PURE__ */ w("div", { style: { padding: "16px 20px", borderBottom: "1px solid #f0f0f0", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 12 }, children: [
         /* @__PURE__ */ w("div", { children: [
           /* @__PURE__ */ w("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
-            G.cloneElement(ze[o.status].icon, { color: ze[o.status].color, size: 18 }),
-            /* @__PURE__ */ u("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: ze[o.status].label })
+            $.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__ */ 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__ */ u(Ot, { size: 13 }),
+              /* @__PURE__ */ f(It, { size: 13 }),
               " ",
               ot(o.triggeredAt),
-              o.completedAt && ` → ${ot(o.completedAt)} (${On(o.triggeredAt, o.completedAt)})`
+              o.completedAt && ` → ${ot(o.completedAt)} (${In(o.triggeredAt, o.completedAt)})`
             ] }),
             o.triggeredBy && /* @__PURE__ */ w("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-              /* @__PURE__ */ u(pr, { size: 13 }),
+              /* @__PURE__ */ f(pr, { size: 13 }),
               " ",
               o.triggeredBy
             ] })
           ] })
         ] }),
-        t && /* @__PURE__ */ u(
+        t && /* @__PURE__ */ f(
           "button",
           {
             onClick: () => t(o),
@@ -3172,20 +3178,20 @@ const zs = ({ records: e, onViewOnCanvas: t }) => {
           }
         )
       ] }),
-      o.error && /* @__PURE__ */ u("div", { style: { margin: "12px 16px", padding: "10px 14px", borderRadius: 6, background: "#ffebee", color: "#c62828", fontSize: 13 }, children: o.error }),
+      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: [
           "STEPS (",
           o.steps.length,
           ")"
         ] }),
-        o.steps.map((l, d) => /* @__PURE__ */ u(ys, { step: l }, `${l.nodeId}-${d}`))
+        o.steps.map((l, d) => /* @__PURE__ */ f(ys, { step: l }, `${l.nodeId}-${d}`))
       ] }),
-      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) })
+      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) })
       ] }) })
-    ] }) : /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#9e9e9e", fontSize: 14 }, children: "Select a run to see details" }) })
+    ] }) : /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#9e9e9e", fontSize: 14 }, children: "Select a run to see details" }) })
   ] });
 };
 export {
@@ -3195,4 +3201,4 @@ export {
   ns as a,
   js as b
 };
-//# sourceMappingURL=WorkflowExecutionHistory-CxKMGSch.js.map
+//# sourceMappingURL=WorkflowExecutionHistory-DmfGMs7_.js.map