@loopstack/loopstack-studio 0.25.1 → 0.26.0

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

@@ -1,232 +1,329 @@
-import { useWorkflowConfig as e, useWorkspaceConfig as t } from "../../../hooks/useConfig.js";
-import { useCreateWorkflow as n } from "../../../hooks/useWorkflows.js";
-import { useFilterWorkspaces as r } from "../../../hooks/useWorkspaces.js";
-import { useComponentOverrides as i } from "../../../providers/ComponentOverridesProvider.js";
-import { Button as a } from "../../../components/ui/button.js";
-import { Collapsible as o, CollapsibleContent as s, CollapsibleTrigger as c } from "../../../components/ui/collapsible.js";
-import { Dialog as l, DialogContent as u, DialogTitle as d } from "../../../components/ui/dialog.js";
-import { Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "../../../components/ui/select.js";
-import _ from "../../../components/feedback/ErrorSnackbar.js";
-import v from "../../workspaces/components/CreateWorkspace.js";
-import y from "../../../components/dynamic-form/Form.js";
-import { useRunWorkflow as b } from "../../../hooks/useProcessor.js";
+import { useWorkflowConfig, useWorkspaceConfig } from "../../../hooks/useConfig.js";
+import { useCreateWorkflow } from "../../../hooks/useWorkflows.js";
+import { useFilterWorkspaces } from "../../../hooks/useWorkspaces.js";
+import { useComponentOverrides } from "../../../providers/ComponentOverridesProvider.js";
+import { Button } from "../../../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
+import { Dialog, DialogContent, DialogTitle } from "../../../components/ui/dialog.js";
+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 Form_default from "../../../components/dynamic-form/Form.js";
+import { useRunWorkflow } from "../../../hooks/useProcessor.js";
 import "../../workspaces/index.js";
-import { useCallback as x, useEffect as S, useMemo as ee, useState as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Check as E, CheckIcon as D, ChevronDown as O, Loader2 as k, Plus as te } from "lucide-react";
-import * as A from "@radix-ui/react-select";
-import { useForm as ne } from "react-hook-form";
-//#region src/features/workbench/components/NewRunDialog.tsx
-function j({ open: e, onOpenChange: t, onSuccess: n }) {
-	return /* @__PURE__ */ w(l, {
-		open: e,
-		onOpenChange: t,
-		children: /* @__PURE__ */ T(u, {
-			className: "max-h-[80vh] min-h-[300px] !max-w-2xl",
-			children: [/* @__PURE__ */ w(d, { children: "New Run" }), /* @__PURE__ */ w(M, {
-				open: e,
-				onSuccess: n
-			})]
-		})
-	});
+import { c } from "react/compiler-runtime";
+import { useCallback, 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, {
+		className: "max-h-[80vh] min-h-[300px] !max-w-2xl",
+		children: [a, /* @__PURE__ */ jsx(NewRunDialogContent, {
+			open: n,
+			onSuccess: i
+		})]
+	}), 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, {
+		open: n,
+		onOpenChange: r,
+		children: o
+	}), t[4] = r, t[5] = n, t[6] = o, t[7] = s) : s = t[7], s;
 }
