@notmrabhi/flowforge 0.1.37 → 0.1.39

package/dist/{GatewayBranchEdge-Diid9GtB.js → GatewayBranchEdge-DffZFc99.js}

@@ -1,14 +1,14 @@
-import { jsxs as n, jsx as e, Fragment as R } from "react/jsx-runtime";
-import { Handle as b, Position as x, getStraightPath as K, BaseEdge as _ } from "reactflow";
-import { Tooltip as A, Chip as H } from "@mui/material";
-import { GrTrigger as de } from "react-icons/gr";
-import { createContext as ae, useContext as pe } from "react";
-import { d as ge } from "./messages-CO299wPN.js";
-import { MdOutlineModeEdit as T, MdInfoOutline as W, MdInput as oe, MdDeleteOutline as P, MdCheckCircle as he, MdPeople as ye, MdSchedule as ue, MdWebhook as ie, MdNotifications as M, MdSms as me, MdEmail as be, MdContentCopy as xe, MdHttp as Ne, MdCallSplit as ke, MdAccountTree as ve, MdOpenInNew as we } from "react-icons/md";
-import { FaCheckCircle as le, FaTimesCircle as re } from "react-icons/fa";
-import { FiFilter as Se } from "react-icons/fi";
-import { a as F, H as Ee, B as U } from "./canvasTokens-CAD6G24b.js";
-const Ce = ae({
+import { jsxs as n, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { Handle as b, Position as x, getStraightPath as U, BaseEdge as H } from "reactflow";
+import { Tooltip as W, Chip as V } from "@mui/material";
+import { GrTrigger as pe } from "react-icons/gr";
+import { createContext as ge, useContext as he } from "react";
+import { d as ye } from "./messages-CO299wPN.js";
+import { MdOutlineModeEdit as A, MdInfoOutline as B, MdInput as re, MdDeleteOutline as R, MdCheckCircle as ue, MdPeople as me, MdSchedule as be, MdWebhook as se, MdNotifications as O, MdSms as xe, MdEmail as Ne, MdContentCopy as ke, MdHttp as ve, MdCallSplit as we, MdAccountTree as Se, MdOpenInNew as Ee } from "react-icons/md";
+import { FaCheckCircle as fe, FaTimesCircle as ce } from "react-icons/fa";
+import { FiFilter as Ce } from "react-icons/fi";
+import { a as j, H as Te, B as G } from "./canvasTokens-CAD6G24b.js";
+const ze = ge({
   onEditNode: () => {
   },
   onDeleteNode: () => {
@@ -17,47 +17,47 @@ const Ce = ae({
   },
   onClickAddTrigger: () => {
   },
-  messages: ge,
+  messages: ye,
   nodeRegistry: null,
   nodeBody: "full"
-}), E = () => pe(Ce), Te = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+}), z = () => he(ze), Ie = () => /* @__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" })
-] }), ze = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+] }), Pe = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__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" })
-] }), Ie = () => {
-  const { onClickAddTrigger: t, messages: r } = E();
+] }), Ae = () => {
+  const { onClickAddTrigger: t, messages: l } = z();
   return /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
     /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0, left: "50%" } }),
-    /* @__PURE__ */ e(A, { title: r.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e(W, { title: l.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
       "div",
       {
         onClick: t,
         role: "button",
         tabIndex: 0,
-        onKeyDown: (f) => {
-          f.key === "Enter" && t();
+        onKeyDown: (c) => {
+          c.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(de, { size: 16 }),
-          /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: r.addTriggerButton })
+          /* @__PURE__ */ e(pe, { size: 16 }),
+          /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: l.addTriggerButton })
         ]
       }
     ) }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0, left: "50%" } })
   ] });
-}, Pe = ({ id: t }) => {
-  const { onAddStep: r } = E();
+}, De = ({ id: t }) => {
+  const { onAddStep: l } = z();
   return /* @__PURE__ */ n(
     "div",
     {
-      onClick: () => r(t),
+      onClick: () => l(t),
       role: "button",
       tabIndex: 0,
-      onKeyDown: (f) => {
-        f.key === "Enter" && r(t);
+      onKeyDown: (c) => {
+        c.key === "Enter" && l(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,84 +68,84 @@ const Ce = ae({
     }
   );
 };
-function se(t) {
-  return t ? t.replace(/[_-]+/g, " ").toLowerCase().replace(/\b\w/g, (r) => r.toUpperCase()) : "";
+function de(t) {
+  return t ? t.replace(/[_-]+/g, " ").toLowerCase().replace(/\b\w/g, (l) => l.toUpperCase()) : "";
 }
-function Ae(t) {
+function Le(t) {
   if (typeof t != "string" && t.label) return t.label;
-  const r = typeof t == "string" ? t : t.value ?? "";
-  return se(r);
+  const l = typeof t == "string" ? t : t.value ?? "";
+  return de(l);
 }
-const De = ({ data: t }) => {
-  const { onClickAddTrigger: r } = E(), {
-    type: f,
+const Re = ({ data: t }) => {
+  const { onClickAddTrigger: l } = z(), {
+    type: c,
     eventType: a,
     sources: s,
-    label: l,
-    source: g,
+    label: r,
+    source: h,
     previewWorkflow: o,
     executionStatus: i,
     infoText: d = "This node decides the flow trigger type and configuration."
-  } = t ?? {}, y = (m) => {
-    m == null || m.stopPropagation(), r();
-  }, h = Array.isArray(s) && s.length > 0, N = !!(l || g), p = f === "scheduler" ? "Scheduler Trigger" : f === "event" || h || N ? "Event Trigger Source" : "Select Trigger", c = (() => {
-    if (f === "scheduler")
+  } = t ?? {}, u = (m) => {
+    m == null || m.stopPropagation(), l();
+  }, y = Array.isArray(s) && s.length > 0, N = !!(r || h), p = c === "scheduler" ? "Scheduler Trigger" : c === "event" || y || N ? "Event Trigger Source" : "Select Trigger", f = (() => {
+    if (c === "scheduler")
       return /* @__PURE__ */ e("span", { children: "Scheduler to be configured" });
-    if (f === "event" || h) {
-      const m = l || se(a);
+    if (c === "event" || y) {
+      const m = r || de(a);
       return /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: m }),
           /* @__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: h ? s.map((w, k) => /* @__PURE__ */ e(
-          H,
+        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: y ? s.map((S, v) => /* @__PURE__ */ e(
+          V,
           {
-            label: Ae(w),
+            label: Le(S),
             variant: "outlined",
             size: "small",
             className: "ff-text-dark"
           },
-          k
+          v
         )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: "No source selected" }) })
       ] });
     }
     return N ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
-      l && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: l }),
-      g && /* @__PURE__ */ e(H, { label: g, variant: "outlined", size: "small" })
+      r && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: r }),
+      h && /* @__PURE__ */ e(V, { label: h, variant: "outlined", size: "small" })
     ] }) : /* @__PURE__ */ e(
       "span",
       {
         role: "button",
         tabIndex: 0,
-        onClick: y,
+        onClick: u,
         onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && y(m);
+          (m.key === "Enter" || m.key === " ") && u(m);
         },
         style: { cursor: "pointer", color: "#1e88e5" },
         children: "Click to select a trigger to start your workflow"
       }
     );
