@loopstack/loopstack-studio 0.29.5 → 0.31.0

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

@@ -1,6 +1,6 @@
+import { useResetEnvironment } from "../../../hooks/useEnvironments.js";
 import { Button } from "../../../components/ui/button.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
-import { useResetEnvironment } from "../../../hooks/useEnvironments.js";
 import { SidebarPanel } from "./SidebarPanel.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -30,18 +30,18 @@ function WorkbenchEnvironmentPanel(d) {
 			className: "flex-1 overflow-y-auto px-4 py-3",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "space-y-2",
-				children: [y.map((u) => /* @__PURE__ */ jsxs("div", {
+				children: [y.map((e) => /* @__PURE__ */ jsxs("div", {
 					className: "bg-muted/50 rounded-md px-3 py-3",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "mb-2",
 						children: [/* @__PURE__ */ jsx("div", {
 							className: "text-sm font-medium",
-							children: u.envName || u.slotId
+							children: e.envName || e.slotId
 						}), /* @__PURE__ */ jsx("div", {
 							className: "text-muted-foreground text-xs",
-							children: u.type || "remote"
+							children: e.type || "remote"
 						})]
-					}), _ === u.slotId ? /* @__PURE__ */ jsxs("div", {
+					}), _ === e.slotId ? /* @__PURE__ */ jsxs("div", {
 						className: "space-y-2",
 						children: [/* @__PURE__ */ jsx("p", {
 							className: "text-destructive text-xs",
@@ -53,7 +53,7 @@ function WorkbenchEnvironmentPanel(d) {
 								variant: "destructive",
 								className: "h-7 text-xs",
 								disabled: g.isPending,
-								onClick: () => void b(u.slotId),
+								onClick: () => void b(e.slotId),
 								children: [g.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx(RotateCcw, { className: "mr-1 h-3 w-3" }), "Confirm Reset"]
 							}), /* @__PURE__ */ jsx(Button, {
 								size: "sm",
@@ -68,10 +68,10 @@ function WorkbenchEnvironmentPanel(d) {
 						size: "sm",
 						variant: "outline",
 						className: "h-7 text-xs",
-						onClick: () => v(u.slotId),
+						onClick: () => v(e.slotId),
 						children: [/* @__PURE__ */ jsx(RotateCcw, { className: "mr-1 h-3 w-3" }), "Reset Environment"]
 					})]
-				}, u.slotId)), y.length === 0 && /* @__PURE__ */ jsx("p", {
+				}, e.slotId)), y.length === 0 && /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground py-4 text-center text-sm",
 					children: "No remote environments configured."
 				})]

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

@@ -1,136 +1,101 @@
-import { useStudio } from "../../../providers/StudioProvider.js";
 import { cn } from "../../../lib/utils.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
 import "../../feature-registry/index.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Link, useLocation } from "react-router-dom";
-import { Home, MonitorPlay, Play, Server } from "lucide-react";
-function IconButton(e) {
-	let l = c(12), { icon: u, label: f, active: p, disabled: m, onClick: h } = e, g = m ? void 0 : h, _ = m ? "text-muted-foreground/40 cursor-not-allowed" : p ? "bg-foreground text-background hover:cursor-pointer" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground hover:cursor-pointer", v;
-	l[0] === _ ? v = l[1] : (v = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors", _), l[0] = _, l[1] = v);
-	let y;
-	l[2] !== m || l[3] !== u || l[4] !== g || l[5] !== v ? (y = /* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsx("button", {
-			onClick: g,
-			disabled: m,
-			className: v,
-			children: u
-		})
-	}), l[2] = m, l[3] = u, l[4] = g, l[5] = v, l[6] = y) : y = l[6];
-	let b;
-	l[7] === f ? b = l[8] : (b = /* @__PURE__ */ jsx(TooltipContent, {
-		side: "left",
-		children: f
-	}), l[7] = f, l[8] = b);
-	let x;
-	return l[9] !== y || l[10] !== b ? (x = /* @__PURE__ */ jsxs(Tooltip, { children: [y, b] }), l[9] = y, l[10] = b, l[11] = x) : x = l[11], x;
-}
-function IconLink(e) {
-	let l = c(11), { icon: u, label: p, to: m, active: h } = e, g = h ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground", _;
-	l[0] === g ? _ = l[1] : (_ = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors", g), l[0] = g, l[1] = _);
+import { MonitorPlay, Play, Server } from "lucide-react";
+function IconButton(a) {
+	let o = c(12), { icon: u, label: d, active: f, disabled: p, onClick: m } = a, h = p ? void 0 : m, g = p ? "text-muted-foreground/40 cursor-not-allowed" : f ? "bg-foreground text-background hover:cursor-pointer" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground hover:cursor-pointer", _;
+	o[0] === g ? _ = o[1] : (_ = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors", g), o[0] = g, o[1] = _);
 	let v;
-	l[2] !== u || l[3] !== _ || l[4] !== m ? (v = /* @__PURE__ */ jsx(TooltipTrigger, {
+	o[2] !== p || o[3] !== u || o[4] !== h || o[5] !== _ ? (v = /* @__PURE__ */ jsx(TooltipTrigger, {
 		asChild: !0,
-		children: /* @__PURE__ */ jsx(Link, {
-			to: m,
+		children: /* @__PURE__ */ jsx("button", {
+			onClick: h,
+			disabled: p,
 			className: _,
 			children: u
 		})
-	}), l[2] = u, l[3] = _, l[4] = m, l[5] = v) : v = l[5];
+	}), o[2] = p, o[3] = u, o[4] = h, o[5] = _, o[6] = v) : v = o[6];
 	let y;
-	l[6] === p ? y = l[7] : (y = /* @__PURE__ */ jsx(TooltipContent, {
+	o[7] === d ? y = o[8] : (y = /* @__PURE__ */ jsx(TooltipContent, {
 		side: "left",
-		children: p
-	}), l[6] = p, l[7] = y);
+		children: d
+	}), o[7] = d, o[8] = y);
 	let b;
-	return l[8] !== v || l[9] !== y ? (b = /* @__PURE__ */ jsxs(Tooltip, { children: [v, y] }), l[8] = v, l[9] = y, l[10] = b) : b = l[10], b;
+	return o[9] !== v || o[10] !== y ? (b = /* @__PURE__ */ jsxs(Tooltip, { children: [v, y] }), o[9] = v, o[10] = y, o[11] = b) : b = o[11], b;
 }
 function WorkbenchIconSidebar() {
-	let i = c(65), { previewPanelEnabled: a, activePanel: o, togglePanel: s, environments: f, workspaceId: b } = useWorkbenchLayout(), { router: C } = useStudio(), w = useLocation(), T = useFeatureRegistry(), E;
-	i[0] === f ? E = i[1] : (E = f?.some(_temp) ?? !1, i[0] = f, i[1] = E);
-	let D = E, O;
-	i[2] !== C || i[3] !== b ? (O = C.getWorkspace(b), i[2] = C, i[3] = b, i[4] = O) : O = i[4];
-	let k = O, A, j, M, N, P, F, I, L;
-	if (i[5] !== o || i[6] !== T || i[7] !== D || i[8] !== w.pathname || i[9] !== a || i[10] !== s || i[11] !== k) {
-		let e = T.filter(_temp2).map(_temp3);
-		P = "border-l bg-background flex w-12 shrink-0 flex-col items-center", i[20] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ jsx("div", { className: "flex h-12 shrink-0 items-center justify-center border-b w-full" }), i[20] = F) : F = i[20];
-		let l;
-		i[21] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ jsx(Home, { className: "h-5 w-5" }), i[21] = l) : l = i[21];
-		let u = w.pathname === k, d;
-		i[22] !== u || i[23] !== k ? (d = /* @__PURE__ */ jsx(IconLink, {
-			icon: l,
-			label: "Workspace",
-			to: k,
-			active: u
-		}), i[22] = u, i[23] = k, i[24] = d) : d = i[24];
-		let f;
-		i[25] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(Play, { className: "h-5 w-5" }), i[25] = f) : f = i[25];
-		let p = o === "runs", b;
-		i[26] === s ? b = i[27] : (b = () => s("runs"), i[26] = s, i[27] = b);
-		let S;
-		i[28] !== p || i[29] !== b ? (S = /* @__PURE__ */ jsx(IconButton, {
-			icon: f,
-			label: "Runs",
-			active: p,
-			onClick: b
-		}), i[28] = p, i[29] = b, i[30] = S) : S = i[30], i[31] !== d || i[32] !== S ? (I = /* @__PURE__ */ jsxs("div", {
+	let e = c(53), { previewPanelEnabled: n, activePanel: r, togglePanel: i, environments: m } = useWorkbenchLayout(), v = useFeatureRegistry(), y;
+	e[0] === m ? y = e[1] : (y = m?.some(_temp) ?? !1, e[0] = m, e[1] = y);
+	let b = y, x, S, C, w, T, E, D, O;
+	if (e[2] !== r || e[3] !== v || e[4] !== b || e[5] !== n || e[6] !== i) {
+		let a = v.filter(_temp2).map(_temp3);
+		T = "border-l bg-background flex w-12 shrink-0 flex-col items-center", e[15] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx("div", { className: "flex h-12 shrink-0 items-center justify-center border-b w-full" }), e[15] = E) : E = e[15];
+		let o;
+		e[16] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ jsx(Play, { className: "h-5 w-5" }), e[16] = o) : o = e[16];
+		let s = r === "runs", l;
+		e[17] === i ? l = e[18] : (l = () => i("runs"), e[17] = i, e[18] = l), e[19] !== s || e[20] !== l ? (D = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col items-center gap-1 py-2",
-			children: [d, S]
-		}), i[31] = d, i[32] = S, i[33] = I) : I = i[33], i[34] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ jsx("div", { className: "mx-2 w-6 border-t" }), i[34] = L) : L = i[34], A = "flex flex-col items-center gap-1 py-2";
-		let C;
-		i[35] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }), i[35] = C) : C = i[35];
-		let E = a ? "Environment Preview" : "Preview not available for this environment", O = o === "preview", R = !a, z;
-		i[36] === s ? z = i[37] : (z = () => s("preview"), i[36] = s, i[37] = z), i[38] !== E || i[39] !== O || i[40] !== R || i[41] !== z ? (j = /* @__PURE__ */ jsx(IconButton, {
-			icon: C,
-			label: E,
-			active: O,
-			disabled: R,
-			onClick: z
-		}), i[38] = E, i[39] = O, i[40] = R, i[41] = z, i[42] = j) : j = i[42];
-		let B;
-		i[43] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ jsx(Server, { className: "h-5 w-5" }), i[43] = B) : B = i[43];
-		let V = D ? "Environment Settings" : "Settings not available for this environment", H = o === "environment", U = !D, W;
-		i[44] === s ? W = i[45] : (W = () => s("environment"), i[44] = s, i[45] = W), i[46] !== V || i[47] !== H || i[48] !== U || i[49] !== W ? (M = /* @__PURE__ */ jsx(IconButton, {
-			icon: B,
-			label: V,
-			active: H,
-			disabled: U,
-			onClick: W
-		}), i[46] = V, i[47] = H, i[48] = U, i[49] = W, i[50] = M) : M = i[50];
-		let G;
-		i[51] !== o || i[52] !== s ? (G = (e) => {
-			let i = e.icon;
+			children: /* @__PURE__ */ jsx(IconButton, {
+				icon: o,
+				label: "Runs",
+				active: s,
+				onClick: l
+			})
+		}), e[19] = s, e[20] = l, e[21] = D) : D = e[21], e[22] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx("div", { className: "mx-2 w-6 border-t" }), e[22] = O) : O = e[22], x = "flex flex-col items-center gap-1 py-2";
+		let m;
+		e[23] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }), e[23] = m) : m = e[23];
+		let _ = n ? "Environment Preview" : "Preview not available for this environment", y = r === "preview", k = !n, A;
+		e[24] === i ? A = e[25] : (A = () => i("preview"), e[24] = i, e[25] = A), e[26] !== _ || e[27] !== y || e[28] !== k || e[29] !== A ? (S = /* @__PURE__ */ jsx(IconButton, {
+			icon: m,
+			label: _,
+			active: y,
+			disabled: k,
+			onClick: A
+		}), e[26] = _, e[27] = y, e[28] = k, e[29] = A, e[30] = S) : S = e[30];
+		let j;
+		e[31] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ jsx(Server, { className: "h-5 w-5" }), e[31] = j) : j = e[31];
+		let M = b ? "Environment Settings" : "Settings not available for this environment", N = r === "environment", P = !b, F;
+		e[32] === i ? F = e[33] : (F = () => i("environment"), e[32] = i, e[33] = F), e[34] !== M || e[35] !== N || e[36] !== P || e[37] !== F ? (C = /* @__PURE__ */ jsx(IconButton, {
+			icon: j,
+			label: M,
+			active: N,
+			disabled: P,
+			onClick: F
+		}), e[34] = M, e[35] = N, e[36] = P, e[37] = F, e[38] = C) : C = e[38];
+		let I;
+		e[39] !== r || e[40] !== i ? (I = (e) => {
+			let n = e.icon;
 			return /* @__PURE__ */ jsx(IconButton, {
-				icon: /* @__PURE__ */ jsx(i, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ jsx(n, { className: "h-5 w-5" }),
 				label: e.label,
-				active: o === e.id,
-				onClick: () => s(e.id)
+				active: r === e.id,
+				onClick: () => i(e.id)
 			}, e.id);
-		}, i[51] = o, i[52] = s, i[53] = G) : G = i[53], N = e.map(G), i[5] = o, i[6] = T, i[7] = D, i[8] = w.pathname, i[9] = a, i[10] = s, i[11] = k, i[12] = A, i[13] = j, i[14] = M, i[15] = N, i[16] = P, i[17] = F, i[18] = I, i[19] = L;
-	} else A = i[12], j = i[13], M = i[14], N = i[15], P = i[16], F = i[17], I = i[18], L = i[19];
-	let R;
-	i[54] !== A || i[55] !== j || i[56] !== M || i[57] !== N ? (R = /* @__PURE__ */ jsxs("div", {
-		className: A,
+		}, e[39] = r, e[40] = i, e[41] = I) : I = e[41], w = a.map(I), e[2] = r, e[3] = v, e[4] = b, e[5] = n, e[6] = i, e[7] = x, e[8] = S, e[9] = C, e[10] = w, e[11] = T, e[12] = E, e[13] = D, e[14] = O;
+	} else x = e[7], S = e[8], C = e[9], w = e[10], T = e[11], E = e[12], D = e[13], O = e[14];
+	let k;
+	e[42] !== x || e[43] !== S || e[44] !== C || e[45] !== w ? (k = /* @__PURE__ */ jsxs("div", {
+		className: x,
 		children: [
-			j,
-			M,
-			N
+			S,
+			C,
+			w
 		]
-	}), i[54] = A, i[55] = j, i[56] = M, i[57] = N, i[58] = R) : R = i[58];
-	let z;
-	return i[59] !== R || i[60] !== P || i[61] !== F || i[62] !== I || i[63] !== L ? (z = /* @__PURE__ */ jsxs("div", {
-		className: P,
+	}), e[42] = x, e[43] = S, e[44] = C, e[45] = w, e[46] = k) : k = e[46];
+	let A;
+	return e[47] !== T || e[48] !== E || e[49] !== D || e[50] !== O || e[51] !== k ? (A = /* @__PURE__ */ jsxs("div", {
+		className: T,
 		children: [
-			F,
-			I,
-			L,
-			R
+			E,
+			D,
+			O,
+			k
 		]
-	}), i[59] = R, i[60] = P, i[61] = F, i[62] = I, i[63] = L, i[64] = z) : z = i[64], z;
+	}), e[47] = T, e[48] = E, e[49] = D, e[50] = O, e[51] = k, e[52] = A) : A = e[52], A;
 }
 function _temp3(e) {
 	return e.sidebarPanel;

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

@@ -1,6 +1,6 @@
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
 import "../../feature-registry/index.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { WorkbenchEnvironmentPanel } from "./WorkbenchEnvironmentPanel.js";
 import { WorkbenchIconSidebar } from "./WorkbenchIconSidebar.js";
 import { WorkbenchPreviewPanel } from "./WorkbenchPreviewPanel.js";
@@ -49,8 +49,8 @@ function ActivePanelContent() {
 		}
 	}
 }
