@loopstack/loopstack-studio 0.24.0 → 0.25.0

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

@@ -1,17 +1,16 @@
+import { useWorkflowCheckpoints } 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";
-import { ChevronRight, Clock, Loader2, Play, Wrench } from "lucide-react";
+import { ChevronRight, Clock, Loader2, Play } from "lucide-react";
 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 t;
-		return y[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ jsx("li", {
+var WorkflowHistoryItem_default = (m) => {
+	let h = c(19), { workflowId: g, workflow: _ } = m, v = useWorkflowCheckpoints(g), y = v.data;
+	if (v.isLoading) {
+		let e;
+		return h[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",
@@ -20,130 +19,110 @@ var WorkflowHistoryItem_default = (_) => {
 					children: "Loading..."
 				})]
 			})
-		}), y[0] = t) : t = y[0], t;
+		}), h[0] = e) : e = h[0], e;
 	}
-	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", {
+	if (!y?.length) return null;
+	let b;
+	h[1] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), h[1] = b) : b = h[1];
+	let x = _.title ?? _.alias, S;
+	h[2] === x ? S = h[3] : (S = /* @__PURE__ */ jsx("span", {
 		className: "truncate text-sm",
-		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, {
+		children: x
+	}), h[2] = x, h[3] = S);
+	let C;
+	h[4] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground ml-auto h-3.5 w-3.5 transition-transform group-data-[state=open]/collapsible:rotate-90" }), h[4] = C) : C = h[4];
+	let w;
+	h[5] === S ? w = h[6] : (w = /* @__PURE__ */ jsx(CollapsibleTrigger, {
 		asChild: !0,
 		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: [
-				w,
-				E,
-				D
+				b,
+				S,
+				C
 			]
 		})
-	}), 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", {
+	}), h[5] = S, h[6] = w);
+	let T;
+	h[7] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__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" }), h[7] = T) : T = h[7];
+	let E;
+	h[8] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__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" })
-	}), y[8] = A) : A = y[8];
-	let j;
-	y[9] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ jsxs("div", {
+	}), h[8] = E) : E = h[8];
+	let D;
+	h[9] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsxs("div", {
 		className: "group/entry relative flex gap-3 py-1 pl-0",
-		children: [A, /* @__PURE__ */ jsx("div", {
+		children: [E, /* @__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"
 			})
 		})]
-	}), 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;
+	}), h[9] = D) : D = h[9];
+	let O;
+	if (h[10] !== y) {
+		let e;
+		h[12] === y.length ? e = h[13] : (e = (e, u) => {
+			let d = u === y.length - 1, f = e.place ?? "unknown", p = e.transitionId;
 			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", 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" })
+						className: cn("flex h-4 w-4 items-center justify-center rounded-full border-2 transition-all", d ? "border-primary bg-primary shadow-primary/40 shadow-sm" : "border-muted-foreground/30 bg-background"),
+						children: d && /* @__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", g ? "bg-primary/15 text-primary" : "bg-muted/60 text-muted-foreground"),
-							children: _
-						}), v && /* @__PURE__ */ jsxs("span", {
+							className: cn("w-fit truncate rounded px-1.5 py-0.5 font-mono text-xs font-medium", d ? "bg-primary/15 text-primary" : "bg-muted/60 text-muted-foreground"),
+							children: f
+						}), p && /* @__PURE__ */ jsxs("span", {
 							className: "text-muted-foreground truncate text-[10px] italic",
 							children: [
 								"(via ",
-								v,
+								p,
 								")"
 							]
 						})]
-					}), /* @__PURE__ */ jsxs("div", {
+					}), /* @__PURE__ */ jsx("div", {
 						className: "text-muted-foreground flex items-center gap-2 text-[10px]",
-						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: h.length
-								})]
-							})
-						}), /* @__PURE__ */ jsxs(TooltipContent, {
-							side: "right",
-							className: "max-w-48",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "text-xs font-medium",
-								children: "Tools used:"
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-[11px]",
-								children: h.join(", ")
-							})]
-						})] }), /* @__PURE__ */ jsxs("div", {
+						children: /* @__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(f.timestamp), "HH:mm:ss")
+								children: format(new Date(e.createdAt), "HH:mm:ss")
 							})]
-						})]
+						})
 					})]
 				})]
-			}, 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", {
+			}, e.version);
+		}, h[12] = y.length, h[13] = e), O = y.map(e), h[10] = y, h[11] = O;
+	} else O = h[11];
+	let k;
+	h[14] === O ? k = h[15] : (k = /* @__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: [
-				k,
-				j,
-				M
+				T,
+				D,
+				O
 			]
 		})
-	}) }), y[14] = M, y[15] = N);
-	let P;
-	return y[16] !== N || y[17] !== O ? (P = /* @__PURE__ */ jsx(Collapsible, {
+	}) }), h[14] = O, h[15] = k);
+	let A;
+	return h[16] !== k || h[17] !== w ? (A = /* @__PURE__ */ jsx(Collapsible, {
 		defaultOpen: !0,
 		className: "group/collapsible",
 		children: /* @__PURE__ */ jsxs("li", {
 			className: "group/menu-item relative list-none",
-			children: [O, N]
+			children: [w, k]
 		})
-	}), y[16] = N, y[17] = O, y[18] = P) : P = y[18], P;
+	}), h[16] = k, h[17] = w, h[18] = A) : A = h[18], A;
 };
 export { WorkflowHistoryItem_default as default };

