@notmrabhi/flowforge 0.1.106 → 0.1.108

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

@@ -1,13 +1,13 @@
-import { jsxs as o, jsx as e, Fragment as C } from "react/jsx-runtime";
+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 L, Chip as V } from "@mui/material";
+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 T, MdInfoOutline as F, MdInput as fe, MdDeleteOutline as P, MdCheckCircle as Te, MdPeople as Ee, MdArrowForward as Ce, MdSchedule as ze, MdWebhook as pe, MdNotifications as O, 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 he, FaTimesCircle as ue } from "react-icons/fa";
+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 j, H as Be, B as Y } from "./canvasTokens-CAD6G24b.js";
+import { a as F, H as Be, B as Y } from "./canvasTokens-CAD6G24b.js";
 const Fe = ke({
   onEditNode: () => {
   },
@@ -21,44 +21,44 @@ const Fe = ke({
   nodeRegistry: null,
   nodeBody: "full",
   activeTemplate: null
-}), S = () => we(Fe), je = () => /* @__PURE__ */ o("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+}), S = () => we(Fe), je = () => /* @__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__ */ o("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+] }), _e = () => /* @__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("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: n } = S();
-  return /* @__PURE__ */ o("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+  const { onClickAddTrigger: t, messages: i } = S();
+  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(L, { title: n.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ e(R, { title: i.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
       "div",
       {
         onClick: t,
         role: "button",
         tabIndex: 0,
-        onKeyDown: (i) => {
-          i.key === "Enter" && t();
+        onKeyDown: (o) => {
+          o.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("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: n.addTriggerButton })
+          /* @__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: n } = S();
-  return /* @__PURE__ */ o(
+  const { onAddStep: i } = S();
+  return /* @__PURE__ */ n(
     "div",
     {
-      onClick: () => n(t),
+      onClick: () => i(t),
       role: "button",
       tabIndex: 0,
-      onKeyDown: (i) => {
-        i.key === "Enter" && n(t);
+      onKeyDown: (o) => {
+        o.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 +68,7 @@ const Fe = ke({
       ]
     }
   );
-}, Oe = {
+}, He = {
   equals: "is",
   notEquals: "is not",
   contains: "contains",
@@ -83,7 +83,7 @@ const Fe = ke({
   lessThan: "less than",
   greaterOrEquals: "greater or equal",
   lessOrEquals: "less or equal"
-}, Z = /* @__PURE__ */ new Set([
+}, J = /* @__PURE__ */ new Set([
   "descriptorType",
   "title",
   "header",
@@ -101,265 +101,265 @@ const Fe = ke({
   "source",
   "previewWorkflow",
   "executionStatus"
-]), H = (t, n) => n.split(".").reduce((i, c) => i == null ? void 0 : i[c], t), B = (t) => {
-  const n = (i) => typeof i == "object" && i ? String(i.label ?? i.name ?? i.value ?? "") : i == null ? "" : String(i);
-  return Array.isArray(t) ? t.map(n).filter(Boolean) : t != null && t !== "" ? [n(t)].filter(Boolean) : [];
-}, J = (t, n) => {
-  const i = t._optionLabels;
-  return B(H(i, n) ?? H(t, n));
+]), 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);
+  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));
 };
-function He(t) {
-  return (t.includes(".") ? t.slice(t.lastIndexOf(".") + 1) : t).replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (i) => i.toUpperCase());
+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 n = [], i = (c) => {
-    (Array.isArray(c) ? c : []).forEach((r) => {
-      if (!r || typeof r != "object") return;
-      const s = r;
-      (s.id || s.name) && n.push(s), Array.isArray(s.fields) && i(s.fields), Array.isArray(s.columns) && i(s.columns), Array.isArray(s.tabs) && s.tabs.forEach((a) => i(a == null ? void 0 : a.fields));
+  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 i(t), n;
+  return o(t), i;
 }
-function Ve(t, n) {
-  const i = String(n.id || n.name || ""), c = t._optionLabels, r = c ? H(c, i) : void 0;
-  if (r != null) return B(r);
-  const s = H(t, i);
-  if (typeof s == "boolean") return s ? ["Yes"] : [];
-  if (Array.isArray(n.options) && s != null && s !== "") {
-    const a = new Map(
-      n.options.filter((l) => l && typeof l == "object").map((l) => [String(l.value), String(l.label ?? l.value)])
+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);
+  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)])
     );
-    return B(s).map((l) => a.get(l) ?? l);
+    return $(r).map((s) => d.get(s) ?? s);
   }
-  return B(s);
+  return $(r);
 }
-function Ge(t) {
-  const n = [], i = (c) => {
-    (Array.isArray(c) ? c : []).forEach((r) => {
-      r && r.type === "group" ? i(r.entries) : r && n.push(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);
     });
   };
-  return i(t), n;
+  return o(t), i;
 }
-function Ye(t, n) {
-  const i = qe(n == null ? void 0 : n.formSchema), c = t.conditionConfig ?? t._conditionConfig, r = (n == null ? void 0 : n.label) || t.title || "Set", s = r.length <= 18 ? r : "", a = (p) => {
-    const h = i.find((u) => (u == null ? void 0 : u.id) === p || (u == null ? void 0 : u.name) === p);
-    return h != null && h.label ? String(h.label) : He(p);
-  }, l = [], f = new Set(c ? Object.keys(c) : []);
-  if (c && typeof c == "object" && Object.entries(c).forEach(([p, h]) => {
-    const u = Ge(h), y = J(t, p);
-    u.length === 0 && y.length === 0 || l.push({
+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({
       kind: "rule",
-      when: u.map((g) => ({
-        field: g.fieldLabel || a(g.field || ""),
-        op: Oe[g.operator] || g.operator || "",
-        value: g.value == null ? void 0 : B(g.value).join(", ") || void 0,
-        connector: g.connector || "and"
+      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"
       })),
-      outcomeLabel: s,
-      outcome: y
+      outcomeLabel: r,
+      outcome: g
     });
-  }), i.length)
-    i.forEach((p) => {
-      const h = String(p.id || p.name || "");
-      if (!h || Z.has(h) || f.has(h) || Ue.has(p.type)) return;
-      const u = Ve(t, p);
-      u.length && l.push({ kind: "value", label: a(h), value: u });
+  }), o.length)
+    o.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 });
     });
   else {
-    const p = (h, u) => {
-      Object.keys(h).forEach((y) => {
-        const g = u ? `${u}.${y}` : y;
-        if (Z.has(y) || f.has(g)) return;
-        const d = h[y];
-        if (d && typeof d == "object" && !Array.isArray(d)) {
-          p(d, g);
+    const a = (h, y) => {
+      Object.keys(h).forEach((g) => {
+        const u = y ? `${y}.${g}` : g;
+        if (J.has(g) || p.has(u)) return;
+        const f = h[g];
+        if (f && typeof f == "object" && !Array.isArray(f)) {
+          a(f, u);
           return;
         }
-        if (typeof d == "boolean") {
-          d && l.push({ kind: "value", label: a(g), value: ["Yes"] });
+        if (typeof f == "boolean") {
+          f && s.push({ kind: "value", label: d(u), value: ["Yes"] });
           return;
         }
-        const v = J(t, g);
-        v.length && l.push({ kind: "value", label: a(g), value: v });
+        const v = Q(t, u);
+        v.length && s.push({ kind: "value", label: d(u), value: v });
       });
     };
-    p(t, "");
+    a(t, "");
   }
-  return l;
+  return s;
 }
-function Ze(t, n) {
-  const i = n == null ? void 0 : n.nodeBody;
-  return typeof i == "function" ? i(t) : Array.isArray(i) ? i : Ye(t, n);
+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 A = { color: "#64748b" }, G = { color: "#0f172a", fontWeight: 600 };
-function $({ text: t, style: n }) {
+const A = { color: "#64748b" }, V = { color: "#0f172a", fontWeight: 600 };
+function W({ text: t, style: i }) {
   return /* @__PURE__ */ e(
     "span",
     {
       title: t,
-      style: { ...n, display: "inline-block", maxWidth: 230, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", verticalAlign: "bottom" },
+      style: { ...i, display: "inline-block", maxWidth: 230, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", verticalAlign: "bottom" },
       children: t
     }
   );
 }
-function Q({ conditions: t }) {
-  return /* @__PURE__ */ e(C, { children: t.map((n, i) => /* @__PURE__ */ o(Ne.Fragment, { children: [
-    i > 0 && /* @__PURE__ */ o("span", { style: A, children: [
+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: [
       " ",
-      n.connector ?? "and",
+      i.connector ?? "and",
       " "
     ] }),
-    /* @__PURE__ */ e("span", { style: G, children: n.field }),
-    /* @__PURE__ */ o("span", { style: A, children: [
+    /* @__PURE__ */ e("span", { style: V, children: i.field }),
+    /* @__PURE__ */ n("span", { style: A, children: [
       " ",
-      n.op,
+      i.op,
       " "
     ] }),
-    n.value != null && /* @__PURE__ */ e("span", { style: G, children: n.value })
-  ] }, i)) });
+    i.value != null && /* @__PURE__ */ e("span", { style: V, children: i.value })
+  ] }, o)) });
 }
-function ge({ data: t, descriptor: n, accent: i = "#2563eb", emptyText: c }) {
-  const r = Ze(t || {}, n);
-  if (!r.length)
+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 s = { color: i, fontWeight: 600 };
-  return /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: r.map((a, l) => {
-    if (a.kind === "value")
-      return /* @__PURE__ */ o("div", { style: { lineHeight: 1.5 }, children: [
-        /* @__PURE__ */ o("span", { style: A, children: [
-          a.label,
+  const r = { color: o, fontWeight: 600 };
+  return /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: l.map((d, s) => {
+    if (d.kind === "value")
+      return /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
+        /* @__PURE__ */ n("span", { style: A, children: [
+          d.label,
           " "
         ] }),
-        /* @__PURE__ */ e($, { text: a.value.join(", "), style: G })
-      ] }, l);
-    if (a.fallback)
-      return /* @__PURE__ */ o("div", { style: { lineHeight: 1.5 }, children: [
+        /* @__PURE__ */ e(W, { text: d.value.join(", "), style: V })
+      ] }, s);
+    if (d.fallback)
+      return /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
         /* @__PURE__ */ e("span", { style: A, children: "Otherwise → " }),
-        /* @__PURE__ */ e($, { text: a.outcome.join(", "), style: s })
-      ] }, l);
-    const f = a.outcome.length > 0, p = !!a.when && a.when.length > 0;
-    return a.outcomeLabel ? /* @__PURE__ */ o("div", { style: { lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ o("span", { style: A, children: [
-        a.outcomeLabel,
+        /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r })
+      ] }, s);
+    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: [
+        d.outcomeLabel,
         " "
       ] }),
-      f && /* @__PURE__ */ e($, { text: a.outcome.join(", "), style: s }),
-      p && /* @__PURE__ */ o(C, { children: [
+      p && /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r }),
+      a && /* @__PURE__ */ n(E, { children: [
         /* @__PURE__ */ e("span", { style: A, children: " when " }),
-        /* @__PURE__ */ e(Q, { conditions: a.when })
+        /* @__PURE__ */ e(X, { conditions: d.when })
       ] })
-    ] }, l) : p ? /* @__PURE__ */ o("div", { style: { lineHeight: 1.5 }, children: [
+    ] }, s) : a ? /* @__PURE__ */ n("div", { style: { lineHeight: 1.5 }, children: [
       /* @__PURE__ */ e("span", { style: A, children: "When " }),
-      /* @__PURE__ */ e(Q, { conditions: a.when }),
-      f && /* @__PURE__ */ o(C, { children: [
+      /* @__PURE__ */ e(X, { conditions: d.when }),
+      p && /* @__PURE__ */ n(E, { children: [
         /* @__PURE__ */ e("span", { style: A, children: " → " }),
-        /* @__PURE__ */ e($, { text: a.outcome.join(", "), style: s })
+        /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r })
       ] })
-    ] }, l) : /* @__PURE__ */ e("div", { style: { lineHeight: 1.5 }, children: /* @__PURE__ */ e($, { text: a.outcome.join(", "), style: s }) }, l);
+    ] }, s) : /* @__PURE__ */ e("div", { style: { lineHeight: 1.5 }, children: /* @__PURE__ */ e(W, { text: d.outcome.join(", "), style: r }) }, s);
   }) });
 }
 const Je = "#ea580c";
-function ye(t) {
-  return t ? t.replace(/[_-]+/g, " ").toLowerCase().replace(/\b\w/g, (n) => n.toUpperCase()) : "";
+function me(t) {
+  return t ? t.replace(/[_-]+/g, " ").toLowerCase().replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
 function Qe(t) {
   if (typeof t != "string" && t.label) return t.label;
-  const n = typeof t == "string" ? t : t.value ?? "";
-  return ye(n);
+  const i = typeof t == "string" ? t : t.value ?? "";
+  return me(i);
 }
-const Xe = ({ id: t, data: n }) => {
-  const { onClickAddTrigger: i, onEditNode: c, messages: r, activeTemplate: s } = S(), {
-    type: a,
-    eventType: l,
-    sources: f,
-    label: p,
+const Xe = ({ id: t, data: i }) => {
+  const { onClickAddTrigger: o, onEditNode: c, messages: l, activeTemplate: r } = S(), {
+    type: d,
+    eventType: s,
+    sources: p,
+    label: a,
     source: h,
-    previewWorkflow: u,
-    executionStatus: y,
-    infoText: g = "This node decides the flow trigger type and configuration."
-  } = n ?? {}, d = (x) => {
-    x == null || x.stopPropagation(), a === "scheduler" ? c(t) : i();
-  }, v = Array.isArray(f) && f.length > 0, k = !!(p || h), E = a === "scheduler" ? (r == null ? void 0 : r.schedulerTriggerTitle) ?? "Scheduler Trigger" : a === "event" || v || k ? (r == null ? void 0 : r.eventTriggerSourceTitle) ?? "Event Trigger Source" : (r == null ? void 0 : r.selectTriggerTitle) ?? "Select Trigger", N = (() => {
-    if (a === "scheduler")
+    previewWorkflow: y,
+    executionStatus: g,
+    infoText: u = "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 = (() => {
+    if (d === "scheduler")
       return /* @__PURE__ */ e(
         ge,
         {
-          data: n,
+          data: i,
           accent: Je,
-          emptyText: (r == null ? void 0 : r.schedulerToBeConfigured) ?? "Scheduler to be configured"
+          emptyText: (l == null ? void 0 : l.schedulerToBeConfigured) ?? "Scheduler to be configured"
         }
       );
-    if (a === "event" || v) {
-      const x = p || ye(l);
-      return /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center", children: [
+    if (d === "event" || v) {
+      const x = a || me(s);
+      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 ? f.map((R, W) => /* @__PURE__ */ e(
-          V,
+        /* @__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,
           {
-            label: Qe(R),
+            label: Qe(I),
             variant: "outlined",
             size: "small",
             className: "ff-text-dark"
           },
-          W
-        )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: (r == null ? void 0 : r.noSourceSelected) ?? "No source selected" }) })
+          D
+        )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: (l == null ? void 0 : l.noSourceSelected) ?? "No source selected" }) })
       ] });
     }
-    return k ? /* @__PURE__ */ o("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
-      p && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: p }),
-      h && /* @__PURE__ */ e(V, { label: h, variant: "outlined", size: "small" })
+    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" })
     ] }) : /* @__PURE__ */ e(
       "span",
       {
         role: "button",
         tabIndex: 0,
-        onClick: d,
+        onClick: f,
         onKeyDown: (x) => {
-          (x.key === "Enter" || x.key === " ") && d(x);
+          (x.key === "Enter" || x.key === " ") && f(x);
         },
         style: { cursor: "pointer", color: "#1e88e5" },
-        children: (r == null ? void 0 : r.selectTriggerCta) ?? "Click to select a trigger to start your workflow"
+        children: (l == null ? void 0 : l.selectTriggerCta) ?? "Click to select a trigger to start your workflow"
       }
     );
-  })(), z = y ? /* @__PURE__ */ o(C, { children: [
-    y.status === "success" && /* @__PURE__ */ e(he, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-    y.status === "failed" && /* @__PURE__ */ e(ue, { size: 16, color: "#f44336", style: { marginRight: 8 } })
-  ] }) : /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center", children: [
-    !u && /* @__PURE__ */ e(
+  })(), 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 } })
+  ] }) : /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
+    !y && /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: d,
+        onClick: f,
         onKeyDown: (x) => {
-          (x.key === "Enter" || x.key === " ") && d(x);
+          (x.key === "Enter" || x.key === " ") && f(x);
         },
         className: "ff-me-2",
         style: { cursor: "pointer", color: "#212121" },
         "aria-label": "Edit trigger",
-        children: /* @__PURE__ */ e(T, { size: 16 })
+        children: /* @__PURE__ */ e(C, { size: 16 })
       }
     ),
-    /* @__PURE__ */ e(L, { title: /* @__PURE__ */ e("div", { children: g }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(F, { color: "gray", 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 }) }) })
   ] });
-  return s != null && s.renderFullTriggerNode ? /* @__PURE__ */ o("div", { style: { position: "relative", display: "inline-block" }, children: [
+  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 } }),
-    s.renderFullTriggerNode({
-      data: n,
-      onEdit: d
+    r.renderFullTriggerNode({
+      data: i,
+      onEdit: f
     }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 }, id: "1" })
-  ] }) : /* @__PURE__ */ o("div", { style: { width: 350 }, children: [
+  ] }) : /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "12px 14px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+    /* @__PURE__ */ n("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
+      /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "12px 14px" }, children: [
+        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -373,10 +373,10 @@ const Xe = ({ id: t, data: n }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(fe, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(pe, { size: 16, color: "#388e3c" })
             }
           ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: E })
