@notmrabhi/flowforge 0.1.109 → 0.1.110

package/dist/{GatewayBranchEdge-C023FhhW.js → GatewayBranchEdge-BsRuojkK.js}

@@ -1,14 +1,14 @@
-import { jsxs as n, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { Handle as m, Position as b, getStraightPath as U, BaseEdge as q } from "reactflow";
-import { Tooltip as R, Chip as G } from "@mui/material";
-import { GrTrigger as ve } from "react-icons/gr";
-import Ne, { createContext as ke, useContext as we } from "react";
-import { d as Se } from "./messages-CRZgWFU-.js";
-import { MdOutlineModeEdit as C, MdInfoOutline as B, MdInput as pe, MdDeleteOutline as P, MdCheckCircle as Te, MdPeople as Ee, MdArrowForward as Ce, MdSchedule as ze, MdWebhook as he, MdNotifications as H, MdSms as Ae, MdEmail as Pe, MdContentCopy as Ie, MdHttp as Le, MdCallSplit as Re, MdAccountTree as De, MdOpenInNew as We } from "react-icons/md";
-import { FaCheckCircle as ue, FaTimesCircle as ye } from "react-icons/fa";
-import { FiFilter as $e } from "react-icons/fi";
-import { a as F, H as Be, B as Y } from "./canvasTokens-CAD6G24b.js";
-const Fe = ke({
+import { jsxs as n, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { Handle as m, Position as b, getStraightPath as G, BaseEdge as V } from "reactflow";
+import { Tooltip as D, Chip as J } from "@mui/material";
+import { GrTrigger as ke } from "react-icons/gr";
+import we, { createContext as Se, useContext as Te } from "react";
+import { d as Ee } from "./messages-CRZgWFU-.js";
+import { MdOutlineModeEdit as A, MdInfoOutline as B, MdInput as ue, MdDeleteOutline as R, MdCheckCircle as Ce, MdPeople as ze, MdArrowForward as Ae, MdSchedule as Pe, MdWebhook as ge, MdNotifications as U, MdSms as Ie, MdEmail as Le, MdContentCopy as Re, MdHttp as De, MdCallSplit as We, MdAccountTree as $e, MdOpenInNew as Be } from "react-icons/md";
+import { FaCheckCircle as me, FaTimesCircle as be } from "react-icons/fa";
+import { FiFilter as Fe } from "react-icons/fi";
+import { a as F, H as je, B as X } from "./canvasTokens-CAD6G24b.js";
+const _e = Se({
   onEditNode: () => {
   },
   onDeleteNode: () => {
@@ -17,48 +17,49 @@ const Fe = ke({
   },
   onClickAddTrigger: () => {
   },
-  messages: Se,
+  messages: Ee,
   nodeRegistry: null,
   nodeBody: "full",
   activeTemplate: null
-}), S = () => we(Fe), je = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+}), T = () => Te(_e), Ke = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0, left: "50%" } }),
   /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "Start" })
-] }), _e = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+] }), Me = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0, left: "50%" } }),
+  /* @__PURE__ */ e(m, { id: "left", type: "target", position: b.Left, style: { opacity: 0, left: "calc(50% - 48px)", top: "50%" } }),
   /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "End" })
-] }), Ke = () => {
-  const { onClickAddTrigger: t, messages: i } = S();
+] }), He = () => {
+  const { onClickAddTrigger: t, messages: i } = T();
   return /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0, left: "50%" } }),
-    /* @__PURE__ */ e(R, { title: i.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e(D, { title: i.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
       "div",
       {
         onClick: t,
         role: "button",
         tabIndex: 0,
-        onKeyDown: (o) => {
-          o.key === "Enter" && t();
+        onKeyDown: (l) => {
+          l.key === "Enter" && t();
         },
         style: { padding: "10px 24px", borderRadius: 8, border: "1.5px dashed #d0d0d0", background: "#fff", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", gap: 8 },
         children: [
-          /* @__PURE__ */ e(ve, { size: 16 }),
+          /* @__PURE__ */ e(ke, { size: 16 }),
           /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: i.addTriggerButton })
         ]
       }
     ) }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0, left: "50%" } })
   ] });
