@burdenoff/microfe-vibecontrols 2026.625.2 → 2026.626.1

package/dist/components/agents/AgentForm.js

@@ -1,18 +1,19 @@
 import { useProbeAgentTunnelLazyQuery as e } from "../../generated/wspace-operations.js";
 import { useTr as t } from "../../shared/hooks/useTr.js";
 import { isQuotaExhaustedError as n, wasQuotaHandledLocally as r } from "../../utils/quotaUtils.js";
-import { SearchableSelect as ee } from "../shared/SearchableSelect.js";
-import { MotionTabPanel as te } from "../shared/MotionTabPanel.js";
+import { InstallTabs as ee } from "../shared/InstallTabs.js";
+import { SearchableSelect as te } from "../shared/SearchableSelect.js";
+import { MotionTabPanel as ne } from "../shared/MotionTabPanel.js";
 import { useField as i } from "../../shared/hooks/useField.js";
 import "../shared/index.js";
-import { useCallback as ne, useEffect as re, useRef as ie, useState as a } from "react";
-import { Check as ae, CheckCircle2 as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as o, Copy as le, Download as ue, Eye as de, EyeOff as fe, Loader2 as s, Plus as pe, RefreshCw as me, Settings2 as he, Terminal as ge, XCircle as c } from "lucide-react";
+import { useCallback as re, useEffect as ie, useRef as ae, useState as a } from "react";
+import { Check as oe, CheckCircle2 as se, ChevronDown as ce, ChevronLeft as le, ChevronRight as o, Copy as ue, Download as de, Eye as fe, EyeOff as pe, Loader2 as s, Plus as me, RefreshCw as he, Settings2 as ge, Terminal as _e, XCircle as c } from "lucide-react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Button as f, Input as p, ResponsiveDialog as _e, ResponsiveDialogContent as ve, ResponsiveDialogDescription as ye, ResponsiveDialogFooter as be, ResponsiveDialogHeader as xe, ResponsiveDialogTitle as Se, Select as Ce, SelectContent as we, SelectItem as m, SelectTrigger as Te, SelectValue as Ee, Stepper as De } from "@burdenoff/fe-libs/ui";
+import { Button as f, Input as p, ResponsiveDialog as ve, ResponsiveDialogContent as ye, ResponsiveDialogDescription as be, ResponsiveDialogFooter as xe, ResponsiveDialogHeader as Se, ResponsiveDialogTitle as Ce, Select as we, SelectContent as Te, SelectItem as m, SelectTrigger as Ee, SelectValue as De, Stepper as Oe } from "@burdenoff/fe-libs/ui";
 //#region src/components/agents/AgentForm.tsx
