@notmrabhi/flowforge 0.1.12 → 0.1.14

package/dist/{GatewayBranchEdge-BudlH-Ea.js → GatewayBranchEdge-DH-aHDPm.js}

@@ -1,14 +1,14 @@
-import { jsxs as n, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { Handle as x, Position as N, getStraightPath as j, BaseEdge as K } from "reactflow";
-import { Tooltip as L, Chip as H } from "@mui/material";
-import { GrTrigger as re } from "react-icons/gr";
-import { createContext as se, useContext as fe } from "react";
-import { d as ce } from "./messages-CO299wPN.js";
-import { MdOutlineModeEdit as T, MdInfoOutline as _, MdInput as de, MdDeleteOutline as P, MdCheckCircle as ae, MdPeople as pe, MdSchedule as he, MdWebhook as oe, MdNotifications as B, MdSms as ge, MdEmail as ye, MdContentCopy as me, MdHttp as ue, MdCallSplit as be, MdAccountTree as xe, MdOpenInNew as Ne } from "react-icons/md";
-import { FaCheckCircle as ke, FaTimesCircle as ve } from "react-icons/fa";
+import { jsxs as n, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { Handle as b, Position as x, getStraightPath as M, BaseEdge as K } from "reactflow";
+import { Tooltip as A, Chip as U } from "@mui/material";
+import { GrTrigger as ce } from "react-icons/gr";
+import { createContext as de, useContext as ae } from "react";
+import { d as pe } from "./messages-CO299wPN.js";
+import { MdOutlineModeEdit as T, MdInfoOutline as W, MdInput as oe, MdDeleteOutline as P, MdCheckCircle as he, MdPeople as ge, MdSchedule as ye, MdWebhook as ie, MdNotifications as j, MdSms as me, MdEmail as ue, MdContentCopy as be, MdHttp as xe, MdCallSplit as Ne, MdAccountTree as ke, MdOpenInNew as ve } from "react-icons/md";
+import { FaCheckCircle as le, FaTimesCircle as re } from "react-icons/fa";
 import { FiFilter as we } from "react-icons/fi";
 import { a as F, H as Se, B as O } from "./canvasTokens-CAD6G24b.js";
-const Ee = se({
+const Ee = de({
   onEditNode: () => {
   },
   onDeleteNode: () => {
@@ -17,20 +17,20 @@ const Ee = se({
   },
   onClickAddTrigger: () => {
   },
-  messages: ce,
+  messages: pe,
   nodeRegistry: null,
   nodeBody: "full"
-}), E = () => fe(Ee), Ce = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
-  /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0, left: "50%" } }),
+}), E = () => ae(Ee), Ce = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+  /* @__PURE__ */ e(b, { type: "source", position: x.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" })
 ] }), Te = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
-  /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0, left: "50%" } }),
+  /* @__PURE__ */ e(b, { type: "target", position: x.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" })
 ] }), ze = () => {
-  const { onClickAddTrigger: t, messages: l } = E();
+  const { onClickAddTrigger: t, messages: i } = E();
   return /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0, left: "50%" } }),
-    /* @__PURE__ */ e(L, { title: l.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0, left: "50%" } }),
+    /* @__PURE__ */ e(A, { title: i.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
       "div",
       {
         onClick: t,
@@ -41,70 +41,70 @@ const Ee = se({
         },
         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(re, { size: 16 }),
-          /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: l.addTriggerButton })
+          /* @__PURE__ */ e(ce, { size: 16 }),
+          /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: i.addTriggerButton })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0, left: "50%" } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0, left: "50%" } })
   ] });
 }, Ie = ({ id: t }) => {
-  const { onAddStep: l } = E();
+  const { onAddStep: i } = E();
   return /* @__PURE__ */ n(
     "div",
     {
-      onClick: () => l(t),
+      onClick: () => i(t),
       role: "button",
       tabIndex: 0,
       onKeyDown: (f) => {
-        f.key === "Enter" && l(t);
+        f.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: [
-        /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+        /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
         "+",
-        /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+        /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
       ]
     }
   );
 };
 function Pe(t) {
-  return t ? t === "END_USER_CREATION" ? "New User Registration" : t === "END_USER_UPDATION" ? "On User Update" : t.replace(/[_-]+/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()) : "";
+  return t ? t === "END_USER_CREATION" ? "New User Registration" : t === "END_USER_UPDATION" ? "On User Update" : t.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
-function De(t) {
-  const l = typeof t == "string" ? t : t.value ?? "";
-  return l === "SIGNUP_FLOW" ? "User Self-Registration" : l === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : l === "SHEDULAR" ? "Scheduler" : typeof t != "string" && t.label ? t.label : l.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
+function Ae(t) {
+  const i = typeof t == "string" ? t : t.value ?? "";
+  return i === "SIGNUP_FLOW" ? "User Self-Registration" : i === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : i === "SHEDULAR" ? "Scheduler" : typeof t != "string" && t.label ? t.label : i.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
 }
-const Ae = ({ data: t }) => {
-  const { onClickAddTrigger: l } = E(), {
+const De = ({ data: t }) => {
+  const { onClickAddTrigger: i } = E(), {
     type: f,
-    eventType: p,
+    eventType: a,
     sources: s,
     label: r,
     source: h,
     previewWorkflow: o,
-    executionStatus: i,
+    executionStatus: l,
     infoText: d = "This node decides the flow trigger type and configuration."
   } = t ?? {}, y = (u) => {
-    u == null || u.stopPropagation(), l();
-  }, g = Array.isArray(s) && s.length > 0, b = !!(r || h), a = f === "scheduler" ? "Scheduler Trigger" : f === "event" || g || b ? "Event Trigger Source" : "Select Trigger", c = f === "scheduler" ? /* @__PURE__ */ e("span", { children: "Scheduler to be configured" }) : f === "event" || g ? /* @__PURE__ */ n("div", { children: [
+    u == null || u.stopPropagation(), i();
+  }, g = Array.isArray(s) && s.length > 0, N = !!(r || h), p = f === "scheduler" ? "Scheduler Trigger" : f === "event" || g || N ? "Event Trigger Source" : "Select Trigger", c = f === "scheduler" ? /* @__PURE__ */ e("span", { children: "Scheduler to be configured" }) : f === "event" || g ? /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-      /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: Pe(p) }),
+      /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: Pe(a) }),
       /* @__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: g ? s.map((u, w) => /* @__PURE__ */ e(
-      H,
+      U,
       {
-        label: De(u),
+        label: Ae(u),
         variant: "outlined",
         size: "small",
         className: "ff-text-dark"
       },
       w
     )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: "No source selected" }) })
