@notmrabhi/flowforge 0.1.19 → 0.1.21

package/dist/GatewayBranchEdge-4XMPBHne.js

@@ -1,1255 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as L } from "react/jsx-runtime";
-import { Handle as b, Position as x, getStraightPath as M, BaseEdge as K } from "reactflow";
-import { Tooltip as A, Chip as U } from "@mui/material";
-import { GrTrigger as ce } from "react-icons/gr";
-import { createContext as de, useContext as ae } from "react";
-import { d as pe } from "./messages-CO299wPN.js";
-import { MdOutlineModeEdit as T, MdInfoOutline as W, MdInput as oe, MdDeleteOutline as P, MdCheckCircle as ge, MdPeople as he, MdSchedule as ye, MdWebhook as ie, MdNotifications as j, MdSms as ue, MdEmail as me, MdContentCopy as be, MdHttp as xe, MdCallSplit as Ne, MdAccountTree as ke, MdOpenInNew as ve } from "react-icons/md";
-import { FaCheckCircle as le, FaTimesCircle as re } from "react-icons/fa";
-import { FiFilter as we } from "react-icons/fi";
-import { a as F, H as Se, B as O } from "./canvasTokens-CAD6G24b.js";
-const Ee = de({
-  onEditNode: () => {
-  },
-  onDeleteNode: () => {
-  },
-  onAddStep: () => {
-  },
-  onClickAddTrigger: () => {
-  },
-  messages: pe,
-  nodeRegistry: null,
-  nodeBody: "full"
-}), E = () => ae(Ee), Ce = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
-  /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0, left: "50%" } }),
-  /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "Start" })
-] }), Te = () => /* @__PURE__ */ n("div", { style: { width: 350, display: "flex", justifyContent: "center" }, children: [
-  /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0, left: "50%" } }),
-  /* @__PURE__ */ e("div", { style: { padding: "8px 28px", borderRadius: 999, background: "#f5f5f5", border: "1.5px solid #bdbdbd", fontSize: 13, fontWeight: 500, color: "#424242", userSelect: "none" }, children: "End" })
-] }), ze = () => {
-  const { onClickAddTrigger: t, messages: i } = E();
-  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: i.addTriggerTooltip, placement: "top", arrow: !0, children: /* @__PURE__ */ n(
-      "div",
-      {
-        onClick: t,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (f) => {
-          f.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(ce, { size: 16 }),
-          /* @__PURE__ */ e("span", { className: "ff-text-black", style: { fontSize: 13 }, "data-testid": "add-trigger-btn-text", children: i.addTriggerButton })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0, left: "50%" } })
-  ] });
-}, Ie = ({ id: t }) => {
-  const { onAddStep: i } = E();
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      onClick: () => i(t),
-      role: "button",
-      tabIndex: 0,
-      onKeyDown: (f) => {
-        f.key === "Enter" && i(t);
-      },
-      style: { width: 28, height: 28, borderRadius: "50%", border: "1.5px solid #9e9e9e", background: "#fff", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", fontSize: 18, color: "#757575", lineHeight: 1, userSelect: "none" },
-      children: [
-        /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
-        "+",
-        /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
-      ]
-    }
-  );
-};
-function Pe(t) {
-  return t ? t === "END_USER_CREATION" ? "New User Registration" : t === "END_USER_UPDATION" ? "On User Update" : t.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
-}
-function Ae(t) {
-  const i = typeof t == "string" ? t : t.value ?? "";
-  return i === "SIGNUP_FLOW" ? "User Self-Registration" : i === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : i === "SHEDULAR" ? "Scheduler" : typeof t != "string" && t.label ? t.label : i.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
-}
-const De = ({ data: t }) => {
-  const { onClickAddTrigger: i } = E(), {
-    type: f,
-    eventType: a,
-    sources: s,
-    label: r,
-    source: g,
-    previewWorkflow: o,
-    executionStatus: l,
-    infoText: d = "This node decides the flow trigger type and configuration."
-  } = t ?? {}, y = (m) => {
-    m == null || m.stopPropagation(), i();
-  }, h = Array.isArray(s) && s.length > 0, N = !!(r || g), p = f === "scheduler" ? "Scheduler Trigger" : f === "event" || h || N ? "Event Trigger Source" : "Select Trigger", c = f === "scheduler" ? /* @__PURE__ */ e("span", { children: "Scheduler to be configured" }) : f === "event" || h ? /* @__PURE__ */ n("div", { children: [
-    /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-      /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: Pe(a) }),
-      /* @__PURE__ */ e("span", { className: "ff-ms-2 ff-text-muted", style: { fontSize: 12 }, children: "via" })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-2", style: { gap: 4 }, children: h ? s.map((m, w) => /* @__PURE__ */ e(
-      U,
-      {
-        label: Ae(m),
-        variant: "outlined",
-        size: "small",
-        className: "ff-text-dark"
-      },
-      w
-    )) : /* @__PURE__ */ e("span", { className: "ff-text-muted", style: { fontSize: 12 }, children: "No source selected" }) })
-  ] }) : N ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-wrap ff-align-items-center", style: { gap: 6 }, children: [
-    r && /* @__PURE__ */ e("span", { style: { fontWeight: 600 }, children: r }),
-    g && /* @__PURE__ */ e(U, { label: g, variant: "outlined", size: "small" })
-  ] }) : /* @__PURE__ */ e(
-    "span",
-    {
-      role: "button",
-      tabIndex: 0,
-      onClick: y,
-      onKeyDown: (m) => {
-        (m.key === "Enter" || m.key === " ") && y(m);
-      },
-      style: { cursor: "pointer", color: "#1e88e5" },
-      children: "Click to select a trigger to start your workflow"
-    }
-  ), v = l ? /* @__PURE__ */ n(L, { children: [
-    l.status === "success" && /* @__PURE__ */ e(le, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-    l.status === "failed" && /* @__PURE__ */ e(re, { size: 16, color: "#f44336", style: { marginRight: 8 } })
-  ] }) : /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-    !o && /* @__PURE__ */ e(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        onClick: y,
-        onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && y(m);
-        },
-        className: "ff-me-2",
-        style: { cursor: "pointer", color: "#212121" },
-        "aria-label": "Edit trigger",
-        children: /* @__PURE__ */ e(T, { size: 16 })
-      }
-    ),
-    /* @__PURE__ */ e(A, { title: /* @__PURE__ */ e("div", { children: d }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
-  ] });
-  return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
-    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ n("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
-      /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 6px" }, children: [
-        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: {
-                width: 28,
-                height: 28,
-                borderRadius: 6,
-                background: "rgba(76,175,80,0.1)",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                flexShrink: 0
-              },
-              children: /* @__PURE__ */ e(oe, { size: 16, color: "#388e3c" })
-            }
-          ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: p })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "ff-d-flex ff-align-items-center", children: v })
-      ] }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            background: "#f5f5f5",
-            fontSize: 12,
-            color: "#212121",
-            padding: "10px 6px",
-            margin: "0 6px 10px",
-            borderRadius: 6
-          },
-          children: c
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 }, id: "1" })
-  ] });
-};
-function Re(t) {
-  return t ? t === "END_USER_CREATION" ? "New User Registration" : t === "END_USER_UPDATION" ? "On User Update" : t.replace(/[_-]+/g, " ").replace(/\b\w/g, (i) => i.toUpperCase()) : "";
-}
-function Le(t) {
-  const i = typeof t == "string" ? t : t.value ?? "";
-  return i === "SIGNUP_FLOW" ? "User Self-Registration" : i === "ADMIN_CREATION_FLOW" ? "Create User via Admin Portal" : i === "SHEDULAR" || i === "SCHEDULER" ? "Scheduler" : typeof t != "string" && t.label ? t.label : i.replace(/[_-]+/g, " ").replace(/\b\w/g, (f) => f.toUpperCase());
-}
-const We = ({ data: t }) => {
-  const {
-    header: i = "Event",
-    title: f,
-    eventType: a,
-    sources: s,
-    executionStatus: r,
-    infoText: g = "This event is raised by the system. It cannot be configured."
-  } = t ?? {}, o = f ?? Re(a) ?? "—";
-  return /* @__PURE__ */ n("div", { style: { width: 350 }, children: [
-    /* @__PURE__ */ e(b, { type: "target", position: x.Top, style: { opacity: 0 } }),
-    /* @__PURE__ */ n("div", { style: { border: "1.5px solid #a5d6a7", borderRadius: 8, background: "#fff", overflow: "hidden" }, children: [
-      /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-between ff-align-items-center", style: { padding: "10px 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(76,175,80,0.1)",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                flexShrink: 0
-              },
-              children: /* @__PURE__ */ e(oe, { size: 16, color: "#388e3c" })
-            }
-          ),
-          /* @__PURE__ */ e("span", { style: { fontSize: 14, fontWeight: 500, color: "#212121" }, children: i })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center", children: [
-          (r == null ? void 0 : r.status) === "success" && /* @__PURE__ */ e(le, { size: 16, color: "#1DBF60", style: { marginRight: 8 } }),
-          (r == null ? void 0 : r.status) === "failed" && /* @__PURE__ */ e(re, { size: 16, color: "#f44336", style: { marginRight: 8 } }),
-          !r && /* @__PURE__ */ e(A, { title: /* @__PURE__ */ e("div", { children: g }), placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ n(
-        "div",
-        {
-          style: {
-            background: "#f5f5f5",
-            fontSize: 13,
-            color: "#212121",
-            padding: "10px 12px",
-            margin: "0 6px 10px",
-            borderRadius: 6
-          },
-          children: [
-            /* @__PURE__ */ e("div", { style: { fontWeight: 600 }, children: o }),
-            Array.isArray(s) && s.length > 0 && /* @__PURE__ */ n(L, { children: [
-              /* @__PURE__ */ e("div", { className: "ff-text-muted", style: { fontSize: 12, marginTop: 4 }, children: "via" }),
-              /* @__PURE__ */ e("div", { className: "ff-d-flex ff-flex-wrap ff-mt-1", style: { gap: 4 }, children: s.map((l, d) => /* @__PURE__ */ e(
-                U,
-                {
-                  label: Le(l),
-                  variant: "outlined",
-                  size: "small",
-                  className: "ff-text-dark"
-                },
-                d
-              )) })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 }, id: "1" })
-  ] });
-}, se = ({ rail: t, cardWidth: i }) => {
-  const f = i / 2;
-  i / 2 + t.indent;
-  const a = "var(--ff-edge-color, #b0bec5)";
-  return /* @__PURE__ */ n(
-    "svg",
-    {
-      width: i + t.indent + 200,
-      height: t.height,
-      style: { position: "absolute", left: 0, top: "100%", pointerEvents: "none", overflow: "visible" },
-      children: [
-        /* @__PURE__ */ e("line", { x1: f, y1: 0, x2: f, y2: t.height, stroke: a, strokeWidth: 1.5 }),
-        t.branches.map((s, r) => {
-          const g = s.y;
-          return /* @__PURE__ */ n("g", { transform: `translate(0, ${g})`, children: [
-            /* @__PURE__ */ e(
-              "rect",
-              {
-                x: f - 5,
-                y: -5,
-                width: 10,
-                height: 10,
-                fill: "#fff",
-                stroke: a,
-                strokeWidth: 1.5,
-                transform: `rotate(45, ${f}, 0)`
-              }
-            ),
-            /* @__PURE__ */ e(
-              "text",
-              {
-                x: f + 14,
-                y: 4,
-                fontSize: 12,
-                fontWeight: 500,
-                fill: "var(--ff-text, #212121)",
-                style: { fontFamily: "sans-serif" },
-                children: s.label
-              }
-            )
-          ] }, r);
-        })
-      ]
-    }
-  );
-}, Fe = ({ id: t, data: i }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { conditions: s = [], infoText: r = "Filter conditions applied to workflow data", _branchRail: g } = i;
-  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(we, { 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: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (o) => {
-                o.stopPropagation(), f(t);
-              },
-              onKeyDown: (o) => {
-                o.key === "Enter" && (o.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (o) => {
-                o.stopPropagation(), a(t);
-              },
-              onKeyDown: (o) => {
-                o.key === "Enter" && (o.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(A, { title: r, placement: "right", arrow: !0, children: /* @__PURE__ */ e("div", { className: "ff-ms-2", children: /* @__PURE__ */ e(W, { color: "gray", size: 16 }) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { 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__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-mb-1", children: [
-        /* @__PURE__ */ e("p", { className: "ff-m-0 ff-fw-bold ff-me-1 ff-text-truncate", style: { maxWidth: 100 }, title: o.field, children: o.field }),
-        /* @__PURE__ */ e("span", { className: "ff-text-muted", children: o.operator }),
-        /* @__PURE__ */ e("p", { className: "ff-text-dark ff-text-truncate ff-mx-1 ff-m-0", title: o.value, children: o.value }),
-        l < s.length - 1 && /* @__PURE__ */ e("p", { className: "ff-bg-primary ff-text-white ff-fw-bold ff-ms-1 ff-px-1 ff-rounded-1 ff-m-0", children: o.logicalOperator })
-      ] }, l)) })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } }),
-    g && /* @__PURE__ */ e(se, { rail: g, cardWidth: 350 })
-  ] });
-}, $e = ({ id: t, data: i }) => {
-  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s, nodeBody: r = "full" } = E(), { title: g = "Task", descriptorType: o, groupBlocks: l, groups: d, roles: y, groupId: h, roleId: N, infoText: p = "" } = i, 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 = (l == null ? void 0 : l.flatMap((u) => u.groups ?? [])) ?? [...w(d), ...w(y), ...w(h), ...w(N)], I = k.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 })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), f(t);
-              },
-              onKeyDown: (u) => {
-                u.key === "Enter" && (u.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (u) => {
-                u.stopPropagation(), a(t);
-              },
-              onKeyDown: (u) => {
-                u.key === "Enter" && (u.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { 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 }) }) })
-        ] })
-      ] }),
-      r !== "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(i) : 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" }) })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
-  ] });
-}, H = 5, Be = ({ id: t, data: i }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { approvalData: s, isPreview: r = !1, _branchRail: g } = i, o = (s == null ? void 0 : s.policy) ?? {}, l = o.stages ?? [], d = l.length, y = l.slice(0, H), h = d - H, 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(ge, { 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: [
-          !r && /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              style: { cursor: "pointer" },
-              onClick: (p) => {
-                p.stopPropagation(), f(t);
-              },
-              onKeyDown: (p) => {
-                p.key === "Enter" && (p.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16, className: "ff-text-secondary" })
-            }
-          ),
-          !r && /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              style: { cursor: "pointer" },
-              onClick: (p) => {
-                p.stopPropagation(), a(t);
-              },
-              onKeyDown: (p) => {
-                p.key === "Enter" && (p.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { 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__ */ n("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#FCFCFC" }, children: [
-        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-justify-content-start ff-align-items-center ff-mb-2", children: [
-          /* @__PURE__ */ e("h6", { className: "ff-text-dark ff-mb-0 ff-text-truncate ff-flex-grow-1 ff-me-2", style: { fontSize: 13, fontWeight: 700 }, title: N, children: N }),
-          /* @__PURE__ */ n("span", { className: "ff-badge ff-rounded-pill ff-px-2 ff-py-1 ff-flex-shrink-0", style: { background: "#FFF9C4", color: "#616161", fontSize: 11, fontWeight: 600 }, children: [
-            d,
-            " Stage",
-            d !== 1 ? "s" : ""
-          ] })
-        ] }),
-        l.length > 0 ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-          y.map((p, c) => {
-            var z, D, C;
-            const v = ((z = 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 }),
-              /* @__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(he, { size: 16, className: "ff-flex-shrink-0", style: { color: I ? "#5D4037" : "#9E9E9E" } }),
-                  u
-                ] })
-              ] })
-            ] }, c);
-          }),
-          h > 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: r ? "default" : "pointer" },
-              role: r ? void 0 : "button",
-              tabIndex: r ? void 0 : 0,
-              onClick: (p) => {
-                r || (p.stopPropagation(), f(t));
-              },
-              onKeyDown: (p) => {
-                r || p.key !== "Enter" || (p.stopPropagation(), f(t));
-              },
-              children: [
-                "+ ",
-                h,
-                " More Stage",
-                h > 1 ? "s" : ""
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ e("div", { className: "ff-text-center ff-py-3 ff-rounded ff-border", style: { fontSize: 12, color: "#9e9e9e", background: "#FFFDE7", borderColor: "#FEE79A", borderStyle: "dashed" }, children: "No stages configured" })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } }),
-    g && /* @__PURE__ */ e(se, { rail: g, cardWidth: 350 })
-  ] });
-}, _e = ({ id: t, data: i }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { duration: s, unit: r } = i, g = s != null && r, o = g ? `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(ye, { size: 16, color: "#1976d2" }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "Delay" })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (l) => {
-                l.stopPropagation(), f(t);
-              },
-              onKeyDown: (l) => {
-                l.key === "Enter" && (l.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (l) => {
-                l.stopPropagation(), a(t);
-              },
-              onKeyDown: (l) => {
-                l.key === "Enter" && (l.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ff-mx-2 ff-mb-2 ff-p-2 ff-rounded", style: { background: "#fafafa", fontSize: 12 }, children: /* @__PURE__ */ e("span", { className: g ? "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: me },
-  slack: { label: "Slack", bg: "#e8f5e9", color: "#2e7d32", iconType: j },
-  teams: { label: "MS Teams", bg: "#ede7f6", color: "#4527a0", iconType: j },
-  sms: { label: "SMS", bg: "#fce4ec", color: "#880e4f", iconType: ue },
-  "in-app": { label: "In-App", bg: "#fff3e0", color: "#e65100", iconType: j },
-  webhook: { label: "Webhook", bg: "#f3e5f5", color: "#6a1b9a", iconType: ie }
-}, je = {
-  label: "Notification",
-  bg: "rgba(156,39,176,0.1)",
-  color: "#7b1fa2",
-  iconType: j
-};
-function Me(t) {
-  var i;
-  switch (t.channel) {
-    case "email":
-      return ((i = t.emailTo) == null ? void 0 : i.join(", ")) ?? t.recipient ?? null;
-    case "slack":
-      return t.slackChannel ?? null;
-    case "teams":
-      return t.teamsMessage ? "Message configured" : null;
-    case "sms":
-      return t.smsTo ?? null;
-    case "in-app":
-      return t.inAppRecipient ?? null;
-    case "webhook":
-      return t.webhookUrl ?? null;
-    default:
-      return t.recipient ?? null;
-  }
-}
-function Ke(t) {
-  switch (t.channel) {
-    case "email":
-      return t.emailSubject ?? t.subject ?? null;
-    case "slack": {
-      const i = t.slackMessage;
-      return i ? i.length > 60 ? `${i.slice(0, 60)}…` : i : null;
-    }
-    case "in-app":
-      return t.inAppTitle ?? null;
-    default:
-      return t.subject ?? null;
-  }
-}
-const Ue = ({ id: t, data: i }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), s = i, r = s.channel && G[s.channel] ? G[s.channel] : je, g = Me(s), o = Ke(s), l = !!(s.channel && g), d = r.iconType;
-  return /* @__PURE__ */ n("div", { style: { width: F }, 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: 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(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (y) => {
-                y.stopPropagation(), f(t);
-              },
-              onKeyDown: (y) => {
-                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (y) => {
-                y.stopPropagation(), a(t);
-              },
-              onKeyDown: (y) => {
-                (y.key === "Enter" || y.key === " ") && (y.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: l ? /* @__PURE__ */ n("div", { className: "ff-d-flex ff-flex-column ff-gap-1", children: [
-        /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: r.bg, color: r.color, fontWeight: 600, flexShrink: 0 }, children: r.label }),
-          /* @__PURE__ */ e("span", { className: "ff-text-dark ff-text-truncate", style: { maxWidth: 220 }, children: g })
-        ] }),
-        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 = {
-  "api-key": "API Key",
-  hmac: "HMAC"
-}, Oe = ({ data: t }) => {
-  const { onClickAddTrigger: i } = E(), { label: f = "Webhook Trigger", endpointUrl: a, authMethod: s, source: r } = t, g = (l) => {
-    l.stopPropagation(), i();
-  }, o = (l) => {
-    l.stopPropagation(), a && navigator.clipboard.writeText(a).catch(() => {
-    });
-  };
-  return /* @__PURE__ */ n("div", { style: { width: F }, 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("span", { style: { fontSize: 13, fontWeight: 600, color: "#212121" }, children: "Webhook Trigger" })
-        ] }),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            onClick: g,
-            onKeyDown: (l) => {
-              (l.key === "Enter" || l.key === " ") && g(l);
-            },
-            className: "ff-d-flex ff-align-items-center",
-            style: { paddingRight: 4, cursor: "pointer" },
-            children: /* @__PURE__ */ e(T, { 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 }),
-          r && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 11, background: "#fff", border: "1px solid #90caf9", color: "#1565c0" }, children: r }),
-          s && s !== "none" && V[s] && /* @__PURE__ */ e("span", { className: "ff-px-2 ff-py-1 ff-rounded", style: { fontSize: 10, background: "#1565c0", color: "#fff", fontWeight: 600 }, children: V[s] })
-        ] }),
-        a && /* @__PURE__ */ n("div", { className: "ff-d-flex ff-align-items-center ff-gap-1", style: { marginTop: 4 }, children: [
-          /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "#1565c0", fontFamily: "monospace", flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: a }),
-          /* @__PURE__ */ e(A, { title: "Copy URL", placement: "top", arrow: !0, children: /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: o,
-              onKeyDown: (l) => {
-                (l.key === "Enter" || l.key === " ") && o(l);
-              },
-              style: { cursor: "pointer", flexShrink: 0 },
-              children: /* @__PURE__ */ e(be, { size: 12, color: "#1565c0" })
-            }
-          ) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
-  ] });
-}, He = ({ id: t, data: i }) => {
-  var N;
-  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s } = E(), { method: r, url: g, descriptorType: o } = i, l = o ? (N = s == null ? void 0 : s.forType(o)) == null ? void 0 : N.icon : /* @__PURE__ */ e(xe, { size: 16, color: "#546e7a" }), d = !!(r && g), y = (r == null ? void 0 : r.toUpperCase()) ?? "", h = Se[y] ?? null;
-  return /* @__PURE__ */ n("div", { style: { width: F }, 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", { style: { width: 25, height: 25, display: "flex", alignItems: "center", justifyContent: "center" }, children: l }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: "REST API Call" })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (p) => {
-                p.stopPropagation(), f(t);
-              },
-              onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (p) => {
-                p.stopPropagation(), a(t);
-              },
-              onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && (p.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: 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 })
-      ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured" }) })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
-  ] });
-}, Ge = {
-  eq: "=",
-  neq: "≠",
-  gt: ">",
-  gte: "≥",
-  lt: "<",
-  lte: "≤",
-  contains: "contains",
-  startsWith: "starts with",
-  endsWith: "ends with",
-  isEmpty: "is empty",
-  isNotEmpty: "is not empty"
-}, Ve = ({ id: t, data: i }) => {
-  const { onEditNode: f, onDeleteNode: a } = E(), { title: s = "Condition Branch", branchConfigs: r = [], defaultBranch: g } = i, o = r.length > 0;
-  return /* @__PURE__ */ n("div", { style: { width: F }, 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(Ne, { size: 16, color: "#512da8" }) }),
-          /* @__PURE__ */ e("span", { className: "ff-fw-medium ff-text-dark", style: { fontSize: 14 }, children: s })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (l) => {
-                l.stopPropagation(), f(t);
-              },
-              onKeyDown: (l) => {
-                (l.key === "Enter" || l.key === " ") && (l.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (l) => {
-                l.stopPropagation(), a(t);
-              },
-              onKeyDown: (l) => {
-                (l.key === "Enter" || l.key === " ") && (l.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { color: "red", size: 16 })
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { style: { margin: "0 6px 10px", padding: "10px 12px", borderRadius: 6, background: "#fafafa", fontSize: 12 }, children: o ? /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-        r.map((l, d) => {
-          var p, c;
-          const y = O[d % O.length], h = (p = l.conditions) == null ? void 0 : p[0], N = (((c = l.conditions) == null ? void 0 : c.length) ?? 0) - 1;
-          return /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-            /* @__PURE__ */ e("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 7px", borderRadius: 10, background: y.bg, color: y.color, flexShrink: 0 }, children: l.label || l.key }),
-            h ? /* @__PURE__ */ n("span", { style: { fontSize: 11, color: "#616161", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-              h.field,
-              " ",
-              Ge[h.operator] ?? h.operator,
-              h.value ? ` ${h.value}` : "",
-              N > 0 ? ` +${N} more` : ""
-            ] }) : /* @__PURE__ */ e("span", { style: { fontSize: 11, color: "#9e9e9e" }, children: "No conditions yet" })
-          ] }, l.key);
-        }),
-        g && /* @__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" })
-        ] })
-      ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured — click edit to add branches" }) })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
-  ] });
-}, qe = ({ id: t, data: i }) => {
-  var p;
-  const { onEditNode: f, onDeleteNode: a, nodeRegistry: s } = E(), { title: r = "Sub-Workflow", workflowId: g, workflowLabel: o, descriptorType: l, onPreview: d } = i, y = l ? (p = s == null ? void 0 : s.forType(l)) == null ? void 0 : p.icon : /* @__PURE__ */ e(ke, { size: 16, color: "#00695c" }), h = !!g, N = (c) => {
-    c.stopPropagation(), g && d && d(g);
-  };
-  return /* @__PURE__ */ n("div", { style: { width: F }, 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: r })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "node-actions ff-d-flex ff-align-items-center", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (c) => {
-                c.stopPropagation(), f(t);
-              },
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), f(t));
-              },
-              children: /* @__PURE__ */ e(T, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "ff-ms-2",
-              role: "button",
-              tabIndex: 0,
-              onClick: (c) => {
-                c.stopPropagation(), a(t);
-              },
-              onKeyDown: (c) => {
-                (c.key === "Enter" || c.key === " ") && (c.stopPropagation(), a(t));
-              },
-              children: /* @__PURE__ */ e(P, { 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__ */ 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__ */ n("span", { style: { fontSize: 10, color: "#80cbc4", fontFamily: "monospace" }, children: [
-            "ID: ",
-            g
-          ] })
-        ] }),
-        d && /* @__PURE__ */ n(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            onClick: N,
-            onKeyDown: (c) => {
-              (c.key === "Enter" || c.key === " ") && N(c);
-            },
-            style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 3, fontSize: 11, color: "#00897b" },
-            children: [
-              /* @__PURE__ */ e(ve, { size: 13 }),
-              "Preview"
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ e("span", { className: "ff-text-muted", children: "Not configured — select a workflow" }) })
-    ] }),
-    /* @__PURE__ */ e(b, { type: "source", position: x.Bottom, style: { opacity: 0 } })
-  ] });
-}, ct = {
-  startNode: Ce,
-  endNode: Te,
-  addTriggerNode: ze,
-  addStepNode: Ie,
-  triggerNode: De,
-  eventNode: We,
-  filterNode: Fe,
-  actionNode: $e,
-  approvalNode: Be,
-  delayNode: _e,
-  notificationNode: Ue,
-  webhookTriggerNode: Oe,
-  restApiNode: He,
-  conditionBranchNode: Ve,
-  subWorkflowNode: qe
-}, Ze = 11.5, q = 2, $ = 6, Z = 40, Y = 20, J = 4, dt = ({
-  id: t,
-  sourceX: i,
-  sourceY: f,
-  targetX: a,
-  targetY: s,
-  sourcePosition: r,
-  targetPosition: g,
-  source: o,
-  target: l,
-  data: d
-}) => {
-  const [y, h, N] = M({
-    sourceX: i,
-    sourceY: f,
-    targetX: a,
-    targetY: s
-  }), p = d == null ? void 0 : d.label, c = p === "Pass", v = c || p === "Fail", m = i + (a - i) / 3, w = f + (s - f) / 3, k = i + 2 * (a - i) / 3, I = f + 2 * (s - f) / 3, u = d == null ? void 0 : d.onAddStepClick, z = (R) => {
-    if (R.stopPropagation(), typeof u != "function") return;
-    const fe = {
-      edgeId: t,
-      nodeId: o,
-      sourceNodeId: o,
-      targetNodeId: l,
-      position: "between",
-      referenceNodeId: o,
-      referenceNodeType: d == null ? void 0 : d.referenceNodeType,
-      stepVisibility: d == null ? void 0 : d.stepVisibility
-    };
-    u(o, fe);
-  }, D = (R) => {
-    (R.key === "Enter" || R.key === " ") && (R.preventDefault(), z(R));
-  }, C = () => /* @__PURE__ */ n(L, { 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__ */ 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,
-    role: "button",
-    tabIndex: 0,
-    style: { cursor: "pointer", pointerEvents: "all" }
-  } : {
-    style: { cursor: "default", pointerEvents: "all" }
-  };
-  return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(K, { id: t, path: y }),
-    v ? /* @__PURE__ */ n(L, { 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("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, {}) })
-  ] });
-}, Ye = 11.5, Q = 2, B = 6, at = ({
-  id: t,
-  sourceX: i,
-  sourceY: f,
-  targetX: a,
-  targetY: s,
-  source: r,
-  target: g,
-  data: o
-}) => {
-  const [l, d, y] = M({
-    sourceX: i,
-    sourceY: f,
-    targetX: a,
-    targetY: s
-  }), h = o == null ? void 0 : o.onAddStepClick, N = (c) => {
-    c.stopPropagation(), typeof h == "function" && h(r, {
-      edgeId: t,
-      nodeId: r,
-      sourceNodeId: r,
-      targetNodeId: g,
-      position: "between",
-      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));
-  };
-  return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(K, { id: t, path: l, style: { stroke: "#b0bec5" } }),
-    /* @__PURE__ */ n(
-      "g",
-      {
-        className: "nodrag nopan edge-plus-svg",
-        transform: `translate(${d}, ${y})`,
-        style: {
-          cursor: h ? "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,
-        "data-testid": "plus-node-icon",
-        children: [
-          /* @__PURE__ */ e("circle", { r: Ye, className: "edge-plus-circle" }),
-          /* @__PURE__ */ e(
-            "line",
-            {
-              x1: 0,
-              y1: -B,
-              x2: 0,
-              y2: B,
-              strokeWidth: Q,
-              strokeLinecap: "round",
-              className: "plus-line"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "line",
-            {
-              x1: -B,
-              y1: 0,
-              x2: B,
-              y2: 0,
-              strokeWidth: Q,
-              strokeLinecap: "round",
-              className: "plus-line"
-            }
-          ),
-          /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(18, 0)", children: [
-            /* @__PURE__ */ e(
-              "rect",
-              {
-                x: 0,
-                y: -10,
-                width: 65,
-                height: 20,
-                rx: 4,
-                className: "tooltip-bg"
-              }
-            ),
-            /* @__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"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}, pt = ({ id: t, sourceX: i, sourceY: f, targetX: a, targetY: s }) => {
-  const [r] = M({ sourceX: i, sourceY: f, targetX: a, targetY: s });
-  return /* @__PURE__ */ e(K, { id: t, path: r, style: { stroke: "#b0bec5" } });
-}, Je = 11.5, X = 2, _ = 6, Qe = -24, ee = 40, te = 20, ne = 4, gt = ({
-  id: t,
-  sourceX: i,
-  sourceY: f,
-  targetX: a,
-  targetY: s,
-  source: r,
-  target: g,
-  data: o
-}) => {
-  const [l, d, y] = M({ sourceX: i, 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(r, {
-      edgeId: t,
-      nodeId: r,
-      sourceNodeId: r,
-      targetNodeId: g,
-      position: "between",
-      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));
-  };
-  return /* @__PURE__ */ n("g", { className: "edge-with-plus-wrapper", children: [
-    /* @__PURE__ */ e(K, { id: t, path: l, 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,
-        children: [
-          p && /* @__PURE__ */ n("g", { transform: `translate(0, ${v ? Qe : 0})`, children: [
-            /* @__PURE__ */ e(
-              "rect",
-              {
-                x: -ee / 2,
-                y: -te / 2,
-                width: ee,
-                height: te,
-                rx: ne,
-                ry: ne,
-                fill: N ? "#ADE6C5" : "#FDBFBF"
-              }
-            ),
-            /* @__PURE__ */ e("text", { textAnchor: "middle", dominantBaseline: "central", fill: N ? "#1DBF60" : "#C50000", style: { fontSize: 12, fontWeight: 500 }, children: h })
-          ] }),
-          v && /* @__PURE__ */ n("g", { className: "plus-icon-container", children: [
-            /* @__PURE__ */ e("circle", { r: Je, className: "edge-plus-circle" }),
-            /* @__PURE__ */ e("line", { x1: 0, y1: -_, x2: 0, y2: _, strokeWidth: X, strokeLinecap: "round", className: "plus-line" }),
-            /* @__PURE__ */ e("line", { x1: -_, y1: 0, x2: _, y2: 0, strokeWidth: X, strokeLinecap: "round", className: "plus-line" })
-          ] }),
-          v && /* @__PURE__ */ n("g", { className: "edge-plus-tooltip", transform: "translate(22, 0)", children: [
-            /* @__PURE__ */ e("rect", { x: 0, y: -10, width: 65, height: 20, rx: 4, className: "tooltip-bg" }),
-            /* @__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" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}, ht = ({
-  id: t,
-  source: i,
-  target: f,
-  sourceX: a,
-  sourceY: s,
-  targetX: r,
-  targetY: g,
-  style: o = {},
-  markerEnd: l,
-  data: d
-}) => {
-  const y = (d == null ? void 0 : d.verticalRouting) ?? !1, h = 30, N = y ? (() => {
-    const S = g - h;
-    return `M ${a},${S} L ${r},${S} L ${r},${g}`;
-  })() : (() => {
-    const S = s + 30;
-    return `M ${a},${s} L ${a},${S} L ${r},${S} L ${r},${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 + (r - a) * (y ? 0.25 : 0.35), I = a + (r - a) * (y ? 0.65 : 0.7), u = w, z = (S) => {
-    S.stopPropagation(), m && m(i, {
-      edgeId: t,
-      nodeId: i,
-      sourceNodeId: i,
-      targetNodeId: f,
-      position: "between",
-      referenceNodeId: i,
-      filterId: d == null ? void 0 : d.filterId,
-      branch: d == null ? void 0 : d.branch
-    });
-  }, D = 11.5, C = 6;
-  return /* @__PURE__ */ n("g", { children: [
-    /* @__PURE__ */ e("path", { id: t, d: N, fill: "none", stroke: p, strokeWidth: 1.5, markerEnd: l }),
-    c && !y && /* @__PURE__ */ e("g", { transform: `translate(${k}, ${u})`, children: (() => {
-      const S = Math.max(44, c.length * 7 + 20);
-      return /* @__PURE__ */ n(L, { children: [
-        /* @__PURE__ */ e(
-          "rect",
-          {
-            x: -S / 2,
-            y: -11,
-            width: S,
-            height: 22,
-            rx: 11,
-            fill: v ? "#e8f5e9" : "#ffebee",
-            stroke: v ? "#81c784" : "#e57373",
-            strokeWidth: 1
-          }
-        ),
-        /* @__PURE__ */ e(
-          "text",
-          {
-            x: 0,
-            y: 4,
-            textAnchor: "middle",
-            fontSize: 10,
-            fontWeight: 600,
-            fill: v ? "#2e7d32" : "#c62828",
-            style: { fontFamily: "sans-serif", pointerEvents: "none" },
-            children: c
-          }
-        )
-      ] });
-    })() }),
-    m && /* @__PURE__ */ n(
-      "g",
-      {
-        transform: `translate(${I}, ${u})`,
-        onClick: z,
-        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" })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  $e as A,
-  _e as D,
-  dt as E,
-  Fe as F,
-  ht as G,
-  gt as L,
-  Ue as N,
-  pt as P,
-  He as R,
-  Ce as S,
-  De as T,
-  Oe as W,
-  ze as a,
-  Be as b,
-  Te as c,
-  at as d,
-  ct as e,
-  Ee as f
-};