@loopstack/loopstack-studio 0.23.1 → 0.25.0

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,35 +1,42 @@
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../../components/ui/button.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";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 function WorkbenchFilesPanel() {
-	let d = c(9), { closeSidePanel: f, fileExplorerEnabled: p } = useWorkbenchLayout(), m = useOptionalRemoteFileExplorer();
-	if (!p) return null;
-	let h;
-	d[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx("span", {
+	let p = c(10), { closeSidePanel: m, fileExplorerEnabled: h } = useWorkbenchLayout(), g = useOptionalRemoteFileExplorer();
+	if (!h) return null;
+	let _;
+	p[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("span", {
 		className: "text-sm font-medium",
 		children: "Files"
-	}), d[0] = h) : h = d[0];
-	let g;
-	d[1] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), d[1] = g) : g = d[1];
-	let _;
-	d[2] === f ? _ = d[3] : (_ = /* @__PURE__ */ jsxs("div", {
+	}), p[0] = _) : _ = p[0];
+	let v;
+	p[1] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("h-5 w-5 shrink-0 rounded transition-opacity", "hover:bg-destructive/10 hover:text-destructive"), p[1] = v) : v = p[1];
+	let y;
+	p[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }), p[2] = y) : y = p[2];
+	let b;
+	p[3] === m ? b = p[4] : (b = /* @__PURE__ */ jsxs("div", {
 		className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-		children: [h, /* @__PURE__ */ jsx("button", {
-			onClick: f,
-			className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-			children: g
+		children: [_, /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: v,
+			onClick: m,
+			"aria-label": "Close Files Panel",
+			children: y
 		})]
-	}), d[2] = f, d[3] = _);
-	let v;
-	d[4] === m ? v = d[5] : (v = /* @__PURE__ */ jsx("div", {
+	}), p[3] = m, p[4] = b);
+	let x;
+	p[5] === g ? x = p[6] : (x = /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-hidden flex",
-		children: m ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		children: g ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 			className: "w-64 shrink-0 border-r bg-muted/40",
 			children: /* @__PURE__ */ jsx(RemoteFileTree_default, {})
 		}), /* @__PURE__ */ jsxs("div", {
@@ -37,9 +44,9 @@ function WorkbenchFilesPanel() {
 			children: [/* @__PURE__ */ jsx(RemoteFileTabsBar, {}), /* @__PURE__ */ jsx("div", {
 				className: "flex-1 overflow-hidden p-3 pt-2",
 				children: /* @__PURE__ */ jsx(FileContentViewer, {
-					selectedFile: m.selectedFile,
-					content: m.fileContent,
-					isLoading: m.isContentLoading,
+					selectedFile: g.selectedFile,
+					content: g.fileContent,
+					isLoading: g.isContentLoading,
 					className: "h-full"
 				})
 			})]
@@ -50,11 +57,11 @@ function WorkbenchFilesPanel() {
 				children: "Remote file explorer is not available for this workspace."
 			})
 		})
-	}), d[4] = m, d[5] = v);
-	let y;
-	return d[6] !== _ || d[7] !== v ? (y = /* @__PURE__ */ jsxs("div", {
+	}), p[5] = g, p[6] = x);
+	let S;
+	return p[7] !== b || p[8] !== x ? (S = /* @__PURE__ */ jsxs("div", {
 		className: "border-l bg-background flex w-2/3 shrink-0 flex-col",
-		children: [_, v]
-	}), d[6] = _, d[7] = v, d[8] = y) : y = d[8], y;
+		children: [b, x]
+	}), p[7] = b, p[8] = x, p[9] = S) : S = p[9], S;
 }
 export { WorkbenchFilesPanel };

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

@@ -1,58 +1,27 @@
 import { cn } from "../../../lib/utils.js";
-import { SidebarMenu, SidebarProvider } from "../../../components/ui/sidebar.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
-import { useNamespaceTree } from "../../../hooks/useNamespaceTree.js";
-import WorkbenchNavigation_default from "../WorkbenchNavigation.js";
-import PipelineHistoryList_default from "./PipelineHistoryList.js";
+import { WorkbenchSecretsPanel } from "./WorkbenchSecretsPanel.js";
+import WorkflowHistoryList_default from "./WorkflowHistoryList.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 var PANEL_TITLES = {
-	navigation: "Navigate",
-	history: "Run Log"
+	history: "Run Log",
+	secrets: "Secrets"
 };