-  ] }) : b ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
+  ] }) : N ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
     r && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: r }),
-    h && /* @__PURE__ */ e(H, { label: h, variant: "outlined", size: "small" })
+    h && /* @__PURE__ */ e(U, { label: h, variant: "outlined", size: "small" })
   ] }) : /* @__PURE__ */ e(
     "span",
     {
@@ -117,9 +117,9 @@ const Ae = ({ data: t }) => {
       style: { cursor: "pointer", color: "#1e88e5" },
       children: "Click to select a trigger to start your workflow"
     }
-  ), v = i ? /* @__PURE__ */ n(M, { children: [
-    i.status === "success" && /* @__PURE__ */ e(ke, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-    i.status === "failed" && /* @__PURE__ */ e(ve, { size: 16, color: "#f44336", style: { marginRight: 8 } })
+  ), v = l ? /* @__PURE__ */ n(R, { children: [
+    l.status === "success" && /* @__PURE__ */ e(le, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
+    l.status === "failed" && /* @__PURE__ */ e(re, { size: 16, color: "#f44336", style: { marginRight: 8 } })
   ] }) : /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
     !o && /* @__PURE__ */ e(
       "div",
@@ -136,10 +136,10 @@ const Ae = ({ data: t }) => {
         children: /* @__PURE__ */ e(T, { size: 16 })
       }
     ),
-    /* @__PURE__ */ e(L, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(_, { color: "gray", size: 16 }) }) })
+    /* @__PURE__ */ e(A, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
   ] });
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__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: "10px 6px" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
@@ -156,10 +156,10 @@ const Ae = ({ data: t }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(de, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(oe, { size: 16, color: "#388e3c" })
             }
           ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: a })
+          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: p })
         ] }),
         /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center", children: v })
       ] }),
@@ -178,20 +178,98 @@ const Ae = ({ data: t }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 }, id: "1" })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
-}, ie = ({ rail: t, cardWidth: l }) => {
-  const f = l / 2;
-  l / 2 + t.indent;
-  const p = "var(--ff-edge-color, #b0bec5)";
+};
+function Le(t) {
+  return t ? t === "END_USER_CREATION" ? "New User Registration" : t === "END_USER_UPDATION" ? "On User Update" : t.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
+}
+function Re(t) {
+  const i = typeof t == "string" ? t : t.value ?? "";
+  return i === "SIGNUP_FLOW" ? "User Self-Registration" : i === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : i === "SHEDULAR" || i === "SCHEDULER" ? "Scheduler" : typeof t != "string" && t.label ? t.label : i.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
+}
+const We = ({ data: t }) => {
+  const {
+    header: i = "Event",
+    title: f,
+    eventType: a,
+    sources: s,
+    executionStatus: r,
+    infoText: h = "This event is raised by the system. It cannot be configured."
+  } = t ?? {}, o = f ?? Le(a) ?? "—";
+  return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
+    /* @__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: "10px 12px" }, 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(76,175,80,0.1)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                flexShrink: 0
+              },
+              children: /* @__PURE__ */ e(oe, { size: 16, color: "#388e3c" })
+            }
+          ),
+          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: i })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
+          (r == null ? void 0 : r.status) === "success" && /* @__PURE__ */ e(le, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
+          (r == null ? void 0 : r.status) === "failed" && /* @__PURE__ */ e(re, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
+          !r && /* @__PURE__ */ e(A, { title: /* @__PURE__ */ e("div", { children: h }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            background: "#f5f5f5",
+            fontSize: 13,
+            color: "#212121",
+            padding: "10px 12px",
+            margin: "0 12px 12px",
+            borderRadius: 6
+          },
+          children: [
+            /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: o }),
+            Array.isArray(s) && s.length > 0 && /* @__PURE__ */ n(R, { 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: s.map((l, d) => /* @__PURE__ */ e(
+                U,
+                {
+                  label: Re(l),
+                  variant: "outlined",
+                  size: "small",
+                  className: "ff-text-dark"
+                },
+                d
+              )) })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 }, id: "1" })
+  ] });
+}, se = ({ rail: t, cardWidth: i }) => {
+  const f = i / 2;
+  i / 2 + t.indent;
+  const a = "var(--ff-edge-color, #b0bec5)";
   return /* @__PURE__ */ n(
     "svg",
     {
-      width: l + 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: f, y1: 0, x2: f, y2: t.height, stroke: p, strokeWidth: 1.5 }),
+        /* @__PURE__ */ e("line", { x1: f, y1: 0, x2: f, y2: t.height, stroke: a, strokeWidth: 1.5 }),
         t.branches.map((s, r) => {
           const h = s.y;
           return /* @__PURE__ */ n("g", { transform: `translate(0, ${h})`, children: [
@@ -203,7 +281,7 @@ const Ae = ({ data: t }) => {
                 width: 10,
                 height: 10,
                 fill: "#fff",
-                stroke: p,
+                stroke: a,
                 strokeWidth: 1.5,
                 transform: `rotate(45, ${f}, 0)`
               }
@@ -225,10 +303,10 @@ const Ae = ({ data: t }) => {
       ]
     }
   );
-}, Le = ({ id: t, data: l }) => {
-  const { onEditNode: f, onDeleteNode: p } = E(), { conditions: s = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: h } = l;
+}, Fe = ({ id: t, data: i }) => {
+  const { onEditNode: f, onDeleteNode: a } = E(), { conditions: s = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: h } = i;
   return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-mb-2 ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
@@ -257,31 +335,31 @@ const Ae = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               onClick: (o) => {
-                o.stopPropagation(), p(t);
+                o.stopPropagation(), a(t);
               },
               onKeyDown: (o) => {
-                o.key === "Enter" && (o.stopPropagation(), p(t));
+                o.key === "Enter" && (o.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e(L, { title: r, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(_, { color: "gray", size: 16 }) }) })
+          /* @__PURE__ */ e(A, { title: r, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ff-p-2 ff-mx-2 ff-mb-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: s.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : s.map((o, i) => /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
+      /* @__PURE__ */ e("div", { className: "ff-p-2 ff-mx-2 ff-mb-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: s.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : s.map((o, l) => /* @__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: o.field, children: o.field }),
         /* @__PURE__ */ e("span", { className: "ff-text-muted", children: o.operator }),
         /* @__PURE__ */ e("p", { className: "ff-text-dark ff-text-truncate ff-mx-1 ff-m-0", title: o.value, children: o.value }),
-        i < s.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: o.logicalOperator })
-      ] }, i)) })
+        l < s.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: o.logicalOperator })
+      ] }, l)) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } }),
-    h && /* @__PURE__ */ e(ie, { rail: h, cardWidth: 350 })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } }),
+    h && /* @__PURE__ */ e(se, { rail: h, cardWidth: 350 })
   ] });
