@loopstack/loopstack-studio 0.24.0 → 0.25.0

package/dist/components/ui-widgets/UiWidget.js

@@ -1,57 +1,48 @@
 import AiPromptInput_default from "./widgets/AiPromptInput.js";
 import { ButtonFullWidth } from "./widgets/ButtonFullWidth.js";
 import { SandboxRun } from "./widgets/SandboxRun.js";
-import { SecretInput } from "./widgets/SecretInput.js";
 import { SubmitButton } from "./widgets/SubmitButton.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-var UiWidget_default = (l) => {
-	let u = c(22), { config: d, onSubmit: f, disabled: p, isLoading: m } = l, h = d.options;
-	switch (d.widget) {
+var UiWidget_default = (s) => {
+	let l = c(18), { config: u, onSubmit: d, disabled: f, isLoading: p } = s, m = u.options;
+	switch (u.widget) {
 		case "prompt-input": {
-			let o;
-			return u[0] !== p || u[1] !== f || u[2] !== h ? (o = /* @__PURE__ */ jsx(AiPromptInput_default, {
-				disabled: p,
-				onSubmit: f,
-				ui: h
-			}), u[0] = p, u[1] = f, u[2] = h, u[3] = o) : o = u[3], o;
+			let a;
+			return l[0] !== f || l[1] !== d || l[2] !== m ? (a = /* @__PURE__ */ jsx(AiPromptInput_default, {
+				disabled: f,
+				onSubmit: d,
+				ui: m
+			}), l[0] = f, l[1] = d, l[2] = m, l[3] = a) : a = l[3], a;
 		}
 		case "button": {
-			let e = h, o;
-			return u[4] !== p || u[5] !== m || u[6] !== f || u[7] !== e ? (o = /* @__PURE__ */ jsx(SubmitButton, {
+			let e = m, a;
+			return l[4] !== f || l[5] !== p || l[6] !== d || l[7] !== e ? (a = /* @__PURE__ */ jsx(SubmitButton, {
 				ui: e,
-				disabled: p,
-				onClick: f,
-				isLoading: m
-			}), u[4] = p, u[5] = m, u[6] = f, u[7] = e, u[8] = o) : o = u[8], o;
+				disabled: f,
+				onClick: d,
+				isLoading: p
+			}), l[4] = f, l[5] = p, l[6] = d, l[7] = e, l[8] = a) : a = l[8], a;
 		}
 		case "button-full-w": {
-			let e = h, s;
-			return u[9] !== p || u[10] !== m || u[11] !== f || u[12] !== e ? (s = /* @__PURE__ */ jsx(ButtonFullWidth, {
+			let e = m, o;
+			return l[9] !== f || l[10] !== p || l[11] !== d || l[12] !== e ? (o = /* @__PURE__ */ jsx(ButtonFullWidth, {
 				ui: e,
-				disabled: p,
-				onClick: f,
-				isLoading: m
-			}), u[9] = p, u[10] = m, u[11] = f, u[12] = e, u[13] = s) : s = u[13], s;
+				disabled: f,
+				onClick: d,
+				isLoading: p
+			}), l[9] = f, l[10] = p, l[11] = d, l[12] = e, l[13] = o) : o = l[13], o;
 		}
 		case "sandbox-run": {
-			let e = h, o;
-			return u[14] !== p || u[15] !== e ? (o = /* @__PURE__ */ jsx(SandboxRun, {
+			let e = m, a;
+			return l[14] !== f || l[15] !== e ? (a = /* @__PURE__ */ jsx(SandboxRun, {
 				ui: e,
-				disabled: p
-			}), u[14] = p, u[15] = e, u[16] = o) : o = u[16], o;
-		}
-		case "secret-input": {
-			let e = h, o;
-			return u[17] !== p || u[18] !== f || u[19] !== e ? (o = /* @__PURE__ */ jsx(SecretInput, {
-				ui: e,
-				disabled: p,
-				onSubmit: f
-			}), u[17] = p, u[18] = f, u[19] = e, u[20] = o) : o = u[20], o;
+				disabled: f
+			}), l[14] = f, l[15] = e, l[16] = a) : a = l[16], a;
 		}
 	}
-	let g;
-	return u[21] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(Fragment$1, {}), u[21] = g) : g = u[21], g;
+	let h;
+	return l[17] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(Fragment$1, {}), l[17] = h) : h = l[17], h;
 };
 export { UiWidget_default as default };