-function SidebarContent(e) {
-	let i = c(12), { children: o } = e, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
+function SidebarContent(r) {
+	let i = c(12), { children: o } = r, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
 	i[0] !== o || i[1] !== m ? (h = /* @__PURE__ */ jsx("div", {
 		className: m,
 		children: o

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

@@ -6,18 +6,19 @@ import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var WorkflowForms_default = (o) => {
-	let s = c(8), { workflow: l, onSubmit: u } = o, d = useWorkflowConfigByName(l.className ?? void 0).data?.ui, f = d?.widgets ?? d?.actions;
-	if (!f?.length) return null;
-	let p;
-	s[0] === l.availableTransitions ? p = s[1] : (p = l.availableTransitions?.map(_temp) ?? [], s[0] = l.availableTransitions, s[1] = p);
-	let m = p, h = f, g = l.status === WorkflowState.Completed, _;
-	return s[2] !== m || s[3] !== u || s[4] !== h || s[5] !== g || s[6] !== l.place ? (_ = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
-		actions: h,
-		availableTransitions: m,
+	let s = c(9), { workflow: l, onSubmit: u, isLoading: d } = o, f = useWorkflowConfigByName(l.workflowName).data?.ui, p = f?.widgets ?? f?.actions;
+	if (!p?.length) return null;
+	let m;
+	s[0] === l.availableTransitions ? m = s[1] : (m = l.availableTransitions?.map(_temp) ?? [], s[0] = l.availableTransitions, s[1] = m);
+	let h = m, g = p, _ = l.status === WorkflowState.Completed, v;
+	return s[2] !== h || s[3] !== d || s[4] !== u || s[5] !== g || s[6] !== _ || s[7] !== l.place ? (v = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
+		actions: g,
+		availableTransitions: h,
 		currentPlace: l.place,
-		disabled: g,
+		disabled: _,
+		isLoading: d,
 		onSubmit: u
-	}) }), s[2] = m, s[3] = u, s[4] = h, s[5] = g, s[6] = l.place, s[7] = _) : _ = s[7], _;
+	}) }), s[2] = h, s[3] = d, s[4] = u, s[5] = g, s[6] = _, s[7] = l.place, s[8] = v) : v = s[8], v;
 };
 function _temp(e) {
 	return e.id;

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

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Clock, Loader2, Play } from "lucide-react";
 import { format } from "date-fns";
 var WorkflowHistoryItem_default = (m) => {
-	let h = c(19), { workflowId: g, workflow: _ } = m, v = useWorkflowCheckpoints(g), y = v.data;
+	let h = c(17), { 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", {
@@ -24,7 +24,7 @@ var WorkflowHistoryItem_default = (m) => {
 	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;
+	let x = _.title ?? _.workflowName, S;
 	h[2] === x ? S = h[3] : (S = /* @__PURE__ */ jsx("span", {
 		className: "truncate text-sm",
 		children: x
@@ -44,27 +44,11 @@ var WorkflowHistoryItem_default = (m) => {
 		})
 	}), 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];
+	h[7] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ jsx("div", { className: "from-primary/60 via-primary/30 to-muted/20 absolute top-3 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" })
-	}), 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: [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"
-			})
-		})]
-	}), h[9] = D) : D = h[9];
-	let O;
-	if (h[10] !== y) {
+	if (h[8] !== y) {
 		let e;
-		h[12] === y.length ? e = h[13] : (e = (e, u) => {
+		h[10] === y.length ? e = h[11] : (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",
@@ -100,29 +84,25 @@ var WorkflowHistoryItem_default = (m) => {
 						})
 					})]
 				})]