-function NavigationContent() {
-	let e = c(3), { pipeline: f } = useWorkbenchLayout(), p;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = { "--sidebar-width": "100%" }, e[0] = p) : p = e[0];
-	let m;
-	return e[1] === f.id ? m = e[2] : (m = /* @__PURE__ */ jsx(SidebarProvider, {
-		defaultOpen: !0,
-		className: "min-h-0",
-		style: p,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "w-full overflow-auto p-2",
-			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(NavigationContentInner, { pipelineId: f.id }) })
-		})
-	}), e[1] = f.id, e[2] = m), m;
-}
-function NavigationContentInner(e) {
-	let l = c(3), { pipelineId: u } = e, d = useNamespaceTree(u);
-	if (!d || d.length === 0) {
-		let e;
-		return l[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground py-4 text-center text-sm",
-			children: "No navigation items"
-		}), l[0] = e) : e = l[0], e;
-	}
-	let m;
-	return l[1] === d ? m = l[2] : (m = /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
-		namespaceTree: d,
-		indent: 0
-	}), l[1] = d, l[2] = m), m;
-}
 function HistoryContent() {
-	let e = c(2), { pipeline: l } = useWorkbenchLayout(), u;
-	return e[0] === l ? u = e[1] : (u = /* @__PURE__ */ jsx("div", {
+	let e = c(2), { workflow: s } = useWorkbenchLayout(), u;
+	return e[0] === s ? u = e[1] : (u = /* @__PURE__ */ jsx("div", {
 		className: "overflow-auto p-2",
-		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: l })
-	}), e[0] = l, e[1] = u), u;
+		children: /* @__PURE__ */ jsx(WorkflowHistoryList_default, { workflow: s })
+	}), e[0] = s, e[1] = u), u;
 }
 function WorkbenchFloatingPanel() {
-	let l = c(19), { activeFloatingPanel: u, closeFloatingPanel: f } = useWorkbenchLayout();
-	if (!u) return null;
+	let l = c(19), { activeFloatingPanel: d, closeFloatingPanel: f } = useWorkbenchLayout();
+	if (!d) return null;
 	let p;
 	l[0] === Symbol.for("react.memo_cache_sentinel") ? (p = cn("border-l bg-background absolute right-0 top-0 bottom-0 z-20 flex w-80 flex-col shadow-lg", "animate-in slide-in-from-right duration-200"), l[0] = p) : p = l[0];
-	let m = PANEL_TITLES[u], h;
+	let m = PANEL_TITLES[d], h;
 	l[1] === m ? h = l[2] : (h = /* @__PURE__ */ jsx("span", {
 		className: "text-sm font-medium",
 		children: m
@@ -71,9 +40,9 @@ function WorkbenchFloatingPanel() {
 		children: [h, _]
 	}), l[6] = h, l[7] = _, l[8] = v) : v = l[8];
 	let y;
-	l[9] === u ? y = l[10] : (y = u === "navigation" && /* @__PURE__ */ jsx(NavigationContent, {}), l[9] = u, l[10] = y);
+	l[9] === d ? y = l[10] : (y = d === "history" && /* @__PURE__ */ jsx(HistoryContent, {}), l[9] = d, l[10] = y);
 	let b;
-	l[11] === u ? b = l[12] : (b = u === "history" && /* @__PURE__ */ jsx(HistoryContent, {}), l[11] = u, l[12] = b);
+	l[11] === d ? b = l[12] : (b = d === "secrets" && /* @__PURE__ */ jsx(WorkbenchSecretsPanel, {}), l[11] = d, l[12] = b);
 	let x;
 	l[13] !== y || l[14] !== b ? (x = /* @__PURE__ */ jsxs("div", {
 		className: "flex-1 overflow-hidden",

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

@@ -1,49 +1,47 @@
-import { usePipeline, usePipelineConfigByName } from "../../../hooks/usePipelines.js";
-import { useWorkspace } from "../../../hooks/useWorkspaces.js";
-import { useFetchWorkflowsByPipeline } from "../../../hooks/useWorkflows.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { useChildWorkflows, useWorkflow, useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
 import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
-import PipelineFlowViewer_default from "../../debug/components/PipelineFlowViewer.js";
+import WorkflowFlowViewer_default from "../../debug/components/WorkflowFlowViewer.js";
 import "../../debug/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 function WorkbenchFlowPanel() {
-	let f = c(13), { pipeline: p, closeSidePanel: m } = useWorkbenchLayout(), h = usePipeline(p.id), g = useWorkspace(p.workspaceId), _ = useFetchWorkflowsByPipeline(p.id), v = usePipelineConfigByName(g.data?.blockName, h.data?.blockName), y;
-	f[0] === _.data ? y = f[1] : (y = _.data ?? [], f[0] = _.data, f[1] = y);
-	let b = y, x;
-	f[2] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("span", {
+	let d = c(13), { workflow: f, closeSidePanel: p } = useWorkbenchLayout(), m = useWorkflow(f.id), h = useChildWorkflows(f.id), g = useWorkflowConfigByName(m.data?.className ?? void 0), _;
+	d[0] === h.data ? _ = d[1] : (_ = h.data ?? [], d[0] = h.data, d[1] = _);
+	let v = _, y;
+	d[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx("span", {
 		className: "text-sm font-medium",
 		children: "Graph"
-	}), f[2] = x) : x = f[2];
-	let S;
-	f[3] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), f[3] = S) : S = f[3];
-	let C;
-	f[4] === m ? C = f[5] : (C = /* @__PURE__ */ jsxs("div", {
+	}), d[2] = y) : y = d[2];
+	let b;
+	d[3] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), d[3] = b) : b = d[3];
+	let x;
+	d[4] === p ? x = d[5] : (x = /* @__PURE__ */ jsxs("div", {
 		className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-		children: [x, /* @__PURE__ */ jsx("button", {
-			onClick: m,
+		children: [y, /* @__PURE__ */ jsx("button", {
+			onClick: p,
 			className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-			children: S
+			children: b
 		})]
-	}), f[4] = m, f[5] = C);
-	let w;
-	f[6] !== v || f[7] !== p.id || f[8] !== b ? (w = /* @__PURE__ */ jsx("div", {
+	}), d[4] = p, d[5] = x);
+	let S;
+	d[6] !== v || d[7] !== g || d[8] !== f.id ? (S = /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-hidden",
-		children: b.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(PipelineFlowViewer_default, {
-			pipelineId: p.id,
-			workflows: b,
-			pipelineConfig: v.data
+		children: v.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
+			workflowId: f.id,
+			workflows: v,
+			workflowConfig: g.data
 		}) }) : /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground flex h-full items-center justify-center text-sm",
 			children: "No workflows found"
 		})
-	}), f[6] = v, f[7] = p.id, f[8] = b, f[9] = w) : w = f[9];
-	let T;
-	return f[10] !== C || f[11] !== w ? (T = /* @__PURE__ */ jsxs("div", {
+	}), d[6] = v, d[7] = g, d[8] = f.id, d[9] = S) : S = d[9];
+	let C;
+	return d[10] !== x || d[11] !== S ? (C = /* @__PURE__ */ jsxs("div", {
 		className: "border-l bg-background flex w-1/2 shrink-0 flex-col",
-		children: [C, w]
-	}), f[10] = C, f[11] = w, f[12] = T) : T = f[12], T;
+		children: [x, S]
+	}), d[10] = x, d[11] = S, d[12] = C) : C = d[12], C;
 }
 export { WorkbenchFlowPanel };

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

