ezux 1.1.19 → 1.1.21

package/dist/{EzFlow-C74NbZA9.js → EzFlow-CEfPykao.js}

@@ -1,11 +1,11 @@
 import { _ as e } from "./EzProvider-AlmsYIDk.js";
 import { t } from "./button-CYyNwV8S.js";
-import { t as n } from "./input-Cj3sQK3M.js";
-import { a as r, i, n as a, r as o, t as s } from "./select-D4tFaSai.js";
-import { a as c, o as l, r as u, s as d, t as f } from "./card-ZUNxcdIM.js";
-import { t as p } from "./DeleteConfirmationModal-p8XGDGIw.js";
+import { t as n } from "./input-CcRi0LeO.js";
+import { a as r, o as i, r as a, s as o, t as s } from "./card-urNaa5h-.js";
+import { a as c, i as l, n as u, r as d, t as f } from "./select-D4tFaSai.js";
+import { t as p } from "./DeleteConfirmationModal-B_tXm0N0.js";
 import m from "react";
-import { AlertCircle as h, Box as g, CheckCircle2 as ee, 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 te, Hand as ne, PanelLeft as re, PanelLeftClose as ie, Play as E, Redo2 as ae, RefreshCw as oe, Repeat as se, Rocket as ce, Save as le, Send as ue, Square as de, SquareStack as fe, Trash2 as D, Undo2 as pe, Upload as me, User as he, Wand2 as ge, X as O, Zap as _e } from "lucide-react";
+import { AlertCircle as h, Box as g, CheckCircle2 as ee, ChevronDown as _, ChevronLeft as te, ChevronRight as v, Circle as y, Clock as b, Cloud as x, Diamond as S, Download as C, GitBranch as w, GripVertical as ne, Hand as re, PanelLeft as ie, PanelLeftClose as ae, Play as T, Redo2 as oe, RefreshCw as se, Repeat as E, Rocket as ce, Save as le, Send as ue, Square as de, SquareStack as fe, Trash2 as D, Undo2 as pe, Upload as me, User as he, Wand2 as ge, X as O, Zap as _e } from "lucide-react";
 import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 import { Background as ve, BaseEdge as ye, Controls as be, EdgeLabelRenderer as xe, Handle as M, NodeResizer as N, Position as P, ReactFlow as Se, ReactFlowProvider as Ce, addEdge as we, applyEdgeChanges as Te, applyNodeChanges as Ee, getSmoothStepPath as De, useReactFlow as Oe } from "@xyflow/react";
 //#region src/components/EzFlow/nodes/StartNode.tsx