package/dist/features/workbench/components/{PipelineHistoryList.js → WorkflowHistoryList.js}

@@ -1,18 +1,18 @@
-import { useFetchWorkflowsByPipeline } from "../../../hooks/useWorkflows.js";
+import { useChildWorkflows } from "../../../hooks/useWorkflows.js";
 import WorkflowHistoryItem_default from "./WorkflowHistoryItem.js";
 import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Clock, Loader2 } from "lucide-react";
-var PipelineHistoryList_default = (s) => {
-	let l = c(10), { pipeline: u } = s, d = useFetchWorkflowsByPipeline(u?.id ?? ""), f;
+var WorkflowHistoryList_default = (s) => {
+	let l = c(10), { workflow: u } = s, d = useChildWorkflows(u?.id), f;
 	l[0] === d.data ? f = l[1] : (f = d.data ?? [], l[0] = d.data, l[1] = f);
 	let p = f;
 	if (!u) {
 		let e;
 		return l[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground flex items-center justify-center py-8 text-sm",
-			children: "No pipeline selected"
+			children: "No workflow selected"
 		}), l[2] = e) : e = l[2], e;
 	}
 	if (d.isLoading) {
@@ -53,4 +53,4 @@ function _temp(e) {
 		workflow: e
 	}, e.id);
 }
-export { PipelineHistoryList_default as default };
+export { WorkflowHistoryList_default as default };

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

@@ -1,47 +1,49 @@
+import { useStudio } from "../../../../providers/StudioProvider.js";
+import { useCreateWorkflow, 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 { useRunWorkflow } from "../../../../hooks/useProcessor.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 = (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
-		});
-	}, 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: {
+var WorkflowButtons_default = (T) => {
+	let E = c(34), { workflow: D, workflowId: O } = T, { router: k } = useStudio(), A = useWorkflow(O).data, j = useCreateWorkflow(), M = useRunWorkflow(), N = j.isPending || M.isPending, P;
+	E[0] !== j || E[1] !== k || E[2] !== M || E[3] !== D.alias || E[4] !== D.args || E[5] !== D.workspaceId ? (P = () => {
+		j.mutate({ workflowCreateDto: {
+			alias: D.alias,
+			title: null,
+			workspaceId: D.workspaceId,
+			transition: null,
+			args: D.args ?? {}
+		} }, { onSuccess: (t) => {
+			M.mutate({
+				workflowId: t.id,
+				runWorkflowPayloadDto: {},
+				force: !0
+			}, { onSuccess: () => {
+				k.navigateToWorkflow(t.id);
+			} });
+		} });
+	}, E[0] = j, E[1] = k, E[2] = M, E[3] = D.alias, E[4] = D.args, E[5] = D.workspaceId, E[6] = P) : P = E[6];
+	let F = P, I;
+	E[7] !== M || E[8] !== D.id || E[9] !== O ? (I = () => {
+		M.mutate({
+			workflowId: D.id,
+			runWorkflowPayloadDto: { transition: {
 				name: "unlock",
-				workflowId: D
+				workflowId: O
 			} },
 			force: !1
 		});
-	}, 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);
-		}
-	}, 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);
+	}, E[7] = M, E[8] = D.id, E[9] = O, E[10] = I) : I = E[10];
+	let L = I;
+	if (!A) return null;
 	let R;
