@loopstack/loopstack-studio 0.24.0 → 0.25.0

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 };

package/dist/features/workbench/components/NewRunDialog.js

@@ -1,5 +1,5 @@
-import { usePipelineConfig, useWorkspaceConfig } from "../../../hooks/useConfig.js";
-import { useCreatePipeline } from "../../../hooks/usePipelines.js";
+import { useWorkflowConfig, useWorkspaceConfig } from "../../../hooks/useConfig.js";
+import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
 import { useFilterWorkspaces } from "../../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../../providers/ComponentOverridesProvider.js";
 import { Button } from "../../../components/ui/button.js";
@@ -9,7 +9,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
 import CreateWorkspace_default from "../../workspaces/components/CreateWorkspace.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
-import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import "../../workspaces/index.js";
 import { c } from "react/compiler-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -45,9 +45,9 @@ function NewRunDialogContent(o) {
 		let e;
 		s[6] === v ? e = s[7] : (e = (e) => e.id === v, s[6] = v, s[7] = e), xe = C.find(e), s[3] = v, s[4] = C, s[5] = xe;
 	} else xe = s[5];
-	let Se = xe, w = usePipelineConfig(Se?.blockName), Ce;
+	let Se = xe, w = useWorkflowConfig(Se?.className), Ce;
 	s[8] === w.data ? Ce = s[9] : (Ce = w.data ?? [], s[8] = w.data, s[9] = Ce);
-	let T = Ce, E = useCreatePipeline(), D = useRunPipeline(), O = E.isPending || D.isPending, k;
+	let T = Ce, E = useCreateWorkflow(), D = useRunWorkflow(), O = E.isPending || D.isPending, k;
 	s[10] === Symbol.for("react.memo_cache_sentinel") ? (k = {
 		defaultValues: {},
 		mode: "onChange"
@@ -59,9 +59,9 @@ function NewRunDialogContent(o) {
 			break bb0;
 		}
 		let e;
-		if (s[11] !== T || s[12] !== y) {
+		if (s[11] !== y || s[12] !== T) {
 			let t;
-			s[14] === y ? t = s[15] : (t = (e) => e.blockName === y, s[14] = y, s[15] = t), e = T.find(t), s[11] = T, s[12] = y, s[13] = e;
+			s[14] === y ? t = s[15] : (t = (e) => e.alias === y, s[14] = y, s[15] = t), e = T.find(t), s[11] = y, s[12] = T, s[13] = e;
 		} else e = s[13];
 		we = e;
 	}
@@ -72,9 +72,9 @@ function NewRunDialogContent(o) {
 	let P;
 	s[20] !== v || s[21] !== C ? (P = [C, v], s[20] = v, s[21] = C, s[22] = P) : P = s[22], useEffect(N, P);
 	let F, Te;
-	s[23] !== T || s[24] !== y ? (Te = () => {
-		T.length > 0 && !T.find((e) => e.blockName === y) && he(T[0].blockName);
-	}, F = [T, y], s[23] = T, s[24] = y, s[25] = F, s[26] = Te) : (F = s[25], Te = s[26]), useEffect(Te, F);
+	s[23] !== y || s[24] !== T ? (Te = () => {
+		T.length > 0 && !T.find((e) => e.alias === y) && he(T[0].alias);
+	}, F = [T, y], s[23] = y, s[24] = T, s[25] = F, s[26] = Te) : (F = s[25], Te = s[26]), useEffect(Te, F);
 	let Ee;
 	s[27] !== E || s[28] !== A || s[29] !== l || s[30] !== D ? (Ee = () => {
 		l || (f("workspace"), g(!1), me(""), he(""), A.reset({}), E.reset(), D.reset());
@@ -99,16 +99,16 @@ function NewRunDialogContent(o) {
 	], s[37] = M, s[38] = y, s[39] = j, s[40] = Me, s[41] = I) : (Me = s[40], I = s[41]), useEffect(Me, I);
 	let Ne;
 	s[42] !== E || s[43] !== u || s[44] !== D || s[45] !== y || s[46] !== v ? (Ne = (e, t) => {
-		!v || !y || E.mutate({ pipelineCreateDto: {
-			blockName: y,
+		!v || !y || E.mutate({ workflowCreateDto: {
+			alias: y,
 			title: null,
 			workspaceId: v,
 			transition: e ?? null,
 			args: t ?? {}
 		} }, { onSuccess: (e) => {
 			D.mutate({
-				pipelineId: e.id,
-				runPipelinePayloadDto: {},
+				workflowId: e.id,
+				runWorkflowPayloadDto: {},
 				force: !0
 			}, { onSuccess: () => u(e.id) });
 		} });
@@ -167,7 +167,7 @@ function NewRunDialogContent(o) {
 		children: V
 	}), s[64] = S.isLoading, s[65] = He, s[66] = Ue, s[67] = We, s[68] = V, s[69] = H) : H = s[69];
 	let U;
-	s[70] !== L || s[71] !== T || s[72] !== y ? (U = L ? T.find((e) => e.blockName === y)?.title ?? y : void 0, s[70] = L, s[71] = T, s[72] = y, s[73] = U) : U = s[73];
+	s[70] !== L || s[71] !== y || s[72] !== T ? (U = L ? T.find((e) => e.alias === y)?.title ?? y : void 0, s[70] = L, s[71] = y, s[72] = T, s[73] = U) : U = s[73];
 	let Ke = d === "automation", qe = L && d !== "automation", Je = w.isLoading, W;
 	s[74] === R ? W = s[75] : (W = () => R && ze("automation"), s[74] = R, s[75] = W);
 	let Ye;
@@ -257,20 +257,20 @@ function NewRunDialogContent(o) {
 }
 function _temp2(e) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
-		value: e.blockName,
+		value: e.alias,
 		className: "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-pointer flex-col gap-0.5 rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "absolute right-2 top-2.5 flex size-3.5 items-center justify-center",
 				children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
 			}),
-			/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: e.title ?? e.blockName }),
+			/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: e.title ?? e.alias }),
 			e.description && /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground text-xs leading-snug",
 				children: e.description
 			})
 		]
-	}, e.blockName);
+	}, e.alias);
 }
 function _temp(e) {
 	return /* @__PURE__ */ jsx(SelectItem, {

package/dist/features/workbench/components/WorkbenchFilesPanel.js

@@ -1,9 +1,9 @@
 import { cn } from "../../../lib/utils.js";
 import { Button } from "../../../components/ui/button.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { FileContentViewer } from "../../code-explorer/components/FileContentViewer.js";
 import "../../code-explorer/index.js";
 import { useOptionalRemoteFileExplorer } from "../providers/RemoteFileExplorerProvider.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { RemoteFileTabsBar } from "./RemoteFileTabsBar.js";
 import RemoteFileTree_default from "./RemoteFileTree.js";
 import { c } from "react/compiler-runtime";