@burdenoff/microfe-vibecontrols 2026.520.1 → 2026.520.2

package/dist/components/agents/AgentForm.js

@@ -5,38 +5,38 @@ import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProv
 import { Check as i, CheckCircle2 as a, ChevronDown as o, ChevronLeft as ee, ChevronRight as s, Copy as te, Download as ne, Eye as re, EyeOff as ie, Loader2 as c, Plus as l, RefreshCw as u, Settings2 as ae, Terminal as oe, X as se, XCircle as d } from "lucide-react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/agents/AgentForm.tsx
-function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y, targetsLoading: ce, onCreateTarget: b }) {
-	let { t: le } = r(), x = (e, t) => {
+function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y, targetsLoading: b, onCreateTarget: x, extraSection: ce }) {
+	let { t: le } = r(), S = (e, t) => {
 		let n = le(e);
 		return n === e ? t : n;
-	}, [S, C] = n("details"), [w, ue] = n(!1), [T, de] = n(!1), [fe, pe] = n(null), [E, me] = n(""), [D, O] = n(""), [k, A] = n(""), [j, M] = n(""), [N, P] = n(!1), [F, I] = n(""), [L, R] = n(!1), [z, B] = n(null), [V, H] = n(!1), [U, W] = n(null), [G, K] = n(null), [q, he] = n(""), [J, ge] = n("linux"), [_e, ve] = n("x86_64"), [ye, be] = n("1.0.0"), [xe, Y] = n(null), [X, Se] = n(!1), [Ce, we] = n("default"), Te = t((e, t) => {
-		navigator.clipboard.writeText(e), pe(t), setTimeout(() => pe(null), 2e3);
-	}, []), Ee = (e) => {
+	}, [C, w] = n("details"), [T, ue] = n(!1), [E, de] = n(!1), [fe, D] = n(null), [O, pe] = n(""), [k, A] = n(""), [j, M] = n(""), [N, P] = n(""), [F, I] = n(!1), [L, R] = n(""), [z, B] = n(!1), [V, H] = n(null), [U, me] = n(!1), [W, G] = n(null), [K, q] = n(null), [J, he] = n(""), [ge, _e] = n("linux"), [ve, ye] = n("x86_64"), [be, xe] = n("1.0.0"), [Se, Y] = n(null), [X, Ce] = n(!1), [we, Te] = n("default"), Ee = t((e, t) => {
+		navigator.clipboard.writeText(e), D(t), setTimeout(() => D(null), 2e3);
+	}, []), De = (e) => {
 		let t = e.trim();
 		return t.endsWith("/") && (t = t.slice(0, -1)), t;
-	}, De = async () => {
-		let e = Ee(D);
-		e && (H(!0), W(null), K(null), await Promise.all([(async () => {
+	}, Oe = async () => {
+		let e = De(k);
+		e && (me(!0), G(null), q(null), await Promise.all([(async () => {
 			try {
 				let t = await fetch(`${e}/health`, { signal: AbortSignal.timeout(1e4) });
 				if (!t.ok) {
-					W({
+					G({
 						ok: !1,
 						error: `HTTP ${String(t.status)}: ${t.statusText}`
 					});
 					return;
 				}
 				let n = await t.json();
-				W({
+				G({
 					ok: !0,
 					data: {
 						status: n.status || "healthy",
 						version: n.version || "unknown",
 						uptime: n.uptime || 0
 					}
-				}), n.version && be(n.version);
+				}), n.version && xe(n.version);
 			} catch (e) {
-				W({
+				G({
 					ok: !1,
 					error: e instanceof DOMException && e.name === "AbortError" ? "Health check timed out after 10s" : e instanceof Error ? e.message : "Health check failed"
 				});
@@ -44,47 +44,47 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 		})(), (async () => {
 			try {
 				let t = {};
-				k && (t["x-agent-api-key"] = k);
+				j && (t["x-agent-api-key"] = j);
 				let n = await fetch(`${e}/api/profiles/default/agent/identity`, {
 					headers: t,
 					signal: AbortSignal.timeout(1e4)
 				});
 				if (!n.ok) {
-					K({
+					q({
 						ok: !1,
 						error: n.status === 401 ? "Invalid API key" : `HTTP ${String(n.status)}: ${n.statusText}`
 					});
 					return;
 				}
 				let r = await n.json(), i = r.hostname || "", a = r.platform || "linux", o = r.arch || "x86_64";
-				K({
+				q({
 					ok: !0,
 					data: {
 						hostname: i,
 						platform: a,
 						arch: o
 					}
-				}), i && he(i), a && ge(a), o && ve(o), !E && i && me(i);
+				}), i && he(i), a && _e(a), o && ye(o), !O && i && pe(i);
 			} catch (e) {
-				K({
+				q({
 					ok: !1,
 					error: e instanceof DOMException && e.name === "AbortError" ? "Identity check timed out after 10s" : e instanceof Error ? e.message : "Identity check failed"
 				});
 			}
-		})()]), H(!1));
-	}, Oe = async () => {
+		})()]), me(!1));
+	}, ke = async () => {
 		Y(null);
-		let e = Ce.trim() || "default", t = {
-			name: E || q || "Unnamed Agent",
-			hostname: q || "unknown",
-			platform: J,
-			architecture: _e,
-			version: ye,
-			tunnelUrl: Ee(D),
+		let e = we.trim() || "default", t = {
+			name: O || J || "Unnamed Agent",
+			hostname: J || "unknown",
+			platform: ge,
+			architecture: ve,
+			version: be,
+			tunnelUrl: De(k),
 			tunnelStatus: "ACTIVE",
-			agentApiKey: k,
+			agentApiKey: j,
 			metadata: { profile: e },
-			...j ? { targetId: j } : {}
+			...N ? { targetId: N } : {}
 		};
 		try {
 			let e = (await h(t))?.id || null;
@@ -96,27 +96,27 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 		} catch (e) {
 			Y(e instanceof Error ? e.message : "Failed to create agent");
 		}
-	}, ke = U?.ok && G?.ok, Z = y && y.length > 0, Ae = (b || Z) && j.length === 0, je = D.trim().length > 0 && !Ae, Me = t(async () => {
-		if (!(!b || !F.trim())) {
-			R(!0), B(null);
+	}, Ae = W?.ok && K?.ok, Z = y && y.length > 0, je = (x || Z) && N.length === 0, Me = k.trim().length > 0 && !je, Ne = t(async () => {
+		if (!(!x || !L.trim())) {
+			B(!0), H(null);
 			try {
-				let e = await b(F.trim());
-				e ? (M(e.id), P(!1), I("")) : B(x("agentsPage.inlineTargetFailed", "Failed to create target. Please try again."));
+				let e = await x(L.trim());
+				e ? (P(e.id), I(!1), R("")) : H(S("agentsPage.inlineTargetFailed", "Failed to create target. Please try again."));
 			} catch (e) {
-				B(e instanceof Error ? e.message : "Failed to create target");
+				H(e instanceof Error ? e.message : "Failed to create target");
 			} finally {
-				R(!1);
+				B(!1);
 			}
 		}
 	}, [
-		b,
-		F,
-		x
-	]), Ne = ({ text: e, id: t }) => /* @__PURE__ */ p("button", {
+		x,
+		L,
+		S
+	]), Pe = ({ text: e, id: t }) => /* @__PURE__ */ p("button", {
 		type: "button",
-		onClick: () => Te(e, t),
+		onClick: () => Ee(e, t),
 		className: "p-1 rounded hover:bg-bg-elevated transition-colors",
-		title: x("agentsPage.copy", "Copy"),
+		title: S("agentsPage.copy", "Copy"),
 		children: fe === t ? /* @__PURE__ */ p(i, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ p(te, { className: "w-3.5 h-3.5 text-text-secondary" })
 	}), Q = [{
 		key: "details",
@@ -124,7 +124,7 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 	}, {
 		key: "validate",
 		label: "Validate"
-	}], $ = Q.findIndex((e) => e.key === S);
+	}], $ = Q.findIndex((e) => e.key === C);
 	return /* @__PURE__ */ p("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
 		children: /* @__PURE__ */ m("div", {
@@ -134,7 +134,7 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 					className: "flex items-center justify-between px-6 py-4 border-b border-border-default sticky top-0 bg-bg-surface z-10",
 					children: [/* @__PURE__ */ p("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: x("agentsPage.addNewAgent", "Add New Agent")
+						children: S("agentsPage.addNewAgent", "Add New Agent")
 					}), /* @__PURE__ */ p("button", {
 						onClick: g,
 						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
@@ -160,41 +160,41 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 				}),
 				/* @__PURE__ */ m("div", {
 					className: "p-6",
-					children: [S === "details" && /* @__PURE__ */ m("div", {
+					children: [C === "details" && /* @__PURE__ */ m("div", {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", {
 								className: "border border-border-default rounded-lg overflow-hidden",
 								children: [/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => de(!T),
+									onClick: () => de(!E),
 									className: "w-full flex items-center justify-between px-4 py-3 bg-bg-sunken hover:bg-bg-sunken/80 transition-colors",
 									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2",
 										children: [/* @__PURE__ */ p(ne, { className: "w-4 h-4 text-action-primary-bg" }), /* @__PURE__ */ p("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: x("agentsPage.installInstructions", "Agent Install Instructions")
+											children: S("agentsPage.installInstructions", "Agent Install Instructions")
 										})]
-									}), /* @__PURE__ */ p(s, { className: `w-4 h-4 text-text-secondary transition-transform ${T ? "rotate-90" : ""}` })]
-								}), T && /* @__PURE__ */ p("div", {
+									}), /* @__PURE__ */ p(s, { className: `w-4 h-4 text-text-secondary transition-transform ${E ? "rotate-90" : ""}` })]
+								}), E && /* @__PURE__ */ p("div", {
 									className: "px-4 py-3 space-y-3 border-t border-border-default",
 									children: /* @__PURE__ */ p("div", {
 										className: "space-y-2",
 										children: [
 											{
-												label: x("agentsPage.installStep1", "1. Install the agent CLI"),
+												label: S("agentsPage.installStep1", "1. Install the agent CLI"),
 												cmd: "npm install -g @vibecontrols/agent@latest"
 											},
 											{
-												label: x("agentsPage.installStep2", "2. Start the agent"),
+												label: S("agentsPage.installStep2", "2. Start the agent"),
 												cmd: "vibe start"
 											},
 											{
-												label: x("agentsPage.installStep3", "3. Get the API key"),
+												label: S("agentsPage.installStep3", "3. Get the API key"),
 												cmd: "vibe key"
 											},
 											{
-												label: x("agentsPage.installStep4", "4. Start the tunnel"),
+												label: S("agentsPage.installStep4", "4. Start the tunnel"),
 												cmd: "vibe tunnel agent --start"
 											}
 										].map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
@@ -208,7 +208,7 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 													className: "flex-1",
 													children: e.cmd
 												}),
-												/* @__PURE__ */ p(Ne, {
+												/* @__PURE__ */ p(Pe, {
 													text: e.cmd,
 													id: e.cmd
 												})
@@ -221,7 +221,7 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 								/* @__PURE__ */ m("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: [
-										x("agentsPage.target", "Target"),
+										S("agentsPage.target", "Target"),
 										" ",
 										/* @__PURE__ */ p("span", {
 											className: "text-status-error-text",
@@ -229,97 +229,97 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 										})
 									]
 								}),
-								Z && !N && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(e, {
-									placeholder: x("agentsPage.selectTarget", "Select a target..."),
-									searchPlaceholder: x("agentsPage.searchTargets", "Search targets..."),
+								Z && !F && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(e, {
+									placeholder: S("agentsPage.selectTarget", "Select a target..."),
+									searchPlaceholder: S("agentsPage.searchTargets", "Search targets..."),
 									options: (y ?? []).map((e) => ({
 										value: e.id,
 										label: e.name,
 										description: `${e.type}${e.status ? ` · ${e.status}` : ""}`
 									})),
-									value: j,
-									onChange: M,
+									value: N,
+									onChange: P,
 									clearable: !0
 								}), /* @__PURE__ */ m("p", {
 									className: "mt-1 text-xs text-text-muted",
 									children: [
-										x("agentsPage.targetDescription", "The target machine this agent will be installed on."),
+										S("agentsPage.targetDescription", "The target machine this agent will be installed on."),
 										" ",
-										b && /* @__PURE__ */ m("button", {
+										x && /* @__PURE__ */ m("button", {
 											type: "button",
 											onClick: () => {
-												P(!0), I(E.trim() || "");
+												I(!0), R(O.trim() || "");
 											},
 											className: "text-action-primary-bg hover:underline inline-flex items-center gap-1",
-											children: [/* @__PURE__ */ p(l, { className: "w-3 h-3" }), x("agentsPage.createNewTarget", "Create a new target")]
+											children: [/* @__PURE__ */ p(l, { className: "w-3 h-3" }), S("agentsPage.createNewTarget", "Create a new target")]
 										})
 									]
 								})] }),
-								!Z && !ce && b && !N && /* @__PURE__ */ m("div", {
+								!Z && !b && x && !F && /* @__PURE__ */ m("div", {
 									className: "p-3 bg-bg-sunken border border-border-default rounded-lg",
 									children: [/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-secondary mb-2",
-										children: x("agentsPage.noTargetsInlinePrompt", "You don't have any targets yet. Create one now to install this agent on it.")
+										children: S("agentsPage.noTargetsInlinePrompt", "You don't have any targets yet. Create one now to install this agent on it.")
 									}), /* @__PURE__ */ m("button", {
 										type: "button",
 										onClick: () => {
-											P(!0), I(E.trim() || "");
+											I(!0), R(O.trim() || "");
 										},
 										className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:opacity-90",
-										children: [/* @__PURE__ */ p(l, { className: "w-4 h-4" }), x("agentsPage.createFirstTarget", "Create first target")]
+										children: [/* @__PURE__ */ p(l, { className: "w-4 h-4" }), S("agentsPage.createFirstTarget", "Create first target")]
 									})]
 								}),
-								N && b && /* @__PURE__ */ m("div", {
+								F && x && /* @__PURE__ */ m("div", {
 									className: "p-3 bg-bg-sunken border border-border-default rounded-lg space-y-2",
 									children: [
 										/* @__PURE__ */ p("p", {
 											className: "text-xs font-medium text-text-secondary",
-											children: x("agentsPage.newDirectTarget", "New target (Direct — you can change the type later)")
+											children: S("agentsPage.newDirectTarget", "New target (Direct — you can change the type later)")
 										}),
 										/* @__PURE__ */ p("input", {
 											type: "text",
-											value: F,
-											onChange: (e) => I(e.target.value),
-											placeholder: x("agentsPage.targetName", "Target name"),
+											value: L,
+											onChange: (e) => R(e.target.value),
+											placeholder: S("agentsPage.targetName", "Target name"),
 											className: "w-full px-3 py-2 text-sm bg-bg-elevated border border-border-default rounded-md text-text-primary placeholder-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 											autoFocus: !0,
 											onKeyDown: (e) => {
-												e.key === "Enter" && (e.preventDefault(), Me());
+												e.key === "Enter" && (e.preventDefault(), Ne());
 											}
 										}),
-										z && /* @__PURE__ */ p("p", {
+										V && /* @__PURE__ */ p("p", {
 											className: "text-xs text-status-error-text",
-											children: z
+											children: V
 										}),
 										/* @__PURE__ */ m("div", {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: () => void Me(),
-												disabled: !F.trim() || L,
+												onClick: () => void Ne(),
+												disabled: !L.trim() || z,
 												className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:opacity-90 disabled:opacity-50",
-												children: [L ? /* @__PURE__ */ p(c, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ p(i, { className: "w-3.5 h-3.5" }), x("agentsPage.create", "Create")]
+												children: [z ? /* @__PURE__ */ p(c, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ p(i, { className: "w-3.5 h-3.5" }), S("agentsPage.create", "Create")]
 											}), /* @__PURE__ */ p("button", {
 												type: "button",
 												onClick: () => {
-													P(!1), I(""), B(null);
+													I(!1), R(""), H(null);
 												},
 												className: "px-3 py-1.5 text-sm text-text-secondary hover:text-text-primary",
-												children: x("agentsPage.cancel", "Cancel")
+												children: S("agentsPage.cancel", "Cancel")
 											})]
 										})
 									]
 								}),
-								ce && !Z && /* @__PURE__ */ m("div", {
+								b && !Z && /* @__PURE__ */ m("div", {
 									className: "p-3 bg-bg-sunken border border-border-default rounded-lg flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ p(c, { className: "w-4 h-4 animate-spin" }), x("agentsPage.loadingTargets", "Loading targets...")]
+									children: [/* @__PURE__ */ p(c, { className: "w-4 h-4 animate-spin" }), S("agentsPage.loadingTargets", "Loading targets...")]
 								})
 							] }),
 							/* @__PURE__ */ m("div", { children: [
 								/* @__PURE__ */ m("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: [
-										x("agentsPage.apiTunnelUrl", "API / Tunnel URL"),
+										S("agentsPage.apiTunnelUrl", "API / Tunnel URL"),
 										" ",
 										/* @__PURE__ */ p("span", {
 											className: "text-status-error-text",
@@ -329,22 +329,22 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 								}),
 								/* @__PURE__ */ p("input", {
 									type: "url",
-									value: D,
-									onChange: (e) => O(e.target.value),
+									value: k,
+									onChange: (e) => A(e.target.value),
 									placeholder: "https://your-tunnel.trycloudflare.com",
 									required: !0,
 									className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono"
 								}),
 								/* @__PURE__ */ p("p", {
 									className: "mt-1 text-xs text-text-muted",
-									children: x("agentsPage.tunnelUrlHint", "The agent's tunnel URL or local API URL (e.g. http://localhost:3005)")
+									children: S("agentsPage.tunnelUrlHint", "The agent's tunnel URL or local API URL (e.g. http://localhost:3005)")
 								})
 							] }),
 							/* @__PURE__ */ m("div", { children: [
 								/* @__PURE__ */ m("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: [
-										x("agentsPage.agentApiKey", "Agent API Key"),
+										S("agentsPage.agentApiKey", "Agent API Key"),
 										" ",
 										/* @__PURE__ */ p("span", {
 											className: "text-status-error-text",
@@ -355,30 +355,30 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 								/* @__PURE__ */ m("div", {
 									className: "relative",
 									children: [/* @__PURE__ */ p("input", {
-										type: w ? "text" : "password",
-										value: k,
-										onChange: (e) => A(e.target.value),
+										type: T ? "text" : "password",
+										value: j,
+										onChange: (e) => M(e.target.value),
 										placeholder: "vcak_...",
 										required: !0,
 										className: "w-full px-3 py-2 pr-10 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono"
 									}), /* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => ue(!w),
+										onClick: () => ue(!T),
 										className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-bg-elevated transition-colors",
-										children: p(w ? ie : re, { className: "w-4 h-4 text-text-secondary" })
+										children: p(T ? ie : re, { className: "w-4 h-4 text-text-secondary" })
 									})]
 								}),
 								/* @__PURE__ */ m("p", {
 									className: "mt-1 text-xs text-text-muted",
 									children: [
-										x("agentsPage.apiKeyHint", "Run"),
+										S("agentsPage.apiKeyHint", "Run"),
 										" ",
 										/* @__PURE__ */ p("code", {
 											className: "bg-bg-sunken px-1 rounded",
 											children: "vibe key"
 										}),
 										" ",
-										x("agentsPage.apiKeyHintSuffix", "on the agent to get this. Changes on restart.")
+										S("agentsPage.apiKeyHintSuffix", "on the agent to get this. Changes on restart.")
 									]
 								})
 							] }),
@@ -386,7 +386,7 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 								className: "border border-border-default rounded-lg overflow-hidden",
 								children: [/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => Se((e) => !e),
+									onClick: () => Ce((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",
 									"aria-expanded": X,
 									"data-testid": "agent-form-advanced-toggle",
@@ -394,7 +394,7 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 										className: "flex items-center gap-2",
 										children: [/* @__PURE__ */ p(ae, { className: "w-4 h-4 text-text-secondary" }), /* @__PURE__ */ p("span", {
 											className: "text-sm font-medium text-text-primary",
-											children: x("agentsPage.advancedOptions", "Advanced options")
+											children: S("agentsPage.advancedOptions", "Advanced options")
 										})]
 									}), /* @__PURE__ */ p(o, { className: `w-4 h-4 text-text-secondary transition-transform ${X ? "rotate-180" : ""}` })]
 								}), X && /* @__PURE__ */ p("div", {
@@ -402,133 +402,137 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 									children: /* @__PURE__ */ m("div", { children: [
 										/* @__PURE__ */ p("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: x("agentsPage.profileName", "Profile name")
+											children: S("agentsPage.profileName", "Profile name")
 										}),
 										/* @__PURE__ */ p("input", {
 											type: "text",
-											value: Ce,
-											onChange: (e) => we(e.target.value),
+											value: we,
+											onChange: (e) => Te(e.target.value),
 											placeholder: "default",
 											className: "w-full px-3 py-2 text-sm bg-bg-surface border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono",
 											"data-testid": "agent-form-profile-input"
 										}),
 										/* @__PURE__ */ p("p", {
 											className: "mt-1 text-xs text-text-muted",
-											children: x("agentsPage.profileNameHint", "Each profile runs an isolated CLI on the daemon. Leave as \"default\" unless you want this agent to host multiple parallel profiles.")
+											children: S("agentsPage.profileNameHint", "Each profile runs an isolated CLI on the daemon. Leave as \"default\" unless you want this agent to host multiple parallel profiles.")
 										})
 									] })
 								})]
 							}),
+							ce && /* @__PURE__ */ p("div", {
+								className: "border-t border-border-default pt-4 mt-4",
+								children: ce
+							}),
 							/* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between pt-4",
 								children: [/* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: g,
 									className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-md hover:bg-bg-elevated transition-colors",
-									children: x("agentsPage.cancel", "Cancel")
+									children: S("agentsPage.cancel", "Cancel")
 								}), /* @__PURE__ */ m("button", {
 									type: "button",
-									disabled: !je,
+									disabled: !Me,
 									onClick: () => {
-										C("validate"), De();
+										w("validate"), Oe();
 									},
 									className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-									children: [x("agentsPage.nextValidate", "Next: Validate"), /* @__PURE__ */ p(s, { className: "w-4 h-4" })]
+									children: [S("agentsPage.nextValidate", "Next: Validate"), /* @__PURE__ */ p(s, { className: "w-4 h-4" })]
 								})]
 							})
 						]
-					}), S === "validate" && /* @__PURE__ */ m("div", {
+					}), C === "validate" && /* @__PURE__ */ m("div", {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ m("div", {
 								className: "space-y-3",
 								children: [/* @__PURE__ */ m("div", {
-									className: `flex items-center gap-3 p-3 rounded-lg border ${U === null ? "border-border-default bg-bg-sunken" : U.ok ? "border-status-success-text/20 bg-status-success-bg/30" : "border-status-error-text/20 bg-status-error-bg/30"}`,
-									children: [V && !U ? /* @__PURE__ */ p(c, { className: "w-5 h-5 text-text-secondary animate-spin" }) : U?.ok ? /* @__PURE__ */ p(a, { className: "w-5 h-5 text-status-success-text" }) : U ? /* @__PURE__ */ p(d, { className: "w-5 h-5 text-status-error-text" }) : /* @__PURE__ */ p("div", { className: "w-5 h-5 rounded-full border-2 border-border-default" }), /* @__PURE__ */ m("div", {
+									className: `flex items-center gap-3 p-3 rounded-lg border ${W === null ? "border-border-default bg-bg-sunken" : W.ok ? "border-status-success-text/20 bg-status-success-bg/30" : "border-status-error-text/20 bg-status-error-bg/30"}`,
+									children: [U && !W ? /* @__PURE__ */ p(c, { className: "w-5 h-5 text-text-secondary animate-spin" }) : W?.ok ? /* @__PURE__ */ p(a, { className: "w-5 h-5 text-status-success-text" }) : W ? /* @__PURE__ */ p(d, { className: "w-5 h-5 text-status-error-text" }) : /* @__PURE__ */ p("div", { className: "w-5 h-5 rounded-full border-2 border-border-default" }), /* @__PURE__ */ m("div", {
 										className: "flex-1",
 										children: [
 											/* @__PURE__ */ p("p", {
 												className: "text-sm font-medium text-text-primary",
-												children: x("agentsPage.healthCheck", "Health Check")
+												children: S("agentsPage.healthCheck", "Health Check")
 											}),
-											U?.ok && U.data && /* @__PURE__ */ m("p", {
+											W?.ok && W.data && /* @__PURE__ */ m("p", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"Status: ",
-													U.data.status,
+													W.data.status,
 													" | Version: ",
-													U.data.version,
+													W.data.version,
 													" | Uptime: ",
-													Math.round(U.data.uptime),
+													Math.round(W.data.uptime),
 													"s"
 												]
 											}),
-											U && !U.ok && /* @__PURE__ */ p("p", {
+											W && !W.ok && /* @__PURE__ */ p("p", {
 												className: "text-xs text-status-error-text",
-												children: U.error
+												children: W.error
 											})
 										]
 									})]
 								}), /* @__PURE__ */ m("div", {
-									className: `flex items-center gap-3 p-3 rounded-lg border ${G === null ? "border-border-default bg-bg-sunken" : G.ok ? "border-status-success-text/20 bg-status-success-bg/30" : "border-status-error-text/20 bg-status-error-bg/30"}`,
-									children: [V && !G ? /* @__PURE__ */ p(c, { className: "w-5 h-5 text-text-secondary animate-spin" }) : G?.ok ? /* @__PURE__ */ p(a, { className: "w-5 h-5 text-status-success-text" }) : G ? /* @__PURE__ */ p(d, { className: "w-5 h-5 text-status-error-text" }) : /* @__PURE__ */ p("div", { className: "w-5 h-5 rounded-full border-2 border-border-default" }), /* @__PURE__ */ m("div", {
+									className: `flex items-center gap-3 p-3 rounded-lg border ${K === null ? "border-border-default bg-bg-sunken" : K.ok ? "border-status-success-text/20 bg-status-success-bg/30" : "border-status-error-text/20 bg-status-error-bg/30"}`,
+									children: [U && !K ? /* @__PURE__ */ p(c, { className: "w-5 h-5 text-text-secondary animate-spin" }) : K?.ok ? /* @__PURE__ */ p(a, { className: "w-5 h-5 text-status-success-text" }) : K ? /* @__PURE__ */ p(d, { className: "w-5 h-5 text-status-error-text" }) : /* @__PURE__ */ p("div", { className: "w-5 h-5 rounded-full border-2 border-border-default" }), /* @__PURE__ */ m("div", {
 										className: "flex-1",
 										children: [
 											/* @__PURE__ */ p("p", {
 												className: "text-sm font-medium text-text-primary",
-												children: x("agentsPage.apiAccess", "API Access")
+												children: S("agentsPage.apiAccess", "API Access")
 											}),
-											G?.ok && G.data && /* @__PURE__ */ m("p", {
+											K?.ok && K.data && /* @__PURE__ */ m("p", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"Host: ",
-													G.data.hostname,
+													K.data.hostname,
 													" | ",
-													G.data.platform,
+													K.data.platform,
 													" /",
 													" ",
-													G.data.arch
+													K.data.arch
 												]
 											}),
-											G && !G.ok && /* @__PURE__ */ p("p", {
+											K && !K.ok && /* @__PURE__ */ p("p", {
 												className: "text-xs text-status-error-text",
-												children: G.error
+												children: K.error
 											})
 										]
 									})]
 								})]
 							}),
-							!V && (!U?.ok || !G?.ok) && /* @__PURE__ */ m("button", {
+							!U && (!W?.ok || !K?.ok) && /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: De,
+								onClick: Oe,
 								className: "flex items-center gap-2 px-3 py-1.5 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
-								children: [/* @__PURE__ */ p(u, { className: "w-3.5 h-3.5" }), x("agentsPage.retryValidation", "Retry validation")]
+								children: [/* @__PURE__ */ p(u, { className: "w-3.5 h-3.5" }), S("agentsPage.retryValidation", "Retry validation")]
 							}),
-							ke && /* @__PURE__ */ m("div", {
+							Ae && /* @__PURE__ */ m("div", {
 								className: "space-y-3 pt-2",
 								children: [
 									/* @__PURE__ */ p("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: x("agentsPage.detectedAgentInfo", "Detected Agent Info")
+										children: S("agentsPage.detectedAgentInfo", "Detected Agent Info")
 									}),
 									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 										className: "block text-xs font-medium text-text-secondary mb-1",
-										children: x("agentsPage.name", "Name")
+										children: S("agentsPage.name", "Name")
 									}), /* @__PURE__ */ p("input", {
 										type: "text",
-										value: E,
-										onChange: (e) => me(e.target.value),
-										placeholder: q,
+										value: O,
+										onChange: (e) => pe(e.target.value),
+										placeholder: J,
 										className: "w-full px-3 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
 									})] }),
 									/* @__PURE__ */ m("div", {
 										className: "grid grid-cols-2 gap-3",
 										children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: x("agentsPage.platform", "Platform")
+											children: S("agentsPage.platform", "Platform")
 										}), /* @__PURE__ */ m("select", {
-											value: J,
-											onChange: (e) => ge(e.target.value),
+											value: ge,
+											onChange: (e) => _e(e.target.value),
 											className: "w-full px-3 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 											children: [
 												/* @__PURE__ */ p("option", {
@@ -546,10 +550,10 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 											]
 										})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "block text-xs font-medium text-text-secondary mb-1",
-											children: x("agentsPage.architecture", "Architecture")
+											children: S("agentsPage.architecture", "Architecture")
 										}), /* @__PURE__ */ m("select", {
-											value: _e,
-											onChange: (e) => ve(e.target.value),
+											value: ve,
+											onChange: (e) => ye(e.target.value),
 											className: "w-full px-3 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
 											children: [
 												/* @__PURE__ */ p("option", {
@@ -569,28 +573,28 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 									})
 								]
 							}),
-							xe && /* @__PURE__ */ m("div", {
+							Se && /* @__PURE__ */ m("div", {
 								className: "p-3 bg-status-error-bg/30 border border-status-error-text/20 rounded-lg",
 								children: [/* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ p(d, { className: "w-5 h-5 text-status-error-text flex-shrink-0" }), /* @__PURE__ */ p("p", {
 										className: "text-sm text-status-error-text",
-										children: xe
+										children: Se
 									})]
 								}), /* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2 mt-3",
 									children: [/* @__PURE__ */ m("button", {
 										type: "button",
 										onClick: () => {
-											Y(null), C("details"), O(""), A(""), W(null), K(null);
+											Y(null), w("details"), A(""), M(""), G(null), q(null);
 										},
 										className: "flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-md hover:bg-bg-elevated transition-colors",
-										children: [/* @__PURE__ */ p(u, { className: "w-3.5 h-3.5" }), x("agentsPage.tryDifferentAgent", "Try Different Agent")]
+										children: [/* @__PURE__ */ p(u, { className: "w-3.5 h-3.5" }), S("agentsPage.tryDifferentAgent", "Try Different Agent")]
 									}), /* @__PURE__ */ p("button", {
 										type: "button",
 										onClick: g,
 										className: "px-3 py-1.5 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
-										children: x("agentsPage.close", "Close")
+										children: S("agentsPage.close", "Close")
 									})]
 								})]
 							}),
@@ -598,15 +602,15 @@ function h({ onSubmit: h, onCancel: g, isLoading: _, onNavigate: v, targets: y,
 								className: "flex items-center justify-between pt-4",
 								children: [/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => C("details"),
+									onClick: () => w("details"),
 									className: "flex items-center gap-1 px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-md hover:bg-bg-elevated transition-colors",
-									children: [/* @__PURE__ */ p(ee, { className: "w-4 h-4" }), x("agentsPage.back", "Back")]
+									children: [/* @__PURE__ */ p(ee, { className: "w-4 h-4" }), S("agentsPage.back", "Back")]
 								}), /* @__PURE__ */ p("button", {
 									type: "button",
-									disabled: !ke || _ || V,
-									onClick: Oe,
+									disabled: !Ae || _ || U,
+									onClick: ke,
 									className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-									children: _ ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(c, { className: "w-4 h-4 animate-spin" }), x("agentsPage.adding", "Adding...")] }) : /* @__PURE__ */ m(f, { children: [x("agentsPage.addAgent", "Add Agent"), /* @__PURE__ */ p(s, { className: "w-4 h-4" })] })
+									children: _ ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(c, { className: "w-4 h-4 animate-spin" }), S("agentsPage.adding", "Adding...")] }) : /* @__PURE__ */ m(f, { children: [S("agentsPage.addAgent", "Add Agent"), /* @__PURE__ */ p(s, { className: "w-4 h-4" })] })
 								})]
 							})
 						]