@loopstack/loopstack-studio 0.23.1 → 0.25.0

package/dist/features/documents/renderers/SecretInputRenderer.js

@@ -0,0 +1,87 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useUpsertSecret } from "../../../hooks/useSecrets.js";
+import { useWorkbenchLayout } from "../../workbench/providers/WorkbenchLayoutProvider.js";
+import "../../workbench/index.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info, KeyRound, Loader2 } from "lucide-react";
+var SecretInputRenderer_default = ({ parentWorkflow: p, workflow: m, document: h, isActive: g }) => {
+	let _ = h.content.variables ?? [], v = (h.ui?.widgets)?.[0]?.options, y = v?.transition, b = v?.label ?? "Save & Continue", { workflow: x } = useWorkbenchLayout(), S = x?.workspaceId, C = useRunWorkflow(), w = useUpsertSecret(), T = m.availableTransitions?.map((e) => e.id) ?? [], [E, D] = useState(() => {
+		let e = {};
+		for (let d of _) e[d.key] = d.value ?? "";
+		return e;
+	}), [O, k] = useState(!1), A = !!y && T.includes(y), j = !g || !A, M = async () => {
+		if (!(!S || !y)) {
+			k(!0);
+			try {
+				let e = [];
+				for (let d of _) {
+					let f = E[d.key]?.trim();
+					!d.key.trim() || !f || (await w.mutateAsync({
+						workspaceId: S,
+						key: d.key,
+						value: f
+					}), e.push(d.key));
+				}
+				C.mutate({
+					workflowId: p.id,
+					runWorkflowPayloadDto: { transition: {
+						id: y,
+						workflowId: m.id,
+						payload: { keys: e }
+					} }
+				});
+			} finally {
+				k(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: new Date(h.createdAt),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4 p-1",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-sm font-medium",
+					children: "Secrets"
+				}),
+				_.map((e) => /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [/* @__PURE__ */ jsx(Label, {
+						className: "text-muted-foreground text-xs",
+						children: e.key
+					}), /* @__PURE__ */ jsx(Input, {
+						type: "password",
+						placeholder: "Enter value...",
+						value: E[e.key] ?? "",
+						onChange: (d) => D((f) => ({
+							...f,
+							[e.key]: d.target.value
+						})),
+						disabled: j
+					})]
+				}, e.key)),
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground flex items-center gap-2 text-xs",
+					children: [/* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: "To add or remove other secrets, use the Secrets panel in the right sidebar." })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ jsxs(Button, {
+						onClick: () => void M(),
+						disabled: j || O,
+						className: "w-48",
+						children: [O ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 h-4 w-4" }), b]
+					})
+				})
+			]
+		})
+	});
+};
+export { SecretInputRenderer_default as default };

package/dist/features/documents/renderers/TextPromptRenderer.js

@@ -0,0 +1,57 @@
+import { Button } from "../../../components/ui/button.js";
+import { Textarea } from "../../../components/ui/textarea.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
+import { useDocumentTransition } from "./useDocumentTransition.js";
+import { c } from "react/compiler-runtime";
+import React, { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+var TextPromptRenderer_default = (f) => {
+	let p = c(20), { parentWorkflow: m, workflow: h, document: g, isActive: _ } = f, v = g.content, { submit: y, canSubmit: b, isLoading: x } = useDocumentTransition(m, h, g.ui), [S, C] = useState(""), w = !!v.answer, T = !_ || !b || w, E;
+	p[0] !== y || p[1] !== S ? (E = () => {
+		let e = S.trim();
+		e && y({ answer: e });
+	}, p[0] = y, p[1] = S, p[2] = E) : E = p[2];
+	let D = E, O;
+	p[3] === g.createdAt ? O = p[4] : (O = new Date(g.createdAt), p[3] = g.createdAt, p[4] = O);
+	let k;
+	p[5] === v.question ? k = p[6] : (k = /* @__PURE__ */ jsx(MarkdownContent_default, { content: v.question }), p[5] = v.question, p[6] = k);
+	let A;
+	p[7] !== v.answer || p[8] !== T || p[9] !== D || p[10] !== w || p[11] !== x || p[12] !== S ? (A = w ? /* @__PURE__ */ jsxs("div", {
+		className: "text-muted-foreground text-sm",
+		children: ["Answered: ", /* @__PURE__ */ jsx("span", {
+			className: "text-foreground font-medium",
+			children: v.answer
+		})]
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Textarea, {
+		placeholder: "Type your answer...",
+		value: S,
+		onChange: (e) => C(e.target.value),
+		disabled: T,
+		rows: 3
+	}), /* @__PURE__ */ jsx("div", {
+		className: "flex justify-end",
+		children: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "default",
+			disabled: T || x || !S.trim(),
+			onClick: D,
+			className: "w-48",
+			children: [x && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Submit"]
+		})
+	})] }), p[7] = v.answer, p[8] = T, p[9] = D, p[10] = w, p[11] = x, p[12] = S, p[13] = A) : A = p[13];
+	let j;
+	p[14] !== k || p[15] !== A ? (j = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4 p-1",
+		children: [k, A]
+	}), p[14] = k, p[15] = A, p[16] = j) : j = p[16];
+	let M;
+	return p[17] !== O || p[18] !== j ? (M = /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: O,
+		children: j
+	}), p[17] = O, p[18] = j, p[19] = M) : M = p[19], M;
+};
+export { TextPromptRenderer_default as default };