+          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: T })
         ] }),
         /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center", children: z })
       ] }),
@@ -392,35 +392,35 @@ const Xe = ({ id: t, data: n }) => {
             borderRadius: 6,
             textAlign: "left"
           },
-          children: N
+          children: k
         }
       )
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
 };
-function me(t) {
-  return t ? t.replace(/[_-]+/g, " ").replace(/\b\w/g, (n) => n.toUpperCase()) : "";
+function be(t) {
+  return t ? t.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
 function et(t) {
   if (typeof t != "string" && t.label) return t.label;
-  const n = typeof t == "string" ? t : t.value ?? "";
-  return me(n);
+  const i = typeof t == "string" ? t : t.value ?? "";
+  return be(i);
 }
 const tt = ({ data: t }) => {
   const {
-    header: n = "Event",
-    title: i,
+    header: i = "Event",
+    title: o,
     eventType: c,
-    sources: r,
-    executionStatus: s,
-    infoText: a = "This event is raised by the system. It cannot be configured."
-  } = t ?? {}, l = i || me(c) || "—";
-  return /* @__PURE__ */ o("div", { style: { width: 350 }, children: [
+    sources: l,
+    executionStatus: r,
+    infoText: d = "This event is raised by the system. It cannot be configured."
+  } = t ?? {}, s = o || be(c) || "—";
+  return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "12px 14px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+    /* @__PURE__ */ n("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
+      /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "12px 14px" }, children: [
+        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -434,18 +434,18 @@ const tt = ({ data: t }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(fe, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(pe, { size: 16, color: "#388e3c" })
             }
           ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: n })
+          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: i })
         ] }),
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center", children: [
-          (s == null ? void 0 : s.status) === "success" && /* @__PURE__ */ e(he, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-          (s == null ? void 0 : s.status) === "failed" && /* @__PURE__ */ e(ue, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
-          !s && /* @__PURE__ */ e(L, { title: /* @__PURE__ */ e("div", { children: a }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(F, { color: "gray", size: 16 }) }) })
+        /* @__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 }) }) })
         ] })
       ] }),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ n(
         "div",
         {
           style: {
@@ -458,18 +458,18 @@ const tt = ({ data: t }) => {
             textAlign: "left"
           },
           children: [
-            /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: l }),
-            Array.isArray(r) && r.length > 0 && /* @__PURE__ */ o(C, { children: [
+            /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: s }),
+            Array.isArray(l) && l.length > 0 && /* @__PURE__ */ n(E, { 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: r.map((f, p) => /* @__PURE__ */ e(
-                V,
+              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: l.map((p, a) => /* @__PURE__ */ e(
+                G,
                 {
-                  label: et(f),
+                  label: et(p),
                   variant: "outlined",
                   size: "small",
                   className: "ff-text-dark"
                 },
-                p
+                a
               )) })
             ] })
           ]
