@loopstack/loopstack-studio 0.29.5 → 0.31.0

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

@@ -1,5 +1,4 @@
-import { useAppConfig, useWorkflowConfig } from "../../../hooks/useConfig.js";
-import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
+import { useAppsConfig } from "../../../hooks/useConfig.js";
 import { useFilterWorkspaces } from "../../../hooks/useWorkspaces.js";
 import { useComponentOverrides } from "../../../providers/ComponentOverridesProvider.js";
 import { Button } from "../../../components/ui/button.js";
@@ -8,322 +7,351 @@ import { Dialog, DialogContent, DialogTitle } from "../../../components/ui/dialo
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
 import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
 import CreateWorkspace_default from "../../workspaces/components/CreateWorkspace.js";
+import { useStartWorkflow } from "../../../hooks/useProcessor.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
-import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import "../../workspaces/index.js";
 import { c } from "react/compiler-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, CheckIcon, ChevronDown, Loader2, Plus } from "lucide-react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { useForm } from "react-hook-form";
 function NewRunDialog(e) {
-	let t = c(8), { open: n, onOpenChange: r, onSuccess: i } = e, a;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ jsx(DialogTitle, { children: "New Run" }), t[0] = a) : a = t[0];
-	let o;
-	t[1] !== i || t[2] !== n ? (o = /* @__PURE__ */ jsxs(DialogContent, {
+	let t = c(8), { open: n, onOpenChange: r, onSuccess: ce } = e, i;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ jsx(DialogTitle, { children: "New Run" }), t[0] = i) : i = t[0];
+	let a;
+	t[1] !== ce || t[2] !== n ? (a = /* @__PURE__ */ jsxs(DialogContent, {
 		className: "max-h-[80vh] min-h-[300px] !max-w-2xl",
-		children: [a, /* @__PURE__ */ jsx(NewRunDialogContent, {
+		children: [i, /* @__PURE__ */ jsx(NewRunDialogContent, {
 			open: n,
-			onSuccess: i
+			onSuccess: ce
 		})]
-	}), t[1] = i, t[2] = n, t[3] = o) : o = t[3];
-	let s;
-	return t[4] !== r || t[5] !== n || t[6] !== o ? (s = /* @__PURE__ */ jsx(Dialog, {
+	}), t[1] = ce, t[2] = n, t[3] = a) : a = t[3];
+	let u;
+	return t[4] !== r || t[5] !== n || t[6] !== a ? (u = /* @__PURE__ */ jsx(Dialog, {
 		open: n,
 		onOpenChange: r,
-		children: o
-	}), t[4] = r, t[5] = n, t[6] = o, t[7] = s) : s = t[7], s;
+		children: a
+	}), t[4] = r, t[5] = n, t[6] = a, t[7] = u) : u = t[7], u;
 }
-function NewRunDialogContent(o) {
-	let s = c(115), { open: l, onSuccess: u } = o, [d, f] = useState("workspace"), [p, g] = useState(!1), [v, me] = useState(""), [y, he] = useState(""), { CreateWorkspace: x } = useComponentOverrides(), _e = x ?? CreateWorkspace_default, ve = useAppConfig(), ye;
-	s[0] === Symbol.for("react.memo_cache_sentinel") ? (ye = {}, s[0] = ye) : ye = s[0];
-	let S = useFilterWorkspaces(void 0, ye, "title", "ASC", 0, 100), be;
-	s[1] === S.data?.data ? be = s[2] : (be = S.data?.data ?? [], s[1] = S.data?.data, s[2] = be);
-	let C = be, xe;
-	if (s[3] !== v || s[4] !== C) {
+function NewRunDialogContent(ce) {
+	let i = c(116), { open: a, onSuccess: o } = ce, [s, l] = useState("workspace"), [d, h] = useState(!1), [_, v] = useState(""), [y, x] = useState(""), { CreateWorkspace: C } = useComponentOverrides(), w = C ?? CreateWorkspace_default, T = useAppsConfig(), he;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (he = {}, i[0] = he) : he = i[0];
+	let E = useFilterWorkspaces(void 0, he, "title", "ASC", 0, 100), ge;
+	i[1] === E.data?.data ? ge = i[2] : (ge = E.data?.data ?? [], i[1] = E.data?.data, i[2] = ge);
+	let D = ge, _e;
+	if (i[3] !== _ || i[4] !== D) {
 		let e;
-		s[6] === v ? e = s[7] : (e = (e) => e.id === v, s[6] = v, s[7] = e), xe = C.find(e), s[3] = v, s[4] = C, s[5] = xe;
-	} else xe = s[5];
-	let Se = xe, w = useWorkflowConfig(Se?.className), Ce;
-	s[8] === w.data ? Ce = s[9] : (Ce = w.data ?? [], s[8] = w.data, s[9] = Ce);
-	let T = Ce, E = useCreateWorkflow(), D = useRunWorkflow(), O = E.isPending || D.isPending, k;
-	s[10] === Symbol.for("react.memo_cache_sentinel") ? (k = {
-		defaultValues: {},
-		mode: "onChange"
-	}, s[10] = k) : k = s[10];
-	let A = useForm(k), we;
+		i[6] === _ ? e = i[7] : (e = (e) => e.id === _, i[6] = _, i[7] = e), _e = D.find(e), i[3] = _, i[4] = D, i[5] = _e;
+	} else _e = i[5];
+	let O = _e, ve;
 	bb0: {
-		if (!y || !T.length) {
-			we = void 0;
+		if (!O || !T.data) {
+			ve = void 0;
 			break bb0;
 		}
 		let e;
-		if (s[11] !== y || s[12] !== T) {
+		if (i[8] !== T.data || i[9] !== O) {
+			let t;
+			i[11] === O ? t = i[12] : (t = (e) => e.appName === O.appName, i[11] = O, i[12] = t), e = T.data.find(t), i[8] = T.data, i[9] = O, i[10] = e;
+		} else e = i[10];
+		ve = e;
+	}
+	let ye = ve, be;
+	bb1: {
+		if (!ye) {
+			let e;
+			i[13] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[13] = e) : e = i[13], be = e;
+			break bb1;
+		}
+		be = ye.workflows;
+	}
+	let k = be, xe;
+	bb2: {
+		if (!T.data) {
+			let e;
+			i[14] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[14] = e) : e = i[14], xe = e;
+			break bb2;
+		}
+		let e;
+		i[15] === T.data ? e = i[16] : (e = T.data.map(_temp), i[15] = T.data, i[16] = e), xe = e;
+	}
+	let Se = xe, A = useStartWorkflow(), j = A.isPending, M;
+	i[17] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+		defaultValues: {},
+		mode: "onChange"
+	}, i[17] = M) : M = i[17];
+	let N = useForm(M), Ce;
+	bb3: {
+		if (!y) {
+			Ce = void 0;
+			break bb3;
+		}
+		let e;
+		if (i[18] !== k || i[19] !== y) {
 			let t;
-			s[14] === y ? t = s[15] : (t = (e) => e.alias === y, s[14] = y, s[15] = t), e = T.find(t), s[11] = y, s[12] = T, s[13] = e;
-		} else e = s[13];
-		we = e;
+			i[21] === y ? t = i[22] : (t = (e) => e.workflowName === y, i[21] = y, i[22] = t), e = k.find(t), i[18] = k, i[19] = y, i[20] = e;
+		} else e = i[20];
+		Ce = e;
 	}
