@loopstack/loopstack-studio 0.21.3 → 0.23.0

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

@@ -1,20 +1,21 @@
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
 import UiActions_default from "../../../components/ui-widgets/UiActions.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
-import { WorkflowState } from "@loopstack/api-client";
 import { jsx } from "react/jsx-runtime";
-var WorkflowForms_default = (a) => {
-	let o = c(7), { workflow: s, onSubmit: l } = a, u = s.ui?.actions;
+var import_enums = require_enums(), WorkflowForms_default = (e) => {
+	let o = c(8), { workflow: s, onSubmit: l } = e, u = s.ui?.actions;
 	if (!u?.length) return null;
 	let d;
 	o[0] === s.availableTransitions ? d = o[1] : (d = s.availableTransitions?.map(_temp) ?? [], o[0] = s.availableTransitions, o[1] = d);
-	let f = d, p = u, m = s.status === WorkflowState.Completed, h;
-	return o[2] !== f || o[3] !== l || o[4] !== p || o[5] !== m ? (h = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
+	let f = d, p = u, m = s.status === import_enums.WorkflowState.Completed, h;
+	return o[2] !== f || o[3] !== l || o[4] !== p || o[5] !== m || o[6] !== s.place ? (h = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
 		actions: p,
 		availableTransitions: f,
+		currentPlace: s.place,
 		disabled: m,
 		onSubmit: l
-	}) }), o[2] = f, o[3] = l, o[4] = p, o[5] = m, o[6] = h) : h = o[6], h;
+	}) }), o[2] = f, o[3] = l, o[4] = p, o[5] = m, o[6] = s.place, o[7] = h) : h = o[7], h;
 };
 function _temp(e) {
 	return e.id;

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

@@ -1,103 +1,105 @@
-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 { SidebarMenuButton, SidebarMenuItem, SidebarMenuSub } from "../../../components/ui/sidebar.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Clock, Loader2, Play, Wrench } from "lucide-react";
 import { format } from "date-fns";
-var WorkflowHistoryItem_default = (x) => {
-	let S = c(19), { workflowId: C, workflow: w } = x, T = useWorkflow(C), E = T.data?.history;
-	if (T.isLoading) {
-		let e;
-		return S[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
-			className: "opacity-50",
-			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }), /* @__PURE__ */ jsx("span", {
-				className: "text-sm",
-				children: "Loading..."
-			})]
-		}) }), S[0] = e) : e = S[0], e;
+var WorkflowHistoryItem_default = (_) => {
+	let y = c(19), { workflowId: b, workflow: x } = _, S = useWorkflow(b), C = S.data?.history;
+	if (S.isLoading) {
+		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",
+				children: [/* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }), /* @__PURE__ */ jsx("span", {
+					className: "text-sm",
+					children: "Loading..."
+				})]
+			})
+		}), y[0] = t) : t = y[0], t;
 	}