package/dist/features/documents/renderers/useDocumentTransition.js

@@ -0,0 +1,30 @@
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
+import { useCallback } from "react";
+function resolveTransition(e) {
+	let t = e, n = t?.widgets;
+	return n?.[0]?.options?.transition ? n[0].options.transition : (t?.actions)?.map((e) => e.options?.transition).find((e) => !!e);
+}
+function useDocumentTransition(r, i, a) {
+	let o = useRunWorkflow(), s = i.availableTransitions?.map((e) => e.id) ?? [], c = resolveTransition(a), l = !!c && s.includes(c);
+	return {
+		submit: useCallback((e) => {
+			!c || !l || o.mutate({
+				workflowId: r.id,
+				runWorkflowPayloadDto: { transition: {
+					id: c,
+					workflowId: i.id,
+					payload: e
+				} }
+			});
+		}, [
+			c,
+			l,
+			o,
+			r.id,
+			i.id
+		]),
+		canSubmit: l,
+		isLoading: o.isPending
+	};
+}
+export { useDocumentTransition };

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -1,15 +1,15 @@
 import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
-import { useRunPipeline } from "../../hooks/useProcessor.js";
+import { useRunWorkflow } from "../../hooks/useProcessor.js";
 import { useOAuthPopup } from "./useOAuthPopup.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h }) => {
-	let g = m.content, _ = (m.ui?.actions ?? []).map((e) => e.options?.transition).find((e) => !!e), v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
-		!_ || !C.includes(_) || v.mutate({
-			pipelineId: l.id,
-			runPipelinePayloadDto: { transition: {
-				id: _,
+var OAuthPromptRenderer = ({ parentWorkflow: l, workflow: u, document: m, isActive: h }) => {
+	let g = m.content, _ = m.ui, v = (_?.widgets)?.[0]?.options?.transition ?? (_?.actions)?.map((e) => e.options?.transition).find((e) => !!e), y = useRunWorkflow(), { result: b, open: x, reset: S } = useOAuthPopup(), C = useRef(!1), w = u.availableTransitions?.map((e) => e.id) ?? [], T = useCallback((e, o) => {
+		!v || !w.includes(v) || y.mutate({
+			workflowId: l.id,
+			runWorkflowPayloadDto: { transition: {
+				id: v,
 				workflowId: u.id,
 				payload: {
 					code: e,
@@ -18,22 +18,22 @@ var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h
 			} }
 		});
 	}, [
-		_,
-		C,
 		v,
+		w,
+		y,
 		l.id,
 		u.id
 	]);
 	useEffect(() => {
-		y.status === "success" && !S.current && (S.current = !0, w(y.code, y.state));
-	}, [y, w]);
-	let T = () => {
-		S.current = !1, b({
+		b.status === "success" && !C.current && (C.current = !0, T(b.code, b.state));
+	}, [b, T]);
+	let E = () => {
+		C.current = !1, x({
 			authUrl: g.authUrl,
 			state: g.state
 		});
-	}, E = () => {
-		x(), S.current = !1, b({
+	}, D = () => {
+		S(), C.current = !1, x({
 			authUrl: g.authUrl,
 			state: g.state
 		});
@@ -46,13 +46,13 @@ var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h
 		status: "error",
 		provider: g.provider,
 		message: g.message
-	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: E })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
-		result: y,
+	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: D })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
+		result: b,
 		provider: g.provider,
 		isActive: h,
-		isSubmitting: v.isPending,
-		onSignIn: T,
-		onRetry: E
+		isSubmitting: y.isPending,
+		onSignIn: E,
+		onRetry: D
 	}) });
 }, ProviderLabel = (e) => {
 	let o = c(2), { provider: s } = e, u = s.charAt(0).toUpperCase() + s.slice(1), d;

package/dist/features/runs/Runs.js

@@ -1,5 +1,5 @@
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useBatchDeletePipeline, useDeletePipeline, useFilterPipelines } from "../../hooks/usePipelines.js";
+import { useBatchDeleteWorkflows, useDeleteWorkflow, useFilterWorkflows } from "../../hooks/useWorkflows.js";
 import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
@@ -23,9 +23,9 @@ var statusColors = {
 		...y,
 		parentId: null
 	}, r[2] = y, r[3] = x);
