@loopstack/loopstack-studio 0.22.0 → 0.23.1

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

@@ -0,0 +1,90 @@
+import { Button } from "../../../components/ui/button.js";
+import { ScrollArea } from "../../../components/ui/scroll-area.js";
+import { CodeExplorerTreeNode } from "../../code-explorer/components/CodeExplorerTreeNode.js";
+import { useRemoteFileExplorer } from "../providers/RemoteFileExplorerProvider.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, Loader2, RefreshCw } from "lucide-react";
+var RemoteFileTree_default = () => {
+	let d = c(35), { nodes: f, isTreeLoading: p, treeError: m, isFetchingTree: h, expandedFolders: g, toggleFolder: _, selectFile: v, closeFile: y, selectedFile: b, refreshTree: x } = useRemoteFileExplorer();
+	if (p) {
+		let e;
+		return d[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 p-3 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Loading file tree…"]
+		}), d[0] = e) : e = d[0], e;
+	}
+	if (m) {
+		let a;
+		d[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0" }), d[1] = a) : a = d[1];
+		let o = m instanceof Error ? m.message : String(m), s;
+		d[2] === o ? s = d[3] : (s = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-2 text-sm text-destructive",
+			children: [a, /* @__PURE__ */ jsx("span", { children: o })]
+		}), d[2] = o, d[3] = s);
+		let l;
+		d[4] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5" }), d[4] = l) : l = d[4];
+		let u;
+		d[5] === x ? u = d[6] : (u = /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			onClick: x,
+			children: [l, "Retry"]
+		}), d[5] = x, d[6] = u);
+		let f;
+		return d[7] !== s || d[8] !== u ? (f = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2 p-3",
+			children: [s, u]
+		}), d[7] = s, d[8] = u, d[9] = f) : f = d[9], f;
+	}
+	if (f.length === 0) {
+		let e;
+		return d[10] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("p", {
+			className: "px-2 py-4 text-sm text-muted-foreground",
+			children: "No files found"
+		}), d[10] = e) : e = d[10], e;
+	}
+	let S = `h-3 w-3 ${h ? "animate-spin" : ""}`, C;
+	d[11] === S ? C = d[12] : (C = /* @__PURE__ */ jsx(RefreshCw, { className: S }), d[11] = S, d[12] = C);
+	let w;
+	d[13] !== h || d[14] !== x || d[15] !== C ? (w = /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-end px-1",
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "h-6 w-6",
+			onClick: x,
+			disabled: h,
+			children: C
+		})
+	}), d[13] = h, d[14] = x, d[15] = C, d[16] = w) : w = d[16];
+	let T;
+	if (d[17] !== y || d[18] !== g || d[19] !== f || d[20] !== v || d[21] !== b?.id || d[22] !== _) {
+		let e;
+		d[24] !== y || d[25] !== g || d[26] !== v || d[27] !== b?.id || d[28] !== _ ? (e = (e) => /* @__PURE__ */ jsx(CodeExplorerTreeNode, {
+			node: e,
+			depth: 0,
+			expandedFolders: g,
+			toggleFolder: _,
+			onSelectFile: v,
+			onCloseFile: y,
+			selectedFileId: b?.id
+		}, e.id), d[24] = y, d[25] = g, d[26] = v, d[27] = b?.id, d[28] = _, d[29] = e) : e = d[29], T = f.map(e), d[17] = y, d[18] = g, d[19] = f, d[20] = v, d[21] = b?.id, d[22] = _, d[23] = T;
+	} else T = d[23];
+	let E;
+	d[30] === T ? E = d[31] : (E = /* @__PURE__ */ jsx(ScrollArea, {
+		className: "h-full w-full",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "w-full py-1",
+			role: "tree",
+			"aria-label": "Remote file tree",
+			children: T
+		})
+	}), d[30] = T, d[31] = E);
+	let D;
+	return d[32] !== w || d[33] !== E ? (D = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col gap-1.5",
+		children: [w, E]
+	}), d[32] = w, d[33] = E, d[34] = D) : D = d[34], D;
+};
+export { RemoteFileTree_default as default };

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