-}, Fe = ({ id: t, data: l }) => {
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: s, nodeBody: r = "full" } = E(), { title: h = "Task", descriptorType: o, groupBlocks: i, groups: d, roles: y, groupId: g, roleId: b, infoText: a = "" } = l, c = o ? s == null ? void 0 : s.forType(o) : void 0, v = c == null ? void 0 : c.icon, u = (m) => m == null ? "" : typeof m == "string" ? m : typeof m == "object" && "label" in m ? String(m.label) : String(m), w = (m) => Array.isArray(m) ? m.map(u).filter(Boolean) : m != null && m !== "" ? [u(m)] : [], k = (i == null ? void 0 : i.flatMap((m) => m.groups ?? [])) ?? [...w(d), ...w(y), ...w(g), ...w(b)], I = k.length > 0;
+}, $e = ({ id: t, data: i }) => {
+  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s, nodeBody: r = "full" } = E(), { title: h = "Task", descriptorType: o, groupBlocks: l, groups: d, roles: y, groupId: g, roleId: N, infoText: p = "" } = i, c = o ? s == null ? void 0 : s.forType(o) : void 0, v = c == null ? void 0 : c.icon, u = (m) => m == null ? "" : typeof m == "string" ? m : typeof m == "object" && "label" in m ? String(m.label) : String(m), w = (m) => Array.isArray(m) ? m.map(u).filter(Boolean) : m != null && m !== "" ? [u(m)] : [], k = (l == null ? void 0 : l.flatMap((m) => m.groups ?? [])) ?? [...w(d), ...w(y), ...w(g), ...w(N)], I = k.length > 0;
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
@@ -310,29 +388,29 @@ const Ae = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               onClick: (m) => {
-                m.stopPropagation(), p(t);
+                m.stopPropagation(), a(t);
               },
               onKeyDown: (m) => {
-                m.key === "Enter" && (m.stopPropagation(), p(t));
+                m.key === "Enter" && (m.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           ),
-          a && /* @__PURE__ */ e(L, { title: a, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(_, { color: "gray", size: 16 }) }) })
+          p && /* @__PURE__ */ e(A, { title: p, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
-      r !== "title-only" && /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: c != null && c.renderNode ? c.renderNode(l) : I ? /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-gap-1", children: k.map((m, z) => /* @__PURE__ */ e("span", { className: "ff-badge ff-bg-dark ff-text-white ff-py-1 ff-px-2 ff-rounded", style: { fontSize: 11 }, title: m, children: m }, z)) }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
+      r !== "title-only" && /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: c != null && c.renderNode ? c.renderNode(i) : I ? /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-gap-1", children: k.map((m, z) => /* @__PURE__ */ e("span", { className: "ff-badge ff-bg-dark ff-text-white ff-py-1 ff-px-2 ff-rounded", style: { fontSize: 11 }, title: m, children: m }, z)) }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, U = 5, We = ({ id: t, data: l }) => {
-  const { onEditNode: f, onDeleteNode: p } = E(), { approvalData: s, isPreview: r = !1, _branchRail: h } = l, o = (s == null ? void 0 : s.policy) ?? {}, i = o.stages ?? [], d = i.length, y = i.slice(0, U), g = d - U, b = o.name ?? o.policyName ?? "Untitled Policy";
+}, H = 5, Be = ({ id: t, data: i }) => {
+  const { onEditNode: f, onDeleteNode: a } = E(), { approvalData: s, isPreview: r = !1, _branchRail: h } = i, o = (s == null ? void 0 : s.policy) ?? {}, l = o.stages ?? [], d = l.length, y = l.slice(0, H), g = d - H, N = o.name ?? o.policyName ?? "Untitled Policy";
   return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-mb-2 ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2", 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(251,192,45,0.2)" }, children: /* @__PURE__ */ e(ae, { style: { color: "#FBC02D" }, size: 16 }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(251,192,45,0.2)" }, children: /* @__PURE__ */ e(he, { style: { color: "#FBC02D" }, size: 16 }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Approval Policy" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -342,11 +420,11 @@ const Ae = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               style: { cursor: "pointer" },
-              onClick: (a) => {
-                a.stopPropagation(), f(t);
+              onClick: (p) => {
+                p.stopPropagation(), f(t);
               },
-              onKeyDown: (a) => {
-                a.key === "Enter" && (a.stopPropagation(), f(t));
+              onKeyDown: (p) => {
+                p.key === "Enter" && (p.stopPropagation(), f(t));
               },
               children: /* @__PURE__ */ e(T, { size: 16, className: "ff-text-secondary" })
             }
@@ -358,38 +436,38 @@ const Ae = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               style: { cursor: "pointer" },
-              onClick: (a) => {
-                a.stopPropagation(), p(t);
+              onClick: (p) => {
+                p.stopPropagation(), a(t);
               },
-              onKeyDown: (a) => {
-                a.key === "Enter" && (a.stopPropagation(), p(t));
+              onKeyDown: (p) => {
+                p.key === "Enter" && (p.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e(L, { 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(_, { color: "gray", size: 16 }) }) })
+          /* @__PURE__ */ e(A, { 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(W, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { className: "ff-p-2 ff-rounded ff-mx-2 ff-mb-2", style: { background: "#FCFCFC" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-start ff-align-items-center ff-mb-2", children: [
-          /* @__PURE__ */ e("h6", { className: "ff-text-dark ff-mb-0 ff-text-truncate ff-flex-grow-1 ff-me-2", style: { fontSize: 13, fontWeight: 700 }, title: b, children: b }),
+          /* @__PURE__ */ e("h6", { className: "ff-text-dark ff-mb-0 ff-text-truncate ff-flex-grow-1 ff-me-2", style: { fontSize: 13, fontWeight: 700 }, title: N, children: N }),
           /* @__PURE__ */ n("span", { className: "ff-badge ff-rounded-pill ff-px-2 ff-py-1 ff-flex-shrink-0", style: { background: "#FFF9C4", color: "#616161", fontSize: 11, fontWeight: 600 }, children: [
             d,
             " Stage",
             d !== 1 ? "s" : ""
           ] })
         ] }),
-        i.length > 0 ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          y.map((a, c) => {
+        l.length > 0 ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+          y.map((p, c) => {
             var z, D, C;
-            const v = ((z = a.stageName) == null ? void 0 : z.trim()) || `Stage ${c + 1}`, u = Array.isArray(a.userIds) ? a.userIds.length : 0, w = ((D = a.groupName) == null ? void 0 : D.trim()) ?? "", k = ((C = a.roleName) == null ? void 0 : C.trim()) ?? "", I = u > 0 || w || k;
+            const v = ((z = p.stageName) == null ? void 0 : z.trim()) || `Stage ${c + 1}`, u = Array.isArray(p.userIds) ? p.userIds.length : 0, w = ((D = p.groupName) == null ? void 0 : D.trim()) ?? "", k = ((C = p.roleName) == null ? void 0 : C.trim()) ?? "", I = u > 0 || w || k;
             let m = "Not configured";
             return w ? m = `Group: ${w}` : k ? m = `Role: ${k}` : u > 0 && (m = `${u} approver${u !== 1 ? "s" : ""}`), /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
               /* @__PURE__ */ e("div", { className: "ff-rounded-circle ff-d-flex ff-align-items-center ff-justify-content-center ff-flex-shrink-0", style: { width: 28, height: 28, background: "#FFF9C4", color: "#5D4037", fontSize: 12, fontWeight: 700 }, children: c + 1 }),
               /* @__PURE__ */ n("div", { className: "ff-flex-grow-1 ff-rounded ff-p-2 ff-d-flex ff-justify-content-between ff-align-items-center ff-border", style: { background: "#FFFDE7", borderColor: "#FEE79A" }, children: [
                 /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 700, color: "#212121" }, children: v }),
                 /* @__PURE__ */ n("span", { className: `ff-d-flex ff-align-items-center ff-gap-1 ${I ? "ff-text-dark" : "ff-text-muted"}`, style: { fontSize: 12 }, children: [
-                  /* @__PURE__ */ e(pe, { size: 16, className: "ff-flex-shrink-0", style: { color: I ? "#5D4037" : "#9E9E9E" } }),
+                  /* @__PURE__ */ e(ge, { size: 16, className: "ff-flex-shrink-0", style: { color: I ? "#5D4037" : "#9E9E9E" } }),
                   m
                 ] })
               ] })
@@ -402,11 +480,11 @@ const Ae = ({ data: t }) => {
               style: { fontSize: 11, color: "#1976d2", borderColor: "#FEE79A", background: "#FFFDE7", borderStyle: "dashed", cursor: r ? "default" : "pointer" },
               role: r ? void 0 : "button",
               tabIndex: r ? void 0 : 0,
-              onClick: (a) => {
-                r || (a.stopPropagation(), f(t));
+              onClick: (p) => {
+                r || (p.stopPropagation(), f(t));
               },
-              onKeyDown: (a) => {
-                r || a.key !== "Enter" || (a.stopPropagation(), f(t));
+              onKeyDown: (p) => {
+                r || p.key !== "Enter" || (p.stopPropagation(), f(t));
               },
               children: [
                 "+ ",
@@ -419,17 +497,17 @@ const Ae = ({ data: t }) => {
         ] }) : /* @__PURE__ */ e("div", { className: "ff-text-center ff-py-3 ff-rounded ff-border", style: { fontSize: 12, color: "#9e9e9e", background: "#FFFDE7", borderColor: "#FEE79A", borderStyle: "dashed" }, children: "No stages configured" })
       ] })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } }),
-    h && /* @__PURE__ */ e(ie, { rail: h, cardWidth: 350 })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } }),
+    h && /* @__PURE__ */ e(se, { rail: h, cardWidth: 350 })
   ] });
