@burdenoff/microfe-vibecontrols 2026.613.1 → 2026.618.1

package/dist/components/agents/AgentMaintenanceTab.js

@@ -1,67 +1,69 @@
 import { useAgentCommandsQuery as e, useAgentSelfUpdateMutation as t, useAgentUpdateCheckLazyQuery as n, useAgentUpdateStatusQuery as r, useNukeVibecontrolsAgentMutation as i, useRunAgentCommandMutation as a, useSetAgentAutoUpdateMutation as ee } from "../../generated/wspace-operations.js";
 import { useTr as te } from "../../shared/hooks/useTr.js";
-import { ConfirmDialog as ne } from "../shared/ConfirmDialog.js";
-import { useField as o } from "../../shared/hooks/useField.js";
-import { useCallback as s, useMemo as re, useState as c } from "react";
-import { AlertTriangle as ie, ArrowUpCircle as ae, Loader2 as l, RefreshCw as u, Terminal as oe, Trash2 as se } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Checkbox as ce } from "@burdenoff/fe-libs/ui";
+import { ConfirmDialog as o } from "../shared/ConfirmDialog.js";
+import { useField as s } from "../../shared/hooks/useField.js";
+import { VIBE_PERMISSIONS as c } from "../../constants/permissions.js";
+import { useCallback as l, useMemo as ne, useState as u } from "react";
+import { AlertTriangle as re, ArrowUpCircle as ie, Loader2 as d, RefreshCw as ae, Terminal as oe, Trash2 as se } from "lucide-react";
+import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Checkbox as le } from "@burdenoff/fe-libs/ui";
 //#region src/components/agents/AgentMaintenanceTab.tsx