-	let S = useFilterPipelines(me, x, p, h, l, d), C;
+	let S = useFilterWorkflows(me, x, p, h, l, d), C;
 	r[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {}, r[4] = C) : C = r[4];
-	let w = useFilterWorkspaces(void 0, C, "title", "ASC", 0, 100), T = useDeletePipeline(), E = useBatchDeletePipeline(), D;
+	let w = useFilterWorkspaces(void 0, C, "title", "ASC", 0, 100), T = useDeleteWorkflow(), E = useBatchDeleteWorkflows(), D;
 	if (r[5] !== w.data?.data) {
 		D = /* @__PURE__ */ new Map();
 		for (let e of w.data?.data ?? []) D.set(e.id, e.title);
@@ -38,7 +38,7 @@ var statusColors = {
 	let j = A, M;
 	if (r[11] !== S.data?.data) {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of S.data?.data ?? []) t.blockName && e.add(t.blockName);
+		for (let t of S.data?.data ?? []) t.alias && e.add(t.alias);
 		M = Array.from(e).sort(), r[11] = S.data?.data, r[12] = M;
 	} else M = r[12];
 	let N = M, P;
@@ -51,7 +51,7 @@ var statusColors = {
 	}, r[15] = E, r[16] = I);
 	let L = I, R;
 	r[17] === s ? R = r[18] : (R = (e) => {
-		s.navigateToPipeline(e);
+		s.navigateToWorkflow(e);
 	}, r[17] = s, r[18] = R);
 	let z = R, B = S.error ?? null, V;
 	r[19] === S.data?.data ? V = r[20] : (V = S.data?.data ?? [], r[19] = S.data?.data, r[20] = V);