@@ -18,7 +18,7 @@ var F = m.memo(({ data: t, selected: n }) => {
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ A(E, {
+				children: [/* @__PURE__ */ A(T, {
 					size: 14,
 					className: "fill-emerald-500"
 				}), /* @__PURE__ */ A("span", {
@@ -153,14 +153,14 @@ L.displayName = "DecisionNode";
 //#endregion
 //#region src/components/EzFlow/nodes/LoopNode.tsx
 var R = m.memo(({ data: t, selected: n }) => {
-	let { label: r, description: i, maxIterations: a } = t, [o, s] = m.useState(!1);
+	let { label: o, description: c, maxIterations: l } = t, [u, d] = m.useState(!1);
 	return /* @__PURE__ */ j("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);
+				d(!!e);
 			}
 		},
 		children: [/* @__PURE__ */ A(N, {
@@ -168,13 +168,13 @@ var R = m.memo(({ data: t, selected: n }) => {
 			isVisible: n,
 			minWidth: 160,
 			minHeight: 80,
-			keepAspectRatio: o,
+			keepAspectRatio: u,
 			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(f, {
+		}), /* @__PURE__ */ j(s, {
 			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"}`,
+			"aria-label": `Loop node: ${o || "Loop"}`,
 			children: [
 				/* @__PURE__ */ A(M, {
 					type: "target",
@@ -182,14 +182,14 @@ var R = m.memo(({ data: t, selected: n }) => {
 					className: "!w-3.5 !h-3.5 !bg-orange-500 !border-[3px] !border-background !z-50",
 					"aria-label": "Input connection"
 				}),
-				/* @__PURE__ */ j(c, {
+				/* @__PURE__ */ j(r, {
 					className: "p-4 space-y-1",
 					children: [
 						/* @__PURE__ */ j("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A("div", {
 								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-orange-500/15",
-								children: /* @__PURE__ */ A(se, {
+								children: /* @__PURE__ */ A(E, {
 									size: 16,
 									className: "text-orange-500"
 								})
@@ -198,21 +198,21 @@ var R = m.memo(({ data: t, selected: n }) => {
 								children: [/* @__PURE__ */ A("div", {
 									className: "text-[9px] uppercase font-bold tracking-widest text-orange-500/70",
 									children: "Loop"
-								}), /* @__PURE__ */ A(l, {
+								}), /* @__PURE__ */ A(i, {
 									className: "text-sm font-semibold truncate",
-									children: r
+									children: o
 								})]
 							})]
 						}),
-						i && /* @__PURE__ */ A(u, {
+						c && /* @__PURE__ */ A(a, {
 							className: "text-xs line-clamp-2",
-							children: i
+							children: c
 						}),
-						a && /* @__PURE__ */ j("div", {
+						l && /* @__PURE__ */ j("div", {
 							className: "text-[10px] text-orange-400/80 font-medium",
 							children: [
 								"Max: ",
-								a,
+								l,
 								" iterations"
 							]
 						})
@@ -239,14 +239,14 @@ R.displayName = "LoopNode";
 //#endregion
 //#region src/components/EzFlow/nodes/ActionNode.tsx
 var z = m.memo(({ data: t, selected: n }) => {
-	let { label: r, description: i, actionType: a } = t, [o, s] = m.useState(!1);
+	let { label: o, description: c, actionType: l } = t, [u, d] = m.useState(!1);
 	return /* @__PURE__ */ j("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);
+				d(!!e);
 			}
 		},
 		children: [/* @__PURE__ */ A(N, {
@@ -254,13 +254,13 @@ var z = m.memo(({ data: t, selected: n }) => {
 			isVisible: n,
 			minWidth: 160,
 			minHeight: 80,
-			keepAspectRatio: o,
+			keepAspectRatio: u,
 			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(f, {
+		}), /* @__PURE__ */ j(s, {
 			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"}`,
+			"aria-label": `Action node: ${o || "Action"}`,
 			children: [
 				/* @__PURE__ */ A(M, {
 					type: "target",
@@ -268,7 +268,7 @@ var z = m.memo(({ data: t, selected: n }) => {
 					className: "!w-3.5 !h-3.5 !bg-blue-500 !border-[3px] !border-background !z-50",
 					"aria-label": "Input connection"
 				}),
-				/* @__PURE__ */ j(c, {
+				/* @__PURE__ */ j(r, {
 					className: "p-4 space-y-1",
 					children: [
 						/* @__PURE__ */ j("div", {
@@ -284,19 +284,19 @@ var z = m.memo(({ data: t, selected: n }) => {
 								children: [/* @__PURE__ */ A("div", {
 									className: "text-[9px] uppercase font-bold tracking-widest text-blue-500/70",
 									children: "Action"
-								}), /* @__PURE__ */ A(l, {
+								}), /* @__PURE__ */ A(i, {
 									className: "text-sm font-semibold truncate",
-									children: r
+									children: o
 								})]
 							})]
 						}),
-						i && /* @__PURE__ */ A(u, {
+						c && /* @__PURE__ */ A(a, {
 							className: "text-xs line-clamp-2",
-							children: i
+							children: c
 						}),
-						a && /* @__PURE__ */ A("div", {
+						l && /* @__PURE__ */ A("div", {
 							className: "text-[10px] text-blue-400/80 font-medium mt-1",
-							children: a
+							children: l
 						})
 					]
 				}),
@@ -314,14 +314,14 @@ z.displayName = "ActionNode";
 //#endregion
 //#region src/components/EzFlow/nodes/RequestNode.tsx
 var B = m.memo(({ data: t, selected: n }) => {
-	let { label: r, description: i, method: a, url: o } = t, [s, d] = m.useState(!1);
+	let { label: o, description: c, method: l, url: u } = t, [d, f] = m.useState(!1);
 	return /* @__PURE__ */ j("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);
+				f(!!e);
 			}
 		},
 		children: [/* @__PURE__ */ A(N, {
@@ -329,13 +329,13 @@ var B = m.memo(({ data: t, selected: n }) => {
 			isVisible: n,
 			minWidth: 200,
 			minHeight: 100,
-			keepAspectRatio: s,
+			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__ */ j(f, {
+		}), /* @__PURE__ */ j(s, {
 			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"}`,
+			"aria-label": `Request node: ${o || "HTTP Request"}`,
 			children: [
 				/* @__PURE__ */ A(M, {
 					type: "target",
@@ -343,14 +343,14 @@ var B = m.memo(({ data: t, selected: n }) => {
 					className: "!w-3.5 !h-3.5 !bg-indigo-500 !border-[3px] !border-background !z-50",
 					"aria-label": "Input connection"
 				}),
-				/* @__PURE__ */ j(c, {
+				/* @__PURE__ */ j(r, {
 					className: "p-4 space-y-1",
 					children: [
 						/* @__PURE__ */ j("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A("div", {
 								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-indigo-500/15",
-								children: /* @__PURE__ */ A(S, {
+								children: /* @__PURE__ */ A(x, {
 									size: 16,
 									className: "text-indigo-500"
 								})
@@ -359,24 +359,24 @@ var B = m.memo(({ data: t, selected: n }) => {
 								children: [/* @__PURE__ */ A("div", {
 									className: "text-[9px] uppercase font-bold tracking-widest text-indigo-500/70",
 									children: "HTTP Request"
-								}), /* @__PURE__ */ A(l, {
+								}), /* @__PURE__ */ A(i, {
 									className: "text-sm font-semibold truncate",
-									children: r
+									children: o
 								})]
 							})]
 						}),
-						i && /* @__PURE__ */ A(u, {
+						c && /* @__PURE__ */ A(a, {
 							className: "text-xs line-clamp-2",
-							children: i
+							children: c
 						}),
-						(a || o) && /* @__PURE__ */ j("div", {
+						(l || u) && /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-2 mt-1",
-							children: [a && /* @__PURE__ */ A("span", {
+							children: [l && /* @__PURE__ */ A("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__ */ A("span", {
+								children: l
+							}), u && /* @__PURE__ */ A("span", {
 								className: "text-[10px] text-muted-foreground truncate max-w-[120px]",
-								children: o
+								children: u
 							})]
 						})
 					]
@@ -395,7 +395,7 @@ B.displayName = "RequestNode";
 //#endregion
 //#region src/components/EzFlow/nodes/DelayNode.tsx
 var ke = m.memo(({ data: t, selected: n }) => {
-	let { label: r, description: i, duration: a, unit: o } = t, s = () => a ? `${a} ${o || "minutes"}` : null, [d, p] = m.useState(!1);
+	let { label: o, description: c, duration: l, unit: u } = t, d = () => l ? `${l} ${u || "minutes"}` : null, [f, p] = m.useState(!1);
 	return /* @__PURE__ */ j("div", {
 		className: "w-full h-full relative group",
 		onPointerDownCapture: (e) => {
@@ -410,13 +410,13 @@ var ke = m.memo(({ data: t, selected: n }) => {
 			isVisible: n,
 			minWidth: 160,
 			minHeight: 80,
-			keepAspectRatio: d,
+			keepAspectRatio: f,
 			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(f, {
+		}), /* @__PURE__ */ j(s, {
 			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"}`,
+			"aria-label": `Delay node: ${o || "Delay"}`,
 			children: [
 				/* @__PURE__ */ A(M, {
 					type: "target",
@@ -424,14 +424,14 @@ var ke = m.memo(({ data: t, selected: n }) => {
 					className: "!w-3.5 !h-3.5 !bg-gray-400 !border-[3px] !border-background !z-50",
 					"aria-label": "Input connection"
 				}),
-				/* @__PURE__ */ j(c, {
+				/* @__PURE__ */ j(r, {
 					className: "p-4 space-y-1",
 					children: [
 						/* @__PURE__ */ j("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A("div", {
 								className: "flex items-center justify-center w-8 h-8 rounded-lg bg-gray-500/15",
-								children: /* @__PURE__ */ A(x, {
+								children: /* @__PURE__ */ A(b, {
 									size: 16,
 									className: "text-gray-400"
 								})
@@ -440,19 +440,19 @@ var ke = m.memo(({ data: t, selected: n }) => {
 								children: [/* @__PURE__ */ A("div", {
 									className: "text-[9px] uppercase font-bold tracking-widest text-gray-400/70",
 									children: "Delay"
-								}), /* @__PURE__ */ A(l, {
+								}), /* @__PURE__ */ A(i, {
 									className: "text-sm font-semibold truncate",
-									children: r
+									children: o
 								})]
 							})]
 						}),
-						i && /* @__PURE__ */ A(u, {
+						c && /* @__PURE__ */ A(a, {
 							className: "text-xs line-clamp-2",
-							children: i
+							children: c
 						}),
-						s() && /* @__PURE__ */ j("div", {
+						d() && /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-1.5 text-[10px] text-gray-400/80 font-medium mt-1",
-							children: [/* @__PURE__ */ A(x, { size: 10 }), s()]
+							children: [/* @__PURE__ */ A(b, { size: 10 }), d()]
 						})
 					]
 				}),
@@ -470,14 +470,14 @@ ke.displayName = "DelayNode";
 //#endregion
 //#region src/components/EzFlow/nodes/ApprovalNode.tsx
 var V = m.memo(({ data: t, selected: n }) => {
-	let { label: r, description: i, approverRole: a, slaHours: o } = t, [s, d] = m.useState(!1);
+	let { label: o, description: c, approverRole: l, slaHours: u } = t, [d, f] = m.useState(!1);
 	return /* @__PURE__ */ j("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);
+				f(!!e);
 			}
 		},
 		children: [/* @__PURE__ */ A(N, {
@@ -485,13 +485,13 @@ var V = m.memo(({ data: t, selected: n }) => {
 			isVisible: n,
 			minWidth: 200,
 			minHeight: 100,
-			keepAspectRatio: s,
+			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__ */ j(f, {
+		}), /* @__PURE__ */ j(s, {
 			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"}`,
+			"aria-label": `Approval node: ${o || "Approval"}`,
 			children: [
 				/* @__PURE__ */ A(M, {
 					type: "target",
@@ -499,7 +499,7 @@ var V = m.memo(({ data: t, selected: n }) => {
 					className: "!w-3.5 !h-3.5 !bg-purple-500 !border-[3px] !border-background !z-50",
 					"aria-label": "Input connection"
 				}),
-				/* @__PURE__ */ j(c, {
+				/* @__PURE__ */ j(r, {
 					className: "p-4 space-y-1",
 					children: [
 						/* @__PURE__ */ j("div", {
@@ -515,31 +515,31 @@ var V = m.memo(({ data: t, selected: n }) => {
 								children: [/* @__PURE__ */ A("div", {
 									className: "text-[9px] uppercase font-bold tracking-widest text-purple-500/70",
 									children: "Approval"
-								}), /* @__PURE__ */ A(l, {
+								}), /* @__PURE__ */ A(i, {
 									className: "text-sm font-semibold truncate",
-									children: r
+									children: o
 								})]
 							})]
 						}),
-						i && /* @__PURE__ */ A(u, {
+						c && /* @__PURE__ */ A(a, {
 							className: "text-xs line-clamp-2",
-							children: i
+							children: c
 						}),
 						/* @__PURE__ */ j("div", {
 							className: "flex flex-col gap-1 mt-1",
-							children: [a && /* @__PURE__ */ j("div", {
+							children: [l && /* @__PURE__ */ j("div", {
 								className: "flex items-center gap-1.5 text-[10px] text-purple-400/80 font-medium",
 								children: [
 									/* @__PURE__ */ A(he, { size: 10 }),
 									" ",
-									a
+									l
 								]
-							}), o && /* @__PURE__ */ j("div", {
+							}), u && /* @__PURE__ */ j("div", {
 								className: "flex items-center gap-1.5 text-[10px] text-purple-400/60 font-medium",
 								children: [
-									/* @__PURE__ */ A(x, { size: 10 }),
+									/* @__PURE__ */ A(b, { size: 10 }),
 									" ",
-									o,
+									u,
 									"h SLA"
 								]
 							})]
@@ -752,11 +752,11 @@ var U = {
 	delayNode: ke,
 	approvalNode: V,
 	groupNode: H
-}, Pe = m.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: p = U, edgeTypes: h, isValidConnection: g, snapToGrid: ee = !0, snapGrid: _ = [15, 15], showGrid: v = !0, fitView: y = !1, readOnly: b = !1, className: x, style: S, ...C }, w) => {
-	let T = m.useMemo(() => h ?? { ezEdge: (e) => /* @__PURE__ */ A(Ae, {
+}, Pe = m.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: p = U, edgeTypes: h, isValidConnection: g, snapToGrid: ee = !0, snapGrid: _ = [15, 15], showGrid: te = !0, fitView: v = !1, readOnly: y = !1, className: b, style: x, ...S }, C) => {
+	let w = m.useMemo(() => h ?? { ezEdge: (e) => /* @__PURE__ */ A(Ae, {
 		...e,
 		onDelete: d
-	}) }, [h, d]), te = m.useCallback((e) => {
+	}) }, [h, d]), ne = m.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 = [{
@@ -783,27 +783,27 @@ var U = {
 		t
 	]);
 	return /* @__PURE__ */ A("div", {
-		ref: w,
-		className: e("w-full h-full min-h-0 relative", x),
-		style: S,
-		...C,
+		ref: C,
+		className: e("w-full h-full min-h-0 relative", b),
+		style: x,
+		...S,
 		children: /* @__PURE__ */ j(Se, {
 			nodes: t,
 			edges: n,
-			onNodesChange: b ? void 0 : r,
-			onEdgesChange: b ? void 0 : i,
-			onConnect: b ? void 0 : a,
-			onDrop: b ? void 0 : o,
-			onDragOver: b ? void 0 : s,
+			onNodesChange: y ? void 0 : r,
+			onEdgesChange: y ? void 0 : i,
+			onConnect: y ? void 0 : a,
+			onDrop: y ? void 0 : o,
+			onDragOver: y ? void 0 : s,
 			onNodeClick: c,
 			onNodeDoubleClick: l,
 			onEdgeClick: u,
 			onPaneClick: f,
 			nodeTypes: p,
-			edgeTypes: T,
+			edgeTypes: w,
 			connectionLineComponent: je,
-			isValidConnection: te,
-			fitView: y,
+			isValidConnection: ne,
+			fitView: v,
 			defaultViewport: {
 				x: 0,
 				y: 0,
@@ -813,16 +813,16 @@ var U = {
 			zoomOnScroll: !1,
 			snapToGrid: ee,
 			snapGrid: _,
-			nodesDraggable: !b,
-			nodesConnectable: !b,
-			elementsSelectable: !b,
+			nodesDraggable: !y,
+			nodesConnectable: !y,
+			elementsSelectable: !y,
 			defaultEdgeOptions: {
 				type: "ezEdge",
 				animated: !0,
 				selectable: !0
 			},
 			proOptions: { hideAttribution: !0 },
-			children: [v && /* @__PURE__ */ A(Me, {
+			children: [te && /* @__PURE__ */ A(Me, {
 				gap: _[0],
 				size: 1.5
 			}), /* @__PURE__ */ A(Ne, { "aria-label": "Canvas controls" })]
@@ -843,7 +843,7 @@ var Fe = ({ category: e, isExpanded: t, onToggle: n, onNodeActivate: r }) => {
 			onClick: n,
 			"aria-expanded": t,
 			"aria-label": `Toggle ${e.categoryKey} section`,
-			children: [A(t ? _ : y, { size: 12 }), e.categoryKey]
+			children: [A(t ? _ : v, { size: 12 }), e.categoryKey]
 		}), t && /* @__PURE__ */ A("div", {
 			className: "flex flex-col gap-1.5 mt-1 px-1",
 			children: e.items.map((e) => /* @__PURE__ */ j("div", {
@@ -861,7 +861,7 @@ var Fe = ({ category: e, isExpanded: t, onToggle: n, onNodeActivate: r }) => {
 				children: [
 					/* @__PURE__ */ A("div", {
 						className: "absolute left-1 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-30 transition-opacity",
-						children: /* @__PURE__ */ A(te, { size: 12 })
+						children: /* @__PURE__ */ A(ne, { size: 12 })
 					}),
 					/* @__PURE__ */ A("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",
@@ -897,7 +897,7 @@ var Fe = ({ category: e, isExpanded: t, onToggle: n, onNodeActivate: r }) => {
 			className: "rounded-xl mb-2",
 			onClick: () => o?.(!1),
 			"aria-label": "Expand node library",
-			children: /* @__PURE__ */ A(re, { size: 16 })
+			children: /* @__PURE__ */ A(ie, { size: 16 })
 		}), n.flatMap((e) => e.items.map((e) => /* @__PURE__ */ A("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) => {
@@ -929,7 +929,7 @@ var Fe = ({ category: e, isExpanded: t, onToggle: n, onNodeActivate: r }) => {
 				className: "rounded-xl w-7 h-7",
 				onClick: () => o(!0),
 				"aria-label": "Collapse node library",
-				children: /* @__PURE__ */ A(ie, { size: 14 })
+				children: /* @__PURE__ */ A(ae, { size: 14 })
 			})]
 		}), n.map((e) => /* @__PURE__ */ A(Fe, {
 			category: e,
@@ -956,19 +956,19 @@ var W = {
 		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: p = !0, onSnapToGridChange: h, className: g }) => {
-	let [ee, _] = m.useState(!1), [y, b] = m.useState(!1), [x, S] = m.useState(n), [C, w] = m.useState(r || ""), T = m.useRef(null), te = m.useRef(null);
+	let [ee, _] = m.useState(!1), [v, y] = m.useState(!1), [b, x] = m.useState(n), [S, C] = m.useState(r || ""), w = m.useRef(null), ne = m.useRef(null);
 	m.useEffect(() => {
-		S(n);
+		x(n);
 	}, [n]), m.useEffect(() => {
-		w(r || "");
+		C(r || "");
 	}, [r]);
-	let ne = () => {
-		_(!1), x !== n && o?.(x);
-	}, re = () => {
-		b(!1), C !== r && s?.(C);
+	let re = () => {
+		_(!1), b !== n && o?.(b);
 	}, ie = () => {
+		y(!1), S !== r && s?.(S);
+	}, ae = () => {
 		a && !window.confirm("You have unsaved changes. Discard and exit?") || u?.();
-	}, E = W[i];
+	}, T = W[i];
 	return /* @__PURE__ */ j("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",
@@ -980,20 +980,20 @@ var W = {
 					variant: "ghost",
 					size: "icon",
 					className: "rounded-xl shrink-0",
-					onClick: ie,
+					onClick: ae,
 					"aria-label": "Go back",
-					children: /* @__PURE__ */ A(v, { size: 18 })
+					children: /* @__PURE__ */ A(te, { size: 18 })
 				}),
 				/* @__PURE__ */ A("div", { className: "h-6 w-px bg-border shrink-0" }),
 				/* @__PURE__ */ j("div", {
 					className: "flex flex-col min-w-0",
 					children: [ee ? /* @__PURE__ */ A("input", {
-						ref: T,
-						value: x,
-						onChange: (e) => S(e.target.value),
-						onBlur: ne,
+						ref: w,
+						value: b,
+						onChange: (e) => x(e.target.value),
+						onBlur: re,
 						onKeyDown: (e) => {
-							e.key === "Enter" && ne(), e.key === "Escape" && (S(n), _(!1));
+							e.key === "Enter" && re(), e.key === "Escape" && (x(n), _(!1));
 						},
 						className: "text-base font-bold bg-transparent border-none outline-none ring-0 p-0 text-foreground w-full",
 						autoFocus: !0,
@@ -1001,20 +1001,20 @@ var W = {
 					}) : /* @__PURE__ */ j("button", {
 						className: "text-base font-bold text-left hover:text-primary transition-colors cursor-text truncate",
 						onClick: () => {
-							_(!0), setTimeout(() => T.current?.focus(), 0);
+							_(!0), setTimeout(() => w.current?.focus(), 0);
 						},
-						"aria-label": `Workflow title: ${x}. Click to edit`,
-						children: [x || "Untitled Workflow", a && /* @__PURE__ */ A("span", {
+						"aria-label": `Workflow title: ${b}. Click to edit`,
+						children: [b || "Untitled Workflow", a && /* @__PURE__ */ A("span", {
 							className: "ml-2 text-[9px] text-muted-foreground/50 font-normal",
 							children: "(unsaved)"
 						})]
-					}), y ? /* @__PURE__ */ A("input", {
-						ref: te,
-						value: C,
-						onChange: (e) => w(e.target.value),
-						onBlur: re,
+					}), v ? /* @__PURE__ */ A("input", {
+						ref: ne,
+						value: S,
+						onChange: (e) => C(e.target.value),
+						onBlur: ie,
 						onKeyDown: (e) => {
-							e.key === "Enter" && re(), e.key === "Escape" && (w(r || ""), b(!1));
+							e.key === "Enter" && ie(), e.key === "Escape" && (C(r || ""), y(!1));
 						},
 						className: "text-[10px] uppercase tracking-widest text-muted-foreground bg-transparent border-none outline-none ring-0 p-0 w-full",
 						autoFocus: !0,
@@ -1022,17 +1022,17 @@ var W = {
 					}) : /* @__PURE__ */ A("button", {
 						className: "text-[10px] uppercase tracking-widest text-muted-foreground/50 text-left hover:text-muted-foreground transition-colors cursor-text truncate",
 						onClick: () => {
-							b(!0), setTimeout(() => te.current?.focus(), 0);
+							y(!0), setTimeout(() => ne.current?.focus(), 0);
 						},
-						"aria-label": `Description: ${C || "Click to add description"}`,
-						children: C || "Click to add description"
+						"aria-label": `Description: ${S || "Click to add description"}`,
+						children: S || "Click to add description"
 					})]
 				}),
 				/* @__PURE__ */ A("div", {
-					className: e("shrink-0 px-3 py-1 rounded-full border text-[10px] font-bold uppercase tracking-widest", E.className),
+					className: e("shrink-0 px-3 py-1 rounded-full border text-[10px] font-bold uppercase tracking-widest", T.className),
 					role: "status",
-					"aria-label": `Status: ${E.label}`,
-					children: E.label
+					"aria-label": `Status: ${T.label}`,
+					children: T.label
 				})
 			]
 		}), /* @__PURE__ */ j("div", {
@@ -1072,7 +1072,7 @@ var W = {
 					/* @__PURE__ */ j(t, {
 						variant: "ghost",
 						className: "rounded-xl h-9 px-4 text-xs gap-2",
-						onClick: ie,
+						onClick: ae,
 						"aria-label": "Cancel changes",
 						children: [/* @__PURE__ */ A(O, { size: 14 }), "Cancel"]
 					}),
@@ -1157,7 +1157,7 @@ var Re = {
 		label: "Start",
 		description: "Workflow entry point",
 		category: "flow_control",
-		icon: /* @__PURE__ */ A(E, { size: 16 }),
+		icon: /* @__PURE__ */ A(T, { size: 16 }),
 		component: F,
 		defaultData: G.startNode
 	},
@@ -1175,7 +1175,7 @@ var Re = {
 		label: "Decision",
 		description: "Branch by condition",
 		category: "logic",
-		icon: /* @__PURE__ */ A(C, { size: 16 }),
+		icon: /* @__PURE__ */ A(S, { size: 16 }),
 		component: L,
 		defaultData: G.decisionNode,
 		requiredDataKeys: ["branches"]
@@ -1185,7 +1185,7 @@ var Re = {
 		label: "Loop",
 		description: "Repeat a path",
 		category: "flow_control",
-		icon: /* @__PURE__ */ A(T, { size: 16 }),
+		icon: /* @__PURE__ */ A(w, { size: 16 }),
 		component: R,
 		defaultData: G.loopNode,
 		requiredDataKeys: ["iteratorSource"]
@@ -1195,7 +1195,7 @@ var Re = {
 		label: "Action",
 		description: "Run an action",
 		category: "execution",
-		icon: /* @__PURE__ */ A(b, { size: 16 }),
+		icon: /* @__PURE__ */ A(y, { size: 16 }),
 		component: z,
 		defaultData: G.actionNode,
 		requiredDataKeys: ["actionType"]
@@ -1215,7 +1215,7 @@ var Re = {
 		label: "Delay",
 		description: "Pause execution",
 		category: "logic",
-		icon: /* @__PURE__ */ A(x, { size: 16 }),
+		icon: /* @__PURE__ */ A(b, { size: 16 }),
 		component: ke,
 		defaultData: G.delayNode,
 		requiredDataKeys: ["duration"]
@@ -1225,7 +1225,7 @@ var Re = {
 		label: "Approval",
 		description: "Wait for a person",
 		category: "human",
-		icon: /* @__PURE__ */ A(ne, { size: 16 }),
+		icon: /* @__PURE__ */ A(re, { size: 16 }),
 		component: V,
 		defaultData: G.approvalNode,
 		requiredDataKeys: ["approverRole"]
@@ -1276,7 +1276,7 @@ var Re = {
 			labelKey: e.label,
 			descriptionKey: e.description,
 			category: e.category,
-			icon: e.icon ?? /* @__PURE__ */ A(b, { size: 16 }),
+			icon: e.icon ?? /* @__PURE__ */ A(y, { size: 16 }),
 			defaultData: e.defaultData
 		}), t.set(e.category, n);
 	}), Array.from(t.values()).sort((e, t) => K.indexOf(e.category) - K.indexOf(t.category));
@@ -1364,10 +1364,10 @@ var Re = {
 }, X = Y, Z = (e) => e == null ? "" : String(e), Q = (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;
-}, {}), Ue = (e) => e && typeof e == "object" ? Object.entries(e).map(([e, t]) => `${e}: ${t}`).join("\n") : "", We = ({ node: c, registry: l, issues: u, readOnly: f, onChange: g, onDelete: ee, onClose: _, className: v }) => {
-	let [y, b] = m.useState(!1);
-	if (!c) return /* @__PURE__ */ j("aside", {
-		className: e("w-80 border-l border-border bg-card/35 p-4", v),
+}, {}), Ue = (e) => e && typeof e == "object" ? Object.entries(e).map(([e, t]) => `${e}: ${t}`).join("\n") : "", We = ({ node: r, registry: i, issues: a, readOnly: s, onChange: g, onDelete: ee, onClose: _, className: te }) => {
+	let [v, y] = m.useState(!1);
+	if (!r) return /* @__PURE__ */ j("aside", {
+		className: e("w-80 border-l border-border bg-card/35 p-4", te),
 		"aria-label": "Workflow inspector",
 		children: [/* @__PURE__ */ A("div", {
 			className: "text-xs font-bold uppercase tracking-wide text-muted-foreground",
@@ -1377,15 +1377,15 @@ var Re = {
 			children: "Select a node to edit its configuration."
 		})]
 	});
-	let x = l[String(c.type ?? "")], S = c.data, C = x?.editor, w = (t, n, r) => /* @__PURE__ */ j("label", {
+	let b = i[String(r.type ?? "")], x = r.data, S = b?.editor, C = (t, n, r) => /* @__PURE__ */ j("label", {
 		className: "grid gap-1.5",
 		children: [/* @__PURE__ */ A("span", {
-			className: e("text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", (r ? u.some((e) => e.field === r) : !1) && "text-destructive"),
+			className: e("text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", (r ? a.some((e) => e.field === r) : !1) && "text-destructive"),
 			children: t
 		}), n]
-	}), T = (e) => g(e);
+	}), w = (e) => g(e);
 	return /* @__PURE__ */ j("aside", {
-		className: e("w-80 border-l border-border bg-card/35 p-4 overflow-y-auto", v),
+		className: e("w-80 border-l border-border bg-card/35 p-4 overflow-y-auto", te),
 		"aria-label": "Workflow inspector",
 		children: [
 			/* @__PURE__ */ j("div", {
@@ -1397,7 +1397,7 @@ var Re = {
 						children: "Inspector"
 					}), /* @__PURE__ */ A("div", {
 						className: "truncate text-sm font-semibold",
-						children: x?.label ?? c.type ?? "Node"
+						children: b?.label ?? r.type ?? "Node"
 					})]
 				}), /* @__PURE__ */ A(t, {
 					variant: "ghost",
@@ -1410,186 +1410,186 @@ var Re = {
 			/* @__PURE__ */ j("div", {
 				className: "mt-4 grid gap-4",
 				children: [
-					w("Label", /* @__PURE__ */ A(n, {
-						value: Z(S.label),
-						onChange: (e) => T({ label: e.target.value }),
-						disabled: f
+					C("Label", /* @__PURE__ */ A(n, {
+						value: Z(x.label),
+						onChange: (e) => w({ label: e.target.value }),
+						disabled: s
 					}), "label"),
-					w("Description", /* @__PURE__ */ A(d, {
-						value: Z(S.description),
-						onChange: (e) => T({ description: e.target.value }),
-						disabled: f
+					C("Description", /* @__PURE__ */ A(o, {
+						value: Z(x.description),
+						onChange: (e) => w({ description: e.target.value }),
+						disabled: s
 					})),
 					(() => {
-						if (C) return /* @__PURE__ */ A(C, {
-							node: c,
-							data: S,
-							onChange: T,
-							readOnly: f,
-							issues: u
+						if (S) return /* @__PURE__ */ A(S, {
+							node: r,
+							data: x,
+							onChange: w,
+							readOnly: s,
+							issues: a
 						});
-						switch (c.type) {
-							case "startNode": return w("Trigger", /* @__PURE__ */ j(s, {
-								value: Z("triggerType" in S ? S.triggerType : "manual"),
-								onValueChange: f ? void 0 : (e) => T({ triggerType: e }),
-								children: [/* @__PURE__ */ A(i, { children: /* @__PURE__ */ A(r, {}) }), /* @__PURE__ */ j(a, { children: [
-									/* @__PURE__ */ A(o, {
+						switch (r.type) {
+							case "startNode": return C("Trigger", /* @__PURE__ */ j(f, {
+								value: Z("triggerType" in x ? x.triggerType : "manual"),
+								onValueChange: s ? void 0 : (e) => w({ triggerType: e }),
+								children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, {}) }), /* @__PURE__ */ j(u, { children: [
+									/* @__PURE__ */ A(d, {
 										value: "manual",
 										children: "Manual"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "scheduled",
 										children: "Scheduled"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "webhook",
 										children: "Webhook"
 									})
 								] })]
 							}));
-							case "endNode": return w("Outcome", /* @__PURE__ */ j(s, {
-								value: Z("outcome" in S ? S.outcome : "success"),
-								onValueChange: f ? void 0 : (e) => T({ outcome: e }),
-								children: [/* @__PURE__ */ A(i, { children: /* @__PURE__ */ A(r, {}) }), /* @__PURE__ */ j(a, { children: [
-									/* @__PURE__ */ A(o, {
+							case "endNode": return C("Outcome", /* @__PURE__ */ j(f, {
+								value: Z("outcome" in x ? x.outcome : "success"),
+								onValueChange: s ? void 0 : (e) => w({ outcome: e }),
+								children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, {}) }), /* @__PURE__ */ j(u, { children: [
+									/* @__PURE__ */ A(d, {
 										value: "success",
 										children: "Success"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "failure",
 										children: "Failure"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "cancelled",
 										children: "Cancelled"
 									})
 								] })]
 							}));
-							case "decisionNode": return /* @__PURE__ */ j(k, { children: [w("Condition", /* @__PURE__ */ A(d, {
-								value: Z("condition" in S ? S.condition : ""),
-								onChange: (e) => T({ condition: e.target.value }),
-								disabled: f
-							})), w("Branches", /* @__PURE__ */ A(d, {
-								value: ("branches" in S && Array.isArray(S.branches) ? S.branches : []).map((e) => e.label).join("\n"),
-								onChange: (e) => T({ branches: e.target.value.split("\n").filter(Boolean).map((e, t) => ({
+							case "decisionNode": return /* @__PURE__ */ j(k, { children: [C("Condition", /* @__PURE__ */ A(o, {
+								value: Z("condition" in x ? x.condition : ""),
+								onChange: (e) => w({ condition: e.target.value }),
+								disabled: s
+							})), C("Branches", /* @__PURE__ */ A(o, {
+								value: ("branches" in x && Array.isArray(x.branches) ? x.branches : []).map((e) => e.label).join("\n"),
+								onChange: (e) => w({ branches: e.target.value.split("\n").filter(Boolean).map((e, t) => ({
 									id: `branch-${t + 1}`,
 									label: e
 								})) }),
-								disabled: f
+								disabled: s
 							}), "branches")] });
-							case "loopNode": return /* @__PURE__ */ j(k, { children: [w("Iterator source", /* @__PURE__ */ A(n, {
-								value: Z("iteratorSource" in S ? S.iteratorSource : ""),
-								onChange: (e) => T({ iteratorSource: e.target.value }),
-								disabled: f
-							}), "iteratorSource"), w("Max iterations", /* @__PURE__ */ A(n, {
+							case "loopNode": return /* @__PURE__ */ j(k, { children: [C("Iterator source", /* @__PURE__ */ A(n, {
+								value: Z("iteratorSource" in x ? x.iteratorSource : ""),
+								onChange: (e) => w({ iteratorSource: e.target.value }),
+								disabled: s
+							}), "iteratorSource"), C("Max iterations", /* @__PURE__ */ A(n, {
 								type: "number",
 								min: 1,
-								value: Z("maxIterations" in S ? S.maxIterations : 10),
-								onChange: (e) => T({ maxIterations: Number(e.target.value) }),
-								disabled: f
+								value: Z("maxIterations" in x ? x.maxIterations : 10),
+								onChange: (e) => w({ maxIterations: Number(e.target.value) }),
+								disabled: s
 							}))] });
-							case "actionNode": return w("Action type", /* @__PURE__ */ A(n, {
-								value: Z("actionType" in S ? S.actionType : ""),
-								onChange: (e) => T({ actionType: e.target.value }),
-								disabled: f
+							case "actionNode": return C("Action type", /* @__PURE__ */ A(n, {
+								value: Z("actionType" in x ? x.actionType : ""),
+								onChange: (e) => w({ actionType: e.target.value }),
+								disabled: s
 							}), "actionType");
 							case "requestNode": return /* @__PURE__ */ j(k, { children: [
-								w("Method", /* @__PURE__ */ j(s, {
-									value: Z("method" in S ? S.method : "GET"),
-									onValueChange: f ? void 0 : (e) => T({ method: e }),
-									children: [/* @__PURE__ */ A(i, { children: /* @__PURE__ */ A(r, {}) }), /* @__PURE__ */ j(a, { children: [
-										/* @__PURE__ */ A(o, {
+								C("Method", /* @__PURE__ */ j(f, {
+									value: Z("method" in x ? x.method : "GET"),
+									onValueChange: s ? void 0 : (e) => w({ method: e }),
+									children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, {}) }), /* @__PURE__ */ j(u, { children: [
+										/* @__PURE__ */ A(d, {
 											value: "GET",
 											children: "GET"
 										}),
-										/* @__PURE__ */ A(o, {
+										/* @__PURE__ */ A(d, {
 											value: "POST",
 											children: "POST"
 										}),
-										/* @__PURE__ */ A(o, {
+										/* @__PURE__ */ A(d, {
 											value: "PUT",
 											children: "PUT"
 										}),
-										/* @__PURE__ */ A(o, {
+										/* @__PURE__ */ A(d, {
 											value: "PATCH",
 											children: "PATCH"
 										}),
-										/* @__PURE__ */ A(o, {
+										/* @__PURE__ */ A(d, {
 											value: "DELETE",
 											children: "DELETE"
 										})
 									] })]
 								})),
-								w("URL", /* @__PURE__ */ A(n, {
-									value: Z("url" in S ? S.url : ""),
-									onChange: (e) => T({ url: e.target.value }),
-									disabled: f
+								C("URL", /* @__PURE__ */ A(n, {
+									value: Z("url" in x ? x.url : ""),
+									onChange: (e) => w({ url: e.target.value }),
+									disabled: s
 								}), "url"),
-								w("Headers", /* @__PURE__ */ A(d, {
-									value: Ue("headers" in S ? S.headers : void 0),
-									onChange: (e) => T({ headers: Q(e.target.value) }),
-									disabled: f
+								C("Headers", /* @__PURE__ */ A(o, {
+									value: Ue("headers" in x ? x.headers : void 0),
+									onChange: (e) => w({ headers: Q(e.target.value) }),
+									disabled: s
 								}))
 							] });
-							case "delayNode": return /* @__PURE__ */ j(k, { children: [w("Duration", /* @__PURE__ */ A(n, {
+							case "delayNode": return /* @__PURE__ */ j(k, { children: [C("Duration", /* @__PURE__ */ A(n, {
 								type: "number",
 								min: 1,
-								value: Z("duration" in S ? S.duration : 1),
-								onChange: (e) => T({ duration: Number(e.target.value) }),
-								disabled: f
-							}), "duration"), w("Unit", /* @__PURE__ */ j(s, {
-								value: Z("unit" in S ? S.unit : "hours"),
-								onValueChange: f ? void 0 : (e) => T({ unit: e }),
-								children: [/* @__PURE__ */ A(i, { children: /* @__PURE__ */ A(r, {}) }), /* @__PURE__ */ j(a, { children: [
-									/* @__PURE__ */ A(o, {
+								value: Z("duration" in x ? x.duration : 1),
+								onChange: (e) => w({ duration: Number(e.target.value) }),
+								disabled: s
+							}), "duration"), C("Unit", /* @__PURE__ */ j(f, {
+								value: Z("unit" in x ? x.unit : "hours"),
+								onValueChange: s ? void 0 : (e) => w({ unit: e }),
+								children: [/* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(c, {}) }), /* @__PURE__ */ j(u, { children: [
+									/* @__PURE__ */ A(d, {
 										value: "seconds",
 										children: "Seconds"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "minutes",
 										children: "Minutes"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "hours",
 										children: "Hours"
 									}),
-									/* @__PURE__ */ A(o, {
+									/* @__PURE__ */ A(d, {
 										value: "days",
 										children: "Days"
 									})
 								] })]
 							}))] });
 							case "approvalNode": return /* @__PURE__ */ j(k, { children: [
-								w("Approver role", /* @__PURE__ */ A(n, {
-									value: Z("approverRole" in S ? S.approverRole : ""),
-									onChange: (e) => T({ approverRole: e.target.value }),
-									disabled: f
+								C("Approver role", /* @__PURE__ */ A(n, {
+									value: Z("approverRole" in x ? x.approverRole : ""),
+									onChange: (e) => w({ approverRole: e.target.value }),
+									disabled: s
 								}), "approverRole"),
-								w("Escalation role", /* @__PURE__ */ A(n, {
-									value: Z("escalationRole" in S ? S.escalationRole : ""),
-									onChange: (e) => T({ escalationRole: e.target.value }),
-									disabled: f
+								C("Escalation role", /* @__PURE__ */ A(n, {
+									value: Z("escalationRole" in x ? x.escalationRole : ""),
+									onChange: (e) => w({ escalationRole: e.target.value }),
+									disabled: s
 								})),
-								w("SLA hours", /* @__PURE__ */ A(n, {
+								C("SLA hours", /* @__PURE__ */ A(n, {
 									type: "number",
 									min: 1,
-									value: Z("slaHours" in S ? S.slaHours : ""),
-									onChange: (e) => T({ slaHours: Number(e.target.value) }),
-									disabled: f
+									value: Z("slaHours" in x ? x.slaHours : ""),
+									onChange: (e) => w({ slaHours: Number(e.target.value) }),
+									disabled: s
 								}))
 							] });
-							default: return w("Description", /* @__PURE__ */ A(d, {
-								value: Z(S.description),
-								onChange: (e) => T({ description: e.target.value }),
-								disabled: f
+							default: return C("Description", /* @__PURE__ */ A(o, {
+								value: Z(x.description),
+								onChange: (e) => w({ description: e.target.value }),
+								disabled: s
 							}));
 						}
 					})()
 				]
 			}),
-			u.length > 0 && /* @__PURE__ */ A("div", {
+			a.length > 0 && /* @__PURE__ */ A("div", {
 				className: "mt-4 grid gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3",
-				children: u.map((e, t) => /* @__PURE__ */ j("div", {
+				children: a.map((e, t) => /* @__PURE__ */ j("div", {
 					className: "flex gap-2 text-xs text-destructive",
 					children: [/* @__PURE__ */ A(h, {
 						size: 14,
@@ -1597,16 +1597,16 @@ var Re = {
 					}), /* @__PURE__ */ A("span", { children: e.message })]
 				}, `${e.code}-${t}`))
 			}),
-			!f && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(t, {
+			!s && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(t, {
 				variant: "destructive",
 				className: "mt-4 w-full gap-2",
-				onClick: () => b(!0),
+				onClick: () => y(!0),
 				children: [/* @__PURE__ */ A(D, { size: 14 }), "Delete node"]
 			}), /* @__PURE__ */ A(p, {
-				isOpen: y,
-				onClose: () => b(!1),
+				isOpen: v,
+				onClose: () => y(!1),
 				onConfirm: () => {
-					ee(), b(!1);
+					ee(), y(!1);
 				},
 				title: "Delete Node",
 				message: "Are you sure you want to delete this node?",
@@ -1615,7 +1615,7 @@ var Re = {
 		]
 	});
 }, Ge = m.forwardRef((n, r) => {
-	let { workflow: i, defaultWorkflow: a = Re, workflowId: o, service: s, nodeRegistry: c, onWorkflowChange: l, onNodeAdd: u, onNodeUpdate: d, onNodeDelete: f, onConnectionCreate: p, onValidationChange: g, onSave: _, onPublish: v, onError: y, title: b, description: x, status: S, toolboxTitle: C = "Node Library", showHeader: T = !0, showToolbox: te = !0, showInspector: ne = !0, showValidationPanel: re = !0, showActionBar: ie = !0, autoValidate: E = !0, readOnly: se = !1, showGrid: ce = !0, snapToGrid: le = !0, fitView: ue = !0, exportFileName: de = "workflow.json", className: fe, classNames: D, ...he } = n, O = m.useMemo(() => ({
+	let { workflow: i, defaultWorkflow: a = Re, workflowId: o, service: s, nodeRegistry: c, onWorkflowChange: l, onNodeAdd: u, onNodeUpdate: d, onNodeDelete: f, onConnectionCreate: p, onValidationChange: g, onSave: _, onPublish: te, onError: v, title: y, description: b, status: x, toolboxTitle: S = "Node Library", showHeader: w = !0, showToolbox: ne = !0, showInspector: re = !0, showValidationPanel: ie = !0, showActionBar: ae = !0, autoValidate: T = !0, readOnly: E = !1, showGrid: ce = !0, snapToGrid: le = !0, fitView: ue = !0, exportFileName: de = "workflow.json", className: fe, classNames: D, ...he } = n, O = m.useMemo(() => ({
 		...ze,
 		...c
 	}), [c]), _e = m.useMemo(() => {
@@ -1635,12 +1635,12 @@ var Re = {
 				updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 			}
 		});
-		if (t && (G.current = [...G.current, q(W.current)], K.current = []), W.current = n, ye || xe(n), l?.(n), E) {
+		if (t && (G.current = [...G.current, q(W.current)], K.current = []), W.current = n, ye || xe(n), l?.(n), T) {
 			let e = X(n);
 			R(e), g?.(e);
 		}
 	}, [
-		E,
+		T,
 		ye,
 		g,
 		l,
@@ -1722,7 +1722,7 @@ var Re = {
 		return B(!0), U(null), s.loadWorkflow(o).then((t) => {
 			e && Z(t, !1);
 		}).catch((t) => {
-			e && (U(t.message), y?.(t, "load"));
+			e && (U(t.message), v?.(t, "load"));
 		}).finally(() => {
 			e && B(!1);
 		}), () => {
@@ -1731,7 +1731,7 @@ var Re = {
 	}, [
 		ye,
 		Z,
-		y,
+		v,
 		s,
 		o
 	]), m.useEffect(() => {
@@ -1766,7 +1766,7 @@ var Re = {
 				Z(JSON.parse(e)), U(null);
 			} catch (e) {
 				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Invalid workflow JSON.");
-				U(t.message), y?.(t, "import");
+				U(t.message), v?.(t, "import");
 			}
 		}
 	}), [
@@ -1775,7 +1775,7 @@ var Re = {
 		Ge,
 		Z,
 		Be,
-		y,
+		v,
 		Ue,
 		X
 	]);
@@ -1815,13 +1815,13 @@ var Re = {
 				s && o && await s.saveWorkflow(o, e), await _?.(e), Me((/* @__PURE__ */ new Date()).toISOString());
 			} catch (e) {
 				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to save workflow.");
-				U(t.message), y?.(t, "save");
+				U(t.message), v?.(t, "save");
 			} finally {
 				V(!1);
 			}
 		}
 	}, [
-		y,
+		v,
 		_,
 		g,
 		s,
@@ -1839,18 +1839,18 @@ var Re = {
 		if (R(t), g?.(t), t.valid) {
 			Ae(!0), U(null);
 			try {
-				s && o && await s.publishWorkflow(o, e), await v?.(e), Z(e, !1);
+				s && o && await s.publishWorkflow(o, e), await te?.(e), Z(e, !1);
 			} catch (e) {
 				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to publish workflow.");
-				U(t.message), y?.(t, "publish");
+				U(t.message), v?.(t, "publish");
 			} finally {
 				Ae(!1);
 			}
 		}
 	}, [
 		Z,
-		y,
 		v,
+		te,
 		g,
 		s,
 		X,
@@ -1861,10 +1861,10 @@ var Re = {
 			R(e), g?.(e), U(null);
 		} catch (e) {
 			let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to validate workflow.");
-			U(t.message), y?.(t, "validate");
+			U(t.message), v?.(t, "validate");
 		}
 	}, [
-		y,
+		v,
 		g,
 		X
 	]), et = m.useCallback((e) => {
@@ -1874,15 +1874,15 @@ var Re = {
 				Z(JSON.parse(t)), U(null);
 			} catch (e) {
 				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Invalid workflow JSON.");
-				U(t.message), y?.(t, "import");
+				U(t.message), v?.(t, "import");
 			} finally {
 				e.target.value = "";
 			}
 		});
-	}, [Z, y]), tt = m.useCallback(() => {
+	}, [Z, v]), tt = m.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 = de, n.click(), URL.revokeObjectURL(t);
-	}, [de]), nt = b ?? J.metadata?.title ?? "Untitled Workflow", rt = x ?? J.metadata?.description, it = F ? J.nodes.find((e) => e.id === F) : void 0, at = F ? L.issues.filter((e) => e.nodeId === F) : [], ot = L.issues.filter((e) => e.severity === "error").length, st = L.issues.filter((e) => e.severity === "warning").length, ct = G.current.length > 0, lt = K.current.length > 0;
+	}, [de]), nt = y ?? J.metadata?.title ?? "Untitled Workflow", rt = b ?? J.metadata?.description, it = F ? J.nodes.find((e) => e.id === F) : void 0, at = F ? L.issues.filter((e) => e.nodeId === F) : [], ot = L.issues.filter((e) => e.severity === "error").length, st = L.issues.filter((e) => e.severity === "warning").length, ct = G.current.length > 0, lt = K.current.length > 0;
 	return /* @__PURE__ */ j("div", {
 		className: e("ez-workflow flex h-full min-h-[560px] flex-col overflow-hidden bg-background", D?.root, fe),
 		...he,
@@ -1894,10 +1894,10 @@ var Re = {
 				className: "hidden",
 				onChange: et
 			}),
-			T && /* @__PURE__ */ A(Le, {
+			w && /* @__PURE__ */ A(Le, {
 				title: nt,
 				description: rt,
-				status: S ?? J.metadata?.status,
+				status: x ?? J.metadata?.status,
 				isDirty: G.current.length > 0,
 				onTitleChange: (e) => Z({
 					...W.current,
@@ -1924,9 +1924,9 @@ var Re = {
 			/* @__PURE__ */ j("div", {
 				className: e("flex min-h-0 flex-1", D?.body),
 				children: [
-					te && /* @__PURE__ */ A(Ie, {
+					ne && /* @__PURE__ */ A(Ie, {
 						categories: ve,
-						title: C,
+						title: S,
 						collapsed: Ce,
 						onCollapsedChange: De,
 						onNodeActivate: (e) => Q({ type: e.type }),
@@ -1950,14 +1950,14 @@ var Re = {
 						showGrid: M,
 						snapToGrid: P,
 						fitView: ue,
-						readOnly: se,
+						readOnly: E,
 						className: e("flex-1", D?.canvas)
 					}),
-					ne && /* @__PURE__ */ A(We, {
+					re && /* @__PURE__ */ A(We, {
 						node: it,
 						registry: O,
 						issues: at,
-						readOnly: se,
+						readOnly: E,
 						onChange: (e) => it && Ue(it.id, e),
 						onDelete: () => it && Ge(it.id),
 						onClose: () => I(null),
@@ -1965,17 +1965,17 @@ var Re = {
 					})
 				]
 			}),
-			(ie || re) && /* @__PURE__ */ j("footer", {
+			(ae || ie) && /* @__PURE__ */ j("footer", {
 				className: e("flex min-h-14 items-center justify-between gap-3 border-t border-border bg-card/50 px-4 py-2", D?.actionBar),
 				"aria-label": "Workflow actions",
 				children: [/* @__PURE__ */ A("div", {
 					className: "flex min-w-0 items-center gap-2",
-					children: ie && /* @__PURE__ */ j(k, { children: [
+					children: ae && /* @__PURE__ */ j(k, { children: [
 						/* @__PURE__ */ j(t, {
 							variant: "outline",
 							size: "sm",
 							className: "gap-2",
-							disabled: !ct || se,
+							disabled: !ct || E,
 							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));
@@ -1986,12 +1986,12 @@ var Re = {
 							variant: "outline",
 							size: "sm",
 							className: "gap-2",
-							disabled: !lt || se,
+							disabled: !lt || E,
 							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__ */ A(ae, { size: 14 }), "Redo"]
+							children: [/* @__PURE__ */ A(oe, { size: 14 }), "Redo"]
 						}),
 						/* @__PURE__ */ j(t, {
 							variant: "outline",
@@ -2005,7 +2005,7 @@ var Re = {
 							size: "sm",
 							className: "gap-2",
 							onClick: () => Fe.current?.click(),
-							disabled: se,
+							disabled: E,
 							children: [/* @__PURE__ */ A(me, { size: 14 }), "Import"]
 						}),
 						/* @__PURE__ */ j(t, {
@@ -2013,15 +2013,15 @@ var Re = {
 							size: "sm",
 							className: "gap-2",
 							onClick: tt,
-							children: [/* @__PURE__ */ A(w, { size: 14 }), "Export"]
+							children: [/* @__PURE__ */ A(C, { size: 14 }), "Export"]
 						})
 					] })
-				}), re && /* @__PURE__ */ j("div", {
+				}), ie && /* @__PURE__ */ j("div", {
 					className: e("flex min-w-0 items-center gap-3 text-xs", D?.validationPanel),
 					children: [
 						z || ke || H ? /* @__PURE__ */ j("span", {
 							className: "inline-flex items-center gap-2 text-muted-foreground",
-							children: [/* @__PURE__ */ A(oe, {
+							children: [/* @__PURE__ */ A(se, {
 								size: 14,
 								className: "animate-spin"
 							}), z ? "Loading" : H ? "Publishing" : "Saving"]