-	T[13] !== k.isPending || T[14] !== L ? (R = /* @__PURE__ */ jsx(TooltipTrigger, {
+	E[11] === N ? R = E[12] : (R = N ? /* @__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[11] = N, E[12] = R);
+	let z;
+	E[13] !== N || E[14] !== R ? (z = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
 			asChild: !0,
@@ -49,28 +51,28 @@ var WorkflowButtons_default = (w) => {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7",
-				disabled: k.isPending,
-				children: L
+				disabled: N,
+				children: R
 			})
 		})
-	}), 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];
+	}), E[13] = N, E[14] = R, E[15] = z) : z = E[15];
 	let B;
-	T[17] === R ? B = T[18] : (B = /* @__PURE__ */ jsxs(Tooltip, { children: [R, z] }), T[17] = R, T[18] = B);
+	E[16] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(TooltipContent, { children: "Repeat" }), E[16] = B) : B = E[16];
 	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];
+	E[17] === z ? V = E[18] : (V = /* @__PURE__ */ jsxs(Tooltip, { children: [z, B] }), E[17] = z, E[18] = V);
 	let H;
-	T[20] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), T[20] = H) : H = T[20];
+	E[19] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Repeat workflow" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This will create a new run with the same arguments and redirect you to it." })] }), E[19] = H) : H = E[19];
 	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);
+	E[20] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), E[20] = U) : U = E[20];
 	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];
