@notmrabhi/flowforge 0.1.21 → 0.1.22

package/dist/templateSkeletons-D2ecxpVH.js

@@ -0,0 +1,2954 @@
+import { jsxs as v, jsx as f, Fragment as ye } from "react/jsx-runtime";
+import G, { useRef as vt, useEffect as re, useState as M, useCallback as $, useMemo as Y } from "react";
+import In, { useStore as On, useReactFlow as Mn, Background as jn, Controls as Fn, MiniMap as zn } from "reactflow";
+import "reactflow/dist/style.css";
+import { e as Ln, G as An, E as Dn, P as Rn, L as Pn, d as Bn, f as Wn } from "./GatewayBranchEdge-Dxoy5B1A.js";
+import { Dialog as Gn, Box as Q, Drawer as $n, IconButton as Et, Button as Ne, CircularProgress as Yn } from "@mui/material";
+import Kn from "react-select";
+import { MdClose as Un, MdCalendarToday as Vn, MdBolt as Hn, MdArrowBack as Wt, MdChevronRight as Gt, MdAddCircleOutline as qn, MdApps as Xn, MdErrorOutline as Jn, MdAccountTree as Zn, MdAdd as Qn, MdSearch as er, MdCategory as tr, MdCancel as $t, MdError as Yt, MdCheckCircle as Kt, MdPlayArrow as Ut, MdHourglassEmpty as nr, MdSchedule as kt, MdPerson as rr, MdExpandLess as or, MdExpandMore as ir } from "react-icons/md";
+import { GrTrigger as sr } from "react-icons/gr";
+import { BiCollapse as lr, BiExpand as ar } from "react-icons/bi";
+import { j as dr, b as cr } from "./index-BU09HbVh.js";
+import { m as ur } from "./messages-CO299wPN.js";
+import { T as fr, E as ee } from "./canvasTokens-CAD6G24b.js";
+var Vt = Object.defineProperty, hr = (e, t, n) => t in e ? Vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, gr = (e, t) => {
+  for (var n in t) Vt(e, n, { get: t[n], enumerable: !0 });
+}, pr = (e, t, n) => hr(e, t + "", n), Ht = {};
+gr(Ht, { Graph: () => K, alg: () => Xe, json: () => Xt, version: () => mr });
+var br = Object.defineProperty, qt = (e, t) => {
+  for (var n in t) br(e, n, { get: t[n], enumerable: !0 });
+}, K = 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 = () => {
+    }, this._defaultEdgeLabelFn = () => {
+    }, e && (this._isDirected = "directed" in e ? e.directed : !0, this._isMultigraph = "multigraph" in e ? e.multigraph : !1, this._isCompound = "compound" in e ? e.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children["\0"] = {});
+  }
+  isDirected() {
+    return this._isDirected;
+  }
+  isMultigraph() {
+    return this._isMultigraph;
+  }
+  isCompound() {
+    return this._isCompound;
+  }
+  setGraph(e) {
+    return this._label = e, this;
+  }
+  graph() {
+    return this._label;
+  }
+  setDefaultNodeLabel(e) {
+    return typeof e != "function" ? this._defaultNodeLabelFn = () => e : this._defaultNodeLabelFn = e, this;
+  }
+  nodeCount() {
+    return this._nodeCount;
+  }
+  nodes() {
+    return Object.keys(this._nodes);
+  }
+  sources() {
+    return this.nodes().filter((e) => Object.keys(this._in[e]).length === 0);
+  }
+  sinks() {
+    return this.nodes().filter((e) => Object.keys(this._out[e]).length === 0);
+  }
+  setNodes(e, t) {
+    return e.forEach((n) => {
+      t !== void 0 ? this.setNode(n, t) : this.setNode(n);
+    }), this;
+  }
+  setNode(e, t) {
+    return e in this._nodes ? (arguments.length > 1 && (this._nodes[e] = t), this) : (this._nodes[e] = arguments.length > 1 ? t : this._defaultNodeLabelFn(e), this._isCompound && (this._parent[e] = "\0", this._children[e] = {}, this._children["\0"][e] = !0), this._in[e] = {}, this._preds[e] = {}, this._out[e] = {}, this._sucs[e] = {}, ++this._nodeCount, this);
+  }
+  node(e) {
+    return this._nodes[e];
+  }
+  hasNode(e) {
+    return e in this._nodes;
+  }
+  removeNode(e) {
+    if (e in this._nodes) {
+      let t = (n) => this.removeEdge(this._edgeObjs[n]);
+      delete this._nodes[e], this._isCompound && (this._removeFromParentsChildList(e), delete this._parent[e], this.children(e).forEach((n) => {
+        this.setParent(n);
+      }), delete this._children[e]), Object.keys(this._in[e]).forEach(t), delete this._in[e], delete this._preds[e], Object.keys(this._out[e]).forEach(t), delete this._out[e], delete this._sucs[e], --this._nodeCount;
+    }
+    return this;
+  }
+  setParent(e, t) {
+    if (!this._isCompound) throw new Error("Cannot set parent in a non-compound graph");
+    if (t === void 0) t = "\0";
+    else {
+      t += "";
+      for (let n = t; n !== void 0; n = this.parent(n)) if (n === e) throw new Error("Setting " + t + " as parent of " + e + " would create a cycle");
+      this.setNode(t);
+    }
+    return this.setNode(e), this._removeFromParentsChildList(e), this._parent[e] = t, this._children[t][e] = !0, this;
+  }
+  parent(e) {
+    if (this._isCompound) {
+      let t = this._parent[e];
+      if (t !== "\0") return t;
+    }
+  }
+  children(e = "\0") {
+    if (this._isCompound) {
+      let t = this._children[e];
+      if (t) return Object.keys(t);
+    } else {
+      if (e === "\0") return this.nodes();
+      if (this.hasNode(e)) return [];
+    }
+    return [];
+  }
+  predecessors(e) {
+    let t = this._preds[e];
+    if (t) return Object.keys(t);
+  }
+  successors(e) {
+    let t = this._sucs[e];
+    if (t) return Object.keys(t);
+  }
+  neighbors(e) {
+    let t = this.predecessors(e);
+    if (t) {
+      let n = new Set(t);
+      for (let r of this.successors(e)) n.add(r);
+      return Array.from(n.values());
+    }
+  }
+  isLeaf(e) {
+    let t;
+    return this.isDirected() ? t = this.successors(e) : t = this.neighbors(e), t.length === 0;
+  }
+  filterNodes(e) {
+    let t = new this.constructor({ directed: this._isDirected, multigraph: this._isMultigraph, compound: this._isCompound });
+    t.setGraph(this.graph()), Object.entries(this._nodes).forEach(([o, i]) => {
+      e(o) && t.setNode(o, i);
+    }), Object.values(this._edgeObjs).forEach((o) => {
+      t.hasNode(o.v) && t.hasNode(o.w) && t.setEdge(o, this.edge(o));
+    });
+    let n = {}, r = (o) => {
+      let i = this.parent(o);
+      return !i || t.hasNode(i) ? (n[o] = i ?? void 0, i ?? void 0) : i in n ? n[i] : r(i);
+    };
+    return this._isCompound && t.nodes().forEach((o) => t.setParent(o, r(o))), t;
+  }
+  setDefaultEdgeLabel(e) {
+    return typeof e != "function" ? this._defaultEdgeLabelFn = () => e : this._defaultEdgeLabelFn = e, this;
+  }
+  edgeCount() {
+    return this._edgeCount;
+  }
+  edges() {
+    return Object.values(this._edgeObjs);
+  }
+  setPath(e, t) {
+    return e.reduce((n, r) => (t !== void 0 ? this.setEdge(n, r, t) : this.setEdge(n, r), r)), this;
+  }
+  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 = be(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 = yr(this._isDirected, o, i, s);
+    return o = c.v, i = c.w, Object.freeze(c), this._edgeObjs[a] = c, xt(this._preds[i], o), xt(this._sucs[o], i), this._in[i][a] = c, this._out[o][a] = c, this._edgeCount++, this;
+  }
+  edge(e, t, n) {
+    let r = arguments.length === 1 ? Ae(this._isDirected, e) : be(this._isDirected, e, t, n);
+    return this._edgeLabels[r];
+  }
+  edgeAsObj(e, t, n) {
+    let r = arguments.length === 1 ? this.edge(e) : this.edge(e, t, n);
+    return typeof r != "object" ? { label: r } : r;
+  }
+  hasEdge(e, t, n) {
+    return (arguments.length === 1 ? Ae(this._isDirected, e) : be(this._isDirected, e, t, n)) in this._edgeLabels;
+  }
+  removeEdge(e, t, n) {
+    let r = arguments.length === 1 ? Ae(this._isDirected, e) : be(this._isDirected, e, t, n), o = this._edgeObjs[r];
+    if (o) {
+      let i = o.v, s = o.w;
+      delete this._edgeLabels[r], delete this._edgeObjs[r], Tt(this._preds[s], i), Tt(this._sucs[i], s), delete this._in[s][r], delete this._out[i][r], this._edgeCount--;
+    }
+    return this;
+  }
+  inEdges(e, t) {
+    return this.isDirected() ? this.filterEdges(this._in[e], e, t) : this.nodeEdges(e, t);
+  }
+  outEdges(e, t) {
+    return this.isDirected() ? this.filterEdges(this._out[e], e, t) : this.nodeEdges(e, t);
+  }
+  nodeEdges(e, t) {
+    if (e in this._nodes) return this.filterEdges({ ...this._in[e], ...this._out[e] }, e, t);
+  }
+  _removeFromParentsChildList(e) {
+    delete this._children[this._parent[e]][e];
+  }
+  filterEdges(e, t, n) {
+    if (!e) return;
+    let r = Object.values(e);
+    return n ? r.filter((o) => o.v === t && o.w === n || o.v === n && o.w === t) : r;
+  }
+};
+function xt(e, t) {
+  e[t] ? e[t]++ : e[t] = 1;
+}
+function Tt(e, t) {
+  e[t] !== void 0 && !--e[t] && delete e[t];
+}
+function be(e, t, n, r) {
+  let o = "" + t, i = "" + n;
+  if (!e && o > i) {
+    let s = o;
+    o = i, i = s;
+  }
+  return o + "
" + i + "
" + (r === void 0 ? "\0" : r);
+}
+function yr(e, t, n, r) {
+  let o = "" + t, i = "" + n;
+  if (!e && o > i) {
+    let l = o;
+    o = i, i = l;
+  }
+  let s = { v: o, w: i };
+  return r && (s.name = r), s;
+}
+function Ae(e, t) {
+  return be(e, t.v, t.w, t.name);
+}
+var mr = "4.0.1", Xt = {};
+qt(Xt, { read: () => kr, write: () => wr });
+function wr(e) {
+  let t = { options: { directed: e.isDirected(), multigraph: e.isMultigraph(), compound: e.isCompound() }, nodes: vr(e), edges: Er(e) }, n = e.graph();
+  return n !== void 0 && (t.value = structuredClone(n)), t;
+}
+function vr(e) {
+  return e.nodes().map((t) => {
+    let n = e.node(t), r = e.parent(t), o = { v: t };
+    return n !== void 0 && (o.value = n), r !== void 0 && (o.parent = r), o;
+  });
+}
+function Er(e) {
+  return e.edges().map((t) => {
+    let n = e.edge(t), r = { v: t.v, w: t.w };
+    return t.name !== void 0 && (r.name = t.name), n !== void 0 && (r.value = n), r;
+  });
+}
+function kr(e) {
+  let t = new K(e.options);
+  return e.value !== void 0 && t.setGraph(e.value), e.nodes.forEach((n) => {
+    t.setNode(n.v, n.value), n.parent && t.setParent(n.v, n.parent);
+  }), e.edges.forEach((n) => {
+    t.setEdge({ v: n.v, w: n.w, name: n.name }, n.value);
+  }), t;
+}
+var Xe = {};
+qt(Xe, { CycleException: () => Ce, bellmanFord: () => Jt, components: () => _r, dijkstra: () => Se, dijkstraAll: () => Cr, findCycles: () => Ir, floydWarshall: () => Mr, isAcyclic: () => Fr, postorder: () => Lr, preorder: () => Ar, prim: () => Dr, shortestPaths: () => Rr, tarjan: () => Qt, topsort: () => en });
+var xr = () => 1;
+function Jt(e, t, n, r) {
+  return Tr(e, String(t), n || xr, r || function(o) {
+    return e.outEdges(o);
+  });
+}
+function Tr(e, t, n, r) {
+  let o = {}, i, s = 0, l = e.nodes(), d = function(u) {
+    let h = n(u);
+    o[u.v].distance + h < o[u.w].distance && (o[u.w] = { distance: o[u.v].distance + h, predecessor: u.v }, i = !0);
+  }, a = function() {
+    l.forEach(function(u) {
+      r(u).forEach(function(h) {
+        let g = h.v === u ? h.v : h.w, b = g === h.v ? h.w : h.v;
+        d({ v: g, w: b });
+      });
+    });
+  };
+  l.forEach(function(u) {
+    let h = u === t ? 0 : Number.POSITIVE_INFINITY;
+    o[u] = { distance: h, predecessor: "" };
+  });
+  let c = l.length;
+  for (let u = 1; u < c && (i = !1, s++, a(), !!i); u++) ;
+  if (s === c - 1 && (i = !1, a(), i)) throw new Error("The graph contains a negative weight cycle");
+  return o;
+}
+function _r(e) {
+  let t = {}, n = [], r;
+  function o(i) {
+    i in t || (t[i] = !0, r.push(i), e.successors(i).forEach(o), e.predecessors(i).forEach(o));
+  }
+  return e.nodes().forEach(function(i) {
+    r = [], o(i), r.length && n.push(r);
+  }), n;
+}
+var Zt = class {
+  constructor() {
+    this._arr = [], this._keyIndices = {};
+  }
+  size() {
+    return this._arr.length;
+  }
+  keys() {
+    return this._arr.map((e) => e.key);
+  }
+  has(e) {
+    return e in this._keyIndices;
+  }
+  priority(e) {
+    let t = this._keyIndices[e];
+    if (t !== void 0) return this._arr[t].priority;
+  }
+  min() {
+    if (this.size() === 0) throw new Error("Queue underflow");
+    return this._arr[0].key;
+  }
+  add(e, t) {
+    let n = this._keyIndices, r = String(e);
+    if (!(r in n)) {
+      let o = this._arr, i = o.length;
+      return n[r] = i, o.push({ key: r, priority: t }), this._decrease(i), !0;
+    }
+    return !1;
+  }
+  removeMin() {
+    this._swap(0, this._arr.length - 1);
+    let e = this._arr.pop();
+    return delete this._keyIndices[e.key], this._heapify(0), e.key;
+  }
+  decrease(e, t) {
+    let n = this._keyIndices[e];
+    if (n === void 0) throw new Error(`Key not found: ${e}`);
+    let r = this._arr[n].priority;
+    if (t > r) throw new Error(`New priority is greater than current priority. Key: ${e} Old: ${r} New: ${t}`);
+    this._arr[n].priority = t, this._decrease(n);
+  }
+  _heapify(e) {
+    let t = this._arr, n = 2 * e, r = n + 1, o = e;
+    n < t.length && (o = t[n].priority < t[o].priority ? n : o, r < t.length && (o = t[r].priority < t[o].priority ? r : o), o !== e && (this._swap(e, o), this._heapify(o)));
+  }
+  _decrease(e) {
+    let t = this._arr, n = t[e].priority, r;
+    for (; e !== 0 && (r = e >> 1, !(t[r].priority < n)); ) this._swap(e, r), e = r;
+  }
+  _swap(e, t) {
+    let n = this._arr, r = this._keyIndices, o = n[e], i = n[t];
+    n[e] = i, n[t] = o, r[i.key] = e, r[o.key] = t;
+  }
+}, Nr = () => 1;
+function Se(e, t, n, r) {
+  let o = function(i) {
+    return e.outEdges(i);
+  };
+  return Sr(e, String(t), n || Nr, r || o);
+}
+function Sr(e, t, n, r) {
+  let o = {}, i = new Zt(), s, l, d = function(a) {
+    let c = a.v !== s ? a.v : a.w, u = o[c], h = n(a), g = l.distance + h;
+    if (h < 0) throw new Error("dijkstra does not allow negative edge weights. Bad edge: " + a + " Weight: " + h);
+    g < u.distance && (u.distance = g, u.predecessor = s, i.decrease(c, g));
+  };
+  for (e.nodes().forEach(function(a) {
+    let c = a === t ? 0 : Number.POSITIVE_INFINITY;
+    o[a] = { distance: c, predecessor: "" }, i.add(a, c);
+  }); i.size() > 0 && (s = i.removeMin(), l = o[s], l.distance !== Number.POSITIVE_INFINITY); ) r(s).forEach(d);
+  return o;
+}
+function Cr(e, t, n) {
+  return e.nodes().reduce(function(r, o) {
+    return r[o] = Se(e, o, t, n), r;
+  }, {});
+}
+function Qt(e) {
+  let t = 0, n = [], r = {}, o = [];
+  function i(s) {
+    let l = r[s] = { onStack: !0, lowlink: t, index: t++ };
+    if (n.push(s), e.successors(s).forEach(function(d) {
+      d in r ? r[d].onStack && (l.lowlink = Math.min(l.lowlink, r[d].index)) : (i(d), l.lowlink = Math.min(l.lowlink, r[d].lowlink));
+    }), l.lowlink === l.index) {
+      let d = [], a;
+      do
+        a = n.pop(), r[a].onStack = !1, d.push(a);
+      while (s !== a);
+      o.push(d);
+    }
+  }
+  return e.nodes().forEach(function(s) {
+    s in r || i(s);
+  }), o;
+}
+function Ir(e) {
+  return Qt(e).filter(function(t) {
+    return t.length > 1 || t.length === 1 && e.hasEdge(t[0], t[0]);
+  });
+}
+var Or = () => 1;
+function Mr(e, t, n) {
+  return jr(e, t || Or, n || function(r) {
+    return e.outEdges(r);
+  });
+}
+function jr(e, t, n) {
+  let r = {}, o = e.nodes();
+  return o.forEach(function(i) {
+    r[i] = {}, r[i][i] = { distance: 0, predecessor: "" }, o.forEach(function(s) {
+      i !== s && (r[i][s] = { distance: Number.POSITIVE_INFINITY, predecessor: "" });
+    }), n(i).forEach(function(s) {
+      let l = s.v === i ? s.w : s.v, d = t(s);
+      r[i][l] = { distance: d, predecessor: i };
+    });
+  }), o.forEach(function(i) {
+    let s = r[i];
+    o.forEach(function(l) {
+      let d = r[l];
+      o.forEach(function(a) {
+        let c = d[i], u = s[a], h = d[a], g = c.distance + u.distance;
+        g < h.distance && (h.distance = g, h.predecessor = u.predecessor);
+      });
+    });
+  }), r;
+}
+var Ce = class extends Error {
+  constructor(...e) {
+    super(...e);
+  }
+};
+function en(e) {
+  let t = {}, n = {}, r = [];
+  function o(i) {
+    if (i in n) throw new Ce();
+    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 Ce();
+  return r;
+}
+function Fr(e) {
+  try {
+    en(e);
+  } catch (t) {
+    if (t instanceof Ce) return !1;
+    throw t;
+  }
+  return !0;
+}
+function zr(e, t, n, r, o) {
+  Array.isArray(t) || (t = [t]);
+  let i = (l) => {
+    var d;
+    return (d = e.isDirected() ? e.successors(l) : e.neighbors(l)) != null ? d : [];
+  }, s = {};
+  return t.forEach(function(l) {
+    if (!e.hasNode(l)) throw new Error("Graph does not have node: " + l);
+    o = tn(e, l, n === "post", s, i, r, o);
+  }), o;
+}
+function tn(e, t, n, r, o, i, s) {
+  return t in r || (r[t] = !0, n || (s = i(s, t)), o(t).forEach(function(l) {
+    s = tn(e, l, n, r, o, i, s);
+  }), n && (s = i(s, t))), s;
+}
+function nn(e, t, n) {
+  return zr(e, t, n, function(r, o) {
+    return r.push(o), r;
+  }, []);
+}
+function Lr(e, t) {
+  return nn(e, t, "post");
+}
+function Ar(e, t) {
+  return nn(e, t, "pre");
+}
+function Dr(e, t) {
+  let n = new K(), r = {}, o = new Zt(), i;
+  function s(d) {
+    let a = d.v === i ? d.w : d.v, c = o.priority(a);
+    if (c !== void 0) {
+      let u = t(d);
+      u < c && (r[a] = i, o.decrease(a, u));
+    }
+  }
+  if (e.nodeCount() === 0) return n;
+  e.nodes().forEach(function(d) {
+    o.add(d, Number.POSITIVE_INFINITY), n.setNode(d);
+  }), o.decrease(e.nodes()[0], 0);
+  let l = !1;
+  for (; o.size() > 0; ) {
+    if (i = o.removeMin(), i in r) n.setEdge(i, r[i]);
+    else {
+      if (l) throw new Error("Input graph is not connected: " + e);
+      l = !0;
+    }
+    e.nodeEdges(i).forEach(s);
+  }
+  return n;
+}
+function Rr(e, t, n, r) {
+  return Pr(e, t, n, r ?? ((o) => {
+    let i = e.outEdges(o);
+    return i ?? [];
+  }));
+}
+function Pr(e, t, n, r) {
+  if (n === void 0) return Se(e, t, n, r);
+  let o = !1, i = e.nodes();
+  for (let s = 0; s < i.length; s++) {
+    let l = r(i[s]);
+    for (let d = 0; d < l.length; d++) {
+      let a = l[d], c = a.v === i[s] ? a.v : a.w, u = c === a.v ? a.w : a.v;
+      n({ v: c, w: u }) < 0 && (o = !0);
+    }
+    if (o) return Jt(e, t, n, r);
+  }
+  return Se(e, t, n, r);
+}
+function ge(e, t, n, r) {
+  let o = r;
+  for (; e.hasNode(o); ) o = Je(r);
+  return n.dummy = t, e.setNode(o, n), o;
+}
+function Br(e) {
+  let t = new K().setGraph(e.graph());
+  return e.nodes().forEach((n) => t.setNode(n, e.node(n))), e.edges().forEach((n) => {
+    let r = t.edge(n.v, n.w) || { weight: 0, minlen: 1 }, o = e.edge(n);
+    t.setEdge(n.v, n.w, { weight: r.weight + o.weight, minlen: Math.max(r.minlen, o.minlen) });
+  }), t;
+}
+function rn(e) {
+  let t = new K({ multigraph: e.isMultigraph() }).setGraph(e.graph());
+  return e.nodes().forEach((n) => {
+    e.children(n).length || t.setNode(n, e.node(n));
+  }), e.edges().forEach((n) => {
+    t.setEdge(n, e.edge(n));
+  }), t;
+}
+function _t(e, t) {
+  let n = e.x, r = e.y, o = t.x - n, i = t.y - r, s = e.width / 2, l = e.height / 2;
+  if (!o && !i) throw new Error("Not possible to find intersection inside of the rectangle");
+  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 ve(e) {
+  let t = me(sn(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);
+  }), t;
+}
+function Wr(e) {
+  let t = e.nodes().map((r) => {
+    let o = e.node(r).rank;
+    return o === void 0 ? Number.MAX_VALUE : o;
+  }), n = X(Math.min, t);
+  e.nodes().forEach((r) => {
+    let o = e.node(r);
+    Object.hasOwn(o, "rank") && (o.rank -= n);
+  });
+}
+function Gr(e) {
+  let t = e.nodes().map((s) => e.node(s).rank).filter((s) => s !== void 0), n = X(Math.min, t), r = [];
+  e.nodes().forEach((s) => {
+    let l = e.node(s).rank - n;
+    r[l] || (r[l] = []), r[l].push(s);
+  });
+  let o = 0, i = e.graph().nodeRankFactor;
+  Array.from(r).forEach((s, l) => {
+    s === void 0 && l % i !== 0 ? --o : s !== void 0 && o && s.forEach((d) => e.node(d).rank += o);
+  });
+}
+function Nt(e, t, n, r) {
+  let o = { width: 0, height: 0 };
+  return arguments.length >= 4 && (o.rank = n, o.order = r), ge(e, "border", o, t);
+}
+function $r(e, t = on) {
+  let n = [];
+  for (let r = 0; r < e.length; r += t) {
+    let o = e.slice(r, r + t);
+    n.push(o);
+  }
+  return n;
+}
+var on = 65535;
+function X(e, t) {
+  if (t.length > on) {
+    let n = $r(t);
+    return e(...n.map((r) => e(...r)));
+  } else return e(...t);
+}
+function sn(e) {
+  let t = e.nodes().map((n) => {
+    let r = e.node(n).rank;
+    return r === void 0 ? Number.MIN_VALUE : r;
+  });
+  return X(Math.max, t);
+}
+function Yr(e, t) {
+  let n = { lhs: [], rhs: [] };
+  return e.forEach((r) => {
+    t(r) ? n.lhs.push(r) : n.rhs.push(r);
+  }), n;
+}
+function ln(e, t) {
+  let n = Date.now();
+  try {
+    return t();
+  } finally {
+    console.log(e + " time: " + (Date.now() - n) + "ms");
+  }
+}
+function an(e, t) {
+  return t();
+}
+var Kr = 0;
+function Je(e) {
+  let t = ++Kr;
+  return e + ("" + t);
+}
+function me(e, t, n = 1) {
+  t == null && (t = e, e = 0);
+  let r = (i) => i < t;
+  n < 0 && (r = (i) => t < i);
+  let o = [];
+  for (let i = e; r(i); i += n) o.push(i);
+  return o;
+}
+function Ie(e, t) {
+  let n = {};
+  for (let r of t) e[r] !== void 0 && (n[r] = e[r]);
+  return n;
+}
+function Oe(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 Ur(e, t) {
+  return e.reduce((n, r, o) => (n[r] = t[o], n), {});
+}
+var Me = "\0", Vr = "3.0.0", Hr = class {
+  constructor() {
+    pr(this, "_sentinel");
+    let e = {};
+    e._next = e._prev = e, this._sentinel = e;
+  }
+  dequeue() {
+    let e = this._sentinel, t = e._prev;
+    if (t !== e) return St(t), t;
+  }
+  enqueue(e) {
+    let t = this._sentinel;
+    e._prev && e._next && St(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
+  }
+  toString() {
+    let e = [], t = this._sentinel, n = t._prev;
+    for (; n !== t; ) e.push(JSON.stringify(n, qr)), n = n._prev;
+    return "[" + e.join(", ") + "]";
+  }
+};
+function St(e) {
+  e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
+}
+function qr(e, t) {
+  if (e !== "_next" && e !== "_prev") return t;
+}
+var Xr = Hr, Jr = () => 1;
+function Zr(e, t) {
+  if (e.nodeCount() <= 1) return [];
+  let n = eo(e, t || Jr);
+  return Qr(n.graph, n.buckets, n.zeroIdx).flatMap((r) => e.outEdges(r.v, r.w) || []);
+}
+function Qr(e, t, n) {
+  var r;
+  let o = [], i = t[t.length - 1], s = t[0], l;
+  for (; e.nodeCount(); ) {
+    for (; l = s.dequeue(); ) De(e, t, n, l);
+    for (; l = i.dequeue(); ) De(e, t, n, l);
+    if (e.nodeCount()) {
+      for (let d = t.length - 2; d > 0; --d) if (l = (r = t[d]) == null ? void 0 : r.dequeue(), l) {
+        o = o.concat(De(e, t, n, l, !0) || []);
+        break;
+      }
+    }
+  }
+  return o;
+}
+function De(e, t, n, r, o) {
+  let i = [], s = o ? i : void 0;
+  return (e.inEdges(r.v) || []).forEach((l) => {
+    let d = e.edge(l), a = e.node(l.v);
+    o && i.push({ v: l.v, w: l.w }), a.out -= d, Ke(t, n, a);
+  }), (e.outEdges(r.v) || []).forEach((l) => {
+    let d = e.edge(l), a = l.w, c = e.node(a);
+    c.in -= d, Ke(t, n, c);
+  }), e.removeNode(r.v), s;
+}
+function eo(e, t) {
+  let n = new K(), r = 0, o = 0;
+  e.nodes().forEach((l) => {
+    n.setNode(l, { v: l, in: 0, out: 0 });
+  }), e.edges().forEach((l) => {
+    let d = n.edge(l.v, l.w) || 0, a = t(l), c = d + a;
+    n.setEdge(l.v, l.w, c);
+    let u = n.node(l.v), h = n.node(l.w);
+    o = Math.max(o, u.out += a), r = Math.max(r, h.in += a);
+  });
+  let i = to(o + r + 3).map(() => new Xr()), s = r + 1;
+  return n.nodes().forEach((l) => {
+    Ke(i, s, n.node(l));
+  }), { graph: n, buckets: i, zeroIdx: s };
+}
+function Ke(e, t, n) {
+  var r, o, i;
+  n.out ? n.in ? (i = e[n.out - n.in + t]) == null || i.enqueue(n) : (o = e[e.length - 1]) == null || o.enqueue(n) : (r = e[0]) == null || r.enqueue(n);
+}
+function to(e) {
+  let t = [];
+  for (let n = 0; n < e; n++) t.push(n);
+  return t;
+}
+function no(e) {
+  (e.graph().acyclicer === "greedy" ? Zr(e, t(e)) : ro(e)).forEach((n) => {
+    let r = e.edge(n);
+    e.removeEdge(n), r.forwardName = n.name, r.reversed = !0, e.setEdge(n.w, n.v, r, Je("rev"));
+  });
+  function t(n) {
+    return (r) => n.edge(r).weight;
+  }
+}
+function ro(e) {
+  let t = [], n = {}, r = {};
+  function o(i) {
+    Object.hasOwn(r, i) || (r[i] = !0, n[i] = !0, e.outEdges(i).forEach((s) => {
+      Object.hasOwn(n, s.w) ? t.push(s) : o(s.w);
+    }), delete n[i]);
+  }
+  return e.nodes().forEach(o), t;
+}
+function oo(e) {
+  e.edges().forEach((t) => {
+    let n = e.edge(t);
+    if (n.reversed) {
+      e.removeEdge(t);
+      let r = n.forwardName;
+      delete n.reversed, delete n.forwardName, e.setEdge(t.w, t.v, n, r);
+    }
+  });
+}
+function io(e) {
+  e.graph().dummyChains = [], e.edges().forEach((t) => so(e, t));
+}
+function so(e, t) {
+  let n = t.v, r = e.node(n).rank, o = t.w, i = e.node(o).rank, s = t.name, l = e.edge(t), d = l.labelRank;
+  if (i === r + 1) return;
+  e.removeEdge(t);
+  let a, c, u;
+  for (u = 0, ++r; r < i; ++u, ++r) l.points = [], c = { width: 0, height: 0, edgeLabel: l, edgeObj: t, rank: r }, a = ge(e, "edge", c, "_d"), r === d && (c.width = l.width, c.height = l.height, c.dummy = "edge-label", c.labelpos = l.labelpos), e.setEdge(n, a, { weight: l.weight }, s), u === 0 && e.graph().dummyChains.push(a), n = a;
+  e.setEdge(n, o, { weight: l.weight }, s);
+}
+function lo(e) {
+  e.graph().dummyChains.forEach((t) => {
+    let n = e.node(t), r = n.edgeLabel, o;
+    for (e.setEdge(n.edgeObj, r); n.dummy; ) o = e.successors(t)[0], e.removeNode(t), r.points.push({ x: n.x, y: n.y }), n.dummy === "edge-label" && (r.x = n.x, r.y = n.y, r.width = n.width, r.height = n.height), t = o, n = e.node(t);
+  });
+}
+function Ze(e) {
+  let t = {};
+  function n(r) {
+    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 = X(Math.min, s);
+    return l === Number.POSITIVE_INFINITY && (l = 0), o.rank = l;
+  }
+  e.sources().forEach(n);
+}
+function he(e, t) {
+  return e.node(t.w).rank - e.node(t.v).rank - e.edge(t).minlen;
+}
+var dn = ao;
+function ao(e) {
+  let t = new K({ directed: !1 }), n = e.nodes();
+  if (n.length === 0) throw new Error("Graph must have at least one node");
+  let r = n[0], o = e.nodeCount();
+  t.setNode(r, {});
+  let i, s;
+  for (; co(t, e) < o && (i = uo(t, e), !!i); ) s = t.hasNode(i.v) ? he(e, i) : -he(e, i), fo(t, e, s);
+  return t;
+}
+function co(e, t) {
+  function n(r) {
+    let o = t.nodeEdges(r);
+    o && o.forEach((i) => {
+      let s = i.v, l = r === s ? i.w : s;
+      !e.hasNode(l) && !he(t, i) && (e.setNode(l, {}), e.setEdge(r, l, {}), n(l));
+    });
+  }
+  return e.nodes().forEach(n), e.nodeCount();
+}
+function uo(e, t) {
+  return t.edges().reduce((n, r) => {
+    let o = Number.POSITIVE_INFINITY;
+    return e.hasNode(r.v) !== e.hasNode(r.w) && (o = he(t, r)), o < n[0] ? [o, r] : n;
+  }, [Number.POSITIVE_INFINITY, null])[1];
+}
+function fo(e, t, n) {
+  e.nodes().forEach((r) => t.node(r).rank += n);
+}
+var { preorder: ho, postorder: go } = Xe, po = de;
+de.initLowLimValues = et;
+de.initCutValues = Qe;
+de.calcCutValue = cn;
+de.leaveEdge = fn;
+de.enterEdge = hn;
+de.exchangeEdges = gn;
+function de(e) {
+  e = Br(e), Ze(e);
+  let t = dn(e);
+  et(t), Qe(t, e);
+  let n, r;
+  for (; n = fn(t); ) r = hn(t, e, n), gn(t, e, n, r);
+}
+function Qe(e, t) {
+  let n = go(e, e.nodes());
+  n = n.slice(0, n.length - 1), n.forEach((r) => bo(e, t, r));
+}
+function bo(e, t, n) {
+  let r = e.node(n).parent, o = e.edge(n, r);
+  o.cutvalue = cn(e, t, n);
+}
+function cn(e, t, n) {
+  let r = e.node(n).parent, o = !0, i = t.edge(n, r), s = 0;
+  i || (o = !1, i = t.edge(r, n)), s = i.weight;
+  let l = t.nodeEdges(n);
+  return l && l.forEach((d) => {
+    let a = d.v === n, c = a ? d.w : d.v;
+    if (c !== r) {
+      let u = a === o, h = t.edge(d).weight;
+      if (s += u ? h : -h, mo(e, n, c)) {
+        let g = e.edge(n, c).cutvalue;
+        s += u ? -g : g;
+      }
+    }
+  }), s;
+}
+function et(e, t) {
+  arguments.length < 2 && (t = e.nodes()[0]), un(e, {}, 1, t);
+}
+function un(e, t, n, r, o) {
+  let i = n, s = e.node(r);
+  t[r] = !0;
+  let l = e.neighbors(r);
+  return l && l.forEach((d) => {
+    Object.hasOwn(t, d) || (n = un(e, t, n, d, r));
+  }), s.low = i, s.lim = n++, o ? s.parent = o : delete s.parent, n;
+}
+function fn(e) {
+  return e.edges().find((t) => e.edge(t).cutvalue < 0);
+}
+function hn(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 === Ct(e, e.node(a.v), l) && d !== Ct(e, e.node(a.w), l)).reduce((a, c) => he(t, c) < he(t, a) ? c : a);
+}
+function gn(e, t, n, r) {
+  let o = n.v, i = n.w;
+  e.removeEdge(o, i), e.setEdge(r.v, r.w, {}), et(e), Qe(e, t), yo(e, t);
+}
+function yo(e, t) {
+  let n = e.nodes().find((o) => !e.node(o).parent);
+  if (!n) return;
+  let r = ho(e, [n]);
+  r = r.slice(1), r.forEach((o) => {
+    let i = e.node(o).parent, s = t.edge(o, i), l = !1;
+    s || (s = t.edge(i, o), l = !0), t.node(o).rank = t.node(i).rank + (l ? s.minlen : -s.minlen);
+  });
+}
+function mo(e, t, n) {
+  return e.hasEdge(t, n);
+}
+function Ct(e, t, n) {
+  return n.low <= t.lim && t.lim <= n.lim;
+}
+var wo = vo;
+function vo(e) {
+  let t = e.graph().ranker;
+  if (typeof t == "function") return t(e);
+  switch (t) {
+    case "network-simplex":
+      It(e);
+      break;
+    case "tight-tree":
+      ko(e);
+      break;
+    case "longest-path":
+      Eo(e);
+      break;
+    case "none":
+      break;
+    default:
+      It(e);
+  }
+}
+var Eo = Ze;
+function ko(e) {
+  Ze(e), dn(e);
+}
+function It(e) {
+  po(e);
+}
+var xo = To;
+function To(e) {
+  let t = No(e);
+  e.graph().dummyChains.forEach((n) => {
+    let r = e.node(n), o = r.edgeObj, i = _o(e, t, o.v, o.w), s = i.path, l = i.lca, d = 0, a = s[d], c = !0;
+    for (; n !== o.w; ) {
+      if (r = e.node(n), c) {
+        for (; (a = s[d]) !== l && e.node(a).maxRank < r.rank; ) d++;
+        a === l && (c = !1);
+      }
+      if (!c) {
+        for (; d < s.length - 1 && e.node(s[d + 1]).minRank <= r.rank; ) d++;
+        a = s[d];
+      }
+      a !== void 0 && e.setParent(n, a), n = e.successors(n)[0];
+    }
+  });
+}
+function _o(e, t, n, r) {
+  let o = [], i = [], s = Math.min(t[n].low, t[r].low), l = Math.max(t[n].lim, t[r].lim), d;
+  d = n;
+  do
+    d = e.parent(d), o.push(d);
+  while (d && (t[d].low > s || l > t[d].lim));
+  let a = d, c = r;
+  for (; (c = e.parent(c)) !== a; ) i.push(c);
+  return { path: o.concat(i.reverse()), lca: a };
+}
+function No(e) {
+  let t = {}, n = 0;
+  function r(o) {
+    let i = n;
+    e.children(o).forEach(r), t[o] = { low: i, lim: n++ };
+  }
+  return e.children(Me).forEach(r), t;
+}
+function So(e) {
+  let t = ge(e, "root", {}, "_root"), n = Co(e), r = Object.values(n), o = X(Math.max, r) - 1, i = 2 * o + 1;
+  e.graph().nestingRoot = t, e.edges().forEach((l) => e.edge(l).minlen *= i);
+  let s = Io(e) + 1;
+  e.children(Me).forEach((l) => pn(e, t, i, s, o, n, l)), e.graph().nodeRankFactor = i;
+}
+function pn(e, t, n, r, o, i, s) {
+  var l;
+  let d = e.children(s);
+  if (!d.length) {
+    s !== t && e.setEdge(t, s, { weight: 0, minlen: n });
+    return;
+  }
+  let a = Nt(e, "_bt"), c = Nt(e, "_bb"), u = e.node(s);
+  e.setParent(a, s), u.borderTop = a, e.setParent(c, s), u.borderBottom = c, d.forEach((h) => {
+    var g;
+    pn(e, t, n, r, o, i, h);
+    let b = e.node(h), E = b.borderTop ? b.borderTop : h, y = b.borderBottom ? b.borderBottom : h, x = b.borderTop ? r : 2 * r, N = E !== y ? 1 : o - ((g = i[s]) != null ? g : 0) + 1;
+    e.setEdge(a, E, { weight: x, minlen: N, nestingEdge: !0 }), e.setEdge(y, c, { weight: x, minlen: N, nestingEdge: !0 });
+  }), e.parent(s) || e.setEdge(t, a, { weight: 0, minlen: o + ((l = i[s]) != null ? l : 0) });
+}
+function Co(e) {
+  let t = {};
+  function n(r, o) {
+    let i = e.children(r);
+    i && i.length && i.forEach((s) => n(s, o + 1)), t[r] = o;
+  }
+  return e.children(Me).forEach((r) => n(r, 1)), t;
+}
+function Io(e) {
+  return e.edges().reduce((t, n) => t + e.edge(n).weight, 0);
+}
+function Oo(e) {
+  let t = e.graph();
+  e.removeNode(t.nestingRoot), delete t.nestingRoot, e.edges().forEach((n) => {
+    e.edge(n).nestingEdge && e.removeEdge(n);
+  });
+}
+var Mo = jo;
+function jo(e) {
+  function t(n) {
+    let r = e.children(n), o = e.node(n);
+    if (r.length && r.forEach(t), Object.hasOwn(o, "minRank")) {
+      o.borderLeft = [], o.borderRight = [];
+      for (let i = o.minRank, s = o.maxRank + 1; i < s; ++i) Ot(e, "borderLeft", "_bl", n, o, i), Ot(e, "borderRight", "_br", n, o, i);
+    }
+  }
+  e.children(Me).forEach(t);
+}
+function Ot(e, t, n, r, o, i) {
+  let s = { width: 0, height: 0, rank: i, borderType: t }, l = o[t][i - 1], d = ge(e, "border", s, n);
+  o[t][i] = d, e.setParent(d, r), l && e.setEdge(l, d, { weight: 1 });
+}
+function Fo(e) {
+  var t;
+  let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
+  (n === "lr" || n === "rl") && bn(e);
+}
+function zo(e) {
+  var t;
+  let n = (t = e.graph().rankdir) == null ? void 0 : t.toLowerCase();
+  (n === "bt" || n === "rl") && Lo(e), (n === "lr" || n === "rl") && (Ao(e), bn(e));
+}
+function bn(e) {
+  e.nodes().forEach((t) => Mt(e.node(t))), e.edges().forEach((t) => Mt(e.edge(t)));
+}
+function Mt(e) {
+  let t = e.width;
+  e.width = e.height, e.height = t;
+}
+function Lo(e) {
+  e.nodes().forEach((t) => Re(e.node(t))), e.edges().forEach((t) => {
+    var n;
+    let r = e.edge(t);
+    (n = r.points) == null || n.forEach(Re), Object.hasOwn(r, "y") && Re(r);
+  });
+}
+function Re(e) {
+  e.y = -e.y;
+}
+function Ao(e) {
+  e.nodes().forEach((t) => Pe(e.node(t))), e.edges().forEach((t) => {
+    var n;
+    let r = e.edge(t);
+    (n = r.points) == null || n.forEach(Pe), Object.hasOwn(r, "x") && Pe(r);
+  });
+}
+function Pe(e) {
+  let t = e.x;
+  e.x = e.y, e.y = t;
+}
+function Do(e) {
+  let t = {}, n = e.nodes().filter((l) => !e.children(l).length), r = n.map((l) => e.node(l).rank), o = X(Math.max, r), i = me(o + 1).map(() => []);
+  function s(l) {
+    if (t[l]) return;
+    t[l] = !0;
+    let d = e.node(l);
+    i[d.rank].push(l);
+    let a = e.successors(l);
+    a && a.forEach(s);
+  }
+  return n.sort((l, d) => e.node(l).rank - e.node(d).rank).forEach(s), i;
+}
+function Ro(e, t) {
+  let n = 0;
+  for (let r = 1; r < t.length; ++r) n += Po(e, t[r - 1], t[r]);
+  return n;
+}
+function Po(e, t, n) {
+  let r = Ur(n, n.map((a, c) => c)), o = t.flatMap((a) => {
+    let c = e.outEdges(a);
+    return c ? c.map((u) => ({ pos: r[u.w], weight: e.edge(u).weight })).sort((u, h) => u.pos - h.pos) : [];
+  }), i = 1;
+  for (; i < n.length; ) i <<= 1;
+  let s = 2 * i - 1;
+  i -= 1;
+  let l = new Array(s).fill(0), d = 0;
+  return o.forEach((a) => {
+    let c = a.pos + i;
+    l[c] += a.weight;
+    let u = 0;
+    for (; c > 0; ) c % 2 && (u += l[c + 1]), c = c - 1 >> 1, l[c] += a.weight;
+    d += a.weight * u;
+  }), d;
+}
+function Bo(e, t = []) {
+  return t.map((n) => {
+    let r = e.inEdges(n);
+    if (!r || !r.length) return { v: n };
+    {
+      let o = r.reduce((i, s) => {
+        let l = e.edge(s), d = e.node(s.v);
+        return { sum: i.sum + l.weight * d.order, weight: i.weight + l.weight };
+      }, { sum: 0, weight: 0 });
+      return { v: n, barycenter: o.sum / o.weight, weight: o.weight };
+    }
+  });
+}
+function Wo(e, t) {
+  let n = {};
+  e.forEach((o, i) => {
+    let s = { indegree: 0, in: [], out: [], vs: [o.v], i };
+    o.barycenter !== void 0 && (s.barycenter = o.barycenter, s.weight = o.weight), n[o.v] = s;
+  }), t.edges().forEach((o) => {
+    let i = n[o.v], s = n[o.w];
+    i !== void 0 && s !== void 0 && (s.indegree++, i.out.push(s));
+  });
+  let r = Object.values(n).filter((o) => !o.indegree);
+  return Go(r);
+}
+function Go(e) {
+  let t = [];
+  function n(o) {
+    return (i) => {
+      i.merged || (i.barycenter === void 0 || o.barycenter === void 0 || i.barycenter >= o.barycenter) && $o(o, i);
+    };
+  }
+  function r(o) {
+    return (i) => {
+      i.in.push(o), --i.indegree === 0 && e.push(i);
+    };
+  }
+  for (; e.length; ) {
+    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) => Ie(o, ["vs", "i", "barycenter", "weight"]));
+}
+function $o(e, t) {
+  let n = 0, r = 0;
+  e.weight && (n += e.barycenter * e.weight, r += e.weight), t.weight && (n += t.barycenter * t.weight, r += t.weight), e.vs = t.vs.concat(e.vs), e.barycenter = n / r, e.weight = r, e.i = Math.min(t.i, e.i), t.merged = !0;
+}
+function Yo(e, t) {
+  let n = Yr(e, (c) => Object.hasOwn(c, "barycenter")), r = n.lhs, o = n.rhs.sort((c, u) => u.i - c.i), i = [], s = 0, l = 0, d = 0;
+  r.sort(Ko(!!t)), d = jt(i, o, d), r.forEach((c) => {
+    d += c.vs.length, i.push(c.vs), s += c.barycenter * c.weight, l += c.weight, d = jt(i, o, d);
+  });
+  let a = { vs: i.flat(1) };
+  return l && (a.barycenter = s / l, a.weight = l), a;
+}
+function jt(e, t, n) {
+  let r;
+  for (; t.length && (r = t[t.length - 1]).i <= n; ) t.pop(), e.push(r.vs), n++;
+  return n;
+}
+function Ko(e) {
+  return (t, n) => t.barycenter < n.barycenter ? -1 : t.barycenter > n.barycenter ? 1 : e ? n.i - t.i : t.i - n.i;
+}
+function yn(e, t, n, r) {
+  let o = e.children(t), i = e.node(t), s = i ? i.borderLeft : void 0, l = i ? i.borderRight : void 0, d = {};
+  s && (o = o.filter((h) => h !== s && h !== l));
+  let a = Bo(e, o);
+  a.forEach((h) => {
+    if (e.children(h.v).length) {
+      let g = yn(e, h.v, n, r);
+      d[h.v] = g, Object.hasOwn(g, "barycenter") && Vo(h, g);
+    }
+  });
+  let c = Wo(a, n);
+  Uo(c, d);
+  let u = Yo(c, r);
+  if (s && l) {
+    u.vs = [s, u.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(u, "barycenter") || (u.barycenter = 0, u.weight = 0), u.barycenter = (u.barycenter * u.weight + g.order + E.order) / (u.weight + 2), u.weight += 2;
+    }
+  }
+  return u;
+}
+function Uo(e, t) {
+  e.forEach((n) => {
+    n.vs = n.vs.flatMap((r) => t[r] ? t[r].vs : r);
+  });
+}
+function Vo(e, t) {
+  e.barycenter !== void 0 ? (e.barycenter = (e.barycenter * e.weight + t.barycenter * t.weight) / (e.weight + t.weight), e.weight += t.weight) : (e.barycenter = t.barycenter, e.weight = t.weight);
+}
+function Ho(e, t, n, r) {
+  r || (r = e.nodes());
+  let o = qo(e), i = new K({ compound: !0 }).setGraph({ root: o }).setDefaultNodeLabel((s) => e.node(s));
+  return r.forEach((s) => {
+    let l = e.node(s), d = e.parent(s);
+    if (l.rank === t || l.minRank <= t && t <= l.maxRank) {
+      i.setNode(s), i.setParent(s, d || o);
+      let a = e[n](s);
+      a && a.forEach((c) => {
+        let u = c.v === s ? c.w : c.v, h = i.edge(u, s), g = h !== void 0 ? h.weight : 0;
+        i.setEdge(u, s, { weight: e.edge(c).weight + g });
+      }), Object.hasOwn(l, "minRank") && i.setNode(s, { borderLeft: l.borderLeft[t], borderRight: l.borderRight[t] });
+    }
+  }), i;
+}
+function qo(e) {
+  let t;
+  for (; e.hasNode(t = Je("_root")); ) ;
+  return t;
+}
+function Xo(e, t, n) {
+  let r = {}, o;
+  n.forEach((i) => {
+    let s = e.parent(i), l, d;
+    for (; s; ) {
+      if (l = e.parent(s), l ? (d = r[l], r[l] = s) : (d = o, o = s), d && d !== s) {
+        t.setEdge(d, s);
+        return;
+      }
+      s = l;
+    }
+  });
+}
+function mn(e, t = {}) {
+  if (typeof t.customOrder == "function") {
+    t.customOrder(e, mn);
+    return;
+  }
+  let n = sn(e), r = Ft(e, me(1, n + 1), "inEdges"), o = Ft(e, me(n - 1, -1, -1), "outEdges"), i = Do(e);
+  if (zt(e, i), t.disableOptimalOrderHeuristic) return;
+  let s = Number.POSITIVE_INFINITY, l, d = t.constraints || [];
+  for (let a = 0, c = 0; c < 4; ++a, ++c) {
+    Jo(a % 2 ? r : o, a % 4 >= 2, d), i = ve(e);
+    let u = Ro(e, i);
+    u < s ? (c = 0, l = Object.assign({}, i), s = u) : u === s && (l = structuredClone(i));
+  }
+  zt(e, l);
+}
+function Ft(e, t, n) {
+  let r = /* @__PURE__ */ new Map(), o = (i, s) => {
+    r.has(i) || r.set(i, []), r.get(i).push(s);
+  };
+  for (let i of e.nodes()) {
+    let s = e.node(i);
+    if (typeof s.rank == "number" && o(s.rank, i), typeof s.minRank == "number" && typeof s.maxRank == "number") for (let l = s.minRank; l <= s.maxRank; l++) l !== s.rank && o(l, i);
+  }
+  return t.map(function(i) {
+    return Ho(e, i, n, r.get(i) || []);
+  });
+}
+function Jo(e, t, n) {
+  let r = new K();
+  e.forEach(function(o) {
+    n.forEach((l) => r.setEdge(l.left, l.right));
+    let i = o.graph().root, s = yn(o, i, r, t);
+    s.vs.forEach((l, d) => o.node(l).order = d), Xo(o, r, s.vs);
+  });
+}
+function zt(e, t) {
+  Object.values(t).forEach((n) => n.forEach((r, o) => e.node(r).order = o));
+}
+function Zo(e, t) {
+  let n = {};
+  function r(o, i) {
+    let s = 0, l = 0, d = o.length, a = i[i.length - 1];
+    return i.forEach((c, u) => {
+      let h = ei(e, c), g = h ? e.node(h).order : d;
+      (h || c === a) && (i.slice(l, u + 1).forEach((b) => {
+        let E = e.predecessors(b);
+        E && E.forEach((y) => {
+          let x = e.node(y), N = x.order;
+          (N < s || g < N) && !(x.dummy && e.node(b).dummy) && wn(n, y, b);
+        });
+      }), l = u + 1, s = g);
+    }), i;
+  }
+  return t.length && t.reduce(r), n;
+}
+function Qo(e, t) {
+  let n = {};
+  function r(i, s, l, d, a) {
+    me(s, l).forEach((c) => {
+      let u = i[c];
+      if (u !== void 0 && e.node(u).dummy) {
+        let h = e.predecessors(u);
+        h && h.forEach((g) => {
+          if (g === void 0) return;
+          let b = e.node(g);
+          b.dummy && (b.order < d || b.order > a) && wn(n, g, u);
+        });
+      }
+    });
+  }
+  function o(i, s) {
+    let l = -1, d = -1, a = 0;
+    return s.forEach((c, u) => {
+      if (e.node(c).dummy === "border") {
+        let h = e.predecessors(c);
+        if (h && h.length) {
+          let g = h[0];
+          if (g === void 0) return;
+          d = e.node(g).order, r(s, a, u, l, d), a = u, l = d;
+        }
+      }
+      r(s, a, s.length, d, i.length);
+    }), s;
+  }
+  return t.length && t.reduce(o), n;
+}
+function ei(e, t) {
+  if (e.node(t).dummy) {
+    let n = e.predecessors(t);
+    if (n) return n.find((r) => e.node(r).dummy);
+  }
+}
+function wn(e, t, n) {
+  if (t > n) {
+    let o = t;
+    t = n, n = o;
+  }
+  let r = e[t];
+  r || (e[t] = r = {}), r[n] = !0;
+}
+function ti(e, t, n) {
+  if (t > n) {
+    let o = t;
+    t = n, n = o;
+  }
+  let r = e[t];
+  return r !== void 0 && Object.hasOwn(r, n);
+}
+function ni(e, t, n, r) {
+  let o = {}, i = {}, s = {};
+  return t.forEach((l) => {
+    l.forEach((d, a) => {
+      o[d] = d, i[d] = d, s[d] = a;
+    });
+  }), t.forEach((l) => {
+    let d = -1;
+    l.forEach((a) => {
+      let c = r(a);
+      if (c && c.length) {
+        let u = c.sort((g, b) => {
+          let E = s[g], y = s[b];
+          return (E !== void 0 ? E : 0) - (y !== void 0 ? y : 0);
+        }), h = (u.length - 1) / 2;
+        for (let g = Math.floor(h), b = Math.ceil(h); g <= b; ++g) {
+          let E = u[g];
+          if (E === void 0) continue;
+          let y = s[E];
+          if (y !== void 0 && i[a] === a && d < y && !ti(n, a, E)) {
+            let x = o[E];
+            x !== void 0 && (i[E] = a, i[a] = o[a] = x, d = y);
+          }
+        }
+      }
+    });
+  }), { root: o, align: i };
+}
+function ri(e, t, n, r, o = !1) {
+  let i = {}, s = oi(e, t, n, o), l = o ? "borderLeft" : "borderRight";
+  function d(g, b) {
+    let E = s.nodes().slice(), y = {}, x = E.pop();
+    for (; x; ) {
+      if (y[x]) g(x);
+      else {
+        y[x] = !0, E.push(x);
+        for (let N of b(x)) E.push(N);
+      }
+      x = E.pop();
+    }
+  }
+  function a(g) {
+    let b = s.inEdges(g);
+    b ? i[g] = b.reduce((E, y) => {
+      var x;
+      let N = (x = i[y.v]) != null ? x : 0, O = s.edge(y);
+      return Math.max(E, N + (O !== void 0 ? O : 0));
+    }, 0) : i[g] = 0;
+  }
+  function c(g) {
+    let b = s.outEdges(g), E = Number.POSITIVE_INFINITY;
+    b && (E = b.reduce((x, N) => {
+      let O = i[N.w], F = s.edge(N);
+      return Math.min(x, (O !== void 0 ? O : 0) - (F !== void 0 ? F : 0));
+    }, Number.POSITIVE_INFINITY));
+    let y = e.node(g);
+    E !== Number.POSITIVE_INFINITY && y.borderType !== l && (i[g] = Math.max(i[g] !== void 0 ? i[g] : 0, E));
+  }
+  function u(g) {
+    return s.predecessors(g) || [];
+  }
+  function h(g) {
+    return s.successors(g) || [];
+  }
+  return d(a, u), 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);
+  }), i;
+}
+function oi(e, t, n, r) {
+  let o = new K(), i = e.graph(), s = di(i.nodesep, i.edgesep, r);
+  return t.forEach((l) => {
+    let d;
+    l.forEach((a) => {
+      let c = n[a];
+      if (c !== void 0) {
+        if (o.setNode(c), d !== void 0) {
+          let u = n[d];
+          if (u !== void 0) {
+            let h = o.edge(u, c);
+            o.setEdge(u, c, Math.max(s(e, a, d), h || 0));
+          }
+        }
+        d = a;
+      }
+    });
+  }), o;
+}
+function ii(e, t) {
+  return Object.values(t).reduce((n, r) => {
+    let o = Number.NEGATIVE_INFINITY, i = Number.POSITIVE_INFINITY;
+    Object.entries(r).forEach(([l, d]) => {
+      let a = ci(e, l) / 2;
+      o = Math.max(d + a, o), i = Math.min(d - a, i);
+    });
+    let s = o - i;
+    return s < n[0] && (n = [s, r]), n;
+  }, [Number.POSITIVE_INFINITY, null])[1];
+}
+function si(e, t) {
+  let n = Object.values(t), r = X(Math.min, n), o = X(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 - X(Math.min, a);
+      s !== "l" && (c = o - X(Math.max, a)), c && (e[l] = Oe(d, (u) => u + c));
+    });
+  });
+}
+function li(e, t = void 0) {
+  let n = e.ul;
+  return n ? Oe(n, (r, o) => {
+    var i, s;
+    if (t) {
+      let d = t.toLowerCase(), a = e[d];
+      if (a && a[o] !== void 0) return a[o];
+    }
+    let l = Object.values(e).map((d) => {
+      let a = d[o];
+      return a !== void 0 ? a : 0;
+    }).sort((d, a) => d - a);
+    return (((i = l[1]) != null ? i : 0) + ((s = l[2]) != null ? s : 0)) / 2;
+  }) : {};
+}
+function ai(e) {
+  let t = ve(e), n = Object.assign(Zo(e, t), Qo(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 = ni(e, o, n, (c) => (s === "u" ? e.predecessors(c) : e.successors(c)) || []), a = ri(e, o, d.root, d.align, l === "r");
+      l === "r" && (a = Oe(a, (c) => -c)), r[s + l] = a;
+    });
+  });
+  let i = ii(e, r);
+  return si(r, i), li(r, e.graph().align);
+}
+function di(e, t, n) {
+  return (r, o, i) => {
+    let s = r.node(o), l = r.node(i), d = 0, a;
+    if (d += s.width / 2, Object.hasOwn(s, "labelpos")) switch (s.labelpos.toLowerCase()) {
+      case "l":
+        a = -s.width / 2;
+        break;
+      case "r":
+        a = s.width / 2;
+        break;
+    }
+    if (a && (d += n ? a : -a), a = void 0, d += (s.dummy ? t : e) / 2, d += (l.dummy ? t : e) / 2, d += l.width / 2, Object.hasOwn(l, "labelpos")) switch (l.labelpos.toLowerCase()) {
+      case "l":
+        a = l.width / 2;
+        break;
+      case "r":
+        a = -l.width / 2;
+        break;
+    }
+    return a && (d += n ? a : -a), d;
+  };
+}
+function ci(e, t) {
+  return e.node(t).width;
+}
+function ui(e) {
+  e = rn(e), fi(e), Object.entries(ai(e)).forEach(([t, n]) => e.node(t).x = n);
+}
+function fi(e) {
+  let t = ve(e), n = e.graph(), r = n.ranksep, o = n.rankalign, i = 0;
+  t.forEach((s) => {
+    let l = s.reduce((d, a) => {
+      var c;
+      let u = (c = e.node(a).height) != null ? c : 0;
+      return d > u ? d : u;
+    }, 0);
+    s.forEach((d) => {
+      let a = e.node(d);
+      o === "top" ? a.y = i + a.height / 2 : o === "bottom" ? a.y = i + l - a.height / 2 : a.y = i + l / 2;
+    }), i += l + r;
+  });
+}
+function hi(e, t = {}) {
+  let n = t.debugTiming ? ln : an;
+  return n("layout", () => {
+    let r = n("  buildLayoutGraph", () => xi(e));
+    return n("  runLayout", () => gi(r, n, t)), n("  updateInputGraph", () => pi(e, r)), r;
+  });
+}
+function gi(e, t, n) {
+  t("    makeSpaceForEdgeLabels", () => Ti(e)), t("    removeSelfEdges", () => Fi(e)), t("    acyclic", () => no(e)), t("    nestingGraph.run", () => So(e)), t("    rank", () => wo(rn(e))), t("    injectEdgeLabelProxies", () => _i(e)), t("    removeEmptyRanks", () => Gr(e)), t("    nestingGraph.cleanup", () => Oo(e)), t("    normalizeRanks", () => Wr(e)), t("    assignRankMinMax", () => Ni(e)), t("    removeEdgeLabelProxies", () => Si(e)), t("    normalize.run", () => io(e)), t("    parentDummyChains", () => xo(e)), t("    addBorderSegments", () => Mo(e)), t("    order", () => mn(e, n)), t("    insertSelfEdges", () => zi(e)), t("    adjustCoordinateSystem", () => Fo(e)), t("    position", () => ui(e)), t("    positionSelfEdges", () => Li(e)), t("    removeBorderNodes", () => ji(e)), t("    normalize.undo", () => lo(e)), t("    fixupEdgeLabelCoords", () => Oi(e)), t("    undoCoordinateSystem", () => zo(e)), t("    translateGraph", () => Ci(e)), t("    assignNodeIntersects", () => Ii(e)), t("    reversePoints", () => Mi(e)), t("    acyclic.undo", () => oo(e));
+}
+function pi(e, t) {
+  e.nodes().forEach((n) => {
+    let r = e.node(n), o = t.node(n);
+    r && (r.x = o.x, r.y = o.y, r.order = o.order, r.rank = o.rank, t.children(n).length && (r.width = o.width, r.height = o.height));
+  }), e.edges().forEach((n) => {
+    let r = e.edge(n), o = t.edge(n);
+    r.points = o.points, Object.hasOwn(o, "x") && (r.x = o.x, r.y = o.y);
+  }), e.graph().width = t.graph().width, e.graph().height = t.graph().height;
+}
+var bi = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], yi = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "TB", rankalign: "center" }, mi = ["acyclicer", "ranker", "rankdir", "align", "rankalign"], wi = ["width", "height", "rank"], Lt = { width: 0, height: 0 }, vi = ["minlen", "weight", "width", "height", "labeloffset"], Ei = { minlen: 1, weight: 1, width: 0, height: 0, labeloffset: 10, labelpos: "r" }, ki = ["labelpos"];
+function xi(e) {
+  let t = new K({ multigraph: !0, compound: !0 }), n = We(e.graph());
+  return t.setGraph(Object.assign({}, yi, Be(n, bi), Ie(n, mi))), e.nodes().forEach((r) => {
+    let o = We(e.node(r)), i = Be(o, wi);
+    Object.keys(Lt).forEach((l) => {
+      i[l] === void 0 && (i[l] = Lt[l]);
+    }), t.setNode(r, i);
+    let s = e.parent(r);
+    s !== void 0 && t.setParent(r, s);
+  }), e.edges().forEach((r) => {
+    let o = We(e.edge(r));
+    t.setEdge(r, Object.assign({}, Ei, Be(o, vi), Ie(o, ki)));
+  }), t;
+}
+function Ti(e) {
+  let t = e.graph();
+  t.ranksep /= 2, e.edges().forEach((n) => {
+    let r = e.edge(n);
+    r.minlen *= 2, r.labelpos.toLowerCase() !== "c" && (t.rankdir === "TB" || t.rankdir === "BT" ? r.width += r.labeloffset : r.height += r.labeloffset);
+  });
+}
+function _i(e) {
+  e.edges().forEach((t) => {
+    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 };
+      ge(e, "edge-proxy", o, "_ep");
+    }
+  });
+}
+function Ni(e) {
+  let t = 0;
+  e.nodes().forEach((n) => {
+    let r = e.node(n);
+    r.borderTop && (r.minRank = e.node(r.borderTop).rank, r.maxRank = e.node(r.borderBottom).rank, t = Math.max(t, r.maxRank));
+  }), e.graph().maxRank = t;
+}
+function Si(e) {
+  e.nodes().forEach((t) => {
+    let n = e.node(t);
+    if (n.dummy === "edge-proxy") {
+      let r = n;
+      e.edge(r.e).labelRank = n.rank, e.removeNode(t);
+    }
+  });
+}
+function Ci(e) {
+  let t = Number.POSITIVE_INFINITY, n = 0, r = Number.POSITIVE_INFINITY, o = 0, i = e.graph(), s = i.marginx || 0, l = i.marginy || 0;
+  function d(a) {
+    let c = a.x, u = a.y, h = a.width, g = a.height;
+    t = Math.min(t, c - h / 2), n = Math.max(n, c + h / 2), r = Math.min(r, u - g / 2), o = Math.max(o, u + g / 2);
+  }
+  e.nodes().forEach((a) => d(e.node(a))), e.edges().forEach((a) => {
+    let c = e.edge(a);
+    Object.hasOwn(c, "x") && d(c);
+  }), t -= s, r -= l, e.nodes().forEach((a) => {
+    let c = e.node(a);
+    c.x -= t, c.y -= r;
+  }), e.edges().forEach((a) => {
+    let c = e.edge(a);
+    c.points.forEach((u) => {
+      u.x -= t, u.y -= r;
+    }), Object.hasOwn(c, "x") && (c.x -= t), Object.hasOwn(c, "y") && (c.y -= r);
+  }), i.width = n - t + s, i.height = o - r + l;
+}
+function Ii(e) {
+  e.edges().forEach((t) => {
+    let n = e.edge(t), r = e.node(t.v), o = e.node(t.w), i, s;
+    n.points ? (i = n.points[0], s = n.points[n.points.length - 1]) : (n.points = [], i = o, s = r), n.points.unshift(_t(r, i)), n.points.push(_t(o, s));
+  });
+}
+function Oi(e) {
+  e.edges().forEach((t) => {
+    let n = e.edge(t);
+    if (Object.hasOwn(n, "x")) switch ((n.labelpos === "l" || n.labelpos === "r") && (n.width -= n.labeloffset), n.labelpos) {
+      case "l":
+        n.x -= n.width / 2 + n.labeloffset;
+        break;
+      case "r":
+        n.x += n.width / 2 + n.labeloffset;
+        break;
+    }
+  });
+}
+function Mi(e) {
+  e.edges().forEach((t) => {
+    let n = e.edge(t);
+    n.reversed && n.points.reverse();
+  });
+}
+function ji(e) {
+  e.nodes().forEach((t) => {
+    if (e.children(t).length) {
+      let n = e.node(t), r = e.node(n.borderTop), o = e.node(n.borderBottom), i = e.node(n.borderLeft[n.borderLeft.length - 1]), s = e.node(n.borderRight[n.borderRight.length - 1]);
+      n.width = Math.abs(s.x - i.x), n.height = Math.abs(o.y - r.y), n.x = i.x + n.width / 2, n.y = r.y + n.height / 2;
+    }
+  }), e.nodes().forEach((t) => {
+    e.node(t).dummy === "border" && e.removeNode(t);
+  });
+}
+function Fi(e) {
+  e.edges().forEach((t) => {
+    if (t.v === t.w) {
+      let n = e.node(t.v);
+      n.selfEdges || (n.selfEdges = []), n.selfEdges.push({ e: t, label: e.edge(t) }), e.removeEdge(t);
+    }
+  });
+}
+function zi(e) {
+  ve(e).forEach((t) => {
+    let n = 0;
+    t.forEach((r, o) => {
+      let i = e.node(r);
+      i.order = o + n, (i.selfEdges || []).forEach((s) => {
+        ge(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 Li(e) {
+  e.nodes().forEach((t) => {
+    let n = e.node(t);
+    if (n.dummy === "selfedge") {
+      let r = n, o = e.node(r.e.v), i = o.x + o.width / 2, s = o.y, l = n.x - i, d = o.height / 2;
+      e.setEdge(r.e, r.label), e.removeNode(t), r.label.points = [{ x: i + 2 * l / 3, y: s - d }, { x: i + 5 * l / 6, y: s - d }, { x: i + l, y: s }, { x: i + 5 * l / 6, y: s + d }, { x: i + 2 * l / 3, y: s + d }], r.label.x = n.x, r.label.y = n.y;
+    }
+  });
+}
+function Be(e, t) {
+  return Oe(Ie(e, t), Number);
+}
+function We(e) {
+  let t = {};
+  return e && Object.entries(e).forEach(([n, r]) => {
+    typeof n == "string" && (n = n.toLowerCase()), t[n] = r;
+  }), t;
+}
+function Ai(e) {
+  let t = ve(e), n = new K({ compound: !0, multigraph: !0 }).setGraph({});
+  return e.nodes().forEach((r) => {
+    n.setNode(r, { label: r }), n.setParent(r, "layer" + e.node(r).rank);
+  }), e.edges().forEach((r) => n.setEdge(r.v, r.w, {}, r.name)), t.forEach((r, o) => {
+    let i = "layer" + o;
+    n.setNode(i, { rank: "same" }), r.reduce((s, l) => (n.setEdge(s, l, { style: "invis" }), l));
+  }), n;
+}
+var Di = { graphlib: Ht, version: Vr, layout: hi, debug: Ai, util: { time: ln, notime: an } }, At = Di;
+/*! For license information please see dagre.esm.js.LEGAL.txt */
+const Ri = (e) => {
+  const t = [];
+  return e.nodeInternals.forEach((n, r) => t.push(`${r}:${n.height ?? 0}`)), t.join(",");
+}, Pi = ({ onHeightsReady: e, nodeCount: t }) => {
+  const n = On(Ri), r = vt("");
+  vt(0);
+  const { fitView: o } = Mn();
+  return re(() => {
+    if (!n || n === r.current) return;
+    const i = {};
+    for (const s of n.split(",")) {
+      const [l, d] = s.split(":"), a = Number(d);
+      l && a > 0 && (i[l] = a);
+    }
+    Object.keys(i).length !== 0 && (r.current = n, e(i));
+  }, [n]), null;
+}, je = ({ isOpen: e, onClose: t, title: n, icon: r, children: o, footer: i, width: s = 600 }) => {
+  const [l, d] = M(!1), a = () => d((h) => !h), c = () => /* @__PURE__ */ v(Q, { sx: { display: "flex", alignItems: "center", p: 2, pt: 3, borderBottom: "1px solid #e0e0e0", mb: 0, flexShrink: 0 }, children: [
+    r && /* @__PURE__ */ f(Q, { sx: { mr: 1.5, display: "flex", alignItems: "center", fontSize: "1.25rem", color: "#1DBF60" }, children: r }),
+    /* @__PURE__ */ f("span", { style: { flexGrow: 1, fontSize: 14, fontWeight: 500, color: "#212121" }, children: n }),
+    /* @__PURE__ */ f(Et, { onClick: a, size: "small", sx: { mr: 1 }, title: l ? "Collapse" : "Expand", "data-testid": "expand-collapse-base-drawer-btn", children: l ? /* @__PURE__ */ f(lr, {}) : /* @__PURE__ */ f(ar, {}) }),
+    /* @__PURE__ */ f(Et, { onClick: t, size: "small", "data-testid": "close-drawer-button", children: /* @__PURE__ */ f(Un, {}) })
+  ] }), u = () => i ? /* @__PURE__ */ f(Q, { sx: { flexShrink: 0, p: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 2 }, children: i }) : null;
+  return l ? /* @__PURE__ */ v(Gn, { open: e, onClose: t, maxWidth: !1, fullWidth: !0, PaperProps: { sx: { display: "flex", flexDirection: "column", height: "80vh", boxShadow: 24, width: "750px", maxWidth: "100%" } }, children: [
+    /* @__PURE__ */ f(c, {}),
+    /* @__PURE__ */ f(Q, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+    /* @__PURE__ */ f(u, {})
+  ] }) : /* @__PURE__ */ v(
+    $n,
+    {
+      anchor: "right",
+      open: e,
+      onClose: t,
+      variant: "persistent",
+      sx: { zIndex: 900 },
+      ModalProps: { keepMounted: !1 },
+      PaperProps: {
+        sx: {
+          width: s,
+          position: "fixed",
+          top: "64px",
+          height: "calc(100% - 74px)",
+          right: "10px",
+          borderRadius: "8px",
+          border: "1px solid #bdbdbd",
+          boxShadow: "none",
+          zIndex: 900,
+          display: "flex",
+          flexDirection: "column"
+        }
+      },
+      children: [
+        /* @__PURE__ */ f(c, {}),
+        /* @__PURE__ */ f(Q, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: o }),
+        /* @__PURE__ */ f(u, {})
+      ]
+    }
+  );
+}, Bi = ({
+  open: e,
+  templates: t,
+  messages: n,
+  onSelect: r,
+  onClose: o,
+  loadTriggerSources: i
+}) => {
+  const [s, l] = M("trigger"), [d, a] = M(null), [c, u] = M([]), [h, g] = M([]), [b, E] = M(!1), [y, x] = M(null);
+  re(() => {
+    e || (l("trigger"), a(null), u([]), g([]), E(!1), x(null));
+  }, [e]);
+  const N = $(async (z) => {
+    if (!i) {
+      r(z);
+      return;
+    }
+    a(z), E(!0), x(null);
+    try {
+      const R = await i(z.triggerKey);
+      if (!R || R.length === 0) {
+        r(z);
+        return;
+      }
+      u(R), l("sources");
+    } catch (R) {
+      x(R instanceof Error ? R.message : "Failed to load sources.");
+    } finally {
+      E(!1);
+    }
+  }, [i, r]), O = () => {
+    l("trigger"), a(null), u([]), g([]), x(null);
+  }, F = () => {
+    d && r(d, h);
+  }, j = s === "sources" && d, W = j ? /* @__PURE__ */ v(ye, { children: [
+    /* @__PURE__ */ f(Ne, { type: "button", variant: "outlined", size: "small", onClick: O, children: n.cancel ?? "Back" }),
+    /* @__PURE__ */ f(
+      Ne,
+      {
+        type: "button",
+        variant: "contained",
+        size: "small",
+        onClick: F,
+        disabled: h.length === 0,
+        children: n.save ?? "Continue"
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ f(
+    je,
+    {
+      isOpen: e,
+      onClose: o,
+      title: j ? d.label : n.addTriggerTitle,
+      icon: /* @__PURE__ */ f(sr, {}),
+      width: 500,
+      footer: W,
+      children: /* @__PURE__ */ v(Q, { sx: { p: 2 }, children: [
+        !j && /* @__PURE__ */ v(ye, { children: [
+          /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: n.chooseTrigger }),
+          /* @__PURE__ */ v("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: [
+            t.map((z) => /* @__PURE__ */ v(
+              "div",
+              {
+                className: "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-start ff-gap-3",
+                style: { cursor: b ? "wait" : "pointer", transition: "background 0.15s", opacity: b ? 0.6 : 1 },
+                onClick: () => !b && N(z),
+                role: "button",
+                tabIndex: 0,
+                onKeyDown: (R) => {
+                  R.key === "Enter" && !b && N(z);
+                },
+                onMouseEnter: (R) => {
+                  b || (R.currentTarget.style.background = "#f5f5f5");
+                },
+                onMouseLeave: (R) => {
+                  R.currentTarget.style.background = "";
+                },
+                children: [
+                  /* @__PURE__ */ f("div", { style: { color: z.triggerCategory === "scheduler" ? "#1976d2" : "#f57c00", marginTop: 2, flexShrink: 0 }, children: z.triggerCategory === "scheduler" ? /* @__PURE__ */ f(Vn, { size: 18 }) : /* @__PURE__ */ f(Hn, { size: 18 }) }),
+                  /* @__PURE__ */ v("div", { children: [
+                    /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: z.label }),
+                    z.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: z.description })
+                  ] })
+                ]
+              },
+              z.triggerKey
+            )),
+            t.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noTriggers })
+          ] }),
+          b && /* @__PURE__ */ v(Q, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 2, fontSize: 12, color: "#64748b" }, children: [
+            /* @__PURE__ */ f(Yn, { size: 14 }),
+            /* @__PURE__ */ f("span", { children: "Loading sources for the selected trigger…" })
+          ] }),
+          y && /* @__PURE__ */ f("p", { style: { fontSize: 12, color: "#d32f2f", marginTop: 12 }, children: y })
+        ] }),
+        j && /* @__PURE__ */ v(ye, { children: [
+          /* @__PURE__ */ v(
+            "div",
+            {
+              role: "button",
+              tabIndex: 0,
+              onClick: O,
+              onKeyDown: (z) => {
+                z.key === "Enter" && O();
+              },
+              className: "ff-d-flex ff-align-items-center ff-gap-1 ff-mb-3",
+              style: { cursor: "pointer", color: "#0066cc", fontSize: 13, fontWeight: 500, width: "fit-content" },
+              children: [
+                /* @__PURE__ */ f(Wt, { size: 16 }),
+                /* @__PURE__ */ f("span", { children: n.addTriggerTitle })
+              ]
+            }
+          ),
+          /* @__PURE__ */ v("p", { className: "ff-text-muted ff-mb-2", style: { fontSize: 13 }, children: [
+            "Pick one or more sources for ",
+            /* @__PURE__ */ f("strong", { children: d.label }),
+            ":"
+          ] }),
+          /* @__PURE__ */ f(
+            Kn,
+            {
+              isMulti: !0,
+              options: c,
+              value: h,
+              onChange: (z) => g(z ?? []),
+              placeholder: "Select sources…",
+              menuPosition: "fixed",
+              menuPortalTarget: typeof document < "u" ? document.body : void 0,
+              styles: dr(!1, !0)
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, Ge = {
+  cursor: "pointer",
+  transition: "background 0.15s"
+}, $e = "ff-p-3 ff-rounded ff-border ff-d-flex ff-align-items-center ff-gap-3", Wi = ({ open: e, availableDescriptors: t, messages: n, onSelect: r, onClose: o }) => {
+  const { apps: i, ungrouped: s } = Y(() => {
+    const u = /* @__PURE__ */ new Map(), h = [];
+    for (const g of t)
+      if (g.app) {
+        const b = u.get(g.app.key);
+        b ? b.descriptors.push(g) : u.set(g.app.key, {
+          key: g.app.key,
+          label: g.app.label,
+          icon: g.app.icon,
+          description: g.app.description,
+          descriptors: [g]
+        });
+      } else
+        h.push(g);
+    return { apps: [...u.values()], ungrouped: h };
+  }, [t]), [l, d] = M(null), a = l ? i.find((u) => u.key === l) ?? null : null;
+  re(() => {
+    e || d(null);
+  }, [e]), re(() => {
+    d(null);
+  }, [t]);
+  const c = !a;
+  return /* @__PURE__ */ f(
+    je,
+    {
+      isOpen: e,
+      onClose: o,
+      title: c ? n.addStepTitle : a.label,
+      icon: c ? /* @__PURE__ */ f(qn, {}) : a.icon ?? /* @__PURE__ */ f(Xn, {}),
+      width: 500,
+      children: /* @__PURE__ */ v(Q, { sx: { p: 2 }, children: [
+        !c && /* @__PURE__ */ v(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: () => d(null),
+            onKeyDown: (u) => {
+              u.key === "Enter" && d(null);
+            },
+            className: "ff-d-flex ff-align-items-center ff-gap-1 ff-mb-3",
+            style: { cursor: "pointer", color: "#0066cc", fontSize: 13, fontWeight: 500, width: "fit-content" },
+            children: [
+              /* @__PURE__ */ f(Wt, { size: 16 }),
+              /* @__PURE__ */ f("span", { children: n.addStepTitle })
+            ]
+          }
+        ),
+        /* @__PURE__ */ f("p", { className: "ff-text-muted ff-mb-3", style: { fontSize: 13 }, children: c ? n.chooseAction : `Pick an action from ${a.label}` }),
+        /* @__PURE__ */ f("div", { className: "ff-d-flex ff-flex-column ff-gap-2", children: c ? /* @__PURE__ */ v(ye, { children: [
+          i.map((u) => /* @__PURE__ */ v(
+            "div",
+            {
+              className: $e,
+              style: Ge,
+              onClick: () => d(u.key),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (h) => {
+                h.key === "Enter" && d(u.key);
+              },
+              onMouseEnter: (h) => {
+                h.currentTarget.style.background = "#f5f5f5";
+              },
+              onMouseLeave: (h) => {
+                h.currentTarget.style.background = "";
+              },
+              children: [
+                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
+                /* @__PURE__ */ v("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ f("div", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label }),
+                  /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", marginTop: 2 }, children: u.description ?? `${u.descriptors.length} action${u.descriptors.length === 1 ? "" : "s"}` })
+                ] }),
+                /* @__PURE__ */ f(Gt, { size: 18, color: "#9e9e9e" })
+              ]
+            },
+            `app-${u.key}`
+          )),
+          s.map((u) => /* @__PURE__ */ v(
+            "div",
+            {
+              className: $e,
+              style: Ge,
+              onClick: () => r(u),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (h) => {
+                h.key === "Enter" && r(u);
+              },
+              onMouseEnter: (h) => {
+                h.currentTarget.style.background = "#f5f5f5";
+              },
+              onMouseLeave: (h) => {
+                h.currentTarget.style.background = "";
+              },
+              children: [
+                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
+                /* @__PURE__ */ f("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label })
+              ]
+            },
+            u.type
+          )),
+          i.length === 0 && s.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted ff-text-center", style: { fontSize: 13 }, children: n.noActions })
+        ] }) : (
+          /* Stage 2 — actions for the selected app */
+          a.descriptors.map((u) => /* @__PURE__ */ v(
+            "div",
+            {
+              className: $e,
+              style: Ge,
+              onClick: () => r(u),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (h) => {
+                h.key === "Enter" && r(u);
+              },
+              onMouseEnter: (h) => {
+                h.currentTarget.style.background = "#f5f5f5";
+              },
+              onMouseLeave: (h) => {
+                h.currentTarget.style.background = "";
+              },
+              children: [
+                u.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0 }, children: u.icon }),
+                /* @__PURE__ */ f("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: u.label })
+              ]
+            },
+            u.type
+          ))
+        ) })
+      ] })
+    }
+  );
+}, Dt = "_conditionConfig", Gi = ({ open: e, nodeId: t, descriptor: n, initialValues: r, messages: o, onSave: i, onClose: s }) => {
+  const [l, d] = M([]), [a, c] = M(!1), [u, h] = M(null), [g, b] = M({});
+  re(() => {
+    b((r == null ? void 0 : r[Dt]) ?? {});
+  }, [r, t]), re(() => {
+    let N = !1;
+    if (h(null), !n || !t) {
+      d([]), c(!1);
+      return;
+    }
+    const O = n.formSchema;
+    return typeof O == "function" ? (c(!0), O(t).then((F) => {
+      N || (d(F), c(!1));
+    }).catch((F) => {
+      N || (d([]), h(F instanceof Error ? F.message : "Unable to load configuration."), c(!1));
+    })) : (d(O), c(!1)), () => {
+      N = !0;
+    };
+  }, [n, t]);
+  const E = t ? `node-config-form-${t}` : "node-config-form", y = !a && !u && l.length > 0, x = y ? /* @__PURE__ */ v(ye, { children: [
+    /* @__PURE__ */ f(Ne, { type: "button", variant: "outlined", size: "small", onClick: s, children: o.cancel }),
+    /* @__PURE__ */ f(Ne, { type: "submit", form: E, variant: "contained", size: "small", children: o.save })
+  ] }) : null;
+  return /* @__PURE__ */ f(
+    je,
+    {
+      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__ */ v(Q, { sx: { p: 2 }, children: [
+        a && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.loadingConfiguration }),
+        !a && u && /* @__PURE__ */ f("p", { style: { fontSize: 13, color: "#d32f2f" }, children: u }),
+        !a && !u && l.length === 0 && /* @__PURE__ */ f("p", { className: "ff-text-muted", style: { fontSize: 13 }, children: o.noConfigurationNeeded }),
+        y && /* @__PURE__ */ f(
+          cr,
+          {
+            schema: { layout: "flat", fields: l },
+            initialValues: r ?? {},
+            formId: E,
+            conditionConfig: g,
+            onConditionConfigChange: b,
+            onSubmit: (N) => {
+              if (!t) return;
+              const O = Object.keys(g).length > 0;
+              i(t, { ...N, [Dt]: O ? g : void 0 }), s();
+            }
+          }
+        )
+      ] })
+    }
+  );
+}, $i = ({
+  isOpen: e,
+  onClose: t,
+  workflowId: n,
+  workflowLabel: r,
+  onFetchWorkflow: o
+}) => {
+  const [i, s] = M({ status: "idle" });
+  return re(() => {
+    if (!e || !n) {
+      s({ status: "idle" });
+      return;
+    }
+    s({ status: "loading" }), o(n).then((l) => s({ status: "loaded", state: l })).catch((l) => s({ status: "error", message: (l == null ? void 0 : l.message) ?? "Failed to load workflow" }));
+  }, [e, n, o]), /* @__PURE__ */ f(
+    je,
+    {
+      isOpen: e,
+      onClose: t,
+      title: r ? `Preview: ${r}` : "Sub-Workflow Preview",
+      icon: /* @__PURE__ */ f(Zn, { size: 18, color: "#00695c" }),
+      width: 700,
+      children: /* @__PURE__ */ v("div", { style: { height: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 24 }, children: [
+        i.status === "idle" && /* @__PURE__ */ f("span", { style: { color: "#9e9e9e", fontSize: 14 }, children: "Select a workflow to preview" }),
+        i.status === "loading" && /* @__PURE__ */ v("div", { style: { textAlign: "center", color: "#9e9e9e" }, children: [
+          /* @__PURE__ */ f("div", { style: { width: 32, height: 32, borderRadius: "50%", border: "3px solid #e0e0e0", borderTopColor: "#00897b", animation: "spin 0.8s linear infinite", margin: "0 auto 12px" } }),
+          /* @__PURE__ */ f("span", { style: { fontSize: 14 }, children: "Loading workflow…" }),
+          /* @__PURE__ */ f("style", { children: "@keyframes spin { to { transform: rotate(360deg); } }" })
+        ] }),
+        i.status === "error" && /* @__PURE__ */ v("div", { style: { textAlign: "center", color: "#c62828" }, children: [
+          /* @__PURE__ */ f(Jn, { size: 32, style: { marginBottom: 8 } }),
+          /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: i.message })
+        ] }),
+        i.status === "loaded" && /* @__PURE__ */ f("div", { style: { width: "100%", flex: 1 }, children: /* @__PURE__ */ f(Yi, { state: i.state }) })
+      ] })
+    }
+  );
+}, Yi = ({ state: e }) => {
+  const [t, n] = M(null), [r, o] = M(null);
+  return re(() => {
+    Promise.all([
+      Promise.resolve().then(() => Xi).then((i) => i.default),
+      import("./nodeRegistry.js").then((i) => i.nodeTypeRegistry),
+      import("./templateRegistry.js").then((i) => i.templateRegistry)
+    ]).then(([i, s, l]) => {
+      n(() => i), o({ nodeTypeRegistry: s, templateRegistry: l });
+    });
+  }, []), !t || !r ? /* @__PURE__ */ f("div", { style: { color: "#9e9e9e", fontSize: 13, textAlign: "center" }, children: "Loading canvas…" }) : /* @__PURE__ */ f("div", { style: { width: "100%", height: 480, border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: /* @__PURE__ */ f(
+    t,
+    {
+      nodeRegistry: r.nodeTypeRegistry,
+      templateRegistry: r.templateRegistry,
+      initialValue: e,
+      readOnly: !0
+    }
+  ) });
+}, we = 350, Ue = 70, Ve = 60, He = {
+  startNode: 40,
+  endNode: 40,
+  addTriggerNode: 56,
+  triggerNode: 110,
+  actionNode: 90,
+  filterNode: 90,
+  approvalNode: 90,
+  delayNode: 80,
+  notificationNode: 80
+}, Ki = {
+  plusEdge: Bn,
+  labelPlusEdge: Pn,
+  plainEdge: Rn,
+  edgeWithPlusLabel: Dn,
+  gatewayBranchEdge: An
+};
+function Rt() {
+  return [
+    { id: "start", kind: "start", reactFlowType: "startNode" },
+    { id: "addTrigger", kind: "addTrigger", reactFlowType: "addTriggerNode" },
+    { id: "end", kind: "end", reactFlowType: "endNode" }
+  ];
+}
+function Ui(e, t, n, r = "TB") {
+  const o = new At.graphlib.Graph();
+  return o.setGraph({ rankdir: r, ranksep: 70, nodesep: 50 }), o.setDefaultEdgeLabel(() => ({})), e.forEach((i) => {
+    const s = n[i.id] ?? { width: we, height: He[i.type ?? ""] ?? 80 };
+    o.setNode(i.id, { width: s.width, height: s.height });
+  }), t.forEach((i) => o.setEdge(i.source, i.target)), At.layout(o), e.map((i) => {
+    var a, c;
+    const s = o.node(i.id), l = ((a = n[i.id]) == null ? void 0 : a.width) ?? we, d = ((c = n[i.id]) == null ? void 0 : c.height) ?? He[i.type ?? ""] ?? 80;
+    return { ...i, position: { x: s.x - l / 2, y: s.y - d / 2 } };
+  });
+}
+const ae = (e) => e === "filter" || e === "approval";
+function Vi(e, t, n, r) {
+  const s = Ue, l = 30, d = 30, a = {}, c = {}, u = /* @__PURE__ */ new Map();
+  for (const y of e) u.set(y.id, y);
+  for (const y of Object.values(t))
+    for (const x of Object.values(y))
+      for (const N of x) u.set(N.id, N);
+  const h = (y, x, N) => {
+    const O = r[y] ?? { width: we, height: 80 };
+    return a[y] = { x: x - O.width / 2, y: N }, N + O.height;
+  }, g = (y, x, N) => {
+    let O = N;
+    for (const F of y)
+      O = h(F.id, x, O) + s, ae(F.kind) && t[F.id] && (O = b(F.id, x, O));
+    return O;
+  }, b = (y, x, N) => {
+    const O = x + 180, F = t[y], j = Object.keys(F), W = u.get(y), z = (W == null ? void 0 : W.branchLabels) ?? { pass: "Pass", fail: "Fail" }, R = a[y], B = r[y] ?? { height: 80 }, Ee = R.y + B.height, ke = [];
+    let te = N;
+    return j.forEach((ce, pe) => {
+      const oe = F[ce], A = te;
+      ke.push({
+        y: A - Ee,
+        label: z[ce] ?? ce,
+        isPass: pe === 0
+      }), te = g(oe, O, te + d), pe < j.length - 1 && (te += l);
+    }), c[y] = {
+      branches: ke,
+      height: te - Ee,
+      indent: 180
+    }, te;
+  };
+  let E = Ve;
+  for (const y of e)
+    E = h(y.id, 400, E) + s, ae(y.kind) && t[y.id] && (E = b(y.id, 400, E));
+  return {
+    nodes: n.map((y) => a[y.id] ? { ...y, position: a[y.id] } : y),
+    railSpecs: c
+  };
+}
+function Pt(e) {
+  return {
+    id: e.id,
+    type: e.reactFlowType,
+    position: { x: 0, y: 0 },
+    data: { ...e.nodeData, ...e.formData, descriptorType: e.descriptorType },
+    draggable: !1,
+    selectable: !1
+  };
+}
+function Hi(e, t, n, r, o) {
+  return {
+    id: `e-${e.id}-${t.id}`,
+    source: e.id,
+    target: t.id,
+    type: "plusEdge",
+    style: { stroke: n },
+    data: {
+      onAddStepClick: r,
+      referenceNodeType: e.reactFlowType,
+      ...o ?? {}
+    }
+  };
+}
+function qi(e, t, n, r, o = {}, i = "TB", s = "horizontal") {
+  const l = o.edgeColor ?? "#b0bec5", d = [], a = [], c = (b, E) => {
+    const y = t[b];
+    if (!y) return;
+    const N = E ?? { pass: "Pass", fail: "Fail" }, O = Object.keys(y), F = (j, W, z, R) => {
+      if (j.length !== 0) {
+        j.forEach((B) => d.push(Pt(B))), a.push({
+          id: `e-${b}-${W}-start`,
+          source: b,
+          target: j[0].id,
+          type: "gatewayBranchEdge",
+          style: { stroke: l },
+          data: { branch: W, filterId: b, label: z, isFirst: R === 0, onAddStepClick: n, verticalRouting: s === "vertical" }
+        });
+        for (let B = 1; B < j.length; B++)
+          ae(j[B - 1].kind) || a.push(Hi(j[B - 1], j[B], l, n, { filterId: b, branch: W }));
+        for (const B of j)
+          ae(B.kind) && t[B.id] && c(B.id, B.branchLabels);
+      }
+    };
+    O.forEach((j, W) => {
+      F(y[j], j, N[j] ?? j, W);
+    });
+  };
+  for (let b = 0; b < e.length; b++) {
+    const E = e[b];
+    if (d.push(Pt(E)), b > 0) {
+      const y = e[b - 1], x = y.kind === "start" || y.kind === "addTrigger";
+      if (y.kind === "filter" || y.kind === "approval") continue;
+      a.push({
+        id: `e-${y.id}-${E.id}`,
+        source: y.id,
+        target: E.id,
+        type: x ? "plainEdge" : "plusEdge",
+        style: { stroke: l },
+        data: x ? {} : {
+          onAddStepClick: n,
+          referenceNodeType: y.reactFlowType
+        }
+      });
+    }
+    (E.kind === "filter" || E.kind === "approval") && t[E.id] && c(E.id, E.branchLabels);
+  }
+  const u = {};
+  if (d.forEach((b) => {
+    u[b.id] = {
+      width: we,
+      height: r[b.id] ?? He[b.type ?? ""] ?? 80
+    };
+  }), !(Object.keys(t).length > 0)) {
+    if (i === "LR") {
+      let N = Ve;
+      return { nodes: d.map((F) => {
+        const j = u[F.id].width, W = u[F.id].height, z = { ...F, position: { x: N, y: 300 - W / 2 } };
+        return N += j + Ue, z;
+      }), edges: a };
+    }
+    const b = 400;
+    let E = Ve;
+    return { nodes: d.map((x) => {
+      const N = u[x.id].height, O = { ...x, position: { x: b - we / 2, y: E } };
+      return E += N + Ue, O;
+    }), edges: a };
+  }
+  if (s === "vertical") {
+    const { nodes: b, railSpecs: E } = Vi(e, t, d, u);
+    return { nodes: b.map(
+      (x) => E[x.id] ? { ...x, data: { ...x.data, _branchRail: E[x.id] } } : x
+    ), edges: a };
+  }
+  return { nodes: Ui(d, a, u, i), edges: a };
+}
+const Bt = ({
+  nodeRegistry: e,
+  templateRegistry: t,
+  initialValue: n,
+  nodeTypes: r,
+  edgeTypes: o,
+  onSave: i,
+  readOnly: s = !1,
+  theme: l = {},
+  messages: d,
+  canvasOptions: a = {},
+  renderTriggerSelector: c,
+  loadTriggerSources: u,
+  renderNodePicker: h,
+  renderNodeConfig: g,
+  onNodeClick: b,
+  maxNodes: E,
+  layoutDirection: y = "TB",
+  executionRecord: x,
+  onFetchWorkflow: N
+}) => {
+  const {
+    fitView: O = !0,
+    fitViewPadding: F = 0.3,
+    showControls: j = !0,
+    showMiniMap: W = !1,
+    panOnScroll: z = !0,
+    zoomOnScroll: R = !1,
+    minZoom: B = 0.25,
+    maxZoom: Ee = 2,
+    snapToGrid: ke = !1,
+    snapGrid: te = [15, 15],
+    branchLayout: ce = "horizontal",
+    nodeBody: pe = "full"
+  } = a, oe = Y(() => ur(d), [d]), [A, ie] = M(() => (n == null ? void 0 : n.slots) ?? Rt()), [U, J] = M(() => (n == null ? void 0 : n.branches) ?? {}), [ue, V] = M(null), [Fe, tt] = M(null), [H, xe] = M(null), [se, nt] = M(null), [Te, rt] = M(null), [q, ot] = M(() => {
+    const p = n == null ? void 0 : n.slots.find((_) => _.kind === "triggerFixed"), w = p != null && p.id.startsWith("trigger-") ? p.id.slice(8) : void 0;
+    return w ? t.lookup(w) ?? null : null;
+  }), [it, En] = M({}), kn = $((p) => {
+    En(p);
+  }, []), xn = Y(() => ({ ...Ln, ...r }), [r]), Tn = Y(() => ({ ...Ki, ...o }), [o]), _n = Y(() => {
+    const p = A.filter((_) => _.kind === "userTask").length, w = Object.values(U).flatMap((_) => Object.values(_).flat()).filter((_) => _.kind === "userTask").length;
+    return p + w;
+  }, [A, U]), st = E ?? (q == null ? void 0 : q.maxTasks), lt = st !== void 0 && _n >= st, le = $((p) => {
+    const w = A.find((_) => _.id === p);
+    if (w) return w;
+    for (const _ of Object.values(U)) {
+      const k = Object.values(_).flat().find((I) => I.id === p);
+      if (k) return k;
+    }
+    return null;
+  }, [A, U]), ze = $((p) => {
+    s || (tt(p), V("nodeConfig"));
+  }, [s]), at = $((p) => {
+    if (!s) {
+      if (A.some((w) => w.id === p)) {
+        const w = A.find((_) => _.id === p);
+        if ((w == null ? void 0 : w.kind) === "triggerFixed") {
+          ie(Rt()), J({}), ot(null);
+          return;
+        }
+        ie((_) => {
+          const k = _.filter((I) => I.id !== p);
+          return ae((w == null ? void 0 : w.kind) ?? "") && !k.some((I) => I.kind === "end") ? [...k, { id: "end", kind: "end", reactFlowType: "endNode" }] : k;
+        }), J((_) => {
+          const k = { ..._ }, I = (m) => {
+            k[m] && (Object.values(k[m]).flat().filter((T) => ae(T.kind)).forEach((T) => I(T.id)), delete k[m]);
+          };
+          return I(p), k;
+        });
+        return;
+      }
+      J((w) => {
+        const _ = (I, m) => {
+          const T = [];
+          for (const S of I)
+            ae(S.kind) && m[S.id] && (T.push(S.id), Object.values(m[S.id]).forEach((C) => T.push(..._(C, m))));
+          return T;
+        }, k = { ...w };
+        for (const I of Object.keys(k))
+          for (const m of Object.keys(k[I])) {
+            const T = k[I][m], S = T.findIndex((D) => D.id === p);
+            if (S === -1 || T[S].kind === "end") continue;
+            const C = T[S];
+            let L = T.filter((D) => D.id !== p);
+            return C.kind === "filter" && ((C.id in k ? _([C], k) : []).forEach((P) => delete k[P]), delete k[C.id], L.some((P) => P.kind === "end") || (L = [...L, { id: `end-${I}-${m}`, kind: "end", reactFlowType: "endNode" }])), k[I] = { ...k[I], [m]: L }, k;
+          }
+        return k;
+      });
+    }
+  }, [s, A]), Le = $(() => {
+    s || V("triggerSelect");
+  }, [s]), dt = $((p, w) => {
+    s || lt || (xe(p), nt(w.filterId && w.branch ? { filterId: w.filterId, branch: w.branch } : null), V("nodePicker"));
+  }, [s, lt]), ct = $((p, w) => {
+    if (ot(p), V(null), p.skeletonState) {
+      const k = Array.isArray(w) && w.length > 0, I = (p.skeletonState.slots ?? []).map((m) => m.kind !== "triggerFixed" ? m : {
+        ...m,
+        nodeData: {
+          label: p.label,
+          ...m.nodeData ?? {},
+          ...k && { sources: w }
+        }
+      });
+      J(p.skeletonState.branches ?? {}), ie(I);
+      return;
+    }
+    J({});
+    const _ = Array.isArray(w) && w.length > 0;
+    ie([
+      { id: "start", kind: "start", reactFlowType: "startNode" },
+      {
+        id: `trigger-${p.triggerKey}`,
+        kind: "triggerFixed",
+        reactFlowType: "triggerNode",
+        nodeData: {
+          label: p.label,
+          source: p.source,
+          eventType: p.triggerKey,
+          type: p.triggerCategory === "scheduler" ? "scheduler" : "event",
+          ..._ && { sources: w }
+        },
+        deletable: !1
+      },
+      { id: "end", kind: "end", reactFlowType: "endNode" }
+    ]);
+  }, []), ut = $(() => {
+    var _;
+    const p = {
+      insertAfterSlot: null,
+      upstreamSlots: [],
+      downstreamSlots: [],
+      branch: se,
+      template: q
+    };
+    if (!H) return p;
+    if (se) {
+      const { filterId: k, branch: I } = se, m = A.findIndex((D) => D.id === k), T = m >= 0 ? A.slice(0, m + 1) : [], S = ((_ = U[k]) == null ? void 0 : _[I]) ?? [], C = S.findIndex((D) => D.id === H), L = C >= 0 ? S.slice(0, C + 1) : [];
+      return p.upstreamSlots = [...T, ...L], p.downstreamSlots = C >= 0 ? S.slice(C + 1) : S, p.insertAfterSlot = L[L.length - 1] ?? null, p;
+    }
+    const w = A.findIndex((k) => k.id === H);
+    return p.upstreamSlots = w >= 0 ? A.slice(0, w + 1) : [], p.downstreamSlots = w >= 0 ? A.slice(w + 1) : [], p.insertAfterSlot = p.upstreamSlots[p.upstreamSlots.length - 1] ?? null, p;
+  }, [A, U, H, se, q]), ft = (p, w) => p.descriptorType === w || p.id === w || p.kind === w, ht = $(() => {
+    const p = e.list(), w = q != null && q.availableTasks ? p.filter((k) => q.availableTasks.includes(k.type)) : p, _ = ut();
+    return w.filter((k) => k.maxPerWorkflow !== void 0 && A.filter((m) => m.descriptorType === k.type).length + Object.values(U).flatMap((m) => Object.values(m).flat()).filter((m) => m.descriptorType === k.type).length >= k.maxPerWorkflow ? !1 : k.canInsert ? k.canInsert(_) : !(k.insertAfter && k.insertAfter.length > 0 && !_.upstreamSlots.some(
+      (m) => k.insertAfter.some((T) => ft(m, T))
+    ) || k.insertBefore && k.insertBefore.length > 0 && !_.downstreamSlots.some(
+      (m) => k.insertBefore.some((T) => ft(m, T))
+    )));
+  }, [e, q, A, U, ut]), gt = $((p) => {
+    if (!H) return;
+    const w = `${p.type}-${Date.now()}`, _ = p.reactFlowType === "filterNode" || p.reactFlowType === "approvalNode" || p.reactFlowType === "conditionBranchNode", k = p.branchLabels ?? { pass: "Pass", fail: "Fail" }, I = {
+      id: w,
+      kind: _ ? p.reactFlowType === "approvalNode" ? "approval" : "filter" : "userTask",
+      reactFlowType: p.reactFlowType,
+      descriptorType: p.type,
+      formData: {},
+      nodeData: { title: p.label },
+      deletable: !0,
+      branchLabels: k
+    };
+    if (se) {
+      const { filterId: m, branch: T } = se;
+      J((S) => {
+        const C = [...S[m][T]];
+        if (_) {
+          const ne = C.filter((fe) => fe.kind !== "end"), wt = ne.findIndex((fe) => fe.id === H), Cn = wt === -1 ? ne.length : wt + 1;
+          return ne.splice(Cn, 0, I), {
+            ...S,
+            [m]: { ...S[m], [T]: ne },
+            [w]: Object.fromEntries(
+              Object.keys(k).map((fe) => [fe, [{ id: `end-${w}-${fe}`, kind: "end", reactFlowType: "endNode" }]])
+            )
+          };
+        }
+        const L = C.findIndex((ne) => ne.id === H), D = C.findIndex((ne) => ne.kind === "end"), P = L === -1 ? D === -1 ? C.length : D : L + 1;
+        return C.splice(P, 0, I), { ...S, [m]: { ...S[m], [T]: C } };
+      });
+    } else
+      _ ? (ie((m) => {
+        const T = m.findIndex((C) => C.id === H);
+        return [...m.filter((C) => C.kind !== "end").slice(0, T + 1), I];
+      }), J((m) => ({
+        ...m,
+        [w]: Object.fromEntries(
+          Object.keys(k).map((T) => [T, [{ id: `end-${w}-${T}`, kind: "end", reactFlowType: "endNode" }]])
+        )
+      }))) : ie((m) => {
+        const T = m.findIndex((S) => S.id === H);
+        return T === -1 ? m : [...m.slice(0, T + 1), I, ...m.slice(T + 1)];
+      });
+    xe(null), nt(null), tt(w), V("nodeConfig");
+  }, [H, se]), pt = $((p, w) => {
+    const _ = (m) => {
+      const T = m.label || m.key;
+      switch (m.kind) {
+        case "if":
+          return `IF · ${T}`;
+        case "elseif":
+          return `ELSE IF · ${T}`;
+        case "else":
+          return T.toUpperCase() === "ELSE" ? T : `ELSE · ${T}`;
+        default:
+          return T;
+      }
+    }, k = (m) => {
+      const T = le(p);
+      if ((T == null ? void 0 : T.descriptorType) !== "conditionBranch") return m;
+      const C = (w.branchConfigs ?? []).map((P) => P.key).filter(Boolean);
+      if (C.length === 0) return m;
+      const L = m[p] ?? {}, D = {};
+      return C.forEach((P) => {
+        D[P] = L[P] ?? [{ id: `end-${p}-${P}`, kind: "end", reactFlowType: "endNode" }];
+      }), { ...m, [p]: D };
+    }, I = (m, T) => {
+      if (m.descriptorType !== "conditionBranch") return { ...m, formData: T };
+      const S = T.branchConfigs ?? [], C = {};
+      return S.forEach((L) => {
+        L.key && (C[L.key] = _(L));
+      }), { ...m, formData: T, branchLabels: C };
+    };
+    if (A.some((m) => m.id === p)) {
+      J((m) => {
+        const T = k(m);
+        return ie((S) => {
+          const C = S.map((L) => L.id === p ? I(L, w) : L);
+          return i == null || i({ slots: C, branches: T }), C;
+        }), T;
+      });
+      return;
+    }
+    J((m) => {
+      const S = { ...k(m) };
+      for (const C of Object.keys(S)) {
+        const L = (D) => D.map((P) => P.id === p ? I(P, w) : P);
+        for (const D of Object.keys(S[C]))
+          if (S[C][D].some((P) => P.id === p))
+            return S[C] = { ...S[C], [D]: L(S[C][D]) }, i == null || i({ slots: A, branches: S }), S;
+      }
+      return S;
+    });
+  }, [A, U, le, i]), Z = Y(() => le(Fe ?? ""), [le, Fe]), bt = Y(() => Z != null && Z.descriptorType ? e.forType(Z.descriptorType) ?? null : null, [Z, e]), { nodes: yt, edges: Nn } = Y(
+    () => qi(A, U, s ? null : dt, it, l, y, ce),
+    [A, U, s, dt, it, l, y, ce]
+  ), mt = Y(() => {
+    const p = x ? new Map(x.steps.map((w) => [w.nodeId, w])) : null;
+    return yt.map((w) => {
+      let _ = {};
+      if (p) {
+        const k = p.get(w.id);
+        k && (_ = { _executionStatus: k.status, _executionError: k.error });
+      }
+      return w.type === "subWorkflowNode" && N && (_.onPreview = (k) => {
+        var m;
+        const I = le(w.id);
+        rt({ workflowId: k, workflowLabel: ((m = I == null ? void 0 : I.formData) == null ? void 0 : m.workflowLabel) ?? void 0 });
+      }), Object.keys(_).length > 0 ? { ...w, data: { ...w.data, ..._ } } : w;
+    });
+  }, [yt, x, N, le]), Sn = Y(() => ({ onEditNode: ze, onDeleteNode: at, onAddStep: () => {
+  }, onClickAddTrigger: Le, messages: oe, nodeRegistry: e, nodeBody: pe }), [ze, at, Le, oe, e, pe]);
+  return /* @__PURE__ */ f(Wn.Provider, { value: Sn, children: /* @__PURE__ */ v(
+    "div",
+    {
+      className: "flowforge-canvas",
+      style: {
+        width: "100%",
+        height: "100%",
+        position: "relative",
+        // CSS variable consumed by edge SCSS for primary/hover color
+        "--ff-primary": l.primaryColor ?? "#1dbf60",
+        "--ff-edge-color": l.edgeColor ?? "#b0bec5",
+        "--ff-text": l.textColor ?? "#212121",
+        "--ff-muted": l.mutedTextColor ?? "#9ca3af",
+        "--ff-surface": l.surfaceColor ?? "#fff",
+        "--ff-border": l.borderColor ?? "#dee2e6",
+        "--ff-danger": l.dangerColor ?? "#d32f2f",
+        "--ff-radius": `${l.borderRadius ?? 6}px`,
+        "--ff-font-family": l.fontFamily
+      },
+      children: [
+        /* @__PURE__ */ v(
+          In,
+          {
+            nodes: mt,
+            edges: Nn,
+            nodeTypes: xn,
+            edgeTypes: Tn,
+            fitView: O,
+            fitViewOptions: { padding: F },
+            nodesDraggable: !1,
+            nodesConnectable: !1,
+            panOnScroll: z,
+            zoomOnScroll: R,
+            minZoom: B,
+            maxZoom: Ee,
+            snapToGrid: ke,
+            snapGrid: te,
+            proOptions: { hideAttribution: !0 },
+            onNodeClick: (p, w) => {
+              const _ = le(w.id);
+              _ && (b != null && b(_) || (_.kind === "addTrigger" || _.kind === "triggerFixed" ? Le() : (_.kind === "userTask" || _.kind === "filter" || _.kind === "approval") && ze(w.id)));
+            },
+            children: [
+              l.background !== "none" && /* @__PURE__ */ f(
+                jn,
+                {
+                  variant: l.background,
+                  color: l.backgroundColor ?? "#e0e0e0",
+                  gap: 20
+                }
+              ),
+              j && /* @__PURE__ */ f(Fn, { showInteractive: !1 }),
+              W && /* @__PURE__ */ f(zn, { zoomable: !0, pannable: !0 }),
+              /* @__PURE__ */ f(Pi, { onHeightsReady: kn, nodeCount: mt.length })
+            ]
+          }
+        ),
+        c ? ue === "triggerSelect" && c(t.list(), ct, () => V(null)) : /* @__PURE__ */ f(Bi, { open: ue === "triggerSelect", templates: t.list(), messages: oe, onSelect: ct, onClose: () => V(null), loadTriggerSources: u }),
+        h ? ue === "nodePicker" && h(ht(), gt, () => {
+          V(null), xe(null);
+        }) : /* @__PURE__ */ f(Wi, { open: ue === "nodePicker", availableDescriptors: ht(), messages: oe, onSelect: gt, onClose: () => {
+          V(null), xe(null);
+        } }),
+        g ? ue === "nodeConfig" && g(bt ?? void 0, Z, pt, () => V(null)) : /* @__PURE__ */ f(Gi, { open: ue === "nodeConfig", nodeId: Fe, descriptor: bt, initialValues: Z == null ? void 0 : Z.formData, messages: oe, onSave: pt, onClose: () => V(null) }),
+        N && Te && /* @__PURE__ */ f(
+          $i,
+          {
+            isOpen: !!Te,
+            onClose: () => rt(null),
+            workflowId: Te.workflowId,
+            workflowLabel: Te.workflowLabel,
+            onFetchWorkflow: N
+          }
+        )
+      ]
+    }
+  ) });
+}, Xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  WorkflowCanvas: Bt,
+  default: Bt
+}, Symbol.toStringTag, { value: "Module" })), Ye = "All";
+function Ji({ template: e, onSelect: t }) {
+  var o, i;
+  const n = e.triggerCategory ? fr[e.triggerCategory] : null, r = ((o = e.skeletonState) == null ? void 0 : o.slots.filter((s) => s.kind === "userTask").length) ?? 0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: t,
+      onKeyDown: (s) => {
+        (s.key === "Enter" || s.key === " ") && t();
+      },
+      style: {
+        border: "1.5px solid #e0e0e0",
+        borderRadius: 10,
+        padding: "16px",
+        background: "#fff",
+        cursor: "pointer",
+        transition: "border-color 0.15s, box-shadow 0.15s",
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        outline: "none"
+      },
+      onMouseEnter: (s) => {
+        s.currentTarget.style.borderColor = "#1976d2", s.currentTarget.style.boxShadow = "0 2px 8px rgba(25,118,210,0.12)";
+      },
+      onMouseLeave: (s) => {
+        s.currentTarget.style.borderColor = "#e0e0e0", s.currentTarget.style.boxShadow = "none";
+      },
+      children: [
+        /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "flex-start", gap: 10 }, children: [
+          e.icon && /* @__PURE__ */ f("div", { style: { flexShrink: 0, width: 36, height: 36, borderRadius: 8, background: "#f5f5f5", display: "flex", alignItems: "center", justifyContent: "center" }, children: e.icon }),
+          /* @__PURE__ */ v("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ f("div", { style: { fontWeight: 600, fontSize: 14, color: "#212121", marginBottom: 2 }, children: e.label }),
+            e.description && /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#757575", lineHeight: 1.4, display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical", overflow: "hidden" }, children: e.description })
+          ] })
+        ] }),
+        /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 4 }, children: [
+          n && /* @__PURE__ */ f("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: n.bg, color: n.color }, children: n.label }),
+          (i = e.tags) == null ? void 0 : i.map((s) => /* @__PURE__ */ f("span", { style: { fontSize: 10, padding: "2px 7px", borderRadius: 10, background: "#f5f5f5", color: "#616161" }, children: s }, s)),
+          r > 0 && /* @__PURE__ */ v("span", { style: { fontSize: 10, color: "#9e9e9e", marginLeft: "auto" }, children: [
+            r,
+            " step",
+            r !== 1 ? "s" : ""
+          ] })
+        ] }),
+        e.author && /* @__PURE__ */ v("div", { style: { fontSize: 11, color: "#bdbdbd" }, children: [
+          "by ",
+          e.author
+        ] })
+      ]
+    }
+  );
+}
+const gs = ({
+  templates: e,
+  onSelectTemplate: t,
+  onStartFromScratch: n
+}) => {
+  const [r, o] = M(""), [i, s] = M(Ye), l = Y(() => {
+    const a = /* @__PURE__ */ new Set();
+    return e.forEach((c) => {
+      c.category && a.add(c.category);
+    }), [Ye, ...Array.from(a)];
+  }, [e]), d = Y(() => {
+    let a = e;
+    if (i !== Ye && (a = a.filter((c) => c.category === i)), r.trim()) {
+      const c = r.toLowerCase();
+      a = a.filter(
+        (u) => {
+          var h, g;
+          return u.label.toLowerCase().includes(c) || ((h = u.description) == null ? void 0 : h.toLowerCase().includes(c)) || ((g = u.tags) == null ? void 0 : g.some((b) => b.toLowerCase().includes(c)));
+        }
+      );
+    }
+    return [...a].sort((c, u) => (u.popularity ?? 0) - (c.popularity ?? 0));
+  }, [e, i, r]);
+  return /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", height: "100%", fontFamily: "inherit" }, children: [
+    /* @__PURE__ */ v("div", { style: { padding: "24px 24px 0", borderBottom: "1px solid #f0f0f0", paddingBottom: 16 }, children: [
+      /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+        /* @__PURE__ */ v("div", { children: [
+          /* @__PURE__ */ f("h2", { style: { margin: 0, fontSize: 20, fontWeight: 700, color: "#212121" }, children: "Workflow Templates" }),
+          /* @__PURE__ */ f("p", { style: { margin: "4px 0 0", fontSize: 13, color: "#757575" }, children: "Choose a pre-built template or start from scratch" })
+        ] }),
+        n && /* @__PURE__ */ v(
+          "button",
+          {
+            onClick: n,
+            style: { display: "flex", alignItems: "center", gap: 6, padding: "8px 16px", border: "1.5px solid #1976d2", borderRadius: 6, background: "#fff", color: "#1976d2", fontSize: 13, fontWeight: 600, cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ f(Qn, { size: 16 }),
+              "Start from Scratch"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", gap: 8, background: "#f5f5f5", borderRadius: 8, padding: "8px 12px", marginBottom: 12 }, children: [
+        /* @__PURE__ */ f(er, { size: 18, color: "#9e9e9e" }),
+        /* @__PURE__ */ f(
+          "input",
+          {
+            value: r,
+            onChange: (a) => o(a.target.value),
+            placeholder: "Search templates...",
+            style: { border: "none", background: "transparent", outline: "none", fontSize: 14, color: "#212121", flex: 1 }
+          }
+        )
+      ] }),
+      l.length > 1 && /* @__PURE__ */ f("div", { style: { display: "flex", gap: 4, flexWrap: "wrap" }, children: l.map((a) => /* @__PURE__ */ f(
+        "button",
+        {
+          onClick: () => s(a),
+          style: {
+            padding: "4px 12px",
+            borderRadius: 20,
+            border: "1.5px solid",
+            borderColor: i === a ? "#1976d2" : "#e0e0e0",
+            background: i === a ? "#e3f2fd" : "#fff",
+            color: i === a ? "#1565c0" : "#616161",
+            fontSize: 12,
+            fontWeight: i === a ? 600 : 400,
+            cursor: "pointer"
+          },
+          children: a
+        },
+        a
+      )) })
+    ] }),
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto", padding: 24 }, children: d.length === 0 ? /* @__PURE__ */ v("div", { style: { textAlign: "center", padding: "40px 0", color: "#9e9e9e" }, children: [
+      /* @__PURE__ */ f(tr, { size: 36, style: { marginBottom: 8 } }),
+      /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: "No templates found" })
+    ] }) : /* @__PURE__ */ f("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))", gap: 16 }, children: d.map((a) => /* @__PURE__ */ f(Ji, { template: a, onSelect: () => t(a) }, a.triggerKey)) }) })
+  ] });
+}, _e = {
+  running: { label: "Running", color: ee.running, icon: G.createElement(Ut, { size: 14 }) },
+  success: { label: "Success", color: ee.success, icon: G.createElement(Kt, { size: 14 }) },
+  failed: { label: "Failed", color: ee.failed, icon: G.createElement(Yt, { size: 14 }) },
+  cancelled: { label: "Cancelled", color: ee.cancelled, icon: G.createElement($t, { size: 14 }) }
+}, Zi = {
+  pending: { color: ee.pending, icon: G.createElement(nr, { size: 14 }) },
+  running: { color: ee.running, icon: G.createElement(Ut, { size: 14 }) },
+  success: { color: ee.success, icon: G.createElement(Kt, { size: 14 }) },
+  failed: { color: ee.failed, icon: G.createElement(Yt, { size: 14 }) },
+  skipped: { color: ee.skipped, icon: G.createElement($t, { size: 14 }) }
+};
+function qe(e) {
+  try {
+    return new Date(e).toLocaleString();
+  } catch {
+    return e;
+  }
+}
+function vn(e, t) {
+  try {
+    const n = new Date(t ?? (/* @__PURE__ */ new Date()).toISOString()).getTime() - new Date(e).getTime();
+    return n < 1e3 ? `${n}ms` : n < 6e4 ? `${(n / 1e3).toFixed(1)}s` : `${Math.floor(n / 6e4)}m ${Math.floor(n % 6e4 / 1e3)}s`;
+  } catch {
+    return "—";
+  }
+}
+function Qi({ step: e }) {
+  const [t, n] = M(!1), r = Zi[e.status], o = !!(e.inputs || e.outputs || e.error);
+  return /* @__PURE__ */ v("div", { style: { borderBottom: "1px solid #f5f5f5" }, children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        style: { display: "flex", alignItems: "center", gap: 8, padding: "8px 12px", cursor: o ? "pointer" : "default" },
+        onClick: () => {
+          o && n((i) => !i);
+        },
+        role: o ? "button" : void 0,
+        tabIndex: o ? 0 : void 0,
+        onKeyDown: (i) => {
+          o && (i.key === "Enter" || i.key === " ") && n((s) => !s);
+        },
+        children: [
+          /* @__PURE__ */ f("span", { style: { color: r.color, flexShrink: 0 }, children: G.cloneElement(r.icon, { color: r.color }) }),
+          /* @__PURE__ */ f("span", { style: { flex: 1, fontSize: 13, color: "#212121" }, children: e.label || e.nodeId }),
+          e.branchTaken && /* @__PURE__ */ f("span", { style: { fontSize: 10, padding: "1px 6px", borderRadius: 10, background: "#e3f2fd", color: "#1565c0", fontWeight: 600 }, children: e.branchTaken }),
+          /* @__PURE__ */ f("span", { style: { fontSize: 11, color: "#9e9e9e", flexShrink: 0 }, children: e.startedAt ? vn(e.startedAt, e.completedAt) : "—" }),
+          o && /* @__PURE__ */ f("span", { style: { color: "#9e9e9e", flexShrink: 0 }, children: t ? G.createElement(or, { size: 16 }) : G.createElement(ir, { size: 16 }) })
+        ]
+      }
+    ),
+    t && o && /* @__PURE__ */ v("div", { style: { padding: "0 12px 10px 32px", fontSize: 12 }, children: [
+      e.error && /* @__PURE__ */ f("div", { style: { padding: "6px 10px", borderRadius: 6, background: "#ffebee", color: "#c62828", marginBottom: 6 }, children: e.error }),
+      e.inputs && Object.keys(e.inputs).length > 0 && /* @__PURE__ */ v("details", { style: { marginBottom: 4 }, children: [
+        /* @__PURE__ */ f("summary", { style: { cursor: "pointer", color: "#616161", marginBottom: 4 }, children: "Inputs" }),
+        /* @__PURE__ */ f("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 8, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(e.inputs, null, 2) })
+      ] }),
+      e.outputs && Object.keys(e.outputs).length > 0 && /* @__PURE__ */ v("details", { children: [
+        /* @__PURE__ */ f("summary", { style: { cursor: "pointer", color: "#616161", marginBottom: 4 }, children: "Outputs" }),
+        /* @__PURE__ */ f("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 8, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(e.outputs, null, 2) })
+      ] })
+    ] })
+  ] });
+}
+function es({ record: e, selected: t, onSelect: n }) {
+  const r = _e[e.status];
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: n,
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && n();
+      },
+      style: {
+        padding: "10px 14px",
+        borderBottom: "1px solid #f0f0f0",
+        cursor: "pointer",
+        background: t ? "#e3f2fd" : "#fff",
+        display: "flex",
+        alignItems: "center",
+        gap: 10,
+        outline: "none"
+      },
+      children: [
+        /* @__PURE__ */ f("span", { style: { color: r.color, flexShrink: 0 }, children: G.cloneElement(r.icon, { color: r.color, size: 16 }) }),
+        /* @__PURE__ */ v("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ f("div", { style: { fontSize: 12, color: "#212121", fontWeight: t ? 600 : 400, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: qe(e.triggeredAt) }),
+          /* @__PURE__ */ v("div", { style: { fontSize: 11, color: "#9e9e9e" }, children: [
+            e.triggeredBy ? `by ${e.triggeredBy}` : "System",
+            " · ",
+            e.steps.length,
+            " step",
+            e.steps.length !== 1 ? "s" : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ f("span", { style: { fontSize: 11, fontWeight: 600, color: r.color, flexShrink: 0 }, children: r.label }),
+        /* @__PURE__ */ f(Gt, { size: 14, color: "#bdbdbd" })
+      ]
+    }
+  );
+}
+const ps = ({ records: e, onViewOnCanvas: t }) => {
+  var s;
+  const [n, r] = M(((s = e[0]) == null ? void 0 : s.id) ?? null), o = e.find((l) => l.id === n) ?? null, i = [...e].sort((l, d) => new Date(d.triggeredAt).getTime() - new Date(l.triggeredAt).getTime());
+  return e.length === 0 ? /* @__PURE__ */ v("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: 300, color: "#9e9e9e", gap: 8 }, children: [
+    /* @__PURE__ */ f(kt, { size: 36 }),
+    /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 14 }, children: "No executions yet" }),
+    /* @__PURE__ */ f("p", { style: { margin: 0, fontSize: 12 }, children: "Run history will appear here" })
+  ] }) : /* @__PURE__ */ v("div", { style: { display: "flex", height: "100%", fontFamily: "inherit", border: "1px solid #e0e0e0", borderRadius: 8, overflow: "hidden" }, children: [
+    /* @__PURE__ */ v("div", { style: { width: 260, flexShrink: 0, borderRight: "1px solid #e0e0e0", overflowY: "auto", background: "#fafafa" }, children: [
+      /* @__PURE__ */ v("div", { style: { padding: "12px 14px", borderBottom: "1px solid #e0e0e0", fontWeight: 600, fontSize: 13, color: "#212121" }, children: [
+        "Run History (",
+        e.length,
+        ")"
+      ] }),
+      i.map((l) => /* @__PURE__ */ f(es, { record: l, selected: l.id === n, onSelect: () => r(l.id) }, l.id))
+    ] }),
+    /* @__PURE__ */ f("div", { style: { flex: 1, overflowY: "auto" }, children: o ? /* @__PURE__ */ v("div", { children: [
+      /* @__PURE__ */ v("div", { style: { padding: "16px 20px", borderBottom: "1px solid #f0f0f0", display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 12 }, children: [
+        /* @__PURE__ */ v("div", { children: [
+          /* @__PURE__ */ v("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+            G.cloneElement(_e[o.status].icon, { color: _e[o.status].color, size: 18 }),
+            /* @__PURE__ */ f("span", { style: { fontWeight: 700, fontSize: 15, color: "#212121" }, children: _e[o.status].label })
+          ] }),
+          /* @__PURE__ */ v("div", { style: { fontSize: 12, color: "#757575", display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ v("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              /* @__PURE__ */ f(kt, { size: 13 }),
+              " ",
+              qe(o.triggeredAt),
+              o.completedAt && ` → ${qe(o.completedAt)} (${vn(o.triggeredAt, o.completedAt)})`
+            ] }),
+            o.triggeredBy && /* @__PURE__ */ v("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              /* @__PURE__ */ f(rr, { size: 13 }),
+              " ",
+              o.triggeredBy
+            ] })
+          ] })
+        ] }),
+        t && /* @__PURE__ */ f(
+          "button",
+          {
+            onClick: () => t(o),
+            style: { padding: "6px 12px", border: "1.5px solid #1976d2", borderRadius: 6, background: "#fff", color: "#1976d2", fontSize: 12, fontWeight: 600, cursor: "pointer", flexShrink: 0 },
+            children: "View on Canvas"
+          }
+        )
+      ] }),
+      o.error && /* @__PURE__ */ f("div", { style: { margin: "12px 16px", padding: "10px 14px", borderRadius: 6, background: "#ffebee", color: "#c62828", fontSize: 13 }, children: o.error }),
+      /* @__PURE__ */ v("div", { children: [
+        /* @__PURE__ */ v("div", { style: { padding: "10px 12px", fontSize: 12, fontWeight: 600, color: "#757575", borderBottom: "1px solid #f0f0f0" }, children: [
+          "STEPS (",
+          o.steps.length,
+          ")"
+        ] }),
+        o.steps.map((l, d) => /* @__PURE__ */ f(Qi, { step: l }, `${l.nodeId}-${d}`))
+      ] }),
+      o.inputs && Object.keys(o.inputs).length > 0 && /* @__PURE__ */ f("div", { style: { padding: "10px 16px" }, children: /* @__PURE__ */ v("details", { children: [
+        /* @__PURE__ */ f("summary", { style: { cursor: "pointer", fontSize: 12, fontWeight: 600, color: "#757575", marginBottom: 6 }, children: "TRIGGER INPUTS" }),
+        /* @__PURE__ */ f("pre", { style: { margin: 0, fontSize: 11, background: "#f5f5f5", padding: 10, borderRadius: 4, overflowX: "auto" }, children: JSON.stringify(o.inputs, null, 2) })
+      ] }) })
+    ] }) : /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#9e9e9e", fontSize: 14 }, children: "Select a run to see details" }) })
+  ] });
+}, bs = {
+  slots: [
+    { id: "start", kind: "start", reactFlowType: "startNode", deletable: !1 },
+    { id: "trigger-END_USER_CREATION", kind: "triggerFixed", reactFlowType: "triggerNode", deletable: !0, label: "New User Registration", nodeData: { label: "New User Registration" } },
+    { id: "notification-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Welcome Email", nodeData: { title: "Welcome Email" } },
+    { id: "approval-1", kind: "approval", reactFlowType: "approvalNode", descriptorType: "approval", deletable: !0, label: "Manager Approval", branchLabels: { pass: "Approved", fail: "Rejected" } },
+    { id: "end", kind: "end", reactFlowType: "endNode", deletable: !1 }
+  ],
+  branches: {
+    "approval-1": {
+      pass: [{ id: "notification-pass-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Approval Confirmed", nodeData: { title: "Approval Confirmed" } }],
+      fail: [{ id: "notification-fail-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Rejection Notice", nodeData: { title: "Rejection Notice" } }]
+    }
+  }
+}, ys = {
+  slots: [
+    { id: "start", kind: "start", reactFlowType: "startNode", deletable: !1 },
+    { id: "trigger-ACCESS_REQUEST", kind: "triggerFixed", reactFlowType: "triggerNode", deletable: !0, label: "Access Request Submitted", nodeData: { label: "Access Request Submitted" } },
+    { id: "approval-1", kind: "approval", reactFlowType: "approvalNode", descriptorType: "approval", deletable: !0, label: "Access Approval", branchLabels: { pass: "Approved", fail: "Denied" } },
+    { id: "end", kind: "end", reactFlowType: "endNode", deletable: !1 }
+  ],
+  branches: {
+    "approval-1": {
+      pass: [
+        { id: "restApi-1", kind: "userTask", reactFlowType: "restApiNode", descriptorType: "restApi", deletable: !0, label: "Provision Access", nodeData: { title: "Provision Access" } },
+        { id: "notification-pass-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Access Granted Email", nodeData: { title: "Access Granted Email" } }
+      ],
+      fail: [
+        { id: "notification-fail-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Access Denied Email", nodeData: { title: "Access Denied Email" } }
+      ]
+    }
+  }
+}, ms = {
+  slots: [
+    { id: "start", kind: "start", reactFlowType: "startNode", deletable: !1 },
+    { id: "trigger-USER_DEACTIVATION", kind: "triggerFixed", reactFlowType: "triggerNode", deletable: !0, label: "User Deactivation", nodeData: { label: "User Deactivation" } },
+    { id: "delay-1", kind: "userTask", reactFlowType: "delayNode", descriptorType: "delay", deletable: !0, label: "Grace Period", nodeData: { title: "Grace Period", duration: 7, unit: "days" }, formData: { duration: 7, unit: "days" } },
+    { id: "notification-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Notify IT Team", nodeData: { title: "Notify IT Team" } },
+    { id: "end", kind: "end", reactFlowType: "endNode", deletable: !1 }
+  ],
+  branches: {}
+}, ws = {
+  slots: [
+    { id: "start", kind: "start", reactFlowType: "startNode", deletable: !1 },
+    { id: "trigger-WEBHOOK_TRIGGER", kind: "triggerFixed", reactFlowType: "webhookTriggerNode", deletable: !0, label: "Incoming Webhook", nodeData: { label: "Incoming Webhook" } },
+    { id: "restApi-1", kind: "userTask", reactFlowType: "restApiNode", descriptorType: "restApi", deletable: !0, label: "Call External API", nodeData: { title: "Call External API" } },
+    { id: "notification-1", kind: "userTask", reactFlowType: "notificationNode", descriptorType: "notification", deletable: !0, label: "Notify on Completion", nodeData: { title: "Notify on Completion" } },
+    { id: "end", kind: "end", reactFlowType: "endNode", deletable: !1 }
+  ],
+  branches: {}
+};
+export {
+  Bt as F,
+  $i as S,
+  ps as W,
+  gs as a,
+  ys as b,
+  ms as o,
+  bs as u,
+  ws as w
+};