@@ -3,7 +3,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Files, ListOrdered, MonitorPlay, Navigation, Workflow } from "lucide-react";
+import { Files, KeyRound, ListOrdered, MonitorPlay, Workflow } from "lucide-react";
 function IconButton(s) {
 	let l = c(11), { icon: u, label: d, active: f, onClick: p } = s, m = f ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground", h;
 	l[0] === m ? h = l[1] : (h = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors hover:cursor-pointer", m), l[0] = m, l[1] = h);
@@ -45,32 +45,32 @@ function WorkbenchIconSidebar() {
 		onClick: () => _("history")
 	})] }), e[4] = g, e[5] = v, e[6] = o, e[7] = _, e[8] = y, e[9] = x) : x = e[9];
 	let S;
-	e[10] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(Navigation, { className: "h-5 w-5" }), e[10] = S) : S = e[10];
-	let C = g === "navigation", w;
-	e[11] === _ ? w = e[12] : (w = () => _("navigation"), e[11] = _, e[12] = w);
-	let T;
-	e[13] !== C || e[14] !== w ? (T = /* @__PURE__ */ jsx(IconButton, {
-		icon: S,
-		label: "Navigate",
-		active: C,
-		onClick: w
-	}), e[13] = C, e[14] = w, e[15] = T) : T = e[15];
-	let E;
-	e[16] !== v || e[17] !== a || e[18] !== y ? (E = a && /* @__PURE__ */ jsx(IconButton, {
+	e[10] !== v || e[11] !== a || e[12] !== y ? (S = a && /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(Files, { className: "h-5 w-5" }),
 		label: "Files",
 		active: v === "files",
 		onClick: () => y("files")
-	}), e[16] = v, e[17] = a, e[18] = y, e[19] = E) : E = e[19];
+	}), e[10] = v, e[11] = a, e[12] = y, e[13] = S) : S = e[13];
+	let C;
+	e[14] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(KeyRound, { className: "h-5 w-5" }), e[14] = C) : C = e[14];
+	let w = g === "secrets", T;
+	e[15] === _ ? T = e[16] : (T = () => _("secrets"), e[15] = _, e[16] = T);
+	let E;
+	e[17] !== w || e[18] !== T ? (E = /* @__PURE__ */ jsx(IconButton, {
+		icon: C,
+		label: "Secrets",
+		active: w,
+		onClick: T
+	}), e[17] = w, e[18] = T, e[19] = E) : E = e[19];
 	let D;