@@ -0,0 +1,60 @@
+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 { 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", {
+		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", {
+		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
+		})]
+	}), d[2] = f, d[3] = _);
+	let v;
+	d[4] === m ? v = d[5] : (v = /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-hidden flex",
+		children: m ? /* @__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", {
+			className: "flex-1 flex flex-col min-w-0",
+			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,
+					className: "h-full"
+				})
+			})]
+		})] }) : /* @__PURE__ */ jsx("div", {
+			className: "flex-1 flex items-center justify-center p-4",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				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", {
+		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;
+}
+export { WorkbenchFilesPanel };

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

@@ -1,15 +1,16 @@
-import { usePipeline, usePipelineConfig } from "../../../hooks/usePipelines.js";
+import { usePipeline, usePipelineConfigByName } from "../../../hooks/usePipelines.js";
 import { useWorkspace } from "../../../hooks/useWorkspaces.js";
 import { useFetchWorkflowsByPipeline } from "../../../hooks/useWorkflows.js";
-import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 import PipelineFlowViewer_default from "../../debug/components/PipelineFlowViewer.js";
+import "../../debug/index.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 = usePipelineConfig(g.data?.blockName, h.data?.blockName), y;
+	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", {

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 { ListOrdered, MonitorPlay, Navigation, Workflow } from "lucide-react";
+import { Files, ListOrdered, MonitorPlay, Navigation, 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);
@@ -25,44 +25,52 @@ function IconButton(s) {
 	return l[8] !== g || l[9] !== _ ? (v = /* @__PURE__ */ jsxs(Tooltip, { children: [g, _] }), l[8] = g, l[9] = _, l[10] = v) : v = l[10], v;
 }
 function WorkbenchIconSidebar() {
-	let e = c(20), { previewPanelEnabled: i, isDeveloperMode: a, activeFloatingPanel: o, toggleFloatingPanel: h, activeSidePanel: g, toggleSidePanel: _ } = useWorkbenchLayout(), v;
-	e[0] !== g || e[1] !== i || e[2] !== _ ? (v = i && /* @__PURE__ */ jsx(IconButton, {
+	let e = c(25), { previewPanelEnabled: i, fileExplorerEnabled: a, isDeveloperMode: o, activeFloatingPanel: g, toggleFloatingPanel: _, activeSidePanel: v, toggleSidePanel: y } = useWorkbenchLayout(), b;
+	e[0] !== v || e[1] !== i || e[2] !== y ? (b = i && /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }),
 		label: "Preview",
-		active: g === "preview",
-		onClick: () => _("preview")
-	}), e[0] = g, e[1] = i, e[2] = _, e[3] = v) : v = e[3];
-	let y;
-	e[4] !== o || e[5] !== g || e[6] !== a || e[7] !== h || e[8] !== _ ? (y = a && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		active: v === "preview",
+		onClick: () => y("preview")
+	}), e[0] = v, e[1] = i, e[2] = y, e[3] = b) : b = e[3];
+	let x;
+	e[4] !== g || e[5] !== v || e[6] !== o || e[7] !== _ || e[8] !== y ? (x = o && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-5 w-5" }),
 		label: "Graph",
-		active: g === "flow",
-		onClick: () => _("flow")
+		active: v === "flow",
+		onClick: () => y("flow")
 	}), /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-5 w-5" }),
 		label: "Run Log",
-		active: o === "history",
-		onClick: () => h("history")
-	})] }), e[4] = o, e[5] = g, e[6] = a, e[7] = h, e[8] = _, e[9] = y) : y = e[9];
-	let b;
-	e[10] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(Navigation, { className: "h-5 w-5" }), e[10] = b) : b = e[10];
-	let x = o === "navigation", S;
-	e[11] === h ? S = e[12] : (S = () => h("navigation"), e[11] = h, e[12] = S);
-	let C;
-	e[13] !== x || e[14] !== S ? (C = /* @__PURE__ */ jsx(IconButton, {
-		icon: b,
+		active: g === "history",
+		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: x,
-		onClick: S
-	}), e[13] = x, e[14] = S, e[15] = C) : C = e[15];
-	let w;
-	return e[16] !== v || e[17] !== y || e[18] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		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, {
+		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];
+	let D;
+	return e[20] !== b || e[21] !== x || e[22] !== T || 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: [
-			v,
-			y,
-			C
+			b,
+			x,
+			T,
+			E
 		]