-	let j = we, M = !!j?.schema, N;
-	s[16] !== v || s[17] !== C[0] || s[18] !== C.length ? (N = () => {
-		!v && C.length > 0 && me(C[0].id);
-	}, s[16] = v, s[17] = C[0], s[18] = C.length, s[19] = N) : N = s[19];
-	let P;
-	s[20] !== v || s[21] !== C ? (P = [C, v], s[20] = v, s[21] = C, s[22] = P) : P = s[22], useEffect(N, P);
-	let F, Te;
-	s[23] !== y || s[24] !== T ? (Te = () => {
-		T.length > 0 && !T.find((e) => e.alias === y) && he(T[0].alias);
-	}, F = [T, y], s[23] = y, s[24] = T, s[25] = F, s[26] = Te) : (F = s[25], Te = s[26]), useEffect(Te, F);
+	let P = Ce, F = P?.schema, I = !!F, we;
+	i[23] === k ? we = i[24] : (we = k.map(_temp2), i[23] = k, i[24] = we);
+	let L = we, Te;
+	i[25] !== _ || i[26] !== D[0] || i[27] !== D.length ? (Te = () => {
+		!_ && D.length > 0 && v(D[0].id);
+	}, i[25] = _, i[26] = D[0], i[27] = D.length, i[28] = Te) : Te = i[28];
 	let Ee;