-}, Re = ({ id: t, data: l }) => {
-  const { onEditNode: f, onDeleteNode: p } = E(), { duration: s, unit: r } = l, h = s != null && r, o = h ? `Wait ${s} ${r}` : "Not configured";
+}, _e = ({ id: t, data: i }) => {
+  const { onEditNode: f, onDeleteNode: a } = E(), { duration: s, unit: r } = i, h = s != null && r, o = h ? `Wait ${s} ${r}` : "Not configured";
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(33,150,243,0.1)" }, children: /* @__PURE__ */ e(he, { size: 16, color: "#1976d2" }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(33,150,243,0.1)" }, children: /* @__PURE__ */ e(ye, { size: 16, color: "#1976d2" }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Delay" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -438,11 +516,11 @@ const Ae = ({ data: t }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (i) => {
-                i.stopPropagation(), f(t);
+              onClick: (l) => {
+                l.stopPropagation(), f(t);
               },
-              onKeyDown: (i) => {
-                i.key === "Enter" && (i.stopPropagation(), f(t));
+              onKeyDown: (l) => {
+                l.key === "Enter" && (l.stopPropagation(), f(t));
               },
               children: /* @__PURE__ */ e(T, { size: 16 })
             }
@@ -453,11 +531,11 @@ const Ae = ({ data: t }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (i) => {
-                i.stopPropagation(), p(t);
+              onClick: (l) => {
+                l.stopPropagation(), a(t);
               },
-              onKeyDown: (i) => {
-                i.key === "Enter" && (i.stopPropagation(), p(t));
+              onKeyDown: (l) => {
+                l.key === "Enter" && (l.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
@@ -466,26 +544,26 @@ const Ae = ({ data: t }) => {
       ] }),
       /* @__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: h ? "ff-text-dark ff-fw-medium" : "ff-text-muted", children: o }) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
 }, G = {
-  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: ye },
-  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: B },
-  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: B },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: ge },
-  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: B },
-  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: oe }
-}, $e = {
+  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: ue },
+  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: j },
+  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: j },
+  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: me },
+  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: j },
+  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: ie }
+}, je = {
   label: "Notification",
   bg: "rgba(156,39,176,0.1)",
   color: "#7b1fa2",
-  iconType: B
+  iconType: j
 };
-function Be(t) {
-  var l;
+function Me(t) {
+  var i;
   switch (t.channel) {
     case "email":
-      return ((l = t.emailTo) == null ? void 0 : l.join(", ")) ?? t.recipient ?? null;
+      return ((i = t.emailTo) == null ? void 0 : i.join(", ")) ?? t.recipient ?? null;
     case "slack":
       return t.slackChannel ?? null;
     case "teams":
@@ -500,13 +578,13 @@ function Be(t) {
       return t.recipient ?? null;
   }
 }
-function Me(t) {
+function Ke(t) {
   switch (t.channel) {
     case "email":
       return t.emailSubject ?? t.subject ?? null;
     case "slack": {
-      const l = t.slackMessage;
-      return l ? l.length > 60 ? `${l.slice(0, 60)}…` : l : null;
+      const i = t.slackMessage;
+      return i ? i.length > 60 ? `${i.slice(0, 60)}…` : i : null;
     }
     case "in-app":
       return t.inAppTitle ?? null;
@@ -514,10 +592,10 @@ function Me(t) {
       return t.subject ?? null;
   }
 }
-const je = ({ id: t, data: l }) => {
-  const { onEditNode: f, onDeleteNode: p } = E(), s = l, r = s.channel && G[s.channel] ? G[s.channel] : $e, h = Be(s), o = Me(s), i = !!(s.channel && h), d = r.iconType;
+const Ue = ({ id: t, data: i }) => {
+  const { onEditNode: f, onDeleteNode: a } = E(), s = i, r = s.channel && G[s.channel] ? G[s.channel] : je, h = Me(s), o = Ke(s), l = !!(s.channel && h), d = r.iconType;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
@@ -546,17 +624,17 @@ const je = ({ id: t, data: l }) => {
               role: "button",
               tabIndex: 0,
               onClick: (y) => {
-                y.stopPropagation(), p(t);
+                y.stopPropagation(), a(t);
               },
               onKeyDown: (y) => {
-                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), p(t));
+                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), a(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: i ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-column ff-gap-1", children: [
+      /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: l ? /* @__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: h })
@@ -564,24 +642,24 @@ const je = ({ id: t, data: l }) => {
         o && /* @__PURE__ */ e("span", { className: "ff-text-muted ff-text-truncate", style: { maxWidth: 280 }, children: o })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
 }, V = {
   "api-key": "API Key",
   hmac: "HMAC"
-}, Ke = ({ data: t }) => {
-  const { onClickAddTrigger: l } = E(), { label: f = "Webhook Trigger", endpointUrl: p, authMethod: s, source: r } = t, h = (i) => {
-    i.stopPropagation(), l();
-  }, o = (i) => {
-    i.stopPropagation(), p && navigator.clipboard.writeText(p).catch(() => {
+}, Oe = ({ data: t }) => {
+  const { onClickAddTrigger: i } = E(), { label: f = "Webhook Trigger", endpointUrl: a, authMethod: s, source: r } = t, h = (l) => {
+    l.stopPropagation(), i();
+  }, o = (l) => {
+    l.stopPropagation(), a && navigator.clipboard.writeText(a).catch(() => {
     });
   };
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__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 ff-mx-2 ff-mt-2 ff-mb-2", 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(oe, { size: 16, color: "#1565c0" }) }),
+          /* @__PURE__ */ e("div", { style: { width: 28, height: 28, borderRadius: 6, background: "rgba(33,150,243,0.1)", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ e(ie, { size: 16, color: "#1565c0" }) }),
           /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: "#212121" }, children: "Webhook Trigger" })
         ] }),
         /* @__PURE__ */ e(
@@ -590,8 +668,8 @@ const je = ({ id: t, data: l }) => {
             role: "button",
             tabIndex: 0,
             onClick: h,
-            onKeyDown: (i) => {
-              (i.key === "Enter" || i.key === " ") && h(i);
+            onKeyDown: (l) => {
+              (l.key === "Enter" || l.key === " ") && h(l);
             },
             className: "ff-d-flex ff-align-items-center",
             style: { paddingRight: 4, cursor: "pointer" },
@@ -605,35 +683,35 @@ const je = ({ id: t, data: l }) => {
           r && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 11, background: "#fff", border: "1px solid #90caf9", color: "#1565c0" }, children: r }),
           s && s !== "none" && V[s] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: V[s] })
         ] }),
