@loopstack/loopstack-studio 0.21.2 → 0.22.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

@@ -2,102 +2,104 @@ 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 { 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) {
+var WorkflowHistoryItem_default = (_) => {
+	let y = c(19), { workflowId: b, workflow: x } = _, S = useWorkflow(b), C = S.data?.history;
+	if (S.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;
+		return y[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__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] = e) : e = y[0], e;
 	}
-	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) {
+	}), y[9] = j) : j = y[9];
+	let M;
+	if (y[10] !== C) {
 		let e;
-		S[12] === E.length ? e = S[13] : (e = (e, h) => {
+		y[12] === C.length ? e = y[13] : (e = (e, p) => {
 			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;
+			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;
 			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,7 +110,7 @@ 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",
@@ -120,25 +122,28 @@ var WorkflowHistoryItem_default = (x) => {
 					})]
 				})]
 			}, 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",
+		}, y[12] = C.length, y[13] = e), M = C.map(e), 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,103 @@
 import { useStudio } from "../../../../providers/StudioProvider.js";
-import { useDeleteWorkflow } from "../../../../hooks/useWorkflows.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 { 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 = (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,
 			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,
+	}, 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,
 			runPipelinePayloadDto: { transition: {
 				name: "unlock",
-				workflowId: C.id
+				workflowId: O
 			} },
 			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);
+	}, 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);
+		} catch (t) {
+			let w = t;
+			console.error("Mutation failed:", w);
 		}
-	}, 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, {
+	}, 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, {
 		asChild: !0,
-		children: /* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
-			disabled: T.isPending,
-			children: [N, "Delete and Repeat Workflow"]
+		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-7 w-7",
+				disabled: j.isPending,
+				children: z
+			})
 		})
-	}), 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];
-	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);
-	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];
-	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, {
+	}), E[15] = j.isPending, E[16] = z, E[17] = B) : B = E[17];
+	let V;
+	E[18] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(TooltipContent, { children: "Repeat" }), E[18] = V) : V = E[18];
+	let H;
+	E[19] === B ? H = E[20] : (H = /* @__PURE__ */ jsxs(Tooltip, { children: [B, V] }), E[19] = B, E[20] = H);
+	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];
+	let W;
+	E[22] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), E[22] = W) : W = E[22];
+	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, {
 		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: 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" })
+			})
 		})
-	}), /* @__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: I,
 		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;
+	})] })] })] }), 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", {
+		className: "flex items-center",
+		onClick: _temp,
+		children: [K, q]
+	}), E[33] = K, E[34] = q, E[35] = J) : J = E[35], J;
 };
-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/components/document-renderer/DocumentFormRenderer.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 import { useForm } from "react-hook-form";
 import "zod";
 var DocumentFormRenderer_default = (l) => {
-	let u = c(38), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
+	let u = c(39), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
 	u[0] !== p.content || u[1] !== p.schema.type ? (_ = p.schema.type === "object" ? p.content : { raw: p.content }, u[0] = p.content, u[1] = p.schema.type, u[2] = _) : _ = u[2];
 	let v;
 	u[3] === _ ? v = u[4] : (v = {
@@ -52,15 +52,16 @@ var DocumentFormRenderer_default = (l) => {
 	let k = O, A = p.ui, j = p.schema, M = A?.form?.disabled, N = !m || M || !1, P;
 	u[22] === p.ui?.actions ? P = u[23] : (P = p.ui?.actions ?? [], u[22] = p.ui?.actions, u[23] = P);
 	let F = P, I = A ?? void 0, L = p.meta?.mimeType, R;
-	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending ? (R = /* @__PURE__ */ jsx(UiActions_default, {
+	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending || u[29] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
 		actions: F,
 		onSubmit: k,
 		availableTransitions: C,
+		currentPlace: f.place,
 		disabled: N,
 		isLoading: g.isPending
-	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = R) : R = u[29];
+	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = f.place, u[30] = R) : R = u[30];
 	let z;
-	return u[30] !== N || u[31] !== y || u[32] !== j || u[33] !== I || u[34] !== L || u[35] !== R || u[36] !== h ? (z = /* @__PURE__ */ jsx("div", {
+	return u[31] !== N || u[32] !== y || u[33] !== j || u[34] !== I || u[35] !== L || u[36] !== R || u[37] !== h ? (z = /* @__PURE__ */ jsx("div", {
 		className: "flex",
 		children: /* @__PURE__ */ jsx(Form_default, {
 			form: y,
@@ -71,7 +72,7 @@ var DocumentFormRenderer_default = (l) => {
 			viewOnly: h,
 			actions: R
 		})
-	}), u[30] = N, u[31] = y, u[32] = j, u[33] = I, u[34] = L, u[35] = R, u[36] = h, u[37] = z) : z = u[37], z;
+	}), u[31] = N, u[32] = y, u[33] = j, u[34] = I, u[35] = L, u[36] = R, u[37] = h, u[38] = z) : z = u[38], z;
 };
 function _temp(e) {
 	return e.id;

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

@@ -0,0 +1,77 @@
+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;
+}
+function useWorkbenchLayout() {
+	let t = useContext(WorkbenchLayoutContext);
+	if (!t) throw Error("useWorkbenchLayout must be used within a WorkbenchLayoutProvider");
+	return t;
+}
+const WorkbenchContextProvider = createContext(null);
+export { WorkbenchContextProvider, 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: [
 				"(",