-	}), e[16] = v, e[17] = y, e[18] = C, e[19] = w) : w = e[19], w;
+	}), e[20] = b, e[21] = x, e[22] = T, e[23] = E, e[24] = D) : D = e[24], D;
 }
 export { WorkbenchIconSidebar };

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

@@ -1,7 +1,7 @@
-import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { cn } from "../../../lib/utils.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,8 +10,8 @@ import { format } from "date-fns";
 var WorkflowHistoryItem_default = (_) => {
 	let y = c(19), { workflowId: b, workflow: x } = _, S = useWorkflow(b), C = S.data?.history;
 	if (S.isLoading) {
-		let e;
-		return y[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("li", {
+		let t;
+		return y[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ jsx("li", {
 			className: "group/menu-item relative list-none",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex w-full items-center gap-2 rounded-md p-2 text-sm opacity-50",
@@ -20,7 +20,7 @@ var WorkflowHistoryItem_default = (_) => {
 					children: "Loading..."
 				})]
 			})
-		}), y[0] = e) : e = y[0], e;
+		}), y[0] = t) : t = y[0], t;
 	}
 	if (!C?.length) return null;
 	let w;
@@ -64,10 +64,10 @@ var WorkflowHistoryItem_default = (_) => {
 	}), y[9] = j) : j = y[9];
 	let M;
 	if (y[10] !== C) {
-		let e;
-		y[12] === C.length ? e = y[13] : (e = (e, p) => {
-			console.log(e);
-			let m = e.data?.transition, h = Object.keys(e.data?.tools ?? {}), g = p === C.length - 1, _ = e.data?.place ?? m?.to ?? "unknown", v = m?.id;
+		let f;
+		y[12] === C.length ? f = y[13] : (f = (f, p) => {
+			console.log(f);
+			let m = f.data?.transition, h = Object.keys(f.data?.tools ?? {}), g = p === C.length - 1, _ = f.data?.place ?? m?.to ?? "unknown", v = m?.id;
 			return /* @__PURE__ */ jsxs("div", {
 				className: "group/entry relative flex gap-3 py-1 pl-0",
 				children: [/* @__PURE__ */ jsx("div", {
@@ -116,13 +116,13 @@ var WorkflowHistoryItem_default = (_) => {
 							className: "flex items-center gap-0.5",
 							children: [/* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("span", {
 								className: "tabular-nums",
-								children: format(new Date(e.timestamp), "HH:mm:ss")
+								children: format(new Date(f.timestamp), "HH:mm:ss")
 							})]
 						})]
 					})]
 				})]
-			}, e.version);
-		}, y[12] = C.length, y[13] = e), M = C.map(e), y[10] = C, y[11] = M;
+			}, f.version);
+		}, y[12] = C.length, y[13] = f), M = C.map(f), y[10] = C, y[11] = M;
 	} else M = y[11];
 	let N;
 	y[14] === M ? N = y[15] : (N = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("ul", {

package/dist/features/workbench/components/buttons/WorkflowButtons.js

@@ -1,48 +1,47 @@
-import { useStudio } from "../../../../providers/StudioProvider.js";
-import { useDeleteWorkflow, useWorkflow } from "../../../../hooks/useWorkflows.js";
 import { Button } from "../../../../components/ui/button.js";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../../components/ui/alert-dialog.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../components/ui/tooltip.js";
 import { useRunPipeline } from "../../../../hooks/useProcessor.js";
+import { useDeleteWorkflow, useWorkflow } from "../../../../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { LockOpen, Repeat } from "lucide-react";
-var WorkflowButtons_default = (T) => {
-	let E = c(36), { pipeline: D, workflowId: O } = T, { router: k } = useStudio(), A = useWorkflow(O).data, j = useDeleteWorkflow(), M = useRunPipeline(), N;
-	E[0] !== D.id || E[1] !== M ? (N = () => {
-		M.mutate({
-			pipelineId: D.id,
+var WorkflowButtons_default = (w) => {
+	let T = c(34), { pipeline: E, workflowId: D } = w, O = useWorkflow(D).data, k = useDeleteWorkflow(), A = useRunPipeline(), j;
+	T[0] !== E.id || T[1] !== A ? (j = () => {
+		A.mutate({
+			pipelineId: E.id,
 			runPipelinePayloadDto: {},
 			force: !1
 		});
-	}, E[0] = D.id, E[1] = M, E[2] = N) : N = E[2];
-	let P = N, F;
-	E[3] !== D.id || E[4] !== M || E[5] !== O ? (F = () => {
-		M.mutate({
-			pipelineId: D.id,
+	}, T[0] = E.id, T[1] = A, T[2] = j) : j = T[2];
+	let M = j, N;
+	T[3] !== E.id || T[4] !== A || T[5] !== D ? (N = () => {
+		A.mutate({
+			pipelineId: E.id,
 			runPipelinePayloadDto: { transition: {
 				name: "unlock",
-				workflowId: O
+				workflowId: D
 			} },
 			force: !1
 		});
-	}, E[3] = D.id, E[4] = M, E[5] = O, E[6] = F) : F = E[6];
-	let I = F, L;
-	E[7] !== j || E[8] !== P || E[9] !== D.id || E[10] !== k || E[11] !== A ? (L = () => {
-		if (A) try {
-			j.mutate(A), P(), k.navigateToPipeline(D.id);
+	}, T[3] = E.id, T[4] = A, T[5] = D, T[6] = N) : N = T[6];
+	let P = N, F;
+	T[7] !== k || T[8] !== M || T[9] !== O ? (F = () => {
+		if (O) try {
+			k.mutate(O), M();
 		} catch (t) {
-			let w = t;
-			console.error("Mutation failed:", w);
+			let C = t;
+			console.error("Mutation failed:", C);
 		}
-	}, E[7] = j, E[8] = P, E[9] = D.id, E[10] = k, E[11] = A, E[12] = L) : L = E[12];
-	let R = L;
-	if (!A) return null;
-	let z;
-	E[13] === j.isPending ? z = E[14] : (z = j.isPending ? /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(Repeat, { className: "h-3.5 w-3.5" }), E[13] = j.isPending, E[14] = z);
-	let B;
-	E[15] !== j.isPending || E[16] !== z ? (B = /* @__PURE__ */ jsx(TooltipTrigger, {
+	}, T[7] = k, T[8] = M, T[9] = O, T[10] = F) : F = T[10];
+	let I = F;
+	if (!O) return null;
+	let L;
+	T[11] === k.isPending ? L = T[12] : (L = k.isPending ? /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(Repeat, { className: "h-3.5 w-3.5" }), T[11] = k.isPending, T[12] = L);
+	let R;
+	T[13] !== k.isPending || T[14] !== L ? (R = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
 			asChild: !0,
@@ -50,28 +49,28 @@ var WorkflowButtons_default = (T) => {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				disabled: j.isPending,
-				children: z
+				disabled: k.isPending,
+				children: L
 			})
 		})
-	}), E[15] = j.isPending, E[16] = z, E[17] = B) : B = E[17];
+	}), T[13] = k.isPending, T[14] = L, T[15] = R) : R = T[15];
+	let z;
+	T[16] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsx(TooltipContent, { children: "Repeat" }), T[16] = z) : z = T[16];
+	let B;
+	T[17] === R ? B = T[18] : (B = /* @__PURE__ */ jsxs(Tooltip, { children: [R, z] }), T[17] = R, T[18] = B);
 	let V;
-	E[18] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(TooltipContent, { children: "Repeat" }), E[18] = V) : V = E[18];
+	T[19] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Repeat workflow" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This will delete the current workflow run and re-trigger the pipeline." })] }), T[19] = V) : V = T[19];
 	let H;