-	return e[20] !== b || e[21] !== x || e[22] !== T || e[23] !== E ? (D = /* @__PURE__ */ jsxs("div", {
+	return e[20] !== b || e[21] !== x || e[22] !== S || e[23] !== E ? (D = /* @__PURE__ */ jsxs("div", {
 		className: "border-l bg-background flex w-12 shrink-0 flex-col items-center gap-1 py-2",
 		children: [
 			b,
 			x,
-			T,
+			S,
 			E
 		]
-	}), e[20] = b, e[21] = x, e[22] = T, e[23] = E, e[24] = D) : D = e[24], D;
+	}), e[20] = b, e[21] = x, e[22] = S, e[23] = E, e[24] = D) : D = e[24], D;
 }
 export { WorkbenchIconSidebar };

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

@@ -26,7 +26,7 @@ function WorkbenchPreviewPanel() {
 			if (e.origin !== window.location.origin) return;
 			let _ = e.data;
 			if (_?.type !== EMBED_NEW_RUN_MESSAGE_TYPE) return;
-			let v = _?.pipelineId;
+			let v = _?.workflowId;
 			typeof v == "string" && D(v);
 		};
 		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
@@ -117,7 +117,7 @@ function WorkbenchPreviewPanel() {
 				ref: w,
 				src: k,
 				className: "bg-background h-full w-full rounded-lg",
-				title: "Pipeline preview"
+				title: "Workflow preview"
 			})
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "text-zinc-400 flex flex-1 items-center justify-center text-sm",

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