-	s[27] !== E || s[28] !== A || s[29] !== l || s[30] !== D ? (Ee = () => {
-		l || (f("workspace"), g(!1), me(""), he(""), A.reset({}), E.reset(), D.reset());
-	}, s[27] = E, s[28] = A, s[29] = l, s[30] = D, s[31] = Ee) : Ee = s[31];
-	let De;
-	s[32] === l ? De = s[33] : (De = [l], s[32] = l, s[33] = De), useEffect(Ee, De);
-	let Oe;
-	s[34] === Symbol.for("react.memo_cache_sentinel") ? (Oe = (e) => {
-		me(e), f("automation");
-	}, s[34] = Oe) : Oe = s[34];
-	let ke = Oe, Ae;
-	s[35] === A ? Ae = s[36] : (Ae = (e) => {
-		he(e), A.reset({});
-	}, s[35] = A, s[36] = Ae);
-	let je = Ae, Me, I;
-	s[37] !== M || s[38] !== y || s[39] !== j ? (Me = () => {
-		y && j && M && f("config");
-	}, I = [
-		j,
-		y,
-		M
-	], s[37] = M, s[38] = y, s[39] = j, s[40] = Me, s[41] = I) : (Me = s[40], I = s[41]), useEffect(Me, I);
-	let Ne;
-	s[42] !== E || s[43] !== u || s[44] !== D || s[45] !== y || s[46] !== v ? (Ne = (e, t) => {
-		!v || !y || E.mutate({ workflowCreateDto: {
-			alias: y,
-			title: null,
-			workspaceId: v,
-			transition: e ?? null,
-			args: t ?? {}
-		} }, { onSuccess: (e) => {
-			D.mutate({
-				workflowId: e.id,
-				runWorkflowPayloadDto: {},
-				force: !0
-			}, { onSuccess: () => u(e.id) });
-		} });
-	}, s[42] = E, s[43] = u, s[44] = D, s[45] = y, s[46] = v, s[47] = Ne) : Ne = s[47];
-	let Pe = Ne, Fe;
-	s[48] !== Pe || s[49] !== A || s[50] !== M ? (Fe = () => {
-		M ? A.handleSubmit((e) => Pe("", e))() : Pe();
-	}, s[48] = Pe, s[49] = A, s[50] = M, s[51] = Fe) : Fe = s[51];
-	let Ie = Fe, Le = !!v && !!y, Re;
-	s[52] === Symbol.for("react.memo_cache_sentinel") ? (Re = (e) => {
-		f((t) => t === e ? null : e);
-	}, s[52] = Re) : Re = s[52];
-	let ze = Re, Be = !!v, L = !!y, R = Be, Ve = L && M, z;
-	s[53] === E.error ? z = s[54] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: E.error }), s[53] = E.error, s[54] = z);
-	let B;
-	s[55] === D.error ? B = s[56] : (B = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: D.error }), s[55] = D.error, s[56] = B);
-	let He = Se?.title, Ue = d === "workspace", We = Be && d !== "workspace", Ge;
-	s[57] === Symbol.for("react.memo_cache_sentinel") ? (Ge = () => ze("workspace"), s[57] = Ge) : Ge = s[57];
+	i[29] !== _ || i[30] !== D ? (Ee = [D, _], i[29] = _, i[30] = D, i[31] = Ee) : Ee = i[31], useEffect(Te, Ee);
+	let De, Oe;
+	i[32] !== y || i[33] !== L ? (De = () => {
+		L.length > 0 && !L.find((e) => e.key === y) && x(L[0].key);
+	}, Oe = [L, y], i[32] = y, i[33] = L, i[34] = De, i[35] = Oe) : (De = i[34], Oe = i[35]), useEffect(De, Oe);
+	let ke;
+	i[36] !== N || i[37] !== a || i[38] !== A ? (ke = () => {
+		a || (l("workspace"), h(!1), v(""), x(""), N.reset({}), A.reset());
+	}, i[36] = N, i[37] = a, i[38] = A, i[39] = ke) : ke = i[39];
+	let Ae;
+	i[40] === a ? Ae = i[41] : (Ae = [a], i[40] = a, i[41] = Ae), useEffect(ke, Ae);
+	let je;
+	i[42] === Symbol.for("react.memo_cache_sentinel") ? (je = (e) => {
+		v(e), x(""), l("automation");
+	}, i[42] = je) : je = i[42];
+	let Me = je, Ne;
+	i[43] === N ? Ne = i[44] : (Ne = (e) => {
+		x(e), N.reset({});
+	}, i[43] = N, i[44] = Ne);
+	let Pe = Ne, Fe, Ie;
+	i[45] !== I || i[46] !== y ? (Fe = () => {
+		y && I && l("config");
+	}, Ie = [y, I], i[45] = I, i[46] = y, i[47] = Fe, i[48] = Ie) : (Fe = i[47], Ie = i[48]), useEffect(Fe, Ie);
+	let Le;
+	i[49] !== N || i[50] !== I || i[51] !== o || i[52] !== P || i[53] !== _ || i[54] !== A ? (Le = () => {
+		let e = (e) => {
+			!_ || !P || A.mutate({ payload: {
+				workflowName: P.workflowName,
+				workspaceId: _,
+				args: e ?? {}
+			} }, { onSuccess: (e) => o(e.workflowId) });
+		};
+		I ? N.handleSubmit((t) => e(t))() : e();
+	}, i[49] = N, i[50] = I, i[51] = o, i[52] = P, i[53] = _, i[54] = A, i[55] = Le) : Le = i[55];
+	let Re = Le, ze = !!_ && !!y, Be;
+	i[56] === Symbol.for("react.memo_cache_sentinel") ? (Be = (e) => {
+		l((t) => t === e ? null : e);
+	}, i[56] = Be) : Be = i[56];
+	let Ve = Be, He = !!_, R = !!y, z = He, Ue = R && I, B;
+	i[57] === A.error ? B = i[58] : (B = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: A.error }), i[57] = A.error, i[58] = B);
+	let We = O?.title, Ge = s === "workspace", Ke = He && s !== "workspace", qe;
+	i[59] === Symbol.for("react.memo_cache_sentinel") ? (qe = () => Ve("workspace"), i[59] = qe) : qe = i[59];
 	let V;