-	if (!E?.length) return null;
-	let D;
-	S[1] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), S[1] = D) : D = S[1];
-	let O = w.title ?? w.blockName, k;
-	S[2] === O ? k = S[3] : (k = /* @__PURE__ */ jsx("span", {
+	if (!C?.length) return null;
+	let w;
+	y[1] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), y[1] = w) : w = y[1];
+	let T = x.title ?? x.blockName, E;
+	y[2] === T ? E = y[3] : (E = /* @__PURE__ */ jsx("span", {
 		className: "truncate text-sm",
-		children: O
-	}), S[2] = O, S[3] = k);
-	let A;
-	S[4] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground ml-auto h-3.5 w-3.5 transition-transform group-data-[state=open]/collapsible:rotate-90" }), S[4] = A) : A = S[4];
-	let j;
-	S[5] === k ? j = S[6] : (j = /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		children: T
+	}), y[2] = T, y[3] = E);
+	let D;
+	y[4] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground ml-auto h-3.5 w-3.5 transition-transform group-data-[state=open]/collapsible:rotate-90" }), y[4] = D) : D = y[4];
+	let O;
+	y[5] === E ? O = y[6] : (O = /* @__PURE__ */ jsx(CollapsibleTrigger, {
 		asChild: !0,
-		children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
-			className: "group/trigger font-medium",
+		children: /* @__PURE__ */ jsxs("button", {
+			className: "hover:bg-accent hover:text-accent-foreground group/trigger flex w-full items-center gap-2 rounded-md p-2 text-left text-sm font-medium",
 			children: [
-				D,
-				k,
-				A
+				w,
+				E,
+				D
 			]
 		})
-	}), S[5] = k, S[6] = j);
-	let M;
-	S[7] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx("div", { className: "from-primary/60 via-primary/30 to-muted/20 absolute top-7 bottom-3 left-1.75 w-0.5 rounded-full bg-linear-to-b" }), S[7] = M) : M = S[7];
-	let N;
-	S[8] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ jsx("div", {
+	}), y[5] = E, y[6] = O);
+	let k;
+	y[7] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ jsx("div", { className: "from-primary/60 via-primary/30 to-muted/20 absolute top-7 bottom-3 left-1.75 w-0.5 rounded-full bg-linear-to-b" }), y[7] = k) : k = y[7];
+	let A;
+	y[8] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ jsx("div", {
 		className: "relative z-10 flex shrink-0 items-center justify-center",
 		children: /* @__PURE__ */ jsx("div", { className: "border-primary/60 bg-primary/20 flex h-4 w-4 items-center justify-center rounded-full border-2" })
-	}), S[8] = N) : N = S[8];
-	let P;
-	S[9] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsxs("div", {
+	}), y[8] = A) : A = y[8];
+	let j;
+	y[9] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ jsxs("div", {
 		className: "group/entry relative flex gap-3 py-1 pl-0",
-		children: [N, /* @__PURE__ */ jsx("div", {
+		children: [A, /* @__PURE__ */ jsx("div", {
 			className: "flex min-w-0 flex-1 items-center gap-1.5",
 			children: /* @__PURE__ */ jsx("span", {
 				className: "bg-muted text-foreground w-fit truncate rounded px-1.5 py-0.5 font-mono text-xs font-medium",
 				children: "start"
 			})
 		})]
-	}), S[9] = P) : P = S[9];
-	let F;
-	if (S[10] !== E) {
-		let e;
-		S[12] === E.length ? e = S[13] : (e = (e, h) => {
-			console.log(e);
-			let g = e.data?.transition, _ = Object.keys(e.data?.tools ?? {}), v = h === E.length - 1, y = e.data?.place ?? g?.to ?? "unknown", b = g?.id;
+	}), y[9] = j) : j = y[9];
+	let M;
+	if (y[10] !== C) {
+		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", {
 					className: "relative z-10 flex shrink-0 items-center justify-center",
 					children: /* @__PURE__ */ jsx("div", {
-						className: cn("flex h-4 w-4 items-center justify-center rounded-full border-2 transition-all", v ? "border-primary bg-primary shadow-primary/40 shadow-sm" : "border-muted-foreground/30 bg-background"),
-						children: v && /* @__PURE__ */ jsx("div", { className: "bg-primary-foreground h-1.5 w-1.5 animate-pulse rounded-full" })
+						className: cn("flex h-4 w-4 items-center justify-center rounded-full border-2 transition-all", g ? "border-primary bg-primary shadow-primary/40 shadow-sm" : "border-muted-foreground/30 bg-background"),
+						children: g && /* @__PURE__ */ jsx("div", { className: "bg-primary-foreground h-1.5 w-1.5 animate-pulse rounded-full" })
 					})
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-0.5",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex items-baseline gap-1.5",
 						children: [/* @__PURE__ */ jsx("span", {
-							className: cn("w-fit truncate rounded px-1.5 py-0.5 font-mono text-xs font-medium", v ? "bg-primary/15 text-primary" : "bg-muted/60 text-muted-foreground"),
-							children: y
-						}), b && /* @__PURE__ */ jsxs("span", {
+							className: cn("w-fit truncate rounded px-1.5 py-0.5 font-mono text-xs font-medium", g ? "bg-primary/15 text-primary" : "bg-muted/60 text-muted-foreground"),
+							children: _
+						}), v && /* @__PURE__ */ jsxs("span", {
 							className: "text-muted-foreground truncate text-[10px] italic",
 							children: [
 								"(via ",
-								b,
+								v,
 								")"
 							]
 						})]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "text-muted-foreground flex items-center gap-2 text-[10px]",
-						children: [_.length > 0 && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						children: [h.length > 0 && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 							asChild: !0,
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "flex cursor-default items-center gap-0.5",
 								children: [/* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3" }), /* @__PURE__ */ jsx("span", {
 									className: "tabular-nums",
-									children: _.length
+									children: h.length
 								})]
 							})
 						}), /* @__PURE__ */ jsxs(TooltipContent, {
@@ -108,37 +110,40 @@ var WorkflowHistoryItem_default = (x) => {
 								children: "Tools used:"
 							}), /* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground text-[11px]",
-								children: _.join(", ")
+								children: h.join(", ")
 							})]
 						})] }), /* @__PURE__ */ jsxs("div", {
 							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);
-		}, S[12] = E.length, S[13] = e), F = E.map(e), S[10] = E, S[11] = F;
-	} else F = S[11];
-	let I;
-	S[14] === F ? I = S[15] : (I = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, {
-		className: "ml-2 border-none pl-0",
+			}, 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", {
+		className: "ml-2 flex min-w-0 flex-col gap-1 pl-0",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "relative py-2",
 			children: [
-				M,
-				P,
-				F
+				k,
+				j,
+				M
 			]
 		})