@@ -84,7 +84,7 @@ var statusColors = {
 	}, r[22] = O, r[23] = W);
 	let G, K, q, J;
 	r[24] === Symbol.for("react.memo_cache_sentinel") ? (G = {
-		id: "blockName",
+		id: "alias",
 		label: "Type",
 		minWidth: 100,
 		format: (e) => {
@@ -95,7 +95,7 @@ var statusColors = {
 				onClick: (e) => {
 					e.stopPropagation(), b((e) => ({
 						...e,
-						blockName: t
+						alias: t
 					}));
 				},
 				children: t
@@ -139,7 +139,7 @@ var statusColors = {
 	r[31] !== N || r[32] !== j ? (Q = {
 		status: Z,
 		workspaceId: j,
-		blockName: N
+		alias: N
 	}, r[31] = N, r[32] = j, r[33] = Q) : Q = r[33];
 	let $;
 	return r[34] !== S.isPending || r[35] !== y || r[36] !== L || r[37] !== F || r[38] !== z || r[39] !== h || r[40] !== p || r[41] !== l || r[42] !== d || r[43] !== _ || r[44] !== B || r[45] !== V || r[46] !== H || r[47] !== X || r[48] !== Q ? ($ = /* @__PURE__ */ jsx(ListView_default, {

package/dist/features/workbench/Workbench.js

@@ -1,59 +1,59 @@
 import { useWorkspace } from "../../hooks/useWorkspaces.js";
 import PageBreadcrumbs_default from "../../components/page/PageBreadcrumbs.js";
-import { WorkbenchLayoutProvider, useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
 import WorkflowList_default from "./WorkflowList.js";
 import { RemoteFileExplorerProvider } from "./providers/RemoteFileExplorerProvider.js";
+import { WorkbenchLayoutProvider, useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
 import { WorkbenchFilesPanel } from "./components/WorkbenchFilesPanel.js";
-import { ScrollProvider } from "./providers/ScrollProvider.js";
 import { WorkbenchFloatingPanel } from "./components/WorkbenchFloatingPanel.js";
 import { WorkbenchFlowPanel } from "./components/WorkbenchFlowPanel.js";
 import { WorkbenchIconSidebar } from "./components/WorkbenchIconSidebar.js";
 import { WorkbenchPreviewPanel } from "./components/WorkbenchPreviewPanel.js";
+import { ScrollProvider } from "./providers/ScrollProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 function WorkbenchContent(t) {
-	let i = c(7), { pipeline: a, breadcrumbData: s } = t, l;
-	i[0] === s ? l = i[1] : (l = /* @__PURE__ */ jsx("div", {
+	let a = c(7), { workflow: o, breadcrumbData: s } = t, l;
+	a[0] === s ? l = a[1] : (l = /* @__PURE__ */ jsx("div", {
 		className: "border-b flex h-12 shrink-0 items-center",
 		children: s ? /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: s }) : /* @__PURE__ */ jsx("span", {
 			className: "px-3 text-sm font-medium",
 			children: "Workflows"
 		})
-	}), i[0] = s, i[1] = l);
-	let d;
-	i[2] === a ? d = i[3] : (d = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
+	}), a[0] = s, a[1] = l);
+	let u;
+	a[2] === o ? u = a[3] : (u = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-auto",
-		children: /* @__PURE__ */ jsx(WorkflowList_default, { pipeline: a })
-	}) }), i[2] = a, i[3] = d);
-	let f;
-	return i[4] !== l || i[5] !== d ? (f = /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ jsx(WorkflowList_default, { workflow: o })
+	}) }), a[2] = o, a[3] = u);
+	let d;
+	return a[4] !== l || a[5] !== u ? (d = /* @__PURE__ */ jsx("div", {
 		className: "flex h-full flex-col",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 gap-4 overflow-hidden md:flex-row flex-col",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-1 flex-col overflow-hidden",
-				children: [l, d]
+				children: [l, u]
 			})
 		})
-	}), i[4] = l, i[5] = d, i[6] = f) : f = i[6], f;
+	}), a[4] = l, a[5] = u, a[6] = d) : d = a[6], d;
 }
 function WorkbenchInner(t) {
-	let r = c(21), { pipeline: i, breadcrumbData: o } = t, { activeSidePanel: s } = useWorkbenchLayout(), u = s ? "w-1/2 overflow-hidden" : "w-full overflow-hidden", _;
-	r[0] !== o || r[1] !== i ? (_ = /* @__PURE__ */ jsx(WorkbenchContent, {
-		pipeline: i,
-		breadcrumbData: o
-	}), r[0] = o, r[1] = i, r[2] = _) : _ = r[2];
+	let r = c(21), { workflow: i, breadcrumbData: a } = t, { activeSidePanel: o } = useWorkbenchLayout(), m = o ? "w-1/2 overflow-hidden" : "w-full overflow-hidden", _;
+	r[0] !== a || r[1] !== i ? (_ = /* @__PURE__ */ jsx(WorkbenchContent, {
+		workflow: i,
+		breadcrumbData: a
+	}), r[0] = a, r[1] = i, r[2] = _) : _ = r[2];
 	let v;
-	r[3] !== u || r[4] !== _ ? (v = /* @__PURE__ */ jsx("div", {
-		className: u,
+	r[3] !== m || r[4] !== _ ? (v = /* @__PURE__ */ jsx("div", {
+		className: m,
 		children: _
-	}), r[3] = u, r[4] = _, r[5] = v) : v = r[5];
+	}), r[3] = m, r[4] = _, r[5] = v) : v = r[5];
 	let y;
-	r[6] === s ? y = r[7] : (y = s === "preview" && /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), r[6] = s, r[7] = y);
+	r[6] === o ? y = r[7] : (y = o === "preview" && /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), r[6] = o, r[7] = y);
 	let b;