-  })(), v = i ? /* @__PURE__ */ n(R, { children: [
-    i.status === "success" && /* @__PURE__ */ e(le, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-    i.status === "failed" && /* @__PURE__ */ e(re, { size: 16, color: "#f44336", style: { marginRight: 8 } })
+  })(), w = i ? /* @__PURE__ */ n($, { children: [
+    i.status === "success" && /* @__PURE__ */ e(fe, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
+    i.status === "failed" && /* @__PURE__ */ e(ce, { size: 16, color: "#f44336", style: { marginRight: 8 } })
   ] }) : /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
     !o && /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: y,
+        onClick: u,
         onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && y(m);
+          (m.key === "Enter" || m.key === " ") && u(m);
         },
         className: "ff-me-2",
         style: { cursor: "pointer", color: "#212121" },
         "aria-label": "Edit trigger",
-        children: /* @__PURE__ */ e(T, { size: 16 })
+        children: /* @__PURE__ */ e(A, { 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 }) }) })
+    /* @__PURE__ */ e(W, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
   ] });
   return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
@@ -165,12 +165,12 @@ const De = ({ data: t }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(oe, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(re, { size: 16, color: "#388e3c" })
             }
           ),
           /* @__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 })
+        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center", children: w })
       ] }),
       /* @__PURE__ */ e(
         "div",
@@ -184,29 +184,29 @@ const De = ({ data: t }) => {
             borderRadius: 6,
             textAlign: "left"
           },
-          children: c
+          children: f
         }
       )
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
 };
-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, (r) => r.toUpperCase()) : "";
+function We(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()) : "";
 }
