@notmrabhi/flowforge 0.1.105 → 0.1.107

package/dist/{WorkflowExecutionHistory-DYp-l7mk.js → WorkflowExecutionHistory-BA5IpymY.js}

@@ -1,23 +1,23 @@
-import { jsxs as w, jsx as u, Fragment as ye } from "react/jsx-runtime";
-import D, { useRef as _t, useEffect as re, useState as j, useCallback as H, useMemo as U } from "react";
+import { jsxs as w, jsx as u, Fragment as Ee } from "react/jsx-runtime";
+import W, { useRef as _t, useEffect as se, useState as z, useCallback as H, useMemo as U } 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 Xn, P as qn, L as Jn, d as Zn, h as Qn } from "./GatewayBranchEdge-BsPsPmnx.js";
-import { Dialog as er, Box as Q, Drawer as tr, IconButton as St, Button as Ce, 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-BsPsPmnx.js";
+import { Dialog as er, Box as te, Drawer as tr, IconButton as St, Button as Ie, CircularProgress as nr } from "@mui/material";
 import rr from "react-select";
-import { MdClose as or, MdCalendarToday as ir, MdBolt as sr, MdArrowBack as Ut, MdChevronRight as Vt, MdAddCircleOutline as lr, MdApps as ar, MdErrorOutline as dr, MdAccountTree as cr, MdAdd as fr, MdSearch as ur, MdCategory as hr, MdCancel as Xt, MdError as qt, MdCheckCircle as Jt, MdPlayArrow as Zt, MdHourglassEmpty as gr, MdSchedule as Nt, 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 Ut, MdChevronRight as Vt, 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 Xt, MdCheckCircle as Jt, MdPlayArrow as Zt, MdHourglassEmpty as gr, MdSchedule as Nt, 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 ee } from "./canvasTokens-CAD6G24b.js";
+import { T as Cr, E as ne } from "./canvasTokens-CAD6G24b.js";
 var Qt = Object.defineProperty, Tr = (e, t, n) => t in e ? Qt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ir = (e, t) => {
   for (var n in t) Qt(e, n, { get: t[n], enumerable: !0 });
 }, Or = (e, t, n) => Tr(e, t + "", n), en = {};
 Ir(en, { Graph: () => V, alg: () => Qe, json: () => nn, version: () => zr });
-var Mr = Object.defineProperty, tn = (e, t) => {
-  for (var n in t) Mr(e, n, { get: t[n], enumerable: !0 });
+var jr = Object.defineProperty, tn = (e, t) => {
+  for (var n in t) jr(e, n, { get: t[n], enumerable: !0 });
 }, V = class {
   constructor(e) {
     this._isDirected = !0, this._isMultigraph = !1, this._isCompound = !1, this._nodes = {}, this._in = {}, this._preds = {}, this._out = {}, this._sucs = {}, this._edgeObjs = {}, this._edgeLabels = {}, this._nodeCount = 0, this._edgeCount = 0, this._defaultNodeLabelFn = () => {
@@ -151,15 +151,15 @@ var Mr = Object.defineProperty, tn = (e, t) => {
   setEdge(e, t, n, r) {
     let o, i, s, l, d = !1;
     typeof e == "object" && e !== null && "v" in e ? (o = e.v, i = e.w, s = e.name, arguments.length === 2 && (l = t, d = !0)) : (o = e, i = t, s = r, arguments.length > 2 && (l = n, d = !0)), o = "" + o, i = "" + i, s !== void 0 && (s = "" + s);
-    let a = pe(this._isDirected, o, i, s);
+    let a = we(this._isDirected, o, i, s);
     if (a in this._edgeLabels) return d && (this._edgeLabels[a] = l), this;
     if (s !== void 0 && !this._isMultigraph) throw new Error("Cannot set a named edge when isMultigraph = false");
     this.setNode(o), this.setNode(i), this._edgeLabels[a] = d ? l : this._defaultEdgeLabelFn(o, i, s);
-    let c = jr(this._isDirected, o, i, s);
+    let c = Mr(this._isDirected, o, i, s);
     return o = c.v, i = c.w, Object.freeze(c), this._edgeObjs[a] = c, Ct(this._preds[i], o), Ct(this._sucs[o], i), this._in[i][a] = c, this._out[o][a] = c, this._edgeCount++, this;
   }
   edge(e, t, n) {
-    let r = arguments.length === 1 ? Be(this._isDirected, e) : pe(this._isDirected, e, t, n);
+    let r = arguments.length === 1 ? Be(this._isDirected, e) : we(this._isDirected, e, t, n);
     return this._edgeLabels[r];
   }
   edgeAsObj(e, t, n) {
@@ -167,10 +167,10 @@ var Mr = Object.defineProperty, tn = (e, t) => {
     return typeof r != "object" ? { label: r } : r;
   }
   hasEdge(e, t, n) {
-    return (arguments.length === 1 ? Be(this._isDirected, e) : pe(this._isDirected, e, t, n)) in this._edgeLabels;
+    return (arguments.length === 1 ? Be(this._isDirected, e) : we(this._isDirected, e, t, n)) in this._edgeLabels;
   }
   removeEdge(e, t, n) {
-    let r = arguments.length === 1 ? Be(this._isDirected, e) : pe(this._isDirected, e, t, n), o = this._edgeObjs[r];
+    let r = arguments.length === 1 ? Be(this._isDirected, e) : we(this._isDirected, e, t, n), o = this._edgeObjs[r];
     if (o) {
       let i = o.v, s = o.w;
       delete this._edgeLabels[r], delete this._edgeObjs[r], Tt(this._preds[s], i), Tt(this._sucs[i], s), delete this._in[s][r], delete this._out[i][r], this._edgeCount--;
@@ -201,7 +201,7 @@ function Ct(e, t) {
 function Tt(e, t) {
   e[t] !== void 0 && !--e[t] && delete e[t];
 }
-function pe(e, t, n, r) {
+function we(e, t, n, r) {
   let o = "" + t, i = "" + n;
   if (!e && o > i) {
     let s = o;
@@ -209,7 +209,7 @@ function pe(e, t, n, r) {
   }
   return o + "
" + i + "
" + (r === void 0 ? "\0" : r);
 }
-function jr(e, t, n, r) {
+function Mr(e, t, n, r) {
   let o = "" + t, i = "" + n;
   if (!e && o > i) {
     let l = o;
@@ -219,7 +219,7 @@ function jr(e, t, n, r) {
   return r && (s.name = r), s;
 }
 function Be(e, t) {
-  return pe(e, t.v, t.w, t.name);
+  return we(e, t.v, t.w, t.name);
 }
 var zr = "4.0.1", nn = {};
 tn(nn, { read: () => Rr, write: () => Lr });
@@ -248,7 +248,7 @@ function Rr(e) {
   }), t;
 }
 var Qe = {};
-tn(Qe, { CycleException: () => Ie, bellmanFord: () => rn, components: () => Dr, dijkstra: () => Te, dijkstraAll: () => Gr, findCycles: () => Yr, floydWarshall: () => Hr, isAcyclic: () => Vr, postorder: () => qr, preorder: () => Jr, prim: () => Zr, shortestPaths: () => Qr, tarjan: () => sn, topsort: () => ln });
+tn(Qe, { CycleException: () => je, bellmanFord: () => rn, components: () => Dr, dijkstra: () => Oe, dijkstraAll: () => Gr, findCycles: () => Yr, floydWarshall: () => Hr, isAcyclic: () => Vr, postorder: () => Xr, preorder: () => Jr, prim: () => Zr, shortestPaths: () => Qr, tarjan: () => sn, topsort: () => ln });
 var Ar = () => 1;
 function rn(e, t, n, r) {
   return Br(e, String(t), n || Ar, r || function(o) {
@@ -262,8 +262,8 @@ function Br(e, t, n, r) {
   }, a = function() {
     l.forEach(function(f) {
       r(f).forEach(function(h) {
-        let g = h.v === f ? h.v : h.w, b = g === h.v ? h.w : h.v;
-        d({ v: g, w: b });
+        let g = h.v === f ? h.v : h.w, E = g === h.v ? h.w : h.v;
+        d({ v: g, w: E });
       });
     });
   };
@@ -339,7 +339,7 @@ var on = class {
     n[e] = i, n[t] = o, r[i.key] = e, r[o.key] = t;
   }
 }, Wr = () => 1;
-function Te(e, t, n, r) {
+function Oe(e, t, n, r) {
   let o = function(i) {
     return e.outEdges(i);
   };
@@ -359,7 +359,7 @@ function $r(e, t, n, r) {
 }
 function Gr(e, t, n) {
   return e.nodes().reduce(function(r, o) {
-    return r[o] = Te(e, o, t, n), r;
+    return r[o] = Oe(e, o, t, n), r;
   }, {});
 }
 function sn(e) {
@@ -411,7 +411,7 @@ function Ur(e, t, n) {
     });
   }), r;
 }
-var Ie = class extends Error {
+var je = class extends Error {
   constructor(...e) {
     super(...e);
   }
@@ -419,22 +419,22 @@ var Ie = class extends Error {
 function ln(e) {
   let t = {}, n = {}, r = [];
   function o(i) {
-    if (i in n) throw new Ie();
+    if (i in n) throw new je();
     i in t || (n[i] = !0, t[i] = !0, e.predecessors(i).forEach(o), delete n[i], r.push(i));
   }
-  if (e.sinks().forEach(o), Object.keys(t).length !== e.nodeCount()) throw new Ie();
+  if (e.sinks().forEach(o), Object.keys(t).length !== e.nodeCount()) throw new je();
   return r;
 }
 function Vr(e) {
   try {
     ln(e);
   } catch (t) {
-    if (t instanceof Ie) return !1;
+    if (t instanceof je) return !1;
     throw t;
   }
   return !0;
 }
-function Xr(e, t, n, r, o) {
+function qr(e, t, n, r, o) {
   Array.isArray(t) || (t = [t]);
   let i = (l) => {
     var d;
@@ -451,11 +451,11 @@ function an(e, t, n, r, o, i, s) {
   }), n && (s = i(s, t))), s;
 }
 function dn(e, t, n) {
-  return Xr(e, t, n, function(r, o) {
+  return qr(e, t, n, function(r, o) {
     return r.push(o), r;
   }, []);
 }
-function qr(e, t) {
+function Xr(e, t) {
   return dn(e, t, "post");
 }
 function Jr(e, t) {
@@ -492,7 +492,7 @@ function Qr(e, t, n, r) {
   }));
 }
 function eo(e, t, n, r) {
-  if (n === void 0) return Te(e, t, n, r);
+  if (n === void 0) return Oe(e, t, n, r);
   let o = !1, i = e.nodes();
   for (let s = 0; s < i.length; s++) {
     let l = r(i[s]);
@@ -502,9 +502,9 @@ function eo(e, t, n, r) {
     }
     if (o) return rn(e, t, n, r);
   }
-  return Te(e, t, n, r);
+  return Oe(e, t, n, r);
 }
-function ue(e, t, n, r) {
+function be(e, t, n, r) {
   let o = r;
   for (; e.hasNode(o); ) o = et(r);
   return n.dummy = t, e.setNode(o, n), o;
@@ -530,8 +530,8 @@ function It(e, t) {
   let d, a;
   return Math.abs(i) * s > Math.abs(o) * l ? (i < 0 && (l = -l), d = l * o / i, a = l) : (o < 0 && (s = -s), d = s, a = s * i / o), { x: n + d, y: r + a };
 }
-function we(e) {
-  let t = be(un(e) + 1).map(() => []);
+function Se(e) {
+  let t = xe(un(e) + 1).map(() => []);
   return e.nodes().forEach((n) => {
     let r = e.node(n), o = r.rank;
     o !== void 0 && (t[o] || (t[o] = []), t[o][r.order] = n);
@@ -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 = J(Math.min, t);
+  }), n = Q(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 = J(Math.min, t), r = [];
+  let t = e.nodes().map((s) => e.node(s).rank).filter((s) => s !== void 0), n = Q(Math.min, t), r = [];
   e.nodes().forEach((s) => {
     let l = e.node(s).rank - n;
     r[l] || (r[l] = []), r[l].push(s);
@@ -560,7 +560,7 @@ function ro(e) {
 }
 function Ot(e, t, n, r) {
   let o = { width: 0, height: 0 };
-  return arguments.length >= 4 && (o.rank = n, o.order = r), ue(e, "border", o, t);
+  return arguments.length >= 4 && (o.rank = n, o.order = r), be(e, "border", o, t);
 }
 function oo(e, t = fn) {
   let n = [];
@@ -571,7 +571,7 @@ function oo(e, t = fn) {
   return n;
 }
 var fn = 65535;
-function J(e, t) {
+function Q(e, t) {
   if (t.length > fn) {
     let n = oo(t);
     return e(...n.map((r) => e(...r)));
@@ -582,7 +582,7 @@ function un(e) {
     let r = e.node(n).rank;
     return r === void 0 ? Number.MIN_VALUE : r;
   });
-  return J(Math.max, t);
+  return Q(Math.max, t);
 }
 function io(e, t) {
   let n = { lhs: [], rhs: [] };
@@ -606,7 +606,7 @@ function et(e) {
   let t = ++so;
   return e + ("" + t);
 }
-function be(e, t, n = 1) {
+function xe(e, t, n = 1) {
   t == null && (t = e, e = 0);
   let r = (i) => i < t;
   n < 0 && (r = (i) => t < i);
@@ -614,19 +614,19 @@ function be(e, t, n = 1) {
   for (let i = e; r(i); i += n) o.push(i);
   return o;
 }
-function Oe(e, t) {
+function Me(e, t) {
   let n = {};
   for (let r of t) e[r] !== void 0 && (n[r] = e[r]);
   return n;
 }
-function Me(e, t) {
+function ze(e, t) {
   let n;
   return typeof t == "string" ? n = (r) => r[t] : n = t, Object.entries(e).reduce((r, [o, i]) => (r[o] = n(i, o), r), {});
 }
 function lo(e, t) {
   return e.reduce((n, r, o) => (n[r] = t[o], n), {});
 }
-var je = "\0", ao = "3.0.0", co = class {
+var Le = "\0", ao = "3.0.0", co = class {
   constructor() {
     Or(this, "_sentinel");
     let e = {};
@@ -634,11 +634,11 @@ var je = "\0", ao = "3.0.0", co = class {
   }
   dequeue() {
     let e = this._sentinel, t = e._prev;
-    if (t !== e) return Mt(t), t;
+    if (t !== e) return jt(t), t;
   }
   enqueue(e) {
     let t = this._sentinel;
-    e._prev && e._next && Mt(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
+    e._prev && e._next && jt(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
   }
   toString() {
     let e = [], t = this._sentinel, n = t._prev;
@@ -646,7 +646,7 @@ var je = "\0", ao = "3.0.0", co = class {
     return "[" + e.join(", ") + "]";
   }
 };
-function Mt(e) {
+function jt(e) {
   e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
 function fo(e, t) {
@@ -743,7 +743,7 @@ function xo(e, t) {
   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 = ue(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;
+  for (f = 0, ++r; r < i; ++f, ++r) l.points = [], c = { width: 0, height: 0, edgeLabel: l, edgeObj: t, rank: r }, a = be(e, "edge", c, "_d"), r === d && (c.width = l.width, c.height = l.height, c.dummy = "edge-label", c.labelpos = l.labelpos), e.setEdge(n, a, { weight: l.weight }, s), f === 0 && e.graph().dummyChains.push(a), n = a;
   e.setEdge(n, o, { weight: l.weight }, s);
 }
 function ko(e) {
@@ -758,12 +758,12 @@ function tt(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 = J(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 = Q(Math.min, s);
     return l === Number.POSITIVE_INFINITY && (l = 0), o.rank = l;
   }
   e.sources().forEach(n);
 }
-function fe(e, t) {
+function ye(e, t) {
   return e.node(t.w).rank - e.node(t.v).rank - e.edge(t).minlen;
 }
 var pn = _o;
@@ -773,7 +773,7 @@ function _o(e) {
   let r = n[0], o = e.nodeCount();
   t.setNode(r, {});
   let i, s;
-  for (; So(t, e) < o && (i = No(t, e), !!i); ) s = t.hasNode(i.v) ? fe(e, i) : -fe(e, i), Co(t, e, s);
+  for (; So(t, e) < o && (i = No(t, e), !!i); ) s = t.hasNode(i.v) ? ye(e, i) : -ye(e, i), Co(t, e, s);
   return t;
 }
 function So(e, t) {
@@ -781,7 +781,7 @@ function So(e, t) {
     let o = t.nodeEdges(r);
     o && o.forEach((i) => {
       let s = i.v, l = r === s ? i.w : s;
-      !e.hasNode(l) && !fe(t, i) && (e.setNode(l, {}), e.setEdge(r, l, {}), n(l));
+      !e.hasNode(l) && !ye(t, i) && (e.setNode(l, {}), e.setEdge(r, l, {}), n(l));
     });
   }
   return e.nodes().forEach(n), e.nodeCount();
@@ -789,20 +789,20 @@ function So(e, t) {
 function No(e, t) {
   return t.edges().reduce((n, r) => {
     let o = Number.POSITIVE_INFINITY;
-    return e.hasNode(r.v) !== e.hasNode(r.w) && (o = fe(t, r)), o < n[0] ? [o, r] : n;
+    return e.hasNode(r.v) !== e.hasNode(r.w) && (o = ye(t, r)), o < n[0] ? [o, r] : n;
   }, [Number.POSITIVE_INFINITY, null])[1];
 }
 function Co(e, t, n) {
   e.nodes().forEach((r) => t.node(r).rank += n);
 }
-var { preorder: To, postorder: Io } = Qe, Oo = ae;
-ae.initLowLimValues = rt;
-ae.initCutValues = nt;
-ae.calcCutValue = yn;
-ae.leaveEdge = mn;
-ae.enterEdge = vn;
-ae.exchangeEdges = wn;
-function ae(e) {
+var { preorder: To, postorder: Io } = Qe, Oo = he;
+he.initLowLimValues = rt;
+he.initCutValues = nt;
+he.calcCutValue = yn;
+he.leaveEdge = mn;
+he.enterEdge = vn;
+he.exchangeEdges = wn;
+function he(e) {
   e = to(e), tt(e);
   let t = pn(e);
   rt(t), nt(t, e);
@@ -811,9 +811,9 @@ function ae(e) {
 }
 function nt(e, t) {
   let n = Io(e, e.nodes());
-  n = n.slice(0, n.length - 1), n.forEach((r) => Mo(e, t, r));
+  n = n.slice(0, n.length - 1), n.forEach((r) => jo(e, t, r));
 }
-function Mo(e, t, n) {
+function jo(e, t, n) {
   let r = e.node(n).parent, o = e.edge(n, r);
   o.cutvalue = yn(e, t, n);
 }
@@ -850,13 +850,13 @@ function vn(e, t, n) {
   let r = n.v, o = n.w;
   t.hasEdge(r, o) || (r = n.w, o = n.v);
   let i = e.node(r), s = e.node(o), l = i, d = !1;
-  return i.lim > s.lim && (l = s, d = !0), t.edges().filter((a) => d === jt(e, e.node(a.v), l) && d !== jt(e, e.node(a.w), l)).reduce((a, c) => fe(t, c) < fe(t, a) ? c : a);
+  return i.lim > s.lim && (l = s, d = !0), t.edges().filter((a) => d === Mt(e, e.node(a.v), l) && d !== Mt(e, e.node(a.w), l)).reduce((a, c) => ye(t, c) < ye(t, a) ? c : a);
 }
 function wn(e, t, n, r) {
   let o = n.v, i = n.w;
-  e.removeEdge(o, i), e.setEdge(r.v, r.w, {}), rt(e), nt(e, t), jo(e, t);
+  e.removeEdge(o, i), e.setEdge(r.v, r.w, {}), rt(e), nt(e, t), Mo(e, t);
 }
-function jo(e, t) {
+function Mo(e, t) {
   let n = e.nodes().find((o) => !e.node(o).parent);
   if (!n) return;
   let r = To(e, [n]);
@@ -868,7 +868,7 @@ function jo(e, t) {
 function zo(e, t, n) {
   return e.hasEdge(t, n);
 }
-function jt(e, t, n) {
+function Mt(e, t, n) {
   return n.low <= t.lim && t.lim <= n.lim;
 }
 var Lo = Po;
@@ -932,13 +932,13 @@ function Wo(e) {
     let i = n;
     e.children(o).forEach(r), t[o] = { low: i, lim: n++ };
   }
-  return e.children(je).forEach(r), t;
+  return e.children(Le).forEach(r), t;
 }
 function $o(e) {
-  let t = ue(e, "root", {}, "_root"), n = Go(e), r = Object.values(n), o = J(Math.max, r) - 1, i = 2 * o + 1;
+  let t = be(e, "root", {}, "_root"), n = Go(e), r = Object.values(n), o = Q(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(je).forEach((l) => En(e, t, i, s, o, n, l)), e.graph().nodeRankFactor = i;
+  e.children(Le).forEach((l) => En(e, t, i, s, o, n, l)), e.graph().nodeRankFactor = i;
 }
 function En(e, t, n, r, o, i, s) {
   var l;
@@ -951,8 +951,8 @@ function En(e, t, n, r, o, i, s) {
   e.setParent(a, s), f.borderTop = a, e.setParent(c, s), f.borderBottom = c, d.forEach((h) => {
     var g;
     En(e, t, n, r, o, i, h);
-    let b = e.node(h), E = b.borderTop ? b.borderTop : h, m = b.borderBottom ? b.borderBottom : h, x = b.borderTop ? r : 2 * r, C = E !== m ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
-    e.setEdge(a, E, { weight: x, minlen: C, nestingEdge: !0 }), e.setEdge(m, c, { weight: x, minlen: C, nestingEdge: !0 });
+    let E = e.node(h), m = E.borderTop ? E.borderTop : h, p = E.borderBottom ? E.borderBottom : h, k = E.borderTop ? r : 2 * r, x = m !== p ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
+    e.setEdge(a, m, { weight: k, minlen: x, nestingEdge: !0 }), e.setEdge(p, c, { weight: k, minlen: x, nestingEdge: !0 });
   }), e.parent(s) || e.setEdge(t, a, { weight: 0, minlen: o + ((l = i[s]) != null ? l : 0) });
 }
 function Go(e) {
@@ -961,7 +961,7 @@ function Go(e) {
     let i = e.children(r);
     i && i.length && i.forEach((s) => n(s, o + 1)), t[r] = o;
   }
-  return e.children(je).forEach((r) => n(r, 1)), t;
+  return e.children(Le).forEach((r) => n(r, 1)), t;
 }
 function Yo(e) {
   return e.edges().reduce((t, n) => t + e.edge(n).weight, 0);
@@ -981,10 +981,10 @@ function Uo(e) {
       for (let i = o.minRank, s = o.maxRank + 1; i < s; ++i) Lt(e, "borderLeft", "_bl", n, o, i), Lt(e, "borderRight", "_br", n, o, i);
     }
   }
-  e.children(je).forEach(t);
+  e.children(Le).forEach(t);
 }
 function Lt(e, t, n, r, o, i) {
-  let s = { width: 0, height: 0, rank: i, borderType: t }, l = o[t][i - 1], d = ue(e, "border", s, n);
+  let s = { width: 0, height: 0, rank: i, borderType: t }, l = o[t][i - 1], d = be(e, "border", s, n);
   o[t][i] = d, e.setParent(d, r), l && e.setEdge(l, d, { weight: 1 });
 }
 function Vo(e) {
@@ -992,10 +992,10 @@ function Vo(e) {
   let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
   (n === "lr" || n === "rl") && xn(e);
 }
-function Xo(e) {
+function qo(e) {
   var t;
   let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
-  (n === "bt" || n === "rl") && qo(e), (n === "lr" || n === "rl") && (Jo(e), xn(e));
+  (n === "bt" || n === "rl") && Xo(e), (n === "lr" || n === "rl") && (Jo(e), xn(e));
 }
 function xn(e) {
   e.nodes().forEach((t) => Pt(e.node(t))), e.edges().forEach((t) => Pt(e.edge(t)));
@@ -1004,7 +1004,7 @@ function Pt(e) {
   let t = e.width;
   e.width = e.height, e.height = t;
 }
-function qo(e) {
+function Xo(e) {
   e.nodes().forEach((t) => We(e.node(t))), e.edges().forEach((t) => {
     var n;
     let r = e.edge(t);
@@ -1026,7 +1026,7 @@ function $e(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 = J(Math.max, r), i = be(o + 1).map(() => []);
+  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 = xe(o + 1).map(() => []);
   function s(l) {
     if (t[l]) return;
     t[l] = !0;
@@ -1100,7 +1100,7 @@ function ri(e) {
     let o = e.pop();
     t.push(o), o.in.reverse().forEach(n(o)), o.out.forEach(r(o));
   }
-  return t.filter((o) => !o.merged).map((o) => Oe(o, ["vs", "i", "barycenter", "weight"]));
+  return t.filter((o) => !o.merged).map((o) => Me(o, ["vs", "i", "barycenter", "weight"]));
 }
 function oi(e, t) {
   let n = 0, r = 0;
@@ -1139,8 +1139,8 @@ function kn(e, t, n, r) {
     f.vs = [s, f.vs, l].flat(1);
     let h = e.predecessors(s);
     if (h && h.length) {
-      let g = e.node(h[0]), b = e.predecessors(l), E = e.node(b[0]);
-      Object.hasOwn(f, "barycenter") || (f.barycenter = 0, f.weight = 0), f.barycenter = (f.barycenter * f.weight + g.order + E.order) / (f.weight + 2), f.weight += 2;
+      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;
     }
   }
   return f;
@@ -1191,11 +1191,11 @@ function _n(e, t = {}) {
     t.customOrder(e, _n);
     return;
   }
-  let n = un(e), r = Rt(e, be(1, n + 1), "inEdges"), o = Rt(e, be(n - 1, -1, -1), "outEdges"), i = Zo(e);
+  let n = un(e), r = Rt(e, xe(1, n + 1), "inEdges"), o = Rt(e, xe(n - 1, -1, -1), "outEdges"), i = Zo(e);
   if (At(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 = we(e);
+    ui(a % 2 ? r : o, a % 4 >= 2, d), i = Se(e);
     let f = Qo(e, i);
     f < s ? (c = 0, l = Object.assign({}, i), s = f) : f === s && (l = structuredClone(i));
   }
@@ -1230,11 +1230,11 @@ function hi(e, t) {
     let s = 0, l = 0, d = o.length, a = i[i.length - 1];
     return i.forEach((c, f) => {
       let h = pi(e, c), g = h ? e.node(h).order : d;
-      (h || c === a) && (i.slice(l, f + 1).forEach((b) => {
-        let E = e.predecessors(b);
-        E && E.forEach((m) => {
-          let x = e.node(m), C = x.order;
-          (C < s || g < C) && !(x.dummy && e.node(b).dummy) && Sn(n, m, b);
+      (h || c === a) && (i.slice(l, f + 1).forEach((E) => {
+        let m = e.predecessors(E);
+        m && m.forEach((p) => {
+          let k = e.node(p), x = k.order;
+          (x < s || g < x) && !(k.dummy && e.node(E).dummy) && Sn(n, p, E);
         });
       }), l = f + 1, s = g);
     }), i;
@@ -1244,14 +1244,14 @@ function hi(e, t) {
 function gi(e, t) {
   let n = {};
   function r(i, s, l, d, a) {
-    be(s, l).forEach((c) => {
+    xe(s, l).forEach((c) => {
       let f = i[c];
       if (f !== void 0 && e.node(f).dummy) {
         let h = e.predecessors(f);
         h && h.forEach((g) => {
           if (g === void 0) return;
-          let b = e.node(g);
-          b.dummy && (b.order < d || b.order > a) && Sn(n, g, f);
+          let E = e.node(g);
+          E.dummy && (E.order < d || E.order > a) && Sn(n, g, f);
         });
       }
     });
@@ -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, b) => {
-          let E = s[g], m = s[b];
-          return (E !== void 0 ? E : 0) - (m !== void 0 ? m : 0);
+        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;
-        for (let g = Math.floor(h), b = Math.ceil(h); g <= b; ++g) {
-          let E = f[g];
-          if (E === void 0) continue;
-          let m = s[E];
-          if (m !== void 0 && i[a] === a && d < m && !yi(n, a, E)) {
-            let x = o[E];
-            x !== void 0 && (i[E] = a, i[a] = o[a] = x, d = m);
+        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 k = o[m];
+            k !== void 0 && (i[m] = a, i[a] = o[a] = k, d = p);
           }
         }
       }
@@ -1324,33 +1324,33 @@ 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, b) {
-    let E = s.nodes().slice(), m = {}, x = E.pop();
-    for (; x; ) {
-      if (m[x]) g(x);
+  function d(g, E) {
+    let m = s.nodes().slice(), p = {}, k = m.pop();
+    for (; k; ) {
+      if (p[k]) g(k);
       else {
-        m[x] = !0, E.push(x);
-        for (let C of b(x)) E.push(C);
+        p[k] = !0, m.push(k);
+        for (let x of E(k)) m.push(x);
       }
-      x = E.pop();
+      k = m.pop();
     }
   }
   function a(g) {
-    let b = s.inEdges(g);
-    b ? i[g] = b.reduce((E, m) => {
-      var x;
-      let C = (x = i[m.v]) != null ? x : 0, M = s.edge(m);
-      return Math.max(E, C + (M !== void 0 ? M : 0));
+    let E = s.inEdges(g);
+    E ? i[g] = E.reduce((m, p) => {
+      var k;
+      let x = (k = i[p.v]) != null ? k : 0, O = s.edge(p);
+      return Math.max(m, x + (O !== void 0 ? O : 0));
     }, 0) : i[g] = 0;
   }
   function c(g) {
-    let b = s.outEdges(g), E = Number.POSITIVE_INFINITY;
-    b && (E = b.reduce((x, C) => {
-      let M = i[C.w], z = s.edge(C);
-      return Math.min(x, (M !== void 0 ? M : 0) - (z !== void 0 ? z : 0));
+    let E = s.outEdges(g), m = Number.POSITIVE_INFINITY;
+    E && (m = E.reduce((k, x) => {
+      let O = i[x.w], L = s.edge(x);
+      return Math.min(k, (O !== void 0 ? O : 0) - (L !== void 0 ? L : 0));
     }, Number.POSITIVE_INFINITY));
-    let m = e.node(g);
-    E !== Number.POSITIVE_INFINITY && m.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, E));
+    let p = e.node(g);
+    m !== Number.POSITIVE_INFINITY && p.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, m));
   }
   function f(g) {
     return s.predecessors(g) || [];
@@ -1359,9 +1359,9 @@ function mi(e, t, n, r, o = !1) {
     return s.successors(g) || [];
   }
   return d(a, f), d(c, h), Object.keys(r).forEach((g) => {
-    var b;
-    let E = n[g];
-    E !== void 0 && (i[g] = (b = i[E]) != null ? b : 0);
+    var E;
+    let m = n[g];
+    m !== void 0 && (i[g] = (E = i[m]) != null ? E : 0);
   }), i;
 }
 function vi(e, t, n, r) {
@@ -1395,19 +1395,19 @@ function wi(e, t) {
   }, [Number.POSITIVE_INFINITY, null])[1];
 }
 function Ei(e, t) {
-  let n = Object.values(t), r = J(Math.min, n), o = J(Math.max, n);
+  let n = Object.values(t), r = Q(Math.min, n), o = Q(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 - J(Math.min, a);
-      s !== "l" && (c = o - J(Math.max, a)), c && (e[l] = Me(d, (f) => f + c));
+      let a = Object.values(d), c = r - Q(Math.min, a);
+      s !== "l" && (c = o - Q(Math.max, a)), c && (e[l] = ze(d, (f) => f + c));
     });
   });
 }
 function xi(e, t = void 0) {
   let n = e.ul;
-  return n ? Me(n, (r, o) => {
+  return n ? ze(n, (r, o) => {
     var i, s;
     if (t) {
       let d = t.toLowerCase(), a = e[d];
@@ -1421,12 +1421,12 @@ function xi(e, t = void 0) {
   }) : {};
 }
 function ki(e) {
-  let t = we(e), n = Object.assign(hi(e, t), gi(e, t)), r = {}, o;
+  let t = Se(e), n = Object.assign(hi(e, t), gi(e, t)), r = {}, o;
   ["u", "d"].forEach((s) => {
     o = s === "u" ? t : Object.values(t).reverse(), ["l", "r"].forEach((l) => {
       l === "r" && (o = o.map((c) => Object.values(c).reverse()));
       let d = bi(e, o, n, (c) => (s === "u" ? e.predecessors(c) : e.successors(c)) || []), a = mi(e, o, d.root, d.align, l === "r");
-      l === "r" && (a = Me(a, (c) => -c)), r[s + l] = a;
+      l === "r" && (a = ze(a, (c) => -c)), r[s + l] = a;
     });
   });
   let i = wi(e, r);
@@ -1461,7 +1461,7 @@ function Ni(e) {
   e = cn(e), Ci(e), Object.entries(ki(e)).forEach(([t, n]) => e.node(t).x = n);
 }
 function Ci(e) {
-  let t = we(e), n = e.graph(), r = n.ranksep, o = n.rankalign, i = 0;
+  let t = Se(e), n = e.graph(), r = n.ranksep, o = n.rankalign, i = 0;
   t.forEach((s) => {
     let l = s.reduce((d, a) => {
       var c;
@@ -1482,7 +1482,7 @@ function Ti(e, t = {}) {
   });
 }
 function Ii(e, t, n) {
-  t("    makeSpaceForEdgeLabels", () => Bi(e)), t("    removeSelfEdges", () => Vi(e)), t("    acyclic", () => mo(e)), t("    nestingGraph.run", () => $o(e)), t("    rank", () => Lo(cn(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", () => _n(e, n)), t("    insertSelfEdges", () => Xi(e)), t("    adjustCoordinateSystem", () => Vo(e)), t("    position", () => Ni(e)), t("    positionSelfEdges", () => qi(e)), t("    removeBorderNodes", () => Ui(e)), t("    normalize.undo", () => ko(e)), t("    fixupEdgeLabelCoords", () => Ki(e)), t("    undoCoordinateSystem", () => Xo(e)), t("    translateGraph", () => Gi(e)), t("    assignNodeIntersects", () => Yi(e)), t("    reversePoints", () => Hi(e)), t("    acyclic.undo", () => wo(e));
+  t("    makeSpaceForEdgeLabels", () => Bi(e)), t("    removeSelfEdges", () => Vi(e)), t("    acyclic", () => mo(e)), t("    nestingGraph.run", () => $o(e)), t("    rank", () => Lo(cn(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", () => _n(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) {
   e.nodes().forEach((n) => {
@@ -1493,10 +1493,10 @@ function Oi(e, t) {
     r.points = o.points, Object.hasOwn(o, "x") && (r.x = o.x, r.y = o.y);
   }), e.graph().width = t.graph().width, e.graph().height = t.graph().height;
 }
-var Mi = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], ji = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, zi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], Li = ["width", "height", "rank"], Bt = { width: 0, height: 0 }, Pi = ["minlen", "weight", "width", "height", "labeloffset"], Fi = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, Ri = ["labelpos"];
+var ji = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], Mi = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, zi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], Li = ["width", "height", "rank"], Bt = { width: 0, height: 0 }, Pi = ["minlen", "weight", "width", "height", "labeloffset"], Fi = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, Ri = ["labelpos"];
 function Ai(e) {
   let t = new V({ multigraph: !0, compound: !0 }), n = Ye(e.graph());
-  return t.setGraph(Object.assign({}, ji, Ge(n, Mi), Oe(n, zi))), e.nodes().forEach((r) => {
+  return t.setGraph(Object.assign({}, Mi, Ge(n, ji), Me(n, zi))), e.nodes().forEach((r) => {
     let o = Ye(e.node(r)), i = Ge(o, Li);
     Object.keys(Bt).forEach((l) => {
       i[l] === void 0 && (i[l] = Bt[l]);
@@ -1505,7 +1505,7 @@ function Ai(e) {
     s !== void 0 && t.setParent(r, s);
   }), e.edges().forEach((r) => {
     let o = Ye(e.edge(r));
-    t.setEdge(r, Object.assign({}, Fi, Ge(o, Pi), Oe(o, Ri)));
+    t.setEdge(r, Object.assign({}, Fi, Ge(o, Pi), Me(o, Ri)));
   }), t;
 }
 function Bi(e) {
@@ -1520,7 +1520,7 @@ function Di(e) {
     let n = e.edge(t);
     if (n.width && n.height) {
       let r = e.node(t.v), o = { rank: (e.node(t.w).rank - r.rank) / 2 + r.rank, e: t };
-      ue(e, "edge-proxy", o, "_ep");
+      be(e, "edge-proxy", o, "_ep");
     }
   });
 }
@@ -1602,18 +1602,18 @@ function Vi(e) {
     }
   });
 }
-function Xi(e) {
-  we(e).forEach((t) => {
+function qi(e) {
+  Se(e).forEach((t) => {
     let n = 0;
     t.forEach((r, o) => {
       let i = e.node(r);
       i.order = o + n, (i.selfEdges || []).forEach((s) => {
-        ue(e, "selfedge", { width: s.label.width, height: s.label.height, rank: i.rank, order: o + ++n, e: s.e, label: s.label }, "_se");
+        be(e, "selfedge", { width: s.label.width, height: s.label.height, rank: i.rank, order: o + ++n, e: s.e, label: s.label }, "_se");
       }), delete i.selfEdges;
     });
   });
 }
-function qi(e) {
+function Xi(e) {
   e.nodes().forEach((t) => {
     let n = e.node(t);
     if (n.dummy === "selfedge") {
@@ -1623,7 +1623,7 @@ function qi(e) {
   });
 }
 function Ge(e, t) {
-  return Me(Oe(e, t), Number);
+  return ze(Me(e, t), Number);
 }
 function Ye(e) {
   let t = {};
@@ -1632,7 +1632,7 @@ function Ye(e) {
   }), t;
 }
 function Ji(e) {
-  let t = we(e), n = new V({ compound: !0, multigraph: !0 }).setGraph({});
+  let t = Se(e), n = new V({ compound: !0, multigraph: !0 }).setGraph({});
   return e.nodes().forEach((r) => {
     n.setNode(r, { label: r }), n.setParent(r, "layer" + e.node(r).rank);
   }), e.edges().forEach((r) => n.setEdge(r.v, r.w, {}, r.name)), t.forEach((r, o) => {
@@ -1649,7 +1649,7 @@ const Qi = (e) => {
   const n = $n(Qi), r = _t("");
   _t(0);
   const { fitView: o } = Gn();
-  return re(() => {
+  return se(() => {
     if (!n || n === r.current) return;
     const i = {};
     for (const s of n.split(",")) {
@@ -1674,11 +1674,11 @@ function ns({
   saveLabel: s = "Save",
   saveDisabled: l = !1
 }) {
-  const [d, a] = D.useState(!1), [c, f] = D.useState(!1), [h, g] = D.useState(e ?? "");
-  D.useEffect(() => {
+  const [d, a] = W.useState(!1), [c, f] = W.useState(!1), [h, g] = W.useState(e ?? "");
+  W.useEffect(() => {
     g(e ?? "");
   }, [e]);
-  const b = async () => {
+  const E = async () => {
     if (!(!o || d || l)) {
       a(!0);
       try {
@@ -1687,7 +1687,7 @@ function ns({
         a(!1);
       }
     }
-  }, E = ts[r] ?? {
+  }, m = ts[r] ?? {
     bg: r,
     fg: "#fff"
   };
@@ -1709,12 +1709,12 @@ function ns({
             "input",
             {
               value: h,
-              onChange: (m) => g(m.target.value),
+              onChange: (p) => g(p.target.value),
               onBlur: () => {
                 f(!1), h !== e && t(h);
               },
-              onKeyDown: (m) => {
-                m.key === "Enter" && m.target.blur(), m.key === "Escape" && (g(e ?? ""), f(!1));
+              onKeyDown: (p) => {
+                p.key === "Enter" && p.target.blur(), p.key === "Escape" && (g(e ?? ""), f(!1));
               },
               autoFocus: !0,
               style: {
@@ -1753,8 +1753,8 @@ function ns({
                 fontWeight: 600,
                 padding: "3px 8px",
                 borderRadius: 999,
-                background: E.bg,
-                color: E.fg,
+                background: m.bg,
+                color: m.fg,
                 textTransform: "uppercase",
                 letterSpacing: 0.4,
                 flexShrink: 0
@@ -1788,7 +1788,7 @@ function ns({
             "button",
             {
               type: "button",
-              onClick: b,
+              onClick: E,
               disabled: d || l,
               style: {
                 padding: "6px 16px",
@@ -1813,16 +1813,16 @@ function ns({
     }
   );
 }
-const me = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i, width: s = 720 }) => {
-  const [l, d] = j(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ w(Q, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
-    r && /* @__PURE__ */ u(Q, { sx: { mr: 1.5, display: "flex", alignItems: "center", fontSize: "1.25rem", color: "#1DBF60" }, children: r }),
+const ke = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i, width: s = 720 }) => {
+  const [l, d] = z(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ w(te, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
+    r && /* @__PURE__ */ u(te, { 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(St, { 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(St, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ u(or, {}) })
-  ] }), f = () => i ? /* @__PURE__ */ u(Q, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
+  ] }), f = () => i ? /* @__PURE__ */ u(te, { 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(Q, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+    /* @__PURE__ */ u(te, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
     /* @__PURE__ */ u(f, {})
   ] }) : /* @__PURE__ */ w(
     tr,
@@ -1850,7 +1850,7 @@ const me = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
       },
       children: [
         /* @__PURE__ */ u(c, {}),
-        /* @__PURE__ */ u(Q, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+        /* @__PURE__ */ u(te, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
         /* @__PURE__ */ u(f, {})
       ]
     }
@@ -1863,75 +1863,75 @@ const me = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
   onClose: o,
   loadTriggerSources: i
 }) => {
-  const [s, l] = j("trigger"), [d, a] = j(null), [c, f] = j([]), [h, g] = j([]), [b, E] = j(!1), [m, x] = j(null);
-  re(() => {
-    e || (l("trigger"), a(null), f([]), g([]), E(!1), x(null));
+  const [s, l] = z("trigger"), [d, a] = z(null), [c, f] = z([]), [h, g] = z([]), [E, m] = z(!1), [p, k] = z(null);
+  se(() => {
+    e || (l("trigger"), a(null), f([]), g([]), m(!1), k(null));
   }, [e]);
-  const C = H(async (P) => {
+  const x = H(async (P) => {
     if (!i) {
       r(P);
       return;
     }
-    a(P), E(!0), x(null);
+    a(P), m(!0), k(null);
     try {
-      const B = await i(P.triggerKey);
-      if (!B || B.length === 0) {
+      const M = await i(P.triggerKey);
+      if (!M || M.length === 0) {
         r(P);
         return;
       }
-      f(B), l("sources");
-    } catch (B) {
-      x(B instanceof Error ? B.message : "Failed to load sources.");
+      f(M), l("sources");
+    } catch (M) {
+      k(M instanceof Error ? M.message : "Failed to load sources.");
     } finally {
-      E(!1);
+      m(!1);
     }
-  }, [i, r]), M = () => {
-    l("trigger"), a(null), f([]), g([]), x(null);
-  }, z = () => {
+  }, [i, r]), O = () => {
+    l("trigger"), a(null), f([]), g([]), k(null);
+  }, L = () => {
     d && r(d, h);
-  }, L = s === "sources" && d, $ = L ? /* @__PURE__ */ w(ye, { children: [
-    /* @__PURE__ */ u(Ce, { type: "button", variant: "outlined", size: "small", onClick: M, children: n.cancel ?? "Back" }),
+  }, D = s === "sources" && d, G = D ? /* @__PURE__ */ w(Ee, { children: [
+    /* @__PURE__ */ u(Ie, { type: "button", variant: "outlined", size: "small", onClick: O, children: n.cancel ?? "Back" }),
     /* @__PURE__ */ u(
-      Ce,
+      Ie,
       {
         type: "button",
         variant: "contained",
         size: "small",
-        onClick: z,
+        onClick: L,
         disabled: h.length === 0,
         children: n.save ?? "Continue"
       }
     )
   ] }) : null;
   return /* @__PURE__ */ u(
-    me,
+    ke,
     {
       isOpen: e,
       onClose: o,
-      title: L ? d.label : n.addTriggerTitle,
+      title: D ? d.label : n.addTriggerTitle,
       icon: /* @__PURE__ */ u(mr, {}),
       width: 500,
-      footer: $,
-      children: /* @__PURE__ */ w(Q, { sx: { p: 2 }, children: [
-        !L && /* @__PURE__ */ w(ye, { children: [
+      footer: G,
+      children: /* @__PURE__ */ w(te, { sx: { p: 2 }, children: [
+        !D && /* @__PURE__ */ w(Ee, { children: [
           /* @__PURE__ */ u("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: n.chooseTrigger }),
           /* @__PURE__ */ w("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: [
             t.map((P) => /* @__PURE__ */ w(
               "div",
               {
                 className: "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-start ff-gap-3",
-                style: { cursor: b ? "wait" : "pointer", transition: "background 0.15s", opacity: b ? 0.6 : 1 },
-                onClick: () => !b && C(P),
+                style: { cursor: E ? "wait" : "pointer", transition: "background 0.15s", opacity: E ? 0.6 : 1 },
+                onClick: () => !E && x(P),
                 role: "button",
                 tabIndex: 0,
-                onKeyDown: (B) => {
-                  B.key === "Enter" && !b && C(P);
+                onKeyDown: (M) => {
+                  M.key === "Enter" && !E && x(P);
                 },
-                onMouseEnter: (B) => {
-                  b || (B.currentTarget.style.background = "#f5f5f5");
+                onMouseEnter: (M) => {
+                  E || (M.currentTarget.style.background = "#f5f5f5");
                 },
-                onMouseLeave: (B) => {
-                  B.currentTarget.style.background = "";
+                onMouseLeave: (M) => {
+                  M.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 }) }),
@@ -1945,21 +1945,21 @@ const me = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
             )),
             t.length === 0 && /* @__PURE__ */ u("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
           ] }),
-          b && /* @__PURE__ */ w(Q, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 2, fontSize: 12, color: "#64748b" }, children: [
+          E && /* @__PURE__ */ w(te, { 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…" })
           ] }),
-          m && /* @__PURE__ */ u("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: m })
+          p && /* @__PURE__ */ u("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: p })
         ] }),
-        L && /* @__PURE__ */ w(ye, { children: [
+        D && /* @__PURE__ */ w(Ee, { children: [
           /* @__PURE__ */ w(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: M,
+              onClick: O,
               onKeyDown: (P) => {
-                P.key === "Enter" && M();
+                P.key === "Enter" && O();
               },
               className: "ff-d-flex ff-align-items-center ff-gap-1 ff-mb-3",
               style: { cursor: "pointer", color: "#0066cc", fontSize: 13, fontWeight: 500, width: "fit-content" },
@@ -1999,8 +1999,8 @@ const me = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
     const f = /* @__PURE__ */ new Map(), h = [];
     for (const g of t)
       if (g.app) {
-        const b = f.get(g.app.key);
-        b ? b.descriptors.push(g) : f.set(g.app.key, {
+        const E = f.get(g.app.key);
+        E ? E.descriptors.push(g) : f.set(g.app.key, {
           key: g.app.key,
           label: g.app.label,
           icon: g.app.icon,
@@ -2010,22 +2010,22 @@ const me = ({ 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] = j(null), a = l ? i.find((f) => f.key === l) ?? null : null;
-  re(() => {
+  }, [t]), [l, d] = z(null), a = l ? i.find((f) => f.key === l) ?? null : null;
+  se(() => {
     e || d(null);
-  }, [e]), re(() => {
+  }, [e]), se(() => {
     d(null);
   }, [t]);
   const c = !a;
   return /* @__PURE__ */ u(
-    me,
+    ke,
     {
       isOpen: e,
       onClose: o,
       title: c ? n.addStepTitle : a.label,
       icon: c ? /* @__PURE__ */ u(lr, {}) : a.icon ?? /* @__PURE__ */ u(ar, {}),
       width: 500,
-      children: /* @__PURE__ */ w(Q, { sx: { p: 2 }, children: [
+      children: /* @__PURE__ */ w(te, { sx: { p: 2 }, children: [
         !c && /* @__PURE__ */ w(
           "div",
           {
@@ -2044,7 +2044,7 @@ const me = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i,
           }
         ),
         /* @__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(ye, { children: [
+        /* @__PURE__ */ u("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ w(Ee, { children: [
           i.map((f) => /* @__PURE__ */ w(
             "div",
             {
@@ -2139,31 +2139,31 @@ function Gt(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] = j({ layout: "flat", fields: [] }), [a, c] = j(!1), [f, h] = j(null), [g, b] = j({});
-  re(() => {
-    b((r == null ? void 0 : r[Wt]) ?? {});
-  }, [r, t]), re(() => {
-    let C = !1;
+  const [l, d] = z({ layout: "flat", fields: [] }), [a, c] = z(!1), [f, h] = z(null), [g, E] = z({});
+  se(() => {
+    E((r == null ? void 0 : r[Wt]) ?? {});
+  }, [r, t]), se(() => {
+    let x = !1;
     if (h(null), !n || !t || n.customPanel) {
       d({ layout: "flat", fields: [] }), c(!1);
       return;
     }
-    const M = n.formSchema;
-    return typeof M == "function" ? (c(!0), M(t).then((z) => {
-      C || (d($t(z)), c(!1));
-    }).catch((z) => {
-      C || (d({ layout: "flat", fields: [] }), h(z instanceof Error ? z.message : "Unable to load configuration."), c(!1));
-    })) : (d($t(M)), c(!1)), () => {
-      C = !0;
+    const O = n.formSchema;
+    return typeof O == "function" ? (c(!0), O(t).then((L) => {
+      x || (d($t(L)), c(!1));
+    }).catch((L) => {
+      x || (d({ layout: "flat", fields: [] }), h(L instanceof Error ? L.message : "Unable to load configuration."), c(!1));
+    })) : (d($t(O)), c(!1)), () => {
+      x = !0;
     };
   }, [n, t]);
-  const E = t ? `node-config-form-${t}` : "node-config-form", m = !a && !f && Gt(l), x = m ? /* @__PURE__ */ w(ye, { children: [
-    /* @__PURE__ */ u(Ce, { type: "button", variant: "text", size: "small", sx: { textTransform: "none", color: "#475569" }, onClick: s, children: o.cancel }),
+  const m = t ? `node-config-form-${t}` : "node-config-form", p = !a && !f && Gt(l), k = p ? /* @__PURE__ */ w(Ee, { children: [
+    /* @__PURE__ */ u(Ie, { type: "button", variant: "text", size: "small", sx: { textTransform: "none", color: "#475569" }, onClick: s, children: o.cancel }),
     /* @__PURE__ */ u(
-      Ce,
+      Ie,
       {
         type: "submit",
-        form: E,
+        form: m,
         variant: "contained",
         size: "small",
         disableElevation: !0,
@@ -2178,38 +2178,38 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       }
     )
   ] }) : null;
-  return n != null && n.customPanel && t ? /* @__PURE__ */ u(me, { isOpen: e, onClose: s, title: n.label ?? o.configureStep, icon: n.icon, width: 500, children: n.customPanel({
+  return n != null && n.customPanel && t ? /* @__PURE__ */ u(ke, { isOpen: e, onClose: s, title: n.label ?? o.configureStep, icon: n.icon, width: 500, children: n.customPanel({
     nodeId: t,
     data: r ?? {},
-    onSave: (C) => {
-      i(t, C), s();
+    onSave: (x) => {
+      i(t, x), s();
     },
     onClose: s
   }) }) : /* @__PURE__ */ u(
-    me,
+    ke,
     {
       isOpen: e,
       onClose: s,
       title: (n == null ? void 0 : n.label) ?? o.configureStep,
       icon: n == null ? void 0 : n.icon,
       width: 500,
-      footer: x,
-      children: /* @__PURE__ */ w(Q, { sx: { p: 2 }, children: [
+      footer: k,
+      children: /* @__PURE__ */ w(te, { 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 && !Gt(l) && /* @__PURE__ */ u("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.noConfigurationNeeded }),
-        m && /* @__PURE__ */ u(
+        p && /* @__PURE__ */ u(
           xr,
           {
             schema: l,
             initialValues: r ?? {},
-            formId: E,
+            formId: m,
             conditionConfig: g,
-            onConditionConfigChange: b,
-            onSubmit: (C) => {
+            onConditionConfigChange: E,
+            onSubmit: (x) => {
               if (!t) return;
-              const M = Object.keys(g).length > 0;
-              i(t, { ...C, [Wt]: M ? g : void 0 }), s();
+              const O = Object.keys(g).length > 0;
+              i(t, { ...x, [Wt]: O ? g : void 0 }), s();
             }
           }
         )
@@ -2223,15 +2223,15 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
   workflowLabel: r,
   onFetchWorkflow: o
 }) => {
-  const [i, s] = j({ status: "idle" });
-  return re(() => {
+  const [i, s] = z({ status: "idle" });
+  return se(() => {
     if (!e || !n) {
       s({ status: "idle" });
       return;
     }
     s({ status: "loading" }), o(n).then((l) => s({ status: "loaded", state: l })).catch((l) => s({ status: "error", message: (l == null ? void 0 : l.message) ?? "Failed to load workflow" }));
   }, [e, n, o]), /* @__PURE__ */ u(
-    me,
+    ke,
     {
       isOpen: e,
       onClose: t,
@@ -2254,8 +2254,8 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
     }
   );
 }, ls = ({ state: e }) => {
-  const [t, n] = j(null), [r, o] = j(null);
-  return re(() => {
+  const [t, n] = z(null), [r, o] = z(null);
+  return se(() => {
     Promise.all([
       Promise.resolve().then(() => hs).then((i) => i.default),
       import("./nodeRegistry.js").then((i) => i.nodeTypeRegistry),
@@ -2272,7 +2272,7 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
       readOnly: !0
     }
   ) });
-}, ve = 350, Xe = 70, qe = 60, Je = {
+}, _e = 350, qe = 70, Xe = 60, Je = {
   startNode: 40,
   endNode: 40,
   addTriggerNode: 56,
@@ -2285,8 +2285,8 @@ const is = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o,
 }, as = {
   plusEdge: Zn,
   labelPlusEdge: Jn,
-  plainEdge: qn,
-  edgeWithPlusLabel: Xn,
+  plainEdge: Xn,
+  edgeWithPlusLabel: qn,
   gatewayBranchEdge: Vn
 };
 function Yt() {
@@ -2299,50 +2299,60 @@ function Yt() {
 function ds(e, t, n, r = "TB") {
   const o = new Dt.graphlib.Graph();
   return o.setGraph({ rankdir: r, ranksep: 70, nodesep: 50 }), o.setDefaultEdgeLabel(() => ({})), e.forEach((i) => {
-    const s = n[i.id] ?? { width: ve, height: Je[i.type ?? ""] ?? 80 };
+    const s = n[i.id] ?? { width: _e, height: Je[i.type ?? ""] ?? 80 };
     o.setNode(i.id, { width: s.width, height: s.height });
   }), t.forEach((i) => o.setEdge(i.source, i.target)), Dt.layout(o), e.map((i) => {
     var a, c;
-    const s = o.node(i.id), l = ((a = n[i.id]) == null ? void 0 : a.width) ?? ve, d = ((c = n[i.id]) == null ? void 0 : c.height) ?? Je[i.type ?? ""] ?? 80;
+    const s = o.node(i.id), l = ((a = n[i.id]) == null ? void 0 : a.width) ?? _e, d = ((c = n[i.id]) == null ? void 0 : c.height) ?? Je[i.type ?? ""] ?? 80;
     return { ...i, position: { x: s.x - l / 2, y: s.y - d / 2 } };
   });
 }
-const le = (e) => e === "filter" || e === "approval";
+const ue = (e) => e === "filter" || e === "approval";
 function cs(e, t, n, r) {
-  const s = Xe, l = 30, d = 30, a = {}, c = {}, f = /* @__PURE__ */ new Map();
-  for (const m of e) f.set(m.id, m);
-  for (const m of Object.values(t))
-    for (const x of Object.values(m))
-      for (const C of x) f.set(C.id, C);
-  const h = (m, x, C) => {
-    const M = r[m] ?? { width: ve, height: 80 };
-    return a[m] = { x: x - M.width / 2, y: C }, C + M.height;
-  }, g = (m, x, C) => {
-    let M = C;
-    for (const z of m)
-      M = h(z.id, x, M) + s, le(z.kind) && t[z.id] && (M = b(z.id, x, M));
-    return M;
-  }, b = (m, x, C) => {
-    const M = x + 180, z = t[m], L = Object.keys(z), $ = f.get(m), P = ($ == null ? void 0 : $.branchLabels) ?? { pass: "Pass", fail: "Fail" }, B = a[m], G = r[m] ?? { height: 80 }, Ee = B.y + G.height, xe = [];
-    let te = C;
-    return L.forEach((he, ke) => {
-      const ze = z[he], Le = te;
-      xe.push({
-        y: Le - Ee,
-        label: P[he] ?? he,
-        isPass: ke === 0
-      }), te = g(ze, M, te + d), ke < L.length - 1 && (te += l);
-    }), c[m] = {
-      branches: xe,
-      height: te - Ee,
+  const s = qe, l = 30, d = 30, a = {}, c = {}, f = /* @__PURE__ */ new Map();
+  for (const p of e) f.set(p.id, p);
+  for (const p of Object.values(t))
+    for (const k of Object.values(p))
+      for (const x of k) f.set(x.id, x);
+  const h = (p, k, x) => {
+    const O = r[p] ?? { width: _e, height: 80 };
+    return a[p] = { x: k - O.width / 2, y: x }, x + O.height;
+  }, g = (p, k, x) => {
+    let O = x;
+    for (const L of p)
+      O = h(L.id, k, O) + s, ue(L.kind) && t[L.id] && (O = E(L.id, k, O));
+    return O;
+  }, E = (p, k, x) => {
+    const O = k + 180, L = t[p], D = Object.keys(L), G = f.get(p), P = (G == null ? void 0 : G.branchLabels) ?? { pass: "Pass", fail: "Fail" }, M = a[p], q = r[p] ?? { height: 80 }, re = M.y + q.height;
+    if ((G == null ? void 0 : G.branchStyle) === "inline-gate") {
+      const oe = [];
+      let J = x;
+      D.slice(1).forEach((ae) => {
+        oe.push({ y: J - re, label: P[ae] ?? ae, isPass: !1 }), J = g(L[ae], O, J + d) + l;
+      });
+      const me = g(L[D[0]], k, x);
+      return c[p] = { branches: oe, height: J - re, indent: 180 }, Math.max(me, J);
+    }
+    const le = [];
+    let F = x;
+    return D.forEach((oe, J) => {
+      const me = L[oe], ae = F;
+      le.push({
+        y: ae - re,
+        label: P[oe] ?? oe,
+        isPass: J === 0
+      }), F = g(me, O, F + d), J < D.length - 1 && (F += l);
+    }), c[p] = {
+      branches: le,
+      height: F - re,
       indent: 180
-    }, te;
+    }, F;
   };
-  let E = qe;
-  for (const m of e)
-    E = h(m.id, 400, E) + s, le(m.kind) && t[m.id] && (E = b(m.id, 400, E));
+  let m = Xe;
+  for (const p of e)
+    m = h(p.id, 400, m) + s, ue(p.kind) && t[p.id] && (m = E(p.id, 400, m));
   return {
-    nodes: n.map((m) => a[m.id] ? { ...m, position: a[m.id] } : m),
+    nodes: n.map((p) => a[p.id] ? { ...p, position: a[p.id] } : p),
     railSpecs: c
   };
 }
@@ -2371,73 +2381,83 @@ 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 = (b, E) => {
-    const m = t[b];
-    if (!m) return;
-    const C = E ?? { pass: "Pass", fail: "Fail" }, M = Object.keys(m), z = (L, $, P, B) => {
-      if (L.length !== 0) {
-        L.forEach((G) => d.push(Kt(G))), a.push({
-          id: `e-${b}-${$}-start`,
-          source: b,
-          target: L[0].id,
+  const l = o.edgeColor ?? "#b0bec5", d = [], a = [], c = (m, p, k) => {
+    const x = t[m];
+    if (!x) return;
+    const L = p ?? { pass: "Pass", fail: "Fail" }, D = Object.keys(x), G = k === "inline-gate", P = (M, q, re, le) => {
+      if (M.length !== 0) {
+        M.forEach((F) => d.push(Kt(F))), G && le === 0 ? a.push({
+          id: `e-${m}-${q}-start`,
+          source: m,
+          target: M[0].id,
+          type: "plusEdge",
+          style: { stroke: l },
+          data: { onAddStepClick: n, referenceNodeType: "filterNode", filterId: m, branch: q }
+        }) : a.push({
+          id: `e-${m}-${q}-start`,
+          source: m,
+          target: M[0].id,
           type: "gatewayBranchEdge",
           style: { stroke: l },
-          data: { branch: $, filterId: b, label: P, isFirst: B === 0, onAddStepClick: n, verticalRouting: s === "vertical" }
+          data: { branch: q, filterId: m, label: re, isFirst: le === 0, onAddStepClick: n, verticalRouting: s === "vertical" || G }
         });
-        for (let G = 1; G < L.length; G++)
-          le(L[G - 1].kind) || a.push(fs(L[G - 1], L[G], l, n, { filterId: b, branch: $ }));
-        for (const G of L)
-          le(G.kind) && t[G.id] && c(G.id, G.branchLabels);
+        for (let F = 1; F < M.length; F++)
+          ue(M[F - 1].kind) || a.push(fs(M[F - 1], M[F], l, n, { filterId: m, branch: q }));
+        for (const F of M)
+          ue(F.kind) && t[F.id] && c(F.id, F.branchLabels, F.branchStyle);
       }
     };
-    M.forEach((L, $) => {
-      z(m[L], L, C[L] ?? L, $);
+    D.forEach((M, q) => {
+      P(x[M], M, L[M] ?? M, q);
     });
   };
-  for (let b = 0; b < e.length; b++) {
-    const E = e[b];
-    if (d.push(Kt(E)), b > 0) {
-      const m = e[b - 1], x = m.kind === "start" || m.kind === "addTrigger";
-      if (m.kind === "filter" || m.kind === "approval") continue;
+  for (let m = 0; m < e.length; m++) {
+    const p = e[m];
+    if (d.push(Kt(p)), m > 0) {
+      const k = e[m - 1], x = k.kind === "start" || k.kind === "addTrigger";
+      if (k.kind === "filter" || k.kind === "approval") continue;
       a.push({
-        id: `e-${m.id}-${E.id}`,
-        source: m.id,
-        target: E.id,
+        id: `e-${k.id}-${p.id}`,
+        source: k.id,
+        target: p.id,
         type: x ? "plainEdge" : "plusEdge",
         style: { stroke: l },
         data: x ? {} : {
           onAddStepClick: n,
-          referenceNodeType: m.reactFlowType
+          referenceNodeType: k.reactFlowType
         }
       });
     }
-    (E.kind === "filter" || E.kind === "approval") && t[E.id] && c(E.id, E.branchLabels);
+    (p.kind === "filter" || p.kind === "approval") && t[p.id] && c(p.id, p.branchLabels, p.branchStyle);
   }
   const f = {};
-  if (d.forEach((b) => {
-    f[b.id] = {
-      width: ve,
-      height: r[b.id] ?? Je[b.type ?? ""] ?? 80
+  if (d.forEach((m) => {
+    f[m.id] = {
+      width: _e,
+      height: r[m.id] ?? Je[m.type ?? ""] ?? 80
     };
   }), !(Object.keys(t).length > 0)) {
     if (i === "LR") {
-      let C = qe;
-      return { nodes: d.map((z) => {
-        const L = f[z.id].width, $ = f[z.id].height, P = { ...z, position: { x: C, y: 300 - $ / 2 } };
-        return C += L + Xe, P;
+      let O = Xe;
+      return { nodes: d.map((D) => {
+        const G = f[D.id].width, P = f[D.id].height, M = { ...D, position: { x: O, y: 300 - P / 2 } };
+        return O += G + qe, M;
       }), edges: a };
     }
-    const b = 400;
-    let E = qe;
+    const m = 400;
+    let p = Xe;
     return { nodes: d.map((x) => {
-      const C = f[x.id].height, M = { ...x, position: { x: b - ve / 2, y: E } };
-      return E += C + Xe, M;
+      const O = f[x.id].height, L = { ...x, position: { x: m - _e / 2, y: p } };
+      return p += O + qe, L;
     }), edges: a };
   }
-  if (s === "vertical") {
-    const { nodes: b, railSpecs: E } = cs(e, t, d, f);
-    return { nodes: b.map(
-      (x) => E[x.id] ? { ...x, data: { ...x.data, _branchRail: E[x.id] } } : x
+  const g = e.some((m) => m.branchStyle === "inline-gate") || Object.values(t).some(
+    (m) => Object.values(m).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(
+      (x) => p[x.id] ? { ...x, data: { ...x.data, _branchRail: p[x.id] } } : x
     ), edges: a };
   }
   return { nodes: ds(d, a, f, i), edges: a };
@@ -2457,268 +2477,269 @@ const Ht = ({
   loadTriggerSources: f,
   renderNodePicker: h,
   renderNodeConfig: g,
-  onNodeClick: b,
-  maxNodes: E,
-  layoutDirection: m = "TB",
-  executionRecord: x,
-  onFetchWorkflow: C,
-  hideHeader: M = !1,
-  workflowName: z,
-  onWorkflowNameChange: L,
-  onCancel: $,
+  onNodeClick: E,
+  maxNodes: m,
+  layoutDirection: p = "TB",
+  executionRecord: k,
+  onFetchWorkflow: x,
+  hideHeader: O = !1,
+  workflowName: L,
+  onWorkflowNameChange: D,
+  onCancel: G,
   workflowStatus: P,
-  workflowStatusColor: B,
-  saveLabel: G,
-  optionsResolvers: Ee
+  workflowStatusColor: M,
+  saveLabel: q,
+  optionsResolvers: re
 }) => {
   const {
-    fitView: xe = !0,
-    fitViewPadding: te = 0.3,
-    showControls: he = !0,
-    showMiniMap: ke = !1,
-    panOnScroll: ze = !0,
-    zoomOnScroll: Le = !1,
+    fitView: le = !0,
+    fitViewPadding: F = 0.3,
+    showControls: oe = !0,
+    showMiniMap: J = !1,
+    panOnScroll: me = !0,
+    zoomOnScroll: ae = !1,
     minZoom: Cn = 0.25,
     maxZoom: Tn = 2,
     snapToGrid: In = !1,
     snapGrid: On = [15, 15],
     branchLayout: ot = "horizontal",
     nodeBody: it = "full"
-  } = a, ge = U(() => _r(d), [d]), [F, oe] = j(() => (n == null ? void 0 : n.slots) ?? Yt()), [Y, Z] = j(() => (n == null ? void 0 : n.branches) ?? {}), [de, X] = j(null), [Pe, st] = j(null), [q, _e] = j(null), [ie, lt] = j(null), [Se, at] = j(null), [O, dt] = j(() => {
-    const y = n == null ? void 0 : n.slots.find((_) => _.kind === "triggerFixed"), v = y != null && y.id.startsWith("trigger-") ? y.id.slice(8) : void 0;
+  } = a, ve = U(() => _r(d), [d]), [R, de] = z(() => (n == null ? void 0 : n.slots) ?? Yt()), [Y, ee] = z(() => (n == null ? void 0 : n.branches) ?? {}), [ge, X] = z(null), [Pe, st] = z(null), [Z, Ne] = z(null), [ce, lt] = z(null), [Ce, at] = z(null), [j, dt] = z(() => {
+    const b = n == null ? void 0 : n.slots.find((S) => S.kind === "triggerFixed"), v = b != null && b.id.startsWith("trigger-") ? b.id.slice(8) : void 0;
     return v ? t.lookup(v) ?? null : null;
-  }), [ct, Mn] = j({}), jn = H((y) => {
-    Mn(y);
+  }), [ct, jn] = z({}), Mn = H((b) => {
+    jn(b);
   }, []), zn = U(() => ({ ...Un, ...r }), [r]), Ln = U(() => ({ ...as, ...o }), [o]), Pn = U(() => {
-    const y = F.filter((_) => _.kind === "userTask").length, v = Object.values(Y).flatMap((_) => Object.values(_).flat()).filter((_) => _.kind === "userTask").length;
-    return y + v;
-  }, [F, Y]), ft = E ?? (O == null ? void 0 : O.maxTasks), ut = ft !== void 0 && Pn >= ft, se = H((y) => {
-    const v = F.find((_) => _.id === y);
+    const b = R.filter((S) => S.kind === "userTask").length, v = Object.values(Y).flatMap((S) => Object.values(S).flat()).filter((S) => S.kind === "userTask").length;
+    return b + v;
+  }, [R, Y]), ft = m ?? (j == null ? void 0 : j.maxTasks), ut = ft !== void 0 && Pn >= ft, fe = H((b) => {
+    const v = R.find((S) => S.id === b);
     if (v) return v;
-    for (const _ of Object.values(Y)) {
-      const N = Object.values(_).flat().find((T) => T.id === y);
-      if (N) return N;
+    for (const S of Object.values(Y)) {
+      const C = Object.values(S).flat().find((T) => T.id === b);
+      if (C) return C;
     }
     return null;
-  }, [F, Y]), Fe = H((y) => {
-    s || (st(y), X("nodeConfig"));
-  }, [s]), ht = H((y) => {
+  }, [R, Y]), Fe = H((b) => {
+    s || (st(b), X("nodeConfig"));
+  }, [s]), ht = H((b) => {
     if (!s) {
-      if (F.some((v) => v.id === y)) {
-        const v = F.find((_) => _.id === y);
+      if (R.some((v) => v.id === b)) {
+        const v = R.find((S) => S.id === b);
         if ((v == null ? void 0 : v.kind) === "triggerFixed") {
-          oe(Yt()), Z({}), dt(null);
+          de(Yt()), ee({}), dt(null);
           return;
         }
-        oe((_) => {
-          const N = _.filter((T) => T.id !== y);
-          return le((v == null ? void 0 : v.kind) ?? "") && !N.some((T) => T.kind === "end") ? [...N, { id: "end", kind: "end", reactFlowType: "endNode" }] : N;
-        }), Z((_) => {
-          const N = { ..._ }, T = (p) => {
-            N[p] && (Object.values(N[p]).flat().filter((k) => le(k.kind)).forEach((k) => T(k.id)), delete N[p]);
+        de((S) => {
+          const C = S.filter((T) => T.id !== b);
+          return ue((v == null ? void 0 : v.kind) ?? "") && !C.some((T) => T.kind === "end") ? [...C, { id: "end", kind: "end", reactFlowType: "endNode" }] : C;
+        }), ee((S) => {
+          const C = { ...S }, T = (y) => {
+            C[y] && (Object.values(C[y]).flat().filter((_) => ue(_.kind)).forEach((_) => T(_.id)), delete C[y]);
           };
-          return T(y), N;
+          return T(b), C;
         });
         return;
       }
-      Z((v) => {
-        const _ = (T, p) => {
-          const k = [];
-          for (const S of T)
-            le(S.kind) && p[S.id] && (k.push(S.id), Object.values(p[S.id]).forEach((I) => k.push(..._(I, p))));
-          return k;
-        }, N = { ...v };
-        for (const T of Object.keys(N))
-          for (const p of Object.keys(N[T])) {
-            const k = N[T][p], S = k.findIndex((R) => R.id === y);
-            if (S === -1 || k[S].kind === "end") continue;
-            const I = k[S];
-            let A = k.filter((R) => R.id !== y);
-            return I.kind === "filter" && ((I.id in N ? _([I], N) : []).forEach((W) => delete N[W]), delete N[I.id], A.some((W) => W.kind === "end") || (A = [...A, { id: `end-${T}-${p}`, kind: "end", reactFlowType: "endNode" }])), N[T] = { ...N[T], [p]: A }, N;
+      ee((v) => {
+        const S = (T, y) => {
+          const _ = [];
+          for (const N of T)
+            ue(N.kind) && y[N.id] && (_.push(N.id), Object.values(y[N.id]).forEach((I) => _.push(...S(I, y))));
+          return _;
+        }, C = { ...v };
+        for (const T of Object.keys(C))
+          for (const y of Object.keys(C[T])) {
+            const _ = C[T][y], N = _.findIndex((A) => A.id === b);
+            if (N === -1 || _[N].kind === "end") continue;
+            const I = _[N];
+            let B = _.filter((A) => A.id !== b);
+            return I.kind === "filter" && ((I.id in C ? S([I], C) : []).forEach(($) => delete C[$]), delete C[I.id], B.some(($) => $.kind === "end") || (B = [...B, { id: `end-${T}-${y}`, kind: "end", reactFlowType: "endNode" }])), C[T] = { ...C[T], [y]: B }, C;
           }
-        return N;
+        return C;
       });
     }
-  }, [s, F]), Re = H(() => {
+  }, [s, R]), Re = H(() => {
     s || X("triggerSelect");
-  }, [s]), gt = H((y, v) => {
-    s || ut || (_e(y), lt(v.filterId && v.branch ? { filterId: v.filterId, branch: v.branch } : null), X("nodePicker"));
-  }, [s, ut]), pt = H((y, v) => {
-    if (dt(y), X(null), y.skeletonState) {
-      const N = Array.isArray(v) && v.length > 0, T = (y.skeletonState.slots ?? []).map((p) => p.kind !== "triggerFixed" ? p : {
-        ...p,
+  }, [s]), gt = H((b, v) => {
+    s || ut || (Ne(b), lt(v.filterId && v.branch ? { filterId: v.filterId, branch: v.branch } : null), X("nodePicker"));
+  }, [s, ut]), pt = H((b, v) => {
+    if (dt(b), X(null), b.skeletonState) {
+      const C = Array.isArray(v) && v.length > 0, T = (b.skeletonState.slots ?? []).map((y) => y.kind !== "triggerFixed" ? y : {
+        ...y,
         nodeData: {
-          label: y.label,
-          ...p.nodeData ?? {},
-          ...N && { sources: v }
+          label: b.label,
+          ...y.nodeData ?? {},
+          ...C && { sources: v }
         }
       });
-      Z(y.skeletonState.branches ?? {}), oe(T);
+      ee(b.skeletonState.branches ?? {}), de(T);
       return;
     }
-    Z({});
-    const _ = Array.isArray(v) && v.length > 0;
-    oe([
+    ee({});
+    const S = Array.isArray(v) && v.length > 0;
+    de([
       { id: "start", kind: "start", reactFlowType: "startNode" },
       {
-        id: `trigger-${y.triggerKey}`,
+        id: `trigger-${b.triggerKey}`,
         kind: "triggerFixed",
         reactFlowType: "triggerNode",
         nodeData: {
-          label: y.label,
-          source: y.source,
-          eventType: y.triggerKey,
-          type: y.triggerCategory === "scheduler" ? "scheduler" : "event",
-          ..._ && { sources: v }
+          label: b.label,
+          source: b.source,
+          eventType: b.triggerKey,
+          type: b.triggerCategory === "scheduler" ? "scheduler" : "event",
+          ...S && { sources: v }
         },
         deletable: !1
       },
       { id: "end", kind: "end", reactFlowType: "endNode" }
     ]);
   }, []), yt = H(() => {
-    var _;
-    const y = {
+    var S;
+    const b = {
       insertAfterSlot: null,
       upstreamSlots: [],
       downstreamSlots: [],
-      branch: ie,
-      template: O
+      branch: ce,
+      template: j
     };
-    if (!q) return y;
-    if (ie) {
-      const { filterId: N, branch: T } = ie, p = F.findIndex((R) => R.id === N), k = p >= 0 ? F.slice(0, p + 1) : [], S = ((_ = Y[N]) == null ? void 0 : _[T]) ?? [], I = S.findIndex((R) => R.id === q), A = I >= 0 ? S.slice(0, I + 1) : [];
-      return y.upstreamSlots = [...k, ...A], y.downstreamSlots = I >= 0 ? S.slice(I + 1) : S, y.insertAfterSlot = A[A.length - 1] ?? null, y;
+    if (!Z) return b;
+    if (ce) {
+      const { filterId: C, branch: T } = ce, y = R.findIndex((A) => A.id === C), _ = y >= 0 ? R.slice(0, y + 1) : [], N = ((S = Y[C]) == null ? void 0 : S[T]) ?? [], I = N.findIndex((A) => A.id === Z), B = I >= 0 ? N.slice(0, I + 1) : [];
+      return b.upstreamSlots = [..._, ...B], b.downstreamSlots = I >= 0 ? N.slice(I + 1) : N, b.insertAfterSlot = B[B.length - 1] ?? null, b;
     }
-    const v = F.findIndex((N) => N.id === q);
-    return y.upstreamSlots = v >= 0 ? F.slice(0, v + 1) : [], y.downstreamSlots = v >= 0 ? F.slice(v + 1) : [], y.insertAfterSlot = y.upstreamSlots[y.upstreamSlots.length - 1] ?? null, y;
-  }, [F, Y, q, ie, O]), Ae = (y, v) => y.descriptorType === v || y.id === v || y.kind === v, bt = H(() => {
-    const y = e.list(), v = O != null && O.availableTasks ? y.filter((p) => O.availableTasks.includes(p.type)) : y, _ = yt(), N = [
-      ...F,
-      ...Object.values(Y).flatMap((p) => Object.values(p).flat())
-    ], T = (p) => N.some((k) => p.some((S) => Ae(k, S)));
-    return v.filter((p) => p.maxPerWorkflow !== void 0 && F.filter((S) => S.descriptorType === p.type).length + Object.values(Y).flatMap((S) => Object.values(S).flat()).filter((S) => S.descriptorType === p.type).length >= p.maxPerWorkflow ? !1 : p.canInsert ? p.canInsert(_) : !(p.insertAfter && p.insertAfter.length > 0 && T(p.insertAfter) && !_.upstreamSlots.some(
-      (S) => p.insertAfter.some((I) => Ae(S, I))
-    ) || p.insertBefore && p.insertBefore.length > 0 && T(p.insertBefore) && !_.downstreamSlots.some(
-      (S) => p.insertBefore.some((I) => Ae(S, I))
+    const v = R.findIndex((C) => C.id === Z);
+    return b.upstreamSlots = v >= 0 ? R.slice(0, v + 1) : [], b.downstreamSlots = v >= 0 ? R.slice(v + 1) : [], b.insertAfterSlot = b.upstreamSlots[b.upstreamSlots.length - 1] ?? null, b;
+  }, [R, Y, Z, ce, j]), Ae = (b, v) => b.descriptorType === v || b.id === v || b.kind === v, bt = H(() => {
+    const b = e.list(), v = j != null && j.availableTasks ? b.filter((y) => j.availableTasks.includes(y.type)) : b, S = yt(), C = [
+      ...R,
+      ...Object.values(Y).flatMap((y) => Object.values(y).flat())
+    ], T = (y) => C.some((_) => y.some((N) => Ae(_, N)));
+    return v.filter((y) => y.maxPerWorkflow !== void 0 && R.filter((N) => N.descriptorType === y.type).length + Object.values(Y).flatMap((N) => Object.values(N).flat()).filter((N) => N.descriptorType === y.type).length >= y.maxPerWorkflow ? !1 : y.canInsert ? y.canInsert(S) : !(y.insertAfter && y.insertAfter.length > 0 && T(y.insertAfter) && !S.upstreamSlots.some(
+      (N) => y.insertAfter.some((I) => Ae(N, I))
+    ) || y.insertBefore && y.insertBefore.length > 0 && T(y.insertBefore) && !S.downstreamSlots.some(
+      (N) => y.insertBefore.some((I) => Ae(N, I))
     )));
-  }, [e, O, F, Y, yt]), mt = H((y) => {
-    if (!q) return;
-    const v = `${y.type}-${Date.now()}`, _ = y.reactFlowType === "filterNode" || y.reactFlowType === "approvalNode" || y.reactFlowType === "conditionBranchNode", N = y.branchLabels ?? { pass: "Pass", fail: "Fail" }, T = {
+  }, [e, j, R, Y, yt]), mt = H((b) => {
+    if (!Z) return;
+    const v = `${b.type}-${Date.now()}`, S = b.reactFlowType === "filterNode" || b.reactFlowType === "approvalNode" || b.reactFlowType === "conditionBranchNode", C = b.branchLabels ?? { pass: "Pass", fail: "Fail" }, T = {
       id: v,
-      kind: _ ? y.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
-      reactFlowType: y.reactFlowType,
-      descriptorType: y.type,
+      kind: S ? b.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
+      reactFlowType: b.reactFlowType,
+      descriptorType: b.type,
       formData: {},
-      nodeData: { title: y.label },
+      nodeData: { title: b.label },
       deletable: !0,
-      branchLabels: N
+      branchLabels: C,
+      ...b.branchStyle ? { branchStyle: b.branchStyle } : {}
     };
-    if (ie) {
-      const { filterId: p, branch: k } = ie;
-      Z((S) => {
-        const I = [...S[p][k]];
-        if (_) {
-          const ne = I.filter((ce) => ce.kind !== "end"), kt = ne.findIndex((ce) => ce.id === q), Dn = kt === -1 ? ne.length : kt + 1;
-          return ne.splice(Dn, 0, T), {
-            ...S,
-            [p]: { ...S[p], [k]: ne },
+    if (ce) {
+      const { filterId: y, branch: _ } = ce;
+      ee((N) => {
+        const I = [...N[y][_]];
+        if (S) {
+          const ie = I.filter((pe) => pe.kind !== "end"), kt = ie.findIndex((pe) => pe.id === Z), Dn = kt === -1 ? ie.length : kt + 1;
+          return ie.splice(Dn, 0, T), {
+            ...N,
+            [y]: { ...N[y], [_]: ie },
             [v]: Object.fromEntries(
-              Object.keys(N).map((ce) => [ce, [{ id: `end-${v}-${ce}`, kind: "end", reactFlowType: "endNode" }]])
+              Object.keys(C).map((pe) => [pe, [{ id: `end-${v}-${pe}`, kind: "end", reactFlowType: "endNode" }]])
             )
           };
         }
-        const A = I.findIndex((ne) => ne.id === q), R = I.findIndex((ne) => ne.kind === "end"), W = A === -1 ? R === -1 ? I.length : R : A + 1;
-        return I.splice(W, 0, T), { ...S, [p]: { ...S[p], [k]: I } };
+        const B = I.findIndex((ie) => ie.id === Z), A = I.findIndex((ie) => ie.kind === "end"), $ = B === -1 ? A === -1 ? I.length : A : B + 1;
+        return I.splice($, 0, T), { ...N, [y]: { ...N[y], [_]: I } };
       });
     } else
-      _ ? (oe((p) => {
-        const k = p.findIndex((I) => I.id === q);
-        return [...p.filter((I) => I.kind !== "end").slice(0, k + 1), T];
-      }), Z((p) => ({
-        ...p,
+      S ? (de((y) => {
+        const _ = y.findIndex((I) => I.id === Z);
+        return [...y.filter((I) => I.kind !== "end").slice(0, _ + 1), T];
+      }), ee((y) => ({
+        ...y,
         [v]: Object.fromEntries(
-          Object.keys(N).map((k) => [k, [{ id: `end-${v}-${k}`, kind: "end", reactFlowType: "endNode" }]])
+          Object.keys(C).map((_) => [_, [{ id: `end-${v}-${_}`, kind: "end", reactFlowType: "endNode" }]])
         )
-      }))) : oe((p) => {
-        const k = p.findIndex((S) => S.id === q);
-        return k === -1 ? p : [...p.slice(0, k + 1), T, ...p.slice(k + 1)];
+      }))) : de((y) => {
+        const _ = y.findIndex((N) => N.id === Z);
+        return _ === -1 ? y : [...y.slice(0, _ + 1), T, ...y.slice(_ + 1)];
       });
-    _e(null), lt(null), st(v), X("nodeConfig");
-  }, [q, ie]), vt = H((y, v) => {
-    const _ = (p) => {
-      const k = p.label || p.key;
-      switch (p.kind) {
+    Ne(null), lt(null), st(v), X("nodeConfig");
+  }, [Z, ce]), vt = H((b, v) => {
+    const S = (y) => {
+      const _ = y.label || y.key;
+      switch (y.kind) {
         case "if":
-          return `IF · ${k}`;
+          return `IF · ${_}`;
         case "elseif":
-          return `ELSE IF · ${k}`;
+          return `ELSE IF · ${_}`;
         case "else":
-          return k.toUpperCase() === "ELSE" ? k : `ELSE · ${k}`;
+          return _.toUpperCase() === "ELSE" ? _ : `ELSE · ${_}`;
         default:
-          return k;
+          return _;
       }
-    }, N = (p) => {
-      const k = se(y);
-      if ((k == null ? void 0 : k.descriptorType) !== "conditionBranch") return p;
-      const I = (v.branchConfigs ?? []).map((W) => W.key).filter(Boolean);
-      if (I.length === 0) return p;
-      const A = p[y] ?? {}, R = {};
-      return I.forEach((W) => {
-        R[W] = A[W] ?? [{ id: `end-${y}-${W}`, kind: "end", reactFlowType: "endNode" }];
-      }), { ...p, [y]: R };
-    }, T = (p, k) => {
-      if (p.descriptorType !== "conditionBranch") return { ...p, formData: k };
-      const S = k.branchConfigs ?? [], I = {};
-      return S.forEach((A) => {
-        A.key && (I[A.key] = _(A));
-      }), { ...p, formData: k, branchLabels: I };
+    }, C = (y) => {
+      const _ = fe(b);
+      if ((_ == null ? void 0 : _.descriptorType) !== "conditionBranch") return y;
+      const I = (v.branchConfigs ?? []).map(($) => $.key).filter(Boolean);
+      if (I.length === 0) return y;
+      const B = y[b] ?? {}, A = {};
+      return I.forEach(($) => {
+        A[$] = B[$] ?? [{ id: `end-${b}-${$}`, kind: "end", reactFlowType: "endNode" }];
+      }), { ...y, [b]: A };
+    }, T = (y, _) => {
+      if (y.descriptorType !== "conditionBranch") return { ...y, formData: _ };
+      const N = _.branchConfigs ?? [], I = {};
+      return N.forEach((B) => {
+        B.key && (I[B.key] = S(B));
+      }), { ...y, formData: _, branchLabels: I };
     };
-    if (F.some((p) => p.id === y)) {
-      Z((p) => {
-        const k = N(p);
-        return oe(
-          (S) => S.map(
-            (I) => I.id === y ? T(I, v) : I
+    if (R.some((y) => y.id === b)) {
+      ee((y) => {
+        const _ = C(y);
+        return de(
+          (N) => N.map(
+            (I) => I.id === b ? T(I, v) : I
           )
-        ), k;
+        ), _;
       });
       return;
     }
-    Z((p) => {
-      const S = { ...N(p) };
-      for (const I of Object.keys(S)) {
-        const A = (R) => R.map((W) => W.id === y ? T(W, v) : W);
-        for (const R of Object.keys(S[I]))
-          if (S[I][R].some((W) => W.id === y))
-            return S[I] = { ...S[I], [R]: A(S[I][R]) }, S;
+    ee((y) => {
+      const N = { ...C(y) };
+      for (const I of Object.keys(N)) {
+        const B = (A) => A.map(($) => $.id === b ? T($, v) : $);
+        for (const A of Object.keys(N[I]))
+          if (N[I][A].some(($) => $.id === b))
+            return N[I] = { ...N[I], [A]: B(N[I][A]) }, N;
       }
-      return S;
+      return N;
     });
-  }, [F, Y, se]), K = U(() => se(Pe ?? ""), [se, Pe]), wt = U(() => {
+  }, [R, Y, fe]), K = U(() => fe(Pe ?? ""), [fe, Pe]), wt = U(() => {
     if ((K == null ? void 0 : K.kind) === "triggerFixed") {
-      const y = (O == null ? void 0 : O.triggerCategory) === "scheduler", v = (O == null ? void 0 : O.triggerConfigTitle) ?? (y ? "Scheduler" : O == null ? void 0 : O.label) ?? "Trigger", _ = O == null ? void 0 : O.triggerCustomPanel;
-      if (_)
+      const b = (j == null ? void 0 : j.triggerCategory) === "scheduler", v = (j == null ? void 0 : j.triggerConfigTitle) ?? (b ? "Scheduler" : j == null ? void 0 : j.label) ?? "Trigger", S = j == null ? void 0 : j.triggerCustomPanel;
+      if (S)
         return {
           type: K.id,
           label: v,
-          icon: O == null ? void 0 : O.icon,
+          icon: j == null ? void 0 : j.icon,
           reactFlowType: "triggerNode",
           formSchema: [],
-          customPanel: ({ nodeId: T, data: p, onSave: k, onClose: S }) => _({ data: p, onSave: k, onClose: S }),
+          customPanel: ({ nodeId: T, data: y, onSave: _, onClose: N }) => S({ data: y, onSave: _, onClose: N }),
           matches: () => !1,
           bpmnEntry: (T) => T,
           bpmnExit: (T) => T,
           emitBpmnElements: () => []
         };
-      const N = O == null ? void 0 : O.triggerConfigSchema;
-      return Array.isArray(N) && N.length > 0 ? {
+      const C = j == null ? void 0 : j.triggerConfigSchema;
+      return Array.isArray(C) && C.length > 0 ? {
         type: K.id,
         // Title the config by what it IS (a scheduler), not the workflow name
         // (which would read as "Identify Dormant Account").
         label: v,
-        icon: O == null ? void 0 : O.icon,
+        icon: j == null ? void 0 : j.icon,
         reactFlowType: "triggerNode",
-        formSchema: N,
+        formSchema: C,
         matches: () => !1,
         bpmnEntry: (T) => T,
         bpmnExit: (T) => T,
@@ -2726,27 +2747,27 @@ const Ht = ({
       } : null;
     }
     return K != null && K.descriptorType ? e.forType(K.descriptorType) ?? null : null;
-  }, [K, e, O]), { nodes: Et, edges: Fn } = U(
-    () => us(F, Y, s ? null : gt, ct, l, m, ot),
-    [F, Y, s, gt, ct, l, m, ot]
+  }, [K, e, j]), { nodes: Et, edges: Fn } = U(
+    () => us(R, Y, s ? null : gt, ct, l, p, ot),
+    [R, Y, s, gt, ct, l, p, ot]
   ), xt = U(() => {
-    const y = x ? new Map(x.steps.map((v) => [v.nodeId, v])) : null;
+    const b = k ? new Map(k.steps.map((v) => [v.nodeId, v])) : null;
     return Et.map((v) => {
-      let _ = {};
-      if (y) {
-        const N = y.get(v.id);
-        N && (_ = { _executionStatus: N.status, _executionError: N.error });
+      let S = {};
+      if (b) {
+        const C = b.get(v.id);
+        C && (S = { _executionStatus: C.status, _executionError: C.error });
       }
-      return v.type === "subWorkflowNode" && C && (_.onPreview = (N) => {
-        var p;
-        const T = se(v.id);
-        at({ workflowId: N, workflowLabel: ((p = T == null ? void 0 : T.formData) == null ? void 0 : p.workflowLabel) ?? void 0 });
-      }), Object.keys(_).length > 0 ? { ...v, data: { ...v.data, ..._ } } : v;
+      return v.type === "subWorkflowNode" && x && (S.onPreview = (C) => {
+        var y;
+        const T = fe(v.id);
+        at({ workflowId: C, workflowLabel: ((y = T == null ? void 0 : T.formData) == null ? void 0 : y.workflowLabel) ?? void 0 });
+      }), Object.keys(S).length > 0 ? { ...v, data: { ...v.data, ...S } } : v;
     });
-  }, [Et, x, C, se]), Rn = U(() => ({ onEditNode: Fe, onDeleteNode: ht, onAddStep: () => {
-  }, onClickAddTrigger: Re, messages: ge, nodeRegistry: e, nodeBody: it, activeTemplate: O }), [Fe, ht, Re, ge, e, it, O]), An = H(async () => {
-    i && await i({ slots: F, branches: Y });
-  }, [i, F, Y]), Bn = U(() => Sr({
+  }, [Et, k, x, fe]), Rn = U(() => ({ onEditNode: Fe, onDeleteNode: ht, onAddStep: () => {
+  }, onClickAddTrigger: Re, messages: ve, nodeRegistry: e, nodeBody: it, activeTemplate: j }), [Fe, ht, Re, ve, e, it, j]), An = H(async () => {
+    i && await i({ slots: R, branches: Y });
+  }, [i, R, Y]), Bn = U(() => Sr({
     palette: {
       primary: { main: l.primaryColor ?? "#1976d2" },
       secondary: { main: l.secondaryColor ?? "#9c27b0" },
@@ -2758,7 +2779,7 @@ const Ht = ({
     shape: { borderRadius: l.borderRadius ?? 6 },
     typography: l.fontFamily ? { fontFamily: l.fontFamily } : {}
   }), [l]);
-  return /* @__PURE__ */ u(Nr, { theme: Bn, children: /* @__PURE__ */ u(kr, { resolvers: Ee, children: /* @__PURE__ */ u(Qn.Provider, { value: Rn, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ u(Nr, { theme: Bn, children: /* @__PURE__ */ u(kr, { resolvers: re, children: /* @__PURE__ */ u(Qn.Provider, { value: Rn, children: /* @__PURE__ */ w(
     "div",
     {
       className: "flowforge-canvas",
@@ -2780,16 +2801,16 @@ const Ht = ({
         "--ff-font-family": l.fontFamily
       },
       children: [
-        !M && (i || $ || z) && /* @__PURE__ */ u(
+        !O && (i || G || L) && /* @__PURE__ */ u(
           ns,
           {
-            workflowName: z,
-            onWorkflowNameChange: L,
+            workflowName: L,
+            onWorkflowNameChange: D,
             status: P,
-            statusColor: B,
+            statusColor: M,
             onSave: i ? An : void 0,
-            onCancel: $,
-            saveLabel: G
+            onCancel: G,
+            saveLabel: q
           }
         ),
         /* @__PURE__ */ w("div", { style: { flex: 1, minHeight: 0, position: "relative" }, children: [
@@ -2800,20 +2821,20 @@ const Ht = ({
               edges: Fn,
               nodeTypes: zn,
               edgeTypes: Ln,
-              fitView: xe,
-              fitViewOptions: { padding: te },
+              fitView: le,
+              fitViewOptions: { padding: F },
               nodesDraggable: !1,
               nodesConnectable: !1,
-              panOnScroll: ze,
-              zoomOnScroll: Le,
+              panOnScroll: me,
+              zoomOnScroll: ae,
               minZoom: Cn,
               maxZoom: Tn,
               snapToGrid: In,
               snapGrid: On,
               proOptions: { hideAttribution: !0 },
-              onNodeClick: (y, v) => {
-                const _ = se(v.id);
-                _ && (b != null && b(_) || (_.kind === "addTrigger" || _.kind === "triggerFixed" ? Re() : (_.kind === "userTask" || _.kind === "filter" || _.kind === "approval") && Fe(v.id)));
+              onNodeClick: (b, v) => {
+                const S = fe(v.id);
+                S && (E != null && E(S) || (S.kind === "addTrigger" || S.kind === "triggerFixed" ? Re() : (S.kind === "userTask" || S.kind === "filter" || S.kind === "approval") && Fe(v.id)));
               },
               children: [
                 l.background !== "none" && /* @__PURE__ */ u(
@@ -2824,27 +2845,27 @@ const Ht = ({
                     gap: 20
                   }
                 ),
-                he && /* @__PURE__ */ u(Kn, { showInteractive: !1 }),
-                ke && /* @__PURE__ */ u(Hn, { zoomable: !0, pannable: !0 }),
-                /* @__PURE__ */ u(es, { onHeightsReady: jn, nodeCount: xt.length })
+                oe && /* @__PURE__ */ u(Kn, { showInteractive: !1 }),
+                J && /* @__PURE__ */ u(Hn, { zoomable: !0, pannable: !0 }),
+                /* @__PURE__ */ u(es, { onHeightsReady: Mn, nodeCount: xt.length })
               ]
             }
           ),
-          c ? de === "triggerSelect" && c(t.list(), pt, () => X(null)) : /* @__PURE__ */ u(rs, { open: de === "triggerSelect", templates: t.list(), messages: ge, onSelect: pt, onClose: () => X(null), loadTriggerSources: f }),
-          h ? de === "nodePicker" && h(bt(), mt, () => {
-            X(null), _e(null);
-          }) : /* @__PURE__ */ u(os, { open: de === "nodePicker", availableDescriptors: bt(), messages: ge, onSelect: mt, onClose: () => {
-            X(null), _e(null);
+          c ? ge === "triggerSelect" && c(t.list(), pt, () => X(null)) : /* @__PURE__ */ u(rs, { open: ge === "triggerSelect", templates: t.list(), messages: ve, onSelect: pt, onClose: () => X(null), loadTriggerSources: f }),
+          h ? ge === "nodePicker" && h(bt(), mt, () => {
+            X(null), Ne(null);
+          }) : /* @__PURE__ */ u(os, { open: ge === "nodePicker", availableDescriptors: bt(), messages: ve, onSelect: mt, onClose: () => {
+            X(null), Ne(null);
           } }),
-          g ? de === "nodeConfig" && g(wt ?? void 0, K, vt, () => X(null)) : /* @__PURE__ */ u(is, { open: de === "nodeConfig", nodeId: Pe, descriptor: wt, initialValues: K == null ? void 0 : K.formData, messages: ge, onSave: vt, onClose: () => X(null) }),
-          C && Se && /* @__PURE__ */ u(
+          g ? ge === "nodeConfig" && g(wt ?? void 0, K, vt, () => X(null)) : /* @__PURE__ */ u(is, { open: ge === "nodeConfig", nodeId: Pe, descriptor: wt, initialValues: K == null ? void 0 : K.formData, messages: ve, onSave: vt, onClose: () => X(null) }),
+          x && Ce && /* @__PURE__ */ u(
             ss,
             {
-              isOpen: !!Se,
+              isOpen: !!Ce,
               onClose: () => at(null),
-              workflowId: Se.workflowId,
-              workflowLabel: Se.workflowLabel,
-              onFetchWorkflow: C
+              workflowId: Ce.workflowId,
+              workflowLabel: Ce.workflowLabel,
+              onFetchWorkflow: x
             }
           )
         ] })
@@ -2911,12 +2932,12 @@ function gs({ template: e, onSelect: t }) {
     }
   );
 }
-const js = ({
+const Ms = ({
   templates: e,
   onSelectTemplate: t,
   onStartFromScratch: n
 }) => {
-  const [r, o] = j(""), [i, s] = j(Ue), l = U(() => {
+  const [r, o] = z(""), [i, s] = z(Ue), l = U(() => {
     const a = /* @__PURE__ */ new Set();
     return e.forEach((c) => {
       c.category && a.add(c.category);
@@ -2928,7 +2949,7 @@ const js = ({
       a = a.filter(
         (f) => {
           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((b) => b.toLowerCase().includes(c)));
+          return f.label.toLowerCase().includes(c) || ((h = f.description) == null ? void 0 : h.toLowerCase().includes(c)) || ((g = f.tags) == null ? void 0 : g.some((E) => E.toLowerCase().includes(c)));
         }
       );
     }
@@ -2990,17 +3011,17 @@ const js = ({
       /* @__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)) }) })
   ] });
-}, Ne = {
-  running: { label: "Running", color: ee.running, icon: D.createElement(Zt, { size: 14 }) },
-  success: { label: "Success", color: ee.success, icon: D.createElement(Jt, { size: 14 }) },
-  failed: { label: "Failed", color: ee.failed, icon: D.createElement(qt, { size: 14 }) },
-  cancelled: { label: "Cancelled", color: ee.cancelled, icon: D.createElement(Xt, { size: 14 }) }
+}, Te = {
+  running: { label: "Running", color: ne.running, icon: W.createElement(Zt, { size: 14 }) },
+  success: { label: "Success", color: ne.success, icon: W.createElement(Jt, { size: 14 }) },
+  failed: { label: "Failed", color: ne.failed, icon: W.createElement(Xt, { size: 14 }) },
+  cancelled: { label: "Cancelled", color: ne.cancelled, icon: W.createElement(qt, { size: 14 }) }
 }, ps = {
-  pending: { color: ee.pending, icon: D.createElement(gr, { size: 14 }) },
-  running: { color: ee.running, icon: D.createElement(Zt, { size: 14 }) },
-  success: { color: ee.success, icon: D.createElement(Jt, { size: 14 }) },
-  failed: { color: ee.failed, icon: D.createElement(qt, { size: 14 }) },
-  skipped: { color: ee.skipped, icon: D.createElement(Xt, { size: 14 }) }
+  pending: { color: ne.pending, icon: W.createElement(gr, { size: 14 }) },
+  running: { color: ne.running, icon: W.createElement(Zt, { size: 14 }) },
+  success: { color: ne.success, icon: W.createElement(Jt, { size: 14 }) },
+  failed: { color: ne.failed, icon: W.createElement(Xt, { size: 14 }) },
+  skipped: { color: ne.skipped, icon: W.createElement(qt, { size: 14 }) }
 };
 function Ze(e) {
   try {
@@ -3018,7 +3039,7 @@ function Nn(e, t) {
   }
 }
 function ys({ step: e }) {
-  const [t, n] = j(!1), r = ps[e.status], o = !!(e.inputs || e.outputs || e.error);
+  const [t, n] = z(!1), r = ps[e.status], o = !!(e.inputs || e.outputs || e.error);
   return /* @__PURE__ */ w("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
     /* @__PURE__ */ w(
       "div",
@@ -3033,11 +3054,11 @@ function ys({ step: e }) {
           o && (i.key === "Enter" || i.key === " ") && n((s) => !s);
         },
         children: [
-          /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: D.cloneElement(r.icon, { color: r.color }) }),
+          /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: W.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 ? Nn(e.startedAt, e.completedAt) : "—" }),
-          o && /* @__PURE__ */ u("span", { style: { color: "#9e9e9e", flexShrink: 0 }, children: t ? D.createElement(yr, { size: 16 }) : D.createElement(br, { size: 16 }) })
+          o && /* @__PURE__ */ u("span", { style: { color: "#9e9e9e", flexShrink: 0 }, children: t ? W.createElement(yr, { size: 16 }) : W.createElement(br, { size: 16 }) })
         ]
       }
     ),
@@ -3055,7 +3076,7 @@ function ys({ step: e }) {
   ] });
 }
 function bs({ record: e, selected: t, onSelect: n }) {
-  const r = Ne[e.status];
+  const r = Te[e.status];
   return /* @__PURE__ */ w(
     "div",
     {
@@ -3076,7 +3097,7 @@ function bs({ record: e, selected: t, onSelect: n }) {
         outline: "none"
       },
       children: [
-        /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: D.cloneElement(r.icon, { color: r.color, size: 16 }) }),
+        /* @__PURE__ */ u("span", { style: { color: r.color, flexShrink: 0 }, children: W.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: Ze(e.triggeredAt) }),
           /* @__PURE__ */ w("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
@@ -3095,7 +3116,7 @@ function bs({ record: e, selected: t, onSelect: n }) {
 }
 const zs = ({ records: e, onViewOnCanvas: t }) => {
   var s;
-  const [n, r] = j(((s = e[0]) == null ? void 0 : s.id) ?? null), o = e.find((l) => l.id === n) ?? null, i = [...e].sort((l, d) => new Date(d.triggeredAt).getTime() - new Date(l.triggeredAt).getTime());
+  const [n, r] = z(((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(Nt, { size: 36 }),
     /* @__PURE__ */ u("p", { style: { margin: 0, fontSize: 14 }, children: "No executions yet" }),
@@ -3113,8 +3134,8 @@ const zs = ({ records: e, onViewOnCanvas: t }) => {
       /* @__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: [
-            D.cloneElement(Ne[o.status].icon, { color: Ne[o.status].color, size: 18 }),
-            /* @__PURE__ */ u("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: Ne[o.status].label })
+            W.cloneElement(Te[o.status].icon, { color: Te[o.status].color, size: 18 }),
+            /* @__PURE__ */ u("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: Te[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: [
@@ -3160,6 +3181,6 @@ export {
   ss as S,
   zs as W,
   ns as a,
-  js as b
+  Ms as b
 };
-//# sourceMappingURL=WorkflowExecutionHistory-DYp-l7mk.js.map
+//# sourceMappingURL=WorkflowExecutionHistory-BA5IpymY.js.map