-	r[8] === s ? b = r[9] : (b = s === "flow" && /* @__PURE__ */ jsx(WorkbenchFlowPanel, {}), r[8] = s, r[9] = b);
+	r[8] === o ? b = r[9] : (b = o === "flow" && /* @__PURE__ */ jsx(WorkbenchFlowPanel, {}), r[8] = o, r[9] = b);
 	let x;
-	r[10] === s ? x = r[11] : (x = s === "files" && /* @__PURE__ */ jsx(WorkbenchFilesPanel, {}), r[10] = s, r[11] = x);
+	r[10] === o ? x = r[11] : (x = o === "files" && /* @__PURE__ */ jsx(WorkbenchFilesPanel, {}), r[10] = o, r[11] = x);
 	let S;
 	r[12] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(WorkbenchFloatingPanel, {}), r[12] = S) : S = r[12];
 	let C;
@@ -76,24 +76,24 @@ function WorkbenchInner(t) {
 	}), r[19] = C, r[20] = T), T;
 }
 function Workbench(r) {
-	let a = c(20), { pipeline: o, breadcrumbData: l, previewPanelOpen: u, onPreviewPanelOpenChange: d, isDeveloperMode: f, getPreviewUrl: p, getEnvironmentPreviewUrl: m, environments: h } = r, g = o?.workspaceId, v = useWorkspace(g), y;
-	a[0] !== h?.[0]?.slotId || a[1] !== v.data?.features?.fileExplorer?.enabled || a[2] !== v.data?.features?.fileExplorer?.environments ? (y = v.data?.features?.fileExplorer?.enabled && v.data?.features?.fileExplorer?.environments?.includes(h?.[0]?.slotId ?? ""), a[0] = h?.[0]?.slotId, a[1] = v.data?.features?.fileExplorer?.enabled, a[2] = v.data?.features?.fileExplorer?.environments, a[3] = y) : y = a[3];
+	let i = c(20), { workflow: s, breadcrumbData: l, previewPanelOpen: u, onPreviewPanelOpenChange: d, isDeveloperMode: f, getPreviewUrl: p, getEnvironmentPreviewUrl: m, environments: h } = r, g = s?.workspaceId, v = useWorkspace(g), y;
+	i[0] !== h?.[0]?.slotId || i[1] !== v.data?.features?.fileExplorer?.enabled || i[2] !== v.data?.features?.fileExplorer?.environments ? (y = v.data?.features?.fileExplorer?.enabled && v.data?.features?.fileExplorer?.environments?.includes(h?.[0]?.slotId ?? ""), i[0] = h?.[0]?.slotId, i[1] = v.data?.features?.fileExplorer?.enabled, i[2] = v.data?.features?.fileExplorer?.environments, i[3] = y) : y = i[3];
 	let b = y, x;
-	a[4] === v.data ? x = a[5] : (x = v.data ? {
+	i[4] === v.data ? x = i[5] : (x = v.data ? {
 		volumes: v.data.volumes,
 		features: v.data.features
-	} : void 0, a[4] = v.data, a[5] = x);
+	} : void 0, i[4] = v.data, i[5] = x);
 	let S = x, C = h ?? v.data?.environments, w;
-	a[6] !== l || a[7] !== b || a[8] !== o ? (w = b ? /* @__PURE__ */ jsx(RemoteFileExplorerProvider, { children: /* @__PURE__ */ jsx(WorkbenchInner, {
-		pipeline: o,
+	i[6] !== l || i[7] !== b || i[8] !== s ? (w = b ? /* @__PURE__ */ jsx(RemoteFileExplorerProvider, { children: /* @__PURE__ */ jsx(WorkbenchInner, {
+		workflow: s,
 		breadcrumbData: l
 	}) }) : /* @__PURE__ */ jsx(WorkbenchInner, {
-		pipeline: o,
+		workflow: s,
 		breadcrumbData: l
-	}), a[6] = l, a[7] = b, a[8] = o, a[9] = w) : w = a[9];
+	}), i[6] = l, i[7] = b, i[8] = s, i[9] = w) : w = i[9];
 	let T;
-	return a[10] !== m || a[11] !== p || a[12] !== f || a[13] !== d || a[14] !== o || a[15] !== u || a[16] !== C || a[17] !== w || a[18] !== S ? (T = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
-		pipeline: o,
+	return i[10] !== m || i[11] !== p || i[12] !== f || i[13] !== d || i[14] !== u || i[15] !== C || i[16] !== w || i[17] !== s || i[18] !== S ? (T = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+		workflow: s,
 		isDeveloperMode: f,
 		workspaceConfig: S,
 		getPreviewUrl: p,
@@ -102,6 +102,6 @@ function Workbench(r) {
 		previewPanelOpen: u,
 		onPreviewPanelOpenChange: d,
 		children: w
-	}), a[10] = m, a[11] = p, a[12] = f, a[13] = d, a[14] = o, a[15] = u, a[16] = C, a[17] = w, a[18] = S, a[19] = T) : T = a[19], T;
+	}), i[10] = m, i[11] = p, i[12] = f, i[13] = d, i[14] = u, i[15] = C, i[16] = w, i[17] = s, i[18] = S, i[19] = T) : T = i[19], T;
 }
 export { Workbench as default };