-function M({ open: o, onSuccess: s }) {
-	let [c, l] = C("workspace"), [u, d] = C(!1), [E, O] = C(""), [j, M] = C(""), { CreateWorkspace: P } = i(), F = P ?? v, I = t(), L = r(void 0, {}, "title", "ASC", 0, 100), R = L.data?.data ?? [], z = R.find((e) => e.id === E), B = e(z?.className), V = B.data ?? [], H = n(), U = b(), W = H.isPending || U.isPending, G = ne({
+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 = useWorkspaceConfig(), 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) {
+		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"
-	}), K = ee(() => {
-		if (!(!j || !V.length)) return V.find((e) => e.alias === j);
-	}, [j, V]), q = !!K?.schema;
-	S(() => {
-		!E && R.length > 0 && O(R[0].id);
-	}, [R, E]), S(() => {
-		V.length > 0 && !V.find((e) => e.alias === j) && M(V[0].alias);
-	}, [V, j]), S(() => {
-		o || (l("workspace"), d(!1), O(""), M(""), G.reset({}), H.reset(), U.reset());
-	}, [o]);
-	let re = (e) => {
-		O(e), l("automation");
-	}, ie = (e) => {
-		M(e), G.reset({});
-	};
-	S(() => {
-		j && K && q && l("config");
-	}, [
-		K,
+	}, s[10] = k) : k = s[10];
+	let A = useForm(k), we;
+	bb0: {
+		if (!y || !T.length) {
+			we = void 0;
+			break bb0;
+		}
+		let e;
+		if (s[11] !== y || s[12] !== T) {
+			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;
+	}
+	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 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,
-		q
-	]);
-	let J = x((e, t) => {
-		!E || !j || H.mutate({ workflowCreateDto: {
-			alias: 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: E,
+			workspaceId: v,
 			transition: e ?? null,
 			args: t ?? {}
 		} }, { onSuccess: (e) => {
-			U.mutate({
+			D.mutate({
 				workflowId: e.id,
 				runWorkflowPayloadDto: {},
 				force: !0
-			}, { onSuccess: () => s(e.id) });
+			}, { onSuccess: () => u(e.id) });
 		} });
-	}, [
-		E,
-		j,
-		H,
-		U,
-		s
-	]), ae = () => {
-		q ? G.handleSubmit((e) => J("", e))() : J();
-	}, oe = !!E && !!j, Y = (e) => {
-		l((t) => t === e ? null : e);
-	}, X = !!E, Z = !!j, Q = X, $ = Z && q;
-	return /* @__PURE__ */ T("div", {
+	}, 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];
+	let V;
+	s[58] !== _e || s[59] !== ve || s[60] !== v || s[61] !== p || s[62] !== C ? (V = p ? /* @__PURE__ */ jsx("div", {
+		className: "pt-2",
+		children: /* @__PURE__ */ jsx(_e, {
+			types: ve.data ?? [],
+			onSuccess: () => {
+				g(!1);
+			}
+		})
+	}) : /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2 pt-2",
+		children: [/* @__PURE__ */ jsxs(Select, {
+			value: v,
+			onValueChange: ke,
+			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(Button, {
+			variant: "outline",
+			onClick: () => g(!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];
+	let H;
+	s[64] !== S.isLoading || s[65] !== He || s[66] !== Ue || s[67] !== We || s[68] !== V ? (H = /* @__PURE__ */ jsx(StepSection, {
+		step: 1,
+		title: "Select Workspace",
+		summary: He,
+		isActive: Ue,
+		isComplete: We,
+		isEnabled: !0,
+		isLoading: S.isLoading,
+		onToggle: Ge,
+		children: V
+	}), s[64] = S.isLoading, s[65] = He, s[66] = Ue, s[67] = We, s[68] = V, s[69] = H) : H = s[69];
+	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, {
+		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);
+	let K;
+	s[79] === G ? K = s[80] : (K = /* @__PURE__ */ jsx(SelectContent, { children: G }), s[79] = G, s[80] = K);
+	let q;
+	s[81] !== je || s[82] !== O || s[83] !== y || s[84] !== K ? (q = /* @__PURE__ */ jsx("div", {
+		className: "pt-2",
+		children: /* @__PURE__ */ jsxs(Select, {
+			value: y,
+			onValueChange: je,
+			disabled: O,
+			children: [Ye, K]
+		})
+	}), 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, {
+		step: 2,
+		title: "Select Workflow",
+		summary: U,
+		isActive: Ke,
+		isComplete: qe,
+		isEnabled: R,
+		isLoading: Je,
+		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, {
+		step: 3,
+		title: "Configuration",
+		isActive: d === "config",
+		isComplete: !1,
+		isEnabled: Ve,
+		onToggle: () => Ve && ze("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,
+				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", {
+		className: "space-y-2",
+		children: [
+			H,
+			J,
+			Y
+		]
+	}), 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", {
+		className: "mt-4 flex justify-end border-t pt-4",
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "default",
+			disabled: Xe,
+			onClick: Ie,
+			size: "lg",
+			className: "font-medium",
+			children: [Z, "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", {
 		className: "mt-2 overflow-y-auto",
 		children: [
-			/* @__PURE__ */ w(_, { error: H.error }),
-			/* @__PURE__ */ w(_, { error: U.error }),
-			/* @__PURE__ */ T("div", {
-				className: "space-y-2",
-				children: [
-					/* @__PURE__ */ w(N, {
-						step: 1,
-						title: "Select Workspace",
-						summary: z?.title,
-						isActive: c === "workspace",
-						isComplete: X && c !== "workspace",
-						isEnabled: !0,
-						isLoading: L.isLoading,
-						onToggle: () => Y("workspace"),
-						children: u ? /* @__PURE__ */ w("div", {
-							className: "pt-2",
-							children: /* @__PURE__ */ w(F, {
-								types: I.data ?? [],
-								onSuccess: () => {
-									d(!1);
-								}
-							})
-						}) : /* @__PURE__ */ T("div", {
-							className: "flex gap-2 pt-2",
-							children: [/* @__PURE__ */ T(f, {
-								value: E,
-								onValueChange: re,
-								children: [/* @__PURE__ */ w(h, {
-									id: "workspace",
-									className: "flex-1",
-									children: /* @__PURE__ */ w(g, { placeholder: "Select a workspace..." })
-								}), /* @__PURE__ */ w(p, { children: R.map((e) => /* @__PURE__ */ w(m, {
-									value: e.id,
-									children: e.title
-								}, e.id)) })]
-							}), /* @__PURE__ */ w(a, {
-								variant: "outline",
-								onClick: () => d(!0),
-								className: "px-3",
-								title: "Create new workspace",
-								children: /* @__PURE__ */ w(te, { className: "h-4 w-4" })
-							})]
-						})
-					}),
-					/* @__PURE__ */ w(N, {
-						step: 2,
-						title: "Select Workflow",
-						summary: Z ? V.find((e) => e.alias === j)?.title ?? j : void 0,
-						isActive: c === "automation",
-						isComplete: Z && c !== "automation",
-						isEnabled: Q,
-						isLoading: B.isLoading,
-						onToggle: () => Q && Y("automation"),
-						children: /* @__PURE__ */ w("div", {
-							className: "pt-2",
-							children: /* @__PURE__ */ T(f, {
-								value: j,
-								onValueChange: ie,
-								disabled: W,
-								children: [/* @__PURE__ */ w(h, {
-									id: "automation",
-									className: "w-full",
-									children: /* @__PURE__ */ w(g, { placeholder: "Select a workflow..." })
-								}), /* @__PURE__ */ w(p, { children: V.map((e) => /* @__PURE__ */ T(A.Item, {
-									value: e.alias,
-									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__ */ w("span", {
-											className: "absolute right-2 top-2.5 flex size-3.5 items-center justify-center",
-											children: /* @__PURE__ */ w(A.ItemIndicator, { children: /* @__PURE__ */ w(D, { className: "size-4" }) })
-										}),
-										/* @__PURE__ */ w(A.ItemText, { children: e.title ?? e.alias }),
-										e.description && /* @__PURE__ */ w("span", {
-											className: "text-muted-foreground text-xs leading-snug",
-											children: e.description
-										})
-									]
-								}, e.alias)) })]
-							})
-						})
-					}),
-					q && /* @__PURE__ */ w(N, {
-						step: 3,
-						title: "Configuration",
-						isActive: c === "config",
-						isComplete: !1,
-						isEnabled: $,
-						onToggle: () => $ && Y("config"),
-						children: /* @__PURE__ */ w("div", {
-							className: "max-h-72 overflow-y-auto pt-2",
-							children: K?.schema && /* @__PURE__ */ w(y, {
-								form: G,
-								schema: K.schema,
-								ui: K.ui,
-								disabled: !1,
-								viewOnly: !1
-							})
-						})
-					})
-				]
+			z,
+			B,
+			X,
+			Q
+		]
+	}), s[110] = z, s[111] = B, s[112] = X, s[113] = Q, s[114] = $) : $ = s[114], $;
+}
+function _temp2(e) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		value: e.alias,
+		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__ */ w("div", {
-				className: "mt-4 flex justify-end border-t pt-4",
-				children: /* @__PURE__ */ T(a, {
-					variant: "default",
-					disabled: !oe || W,
-					onClick: ae,
-					size: "lg",
-					className: "font-medium",
-					children: [W && /* @__PURE__ */ w(k, { className: "h-4 w-4 animate-spin" }), "Run Now"]
-				})
+			/* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: e.title ?? e.alias }),
+			e.description && /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-xs leading-snug",
+				children: e.description
 			})
 		]
-	});
+	}, e.alias);
 }
-function N({ step: e, title: t, summary: n, isActive: r, isComplete: i, isEnabled: a, isLoading: l, onToggle: u, children: d }) {
-	return /* @__PURE__ */ T(o, {
-		open: r,
-		onOpenChange: () => u(),
-		children: [/* @__PURE__ */ T(c, {
-			className: `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-colors ${a ? "hover:bg-muted/50 cursor-pointer" : "cursor-not-allowed opacity-50"}`,
-			disabled: !a,
-			children: [
-				/* @__PURE__ */ w("div", {
-					className: `flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${i ? "bg-primary text-primary-foreground" : r ? "border-primary text-primary border-2" : "border-border text-muted-foreground border"}`,
-					children: i ? /* @__PURE__ */ w(E, { className: "h-3.5 w-3.5" }) : e
-				}),
-				/* @__PURE__ */ w("span", {
-					className: `flex-1 text-sm font-medium ${a ? "text-foreground" : "text-muted-foreground"}`,
-					children: t
-				}),
-				!r && i && n && /* @__PURE__ */ w("span", {
-					className: "text-muted-foreground mr-1 max-w-48 truncate text-sm",
-					children: n
-				}),
-				l && r && /* @__PURE__ */ w(k, { className: "text-muted-foreground h-4 w-4 animate-spin" }),
-				/* @__PURE__ */ w(O, { className: `text-muted-foreground h-4 w-4 transition-transform ${r ? "rotate-180" : ""}` })
-			]
-		}), /* @__PURE__ */ w(s, {
-			className: "px-3 pb-3 pl-13",
-			children: d
-		})]
-	});
+function _temp(e) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: e.id,
+		children: e.title
+	}, e.id);
+}
+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,
+		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];
+	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);
+	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,
+		children: [
+			h,
+			g,
+			_,
+			v,
+			y
+		]
+	}), 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, {
+		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;
 }
-//#endregion
-export { j as NewRunDialog };
+export { NewRunDialog };