-        p && /* @__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: p }),
-          /* @__PURE__ */ e(L, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
+        a && /* @__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: a }),
+          /* @__PURE__ */ e(A, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
               onClick: o,
-              onKeyDown: (i) => {
-                (i.key === "Enter" || i.key === " ") && o(i);
+              onKeyDown: (l) => {
+                (l.key === "Enter" || l.key === " ") && o(l);
               },
               style: { cursor: "pointer", flexShrink: 0 },
-              children: /* @__PURE__ */ e(me, { size: 12, color: "#1565c0" })
+              children: /* @__PURE__ */ e(be, { size: 12, color: "#1565c0" })
             }
           ) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, _e = ({ id: t, data: l }) => {
-  var b;
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: s } = E(), { method: r, url: h, descriptorType: o } = l, i = o ? (b = s == null ? void 0 : s.forType(o)) == null ? void 0 : b.icon : /* @__PURE__ */ e(ue, { size: 16, color: "#546e7a" }), d = !!(r && h), y = (r == null ? void 0 : r.toUpperCase()) ?? "", g = Se[y] ?? null;
+}, He = ({ id: t, data: i }) => {
+  var N;
+  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s } = E(), { method: r, url: h, descriptorType: o } = i, l = o ? (N = s == null ? void 0 : s.forType(o)) == null ? void 0 : N.icon : /* @__PURE__ */ e(xe, { size: 16, color: "#546e7a" }), d = !!(r && h), y = (r == null ? void 0 : r.toUpperCase()) ?? "", g = Se[y] ?? null;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, display: "flex", alignItems: "center", justifyContent: "center" }, children: i }),
+          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, display: "flex", alignItems: "center", justifyContent: "center" }, children: l }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "REST API Call" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -642,11 +720,11 @@ const je = ({ id: t, data: l }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (a) => {
-                a.stopPropagation(), f(t);
+              onClick: (p) => {
+                p.stopPropagation(), f(t);
               },
-              onKeyDown: (a) => {
-                (a.key === "Enter" || a.key === " ") && (a.stopPropagation(), f(t));
+              onKeyDown: (p) => {
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), f(t));
               },
               children: /* @__PURE__ */ e(T, { size: 16 })
             }
