@notmrabhi/flowforge 0.1.40 → 0.1.42

package/dist/{GatewayBranchEdge-Bnql8DmQ.js → GatewayBranchEdge-CrgczPYJ.js}

@@ -1,14 +1,14 @@
-import { jsxs as t, jsx as e, Fragment as B } from "react/jsx-runtime";
-import { Handle as x, Position as N, getStraightPath as H, BaseEdge as G } from "reactflow";
+import { jsxs as t, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { Handle as x, Position as N, getStraightPath as U, BaseEdge as G } from "reactflow";
 import { Tooltip as $, Chip as q } from "@mui/material";
-import { GrTrigger as xe } from "react-icons/gr";
-import { createContext as Ne, useContext as ke } from "react";
-import { d as ve } from "./messages-CO299wPN.js";
-import { MdOutlineModeEdit as D, MdInfoOutline as j, MdInput as fe, MdDeleteOutline as F, MdCheckCircle as we, MdPeople as Se, MdSchedule as Ce, MdWebhook as de, MdNotifications as U, MdSms as Ee, MdEmail as Te, MdContentCopy as ze, MdHttp as Ie, MdCallSplit as Pe, MdAccountTree as Ae, MdOpenInNew as De } from "react-icons/md";
+import { GrTrigger as Ne } from "react-icons/gr";
+import { createContext as ke, useContext as ve } from "react";
+import { d as we } from "./messages-CO299wPN.js";
+import { MdOutlineModeEdit as D, MdInfoOutline as B, MdInput as fe, MdDeleteOutline as F, MdCheckCircle as Se, MdPeople as Ce, MdSchedule as Ee, MdWebhook as de, MdNotifications as O, MdSms as Te, MdEmail as ze, MdContentCopy as Ie, MdHttp as Pe, MdCallSplit as Ae, MdAccountTree as De, MdOpenInNew as Re } from "react-icons/md";
 import { FaCheckCircle as ae, FaTimesCircle as pe } from "react-icons/fa";
-import { FiFilter as Re } from "react-icons/fi";
-import { a as M, H as Le, B as Y } from "./canvasTokens-CAD6G24b.js";
-const We = Ne({
+import { FiFilter as Le } from "react-icons/fi";
+import { a as K, H as We, B as Y } from "./canvasTokens-CAD6G24b.js";
+const Fe = ke({
   onEditNode: () => {
   },
   onDeleteNode: () => {
@@ -17,17 +17,17 @@ const We = Ne({
   },
   onClickAddTrigger: () => {
   },
-  messages: ve,
+  messages: we,
   nodeRegistry: null,
   nodeBody: "full"
-}), I = () => ke(We), Fe = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+}), P = () => ve(Fe), $e = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0, left: "50%" } }),
   /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "Start" })