-}, Me = ({ id: t }) => {
-  const { onAddStep: i } = S();
+}, Oe = ({ id: t }) => {
+  const { onAddStep: i } = T();
   return /* @__PURE__ */ n(
     "div",
     {
       onClick: () => i(t),
       role: "button",
       tabIndex: 0,
-      onKeyDown: (o) => {
-        o.key === "Enter" && i(t);
+      onKeyDown: (l) => {
+        l.key === "Enter" && i(t);
       },
       style: { width: 28, height: 28, borderRadius: "50%", border: "1.5px solid #9e9e9e", background: "#fff", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", fontSize: 18, color: "#757575", lineHeight: 1, userSelect: "none" },
       children: [
@@ -68,7 +69,7 @@ const Fe = ke({
       ]
     }
   );
-}, He = {
+}, Ue = {
   equals: "is",
   notEquals: "is not",
   contains: "contains",
@@ -83,7 +84,7 @@ const Fe = ke({
   lessThan: "less than",
   greaterOrEquals: "greater or equal",
   lessOrEquals: "less or equal"
-}, J = /* @__PURE__ */ new Set([
+}, ee = /* @__PURE__ */ new Set([
   "descriptorType",
   "title",
   "header",
@@ -101,100 +102,100 @@ const Fe = ke({
   "source",
   "previewWorkflow",
   "executionStatus"
-]), O = (t, i) => i.split(".").reduce((o, c) => o == null ? void 0 : o[c], t), $ = (t) => {
-  const i = (o) => typeof o == "object" && o ? String(o.label ?? o.name ?? o.value ?? "") : o == null ? "" : String(o);
+]), q = (t, i) => i.split(".").reduce((l, s) => l == null ? void 0 : l[s], t), $ = (t) => {
+  const i = (l) => typeof l == "object" && l ? String(l.label ?? l.name ?? l.value ?? "") : l == null ? "" : String(l);
   return Array.isArray(t) ? t.map(i).filter(Boolean) : t != null && t !== "" ? [i(t)].filter(Boolean) : [];
-}, Q = (t, i) => {
-  const o = t._optionLabels;
-  return $(O(o, i) ?? O(t, i));
+}, te = (t, i) => {
+  const l = t._optionLabels;
+  return $(q(l, i) ?? q(t, i));
 };
-function Oe(t) {
-  return (t.includes(".") ? t.slice(t.lastIndexOf(".") + 1) : t).replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (o) => o.toUpperCase());
-}
-const Ue = /* @__PURE__ */ new Set(["callout", "header", "section", "divider", "button", "group", "tabs", "info", "tree-map"]);
 function qe(t) {
-  const i = [], o = (c) => {
-    (Array.isArray(c) ? c : []).forEach((l) => {
-      if (!l || typeof l != "object") return;
-      const r = l;
-      (r.id || r.name) && i.push(r), Array.isArray(r.fields) && o(r.fields), Array.isArray(r.columns) && o(r.columns), Array.isArray(r.tabs) && r.tabs.forEach((d) => o(d == null ? void 0 : d.fields));
+  return (t.includes(".") ? t.slice(t.lastIndexOf(".") + 1) : t).replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (l) => l.toUpperCase());
+}
+const Ge = /* @__PURE__ */ new Set(["callout", "header", "section", "divider", "button", "group", "tabs", "info", "tree-map"]);
+function Ve(t) {
+  const i = [], l = (s) => {
+    (Array.isArray(s) ? s : []).forEach((o) => {
+      if (!o || typeof o != "object") return;
+      const r = o;
+      (r.id || r.name) && i.push(r), Array.isArray(r.fields) && l(r.fields), Array.isArray(r.columns) && l(r.columns), Array.isArray(r.tabs) && r.tabs.forEach((d) => l(d == null ? void 0 : d.fields));
     });
   };
-  return o(t), i;
+  return l(t), i;
 }
-function Ge(t, i) {
-  const o = String(i.id || i.name || ""), c = t._optionLabels, l = c ? O(c, o) : void 0;
-  if (l != null) return $(l);
-  const r = O(t, o);
+function Ze(t, i) {
+  const l = String(i.id || i.name || ""), s = t._optionLabels, o = s ? q(s, l) : void 0;
+  if (o != null) return $(o);
+  const r = q(t, l);
   if (typeof r == "boolean") return r ? ["Yes"] : [];
   if (Array.isArray(i.options) && r != null && r !== "") {
     const d = new Map(
-      i.options.filter((s) => s && typeof s == "object").map((s) => [String(s.value), String(s.label ?? s.value)])
+      i.options.filter((c) => c && typeof c == "object").map((c) => [String(c.value), String(c.label ?? c.value)])
     );
-    return $(r).map((s) => d.get(s) ?? s);
+    return $(r).map((c) => d.get(c) ?? c);
   }
   return $(r);
 }
-function Ve(t) {
-  const i = [], o = (c) => {
-    (Array.isArray(c) ? c : []).forEach((l) => {
-      l && l.type === "group" ? o(l.entries) : l && i.push(l);
+function Je(t) {
+  const i = [], l = (s) => {
+    (Array.isArray(s) ? s : []).forEach((o) => {
+      o && o.type === "group" ? l(o.entries) : o && i.push(o);
     });
   };
-  return o(t), i;
+  return l(t), i;
 }
-function Ze(t, i) {
-  const o = qe(i == null ? void 0 : i.formSchema), c = t.conditionConfig ?? t._conditionConfig, l = (i == null ? void 0 : i.label) || t.title || "Set", r = l.length <= 18 ? l : "", d = (a) => {
-    const h = o.find((y) => (y == null ? void 0 : y.id) === a || (y == null ? void 0 : y.name) === a);
-    return h != null && h.label ? String(h.label) : Oe(a);
-  }, s = [], p = new Set(c ? Object.keys(c) : []);
-  if (c && typeof c == "object" && Object.entries(c).forEach(([a, h]) => {
-    const y = Ve(h), g = Q(t, a);
-    y.length === 0 && g.length === 0 || s.push({
+function Qe(t, i) {
+  const l = Ve(i == null ? void 0 : i.formSchema), s = t.conditionConfig ?? t._conditionConfig, o = (i == null ? void 0 : i.label) || t.title || "Set", r = o.length <= 18 ? o : "", d = (a) => {
+    const h = l.find((u) => (u == null ? void 0 : u.id) === a || (u == null ? void 0 : u.name) === a);
+    return h != null && h.label ? String(h.label) : qe(a);
+  }, c = [], p = new Set(s ? Object.keys(s) : []);
+  if (s && typeof s == "object" && Object.entries(s).forEach(([a, h]) => {
+    const u = Je(h), g = te(t, a);
+    u.length === 0 && g.length === 0 || c.push({
       kind: "rule",
-      when: y.map((u) => ({
-        field: u.fieldLabel || d(u.field || ""),
-        op: He[u.operator] || u.operator || "",
-        value: u.value == null ? void 0 : $(u.value).join(", ") || void 0,
-        connector: u.connector || "and"
+      when: u.map((y) => ({
+        field: y.fieldLabel || d(y.field || ""),
+        op: Ue[y.operator] || y.operator || "",
+        value: y.value == null ? void 0 : $(y.value).join(", ") || void 0,
+        connector: y.connector || "and"
       })),
       outcomeLabel: r,
       outcome: g
     });
-  }), o.length)
-    o.forEach((a) => {
+  }), l.length)
+    l.forEach((a) => {
       const h = String(a.id || a.name || "");
-      if (!h || J.has(h) || p.has(h) || Ue.has(a.type)) return;
-      const y = Ge(t, a);
-      y.length && s.push({ kind: "value", label: d(h), value: y });
+      if (!h || ee.has(h) || p.has(h) || Ge.has(a.type)) return;
+      const u = Ze(t, a);
+      u.length && c.push({ kind: "value", label: d(h), value: u });
     });
   else {
-    const a = (h, y) => {
+    const a = (h, u) => {
       Object.keys(h).forEach((g) => {
-        const u = y ? `${y}.${g}` : g;
-        if (J.has(g) || p.has(u)) return;
+        const y = u ? `${u}.${g}` : g;
+        if (ee.has(g) || p.has(y)) return;
         const f = h[g];
         if (f && typeof f == "object" && !Array.isArray(f)) {
-          a(f, u);
+          a(f, y);
           return;
         }
         if (typeof f == "boolean") {
-          f && s.push({ kind: "value", label: d(u), value: ["Yes"] });
+          f && c.push({ kind: "value", label: d(y), value: ["Yes"] });
           return;
         }
-        const v = Q(t, u);
-        v.length && s.push({ kind: "value", label: d(u), value: v });
+        const v = te(t, y);
+        v.length && c.push({ kind: "value", label: d(y), value: v });
       });
     };
     a(t, "");
   }
-  return s;
+  return c;
 }
 function Ye(t, i) {
-  const o = i == null ? void 0 : i.nodeBody;
-  return typeof o == "function" ? o(t) : Array.isArray(o) ? o : Ze(t, i);
+  const l = i == null ? void 0 : i.nodeBody;
+  return typeof l == "function" ? l(t) : Array.isArray(l) ? l : Qe(t, i);
 }
-const A = { color: "#64748b" }, V = { color: "#0f172a", fontWeight: 600 };
+const L = { color: "#64748b" }, Q = { color: "#0f172a", fontWeight: 600 };
 function W({ text: t, style: i }) {
   return /* @__PURE__ */ e(
     "span",
@@ -205,115 +206,115 @@ function W({ text: t, style: i }) {
     }
   );
 }
-function X({ conditions: t }) {
-  return /* @__PURE__ */ e(E, { children: t.map((i, o) => /* @__PURE__ */ n(Ne.Fragment, { children: [
-    o > 0 && /* @__PURE__ */ n("span", { style: A, children: [
+function ne({ conditions: t }) {
+  return /* @__PURE__ */ e(z, { children: t.map((i, l) => /* @__PURE__ */ n(we.Fragment, { children: [
+    l > 0 && /* @__PURE__ */ n("span", { style: L, children: [
       " ",
       i.connector ?? "and",
       " "
     ] }),
-    /* @__PURE__ */ e("span", { style: V, children: i.field }),
-    /* @__PURE__ */ n("span", { style: A, children: [
+    /* @__PURE__ */ e("span", { style: Q, children: i.field }),
+    /* @__PURE__ */ n("span", { style: L, children: [
       " ",
       i.op,
       " "
     ] }),
-    i.value != null && /* @__PURE__ */ e("span", { style: V, children: i.value })
-  ] }, o)) });
+    i.value != null && /* @__PURE__ */ e("span", { style: Q, children: i.value })
+  ] }, l)) });
 }
-function ge({ data: t, descriptor: i, accent: o = "#2563eb", emptyText: c }) {
-  const l = Ye(t || {}, i);
-  if (!l.length)
-    return /* @__PURE__ */ e("span", { style: { color: "#94a3b8" }, children: c ?? "Click edit to configure" });
-  const r = { color: o, fontWeight: 600 };
-  return /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: l.map((d, s) => {
+function xe({ data: t, descriptor: i, accent: l = "#2563eb", emptyText: s }) {
+  const o = Ye(t || {}, i);
+  if (!o.length)
+    return /* @__PURE__ */ e("span", { style: { color: "#94a3b8" }, children: s ?? "Click edit to configure" });
+  const r = { color: l, fontWeight: 600 };
+  return /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: o.map((d, c) => {
     if (d.kind === "value")
       return /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ n("span", { style: A, children: [
+        /* @__PURE__ */ n("span", { style: L, children: [
           d.label,
           " "
         ] }),
-        /* @__PURE__ */ e(W, { text: d.value.join(", "), style: V })
-      ] }, s);
+        /* @__PURE__ */ e(W, { text: d.value.join(", "), style: Q })
+      ] }, c);
     if (d.fallback)
       return /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ e("span", { style: A, children: "Otherwise → " }),
+        /* @__PURE__ */ e("span", { style: L, children: "Otherwise → " }),
         /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r })
-      ] }, s);
+      ] }, c);
     const p = d.outcome.length > 0, a = !!d.when && d.when.length > 0;
     return d.outcomeLabel ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ n("span", { style: A, children: [
+      /* @__PURE__ */ n("span", { style: L, children: [
         d.outcomeLabel,
         " "
       ] }),
       p && /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r }),
-      a && /* @__PURE__ */ n(E, { children: [
-        /* @__PURE__ */ e("span", { style: A, children: " when " }),
-        /* @__PURE__ */ e(X, { conditions: d.when })
+      a && /* @__PURE__ */ n(z, { children: [
+        /* @__PURE__ */ e("span", { style: L, children: " when " }),
+        /* @__PURE__ */ e(ne, { conditions: d.when })
       ] })
-    ] }, s) : a ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ e("span", { style: A, children: "When " }),
-      /* @__PURE__ */ e(X, { conditions: d.when }),
-      p && /* @__PURE__ */ n(E, { children: [
-        /* @__PURE__ */ e("span", { style: A, children: " → " }),
+    ] }, c) : a ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ e("span", { style: L, children: "When " }),
+      /* @__PURE__ */ e(ne, { conditions: d.when }),
+      p && /* @__PURE__ */ n(z, { children: [
+        /* @__PURE__ */ e("span", { style: L, children: " → " }),
         /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r })
       ] })
-    ] }, s) : /* @__PURE__ */ e("div", { style: { lineHeight: 1.5 }, children: /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r }) }, s);
+    ] }, c) : /* @__PURE__ */ e("div", { style: { lineHeight: 1.5 }, children: /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r }) }, c);
   }) });
 }
-const Je = "#ea580c";
-function me(t) {
+const Xe = "#ea580c";
+function ve(t) {
   return t ? t.replace(/[_-]+/g, " ").toLowerCase().replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
-function Qe(t) {
+function et(t) {
   if (typeof t != "string" && t.label) return t.label;
   const i = typeof t == "string" ? t : t.value ?? "";
-  return me(i);
+  return ve(i);
 }
-const Xe = ({ id: t, data: i }) => {
-  const { onClickAddTrigger: o, onEditNode: c, messages: l, activeTemplate: r } = S(), {
+const tt = ({ id: t, data: i }) => {
+  const { onClickAddTrigger: l, onEditNode: s, messages: o, activeTemplate: r } = T(), {
     type: d,
-    eventType: s,
+    eventType: c,
     sources: p,
     label: a,
     source: h,
-    previewWorkflow: y,
+    previewWorkflow: u,
     executionStatus: g,
-    infoText: u = "This node decides the flow trigger type and configuration."
+    infoText: y = "This node decides the flow trigger type and configuration."
   } = i ?? {}, f = (x) => {
-    x == null || x.stopPropagation(), d === "scheduler" ? c(t) : o();
-  }, v = Array.isArray(p) && p.length > 0, w = !!(a || h), T = d === "scheduler" ? (l == null ? void 0 : l.schedulerTriggerTitle) ?? "Scheduler Trigger" : d === "event" || v || w ? (l == null ? void 0 : l.eventTriggerSourceTitle) ?? "Event Trigger Source" : (l == null ? void 0 : l.selectTriggerTitle) ?? "Select Trigger", k = (() => {
+    x == null || x.stopPropagation(), d === "scheduler" ? s(t) : l();
+  }, v = Array.isArray(p) && p.length > 0, w = !!(a || h), E = d === "scheduler" ? (o == null ? void 0 : o.schedulerTriggerTitle) ?? "Scheduler Trigger" : d === "event" || v || w ? (o == null ? void 0 : o.eventTriggerSourceTitle) ?? "Event Trigger Source" : (o == null ? void 0 : o.selectTriggerTitle) ?? "Select Trigger", N = (() => {
     if (d === "scheduler")
       return /* @__PURE__ */ e(
-        ge,
+        xe,
         {
           data: i,
-          accent: Je,
-          emptyText: (l == null ? void 0 : l.schedulerToBeConfigured) ?? "Scheduler to be configured"
+          accent: Xe,
+          emptyText: (o == null ? void 0 : o.schedulerToBeConfigured) ?? "Scheduler to be configured"
         }
       );
     if (d === "event" || v) {
-      const x = a || me(s);
+      const x = a || ve(c);
       return /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: x }),
           /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-text-muted", style: { fontSize: 12 }, children: "via" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: v ? p.map((I, D) => /* @__PURE__ */ e(
-          G,
+        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: v ? p.map((C, P) => /* @__PURE__ */ e(
+          J,
           {
-            label: Qe(I),
+            label: et(C),
             variant: "outlined",
             size: "small",
             className: "ff-text-dark"
           },
-          D
-        )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: (l == null ? void 0 : l.noSourceSelected) ?? "No source selected" }) })
+          P
+        )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: (o == null ? void 0 : o.noSourceSelected) ?? "No source selected" }) })
       ] });
     }
     return w ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
       a && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: a }),
-      h && /* @__PURE__ */ e(G, { label: h, variant: "outlined", size: "small" })
+      h && /* @__PURE__ */ e(J, { label: h, variant: "outlined", size: "small" })
     ] }) : /* @__PURE__ */ e(
       "span",
       {
@@ -324,14 +325,14 @@ const Xe = ({ id: t, data: i }) => {
           (x.key === "Enter" || x.key === " ") && f(x);
         },
         style: { cursor: "pointer", color: "#1e88e5" },
-        children: (l == null ? void 0 : l.selectTriggerCta) ?? "Click to select a trigger to start your workflow"
+        children: (o == null ? void 0 : o.selectTriggerCta) ?? "Click to select a trigger to start your workflow"
       }
     );