@@ -657,11 +735,11 @@ const je = ({ id: t, data: l }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (a) => {
-                a.stopPropagation(), p(t);
+              onClick: (p) => {
+                p.stopPropagation(), a(t);
               },
-              onKeyDown: (a) => {
-                (a.key === "Enter" || a.key === " ") && (a.stopPropagation(), p(t));
+              onKeyDown: (p) => {
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
@@ -673,9 +751,9 @@ const je = ({ id: t, data: l }) => {
         /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { fontFamily: "monospace", fontSize: 11 }, title: h, children: h })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, He = {
+}, Ge = {
   eq: "=",
   neq: "≠",
   gt: ">",
@@ -687,14 +765,14 @@ const je = ({ id: t, data: l }) => {
   endsWith: "ends with",
   isEmpty: "is empty",
   isNotEmpty: "is not empty"
-}, Oe = ({ id: t, data: l }) => {
-  const { onEditNode: f, onDeleteNode: p } = E(), { title: s = "Condition Branch", branchConfigs: r = [], defaultBranch: h } = l, o = r.length > 0;
+}, Ve = ({ id: t, data: i }) => {
+  const { onEditNode: f, onDeleteNode: a } = E(), { title: s = "Condition Branch", branchConfigs: r = [], defaultBranch: h } = i, o = r.length > 0;
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ n("div", { style: { border: "1.5px solid #b39ddb", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center 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", { style: { width: 25, height: 25, borderRadius: 6, background: "rgba(103,58,183,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e(be, { size: 16, color: "#512da8" }) }),
+          /* @__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(Ne, { size: 16, color: "#512da8" }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: s })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -703,11 +781,11 @@ const je = ({ id: t, data: l }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (i) => {
-                i.stopPropagation(), f(t);
+              onClick: (l) => {
+                l.stopPropagation(), f(t);
               },
-              onKeyDown: (i) => {
-                (i.key === "Enter" || i.key === " ") && (i.stopPropagation(), f(t));
+              onKeyDown: (l) => {
+                (l.key === "Enter" || l.key === " ") && (l.stopPropagation(), f(t));
               },
               children: /* @__PURE__ */ e(T, { size: 16 })
             }
@@ -718,11 +796,11 @@ const je = ({ id: t, data: l }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (i) => {
-                i.stopPropagation(), p(t);
+              onClick: (l) => {
+                l.stopPropagation(), a(t);
               },
-              onKeyDown: (i) => {
-                (i.key === "Enter" || i.key === " ") && (i.stopPropagation(), p(t));
+              onKeyDown: (l) => {
+                (l.key === "Enter" || l.key === " ") && (l.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
@@ -730,19 +808,19 @@ const je = ({ id: t, data: l }) => {
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: o ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-        r.map((i, d) => {
-          var a, c;
-          const y = O[d % O.length], g = (a = i.conditions) == null ? void 0 : a[0], b = (((c = i.conditions) == null ? void 0 : c.length) ?? 0) - 1;
+        r.map((l, d) => {
+          var p, c;
+          const y = O[d % O.length], g = (p = l.conditions) == null ? void 0 : p[0], N = (((c = l.conditions) == null ? void 0 : c.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: y.bg, color: y.color, flexShrink: 0 }, children: i.label || i.key }),
+            /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: y.bg, color: y.color, flexShrink: 0 }, children: l.label || l.key }),
             g ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
               g.field,
               " ",
-              He[g.operator] ?? g.operator,
+              Ge[g.operator] ?? g.operator,
               g.value ? ` ${g.value}` : "",
-              b > 0 ? ` +${b} more` : ""
+              N > 0 ? ` +${N} more` : ""
             ] }) : /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "No conditions yet" })
-          ] }, i.key);
+          ] }, l.key);
         }),
         h && /* @__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" }),
@@ -750,15 +828,15 @@ const je = ({ id: t, data: l }) => {
         ] })
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured — click edit to add branches" }) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, Ue = ({ id: t, data: l }) => {
-  var a;
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: s } = E(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: i, onPreview: d } = l, y = i ? (a = s == null ? void 0 : s.forType(i)) == null ? void 0 : a.icon : /* @__PURE__ */ e(xe, { size: 16, color: "#00695c" }), g = !!h, b = (c) => {
+}, qe = ({ id: t, data: i }) => {
+  var p;
+  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s } = E(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: l, onPreview: d } = i, y = l ? (p = s == null ? void 0 : s.forType(l)) == null ? void 0 : p.icon : /* @__PURE__ */ e(ke, { size: 16, color: "#00695c" }), g = !!h, N = (c) => {
     c.stopPropagation(), h && d && d(h);
   };
   return /* @__PURE__ */ n("div", { style: { width: F }, children: [
-    /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
+    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
     /* @__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 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: [
@@ -787,10 +865,10 @@ const je = ({ id: t, data: l }) => {
               role: "button",
               tabIndex: 0,
               onClick: (c) => {
-                c.stopPropagation(), p(t);
+                c.stopPropagation(), a(t);
               },
               onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), p(t));
+                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), a(t));
               },
               children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
             }
@@ -810,73 +888,74 @@ const je = ({ id: t, data: l }) => {
           {
             role: "button",
             tabIndex: 0,
-            onClick: b,
+            onClick: N,
             onKeyDown: (c) => {
-              (c.key === "Enter" || c.key === " ") && b(c);
+              (c.key === "Enter" || c.key === " ") && N(c);
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
             children: [
-              /* @__PURE__ */ e(Ne, { size: 13 }),
+              /* @__PURE__ */ e(ve, { size: 13 }),
               "Preview"
             ]
           }
         )
       ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured — select a workflow" }) })
     ] }),