-] }), $e = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
+] }), je = () => /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
   /* @__PURE__ */ e(x, { type: "target", position: N.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" })
 ] }), Be = () => {
-  const { onClickAddTrigger: n, messages: i } = I();
+  const { onClickAddTrigger: n, messages: i } = P();
   return /* @__PURE__ */ t("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0, left: "50%" } }),
     /* @__PURE__ */ e($, { title: i.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ t(
@@ -41,15 +41,15 @@ const We = Ne({
         },
         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(xe, { size: 16 }),
+          /* @__PURE__ */ e(Ne, { 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%" } })
   ] });
-}, je = ({ id: n }) => {
-  const { onAddStep: i } = I();
+}, Ke = ({ id: n }) => {
+  const { onAddStep: i } = P();
   return /* @__PURE__ */ t(
     "div",
     {
@@ -77,10 +77,10 @@ function Me(n) {
   return ge(i);
 }
 const _e = ({ data: n }) => {
-  const { onClickAddTrigger: i } = I(), {
+  const { onClickAddTrigger: i } = P(), {
     type: f,
     eventType: p,
-    sources: s,
+    sources: c,
     label: r,
     source: h,
     previewWorkflow: o,
@@ -88,7 +88,7 @@ const _e = ({ data: n }) => {
     infoText: d = "This node decides the flow trigger type and configuration."
   } = n ?? {}, u = (m) => {
     m == null || m.stopPropagation(), i();
-  }, y = Array.isArray(s) && s.length > 0, k = !!(r || h), g = f === "scheduler" ? "Scheduler Trigger" : f === "event" || y || k ? "Event Trigger Source" : "Select Trigger", c = (() => {
+  }, y = Array.isArray(c) && c.length > 0, k = !!(r || h), g = f === "scheduler" ? "Scheduler Trigger" : f === "event" || y || k ? "Event Trigger Source" : "Select Trigger", s = (() => {
     if (f === "scheduler")
       return /* @__PURE__ */ e("span", { children: "Scheduler to be configured" });
     if (f === "event" || y) {
@@ -98,7 +98,7 @@ const _e = ({ data: n }) => {
           /* @__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: y ? s.map((C, v) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: y ? c.map((C, v) => /* @__PURE__ */ e(
           q,
           {
             label: Me(C),
@@ -126,7 +126,7 @@ const _e = ({ data: n }) => {
         children: "Click to select a trigger to start your workflow"
       }
     );
-  })(), S = l ? /* @__PURE__ */ t(B, { children: [
+  })(), S = l ? /* @__PURE__ */ t(j, { children: [
     l.status === "success" && /* @__PURE__ */ e(ae, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
     l.status === "failed" && /* @__PURE__ */ e(pe, { size: 16, color: "#f44336", style: { marginRight: 8 } })
   ] }) : /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center", children: [
@@ -145,7 +145,7 @@ const _e = ({ data: n }) => {
         children: /* @__PURE__ */ e(D, { size: 16 })
       }
     ),
-    /* @__PURE__ */ e($, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(j, { color: "gray", size: 16 }) }) })
+    /* @__PURE__ */ e($, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
   ] });
   return /* @__PURE__ */ t("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
@@ -184,14 +184,14 @@ const _e = ({ data: n }) => {
             borderRadius: 6,
             textAlign: "left"
           },
-          children: c
+          children: s
         }
       )
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 }, id: "1" })
   ] });
 };
-function Ke(n) {
+function He(n) {
   return n ? n === "END_USER_CREATION" ? "New User Registration" : n === "END_USER_UPDATION" ? "On User Update" : n.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
 }
 function Oe(n) {
@@ -203,10 +203,10 @@ const Ue = ({ data: n }) => {
     header: i = "Event",
     title: f,
     eventType: p,
-    sources: s,
+    sources: c,
     executionStatus: r,
     infoText: h = "This event is raised by the system. It cannot be configured."
-  } = n ?? {}, o = f ?? Ke(p) ?? "—";
+  } = n ?? {}, o = f ?? He(p) ?? "—";
   return /* @__PURE__ */ t("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
@@ -233,7 +233,7 @@ const Ue = ({ data: n }) => {
         /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center", children: [
           (r == null ? void 0 : r.status) === "success" && /* @__PURE__ */ e(ae, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
           (r == null ? void 0 : r.status) === "failed" && /* @__PURE__ */ e(pe, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
-          !r && /* @__PURE__ */ e($, { title: /* @__PURE__ */ e("div", { children: h }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(j, { color: "gray", size: 16 }) }) })
+          !r && /* @__PURE__ */ e($, { title: /* @__PURE__ */ e("div", { children: h }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       /* @__PURE__ */ t(
@@ -250,9 +250,9 @@ const Ue = ({ data: n }) => {
           },
           children: [
             /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: o }),
-            Array.isArray(s) && s.length > 0 && /* @__PURE__ */ t(B, { children: [
+            Array.isArray(c) && c.length > 0 && /* @__PURE__ */ t(j, { 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(
+              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: c.map((l, d) => /* @__PURE__ */ e(
                 q,
                 {
                   label: Oe(l),
@@ -281,8 +281,8 @@ const Ue = ({ data: n }) => {
       style: { position: "absolute", left: 0, top: "100%", pointerEvents: "none", overflow: "visible" },
       children: [
         /* @__PURE__ */ e("line", { x1: f, y1: 0, x2: f, y2: n.height, stroke: p, strokeWidth: 1.5 }),
-        n.branches.map((s, r) => {
-          const h = s.y;
+        n.branches.map((c, r) => {
+          const h = c.y;
           return /* @__PURE__ */ t("g", { transform: `translate(0, ${h})`, children: [
             /* @__PURE__ */ e(
               "rect",
@@ -306,7 +306,7 @@ const Ue = ({ data: n }) => {
                 fontWeight: 500,
                 fill: "var(--ff-text, #212121)",
                 style: { fontFamily: "sans-serif" },
-                children: s.label
+                children: c.label
               }
             )
           ] }, r);
@@ -314,14 +314,14 @@ const Ue = ({ data: n }) => {
       ]
     }
   );
-}, He = ({ id: n, data: i }) => {
-  const { onEditNode: f, onDeleteNode: p } = I(), { conditions: s = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: h } = i;
+}, Ge = ({ id: n, data: i }) => {
+  const { onEditNode: f, onDeleteNode: p } = P(), { conditions: c = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: h } = i;
   return /* @__PURE__ */ t("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("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(Re, { 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(Le, { 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__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -354,21 +354,21 @@ const Ue = ({ data: n }) => {
               children: /* @__PURE__ */ e(F, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e($, { title: r, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(j, { color: "gray", size: 16 }) }) })
+          /* @__PURE__ */ e($, { 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, l) => /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
+      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: c.length === 0 ? /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "No conditions configured" }) : c.map((o, l) => /* @__PURE__ */ t("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 }),
-        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 < c.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(he, { rail: h, cardWidth: 350 })
   ] });
-}, Ge = ({ id: n, data: i }) => {
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: s, nodeBody: r = "full" } = I(), { title: h = "Task", descriptorType: o, groupBlocks: l, groups: d, roles: u, groupId: y, roleId: k, infoText: g = "" } = i, c = o ? s == null ? void 0 : s.forType(o) : void 0, S = c == null ? void 0 : c.icon, m = (a) => a == null ? "" : typeof a == "string" ? a : typeof a == "object" && "label" in a ? String(a.label) : String(a), C = (a) => Array.isArray(a) ? a.map(m).filter(Boolean) : a != null && a !== "" ? [m(a)] : [], v = /* @__PURE__ */ new Set([
+}, Ve = ({ id: n, data: i }) => {
+  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c, nodeBody: r = "full" } = P(), { title: h = "Task", descriptorType: o, groupBlocks: l, groups: d, roles: u, groupId: y, roleId: k, infoText: g = "" } = i, s = o ? c == null ? void 0 : c.forType(o) : void 0, S = s == null ? void 0 : s.icon, m = (a) => a == null ? "" : typeof a == "string" ? a : typeof a == "object" && "label" in a ? String(a.label) : String(a), C = (a) => Array.isArray(a) ? a.map(m).filter(Boolean) : a != null && a !== "" ? [m(a)] : [], v = /* @__PURE__ */ new Set([
     "descriptorType",
     "title",
     "header",
@@ -379,13 +379,13 @@ const Ue = ({ data: n }) => {
     // proper "When ..." rows, not as a JSON dump in the generic body.
     "conditionConfig",
     "_conditionConfig"
-  ]), R = c == null ? void 0 : c.formSchema, z = (a) => {
+  ]), R = s == null ? void 0 : s.formSchema, T = (a) => {
     if (Array.isArray(R)) {
       const b = R.find((w) => (w == null ? void 0 : w.id) === a || (w == null ? void 0 : w.name) === a);
       if (b != null && b.label) return b.label;
     }
     return a.replace(/[_-]+/g, " ").replace(/\b\w/g, (b) => b.toUpperCase());
-  }, P = (a) => {
+  }, A = (a) => {
     if (Array.isArray(a)) {
       const b = a.map(
         (W) => typeof W == "object" && W ? W.label ?? W.name ?? W.value ?? "" : String(W)
@@ -397,9 +397,9 @@ const Ue = ({ data: n }) => {
       return b.label ?? b.name ?? b.value ?? JSON.stringify(a);
     }
     return String(a);
-  }, A = Object.entries(i || {}).filter(
+  }, I = Object.entries(i || {}).filter(
     ([a, b]) => !v.has(a) && b !== "" && b !== null && b !== void 0 && !(Array.isArray(b) && b.length === 0)
-  ), T = (i == null ? void 0 : i.conditionConfig) ?? (i == null ? void 0 : i._conditionConfig), E = T && typeof T == "object" ? Object.entries(T).filter(([, a]) => Array.isArray(a) && a.length > 0).map(([a, b]) => ({
+  ), z = (i == null ? void 0 : i.conditionConfig) ?? (i == null ? void 0 : i._conditionConfig), E = z && typeof z == "object" ? Object.entries(z).filter(([, a]) => Array.isArray(a) && a.length > 0).map(([a, b]) => ({
     path: a,
     entries: b
   })) : [], L = (l == null ? void 0 : l.flatMap((a) => a.groups ?? [])) ?? [...C(d), ...C(u), ...C(y), ...C(k)], V = L.length > 0;
@@ -441,7 +441,7 @@ const Ue = ({ data: n }) => {
               children: /* @__PURE__ */ e(F, { color: "red", size: 16 })
             }
           ),
-          g && /* @__PURE__ */ e($, { title: g, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(j, { color: "gray", size: 16 }) }) })
+          g && /* @__PURE__ */ e($, { title: g, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(B, { color: "gray", size: 16 }) }) })
         ] })
       ] }),
       r !== "title-only" && // Body container matches IAM ActionNodeLabel: 12px text, left-aligned.
@@ -451,45 +451,20 @@ const Ue = ({ data: n }) => {
         "div",
         {
           style: {
-            margin: "0 10px 12px",
+            margin: "0 8px 8px",
             padding: 8,
             borderRadius: 4,
             background: "#f8f9fa",
             fontSize: 12,
             textAlign: "left",
-            color: "#212529"
+            color: "#212529",
+            lineHeight: 1.4
           },
-          children: c != null && c.renderNode ? c.renderNode(i) : A.length > 0 || E.length > 0 ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-            A.slice(0, 4).map(([a, b]) => /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "baseline", gap: 4 }, children: [
-              /* @__PURE__ */ t("span", { style: { fontWeight: 700, color: "#212529", flexShrink: 0 }, children: [
-                z(a),
-                ":"
-              ] }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  title: P(b),
-                  style: {
-                    color: "#212529",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    minWidth: 0,
-                    flex: 1
-                  },
-                  children: P(b)
-                }
-              )
-            ] }, a)),
-            A.length > 4 && /* @__PURE__ */ t("div", { style: { color: "#6c757d", fontSize: 11 }, children: [
-              "+",
-              A.length - 4,
-              " more"
-            ] }),
-            E.map((a, b) => /* @__PURE__ */ t("div", { style: { marginTop: 4 }, children: [
-              /* @__PURE__ */ e("div", { style: { color: "#6c757d", marginBottom: 2 }, children: "When" }),
+          children: s != null && s.renderNode ? s.renderNode(i) : I.length > 0 || E.length > 0 ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            E.map((a, b) => /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ e("div", { style: { color: "#6c757d" }, children: "When" }),
               a.entries.slice(0, 3).map((w, W, ye) => {
-                const ue = w.fieldLabel || w.field || "", me = w.operator || "", Z = w.value == null ? "" : typeof w.value == "object" ? P(w.value) : String(w.value), be = w.connector || "and";
+                const ue = w.field || "", me = w.fieldLabel || T(ue), be = w.operator || "", Z = w.value == null ? "" : typeof w.value == "object" ? A(w.value) : String(w.value), xe = w.connector || "and";
                 return /* @__PURE__ */ t(
                   "div",
                   {
@@ -497,11 +472,11 @@ const Ue = ({ data: n }) => {
                       display: "flex",
                       alignItems: "center",
                       flexWrap: "wrap",
-                      marginTop: 2
+                      marginTop: 4
                     },
                     children: [
-                      /* @__PURE__ */ e("span", { style: { fontWeight: 700, marginRight: 4, color: "#212529" }, children: ue }),
-                      /* @__PURE__ */ e("span", { style: { color: "#6c757d", marginRight: 4 }, children: me }),
+                      /* @__PURE__ */ e("span", { style: { fontWeight: 700, marginRight: 4, color: "#212529" }, children: me }),
+                      /* @__PURE__ */ e("span", { style: { color: "#6c757d", marginRight: 4 }, children: be }),
                       /* @__PURE__ */ e("span", { style: { color: "#212529", marginRight: 4 }, title: Z, children: Z }),
                       W < ye.length - 1 && /* @__PURE__ */ e(
                         "span",
@@ -516,7 +491,7 @@ const Ue = ({ data: n }) => {
                             textTransform: "uppercase",
                             fontSize: 10
                           },
-                          children: be
+                          children: xe
                         }
                       )
                     ]
@@ -524,12 +499,45 @@ const Ue = ({ data: n }) => {
                   W
                 );
               }),
-              a.entries.length > 3 && /* @__PURE__ */ t("div", { style: { color: "#6c757d", fontSize: 11 }, children: [
+              a.entries.length > 3 && /* @__PURE__ */ t("div", { style: { color: "#6c757d", fontSize: 11, marginTop: 2 }, children: [
                 "+",
                 a.entries.length - 3,
                 " more"
               ] })
-            ] }, `cond-${b}`))
+            ] }, `cond-${b}`)),
+            I.length > 0 && /* @__PURE__ */ e(
+              "div",
+              {
+                style: {
+                  marginTop: 4,
+                  color: "#212529",
+                  display: "flex",
+                  justifyContent: "flex-start"
+                },
+                children: (s == null ? void 0 : s.label) || h
+              }
+            ),
+            I.length > 0 && /* @__PURE__ */ t("div", { style: { display: "flex", flexWrap: "wrap", gap: 4, marginTop: 4 }, children: [
+              I.slice(0, 6).map(([a, b]) => /* @__PURE__ */ e(
+                "span",
+                {
+                  title: `${T(a)}: ${A(b)}`,
+                  style: {
+                    background: "#212529",
+                    color: "#fff",
+                    padding: "4px 8px",
+                    borderRadius: 4,
+                    fontSize: 11
+                  },
+                  children: A(b)
+                },
+                a
+              )),
+              I.length > 6 && /* @__PURE__ */ t("span", { style: { color: "#6c757d", fontSize: 11, alignSelf: "center" }, children: [
+                "+",
+                I.length - 6
+              ] })
+            ] })
           ] }) : V ? (
             // Dark badges matching IAM's bg-dark text-white py-1 px-2 rounded
             /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: L.map((a, b) => /* @__PURE__ */ e(
@@ -553,14 +561,14 @@ const Ue = ({ data: n }) => {
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
-}, J = 5, Ve = ({ id: n, data: i }) => {
-  const { onEditNode: f, onDeleteNode: p } = I(), { approvalData: s, isPreview: r = !1, _branchRail: h } = i, o = (s == null ? void 0 : s.policy) ?? {}, l = o.stages ?? [], d = l.length, u = l.slice(0, J), y = d - J, k = o.name ?? o.policyName ?? "Untitled Policy";
+}, J = 5, qe = ({ id: n, data: i }) => {
+  const { onEditNode: f, onDeleteNode: p } = P(), { approvalData: c, isPreview: r = !1, _branchRail: h } = i, o = (c == null ? void 0 : c.policy) ?? {}, l = o.stages ?? [], d = l.length, u = l.slice(0, J), y = d - J, k = o.name ?? o.policyName ?? "Untitled Policy";
   return /* @__PURE__ */ t("div", { style: { width: 350, position: "relative" }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #ffe082", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("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(we, { 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(Se, { style: { color: "#FBC02D" }, size: 16 }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Approval Policy" })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -595,7 +603,7 @@ const Ue = ({ data: n }) => {
               children: /* @__PURE__ */ e(F, { color: "red", size: 16 })
             }
           ),
-          /* @__PURE__ */ e($, { 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(j, { color: "gray", size: 16 }) }) })
+          /* @__PURE__ */ e($, { 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__ */ t("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#FCFCFC" }, children: [
@@ -608,20 +616,20 @@ const Ue = ({ data: n }) => {
           ] })
         ] }),
         l.length > 0 ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          u.map((g, c) => {
-            var P, A, T;
-            const S = ((P = g.stageName) == null ? void 0 : P.trim()) || `Stage ${c + 1}`, m = Array.isArray(g.userIds) ? g.userIds.length : 0, C = ((A = g.groupName) == null ? void 0 : A.trim()) ?? "", v = ((T = g.roleName) == null ? void 0 : T.trim()) ?? "", R = m > 0 || C || v;
-            let z = "Not configured";
-            return C ? z = `Group: ${C}` : v ? z = `Role: ${v}` : m > 0 && (z = `${m} approver${m !== 1 ? "s" : ""}`), /* @__PURE__ */ t("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((g, s) => {
+            var A, I, z;
+            const S = ((A = g.stageName) == null ? void 0 : A.trim()) || `Stage ${s + 1}`, m = Array.isArray(g.userIds) ? g.userIds.length : 0, C = ((I = g.groupName) == null ? void 0 : I.trim()) ?? "", v = ((z = g.roleName) == null ? void 0 : z.trim()) ?? "", R = m > 0 || C || v;
+            let T = "Not configured";
+            return C ? T = `Group: ${C}` : v ? T = `Role: ${v}` : m > 0 && (T = `${m} approver${m !== 1 ? "s" : ""}`), /* @__PURE__ */ t("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: s + 1 }),
               /* @__PURE__ */ t("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: S }),
                 /* @__PURE__ */ t("span", { className: `ff-d-flex ff-align-items-center ff-gap-1 ${R ? "ff-text-dark" : "ff-text-muted"}`, style: { fontSize: 12 }, children: [
-                  /* @__PURE__ */ e(Se, { size: 16, className: "ff-flex-shrink-0", style: { color: R ? "#5D4037" : "#9E9E9E" } }),
-                  z
+                  /* @__PURE__ */ e(Ce, { size: 16, className: "ff-flex-shrink-0", style: { color: R ? "#5D4037" : "#9E9E9E" } }),
+                  T
                 ] })
               ] })
-            ] }, c);
+            ] }, s);
           }),
           y > 0 && /* @__PURE__ */ t(
             "div",
@@ -650,14 +658,14 @@ const Ue = ({ data: n }) => {
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } }),
     h && /* @__PURE__ */ e(he, { rail: h, cardWidth: 350 })
   ] });
-}, qe = ({ id: n, data: i }) => {
-  const { onEditNode: f, onDeleteNode: p } = I(), { duration: s, unit: r } = i, h = s != null && r, o = h ? `Wait ${s} ${r}` : "Not configured";
+}, Ze = ({ id: n, data: i }) => {
+  const { onEditNode: f, onDeleteNode: p } = P(), { duration: c, unit: r } = i, h = c != null && r, o = h ? `Wait ${c} ${r}` : "Not configured";
   return /* @__PURE__ */ t("div", { style: { width: 350 }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center ff-mx-2 ff-mt-2 ff-mb-1", children: [
         /* @__PURE__ */ t("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(Ce, { 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(Ee, { size: 16, color: "#1976d2" }) }),
           /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Delay" })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
@@ -697,19 +705,19 @@ const Ue = ({ data: n }) => {
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
 }, Q = {
-  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: Te },
-  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: U },
-  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: U },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: Ee },
-  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: U },
+  email: { label: "Email", bg: "#e3f2fd", color: "#1565c0", iconType: ze },
+  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: Te },
+  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: O },
   webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: de }