-	s[58] !== _e || s[59] !== ve || s[60] !== v || s[61] !== p || s[62] !== C ? (V = p ? /* @__PURE__ */ jsx("div", {
+	i[60] !== w || i[61] !== Se || i[62] !== _ || i[63] !== d || i[64] !== D ? (V = d ? /* @__PURE__ */ jsx("div", {
 		className: "pt-2",
-		children: /* @__PURE__ */ jsx(_e, {
-			types: ve.data ?? [],
+		children: /* @__PURE__ */ jsx(w, {
+			types: Se,
 			onSuccess: () => {
-				g(!1);
+				h(!1);
 			}
 		})
 	}) : /* @__PURE__ */ jsxs("div", {
 		className: "flex gap-2 pt-2",
 		children: [/* @__PURE__ */ jsxs(Select, {
-			value: v,
-			onValueChange: ke,
+			value: _,
+			onValueChange: Me,
 			children: [/* @__PURE__ */ jsx(SelectTrigger, {
 				id: "workspace",
 				className: "flex-1",
 				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a workspace..." })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: C.map(_temp) })]
+			}), /* @__PURE__ */ jsx(SelectContent, { children: D.map(_temp3) })]
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "outline",
-			onClick: () => g(!0),
+			onClick: () => h(!0),
 			className: "px-3",
 			title: "Create new workspace",
 			children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
 		})]
-	}), s[58] = _e, s[59] = ve, s[60] = v, s[61] = p, s[62] = C, s[63] = V) : V = s[63];
+	}), i[60] = w, i[61] = Se, i[62] = _, i[63] = d, i[64] = D, i[65] = V) : V = i[65];
 	let H;
-	s[64] !== S.isLoading || s[65] !== He || s[66] !== Ue || s[67] !== We || s[68] !== V ? (H = /* @__PURE__ */ jsx(StepSection, {
+	i[66] !== E.isLoading || i[67] !== We || i[68] !== Ge || i[69] !== Ke || i[70] !== V ? (H = /* @__PURE__ */ jsx(StepSection, {
 		step: 1,
 		title: "Select Workspace",
-		summary: He,
-		isActive: Ue,
-		isComplete: We,
+		summary: We,
+		isActive: Ge,
+		isComplete: Ke,
 		isEnabled: !0,
-		isLoading: S.isLoading,
-		onToggle: Ge,
+		isLoading: E.isLoading,
+		onToggle: qe,
 		children: V
-	}), s[64] = S.isLoading, s[65] = He, s[66] = Ue, s[67] = We, s[68] = V, s[69] = H) : H = s[69];
+	}), i[66] = E.isLoading, i[67] = We, i[68] = Ge, i[69] = Ke, i[70] = V, i[71] = H) : H = i[71];
 	let U;
-	s[70] !== L || s[71] !== y || s[72] !== T ? (U = L ? T.find((e) => e.alias === y)?.title ?? y : void 0, s[70] = L, s[71] = y, s[72] = T, s[73] = U) : U = s[73];
-	let Ke = d === "automation", qe = L && d !== "automation", Je = w.isLoading, W;
-	s[74] === R ? W = s[75] : (W = () => R && ze("automation"), s[74] = R, s[75] = W);
-	let Ye;
-	s[76] === Symbol.for("react.memo_cache_sentinel") ? (Ye = /* @__PURE__ */ jsx(SelectTrigger, {
+	i[72] !== R || i[73] !== y || i[74] !== L ? (U = R ? L.find((e) => e.key === y)?.title ?? y : void 0, i[72] = R, i[73] = y, i[74] = L, i[75] = U) : U = i[75];
+	let Je = s === "automation", Ye = R && s !== "automation", Xe = T.isLoading, W;
+	i[76] === z ? W = i[77] : (W = () => z && Ve("automation"), i[76] = z, i[77] = W);
+	let G;
+	i[78] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ jsx(SelectTrigger, {
 		id: "automation",
 		className: "w-full",
 		children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a workflow..." })
-	}), s[76] = Ye) : Ye = s[76];
-	let G;
-	s[77] === T ? G = s[78] : (G = T.map(_temp2), s[77] = T, s[78] = G);
+	}), i[78] = G) : G = i[78];
 	let K;
-	s[79] === G ? K = s[80] : (K = /* @__PURE__ */ jsx(SelectContent, { children: G }), s[79] = G, s[80] = K);
+	i[79] === L ? K = i[80] : (K = L.map(_temp4), i[79] = L, i[80] = K);
 	let q;
-	s[81] !== je || s[82] !== O || s[83] !== y || s[84] !== K ? (q = /* @__PURE__ */ jsx("div", {
+	i[81] === K ? q = i[82] : (q = /* @__PURE__ */ jsx(SelectContent, { children: K }), i[81] = K, i[82] = q);
+	let J;
+	i[83] !== Pe || i[84] !== j || i[85] !== y || i[86] !== q ? (J = /* @__PURE__ */ jsx("div", {
 		className: "pt-2",
 		children: /* @__PURE__ */ jsxs(Select, {
 			value: y,
-			onValueChange: je,
-			disabled: O,
-			children: [Ye, K]
+			onValueChange: Pe,
+			disabled: j,
+			children: [G, q]
 		})
-	}), s[81] = je, s[82] = O, s[83] = y, s[84] = K, s[85] = q) : q = s[85];
-	let J;
-	s[86] !== R || s[87] !== w.isLoading || s[88] !== U || s[89] !== Ke || s[90] !== qe || s[91] !== W || s[92] !== q ? (J = /* @__PURE__ */ jsx(StepSection, {
+	}), i[83] = Pe, i[84] = j, i[85] = y, i[86] = q, i[87] = J) : J = i[87];
+	let Y;
+	i[88] !== z || i[89] !== T.isLoading || i[90] !== U || i[91] !== Je || i[92] !== Ye || i[93] !== W || i[94] !== J ? (Y = /* @__PURE__ */ jsx(StepSection, {
 		step: 2,
 		title: "Select Workflow",
 		summary: U,
-		isActive: Ke,
-		isComplete: qe,
-		isEnabled: R,
-		isLoading: Je,
+		isActive: Je,
+		isComplete: Ye,
+		isEnabled: z,
+		isLoading: Xe,
 		onToggle: W,
-		children: q
-	}), s[86] = R, s[87] = w.isLoading, s[88] = U, s[89] = Ke, s[90] = qe, s[91] = W, s[92] = q, s[93] = J) : J = s[93];
-	let Y;
-	s[94] !== d || s[95] !== Ve || s[96] !== A || s[97] !== M || s[98] !== j ? (Y = M && /* @__PURE__ */ jsx(StepSection, {
+		children: J
+	}), i[88] = z, i[89] = T.isLoading, i[90] = U, i[91] = Je, i[92] = Ye, i[93] = W, i[94] = J, i[95] = Y) : Y = i[95];
+	let X;
+	i[96] !== s || i[97] !== Ue || i[98] !== N || i[99] !== I || i[100] !== F ? (X = I && /* @__PURE__ */ jsx(StepSection, {
 		step: 3,
 		title: "Configuration",
-		isActive: d === "config",
+		isActive: s === "config",
 		isComplete: !1,
-		isEnabled: Ve,
-		onToggle: () => Ve && ze("config"),
+		isEnabled: Ue,
+		onToggle: () => Ue && Ve("config"),
 		children: /* @__PURE__ */ jsx("div", {
 			className: "max-h-72 overflow-y-auto pt-2",
-			children: j?.schema && /* @__PURE__ */ jsx(Form_default, {
-				form: A,
-				schema: j.schema,
-				ui: j.ui,
+			children: F && /* @__PURE__ */ jsx(Form_default, {
+				form: N,
+				schema: F,
 				disabled: !1,
 				viewOnly: !1
 			})
 		})
-	}), s[94] = d, s[95] = Ve, s[96] = A, s[97] = M, s[98] = j, s[99] = Y) : Y = s[99];
-	let X;
-	s[100] !== H || s[101] !== J || s[102] !== Y ? (X = /* @__PURE__ */ jsxs("div", {
+	}), i[96] = s, i[97] = Ue, i[98] = N, i[99] = I, i[100] = F, i[101] = X) : X = i[101];
+	let Z;
+	i[102] !== H || i[103] !== Y || i[104] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
 		children: [
 			H,
-			J,
-			Y
+			Y,
+			X
 		]
-	}), s[100] = H, s[101] = J, s[102] = Y, s[103] = X) : X = s[103];
-	let Xe = !Le || O, Z;
-	s[104] === O ? Z = s[105] : (Z = O && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), s[104] = O, s[105] = Z);
-	let Q;
-	s[106] !== Ie || s[107] !== Xe || s[108] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
+	}), i[102] = H, i[103] = Y, i[104] = X, i[105] = Z) : Z = i[105];
+	let Ze = !ze || j, Q;
+	i[106] === j ? Q = i[107] : (Q = j && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), i[106] = j, i[107] = Q);
+	let $;
+	i[108] !== Re || i[109] !== Ze || i[110] !== Q ? ($ = /* @__PURE__ */ jsx("div", {
 		className: "mt-4 flex justify-end border-t pt-4",
 		children: /* @__PURE__ */ jsxs(Button, {
 			variant: "default",
-			disabled: Xe,
-			onClick: Ie,
+			disabled: Ze,
+			onClick: Re,
 			size: "lg",
 			className: "font-medium",
-			children: [Z, "Run Now"]
+			children: [Q, "Run Now"]
 		})
-	}), s[106] = Ie, s[107] = Xe, s[108] = Z, s[109] = Q) : Q = s[109];
-	let $;
-	return s[110] !== z || s[111] !== B || s[112] !== X || s[113] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+	}), i[108] = Re, i[109] = Ze, i[110] = Q, i[111] = $) : $ = i[111];
+	let Qe;
+	return i[112] !== B || i[113] !== Z || i[114] !== $ ? (Qe = /* @__PURE__ */ jsxs("div", {
 		className: "mt-2 overflow-y-auto",
 		children: [
-			z,
 			B,
-			X,
-			Q
+			Z,
+			$
 		]
-	}), s[110] = z, s[111] = B, s[112] = X, s[113] = Q, s[114] = $) : $ = s[114], $;
+	}), i[112] = B, i[113] = Z, i[114] = $, i[115] = Qe) : Qe = i[115], Qe;
 }