-  })(), z = g ? /* @__PURE__ */ n(E, { children: [
-    g.status === "success" && /* @__PURE__ */ e(ue, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-    g.status === "failed" && /* @__PURE__ */ e(ye, { size: 16, color: "#f44336", style: { marginRight: 8 } })
+  })(), S = g ? /* @__PURE__ */ n(z, { children: [
+    g.status === "success" && /* @__PURE__ */ e(me, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
+    g.status === "failed" && /* @__PURE__ */ e(be, { size: 16, color: "#f44336", style: { marginRight: 8 } })
   ] }) : /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-    !y && /* @__PURE__ */ e(
+    !u && /* @__PURE__ */ e(
       "div",
       {
         role: "button",
@@ -343,10 +344,10 @@ const Xe = ({ id: t, data: i }) => {
         className: "ff-me-2",
         style: { cursor: "pointer", color: "#212121" },
         "aria-label": "Edit trigger",
-        children: /* @__PURE__ */ e(C, { size: 16 })
+        children: /* @__PURE__ */ e(A, { size: 16 })
       }
     ),
-    /* @__PURE__ */ e(R, { title: /* @__PURE__ */ e("div", { children: u }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
+    /* @__PURE__ */ e(D, { title: /* @__PURE__ */ e("div", { children: y }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
   ] });
   return r != null && r.renderFullTriggerNode ? /* @__PURE__ */ n("div", { style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
@@ -373,12 +374,12 @@ const Xe = ({ id: t, data: i }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(pe, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(ue, { size: 16, color: "#388e3c" })
             }
           ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: T })
+          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: E })
         ] }),
-        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center", children: z })
+        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center", children: S })
       ] }),
       /* @__PURE__ */ e(
         "div",
@@ -392,30 +393,30 @@ const Xe = ({ id: t, data: i }) => {
             borderRadius: 6,
             textAlign: "left"
           },
-          children: k
+          children: N
         }
       )
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
 };