-function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets: _, targetsLoading: Ae, onCreateTarget: v, extraSection: je }) {
-	let y = t(), [b, x] = a("details"), [S, Me] = a(!1), [C, Ne] = a(!1), [Pe, Fe] = a(null), [w, T] = a(""), [E, Ie] = a(!1), [D, Le] = a(""), [O, Re] = a(""), [k, ze] = a("");
-	re(() => {
+function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets: _, targetsLoading: je, onCreateTarget: v, extraSection: Me }) {
+	let y = t(), [b, x] = a("details"), [S, Ne] = a(!1), [C, Pe] = a(!1), [Fe, Ie] = a(null), [w, T] = a(""), [E, Le] = a(!1), [D, Re] = a(""), [O, ze] = a(""), [k, Be] = a("");
+	ie(() => {
 		if (E || !k) return;
 		let e = (_ ?? []).find((e) => e.id === k);
 		e?.name && T(e.name);
@@ -21,17 +22,17 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 		_,
 		E
 	]);
-	let [A, j] = a(!1), [M, N] = a(""), [P, Be] = a(!1), [F, I] = a(null), [L, Ve] = a(!1), [R, z] = a(null), [B, V] = a(null), [He, Ue] = a(""), [We, Ge] = a("linux"), [Ke, qe] = a("x86_64"), [Je, Ye] = a("1.0.0"), [Xe, H] = a(null), [U, Ze] = a(!1), [Qe, $e] = a("default"), W = "visible", G = i({ hint: W }), K = i({ error: F }), q = i({ hint: W }), J = i({ hint: W }), Y = i({ hint: W }), et = i(), tt = i(), nt = ne((e, t) => {
-		navigator.clipboard.writeText(e), Fe(t), setTimeout(() => Fe(null), 2e3);
-	}, []), rt = (e) => {
+	let [A, j] = a(!1), [M, N] = a(""), [P, Ve] = a(!1), [F, I] = a(null), [L, He] = a(!1), [R, z] = a(null), [B, V] = a(null), [Ue, We] = a(""), [Ge, Ke] = a("linux"), [qe, Je] = a("x86_64"), [Ye, Xe] = a("1.0.0"), [Ze, H] = a(null), [U, Qe] = a(!1), [$e, et] = a("default"), W = "visible", G = i({ hint: W }), K = i({ error: F }), q = i({ hint: W }), J = i({ hint: W }), Y = i({ hint: W }), tt = i(), nt = i(), rt = re((e, t) => {
+		navigator.clipboard.writeText(e), Ie(t), setTimeout(() => Ie(null), 2e3);
+	}, []), it = (e) => {
 		let t = e.trim();
 		return t.endsWith("/") && (t = t.slice(0, -1)), t;
-	}, [it] = e({ fetchPolicy: "network-only" }), at = async () => {
-		let e = rt(D);
+	}, [at] = e({ fetchPolicy: "network-only" }), ot = async () => {
+		let e = it(D);
 		if (e) {
-			Ve(!0), z(null), V(null);
+			He(!0), z(null), V(null);
 			try {
-				let { data: t, error: n } = await it({ variables: {
+				let { data: t, error: n } = await at({ variables: {
 					url: e,
 					agentApiKey: O || null
 				} }), r = t?.probeAgentTunnel;
@@ -54,7 +55,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 				} : {
 					ok: !1,
 					error: r.healthError ?? "Health check failed"
-				}), r.agentVersion && Ye(r.agentVersion), V(r.identityOk ? {
+				}), r.agentVersion && Xe(r.agentVersion), V(r.identityOk ? {
 					ok: !0,
 					data: {
 						hostname: r.hostname ?? "",
@@ -64,7 +65,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 				} : {
 					ok: !1,
 					error: r.identityError ?? "Identity check failed"
-				}), r.identityOk && (r.platform && Ge(r.platform), r.architecture && qe(r.architecture), r.hostname && (Ue(r.hostname), !E && !k && T(r.hostname)));
+				}), r.identityOk && (r.platform && Ke(r.platform), r.architecture && Je(r.architecture), r.hostname && (We(r.hostname), !E && !k && T(r.hostname)));
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Probe failed";
 				z({
@@ -75,64 +76,64 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 					error: t
 				});
 			}
-			Ve(!1);
+			He(!1);
 		}
-	}, X = ie(!1), ot = async () => {
+	}, X = ae(!1), st = async () => {
 		if (X.current) return;
 		X.current = !0, H(null);
-		let e = Qe.trim() || "default", t = {
-			name: w || He || "Unnamed Agent",
-			hostname: He || "unknown",
-			platform: We,
-			architecture: Ke,
-			version: Je,
-			tunnelUrl: rt(D),
+		let e = $e.trim() || "default", t = {
+			name: w || Ue || "Unnamed Agent",
+			hostname: Ue || "unknown",
+			platform: Ge,
+			architecture: qe,
+			version: Ye,
+			tunnelUrl: it(D),
 			tunnelStatus: "ACTIVE",
 			agentApiKey: O,
 			metadata: { profile: e },
 			...k ? { targetId: k } : {}
 		};
 		try {
-			let e = (await Oe(t))?.id || null;
+			let e = (await ke(t))?.id || null;
 			if (!e) {
 				H("Agent creation returned no ID. The agent may already exist.");
 				return;
 			}
-			ke ? ke(`/agents/${e}`) : h();
+			Ae ? Ae(`/agents/${e}`) : h();
 		} catch (e) {
 			H(e instanceof Error ? e.message : "Failed to create agent");
 		} finally {
 			X.current = !1;
 		}
-	}, st = R?.ok && B?.ok, Z = _ && _.length > 0, ct = (v || Z) && k.length === 0, lt = D.trim().length > 0 && !ct, ut = ne(async () => {
+	}, ct = R?.ok && B?.ok, Z = _ && _.length > 0, lt = (v || Z) && k.length === 0, ut = D.trim().length > 0 && !lt, dt = re(async () => {
 		if (!(!v || !M.trim())) {
-			Be(!0), I(null);
+			Ve(!0), I(null);
 			try {
 				let e = await v(M.trim());
-				e ? (ze(e.id), j(!1), N("")) : r() ? (j(!1), N("")) : I(y("agentsPage.inlineTargetFailed", "Failed to create target. Please try again."));
+				e ? (Be(e.id), j(!1), N("")) : r() ? (j(!1), N("")) : I(y("agentsPage.inlineTargetFailed", "Failed to create target. Please try again."));
 			} catch (e) {
 				n(e) ? (j(!1), N("")) : I(e instanceof Error ? e.message : "Failed to create target");
 			} finally {
-				Be(!1);
+				Ve(!1);
 			}
 		}
 	}, [
 		v,
 		M,
 		y
-	]), dt = (e, t) => {
-		let n = Pe === t;
+	]), ft = (e, t) => {
+		let n = Fe === t;
 		return /* @__PURE__ */ u(f, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-sm",
-			onClick: () => nt(e, t),
+			onClick: () => rt(e, t),
 			"aria-label": n ? y("agentsPage.copied", "Copied") : y("agentsPage.copy", "Copy"),
 			className: "shrink-0",
-			children: n ? /* @__PURE__ */ u(ae, {
+			children: n ? /* @__PURE__ */ u(oe, {
 				className: "size-3.5 text-status-success-text",
 				"aria-hidden": "true"
-			}) : /* @__PURE__ */ u(le, {
+			}) : /* @__PURE__ */ u(ue, {
 				className: "size-3.5 text-text-secondary",
 				"aria-hidden": "true"
 			})
@@ -147,26 +148,26 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 	}, {
 		key: "validate",
 		label: y("agentsPage.stepValidate", "Validate")
-	}], ft = $.findIndex((e) => e.key === b);
-	return /* @__PURE__ */ u(_e, {
+	}], pt = $.findIndex((e) => e.key === b);
+	return /* @__PURE__ */ u(ve, {
 		open: !0,
 		onOpenChange: (e) => {
 			!e && !g && h();
 		},
-		children: /* @__PURE__ */ d(ve, {
+		children: /* @__PURE__ */ d(ye, {
 			className: "sm:max-w-xl md:max-h-[min(90vh,52rem)] md:overflow-y-auto",
 			onPointerDownOutside: (e) => e.preventDefault(),
 			children: [
-				/* @__PURE__ */ d(xe, { children: [/* @__PURE__ */ u(Se, { children: y("agentsPage.addNewAgent", "Add New Agent") }), /* @__PURE__ */ u(ye, { children: y("agentsPage.addNewAgentDescription", "Connect a running vibe agent to this workspace.") })] }),
-				/* @__PURE__ */ u(De, {
+				/* @__PURE__ */ d(Se, { children: [/* @__PURE__ */ u(Ce, { children: y("agentsPage.addNewAgent", "Add New Agent") }), /* @__PURE__ */ u(be, { children: y("agentsPage.addNewAgentDescription", "Connect a running vibe agent to this workspace.") })] }),
+				/* @__PURE__ */ u(Oe, {
 					steps: $,
-					active: ft,
+					active: pt,
 					onStepClick: (e) => {
 						let t = $[e];
 						t && x(t.key === "validate" ? "validate" : "details");
 					}
 				}),
-				/* @__PURE__ */ u(te, {
+				/* @__PURE__ */ u(ne, {
 					tabKey: b,
 					children: b === "details" ? /* @__PURE__ */ d("div", {
 						className: "space-y-4",
@@ -175,12 +176,12 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 								className: "border border-border-default rounded-lg overflow-hidden",
 								children: [/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => Ne(!C),
+									onClick: () => Pe(!C),
 									"aria-expanded": C,
 									className: "w-full flex items-center justify-between px-4 py-3 bg-bg-sunken hover:bg-bg-sunken/80 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 									children: [/* @__PURE__ */ d("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ u(ue, {
+										children: [/* @__PURE__ */ u(de, {
 											className: "size-4 text-text-secondary",
 											"aria-hidden": "true"
 										}), /* @__PURE__ */ u("span", {
@@ -194,33 +195,34 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 								}), C && /* @__PURE__ */ u("div", {
 									className: "px-4 py-3 space-y-3 border-t border-border-default",
 									children: /* @__PURE__ */ d("div", {
-										className: "space-y-2",
-										children: [[{
-											label: y("agentsPage.installStep1", "1. Install the agent globally"),
-											cmd: "bun install -g @vibecontrols/agent"
-										}, {
-											label: y("agentsPage.installStep2", "2. Start the agent (prints tunnel URL + API key)"),
-											cmd: "vibe start"
-										}].map((e) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-											className: "text-xs text-text-secondary mb-1",
-											children: e.label
-										}), /* @__PURE__ */ d("div", {
-											className: "flex items-center gap-2 bg-bg-sunken rounded-md px-3 py-1.5 font-mono text-xs text-text-primary",
-											children: [
-												/* @__PURE__ */ u(ge, {
-													className: "size-3 text-text-muted flex-shrink-0",
-													"aria-hidden": "true"
-												}),
-												/* @__PURE__ */ u("code", {
-													className: "flex-1 min-w-0 break-words",
-													children: e.cmd
-												}),
-												dt(e.cmd, e.cmd)
-											]
-										})] }, e.cmd)), /* @__PURE__ */ u("p", {
-											className: "text-xs text-text-secondary pt-1",
-											children: y("agentsPage.installHint", "After running vibe start, copy the printed tunnel URL and API key into the fields above.")
-										})]
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-secondary mb-2",
+												children: y("agentsPage.installStep1", "1. Install the agent globally")
+											}), /* @__PURE__ */ u(ee, { compact: !0 })] }),
+											/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-secondary mb-1",
+												children: y("agentsPage.installStep2", "2. Start the agent (prints tunnel URL + API key)")
+											}), /* @__PURE__ */ d("div", {
+												className: "flex items-center gap-2 bg-bg-sunken rounded-md px-3 py-1.5 font-mono text-xs text-text-primary",
+												children: [
+													/* @__PURE__ */ u(_e, {
+														className: "size-3 text-text-muted flex-shrink-0",
+														"aria-hidden": "true"
+													}),
+													/* @__PURE__ */ u("code", {
+														className: "flex-1 min-w-0 break-words",
+														children: "vibe start"
+													}),
+													ft("vibe start", "vibe start")
+												]
+											})] }),
+											/* @__PURE__ */ u("p", {
+												className: "text-xs text-text-secondary pt-1",
+												children: y("agentsPage.installHint", "After running vibe start, copy the printed tunnel URL and API key into the fields above.")
+											})
+										]
 									})
 								})]
 							}),
@@ -235,7 +237,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									type: "text",
 									value: w,
 									onChange: (e) => {
-										T(e.target.value), Ie(!0);
+										T(e.target.value), Le(!0);
 									},
 									placeholder: y("agentsPage.namePlaceholderUpfront", "My laptop, prod jump-host, …"),
 									className: "text-base md:text-sm",
@@ -252,7 +254,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: [y("agentsPage.target", "Target"), Q]
 								}),
-								Z && !A && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(ee, {
+								Z && !A && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(te, {
 									placeholder: y("agentsPage.selectTarget", "Select a target..."),
 									searchPlaceholder: y("agentsPage.searchTargets", "Search targets..."),
 									options: (_ ?? []).map((e) => ({
@@ -261,7 +263,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										description: `${e.type}${e.status ? ` · ${e.status}` : ""}`
 									})),
 									value: k,
-									onChange: ze,
+									onChange: Be,
 									clearable: !0
 								}), /* @__PURE__ */ d("p", {
 									className: "mt-1.5 text-xs text-text-muted",
@@ -274,14 +276,14 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 												j(!0), N(w.trim() || "");
 											},
 											className: "text-text-link hover:text-text-linkHover hover:underline inline-flex items-center gap-1 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											children: [/* @__PURE__ */ u(pe, {
+											children: [/* @__PURE__ */ u(me, {
 												className: "size-3",
 												"aria-hidden": "true"
 											}), y("agentsPage.createNewTarget", "Create a new target")]
 										})
 									]
 								})] }),
