ezux 1.1.13 → 1.1.15

package/dist/EzFlow-B3oi5QvJ.js

@@ -0,0 +1,2533 @@
+import { t as e } from "./utils-hFRduYmq.js";
+import { t } from "./button-BN0DK137.js";
+import { t as n } from "./input-BE8Mmo8X.js";
+import { a as r, i, n as a, r as o, t as s } from "./select-Bes3Q6zL.js";
+import { a as c, o as l, r as u, s as d, t as f } from "./card-vtDNxeL3.js";
+import p from "react";
+import { AlertCircle as m, Box as h, CheckCircle2 as g, ChevronDown as _, ChevronLeft as v, ChevronRight as y, Circle as b, Clock as x, Cloud as S, Diamond as C, Download as w, GitBranch as T, GripVertical as ee, Hand as te, PanelLeft as ne, PanelLeftClose as re, Play as E, Redo2 as ie, RefreshCw as ae, Repeat as oe, Rocket as D, Save as se, Send as ce, Square as le, SquareStack as ue, Trash2 as de, Undo2 as fe, Upload as pe, User as O, Wand2 as me, X as he, Zap as k } from "lucide-react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Background as ge, BaseEdge as _e, Controls as ve, EdgeLabelRenderer as ye, Handle as N, NodeResizer as P, Position as F, ReactFlow as be, ReactFlowProvider as xe, addEdge as Se, applyEdgeChanges as Ce, applyNodeChanges as we, getSmoothStepPath as Te, useReactFlow as Ee } from "@xyflow/react";
+//#region src/components/EzFlow/nodes/StartNode.tsx
+var De = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i } = t;
+	return /* @__PURE__ */ M("div", {
+		className: e("group relative flex flex-col items-center gap-1 px-6 py-3 rounded-full", "border-2 transition-all duration-200", "bg-emerald-500/10 border-emerald-500/40 text-emerald-500", "shadow-[0_0_20px_rgba(16,185,129,0.08)]", n && "ring-4 ring-emerald-500/20 scale-105 border-emerald-500 shadow-[0_0_30px_rgba(16,185,129,0.2)]"),
+		role: "group",
+		"aria-label": `Start node: ${r || "Start"}`,
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ j(E, {
+					size: 14,
+					className: "fill-emerald-500"
+				}), /* @__PURE__ */ j("span", {
+					className: "text-[11px] font-black uppercase tracking-[0.2em]",
+					children: r || "START"
+				})]
+			}),
+			i && /* @__PURE__ */ j("span", {
+				className: "text-[8px] opacity-50 uppercase tracking-tight",
+				children: i
+			}),
+			/* @__PURE__ */ j(N, {
+				type: "source",
+				position: F.Bottom,
+				className: "!w-4 !h-4 !bg-emerald-500 !border-[3px] !border-background !-bottom-2 shadow-lg shadow-emerald-500/30",
+				"aria-label": "Output connection"
+			})
+		]
+	});
+});
+De.displayName = "StartNode";
+//#endregion
+//#region src/components/EzFlow/nodes/EndNode.tsx
+var I = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i } = t;
+	return /* @__PURE__ */ M("div", {
+		className: e("group relative flex items-center gap-3 px-6 py-3 rounded-full", "border-2 transition-all duration-200", "bg-rose-500/10 border-rose-500/30 text-rose-400", "shadow-xl", n && "ring-4 ring-rose-500/20 scale-105 border-rose-500/60"),
+		role: "group",
+		"aria-label": `End node: ${r || "End"}`,
+		children: [
+			/* @__PURE__ */ j(N, {
+				type: "target",
+				position: F.Top,
+				className: "!w-4 !h-4 !bg-rose-500 !border-[3px] !border-background",
+				"aria-label": "Input connection"
+			}),
+			/* @__PURE__ */ j(le, {
+				size: 10,
+				className: "fill-rose-500 text-rose-500"
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ j("span", {
+					className: "text-[11px] font-black uppercase tracking-[0.2em]",
+					children: r || "END"
+				}), i && /* @__PURE__ */ j("span", {
+					className: "text-[8px] opacity-40 uppercase tracking-tight",
+					children: i
+				})]
+			})
+		]
+	});
+});
+I.displayName = "EndNode";
+//#endregion
+//#region src/components/EzFlow/nodes/DecisionNode.tsx
+var L = p.memo(({ data: t, selected: n }) => {
+	let { label: r } = t, [i, a] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: "relative w-full h-full group",
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				a(!!e);
+			}
+		},
+		role: "group",
+		"aria-label": `Decision node: ${r || "Decision"}`,
+		children: [
+			/* @__PURE__ */ j(P, {
+				color: "oklch(var(--primary))",
+				isVisible: n,
+				minWidth: 100,
+				minHeight: 100,
+				keepAspectRatio: i,
+				handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+				lineClassName: "!border-indigo-500/30"
+			}),
+			/* @__PURE__ */ j(N, {
+				type: "target",
+				position: F.Top,
+				className: "!w-4 !h-4 !bg-amber-500 !border-2 !border-background !z-50",
+				style: { top: -8 },
+				"aria-label": "Input connection"
+			}),
+			/* @__PURE__ */ j(N, {
+				type: "source",
+				position: F.Right,
+				id: "yes",
+				className: "!w-4 !h-4 !bg-emerald-500 !border-2 !border-background !z-50",
+				style: {
+					right: -8,
+					top: "50%"
+				},
+				"aria-label": "Yes path"
+			}),
+			/* @__PURE__ */ j(N, {
+				type: "source",
+				position: F.Bottom,
+				id: "no",
+				className: "!w-4 !h-4 !bg-rose-500 !border-2 !border-background !z-50",
+				style: { bottom: -8 },
+				"aria-label": "No path"
+			}),
+			/* @__PURE__ */ j("div", {
+				className: e("absolute inset-0 transition-all duration-200", "border-2 border-amber-500/40 bg-amber-500/10 backdrop-blur-xl", n && "border-amber-500 bg-amber-500/20 shadow-[0_0_30px_rgba(245,158,11,0.3)]"),
+				style: { clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)" }
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "absolute inset-0 flex flex-col items-center justify-center z-10 pointer-events-none px-6",
+				children: [/* @__PURE__ */ j("span", {
+					className: "text-[8px] uppercase font-black tracking-widest text-amber-500/80 mb-0.5",
+					children: "Decision"
+				}), /* @__PURE__ */ j("span", {
+					className: "text-[11px] font-bold leading-tight text-foreground text-center max-w-[70px] truncate",
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "absolute -right-8 top-1/2 -translate-y-1/2 text-[9px] font-black text-emerald-400 pointer-events-none tracking-widest select-none z-20",
+				children: "YES"
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "absolute -bottom-5 left-1/2 -translate-x-1/2 text-[9px] font-black text-rose-400 pointer-events-none tracking-widest select-none z-20",
+				children: "NO"
+			})
+		]
+	});
+});
+L.displayName = "DecisionNode";
+//#endregion
+//#region src/components/EzFlow/nodes/LoopNode.tsx
+var R = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i, maxIterations: a } = t, [o, s] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: "w-full h-full relative group",
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				s(!!e);
+			}
+		},
+		children: [/* @__PURE__ */ j(P, {
+			color: "oklch(var(--primary))",
+			isVisible: n,
+			minWidth: 160,
+			minHeight: 80,
+			keepAspectRatio: o,
+			handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+			lineClassName: "!border-indigo-500/30"
+		}), /* @__PURE__ */ M(f, {
+			className: e("w-full h-full rounded-2xl transition-all duration-200 overflow-hidden", "border-2 border-orange-500/30 bg-orange-500/5 backdrop-blur-xl", n && "ring-2 ring-orange-500/40 border-orange-500 shadow-lg"),
+			role: "group",
+			"aria-label": `Loop node: ${r || "Loop"}`,
+			children: [
+				/* @__PURE__ */ j(N, {
+					type: "target",
+					position: F.Top,
+					className: "!w-3.5 !h-3.5 !bg-orange-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Input connection"
+				}),
+				/* @__PURE__ */ M(c, {
+					className: "p-4 space-y-1",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-orange-500/15",
+								children: /* @__PURE__ */ j(oe, {
+									size: 16,
+									className: "text-orange-500"
+								})
+							}), /* @__PURE__ */ M("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ j("div", {
+									className: "text-[9px] uppercase font-bold tracking-widest text-orange-500/70",
+									children: "Loop"
+								}), /* @__PURE__ */ j(l, {
+									className: "text-sm font-semibold truncate",
+									children: r
+								})]
+							})]
+						}),
+						i && /* @__PURE__ */ j(u, {
+							className: "text-xs line-clamp-2",
+							children: i
+						}),
+						a && /* @__PURE__ */ M("div", {
+							className: "text-[10px] text-orange-400/80 font-medium",
+							children: [
+								"Max: ",
+								a,
+								" iterations"
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Bottom,
+					className: "!w-3.5 !h-3.5 !bg-orange-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Output connection"
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Left,
+					id: "loop-back",
+					className: "!w-3 !h-3 !bg-orange-400/70 !border-2 !border-background !z-50",
+					"aria-label": "Loop back connection"
+				})
+			]
+		})]
+	});
+});
+R.displayName = "LoopNode";
+//#endregion
+//#region src/components/EzFlow/nodes/ActionNode.tsx
+var z = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i, actionType: a } = t, [o, s] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: "w-full h-full relative group",
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				s(!!e);
+			}
+		},
+		children: [/* @__PURE__ */ j(P, {
+			color: "oklch(var(--primary))",
+			isVisible: n,
+			minWidth: 160,
+			minHeight: 80,
+			keepAspectRatio: o,
+			handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+			lineClassName: "!border-indigo-500/30"
+		}), /* @__PURE__ */ M(f, {
+			className: e("w-full h-full rounded-2xl transition-all duration-200 overflow-hidden", "border-2 border-blue-500/30 bg-blue-500/5 backdrop-blur-xl", n && "ring-2 ring-blue-500/40 border-blue-500 shadow-lg"),
+			role: "group",
+			"aria-label": `Action node: ${r || "Action"}`,
+			children: [
+				/* @__PURE__ */ j(N, {
+					type: "target",
+					position: F.Top,
+					className: "!w-3.5 !h-3.5 !bg-blue-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Input connection"
+				}),
+				/* @__PURE__ */ M(c, {
+					className: "p-4 space-y-1",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-blue-500/15",
+								children: /* @__PURE__ */ j(k, {
+									size: 16,
+									className: "text-blue-500"
+								})
+							}), /* @__PURE__ */ M("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ j("div", {
+									className: "text-[9px] uppercase font-bold tracking-widest text-blue-500/70",
+									children: "Action"
+								}), /* @__PURE__ */ j(l, {
+									className: "text-sm font-semibold truncate",
+									children: r
+								})]
+							})]
+						}),
+						i && /* @__PURE__ */ j(u, {
+							className: "text-xs line-clamp-2",
+							children: i
+						}),
+						a && /* @__PURE__ */ j("div", {
+							className: "text-[10px] text-blue-400/80 font-medium mt-1",
+							children: a
+						})
+					]
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Bottom,
+					className: "!w-3.5 !h-3.5 !bg-blue-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Output connection"
+				})
+			]
+		})]
+	});
+});
+z.displayName = "ActionNode";
+//#endregion
+//#region src/components/EzFlow/nodes/RequestNode.tsx
+var B = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i, method: a, url: o } = t, [s, d] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: "w-full h-full relative group",
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				d(!!e);
+			}
+		},
+		children: [/* @__PURE__ */ j(P, {
+			color: "oklch(var(--primary))",
+			isVisible: n,
+			minWidth: 200,
+			minHeight: 100,
+			keepAspectRatio: s,
+			handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+			lineClassName: "!border-indigo-500/30"
+		}), /* @__PURE__ */ M(f, {
+			className: e("w-full h-full rounded-2xl transition-all duration-200 overflow-hidden", "border-2 border-indigo-500/30 bg-indigo-500/5 backdrop-blur-xl", n && "ring-2 ring-indigo-500/40 border-indigo-500 shadow-lg"),
+			role: "group",
+			"aria-label": `Request node: ${r || "HTTP Request"}`,
+			children: [
+				/* @__PURE__ */ j(N, {
+					type: "target",
+					position: F.Top,
+					className: "!w-3.5 !h-3.5 !bg-indigo-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Input connection"
+				}),
+				/* @__PURE__ */ M(c, {
+					className: "p-4 space-y-1",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-indigo-500/15",
+								children: /* @__PURE__ */ j(S, {
+									size: 16,
+									className: "text-indigo-500"
+								})
+							}), /* @__PURE__ */ M("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ j("div", {
+									className: "text-[9px] uppercase font-bold tracking-widest text-indigo-500/70",
+									children: "HTTP Request"
+								}), /* @__PURE__ */ j(l, {
+									className: "text-sm font-semibold truncate",
+									children: r
+								})]
+							})]
+						}),
+						i && /* @__PURE__ */ j(u, {
+							className: "text-xs line-clamp-2",
+							children: i
+						}),
+						(a || o) && /* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2 mt-1",
+							children: [a && /* @__PURE__ */ j("span", {
+								className: "text-[9px] font-black uppercase tracking-wider px-2 py-0.5 rounded-full bg-indigo-500/20 text-indigo-400",
+								children: a
+							}), o && /* @__PURE__ */ j("span", {
+								className: "text-[10px] text-muted-foreground truncate max-w-[120px]",
+								children: o
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Bottom,
+					className: "!w-3.5 !h-3.5 !bg-indigo-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Output connection"
+				})
+			]
+		})]
+	});
+});
+B.displayName = "RequestNode";
+//#endregion
+//#region src/components/EzFlow/nodes/DelayNode.tsx
+var V = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i, duration: a, unit: o } = t, s = () => a ? `${a} ${o || "minutes"}` : null, [d, m] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: "w-full h-full relative group",
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				m(!!e);
+			}
+		},
+		children: [/* @__PURE__ */ j(P, {
+			color: "oklch(var(--primary))",
+			isVisible: n,
+			minWidth: 160,
+			minHeight: 80,
+			keepAspectRatio: d,
+			handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+			lineClassName: "!border-indigo-500/30"
+		}), /* @__PURE__ */ M(f, {
+			className: e("w-full h-full rounded-2xl transition-all duration-200 overflow-hidden", "border-2 border-gray-400/30 bg-gray-500/5 backdrop-blur-xl", n && "ring-2 ring-gray-400/40 border-gray-400 shadow-lg"),
+			role: "group",
+			"aria-label": `Delay node: ${r || "Delay"}`,
+			children: [
+				/* @__PURE__ */ j(N, {
+					type: "target",
+					position: F.Top,
+					className: "!w-3.5 !h-3.5 !bg-gray-400 !border-[3px] !border-background !z-50",
+					"aria-label": "Input connection"
+				}),
+				/* @__PURE__ */ M(c, {
+					className: "p-4 space-y-1",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-gray-500/15",
+								children: /* @__PURE__ */ j(x, {
+									size: 16,
+									className: "text-gray-400"
+								})
+							}), /* @__PURE__ */ M("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ j("div", {
+									className: "text-[9px] uppercase font-bold tracking-widest text-gray-400/70",
+									children: "Delay"
+								}), /* @__PURE__ */ j(l, {
+									className: "text-sm font-semibold truncate",
+									children: r
+								})]
+							})]
+						}),
+						i && /* @__PURE__ */ j(u, {
+							className: "text-xs line-clamp-2",
+							children: i
+						}),
+						s() && /* @__PURE__ */ M("div", {
+							className: "flex items-center gap-1.5 text-[10px] text-gray-400/80 font-medium mt-1",
+							children: [/* @__PURE__ */ j(x, { size: 10 }), s()]
+						})
+					]
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Bottom,
+					className: "!w-3.5 !h-3.5 !bg-gray-400 !border-[3px] !border-background !z-50",
+					"aria-label": "Output connection"
+				})
+			]
+		})]
+	});
+});
+V.displayName = "DelayNode";
+//#endregion
+//#region src/components/EzFlow/nodes/ApprovalNode.tsx
+var Oe = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i, approverRole: a, slaHours: o } = t, [s, d] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: "w-full h-full relative group",
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				d(!!e);
+			}
+		},
+		children: [/* @__PURE__ */ j(P, {
+			color: "oklch(var(--primary))",
+			isVisible: n,
+			minWidth: 200,
+			minHeight: 100,
+			keepAspectRatio: s,
+			handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+			lineClassName: "!border-indigo-500/30"
+		}), /* @__PURE__ */ M(f, {
+			className: e("w-full h-full rounded-2xl transition-all duration-200 overflow-hidden", "border-2 border-purple-500/30 bg-purple-500/5 backdrop-blur-xl", n && "ring-2 ring-purple-500/40 border-purple-500 shadow-lg"),
+			role: "group",
+			"aria-label": `Approval node: ${r || "Approval"}`,
+			children: [
+				/* @__PURE__ */ j(N, {
+					type: "target",
+					position: F.Top,
+					className: "!w-3.5 !h-3.5 !bg-purple-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Input connection"
+				}),
+				/* @__PURE__ */ M(c, {
+					className: "p-4 space-y-1",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-purple-500/15",
+								children: /* @__PURE__ */ j(O, {
+									size: 16,
+									className: "text-purple-500"
+								})
+							}), /* @__PURE__ */ M("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ j("div", {
+									className: "text-[9px] uppercase font-bold tracking-widest text-purple-500/70",
+									children: "Approval"
+								}), /* @__PURE__ */ j(l, {
+									className: "text-sm font-semibold truncate",
+									children: r
+								})]
+							})]
+						}),
+						i && /* @__PURE__ */ j(u, {
+							className: "text-xs line-clamp-2",
+							children: i
+						}),
+						/* @__PURE__ */ M("div", {
+							className: "flex flex-col gap-1 mt-1",
+							children: [a && /* @__PURE__ */ M("div", {
+								className: "flex items-center gap-1.5 text-[10px] text-purple-400/80 font-medium",
+								children: [
+									/* @__PURE__ */ j(O, { size: 10 }),
+									" ",
+									a
+								]
+							}), o && /* @__PURE__ */ M("div", {
+								className: "flex items-center gap-1.5 text-[10px] text-purple-400/60 font-medium",
+								children: [
+									/* @__PURE__ */ j(x, { size: 10 }),
+									" ",
+									o,
+									"h SLA"
+								]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Bottom,
+					id: "approved",
+					className: "!w-3.5 !h-3.5 !bg-emerald-500 !border-[3px] !border-background !z-50",
+					"aria-label": "Approved path"
+				}),
+				/* @__PURE__ */ j(N, {
+					type: "source",
+					position: F.Right,
+					id: "rejected",
+					className: "!w-3 !h-3 !bg-rose-500 !border-2 !border-background !z-50",
+					"aria-label": "Rejected path"
+				})
+			]
+		})]
+	});
+});
+Oe.displayName = "ApprovalNode";
+//#endregion
+//#region src/components/EzFlow/nodes/GroupNode.tsx
+var H = p.memo(({ data: t, selected: n }) => {
+	let { label: r, description: i } = t, [a, o] = p.useState(!1);
+	return /* @__PURE__ */ M("div", {
+		className: e("w-full h-full rounded-2xl transition-all duration-200 relative group", "border-2 border-dashed border-muted-foreground/20 bg-muted/5 backdrop-blur-sm", "p-4", n && "ring-2 ring-primary/30 border-primary/40 bg-muted/10"),
+		onPointerDownCapture: (e) => {
+			let t = e.target.closest(".react-flow__resize-control");
+			if (t) {
+				let e = t.getAttribute("data-handlepos")?.includes("-");
+				o(!!e);
+			}
+		},
+		role: "group",
+		"aria-label": `Group node: ${r || "Group"}`,
+		children: [
+			/* @__PURE__ */ j(P, {
+				color: "oklch(var(--primary))",
+				isVisible: n,
+				minWidth: 200,
+				minHeight: 150,
+				keepAspectRatio: a,
+				handleClassName: e("!w-3 !h-3 !bg-white !border-2 transition-all hover:!scale-125 !z-[70] shadow-sm", "data-[handlepos^='top-']:!rounded-sm data-[handlepos^='bottom-']:!rounded-sm !border-indigo-600", "data-[handlepos='top']:!rounded-full data-[handlepos='bottom']:!rounded-full data-[handlepos='left']:!rounded-full data-[handlepos='right']:!rounded-full !border-slate-400"),
+				lineClassName: "!border-indigo-500/30"
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2 mb-4 pb-2 border-b border-dashed border-muted-foreground/10",
+				children: [/* @__PURE__ */ j(h, {
+					size: 14,
+					className: "text-muted-foreground/60"
+				}), /* @__PURE__ */ j("span", {
+					className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground/60",
+					children: r || "Sub-process"
+				})]
+			}),
+			i && /* @__PURE__ */ j("p", {
+				className: "text-[10px] text-muted-foreground/40 mb-4",
+				children: i
+			}),
+			/* @__PURE__ */ j(N, {
+				type: "target",
+				position: F.Top,
+				className: "!w-3 !h-3 !bg-muted-foreground/40 !border-2 !border-background",
+				"aria-label": "Input connection"
+			}),
+			/* @__PURE__ */ j(N, {
+				type: "source",
+				position: F.Bottom,
+				className: "!w-3 !h-3 !bg-muted-foreground/40 !border-2 !border-background",
+				"aria-label": "Output connection"
+			})
+		]
+	});
+});
+H.displayName = "GroupNode";
+//#endregion
+//#region src/components/EzFlow/EzFlowEdge.tsx
+var ke = ({ sourceX: e, sourceY: n, targetX: r, targetY: i, sourcePosition: a, targetPosition: o, style: s = {}, markerEnd: c, selected: l, label: u, data: d, id: f, onDelete: p }) => {
+	let [m, h, g] = Te({
+		sourceX: e,
+		sourceY: n,
+		sourcePosition: a,
+		targetX: r,
+		targetY: i,
+		targetPosition: o,
+		borderRadius: 16
+	});
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ j(_e, {
+			path: m,
+			markerEnd: c,
+			style: {
+				...s,
+				strokeWidth: l ? 3 : 2,
+				stroke: l ? "oklch(var(--primary))" : "oklch(var(--foreground))",
+				transition: "stroke-width 0.2s ease, stroke 0.2s ease"
+			}
+		}),
+		(u || d?.label) && /* @__PURE__ */ j(ye, { children: /* @__PURE__ */ j("div", {
+			style: {
+				position: "absolute",
+				transform: `translate(-50%, -50%) translate(${h}px,${g}px)`,
+				pointerEvents: "all"
+			},
+			className: "nodrag nopan",
+			children: /* @__PURE__ */ j("div", {
+				className: "px-3 py-1 rounded-full bg-background/80 backdrop-blur-md border border-border text-[10px] font-bold uppercase tracking-widest text-primary shadow-lg",
+				children: u || d?.label
+			})
+		}) }),
+		l && /* @__PURE__ */ j(ye, { children: /* @__PURE__ */ j("div", {
+			style: {
+				position: "absolute",
+				transform: `translate(-50%, -50%) translate(${h}px,${g + 22}px)`,
+				pointerEvents: "all"
+			},
+			className: "nodrag nopan",
+			children: /* @__PURE__ */ j(t, {
+				variant: "destructive",
+				size: "icon",
+				className: "w-5 h-5 rounded-full shadow-md",
+				"aria-label": "Delete edge",
+				onClick: () => p?.(f),
+				children: /* @__PURE__ */ j(he, { className: "w-3 h-3" })
+			})
+		}) })
+	] });
+};
+ke.displayName = "EzFlowEdge";
+//#endregion
+//#region src/components/EzFlow/EzConnectionLine.tsx
+var Ae = ({ fromX: e, fromY: t, toX: n, toY: r, fromPosition: i, toPosition: a, fromHandle: o }) => {
+	let [s] = Te({
+		sourceX: e,
+		sourceY: t,
+		sourcePosition: i,
+		targetX: n,
+		targetY: r,
+		targetPosition: a,
+		borderRadius: 16
+	}), c = o?.id === "yes" || o?.id === "approved", l = o?.id === "no" || o?.id === "rejected", u = o?.id === "loop-back", d = c ? "oklch(0.627 0.154 160.06)" : l ? "oklch(0.577 0.245 27.325)" : u ? "oklch(0.7 0.15 45)" : "oklch(var(--primary))", f = c ? "YES?" : l ? "NO?" : u ? "LOOP" : "CONNECT";
+	return /* @__PURE__ */ M("g", { children: [
+		/* @__PURE__ */ j("path", {
+			fill: "none",
+			stroke: d,
+			strokeWidth: 2,
+			d: s,
+			style: { strokeDasharray: "6,4" }
+		}),
+		/* @__PURE__ */ j("circle", {
+			cx: n,
+			cy: r,
+			fill: "oklch(var(--background))",
+			r: 4,
+			stroke: d,
+			strokeWidth: 1.5
+		}),
+		/* @__PURE__ */ j("foreignObject", {
+			x: n + 10,
+			y: r - 12,
+			width: 80,
+			height: 30,
+			className: "pointer-events-none",
+			children: /* @__PURE__ */ j("div", {
+				className: "flex items-center",
+				children: /* @__PURE__ */ j("div", {
+					className: "px-2 py-0.5 rounded-full bg-background/80 backdrop-blur-md border border-border text-[8px] font-black uppercase tracking-tighter shadow-xl whitespace-nowrap",
+					style: { color: d },
+					children: f
+				})
+			})
+		})
+	] });
+};
+Ae.displayName = "EzConnectionLine";
+//#endregion
+//#region src/components/EzFlow/EzFlowBackground.tsx
+var je = (e) => /* @__PURE__ */ j(ge, {
+	...e,
+	color: "oklch(var(--border))",
+	variant: "dots",
+	gap: 24,
+	size: 1,
+	className: "opacity-40"
+});
+je.displayName = "EzFlowBackground";
+//#endregion
+//#region src/components/EzFlow/EzFlowControls.tsx
+var Me = (e) => /* @__PURE__ */ j(ve, {
+	...e,
+	className: "!bg-card/80 !backdrop-blur-md !border !border-border !shadow-2xl !rounded-2xl !p-1 !flex !flex-row !gap-1 !m-4 !overflow-hidden",
+	showInteractive: !1,
+	"aria-label": "Canvas zoom and fit controls"
+});
+Me.displayName = "EzFlowControls";
+//#endregion
+//#region src/components/EzFlow/EzFlowCanvas.tsx
+var Ne = {
+	startNode: De,
+	endNode: I,
+	decisionNode: L,
+	loopNode: R,
+	actionNode: z,
+	requestNode: B,
+	delayNode: V,
+	approvalNode: Oe,
+	groupNode: H
+}, Pe = p.forwardRef(({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect: a, onDrop: o, onDragOver: s, onNodeClick: c, onNodeDoubleClick: l, onEdgeClick: u, onEdgeDelete: d, onPaneClick: f, nodeTypes: m = Ne, edgeTypes: h, isValidConnection: g, snapToGrid: _ = !0, snapGrid: v = [15, 15], showGrid: y = !0, fitView: b = !1, readOnly: x = !1, className: S, style: C, ...w }, T) => {
+	let ee = p.useMemo(() => h ?? { ezEdge: (e) => /* @__PURE__ */ j(ke, {
+		...e,
+		onDelete: d
+	}) }, [h, d]), te = p.useCallback((e) => {
+		if (g) return g(e);
+		if (!e.source || !e.target || e.source === e.target) return !1;
+		let r = new Map(t.map((e) => [e.id, e])), i = /* @__PURE__ */ new Set(), a = [{
+			id: e.target,
+			path: [e.target]
+		}];
+		for (; a.length > 0;) {
+			let t = a.shift();
+			if (!(!t || i.has(t.id))) {
+				i.add(t.id);
+				for (let i of n) if (i.source === t.id) {
+					if (i.target === e.source) return [...t.path, i.target].some((e) => r.get(e)?.type === "loopNode");
+					a.push({
+						id: i.target,
+						path: [...t.path, i.target]
+					});
+				}
+			}
+		}
+		return !0;
+	}, [
+		n,
+		g,
+		t
+	]);
+	return /* @__PURE__ */ j("div", {
+		ref: T,
+		className: e("w-full h-full min-h-0 relative", S),
+		style: C,
+		...w,
+		children: /* @__PURE__ */ M(be, {
+			nodes: t,
+			edges: n,
+			onNodesChange: x ? void 0 : r,
+			onEdgesChange: x ? void 0 : i,
+			onConnect: x ? void 0 : a,
+			onDrop: x ? void 0 : o,
+			onDragOver: x ? void 0 : s,
+			onNodeClick: c,
+			onNodeDoubleClick: l,
+			onEdgeClick: u,
+			onPaneClick: f,
+			nodeTypes: m,
+			edgeTypes: ee,
+			connectionLineComponent: Ae,
+			isValidConnection: te,
+			fitView: b,
+			defaultViewport: {
+				x: 0,
+				y: 0,
+				zoom: 1
+			},
+			panOnScroll: !0,
+			zoomOnScroll: !1,
+			snapToGrid: _,
+			snapGrid: v,
+			nodesDraggable: !x,
+			nodesConnectable: !x,
+			elementsSelectable: !x,
+			defaultEdgeOptions: {
+				type: "ezEdge",
+				animated: !0,
+				selectable: !0
+			},
+			proOptions: { hideAttribution: !0 },
+			children: [y && /* @__PURE__ */ j(je, {
+				gap: v[0],
+				size: 1.5
+			}), /* @__PURE__ */ j(Me, { "aria-label": "Canvas controls" })]
+		})
+	});
+});
+Pe.displayName = "EzFlowCanvas";
+//#endregion
+//#region src/components/EzFlow/EzFlowToolbox.tsx
+var U = ({ category: e, isExpanded: t, onToggle: n, onNodeActivate: r }) => {
+	let i = (e, t) => {
+		e.dataTransfer.setData("application/reactflow", t), e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move";
+	};
+	return /* @__PURE__ */ M("div", {
+		className: "mb-2",
+		children: [/* @__PURE__ */ M("button", {
+			className: "w-full flex items-center gap-2 px-3 py-2 rounded-xl text-[10px] font-black uppercase tracking-widest text-muted-foreground/60 hover:bg-muted/30 transition-colors",
+			onClick: n,
+			"aria-expanded": t,
+			"aria-label": `Toggle ${e.categoryKey} section`,
+			children: [j(t ? _ : y, { size: 12 }), e.categoryKey]
+		}), t && /* @__PURE__ */ j("div", {
+			className: "flex flex-col gap-1.5 mt-1 px-1",
+			children: e.items.map((e) => /* @__PURE__ */ M("div", {
+				className: "group relative flex items-center gap-3 p-3 rounded-xl bg-background/30 border border-transparent hover:border-primary/30 hover:bg-primary/5 transition-all cursor-grab active:cursor-grabbing",
+				onDragStart: (t) => i(t, e.type),
+				onDoubleClick: () => r?.(e),
+				onKeyDown: (t) => {
+					(t.key === "Enter" || t.key === " ") && (t.preventDefault(), r?.(e));
+				},
+				draggable: !0,
+				role: "button",
+				tabIndex: 0,
+				"aria-label": `Drag ${e.labelKey} node`,
+				"data-ezflow-node-type": e.type,
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "absolute left-1 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-30 transition-opacity",
+						children: /* @__PURE__ */ j(ee, { size: 12 })
+					}),
+					/* @__PURE__ */ j("div", {
+						className: "flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10 text-primary group-hover:scale-110 transition-transform ml-2",
+						children: e.icon
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "flex flex-col min-w-0",
+						children: [/* @__PURE__ */ j("span", {
+							className: "text-xs font-bold leading-none mb-0.5 truncate",
+							children: e.labelKey
+						}), e.descriptionKey && /* @__PURE__ */ j("span", {
+							className: "text-[10px] text-muted-foreground leading-tight line-clamp-1",
+							children: e.descriptionKey
+						})]
+					})
+				]
+			}, e.type))
+		})]
+	});
+}, Fe = ({ categories: n, title: r = "Node Library", className: i, collapsed: a = !1, onCollapsedChange: o, onNodeActivate: s }) => {
+	let [c, l] = p.useState(new Set(n.map((e) => e.category))), u = (e) => {
+		l((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	};
+	return a ? /* @__PURE__ */ M("aside", {
+		className: e("p-2 border-r border-border bg-card/30 backdrop-blur-md flex flex-col items-center", i),
+		"aria-label": "Node Library (collapsed)",
+		children: [/* @__PURE__ */ j(t, {
+			variant: "ghost",
+			size: "icon",
+			className: "rounded-xl mb-2",
+			onClick: () => o?.(!1),
+			"aria-label": "Expand node library",
+			children: /* @__PURE__ */ j(ne, { size: 16 })
+		}), n.flatMap((e) => e.items.map((e) => /* @__PURE__ */ j("div", {
+			className: "w-10 h-10 flex items-center justify-center rounded-xl hover:bg-primary/10 cursor-grab active:cursor-grabbing transition-colors mb-1",
+			onDragStart: (t) => {
+				t.dataTransfer.setData("application/reactflow", e.type), t.dataTransfer.setData("text/plain", e.type), t.dataTransfer.effectAllowed = "move";
+			},
+			onDoubleClick: () => s?.(e),
+			onKeyDown: (t) => {
+				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), s?.(e));
+			},
+			draggable: !0,
+			title: e.labelKey,
+			role: "button",
+			tabIndex: 0,
+			"aria-label": `Drag ${e.labelKey} node`,
+			"data-ezflow-node-type": e.type,
+			children: e.icon
+		}, e.type)))]
+	}) : /* @__PURE__ */ M("aside", {
+		className: e("w-72 p-4 border-r border-border bg-card/30 backdrop-blur-md flex flex-col gap-2 overflow-y-auto", i),
+		"aria-label": "Node Library",
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center justify-between mb-2",
+			children: [/* @__PURE__ */ j("div", {
+				className: "text-[10px] uppercase font-black tracking-widest text-primary/60 px-1",
+				children: r
+			}), o && /* @__PURE__ */ j(t, {
+				variant: "ghost",
+				size: "icon",
+				className: "rounded-xl w-7 h-7",
+				onClick: () => o(!0),
+				"aria-label": "Collapse node library",
+				children: /* @__PURE__ */ j(re, { size: 14 })
+			})]
+		}), n.map((e) => /* @__PURE__ */ j(U, {
+			category: e,
+			isExpanded: c.has(e.category),
+			onToggle: () => u(e.category),
+			onNodeActivate: s
+		}, e.category))]
+	});
+};
+Fe.displayName = "EzFlowToolbox";
+//#endregion
+//#region src/components/EzFlow/EzFlowHeader.tsx
+var Ie = {
+	draft: {
+		className: "bg-amber-500/15 text-amber-500 border-amber-500/30",
+		label: "Draft"
+	},
+	live: {
+		className: "bg-emerald-500/15 text-emerald-500 border-emerald-500/30",
+		label: "Live"
+	},
+	archived: {
+		className: "bg-gray-500/15 text-gray-400 border-gray-500/30",
+		label: "Archived"
+	}
+}, Le = ({ title: n, description: r, status: i = "draft", isDirty: a = !1, onTitleChange: o, onDescriptionChange: s, onSave: c, onPublish: l, onCancel: u, showGrid: d = !0, onShowGridChange: f, snapToGrid: m = !0, onSnapToGridChange: h, className: g }) => {
+	let [_, y] = p.useState(!1), [b, x] = p.useState(!1), [S, C] = p.useState(n), [w, T] = p.useState(r || ""), ee = p.useRef(null), te = p.useRef(null);
+	p.useEffect(() => {
+		C(n);
+	}, [n]), p.useEffect(() => {
+		T(r || "");
+	}, [r]);
+	let ne = () => {
+		y(!1), S !== n && o?.(S);
+	}, re = () => {
+		x(!1), w !== r && s?.(w);
+	}, E = () => {
+		a && !window.confirm("You have unsaved changes. Discard and exit?") || u?.();
+	}, ie = Ie[i];
+	return /* @__PURE__ */ M("header", {
+		className: e("h-16 border-b border-border flex items-center justify-between px-6 bg-card/50 backdrop-blur-xl shrink-0", g),
+		role: "banner",
+		"aria-label": "Workflow designer header",
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center gap-4 min-w-0",
+			children: [
+				/* @__PURE__ */ j(t, {
+					variant: "ghost",
+					size: "icon",
+					className: "rounded-xl shrink-0",
+					onClick: E,
+					"aria-label": "Go back",
+					children: /* @__PURE__ */ j(v, { size: 18 })
+				}),
+				/* @__PURE__ */ j("div", { className: "h-6 w-px bg-border shrink-0" }),
+				/* @__PURE__ */ M("div", {
+					className: "flex flex-col min-w-0",
+					children: [_ ? /* @__PURE__ */ j("input", {
+						ref: ee,
+						value: S,
+						onChange: (e) => C(e.target.value),
+						onBlur: ne,
+						onKeyDown: (e) => {
+							e.key === "Enter" && ne(), e.key === "Escape" && (C(n), y(!1));
+						},
+						className: "text-base font-bold bg-transparent border-none outline-none ring-0 p-0 text-foreground w-full",
+						autoFocus: !0,
+						"aria-label": "Workflow title"
+					}) : /* @__PURE__ */ M("button", {
+						className: "text-base font-bold text-left hover:text-primary transition-colors cursor-text truncate",
+						onClick: () => {
+							y(!0), setTimeout(() => ee.current?.focus(), 0);
+						},
+						"aria-label": `Workflow title: ${S}. Click to edit`,
+						children: [S || "Untitled Workflow", a && /* @__PURE__ */ j("span", {
+							className: "ml-2 text-[9px] text-muted-foreground/50 font-normal",
+							children: "(unsaved)"
+						})]
+					}), b ? /* @__PURE__ */ j("input", {
+						ref: te,
+						value: w,
+						onChange: (e) => T(e.target.value),
+						onBlur: re,
+						onKeyDown: (e) => {
+							e.key === "Enter" && re(), e.key === "Escape" && (T(r || ""), x(!1));
+						},
+						className: "text-[10px] uppercase tracking-widest text-muted-foreground bg-transparent border-none outline-none ring-0 p-0 w-full",
+						autoFocus: !0,
+						"aria-label": "Workflow description"
+					}) : /* @__PURE__ */ j("button", {
+						className: "text-[10px] uppercase tracking-widest text-muted-foreground/50 text-left hover:text-muted-foreground transition-colors cursor-text truncate",
+						onClick: () => {
+							x(!0), setTimeout(() => te.current?.focus(), 0);
+						},
+						"aria-label": `Description: ${w || "Click to add description"}`,
+						children: w || "Click to add description"
+					})]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: e("shrink-0 px-3 py-1 rounded-full border text-[10px] font-bold uppercase tracking-widest", ie.className),
+					role: "status",
+					"aria-label": `Status: ${ie.label}`,
+					children: ie.label
+				})
+			]
+		}), /* @__PURE__ */ M("div", {
+			className: "flex items-center gap-6 shrink-0",
+			children: [/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-4 bg-background/40 px-4 py-1.5 rounded-2xl border border-border/10",
+				children: [
+					/* @__PURE__ */ M("label", {
+						className: "flex items-center gap-2 cursor-pointer group",
+						children: [/* @__PURE__ */ j("input", {
+							type: "checkbox",
+							checked: d,
+							onChange: (e) => f?.(e.target.checked),
+							className: "w-4 h-4 rounded border-border text-primary focus:ring-primary/20 transition-all cursor-pointer"
+						}), /* @__PURE__ */ j("span", {
+							className: "text-[10px] uppercase tracking-wider font-bold text-muted-foreground group-hover:text-foreground transition-colors",
+							children: "Grid"
+						})]
+					}),
+					/* @__PURE__ */ j("div", { className: "w-px h-4 bg-border/20" }),
+					/* @__PURE__ */ M("label", {
+						className: "flex items-center gap-2 cursor-pointer group",
+						children: [/* @__PURE__ */ j("input", {
+							type: "checkbox",
+							checked: m,
+							onChange: (e) => h?.(e.target.checked),
+							className: "w-4 h-4 rounded border-border text-primary focus:ring-primary/20 transition-all cursor-pointer"
+						}), /* @__PURE__ */ j("span", {
+							className: "text-[10px] uppercase tracking-wider font-bold text-muted-foreground group-hover:text-foreground transition-colors",
+							children: "Snap"
+						})]
+					})
+				]
+			}), /* @__PURE__ */ M("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ M(t, {
+						variant: "ghost",
+						className: "rounded-xl h-9 px-4 text-xs gap-2",
+						onClick: E,
+						"aria-label": "Cancel changes",
+						children: [/* @__PURE__ */ j(he, { size: 14 }), "Cancel"]
+					}),
+					/* @__PURE__ */ M(t, {
+						className: "rounded-xl h-9 px-6 bg-primary text-primary-foreground gap-2 shadow-lg shadow-primary/20 text-xs font-bold",
+						onClick: c,
+						"aria-label": "Save workflow",
+						children: [/* @__PURE__ */ j(se, { size: 14 }), "Save"]
+					}),
+					l && /* @__PURE__ */ M(t, {
+						variant: "secondary",
+						className: "rounded-xl h-9 px-4 text-xs gap-2 font-bold",
+						onClick: l,
+						"aria-label": "Publish workflow",
+						children: [/* @__PURE__ */ j(D, { size: 14 }), "Publish"]
+					})
+				]
+			})]
+		})]
+	});
+};
+Le.displayName = "EzFlowHeader";
+//#endregion
+//#region src/components/EzFlow/EzWorkflowValidation.tsx
+var Re = {
+	nodes: [],
+	edges: [],
+	viewport: {
+		x: 0,
+		y: 0,
+		zoom: 1
+	},
+	metadata: {
+		title: "Untitled Workflow",
+		status: "draft",
+		version: 1
+	}
+}, W = {
+	startNode: {
+		label: "Start",
+		triggerType: "manual"
+	},
+	endNode: {
+		label: "End",
+		outcome: "success"
+	},
+	decisionNode: {
+		label: "Decision",
+		branches: []
+	},
+	loopNode: {
+		label: "Loop",
+		iteratorSource: "",
+		maxIterations: 10
+	},
+	actionNode: {
+		label: "Action",
+		actionType: "",
+		config: {}
+	},
+	requestNode: {
+		label: "API Request",
+		method: "GET",
+		url: ""
+	},
+	delayNode: {
+		label: "Delay",
+		duration: 1,
+		unit: "hours"
+	},
+	approvalNode: {
+		label: "Approval",
+		approverRole: ""
+	},
+	groupNode: {
+		label: "Group",
+		collapsed: !1
+	}
+}, ze = {
+	startNode: {
+		type: "startNode",
+		label: "Start",
+		description: "Workflow entry point",
+		category: "flow_control",
+		icon: /* @__PURE__ */ j(E, { size: 16 }),
+		component: De,
+		defaultData: W.startNode
+	},
+	endNode: {
+		type: "endNode",
+		label: "End",
+		description: "Workflow completion",
+		category: "flow_control",
+		icon: /* @__PURE__ */ j(g, { size: 16 }),
+		component: I,
+		defaultData: W.endNode
+	},
+	decisionNode: {
+		type: "decisionNode",
+		label: "Decision",
+		description: "Branch by condition",
+		category: "logic",
+		icon: /* @__PURE__ */ j(C, { size: 16 }),
+		component: L,
+		defaultData: W.decisionNode,
+		requiredDataKeys: ["branches"]
+	},
+	loopNode: {
+		type: "loopNode",
+		label: "Loop",
+		description: "Repeat a path",
+		category: "flow_control",
+		icon: /* @__PURE__ */ j(T, { size: 16 }),
+		component: R,
+		defaultData: W.loopNode,
+		requiredDataKeys: ["iteratorSource"]
+	},
+	actionNode: {
+		type: "actionNode",
+		label: "Action",
+		description: "Run an action",
+		category: "execution",
+		icon: /* @__PURE__ */ j(b, { size: 16 }),
+		component: z,
+		defaultData: W.actionNode,
+		requiredDataKeys: ["actionType"]
+	},
+	requestNode: {
+		type: "requestNode",
+		label: "API Request",
+		description: "Call an HTTP endpoint",
+		category: "execution",
+		icon: /* @__PURE__ */ j(ce, { size: 16 }),
+		component: B,
+		defaultData: W.requestNode,
+		requiredDataKeys: ["url"]
+	},
+	delayNode: {
+		type: "delayNode",
+		label: "Delay",
+		description: "Pause execution",
+		category: "logic",
+		icon: /* @__PURE__ */ j(x, { size: 16 }),
+		component: V,
+		defaultData: W.delayNode,
+		requiredDataKeys: ["duration"]
+	},
+	approvalNode: {
+		type: "approvalNode",
+		label: "Approval",
+		description: "Wait for a person",
+		category: "human",
+		icon: /* @__PURE__ */ j(te, { size: 16 }),
+		component: Oe,
+		defaultData: W.approvalNode,
+		requiredDataKeys: ["approverRole"]
+	},
+	groupNode: {
+		type: "groupNode",
+		label: "Group",
+		description: "Organize nodes",
+		category: "structural",
+		icon: /* @__PURE__ */ j(ue, { size: 16 }),
+		component: H,
+		defaultData: W.groupNode
+	}
+}, G = [
+	"flow_control",
+	"logic",
+	"execution",
+	"human",
+	"structural"
+], K = {
+	flow_control: "Flow",
+	logic: "Logic",
+	execution: "Work",
+	human: "Human",
+	structural: "Structure"
+}, q = (e) => ({
+	...e,
+	nodes: e.nodes.map((e) => ({
+		...e,
+		data: { ...e.data }
+	})),
+	edges: e.edges.map((e) => ({
+		...e,
+		data: e.data ? { ...e.data } : e.data
+	})),
+	metadata: e.metadata ? { ...e.metadata } : void 0,
+	viewport: e.viewport ? { ...e.viewport } : void 0
+}), Be = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0, Ve = (e, t) => t.filter((t) => t.source === e).map((e) => e.target), He = (e = ze) => {
+	let t = /* @__PURE__ */ new Map();
+	return Object.values(e).forEach((e) => {
+		let n = t.get(e.category) ?? {
+			categoryKey: K[e.category] ?? e.category,
+			category: e.category,
+			items: []
+		};
+		n.items.push({
+			type: e.type,
+			labelKey: e.label,
+			descriptionKey: e.description,
+			category: e.category,
+			icon: e.icon ?? /* @__PURE__ */ j(b, { size: 16 }),
+			defaultData: e.defaultData
+		}), t.set(e.category, n);
+	}), Array.from(t.values()).sort((e, t) => G.indexOf(e.category) - G.indexOf(t.category));
+}, J = (e, t = ze) => {
+	let n = [], r = e.nodes.filter((e) => e.type === "startNode"), i = e.nodes.filter((e) => e.type === "endNode"), a = new Set(i.map((e) => e.id)), o = new Map(e.nodes.map((e) => [e.id, e])), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+	e.edges.forEach((e) => {
+		s.set(e.target, (s.get(e.target) ?? 0) + 1), c.set(e.source, (c.get(e.source) ?? 0) + 1);
+	}), r.length === 0 && n.push({
+		code: "missing_start",
+		severity: "error",
+		message: "Workflow requires a start node."
+	}), i.length === 0 && n.push({
+		code: "missing_end",
+		severity: "error",
+		message: "Workflow requires an end node."
+	}), e.nodes.forEach((r) => {
+		r.type !== "startNode" && r.type !== "groupNode" && (s.get(r.id) ?? 0) === 0 && n.push({
+			code: "orphan_node",
+			severity: "error",
+			message: "Node has no incoming path.",
+			nodeId: r.id
+		});
+		let i = t[String(r.type ?? "")];
+		if (i?.requiredDataKeys?.forEach((e) => {
+			Be(r.data?.[e]) && n.push({
+				code: "missing_required_config",
+				severity: "error",
+				message: `${i.label} requires ${e}.`,
+				nodeId: r.id,
+				field: e
+			});
+		}), r.data?.label || n.push({
+			code: "missing_required_config",
+			severity: "error",
+			message: "Node label is required.",
+			nodeId: r.id,
+			field: "label"
+		}), r.type === "decisionNode") {
+			let e = Array.isArray(r.data?.branches) ? r.data.branches : [];
+			(e.length < 2 || (c.get(r.id) ?? 0) < e.length) && n.push({
+				code: "missing_decision_branch",
+				severity: "error",
+				message: "Decision nodes require branch coverage for each outcome.",
+				nodeId: r.id,
+				field: "branches"
+			});
+		}
+		n.push(...i?.validate?.(r, e) ?? []);
+	}), e.nodes.forEach((t) => {
+		if (t.type === "endNode" || t.type === "groupNode") return;
+		let r = /* @__PURE__ */ new Set(), i = [t.id], o = !1;
+		for (; i.length > 0;) {
+			let t = i.shift();
+			if (!(!t || r.has(t))) {
+				if (r.add(t), a.has(t)) {
+					o = !0;
+					break;
+				}
+				i.push(...Ve(t, e.edges));
+			}
+		}
+		o || n.push({
+			code: "missing_end_path",
+			severity: "error",
+			message: "Node has no path to an end node.",
+			nodeId: t.id
+		});
+	});
+	let l = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), d = (t, r) => {
+		if (l.has(t)) {
+			r.slice(r.indexOf(t)).some((e) => o.get(e)?.type === "loopNode") || n.push({
+				code: "invalid_cycle",
+				severity: "error",
+				message: "Workflow cycles require a loop node.",
+				nodeId: t
+			});
+			return;
+		}
+		u.has(t) || (l.add(t), Ve(t, e.edges).forEach((e) => d(e, [...r, e])), l.delete(t), u.add(t));
+	};
+	return e.nodes.forEach((e) => d(e.id, [e.id])), {
+		valid: !n.some((e) => e.severity === "error"),
+		issues: n
+	};
+}, Y = J, X = (e) => e == null ? "" : String(e), Z = (e) => e.split("\n").map((e) => e.trim()).filter(Boolean).reduce((e, t) => {
+	let [n, ...r] = t.split(":");
+	return n && r.length > 0 && (e[n.trim()] = r.join(":").trim()), e;
+}, {}), Q = (e) => e && typeof e == "object" ? Object.entries(e).map(([e, t]) => `${e}: ${t}`).join("\n") : "", Ue = ({ node: c, registry: l, issues: u, readOnly: f, onChange: p, onDelete: h, onClose: g, className: _ }) => {
+	if (!c) return /* @__PURE__ */ M("aside", {
+		className: e("w-80 border-l border-border bg-card/35 p-4", _),
+		"aria-label": "Workflow inspector",
+		children: [/* @__PURE__ */ j("div", {
+			className: "text-xs font-bold uppercase tracking-wide text-muted-foreground",
+			children: "Inspector"
+		}), /* @__PURE__ */ j("div", {
+			className: "mt-6 rounded-lg border border-dashed border-border p-4 text-sm text-muted-foreground",
+			children: "Select a node to edit its configuration."
+		})]
+	});
+	let v = l[String(c.type ?? "")], y = c.data, b = v?.editor, x = (t, n, r) => /* @__PURE__ */ M("label", {
+		className: "grid gap-1.5",
+		children: [/* @__PURE__ */ j("span", {
+			className: e("text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", (r ? u.some((e) => e.field === r) : !1) && "text-destructive"),
+			children: t
+		}), n]
+	}), S = (e) => p(e);
+	return /* @__PURE__ */ M("aside", {
+		className: e("w-80 border-l border-border bg-card/35 p-4 overflow-y-auto", _),
+		"aria-label": "Workflow inspector",
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ M("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ j("div", {
+						className: "text-xs font-bold uppercase tracking-wide text-muted-foreground",
+						children: "Inspector"
+					}), /* @__PURE__ */ j("div", {
+						className: "truncate text-sm font-semibold",
+						children: v?.label ?? c.type ?? "Node"
+					})]
+				}), /* @__PURE__ */ j(t, {
+					variant: "ghost",
+					size: "icon",
+					onClick: g,
+					"aria-label": "Close inspector",
+					children: /* @__PURE__ */ j(he, { size: 16 })
+				})]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "mt-4 grid gap-4",
+				children: [
+					x("Label", /* @__PURE__ */ j(n, {
+						value: X(y.label),
+						onChange: (e) => S({ label: e.target.value }),
+						disabled: f
+					}), "label"),
+					x("Description", /* @__PURE__ */ j(d, {
+						value: X(y.description),
+						onChange: (e) => S({ description: e.target.value }),
+						disabled: f
+					})),
+					(() => {
+						if (b) return /* @__PURE__ */ j(b, {
+							node: c,
+							data: y,
+							onChange: S,
+							readOnly: f,
+							issues: u
+						});
+						switch (c.type) {
+							case "startNode": return x("Trigger", /* @__PURE__ */ M(s, {
+								value: X("triggerType" in y ? y.triggerType : "manual"),
+								onValueChange: f ? void 0 : (e) => S({ triggerType: e }),
+								children: [/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(r, {}) }), /* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(o, {
+										value: "manual",
+										children: "Manual"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "scheduled",
+										children: "Scheduled"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "webhook",
+										children: "Webhook"
+									})
+								] })]
+							}));
+							case "endNode": return x("Outcome", /* @__PURE__ */ M(s, {
+								value: X("outcome" in y ? y.outcome : "success"),
+								onValueChange: f ? void 0 : (e) => S({ outcome: e }),
+								children: [/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(r, {}) }), /* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(o, {
+										value: "success",
+										children: "Success"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "failure",
+										children: "Failure"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "cancelled",
+										children: "Cancelled"
+									})
+								] })]
+							}));
+							case "decisionNode": return /* @__PURE__ */ M(A, { children: [x("Condition", /* @__PURE__ */ j(d, {
+								value: X("condition" in y ? y.condition : ""),
+								onChange: (e) => S({ condition: e.target.value }),
+								disabled: f
+							})), x("Branches", /* @__PURE__ */ j(d, {
+								value: ("branches" in y && Array.isArray(y.branches) ? y.branches : []).map((e) => e.label).join("\n"),
+								onChange: (e) => S({ branches: e.target.value.split("\n").filter(Boolean).map((e, t) => ({
+									id: `branch-${t + 1}`,
+									label: e
+								})) }),
+								disabled: f
+							}), "branches")] });
+							case "loopNode": return /* @__PURE__ */ M(A, { children: [x("Iterator source", /* @__PURE__ */ j(n, {
+								value: X("iteratorSource" in y ? y.iteratorSource : ""),
+								onChange: (e) => S({ iteratorSource: e.target.value }),
+								disabled: f
+							}), "iteratorSource"), x("Max iterations", /* @__PURE__ */ j(n, {
+								type: "number",
+								min: 1,
+								value: X("maxIterations" in y ? y.maxIterations : 10),
+								onChange: (e) => S({ maxIterations: Number(e.target.value) }),
+								disabled: f
+							}))] });
+							case "actionNode": return x("Action type", /* @__PURE__ */ j(n, {
+								value: X("actionType" in y ? y.actionType : ""),
+								onChange: (e) => S({ actionType: e.target.value }),
+								disabled: f
+							}), "actionType");
+							case "requestNode": return /* @__PURE__ */ M(A, { children: [
+								x("Method", /* @__PURE__ */ M(s, {
+									value: X("method" in y ? y.method : "GET"),
+									onValueChange: f ? void 0 : (e) => S({ method: e }),
+									children: [/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(r, {}) }), /* @__PURE__ */ M(a, { children: [
+										/* @__PURE__ */ j(o, {
+											value: "GET",
+											children: "GET"
+										}),
+										/* @__PURE__ */ j(o, {
+											value: "POST",
+											children: "POST"
+										}),
+										/* @__PURE__ */ j(o, {
+											value: "PUT",
+											children: "PUT"
+										}),
+										/* @__PURE__ */ j(o, {
+											value: "PATCH",
+											children: "PATCH"
+										}),
+										/* @__PURE__ */ j(o, {
+											value: "DELETE",
+											children: "DELETE"
+										})
+									] })]
+								})),
+								x("URL", /* @__PURE__ */ j(n, {
+									value: X("url" in y ? y.url : ""),
+									onChange: (e) => S({ url: e.target.value }),
+									disabled: f
+								}), "url"),
+								x("Headers", /* @__PURE__ */ j(d, {
+									value: Q("headers" in y ? y.headers : void 0),
+									onChange: (e) => S({ headers: Z(e.target.value) }),
+									disabled: f
+								}))
+							] });
+							case "delayNode": return /* @__PURE__ */ M(A, { children: [x("Duration", /* @__PURE__ */ j(n, {
+								type: "number",
+								min: 1,
+								value: X("duration" in y ? y.duration : 1),
+								onChange: (e) => S({ duration: Number(e.target.value) }),
+								disabled: f
+							}), "duration"), x("Unit", /* @__PURE__ */ M(s, {
+								value: X("unit" in y ? y.unit : "hours"),
+								onValueChange: f ? void 0 : (e) => S({ unit: e }),
+								children: [/* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(r, {}) }), /* @__PURE__ */ M(a, { children: [
+									/* @__PURE__ */ j(o, {
+										value: "seconds",
+										children: "Seconds"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "minutes",
+										children: "Minutes"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "hours",
+										children: "Hours"
+									}),
+									/* @__PURE__ */ j(o, {
+										value: "days",
+										children: "Days"
+									})
+								] })]
+							}))] });
+							case "approvalNode": return /* @__PURE__ */ M(A, { children: [
+								x("Approver role", /* @__PURE__ */ j(n, {
+									value: X("approverRole" in y ? y.approverRole : ""),
+									onChange: (e) => S({ approverRole: e.target.value }),
+									disabled: f
+								}), "approverRole"),
+								x("Escalation role", /* @__PURE__ */ j(n, {
+									value: X("escalationRole" in y ? y.escalationRole : ""),
+									onChange: (e) => S({ escalationRole: e.target.value }),
+									disabled: f
+								})),
+								x("SLA hours", /* @__PURE__ */ j(n, {
+									type: "number",
+									min: 1,
+									value: X("slaHours" in y ? y.slaHours : ""),
+									onChange: (e) => S({ slaHours: Number(e.target.value) }),
+									disabled: f
+								}))
+							] });
+							default: return x("Description", /* @__PURE__ */ j(d, {
+								value: X(y.description),
+								onChange: (e) => S({ description: e.target.value }),
+								disabled: f
+							}));
+						}
+					})()
+				]
+			}),
+			u.length > 0 && /* @__PURE__ */ j("div", {
+				className: "mt-4 grid gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3",
+				children: u.map((e, t) => /* @__PURE__ */ M("div", {
+					className: "flex gap-2 text-xs text-destructive",
+					children: [/* @__PURE__ */ j(m, {
+						size: 14,
+						className: "mt-0.5 shrink-0"
+					}), /* @__PURE__ */ j("span", { children: e.message })]
+				}, `${e.code}-${t}`))
+			}),
+			!f && /* @__PURE__ */ M(t, {
+				variant: "destructive",
+				className: "mt-4 w-full gap-2",
+				onClick: h,
+				children: [/* @__PURE__ */ j(de, { size: 14 }), "Delete node"]
+			})
+		]
+	});
+}, We = p.forwardRef((n, r) => {
+	let { workflow: i, defaultWorkflow: a = Re, workflowId: o, service: s, nodeRegistry: c, onWorkflowChange: l, onNodeAdd: u, onNodeUpdate: d, onNodeDelete: f, onConnectionCreate: h, onValidationChange: _, onSave: v, onPublish: y, onError: b, title: x, description: S, status: C, toolboxTitle: T = "Node Library", showHeader: ee = !0, showToolbox: te = !0, showInspector: ne = !0, showValidationPanel: re = !0, showActionBar: E = !0, autoValidate: oe = !0, readOnly: D = !1, showGrid: se = !0, snapToGrid: ce = !0, fitView: le = !0, exportFileName: ue = "workflow.json", className: de, classNames: O, ...he } = n, k = p.useMemo(() => ({
+		...ze,
+		...c
+	}), [c]), ge = p.useMemo(() => {
+		let e = {};
+		return Object.values(k).forEach((t) => {
+			t.component && (e[t.type] = t.component);
+		}), e;
+	}, [k]), _e = p.useMemo(() => He(k), [k]), ve = i !== void 0, [ye, N] = p.useState(() => q(a)), [P, F] = p.useState(se), [be, xe] = p.useState(ce), [Te, De] = p.useState(!1), [I, L] = p.useState(null), [R, z] = p.useState(() => J(i ?? ye, k)), [B, V] = p.useState(!1), [Oe, H] = p.useState(!1), [ke, Ae] = p.useState(!1), [je, Me] = p.useState(void 0), [Ne, U] = p.useState(null), Ie = p.useRef(null), W = p.useRef(i ?? ye), G = p.useRef([]), K = p.useRef([]), { fitView: Be, screenToFlowPosition: Ve } = Ee(), Y = i ?? ye;
+	p.useEffect(() => {
+		W.current = Y;
+	}, [Y]), p.useEffect(() => F(se), [se]), p.useEffect(() => xe(ce), [ce]);
+	let X = p.useCallback((e = W.current) => J(e, k), [k]), Z = p.useCallback((e, t = !0) => {
+		let n = q({
+			...e,
+			metadata: {
+				...e.metadata,
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}
+		});
+		if (t && (G.current = [...G.current, q(W.current)], K.current = []), W.current = n, ve || N(n), l?.(n), oe) {
+			let e = X(n);
+			z(e), _?.(e);
+		}
+	}, [
+		oe,
+		ve,
+		_,
+		l,
+		X
+	]), Q = p.useCallback((e) => {
+		let t = k[String(e.type)], n = {
+			id: e.id ?? `${e.type}-${Date.now()}`,
+			type: e.type,
+			position: e.position ?? {
+				x: 120,
+				y: 120
+			},
+			data: {
+				...t?.defaultData ?? { label: e.type },
+				...e.data ?? {}
+			}
+		}, r = {
+			...W.current,
+			nodes: [...W.current.nodes, n]
+		};
+		Z(r), u?.({
+			node: n,
+			workflow: q(r)
+		});
+	}, [
+		Z,
+		k,
+		u
+	]), We = p.useCallback((e, t) => {
+		let n, r = W.current.nodes.map((r) => r.id === e ? (n = {
+			...r,
+			data: {
+				...r.data,
+				...t
+			}
+		}, n) : r);
+		if (!n) return;
+		let i = {
+			...W.current,
+			nodes: r
+		};
+		Z(i), d?.({
+			node: n,
+			workflow: q(i)
+		});
+	}, [Z, d]), $ = p.useCallback((e) => {
+		let t = W.current.nodes.find((t) => t.id === e);
+		if (!t) return;
+		let n = {
+			...W.current,
+			nodes: W.current.nodes.filter((t) => t.id !== e),
+			edges: W.current.edges.filter((t) => t.source !== e && t.target !== e)
+		};
+		L((t) => t === e ? null : t), Z(n), f?.({
+			node: t,
+			workflow: q(n)
+		});
+	}, [Z, f]), Ge = p.useCallback((e, t) => {
+		let n = {
+			id: `${e}-${t}-${Date.now()}`,
+			source: e,
+			target: t,
+			type: "ezEdge",
+			animated: !0
+		}, r = {
+			...W.current,
+			edges: Se(n, W.current.edges)
+		};
+		Z(r), h?.({
+			edge: n,
+			sourceId: e,
+			targetId: t,
+			workflow: q(r)
+		});
+	}, [Z, h]);
+	p.useEffect(() => {
+		if (!s || !o || ve) return;
+		let e = !0;
+		return V(!0), U(null), s.loadWorkflow(o).then((t) => {
+			e && Z(t, !1);
+		}).catch((t) => {
+			e && (U(t.message), b?.(t, "load"));
+		}).finally(() => {
+			e && V(!1);
+		}), () => {
+			e = !1;
+		};
+	}, [
+		ve,
+		Z,
+		b,
+		s,
+		o
+	]), p.useEffect(() => {
+		let e = X(Y);
+		z(e), _?.(e);
+	}, [
+		Y,
+		_,
+		X
+	]), p.useImperativeHandle(r, () => ({
+		getWorkflow: () => q(W.current),
+		setWorkflow: (e) => Z(e),
+		validate: () => X(),
+		addNode: Q,
+		updateNode: We,
+		deleteNode: $,
+		connect: Ge,
+		undo: () => {
+			let e = G.current[G.current.length - 1];
+			e && (G.current = G.current.slice(0, -1), K.current = [q(W.current), ...K.current], Z(e, !1));
+		},
+		redo: () => {
+			let e = K.current[0];
+			e && (K.current = K.current.slice(1), G.current = [...G.current, q(W.current)], Z(e, !1));
+		},
+		canUndo: () => G.current.length > 0,
+		canRedo: () => K.current.length > 0,
+		fitView: () => Be(),
+		exportJson: () => JSON.stringify(W.current, null, 2),
+		importJson: (e) => {
+			try {
+				Z(JSON.parse(e)), U(null);
+			} catch (e) {
+				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Invalid workflow JSON.");
+				U(t.message), b?.(t, "import");
+			}
+		}
+	}), [
+		Q,
+		Ge,
+		$,
+		Z,
+		Be,
+		b,
+		We,
+		X
+	]);
+	let Ke = p.useCallback((e) => {
+		let t = we(e, W.current.nodes);
+		Z({
+			...W.current,
+			nodes: t
+		});
+	}, [Z]), qe = p.useCallback((e) => {
+		Z({
+			...W.current,
+			edges: Ce(e, W.current.edges)
+		});
+	}, [Z]), Je = p.useCallback((e) => {
+		Z({
+			...W.current,
+			edges: W.current.edges.filter((t) => t.id !== e)
+		});
+	}, [Z]), Ye = p.useCallback((e) => {
+		e.source && e.target && Ge(e.source, e.target);
+	}, [Ge]), Xe = p.useCallback((e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.getData("application/reactflow") || e.dataTransfer.getData("text/plain");
+		t && Q({
+			type: t,
+			position: Ve({
+				x: e.clientX,
+				y: e.clientY
+			})
+		});
+	}, [Q, Ve]), Ze = p.useCallback(async () => {
+		let e = q(W.current), t = X(e);
+		if (z(t), _?.(t), t.valid) {
+			H(!0), U(null);
+			try {
+				s && o && await s.saveWorkflow(o, e), await v?.(e), Me((/* @__PURE__ */ new Date()).toISOString());
+			} catch (e) {
+				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to save workflow.");
+				U(t.message), b?.(t, "save");
+			} finally {
+				H(!1);
+			}
+		}
+	}, [
+		b,
+		v,
+		_,
+		s,
+		X,
+		o
+	]), Qe = p.useCallback(async () => {
+		let e = q({
+			...W.current,
+			metadata: {
+				...W.current.metadata,
+				status: "live",
+				publishedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}
+		}), t = X(e);
+		if (z(t), _?.(t), t.valid) {
+			Ae(!0), U(null);
+			try {
+				s && o && await s.publishWorkflow(o, e), await y?.(e), Z(e, !1);
+			} catch (e) {
+				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to publish workflow.");
+				U(t.message), b?.(t, "publish");
+			} finally {
+				Ae(!1);
+			}
+		}
+	}, [
+		Z,
+		b,
+		y,
+		_,
+		s,
+		X,
+		o
+	]), $e = p.useCallback(() => {
+		try {
+			let e = X();
+			z(e), _?.(e), U(null);
+		} catch (e) {
+			let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to validate workflow.");
+			U(t.message), b?.(t, "validate");
+		}
+	}, [
+		b,
+		_,
+		X
+	]), et = p.useCallback((e) => {
+		let t = e.target.files?.[0];
+		t && t.text().then((t) => {
+			try {
+				Z(JSON.parse(t)), U(null);
+			} catch (e) {
+				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Invalid workflow JSON.");
+				U(t.message), b?.(t, "import");
+			} finally {
+				e.target.value = "";
+			}
+		});
+	}, [Z, b]), tt = p.useCallback(() => {
+		let e = new Blob([JSON.stringify(W.current, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
+		n.href = t, n.download = ue, n.click(), URL.revokeObjectURL(t);
+	}, [ue]), nt = x ?? Y.metadata?.title ?? "Untitled Workflow", rt = S ?? Y.metadata?.description, it = I ? Y.nodes.find((e) => e.id === I) : void 0, at = I ? R.issues.filter((e) => e.nodeId === I) : [], ot = R.issues.filter((e) => e.severity === "error").length, st = R.issues.filter((e) => e.severity === "warning").length, ct = G.current.length > 0, lt = K.current.length > 0;
+	return /* @__PURE__ */ M("div", {
+		className: e("ez-workflow flex h-full min-h-[560px] flex-col overflow-hidden bg-background", O?.root, de),
+		...he,
+		children: [
+			/* @__PURE__ */ j("input", {
+				ref: Ie,
+				type: "file",
+				accept: "application/json,.json",
+				className: "hidden",
+				onChange: et
+			}),
+			ee && /* @__PURE__ */ j(Le, {
+				title: nt,
+				description: rt,
+				status: C ?? Y.metadata?.status,
+				isDirty: G.current.length > 0,
+				onTitleChange: (e) => Z({
+					...W.current,
+					metadata: {
+						...W.current.metadata,
+						title: e
+					}
+				}),
+				onDescriptionChange: (e) => Z({
+					...W.current,
+					metadata: {
+						...W.current.metadata,
+						description: e
+					}
+				}),
+				onSave: Ze,
+				onPublish: Qe,
+				showGrid: P,
+				onShowGridChange: F,
+				snapToGrid: be,
+				onSnapToGridChange: xe,
+				className: O?.header
+			}),
+			/* @__PURE__ */ M("div", {
+				className: e("flex min-h-0 flex-1", O?.body),
+				children: [
+					te && /* @__PURE__ */ j(Fe, {
+						categories: _e,
+						title: T,
+						collapsed: Te,
+						onCollapsedChange: De,
+						onNodeActivate: (e) => Q({ type: e.type }),
+						className: O?.toolbox
+					}),
+					/* @__PURE__ */ j(Pe, {
+						nodes: Y.nodes,
+						edges: Y.edges,
+						onNodesChange: Ke,
+						onEdgesChange: qe,
+						onConnect: Ye,
+						onDrop: Xe,
+						onDragOver: (e) => {
+							e.preventDefault(), e.dataTransfer.dropEffect = "move";
+						},
+						onNodeClick: (e, t) => L(t.id),
+						onNodeDoubleClick: (e, t) => L(t.id),
+						onEdgeDelete: Je,
+						onPaneClick: () => L(null),
+						nodeTypes: ge,
+						showGrid: P,
+						snapToGrid: be,
+						fitView: le,
+						readOnly: D,
+						className: e("flex-1", O?.canvas)
+					}),
+					ne && /* @__PURE__ */ j(Ue, {
+						node: it,
+						registry: k,
+						issues: at,
+						readOnly: D,
+						onChange: (e) => it && We(it.id, e),
+						onDelete: () => it && $(it.id),
+						onClose: () => L(null),
+						className: O?.inspector
+					})
+				]
+			}),
+			(E || re) && /* @__PURE__ */ M("footer", {
+				className: e("flex min-h-14 items-center justify-between gap-3 border-t border-border bg-card/50 px-4 py-2", O?.actionBar),
+				"aria-label": "Workflow actions",
+				children: [/* @__PURE__ */ j("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: E && /* @__PURE__ */ M(A, { children: [
+						/* @__PURE__ */ M(t, {
+							variant: "outline",
+							size: "sm",
+							className: "gap-2",
+							disabled: !ct || D,
+							onClick: () => {
+								let e = G.current[G.current.length - 1];
+								e && (G.current = G.current.slice(0, -1), K.current = [q(W.current), ...K.current], Z(e, !1));
+							},
+							children: [/* @__PURE__ */ j(fe, { size: 14 }), "Undo"]
+						}),
+						/* @__PURE__ */ M(t, {
+							variant: "outline",
+							size: "sm",
+							className: "gap-2",
+							disabled: !lt || D,
+							onClick: () => {
+								let e = K.current[0];
+								e && (K.current = K.current.slice(1), G.current = [...G.current, q(W.current)], Z(e, !1));
+							},
+							children: [/* @__PURE__ */ j(ie, { size: 14 }), "Redo"]
+						}),
+						/* @__PURE__ */ M(t, {
+							variant: "outline",
+							size: "sm",
+							className: "gap-2",
+							onClick: $e,
+							children: [/* @__PURE__ */ j(me, { size: 14 }), "Validate"]
+						}),
+						/* @__PURE__ */ M(t, {
+							variant: "outline",
+							size: "sm",
+							className: "gap-2",
+							onClick: () => Ie.current?.click(),
+							disabled: D,
+							children: [/* @__PURE__ */ j(pe, { size: 14 }), "Import"]
+						}),
+						/* @__PURE__ */ M(t, {
+							variant: "outline",
+							size: "sm",
+							className: "gap-2",
+							onClick: tt,
+							children: [/* @__PURE__ */ j(w, { size: 14 }), "Export"]
+						})
+					] })
+				}), re && /* @__PURE__ */ M("div", {
+					className: e("flex min-w-0 items-center gap-3 text-xs", O?.validationPanel),
+					children: [
+						B || Oe || ke ? /* @__PURE__ */ M("span", {
+							className: "inline-flex items-center gap-2 text-muted-foreground",
+							children: [/* @__PURE__ */ j(ae, {
+								size: 14,
+								className: "animate-spin"
+							}), B ? "Loading" : ke ? "Publishing" : "Saving"]
+						}) : R.valid ? /* @__PURE__ */ M("span", {
+							className: "inline-flex items-center gap-2 text-emerald-600",
+							children: [/* @__PURE__ */ j(g, { size: 14 }), "Valid"]
+						}) : /* @__PURE__ */ M("span", {
+							className: "inline-flex items-center gap-2 text-destructive",
+							children: [
+								/* @__PURE__ */ j(m, { size: 14 }),
+								ot,
+								" error",
+								ot === 1 ? "" : "s",
+								st > 0 ? `, ${st} warning${st === 1 ? "" : "s"}` : ""
+							]
+						}),
+						je && /* @__PURE__ */ M("span", {
+							className: "hidden text-muted-foreground md:inline",
+							children: ["Saved ", new Date(je).toLocaleTimeString()]
+						}),
+						Ne && /* @__PURE__ */ j("span", {
+							className: "max-w-[320px] truncate text-destructive",
+							children: Ne
+						}),
+						R.issues.slice(0, 2).map((e, t) => /* @__PURE__ */ j("button", {
+							type: "button",
+							className: "hidden max-w-[260px] truncate rounded border border-border px-2 py-1 text-left text-muted-foreground hover:bg-muted lg:block",
+							"aria-label": `Go to validation issue: ${e.message}`,
+							onClick: () => e.nodeId && L(e.nodeId),
+							children: e.message
+						}, `${e.code}-${e.nodeId ?? t}`))
+					]
+				})]
+			})
+		]
+	});
+});
+We.displayName = "EzWorkflowInner";
+var $ = p.forwardRef((e, t) => /* @__PURE__ */ j(xe, { children: /* @__PURE__ */ j(We, {
+	...e,
+	ref: t
+}) }));
+$.displayName = "EzWorkflow";
+var Ge = p.forwardRef((e, t) => /* @__PURE__ */ j($, {
+	...e,
+	ref: t
+}));
+Ge.displayName = "EzFlow";
+//#endregion
+//#region src/components/EzFlow/EzWorkflowServiceAdapters.ts
+var Ke = async (e) => ({
+	"content-type": "application/json",
+	...(typeof e == "function" ? await e() : e) ?? {}
+}), qe = async (e, t) => {
+	if (e.ok) return;
+	let n = await e.text().catch(() => "");
+	throw Error(n || `Workflow ${t} failed with ${e.status}.`);
+}, Je = class {
+	baseUrl;
+	fetcher;
+	headers;
+	constructor(e) {
+		this.baseUrl = e.baseUrl.replace(/\/$/, ""), this.fetcher = e.fetcher ?? fetch, this.headers = e.headers;
+	}
+	async loadWorkflow(e) {
+		let t = await this.fetcher(`${this.baseUrl}/workflows/${encodeURIComponent(e)}`);
+		return await qe(t, "load"), t.json();
+	}
+	async saveWorkflow(e, t) {
+		await qe(await this.fetcher(`${this.baseUrl}/workflows/${encodeURIComponent(e)}`, {
+			method: "PUT",
+			headers: await Ke(this.headers),
+			body: JSON.stringify(t)
+		}), "save");
+	}
+	async publishWorkflow(e, t) {
+		await qe(await this.fetcher(`${this.baseUrl}/workflows/${encodeURIComponent(e)}/publish`, {
+			method: "POST",
+			headers: await Ke(this.headers),
+			body: JSON.stringify(t)
+		}), "publish");
+	}
+	async validateWorkflow(e) {
+		let t = await this.fetcher(`${this.baseUrl}/workflows/validate`, {
+			method: "POST",
+			headers: await Ke(this.headers),
+			body: JSON.stringify(e)
+		});
+		return await qe(t, "validate"), t.json();
+	}
+}, Ye = class {
+	lastStableWorkflow;
+	constructor(e) {
+		this.service = e;
+	}
+	getRollbackWorkflow() {
+		return this.lastStableWorkflow;
+	}
+	async loadWorkflow(e) {
+		let t = await this.service.loadWorkflow(e);
+		return this.lastStableWorkflow = t, t;
+	}
+	async saveWorkflow(e, t) {
+		let n = this.lastStableWorkflow;
+		this.lastStableWorkflow = t;
+		try {
+			await this.service.saveWorkflow(e, t);
+		} catch (e) {
+			throw this.lastStableWorkflow = n, e;
+		}
+	}
+	async publishWorkflow(e, t) {
+		let n = this.lastStableWorkflow;
+		this.lastStableWorkflow = t;
+		try {
+			await this.service.publishWorkflow(e, t);
+		} catch (e) {
+			throw this.lastStableWorkflow = n, e;
+		}
+	}
+	validateWorkflow(e) {
+		return this.service.validateWorkflow(e);
+	}
+}, Xe = (e = {}) => {
+	let t = new Map(Object.entries(e));
+	return {
+		workflows: t,
+		async loadWorkflow(e) {
+			let n = t.get(e);
+			if (!n) throw Error(`Workflow ${e} was not found.`);
+			return n;
+		},
+		async saveWorkflow(e, n) {
+			t.set(e, n);
+		},
+		async publishWorkflow(e, n) {
+			t.set(e, {
+				...n,
+				metadata: {
+					...n.metadata,
+					status: "live",
+					publishedAt: n.metadata?.publishedAt ?? (/* @__PURE__ */ new Date()).toISOString()
+				}
+			});
+		},
+		async validateWorkflow(e) {
+			return J(e);
+		}
+	};
+}, Ze = (e) => {
+	let t = Math.max(2, Math.floor(e)), n = Array.from({ length: t }, (e, n) => n === 0 ? {
+		id: "node-0",
+		type: "startNode",
+		position: {
+			x: 0,
+			y: 0
+		},
+		data: { label: "Start" }
+	} : n === t - 1 ? {
+		id: `node-${n}`,
+		type: "endNode",
+		position: {
+			x: n * 180,
+			y: 0
+		},
+		data: { label: "End" }
+	} : {
+		id: `node-${n}`,
+		type: "actionNode",
+		position: {
+			x: n * 180,
+			y: n % 5 * 120
+		},
+		data: {
+			label: `Action ${n}`,
+			actionType: "noop"
+		}
+	});
+	return {
+		nodes: n,
+		edges: n.slice(0, -1).map((e, t) => ({
+			id: `${e.id}-${n[t + 1].id}`,
+			source: e.id,
+			target: n[t + 1].id,
+			type: "ezEdge"
+		})),
+		metadata: {
+			title: `${t} node performance workflow`,
+			status: "draft",
+			version: 1
+		}
+	};
+}, Qe = (e) => {
+	let t = Ze(e), n = typeof performance < "u" ? () => performance.now() : () => Date.now(), r = n(), i = J(t);
+	return {
+		nodeCount: t.nodes.length,
+		edgeCount: t.edges.length,
+		validateMs: n() - r,
+		valid: i.valid,
+		issueCount: i.issues.length
+	};
+}, $e = {
+	nodes: [
+		{
+			id: "start",
+			type: "startNode",
+			position: {
+				x: 0,
+				y: 120
+			},
+			data: {
+				label: "Request submitted",
+				triggerType: "manual"
+			}
+		},
+		{
+			id: "approval",
+			type: "approvalNode",
+			position: {
+				x: 280,
+				y: 120
+			},
+			data: {
+				label: "Manager approval",
+				approverRole: "manager",
+				slaHours: 24
+			}
+		},
+		{
+			id: "decision",
+			type: "decisionNode",
+			position: {
+				x: 560,
+				y: 120
+			},
+			data: {
+				label: "Approved?",
+				branches: [{
+					id: "yes",
+					label: "Approved"
+				}, {
+					id: "no",
+					label: "Rejected"
+				}]
+			}
+		},
+		{
+			id: "end-success",
+			type: "endNode",
+			position: {
+				x: 840,
+				y: 40
+			},
+			data: {
+				label: "Approved",
+				outcome: "success"
+			}
+		},
+		{
+			id: "end-failure",
+			type: "endNode",
+			position: {
+				x: 840,
+				y: 200
+			},
+			data: {
+				label: "Rejected",
+				outcome: "failure"
+			}
+		}
+	],
+	edges: [
+		{
+			id: "start-approval",
+			source: "start",
+			target: "approval",
+			type: "ezEdge"
+		},
+		{
+			id: "approval-decision",
+			source: "approval",
+			target: "decision",
+			type: "ezEdge"
+		},
+		{
+			id: "decision-success",
+			source: "decision",
+			target: "end-success",
+			type: "ezEdge"
+		},
+		{
+			id: "decision-failure",
+			source: "decision",
+			target: "end-failure",
+			type: "ezEdge"
+		}
+	],
+	metadata: {
+		title: "Approval workflow",
+		description: "Human approval with positive and negative outcomes.",
+		status: "draft",
+		version: 1
+	}
+}, et = {
+	nodes: [
+		{
+			id: "start",
+			type: "startNode",
+			position: {
+				x: 0,
+				y: 100
+			},
+			data: {
+				label: "Webhook received",
+				triggerType: "webhook"
+			}
+		},
+		{
+			id: "request",
+			type: "requestNode",
+			position: {
+				x: 280,
+				y: 100
+			},
+			data: {
+				label: "Create ticket",
+				method: "POST",
+				url: "https://api.example.com/tickets"
+			}
+		},
+		{
+			id: "end",
+			type: "endNode",
+			position: {
+				x: 560,
+				y: 100
+			},
+			data: {
+				label: "Ticket created",
+				outcome: "success"
+			}
+		}
+	],
+	edges: [{
+		id: "start-request",
+		source: "start",
+		target: "request",
+		type: "ezEdge"
+	}, {
+		id: "request-end",
+		source: "request",
+		target: "end",
+		type: "ezEdge"
+	}],
+	metadata: {
+		title: "API request workflow",
+		description: "Webhook to HTTP request.",
+		status: "draft",
+		version: 1
+	}
+}, tt = {
+	nodes: [
+		{
+			id: "start",
+			type: "startNode",
+			position: {
+				x: 0,
+				y: 100
+			},
+			data: {
+				label: "Nightly schedule",
+				triggerType: "scheduled"
+			}
+		},
+		{
+			id: "delay",
+			type: "delayNode",
+			position: {
+				x: 280,
+				y: 100
+			},
+			data: {
+				label: "Wait for upstream data",
+				duration: 30,
+				unit: "minutes"
+			}
+		},
+		{
+			id: "action",
+			type: "actionNode",
+			position: {
+				x: 560,
+				y: 100
+			},
+			data: {
+				label: "Run reconciliation",
+				actionType: "reconcile"
+			}
+		},
+		{
+			id: "end",
+			type: "endNode",
+			position: {
+				x: 840,
+				y: 100
+			},
+			data: {
+				label: "Completed",
+				outcome: "success"
+			}
+		}
+	],
+	edges: [
+		{
+			id: "start-delay",
+			source: "start",
+			target: "delay",
+			type: "ezEdge"
+		},
+		{
+			id: "delay-action",
+			source: "delay",
+			target: "action",
+			type: "ezEdge"
+		},
+		{
+			id: "action-end",
+			source: "action",
+			target: "end",
+			type: "ezEdge"
+		}
+	],
+	metadata: {
+		title: "Scheduled workflow",
+		description: "Scheduled job with delayed execution.",
+		status: "draft",
+		version: 1
+	}
+}, nt = {
+	nodes: [
+		{
+			id: "start",
+			type: "startNode",
+			position: {
+				x: 0,
+				y: 100
+			},
+			data: {
+				label: "Case opened",
+				triggerType: "manual"
+			}
+		},
+		{
+			id: "review",
+			type: "approvalNode",
+			position: {
+				x: 280,
+				y: 100
+			},
+			data: {
+				label: "Specialist review",
+				approverRole: "specialist",
+				escalationRole: "team-lead",
+				slaHours: 8
+			}
+		},
+		{
+			id: "action",
+			type: "actionNode",
+			position: {
+				x: 560,
+				y: 100
+			},
+			data: {
+				label: "Apply decision",
+				actionType: "apply-review-outcome"
+			}
+		},
+		{
+			id: "end",
+			type: "endNode",
+			position: {
+				x: 840,
+				y: 100
+			},
+			data: {
+				label: "Case closed",
+				outcome: "success"
+			}
+		}
+	],
+	edges: [
+		{
+			id: "start-review",
+			source: "start",
+			target: "review",
+			type: "ezEdge"
+		},
+		{
+			id: "review-action",
+			source: "review",
+			target: "action",
+			type: "ezEdge"
+		},
+		{
+			id: "action-end",
+			source: "action",
+			target: "end",
+			type: "ezEdge"
+		}
+	],
+	metadata: {
+		title: "Human review workflow",
+		description: "Human review followed by an automated action.",
+		status: "draft",
+		version: 1
+	}
+};
+//#endregion
+export { I as A, H as C, z as D, B as E, R as O, ke as S, V as T, Fe as _, Ze as a, je as b, Je as c, $ as d, He as f, Le as g, Y as h, tt as i, De as j, L as k, Xe as l, J as m, $e as n, Qe as o, ze as p, nt as r, Ye as s, et as t, Ge as u, Pe as v, Oe as w, Ae as x, Me as y };