-	}) }), S[14] = F, S[15] = I);
-	let L;
-	return S[16] !== I || S[17] !== j ? (L = /* @__PURE__ */ jsx(Collapsible, {
+	}) }), y[14] = M, y[15] = N);
+	let P;
+	return y[16] !== N || y[17] !== O ? (P = /* @__PURE__ */ jsx(Collapsible, {
 		defaultOpen: !0,
 		className: "group/collapsible",
-		children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [j, I] })
-	}), S[16] = I, S[17] = j, S[18] = L) : L = S[18], L;
+		children: /* @__PURE__ */ jsxs("li", {
+			className: "group/menu-item relative list-none",
+			children: [O, N]
+		})
+	}), y[16] = N, y[17] = O, y[18] = P) : P = y[18], P;
 };
 export { WorkflowHistoryItem_default as default };

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

@@ -1,85 +1,102 @@
-import { useStudio } from "../../../../providers/StudioProvider.js";
-import { useDeleteWorkflow } 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, Trash2 } from "lucide-react";
-var WorkflowButtons_default = (b) => {
-	let x = c(33), { pipeline: S, workflow: C } = b, { router: w } = useStudio(), T = useDeleteWorkflow(), E = useRunPipeline(), D;
-	x[0] !== S.id || x[1] !== E ? (D = () => {
-		E.mutate({
-			pipelineId: S.id,
+import { LockOpen, Repeat } from "lucide-react";
+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
 		});
-	}, x[0] = S.id, x[1] = E, x[2] = D) : D = x[2];
-	let O = D, k;
-	x[3] !== S.id || x[4] !== E || x[5] !== C.id ? (k = () => {
-		E.mutate({
-			pipelineId: S.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: C.id
+				workflowId: D
 			} },
 			force: !1
 		});
-	}, x[3] = S.id, x[4] = E, x[5] = C.id, x[6] = k) : k = x[6];
-	let A = k, j;
-	x[7] !== T || x[8] !== O || x[9] !== S.id || x[10] !== w || x[11] !== C ? (j = () => {
-		try {
-			T.mutate(C), O(), w.navigateToPipeline(S.id);
-		} catch (e) {
-			let y = e;
-			console.error("Mutation failed:", y);
+	}, 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 C = t;
+			console.error("Mutation failed:", C);
 		}
-	}, x[7] = T, x[8] = O, x[9] = S.id, x[10] = w, x[11] = C, x[12] = j) : j = x[12];
-	let M = j, N;
-	x[13] === T.isPending ? N = x[14] : (N = T.isPending ? /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }), x[13] = T.isPending, x[14] = N);
-	let P;
-	x[15] !== T.isPending || x[16] !== N ? (P = /* @__PURE__ */ jsx(AlertDialogTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
-			disabled: T.isPending,
-			children: [N, "Delete and Repeat Workflow"]
-		})
-	}), x[15] = T.isPending, x[16] = N, x[17] = P) : P = x[17];
-	let F;
-	x[18] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Are you sure?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete the workflow." })] }), x[18] = F) : F = x[18];
-	let I;
-	x[19] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), x[19] = I) : I = x[19];
+	}, T[7] = k, T[8] = M, T[9] = O, T[10] = F) : F = T[10];
+	let I = F;
+	if (!O) return null;
 	let L;