-function p(e) {
+function m(e) {
 	return e && typeof e == "object" && !Array.isArray(e) ? e : null;
 }
-function m(e, t) {
+function h(e, t) {
 	let n = e?.[t];
 	return typeof n == "string" ? n : null;
 }
-function h(e, t) {
+function g(e, t) {
 	let n = e?.[t];
 	return typeof n == "boolean" ? n : null;
 }
-var g = "rounded-card border border-border-default bg-bg-surface p-4", _ = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus", v = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-bg-sunken text-text-primary hover:bg-bg-elevated transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus", le = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus", y = "text-xs font-medium text-text-muted", b = "px-3 py-2 text-base md:text-sm rounded-input bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus";
-function x({ agentId: x, agentVersion: S, onAfterDestructiveNuke: ue }) {
-	let C = te(), [w, T] = c(null), E = s((e, t, n = !1) => {
+var _ = "rounded-card border border-border-default bg-bg-surface p-4", ue = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus", v = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-bg-sunken text-text-primary hover:bg-bg-elevated transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus", de = "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus", y = "text-xs font-medium text-text-muted", b = "px-3 py-2 text-base md:text-sm rounded-input bg-bg-sunken border border-border-default text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus";
+function x({ agentId: x, agentVersion: S, onAfterDestructiveNuke: fe }) {
+	let C = te(), [w, T] = u(null), E = l((e, t, n = !1) => {
 		T({
 			title: e,
 			body: t,
 			error: n
 		});
-	}, []), { data: de, refetch: D } = r({
+	}, []), { data: pe, refetch: D } = r({
 		variables: { agentId: x },
 		fetchPolicy: "cache-and-network"
-	}), [fe, { data: pe, loading: O }] = n({ fetchPolicy: "network-only" }), [k, { loading: A }] = t(), [j, { loading: me }] = ee(), M = p(de?.agentUpdateStatus?.data), N = p(M?.lastCheck), P = p(pe?.agentUpdateCheck?.data), he = h(M, "enabled") ?? !0, ge = m(P, "latest") ?? m(N, "latest") ?? null, _e = h(P, "hasUpdate") ?? h(N, "hasUpdate") ?? !1, [F, ve] = c(""), I = o(), L = o(), R = o(), ye = s(async () => {
+	}), [O, { data: me, loading: k }] = n({ fetchPolicy: "network-only" }), [A, { loading: j }] = t(), [M, { loading: he }] = ee(), N = m(pe?.agentUpdateStatus?.data), P = m(N?.lastCheck), F = m(me?.agentUpdateCheck?.data), ge = g(N, "enabled") ?? !0, _e = h(F, "latest") ?? h(P, "latest") ?? null, ve = g(F, "hasUpdate") ?? g(P, "hasUpdate") ?? !1, [I, ye] = u(""), L = s(), R = s(), z = s(), be = l(async () => {
 		T(null);
 		try {
-			let e = await fe({ variables: { agentId: x } }), t = p(e.data?.agentUpdateCheck?.data);
-			e.data?.agentUpdateCheck?.error ? E(C("agentDetails.maintenance.update", "Update"), e.data.agentUpdateCheck.error, !0) : h(t, "hasUpdate") ? E(C("agentDetails.maintenance.update", "Update"), `Update available: ${m(t, "current")} → ${m(t, "latest")}`) : E(C("agentDetails.maintenance.update", "Update"), `Up to date (${m(t, "current") ?? S ?? "?"}).`);
+			let e = await O({ variables: { agentId: x } }), t = m(e.data?.agentUpdateCheck?.data);
+			e.data?.agentUpdateCheck?.error ? E(C("agentDetails.maintenance.update", "Update"), e.data.agentUpdateCheck.error, !0) : g(t, "hasUpdate") ? E(C("agentDetails.maintenance.update", "Update"), `Update available: ${h(t, "current")} → ${h(t, "latest")}`) : E(C("agentDetails.maintenance.update", "Update"), `Up to date (${h(t, "current") ?? S ?? "?"}).`);
 		} catch (e) {
 			E("Update", e instanceof Error ? e.message : String(e), !0);
 		}
 	}, [
 		x,
-		fe,
+		O,
 		E,
 		C,
 		S
-	]), z = s(async (e) => {
+	]), B = l(async (e) => {
 		T(null);
 		try {
-			let t = (await k({ variables: {
+			let t = (await A({ variables: {
 				agentId: x,
 				version: e || null
-			} })).data?.agentSelfUpdate, n = p(t?.data);
-			t?.error || h(n, "ok") === !1 ? E("Update", m(n, "error") ?? t?.error ?? "Update failed", !0) : E("Update", `Updated → ${m(n, "current") ?? e ?? "latest"} (restart: ${m(n, "restart") ?? "n/a"}).`), await D();
+			} })).data?.agentSelfUpdate, n = m(t?.data);
+			t?.error || g(n, "ok") === !1 ? E("Update", h(n, "error") ?? t?.error ?? "Update failed", !0) : E("Update", `Updated → ${h(n, "current") ?? e ?? "latest"} (restart: ${h(n, "restart") ?? "n/a"}).`), await D();
 		} catch (e) {
 			E("Update", e instanceof Error ? e.message : String(e), !0);
 		}
 	}, [
 		x,
-		k,
+		A,
 		E,
 		D
-	]), be = s(async (e) => {
+	]), xe = l(async (e) => {
 		try {
-			await j({ variables: {
+			await M({ variables: {
 				agentId: x,
 				enabled: e
 			} }), await D();
@@ -70,343 +72,358 @@ function x({ agentId: x, agentVersion: S, onAfterDestructiveNuke: ue }) {
 		}
 	}, [
 		x,
-		j,
+		M,
 		D,
 		E
-	]), { data: B, loading: V, refetch: xe } = e({
+	]), { data: Se, loading: V, refetch: Ce } = e({
 		variables: { agentId: x },
 		fetchPolicy: "cache-and-network"
-	}), [Se, { loading: H }] = a(), Ce = re(() => {
-		let e = p(B?.agentCommands?.data)?.commands;
+	}), [we, { loading: H }] = a(), Te = ne(() => {
+		let e = m(Se?.agentCommands?.data)?.commands;
 		return Array.isArray(e) ? e : [];
-	}, [B]), [U, we] = c(""), [W, Te] = c(""), [G, K] = c(null), q = Ce.find((e) => e.name === U), J = s(() => [U, ...W.trim().length > 0 ? W.trim().split(/\s+/) : []], [U, W]), Y = s(async (e) => {
+	}, [Se]), [U, Ee] = u(""), [W, De] = u(""), [G, K] = u(null), q = Te.find((e) => e.name === U), Oe = l(() => [U, ...W.trim().length > 0 ? W.trim().split(/\s+/) : []], [U, W]), J = l(async (e) => {
 		T(null);
 		try {
-			let t = (await Se({ variables: {
+			let t = (await we({ variables: {
 				agentId: x,
 				argv: e
-			} })).data?.runAgentCommand, n = p(t?.data), r = m(n, "stdout") ?? "", i = m(n, "stderr") ?? "", a = n?.exitCode, ee = (r || "") + (i ? `\n[stderr]\n${i}` : "") + `\n[exit ${a ?? "?"}]`;
-			E(`vibe ${e.join(" ")}`, ee.trim() || t?.error || "(no output)", !h(n, "ok"));
+			} })).data?.runAgentCommand, n = m(t?.data), r = h(n, "stdout") ?? "", i = h(n, "stderr") ?? "", a = n?.exitCode, ee = (r || "") + (i ? `\n[stderr]\n${i}` : "") + `\n[exit ${a ?? "?"}]`;
+			E(`vibe ${e.join(" ")}`, ee.trim() || t?.error || "(no output)", !g(n, "ok"));
 		} catch (e) {
 			E("Command", e instanceof Error ? e.message : String(e), !0);
 		}
 	}, [
 		x,
-		Se,
+		we,
 		E
-	]), Ee = s(() => {
+	]), ke = l(() => {
 		if (!U) return;
-		let e = J();
-		q?.destructive ? K(e) : Y(e);
+		let e = Oe();
+		q?.destructive ? K(e) : J(e);
 	}, [
 		U,
-		J,
+		Oe,
 		q,
-		Y
-	]), [De, { loading: X }] = i(), [Z, Oe] = c(!0), [Q, $] = c(null), ke = s(async (e) => {
+		J
+	]), [Ae, { loading: Y }] = i(), [X, je] = u(!0), [Z, Q] = u(null), Me = l(async (e) => {
 		T(null);
 		try {
-			let t = (await De({ variables: {
+			let t = (await Ae({ variables: {
 				agentId: x,
 				all: e.all,
 				removeConfig: e.removeConfig,
-				dryRun: Z
-			} })).data?.nukeVibecontrolsAgent, n = p(t?.data), r = m(n, "stdout") ?? "", i = m(n, "stderr") ?? "", a = h(n, "ok") === !0 && !t?.error;
-			E(`vibe nuke${e.all ? " --all" : ""}${Z ? " --dry-run" : ""}`, (r + (i ? `\n[stderr]\n${i}` : "")).trim() || t?.error || "(no output)", !a && !!t?.error), a && !Z && await ue?.();
+				dryRun: X
+			} })).data?.nukeVibecontrolsAgent, n = m(t?.data), r = h(n, "stdout") ?? "", i = h(n, "stderr") ?? "", a = g(n, "ok") === !0 && !t?.error;
+			E(`vibe nuke${e.all ? " --all" : ""}${X ? " --dry-run" : ""}`, (r + (i ? `\n[stderr]\n${i}` : "")).trim() || t?.error || "(no output)", !a && !!t?.error), a && !X && await fe?.();
 		} catch (e) {
 			E("Nuke", e instanceof Error ? e.message : String(e), !0);
 		}
 	}, [
 		x,
-		De,
-		Z,
-		ue,
+		Ae,
+		X,
+		fe,
 		E
-	]);
-	return /* @__PURE__ */ f("div", {
+	]), { hasPermission: Ne, isLoading: Pe } = ce(), Fe = Ne(c.AGENT_UPDATE), $ = Ne(c.AGENT_ADMIN);
+	return Pe ? null : !Fe && !$ ? /* @__PURE__ */ f("div", {
+		className: "space-y-5",
+		children: /* @__PURE__ */ f("section", {
+			className: _,
+			children: /* @__PURE__ */ p("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ f(re, {
+					className: "size-5 text-text-secondary",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-text-secondary",
+					children: C("agentDetails.maintenance.noPermission", "You do not have permission to manage this agent.")
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ p("div", {
 		className: "space-y-5",
 		children: [
-			/* @__PURE__ */ f("section", {
-				className: g,
+			Fe && /* @__PURE__ */ p("section", {
+				className: _,
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ d(ae, {
+						children: [/* @__PURE__ */ f(ie, {
 							className: "size-5 text-text-secondary",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ d("h3", {
+						}), /* @__PURE__ */ f("h3", {
 							className: "text-base font-semibold text-text-primary",
 							children: C("agentDetails.maintenance.updateTitle", "Agent version & updates")
 						})]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3 text-sm mb-4",
-						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
 							className: "text-text-muted",
 							children: C("agentDetails.maintenance.current", "Current")
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "font-mono text-text-primary",
 							children: S ?? "—"
-						})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+						})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
 							className: "text-text-muted",
 							children: C("agentDetails.maintenance.latest", "Latest")
-						}), /* @__PURE__ */ f("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "font-mono text-text-primary",
-							children: [ge ?? "—", _e ? /* @__PURE__ */ d("span", {
+							children: [_e ?? "—", ve ? /* @__PURE__ */ f("span", {
 								className: "ml-2 text-xs text-status-warning-text",
 								children: C("agentDetails.maintenance.updateAvailable", "update available")
 							}) : null]
 						})] })]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: ye,
-							disabled: O,
+							onClick: be,
+							disabled: k,
 							className: v,
-							children: [O ? /* @__PURE__ */ d(l, {
+							children: [k ? /* @__PURE__ */ f(d, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ d(u, {
+							}) : /* @__PURE__ */ f(ae, {
 								className: "size-4",
 								"aria-hidden": "true"
 							}), C("agentDetails.maintenance.check", "Check for updates")]
-						}), /* @__PURE__ */ f("button", {
+						}), /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => z(),
-							disabled: A,
-							"aria-busy": A,
-							className: _,
-							children: [A ? /* @__PURE__ */ d(l, {
+							onClick: () => B(),
+							disabled: j,
+							"aria-busy": j,
+							className: ue,
+							children: [j ? /* @__PURE__ */ f(d, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ d(ae, {
+							}) : /* @__PURE__ */ f(ie, {
 								className: "size-4",
 								"aria-hidden": "true"
 							}), C("agentDetails.maintenance.updateLatest", "Update to latest")]
 						})]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-end gap-2 mb-4",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex w-full sm:w-44 flex-col gap-1",
-							children: [/* @__PURE__ */ d("label", {
-								htmlFor: I.id,
+							children: [/* @__PURE__ */ f("label", {
+								htmlFor: L.id,
 								className: y,
 								children: C("agentDetails.maintenance.versionLabel", "Version")
-							}), /* @__PURE__ */ d("input", {
-								...I.inputProps,
+							}), /* @__PURE__ */ f("input", {
+								...L.inputProps,
 								type: "text",
-								value: F,
-								onChange: (e) => ve(e.target.value),
+								value: I,
+								onChange: (e) => ye(e.target.value),
 								placeholder: C("agentDetails.maintenance.versionPlaceholder", "e.g. 2026.601.21"),
 								className: `${b} font-mono w-full`
 							})]
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: () => z(F.trim()),
-							disabled: A || F.trim().length === 0,
+							onClick: () => B(I.trim()),
+							disabled: j || I.trim().length === 0,
 							className: v,
 							children: C("agentDetails.maintenance.updateVersion", "Update to version")
 						})]
 					}),
-					/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ p("label", {
 						className: "flex items-center gap-3 cursor-pointer",
-						children: [/* @__PURE__ */ d(ce, {
-							checked: he,
-							disabled: me,
-							onCheckedChange: (e) => be(e === !0)
-						}), /* @__PURE__ */ d("span", {
+						children: [/* @__PURE__ */ f(le, {
+							checked: ge,
+							disabled: he,
+							onCheckedChange: (e) => xe(e === !0)
+						}), /* @__PURE__ */ f("span", {
 							className: "text-sm text-text-primary",
 							children: C("agentDetails.maintenance.autoUpdate", "Automatically install updates when idle (daily background check)")
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ f("section", {
-				className: g,
+			$ && /* @__PURE__ */ p("section", {
+				className: _,
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between gap-2 mb-3",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ d(oe, {
+							children: [/* @__PURE__ */ f(oe, {
 								className: "size-5 text-text-secondary",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ d("h3", {
+							}), /* @__PURE__ */ f("h3", {
 								className: "text-base font-semibold text-text-primary",
 								children: C("agentDetails.maintenance.commandsTitle", "Run a command")
 							})]
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: () => xe(),
+							onClick: () => Ce(),
 							disabled: V,
 							className: "inline-flex size-9 max-md:size-11 items-center justify-center rounded-button text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 							"aria-label": C("agentDetails.maintenance.refresh", "Refresh"),
-							children: /* @__PURE__ */ d(u, {
+							children: /* @__PURE__ */ f(ae, {
 								className: `size-4 ${V ? "animate-spin" : ""}`,
 								"aria-hidden": "true"
 							})
 						})]
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-xs text-text-muted mb-3",
 						children: C("agentDetails.maintenance.commandsHint", "Every agent command can be run here. Destructive commands ask for confirmation.")
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-end gap-2 mb-3",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex w-full sm:w-auto sm:min-w-44 flex-col gap-1",
-								children: [/* @__PURE__ */ d("label", {
-									htmlFor: L.id,
+								children: [/* @__PURE__ */ f("label", {
+									htmlFor: R.id,
 									className: y,
 									children: C("agentDetails.maintenance.command", "Command")
-								}), /* @__PURE__ */ f("select", {
-									...L.inputProps,
+								}), /* @__PURE__ */ p("select", {
+									...R.inputProps,
 									value: U,
-									onChange: (e) => we(e.target.value),
+									onChange: (e) => Ee(e.target.value),
 									className: `${b} w-full`,
-									children: [/* @__PURE__ */ d("option", {
+									children: [/* @__PURE__ */ f("option", {
 										value: "",
 										children: V ? C("agentDetails.maintenance.loading", "Loading…") : C("agentDetails.maintenance.selectCommand", "Select a command…")
-									}), Ce.map((e) => /* @__PURE__ */ f("option", {
+									}), Te.map((e) => /* @__PURE__ */ p("option", {
 										value: e.name,
 										children: [e.name, e.destructive ? ` ${C("agentDetails.maintenance.destructiveSuffix", "(destructive)")}` : ""]
 									}, e.name))]
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex flex-col gap-1 flex-1 min-w-0 basis-full sm:basis-auto",
-								children: [/* @__PURE__ */ d("label", {
-									htmlFor: R.id,
+								children: [/* @__PURE__ */ f("label", {
+									htmlFor: z.id,
 									className: y,
 									children: C("agentDetails.maintenance.args", "Arguments (optional)")
-								}), /* @__PURE__ */ d("input", {
-									...R.inputProps,
+								}), /* @__PURE__ */ f("input", {
+									...z.inputProps,
 									type: "text",
 									value: W,
-									onChange: (e) => Te(e.target.value),
+									onChange: (e) => De(e.target.value),
 									placeholder: "--json --tail 50",
 									className: `${b} font-mono w-full`
 								})]
 							}),
-							/* @__PURE__ */ f("button", {
+							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: Ee,
+								onClick: ke,
 								disabled: H || !U,
 								"aria-busy": H,
-								className: _,
-								children: [H ? /* @__PURE__ */ d(l, {
+								className: ue,
+								children: [H ? /* @__PURE__ */ f(d, {
 									className: "size-4 animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ d(oe, {
+								}) : /* @__PURE__ */ f(oe, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), C("agentDetails.maintenance.run", "Run")]
 							})
 						]
 					}),
-					q?.description ? /* @__PURE__ */ d("p", {
+					q?.description ? /* @__PURE__ */ f("p", {
 						className: "text-xs text-text-muted",
 						children: q.description
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ f("section", {
-				className: `${g} border-status-error-border`,
+			$ && /* @__PURE__ */ p("section", {
+				className: `${_} border-status-error-border`,
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ d(ie, {
+						children: [/* @__PURE__ */ f(re, {
 							className: "size-5 text-status-error-text",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ d("h3", {
+						}), /* @__PURE__ */ f("h3", {
 							className: "text-base font-semibold text-text-primary",
 							children: C("agentDetails.maintenance.dangerTitle", "Danger zone")
 						})]
 					}),
-					/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ p("label", {
 						className: "flex items-center gap-3 cursor-pointer mb-3",
-						children: [/* @__PURE__ */ d(ce, {
-							checked: Z,
-							onCheckedChange: (e) => Oe(e === !0)
-						}), /* @__PURE__ */ d("span", {
+						children: [/* @__PURE__ */ f(le, {
+							checked: X,
+							onCheckedChange: (e) => je(e === !0)
+						}), /* @__PURE__ */ f("span", {
 							className: "text-sm text-text-primary",
 							children: C("agentDetails.maintenance.dryRun", "Dry run (preview only — nothing is deleted)")
 						})]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => $({
+							onClick: () => Q({
 								all: !1,
 								removeConfig: !1
 							}),
-							disabled: X,
+							disabled: Y,
 							className: v,
-							children: [X ? /* @__PURE__ */ d(l, {
+							children: [Y ? /* @__PURE__ */ f(d, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ d(se, {
+							}) : /* @__PURE__ */ f(se, {
 								className: "size-4",
 								"aria-hidden": "true"
 							}), C("agentDetails.maintenance.nukeState", "Nuke state")]
-						}), /* @__PURE__ */ f("button", {
+						}), /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => $({
+							onClick: () => Q({
 								all: !0,
 								removeConfig: !0
 							}),
-							disabled: X,
-							className: le,
-							children: [/* @__PURE__ */ d(se, {
+							disabled: Y,
+							className: de,
+							children: [/* @__PURE__ */ f(se, {
 								className: "size-4",
 								"aria-hidden": "true"
 							}), C("agentDetails.maintenance.nukeAll", "Nuke everything (--all)")]
 						})]
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-xs text-text-muted mt-2",
 						children: C("agentDetails.maintenance.nukeHint", "“Nuke state” wipes this agent’s data + tracked binaries. “Nuke everything” also removes all VibeControls plugins, secrets, and config across every profile on the host.")
 					})
 				]
 			}),
-			w ? /* @__PURE__ */ f("section", {
-				className: g,
+			w ? /* @__PURE__ */ p("section", {
+				className: _,
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between gap-2 mb-2",
-						children: [/* @__PURE__ */ d("h4", {
+						children: [/* @__PURE__ */ f("h4", {
 							className: "text-sm font-semibold text-text-primary min-w-0 truncate",
 							children: w.title
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: () => T(null),
 							className: "shrink-0 text-xs text-text-muted hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-button px-1.5 py-1",
 							children: C("agentDetails.maintenance.dismiss", "Dismiss")
 						})]
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						role: "status",
 						"aria-live": "polite",
 						className: "sr-only",
 						children: w.error ? C("agentDetails.maintenance.outputFailed", "{{title}} finished with errors", { title: w.title }) : C("agentDetails.maintenance.outputDone", "{{title}} finished", { title: w.title })
 					}),
-					/* @__PURE__ */ d("pre", {
+					/* @__PURE__ */ f("pre", {
 						className: `text-xs whitespace-pre-wrap break-words max-h-96 overflow-auto rounded-md p-3 ${w.error ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken text-text-primary"}`,
 						children: w.body
 					})
 				]
 			}) : null,
-			/* @__PURE__ */ d(ne, {
+			/* @__PURE__ */ f(o, {
 				isOpen: G !== null,
 				onClose: () => K(null),
 				onConfirm: () => {
 					let e = G;
-					K(null), e && Y(e);
+					K(null), e && J(e);
 				},
 				title: C("agentDetails.maintenance.confirmCommandTitle", "Run destructive command?"),
 				message: C("agentDetails.maintenance.confirmCommandMsg", "This command can change or destroy agent state: {{cmd}}", { cmd: (G ?? []).join(" ") }),
@@ -414,18 +431,18 @@ function x({ agentId: x, agentVersion: S, onAfterDestructiveNuke: ue }) {
 				variant: "danger",
 				isLoading: H
 			}),
-			/* @__PURE__ */ d(ne, {
-				isOpen: Q !== null,
-				onClose: () => $(null),
+			/* @__PURE__ */ f(o, {
+				isOpen: Z !== null,
+				onClose: () => Q(null),
 				onConfirm: () => {
-					let e = Q;
-					$(null), e && ke(e);
+					let e = Z;
+					Q(null), e && Me(e);
 				},
-				title: Z ? C("agentDetails.maintenance.confirmNukeDryTitle", "Preview nuke?") : C("agentDetails.maintenance.confirmNukeTitle", "Nuke agent?"),
-				message: Q?.all ? C("agentDetails.maintenance.confirmNukeAllMsg", "This wipes ALL state, plugins, secrets and config on the host.") : C("agentDetails.maintenance.confirmNukeStateMsg", "This wipes this agent’s state and tracked binaries."),
-				confirmLabel: Z ? C("agentDetails.maintenance.preview", "Preview") : C("agentDetails.maintenance.nuke", "Nuke"),
+				title: X ? C("agentDetails.maintenance.confirmNukeDryTitle", "Preview nuke?") : C("agentDetails.maintenance.confirmNukeTitle", "Nuke agent?"),
+				message: Z?.all ? C("agentDetails.maintenance.confirmNukeAllMsg", "This wipes ALL state, plugins, secrets and config on the host.") : C("agentDetails.maintenance.confirmNukeStateMsg", "This wipes this agent’s state and tracked binaries."),
+				confirmLabel: X ? C("agentDetails.maintenance.preview", "Preview") : C("agentDetails.maintenance.nuke", "Nuke"),
 				variant: "danger",
-				isLoading: X
+				isLoading: Y
 			})
 		]
 	});