package/dist/components/ui-widgets/widgets/ButtonFullWidth.js

@@ -4,20 +4,22 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const ButtonFullWidth = (a) => {
-	let o = c(11), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label ?? "Submit", p;
+	let o = c(13), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label ?? "Submit", p;
 	o[0] === s?.props ? p = o[1] : (p = s?.props ?? {}, o[0] = s?.props, o[1] = p);
 	let m = p, h = s?.variant ?? "default", g = l || d, _;
-	o[2] === d ? _ = o[3] : (_ = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = d, o[3] = _);
+	o[2] === u ? _ = o[3] : (_ = () => u(), o[2] = u, o[3] = _);
 	let v;
-	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== g || o[8] !== _ || o[9] !== h ? (v = /* @__PURE__ */ jsxs(Button, {
+	o[4] === d ? v = o[5] : (v = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[4] = d, o[5] = v);
+	let y;
+	return o[6] !== m || o[7] !== f || o[8] !== g || o[9] !== _ || o[10] !== v || o[11] !== h ? (y = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		variant: h,
 		...m,
 		disabled: g,
-		onClick: u,
+		onClick: _,
 		size: "lg",
 		className: "w-full font-medium",
-		children: [_, f]
-	}), o[4] = u, o[5] = m, o[6] = f, o[7] = g, o[8] = _, o[9] = h, o[10] = v) : v = o[10], v;
+		children: [v, f]
+	}), o[6] = m, o[7] = f, o[8] = g, o[9] = _, o[10] = v, o[11] = h, o[12] = y) : y = o[12], y;
 };
 export { ButtonFullWidth };

package/dist/components/ui-widgets/widgets/SubmitButton.js

@@ -4,20 +4,22 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const SubmitButton = (a) => {
-	let o = c(10), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label || "Submit", p;
+	let o = c(12), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label || "Submit", p;
 	o[0] === s?.props ? p = o[1] : (p = s?.props || {}, o[0] = s?.props, o[1] = p);
 	let m = p, h = l || d, g;
-	o[2] === d ? g = o[3] : (g = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = d, o[3] = g);
+	o[2] === u ? g = o[3] : (g = () => u(), o[2] = u, o[3] = g);
 	let _;
-	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== h || o[8] !== g ? (_ = /* @__PURE__ */ jsxs(Button, {
+	o[4] === d ? _ = o[5] : (_ = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[4] = d, o[5] = _);
+	let v;
+	return o[6] !== m || o[7] !== f || o[8] !== h || o[9] !== g || o[10] !== _ ? (v = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		variant: "default",
 		...m,
 		disabled: h,
-		onClick: u,
+		onClick: g,
 		size: "default",
 		className: "w-48",
-		children: [g, f]
-	}), o[4] = u, o[5] = m, o[6] = f, o[7] = h, o[8] = g, o[9] = _) : _ = o[9], _;
+		children: [_, f]
+	}), o[6] = m, o[7] = f, o[8] = h, o[9] = g, o[10] = _, o[11] = v) : v = o[11], v;
 };
 export { SubmitButton };

package/dist/features/code-explorer/components/FileContentViewer.js

@@ -1,5 +1,5 @@
 import { cn } from "../../../lib/utils.js";
-import { ScrollArea } from "../../../components/ui/scroll-area.js";
+import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
 import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