-	x[20] === M ? L = x[21] : (L = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [F, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [I, /* @__PURE__ */ jsx(AlertDialogAction, {
-		className: "bg-destructive hover:bg-destructive/90 text-white",
-		onClick: M,
-		children: "Delete"
-	})] })] }), x[20] = M, x[21] = 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;
-	x[22] !== P || x[23] !== L ? (R = /* @__PURE__ */ jsxs(AlertDialog, { children: [P, L] }), x[22] = P, x[23] = L, x[24] = R) : R = x[24];
+	T[13] !== k.isPending || T[14] !== L ? (R = /* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-7 w-7",
+				disabled: k.isPending,
+				children: L
+			})
+		})
+	}), T[13] = k.isPending, T[14] = L, T[15] = R) : R = T[15];
 	let z;
-	x[25] !== A || x[26] !== E.isPending || x[27] !== C.availableTransitions || x[28] !== C.place ? (z = C.place === "end" && C.availableTransitions?.find(_temp) && /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
+	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;
+	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;
+	T[20] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), T[20] = H) : H = T[20];
+	let U;
+	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;
+	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;
+	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__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
-			disabled: E.isPending,
-			children: [E.isPending ? /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : /* @__PURE__ */ jsx(LockOpen, { className: "h-4 w-4" }), "Unlock Step"]
+		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-7 w-7",
+				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__ */ 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: A,
+	}), /* @__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: P,
 		children: "Unlock"
-	})] })] })] }), x[25] = A, x[26] = E.isPending, x[27] = C.availableTransitions, x[28] = C.place, x[29] = z) : z = x[29];
-	let B;
-	return x[30] !== z || x[31] !== R ? (B = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
-		className: "flex",
-		children: [R, z]
-	}) }), x[30] = z, x[31] = R, x[32] = B) : B = x[32], B;
+	})] })] })] }), 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: [W, G]
+	}), T[31] = W, T[32] = G, T[33] = K) : K = T[33], K;
 };
-function _temp(e) {
-	return e.id === "unlock";
+function _temp(t) {
+	return t.stopPropagation();
+}
+function _temp2(t) {
+	return t.id === "unlock";
 }
 export { WorkflowButtons_default as default };

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

@@ -0,0 +1,49 @@
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { useFilterDocuments } from "../../../hooks/useDocuments.js";
+import { c } from "react/compiler-runtime";
+import { useCallback, useMemo } from "react";
+var import_enums = require_enums();
+function useWorkflowData(e) {
+	let o = c(22), { workflowId: s, showFullMessageHistory: l } = e, 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";

package/dist/features/workbench/providers/WorkbenchLayoutProvider.js

@@ -0,0 +1,76 @@
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var WorkbenchLayoutContext = createContext(null);
+function WorkbenchLayoutProvider(a) {
+	let o = c(39), { children: s, pipeline: l, isDeveloperMode: u, workspaceConfig: d, getPreviewUrl: f, getEnvironmentPreviewUrl: p, environments: m, previewPanelOpen: h, onPreviewPanelOpenChange: g } = a, _ = u === void 0 ? !1 : u, [v, y] = useState(null), [b, x] = useState(null), [S, C] = useState("preview"), [w, T] = useState(null), [E, D] = useState(""), O = h !== void 0, k = O ? h ? b ?? "preview" : null : b, A = d?.features?.previewPanel?.enabled ?? !1, j;
+	o[0] === m ? j = o[1] : (j = m === void 0 || m.some(_temp), o[0] = m, o[1] = j);
+	let M = A && j, N = k !== null, P;
+	o[2] !== O || o[3] !== g ? (P = (t) => {
+		O && g?.(t !== null), x(t);
+	}, o[2] = O, o[3] = g, o[4] = P) : P = o[4];
+	let F = P, I;
+	o[5] === F ? I = o[6] : (I = (t) => {
+		y((a) => a === t ? null : t), F(null);
+	}, o[5] = F, o[6] = I);
+	let L = I, R;
+	o[7] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
+		y(null);
+	}, o[7] = R) : R = o[7];
+	let z = R, B;
+	o[8] !== k || o[9] !== F ? (B = (t) => {
+		let a = k === t ? null : t;
+		F(a), a && y(null);
+	}, o[8] = k, o[9] = F, o[10] = B) : B = o[10];
+	let V = B, H;
+	o[11] === F ? H = o[12] : (H = () => {
+		F(null);
+	}, o[11] = F, o[12] = H);
+	let U = H, W;
+	o[13] === F ? W = o[14] : (W = (t) => {
+		D(t), F("preview"), y(null);
+	}, o[13] = F, o[14] = W);
+	let G = W, K;
+	o[15] === V ? K = o[16] : (K = () => {
+		V("preview");
+	}, o[15] = V, o[16] = K);
+	let q = K, J;
+	o[17] !== v || o[18] !== S || o[19] !== w || o[20] !== k || o[21] !== U || o[22] !== m || o[23] !== p || o[24] !== f || o[25] !== _ || o[26] !== G || o[27] !== l || o[28] !== M || o[29] !== N || o[30] !== E || o[31] !== L || o[32] !== q || o[33] !== V || o[34] !== d ? (J = {
+		pipeline: l,
+		previewPanelEnabled: M,
+		isDeveloperMode: _,
+		workspaceConfig: d,
+		getPreviewUrl: f,
+		getEnvironmentPreviewUrl: p,
+		environments: m,
+		activeFloatingPanel: v,
+		toggleFloatingPanel: L,
+		closeFloatingPanel: z,
+		activeSidePanel: k,
+		toggleSidePanel: V,
+		closeSidePanel: U,
+		selectedSlotId: E,
+		setSelectedSlotId: D,
+		openPreviewWithEnvironment: G,
+		previewPanelOpen: N,
+		togglePreviewPanel: q,
+		activePreviewTab: S,
+		setActivePreviewTab: C,
+		activeSectionId: w,
+		setActiveSectionId: T
+	}, o[17] = v, o[18] = S, o[19] = w, o[20] = k, o[21] = U, o[22] = m, o[23] = p, o[24] = f, o[25] = _, o[26] = G, o[27] = l, o[28] = M, o[29] = N, o[30] = E, o[31] = L, o[32] = q, o[33] = V, o[34] = d, o[35] = J) : J = o[35];
+	let Y = J, X;
+	return o[36] !== s || o[37] !== Y ? (X = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
+		value: Y,
+		children: s
+	}), o[36] = s, o[37] = Y, o[38] = X) : X = o[38], X;
+}
+function _temp(t) {
+	return !!t.connectionUrl && (!!t.workerId || t.local);
+}
+function useWorkbenchLayout() {
+	let t = useContext(WorkbenchLayoutContext);
+	if (!t) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
+	return t;
+}
+export { WorkbenchLayoutProvider, useWorkbenchLayout };

package/dist/features/workspaces/Workspaces.js

@@ -1,11 +1,11 @@
 import { useStudio } from "../../providers/StudioProvider.js";
+import { useWorkspaceConfig } from "../../hooks/useConfig.js";
 import { useBatchDeleteWorkspaces, useDeleteWorkspace, useFilterWorkspaces, useSetFavouriteWorkspace } from "../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../providers/ComponentOverridesProvider.js";
 import { Badge } from "../../components/ui/badge.js";
 import { Dialog, DialogContent } from "../../components/ui/dialog.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
 import ListView_default from "../../components/lists/ListView.js";
-import { useWorkspaceConfig } from "../../hooks/useConfig.js";
 import { useDebounce } from "../../hooks/useDebounce.js";
 import CreateWorkspace_default from "./components/CreateWorkspace.js";
 import { c } from "react/compiler-runtime";
@@ -200,7 +200,7 @@ function _temp(e) {
 function _temp2(e) {
 	return /* @__PURE__ */ jsxs(Badge, {
 		variant: "secondary",
-		children: [e.providerAppName ?? e.remoteEnvironmentId.slice(0, 8), e.type && /* @__PURE__ */ jsxs("span", {
+		children: [e.envName ?? e.remoteEnvironmentId.slice(0, 8), e.type && /* @__PURE__ */ jsxs("span", {
 			className: "text-muted-foreground ml-1",
 			children: [
 				"(",