@burdenoff/microfe-vibecontrols 2026.801.1 → 2026.813.1

package/dist/components/agents/AgentForm.js

@@ -6,14 +6,15 @@ 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 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 { isOnboardingTimeout as re } from "../../utils/onboardingUtils.js";
+import { useCallback as ie, useEffect as ae, useRef as oe, useState as a } from "react";
+import { Check as se, CheckCircle2 as ce, ChevronDown as le, ChevronLeft as ue, ChevronRight as o, Copy as de, Download as fe, Eye as pe, EyeOff as me, Loader2 as s, Plus as he, RefreshCw as ge, Settings2 as _e, Terminal as ve, 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 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";
+import { Button as f, Input as p, ResponsiveDialog as ye, ResponsiveDialogContent as be, ResponsiveDialogDescription as xe, ResponsiveDialogFooter as Se, ResponsiveDialogHeader as Ce, ResponsiveDialogTitle as we, Select as Te, SelectContent as Ee, SelectItem as m, SelectTrigger as De, SelectValue as Oe, Stepper as ke } from "@burdenoff/fe-libs/ui";
 //#region src/components/agents/AgentForm.tsx
-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(() => {
+function Ae({ onSubmit: Ae, onCancel: h, isLoading: g, onNavigate: je, targets: _, targetsLoading: Me, onCreateTarget: v, extraSection: Ne }) {
+	let y = t(), [b, x] = a("details"), [S, Pe] = a(!1), [C, Fe] = a(!1), [Ie, Le] = a(null), [w, T] = a(""), [E, Re] = a(!1), [D, ze] = a(""), [O, Be] = a(""), [k, Ve] = a("");
+	ae(() => {
 		if (E || !k) return;
 		let e = (_ ?? []).find((e) => e.id === k);
 		e?.name && T(e.name);
@@ -22,17 +23,17 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 		_,
 		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 [A, j] = a(!1), [M, N] = a(""), [P, He] = a(!1), [F, I] = a(null), [L, Ue] = a(!1), [R, z] = a(null), [B, V] = a(null), [We, Ge] = a(""), [Ke, qe] = a("linux"), [Je, Ye] = a("x86_64"), [Xe, Ze] = a("1.0.0"), [Qe, H] = a(null), [$e, U] = a(!1), [W, et] = a(!1), [tt, nt] = a("default"), G = "visible", K = i({ hint: G }), q = i({ error: F }), J = i({ hint: G }), Y = i({ hint: G }), X = i({ hint: G }), rt = i(), it = i(), at = ie((e, t) => {
+		navigator.clipboard.writeText(e), Le(t), setTimeout(() => Le(null), 2e3);
+	}, []), ot = (e) => {
 		let t = e.trim();
 		return t.endsWith("/") && (t = t.slice(0, -1)), t;
-	}, [at] = e({ fetchPolicy: "network-only" }), ot = async () => {
-		let e = it(D);
+	}, [st] = e({ fetchPolicy: "network-only" }), ct = async () => {
+		let e = ot(D);
 		if (e) {
-			He(!0), z(null), V(null);
+			Ue(!0), z(null), V(null);
 			try {
-				let { data: t, error: n } = await at({ variables: {
+				let { data: t, error: n } = await st({ variables: {
 					url: e,
 					agentApiKey: O || null
 				} }), r = t?.probeAgentTunnel;
@@ -55,7 +56,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 				} : {
 					ok: !1,
 					error: r.healthError ?? "Health check failed"
-				}), r.agentVersion && Xe(r.agentVersion), V(r.identityOk ? {
+				}), r.agentVersion && Ze(r.agentVersion), V(r.identityOk ? {
 					ok: !0,
 					data: {
 						hostname: r.hostname ?? "",
@@ -65,7 +66,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 				} : {
 					ok: !1,
 					error: r.identityError ?? "Identity check failed"
-				}), r.identityOk && (r.platform && Ke(r.platform), r.architecture && Je(r.architecture), r.hostname && (We(r.hostname), !E && !k && T(r.hostname)));
+				}), r.identityOk && (r.platform && qe(r.platform), r.architecture && Ye(r.architecture), r.hostname && (Ge(r.hostname), !E && !k && T(r.hostname)));
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Probe failed";
 				z({
@@ -76,94 +77,103 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 					error: t
 				});
 			}
-			He(!1);
+			Ue(!1);
 		}
-	}, X = ae(!1), st = async () => {
-		if (X.current) return;
-		X.current = !0, H(null);
-		let e = $e.trim() || "default", t = {
-			name: w || Ue || "Unnamed Agent",
-			hostname: Ue || "unknown",
-			platform: Ge,
-			architecture: qe,
-			version: Ye,
-			tunnelUrl: it(D),
+	}, Z = oe(!1), lt = async () => {
+		if (Z.current) return;
+		Z.current = !0, H(null), U(!1);
+		let e = tt.trim() || "default", t = {
+			name: w || We || "Unnamed Agent",
+			hostname: We || "unknown",
+			platform: Ke,
+			architecture: Je,
+			version: Xe,
+			tunnelUrl: ot(D),
 			tunnelStatus: "ACTIVE",
 			agentApiKey: O,
 			metadata: { profile: e },
 			...k ? { targetId: k } : {}
 		};
 		try {
-			let e = (await ke(t))?.id || null;
-			if (!e) {
+			let e = await Ae(t);
+			if (e && "pending" in e && e.pending) {
+				U(!0);
+				return;
+			}
+			let n = (e && "id" in e ? e.id : null) || null;
+			if (!n) {
 				H("Agent creation returned no ID. The agent may already exist.");
 				return;
 			}
-			Ae ? Ae(`/agents/${e}`) : h();
+			je ? je(`/agents/${n}`) : h();
 		} catch (e) {
+			if (re(e)) {
+				U(!0);
+				return;
+			}
 			H(e instanceof Error ? e.message : "Failed to create agent");
 		} finally {
-			X.current = !1;
+			Z.current = !1;
 		}
-	}, ct = R?.ok && B?.ok, Z = _ && _.length > 0, lt = (v || Z) && k.length === 0, ut = D.trim().length > 0 && !lt, dt = re(async () => {
+	}, ut = R?.ok && B?.ok, Q = _ && _.length > 0, dt = (v || Q) && k.length === 0, ft = D.trim().length > 0 && !dt, pt = ie(async () => {
 		if (!(!v || !M.trim())) {
-			Ve(!0), I(null);
+			He(!0), I(null);
 			try {
 				let e = await v(M.trim());
-				e ? (Be(e.id), j(!1), N("")) : r() ? (j(!1), N("")) : I(y("agentsPage.inlineTargetFailed", "Failed to create target. Please try again."));
+				e ? (Ve(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 {
-				Ve(!1);
+				He(!1);
 			}
 		}
 	}, [
 		v,
 		M,
 		y
-	]), ft = (e, t) => {
-		let n = Fe === t;
+	]), mt = (e, t) => {
+		let n = Ie === t;
 		return /* @__PURE__ */ u(f, {
 			type: "button",
 			variant: "ghost",
 			size: "icon-sm",
-			onClick: () => rt(e, t),
+			onClick: () => at(e, t),
 			"aria-label": n ? y("agentsPage.copied", "Copied") : y("agentsPage.copy", "Copy"),
 			className: "shrink-0",
-			children: n ? /* @__PURE__ */ u(oe, {
+			children: n ? /* @__PURE__ */ u(se, {
 				className: "size-3.5 text-status-success-text",
 				"aria-hidden": "true"
-			}) : /* @__PURE__ */ u(ue, {
+			}) : /* @__PURE__ */ u(de, {
 				className: "size-3.5 text-text-secondary",
 				"aria-hidden": "true"
 			})
 		});
-	}, Q = /* @__PURE__ */ d("span", {
+	}, $ = /* @__PURE__ */ d("span", {
 		"aria-hidden": "true",
 		className: "text-status-error-text",
 		children: [" ", "*"]
-	}), $ = [{
+	}), ht = [{
 		key: "details",
 		label: y("agentsPage.stepSetup", "Setup")
 	}, {
 		key: "validate",
 		label: y("agentsPage.stepValidate", "Validate")
-	}], pt = $.findIndex((e) => e.key === b);
-	return /* @__PURE__ */ u(ve, {
+	}], gt = ht.findIndex((e) => e.key === b);
+	return /* @__PURE__ */ u(ye, {
 		open: !0,
 		onOpenChange: (e) => {
 			!e && !g && h();
 		},
-		children: /* @__PURE__ */ d(ye, {
+		children: /* @__PURE__ */ d(be, {
 			className: "sm:max-w-xl md:max-h-[min(90vh,52rem)] md:overflow-y-auto",
 			onPointerDownOutside: (e) => e.preventDefault(),
 			children: [
-				/* @__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: pt,
+				/* @__PURE__ */ d(Ce, { children: [/* @__PURE__ */ u(we, { children: y("agentsPage.addNewAgent", "Add New Agent") }), /* @__PURE__ */ u(xe, { children: y("agentsPage.addNewAgentDescription", "Connect a running vibe agent to this workspace.") })] }),
+				/* @__PURE__ */ u(ke, {
+					steps: ht,
+					active: gt,
 					onStepClick: (e) => {
-						let t = $[e];
+						let t = ht[e];
 						t && x(t.key === "validate" ? "validate" : "details");
 					}
 				}),
@@ -176,12 +186,12 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 								className: "border border-border-default rounded-lg overflow-hidden",
 								children: [/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => Pe(!C),
+									onClick: () => Fe(!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(de, {
+										children: [/* @__PURE__ */ u(fe, {
 											className: "size-4 text-text-secondary",
 											"aria-hidden": "true"
 										}), /* @__PURE__ */ u("span", {
@@ -207,7 +217,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 											}), /* @__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, {
+													/* @__PURE__ */ u(ve, {
 														className: "size-3 text-text-muted flex-shrink-0",
 														"aria-hidden": "true"
 													}),
@@ -215,7 +225,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 														className: "flex-1 min-w-0 break-words",
 														children: "vibe start"
 													}),
-													ft("vibe start", "vibe start")
+													mt("vibe start", "vibe start")
 												]
 											})] }),
 											/* @__PURE__ */ u("p", {
@@ -228,23 +238,23 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 							}),
 							/* @__PURE__ */ d("div", { children: [
 								/* @__PURE__ */ u("label", {
-									htmlFor: G.id,
+									htmlFor: K.id,
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: y("agentsPage.name", "Name")
 								}),
 								/* @__PURE__ */ u(p, {
-									...G.inputProps,
+									...K.inputProps,
 									type: "text",
 									value: w,
 									onChange: (e) => {
-										T(e.target.value), Le(!0);
+										T(e.target.value), Re(!0);
 									},
 									placeholder: y("agentsPage.namePlaceholderUpfront", "My laptop, prod jump-host, …"),
 									className: "text-base md:text-sm",
 									"data-testid": "agent-form-name-input"
 								}),
 								/* @__PURE__ */ u("p", {
-									id: G.hintId,
+									id: K.hintId,
 									className: "mt-1.5 text-xs text-text-muted",
 									children: y("agentsPage.nameHint", "How this agent shows up in the UI. Defaults to the target's name (or the machine's hostname after Validate) — leave blank to accept the autogen.")
 								})
@@ -252,9 +262,9 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 							/* @__PURE__ */ d("div", { children: [
 								/* @__PURE__ */ d("span", {
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
-									children: [y("agentsPage.target", "Target"), Q]
+									children: [y("agentsPage.target", "Target"), $]
 								}),
-								Z && !A && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(te, {
+								Q && !A && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(te, {
 									placeholder: y("agentsPage.selectTarget", "Select a target..."),
 									searchPlaceholder: y("agentsPage.searchTargets", "Search targets..."),
 									options: (_ ?? []).map((e) => ({
@@ -263,7 +273,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										description: `${e.type}${e.status ? ` · ${e.status}` : ""}`
 									})),
 									value: k,
-									onChange: Be,
+									onChange: Ve,
 									clearable: !0
 								}), /* @__PURE__ */ d("p", {
 									className: "mt-1.5 text-xs text-text-muted",
@@ -276,14 +286,14 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, 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(me, {
+											children: [/* @__PURE__ */ u(he, {
 												className: "size-3",
 												"aria-hidden": "true"
 											}), y("agentsPage.createNewTarget", "Create a new target")]
 										})
 									]
 								})] }),
-								!Z && !je && v && !A && /* @__PURE__ */ d("div", {
+								!Q && !Me && 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",
@@ -294,7 +304,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										onClick: () => {
 											j(!0), N(w.trim() || "");
 										},
-										children: [/* @__PURE__ */ u(me, {
+										children: [/* @__PURE__ */ u(he, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), y("agentsPage.createFirstTarget", "Create first target")]
@@ -309,23 +319,23 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										}),
 										/* @__PURE__ */ d("div", { children: [
 											/* @__PURE__ */ u("label", {
-												htmlFor: K.id,
+												htmlFor: q.id,
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: y("agentsPage.targetName", "Target name")
 											}),
 											/* @__PURE__ */ u(p, {
-												...K.inputProps,
+												...q.inputProps,
 												type: "text",
 												value: M,
 												onChange: (e) => N(e.target.value),
 												placeholder: y("agentsPage.targetName", "Target name"),
 												className: "text-base md:text-sm",
 												onKeyDown: (e) => {
-													e.key === "Enter" && (e.preventDefault(), dt());
+													e.key === "Enter" && (e.preventDefault(), pt());
 												}
 											}),
 											F && /* @__PURE__ */ u("p", {
-												id: K.errorId,
+												id: q.errorId,
 												role: "alert",
 												className: "mt-1.5 text-sm text-status-error-text",
 												children: F
@@ -336,13 +346,13 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 											children: [/* @__PURE__ */ d(f, {
 												type: "button",
 												size: "sm",
-												onClick: () => void dt(),
+												onClick: () => void pt(),
 												disabled: !M.trim() || P,
 												"aria-busy": P,
 												children: [P ? /* @__PURE__ */ u(s, {
 													className: "size-3.5 animate-spin",
 													"aria-hidden": "true"
-												}) : /* @__PURE__ */ u(oe, {
+												}) : /* @__PURE__ */ u(se, {
 													className: "size-3.5",
 													"aria-hidden": "true"
 												}), y("agentsPage.create", "Create")]
@@ -358,7 +368,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										})
 									]
 								}),
-								je && !Z && /* @__PURE__ */ d("div", {
+								Me && !Q && /* @__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, {
@@ -369,38 +379,38 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 							] }),
 							/* @__PURE__ */ d("div", { children: [
 								/* @__PURE__ */ d("label", {
-									htmlFor: q.id,
+									htmlFor: J.id,
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
-									children: [y("agentsPage.apiTunnelUrl", "API / Tunnel URL"), Q]
+									children: [y("agentsPage.apiTunnelUrl", "API / Tunnel URL"), $]
 								}),
 								/* @__PURE__ */ u(p, {
-									...q.inputProps,
+									...J.inputProps,
 									type: "url",
 									value: D,
-									onChange: (e) => Re(e.target.value),
+									onChange: (e) => ze(e.target.value),
 									placeholder: "https://your-tunnel.trycloudflare.com",
 									"aria-required": "true",
 									className: "text-base md:text-sm font-mono"
 								}),
 								/* @__PURE__ */ u("p", {
-									id: q.hintId,
+									id: J.hintId,
 									className: "mt-1.5 text-xs text-text-muted",
 									children: y("agentsPage.tunnelUrlHint", "The agent's tunnel URL or local API URL (e.g. http://localhost:3005)")
 								})
 							] }),
 							/* @__PURE__ */ d("div", { children: [
 								/* @__PURE__ */ d("label", {
-									htmlFor: J.id,
+									htmlFor: Y.id,
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
-									children: [y("agentsPage.agentApiKey", "Agent API Key"), Q]
+									children: [y("agentsPage.agentApiKey", "Agent API Key"), $]
 								}),
 								/* @__PURE__ */ d("div", {
 									className: "relative",
 									children: [/* @__PURE__ */ u(p, {
-										...J.inputProps,
+										...Y.inputProps,
 										type: S ? "text" : "password",
 										value: O,
-										onChange: (e) => ze(e.target.value),
+										onChange: (e) => Be(e.target.value),
 										placeholder: "vcak_...",
 										"aria-required": "true",
 										className: "pr-10 text-base md:text-sm font-mono"
@@ -408,18 +418,18 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										type: "button",
 										variant: "ghost",
 										size: "icon-sm",
-										onClick: () => Ne(!S),
+										onClick: () => Pe(!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 ? pe : fe, {
+										children: u(S ? me : pe, {
 											className: "size-4 text-text-secondary",
 											"aria-hidden": "true"
 										})
 									})]
 								}),
 								/* @__PURE__ */ d("p", {
-									id: J.hintId,
+									id: Y.hintId,
 									className: "mt-1.5 text-xs text-text-muted",
 									children: [
 										y("agentsPage.apiKeyHint", "Run"),
@@ -437,53 +447,53 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 								className: "border border-border-default rounded-lg overflow-hidden",
 								children: [/* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => Qe((e) => !e),
+									onClick: () => et((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,
+									"aria-expanded": W,
 									"data-testid": "agent-form-advanced-toggle",
 									children: [/* @__PURE__ */ d("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ u(ge, {
+										children: [/* @__PURE__ */ u(_e, {
 											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(ce, {
+									}), /* @__PURE__ */ u(le, {
 										"aria-hidden": "true",
-										className: `size-4 text-text-secondary transition-transform ${U ? "rotate-180" : ""}`
+										className: `size-4 text-text-secondary transition-transform ${W ? "rotate-180" : ""}`
 									})]
-								}), U && /* @__PURE__ */ u("div", {
+								}), W && /* @__PURE__ */ u("div", {
 									className: "px-4 py-3 space-y-3 border-t border-border-default",
 									children: /* @__PURE__ */ d("div", { children: [
 										/* @__PURE__ */ u("label", {
-											htmlFor: Y.id,
+											htmlFor: X.id,
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: y("agentsPage.profileName", "Profile name")
 										}),
 										/* @__PURE__ */ u(p, {
-											...Y.inputProps,
+											...X.inputProps,
 											type: "text",
-											value: $e,
-											onChange: (e) => et(e.target.value),
+											value: tt,
+											onChange: (e) => nt(e.target.value),
 											placeholder: "default",
 											className: "text-base md:text-sm font-mono",
 											"data-testid": "agent-form-profile-input"
 										}),
 										/* @__PURE__ */ u("p", {
-											id: Y.hintId,
+											id: X.hintId,
 											className: "mt-1.5 text-xs text-text-muted",
 											children: y("agentsPage.profileNameHint", "Each profile runs an isolated CLI on the daemon. Leave as \"default\" unless you want this agent to host multiple parallel profiles.")
 										})
 									] })
 								})]
 							}),
-							Me && /* @__PURE__ */ u("div", {
+							Ne && /* @__PURE__ */ u("div", {
 								className: "border-t border-border-default pt-4 mt-4",
-								children: Me
+								children: Ne
 							}),
-							/* @__PURE__ */ d(xe, {
+							/* @__PURE__ */ d(Se, {
 								className: "pt-2",
 								children: [/* @__PURE__ */ u(f, {
 									type: "button",
@@ -492,9 +502,9 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 									children: y("agentsPage.cancel", "Cancel")
 								}), /* @__PURE__ */ d(f, {
 									type: "button",
-									disabled: !ut,
+									disabled: !ft,
 									onClick: () => {
-										x("validate"), ot();
+										x("validate"), ct();
 									},
 									children: [y("agentsPage.nextValidate", "Next: Validate"), /* @__PURE__ */ u(o, {
 										className: "size-4",
@@ -514,7 +524,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 									children: [L && !R ? /* @__PURE__ */ u(s, {
 										className: "size-5 text-text-secondary animate-spin",
 										"aria-hidden": "true"
-									}) : R?.ok ? /* @__PURE__ */ u(se, {
+									}) : R?.ok ? /* @__PURE__ */ u(ce, {
 										className: "size-5 text-status-success-text",
 										"aria-hidden": "true"
 									}) : R ? /* @__PURE__ */ u(c, {
@@ -554,7 +564,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 									children: [L && !B ? /* @__PURE__ */ u(s, {
 										className: "size-5 text-text-secondary animate-spin",
 										"aria-hidden": "true"
-									}) : B?.ok ? /* @__PURE__ */ u(se, {
+									}) : B?.ok ? /* @__PURE__ */ u(ce, {
 										className: "size-5 text-status-success-text",
 										"aria-hidden": "true"
 									}) : B ? /* @__PURE__ */ u(c, {
@@ -594,13 +604,13 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 								type: "button",
 								variant: "ghost",
 								size: "sm",
-								onClick: ot,
-								children: [/* @__PURE__ */ u(he, {
+								onClick: ct,
+								children: [/* @__PURE__ */ u(ge, {
 									className: "size-3.5",
 									"aria-hidden": "true"
 								}), y("agentsPage.retryValidation", "Retry validation")]
 							}),
-							ct && /* @__PURE__ */ d("div", {
+							ut && /* @__PURE__ */ d("div", {
 								className: "space-y-3 pt-2",
 								children: [/* @__PURE__ */ u("p", {
 									className: "text-sm font-medium text-text-primary",
@@ -608,17 +618,17 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 								}), /* @__PURE__ */ d("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 									children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-										htmlFor: tt.id,
+										htmlFor: rt.id,
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: y("agentsPage.platform", "Platform")
-									}), /* @__PURE__ */ d(we, {
-										value: Ge,
-										onValueChange: Ke,
-										children: [/* @__PURE__ */ u(Ee, {
-											id: tt.id,
+									}), /* @__PURE__ */ d(Te, {
+										value: Ke,
+										onValueChange: qe,
+										children: [/* @__PURE__ */ u(De, {
+											id: rt.id,
 											className: "text-base md:text-sm",
-											children: /* @__PURE__ */ u(De, {})
-										}), /* @__PURE__ */ d(Te, { children: [
+											children: /* @__PURE__ */ u(Oe, {})
+										}), /* @__PURE__ */ d(Ee, { children: [
 											/* @__PURE__ */ u(m, {
 												value: "linux",
 												children: "Linux"
@@ -633,17 +643,17 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 											})
 										] })]
 									})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-										htmlFor: nt.id,
+										htmlFor: it.id,
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: y("agentsPage.architecture", "Architecture")
-									}), /* @__PURE__ */ d(we, {
-										value: qe,
-										onValueChange: Je,
-										children: [/* @__PURE__ */ u(Ee, {
-											id: nt.id,
+									}), /* @__PURE__ */ d(Te, {
+										value: Je,
+										onValueChange: Ye,
+										children: [/* @__PURE__ */ u(De, {
+											id: it.id,
 											className: "text-base md:text-sm",
-											children: /* @__PURE__ */ u(De, {})
-										}), /* @__PURE__ */ d(Te, { children: [
+											children: /* @__PURE__ */ u(Oe, {})
+										}), /* @__PURE__ */ d(Ee, { children: [
 											/* @__PURE__ */ u(m, {
 												value: "x86_64",
 												children: "x86_64"
@@ -660,7 +670,33 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 									})] })]
 								})]
 							}),
-							Ze && /* @__PURE__ */ d("div", {
+							$e && /* @__PURE__ */ d("div", {
+								role: "status",
+								className: "p-3 bg-status-info-bg-subtle border border-status-info-border rounded-lg",
+								children: [/* @__PURE__ */ d("div", {
+									className: "flex items-start gap-2",
+									children: [/* @__PURE__ */ u(s, {
+										className: "size-5 text-status-info-text flex-shrink-0 animate-spin",
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+										className: "text-sm font-medium text-status-info-text",
+										children: y("agentsPage.provisioningTitle", "This is taking a little longer than usual")
+									}), /* @__PURE__ */ u("p", {
+										className: "text-sm text-status-info-text break-words mt-1",
+										children: y("agentsPage.provisioningBody", "Your agent is still being set up in the background. You can close this — it'll finish on its own and appear in your agents list within a minute.")
+									})] })]
+								}), /* @__PURE__ */ u("div", {
+									className: "flex flex-wrap items-center gap-2 mt-3",
+									children: /* @__PURE__ */ u(f, {
+										type: "button",
+										variant: "outline",
+										size: "sm",
+										onClick: h,
+										children: y("agentsPage.closeAndCheckBack", "Close — I'll check back")
+									})
+								})]
+							}),
+							Qe && /* @__PURE__ */ d("div", {
 								role: "alert",
 								className: "p-3 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 								children: [/* @__PURE__ */ d("div", {
@@ -670,7 +706,7 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										"aria-hidden": "true"
 									}), /* @__PURE__ */ u("p", {
 										className: "text-sm text-status-error-text break-words",
-										children: Ze
+										children: Qe
 									})]
 								}), /* @__PURE__ */ d("div", {
 									className: "flex flex-wrap items-center gap-2 mt-3",
@@ -679,9 +715,9 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 										variant: "outline",
 										size: "sm",
 										onClick: () => {
-											H(null), x("details"), Re(""), ze(""), z(null), V(null);
+											H(null), x("details"), ze(""), Be(""), z(null), V(null);
 										},
-										children: [/* @__PURE__ */ u(he, {
+										children: [/* @__PURE__ */ u(ge, {
 											className: "size-3.5",
 											"aria-hidden": "true"
 										}), y("agentsPage.tryDifferentAgent", "Try Different Agent")]
@@ -694,20 +730,20 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 									})]
 								})]
 							}),
-							/* @__PURE__ */ d(xe, {
+							/* @__PURE__ */ d(Se, {
 								className: "pt-2",
 								children: [/* @__PURE__ */ d(f, {
 									type: "button",
 									variant: "outline",
 									onClick: () => x("details"),
-									children: [/* @__PURE__ */ u(le, {
+									children: [/* @__PURE__ */ u(ue, {
 										className: "size-4",
 										"aria-hidden": "true"
 									}), y("agentsPage.back", "Back")]
 								}), /* @__PURE__ */ u(f, {
 									type: "button",
-									disabled: !ct || g || L,
-									onClick: st,
+									disabled: !ut || g || L || $e,
+									onClick: lt,
 									"aria-busy": g,
 									children: g ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(s, {
 										className: "size-4 animate-spin",
@@ -726,6 +762,6 @@ function ke({ onSubmit: ke, onCancel: h, isLoading: g, onNavigate: Ae, targets:
 	});
 }
 //#endregion
-export { ke as AgentForm };
+export { Ae as AgentForm };
 
 //# sourceMappingURL=AgentForm.js.map