-								!Z && !Ae && v && !A && /* @__PURE__ */ d("div", {
+								!Z && !je && v && !A && /* @__PURE__ */ d("div", {
 									className: "p-3 bg-bg-sunken border border-border-default rounded-lg",
 									children: [/* @__PURE__ */ u("p", {
 										className: "text-sm text-text-secondary mb-2",
@@ -292,7 +294,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										onClick: () => {
 											j(!0), N(w.trim() || "");
 										},
-										children: [/* @__PURE__ */ u(pe, {
+										children: [/* @__PURE__ */ u(me, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), y("agentsPage.createFirstTarget", "Create first target")]
@@ -319,7 +321,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 												placeholder: y("agentsPage.targetName", "Target name"),
 												className: "text-base md:text-sm",
 												onKeyDown: (e) => {
-													e.key === "Enter" && (e.preventDefault(), ut());
+													e.key === "Enter" && (e.preventDefault(), dt());
 												}
 											}),
 											F && /* @__PURE__ */ u("p", {
@@ -334,13 +336,13 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 											children: [/* @__PURE__ */ d(f, {
 												type: "button",
 												size: "sm",
-												onClick: () => void ut(),
+												onClick: () => void dt(),
 												disabled: !M.trim() || P,
 												"aria-busy": P,
 												children: [P ? /* @__PURE__ */ u(s, {
 													className: "size-3.5 animate-spin",
 													"aria-hidden": "true"
-												}) : /* @__PURE__ */ u(ae, {
+												}) : /* @__PURE__ */ u(oe, {
 													className: "size-3.5",
 													"aria-hidden": "true"
 												}), y("agentsPage.create", "Create")]
@@ -356,7 +358,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										})
 									]
 								}),
-								Ae && !Z && /* @__PURE__ */ d("div", {
+								je && !Z && /* @__PURE__ */ d("div", {
 									role: "status",
 									className: "p-3 bg-bg-sunken border border-border-default rounded-lg flex items-center gap-2 text-sm text-text-secondary",
 									children: [/* @__PURE__ */ u(s, {
@@ -375,7 +377,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									...q.inputProps,
 									type: "url",
 									value: D,
-									onChange: (e) => Le(e.target.value),
+									onChange: (e) => Re(e.target.value),
 									placeholder: "https://your-tunnel.trycloudflare.com",
 									"aria-required": "true",
 									className: "text-base md:text-sm font-mono"
@@ -398,7 +400,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										...J.inputProps,
 										type: S ? "text" : "password",
 										value: O,
-										onChange: (e) => Re(e.target.value),
+										onChange: (e) => ze(e.target.value),
 										placeholder: "vcak_...",
 										"aria-required": "true",
 										className: "pr-10 text-base md:text-sm font-mono"
@@ -406,11 +408,11 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										type: "button",
 										variant: "ghost",
 										size: "icon-sm",
-										onClick: () => Me(!S),
+										onClick: () => Ne(!S),
 										"aria-label": S ? y("agentsPage.hideApiKey", "Hide API key") : y("agentsPage.showApiKey", "Show API key"),
 										"aria-pressed": S,
 										className: "absolute right-1 top-1/2 -translate-y-1/2",
-										children: u(S ? fe : de, {
+										children: u(S ? pe : fe, {
 											className: "size-4 text-text-secondary",
 											"aria-hidden": "true"
 										})
@@ -435,20 +437,20 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 								className: "border border-border-default rounded-lg overflow-hidden",
 								children: [/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => Ze((e) => !e),
+									onClick: () => Qe((e) => !e),
 									className: "w-full flex items-center justify-between px-4 py-2.5 bg-bg-sunken hover:bg-bg-sunken/80 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 									"aria-expanded": U,
 									"data-testid": "agent-form-advanced-toggle",
 									children: [/* @__PURE__ */ d("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ u(he, {
+										children: [/* @__PURE__ */ u(ge, {
 											className: "size-4 text-text-secondary",
 											"aria-hidden": "true"
 										}), /* @__PURE__ */ u("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: y("agentsPage.advancedOptions", "Advanced options")
 										})]
-									}), /* @__PURE__ */ u(se, {
+									}), /* @__PURE__ */ u(ce, {
 										"aria-hidden": "true",
 										className: `size-4 text-text-secondary transition-transform ${U ? "rotate-180" : ""}`
 									})]
@@ -463,8 +465,8 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										/* @__PURE__ */ u(p, {
 											...Y.inputProps,
 											type: "text",
-											value: Qe,
-											onChange: (e) => $e(e.target.value),
+											value: $e,
+											onChange: (e) => et(e.target.value),
 											placeholder: "default",
 											className: "text-base md:text-sm font-mono",
 											"data-testid": "agent-form-profile-input"
@@ -477,11 +479,11 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									] })
 								})]
 							}),
-							je && /* @__PURE__ */ u("div", {
+							Me && /* @__PURE__ */ u("div", {
 								className: "border-t border-border-default pt-4 mt-4",
-								children: je
+								children: Me
 							}),
-							/* @__PURE__ */ d(be, {
+							/* @__PURE__ */ d(xe, {
 								className: "pt-2",
 								children: [/* @__PURE__ */ u(f, {
 									type: "button",
@@ -490,9 +492,9 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									children: y("agentsPage.cancel", "Cancel")
 								}), /* @__PURE__ */ d(f, {
 									type: "button",
-									disabled: !lt,
+									disabled: !ut,
 									onClick: () => {
-										x("validate"), at();
+										x("validate"), ot();
 									},
 									children: [y("agentsPage.nextValidate", "Next: Validate"), /* @__PURE__ */ u(o, {
 										className: "size-4",
@@ -512,7 +514,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									children: [L && !R ? /* @__PURE__ */ u(s, {
 										className: "size-5 text-text-secondary animate-spin",
 										"aria-hidden": "true"
-									}) : R?.ok ? /* @__PURE__ */ u(oe, {
+									}) : R?.ok ? /* @__PURE__ */ u(se, {
 										className: "size-5 text-status-success-text",
 										"aria-hidden": "true"
 									}) : R ? /* @__PURE__ */ u(c, {
@@ -552,7 +554,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									children: [L && !B ? /* @__PURE__ */ u(s, {
 										className: "size-5 text-text-secondary animate-spin",
 										"aria-hidden": "true"
-									}) : B?.ok ? /* @__PURE__ */ u(oe, {
+									}) : B?.ok ? /* @__PURE__ */ u(se, {
 										className: "size-5 text-status-success-text",
 										"aria-hidden": "true"
 									}) : B ? /* @__PURE__ */ u(c, {
@@ -592,13 +594,13 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 								type: "button",
 								variant: "ghost",
 								size: "sm",
-								onClick: at,
-								children: [/* @__PURE__ */ u(me, {
+								onClick: ot,
+								children: [/* @__PURE__ */ u(he, {
 									className: "size-3.5",
 									"aria-hidden": "true"
 								}), y("agentsPage.retryValidation", "Retry validation")]
 							}),
-							st && /* @__PURE__ */ d("div", {
+							ct && /* @__PURE__ */ d("div", {
 								className: "space-y-3 pt-2",
 								children: [/* @__PURE__ */ u("p", {
 									className: "text-sm font-medium text-text-primary",
@@ -606,17 +608,17 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 								}), /* @__PURE__ */ d("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 									children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-										htmlFor: et.id,
+										htmlFor: tt.id,
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: y("agentsPage.platform", "Platform")
-									}), /* @__PURE__ */ d(Ce, {
-										value: We,
-										onValueChange: Ge,
-										children: [/* @__PURE__ */ u(Te, {
-											id: et.id,
+									}), /* @__PURE__ */ d(we, {
+										value: Ge,
+										onValueChange: Ke,
+										children: [/* @__PURE__ */ u(Ee, {
+											id: tt.id,
 											className: "text-base md:text-sm",
-											children: /* @__PURE__ */ u(Ee, {})
-										}), /* @__PURE__ */ d(we, { children: [
+											children: /* @__PURE__ */ u(De, {})
+										}), /* @__PURE__ */ d(Te, { children: [
 											/* @__PURE__ */ u(m, {
 												value: "linux",
 												children: "Linux"
@@ -631,17 +633,17 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 											})
 										] })]
 									})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-										htmlFor: tt.id,
+										htmlFor: nt.id,
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: y("agentsPage.architecture", "Architecture")
-									}), /* @__PURE__ */ d(Ce, {
-										value: Ke,
-										onValueChange: qe,
-										children: [/* @__PURE__ */ u(Te, {
-											id: tt.id,
+									}), /* @__PURE__ */ d(we, {
+										value: qe,
+										onValueChange: Je,
+										children: [/* @__PURE__ */ u(Ee, {
+											id: nt.id,
 											className: "text-base md:text-sm",
-											children: /* @__PURE__ */ u(Ee, {})
-										}), /* @__PURE__ */ d(we, { children: [
+											children: /* @__PURE__ */ u(De, {})
+										}), /* @__PURE__ */ d(Te, { children: [
 											/* @__PURE__ */ u(m, {
 												value: "x86_64",
 												children: "x86_64"
@@ -658,7 +660,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									})] })]
 								})]
 							}),
-							Xe && /* @__PURE__ */ d("div", {
+							Ze && /* @__PURE__ */ d("div", {
 								role: "alert",
 								className: "p-3 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 								children: [/* @__PURE__ */ d("div", {
@@ -668,7 +670,7 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										"aria-hidden": "true"
 									}), /* @__PURE__ */ u("p", {
 										className: "text-sm text-status-error-text break-words",
-										children: Xe
+										children: Ze
 									})]
 								}), /* @__PURE__ */ d("div", {
 									className: "flex flex-wrap items-center gap-2 mt-3",
@@ -677,9 +679,9 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 										variant: "outline",
 										size: "sm",
 										onClick: () => {
-											H(null), x("details"), Le(""), Re(""), z(null), V(null);
+											H(null), x("details"), Re(""), ze(""), z(null), V(null);
 										},
-										children: [/* @__PURE__ */ u(me, {
+										children: [/* @__PURE__ */ u(he, {
 											className: "size-3.5",
 											"aria-hidden": "true"
 										}), y("agentsPage.tryDifferentAgent", "Try Different Agent")]
@@ -692,20 +694,20 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 									})]
 								})]
 							}),
-							/* @__PURE__ */ d(be, {
+							/* @__PURE__ */ d(xe, {
 								className: "pt-2",
 								children: [/* @__PURE__ */ d(f, {
 									type: "button",
 									variant: "outline",
 									onClick: () => x("details"),
-									children: [/* @__PURE__ */ u(ce, {
+									children: [/* @__PURE__ */ u(le, {
 										className: "size-4",
 										"aria-hidden": "true"
 									}), y("agentsPage.back", "Back")]
 								}), /* @__PURE__ */ u(f, {
 									type: "button",
-									disabled: !st || g || L,
-									onClick: ot,
+									disabled: !ct || g || L,
+									onClick: st,
 									"aria-busy": g,
 									children: g ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(s, {
 										className: "size-4 animate-spin",
@@ -724,6 +726,6 @@ function Oe({ onSubmit: Oe, onCancel: h, isLoading: g, onNavigate: ke, targets:
 	});
 }
 //#endregion
-export { Oe as AgentForm };
+export { ke as AgentForm };
 
 //# sourceMappingURL=AgentForm.js.map