-function Re(t) {
-  const r = typeof t == "string" ? t : t.value ?? "";
-  return r === "SIGNUP_FLOW" ? "User Self-Registration" : r === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : r === "SHEDULAR" || r === "SCHEDULER" ? "Scheduler" : typeof t != "string" && t.label ? t.label : r.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
+function Fe(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" || l === "SCHEDULER" ? "Scheduler" : typeof t != "string" && t.label ? t.label : l.replace(/[_-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
-const We = ({ data: t }) => {
+const $e = ({ data: t }) => {
   const {
-    header: r = "Event",
-    title: f,
+    header: l = "Event",
+    title: c,
     eventType: a,
     sources: s,
-    executionStatus: l,
-    infoText: g = "This event is raised by the system. It cannot be configured."
-  } = t ?? {}, o = f ?? Le(a) ?? "—";
+    executionStatus: r,
+    infoText: h = "This event is raised by the system. It cannot be configured."
+  } = t ?? {}, o = c ?? We(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: [
@@ -225,15 +225,15 @@ const We = ({ data: t }) => {
                 justifyContent: "center",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ e(oe, { size: 16, color: "#388e3c" })
+              children: /* @__PURE__ */ e(re, { size: 16, color: "#388e3c" })
             }
           ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: r })
+          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: l })
         ] }),
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-          (l == null ? void 0 : l.status) === "success" && /* @__PURE__ */ e(le, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-          (l == null ? void 0 : l.status) === "failed" && /* @__PURE__ */ e(re, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
-          !l && /* @__PURE__ */ e(A, { title: /* @__PURE__ */ e("div", { children: g }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
+          (r == null ? void 0 : r.status) === "success" && /* @__PURE__ */ e(fe, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
+          (r == null ? void 0 : r.status) === "failed" && /* @__PURE__ */ e(ce, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
+          !r && /* @__PURE__ */ e(W, { title: /* @__PURE__ */ e("div", { children: h }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       /* @__PURE__ */ n(
@@ -250,12 +250,12 @@ const We = ({ data: t }) => {
           },
           children: [
             /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: o }),
-            Array.isArray(s) && s.length > 0 && /* @__PURE__ */ n(R, { children: [
+            Array.isArray(s) && s.length > 0 && /* @__PURE__ */ n($, { 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((i, d) => /* @__PURE__ */ e(
-                H,
+                V,
                 {
-                  label: Re(i),
+                  label: Fe(i),
                   variant: "outlined",
                   size: "small",
                   className: "ff-text-dark"
@@ -269,38 +269,38 @@ const We = ({ data: t }) => {
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
-}, fe = ({ rail: t, cardWidth: r }) => {
-  const f = r / 2;
-  r / 2 + t.indent;
+}, ae = ({ rail: t, cardWidth: l }) => {
+  const c = l / 2;
+  l / 2 + t.indent;
   const a = "var(--ff-edge-color, #b0bec5)";
   return /* @__PURE__ */ n(
     "svg",
     {
-      width: r + t.indent + 200,
+      width: l + 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: a, strokeWidth: 1.5 }),
-        t.branches.map((s, l) => {
-          const g = s.y;
-          return /* @__PURE__ */ n("g", { transform: `translate(0, ${g})`, children: [
+        /* @__PURE__ */ e("line", { x1: c, y1: 0, x2: c, 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: [
             /* @__PURE__ */ e(
               "rect",
               {
-                x: f - 5,
+                x: c - 5,
                 y: -5,
                 width: 10,
                 height: 10,
                 fill: "#fff",
                 stroke: a,
                 strokeWidth: 1.5,
-                transform: `rotate(45, ${f}, 0)`
+                transform: `rotate(45, ${c}, 0)`
               }
             ),
             /* @__PURE__ */ e(
               "text",
               {
-                x: f + 14,
+                x: c + 14,
                 y: 4,
                 fontSize: 12,
                 fontWeight: 500,
@@ -309,19 +309,19 @@ const We = ({ data: t }) => {
                 children: s.label
               }
             )
-          ] }, l);
+          ] }, r);
         })
       ]
     }
   );
-}, Fe = ({ id: t, data: r }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { conditions: s = [], infoText: l = "Filter conditions applied to workflow data", _branchRail: g } = r;
+}, Be = ({ id: t, data: l }) => {
+  const { onEditNode: c, onDeleteNode: a } = z(), { conditions: s = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: h } = l;
   return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__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-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(Se, { className: "ff-text-warning", size: 16 }) }),
+          /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: "rgba(255,160,0,0.1)" }, children: /* @__PURE__ */ e(Ce, { className: "ff-text-warning", size: 16 }) }),
           /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Filter" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -331,12 +331,12 @@ const We = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               onClick: (o) => {
-                o.stopPropagation(), f(t);
+                o.stopPropagation(), c(t);
               },
               onKeyDown: (o) => {
-                o.key === "Enter" && (o.stopPropagation(), f(t));
+                o.key === "Enter" && (o.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -351,10 +351,10 @@ const We = ({ data: t }) => {
               onKeyDown: (o) => {
                 o.key === "Enter" && (o.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e(A, { title: l, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
+          /* @__PURE__ */ e(W, { title: r, 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: 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: [
@@ -365,17 +365,44 @@ const We = ({ data: t }) => {
       ] }, i)) })
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } }),
-    g && /* @__PURE__ */ e(fe, { rail: g, cardWidth: 350 })
+    h && /* @__PURE__ */ e(ae, { rail: h, cardWidth: 350 })
   ] });
-}, $e = ({ id: t, data: r }) => {
-  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s, nodeBody: l = "full" } = E(), { title: g = "Task", descriptorType: o, groupBlocks: i, groups: d, roles: y, groupId: h, roleId: N, infoText: p = "" } = r, c = o ? s == null ? void 0 : s.forType(o) : void 0, v = c == null ? void 0 : c.icon, m = (u) => u == null ? "" : typeof u == "string" ? u : typeof u == "object" && "label" in u ? String(u.label) : String(u), w = (u) => Array.isArray(u) ? u.map(m).filter(Boolean) : u != null && u !== "" ? [m(u)] : [], k = (i == null ? void 0 : i.flatMap((u) => u.groups ?? [])) ?? [...w(d), ...w(y), ...w(h), ...w(N)], I = k.length > 0;
+}, je = ({ id: t, data: l }) => {
+  const { onEditNode: c, onDeleteNode: a, nodeRegistry: s, nodeBody: r = "full" } = z(), { title: h = "Task", descriptorType: o, groupBlocks: i, groups: d, roles: u, groupId: y, roleId: N, infoText: p = "" } = l, f = o ? s == null ? void 0 : s.forType(o) : void 0, w = f == null ? void 0 : f.icon, m = (g) => g == null ? "" : typeof g == "string" ? g : typeof g == "object" && "label" in g ? String(g.label) : String(g), S = (g) => Array.isArray(g) ? g.map(m).filter(Boolean) : g != null && g !== "" ? [m(g)] : [], v = /* @__PURE__ */ new Set([
+    "descriptorType",
+    "title",
+    "header",
+    "icon",
+    "infoText",
+    "label"
+  ]), D = f == null ? void 0 : f.formSchema, C = (g) => {
+    if (Array.isArray(D)) {
+      const k = D.find((L) => (L == null ? void 0 : L.id) === g || (L == null ? void 0 : L.name) === g);
+      if (k != null && k.label) return k.label;
+    }
+    return g.replace(/[_-]+/g, " ").replace(/\b\w/g, (k) => k.toUpperCase());
+  }, P = (g) => {
+    if (Array.isArray(g)) {
+      const k = g.map(
+        (F) => typeof F == "object" && F ? F.label ?? F.name ?? F.value ?? "" : String(F)
+      ).filter(Boolean), L = k.slice(0, 3).join(", ");
+      return k.length > 3 ? `${L} +${k.length - 3}` : L;
+    }
+    if (g && typeof g == "object") {
+      const k = g;
+      return k.label ?? k.name ?? k.value ?? JSON.stringify(g);
+    }
+    return String(g);
+  }, I = Object.entries(l || {}).filter(
+    ([g, k]) => !v.has(g) && k !== "" && k !== null && k !== void 0 && !(Array.isArray(k) && k.length === 0)
+  ), T = (i == null ? void 0 : i.flatMap((g) => g.groups ?? [])) ?? [...S(d), ...S(u), ...S(y), ...S(N)], E = T.length > 0;
   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 #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: [
-          v && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: v }),
-          /* @__PURE__ */ e("span", { className: "ff-text-dark", style: { fontSize: 14, fontWeight: 500 }, children: g })
+          w && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center" }, children: w }),
+          /* @__PURE__ */ e("span", { className: "ff-text-dark", style: { fontSize: 14, fontWeight: 500 }, children: h })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -383,13 +410,13 @@ const We = ({ data: t }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), f(t);
+              onClick: (g) => {
+                g.stopPropagation(), c(t);
               },
-              onKeyDown: (u) => {
-                u.key === "Enter" && (u.stopPropagation(), f(t));
+              onKeyDown: (g) => {
+                g.key === "Enter" && (g.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -398,49 +425,88 @@ const We = ({ data: t }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), a(t);
+              onClick: (g) => {
+                g.stopPropagation(), a(t);
               },
-              onKeyDown: (u) => {
-                u.key === "Enter" && (u.stopPropagation(), a(t));
+              onKeyDown: (g) => {
+                g.key === "Enter" && (g.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", 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 }) }) })
+          p && /* @__PURE__ */ e(W, { title: p, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
-      l !== "title-only" && /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: c != null && c.renderNode ? c.renderNode(r) : I ? /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-gap-1", children: k.map((u, 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: u, children: u }, z)) }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
+      r !== "title-only" && /* @__PURE__ */ e("div", { style: { margin: "0 10px 12px", padding: "14px 16px", borderRadius: 6, background: "#fafafa", fontSize: 12, textAlign: "left" }, children: f != null && f.renderNode ? f.renderNode(l) : I.length > 0 ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+        I.slice(0, 4).map(([g, k]) => /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "baseline",
+              gap: 6,
+              color: "#475569",
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ n("span", { style: { fontWeight: 600, color: "#0f172a", flexShrink: 0 }, children: [
+                C(g),
+                ":"
+              ] }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  title: P(k),
+                  style: {
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    minWidth: 0,
+                    flex: 1
+                  },
+                  children: P(k)
+                }
+              )
+            ]
+          },
+          g
+        )),
+        I.length > 4 && /* @__PURE__ */ n("div", { style: { color: "#94a3b8", fontSize: 11 }, children: [
+          "+",
+          I.length - 4,
+          " more"
+        ] })
+      ] }) : E ? /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-gap-1", children: T.map((g, k) => /* @__PURE__ */ e("span", { className: "ff-badge ff-bg-dark ff-text-white ff-py-1 ff-px-2 ff-rounded", style: { fontSize: 11 }, title: g, children: g }, k)) }) : /* @__PURE__ */ e("span", { style: { color: "#94a3b8" }, children: "Click edit to configure" }) })
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, O = 5, Be = ({ id: t, data: r }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { approvalData: s, isPreview: l = !1, _branchRail: g } = r, o = (s == null ? void 0 : s.policy) ?? {}, i = o.stages ?? [], d = i.length, y = i.slice(0, O), h = d - O, N = o.name ?? o.policyName ?? "Untitled Policy";
+}, q = 5, Me = ({ id: t, data: l }) => {
+  const { onEditNode: c, onDeleteNode: a } = z(), { approvalData: s, isPreview: r = !1, _branchRail: h } = l, o = (s == null ? void 0 : s.policy) ?? {}, i = o.stages ?? [], d = i.length, u = i.slice(0, q), y = d - q, N = o.name ?? o.policyName ?? "Untitled Policy";
   return /* @__PURE__ */ n("div", { style: { width: 350, position: "relative" }, children: [
     /* @__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-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: "rgba(251,192,45,0.2)" }, children: /* @__PURE__ */ e(he, { 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(ue, { 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: [
-          !l && /* @__PURE__ */ e(
+          !r && /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
               style: { cursor: "pointer" },
               onClick: (p) => {
-                p.stopPropagation(), f(t);
+                p.stopPropagation(), c(t);
               },
               onKeyDown: (p) => {
-                p.key === "Enter" && (p.stopPropagation(), f(t));
+                p.key === "Enter" && (p.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16, className: "ff-text-secondary" })
+              children: /* @__PURE__ */ e(A, { size: 16, className: "ff-text-secondary" })
             }
           ),
-          !l && /* @__PURE__ */ e(
+          !r && /* @__PURE__ */ e(
             "div",
             {
               className: "ff-ms-2",
@@ -453,10 +519,10 @@ const We = ({ data: t }) => {
               onKeyDown: (p) => {
                 p.key === "Enter" && (p.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", 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__ */ e(W, { 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(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       /* @__PURE__ */ n("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#FCFCFC" }, children: [
@@ -469,39 +535,39 @@ const We = ({ data: t }) => {
           ] })
         ] }),
         i.length > 0 ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          y.map((p, c) => {
-            var z, D, C;
-            const v = ((z = p.stageName) == null ? void 0 : z.trim()) || `Stage ${c + 1}`, m = 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 = m > 0 || w || k;
-            let u = "Not configured";
-            return w ? u = `Group: ${w}` : k ? u = `Role: ${k}` : m > 0 && (u = `${m} approver${m !== 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 }),
+          u.map((p, f) => {
+            var P, I, T;
+            const w = ((P = p.stageName) == null ? void 0 : P.trim()) || `Stage ${f + 1}`, m = Array.isArray(p.userIds) ? p.userIds.length : 0, S = ((I = p.groupName) == null ? void 0 : I.trim()) ?? "", v = ((T = p.roleName) == null ? void 0 : T.trim()) ?? "", D = m > 0 || S || v;
+            let C = "Not configured";
+            return S ? C = `Group: ${S}` : v ? C = `Role: ${v}` : m > 0 && (C = `${m} approver${m !== 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: f + 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(ye, { size: 16, className: "ff-flex-shrink-0", style: { color: I ? "#5D4037" : "#9E9E9E" } }),
-                  u
+                /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 700, color: "#212121" }, children: w }),
+                /* @__PURE__ */ n("span", { className: `ff-d-flex ff-align-items-center ff-gap-1 ${D ? "ff-text-dark" : "ff-text-muted"}`, style: { fontSize: 12 }, children: [
+                  /* @__PURE__ */ e(me, { size: 16, className: "ff-flex-shrink-0", style: { color: D ? "#5D4037" : "#9E9E9E" } }),
+                  C
                 ] })
               ] })
-            ] }, c);
+            ] }, f);
           }),
-          h > 0 && /* @__PURE__ */ n(
+          y > 0 && /* @__PURE__ */ n(
             "div",
             {
               className: "ff-text-center ff-fw-bold ff-py-2 ff-border ff-rounded",
-              style: { fontSize: 11, color: "#1976d2", borderColor: "#FEE79A", background: "#FFFDE7", borderStyle: "dashed", cursor: l ? "default" : "pointer" },
-              role: l ? void 0 : "button",
-              tabIndex: l ? void 0 : 0,
+              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: (p) => {
-                l || (p.stopPropagation(), f(t));
+                r || (p.stopPropagation(), c(t));
               },
               onKeyDown: (p) => {
-                l || p.key !== "Enter" || (p.stopPropagation(), f(t));
+                r || p.key !== "Enter" || (p.stopPropagation(), c(t));
               },
               children: [
                 "+ ",
-                h,
+                y,
                 " More Stage",
-                h > 1 ? "s" : ""
+                y > 1 ? "s" : ""
               ]
             }
           )
@@ -509,16 +575,16 @@ const We = ({ data: t }) => {
       ] })
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } }),
-    g && /* @__PURE__ */ e(fe, { rail: g, cardWidth: 350 })
+    h && /* @__PURE__ */ e(ae, { rail: h, cardWidth: 350 })
   ] });
-}, je = ({ id: t, data: r }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { duration: s, unit: l } = r, g = s != null && l, o = g ? `Wait ${s} ${l}` : "Not configured";
+}, Ke = ({ id: t, data: l }) => {
+  const { onEditNode: c, onDeleteNode: a } = z(), { duration: s, unit: r } = l, h = s != null && r, o = h ? `Wait ${s} ${r}` : "Not configured";
   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 #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(ue, { 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(be, { 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: [
@@ -528,12 +594,12 @@ const We = ({ data: t }) => {
               role: "button",
               tabIndex: 0,
               onClick: (i) => {
-                i.stopPropagation(), f(t);
+                i.stopPropagation(), c(t);
               },
               onKeyDown: (i) => {
-                i.key === "Enter" && (i.stopPropagation(), f(t));
+                i.key === "Enter" && (i.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -548,33 +614,33 @@ const We = ({ data: t }) => {
               onKeyDown: (i) => {
                 i.key === "Enter" && (i.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: /* @__PURE__ */ e("span", { className: g ? "ff-text-dark ff-fw-medium" : "ff-text-muted", children: o }) })
+      /* @__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(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, G = {
-  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: be },
-  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: M },
-  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: M },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: me },
-  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: M },
-  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: ie }
-}, Me = {
+}, Z = {
+  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Ne },
+  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: O },
+  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: O },
+  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: xe },
+  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: O },
+  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: se }
+}, _e = {
   label: "Notification",
   bg: "rgba(156,39,176,0.1)",
   color: "#7b1fa2",
-  iconType: M
+  iconType: O
 };
-function Ke(t) {
-  var r;
+function Oe(t) {
+  var l;
   switch (t.channel) {
     case "email":
-      return ((r = t.emailTo) == null ? void 0 : r.join(", ")) ?? t.recipient ?? null;
+      return ((l = t.emailTo) == null ? void 0 : l.join(", ")) ?? t.recipient ?? null;
     case "slack":
       return t.slackChannel ?? null;
     case "teams":
@@ -589,13 +655,13 @@ function Ke(t) {
       return t.recipient ?? null;
   }
 }
-function _e(t) {
+function Ue(t) {
   switch (t.channel) {
     case "email":
       return t.emailSubject ?? t.subject ?? null;
     case "slack": {
-      const r = t.slackMessage;
-      return r ? r.length > 60 ? `${r.slice(0, 60)}…` : r : null;
+      const l = t.slackMessage;
+      return l ? l.length > 60 ? `${l.slice(0, 60)}…` : l : null;
     }
     case "in-app":
       return t.inAppTitle ?? null;
@@ -603,15 +669,15 @@ function _e(t) {
       return t.subject ?? null;
   }
 }
-const He = ({ id: t, data: r }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), s = r, l = s.channel && G[s.channel] ? G[s.channel] : Me, g = Ke(s), o = _e(s), i = !!(s.channel && g), d = l.iconType;
-  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
+const He = ({ id: t, data: l }) => {
+  const { onEditNode: c, onDeleteNode: a } = z(), s = l, r = s.channel && Z[s.channel] ? Z[s.channel] : _e, h = Oe(s), o = Ue(s), i = !!(s.channel && h), d = r.iconType;
+  return /* @__PURE__ */ n("div", { style: { width: j }, children: [
     /* @__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", 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: l.bg }, children: /* @__PURE__ */ e(d, { size: 16, color: l.color }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: s.channel ? `${l.label} Notification` : "Notification" })
+          /* @__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(d, { size: 16, color: r.color }) }),
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: s.channel ? `${r.label} Notification` : "Notification" })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -619,13 +685,13 @@ const He = ({ id: t, data: r }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (y) => {
-                y.stopPropagation(), f(t);
+              onClick: (u) => {
+                u.stopPropagation(), c(t);
               },
-              onKeyDown: (y) => {
-                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), f(t));
+              onKeyDown: (u) => {
+                (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -634,43 +700,43 @@ const He = ({ id: t, data: r }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (y) => {
-                y.stopPropagation(), a(t);
+              onClick: (u) => {
+                u.stopPropagation(), a(t);
               },
-              onKeyDown: (y) => {
-                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), a(t));
+              onKeyDown: (u) => {
+                (u.key === "Enter" || u.key === " ") && (u.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: i ? /* @__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: l.bg, color: l.color, fontWeight: 600, flexShrink: 0 }, children: l.label }),
-          /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { maxWidth: 220 }, children: g })
+          /* @__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 })
         ] }),
         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(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, V = {
+}, Y = {
   "api-key": "API Key",
   hmac: "HMAC"
-}, Ue = ({ data: t }) => {
-  const { onClickAddTrigger: r } = E(), { label: f = "Webhook Trigger", endpointUrl: a, authMethod: s, source: l } = t, g = (i) => {
-    i.stopPropagation(), r();
+}, Ve = ({ data: t }) => {
+  const { onClickAddTrigger: l } = z(), { label: c = "Webhook Trigger", endpointUrl: a, authMethod: s, source: r } = t, h = (i) => {
+    i.stopPropagation(), l();
   }, o = (i) => {
     i.stopPropagation(), a && navigator.clipboard.writeText(a).catch(() => {
     });
   };
-  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
+  return /* @__PURE__ */ n("div", { style: { width: j }, children: [
     /* @__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", 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(ie, { 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(se, { size: 16, color: "#1565c0" }) }),
           /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 600, color: "#212121" }, children: "Webhook Trigger" })
         ] }),
         /* @__PURE__ */ e(
@@ -678,25 +744,25 @@ const He = ({ id: t, data: r }) => {
           {
             role: "button",
             tabIndex: 0,
-            onClick: g,
+            onClick: h,
             onKeyDown: (i) => {
-              (i.key === "Enter" || i.key === " ") && g(i);
+              (i.key === "Enter" || i.key === " ") && h(i);
             },
             className: "ff-d-flex ff-align-items-center",
             style: { paddingRight: 4, cursor: "pointer" },
-            children: /* @__PURE__ */ e(T, { size: 16, color: "#555" })
+            children: /* @__PURE__ */ e(A, { size: 16, color: "#555" })
           }
         )
       ] }),
       /* @__PURE__ */ n("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#e3f2fd", border: "1px solid #90caf9" }, children: [
         /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-flex-wrap ff-gap-2 ff-mb-1", children: [
-          /* @__PURE__ */ e("span", { style: { fontSize: 12, color: "#1565c0", fontWeight: 600 }, children: f }),
-          l && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 11, background: "#fff", border: "1px solid #90caf9", color: "#1565c0" }, children: l }),
-          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] })
+          /* @__PURE__ */ e("span", { style: { fontSize: 12, color: "#1565c0", fontWeight: 600 }, children: c }),
+          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" && Y[s] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: Y[s] })
         ] }),
         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(
+          /* @__PURE__ */ e(W, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
             "div",
             {
               role: "button",
@@ -706,7 +772,7 @@ const He = ({ id: t, data: r }) => {
                 (i.key === "Enter" || i.key === " ") && o(i);
               },
               style: { cursor: "pointer", flexShrink: 0 },
-              children: /* @__PURE__ */ e(xe, { size: 12, color: "#1565c0" })
+              children: /* @__PURE__ */ e(ke, { size: 12, color: "#1565c0" })
             }
           ) })
         ] })