@@ -478,74 +478,87 @@ const tt = ({ data: t }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
-}, be = ({ rail: t, cardWidth: n }) => {
-  const i = n / 2;
-  n / 2 + t.indent;
+}, Z = ({ rail: t, cardWidth: i }) => {
+  const o = i / 2;
+  i / 2 + t.indent;
   const c = "var(--ff-edge-color, #b0bec5)";
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     "svg",
     {
-      width: n + t.indent + 200,
+      width: i + t.indent + 200,
       height: t.height,
       style: { position: "absolute", left: 0, top: "100%", pointerEvents: "none", overflow: "visible" },
       children: [
-        /* @__PURE__ */ e("line", { x1: i, y1: 0, x2: i, y2: t.height, stroke: c, strokeWidth: 1.5 }),
-        t.branches.map((r, s) => {
-          const a = r.y;
-          return /* @__PURE__ */ o("g", { transform: `translate(0, ${a})`, 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;
+          return /* @__PURE__ */ n("g", { transform: `translate(0, ${d})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
-                x: i - 5,
+                x: o - 5,
                 y: -5,
                 width: 10,
                 height: 10,
                 fill: "#fff",
                 stroke: c,
                 strokeWidth: 1.5,
-                transform: `rotate(45, ${i}, 0)`
+                transform: `rotate(45, ${o}, 0)`
               }
             ),
             /* @__PURE__ */ e(
               "text",
               {
-                x: i + 14,
+                x: o + 14,
                 y: 4,
                 fontSize: 12,
                 fontWeight: 500,
                 fill: "var(--ff-text, #212121)",
                 style: { fontFamily: "sans-serif" },
-                children: r.label
+                children: l.label
               }
             )
-          ] }, s);
+          ] }, r);
         })
       ]
     }
   );
-}, nt = ({ id: t, data: n }) => {
-  const { onEditNode: i, onDeleteNode: c } = S(), { conditions: r = [], infoText: s = "Filter conditions applied to workflow data", _branchRail: a } = n;
-  return /* @__PURE__ */ o("div", { style: { width: 350, position: "relative" }, children: [
+}, 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: [
+    /* @__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%" } })
+  ] });
+  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)
+    }),
+    g,
+    !y && s && /* @__PURE__ */ e(Z, { rail: s, cardWidth: 350 })
+  ] }) : /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center", children: [
+    /* @__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("span", { className: "ff-ms-2 ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Filter" })
         ] }),
-        /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: (l) => {
-                l.stopPropagation(), i(t);
+              onClick: (u) => {
+                u.stopPropagation(), o(t);
               },
-              onKeyDown: (l) => {
-                l.key === "Enter" && (l.stopPropagation(), i(t));
+              onKeyDown: (u) => {
+                u.key === "Enter" && (u.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -554,60 +567,60 @@ const tt = ({ data: t }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (l) => {
-                l.stopPropagation(), c(t);
+              onClick: (u) => {
+                u.stopPropagation(), c(t);
               },
-              onKeyDown: (l) => {
-                l.key === "Enter" && (l.stopPropagation(), c(t));
+              onKeyDown: (u) => {
+                u.key === "Enter" && (u.stopPropagation(), c(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e(L, { title: s, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(F, { color: "gray", 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("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((l, f) => /* @__PURE__ */ o("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: l.field, children: l.field }),
-        /* @__PURE__ */ e("span", { className: "ff-text-muted", children: l.operator }),
-        /* @__PURE__ */ e("p", { className: "ff-text-dark ff-text-truncate ff-mx-1 ff-m-0", title: l.value, children: l.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: l.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((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 })
       ] }, f)) })
     ] }),
-    /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } }),
-    a && /* @__PURE__ */ e(be, { rail: a, cardWidth: 350 })
+    g,
+    !y && s && /* @__PURE__ */ e(Z, { rail: s, cardWidth: 350 })
   ] });
-}, ot = ({ id: t, data: n }) => {
-  const { onEditNode: i, onDeleteNode: c, nodeRegistry: r, nodeBody: s = "full", messages: a } = S(), { title: l = "Task", descriptorType: f, infoText: p = "" } = n, h = f ? r == null ? void 0 : r.forType(f) : void 0, u = h == null ? void 0 : h.icon;
-  return h != null && h.renderFullNode ? /* @__PURE__ */ o("div", { style: { position: "relative", display: "inline-block" }, children: [
+}, 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;
+  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: n,
-      onEdit: () => i(t),
+      data: i,
+      onEdit: () => o(t),
       onDelete: () => c(t)
     }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
-  ] }) : /* @__PURE__ */ o("div", { style: { width: 350 }, children: [
+  ] }) : /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 8px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          u && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: u }),
-          /* @__PURE__ */ e("span", { className: "ff-text-dark", style: { fontSize: 14, fontWeight: 500 }, children: l })
+    /* @__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 })
         ] }),
-        /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: (y) => {
-                y.stopPropagation(), i(t);
+              onClick: (g) => {
+                g.stopPropagation(), o(t);
               },
-              onKeyDown: (y) => {
-                y.key === "Enter" && (y.stopPropagation(), i(t));
+              onKeyDown: (g) => {
+                g.key === "Enter" && (g.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -616,19 +629,19 @@ const tt = ({ data: t }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (y) => {
-                y.stopPropagation(), c(t);
+              onClick: (g) => {
+                g.stopPropagation(), c(t);
               },
-              onKeyDown: (y) => {
-                y.key === "Enter" && (y.stopPropagation(), c(t));
+              onKeyDown: (g) => {
+                g.key === "Enter" && (g.stopPropagation(), c(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           ),
-          p && /* @__PURE__ */ e(L, { title: p, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(F, { color: "gray", 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 }) }) })
         ] })
       ] }),
-      s !== "title-only" && /* @__PURE__ */ e(
+      r !== "title-only" && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -641,13 +654,13 @@ const tt = ({ data: t }) => {
             color: "#212529",
             lineHeight: 1.4
           },
-          children: h != null && h.renderNode ? h.renderNode(n) : /* @__PURE__ */ e(
+          children: h != null && h.renderNode ? h.renderNode(i) : /* @__PURE__ */ e(
             ge,
             {
-              data: n,
+              data: i,
               descriptor: h,
               accent: "#2563eb",
-              emptyText: (a == null ? void 0 : a.clickEditToConfigure) ?? "Click edit to configure"
+              emptyText: (d == null ? void 0 : d.clickEditToConfigure) ?? "Click edit to configure"
             }
           )
         }
@@ -655,31 +668,31 @@ const tt = ({ data: t }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, X = 2;
-function it(t, n, i) {
-  const c = (t == null ? void 0 : t.toLowerCase()) || (n ? "sequential" : null);
-  return c ? (i == null ? void 0 : i[c]) ?? c.charAt(0).toUpperCase() + c.slice(1) : null;
+}, 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;
 }
 function lt(t) {
-  var s, a;
-  const n = Array.isArray(t.userIds) ? t.userIds.length : 0, i = ((s = t.groupName) == null ? void 0 : s.trim()) ?? "", c = ((a = t.roleName) == null ? void 0 : a.trim()) ?? "", r = n > 0 || !!i || !!c;
-  return i ? { label: `Group: ${i}`, configured: !0 } : c ? { label: `Role: ${c}`, configured: !0 } : n > 0 ? {
-    label: `${n} approver${n !== 1 ? "s" : ""}`,
+  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 ? {
+    label: `${i} approver${i !== 1 ? "s" : ""}`,
     configured: !0
-  } : { label: "Not configured", configured: r };
+  } : { label: "Not configured", configured: l };
 }
-const rt = ({ id: t, data: n }) => {
-  const { onEditNode: i, onDeleteNode: c } = S(), { approvalData: r, isPreview: s = !1, _branchRail: a, executionModeLabel: l } = n, f = (r == null ? void 0 : r.policy) ?? {}, p = f.stages ?? [], h = p.length, u = p.slice(0, X), y = h - X, g = f.name ?? f.policyName ?? "Untitled Policy";
-  return /* @__PURE__ */ o("div", { style: { width: 350, position: "relative" }, children: [
+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";
+  return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
-      /* @__PURE__ */ o(
+    /* @__PURE__ */ n("div", { style: { border: "1.5px solid #ffe082", 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 8px 8px" },
           children: [
-            /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+            /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -690,47 +703,47 @@ const rt = ({ id: t, data: n }) => {
               ),
               /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Approval Policy" })
             ] }),
-            /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
-              !s && /* @__PURE__ */ e(
+            /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+              !r && /* @__PURE__ */ e(
                 "div",
                 {
                   role: "button",
                   tabIndex: 0,
                   style: { cursor: "pointer" },
-                  onClick: (d) => {
-                    d.stopPropagation(), i(t);
+                  onClick: (f) => {
+                    f.stopPropagation(), o(t);
                   },
-                  onKeyDown: (d) => {
-                    d.key === "Enter" && (d.stopPropagation(), i(t));
+                  onKeyDown: (f) => {
+                    f.key === "Enter" && (f.stopPropagation(), o(t));
                   },
                   "data-testid": "approval-node-edit-btn",
-                  children: /* @__PURE__ */ e(T, { size: 16, className: "ff-text-secondary" })
+                  children: /* @__PURE__ */ e(C, { size: 16, className: "ff-text-secondary" })
                 }
               ),
-              !s && /* @__PURE__ */ e(
+              !r && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "ff-ms-2",
                   role: "button",
                   tabIndex: 0,
                   style: { cursor: "pointer" },
-                  onClick: (d) => {
-                    d.stopPropagation(), c(t);
+                  onClick: (f) => {
+                    f.stopPropagation(), c(t);
                   },
-                  onKeyDown: (d) => {
-                    d.key === "Enter" && (d.stopPropagation(), c(t));
+                  onKeyDown: (f) => {
+                    f.key === "Enter" && (f.stopPropagation(), c(t));
                   },
                   "data-testid": "approval-node-delete-btn",
                   children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
                 }
               ),
               /* @__PURE__ */ e(
-                L,
+                R,
                 {
                   title: "This approval policy determines who must approve a request before the workflow continues.",
                   arrow: !0,
                   placement: "right",
-                  children: /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-d-inline-flex", children: /* @__PURE__ */ e(F, { color: "gray", size: 16 }) })
+                  children: /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-d-inline-flex", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) })
                 }
               )
             ] })
@@ -742,11 +755,11 @@ const rt = ({ id: t, data: n }) => {
         {
           className: "ff-text-truncate ff-text-dark ff-fw-bold",
           style: { margin: "0 10px 8px", fontSize: 13 },
-          title: g,
-          children: g
+          title: u,
+          children: u
         }
       ),
-      /* @__PURE__ */ e("div", { style: { margin: "0 10px 10px", display: "flex", flexDirection: "column", gap: 8 }, children: p.length === 0 ? /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { style: { margin: "0 10px 10px", display: "flex", flexDirection: "column", gap: 8 }, children: a.length === 0 ? /* @__PURE__ */ e(
         "div",
         {
           className: "ff-text-center",
@@ -760,20 +773,20 @@ const rt = ({ id: t, data: n }) => {
           },
           children: "No stages configured"
         }
-      ) : /* @__PURE__ */ o(C, { children: [
-        u.map((d, v) => {
+      ) : /* @__PURE__ */ n(E, { children: [
+        y.map((f, v) => {
           var x;
-          const k = ((x = d.stageName) == null ? void 0 : x.trim()) || `Stage ${v + 1}`, { label: E, configured: N } = lt(d), z = it(
-            d.executionMode,
-            d.isSequential,
-            l
+          const w = ((x = f.stageName) == null ? void 0 : x.trim()) || `Stage ${v + 1}`, { label: T, configured: k } = lt(f), z = ot(
+            f.executionMode,
+            f.isSequential,
+            s
           );
-          return /* @__PURE__ */ o(
+          return /* @__PURE__ */ n(
             "div",
             {
               style: { background: "#f5f5f5", borderRadius: 6, padding: 8 },
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ff-d-flex ff-align-items-center",
@@ -801,30 +814,30 @@ const rt = ({ id: t, data: n }) => {
                         {
                           className: "ff-text-dark ff-text-truncate",
                           style: { fontSize: 12, fontWeight: 700, marginRight: "auto" },
-                          children: k
+                          children: w
                         }
                       ),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ n(
                         "div",
                         {
-                          className: `ff-d-flex ff-align-items-center ff-flex-shrink-0 ${N ? "ff-text-dark" : "ff-text-muted"}`,
+                          className: `ff-d-flex ff-align-items-center ff-flex-shrink-0 ${k ? "ff-text-dark" : "ff-text-muted"}`,
                           style: { gap: 4, fontSize: 12 },
                           children: [
                             /* @__PURE__ */ e(
                               Ee,
                               {
                                 size: 15,
-                                style: { color: N ? "#5D4037" : "#9E9E9E" }
+                                style: { color: k ? "#5D4037" : "#9E9E9E" }
                               }
                             ),
-                            E
+                            T
                           ]
                         }
                       )
                     ]
                   }
                 ),
-                z && /* @__PURE__ */ o(
+                z && /* @__PURE__ */ n(
                   "div",
                   {
                     className: "ff-d-flex ff-align-items-center",
@@ -847,61 +860,61 @@ const rt = ({ id: t, data: n }) => {
             v
           );
         }),
-        y > 0 && // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        /* @__PURE__ */ o(
+        g > 0 && // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        /* @__PURE__ */ n(
           "div",
           {
             className: "ff-text-primary",
             style: {
               fontSize: 12,
               marginTop: 4,
-              cursor: s ? "default" : "pointer",
+              cursor: r ? "default" : "pointer",
               color: "#1976d2"
             },
-            role: s ? void 0 : "button",
-            tabIndex: s ? void 0 : 0,
-            onClick: (d) => {
-              s || (d.stopPropagation(), i(t));
+            role: r ? void 0 : "button",
+            tabIndex: r ? void 0 : 0,
+            onClick: (f) => {
+              r || (f.stopPropagation(), o(t));
             },
-            onKeyDown: (d) => {
-              s || (d.key === "Enter" || d.key === " ") && (d.stopPropagation(), i(t));
+            onKeyDown: (f) => {
+              r || (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), o(t));
             },
             children: [
               "+ ",
-              y,
+              g,
               " More Stage",
-              y > 1 ? "s" : ""
+              g > 1 ? "s" : ""
             ]
           }
         )
       ] }) })
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } }),
-    a && /* @__PURE__ */ e(be, { rail: a, cardWidth: 350 })
+    d && /* @__PURE__ */ e(Z, { rail: d, cardWidth: 350 })
   ] });
-}, st = ({ id: t, data: n }) => {
-  const { onEditNode: i, onDeleteNode: c } = S(), { duration: r, unit: s } = n, a = r != null && s, l = a ? `Wait ${r} ${s}` : "Not configured";
-  return /* @__PURE__ */ o("div", { style: { width: 350 }, children: [
+}, 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";
+  return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+    /* @__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("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Delay" })
         ] }),
-        /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: (f) => {
-                f.stopPropagation(), i(t);
+              onClick: (p) => {
+                p.stopPropagation(), o(t);
               },
-              onKeyDown: (f) => {
-                f.key === "Enter" && (f.stopPropagation(), i(t));
+              onKeyDown: (p) => {
+                p.key === "Enter" && (p.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -910,39 +923,39 @@ const rt = ({ id: t, data: n }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (f) => {
-                f.stopPropagation(), c(t);
+              onClick: (p) => {
+                p.stopPropagation(), c(t);
               },
-              onKeyDown: (f) => {
-                f.key === "Enter" && (f.stopPropagation(), c(t));
+              onKeyDown: (p) => {
+                p.key === "Enter" && (p.stopPropagation(), c(t));
               },
               children: /* @__PURE__ */ e(P, { 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: a ? "ff-text-dark ff-fw-medium" : "ff-text-muted", children: l }) })
+      /* @__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(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, ee = {
+}, te = {
   email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Pe },
-  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: O },
-  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: O },
+  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: O },
-  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: pe }
+  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: H },
+  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: he }
 }, ct = {
   label: "Notification",
   bg: "rgba(156,39,176,0.1)",
   color: "#7b1fa2",
-  iconType: O
+  iconType: H
 };
 function at(t) {
-  var n;
+  var i;
   switch (t.channel) {
     case "email":
-      return ((n = t.emailTo) == null ? void 0 : n.join(", ")) ?? t.recipient ?? null;
+      return ((i = t.emailTo) == null ? void 0 : i.join(", ")) ?? t.recipient ?? null;
     case "slack":
       return t.slackChannel ?? null;
     case "teams":
@@ -962,8 +975,8 @@ function dt(t) {
     case "email":
       return t.emailSubject ?? t.subject ?? null;
     case "slack": {
-      const n = t.slackMessage;
-      return n ? n.length > 60 ? `${n.slice(0, 60)}…` : n : null;
+      const i = t.slackMessage;
+      return i ? i.length > 60 ? `${i.slice(0, 60)}…` : i : null;
     }
     case "in-app":
       return t.inAppTitle ?? null;
@@ -971,29 +984,29 @@ function dt(t) {
       return t.subject ?? null;
   }
 }
-const ft = ({ id: t, data: n }) => {
-  const { onEditNode: i, onDeleteNode: c } = S(), r = n, s = r.channel && ee[r.channel] ? ee[r.channel] : ct, a = at(r), l = dt(r), f = !!(r.channel && a), p = s.iconType;
-  return /* @__PURE__ */ o("div", { style: { width: j }, children: [
+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;
+  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ o("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: s.bg }, children: /* @__PURE__ */ e(p, { size: 16, color: s.color }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: r.channel ? `${s.label} Notification` : "Notification" })
+    /* @__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__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
               onClick: (h) => {
-                h.stopPropagation(), i(t);
+                h.stopPropagation(), o(t);
               },
               onKeyDown: (h) => {
-                (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), i(t));
+                (h.key === "Enter" || h.key === " ") && (h.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1013,32 +1026,32 @@ const ft = ({ id: t, data: n }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: f ? /* @__PURE__ */ o("div", { className: "ff-d-flex ff-flex-column ff-gap-1", children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: s.bg, color: s.color, fontWeight: 600, flexShrink: 0 }, children: s.label }),
-          /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { maxWidth: 220 }, children: a })
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: p ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-column ff-gap-1", children: [
+        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+          /* @__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 })
         ] }),
-        l && /* @__PURE__ */ e("span", { className: "ff-text-muted ff-text-truncate", style: { maxWidth: 280 }, children: l })
+        s && /* @__PURE__ */ e("span", { className: "ff-text-muted ff-text-truncate", style: { maxWidth: 280 }, children: s })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, te = {
+}, ne = {
   "api-key": "API Key",
   hmac: "HMAC"
 }, pt = ({ data: t }) => {
-  const { onClickAddTrigger: n } = S(), { label: i = "Webhook Trigger", endpointUrl: c, authMethod: r, source: s } = t, a = (f) => {
-    f.stopPropagation(), n();
-  }, l = (f) => {
-    f.stopPropagation(), c && navigator.clipboard.writeText(c).catch(() => {
+  const { onClickAddTrigger: i } = S(), { label: o = "Webhook Trigger", endpointUrl: c, authMethod: l, source: r } = t, d = (p) => {
+    p.stopPropagation(), i();
+  }, s = (p) => {
+    p.stopPropagation(), c && navigator.clipboard.writeText(c).catch(() => {
     });
   };
-  return /* @__PURE__ */ o("div", { style: { width: j }, children: [
+  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #90caf9", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ o("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(pe, { size: 16, color: "#1565c0" }) }),
+    /* @__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("span", { style: { fontSize: 13, fontWeight: 600, color: "#212121" }, children: "Webhook Trigger" })
         ] }),
         /* @__PURE__ */ e(
@@ -1046,32 +1059,32 @@ const ft = ({ id: t, data: n }) => {
           {
             role: "button",
             tabIndex: 0,
-            onClick: a,
-            onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && a(f);
+            onClick: d,
+            onKeyDown: (p) => {
+              (p.key === "Enter" || p.key === " ") && d(p);
             },
             className: "ff-d-flex ff-align-items-center",
             style: { paddingRight: 4, cursor: "pointer" },
-            children: /* @__PURE__ */ e(T, { size: 16, color: "#555" })
+            children: /* @__PURE__ */ e(C, { size: 16, color: "#555" })
           }
         )
       ] }),
-      /* @__PURE__ */ o("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#e3f2fd", border: "1px solid #90caf9" }, children: [
-        /* @__PURE__ */ o("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: i }),
-          s && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 11, background: "#fff", border: "1px solid #90caf9", color: "#1565c0" }, children: s }),
-          r && r !== "none" && te[r] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: te[r] })
+      /* @__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 }),
+          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] })
         ] }),
-        c && /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-1", style: { marginTop: 4 }, children: [
+        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(L, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(R, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: l,
-              onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && l(f);
+              onClick: s,
+              onKeyDown: (p) => {
+                (p.key === "Enter" || p.key === " ") && s(p);
               },
               style: { cursor: "pointer", flexShrink: 0 },
               children: /* @__PURE__ */ e(Ie, { size: 12, color: "#1565c0" })
@@ -1082,30 +1095,30 @@ const ft = ({ id: t, data: n }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, ht = ({ id: t, data: n }) => {
-  var y;
-  const { onEditNode: i, onDeleteNode: c, nodeRegistry: r } = S(), { method: s, url: a, descriptorType: l } = n, f = l ? (y = r == null ? void 0 : r.forType(l)) == null ? void 0 : y.icon : /* @__PURE__ */ e(Le, { size: 16, color: "#546e7a" }), p = !!(s && a), h = (s == null ? void 0 : s.toUpperCase()) ?? "", u = Be[h] ?? null;
-  return /* @__PURE__ */ o("div", { style: { width: j }, children: [
+}, ht = ({ 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;
+  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, display: "flex", alignItems: "center", justifyContent: "center" }, children: f }),
+    /* @__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", { style: { width: 25, height: 25, display: "flex", alignItems: "center", justifyContent: "center" }, children: p }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "REST API Call" })
         ] }),
-        /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: (g) => {
-                g.stopPropagation(), i(t);
+              onClick: (u) => {
+                u.stopPropagation(), o(t);
               },
-              onKeyDown: (g) => {
-                (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), i(t));
+              onKeyDown: (u) => {
+                (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1114,20 +1127,20 @@ const ft = ({ id: t, data: n }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (g) => {
-                g.stopPropagation(), c(t);
+              onClick: (u) => {
+                u.stopPropagation(), c(t);
               },
-              onKeyDown: (g) => {
-                (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), c(t));
+              onKeyDown: (u) => {
+                (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), c(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: p ? /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-        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: a, children: a })
+      /* @__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 }),
+        /* @__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 } })
@@ -1144,29 +1157,29 @@ const ft = ({ id: t, data: n }) => {
   endsWith: "ends with",
   isEmpty: "is empty",
   isNotEmpty: "is not empty"
-}, gt = ({ id: t, data: n }) => {
-  const { onEditNode: i, onDeleteNode: c } = S(), { title: r = "Condition Branch", branchConfigs: s = [], defaultBranch: a } = n, l = s.length > 0;
-  return /* @__PURE__ */ o("div", { style: { width: j }, children: [
+}, yt = ({ id: t, data: i }) => {
+  const { onEditNode: o, onDeleteNode: c } = S(), { title: l = "Condition Branch", branchConfigs: r = [], defaultBranch: d } = i, s = r.length > 0;
+  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #b39ddb", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+    /* @__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: r })
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: l })
         ] }),
-        /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: (f) => {
-                f.stopPropagation(), i(t);
+              onClick: (p) => {
+                p.stopPropagation(), o(t);
               },
-              onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), i(t));
+              onKeyDown: (p) => {
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1175,33 +1188,33 @@ const ft = ({ id: t, data: n }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (f) => {
-                f.stopPropagation(), c(t);
+              onClick: (p) => {
+                p.stopPropagation(), c(t);
               },
-              onKeyDown: (f) => {
-                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), c(t));
+              onKeyDown: (p) => {
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), c(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: l ? /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-        s.map((f, p) => {
-          var g, d;
-          const h = Y[p % Y.length], u = (g = f.conditions) == null ? void 0 : g[0], y = (((d = f.conditions) == null ? void 0 : d.length) ?? 0) - 1;
-          return /* @__PURE__ */ o("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: f.label || f.key }),
-            u ? /* @__PURE__ */ o("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-              u.field,
+      /* @__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: [
+        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;
+          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,
               " ",
-              ut[u.operator] ?? u.operator,
-              u.value ? ` ${u.value}` : "",
-              y > 0 ? ` +${y} more` : ""
+              ut[y.operator] ?? y.operator,
+              y.value ? ` ${y.value}` : "",
+              g > 0 ? ` +${g} more` : ""
             ] }) : /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "No conditions yet" })
-          ] }, f.key);
+          ] }, p.key);
         }),
-        a && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 6, marginTop: 2 }, children: [
+        d && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6, marginTop: 2 }, children: [
           /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: "#f5f5f5", color: "#757575", flexShrink: 0 }, children: "Default" }),
           /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "fallback path" })
         ] })
@@ -1209,32 +1222,32 @@ const ft = ({ id: t, data: n }) => {
     ] }),
     /* @__PURE__ */ e(m, { type: "source", position: b.Bottom, style: { opacity: 0 } })
   ] });
-}, yt = ({ id: t, data: n }) => {
-  var g;
-  const { onEditNode: i, onDeleteNode: c, nodeRegistry: r } = S(), { title: s = "Sub-Workflow", workflowId: a, workflowLabel: l, descriptorType: f, onPreview: p } = n, h = f ? (g = r == null ? void 0 : r.forType(f)) == null ? void 0 : g.icon : /* @__PURE__ */ e(De, { size: 16, color: "#00695c" }), u = !!a, y = (d) => {
-    d.stopPropagation(), a && p && p(a);
+}, 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) => {
+    f.stopPropagation(), d && a && a(d);
   };
-  return /* @__PURE__ */ o("div", { style: { width: j }, children: [
+  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
     /* @__PURE__ */ e(m, { type: "target", position: b.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ o("div", { style: { border: "1.5px solid #80cbc4", borderRadius: 8, background: "#fff" }, children: [
-      /* @__PURE__ */ o("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
+    /* @__PURE__ */ n("div", { style: { border: "1.5px solid #80cbc4", 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(0,137,123,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: h }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: s })
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: r })
         ] }),
-        /* @__PURE__ */ o("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
+        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
-              onClick: (d) => {
-                d.stopPropagation(), i(t);
+              onClick: (f) => {
+                f.stopPropagation(), o(t);
               },
-              onKeyDown: (d) => {
-                (d.key === "Enter" || d.key === " ") && (d.stopPropagation(), i(t));
+              onKeyDown: (f) => {
+                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), o(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(C, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1243,33 +1256,33 @@ const ft = ({ id: t, data: n }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (d) => {
-                d.stopPropagation(), c(t);
+              onClick: (f) => {
+                f.stopPropagation(), c(t);
               },
-              onKeyDown: (d) => {
-                (d.key === "Enter" || d.key === " ") && (d.stopPropagation(), c(t));
+              onKeyDown: (f) => {
+                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), c(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__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__ */ o("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-between", children: [
-        /* @__PURE__ */ o("div", { className: "ff-d-flex ff-flex-column ff-gap-1", children: [
-          /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 600, color: "#00695c" }, children: l || a }),
-          /* @__PURE__ */ o("span", { style: { fontSize: 10, color: "#80cbc4", fontFamily: "monospace" }, children: [
+      /* @__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__ */ 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__ */ n("span", { style: { fontSize: 10, color: "#80cbc4", fontFamily: "monospace" }, children: [
             "ID: ",
-            a
+            d
           ] })
         ] }),
-        p && /* @__PURE__ */ o(
+        a && /* @__PURE__ */ n(
           "div",
           {
             role: "button",
             tabIndex: 0,
-            onClick: y,
-            onKeyDown: (d) => {
-              (d.key === "Enter" || d.key === " ") && y(d);
+            onClick: g,
+            onKeyDown: (f) => {
+              (f.key === "Enter" || f.key === " ") && g(f);
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
             children: [
@@ -1290,123 +1303,123 @@ const ft = ({ id: t, data: n }) => {
   triggerNode: Xe,
   eventNode: tt,
   filterNode: nt,
-  actionNode: ot,
+  actionNode: it,
   approvalNode: rt,
   delayNode: st,
   notificationNode: ft,
   webhookTriggerNode: pt,
   restApiNode: ht,
-  conditionBranchNode: gt,
-  subWorkflowNode: yt
-}, mt = 11.5, ne = 2, _ = 6, oe = 40, ie = 20, le = 4, Lt = ({
+  conditionBranchNode: yt,
+  subWorkflowNode: gt
+}, mt = 11.5, ie = 2, _ = 6, oe = 40, le = 20, re = 4, Lt = ({
   id: t,
-  sourceX: n,
-  sourceY: i,
+  sourceX: i,
+  sourceY: o,
   targetX: c,
-  targetY: r,
-  sourcePosition: s,
-  targetPosition: a,
-  source: l,
-  target: f,
-  data: p
+  targetY: l,
+  sourcePosition: r,
+  targetPosition: d,
+  source: s,
+  target: p,
+  data: a
 }) => {
-  const [h, u, y] = U({
-    sourceX: n,
-    sourceY: i,
+  const [h, y, g] = U({
+    sourceX: i,
+    sourceY: o,
     targetX: c,
-    targetY: r
-  }), g = p == null ? void 0 : p.label, d = g === "Pass", v = d || g === "Fail", k = n + (c - n) / 3, E = i + (r - i) / 3, N = n + 2 * (c - n) / 3, z = i + 2 * (r - i) / 3, x = p == null ? void 0 : p.onAddStepClick, R = (D) => {
-    if (D.stopPropagation(), typeof x != "function") return;
+    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 = {
       edgeId: t,
-      nodeId: l,
-      sourceNodeId: l,
-      targetNodeId: f,
+      nodeId: s,
+      sourceNodeId: s,
+      targetNodeId: p,
       position: "between",
-      referenceNodeId: l,
-      referenceNodeType: p == null ? void 0 : p.referenceNodeType,
-      stepVisibility: p == null ? void 0 : p.stepVisibility
+      referenceNodeId: s,
+      referenceNodeType: a == null ? void 0 : a.referenceNodeType,
+      stepVisibility: a == null ? void 0 : a.stepVisibility
     };
-    x(l, xe);
-  }, W = (D) => {
-    (D.key === "Enter" || D.key === " ") && (D.preventDefault(), R(D));
-  }, I = () => /* @__PURE__ */ o(C, { children: [
-    /* @__PURE__ */ o("g", { className: "plus-icon-container", children: [
+    x(s, xe);
+  }, D = (N) => {
+    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), I(N));
+  }, j = () => /* @__PURE__ */ n(E, { 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: ne, strokeLinecap: "round", className: "plus-line" }),
-      /* @__PURE__ */ e("line", { x1: -_, y1: 0, x2: _, y2: 0, strokeWidth: ne, strokeLinecap: "round", className: "plus-line" })
+      /* @__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__ */ o("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
+    /* @__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" })
     ] })
-  ] }), w = x ? {
-    onClick: R,
-    onKeyDown: W,
+  ] }), L = x ? {
+    onClick: I,
+    onKeyDown: D,
     role: "button",
     tabIndex: 0,
     style: { cursor: "pointer", pointerEvents: "all" }
   } : {
     style: { cursor: "default", pointerEvents: "all" }
   };
-  return /* @__PURE__ */ o("g", { className: "edge-with-plus-wrapper", children: [
+  return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
     /* @__PURE__ */ e(q, { id: t, path: h }),
-    v ? /* @__PURE__ */ o(C, { children: [
-      /* @__PURE__ */ o("g", { transform: `translate(${k}, ${E})`, children: [
-        /* @__PURE__ */ e("rect", { x: -oe / 2, y: -ie / 2, width: oe, height: ie, rx: le, ry: le, fill: d ? "#ADE6C5" : "#FDBFBF" }),
-        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: d ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: g })
+    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("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${N}, ${z})`, "data-testid": "plus-node-icon", ...w, children: /* @__PURE__ */ e(I, {}) })
-    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${u}, ${y})`, "data-testid": "plus-node-icon", ...w, children: /* @__PURE__ */ e(I, {}) })
+      /* @__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, {}) })
   ] });
-}, bt = 11.5, re = 2, K = 6, Rt = ({
+}, bt = 11.5, se = 2, K = 6, Rt = ({
   id: t,
-  sourceX: n,
-  sourceY: i,
+  sourceX: i,
+  sourceY: o,
   targetX: c,
-  targetY: r,
-  source: s,
-  target: a,
-  data: l
+  targetY: l,
+  source: r,
+  target: d,
+  data: s
 }) => {
-  const [f, p, h] = U({
-    sourceX: n,
-    sourceY: i,
+  const [p, a, h] = U({
+    sourceX: i,
+    sourceY: o,
     targetX: c,
-    targetY: r
-  }), u = l == null ? void 0 : l.onAddStepClick, y = (d) => {
-    d.stopPropagation(), typeof u == "function" && u(s, {
+    targetY: l
+  }), y = s == null ? void 0 : s.onAddStepClick, g = (f) => {
+    f.stopPropagation(), typeof y == "function" && y(r, {
       edgeId: t,
-      nodeId: s,
-      sourceNodeId: s,
-      targetNodeId: a,
+      nodeId: r,
+      sourceNodeId: r,
+      targetNodeId: d,
       position: "between",
-      referenceNodeId: s,
-      referenceNodeType: l == null ? void 0 : l.referenceNodeType,
-      stepVisibility: l == null ? void 0 : l.stepVisibility,
-      filterId: l == null ? void 0 : l.filterId,
-      branch: l == null ? void 0 : l.branch
+      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
     });
-  }, g = (d) => {
-    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), y(d));
+  }, u = (f) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), g(f));
   };
-  return /* @__PURE__ */ o("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(q, { id: t, path: f, style: { stroke: "#b0bec5" } }),
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
+    /* @__PURE__ */ e(q, { id: t, path: p, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ n(
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${p}, ${h})`,
+        transform: `translate(${a}, ${h})`,
         style: {
-          cursor: u ? "pointer" : "default",
+          cursor: y ? "pointer" : "default",
           pointerEvents: "all",
           outline: "none"
         },
-        onClick: u ? y : void 0,
-        onKeyDown: u ? g : void 0,
-        role: u ? "button" : void 0,
-        tabIndex: u ? 0 : void 0,
+        onClick: y ? g : void 0,
+        onKeyDown: y ? u : void 0,
+        role: y ? "button" : void 0,
+        tabIndex: y ? 0 : void 0,
         "data-testid": "plus-node-icon",
         children: [
           /* @__PURE__ */ e("circle", { r: bt, className: "edge-plus-circle" }),
@@ -1417,7 +1430,7 @@ const ft = ({ id: t, data: n }) => {
               y1: -K,
               x2: 0,
               y2: K,
-              strokeWidth: re,
+              strokeWidth: se,
               strokeLinecap: "round",
               className: "plus-line"
             }
@@ -1429,12 +1442,12 @@ const ft = ({ id: t, data: n }) => {
               y1: 0,
               x2: K,
               y2: 0,
-              strokeWidth: re,
+              strokeWidth: se,
               strokeLinecap: "round",
               className: "plus-line"
             }
           ),
-          /* @__PURE__ */ o("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
+          /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
             /* @__PURE__ */ e(
               "rect",
               {
@@ -1464,67 +1477,67 @@ const ft = ({ id: t, data: n }) => {
       }
     )
   ] });
-}, Dt = ({ id: t, sourceX: n, sourceY: i, targetX: c, targetY: r }) => {
-  const [s] = U({ sourceX: n, sourceY: i, targetX: c, targetY: r });
-  return /* @__PURE__ */ e(q, { id: t, path: s, style: { stroke: "#b0bec5" } });
-}, xt = 11.5, se = 2, M = 6, vt = -24, ce = 40, ae = 20, de = 4, Wt = ({
+}, 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 = ({
   id: t,
-  sourceX: n,
-  sourceY: i,
+  sourceX: i,
+  sourceY: o,
   targetX: c,
-  targetY: r,
-  source: s,
-  target: a,
-  data: l
+  targetY: l,
+  source: r,
+  target: d,
+  data: s
 }) => {
-  const [f, p, h] = U({ sourceX: n, sourceY: i, targetX: c, targetY: r }), u = l == null ? void 0 : l.label, y = u === "Pass", g = y || u === "Fail", d = l == null ? void 0 : l.onAddStepClick, v = (l == null ? void 0 : l.showPlus) !== !1 && !!d, k = (N) => {
-    N.stopPropagation(), typeof d == "function" && d(s, {
+  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, {
       edgeId: t,
-      nodeId: s,
-      sourceNodeId: s,
-      targetNodeId: a,
+      nodeId: r,
+      sourceNodeId: r,
+      targetNodeId: d,
       position: "between",
-      referenceNodeId: s,
-      referenceNodeType: l == null ? void 0 : l.referenceNodeType,
-      stepVisibility: l == null ? void 0 : l.stepVisibility
+      referenceNodeId: r,
+      referenceNodeType: s == null ? void 0 : s.referenceNodeType,
+      stepVisibility: s == null ? void 0 : s.stepVisibility
     });
-  }, E = (N) => {
-    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), k(N));
+  }, T = (k) => {
+    (k.key === "Enter" || k.key === " ") && (k.preventDefault(), w(k));
   };
-  return /* @__PURE__ */ o("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(q, { id: t, path: f, style: { stroke: "#b0bec5" } }),
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
+    /* @__PURE__ */ e(q, { id: t, path: p, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ n(
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${p}, ${h})`,
-        style: { cursor: d ? "pointer" : "default", pointerEvents: "all", outline: "none" },
-        onClick: d ? k : void 0,
-        onKeyDown: d ? E : void 0,
-        role: d ? "button" : void 0,
-        tabIndex: d ? 0 : void 0,
+        transform: `translate(${a}, ${h})`,
+        style: { cursor: f ? "pointer" : "default", pointerEvents: "all", outline: "none" },
+        onClick: f ? w : void 0,
+        onKeyDown: f ? T : void 0,
+        role: f ? "button" : void 0,
+        tabIndex: f ? 0 : void 0,
         children: [
-          g && /* @__PURE__ */ o("g", { transform: `translate(0, ${v ? vt : 0})`, children: [
+          u && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? vt : 0})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
-                x: -ce / 2,
-                y: -ae / 2,
-                width: ce,
-                height: ae,
-                rx: de,
-                ry: de,
-                fill: y ? "#ADE6C5" : "#FDBFBF"
+                x: -ae / 2,
+                y: -de / 2,
+                width: ae,
+                height: de,
+                rx: fe,
+                ry: fe,
+                fill: g ? "#ADE6C5" : "#FDBFBF"
               }
             ),
-            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: y ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: u })
+            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: g ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
           ] }),
-          v && /* @__PURE__ */ o("g", { className: "plus-icon-container", children: [
+          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: se, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -M, y1: 0, x2: M, y2: 0, strokeWidth: se, strokeLinecap: "round", className: "plus-line" })
+            /* @__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" })
           ] }),
-          v && /* @__PURE__ */ o("g", { className: "edge-plus-tooltip", transform: "translate(22, 0)", children: [
+          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" }),
             /* @__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" })
@@ -1535,49 +1548,52 @@ const ft = ({ id: t, data: n }) => {
   ] });
 }, $t = ({
   id: t,
-  source: n,
-  target: i,
+  source: i,
+  target: o,
   sourceX: c,
-  sourceY: r,
-  targetX: s,
-  targetY: a,
-  style: l = {},
-  markerEnd: f,
-  data: p
+  sourceY: l,
+  targetX: r,
+  targetY: d,
+  style: s = {},
+  markerEnd: p,
+  data: a
 }) => {
-  const h = (p == null ? void 0 : p.verticalRouting) ?? !1, u = 30, y = h ? (() => {
-    const w = a - u;
-    return `M ${c},${w} L ${s},${w} L ${s},${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}`
+  ) : h ? (() => {
+    const N = d - g;
+    return `M ${c},${N} L ${r},${N} L ${r},${d}`;
   })() : (() => {
-    const w = r + 30;
-    return `M ${c},${r} L ${c},${w} L ${s},${w} L ${s},${a}`;
-  })(), g = l.stroke || "#d1d5db", d = p == null ? void 0 : p.label, v = (p == null ? void 0 : p.isFirst) ?? !1, k = p == null ? void 0 : p.onAddStepClick, E = h ? a - u : r + 30, N = c + (s - c) * (h ? 0.25 : 0.35), z = c + (s - c) * (h ? 0.65 : 0.7), x = E, R = (w) => {
-    w.stopPropagation(), k && k(n, {
+    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, {
       edgeId: t,
-      nodeId: n,
-      sourceNodeId: n,
-      targetNodeId: i,
+      nodeId: i,
+      sourceNodeId: i,
+      targetNodeId: o,
       position: "between",
-      referenceNodeId: n,
-      filterId: p == null ? void 0 : p.filterId,
-      branch: p == null ? void 0 : p.branch
+      referenceNodeId: i,
+      filterId: a == null ? void 0 : a.filterId,
+      branch: a == null ? void 0 : a.branch
     });
-  }, W = 11.5, I = 6;
-  return /* @__PURE__ */ o("g", { children: [
-    /* @__PURE__ */ e("path", { id: t, d: y, fill: "none", stroke: g, strokeWidth: 1.5, markerEnd: f }),
-    d && !h && /* @__PURE__ */ e("g", { transform: `translate(${N}, ${x})`, children: (() => {
-      const w = Math.max(44, d.length * 7 + 20);
-      return /* @__PURE__ */ o(C, { children: [
+  }, j = 11.5, L = 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(
           "rect",
           {
-            x: -w / 2,
+            x: -N / 2,
             y: -11,
-            width: w,
+            width: N,
             height: 22,
             rx: 11,
-            fill: v ? "#e8f5e9" : "#ffebee",
-            stroke: v ? "#81c784" : "#e57373",
+            fill: w ? "#e8f5e9" : "#ffebee",
+            stroke: w ? "#81c784" : "#e57373",
             strokeWidth: 1
           }
         ),
@@ -1589,31 +1605,31 @@ const ft = ({ id: t, data: n }) => {
             textAnchor: "middle",
             fontSize: 10,
             fontWeight: 600,
-            fill: v ? "#2e7d32" : "#c62828",
+            fill: w ? "#2e7d32" : "#c62828",
             style: { fontFamily: "sans-serif", pointerEvents: "none" },
-            children: d
+            children: v
           }
         )
       ] });
     })() }),
-    k && /* @__PURE__ */ o(
+    T && /* @__PURE__ */ n(
       "g",
       {
-        transform: `translate(${z}, ${x})`,
-        onClick: R,
+        transform: `translate(${x}, ${I})`,
+        onClick: D,
         style: { cursor: "pointer", pointerEvents: "all" },
         className: "nodrag nopan edge-plus-svg",
         children: [
-          /* @__PURE__ */ e("circle", { r: W, className: "edge-plus-circle" }),
-          /* @__PURE__ */ e("line", { x1: 0, y1: -I, x2: 0, y2: I, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" }),
-          /* @__PURE__ */ e("line", { x1: -I, y1: 0, x2: I, y2: 0, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" })
+          /* @__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" })
         ]
       }
     )
   ] });
 };
 export {
-  ot as A,
+  it as A,
   st as D,
   Lt as E,
   nt as F,
@@ -1631,8 +1647,8 @@ export {
   Rt as d,
   It as e,
   ge as f,
-  Ye as g,
+  Ze as g,
   Fe as h,
-  Ze as r
+  Ye as r
 };
-//# sourceMappingURL=GatewayBranchEdge-BsPsPmnx.js.map
+//# sourceMappingURL=GatewayBranchEdge-C023FhhW.js.map