@@ -29,8 +29,8 @@ var BINARY_EXTENSIONS = new Set([
 	".dylib"
 ]);
 function isBinaryFileName(e) {
-	let h = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
-	return BINARY_EXTENSIONS.has(h);
+	let g = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
+	return BINARY_EXTENSIONS.has(g);
 }
 var EXTENSION_LANGUAGE = {
 	".ts": "typescript",
@@ -67,81 +67,101 @@ var EXTENSION_LANGUAGE = {
 function getLanguageForFileName(e) {
 	return EXTENSION_LANGUAGE[e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : ""] ?? "plaintext";
 }
-function FileContentViewer(v) {
-	let y = c(39), { selectedFile: b, content: x, workflowConfig: S, isLoading: C, className: w } = v, T = S === void 0 ? null : S, E = C === void 0 ? !1 : C;
-	if (!b) {
-		let h;
-		y[0] === w ? h = y[1] : (h = cn("flex flex-1 items-center justify-center bg-background", w), y[0] = w, y[1] = h);
+function FileContentViewer(y) {
+	let b = c(41), { selectedFile: x, content: S, workflowConfig: C, isLoading: w, className: T } = y, E = C === void 0 ? null : C, D = w === void 0 ? !1 : w;
+	if (!x) {
 		let g;
-		y[2] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("p", {
+		b[0] === T ? g = b[1] : (g = cn("flex flex-1 items-center justify-center bg-background", T), b[0] = T, b[1] = g);
+		let _;
+		b[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("p", {
 			className: "text-sm text-muted-foreground",
 			children: "Select a tab to view its content"
-		}), y[2] = g) : g = y[2];
-		let _;
-		return y[3] === h ? _ = y[4] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[3] = h, y[4] = _), _;
+		}), b[2] = _) : _ = b[2];
+		let v;
+		return b[3] === g ? v = b[4] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[3] = g, b[4] = v), v;
 	}
-	let D = isBinaryFileName(b.name), O = x != null, k = x ?? "";
-	if (D && !O) {
-		let h;
-		y[5] === w ? h = y[6] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[5] = w, y[6] = h);
+	let O = isBinaryFileName(x.name), k = S != null, A = S ?? "";
+	if (O && !k) {
 		let g;
-		y[7] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+		b[5] === T ? g = b[6] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[5] = T, b[6] = g);
+		let _;
+		b[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-8",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Binary file — preview not available"
 			})
-		}), y[7] = g) : g = y[7];
-		let _;
-		return y[8] === h ? _ = y[9] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[8] = h, y[9] = _), _;
+		}), b[7] = _) : _ = b[7];
+		let v;
+		return b[8] === g ? v = b[9] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[8] = g, b[9] = v), v;
 	}
-	if (!O && !E) {
-		let h;
-		y[10] === w ? h = y[11] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[10] = w, y[11] = h);
+	if (!k && !D) {
 		let g;
-		y[12] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+		b[10] === T ? g = b[11] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[10] = T, b[11] = g);
+		let _;
+		b[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-8",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "text-sm text-destructive",
 				children: "Error loading file content"
 			})
-		}), y[12] = g) : g = y[12];
-		let _;
-		return y[13] === h ? _ = y[14] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[13] = h, y[14] = _), _;
+		}), b[12] = _) : _ = b[12];
+		let v;
+		return b[13] === g ? v = b[14] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[13] = g, b[14] = v), v;
 	}
-	if (E) {
-		let h;
-		y[15] === w ? h = y[16] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[15] = w, y[16] = h);
+	if (D) {
 		let g;
-		y[17] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+		b[15] === T ? g = b[16] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[15] = T, b[16] = g);
+		let _;
+		b[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex justify-center p-8",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
-		}), y[17] = g) : g = y[17];
-		let _;
-		return y[18] === h ? _ = y[19] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[18] = h, y[19] = _), _;
+		}), b[17] = _) : _ = b[17];
+		let v;
+		return b[18] === g ? v = b[19] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[18] = g, b[19] = v), v;
 	}