-	E[19] === B ? H = E[20] : (H = /* @__PURE__ */ jsxs(Tooltip, { children: [B, V] }), E[19] = B, E[20] = H);
+	T[20] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), T[20] = H) : H = T[20];
 	let U;
-	E[21] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Repeat workflow" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This will delete the current workflow run and re-trigger the pipeline." })] }), E[21] = U) : U = E[21];
+	T[21] === I ? U = T[22] : (U = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [V, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [H, /* @__PURE__ */ jsx(AlertDialogAction, {
+		onClick: I,
+		children: "Repeat"
+	})] })] }), T[21] = I, T[22] = U);
 	let W;
-	E[22] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), E[22] = W) : W = E[22];
+	T[23] !== U || T[24] !== B ? (W = /* @__PURE__ */ jsxs(AlertDialog, { children: [B, U] }), T[23] = U, T[24] = B, T[25] = W) : W = T[25];
 	let G;
-	E[23] === R ? G = E[24] : (G = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [U, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [W, /* @__PURE__ */ jsx(AlertDialogAction, {
-		onClick: R,
-		children: "Repeat"
-	})] })] }), E[23] = R, E[24] = G);
-	let K;
-	E[25] !== G || E[26] !== H ? (K = /* @__PURE__ */ jsxs(AlertDialog, { children: [H, G] }), E[25] = G, E[26] = H, E[27] = K) : K = E[27];
-	let q;
-	E[28] !== I || E[29] !== M.isPending || E[30] !== A.availableTransitions || E[31] !== A.place ? (q = A.place === "end" && A.availableTransitions?.find(_temp2) && /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+	T[26] !== P || T[27] !== A.isPending || T[28] !== O.availableTransitions || T[29] !== O.place ? (G = O.place === "end" && O.availableTransitions?.find(_temp2) && /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
 			asChild: !0,
@@ -79,20 +78,20 @@ var WorkflowButtons_default = (T) => {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				disabled: M.isPending,
-				children: M.isPending ? /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(LockOpen, { className: "h-3.5 w-3.5" })
+				disabled: A.isPending,
+				children: A.isPending ? /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(LockOpen, { className: "h-3.5 w-3.5" })
 			})
 		})
 	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Unlock Step" })] }), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unlock workflow" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Are you sure you want to unlock this workflow?" })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