@@ -0,0 +1,182 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { KeyRound, Loader2, Plus, Trash2 } from "lucide-react";
+function WorkbenchSecretsPanel() {
+	let _ = c(46), { workflow: v } = useWorkbenchLayout(), y = v?.workspaceId, { data: b, isLoading: x } = useWorkspaceSecrets(y), S = useCreateSecret(), C = useUpdateSecret(), w = useDeleteSecret(), [T, E] = useState(""), [D, O] = useState(""), [k, A] = useState(null), [j, M] = useState(""), N;
+	_[0] !== S || _[1] !== T || _[2] !== D || _[3] !== y ? (N = async () => {
+		!y || !T.trim() || !D.trim() || (await S.mutateAsync({
+			workspaceId: y,
+			key: T.trim(),
+			value: D
+		}), E(""), O(""));
+	}, _[0] = S, _[1] = T, _[2] = D, _[3] = y, _[4] = N) : N = _[4];
+	let P = N, F;
+	_[5] !== j || _[6] !== C || _[7] !== y ? (F = async (n) => {
+		!y || !j || (await C.mutateAsync({
+			workspaceId: y,
+			id: n,
+			value: j
+		}), A(null), M(""));
+	}, _[5] = j, _[6] = C, _[7] = y, _[8] = F) : F = _[8];
+	let I = F, L;
+	_[9] !== w || _[10] !== y ? (L = async (n) => {
+		y && await w.mutateAsync({
+			workspaceId: y,
+			id: n
+		});
+	}, _[9] = w, _[10] = y, _[11] = L) : L = _[11];
+	let R = L, z;
+	_[12] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsxs("div", {
+		className: "border-b px-4 py-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(KeyRound, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-medium",
+				children: "Secrets"
+			})]
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-xs",
+			children: "Manage environment variables for this workspace."
+		})]
+	}), _[12] = z) : z = _[12];
+	let B;
+	_[13] !== j || _[14] !== k || _[15] !== R || _[16] !== I || _[17] !== x || _[18] !== b ? (B = /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-y-auto px-4 py-3",
+		children: x ? /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 py-4",
+			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-sm",
+				children: "Loading..."
+			})]
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [b?.map((g) => /* @__PURE__ */ jsxs("div", {
+				className: "bg-muted/50 flex items-center gap-2 rounded-md px-3 py-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-mono text-sm",
+						children: g.key
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-xs",
+						children: g.hasValue ? "Value set" : "No value"
+					})]
+				}), k === g.id ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Input, {
+							type: "password",
+							value: j,
+							onChange: (n) => M(n.target.value),
+							placeholder: "New value",
+							className: "h-7 w-32 text-xs"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "outline",
+							className: "h-7 text-xs",
+							onClick: () => void I(g.id),
+							children: "Save"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "ghost",
+							className: "h-7 text-xs",
+							onClick: () => {
+								A(null), M("");
+							},
+							children: "Cancel"
+						})
+					]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-7 text-xs",
+						onClick: () => {
+							A(g.id), M("");
+						},
+						children: "Update"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-7",
+						onClick: () => void R(g.id),
+						children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+					})]
+				})]
+			}, g.id)), b?.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground py-4 text-center text-sm",
+				children: "No secrets yet."
+			})]
+		})
+	}), _[13] = j, _[14] = k, _[15] = R, _[16] = I, _[17] = x, _[18] = b, _[19] = B) : B = _[19];
+	let V;
+	_[20] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Label, {
+		className: "text-xs",
+		children: "Add Secret"
+	}), _[20] = V) : V = _[20];
+	let H;
+	_[21] === Symbol.for("react.memo_cache_sentinel") ? (H = (n) => E(n.target.value), _[21] = H) : H = _[21];
+	let U;
+	_[22] === T ? U = _[23] : (U = /* @__PURE__ */ jsx(Input, {
+		value: T,
+		onChange: H,
+		placeholder: "KEY_NAME",
+		className: "font-mono text-sm"
+	}), _[22] = T, _[23] = U);
+	let W;
+	_[24] === Symbol.for("react.memo_cache_sentinel") ? (W = (n) => O(n.target.value), _[24] = W) : W = _[24];
+	let G;
+	_[25] === D ? G = _[26] : (G = /* @__PURE__ */ jsx(Input, {
+		type: "password",
+		value: D,
+		onChange: W,
+		placeholder: "Value",
+		className: "text-sm"
+	}), _[25] = D, _[26] = G);
+	let K;
+	_[27] !== S.isPending || _[28] !== T || _[29] !== D ? (K = !T.trim() || !D.trim() || S.isPending, _[27] = S.isPending, _[28] = T, _[29] = D, _[30] = K) : K = _[30];
+	let q;
+	_[31] === P ? q = _[32] : (q = () => void P(), _[31] = P, _[32] = q);
+	let J;
+	_[33] === S.isPending ? J = _[34] : (J = S.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3 w-3" }), _[33] = S.isPending, _[34] = J);
+	let Y;
+	_[35] !== K || _[36] !== q || _[37] !== J ? (Y = /* @__PURE__ */ jsxs(Button, {
+		size: "sm",
+		className: "w-full",
+		disabled: K,
+		onClick: q,
+		children: [J, "Add Secret"]
+	}), _[35] = K, _[36] = q, _[37] = J, _[38] = Y) : Y = _[38];
+	let X;
+	_[39] !== Y || _[40] !== U || _[41] !== G ? (X = /* @__PURE__ */ jsx("div", {
+		className: "border-t px-4 py-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				V,
+				U,
+				G,
+				Y
+			]
+		})
+	}), _[39] = Y, _[40] = U, _[41] = G, _[42] = X) : X = _[42];
+	let Z;
+	return _[43] !== X || _[44] !== B ? (Z = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col",
+		children: [
+			z,
+			B,
+			X
+		]
+	}), _[43] = X, _[44] = B, _[45] = Z) : Z = _[45], Z;
+}
+export { WorkbenchSecretsPanel };