-function _temp2(e) {
+function _temp4(e) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
-		value: e.alias,
+		value: e.key,
 		className: "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-pointer flex-col gap-0.5 rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "absolute right-2 top-2.5 flex size-3.5 items-center justify-center",
 				children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
 			}),
-			/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: e.title ?? e.alias }),
+			/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: e.title }),
 			e.description && /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground text-xs leading-snug",
 				children: e.description
 			})
 		]
-	}, e.alias);
+	}, e.key);
 }
-function _temp(e) {
+function _temp3(e) {
 	return /* @__PURE__ */ jsx(SelectItem, {
 		value: e.id,
 		children: e.title
 	}, e.id);
 }
+function _temp2(e) {
+	return {
+		key: e.workflowName,
+		title: e.title ?? e.workflowName,
+		description: e.description
+	};
+}
+function _temp(e) {
+	return {
+		appName: e.appName,
+		title: e.title,
+		environments: e.extensions?.environments ?? []
+	};
+}
 function StepSection(e) {
-	let t = c(35), { step: n, title: r, summary: i, isActive: a, isComplete: u, isEnabled: d, isLoading: f, onToggle: se, children: ce } = e, p;
-	t[0] === se ? p = t[1] : (p = () => se(), t[0] = se, t[1] = p);
-	let le = `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors ${d ? "hover:bg-muted/50 cursor-pointer" : "cursor-not-allowed opacity-50"}`, ue = !d, de = `flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${u ? "bg-primary text-primary-foreground" : a ? "border-primary text-primary border-2" : "border-border text-muted-foreground border"}`, m;
-	t[2] !== u || t[3] !== n ? (m = u ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : n, t[2] = u, t[3] = n, t[4] = m) : m = t[4];
-	let h;
-	t[5] !== de || t[6] !== m ? (h = /* @__PURE__ */ jsx("div", {
-		className: de,
-		children: m
-	}), t[5] = de, t[6] = m, t[7] = h) : h = t[7];
-	let fe = `flex-1 text-sm font-medium ${d ? "text-foreground" : "text-muted-foreground"}`, g;
-	t[8] !== fe || t[9] !== r ? (g = /* @__PURE__ */ jsx("span", {
-		className: fe,
+	let t = c(35), { step: n, title: r, summary: o, isActive: s, isComplete: l, isEnabled: u, isLoading: le, onToggle: d, children: ue } = e, f;
+	t[0] === d ? f = t[1] : (f = () => d(), t[0] = d, t[1] = f);
+	let de = `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors ${u ? "hover:bg-muted/50 cursor-pointer" : "cursor-not-allowed opacity-50"}`, fe = !u, pe = `flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${l ? "bg-primary text-primary-foreground" : s ? "border-primary text-primary border-2" : "border-border text-muted-foreground border"}`, p;
+	t[2] !== l || t[3] !== n ? (p = l ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : n, t[2] = l, t[3] = n, t[4] = p) : p = t[4];
+	let m;
+	t[5] !== pe || t[6] !== p ? (m = /* @__PURE__ */ jsx("div", {
+		className: pe,
+		children: p
+	}), t[5] = pe, t[6] = p, t[7] = m) : m = t[7];
+	let h = `flex-1 text-sm font-medium ${u ? "text-foreground" : "text-muted-foreground"}`, g;
+	t[8] !== h || t[9] !== r ? (g = /* @__PURE__ */ jsx("span", {
+		className: h,
 		children: r
-	}), t[8] = fe, t[9] = r, t[10] = g) : g = t[10];
-	let _;
-	t[11] !== a || t[12] !== u || t[13] !== i ? (_ = !a && u && i && /* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground mr-1 max-w-48 truncate text-sm",
-		children: i
-	}), t[11] = a, t[12] = u, t[13] = i, t[14] = _) : _ = t[14];
+	}), t[8] = h, t[9] = r, t[10] = g) : g = t[10];
 	let v;
-	t[15] !== a || t[16] !== f ? (v = f && a && /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }), t[15] = a, t[16] = f, t[17] = v) : v = t[17];
-	let pe = `text-muted-foreground h-4 w-4 transition-transform ${a ? "rotate-180" : ""}`, y;
-	t[18] === pe ? y = t[19] : (y = /* @__PURE__ */ jsx(ChevronDown, { className: pe }), t[18] = pe, t[19] = y);
+	t[11] !== s || t[12] !== l || t[13] !== o ? (v = !s && l && o && /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground mr-1 max-w-48 truncate text-sm",
+		children: o
+	}), t[11] = s, t[12] = l, t[13] = o, t[14] = v) : v = t[14];
 	let b;
-	t[20] !== v || t[21] !== y || t[22] !== le || t[23] !== ue || t[24] !== h || t[25] !== g || t[26] !== _ ? (b = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
-		className: le,
-		disabled: ue,
+	t[15] !== s || t[16] !== le ? (b = le && s && /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }), t[15] = s, t[16] = le, t[17] = b) : b = t[17];
+	let x = `text-muted-foreground h-4 w-4 transition-transform ${s ? "rotate-180" : ""}`, S;
+	t[18] === x ? S = t[19] : (S = /* @__PURE__ */ jsx(ChevronDown, { className: x }), t[18] = x, t[19] = S);
+	let C;
+	t[20] !== b || t[21] !== S || t[22] !== de || t[23] !== fe || t[24] !== m || t[25] !== g || t[26] !== v ? (C = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: de,
+		disabled: fe,
 		children: [
-			h,
+			m,
 			g,
-			_,
 			v,
-			y
+			b,
+			S
 		]
-	}), t[20] = v, t[21] = y, t[22] = le, t[23] = ue, t[24] = h, t[25] = g, t[26] = _, t[27] = b) : b = t[27];
-	let x;
-	t[28] === ce ? x = t[29] : (x = /* @__PURE__ */ jsx(CollapsibleContent, {
+	}), t[20] = b, t[21] = S, t[22] = de, t[23] = fe, t[24] = m, t[25] = g, t[26] = v, t[27] = C) : C = t[27];
+	let w;
+	t[28] === ue ? w = t[29] : (w = /* @__PURE__ */ jsx(CollapsibleContent, {
 		className: "px-3 pb-3 pl-13",
-		children: ce
-	}), t[28] = ce, t[29] = x);
-	let ge;
-	return t[30] !== a || t[31] !== p || t[32] !== b || t[33] !== x ? (ge = /* @__PURE__ */ jsxs(Collapsible, {
-		open: a,
-		onOpenChange: p,
-		children: [b, x]
-	}), t[30] = a, t[31] = p, t[32] = b, t[33] = x, t[34] = ge) : ge = t[34], ge;
+		children: ue
+	}), t[28] = ue, t[29] = w);
+	let me;
+	return t[30] !== s || t[31] !== f || t[32] !== C || t[33] !== w ? (me = /* @__PURE__ */ jsxs(Collapsible, {
+		open: s,
+		onOpenChange: f,
+		children: [C, w]
+	}), t[30] = s, t[31] = f, t[32] = C, t[33] = w, t[34] = me) : me = t[34], me;
 }
 export { NewRunDialog };

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

@@ -13,15 +13,15 @@ function RecentRunItem(a) {
 	let o = c(17), { workflow: s, onClick: l } = a, u = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[s.status] ?? "bg-muted-foreground"}`, d;
 	o[0] === u ? d = o[1] : (d = /* @__PURE__ */ jsx("span", { className: u }), o[0] = u, o[1] = d);
 	let f;
-	o[2] !== s.alias || o[3] !== s.run ? (f = /* @__PURE__ */ jsxs("span", {
+	o[2] !== s.run || o[3] !== s.workflowName ? (f = /* @__PURE__ */ jsxs("span", {
 		className: "truncate text-sm font-medium",
 		children: [
 			"Run #",
 			s.run,
 			" · ",
-			s.alias
+			s.workflowName
 		]
-	}), o[2] = s.alias, o[3] = s.run, o[4] = f) : f = o[4];
+	}), o[2] = s.run, o[3] = s.workflowName, o[4] = f) : f = o[4];
 	let p;
 	o[5] !== d || o[6] !== f ? (p = /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",