-		onClick: I,
+		onClick: P,
 		children: "Unlock"
-	})] })] })] }), E[28] = I, E[29] = M.isPending, E[30] = A.availableTransitions, E[31] = A.place, E[32] = q) : q = E[32];
-	let J;
-	return E[33] !== K || E[34] !== q ? (J = /* @__PURE__ */ jsxs("div", {
+	})] })] })] }), T[26] = P, T[27] = A.isPending, T[28] = O.availableTransitions, T[29] = O.place, T[30] = G) : G = T[30];
+	let K;
+	return T[31] !== W || T[32] !== G ? (K = /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center",
 		onClick: _temp,
-		children: [K, q]
-	}), E[33] = K, E[34] = q, E[35] = J) : J = E[35], J;
+		children: [W, G]
+	}), T[31] = W, T[32] = G, T[33] = K) : K = T[33], K;
 };
 function _temp(t) {
 	return t.stopPropagation();

package/dist/features/workbench/hooks/useWorkflowData.js

@@ -0,0 +1,49 @@
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { useFilterDocuments } from "../../../hooks/useDocuments.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { c } from "react/compiler-runtime";
+import { useCallback, useMemo } from "react";
+var import_enums = require_enums();
+function useWorkflowData(r) {
+	let o = c(22), { workflowId: s, showFullMessageHistory: l } = r, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunPipeline(), p;
+	o[0] !== u.data?.place || o[1] !== l ? (p = (e) => {
+		let r = e.meta, i = e.ui, a = r?.hidden || i?.hidden || !!r?.hideAtPlaces?.includes(u.data?.place ?? "");
+		return !l && e.tags?.includes("internal") && (a = !0), !a;
+	}, o[0] = u.data?.place, o[1] = l, o[2] = p) : p = o[2];
+	let m = p, h;
+	bb0: {
+		if (!d.data) {
+			let e;
+			o[3] === Symbol.for("react.memo_cache_sentinel") ? (e = [], o[3] = e) : e = o[3], h = e;
+			break bb0;
+		}
+		let e;
+		o[4] !== d.data || o[5] !== m ? (e = d.data.filter(m), o[4] = d.data, o[5] = m, o[6] = e) : e = o[6], h = e;
+	}
+	let g = h, _;
+	o[7] !== u.data || o[8] !== f || o[9] !== s ? (_ = (e, r) => {
+		f.mutate({
+			pipelineId: u.data.pipelineId,
+			runPipelinePayloadDto: { transition: {
+				id: e,
+				workflowId: s,
+				payload: r
+			} }
+		});
+	}, o[7] = u.data, o[8] = f, o[9] = s, o[10] = _) : _ = o[10];
+	let v = _, y = f.isPending || u.data?.status === import_enums.WorkflowState.Running, b = u.data?.errorMessage, x;
+	return o[11] !== g || o[12] !== d.error || o[13] !== d.isLoading || o[14] !== d.isSuccess || o[15] !== u.data || o[16] !== u.isLoading || o[17] !== u.isSuccess || o[18] !== v || o[19] !== y || o[20] !== b ? (x = {
+		workflow: u.data,
+		workflowLoading: u.isLoading,
+		workflowReady: u.isSuccess,
+		workflowError: b,
+		documents: g,
+		documentsLoading: d.isLoading,
+		documentsReady: d.isSuccess,
+		documentsError: d.error,
+		isLoading: y,
+		handleRun: v
+	}, o[11] = g, o[12] = d.error, o[13] = d.isLoading, o[14] = d.isSuccess, o[15] = u.data, o[16] = u.isLoading, o[17] = u.isSuccess, o[18] = v, o[19] = y, o[20] = b, o[21] = x) : x = o[21], x;
+}
+export { useWorkflowData };

package/dist/features/workbench/hooks/useWorkflowListState.js

@@ -0,0 +1,50 @@
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { useScrollToBottom } from "./useAutoScrollBottom.js";
+import { useIntersectionObserver } from "./useIntersectionObserver.js";
+import { useScrollToListItem } from "./useScrollToListItem.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+function useWorkflowListState(s) {
+	let l = c(19), u;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (u = {}, l[0] = u) : u = l[0];
+	let [d, f] = useState(u), { activeId: p, observe: m } = useIntersectionObserver("0px 0px 0px 0px"), { listRef: h, scrollTo: g } = useScrollToListItem(), { canScrollDown: _, scrollToBottom: v } = useScrollToBottom(), { activeSectionId: y, setActiveSectionId: b } = useWorkbenchLayout(), x, S;
+	l[1] !== p || l[2] !== y || l[3] !== b ? (x = () => {
+		y !== p && (b(p), p && f((e) => ({
+			...e,
+			[p]: !0
+		})));
+	}, S = [
+		p,
+		y,
+		b
+	], l[1] = p, l[2] = y, l[3] = b, l[4] = x, l[5] = S) : (x = l[4], S = l[5]), useEffect(x, S);
+	let C, w;
+	l[6] !== p || l[7] !== s ? (C = () => {
+		if (s && s.length > 0) {
+			let e = s[s.length - 1], o = `section-${e.index}-${e.id}`;
+			f({
+				[o]: !0,
+				...p && p !== o ? { [p]: !0 } : {}
+			});
+		}
+	}, w = [s, p], l[6] = p, l[7] = s, l[8] = C, l[9] = w) : (C = l[8], w = l[9]), useEffect(C, w);
+	let T;
+	l[10] === Symbol.for("react.memo_cache_sentinel") ? (T = (e) => {
+		f((o) => ({
+			...o,
+			[e]: !o[e]
+		}));
+	}, l[10] = T) : T = l[10];
+	let E = T, D;
+	return l[11] !== p || l[12] !== _ || l[13] !== d || l[14] !== h || l[15] !== m || l[16] !== g || l[17] !== v ? (D = {
+		activeId: p,
+		expandedSections: d,
+		observe: m,
+		listRef: h,
+		scrollTo: g,
+		canScrollDown: _,
+		scrollToBottom: v,
+		toggleSection: E
+	}, l[11] = p, l[12] = _, l[13] = d, l[14] = h, l[15] = m, l[16] = g, l[17] = v, l[18] = D) : D = l[18], D;
+}
+export { useWorkflowListState };

package/dist/features/workbench/index.js

@@ -0,0 +1,8 @@
+import WorkflowItem_default from "./WorkflowItem.js";
+import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
+import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
+import WorkflowList_default from "./WorkflowList.js";
+import WorkbenchNavigation_default from "./WorkbenchNavigation.js";
+import PipelineHistoryList_default from "./components/PipelineHistoryList.js";
+import Workbench from "./Workbench.js";
+import { NewRunDialog } from "./components/NewRunDialog.js";