-    /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
+    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, rt = {
+}, ct = {
   startNode: Ce,
   endNode: Te,
   addTriggerNode: ze,
   addStepNode: Ie,
-  triggerNode: Ae,
-  filterNode: Le,
-  actionNode: Fe,
-  approvalNode: We,
-  delayNode: Re,
-  notificationNode: je,
-  webhookTriggerNode: Ke,
-  restApiNode: _e,
-  conditionBranchNode: Oe,
-  subWorkflowNode: Ue
-}, Ge = 11.5, q = 2, W = 6, Z = 40, Y = 20, J = 4, st = ({
+  triggerNode: De,
+  eventNode: We,
+  filterNode: Fe,
+  actionNode: $e,
+  approvalNode: Be,
+  delayNode: _e,
+  notificationNode: Ue,
+  webhookTriggerNode: Oe,
+  restApiNode: He,
+  conditionBranchNode: Ve,
+  subWorkflowNode: qe
+}, Ze = 11.5, q = 2, $ = 6, Z = 40, Y = 20, J = 4, dt = ({
   id: t,
-  sourceX: l,
+  sourceX: i,
   sourceY: f,
-  targetX: p,
+  targetX: a,
   targetY: s,
   sourcePosition: r,
   targetPosition: h,
   source: o,
-  target: i,
+  target: l,
   data: d
 }) => {
-  const [y, g, b] = j({
-    sourceX: l,
+  const [y, g, N] = M({
+    sourceX: i,
     sourceY: f,
-    targetX: p,
+    targetX: a,
     targetY: s
-  }), a = d == null ? void 0 : d.label, c = a === "Pass", v = c || a === "Fail", u = l + (p - l) / 3, w = f + (s - f) / 3, k = l + 2 * (p - l) / 3, I = f + 2 * (s - f) / 3, m = d == null ? void 0 : d.onAddStepClick, z = (A) => {
-    if (A.stopPropagation(), typeof m != "function") return;
-    const le = {
+  }), p = d == null ? void 0 : d.label, c = p === "Pass", v = c || p === "Fail", u = i + (a - i) / 3, w = f + (s - f) / 3, k = i + 2 * (a - i) / 3, I = f + 2 * (s - f) / 3, m = d == null ? void 0 : d.onAddStepClick, z = (L) => {
+    if (L.stopPropagation(), typeof m != "function") return;
+    const fe = {
       edgeId: t,
       nodeId: o,
       sourceNodeId: o,
-      targetNodeId: i,
+      targetNodeId: l,
       position: "between",
       referenceNodeId: o,
       referenceNodeType: d == null ? void 0 : d.referenceNodeType,
       stepVisibility: d == null ? void 0 : d.stepVisibility
     };
-    m(o, le);
-  }, D = (A) => {
-    (A.key === "Enter" || A.key === " ") && (A.preventDefault(), z(A));
-  }, C = () => /* @__PURE__ */ n(M, { children: [
+    m(o, fe);
+  }, D = (L) => {
+    (L.key === "Enter" || L.key === " ") && (L.preventDefault(), z(L));
+  }, C = () => /* @__PURE__ */ n(R, { children: [
     /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-      /* @__PURE__ */ e("circle", { r: Ge, className: "edge-plus-circle" }),
-      /* @__PURE__ */ e("line", { x1: 0, y1: -W, x2: 0, y2: W, strokeWidth: q, strokeLinecap: "round", className: "plus-line" }),
-      /* @__PURE__ */ e("line", { x1: -W, y1: 0, x2: W, y2: 0, strokeWidth: q, strokeLinecap: "round", className: "plus-line" })
+      /* @__PURE__ */ e("circle", { r: Ze, className: "edge-plus-circle" }),
+      /* @__PURE__ */ e("line", { x1: 0, y1: -$, x2: 0, y2: $, strokeWidth: q, strokeLinecap: "round", className: "plus-line" }),
+      /* @__PURE__ */ e("line", { x1: -$, y1: 0, x2: $, y2: 0, strokeWidth: q, strokeLinecap: "round", className: "plus-line" })
     ] }),
     /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
       /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
@@ -894,30 +973,30 @@ const je = ({ id: t, data: l }) => {
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
     /* @__PURE__ */ e(K, { id: t, path: y }),
-    v ? /* @__PURE__ */ n(M, { children: [
+    v ? /* @__PURE__ */ n(R, { children: [
       /* @__PURE__ */ n("g", { transform: `translate(${u}, ${w})`, children: [
         /* @__PURE__ */ e("rect", { x: -Z / 2, y: -Y / 2, width: Z, height: Y, rx: J, ry: J, fill: c ? "#ADE6C5" : "#FDBFBF" }),
-        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: c ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: a })
+        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: c ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: p })
       ] }),
       /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${k}, ${I})`, "data-testid": "plus-node-icon", ...S, children: /* @__PURE__ */ e(C, {}) })
-    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${g}, ${b})`, "data-testid": "plus-node-icon", ...S, children: /* @__PURE__ */ e(C, {}) })
+    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${g}, ${N})`, "data-testid": "plus-node-icon", ...S, children: /* @__PURE__ */ e(C, {}) })
   ] });
-}, Ve = 11.5, Q = 2, R = 6, ft = ({
+}, Ye = 11.5, Q = 2, B = 6, at = ({
   id: t,
-  sourceX: l,
+  sourceX: i,
   sourceY: f,
-  targetX: p,
+  targetX: a,
   targetY: s,
   source: r,
   target: h,
   data: o
 }) => {
-  const [i, d, y] = j({
-    sourceX: l,
+  const [l, d, y] = M({
+    sourceX: i,
     sourceY: f,
-    targetX: p,
+    targetX: a,
     targetY: s
-  }), g = o == null ? void 0 : o.onAddStepClick, b = (c) => {
+  }), g = o == null ? void 0 : o.onAddStepClick, N = (c) => {
     c.stopPropagation(), typeof g == "function" && g(r, {
       edgeId: t,
       nodeId: r,
@@ -930,11 +1009,11 @@ const je = ({ id: t, data: l }) => {
       filterId: o == null ? void 0 : o.filterId,
       branch: o == null ? void 0 : o.branch
     });
-  }, a = (c) => {
-    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(c));
+  }, p = (c) => {
+    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), N(c));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(K, { id: t, path: i, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(K, { id: t, path: l, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ n(
       "g",
       {
@@ -945,20 +1024,20 @@ const je = ({ id: t, data: l }) => {
           pointerEvents: "all",
           outline: "none"
         },
-        onClick: g ? b : void 0,
-        onKeyDown: g ? a : void 0,
+        onClick: g ? N : void 0,
+        onKeyDown: g ? p : void 0,
         role: g ? "button" : void 0,
         tabIndex: g ? 0 : void 0,
         "data-testid": "plus-node-icon",
         children: [
-          /* @__PURE__ */ e("circle", { r: Ve, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("circle", { r: Ye, className: "edge-plus-circle" }),
           /* @__PURE__ */ e(
             "line",
             {
               x1: 0,
-              y1: -R,
+              y1: -B,
               x2: 0,
-              y2: R,
+              y2: B,
               strokeWidth: Q,
               strokeLinecap: "round",
               className: "plus-line"
@@ -967,9 +1046,9 @@ const je = ({ id: t, data: l }) => {
           /* @__PURE__ */ e(
             "line",
             {
-              x1: -R,
+              x1: -B,
               y1: 0,
-              x2: R,
+              x2: B,
               y2: 0,
               strokeWidth: Q,
               strokeLinecap: "round",
@@ -1006,20 +1085,20 @@ const je = ({ id: t, data: l }) => {
       }
     )
   ] });
-}, ct = ({ id: t, sourceX: l, sourceY: f, targetX: p, targetY: s }) => {
-  const [r] = j({ sourceX: l, sourceY: f, targetX: p, targetY: s });
+}, pt = ({ id: t, sourceX: i, sourceY: f, targetX: a, targetY: s }) => {
+  const [r] = M({ sourceX: i, sourceY: f, targetX: a, targetY: s });
   return /* @__PURE__ */ e(K, { id: t, path: r, style: { stroke: "#b0bec5" } });
-}, qe = 11.5, X = 2, $ = 6, Ze = -24, ee = 40, te = 20, ne = 4, dt = ({
+}, Je = 11.5, X = 2, _ = 6, Qe = -24, ee = 40, te = 20, ne = 4, ht = ({
   id: t,
-  sourceX: l,
+  sourceX: i,
   sourceY: f,
-  targetX: p,
+  targetX: a,
   targetY: s,
   source: r,
   target: h,
   data: o
 }) => {
-  const [i, d, y] = j({ sourceX: l, sourceY: f, targetX: p, targetY: s }), g = o == null ? void 0 : o.label, b = g === "Pass", a = b || g === "Fail", c = o == null ? void 0 : o.onAddStepClick, v = (o == null ? void 0 : o.showPlus) !== !1 && !!c, u = (k) => {
+  const [l, d, y] = M({ sourceX: i, sourceY: f, targetX: a, targetY: s }), g = o == null ? void 0 : o.label, N = g === "Pass", p = N || g === "Fail", c = o == null ? void 0 : o.onAddStepClick, v = (o == null ? void 0 : o.showPlus) !== !1 && !!c, u = (k) => {
     k.stopPropagation(), typeof c == "function" && c(r, {
       edgeId: t,
       nodeId: r,
@@ -1034,7 +1113,7 @@ const je = ({ id: t, data: l }) => {
     (k.key === "Enter" || k.key === " ") && (k.preventDefault(), u(k));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(K, { id: t, path: i, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(K, { id: t, path: l, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ n(
       "g",
       {
@@ -1046,7 +1125,7 @@ const je = ({ id: t, data: l }) => {
         role: c ? "button" : void 0,
         tabIndex: c ? 0 : void 0,
         children: [
-          a && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? Ze : 0})`, children: [
+          p && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? Qe : 0})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
@@ -1056,15 +1135,15 @@ const je = ({ id: t, data: l }) => {
                 height: te,
                 rx: ne,
                 ry: ne,
-                fill: b ? "#ADE6C5" : "#FDBFBF"
+                fill: N ? "#ADE6C5" : "#FDBFBF"
               }
             ),
-            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: b ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: g })
+            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: N ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: g })
           ] }),
           v && /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-            /* @__PURE__ */ e("circle", { r: qe, className: "edge-plus-circle" }),