@@ -714,10 +780,10 @@ const He = ({ id: t, data: r }) => {
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, Oe = ({ id: t, data: r }) => {
+}, Ge = ({ id: t, data: l }) => {
   var N;
-  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s } = E(), { method: l, url: g, descriptorType: o } = r, i = o ? (N = s == null ? void 0 : s.forType(o)) == null ? void 0 : N.icon : /* @__PURE__ */ e(Ne, { size: 16, color: "#546e7a" }), d = !!(l && g), y = (l == null ? void 0 : l.toUpperCase()) ?? "", h = Ee[y] ?? null;
-  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
+  const { onEditNode: c, onDeleteNode: a, nodeRegistry: s } = z(), { method: r, url: h, descriptorType: o } = l, i = o ? (N = s == null ? void 0 : s.forType(o)) == null ? void 0 : N.icon : /* @__PURE__ */ e(ve, { size: 16, color: "#546e7a" }), d = !!(r && h), u = (r == null ? void 0 : r.toUpperCase()) ?? "", y = Te[u] ?? null;
+  return /* @__PURE__ */ n("div", { style: { width: j }, children: [
     /* @__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", style: { padding: "10px 6px" }, children: [
@@ -732,12 +798,12 @@ const He = ({ id: t, data: r }) => {
               role: "button",
               tabIndex: 0,
               onClick: (p) => {
-                p.stopPropagation(), f(t);
+                p.stopPropagation(), c(t);
               },
               onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), f(t));
+                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -752,19 +818,19 @@ const He = ({ id: t, data: r }) => {
               onKeyDown: (p) => {
                 (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: d ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-        h && /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 700, padding: "2px 6px", borderRadius: 4, background: h.bg, color: h.color, flexShrink: 0 }, children: y }),
-        /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { fontFamily: "monospace", fontSize: 11 }, title: g, children: g })
+        y && /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 700, padding: "2px 6px", borderRadius: 4, background: y.bg, color: y.color, flexShrink: 0 }, children: u }),
+        /* @__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(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, Ge = {
+}, qe = {
   eq: "=",
   neq: "≠",
   gt: ">",
@@ -776,14 +842,14 @@ const He = ({ id: t, data: r }) => {
   endsWith: "ends with",
   isEmpty: "is empty",
   isNotEmpty: "is not empty"
-}, Ve = ({ id: t, data: r }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { title: s = "Condition Branch", branchConfigs: l = [], defaultBranch: g } = r, o = l.length > 0;
-  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
+}, Ze = ({ id: t, data: l }) => {
+  const { onEditNode: c, onDeleteNode: a } = z(), { title: s = "Condition Branch", branchConfigs: r = [], defaultBranch: h } = l, o = r.length > 0;
+  return /* @__PURE__ */ n("div", { style: { width: j }, children: [
     /* @__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", 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(ke, { 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(we, { 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: [
@@ -793,12 +859,12 @@ const He = ({ id: t, data: r }) => {
               role: "button",
               tabIndex: 0,
               onClick: (i) => {
-                i.stopPropagation(), f(t);
+                i.stopPropagation(), c(t);
               },
               onKeyDown: (i) => {
-                (i.key === "Enter" || i.key === " ") && (i.stopPropagation(), f(t));
+                (i.key === "Enter" || i.key === " ") && (i.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -813,27 +879,27 @@ const He = ({ id: t, data: r }) => {
               onKeyDown: (i) => {
                 (i.key === "Enter" || i.key === " ") && (i.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: o ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-        l.map((i, d) => {
-          var p, c;
-          const y = U[d % U.length], h = (p = i.conditions) == null ? void 0 : p[0], N = (((c = i.conditions) == null ? void 0 : c.length) ?? 0) - 1;
+        r.map((i, d) => {
+          var p, f;
+          const u = G[d % G.length], y = (p = i.conditions) == null ? void 0 : p[0], N = (((f = i.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: y.bg, color: y.color, flexShrink: 0 }, children: i.label || i.key }),
-            h ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-              h.field,
+            /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: u.bg, color: u.color, flexShrink: 0 }, children: i.label || i.key }),
+            y ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+              y.field,
               " ",
-              Ge[h.operator] ?? h.operator,
-              h.value ? ` ${h.value}` : "",
+              qe[y.operator] ?? y.operator,
+              y.value ? ` ${y.value}` : "",
               N > 0 ? ` +${N} more` : ""
             ] }) : /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "No conditions yet" })
           ] }, i.key);
         }),
-        g && /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6, marginTop: 2 }, children: [
+        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" }),
           /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "fallback path" })
         ] })
@@ -841,18 +907,18 @@ const He = ({ id: t, data: r }) => {
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, qe = ({ id: t, data: r }) => {
+}, Ye = ({ id: t, data: l }) => {
   var p;
-  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s } = E(), { title: l = "Sub-Workflow", workflowId: g, workflowLabel: o, descriptorType: i, onPreview: d } = r, y = i ? (p = s == null ? void 0 : s.forType(i)) == null ? void 0 : p.icon : /* @__PURE__ */ e(ve, { size: 16, color: "#00695c" }), h = !!g, N = (c) => {
-    c.stopPropagation(), g && d && d(g);
+  const { onEditNode: c, onDeleteNode: a, nodeRegistry: s } = z(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: i, onPreview: d } = l, u = i ? (p = s == null ? void 0 : s.forType(i)) == null ? void 0 : p.icon : /* @__PURE__ */ e(Se, { size: 16, color: "#00695c" }), y = !!h, N = (f) => {
+    f.stopPropagation(), h && d && d(h);
   };
-  return /* @__PURE__ */ n("div", { style: { width: F }, children: [
+  return /* @__PURE__ */ n("div", { style: { width: j }, children: [
     /* @__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", 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: y }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: l })
+          /* @__PURE__ */ e("div", { style: { width: 25, height: 25, borderRadius: 6, background: "rgba(0,137,123,0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: u }),
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: r })
         ] }),
         /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -860,13 +926,13 @@ const He = ({ id: t, data: r }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (c) => {
-                c.stopPropagation(), f(t);
+              onClick: (f) => {
+                f.stopPropagation(), c(t);
               },
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), f(t));
+              onKeyDown: (f) => {
+                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), c(t));
               },
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              children: /* @__PURE__ */ e(A, { size: 16 })
             }
           ),
           /* @__PURE__ */ e(
@@ -875,23 +941,23 @@ const He = ({ id: t, data: r }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (c) => {
-                c.stopPropagation(), a(t);
+              onClick: (f) => {
+                f.stopPropagation(), a(t);
               },
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), a(t));
+              onKeyDown: (f) => {
+                (f.key === "Enter" || f.key === " ") && (f.stopPropagation(), a(t));
               },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
+              children: /* @__PURE__ */ e(R, { color: "red", size: 16 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: h ? "#e0f2f1" : "#fafafa", fontSize: 12, border: h ? "1px solid #b2dfdb" : "none" }, children: h ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-between", children: [
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: 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: o || g }),
+          /* @__PURE__ */ e("span", { style: { fontSize: 12, fontWeight: 600, color: "#00695c" }, children: o || h }),
           /* @__PURE__ */ n("span", { style: { fontSize: 10, color: "#80cbc4", fontFamily: "monospace" }, children: [
             "ID: ",
-            g
+            h
           ] })
         ] }),
         d && /* @__PURE__ */ n(
@@ -900,12 +966,12 @@ const He = ({ id: t, data: r }) => {
             role: "button",
             tabIndex: 0,
             onClick: N,
-            onKeyDown: (c) => {
-              (c.key === "Enter" || c.key === " ") && N(c);
+            onKeyDown: (f) => {
+              (f.key === "Enter" || f.key === " ") && N(f);
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
             children: [
-              /* @__PURE__ */ e(we, { size: 13 }),
+              /* @__PURE__ */ e(Ee, { size: 13 }),
               "Preview"
             ]
           }
@@ -914,42 +980,42 @@ const He = ({ id: t, data: r }) => {
     ] }),
     /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
   ] });
-}, ct = {
-  startNode: Te,
-  endNode: ze,
-  addTriggerNode: Ie,
-  addStepNode: Pe,
-  triggerNode: De,
-  eventNode: We,
-  filterNode: Fe,
-  actionNode: $e,
-  approvalNode: Be,
-  delayNode: je,
+}, at = {
+  startNode: Ie,
+  endNode: Pe,
+  addTriggerNode: Ae,
+  addStepNode: De,
+  triggerNode: Re,
+  eventNode: $e,
+  filterNode: Be,
+  actionNode: je,
+  approvalNode: Me,
+  delayNode: Ke,
   notificationNode: He,
-  webhookTriggerNode: Ue,
-  restApiNode: Oe,
-  conditionBranchNode: Ve,
-  subWorkflowNode: qe
-}, Ze = 11.5, q = 2, $ = 6, Z = 40, Y = 20, J = 4, dt = ({
+  webhookTriggerNode: Ve,
+  restApiNode: Ge,
+  conditionBranchNode: Ze,
+  subWorkflowNode: Ye
+}, Je = 11.5, J = 2, M = 6, Q = 40, X = 20, ee = 4, pt = ({
   id: t,
-  sourceX: r,
-  sourceY: f,
+  sourceX: l,
+  sourceY: c,
   targetX: a,
   targetY: s,
-  sourcePosition: l,
-  targetPosition: g,
+  sourcePosition: r,
+  targetPosition: h,
   source: o,
   target: i,
   data: d
 }) => {
-  const [y, h, N] = K({
-    sourceX: r,
-    sourceY: f,
+  const [u, y, N] = U({
+    sourceX: l,
+    sourceY: c,
     targetX: a,
     targetY: s
-  }), p = d == null ? void 0 : d.label, c = p === "Pass", v = c || p === "Fail", m = r + (a - r) / 3, w = f + (s - f) / 3, k = r + 2 * (a - r) / 3, I = f + 2 * (s - f) / 3, u = d == null ? void 0 : d.onAddStepClick, z = (L) => {
-    if (L.stopPropagation(), typeof u != "function") return;
-    const ce = {
+  }), p = d == null ? void 0 : d.label, f = p === "Pass", w = f || p === "Fail", m = l + (a - l) / 3, S = c + (s - c) / 3, v = l + 2 * (a - l) / 3, D = c + 2 * (s - c) / 3, C = d == null ? void 0 : d.onAddStepClick, P = (g) => {
+    if (g.stopPropagation(), typeof C != "function") return;
+    const k = {
       edgeId: t,
       nodeId: o,
       sourceNodeId: o,
@@ -959,23 +1025,23 @@ const He = ({ id: t, data: r }) => {
       referenceNodeType: d == null ? void 0 : d.referenceNodeType,
       stepVisibility: d == null ? void 0 : d.stepVisibility
     };
-    u(o, ce);
-  }, D = (L) => {
-    (L.key === "Enter" || L.key === " ") && (L.preventDefault(), z(L));
-  }, C = () => /* @__PURE__ */ n(R, { children: [
+    C(o, k);
+  }, I = (g) => {
+    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), P(g));
+  }, T = () => /* @__PURE__ */ n($, { children: [
     /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-      /* @__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__ */ e("circle", { r: Je, className: "edge-plus-circle" }),
+      /* @__PURE__ */ e("line", { x1: 0, y1: -M, x2: 0, y2: M, strokeWidth: J, strokeLinecap: "round", className: "plus-line" }),
+      /* @__PURE__ */ e("line", { x1: -M, y1: 0, x2: M, y2: 0, strokeWidth: J, strokeLinecap: "round", className: "plus-line" })
     ] }),
     /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
       /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
       /* @__PURE__ */ e("path", { d: "M0 -4 L-4 0 L0 4 Z", className: "tooltip-bg" }),
       /* @__PURE__ */ e("text", { x: 32, y: 0, textAnchor: "middle", dominantBaseline: "central", fill: "white", style: { fontSize: 10, fontWeight: 600, pointerEvents: "none" }, children: "Add Step" })
     ] })
-  ] }), S = u ? {
-    onClick: z,
-    onKeyDown: D,
+  ] }), E = C ? {
+    onClick: P,
+    onKeyDown: I,
     role: "button",
     tabIndex: 0,
     style: { cursor: "pointer", pointerEvents: "all" }
@@ -983,73 +1049,73 @@ const He = ({ id: t, data: r }) => {
     style: { cursor: "default", pointerEvents: "all" }
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(_, { id: t, path: y }),
-    v ? /* @__PURE__ */ n(R, { children: [
-      /* @__PURE__ */ n("g", { transform: `translate(${m}, ${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: p })
+    /* @__PURE__ */ e(H, { id: t, path: u }),
+    w ? /* @__PURE__ */ n($, { children: [
+      /* @__PURE__ */ n("g", { transform: `translate(${m}, ${S})`, children: [
+        /* @__PURE__ */ e("rect", { x: -Q / 2, y: -X / 2, width: Q, height: X, rx: ee, ry: ee, fill: f ? "#ADE6C5" : "#FDBFBF" }),
+        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: f ? "#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(${h}, ${N})`, "data-testid": "plus-node-icon", ...S, children: /* @__PURE__ */ e(C, {}) })
+      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${v}, ${D})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(T, {}) })
+    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${y}, ${N})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(T, {}) })
   ] });