-			}, 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", {
+			}, e.id);
+		}, h[10] = y.length, h[11] = e), E = y.map(e), h[8] = y, h[9] = E;
+	} else E = h[9];
+	let D;
+	h[12] === E ? D = h[13] : (D = /* @__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: [
-				T,
-				D,
-				O
-			]
+			children: [T, E]
 		})
-	}) }), h[14] = O, h[15] = k);
-	let A;
-	return h[16] !== k || h[17] !== w ? (A = /* @__PURE__ */ jsx(Collapsible, {
+	}) }), h[12] = E, h[13] = D);
+	let O;
+	return h[14] !== w || h[15] !== D ? (O = /* @__PURE__ */ jsx(Collapsible, {
 		defaultOpen: !0,
 		className: "group/collapsible",
 		children: /* @__PURE__ */ jsxs("li", {
 			className: "group/menu-item relative list-none",
-			children: [w, k]
+			children: [w, D]
 		})
-	}), h[16] = k, h[17] = w, h[18] = A) : A = h[18], A;
+	}), h[14] = w, h[15] = D, h[16] = O) : O = h[16], O;
 };
 export { WorkflowHistoryItem_default as default };

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

@@ -5,47 +5,49 @@ import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Clock, Loader2 } from "lucide-react";
 var WorkflowHistoryList_default = (s) => {
-	let l = c(10), { workflow: u } = s, d = useChildWorkflows(u?.id), f;
+	let l = c(13), { 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;
+	let p = f, m;
+	l[2] !== p || l[3] !== u ? (m = u ? [u, ...p] : p, l[2] = p, l[3] = u, l[4] = m) : m = l[4];
+	let h = m;
 	if (!u) {
 		let e;
-		return l[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return l[5] === 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 workflow selected"
-		}), l[2] = e) : e = l[2], e;
+		}), l[5] = e) : e = l[5], e;
 	}
 	if (d.isLoading) {
 		let e;
-		return l[3] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return l[6] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "flex items-center justify-center py-8",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-5 w-5 animate-spin" })
-		}), l[3] = e) : e = l[3], e;
+		}), l[6] = e) : e = l[6], e;
 	}
 	if (d.error) {
 		let e;
-		return l[4] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		return l[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
 			className: "text-destructive px-2 py-4 text-sm",
 			children: "Failed to load history"
-		}), l[4] = e) : e = l[4], e;
+		}), l[7] = e) : e = l[7], e;
 	}