+	E[21] === F ? W = E[22] : (W = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [H, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [U, /* @__PURE__ */ jsx(AlertDialogAction, {
+		onClick: F,
+		children: "Repeat"
+	})] })] }), E[21] = F, E[22] = W);
 	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, {
+	E[23] !== V || E[24] !== W ? (G = /* @__PURE__ */ jsxs(AlertDialog, { children: [V, W] }), E[23] = V, E[24] = W, E[25] = G) : G = E[25];
+	let K;
+	E[26] !== A.availableTransitions || E[27] !== A.place || E[28] !== L || E[29] !== M.isPending ? (K = A.place === "end" && A.availableTransitions?.find(_temp2) && /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
 			asChild: !0,
@@ -78,20 +80,20 @@ var WorkflowButtons_default = (w) => {
 				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" })
+				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__ */ 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,
+		onClick: L,
 		children: "Unlock"
-	})] })] })] }), 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", {
+	})] })] })] }), E[26] = A.availableTransitions, E[27] = A.place, E[28] = L, E[29] = M.isPending, E[30] = K) : K = E[30];
+	let q;
+	return E[31] !== G || E[32] !== K ? (q = /* @__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;
+		children: [G, K]
+	}), E[31] = G, E[32] = K, E[33] = q) : q = E[33], q;
 };
 function _temp(t) {
 	return t.stopPropagation();

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

@@ -1,12 +1,12 @@
-import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import { useWorkflow } from "../../../hooks/useWorkflows.js";
+import { useRunWorkflow } 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;
+function useWorkflowData(i) {
+	let o = c(21), { workflowId: s, showFullMessageHistory: l } = i, u = useWorkflow(s), d = useFilterDocuments(s), f = useRunWorkflow(), 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;
@@ -22,18 +22,18 @@ function useWorkflowData(r) {
 		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) => {
+	o[7] !== f || o[8] !== s ? (_ = (e, r) => {
 		f.mutate({
-			pipelineId: u.data.pipelineId,
-			runPipelinePayloadDto: { transition: {
+			workflowId: s,
+			runWorkflowPayloadDto: { transition: {
 				id: e,
 				workflowId: s,
 				payload: r
 			} }
 		});
-	}, o[7] = u.data, o[8] = f, o[9] = s, o[10] = _) : _ = o[10];
+	}, o[7] = f, o[8] = s, o[9] = _) : _ = o[9];
 	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 = {
+	return o[10] !== g || o[11] !== d.error || o[12] !== d.isLoading || o[13] !== d.isSuccess || o[14] !== u.data || o[15] !== u.isLoading || o[16] !== u.isSuccess || o[17] !== v || o[18] !== y || o[19] !== b ? (x = {
 		workflow: u.data,
 		workflowLoading: u.isLoading,
 		workflowReady: u.isSuccess,
@@ -44,6 +44,6 @@ function useWorkflowData(r) {
 		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;
+	}, o[10] = g, o[11] = d.error, o[12] = d.isLoading, o[13] = d.isSuccess, o[14] = u.data, o[15] = u.isLoading, o[16] = u.isSuccess, o[17] = v, o[18] = y, o[19] = b, o[20] = x) : x = o[20], x;
 }
 export { useWorkflowData };

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

@@ -1,50 +1,13 @@
-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;
+function useWorkflowListState() {
+	let r = c(5), { listRef: i, scrollTo: a } = useScrollToListItem(), { canScrollDown: o, scrollToBottom: s } = useScrollToBottom(), l;
+	return r[0] !== o || r[1] !== i || r[2] !== a || r[3] !== s ? (l = {
+		listRef: i,
+		scrollTo: a,
+		canScrollDown: o,
+		scrollToBottom: s
+	}, r[0] = o, r[1] = i, r[2] = a, r[3] = s, r[4] = l) : l = r[4], l;
 }
 export { useWorkflowListState };

package/dist/features/workbench/index.js

@@ -1,8 +1,7 @@
 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 { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
+import WorkflowHistoryList_default from "./components/WorkflowHistoryList.js";
 import Workbench from "./Workbench.js";
 import { NewRunDialog } from "./components/NewRunDialog.js";

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

@@ -18,5 +18,5 @@ const ScrollProvider = (i) => {
 		value: f,
 		children: o
 	}), a[3] = o, a[4] = f, a[5] = p) : p = a[5], p;
-}, useScroll = () => useContext(ScrollContext);
-export { ScrollProvider, useScroll };
+};
+export { ScrollProvider };

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

@@ -3,7 +3,7 @@ import { createContext, useCallback, useContext, useMemo, useState } from "react
 import { jsx } from "react/jsx-runtime";
 var WorkbenchLayoutContext = createContext(null);
 function WorkbenchLayoutProvider(a) {
-	let o = c(44), { 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;
+	let o = c(44), { children: s, workflow: 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;
 	o[2] !== m?.[0]?.slotId || o[3] !== d?.features?.fileExplorer?.enabled || o[4] !== d?.features?.fileExplorer?.environments ? (N = d?.features?.fileExplorer?.enabled && d?.features?.fileExplorer?.environments?.includes(m?.[0]?.slotId ?? ""), o[2] = m?.[0]?.slotId, o[3] = d?.features?.fileExplorer?.enabled, o[4] = d?.features?.fileExplorer?.environments, o[5] = N) : N = o[5];
@@ -37,8 +37,8 @@ function WorkbenchLayoutProvider(a) {
 		U("preview");
 	}, o[19] = U, o[20] = J);
 	let Y = J, X = P ?? !1, Z;
-	o[21] !== v || o[22] !== S || o[23] !== w || o[24] !== k || o[25] !== G || o[26] !== m || o[27] !== p || o[28] !== f || o[29] !== _ || o[30] !== q || o[31] !== l || o[32] !== M || o[33] !== F || o[34] !== E || o[35] !== X || o[36] !== z || o[37] !== Y || o[38] !== U || o[39] !== d ? (Z = {
-		pipeline: l,
+	o[21] !== v || o[22] !== S || o[23] !== w || o[24] !== k || o[25] !== G || o[26] !== m || o[27] !== p || o[28] !== f || o[29] !== _ || o[30] !== q || o[31] !== M || o[32] !== F || o[33] !== E || o[34] !== X || o[35] !== z || o[36] !== Y || o[37] !== U || o[38] !== l || o[39] !== d ? (Z = {
+		workflow: l,
 		previewPanelEnabled: M,
 		fileExplorerEnabled: X,
 		isDeveloperMode: _,
@@ -61,7 +61,7 @@ function WorkbenchLayoutProvider(a) {
 		setActivePreviewTab: C,
 		activeSectionId: w,
 		setActiveSectionId: T
-	}, o[21] = v, o[22] = S, o[23] = w, o[24] = k, o[25] = G, o[26] = m, o[27] = p, o[28] = f, o[29] = _, o[30] = q, o[31] = l, o[32] = M, o[33] = F, o[34] = E, o[35] = X, o[36] = z, o[37] = Y, o[38] = U, o[39] = d, o[40] = Z) : Z = o[40];
+	}, o[21] = v, o[22] = S, o[23] = w, o[24] = k, o[25] = G, o[26] = m, o[27] = p, o[28] = f, o[29] = _, o[30] = q, o[31] = M, o[32] = F, o[33] = E, o[34] = X, o[35] = z, o[36] = Y, o[37] = U, o[38] = l, o[39] = d, o[40] = Z) : Z = o[40];
 	let Q = Z, $;
 	return o[41] !== s || o[42] !== Q ? ($ = /* @__PURE__ */ jsx(WorkbenchLayoutContext.Provider, {
 		value: Q,

package/dist/features/workspaces/Workspaces.js

@@ -71,7 +71,7 @@ var Workspaces_default = () => {
 					className: "hover:bg-primary/10 cursor-pointer",
 					onClick: () => Ie((t) => ({
 						...t,
-						blockName: e
+						className: e
 					})),
 					children: e.length > 25 ? e.slice(0, 25) + "..." : e
 				})