package/dist/features/workbench/WorkflowItem.js

@@ -11,7 +11,7 @@ import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
 var WorkflowItem_default = (p) => {
-	let m = c(45), { pipeline: h, workflowId: g, scrollTo: _, settings: v, embed: y } = p, { workflowId: b, clickId: x } = useParams(), S;
+	let m = c(46), { workflow: h, workflowId: g, scrollTo: _, settings: v, embed: y } = p, { workflowId: b, clickId: x } = useParams(), S;
 	m[0] !== v.showFullMessageHistory || m[1] !== g ? (S = {
 		workflowId: g,
 		showFullMessageHistory: v.showFullMessageHistory
@@ -38,26 +38,27 @@ var WorkflowItem_default = (p) => {
 	let B;
 	m[22] === E ? B = m[23] : (B = /* @__PURE__ */ jsx(ErrorAlert_default, { error: E }), m[22] = E, m[23] = B);
 	let V;
-	m[24] !== D || m[25] !== j || m[26] !== h || m[27] !== _ || m[28] !== v || m[29] !== C || m[30] !== T ? (V = T && C && /* @__PURE__ */ jsx(DocumentList_default, {
-		pipeline: h,
-		workflow: C,
+	m[24] !== C || m[25] !== D || m[26] !== j || m[27] !== _ || m[28] !== v || m[29] !== h || m[30] !== T ? (V = T && C && /* @__PURE__ */ jsx(DocumentList_default, {
+		workflow: h,
+		childWorkflow: C,
 		documents: D,
 		scrollTo: _,
 		settings: v,
 		isLoading: j
-	}), m[24] = D, m[25] = j, m[26] = h, m[27] = _, m[28] = v, m[29] = C, m[30] = T, m[31] = V) : V = m[31];
+	}), m[24] = C, m[25] = D, m[26] = j, m[27] = _, m[28] = v, m[29] = h, m[30] = T, m[31] = V) : V = m[31];
 	let H;
 	m[32] === j ? H = m[33] : (H = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: j }), m[32] = j, m[33] = H);
 	let U;
-	m[34] !== M || m[35] !== C ? (U = !!C && /* @__PURE__ */ jsx("div", {
+	m[34] !== C || m[35] !== M || m[36] !== h ? (U = !!C && /* @__PURE__ */ jsx("div", {
 		className: "mt-6",
 		children: /* @__PURE__ */ jsx(WorkflowForms_default, {
 			workflow: C,
+			parentWorkflow: h,
 			onSubmit: M
 		})
-	}), m[34] = M, m[35] = C, m[36] = U) : U = m[36];
+	}), m[34] = C, m[35] = M, m[36] = h, m[37] = U) : U = m[37];
 	let W;
-	return m[37] !== V || m[38] !== H || m[39] !== U || m[40] !== I || m[41] !== R || m[42] !== z || m[43] !== B ? (W = /* @__PURE__ */ jsxs("div", {
+	return m[38] !== V || m[39] !== H || m[40] !== U || m[41] !== I || m[42] !== R || m[43] !== z || m[44] !== B ? (W = /* @__PURE__ */ jsxs("div", {
 		className: I,
 		children: [
 			R,
@@ -67,6 +68,6 @@ var WorkflowItem_default = (p) => {
 			H,
 			U
 		]
-	}), m[37] = V, m[38] = H, m[39] = U, m[40] = I, m[41] = R, m[42] = z, m[43] = B, m[44] = W) : W = m[44], W;
+	}), m[38] = V, m[39] = H, m[40] = U, m[41] = I, m[42] = R, m[43] = z, m[44] = B, m[45] = W) : W = m[45], W;
 };
 export { WorkflowItem_default as default };

package/dist/features/workbench/WorkflowList.js

@@ -1,8 +1,5 @@
-import { cn } from "../../lib/utils.js";
+import { useWorkflowConfigByName } from "../../hooks/useWorkflows.js";
 import { Button } from "../../components/ui/button.js";
-import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
-import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
-import { useFetchWorkflowsByPipeline } from "../../hooks/useWorkflows.js";
 import WorkflowItem_default from "./WorkflowItem.js";
 import WorkbenchSettingsModal_default from "./components/WorkbenchSettingsModal.js";
 import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
@@ -10,81 +7,67 @@ import { useWorkflowListState } from "./hooks/useWorkflowListState.js";
 import { c } from "react/compiler-runtime";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDownIcon, ChevronRightIcon, Play } from "lucide-react";
-var WorkflowList_default = (_) => {
-	let v = c(24), { pipeline: y } = _, b = useFetchWorkflowsByPipeline(y.id), [x, S] = useState(!1), C;
-	v[0] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+import { ArrowDownIcon } from "lucide-react";
+var WorkflowList_default = (f) => {
+	let p = c(26), { workflow: m } = f, [h, g] = useState(!1), _;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, v[0] = C) : C = v[0];
-	let [w, T] = useState(C), { activeId: E, expandedSections: D, observe: O, listRef: k, scrollTo: A, canScrollDown: j, scrollToBottom: M, toggleSection: N } = useWorkflowListState(b.data), P;
-	v[1] !== j || v[2] !== M ? (P = j && /* @__PURE__ */ jsx(Button, {
+	}, p[0] = _) : _ = p[0];
+	let [v, y] = useState(_), { listRef: b, scrollTo: x, canScrollDown: S, scrollToBottom: C } = useWorkflowListState(), w = useWorkflowConfigByName(m.className ?? void 0), T;
+	p[1] !== S || p[2] !== C ? (T = S && /* @__PURE__ */ jsx(Button, {
 		variant: "outline",
 		size: "icon",
-		onClick: M,
+		onClick: C,
 		className: "bg-background/80 fixed right-[calc(var(--sidebar-width)+1.5rem)] bottom-6 z-50 rounded-full shadow-md backdrop-blur-sm",
 		children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" })
-	}), v[1] = j, v[2] = M, v[3] = P) : P = v[3];
-	let F;
-	v[4] === b.isLoading ? F = v[5] : (F = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: b.isLoading }), v[4] = b.isLoading, v[5] = F);
-	let I;
-	v[6] === b.error ? I = v[7] : (I = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), v[6] = b.error, v[7] = I);
-	let L;
-	v[8] !== E || v[9] !== D || v[10] !== b.data || v[11] !== k || v[12] !== O || v[13] !== x || v[14] !== y || v[15] !== A || v[16] !== w || v[17] !== N ? (L = b.data ? /* @__PURE__ */ jsx("div", {
+	}), p[1] = S, p[2] = C, p[3] = T) : T = p[3];
+	let E = w.data?.title ?? m.alias, D;
+	p[4] === E ? D = p[5] : (D = /* @__PURE__ */ jsx("span", {
+		className: "flex-1 truncate text-sm",
+		children: E
+	}), p[4] = E, p[5] = D);
+	let O;
+	p[6] === m ? O = p[7] : (O = /* @__PURE__ */ jsx(WorkflowButtons_default, {
+		workflow: m,
+		workflowId: m.id
+	}), p[6] = m, p[7] = O);
+	let k;
+	p[8] !== h || p[9] !== v ? (k = /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
+		settings: v,
+		onSettingsChange: y,
+		open: h,
+		onOpenChange: g
+	}), p[8] = h, p[9] = v, p[10] = k) : k = p[10];
+	let A;
+	p[11] !== D || p[12] !== O || p[13] !== k ? (A = /* @__PURE__ */ jsx("div", {
+		className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 backdrop-blur",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full items-center gap-2 rounded-md p-2 px-3 text-left text-sm font-medium",
+			children: [
+				D,
+				O,
+				k
+			]
+		})
+	}), p[11] = D, p[12] = O, p[13] = k, p[14] = A) : A = p[14];
+	let j;
+	p[15] !== x || p[16] !== v || p[17] !== m ? (j = /* @__PURE__ */ jsx("div", {
+		className: "max-w-4xl py-1",
+		children: /* @__PURE__ */ jsx(WorkflowItem_default, {
+			workflow: m,
+			workflowId: m.id,
+			scrollTo: x,
+			settings: v
+		})
+	}), p[15] = x, p[16] = v, p[17] = m, p[18] = j) : j = p[18];
+	let M;
+	p[19] !== b || p[20] !== A || p[21] !== j ? (M = /* @__PURE__ */ jsxs("div", {
 		className: "mb-10",
-		ref: k,
-		children: /* @__PURE__ */ jsx("div", { children: b.data.map((f) => {
-			let p = `section-${f.index}-${f.id}`, m = E === p, h = b.data.length === 1, g = h || D[p];
-			return /* @__PURE__ */ jsxs("div", {
-				ref: (i) => O(i),
-				"data-id": p,
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 backdrop-blur",
-					children: /* @__PURE__ */ jsxs("div", {
-						role: "button",
-						tabIndex: h ? void 0 : 0,
-						className: cn("flex w-full items-center gap-2 rounded-md p-2 px-3 text-left text-sm font-medium", !h && "hover:bg-accent hover:text-accent-foreground cursor-pointer", h && "cursor-default"),
-						onClick: h ? void 0 : () => N(p),
-						onKeyDown: h ? void 0 : (i) => {
-							(i.key === "Enter" || i.key === " ") && (i.preventDefault(), N(p));
-						},
-						children: [
-							/* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }),
-							/* @__PURE__ */ jsx("span", {
-								className: "flex-1 truncate text-sm",
-								children: f.title ?? f.blockName
-							}),
-							/* @__PURE__ */ jsx(WorkflowButtons_default, {
-								pipeline: y,
-								workflowId: f.id
-							}),
-							m && /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
-								settings: w,
-								onSettingsChange: T,
-								open: x,
-								onOpenChange: S
-							}),
-							!h && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("text-muted-foreground h-3.5 w-3.5 transition-transform", g && "rotate-90") })
-						]
-					})
-				}), g && /* @__PURE__ */ jsx("div", {
-					className: "max-w-4xl py-1",
-					children: /* @__PURE__ */ jsx(WorkflowItem_default, {
-						pipeline: y,
-						workflowId: f.id,
-						scrollTo: A,
-						settings: w
-					})
-				})]
-			}, f.id);
-		}) })
-	}) : null, v[8] = E, v[9] = D, v[10] = b.data, v[11] = k, v[12] = O, v[13] = x, v[14] = y, v[15] = A, v[16] = w, v[17] = N, v[18] = L) : L = v[18];
-	let R;
-	return v[19] !== P || v[20] !== F || v[21] !== I || v[22] !== L ? (R = /* @__PURE__ */ jsxs("div", { children: [
-		P,
-		F,
-		I,
-		L
-	] }), v[19] = P, v[20] = F, v[21] = I, v[22] = L, v[23] = R) : R = v[23], R;
+		ref: b,
+		children: [A, j]
+	}), p[19] = b, p[20] = A, p[21] = j, p[22] = M) : M = p[22];
+	let N;
+	return p[23] !== T || p[24] !== M ? (N = /* @__PURE__ */ jsxs("div", { children: [T, M] }), p[23] = T, p[24] = M, p[25] = N) : N = p[25], N;
 };
 export { WorkflowList_default as default };