-            /* @__PURE__ */ e("line", { x1: 0, y1: -$, x2: 0, y2: $, strokeWidth: X, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -$, y1: 0, x2: $, y2: 0, strokeWidth: X, strokeLinecap: "round", className: "plus-line" })
+            /* @__PURE__ */ e("circle", { r: Je, className: "edge-plus-circle" }),
+            /* @__PURE__ */ e("line", { x1: 0, y1: -_, x2: 0, y2: _, strokeWidth: X, strokeLinecap: "round", className: "plus-line" }),
+            /* @__PURE__ */ e("line", { x1: -_, y1: 0, x2: _, y2: 0, strokeWidth: X, strokeLinecap: "round", className: "plus-line" })
           ] }),
           v && /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(22, 0)", children: [
             /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
@@ -1075,41 +1154,41 @@ const je = ({ id: t, data: l }) => {
       }
     )
   ] });
-}, at = ({
+}, gt = ({
   id: t,
-  source: l,
+  source: i,
   target: f,
-  sourceX: p,
+  sourceX: a,
   sourceY: s,
   targetX: r,
   targetY: h,
   style: o = {},
-  markerEnd: i,
+  markerEnd: l,
   data: d
 }) => {
-  const y = (d == null ? void 0 : d.verticalRouting) ?? !1, g = 30, b = y ? (() => {
+  const y = (d == null ? void 0 : d.verticalRouting) ?? !1, g = 30, N = y ? (() => {
     const S = h - g;
-    return `M ${p},${S} L ${r},${S} L ${r},${h}`;
+    return `M ${a},${S} L ${r},${S} L ${r},${h}`;
   })() : (() => {
     const S = s + 30;
-    return `M ${p},${s} L ${p},${S} L ${r},${S} L ${r},${h}`;
-  })(), a = o.stroke || "#d1d5db", c = d == null ? void 0 : d.label, v = (d == null ? void 0 : d.isFirst) ?? !1, u = d == null ? void 0 : d.onAddStepClick, w = y ? h - g : s + 30, k = p + (r - p) * (y ? 0.25 : 0.35), I = p + (r - p) * (y ? 0.65 : 0.7), m = w, z = (S) => {
-    S.stopPropagation(), u && u(l, {
+    return `M ${a},${s} L ${a},${S} L ${r},${S} L ${r},${h}`;
+  })(), p = o.stroke || "#d1d5db", c = d == null ? void 0 : d.label, v = (d == null ? void 0 : d.isFirst) ?? !1, u = d == null ? void 0 : d.onAddStepClick, w = y ? h - g : s + 30, k = a + (r - a) * (y ? 0.25 : 0.35), I = a + (r - a) * (y ? 0.65 : 0.7), m = w, z = (S) => {
+    S.stopPropagation(), u && u(i, {
       edgeId: t,
-      nodeId: l,
-      sourceNodeId: l,
+      nodeId: i,
+      sourceNodeId: i,
       targetNodeId: f,
       position: "between",
-      referenceNodeId: l,
+      referenceNodeId: i,
       filterId: d == null ? void 0 : d.filterId,
       branch: d == null ? void 0 : d.branch
     });
   }, D = 11.5, C = 6;
   return /* @__PURE__ */ n("g", { children: [
-    /* @__PURE__ */ e("path", { id: t, d: b, fill: "none", stroke: a, strokeWidth: 1.5, markerEnd: i }),
+    /* @__PURE__ */ e("path", { id: t, d: N, fill: "none", stroke: p, strokeWidth: 1.5, markerEnd: l }),
     c && !y && /* @__PURE__ */ e("g", { transform: `translate(${k}, ${m})`, children: (() => {
       const S = Math.max(44, c.length * 7 + 20);
-      return /* @__PURE__ */ n(M, { children: [
+      return /* @__PURE__ */ n(R, { children: [
         /* @__PURE__ */ e(
           "rect",
           {
@@ -1155,22 +1234,22 @@ const je = ({ id: t, data: l }) => {
   ] });
 };
 export {
-  Fe as A,
-  Re as D,
-  st as E,
-  Le as F,
-  at as G,
-  dt as L,
-  je as N,
-  ct as P,
-  _e as R,
+  $e as A,
+  _e as D,
+  dt as E,
+  Fe as F,
+  gt as G,
+  ht as L,
+  Ue as N,
+  pt as P,
+  He as R,
   Ce as S,
-  Ae as T,
-  Ke as W,
+  De as T,
+  Oe as W,
   ze as a,
-  We as b,
+  Be as b,
   Te as c,
-  ft as d,
-  rt as e,
+  at as d,
+  ct as e,
   Ee as f
 };