-	let A;
-	y[20] === b.name ? A = y[21] : (A = getLanguageForFileName(b.name), y[20] = b.name, y[21] = A);
-	let j = A, M;
-	y[22] !== j || y[23] !== b.name ? (M = j === "markdown" || b.name.endsWith(".md") || b.name.endsWith(".mdx"), y[22] = j, y[23] = b.name, y[24] = M) : M = y[24];
-	let N = M, P;
-	y[25] !== j || y[26] !== b.name ? (P = j === "yaml" || b.name.endsWith(".yaml") || b.name.endsWith(".yml"), y[25] = j, y[26] = b.name, y[27] = P) : P = y[27];
-	let F = P && T !== null, I;
-	y[28] === w ? I = y[29] : (I = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", w), y[28] = w, y[29] = I);
-	let L;
-	y[30] !== k || y[31] !== N || y[32] !== F || y[33] !== j || y[34] !== T ? (L = N && k ? /* @__PURE__ */ jsxs(Tabs, {
+	let j;
+	b[20] === x.name ? j = b[21] : (j = getLanguageForFileName(x.name), b[20] = x.name, b[21] = j);
+	let M = j, N;
+	b[22] !== M || b[23] !== x.name ? (N = M === "markdown" || x.name.endsWith(".md") || x.name.endsWith(".mdx"), b[22] = M, b[23] = x.name, b[24] = N) : N = b[24];
+	let P = N, F;
+	b[25] !== M || b[26] !== x.name ? (F = M === "yaml" || x.name.endsWith(".yaml") || x.name.endsWith(".yml"), b[25] = M, b[26] = x.name, b[27] = F) : F = b[27];
+	let I = F && E !== null, L;
+	b[28] === M ? L = b[29] : (L = (e) => /* @__PURE__ */ jsxs(ScrollArea, {
+		className: "h-full w-full",
+		children: [/* @__PURE__ */ jsx(Prism, {
+			language: M,
+			style: vscDarkPlus,
+			customStyle: {
+				margin: 0,
+				padding: "1rem",
+				fontSize: "13px",
+				overflow: "visible",
+				minWidth: "max-content",
+				width: "100%"
+			},
+			showLineNumbers: !0,
+			PreTag: "div",
+			codeTagProps: { style: { fontFamily: "inherit" } },
+			children: e
+		}), /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" })]
+	}), b[28] = M, b[29] = L);
+	let R = L, z;
+	b[30] === T ? z = b[31] : (z = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", T), b[30] = T, b[31] = z);
+	let B;
+	b[32] !== A || b[33] !== P || b[34] !== I || b[35] !== R || b[36] !== E ? (B = P && A ? /* @__PURE__ */ jsxs(Tabs, {
 		defaultValue: "rendered",
 		className: "flex h-full flex-col overflow-hidden",
 		children: [
@@ -162,32 +182,17 @@ function FileContentViewer(v) {
 					className: "h-full",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: k })
+						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: A })
 					})
 				})
 			}),
 			/* @__PURE__ */ jsx(TabsContent, {
 				value: "unrendered",
 				className: "flex-1 min-h-0 overflow-hidden mt-0",
-				children: /* @__PURE__ */ jsx(ScrollArea, {
-					className: "flex-1 min-h-0",
-					children: /* @__PURE__ */ jsx(Prism, {
-						language: j,
-						style: vscDarkPlus,
-						customStyle: {
-							margin: 0,
-							padding: "1rem",
-							fontSize: "13px"
-						},
-						showLineNumbers: !0,
-						PreTag: "div",
-						codeTagProps: { style: { fontFamily: "inherit" } },
-						children: k ?? ""
-					})
-				})
+				children: R(A)
 			})
 		]