-	if (p.length === 0) {
+	if (h.length === 0) {
 		let e;
-		return l[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+		return l[8] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
 			className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-8",
 			children: [/* @__PURE__ */ jsx(Clock, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
 				className: "text-sm",
 				children: "No workflow history"
 			})]
-		}), l[5] = e) : e = l[5], e;
+		}), l[8] = e) : e = l[8], e;
 	}
-	let m;
-	l[6] === p ? m = l[7] : (m = p.map(_temp), l[6] = p, l[7] = m);
-	let h;
-	return l[8] === m ? h = l[9] : (h = /* @__PURE__ */ jsx("div", {
+	let g;
+	l[9] === h ? g = l[10] : (g = h.map(_temp), l[9] = h, l[10] = g);
+	let _;
+	return l[11] === g ? _ = l[12] : (_ = /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-1 py-2",
-		children: m
-	}), l[8] = m, l[9] = h), h;
+		children: g
+	}), l[11] = g, l[12] = _), _;
 };
 function _temp(e) {
 	return /* @__PURE__ */ jsx(WorkflowHistoryItem_default, {

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

@@ -10,9 +10,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { LockOpen, Repeat } from "lucide-react";
 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 = () => {
+	E[0] !== j || E[1] !== k || E[2] !== M || E[3] !== D.args || E[4] !== D.workflowName || E[5] !== D.workspaceId ? (P = () => {
 		j.mutate({ workflowCreateDto: {
-			alias: D.alias,
+			workflowName: D.workflowName,
 			title: null,
 			workspaceId: D.workspaceId,
 			transition: null,
@@ -26,7 +26,7 @@ var WorkflowButtons_default = (T) => {
 				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];
+	}, E[0] = j, E[1] = k, E[2] = M, E[3] = D.args, E[4] = D.workflowName, 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({