-}, Ze = {
+}, Ye = {
   label: "Notification",
   bg: "rgba(156,39,176,0.1)",
   color: "#7b1fa2",
-  iconType: U
+  iconType: O
 };
-function Ye(n) {
+function Je(n) {
   var i;
   switch (n.channel) {
     case "email":
@@ -728,7 +736,7 @@ function Ye(n) {
       return n.recipient ?? null;
   }
 }
-function Je(n) {
+function Qe(n) {
   switch (n.channel) {
     case "email":
       return n.emailSubject ?? n.subject ?? null;
@@ -742,15 +750,15 @@ function Je(n) {
       return n.subject ?? null;
   }
 }
-const Qe = ({ id: n, data: i }) => {
-  const { onEditNode: f, onDeleteNode: p } = I(), s = i, r = s.channel && Q[s.channel] ? Q[s.channel] : Ze, h = Ye(s), o = Je(s), l = !!(s.channel && h), d = r.iconType;
-  return /* @__PURE__ */ t("div", { style: { width: M }, children: [
+const Xe = ({ id: n, data: i }) => {
+  const { onEditNode: f, onDeleteNode: p } = P(), c = i, r = c.channel && Q[c.channel] ? Q[c.channel] : Ye, h = Je(c), o = Qe(c), l = !!(c.channel && h), d = r.iconType;
+  return /* @__PURE__ */ t("div", { style: { width: K }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
           /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center ff-justify-content-center ff-rounded", style: { width: 25, height: 25, background: r.bg }, children: /* @__PURE__ */ e(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__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: c.channel ? `${r.label} Notification` : "Notification" })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -797,14 +805,14 @@ const Qe = ({ id: n, data: i }) => {
 }, X = {
   "api-key": "API Key",
   hmac: "HMAC"
-}, Xe = ({ data: n }) => {
-  const { onClickAddTrigger: i } = I(), { label: f = "Webhook Trigger", endpointUrl: p, authMethod: s, source: r } = n, h = (l) => {
+}, et = ({ data: n }) => {
+  const { onClickAddTrigger: i } = P(), { label: f = "Webhook Trigger", endpointUrl: p, authMethod: c, source: r } = n, h = (l) => {
     l.stopPropagation(), i();
   }, o = (l) => {
     l.stopPropagation(), p && navigator.clipboard.writeText(p).catch(() => {
     });
   };
-  return /* @__PURE__ */ t("div", { style: { width: M }, children: [
+  return /* @__PURE__ */ t("div", { style: { width: K }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #90caf9", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
@@ -831,7 +839,7 @@ const Qe = ({ id: n, data: i }) => {
         /* @__PURE__ */ t("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 }),
           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" && X[s] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: X[s] })
+          c && c !== "none" && X[c] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: X[c] })
         ] }),
         p && /* @__PURE__ */ t("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 }),
@@ -845,7 +853,7 @@ const Qe = ({ id: n, data: i }) => {
                 (l.key === "Enter" || l.key === " ") && o(l);
               },
               style: { cursor: "pointer", flexShrink: 0 },
-              children: /* @__PURE__ */ e(ze, { size: 12, color: "#1565c0" })
+              children: /* @__PURE__ */ e(Ie, { size: 12, color: "#1565c0" })
             }
           ) })
         ] })
@@ -853,10 +861,10 @@ const Qe = ({ id: n, data: i }) => {
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
-}, et = ({ id: n, data: i }) => {
+}, tt = ({ id: n, data: i }) => {
   var k;
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: s } = I(), { method: r, url: h, descriptorType: o } = i, l = o ? (k = s == null ? void 0 : s.forType(o)) == null ? void 0 : k.icon : /* @__PURE__ */ e(Ie, { size: 16, color: "#546e7a" }), d = !!(r && h), u = (r == null ? void 0 : r.toUpperCase()) ?? "", y = Le[u] ?? null;
-  return /* @__PURE__ */ t("div", { style: { width: M }, children: [
+  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c } = P(), { method: r, url: h, descriptorType: o } = i, l = o ? (k = c == null ? void 0 : c.forType(o)) == null ? void 0 : k.icon : /* @__PURE__ */ e(Pe, { size: 16, color: "#546e7a" }), d = !!(r && h), u = (r == null ? void 0 : r.toUpperCase()) ?? "", y = We[u] ?? null;
+  return /* @__PURE__ */ t("div", { style: { width: K }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b0bec5", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
@@ -903,7 +911,7 @@ const Qe = ({ id: n, data: i }) => {
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
-}, tt = {
+}, nt = {
   eq: "=",
   neq: "≠",
   gt: ">",
@@ -915,15 +923,15 @@ const Qe = ({ id: n, data: i }) => {
   endsWith: "ends with",
   isEmpty: "is empty",
   isNotEmpty: "is not empty"
-}, nt = ({ id: n, data: i }) => {
-  const { onEditNode: f, onDeleteNode: p } = I(), { title: s = "Condition Branch", branchConfigs: r = [], defaultBranch: h } = i, o = r.length > 0;
-  return /* @__PURE__ */ t("div", { style: { width: M }, children: [
+}, ot = ({ id: n, data: i }) => {
+  const { onEditNode: f, onDeleteNode: p } = P(), { title: c = "Condition Branch", branchConfigs: r = [], defaultBranch: h } = i, o = r.length > 0;
+  return /* @__PURE__ */ t("div", { style: { width: K }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #b39ddb", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
         /* @__PURE__ */ t("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(Pe, { size: 16, color: "#512da8" }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: s })
+          /* @__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(Ae, { size: 16, color: "#512da8" }) }),
+          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: c })
         ] }),
         /* @__PURE__ */ t("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
           /* @__PURE__ */ e(
@@ -959,14 +967,14 @@ const Qe = ({ id: n, data: i }) => {
       ] }),
       /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: o ? /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
         r.map((l, d) => {
-          var g, c;
-          const u = Y[d % Y.length], y = (g = l.conditions) == null ? void 0 : g[0], k = (((c = l.conditions) == null ? void 0 : c.length) ?? 0) - 1;
+          var g, s;
+          const u = Y[d % Y.length], y = (g = l.conditions) == null ? void 0 : g[0], k = (((s = l.conditions) == null ? void 0 : s.length) ?? 0) - 1;
           return /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
             /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: u.bg, color: u.color, flexShrink: 0 }, children: l.label || l.key }),
             y ? /* @__PURE__ */ t("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
               y.field,
               " ",
-              tt[y.operator] ?? y.operator,
+              nt[y.operator] ?? y.operator,
               y.value ? ` ${y.value}` : "",
               k > 0 ? ` +${k} more` : ""
             ] }) : /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "No conditions yet" })
@@ -980,12 +988,12 @@ const Qe = ({ id: n, data: i }) => {
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
-}, ot = ({ id: n, data: i }) => {
+}, it = ({ id: n, data: i }) => {
   var g;
-  const { onEditNode: f, onDeleteNode: p, nodeRegistry: s } = I(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: l, onPreview: d } = i, u = l ? (g = s == null ? void 0 : s.forType(l)) == null ? void 0 : g.icon : /* @__PURE__ */ e(Ae, { size: 16, color: "#00695c" }), y = !!h, k = (c) => {
-    c.stopPropagation(), h && d && d(h);
+  const { onEditNode: f, onDeleteNode: p, nodeRegistry: c } = P(), { title: r = "Sub-Workflow", workflowId: h, workflowLabel: o, descriptorType: l, onPreview: d } = i, u = l ? (g = c == null ? void 0 : c.forType(l)) == null ? void 0 : g.icon : /* @__PURE__ */ e(De, { size: 16, color: "#00695c" }), y = !!h, k = (s) => {
+    s.stopPropagation(), h && d && d(h);
   };
-  return /* @__PURE__ */ t("div", { style: { width: M }, children: [
+  return /* @__PURE__ */ t("div", { style: { width: K }, children: [
     /* @__PURE__ */ e(x, { type: "target", position: N.Top, style: { opacity: 0 } }),
     /* @__PURE__ */ t("div", { style: { border: "1.5px solid #80cbc4", borderRadius: 8, background: "#fff" }, children: [
       /* @__PURE__ */ t("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
@@ -999,11 +1007,11 @@ const Qe = ({ id: n, data: i }) => {
             {
               role: "button",
               tabIndex: 0,
-              onClick: (c) => {
-                c.stopPropagation(), f(n);
+              onClick: (s) => {
+                s.stopPropagation(), f(n);
               },
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), f(n));
+              onKeyDown: (s) => {
+                (s.key === "Enter" || s.key === " ") && (s.stopPropagation(), f(n));
               },
               children: /* @__PURE__ */ e(D, { size: 16 })
             }
@@ -1014,11 +1022,11 @@ const Qe = ({ id: n, data: i }) => {
               className: "ff-ms-2",
               role: "button",
               tabIndex: 0,
-              onClick: (c) => {
-                c.stopPropagation(), p(n);
+              onClick: (s) => {
+                s.stopPropagation(), p(n);
               },
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), p(n));
+              onKeyDown: (s) => {
+                (s.key === "Enter" || s.key === " ") && (s.stopPropagation(), p(n));
               },
               children: /* @__PURE__ */ e(F, { color: "red", size: 16 })
             }
@@ -1039,12 +1047,12 @@ const Qe = ({ id: n, data: i }) => {
             role: "button",
             tabIndex: 0,
             onClick: k,
-            onKeyDown: (c) => {
-              (c.key === "Enter" || c.key === " ") && k(c);
+            onKeyDown: (s) => {
+              (s.key === "Enter" || s.key === " ") && k(s);
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
             children: [
-              /* @__PURE__ */ e(De, { size: 13 }),
+              /* @__PURE__ */ e(Re, { size: 13 }),
               "Preview"
             ]
           }
@@ -1053,41 +1061,41 @@ const Qe = ({ id: n, data: i }) => {
     ] }),
     /* @__PURE__ */ e(x, { type: "source", position: N.Bottom, style: { opacity: 0 } })
   ] });
-}, bt = {
-  startNode: Fe,
-  endNode: $e,
+}, xt = {
+  startNode: $e,
+  endNode: je,
   addTriggerNode: Be,
-  addStepNode: je,
+  addStepNode: Ke,
   triggerNode: _e,
   eventNode: Ue,
-  filterNode: He,
-  actionNode: Ge,
-  approvalNode: Ve,
-  delayNode: qe,
-  notificationNode: Qe,
-  webhookTriggerNode: Xe,
-  restApiNode: et,
-  conditionBranchNode: nt,
-  subWorkflowNode: ot
-}, it = 11.5, ee = 2, _ = 6, te = 40, ne = 20, oe = 4, xt = ({
+  filterNode: Ge,
+  actionNode: Ve,
+  approvalNode: qe,
+  delayNode: Ze,
+  notificationNode: Xe,
+  webhookTriggerNode: et,
+  restApiNode: tt,
+  conditionBranchNode: ot,
+  subWorkflowNode: it
+}, lt = 11.5, ee = 2, M = 6, te = 40, ne = 20, oe = 4, Nt = ({
   id: n,
   sourceX: i,
   sourceY: f,
   targetX: p,
-  targetY: s,
+  targetY: c,
   sourcePosition: r,
   targetPosition: h,
   source: o,
   target: l,
   data: d
 }) => {
-  const [u, y, k] = H({
+  const [u, y, k] = U({
     sourceX: i,
     sourceY: f,
     targetX: p,
-    targetY: s
-  }), g = d == null ? void 0 : d.label, c = g === "Pass", S = c || g === "Fail", m = i + (p - i) / 3, C = f + (s - f) / 3, v = i + 2 * (p - i) / 3, R = f + 2 * (s - f) / 3, z = d == null ? void 0 : d.onAddStepClick, P = (L) => {
-    if (L.stopPropagation(), typeof z != "function") return;
+    targetY: c
+  }), g = d == null ? void 0 : d.label, s = g === "Pass", S = s || g === "Fail", m = i + (p - i) / 3, C = f + (c - f) / 3, v = i + 2 * (p - i) / 3, R = f + 2 * (c - f) / 3, T = d == null ? void 0 : d.onAddStepClick, A = (L) => {
+    if (L.stopPropagation(), typeof T != "function") return;
     const V = {
       edgeId: n,
       nodeId: o,
@@ -1098,23 +1106,23 @@ const Qe = ({ id: n, data: i }) => {
       referenceNodeType: d == null ? void 0 : d.referenceNodeType,
       stepVisibility: d == null ? void 0 : d.stepVisibility
     };
-    z(o, V);
-  }, A = (L) => {
-    (L.key === "Enter" || L.key === " ") && (L.preventDefault(), P(L));
-  }, T = () => /* @__PURE__ */ t(B, { children: [
+    T(o, V);
+  }, I = (L) => {
+    (L.key === "Enter" || L.key === " ") && (L.preventDefault(), A(L));
+  }, z = () => /* @__PURE__ */ t(j, { children: [
     /* @__PURE__ */ t("g", { className: "plus-icon-container", children: [
-      /* @__PURE__ */ e("circle", { r: it, className: "edge-plus-circle" }),
-      /* @__PURE__ */ e("line", { x1: 0, y1: -_, x2: 0, y2: _, strokeWidth: ee, strokeLinecap: "round", className: "plus-line" }),
-      /* @__PURE__ */ e("line", { x1: -_, y1: 0, x2: _, y2: 0, strokeWidth: ee, strokeLinecap: "round", className: "plus-line" })
+      /* @__PURE__ */ e("circle", { r: lt, className: "edge-plus-circle" }),
+      /* @__PURE__ */ e("line", { x1: 0, y1: -M, x2: 0, y2: M, strokeWidth: ee, strokeLinecap: "round", className: "plus-line" }),
+      /* @__PURE__ */ e("line", { x1: -M, y1: 0, x2: M, y2: 0, strokeWidth: ee, strokeLinecap: "round", className: "plus-line" })
     ] }),
     /* @__PURE__ */ t("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" })
     ] })
-  ] }), E = z ? {
-    onClick: P,
-    onKeyDown: A,
+  ] }), E = T ? {
+    onClick: A,
+    onKeyDown: I,
     role: "button",
     tabIndex: 0,
     style: { cursor: "pointer", pointerEvents: "all" }
@@ -1123,31 +1131,31 @@ const Qe = ({ id: n, data: i }) => {
   };
   return /* @__PURE__ */ t("g", { className: "edge-with-plus-wrapper", children: [
     /* @__PURE__ */ e(G, { id: n, path: u }),
-    S ? /* @__PURE__ */ t(B, { children: [
+    S ? /* @__PURE__ */ t(j, { children: [
       /* @__PURE__ */ t("g", { transform: `translate(${m}, ${C})`, children: [
-        /* @__PURE__ */ e("rect", { x: -te / 2, y: -ne / 2, width: te, height: ne, rx: oe, ry: oe, fill: c ? "#ADE6C5" : "#FDBFBF" }),
-        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: c ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: g })
+        /* @__PURE__ */ e("rect", { x: -te / 2, y: -ne / 2, width: te, height: ne, rx: oe, ry: oe, fill: s ? "#ADE6C5" : "#FDBFBF" }),
+        /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: s ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: g })
       ] }),
-      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${v}, ${R})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(T, {}) })
-    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${y}, ${k})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(T, {}) })
+      /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${v}, ${R})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(z, {}) })
+    ] }) : /* @__PURE__ */ e("g", { className: "nodrag nopan edge-plus-svg", transform: `translate(${y}, ${k})`, "data-testid": "plus-node-icon", ...E, children: /* @__PURE__ */ e(z, {}) })
   ] });
-}, lt = 11.5, ie = 2, K = 6, Nt = ({
+}, rt = 11.5, ie = 2, _ = 6, kt = ({
   id: n,
   sourceX: i,
   sourceY: f,
   targetX: p,
-  targetY: s,
+  targetY: c,
   source: r,
   target: h,
   data: o
 }) => {
-  const [l, d, u] = H({
+  const [l, d, u] = U({
     sourceX: i,
     sourceY: f,
     targetX: p,
-    targetY: s
-  }), y = o == null ? void 0 : o.onAddStepClick, k = (c) => {
-    c.stopPropagation(), typeof y == "function" && y(r, {
+    targetY: c
+  }), y = o == null ? void 0 : o.onAddStepClick, k = (s) => {
+    s.stopPropagation(), typeof y == "function" && y(r, {
       edgeId: n,
       nodeId: r,
       sourceNodeId: r,
@@ -1159,8 +1167,8 @@ const Qe = ({ id: n, data: i }) => {
       filterId: o == null ? void 0 : o.filterId,
       branch: o == null ? void 0 : o.branch
     });
-  }, g = (c) => {
-    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), k(c));
+  }, g = (s) => {
+    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), k(s));
   };
   return /* @__PURE__ */ t("g", { className: "edge-with-plus-wrapper", children: [
     /* @__PURE__ */ e(G, { id: n, path: l, style: { stroke: "#b0bec5" } }),
@@ -1180,14 +1188,14 @@ const Qe = ({ id: n, data: i }) => {
         tabIndex: y ? 0 : void 0,
         "data-testid": "plus-node-icon",
         children: [
-          /* @__PURE__ */ e("circle", { r: lt, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("circle", { r: rt, className: "edge-plus-circle" }),
           /* @__PURE__ */ e(
             "line",
             {
               x1: 0,
-              y1: -K,
+              y1: -_,
               x2: 0,
-              y2: K,
+              y2: _,
               strokeWidth: ie,
               strokeLinecap: "round",
               className: "plus-line"
@@ -1196,9 +1204,9 @@ const Qe = ({ id: n, data: i }) => {
           /* @__PURE__ */ e(
             "line",
             {
-              x1: -K,
+              x1: -_,
               y1: 0,
-              x2: K,
+              x2: _,
               y2: 0,
               strokeWidth: ie,
               strokeLinecap: "round",
@@ -1235,21 +1243,21 @@ const Qe = ({ id: n, data: i }) => {
       }
     )
   ] });
-}, kt = ({ id: n, sourceX: i, sourceY: f, targetX: p, targetY: s }) => {
-  const [r] = H({ sourceX: i, sourceY: f, targetX: p, targetY: s });
+}, vt = ({ id: n, sourceX: i, sourceY: f, targetX: p, targetY: c }) => {
+  const [r] = U({ sourceX: i, sourceY: f, targetX: p, targetY: c });
   return /* @__PURE__ */ e(G, { id: n, path: r, style: { stroke: "#b0bec5" } });
-}, rt = 11.5, le = 2, O = 6, st = -24, re = 40, se = 20, ce = 4, vt = ({
+}, st = 11.5, le = 2, H = 6, ct = -24, re = 40, se = 20, ce = 4, wt = ({
   id: n,
   sourceX: i,
   sourceY: f,
   targetX: p,
-  targetY: s,
+  targetY: c,
   source: r,
   target: h,
   data: o
 }) => {
-  const [l, d, u] = H({ sourceX: i, sourceY: f, targetX: p, targetY: s }), y = o == null ? void 0 : o.label, k = y === "Pass", g = k || y === "Fail", c = o == null ? void 0 : o.onAddStepClick, S = (o == null ? void 0 : o.showPlus) !== !1 && !!c, m = (v) => {
-    v.stopPropagation(), typeof c == "function" && c(r, {
+  const [l, d, u] = U({ sourceX: i, sourceY: f, targetX: p, targetY: c }), y = o == null ? void 0 : o.label, k = y === "Pass", g = k || y === "Fail", s = o == null ? void 0 : o.onAddStepClick, S = (o == null ? void 0 : o.showPlus) !== !1 && !!s, m = (v) => {
+    v.stopPropagation(), typeof s == "function" && s(r, {
       edgeId: n,
       nodeId: r,
       sourceNodeId: r,
@@ -1269,13 +1277,13 @@ const Qe = ({ id: n, data: i }) => {
       {
         className: "nodrag nopan edge-plus-svg",
         transform: `translate(${d}, ${u})`,
-        style: { cursor: c ? "pointer" : "default", pointerEvents: "all", outline: "none" },
-        onClick: c ? m : void 0,
-        onKeyDown: c ? C : void 0,
-        role: c ? "button" : void 0,
-        tabIndex: c ? 0 : void 0,
+        style: { cursor: s ? "pointer" : "default", pointerEvents: "all", outline: "none" },
+        onClick: s ? m : void 0,
+        onKeyDown: s ? C : void 0,
+        role: s ? "button" : void 0,
+        tabIndex: s ? 0 : void 0,
         children: [
-          g && /* @__PURE__ */ t("g", { transform: `translate(0, ${S ? st : 0})`, children: [
+          g && /* @__PURE__ */ t("g", { transform: `translate(0, ${S ? ct : 0})`, children: [
             /* @__PURE__ */ e(
               "rect",
               {
@@ -1291,9 +1299,9 @@ const Qe = ({ id: n, data: i }) => {
             /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: k ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: y })
           ] }),
           S && /* @__PURE__ */ t("g", { className: "plus-icon-container", children: [
-            /* @__PURE__ */ e("circle", { r: rt, className: "edge-plus-circle" }),
-            /* @__PURE__ */ e("line", { x1: 0, y1: -O, x2: 0, y2: O, strokeWidth: le, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -O, y1: 0, x2: O, y2: 0, strokeWidth: le, strokeLinecap: "round", className: "plus-line" })
+            /* @__PURE__ */ e("circle", { r: st, className: "edge-plus-circle" }),
+            /* @__PURE__ */ e("line", { x1: 0, y1: -H, x2: 0, y2: H, strokeWidth: le, strokeLinecap: "round", className: "plus-line" }),
+            /* @__PURE__ */ e("line", { x1: -H, y1: 0, x2: H, y2: 0, strokeWidth: le, strokeLinecap: "round", className: "plus-line" })
           ] }),
           S && /* @__PURE__ */ t("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" }),
@@ -1304,12 +1312,12 @@ const Qe = ({ id: n, data: i }) => {
       }
     )
   ] });
-}, wt = ({
+}, St = ({
   id: n,
   source: i,
   target: f,
   sourceX: p,
-  sourceY: s,
+  sourceY: c,
   targetX: r,
   targetY: h,
   style: o = {},
@@ -1320,9 +1328,9 @@ const Qe = ({ id: n, data: i }) => {
     const E = h - y;
     return `M ${p},${E} L ${r},${E} L ${r},${h}`;
   })() : (() => {
-    const E = s + 30;
-    return `M ${p},${s} L ${p},${E} L ${r},${E} L ${r},${h}`;
-  })(), g = o.stroke || "#d1d5db", c = d == null ? void 0 : d.label, S = (d == null ? void 0 : d.isFirst) ?? !1, m = d == null ? void 0 : d.onAddStepClick, C = u ? h - y : s + 30, v = p + (r - p) * (u ? 0.25 : 0.35), R = p + (r - p) * (u ? 0.65 : 0.7), z = C, P = (E) => {
+    const E = c + 30;
+    return `M ${p},${c} L ${p},${E} L ${r},${E} L ${r},${h}`;
+  })(), g = o.stroke || "#d1d5db", s = d == null ? void 0 : d.label, S = (d == null ? void 0 : d.isFirst) ?? !1, m = d == null ? void 0 : d.onAddStepClick, C = u ? h - y : c + 30, v = p + (r - p) * (u ? 0.25 : 0.35), R = p + (r - p) * (u ? 0.65 : 0.7), T = C, A = (E) => {
     E.stopPropagation(), m && m(i, {
       edgeId: n,
       nodeId: i,
@@ -1333,12 +1341,12 @@ const Qe = ({ id: n, data: i }) => {
       filterId: d == null ? void 0 : d.filterId,
       branch: d == null ? void 0 : d.branch
     });
-  }, A = 11.5, T = 6;
+  }, I = 11.5, z = 6;
   return /* @__PURE__ */ t("g", { children: [
     /* @__PURE__ */ e("path", { id: n, d: k, fill: "none", stroke: g, strokeWidth: 1.5, markerEnd: l }),
-    c && !u && /* @__PURE__ */ e("g", { transform: `translate(${v}, ${z})`, children: (() => {
-      const E = Math.max(44, c.length * 7 + 20);
-      return /* @__PURE__ */ t(B, { children: [
+    s && !u && /* @__PURE__ */ e("g", { transform: `translate(${v}, ${T})`, children: (() => {
+      const E = Math.max(44, s.length * 7 + 20);
+      return /* @__PURE__ */ t(j, { children: [
         /* @__PURE__ */ e(
           "rect",
           {
@@ -1362,7 +1370,7 @@ const Qe = ({ id: n, data: i }) => {
             fontWeight: 600,
             fill: S ? "#2e7d32" : "#c62828",
             style: { fontFamily: "sans-serif", pointerEvents: "none" },
-            children: c
+            children: s
           }
         )
       ] });
@@ -1370,37 +1378,37 @@ const Qe = ({ id: n, data: i }) => {
     m && /* @__PURE__ */ t(
       "g",
       {
-        transform: `translate(${R}, ${z})`,
-        onClick: P,
+        transform: `translate(${R}, ${T})`,
+        onClick: A,
         style: { cursor: "pointer", pointerEvents: "all" },
         className: "nodrag nopan edge-plus-svg",
         children: [
-          /* @__PURE__ */ e("circle", { r: A, 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" })
+          /* @__PURE__ */ e("circle", { r: I, className: "edge-plus-circle" }),
+          /* @__PURE__ */ e("line", { x1: 0, y1: -z, x2: 0, y2: z, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" }),
+          /* @__PURE__ */ e("line", { x1: -z, y1: 0, x2: z, y2: 0, strokeWidth: 2, strokeLinecap: "round", className: "plus-line" })
         ]
       }
     )
   ] });
 };
 export {
-  Ge as A,
-  qe as D,
-  xt as E,
-  He as F,
-  wt as G,
-  vt as L,
-  Qe as N,
-  kt as P,
-  et as R,
-  Fe as S,
+  Ve as A,
+  Ze as D,
+  Nt as E,
+  Ge as F,
+  St as G,
+  wt as L,
+  Xe as N,
+  vt as P,
+  tt as R,
+  $e as S,
   _e as T,
-  Xe as W,
+  et as W,
   Be as a,
-  Ve as b,
-  $e as c,
-  Nt as d,
-  bt as e,
-  We as f
+  qe as b,
+  je as c,
+  kt as d,
+  xt as e,
+  Fe as f
 };
-//# sourceMappingURL=GatewayBranchEdge-Bnql8DmQ.js.map
+//# sourceMappingURL=GatewayBranchEdge-CrgczPYJ.js.map