-	}) : F && T ? /* @__PURE__ */ jsxs(Tabs, {
+	}) : I && E ? /* @__PURE__ */ jsxs(Tabs, {
 		defaultValue: "code",
 		className: "flex h-full flex-col overflow-hidden",
 		children: [
@@ -204,52 +209,22 @@ function FileContentViewer(v) {
 			/* @__PURE__ */ jsx(TabsContent, {
 				value: "code",
 				className: "flex-1 min-h-0 overflow-hidden mt-0",
-				children: /* @__PURE__ */ jsx(ScrollArea, {
-					className: "flex-1 min-h-0",
-					children: /* @__PURE__ */ jsx(Prism, {
-						language: j,
-						style: vscDarkPlus,
-						customStyle: {
-							margin: 0,
-							padding: "1rem",
-							fontSize: "13px"
-						},
-						showLineNumbers: !0,
-						PreTag: "div",
-						codeTagProps: { style: { fontFamily: "inherit" } },
-						children: k ?? ""
-					})
-				})
+				children: R(A)
 			}),
 			/* @__PURE__ */ jsx(TabsContent, {
 				value: "flow",
 				className: "flex-1 min-h-0 overflow-hidden mt-0",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "h-full w-full",
-					children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: T }) })
+					children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: E }) })
 				})
 			})
 		]
-	}) : /* @__PURE__ */ jsx(ScrollArea, {
-		className: "flex-1 min-h-0",
-		children: /* @__PURE__ */ jsx(Prism, {
-			language: j,
-			style: vscDarkPlus,
-			customStyle: {
-				margin: 0,
-				padding: "1rem",
-				fontSize: "13px"
-			},
-			showLineNumbers: !0,
-			PreTag: "div",
-			codeTagProps: { style: { fontFamily: "inherit" } },
-			children: k ?? ""
-		})
-	}), y[30] = k, y[31] = N, y[32] = F, y[33] = j, y[34] = T, y[35] = L) : L = y[35];
-	let R;
-	return y[36] !== I || y[37] !== L ? (R = /* @__PURE__ */ jsx("div", {
-		className: I,
-		children: L
-	}), y[36] = I, y[37] = L, y[38] = R) : R = y[38], R;
+	}) : R(A), b[32] = A, b[33] = P, b[34] = I, b[35] = R, b[36] = E, b[37] = B) : B = b[37];
+	let V;
+	return b[38] !== z || b[39] !== B ? (V = /* @__PURE__ */ jsx("div", {
+		className: z,
+		children: B
+	}), b[38] = z, b[39] = B, b[40] = V) : V = b[40], V;
 }
 export { FileContentViewer };

package/dist/features/dashboard/RunItem.js

@@ -11,7 +11,7 @@ function RunItem(a) {
 		paused: "bg-yellow-50 text-yellow-900 border-yellow-200",
 		pending: "bg-muted text-muted-foreground border-border"
 	}[s.status] || "bg-muted text-muted-foreground border-border", d;