-function be(t) {
+function Ne(t) {
   return t ? t.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
-function et(t) {
+function nt(t) {
   if (typeof t != "string" && t.label) return t.label;
   const i = typeof t == "string" ? t : t.value ?? "";
-  return be(i);
+  return Ne(i);
 }
-const tt = ({ data: t }) => {
+const it = ({ data: t }) => {
   const {
     header: i = "Event",
-    title: o,
-    eventType: c,
-    sources: l,
+    title: l,
+    eventType: s,
+    sources: o,
     executionStatus: r,
     infoText: d = "This event is raised by the system. It cannot be configured."
-  } = t ?? {}, s = o || be(c) || "—";
+  } = t ?? {}, c = l || Ne(s) || "—";
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
@@ -434,15 +435,15 @@ const tt = ({ data: t }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(pe, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(ue, { size: 16, color: "#388e3c" })
             }
           ),
           /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: i })
         ] }),
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-          (r == null ? void 0 : r.status) === "success" && /* @__PURE__ */ e(ue, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-          (r == null ? void 0 : r.status) === "failed" && /* @__PURE__ */ e(ye, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
-          !r && /* @__PURE__ */ e(R, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
+          (r == null ? void 0 : r.status) === "success" && /* @__PURE__ */ e(me, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
+          (r == null ? void 0 : r.status) === "failed" && /* @__PURE__ */ e(be, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
+          !r && /* @__PURE__ */ e(D, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       /* @__PURE__ */ n(
@@ -458,13 +459,13 @@ const tt = ({ data: t }) => {
             textAlign: "left"
           },
           children: [
-            /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: s }),
-            Array.isArray(l) && l.length > 0 && /* @__PURE__ */ n(E, { children: [
+            /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: c }),
+            Array.isArray(o) && o.length > 0 && /* @__PURE__ */ n(z, { children: [
               /* @__PURE__ */ e("div", { className: "ff-text-muted", style: { fontSize: 12, marginTop: 4 }, children: "via" }),
-              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: l.map((p, a) => /* @__PURE__ */ e(
-                G,
+              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: o.map((p, a) => /* @__PURE__ */ e(
+                J,
                 {
-                  label: et(p),
+                  label: nt(p),
                   variant: "outlined",
                   size: "small",
                   className: "ff-text-dark"
@@ -478,10 +479,10 @@ const tt = ({ data: t }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
-}, Z = ({ rail: t, cardWidth: i }) => {
-  const o = i / 2;
+}, Y = ({ rail: t, cardWidth: i }) => {
+  const l = i / 2;
   i / 2 + t.indent;
-  const c = "var(--ff-edge-color, #b0bec5)";
+  const s = "var(--ff-edge-color, #b0bec5)";
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -489,33 +490,33 @@ const tt = ({ data: t }) => {
       height: t.height,
       style: { position: "absolute", left: 0, top: "100%", pointerEvents: "none", overflow: "visible" },
       children: [
-        /* @__PURE__ */ e("line", { x1: o, y1: 0, x2: o, y2: t.height, stroke: c, strokeWidth: 1.5 }),
-        t.branches.map((l, r) => {
-          const d = l.y;
+        /* @__PURE__ */ e("line", { x1: l, y1: 0, x2: l, y2: t.height, stroke: s, strokeWidth: 1.5 }),
+        t.branches.map((o, r) => {
+          const d = o.y;
           return /* @__PURE__ */ n("g", { transform: `translate(0, ${d})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
-                x: o - 5,
+                x: l - 5,
                 y: -5,
                 width: 10,
                 height: 10,
                 fill: "#fff",
-                stroke: c,
+                stroke: s,
                 strokeWidth: 1.5,
-                transform: `rotate(45, ${o}, 0)`
+                transform: `rotate(45, ${l}, 0)`
               }
             ),
             /* @__PURE__ */ e(
               "text",
               {
-                x: o + 14,
+                x: l + 14,
                 y: 4,
                 fontSize: 12,
                 fontWeight: 500,
                 fill: "var(--ff-text, #212121)",
                 style: { fontFamily: "sans-serif" },
-                children: l.label
+                children: o.label
               }
             )
           ] }, r);
@@ -523,8 +524,8 @@ const tt = ({ data: t }) => {
       ]
     }
   );
-}, nt = ({ id: t, data: i }) => {
-  const { onEditNode: o, onDeleteNode: c, nodeRegistry: l } = S(), { conditions: r = [], infoText: d = "Filter conditions applied to workflow data", _branchRail: s, descriptorType: p, branchStyle: a } = i, h = p ? l == null ? void 0 : l.forType(p) : void 0, y = a === "inline-gate", g = /* @__PURE__ */ n(E, { children: [
+}, ot = ({ id: t, data: i }) => {
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { conditions: r = [], infoText: d = "Filter conditions applied to workflow data", _branchRail: c, descriptorType: p, branchStyle: a } = i, h = p ? o == null ? void 0 : o.forType(p) : void 0, u = a === "inline-gate", g = /* @__PURE__ */ n(z, { children: [
     /* @__PURE__ */ e(m, { id: "pass", type: "source", position: b.Bottom, style: { opacity: 0 } }),
     /* @__PURE__ */ e(m, { id: "fail", type: "source", position: b.Right, style: { opacity: 0, top: "50%" } })
   ] });
@@ -533,17 +534,17 @@ const tt = ({ data: t }) => {
     h.renderFullNode({
       id: t,
       data: i,
-      onEdit: () => o(t),
-      onDelete: () => c(t)
+      onEdit: () => l(t),
+      onDelete: () => s(t)
     }),
     g,
-    !y && s && /* @__PURE__ */ e(Z, { rail: s, cardWidth: 350 })
+    !u && c && /* @__PURE__ */ e(Y, { rail: c, cardWidth: 350 })
   ] }) : /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(255,160,0,0.1)" }, children: /* @__PURE__ */ e($e, { className: "ff-text-warning", size: 16 }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(255,160,0,0.1)" }, children: /* @__PURE__ */ e(Fe, { className: "ff-text-warning", size: 16 }) }),
           /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Filter" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -552,13 +553,13 @@ const tt = ({ data: t }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), o(t);
+              onClick: (y) => {
+                y.stopPropagation(), l(t);
               },
-              onKeyDown: (u) => {
-                u.key === "Enter" && (u.stopPropagation(), o(t));
+              onKeyDown: (y) => {
+                y.key === "Enter" && (y.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -567,37 +568,37 @@ const tt = ({ data: t }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), c(t);
+              onClick: (y) => {
+                y.stopPropagation(), s(t);
               },
-              onKeyDown: (u) => {
-                u.key === "Enter" && (u.stopPropagation(), c(t));
+              onKeyDown: (y) => {
+                y.key === "Enter" && (y.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e(R, { title: d, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
+          /* @__PURE__ */ e(D, { title: d, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: r.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : r.map((u, f) => /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
-        /* @__PURE__ */ e("p", { className: "ff-m-0 ff-fw-bold ff-me-1 ff-text-truncate", style: { maxWidth: 100 }, title: u.field, children: u.field }),
-        /* @__PURE__ */ e("span", { className: "ff-text-muted", children: u.operator }),
-        /* @__PURE__ */ e("p", { className: "ff-text-dark ff-text-truncate ff-mx-1 ff-m-0", title: u.value, children: u.value }),
-        f < r.length - 1 && /* @__PURE__ */ e("p", { className: "ff-bg-primary ff-text-white ff-fw-bold ff-ms-1 ff-px-1 ff-rounded-1 ff-m-0", children: u.logicalOperator })
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: r.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : r.map((y, f) => /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
+        /* @__PURE__ */ e("p", { className: "ff-m-0 ff-fw-bold ff-me-1 ff-text-truncate", style: { maxWidth: 100 }, title: y.field, children: y.field }),
+        /* @__PURE__ */ e("span", { className: "ff-text-muted", children: y.operator }),
+        /* @__PURE__ */ e("p", { className: "ff-text-dark ff-text-truncate ff-mx-1 ff-m-0", title: y.value, children: y.value }),
+        f < r.length - 1 && /* @__PURE__ */ e("p", { className: "ff-bg-primary ff-text-white ff-fw-bold ff-ms-1 ff-px-1 ff-rounded-1 ff-m-0", children: y.logicalOperator })
       ] }, f)) })
     ] }),
     g,
-    !y && s && /* @__PURE__ */ e(Z, { rail: s, cardWidth: 350 })
+    !u && c && /* @__PURE__ */ e(Y, { rail: c, cardWidth: 350 })
   ] });
-}, it = ({ id: t, data: i }) => {
-  const { onEditNode: o, onDeleteNode: c, nodeRegistry: l, nodeBody: r = "full", messages: d } = S(), { title: s = "Task", descriptorType: p, infoText: a = "" } = i, h = p ? l == null ? void 0 : l.forType(p) : void 0, y = h == null ? void 0 : h.icon;
+}, lt = ({ id: t, data: i }) => {
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o, nodeBody: r = "full", messages: d } = T(), { title: c = "Task", descriptorType: p, infoText: a = "" } = i, h = p ? o == null ? void 0 : o.forType(p) : void 0, u = h == null ? void 0 : h.icon;
   return h != null && h.renderFullNode ? /* @__PURE__ */ n("div", { style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     h.renderFullNode({
       id: t,
       data: i,
-      onEdit: () => o(t),
-      onDelete: () => c(t)
+      onEdit: () => l(t),
+      onDelete: () => s(t)
     }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] }) : /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
@@ -605,8 +606,8 @@ const tt = ({ data: t }) => {
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 8px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          y && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: y }),
-          /* @__PURE__ */ e("span", { className: "ff-text-dark", style: { fontSize: 14, fontWeight: 500 }, children: s })
+          u && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: u }),
+          /* @__PURE__ */ e("span", { className: "ff-text-dark", style: { fontSize: 14, fontWeight: 500 }, children: c })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -615,12 +616,12 @@ const tt = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               onClick: (g) => {
-                g.stopPropagation(), o(t);
+                g.stopPropagation(), l(t);
               },
               onKeyDown: (g) => {
-                g.key === "Enter" && (g.stopPropagation(), o(t));
+                g.key === "Enter" && (g.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -630,15 +631,15 @@ const tt = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               onClick: (g) => {
-                g.stopPropagation(), c(t);
+                g.stopPropagation(), s(t);
               },
               onKeyDown: (g) => {
-                g.key === "Enter" && (g.stopPropagation(), c(t));
+                g.key === "Enter" && (g.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           ),
-          a && /* @__PURE__ */ e(R, { title: a, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
+          a && /* @__PURE__ */ e(D, { title: a, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       r !== "title-only" && /* @__PURE__ */ e(
@@ -655,7 +656,7 @@ const tt = ({ data: t }) => {
             lineHeight: 1.4
           },
           children: h != null && h.renderNode ? h.renderNode(i) : /* @__PURE__ */ e(
-            ge,
+            xe,
             {
               data: i,
               descriptor: h,
@@ -668,21 +669,21 @@ const tt = ({ data: t }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, ee = 2;
-function ot(t, i, o) {
-  const c = (t == null ? void 0 : t.toLowerCase()) || (i ? "sequential" : null);
-  return c ? (o == null ? void 0 : o[c]) ?? c.charAt(0).toUpperCase() + c.slice(1) : null;
+}, ie = 2;
+function rt(t, i, l) {
+  const s = (t == null ? void 0 : t.toLowerCase()) || (i ? "sequential" : null);
+  return s ? (l == null ? void 0 : l[s]) ?? s.charAt(0).toUpperCase() + s.slice(1) : null;
 }
-function lt(t) {
+function st(t) {
   var r, d;
-  const i = Array.isArray(t.userIds) ? t.userIds.length : 0, o = ((r = t.groupName) == null ? void 0 : r.trim()) ?? "", c = ((d = t.roleName) == null ? void 0 : d.trim()) ?? "", l = i > 0 || !!o || !!c;
-  return o ? { label: `Group: ${o}`, configured: !0 } : c ? { label: `Role: ${c}`, configured: !0 } : i > 0 ? {
+  const i = Array.isArray(t.userIds) ? t.userIds.length : 0, l = ((r = t.groupName) == null ? void 0 : r.trim()) ?? "", s = ((d = t.roleName) == null ? void 0 : d.trim()) ?? "", o = i > 0 || !!l || !!s;
+  return l ? { label: `Group: ${l}`, configured: !0 } : s ? { label: `Role: ${s}`, configured: !0 } : i > 0 ? {
     label: `${i} approver${i !== 1 ? "s" : ""}`,
     configured: !0
-  } : { label: "Not configured", configured: l };
+  } : { label: "Not configured", configured: o };
 }
-const rt = ({ id: t, data: i }) => {
-  const { onEditNode: o, onDeleteNode: c } = S(), { approvalData: l, isPreview: r = !1, _branchRail: d, executionModeLabel: s } = i, p = (l == null ? void 0 : l.policy) ?? {}, a = p.stages ?? [], h = a.length, y = a.slice(0, ee), g = h - ee, u = p.name ?? p.policyName ?? "Untitled Policy";
+const ct = ({ id: t, data: i }) => {
+  const { onEditNode: l, onDeleteNode: s } = T(), { approvalData: o, isPreview: r = !1, _branchRail: d, executionModeLabel: c } = i, p = (o == null ? void 0 : o.policy) ?? {}, a = p.stages ?? [], h = a.length, u = a.slice(0, ie), g = h - ie, y = p.name ?? p.policyName ?? "Untitled Policy";
   return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
@@ -698,7 +699,7 @@ const rt = ({ id: t, data: i }) => {
                 {
                   className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded",
                   style: { width: 25, height: 25, background: "rgba(251,192,45,0.2)" },
-                  children: /* @__PURE__ */ e(Te, { style: { color: "#FBC02D" }, size: 16 })
+                  children: /* @__PURE__ */ e(Ce, { style: { color: "#FBC02D" }, size: 16 })
                 }
               ),
               /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Approval Policy" })
@@ -711,13 +712,13 @@ const rt = ({ id: t, data: i }) => {
                   tabIndex: 0,
                   style: { cursor: "pointer" },
                   onClick: (f) => {
-                    f.stopPropagation(), o(t);
+                    f.stopPropagation(), l(t);
                   },
                   onKeyDown: (f) => {
-                    f.key === "Enter" && (f.stopPropagation(), o(t));
+                    f.key === "Enter" && (f.stopPropagation(), l(t));
                   },
                   "data-testid": "approval-node-edit-btn",
-                  children: /* @__PURE__ */ e(C, { size: 16, className: "ff-text-secondary" })
+                  children: /* @__PURE__ */ e(A, { size: 16, className: "ff-text-secondary" })
                 }
               ),
               !r && /* @__PURE__ */ e(
@@ -728,17 +729,17 @@ const rt = ({ id: t, data: i }) => {
                   tabIndex: 0,
                   style: { cursor: "pointer" },
                   onClick: (f) => {
-                    f.stopPropagation(), c(t);
+                    f.stopPropagation(), s(t);
                   },
                   onKeyDown: (f) => {
-                    f.key === "Enter" && (f.stopPropagation(), c(t));
+                    f.key === "Enter" && (f.stopPropagation(), s(t));
                   },
                   "data-testid": "approval-node-delete-btn",
-                  children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+                  children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
                 }
               ),
               /* @__PURE__ */ e(
-                R,
+                D,
                 {
                   title: "This approval policy determines who must approve a request before the workflow continues.",
                   arrow: !0,
@@ -755,8 +756,8 @@ const rt = ({ id: t, data: i }) => {
         {
           className: "ff-text-truncate ff-text-dark ff-fw-bold",
           style: { margin: "0 10px 8px", fontSize: 13 },
-          title: u,
-          children: u
+          title: y,
+          children: y
         }
       ),
       /* @__PURE__ */ e("div", { style: { margin: "0 10px 10px", display: "flex", flexDirection: "column", gap: 8 }, children: a.length === 0 ? /* @__PURE__ */ e(
@@ -773,13 +774,13 @@ const rt = ({ id: t, data: i }) => {
           },
           children: "No stages configured"
         }
-      ) : /* @__PURE__ */ n(E, { children: [
-        y.map((f, v) => {
+      ) : /* @__PURE__ */ n(z, { children: [
+        u.map((f, v) => {
           var x;
-          const w = ((x = f.stageName) == null ? void 0 : x.trim()) || `Stage ${v + 1}`, { label: T, configured: k } = lt(f), z = ot(
+          const w = ((x = f.stageName) == null ? void 0 : x.trim()) || `Stage ${v + 1}`, { label: E, configured: N } = st(f), S = rt(
             f.executionMode,
             f.isSequential,
-            s
+            c
           );
           return /* @__PURE__ */ n(
             "div",
@@ -820,24 +821,24 @@ const rt = ({ id: t, data: i }) => {
                       /* @__PURE__ */ n(
                         "div",
                         {
-                          className: `ff-d-flex ff-align-items-center ff-flex-shrink-0 ${k ? "ff-text-dark" : "ff-text-muted"}`,
+                          className: `ff-d-flex ff-align-items-center ff-flex-shrink-0 ${N ? "ff-text-dark" : "ff-text-muted"}`,
                           style: { gap: 4, fontSize: 12 },
                           children: [
                             /* @__PURE__ */ e(
-                              Ee,
+                              ze,
                               {
                                 size: 15,
-                                style: { color: k ? "#5D4037" : "#9E9E9E" }
+                                style: { color: N ? "#5D4037" : "#9E9E9E" }
                               }
                             ),
-                            T
+                            E
                           ]
                         }
                       )
                     ]
                   }
                 ),
-                z && /* @__PURE__ */ n(
+                S && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ff-d-flex ff-align-items-center",
@@ -850,8 +851,8 @@ const rt = ({ id: t, data: i }) => {
                       // align under the stage name (28px circle + 8px gap)
                     },
                     children: [
-                      /* @__PURE__ */ e(Ce, { size: 11 }),
-                      z
+                      /* @__PURE__ */ e(Ae, { size: 11 }),
+                      S
                     ]
                   }
                 )
@@ -874,10 +875,10 @@ const rt = ({ id: t, data: i }) => {
             role: r ? void 0 : "button",
             tabIndex: r ? void 0 : 0,
             onClick: (f) => {
-              r || (f.stopPropagation(), o(t));
+              r || (f.stopPropagation(), l(t));
             },
             onKeyDown: (f) => {
-              r || (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), o(t));
+              r || (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), l(t));
             },
             children: [
               "+ ",
@@ -890,16 +891,16 @@ const rt = ({ id: t, data: i }) => {
       ] }) })
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } }),
-    d && /* @__PURE__ */ e(Z, { rail: d, cardWidth: 350 })
+    d && /* @__PURE__ */ e(Y, { rail: d, cardWidth: 350 })
   ] });
-}, st = ({ id: t, data: i }) => {
-  const { onEditNode: o, onDeleteNode: c } = S(), { duration: l, unit: r } = i, d = l != null && r, s = d ? `Wait ${l} ${r}` : "Not configured";
+}, at = ({ id: t, data: i }) => {
+  const { onEditNode: l, onDeleteNode: s } = T(), { duration: o, unit: r } = i, d = o != null && r, c = d ? `Wait ${o} ${r}` : "Not configured";
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(33,150,243,0.1)" }, children: /* @__PURE__ */ e(ze, { size: 16, color: "#1976d2" }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(33,150,243,0.1)" }, children: /* @__PURE__ */ e(Pe, { size: 16, color: "#1976d2" }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Delay" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -909,12 +910,12 @@ const rt = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (p) => {
-                p.stopPropagation(), o(t);
+                p.stopPropagation(), l(t);
               },
               onKeyDown: (p) => {
-                p.key === "Enter" && (p.stopPropagation(), o(t));
+                p.key === "Enter" && (p.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -924,34 +925,34 @@ const rt = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (p) => {
-                p.stopPropagation(), c(t);
+                p.stopPropagation(), s(t);
               },
               onKeyDown: (p) => {
-                p.key === "Enter" && (p.stopPropagation(), c(t));
+                p.key === "Enter" && (p.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: /* @__PURE__ */ e("span", { className: d ? "ff-text-dark ff-fw-medium" : "ff-text-muted", children: s }) })
+      /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: /* @__PURE__ */ e("span", { className: d ? "ff-text-dark ff-fw-medium" : "ff-text-muted", children: c }) })
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, te = {
-  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Pe },
-  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: H },
-  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: H },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: Ae },
-  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: H },
-  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: he }
-}, ct = {
+}, oe = {
+  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Le },
+  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: U },
+  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: U },
+  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: Ie },
+  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: U },
+  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: ge }
+}, dt = {
   label: "Notification",
   bg: "rgba(156,39,176,0.1)",
   color: "#7b1fa2",
-  iconType: H
+  iconType: U
 };
-function at(t) {
+function ft(t) {
   var i;
   switch (t.channel) {
     case "email":
@@ -970,7 +971,7 @@ function at(t) {
       return t.recipient ?? null;
   }
 }
-function dt(t) {
+function pt(t) {
   switch (t.channel) {
     case "email":
       return t.emailSubject ?? t.subject ?? null;
@@ -984,15 +985,15 @@ function dt(t) {
       return t.subject ?? null;
   }
 }
-const ft = ({ id: t, data: i }) => {
-  const { onEditNode: o, onDeleteNode: c } = S(), l = i, r = l.channel && te[l.channel] ? te[l.channel] : ct, d = at(l), s = dt(l), p = !!(l.channel && d), a = r.iconType;
+const ht = ({ id: t, data: i }) => {
+  const { onEditNode: l, onDeleteNode: s } = T(), o = i, r = o.channel && oe[o.channel] ? oe[o.channel] : dt, d = ft(o), c = pt(o), p = !!(o.channel && d), a = r.iconType;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
           /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: r.bg }, children: /* @__PURE__ */ e(a, { size: 16, color: r.color }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: l.channel ? `${r.label} Notification` : "Notification" })
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: o.channel ? `${r.label} Notification` : "Notification" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -1001,12 +1002,12 @@ const ft = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (h) => {
-                h.stopPropagation(), o(t);
+                h.stopPropagation(), l(t);
               },
               onKeyDown: (h) => {
-                (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), o(t));
+                (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1016,12 +1017,12 @@ const ft = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (h) => {
-                h.stopPropagation(), c(t);
+                h.stopPropagation(), s(t);
               },
               onKeyDown: (h) => {
-                (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), c(t));
+                (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
@@ -1031,19 +1032,19 @@ const ft = ({ id: t, data: i }) => {
           /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: r.bg, color: r.color, fontWeight: 600, flexShrink: 0 }, children: r.label }),
           /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { maxWidth: 220 }, children: d })
         ] }),
-        s && /* @__PURE__ */ e("span", { className: "ff-text-muted ff-text-truncate", style: { maxWidth: 280 }, children: s })
+        c && /* @__PURE__ */ e("span", { className: "ff-text-muted ff-text-truncate", style: { maxWidth: 280 }, children: c })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, ne = {
+}, le = {
   "api-key": "API Key",
   hmac: "HMAC"
-}, pt = ({ data: t }) => {
-  const { onClickAddTrigger: i } = S(), { label: o = "Webhook Trigger", endpointUrl: c, authMethod: l, source: r } = t, d = (p) => {
+}, yt = ({ data: t }) => {
+  const { onClickAddTrigger: i } = T(), { label: l = "Webhook Trigger", endpointUrl: s, authMethod: o, source: r } = t, d = (p) => {
     p.stopPropagation(), i();
-  }, s = (p) => {
-    p.stopPropagation(), c && navigator.clipboard.writeText(c).catch(() => {
+  }, c = (p) => {
+    p.stopPropagation(), s && navigator.clipboard.writeText(s).catch(() => {
     });
   };
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
@@ -1051,7 +1052,7 @@ const ft = ({ id: t, data: i }) => {
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #90caf9", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { style: { width: 28, height: 28, borderRadius: 6, background: "rgba(33,150,243,0.1)", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ e(he, { size: 16, color: "#1565c0" }) }),
+          /* @__PURE__ */ e("div", { style: { width: 28, height: 28, borderRadius: 6, background: "rgba(33,150,243,0.1)", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ e(ge, { size: 16, color: "#1565c0" }) }),
           /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: "#212121" }, children: "Webhook Trigger" })
         ] }),
         /* @__PURE__ */ e(
@@ -1065,29 +1066,29 @@ const ft = ({ id: t, data: i }) => {
             },
             className: "ff-d-flex ff-align-items-center",
             style: { paddingRight: 4, cursor: "pointer" },
-            children: /* @__PURE__ */ e(C, { size: 16, color: "#555" })
+            children: /* @__PURE__ */ e(A, { size: 16, color: "#555" })
           }
         )
       ] }),
       /* @__PURE__ */ n("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#e3f2fd", border: "1px solid #90caf9" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-flex-wrap ff-gap-2 ff-mb-1", children: [
-          /* @__PURE__ */ e("span", { style: { fontSize: 12, color: "#1565c0", fontWeight: 600 }, children: o }),
+          /* @__PURE__ */ e("span", { style: { fontSize: 12, color: "#1565c0", fontWeight: 600 }, children: l }),
           r && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 11, background: "#fff", border: "1px solid #90caf9", color: "#1565c0" }, children: r }),
-          l && l !== "none" && ne[l] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: ne[l] })
+          o && o !== "none" && le[o] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: le[o] })
         ] }),
-        c && /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-1", style: { marginTop: 4 }, children: [
-          /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "#1565c0", fontFamily: "monospace", flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: c }),
-          /* @__PURE__ */ e(R, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
+        s && /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-1", style: { marginTop: 4 }, children: [
+          /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "#1565c0", fontFamily: "monospace", flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: s }),
+          /* @__PURE__ */ e(D, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: s,
+              onClick: c,
               onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && s(p);
+                (p.key === "Enter" || p.key === " ") && c(p);
               },
               style: { cursor: "pointer", flexShrink: 0 },
-              children: /* @__PURE__ */ e(Ie, { size: 12, color: "#1565c0" })
+              children: /* @__PURE__ */ e(Re, { size: 12, color: "#1565c0" })
             }
           ) })
         ] })
@@ -1095,9 +1096,9 @@ const ft = ({ id: t, data: i }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, ht = ({ id: t, data: i }) => {
+}, ut = ({ id: t, data: i }) => {
   var g;
-  const { onEditNode: o, onDeleteNode: c, nodeRegistry: l } = S(), { method: r, url: d, descriptorType: s } = i, p = s ? (g = l == null ? void 0 : l.forType(s)) == null ? void 0 : g.icon : /* @__PURE__ */ e(Le, { size: 16, color: "#546e7a" }), a = !!(r && d), h = (r == null ? void 0 : r.toUpperCase()) ?? "", y = Be[h] ?? null;
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { method: r, url: d, descriptorType: c } = i, p = c ? (g = o == null ? void 0 : o.forType(c)) == null ? void 0 : g.icon : /* @__PURE__ */ e(De, { size: 16, color: "#546e7a" }), a = !!(r && d), h = (r == null ? void 0 : r.toUpperCase()) ?? "", u = je[h] ?? null;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
@@ -1112,13 +1113,13 @@ const ft = ({ id: t, data: i }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), o(t);
+              onClick: (y) => {
+                y.stopPropagation(), l(t);
               },
-              onKeyDown: (u) => {
-                (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), o(t));
+              onKeyDown: (y) => {
+                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1127,25 +1128,25 @@ const ft = ({ id: t, data: i }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), c(t);
+              onClick: (y) => {
+                y.stopPropagation(), s(t);
               },
-              onKeyDown: (u) => {
-                (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), c(t));
+              onKeyDown: (y) => {
+                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: a ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-        y && /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 700, padding: "2px 6px", borderRadius: 4, background: y.bg, color: y.color, flexShrink: 0 }, children: h }),
+        u && /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 700, padding: "2px 6px", borderRadius: 4, background: u.bg, color: u.color, flexShrink: 0 }, children: h }),
         /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { fontFamily: "monospace", fontSize: 11 }, title: d, children: d })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, ut = {
+}, gt = {
   eq: "=",
   neq: "≠",
   gt: ">",
@@ -1157,15 +1158,15 @@ const ft = ({ id: t, data: i }) => {
   endsWith: "ends with",
   isEmpty: "is empty",
   isNotEmpty: "is not empty"
-}, yt = ({ id: t, data: i }) => {
-  const { onEditNode: o, onDeleteNode: c } = S(), { title: l = "Condition Branch", branchConfigs: r = [], defaultBranch: d } = i, s = r.length > 0;
+}, mt = ({ id: t, data: i }) => {
+  const { onEditNode: l, onDeleteNode: s } = T(), { title: o = "Condition Branch", branchConfigs: r = [], defaultBranch: d } = i, c = r.length > 0;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b39ddb", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, borderRadius: 6, background: "rgba(103,58,183,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(Re, { size: 16, color: "#512da8" }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: l })
+          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, borderRadius: 6, background: "rgba(103,58,183,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(We, { size: 16, color: "#512da8" }) }),
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: o })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -1174,12 +1175,12 @@ const ft = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (p) => {
-                p.stopPropagation(), o(t);
+                p.stopPropagation(), l(t);
               },
               onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), o(t));
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1189,27 +1190,27 @@ const ft = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (p) => {
-                p.stopPropagation(), c(t);
+                p.stopPropagation(), s(t);
               },
               onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), c(t));
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: s ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: c ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
         r.map((p, a) => {
-          var u, f;
-          const h = Y[a % Y.length], y = (u = p.conditions) == null ? void 0 : u[0], g = (((f = p.conditions) == null ? void 0 : f.length) ?? 0) - 1;
+          var y, f;
+          const h = X[a % X.length], u = (y = p.conditions) == null ? void 0 : y[0], g = (((f = p.conditions) == null ? void 0 : f.length) ?? 0) - 1;
           return /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
             /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: h.bg, color: h.color, flexShrink: 0 }, children: p.label || p.key }),
-            y ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-              y.field,
+            u ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+              u.field,
               " ",
-              ut[y.operator] ?? y.operator,
-              y.value ? ` ${y.value}` : "",
+              gt[u.operator] ?? u.operator,
+              u.value ? ` ${u.value}` : "",
               g > 0 ? ` +${g} more` : ""
             ] }) : /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "No conditions yet" })
           ] }, p.key);
@@ -1222,9 +1223,9 @@ const ft = ({ id: t, data: i }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, gt = ({ id: t, data: i }) => {
-  var u;
-  const { onEditNode: o, onDeleteNode: c, nodeRegistry: l } = S(), { title: r = "Sub-Workflow", workflowId: d, workflowLabel: s, descriptorType: p, onPreview: a } = i, h = p ? (u = l == null ? void 0 : l.forType(p)) == null ? void 0 : u.icon : /* @__PURE__ */ e(De, { size: 16, color: "#00695c" }), y = !!d, g = (f) => {
+}, bt = ({ id: t, data: i }) => {
+  var y;
+  const { onEditNode: l, onDeleteNode: s, nodeRegistry: o } = T(), { title: r = "Sub-Workflow", workflowId: d, workflowLabel: c, descriptorType: p, onPreview: a } = i, h = p ? (y = o == null ? void 0 : o.forType(p)) == null ? void 0 : y.icon : /* @__PURE__ */ e($e, { size: 16, color: "#00695c" }), u = !!d, g = (f) => {
     f.stopPropagation(), d && a && a(d);
   };
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
@@ -1242,12 +1243,12 @@ const ft = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (f) => {
-                f.stopPropagation(), o(t);
+                f.stopPropagation(), l(t);
               },
               onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), o(t));
+                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), l(t));
               },
-              children: /* @__PURE__ */ e(C, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1257,19 +1258,19 @@ const ft = ({ id: t, data: i }) => {
               role: "button",
               tabIndex: 0,
               onClick: (f) => {
-                f.stopPropagation(), c(t);
+                f.stopPropagation(), s(t);
               },
               onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), c(t));
+                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), s(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: y ? "#e0f2f1" : "#fafafa", fontSize: 12, border: y ? "1px solid #b2dfdb" : "none" }, children: y ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-between", children: [
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: u ? "#e0f2f1" : "#fafafa", fontSize: 12, border: u ? "1px solid #b2dfdb" : "none" }, children: u ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-between", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-column ff-gap-1", children: [
-          /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 600, color: "#00695c" }, children: s || d }),
+          /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 600, color: "#00695c" }, children: c || d }),
           /* @__PURE__ */ n("span", { style: { fontSize: 10, color: "#80cbc4", fontFamily: "monospace" }, children: [
             "ID: ",
             d
@@ -1286,7 +1287,7 @@ const ft = ({ id: t, data: i }) => {
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
             children: [
-              /* @__PURE__ */ e(We, { size: 13 }),
+              /* @__PURE__ */ e(Be, { size: 13 }),
               "Preview"
             ]
           }
@@ -1295,68 +1296,68 @@ const ft = ({ id: t, data: i }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, It = {
-  startNode: je,
-  endNode: _e,
-  addTriggerNode: Ke,
-  addStepNode: Me,
-  triggerNode: Xe,
-  eventNode: tt,
-  filterNode: nt,
-  actionNode: it,
-  approvalNode: rt,
-  delayNode: st,
-  notificationNode: ft,
-  webhookTriggerNode: pt,
-  restApiNode: ht,
-  conditionBranchNode: yt,
-  subWorkflowNode: gt
-}, mt = 11.5, ie = 2, _ = 6, oe = 40, le = 20, re = 4, Lt = ({
+}, Rt = {
+  startNode: Ke,
+  endNode: Me,
+  addTriggerNode: He,
+  addStepNode: Oe,
+  triggerNode: tt,
+  eventNode: it,
+  filterNode: ot,
+  actionNode: lt,
+  approvalNode: ct,
+  delayNode: at,
+  notificationNode: ht,
+  webhookTriggerNode: yt,
+  restApiNode: ut,
+  conditionBranchNode: mt,
+  subWorkflowNode: bt
+}, xt = 11.5, re = 2, M = 6, se = 40, ce = 20, ae = 4, Dt = ({
   id: t,
   sourceX: i,
-  sourceY: o,
-  targetX: c,
-  targetY: l,
+  sourceY: l,
+  targetX: s,
+  targetY: o,
   sourcePosition: r,
   targetPosition: d,
-  source: s,
+  source: c,
   target: p,
   data: a
 }) => {
-  const [h, y, g] = U({
+  const [h, u, g] = G({
     sourceX: i,
-    sourceY: o,
-    targetX: c,
-    targetY: l
-  }), u = a == null ? void 0 : a.label, f = u === "Pass", v = f || u === "Fail", w = i + (c - i) / 3, T = o + (l - o) / 3, k = i + 2 * (c - i) / 3, z = o + 2 * (l - o) / 3, x = a == null ? void 0 : a.onAddStepClick, I = (N) => {
-    if (N.stopPropagation(), typeof x != "function") return;
-    const xe = {
+    sourceY: l,
+    targetX: s,
+    targetY: o
+  }), y = a == null ? void 0 : a.label, f = y === "Pass", v = f || y === "Fail", w = i + (s - i) / 3, E = l + (o - l) / 3, N = i + 2 * (s - i) / 3, S = l + 2 * (o - l) / 3, x = a == null ? void 0 : a.onAddStepClick, C = (I) => {
+    if (I.stopPropagation(), typeof x != "function") return;
+    const Z = {
       edgeId: t,
-      nodeId: s,
-      sourceNodeId: s,
+      nodeId: c,
+      sourceNodeId: c,
       targetNodeId: p,
       position: "between",
-      referenceNodeId: s,
+      referenceNodeId: c,
       referenceNodeType: a == null ? void 0 : a.referenceNodeType,
       stepVisibility: a == null ? void 0 : a.stepVisibility
     };
-    x(s, xe);
-  }, D = (N) => {
-    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), I(N));
-  }, j = () => /* @__PURE__ */ n(E, { children: [
+    x(c, Z);
+  }, P = (I) => {
+    (I.key === "Enter" || I.key === " ") && (I.preventDefault(), C(I));
+  }, j = () => /* @__PURE__ */ n(z, { children: [
     /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-      /* @__PURE__ */ e("circle", { r: mt, className: "edge-plus-circle" }),
-      /* @__PURE__ */ e("line", { x1: 0, y1: -_, x2: 0, y2: _, strokeWidth: ie, strokeLinecap: "round", className: "plus-line" }),
-      /* @__PURE__ */ e("line", { x1: -_, y1: 0, x2: _, y2: 0, strokeWidth: ie, strokeLinecap: "round", className: "plus-line" })
+      /* @__PURE__ */ e("circle", { r: xt, className: "edge-plus-circle" }),
+      /* @__PURE__ */ e("line", { x1: 0, y1: -M, x2: 0, y2: M, strokeWidth: re, strokeLinecap: "round", className: "plus-line" }),
+      /* @__PURE__ */ e("line", { x1: -M, y1: 0, x2: M, y2: 0, strokeWidth: re, strokeLinecap: "round", className: "plus-line" })
     ] }),
     /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
       /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
       /* @__PURE__ */ e("path", { d: "M0 -4 L-4 0 L0 4 Z", className: "tooltip-bg" }),
       /* @__PURE__ */ e("text", { x: 32, y: 0, textAnchor: "middle", dominantBaseline: "central", fill: "white", style: { fontSize: 10, fontWeight: 600, pointerEvents: "none" }, children: "Add Step" })
     ] })
-  ] }), L = x ? {
-    onClick: I,
-    onKeyDown: D,
+  ] }), _ = x ? {
+    onClick: C,
+    onKeyDown: P,
     role: "button",
     tabIndex: 0,
     style: { cursor: "pointer", pointerEvents: "all" }
@@ -1364,73 +1365,73 @@ const ft = ({ id: t, data: i }) => {
     style: { cursor: "default", pointerEvents: "all" }
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(q, { id: t, path: h }),
-    v ? /* @__PURE__ */ n(E, { children: [
-      /* @__PURE__ */ n("g", { transform: `translate(${w}, ${T})`, children: [
-        /* @__PURE__ */ e("rect", { x: -oe / 2, y: -le / 2, width: oe, height: le, rx: re, ry: re, fill: f ? "#ADE6C5" : "#FDBFBF" }),
-        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: f ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: u })
+    /* @__PURE__ */ e(V, { id: t, path: h }),
+    v ? /* @__PURE__ */ n(z, { children: [
+      /* @__PURE__ */ n("g", { transform: `translate(${w}, ${E})`, children: [
+        /* @__PURE__ */ e("rect", { x: -se / 2, y: -ce / 2, width: se, height: ce, rx: ae, ry: ae, fill: f ? "#ADE6C5" : "#FDBFBF" }),
+        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: f ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
       ] }),
-      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${k}, ${z})`, "data-testid": "plus-node-icon", ...L, children: /* @__PURE__ */ e(j, {}) })
-    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${y}, ${g})`, "data-testid": "plus-node-icon", ...L, children: /* @__PURE__ */ e(j, {}) })
+      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${N}, ${S})`, "data-testid": "plus-node-icon", ..._, children: /* @__PURE__ */ e(j, {}) })
+    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${u}, ${g})`, "data-testid": "plus-node-icon", ..._, children: /* @__PURE__ */ e(j, {}) })
   ] });
-}, bt = 11.5, se = 2, K = 6, Rt = ({
+}, vt = 11.5, de = 2, H = 6, Wt = ({
   id: t,
   sourceX: i,
-  sourceY: o,
-  targetX: c,
-  targetY: l,
+  sourceY: l,
+  targetX: s,
+  targetY: o,
   source: r,
   target: d,
-  data: s
+  data: c
 }) => {
-  const [p, a, h] = U({
+  const [p, a, h] = G({
     sourceX: i,
-    sourceY: o,
-    targetX: c,
-    targetY: l
-  }), y = s == null ? void 0 : s.onAddStepClick, g = (f) => {
-    f.stopPropagation(), typeof y == "function" && y(r, {
+    sourceY: l,
+    targetX: s,
+    targetY: o
+  }), u = c == null ? void 0 : c.onAddStepClick, g = (f) => {
+    f.stopPropagation(), typeof u == "function" && u(r, {
       edgeId: t,
       nodeId: r,
       sourceNodeId: r,
       targetNodeId: d,
       position: "between",
       referenceNodeId: r,
-      referenceNodeType: s == null ? void 0 : s.referenceNodeType,
-      stepVisibility: s == null ? void 0 : s.stepVisibility,
-      filterId: s == null ? void 0 : s.filterId,
-      branch: s == null ? void 0 : s.branch
+      referenceNodeType: c == null ? void 0 : c.referenceNodeType,
+      stepVisibility: c == null ? void 0 : c.stepVisibility,
+      filterId: c == null ? void 0 : c.filterId,
+      branch: c == null ? void 0 : c.branch
     });
-  }, u = (f) => {
+  }, y = (f) => {
     (f.key === "Enter" || f.key === " ") && (f.preventDefault(), g(f));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(q, { id: t, path: p, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(V, { id: t, path: p, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ n(
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
         transform: `translate(${a}, ${h})`,
         style: {
-          cursor: y ? "pointer" : "default",
+          cursor: u ? "pointer" : "default",
           pointerEvents: "all",
           outline: "none"
         },
-        onClick: y ? g : void 0,
-        onKeyDown: y ? u : void 0,
-        role: y ? "button" : void 0,
-        tabIndex: y ? 0 : void 0,
+        onClick: u ? g : void 0,
+        onKeyDown: u ? y : void 0,
+        role: u ? "button" : void 0,
+        tabIndex: u ? 0 : void 0,
         "data-testid": "plus-node-icon",
         children: [
-          /* @__PURE__ */ e("circle", { r: bt, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("circle", { r: vt, className: "edge-plus-circle" }),
           /* @__PURE__ */ e(
             "line",
             {
               x1: 0,
-              y1: -K,
+              y1: -H,
               x2: 0,
-              y2: K,
-              strokeWidth: se,
+              y2: H,
+              strokeWidth: de,
               strokeLinecap: "round",
               className: "plus-line"
             }
@@ -1438,11 +1439,11 @@ const ft = ({ id: t, data: i }) => {
           /* @__PURE__ */ e(
             "line",
             {
-              x1: -K,
+              x1: -H,
               y1: 0,
-              x2: K,
+              x2: H,
               y2: 0,
-              strokeWidth: se,
+              strokeWidth: de,
               strokeLinecap: "round",
               className: "plus-line"
             }
@@ -1477,35 +1478,35 @@ const ft = ({ id: t, data: i }) => {
       }
     )
   ] });
-}, Dt = ({ id: t, sourceX: i, sourceY: o, targetX: c, targetY: l }) => {
-  const [r] = U({ sourceX: i, sourceY: o, targetX: c, targetY: l });
-  return /* @__PURE__ */ e(q, { id: t, path: r, style: { stroke: "#b0bec5" } });
-}, xt = 11.5, ce = 2, M = 6, vt = -24, ae = 40, de = 20, fe = 4, Wt = ({
+}, $t = ({ id: t, sourceX: i, sourceY: l, targetX: s, targetY: o }) => {
+  const [r] = G({ sourceX: i, sourceY: l, targetX: s, targetY: o });
+  return /* @__PURE__ */ e(V, { id: t, path: r, style: { stroke: "#b0bec5" } });
+}, Nt = 11.5, fe = 2, O = 6, kt = -24, pe = 40, he = 20, ye = 4, Bt = ({
   id: t,
   sourceX: i,
-  sourceY: o,
-  targetX: c,
-  targetY: l,
+  sourceY: l,
+  targetX: s,
+  targetY: o,
   source: r,
   target: d,
-  data: s
+  data: c
 }) => {
-  const [p, a, h] = U({ sourceX: i, sourceY: o, targetX: c, targetY: l }), y = s == null ? void 0 : s.label, g = y === "Pass", u = g || y === "Fail", f = s == null ? void 0 : s.onAddStepClick, v = (s == null ? void 0 : s.showPlus) !== !1 && !!f, w = (k) => {
-    k.stopPropagation(), typeof f == "function" && f(r, {
+  const [p, a, h] = G({ sourceX: i, sourceY: l, targetX: s, targetY: o }), u = c == null ? void 0 : c.label, g = u === "Pass", y = g || u === "Fail", f = c == null ? void 0 : c.onAddStepClick, v = (c == null ? void 0 : c.showPlus) !== !1 && !!f, w = (N) => {
+    N.stopPropagation(), typeof f == "function" && f(r, {
       edgeId: t,
       nodeId: r,
       sourceNodeId: r,
       targetNodeId: d,
       position: "between",
       referenceNodeId: r,
-      referenceNodeType: s == null ? void 0 : s.referenceNodeType,
-      stepVisibility: s == null ? void 0 : s.stepVisibility
+      referenceNodeType: c == null ? void 0 : c.referenceNodeType,
+      stepVisibility: c == null ? void 0 : c.stepVisibility
     });
-  }, T = (k) => {
-    (k.key === "Enter" || k.key === " ") && (k.preventDefault(), w(k));
+  }, E = (N) => {
+    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), w(N));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(q, { id: t, path: p, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(V, { id: t, path: p, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ n(
       "g",
       {
@@ -1513,29 +1514,29 @@ const ft = ({ id: t, data: i }) => {
         transform: `translate(${a}, ${h})`,
         style: { cursor: f ? "pointer" : "default", pointerEvents: "all", outline: "none" },
         onClick: f ? w : void 0,
-        onKeyDown: f ? T : void 0,
+        onKeyDown: f ? E : void 0,
         role: f ? "button" : void 0,
         tabIndex: f ? 0 : void 0,
         children: [
-          u && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? vt : 0})`, children: [
+          y && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? kt : 0})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
-                x: -ae / 2,
-                y: -de / 2,
-                width: ae,
-                height: de,
-                rx: fe,
-                ry: fe,
+                x: -pe / 2,
+                y: -he / 2,
+                width: pe,
+                height: he,
+                rx: ye,
+                ry: ye,
                 fill: g ? "#ADE6C5" : "#FDBFBF"
               }
             ),
-            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: g ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
+            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: g ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: u })
           ] }),
           v && /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-            /* @__PURE__ */ e("circle", { r: xt, className: "edge-plus-circle" }),
-            /* @__PURE__ */ e("line", { x1: 0, y1: -M, x2: 0, y2: M, strokeWidth: ce, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -M, y1: 0, x2: M, y2: 0, strokeWidth: ce, strokeLinecap: "round", className: "plus-line" })
+            /* @__PURE__ */ e("circle", { r: Nt, className: "edge-plus-circle" }),
+            /* @__PURE__ */ e("line", { x1: 0, y1: -O, x2: 0, y2: O, strokeWidth: fe, strokeLinecap: "round", className: "plus-line" }),
+            /* @__PURE__ */ e("line", { x1: -O, y1: 0, x2: O, y2: 0, strokeWidth: fe, strokeLinecap: "round", className: "plus-line" })
           ] }),
           v && /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(22, 0)", children: [
             /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
@@ -1546,54 +1547,70 @@ const ft = ({ id: t, data: i }) => {
       }
     )
   ] });
-}, $t = ({
+}, Ft = ({
   id: t,
   source: i,
-  target: o,
-  sourceX: c,
-  sourceY: l,
+  target: l,
+  sourceX: s,
+  sourceY: o,
   targetX: r,
   targetY: d,
-  style: s = {},
+  style: c = {},
   markerEnd: p,
   data: a
 }) => {
-  const h = (a == null ? void 0 : a.verticalRouting) ?? !1, y = (a == null ? void 0 : a.sideRouting) ?? !1, g = 30, u = y ? (
-    // From the right handle: straight across to the target X, then down into its top.
-    `M ${c},${l} L ${r},${l} L ${r},${d}`
+  const h = (a == null ? void 0 : a.verticalRouting) ?? !1, u = (a == null ? void 0 : a.sideRouting) ?? !1, g = (a == null ? void 0 : a.railless) ?? !1, y = 30, f = u ? (
+    // From the right handle: straight across to the target's left handle.
+    `M ${s},${o} L ${r},${o} L ${r},${d}`
+  ) : g ? (
+    // inline-gate Pass: straight down the spine.
+    `M ${s},${o} L ${r},${d}`
   ) : h ? (() => {
-    const N = d - g;
-    return `M ${c},${N} L ${r},${N} L ${r},${d}`;
+    const k = d - y;
+    return `M ${s},${k} L ${r},${k} L ${r},${d}`;
   })() : (() => {
-    const N = l + 30;
-    return `M ${c},${l} L ${c},${N} L ${r},${N} L ${r},${d}`;
-  })(), f = s.stroke || "#d1d5db", v = a == null ? void 0 : a.label, w = (a == null ? void 0 : a.isFirst) ?? !1, T = a == null ? void 0 : a.onAddStepClick, k = y ? l : h ? d - g : l + 30, z = y ? c + (r - c) * 0.45 : c + (r - c) * (h ? 0.25 : 0.35), x = c + (r - c) * (h ? 0.65 : 0.7), I = k, D = (N) => {
-    N.stopPropagation(), T && T(i, {
+    const k = o + 30;
+    return `M ${s},${o} L ${s},${k} L ${r},${k} L ${r},${d}`;
+  })(), v = c.stroke || "#d1d5db", w = a == null ? void 0 : a.label, E = (a == null ? void 0 : a.isFirst) ?? !1, N = a == null ? void 0 : a.onAddStepClick;
+  let S, x, C, P;
+  if (u)
+    S = s + (r - s) * 0.5, x = o, C = S, P = o;
+  else if (g)
+    S = s, x = o + 24, C = s, P = o + (d - o) * 0.6;
+  else if (h) {
+    const k = d - y;
+    S = s + (r - s) * 0.25, x = k, C = s + (r - s) * 0.65, P = k;
+  } else {
+    const k = o + 30;
+    S = s + (r - s) * 0.35, x = k, C = s + (r - s) * 0.7, P = k;
+  }
+  const j = !!w && (!h || u || g), _ = !!N && !u, I = (k) => {
+    k.stopPropagation(), N && N(i, {
       edgeId: t,
       nodeId: i,
       sourceNodeId: i,
-      targetNodeId: o,
+      targetNodeId: l,
       position: "between",
       referenceNodeId: i,
       filterId: a == null ? void 0 : a.filterId,
       branch: a == null ? void 0 : a.branch
     });
-  }, j = 11.5, L = 6;
+  }, Z = 11.5, K = 6;
   return /* @__PURE__ */ n("g", { children: [
-    /* @__PURE__ */ e("path", { id: t, d: u, fill: "none", stroke: f, strokeWidth: 1.5, markerEnd: p }),
-    v && (!h || y) && /* @__PURE__ */ e("g", { transform: `translate(${z}, ${I})`, children: (() => {
-      const N = Math.max(44, v.length * 7 + 20);
-      return /* @__PURE__ */ n(E, { children: [
+    /* @__PURE__ */ e("path", { id: t, d: f, fill: "none", stroke: v, strokeWidth: 1.5, markerEnd: p }),
+    j && /* @__PURE__ */ e("g", { transform: `translate(${S}, ${x})`, children: (() => {
+      const k = Math.max(44, w.length * 7 + 20);
+      return /* @__PURE__ */ n(z, { children: [
         /* @__PURE__ */ e(
           "rect",
           {
-            x: -N / 2,
+            x: -k / 2,
             y: -11,
-            width: N,
+            width: k,
             height: 22,
             rx: 11,
-            fill: w ? "#e8f5e9" : "#ffebee",
-            stroke: w ? "#81c784" : "#e57373",
+            fill: E ? "#e8f5e9" : "#ffebee",
+            stroke: E ? "#81c784" : "#e57373",
             strokeWidth: 1
           }
         ),
@@ -1605,50 +1622,50 @@ const ft = ({ id: t, data: i }) => {
             textAnchor: "middle",
             fontSize: 10,
             fontWeight: 600,
-            fill: w ? "#2e7d32" : "#c62828",
+            fill: E ? "#2e7d32" : "#c62828",
             style: { fontFamily: "sans-serif", pointerEvents: "none" },
-            children: v
+            children: w
           }
         )
       ] });
     })() }),
-    T && /* @__PURE__ */ n(
+    _ && /* @__PURE__ */ n(
       "g",
       {
-        transform: `translate(${x}, ${I})`,
-        onClick: D,
+        transform: `translate(${C}, ${P})`,
+        onClick: I,
         style: { cursor: "pointer", pointerEvents: "all" },
         className: "nodrag nopan edge-plus-svg",
         children: [
-          /* @__PURE__ */ e("circle", { r: j, className: "edge-plus-circle" }),
-          /* @__PURE__ */ e("line", { x1: 0, y1: -L, x2: 0, y2: L, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" }),
-          /* @__PURE__ */ e("line", { x1: -L, y1: 0, x2: L, y2: 0, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" })
+          /* @__PURE__ */ e("circle", { r: Z, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("line", { x1: 0, y1: -K, x2: 0, y2: K, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" }),
+          /* @__PURE__ */ e("line", { x1: -K, y1: 0, x2: K, y2: 0, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" })
         ]
       }
     )
   ] });
 };
 export {
-  it as A,
-  st as D,
-  Lt as E,
-  nt as F,
-  $t as G,
-  Wt as L,
-  ft as N,
-  Dt as P,
-  ht as R,
-  je as S,
-  Xe as T,
-  pt as W,
-  Ke as a,
-  rt as b,
-  _e as c,
-  Rt as d,
-  It as e,
-  ge as f,
-  Ze as g,
-  Fe as h,
+  lt as A,
+  at as D,
+  Dt as E,
+  ot as F,
+  Ft as G,
+  Bt as L,
+  ht as N,
+  $t as P,
+  ut as R,
+  Ke as S,
+  tt as T,
+  yt as W,
+  He as a,
+  ct as b,
+  Me as c,
+  Wt as d,
+  Rt as e,
+  xe as f,
+  Qe as g,
+  _e as h,
   Ye as r
 };
-//# sourceMappingURL=GatewayBranchEdge-C023FhhW.js.map
+//# sourceMappingURL=GatewayBranchEdge-BsRuojkK.js.map