-}, Ye = 11.5, Q = 2, B = 6, at = ({
+}, Qe = 11.5, te = 2, K = 6, gt = ({
   id: t,
-  sourceX: r,
-  sourceY: f,
+  sourceX: l,
+  sourceY: c,
   targetX: a,
   targetY: s,
-  source: l,
-  target: g,
+  source: r,
+  target: h,
   data: o
 }) => {
-  const [i, d, y] = K({
-    sourceX: r,
-    sourceY: f,
+  const [i, d, u] = U({
+    sourceX: l,
+    sourceY: c,
     targetX: a,
     targetY: s
-  }), h = o == null ? void 0 : o.onAddStepClick, N = (c) => {
-    c.stopPropagation(), typeof h == "function" && h(l, {
+  }), y = o == null ? void 0 : o.onAddStepClick, N = (f) => {
+    f.stopPropagation(), typeof y == "function" && y(r, {
       edgeId: t,
-      nodeId: l,
-      sourceNodeId: l,
-      targetNodeId: g,
+      nodeId: r,
+      sourceNodeId: r,
+      targetNodeId: h,
       position: "between",
-      referenceNodeId: l,
+      referenceNodeId: r,
       referenceNodeType: o == null ? void 0 : o.referenceNodeType,
       stepVisibility: o == null ? void 0 : o.stepVisibility,
       filterId: o == null ? void 0 : o.filterId,
       branch: o == null ? void 0 : o.branch
     });
-  }, p = (c) => {
-    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), N(c));
+  }, p = (f) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), N(f));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(_, { id: t, path: i, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(H, { id: t, path: i, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ n(
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${d}, ${y})`,
+        transform: `translate(${d}, ${u})`,
         style: {
-          cursor: h ? "pointer" : "default",
+          cursor: y ? "pointer" : "default",
           pointerEvents: "all",
           outline: "none"
         },
-        onClick: h ? N : void 0,
-        onKeyDown: h ? p : void 0,
-        role: h ? "button" : void 0,
-        tabIndex: h ? 0 : void 0,
+        onClick: y ? N : void 0,
+        onKeyDown: y ? p : void 0,
+        role: y ? "button" : void 0,
+        tabIndex: y ? 0 : void 0,
         "data-testid": "plus-node-icon",
         children: [
-          /* @__PURE__ */ e("circle", { r: Ye, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("circle", { r: Qe, className: "edge-plus-circle" }),
           /* @__PURE__ */ e(
             "line",
             {
               x1: 0,
-              y1: -B,
+              y1: -K,
               x2: 0,
-              y2: B,
-              strokeWidth: Q,
+              y2: K,
+              strokeWidth: te,
               strokeLinecap: "round",
               className: "plus-line"
             }
@@ -1057,11 +1123,11 @@ const He = ({ id: t, data: r }) => {
           /* @__PURE__ */ e(
             "line",
             {
-              x1: -B,
+              x1: -K,
               y1: 0,
-              x2: B,
+              x2: K,
               y2: 0,
-              strokeWidth: Q,
+              strokeWidth: te,
               strokeLinecap: "round",
               className: "plus-line"
             }
@@ -1096,67 +1162,67 @@ const He = ({ id: t, data: r }) => {
       }
     )
   ] });
-}, pt = ({ id: t, sourceX: r, sourceY: f, targetX: a, targetY: s }) => {
-  const [l] = K({ sourceX: r, sourceY: f, targetX: a, targetY: s });
-  return /* @__PURE__ */ e(_, { id: t, path: l, style: { stroke: "#b0bec5" } });
-}, Je = 11.5, X = 2, j = 6, Qe = -24, ee = 40, te = 20, ne = 4, gt = ({
+}, ht = ({ id: t, sourceX: l, sourceY: c, targetX: a, targetY: s }) => {
+  const [r] = U({ sourceX: l, sourceY: c, targetX: a, targetY: s });
+  return /* @__PURE__ */ e(H, { id: t, path: r, style: { stroke: "#b0bec5" } });
+}, Xe = 11.5, ne = 2, _ = 6, et = -24, oe = 40, ie = 20, le = 4, yt = ({
   id: t,
-  sourceX: r,
-  sourceY: f,
+  sourceX: l,
+  sourceY: c,
   targetX: a,
   targetY: s,
-  source: l,
-  target: g,
+  source: r,
+  target: h,
   data: o
 }) => {
-  const [i, d, y] = K({ sourceX: r, sourceY: f, targetX: a, targetY: s }), h = o == null ? void 0 : o.label, N = h === "Pass", p = N || h === "Fail", c = o == null ? void 0 : o.onAddStepClick, v = (o == null ? void 0 : o.showPlus) !== !1 && !!c, m = (k) => {
-    k.stopPropagation(), typeof c == "function" && c(l, {
+  const [i, d, u] = U({ sourceX: l, sourceY: c, targetX: a, targetY: s }), y = o == null ? void 0 : o.label, N = y === "Pass", p = N || y === "Fail", f = o == null ? void 0 : o.onAddStepClick, w = (o == null ? void 0 : o.showPlus) !== !1 && !!f, m = (v) => {
+    v.stopPropagation(), typeof f == "function" && f(r, {
       edgeId: t,
-      nodeId: l,
-      sourceNodeId: l,
-      targetNodeId: g,
+      nodeId: r,
+      sourceNodeId: r,
+      targetNodeId: h,
       position: "between",
-      referenceNodeId: l,
+      referenceNodeId: r,
       referenceNodeType: o == null ? void 0 : o.referenceNodeType,
       stepVisibility: o == null ? void 0 : o.stepVisibility
     });
-  }, w = (k) => {
-    (k.key === "Enter" || k.key === " ") && (k.preventDefault(), m(k));
+  }, S = (v) => {
+    (v.key === "Enter" || v.key === " ") && (v.preventDefault(), m(v));
   };
   return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(_, { id: t, path: i, style: { stroke: "#b0bec5" } }),
+    /* @__PURE__ */ e(H, { id: t, path: i, style: { stroke: "#b0bec5" } }),
     /* @__PURE__ */ n(
       "g",
       {
         className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${d}, ${y})`,
-        style: { cursor: c ? "pointer" : "default", pointerEvents: "all", outline: "none" },
-        onClick: c ? m : void 0,
-        onKeyDown: c ? w : void 0,
-        role: c ? "button" : void 0,
-        tabIndex: c ? 0 : void 0,
+        transform: `translate(${d}, ${u})`,
+        style: { cursor: f ? "pointer" : "default", pointerEvents: "all", outline: "none" },
+        onClick: f ? m : void 0,
+        onKeyDown: f ? S : void 0,
+        role: f ? "button" : void 0,
+        tabIndex: f ? 0 : void 0,
         children: [
-          p && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? Qe : 0})`, children: [
+          p && /* @__PURE__ */ n("g", { transform: `translate(0, ${w ? et : 0})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
-                x: -ee / 2,
-                y: -te / 2,
-                width: ee,
-                height: te,
-                rx: ne,
-                ry: ne,
+                x: -oe / 2,
+                y: -ie / 2,
+                width: oe,
+                height: ie,
+                rx: le,
+                ry: le,
                 fill: N ? "#ADE6C5" : "#FDBFBF"
               }
             ),
-            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: N ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: h })
+            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: N ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
           ] }),