-	o[0] !== l || o[1] !== s.id ? (d = l.getPipeline(s.id), o[0] = l, o[1] = s.id, o[2] = d) : d = o[2];
+	o[0] !== l || o[1] !== s.id ? (d = l.getWorkflow(s.id), o[0] = l, o[1] = s.id, o[2] = d) : d = o[2];
 	let f = s.id, p = s.run ?? s.index ?? "?", m = s.title ? `(${s.title})` : "", h;
 	o[3] !== p || o[4] !== m ? (h = /* @__PURE__ */ jsxs("h3", {
 		className: "text-foreground group-hover:text-primary truncate font-semibold transition-colors",

package/dist/features/debug/components/ConfigFlowViewer.js

@@ -1,8 +1,8 @@
 import { Background, BackgroundVariant, Controls, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
-import StateNode_default from "./pipeline-flow/StateNode.js";
+import StateNode_default from "./workflow-flow/StateNode.js";
 import { buildWorkflowGraph } from "../lib/flow-utils.js";
-import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
+import WorkflowTransitionEdge_default from "./workflow-flow/WorkflowTransitionEdge.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/debug/components/{PipelineDebugHeader.js → WorkflowDebugHeader.js}

@@ -1,9 +1,9 @@
 import { Button } from "../../../components/ui/button.js";
-import PipelineDebugLegend_default from "./PipelineDebugLegend.js";
+import WorkflowDebugLegend_default from "./WorkflowDebugLegend.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft } from "lucide-react";
-var PipelineDebugHeader_default = (o) => {
+var WorkflowDebugHeader_default = (o) => {
 	let s = c(16), { title: l, runNumber: u, onBack: d } = o, f;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), s[0] = f) : f = s[0];
 	let p;
@@ -22,7 +22,7 @@ var PipelineDebugHeader_default = (o) => {
 	let h = u && `· Run #${u}`, g;
 	s[5] === h ? g = s[6] : (g = /* @__PURE__ */ jsxs("p", {
 		className: "text-muted-foreground text-xs font-medium tracking-wider uppercase",
-		children: ["Pipeline Flow Visualization ", h]
+		children: ["Workflow Flow Visualization ", h]
 	}), s[5] = h, s[6] = g);
 	let _;
 	s[7] !== m || s[8] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
@@ -37,7 +37,7 @@ var PipelineDebugHeader_default = (o) => {
 	let y;
 	s[13] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx("div", {
 		className: "hidden items-center gap-6 sm:flex",
-		children: /* @__PURE__ */ jsx(PipelineDebugLegend_default, {})
+		children: /* @__PURE__ */ jsx(WorkflowDebugLegend_default, {})
 	}), s[13] = y) : y = s[13];
 	let b;
 	return s[14] === v ? b = s[15] : (b = /* @__PURE__ */ jsxs("div", {
@@ -45,4 +45,4 @@ var PipelineDebugHeader_default = (o) => {
 		children: [v, y]
 	}), s[14] = v, s[15] = b), b;
 };
-export { PipelineDebugHeader_default as default };
+export { WorkflowDebugHeader_default as default };

package/dist/features/debug/components/{PipelineDebugLegend.js → WorkflowDebugLegend.js}

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var PipelineDebugLegend_default = () => {
+var WorkflowDebugLegend_default = () => {
 	let r = c(7), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",
@@ -65,4 +65,4 @@ var PipelineDebugLegend_default = () => {
 		]
 	}), r[6] = d) : d = r[6], d;
 };
-export { PipelineDebugLegend_default as default };
+export { WorkflowDebugLegend_default as default };

package/dist/features/debug/components/{PipelineFlowViewer.js → WorkflowFlowViewer.js}

@@ -1,15 +1,15 @@
-import { usePipeline } from "../../../hooks/usePipelines.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { Background, BackgroundVariant, Controls, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
-import StateNode_default from "./pipeline-flow/StateNode.js";
-import WorkflowGraph_default from "./pipeline-flow/WorkflowGraph.js";
-import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
+import StateNode_default from "./workflow-flow/StateNode.js";
+import WorkflowGraph_default from "./workflow-flow/WorkflowGraph.js";
+import WorkflowTransitionEdge_default from "./workflow-flow/WorkflowTransitionEdge.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
-var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransition: WorkflowTransitionEdge_default }, PipelineFlowViewer_default = (b) => {
-	let x = c(29), { pipelineId: S, workflows: C, pipelineConfig: w, direction: T } = b, E = T === void 0 ? "LR" : T, { data: D } = usePipeline(S), O;
+var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransition: WorkflowTransitionEdge_default }, WorkflowFlowViewer_default = (b) => {
+	let x = c(29), { workflowId: S, workflows: C, workflowConfig: w, direction: T } = b, E = T === void 0 ? "LR" : T, { data: D } = useWorkflow(S), O;
 	x[0] === Symbol.for("react.memo_cache_sentinel") ? (O = [], x[0] = O) : O = x[0];
 	let [k, A, j] = useNodesState(O), M;
 	x[1] === Symbol.for("react.memo_cache_sentinel") ? (M = [], x[1] = M) : M = x[1];
@@ -65,9 +65,9 @@ var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransiti
 	}
 	let X;
 	x[15] !== E || x[16] !== q || x[17] !== D || x[18] !== w || x[19] !== C ? (X = D && C.map((e) => /* @__PURE__ */ jsx(WorkflowGraph_default, {
-		pipeline: D,
+		parentWorkflow: D,
 		workflow: e,
-		pipelineConfig: w,
+		workflowConfig: w,
 		onGraphReady: q,
 		onLoadingChange: G,
 		direction: E
@@ -107,4 +107,4 @@ var nodeTypes = { stateNode: StateNode_default }, edgeTypes = { workflowTransiti
 function _temp(e) {
 	return e;
 }
-export { PipelineFlowViewer_default as default };
+export { WorkflowFlowViewer_default as default };

package/dist/features/debug/components/workflow-flow/WorkflowGraph.js

@@ -0,0 +1,46 @@
+import { useWorkflow, useWorkflowCheckpoints } from "../../../../hooks/useWorkflows.js";
+import { buildWorkflowGraph, getTransitions } from "../../lib/flow-utils.js";
+import { c } from "react/compiler-runtime";
+import React, { useEffect, useRef } from "react";
+function countTransitions(e) {
+	return e ? getTransitions(e).length : 0;
+}
+var WorkflowGraph_default = (l) => {
+	let u = c(24), { parentWorkflow: d, workflow: f, workflowConfig: p, onGraphReady: m, onLoadingChange: h, direction: g } = l, _ = g === void 0 ? "LR" : g, v = useWorkflow(f.id), y = v.data, b = useWorkflowCheckpoints(f.id), x;
+	u[0] === b.data ? x = u[1] : (x = b.data ?? [], u[0] = b.data, u[1] = x);
+	let S = x, C = useRef(null), w = v.isLoading || b.isLoading, T, E;
+	u[2] !== w || u[3] !== h || u[4] !== f.id ? (T = () => {
+		h(f.id, w);
+	}, E = [
+		f.id,
+		w,
+		h
+	], u[2] = w, u[3] = h, u[4] = f.id, u[5] = T, u[6] = E) : (T = u[5], E = u[6]), useEffect(T, E);
+	let D;
+	u[7] !== S || u[8] !== _ || u[9] !== w || u[10] !== m || u[11] !== d || u[12] !== f.id || u[13] !== p || u[14] !== y ? (D = () => {
+		if (w) return;
+		let e = p ? getTransitions(p) : [], a = JSON.stringify({
+			p: countTransitions(d),
+			w: countTransitions(y),
+			c: e.length,
+			checkpoints: S.length,
+			place: y?.place
+		});
+		if (a !== C.current) {
+			C.current = a;
+			let { nodes: o, edges: s } = buildWorkflowGraph(d, y, f.id, e, _, !1, S);
+			m(f.id, o, s);
+		}
+	}, u[7] = S, u[8] = _, u[9] = w, u[10] = m, u[11] = d, u[12] = f.id, u[13] = p, u[14] = y, u[15] = D) : D = u[15];
+	let O;
+	return u[16] !== S || u[17] !== w || u[18] !== m || u[19] !== d || u[20] !== f || u[21] !== p || u[22] !== y ? (O = [
+		d,
+		f,
+		y,
+		S,
+		p,
+		m,
+		w
+	], u[16] = S, u[17] = w, u[18] = m, u[19] = d, u[20] = f, u[21] = p, u[22] = y, u[23] = O) : O = u[23], useEffect(D, O), null;
+};
+export { WorkflowGraph_default as default };

package/dist/features/debug/index.js

@@ -1,3 +1,3 @@
-import PipelineFlowViewer_default from "./components/PipelineFlowViewer.js";
-import PipelineDebugHeader_default from "./components/PipelineDebugHeader.js";
+import WorkflowFlowViewer_default from "./components/WorkflowFlowViewer.js";
+import WorkflowDebugHeader_default from "./components/WorkflowDebugHeader.js";
 import ConfigFlowViewer_default from "./components/ConfigFlowViewer.js";