-          v && /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-            /* @__PURE__ */ e("circle", { r: Je, className: "edge-plus-circle" }),
-            /* @__PURE__ */ e("line", { x1: 0, y1: -j, x2: 0, y2: j, strokeWidth: X, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -j, y1: 0, x2: j, y2: 0, strokeWidth: X, strokeLinecap: "round", className: "plus-line" })
+          w && /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
+            /* @__PURE__ */ e("circle", { r: Xe, 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" })
           ] }),
-          v && /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(22, 0)", children: [
+          w && /* @__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" })
@@ -1165,51 +1231,51 @@ const He = ({ id: t, data: r }) => {
       }
     )
   ] });
-}, ht = ({
+}, ut = ({
   id: t,
-  source: r,
-  target: f,
+  source: l,
+  target: c,
   sourceX: a,
   sourceY: s,
-  targetX: l,
-  targetY: g,
+  targetX: r,
+  targetY: h,
   style: o = {},
   markerEnd: i,
   data: d
 }) => {
-  const y = (d == null ? void 0 : d.verticalRouting) ?? !1, h = 30, N = y ? (() => {
-    const S = g - h;
-    return `M ${a},${S} L ${l},${S} L ${l},${g}`;
+  const u = (d == null ? void 0 : d.verticalRouting) ?? !1, y = 30, N = u ? (() => {
+    const E = h - y;
+    return `M ${a},${E} L ${r},${E} L ${r},${h}`;
   })() : (() => {
-    const S = s + 30;
-    return `M ${a},${s} L ${a},${S} L ${l},${S} L ${l},${g}`;
-  })(), p = o.stroke || "#d1d5db", c = d == null ? void 0 : d.label, v = (d == null ? void 0 : d.isFirst) ?? !1, m = d == null ? void 0 : d.onAddStepClick, w = y ? g - h : s + 30, k = a + (l - a) * (y ? 0.25 : 0.35), I = a + (l - a) * (y ? 0.65 : 0.7), u = w, z = (S) => {
-    S.stopPropagation(), m && m(r, {
+    const E = s + 30;
+    return `M ${a},${s} L ${a},${E} L ${r},${E} L ${r},${h}`;
+  })(), p = o.stroke || "#d1d5db", f = d == null ? void 0 : d.label, w = (d == null ? void 0 : d.isFirst) ?? !1, m = d == null ? void 0 : d.onAddStepClick, S = u ? h - y : s + 30, v = a + (r - a) * (u ? 0.25 : 0.35), D = a + (r - a) * (u ? 0.65 : 0.7), C = S, P = (E) => {
+    E.stopPropagation(), m && m(l, {
       edgeId: t,
-      nodeId: r,
-      sourceNodeId: r,
-      targetNodeId: f,
+      nodeId: l,
+      sourceNodeId: l,
+      targetNodeId: c,
       position: "between",
-      referenceNodeId: r,
+      referenceNodeId: l,
       filterId: d == null ? void 0 : d.filterId,
       branch: d == null ? void 0 : d.branch
     });
-  }, D = 11.5, C = 6;
+  }, I = 11.5, T = 6;
   return /* @__PURE__ */ n("g", { children: [
     /* @__PURE__ */ e("path", { id: t, d: N, fill: "none", stroke: p, strokeWidth: 1.5, markerEnd: i }),
-    c && !y && /* @__PURE__ */ e("g", { transform: `translate(${k}, ${u})`, children: (() => {
-      const S = Math.max(44, c.length * 7 + 20);
-      return /* @__PURE__ */ n(R, { children: [
+    f && !u && /* @__PURE__ */ e("g", { transform: `translate(${v}, ${C})`, children: (() => {
+      const E = Math.max(44, f.length * 7 + 20);
+      return /* @__PURE__ */ n($, { children: [
         /* @__PURE__ */ e(
           "rect",
           {
-            x: -S / 2,
+            x: -E / 2,
             y: -11,
-            width: S,
+            width: E,
             height: 22,
             rx: 11,
-            fill: v ? "#e8f5e9" : "#ffebee",
-            stroke: v ? "#81c784" : "#e57373",
+            fill: w ? "#e8f5e9" : "#ffebee",
+            stroke: w ? "#81c784" : "#e57373",
             strokeWidth: 1
           }
         ),
@@ -1221,9 +1287,9 @@ const He = ({ id: t, data: r }) => {
             textAnchor: "middle",
             fontSize: 10,
             fontWeight: 600,
-            fill: v ? "#2e7d32" : "#c62828",
+            fill: w ? "#2e7d32" : "#c62828",
             style: { fontFamily: "sans-serif", pointerEvents: "none" },
-            children: c
+            children: f
           }
         )
       ] });
@@ -1231,37 +1297,37 @@ const He = ({ id: t, data: r }) => {
     m && /* @__PURE__ */ n(
       "g",
       {
-        transform: `translate(${I}, ${u})`,
-        onClick: z,
+        transform: `translate(${D}, ${C})`,
+        onClick: P,
         style: { cursor: "pointer", pointerEvents: "all" },
         className: "nodrag nopan edge-plus-svg",
         children: [
-          /* @__PURE__ */ e("circle", { r: D, className: "edge-plus-circle" }),
-          /* @__PURE__ */ e("line", { x1: 0, y1: -C, x2: 0, y2: C, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" }),
-          /* @__PURE__ */ e("line", { x1: -C, y1: 0, x2: C, y2: 0, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" })
+          /* @__PURE__ */ e("circle", { r: I, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("line", { x1: 0, y1: -T, x2: 0, y2: T, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" }),
+          /* @__PURE__ */ e("line", { x1: -T, y1: 0, x2: T, y2: 0, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" })
         ]
       }
     )
   ] });
 };
 export {
-  $e as A,
-  je as D,
-  dt as E,
-  Fe as F,
-  ht as G,
-  gt as L,
+  je as A,
+  Ke as D,
+  pt as E,
+  Be as F,
+  ut as G,
+  yt as L,
   He as N,
-  pt as P,
-  Oe as R,
-  Te as S,
-  De as T,
-  Ue as W,
-  Ie as a,
-  Be as b,
-  ze as c,
-  at as d,
-  ct as e,
-  Ce as f
+  ht as P,
+  Ge as R,
+  Ie as S,
+  Re as T,
+  Ve as W,
+  Ae as a,
+  Me as b,
+  Pe as c,
+  gt as d,
+  at as e,
+  ze as f
 };
-//# sourceMappingURL=GatewayBranchEdge-Diid9GtB.js.map
+//# sourceMappingURL=GatewayBranchEdge-DffZFc99.js.map