@burdenoff/microfe-vibecontrols 2026.714.1 → 2026.718.1

package/dist/pages/AgentDetailsPage.js

@@ -1,32 +1,32 @@
-import { useAgentPluginsLazyQuery as e, useAgentSecretRevealLazyQuery as t, useCheckSessionHealthMutation as n, useDeleteAgentMutation as r, useGetAgentQuery as ee, useInstallAgentPluginMutation as te, useRemoveAgentPluginMutation as ne, useSetupAgentGatewayAuthMutation as re, useStartVibecontrolsAgentMutation as ie, useStopVibecontrolsAgentMutation as ae, useUpdateAgentMutation as oe, useUpdateAgentPluginMutation as se, useVibecontrolsAgentHealthProbeStreamSubscription as ce, useVibecontrolsAgentHealthProbesQuery as le } from "../generated/wspace-operations.js";
-import { useTr as ue } from "../shared/hooks/useTr.js";
-import { ConfirmDialog as de } from "../components/shared/ConfirmDialog.js";
-import { QuotaExhaustedDialog as fe } from "../components/shared/QuotaExhaustedDialog.js";
-import { getQuotaDialogContent as pe, isQuotaExhaustedError as me, markQuotaHandledLocally as he } from "../utils/quotaUtils.js";
-import { useVibeControls as ge, useVibeNavigate as _e } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as ve } from "../store/vibeControlsStore.js";
-import { PageHeader as ye } from "../components/shared/PageHeader.js";
-import { ErrorState as be } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as xe } from "../components/shared/EntityTagPicker.js";
-import { EmptyState as Se } from "../components/shared/EmptyState.js";
-import { SearchInput as Ce } from "../components/shared/SearchInput.js";
-import { StatusBadge as we } from "../components/shared/StatusBadge.js";
+import { useAgentPluginsLazyQuery as e, useAgentSecretRevealLazyQuery as t, useCheckSessionHealthMutation as n, useDeleteAgentMutation as r, useGetAgentQuery as ee, useInstallAgentPluginMutation as te, useRemoveAgentPluginMutation as ne, useRotateAgentApiKeyMutation as re, useSetupAgentGatewayAuthMutation as ie, useStartVibecontrolsAgentMutation as ae, useStopVibecontrolsAgentMutation as oe, useUpdateAgentMutation as se, useUpdateAgentPluginMutation as ce, useVibecontrolsAgentHealthProbeStreamSubscription as le, useVibecontrolsAgentHealthProbesQuery as ue } from "../generated/wspace-operations.js";
+import { useTr as de } from "../shared/hooks/useTr.js";
+import { ConfirmDialog as fe } from "../components/shared/ConfirmDialog.js";
+import { QuotaExhaustedDialog as pe } from "../components/shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as me, isQuotaExhaustedError as he, markQuotaHandledLocally as ge } from "../utils/quotaUtils.js";
+import { useVibeControls as _e, useVibeNavigate as ve } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as ye } from "../store/vibeControlsStore.js";
+import { PageHeader as be } from "../components/shared/PageHeader.js";
+import { ErrorState as xe } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as Se } from "../components/shared/EntityTagPicker.js";
+import { EmptyState as Ce } from "../components/shared/EmptyState.js";
+import { SearchInput as we } from "../components/shared/SearchInput.js";
+import { StatusBadge as Te } from "../components/shared/StatusBadge.js";
 import { Card as i } from "../components/shared/Card.js";
-import { ActionMenu as Te } from "../components/shared/ActionMenu.js";
-import { MotionTabPanel as Ee } from "../components/shared/MotionTabPanel.js";
-import { PromptDialog as De } from "../components/shared/PromptDialog.js";
-import { useActiveAgentProfile as Oe } from "../hooks/useActiveAgentProfile.js";
+import { ActionMenu as Ee } from "../components/shared/ActionMenu.js";
+import { MotionTabPanel as De } from "../components/shared/MotionTabPanel.js";
+import { PromptDialog as Oe } from "../components/shared/PromptDialog.js";
+import { useActiveAgentProfile as ke } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { isNative as ke, nativeCopyText as Ae, nativeToast as je } from "../utils/nativeBridge.js";
+import { isNative as Ae, nativeCopyText as je, nativeToast as Me } from "../utils/nativeBridge.js";
 import { VIBE_PERMISSIONS as a } from "../constants/permissions.js";
-import { PageSkeleton as Me } from "../components/shared/PageSkeleton.js";
-import { AgentBackupTab as Ne } from "../components/agents/backup/AgentBackupTab.js";
-import { ConnectionLogPanel as Pe } from "../components/agents/ConnectionLogPanel.js";
-import { AgentMaintenanceTab as Fe } from "../components/agents/AgentMaintenanceTab.js";
-import { AgentConnectionRecovery as Ie } from "../components/agents/AgentConnectionRecovery.js";
-import { AgentStorageConfig as Le } from "../components/agents/AgentStorageConfig.js";
-import { AliasManager as Re } from "../components/aliases/AliasManager.js";
-import { notify as ze } from "../lib/toast.js";
+import { PageSkeleton as Ne } from "../components/shared/PageSkeleton.js";
+import { AgentBackupTab as Pe } from "../components/agents/backup/AgentBackupTab.js";
+import { ConnectionLogPanel as Fe } from "../components/agents/ConnectionLogPanel.js";
+import { AgentMaintenanceTab as Ie } from "../components/agents/AgentMaintenanceTab.js";
+import { AgentConnectionRecovery as Le } from "../components/agents/AgentConnectionRecovery.js";
+import { AgentStorageConfig as Re } from "../components/agents/AgentStorageConfig.js";
+import { AliasManager as ze } from "../components/aliases/AliasManager.js";
+import { notify as o } from "../lib/toast.js";
 import { AgentStatusBadge as Be } from "../components/agents/AgentStatusBadge.js";
 import { RemoteTaskPermissionsCard as Ve } from "../components/agents/RemoteTaskPermissionsCard.js";
 import { GatewayAuthCard as He } from "../components/agents/GatewayAuthCard.js";
@@ -45,19 +45,19 @@ import { useQueryBackedTab as Ze } from "../hooks/useQueryBackedTab.js";
 import { mintScopedIframeToken as Qe } from "../services/iframeToken.js";
 import { AddTabDialog as $e } from "../components/plugins/AddTabDialog.js";
 import { PluginIframeMount as et } from "../components/plugins/PluginIframeMount.js";
-import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { ArrowLeft as d, ArrowUpCircle as tt, Bot as nt, Check as rt, CheckCircle2 as it, Clock as at, Command as ot, Copy as st, Cpu as ct, Database as lt, Download as ut, Edit3 as dt, Eye as ft, EyeOff as pt, FileText as mt, HardDrive as ht, Info as gt, Key as _t, Loader2 as f, Monitor as vt, Play as yt, Plus as bt, Puzzle as p, RefreshCw as xt, ScrollText as St, Server as m, Settings as Ct, Shield as wt, Square as Tt, Tag as Et, Terminal as h, Trash2 as Dt, Users as Ot, Wrench as kt, X as At, Zap as g } from "lucide-react";
+import { useCallback as s, useEffect as c, useMemo as tt, useRef as l, useState as u } from "react";
+import { ArrowLeft as d, ArrowUpCircle as nt, Bot as rt, Check as it, CheckCircle2 as at, Clock as ot, Command as st, Copy as ct, Cpu as lt, Database as ut, Download as dt, Edit3 as ft, Eye as pt, EyeOff as mt, FileText as ht, HardDrive as gt, Info as _t, Key as vt, Loader2 as f, Monitor as yt, Play as bt, Plus as xt, Puzzle as p, RefreshCw as m, ScrollText as St, Server as h, Settings as Ct, Shield as wt, Square as Tt, Tag as Et, Terminal as g, Trash2 as Dt, Users as Ot, Wrench as kt, X as At, Zap as _ } from "lucide-react";
 import { useParams as jt } from "react-router-dom";
 import { usePermissions as Mt } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, Checkbox as Nt, NextSteps as Pt, PagePurpose as Ft } from "@burdenoff/fe-libs/ui";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x, Checkbox as Nt, NextSteps as Pt, PagePurpose as Ft } from "@burdenoff/fe-libs/ui";
 import { useFeatureFlagDetails as It } from "@burdenoff/fe-libs/shared/feature-flags";
 import { PermissionButton as Lt } from "@burdenoff/fe-libs/shared/components";
 import { Tabs as Rt } from "@burdenoff/fe-libs/chrome";
-import { MotionPage as zt } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as Bt } from "@burdenoff/fe-libs/shared/plugins";
+import { MotionPage as S } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as zt } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/AgentDetailsPage.tsx
-var Vt = [
+var Bt = [
 	"overview",
 	"profiles",
 	"security",
@@ -71,8 +71,8 @@ var Vt = [
 	"backup",
 	"maintenance"
 ];
-function x() {
-	let { id: x } = jt(), { basePath: Ht } = ge(), Ut = Ht || "", S = _e(), { hasPermission: Wt, isLoading: Gt, permissions: Kt } = Mt(), C = ue(), [qt] = oe({ refetchQueries: ["GetAgent"] }), [Jt] = r({
+function C() {
+	let { id: C } = jt(), { basePath: Vt } = _e(), Ht = Vt || "", w = ve(), { hasPermission: Ut, isLoading: Wt, permissions: Gt } = Mt(), T = de(), [Kt] = se({ refetchQueries: ["GetAgent"] }), [qt] = r({
 		refetchQueries: ["ListAgents", "VibeControlsInitialData"],
 		awaitRefetchQueries: !0,
 		update(e, t, { variables: n }) {
@@ -82,80 +82,80 @@ function x() {
 				id: r
 			}) }), e.gc());
 		}
-	}), [Yt] = n({ refetchQueries: ["GetAgent"] }), [Xt] = ie(), [Zt] = ae(), [w, Qt] = u(null), $t = ve((e) => e.setActiveAgentId);
-	s(() => {
-		x && $t(x);
-	}, [x, $t]);
-	let [en, tn] = u(!1), [nn, rn] = u(!1), [T, an] = u(""), [E, on] = u(!1), [sn, D] = u(null), cn = l(null), [O, ln] = u(!1), [un, dn] = u(!1), [k, fn] = u(null), [pn, mn] = u(!1), [hn, gn] = u(null), [_n] = t({ fetchPolicy: "network-only" }), [vn, yn] = u(!1), { data: bn, loading: xn, error: Sn, refetch: A } = ee({
-		variables: { id: x || "" },
-		skip: !x,
+	}), [Jt] = n({ refetchQueries: ["GetAgent"] }), [Yt] = ae(), [Xt] = oe(), [E, Zt] = u(null), Qt = ye((e) => e.setActiveAgentId);
+	c(() => {
+		C && Qt(C);
+	}, [C, Qt]);
+	let [$t, en] = u(!1), [tn, D] = u(!1), [nn, rn] = u(""), [O, an] = u(!1), [on, sn] = u(null), cn = l(null), [k, ln] = u(!1), [un, dn] = u(!1), [A, fn] = u(null), [pn, mn] = u(!1), [hn, gn] = u(null), [_n] = t({ fetchPolicy: "network-only" }), [vn] = re(), [yn, bn] = u(!1), [xn, Sn] = u(!1), [Cn, wn] = u(null), [Tn, En] = u(!1), { data: Dn, loading: On, error: kn, refetch: j } = ee({
+		variables: { id: C || "" },
+		skip: !C,
 		fetchPolicy: "cache-and-network"
-	}), j = bn?.vibecontrolsAgent, M = le({
+	}), M = Dn?.vibecontrolsAgent, N = ue({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
-		skip: !x,
+		skip: !C,
 		pollInterval: 3e4
-	}), { data: Cn } = ce({ skip: !x }), wn = M.data === void 0 && Cn === void 0, N = c(() => {
-		let e = /* @__PURE__ */ new Map(), t = Cn?.vibecontrolsAgentHealthProbeStream ?? M.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), { data: An } = le({ skip: !C }), jn = N.data === void 0 && An === void 0, P = tt(() => {
+		let e = /* @__PURE__ */ new Map(), t = An?.vibecontrolsAgentHealthProbeStream ?? N.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
 			healthy: n.healthy,
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [M.data, Cn]), P = c(() => j ? qe({
-		id: j.id,
-		isActive: j.isActive,
-		metadata: j.metadata
-	}, N, { probesLoading: wn }) : "REGISTERING", [
-		j,
-		N,
-		wn
-	]), Tn = P === "STOPPED" || P === "OFFLINE", { active: F } = Oe(j?.id ?? null), I = It("vibes.tabs.iframe-host")?.value === !0, En = c(() => {
-		if (!I || !j?.tunnelUrl) return [];
-		let e = j.id, t = F ?? "default";
+	}, [N.data, An]), F = tt(() => M ? qe({
+		id: M.id,
+		isActive: M.isActive,
+		metadata: M.metadata
+	}, P, { probesLoading: jn }) : "REGISTERING", [
+		M,
+		P,
+		jn
+	]), Mn = F === "STOPPED" || F === "OFFLINE", { active: I } = ke(M?.id ?? null), L = It("vibes.tabs.iframe-host")?.value === !0, Nn = tt(() => {
+		if (!L || !M?.tunnelUrl) return [];
+		let e = M.id, t = I ?? "default";
 		return [{
-			tunnelUrl: j.tunnelUrl,
+			tunnelUrl: M.tunnelUrl,
 			profile: t,
-			label: j.name ?? j.id,
+			label: M.name ?? M.id,
 			mintIframeToken: async ({ pathPrefixes: n }) => Qe(e, t, n)
 		}];
 	}, [
-		I,
-		j?.id,
-		j?.tunnelUrl,
-		j?.name,
-		F
-	]), L = Bt(En, {
+		L,
+		M?.id,
+		M?.tunnelUrl,
+		M?.name,
+		I
+	]), R = zt(Nn, {
 		mountPoint: "agent.detailTab",
-		enabled: I && En.length > 0
-	}), [R, z] = Ze(c(() => {
-		let e = L.data.filter((e) => e.contribution.mountPoint === "agent.detailTab").map((e) => e.contribution.id);
-		return [...Vt, ...e];
-	}, [L.data]), "overview"), [Dn, On] = u(!1), kn = l(!1);
-	s(() => {
-		j && !kn.current && (kn.current = !0, Yt().catch(() => {}));
-	}, [j, Yt]);
-	let [An] = re(), jn = l(!1);
-	s(() => {
-		if (!j || jn.current) return;
-		let e = !!(j.appId && j.appClientId), t = !!j.tunnelUrl;
-		!e || !t || (jn.current = !0, An({ variables: { input: { agentId: j.id } } }).then(() => {
-			A().catch(() => {});
+		enabled: L && Nn.length > 0
+	}), [z, B] = Ze(tt(() => {
+		let e = R.data.filter((e) => e.contribution.mountPoint === "agent.detailTab").map((e) => e.contribution.id);
+		return [...Bt, ...e];
+	}, [R.data]), "overview"), [Pn, Fn] = u(!1), In = l(!1);
+	c(() => {
+		M && !In.current && (In.current = !0, Jt().catch(() => {}));
+	}, [M, Jt]);
+	let [Ln] = ie(), Rn = l(!1);
+	c(() => {
+		if (!M || Rn.current) return;
+		let e = !!(M.appId && M.appClientId), t = !!M.tunnelUrl;
+		!e || !t || (Rn.current = !0, Ln({ variables: { input: { agentId: M.id } } }).then(() => {
+			j().catch(() => {});
 		}).catch(() => {}));
 	}, [
-		j,
-		An,
-		A
+		M,
+		Ln,
+		j
 	]);
-	let [B, Mn] = u([]), [Nn, Pn] = u([]), [Fn, In] = u(!0), [V, H] = u(null), [Ln, U] = u(null), [Rn, zn] = u(null), [Bn, Vn] = u(null), [Hn, Un] = u(!1), [Wn, Gn] = u(!1), [Kn, qn] = u(!1), [W, Jn] = u(!1), [Yn, G] = u(!1), [Xn, Zn] = u("plugin"), Qn = l(null), [K, $n] = u("installed"), [q, er] = u(""), [J, tr] = u([]), [nr, rr] = u(!1), [ir, ar] = u(null), [Y, or] = u(null), [sr] = e(), [cr] = te(), [lr] = ne(), [ur] = se(), X = o(async () => {
-		if (j?.id) {
-			In(!0), U(null);
+	let [V, zn] = u([]), [Bn, Vn] = u([]), [Hn, Un] = u(!0), [H, U] = u(null), [Wn, W] = u(null), [Gn, Kn] = u(null), [qn, Jn] = u(null), [Yn, Xn] = u(!1), [Zn, Qn] = u(!1), [$n, er] = u(!1), [tr, nr] = u(!1), [rr, ir] = u(!1), [ar, or] = u("plugin"), sr = l(null), [G, K] = u("installed"), [q, cr] = u(""), [J, lr] = u([]), [ur, dr] = u(!1), [fr, pr] = u(null), [Y, mr] = u(null), [hr] = e(), [gr] = te(), [_r] = ne(), [vr] = ce(), X = s(async () => {
+		if (M?.id) {
+			Un(!0), W(null);
 			try {
-				let { data: e } = await sr({ variables: {
-					agentId: j.id,
-					profile: F
+				let { data: e } = await hr({ variables: {
+					agentId: M.id,
+					profile: I
 				} }), t = e?.agentPlugins;
 				if (t) {
 					let e = (t.installed || []).map((e) => ({
@@ -183,102 +183,102 @@ function x() {
 						tags: [...e.tags],
 						installed: e.installed
 					}));
-					Mn(e), Pn(n), t.error && U(t.error);
+					zn(e), Vn(n), t.error && W(t.error);
 				}
 			} catch {
-				U("Agent unreachable — unable to fetch plugin list");
+				W("Agent unreachable — unable to fetch plugin list");
 			} finally {
-				In(!1);
+				Un(!1);
 			}
 		}
 	}, [
-		j?.id,
-		sr,
-		F
+		M?.id,
+		hr,
+		I
 	]);
-	s(() => {
-		if (!j?.id) return;
-		let e = `${j.id}:${F}`;
-		Qn.current !== e && (Qn.current = e, X());
+	c(() => {
+		if (!M?.id) return;
+		let e = `${M.id}:${I}`;
+		sr.current !== e && (sr.current = e, X());
 	}, [
-		j?.id,
-		F,
+		M?.id,
+		I,
 		X
 	]);
-	let dr = o(async (e) => {
-		if (j?.id) {
-			H(e);
+	let yr = s(async (e) => {
+		if (M?.id) {
+			U(e);
 			try {
-				let { data: t } = await cr({ variables: {
-					agentId: j.id,
+				let { data: t } = await gr({ variables: {
+					agentId: M.id,
 					packageName: e
 				} });
 				if (t?.installAgentPlugin?.success) await X();
-				else throw Error(t?.installAgentPlugin?.error || C("agentDetails.installFailed", "Install failed"));
+				else throw Error(t?.installAgentPlugin?.error || T("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
-				if (me(e)) {
-					he(), Zn("plugin"), G(!0);
+				if (he(e)) {
+					ge(), or("plugin"), ir(!0);
 					return;
 				}
-				U(e instanceof Error ? e.message : C("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => U(null), 5e3);
+				W(e instanceof Error ? e.message : T("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => W(null), 5e3);
 			} finally {
-				H(null);
+				U(null);
 			}
 		}
 	}, [
-		j?.id,
-		cr,
+		M?.id,
+		gr,
 		X,
-		C
-	]), fr = o((e) => {
-		zn(e);
-	}, []), pr = o(async (e) => {
-		if (j?.id) {
-			H(e);
+		T
+	]), br = s((e) => {
+		Kn(e);
+	}, []), xr = s(async (e) => {
+		if (M?.id) {
+			U(e);
 			try {
-				let { data: t } = await lr({ variables: {
-					agentId: j.id,
+				let { data: t } = await _r({ variables: {
+					agentId: M.id,
 					packageName: e
 				} });
 				if (t?.removeAgentPlugin?.success) await X();
-				else throw Error(t?.removeAgentPlugin?.error || C("agentDetails.removeFailed", "Remove failed"));
+				else throw Error(t?.removeAgentPlugin?.error || T("agentDetails.removeFailed", "Remove failed"));
 			} catch (e) {
-				U(e instanceof Error ? e.message : C("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => U(null), 5e3);
+				W(e instanceof Error ? e.message : T("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => W(null), 5e3);
 			} finally {
-				H(null);
+				U(null);
 			}
 		}
 	}, [
-		j?.id,
-		lr,
+		M?.id,
+		_r,
 		X,
-		C
-	]), mr = o((e) => {
-		Vn(e);
-	}, []), hr = o(async (e, t) => {
-		if (j?.id) {
-			H(e);
+		T
+	]), Sr = s((e) => {
+		Jn(e);
+	}, []), Cr = s(async (e, t) => {
+		if (M?.id) {
+			U(e);
 			try {
-				let { data: n } = await ur({ variables: {
-					agentId: j.id,
+				let { data: n } = await vr({ variables: {
+					agentId: M.id,
 					packageName: e,
 					version: t ?? null
 				} }), r = n?.updateAgentPlugin;
 				if (r?.ok) await X();
-				else throw Error(r?.error || C("agentDetails.updateFailed", "Plugin update failed"));
+				else throw Error(r?.error || T("agentDetails.updateFailed", "Plugin update failed"));
 			} catch (e) {
-				U(e instanceof Error ? e.message : C("agentDetails.pluginUpdateFailed", "Failed to update plugin")), setTimeout(() => U(null), 5e3);
+				W(e instanceof Error ? e.message : T("agentDetails.pluginUpdateFailed", "Failed to update plugin")), setTimeout(() => W(null), 5e3);
 			} finally {
-				H(null);
+				U(null);
 			}
 		}
 	}, [
-		j?.id,
-		ur,
+		M?.id,
+		vr,
 		X,
-		C
-	]), Z = j?.sessions || [], Q = j?.vibes || [], gr = o(async () => {
-		rr(!0), ar(null);
+		T
+	]), Z = M?.sessions || [], Q = M?.vibes || [], wr = s(async () => {
+		dr(!0), pr(null);
 		try {
 			let e = await (await fetch(typeof window < "u" && window.__BURDENOFF_GLOBAL_GATEWAY__ || "/global/graphql", {
 				method: "POST",
@@ -287,29 +287,29 @@ function x() {
 				body: JSON.stringify({ query: "query MyStorePlugins {\n              myEntitlements {\n                id\n                productId\n                licenseKey\n                product {\n                  id\n                  name\n                  slug\n                  icon\n                  description\n                  manifest\n                }\n              }\n            }" })
 			})).json();
 			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load store plugins");
-			tr((e.data?.myEntitlements ?? []).filter((e) => {
+			lr((e.data?.myEntitlements ?? []).filter((e) => {
 				let t = e.product?.manifest;
 				if (!t) return !1;
 				let n = t.itemType?.toLowerCase();
 				return n === "vibemodule" || n === "plugin";
 			}));
 		} catch (e) {
-			ar(e instanceof Error ? e.message : "Failed to load store plugins");
+			pr(e instanceof Error ? e.message : "Failed to load store plugins");
 		} finally {
-			rr(!1);
+			dr(!1);
 		}
 	}, []);
-	s(() => {
-		K === "store" && J.length === 0 && !nr && gr();
+	c(() => {
+		G === "store" && J.length === 0 && !ur && wr();
 	}, [
-		K,
+		G,
 		J.length,
-		nr,
-		gr
+		ur,
+		wr
 	]);
-	let _r = o(async (e, t) => {
-		if (j?.id) {
-			or(e);
+	let Tr = s(async (e, t) => {
+		if (M?.id) {
+			mr(e);
 			try {
 				let n = await (await fetch(typeof window < "u" && window.__BURDENOFF_WSPACE_GATEWAY__ || "/workspaces/graphql", {
 					method: "POST",
@@ -318,7 +318,7 @@ function x() {
 					body: JSON.stringify({
 						query: "mutation InstallStorePlugin($agentId: ID!, $productId: ID!, $licenseKey: String) {\n                installStorePluginOnAgent(agentId: $agentId, productId: $productId, licenseKey: $licenseKey) {\n                  success\n                  error\n                }\n              }",
 						variables: {
-							agentId: j.id,
+							agentId: M.id,
 							productId: e,
 							licenseKey: t
 						}
@@ -327,33 +327,33 @@ function x() {
 				if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Install failed");
 				let r = n.data?.installStorePluginOnAgent;
 				if (!r?.success) throw Error(r?.error ?? "Install failed");
-				await X(), $n("installed");
+				await X(), K("installed");
 			} catch (e) {
-				ar(e instanceof Error ? e.message : "Install failed");
+				pr(e instanceof Error ? e.message : "Install failed");
 			} finally {
-				or(null);
+				mr(null);
 			}
 		}
-	}, [j?.id, X]);
-	s(() => {
-		if (typeof window > "u" || !j?.id) return;
+	}, [M?.id, X]);
+	c(() => {
+		if (typeof window > "u" || !M?.id) return;
 		let e = new URLSearchParams(window.location.search), t = e.get("install"), n = e.get("licenseKey");
 		if (t && t !== Y) {
-			$n("store"), _r(t, n);
+			K("store"), Tr(t, n);
 			let e = new URL(window.location.href);
 			e.searchParams.delete("install"), e.searchParams.delete("licenseKey"), window.history.replaceState({}, "", e.toString());
 		}
 	}, [
-		j?.id,
-		_r,
+		M?.id,
+		Tr,
 		Y
 	]);
-	let vr = o(async () => {
-		if (!j?.id) return null;
-		if (k) return k;
+	let Er = s(async () => {
+		if (!M?.id) return null;
+		if (A) return A;
 		mn(!0), gn(null);
 		try {
-			let e = (await _n({ variables: { agentId: j.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
+			let e = (await _n({ variables: { agentId: M.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
 			return e ? (fn(e), e) : (gn("No API key configured"), null);
 		} catch (e) {
 			return gn(e instanceof Error ? e.message : "Reveal failed"), null;
@@ -361,312 +361,325 @@ function x() {
 			mn(!1);
 		}
 	}, [
-		j?.id,
-		k,
+		M?.id,
+		A,
 		_n
 	]);
-	if (Gt) return /* @__PURE__ */ v("div", {
+	if (Wt) return /* @__PURE__ */ y("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ v("p", {
+		children: /* @__PURE__ */ y("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions…"
 		})
 	});
-	if (Kt && (Kt.permissionStrings?.length ?? 0) > 0 && !Wt(a.AGENT_READ)) return /* @__PURE__ */ v("div", {
+	if (Gt && (Gt.permissionStrings?.length ?? 0) > 0 && !Ut(a.AGENT_READ)) return /* @__PURE__ */ y("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ v("h2", {
+			children: [/* @__PURE__ */ y("h2", {
 				className: "text-lg font-semibold text-text-primary",
 				children: "Access Denied"
-			}), /* @__PURE__ */ v("p", {
+			}), /* @__PURE__ */ y("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
 		})
 	});
 	let $ = () => {
-		S("/agents");
-	}, yr = async (e) => {
-		if (!(!j?.id || w)) {
-			Qt(e);
+		w("/agents");
+	}, Dr = async (e) => {
+		if (!(!M?.id || E)) {
+			Zt(e);
 			try {
-				let t = e === "start" ? await Xt({ variables: { agentId: j.id } }) : await Zt({ variables: { agentId: j.id } }), n = e === "start" ? t.data?.startVibecontrolsAgent : t.data?.stopVibecontrolsAgent;
+				let t = e === "start" ? await Yt({ variables: { agentId: M.id } }) : await Xt({ variables: { agentId: M.id } }), n = e === "start" ? t.data?.startVibecontrolsAgent : t.data?.stopVibecontrolsAgent;
 				if (!n || n.success === !1) throw Error(n?.error || `Failed to ${e} agent`);
-				ze.success(e === "start" ? C("agentDetails.agentStarted", "Agent started") : C("agentDetails.agentStopped", "Agent stopped")), await Promise.all([A(), M.refetch()]).catch(() => {});
+				o.success(e === "start" ? T("agentDetails.agentStarted", "Agent started") : T("agentDetails.agentStopped", "Agent stopped")), await Promise.all([j(), N.refetch()]).catch(() => {});
 			} catch (t) {
 				let n = t instanceof Error ? t.message : "", r = /unable to connect|fetch failed|timed? ?out|ECONN|agent returned 5|network/i.test(n);
-				ze.error(r ? C("agentDetails.agentUnreachable", `Couldn't reach the agent to ${e} it — it may be offline or its tunnel is down. Start it from the host with: vibe start`) : n || C("agentDetails.lifecycleFailed", "Failed to {{action}} agent", { action: e }));
+				o.error(r ? T("agentDetails.agentUnreachable", `Couldn't reach the agent to ${e} it — it may be offline or its tunnel is down. Start it from the host with: vibe start`) : n || T("agentDetails.lifecycleFailed", "Failed to {{action}} agent", { action: e }));
 			} finally {
-				Qt(null);
+				Zt(null);
 			}
 		}
-	}, br = () => void yr("start"), xr = () => void yr("stop"), Sr = async () => {
-		await Promise.all([A(), M.refetch()]).catch(() => {}), S("/agents");
-	}, Cr = () => {
-		tn(!0);
-	}, wr = async () => {
-		if (!j?.id) return;
-		let e = T.trim();
-		if (!e || e === j.name) {
-			rn(!1);
+	}, Or = () => void Dr("start"), kr = () => void Dr("stop"), Ar = async () => {
+		await Promise.all([j(), N.refetch()]).catch(() => {}), w("/agents");
+	}, jr = () => {
+		en(!0);
+	}, Mr = async () => {
+		if (!M?.id) return;
+		let e = nn.trim();
+		if (!e || e === M.name) {
+			D(!1);
 			return;
 		}
-		on(!0), D(null);
+		an(!0), sn(null);
 		try {
-			let t = await qt({ variables: {
-				id: j.id,
+			let t = await Kt({ variables: {
+				id: M.id,
 				input: { name: e }
 			} });
 			if (t.error) throw t.error;
-			rn(!1);
+			D(!1);
 		} catch (e) {
-			D(e instanceof Error ? e.message : String(e));
+			sn(e instanceof Error ? e.message : String(e));
 		} finally {
-			on(!1);
+			an(!1);
 		}
-	}, Tr = () => {
-		rn(!1), an(""), D(null);
-	}, Er = async () => {
-		let e = await vr();
+	}, Nr = () => {
+		D(!1), rn(""), sn(null);
+	}, Pr = async () => {
+		let e = await Er();
 		if (e) try {
-			await Ae(e), ke() && je("API key copied"), dn(!0), setTimeout(() => dn(!1), 2e3);
+			await je(e), Ae() && Me("API key copied"), dn(!0), setTimeout(() => dn(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
-	}, Dr = async () => {
-		O || await vr(), ln((e) => !e);
-	}, Or = () => {
-		j?.id && (Gn(!1), qn(!1), Un(!0));
-	}, kr = async () => {
-		if (j?.id) {
-			Jn(!0);
+	}, Fr = async () => {
+		k || await Er(), ln((e) => !e);
+	}, Ir = async () => {
+		if (M?.id) {
+			Sn(!0), wn(null);
 			try {
-				await Jt({ variables: {
-					id: j.id,
-					uninstallFromTarget: Wn,
-					deleteTarget: Kn
-				} }), Un(!1), $();
+				await vn({ variables: { agentId: M.id } }), fn(null), bn(!1);
+				let e = (await _n({ variables: { agentId: M.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
+				e && (fn(e), ln(!0)), Ae() && Me("API key rotated"), j();
+			} catch (e) {
+				wn(e instanceof Error ? e.message : "Failed to rotate API key");
+			} finally {
+				Sn(!1);
+			}
+		}
+	}, Lr = () => {
+		M?.id && (Qn(!1), er(!1), Xn(!0));
+	}, Rr = async () => {
+		if (M?.id) {
+			nr(!0);
+			try {
+				await qt({ variables: {
+					id: M.id,
+					uninstallFromTarget: Zn,
+					deleteTarget: $n
+				} }), Xn(!1), $();
 			} catch (e) {
 				console.error("Failed to remove agent:", e);
 			} finally {
-				Jn(!1);
+				nr(!1);
 			}
 		}
-	}, Ar = (e) => {
-		S(`/sessions/${e}`);
-	}, jr = () => {
-		yn(!0);
-	}, Mr = (e) => {
-		S(`/vibes/${e}`);
-	}, Nr = (e) => {
-		if (!e) return C("health.never", "Never");
+	}, zr = (e) => {
+		w(`/sessions/${e}`);
+	}, Br = () => {
+		En(!0);
+	}, Vr = (e) => {
+		w(`/vibes/${e}`);
+	}, Hr = (e) => {
+		if (!e) return T("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? C("health.justNow", "Just now") : t < 36e5 ? C("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? C("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
+		return t < 6e4 ? T("health.justNow", "Just now") : t < 36e5 ? T("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? T("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
 	};
-	if (xn && !j) return /* @__PURE__ */ y(zt, {
+	if (On && !M) return /* @__PURE__ */ b(S, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ y("button", {
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ v(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ v(Me, { variant: "detail" })]
+			children: [/* @__PURE__ */ y(d, { className: "size-4" }), T("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ y(Ne, { variant: "detail" })]
 	});
-	if (Sn && !j) return /* @__PURE__ */ y(zt, {
+	if (kn && !M) return /* @__PURE__ */ b(S, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ y("button", {
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ v(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ v(be, {
-			title: C("agentDetails.failedLoad", "Failed to load agent"),
-			message: Sn.message,
-			onRetry: () => A()
+			children: [/* @__PURE__ */ y(d, { className: "size-4" }), T("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ y(xe, {
+			title: T("agentDetails.failedLoad", "Failed to load agent"),
+			message: kn.message,
+			onRetry: () => j()
 		})]
 	});
-	if (!j) return /* @__PURE__ */ y(zt, {
+	if (!M) return /* @__PURE__ */ b(S, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ y("button", {
+		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ v(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ v(Se, {
-			icon: /* @__PURE__ */ v(m, { className: "size-8 text-text-secondary" }),
-			title: C("agentDetails.notFound", "Agent not found"),
-			description: `${C("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${x}" ${C("agentDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ v(b, {
+			children: [/* @__PURE__ */ y(d, { className: "size-4" }), T("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ y(Ce, {
+			icon: /* @__PURE__ */ y(h, { className: "size-8 text-text-secondary" }),
+			title: T("agentDetails.notFound", "Agent not found"),
+			description: `${T("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${C}" ${T("agentDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ y(x, {
 				type: "button",
 				onClick: $,
-				children: C("agentDetails.backToAgents", "Back to Agents")
+				children: T("agentDetails.backToAgents", "Back to Agents")
 			})
 		})]
 	});
-	let Pr = [
+	let Ur = [
 		{
 			id: "overview",
-			label: C("nav.overview", "Overview"),
-			icon: m
+			label: T("nav.overview", "Overview"),
+			icon: h
 		},
 		{
 			id: "profiles",
-			label: C("agentDetails.profiles", "Profiles"),
+			label: T("agentDetails.profiles", "Profiles"),
 			icon: Ot
 		},
 		{
 			id: "security",
-			label: C("agentDetails.security", "Security"),
+			label: T("agentDetails.security", "Security"),
 			icon: wt
 		},
 		{
 			id: "plugins",
-			label: C("agentDetails.plugins", "Plugins"),
+			label: T("agentDetails.plugins", "Plugins"),
 			icon: p,
-			badge: `${B.length}`
+			badge: `${V.length}`
 		},
 		{
 			id: "sessions",
-			label: C("nav.sessions", "Sessions"),
-			icon: h,
+			label: T("nav.sessions", "Sessions"),
+			icon: g,
 			badge: `${Z.length}`
 		},
 		{
 			id: "logs",
-			label: C("nav.logs", "Logs"),
+			label: T("nav.logs", "Logs"),
 			icon: St
 		},
 		{
 			id: "connection",
-			label: C("agentDetails.connection", "Connection Log"),
+			label: T("agentDetails.connection", "Connection Log"),
 			icon: St
 		},
 		{
 			id: "vibes",
-			label: C("nav.vibes", "Vibes"),
-			icon: g,
+			label: T("nav.vibes", "Vibes"),
+			icon: _,
 			badge: `${Q.length}`
 		},
 		{
 			id: "notes",
-			label: C("vibeDetails.notes", "Notes"),
-			icon: mt
+			label: T("vibeDetails.notes", "Notes"),
+			icon: ht
 		},
 		{
 			id: "aliases",
-			label: C("agentDetails.aliases", "Aliases"),
-			icon: ot
+			label: T("agentDetails.aliases", "Aliases"),
+			icon: st
 		},
 		{
 			id: "backup",
-			label: C("agentDetails.backup", "Backup"),
-			icon: lt
+			label: T("agentDetails.backup", "Backup"),
+			icon: ut
 		},
 		{
 			id: "maintenance",
-			label: C("agentDetails.maintenance.tab", "Maintenance"),
+			label: T("agentDetails.maintenance.tab", "Maintenance"),
 			icon: kt
 		}
-	], Fr = Z.filter((e) => e.status === "RUNNING").length;
-	return /* @__PURE__ */ y(zt, {
+	], Wr = Z.filter((e) => e.status === "RUNNING").length;
+	return /* @__PURE__ */ b(S, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			/* @__PURE__ */ y("button", {
+			/* @__PURE__ */ b("button", {
 				type: "button",
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ v(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
+				children: [/* @__PURE__ */ y(d, { className: "size-4" }), T("agentDetails.backToAgents", "Back to Agents")]
 			}),
-			/* @__PURE__ */ v(ye, {
-				title: j.name,
-				description: j.hostname || C("agentDetails.noHostnameConfigured", "No hostname configured"),
+			/* @__PURE__ */ y(be, {
+				title: M.name,
+				description: M.hostname || T("agentDetails.noHostnameConfigured", "No hostname configured"),
 				breadcrumb: [{
-					label: C("nav.agents", "Agents"),
-					path: Ut ? `${Ut}/agents` : "/agents"
-				}, { label: j.name }],
-				actions: /* @__PURE__ */ y("div", {
+					label: T("nav.agents", "Agents"),
+					path: Ht ? `${Ht}/agents` : "/agents"
+				}, { label: M.name }],
+				actions: /* @__PURE__ */ b("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						Tn ? /* @__PURE__ */ y(b, {
+						Mn ? /* @__PURE__ */ b(x, {
 							type: "button",
-							onClick: br,
-							disabled: w !== null,
-							"aria-busy": w === "start",
-							children: [w === "start" ? /* @__PURE__ */ v(f, {
+							onClick: Or,
+							disabled: E !== null,
+							"aria-busy": E === "start",
+							children: [E === "start" ? /* @__PURE__ */ y(f, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ v(yt, {
+							}) : /* @__PURE__ */ y(bt, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), w === "start" ? C("agentDetails.starting", "Starting…") : C("agentDetails.start", "Start")]
-						}) : /* @__PURE__ */ y(b, {
+							}), E === "start" ? T("agentDetails.starting", "Starting…") : T("agentDetails.start", "Start")]
+						}) : /* @__PURE__ */ b(x, {
 							type: "button",
 							variant: "outline",
-							onClick: xr,
-							disabled: w !== null,
-							"aria-busy": w === "stop",
-							children: [w === "stop" ? /* @__PURE__ */ v(f, {
+							onClick: kr,
+							disabled: E !== null,
+							"aria-busy": E === "stop",
+							children: [E === "stop" ? /* @__PURE__ */ y(f, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ v(Tt, {
+							}) : /* @__PURE__ */ y(Tt, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), w === "stop" ? C("agentDetails.stopping", "Stopping…") : C("sessions.stop", "Stop")]
+							}), E === "stop" ? T("agentDetails.stopping", "Stopping…") : T("sessions.stop", "Stop")]
 						}),
-						P === "DEGRADED" && /* @__PURE__ */ y(b, {
+						F === "DEGRADED" && /* @__PURE__ */ b(x, {
 							type: "button",
 							variant: "secondary",
-							onClick: br,
-							disabled: w !== null,
-							"aria-busy": w === "start",
+							onClick: Or,
+							disabled: E !== null,
+							"aria-busy": E === "start",
 							className: "text-status-warning-text hover:text-status-warning-text",
-							title: N.get(j.id)?.errorMessage ? `Retry lifecycle/start — last error: ${N.get(j.id)?.errorMessage}` : "Retry lifecycle/start",
-							children: [w === "start" ? /* @__PURE__ */ v(f, {
+							title: P.get(M.id)?.errorMessage ? `Retry lifecycle/start — last error: ${P.get(M.id)?.errorMessage}` : "Retry lifecycle/start",
+							children: [E === "start" ? /* @__PURE__ */ y(f, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ v(xt, {
+							}) : /* @__PURE__ */ y(m, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), w === "start" ? C("agentDetails.reconnecting", "Reconnecting…") : C("agentDetails.reconnect", "Reconnect")]
+							}), E === "start" ? T("agentDetails.reconnecting", "Reconnecting…") : T("agentDetails.reconnect", "Reconnect")]
 						}),
-						/* @__PURE__ */ v(Ke, {
-							agentId: j.id,
-							tunnelUrl: j.tunnelUrl || null,
-							profile: F
+						/* @__PURE__ */ y(Ke, {
+							agentId: M.id,
+							tunnelUrl: M.tunnelUrl || null,
+							profile: I
 						}),
-						/* @__PURE__ */ y(b, {
+						/* @__PURE__ */ b(x, {
 							type: "button",
 							variant: "outline",
-							onClick: Cr,
-							children: [/* @__PURE__ */ v(Ct, {
+							onClick: jr,
+							children: [/* @__PURE__ */ y(Ct, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), C("agentDetails.configure", "Configure")]
+							}), T("agentDetails.configure", "Configure")]
 						}),
-						/* @__PURE__ */ v(Te, {
-							ariaLabel: C("agentDetails.agentActions", "Agent actions"),
-							title: C("agentDetails.agentActions", "Agent actions"),
+						/* @__PURE__ */ y(Ee, {
+							ariaLabel: T("agentDetails.agentActions", "Agent actions"),
+							title: T("agentDetails.agentActions", "Agent actions"),
 							align: "end",
 							items: [
 								{
 									key: "ai-chat",
-									label: C("agentDetails.aiChat", "AI Chat"),
-									icon: nt,
-									onSelect: () => S("/ai?contextLevel=agent")
+									label: T("agentDetails.aiChat", "AI Chat"),
+									icon: rt,
+									onSelect: () => w("/ai?contextLevel=agent")
 								},
 								{
 									key: "refresh",
-									label: C("common.refresh", "Refresh"),
-									icon: xt,
-									onSelect: () => void A(),
-									disabled: xn
+									label: T("common.refresh", "Refresh"),
+									icon: m,
+									onSelect: () => void j(),
+									disabled: On
 								},
-								...Wt(a.AGENT_DELETE) ? [{
+								...Ut(a.AGENT_DELETE) ? [{
 									key: "remove",
-									label: C("sessions.remove", "Remove"),
+									label: T("sessions.remove", "Remove"),
 									icon: Dt,
-									onSelect: Or,
+									onSelect: Lr,
 									variant: "danger",
 									separatorBefore: !0
 								}] : []
@@ -675,300 +688,300 @@ function x() {
 					]
 				})
 			}),
-			/* @__PURE__ */ v(Ft, {
-				icon: /* @__PURE__ */ v(m, { className: "size-4" }),
-				children: C("agentDetails.purpose", "This page is the control panel for one agent — the program running on your machine that VibeControls uses to execute work. Here you check its health and connection, start or restart it, push gateway credentials, review its sessions and security, and copy the commands to (re)install it. Come here when an agent is degraded or you need to confirm it is reachable.")
+			/* @__PURE__ */ y(Ft, {
+				icon: /* @__PURE__ */ y(h, { className: "size-4" }),
+				children: T("agentDetails.purpose", "This page is the control panel for one agent — the program running on your machine that VibeControls uses to execute work. Here you check its health and connection, start or restart it, push gateway credentials, review its sessions and security, and copy the commands to (re)install it. Come here when an agent is degraded or you need to confirm it is reachable.")
 			}),
-			/* @__PURE__ */ v(Pt, {
+			/* @__PURE__ */ y(Pt, {
 				storageKey: "vibecontrols-agent-details",
 				steps: [
 					{
 						id: "start-session",
-						label: C("agentDetails.next.startSession", "Start a session on this agent"),
-						description: C("agentDetails.next.startSessionDesc", "Open a terminal or task that runs on this machine."),
-						icon: /* @__PURE__ */ v(bt, { className: "size-4" }),
-						onClick: jr
+						label: T("agentDetails.next.startSession", "Start a session on this agent"),
+						description: T("agentDetails.next.startSessionDesc", "Open a terminal or task that runs on this machine."),
+						icon: /* @__PURE__ */ y(xt, { className: "size-4" }),
+						onClick: Br
 					},
 					{
 						id: "check-connection",
-						label: C("agentDetails.next.checkConnection", "Check the connection"),
-						description: C("agentDetails.next.checkConnectionDesc", "Verify the tunnel URL and reachability on the Connection tab."),
-						icon: /* @__PURE__ */ v(m, { className: "size-4" }),
-						onClick: () => z("connection")
+						label: T("agentDetails.next.checkConnection", "Check the connection"),
+						description: T("agentDetails.next.checkConnectionDesc", "Verify the tunnel URL and reachability on the Connection tab."),
+						icon: /* @__PURE__ */ y(h, { className: "size-4" }),
+						onClick: () => B("connection")
 					},
 					{
 						id: "review-security",
-						label: C("agentDetails.next.reviewSecurity", "Review security & credentials"),
-						description: C("agentDetails.next.reviewSecurityDesc", "Confirm gateway auth is pushed and scopes are correct."),
-						icon: /* @__PURE__ */ v(nt, { className: "size-4" }),
-						onClick: () => z("security")
+						label: T("agentDetails.next.reviewSecurity", "Review security & credentials"),
+						description: T("agentDetails.next.reviewSecurityDesc", "Confirm gateway auth is pushed and scopes are correct."),
+						icon: /* @__PURE__ */ y(rt, { className: "size-4" }),
+						onClick: () => B("security")
 					}
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center gap-2 -mt-2",
-				children: nn ? /* @__PURE__ */ y(_, { children: [
-					/* @__PURE__ */ v("input", {
+				children: tn ? /* @__PURE__ */ b(v, { children: [
+					/* @__PURE__ */ y("input", {
 						ref: cn,
 						type: "text",
-						value: T,
-						onChange: (e) => an(e.target.value),
+						value: nn,
+						onChange: (e) => rn(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && !E ? wr() : e.key === "Escape" && Tr();
+							e.key === "Enter" && !O ? Mr() : e.key === "Escape" && Nr();
 						},
-						disabled: E,
+						disabled: O,
 						maxLength: 120,
-						"aria-label": C("agentDetails.renameInput", "New agent name"),
+						"aria-label": T("agentDetails.renameInput", "New agent name"),
 						className: "flex-1 max-w-md px-3 py-1.5 text-sm bg-bg-surface border border-border-subtle rounded-input text-text-primary placeholder:text-text-placeholder transition-colors focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)] focus:border-border-strong",
-						placeholder: j.name,
+						placeholder: M.name,
 						"data-testid": "agent-details-rename-input"
 					}),
-					/* @__PURE__ */ y("button", {
+					/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => void wr(),
-						disabled: !T.trim() || T.trim() === j.name || E,
+						onClick: () => void Mr(),
+						disabled: !nn.trim() || nn.trim() === M.name || O,
 						className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bgHover transition-colors disabled:opacity-60 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
 						"data-testid": "agent-details-rename-save",
-						children: [E ? /* @__PURE__ */ v(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ v(rt, { className: "size-3.5" }), C("agentDetails.saveName", "Save")]
+						children: [O ? /* @__PURE__ */ y(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ y(it, { className: "size-3.5" }), T("agentDetails.saveName", "Save")]
 					}),
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: Tr,
-						disabled: E,
+						onClick: Nr,
+						disabled: O,
 						className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary disabled:opacity-60",
 						"data-testid": "agent-details-rename-cancel",
-						children: C("common.cancel", "Cancel")
+						children: T("common.cancel", "Cancel")
 					}),
-					sn && /* @__PURE__ */ v("span", {
+					on && /* @__PURE__ */ y("span", {
 						className: "text-xs text-status-error-text",
 						role: "alert",
-						children: sn
+						children: on
 					})
-				] }) : /* @__PURE__ */ y("button", {
+				] }) : /* @__PURE__ */ b("button", {
 					type: "button",
 					onClick: () => {
-						D(null), an(j.name), rn(!0), requestAnimationFrame(() => cn.current?.select());
+						sn(null), rn(M.name), D(!0), requestAnimationFrame(() => cn.current?.select());
 					},
 					className: "inline-flex items-center gap-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
-					title: C("agentDetails.renameTooltip", "Rename this agent"),
+					title: T("agentDetails.renameTooltip", "Rename this agent"),
 					"data-testid": "agent-details-rename-trigger",
-					children: [/* @__PURE__ */ v(dt, { className: "size-3.5" }), C("agentDetails.rename", "Rename")]
+					children: [/* @__PURE__ */ y(ft, { className: "size-3.5" }), T("agentDetails.rename", "Rename")]
 				})
 			}),
-			P === "DEGRADED" && /* @__PURE__ */ y("div", {
+			F === "DEGRADED" && /* @__PURE__ */ b("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "flex items-start gap-3 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-4 py-3 text-sm text-text-primary",
 				children: [
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ y(f, {
 						className: "size-4 mt-0.5 flex-shrink-0 animate-spin text-status-warning-text",
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ b("div", {
 						className: "flex-1 min-w-0 space-y-1",
 						children: [
-							/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ y("p", {
 								className: "font-medium",
-								children: C("agentDetails.degradedBanner.title", "Agent is degraded — auto-reconnecting in the background")
+								children: T("agentDetails.degradedBanner.title", "Agent is degraded — auto-reconnecting in the background")
 							}),
-							N.get(j.id)?.errorMessage && /* @__PURE__ */ v("p", {
+							P.get(M.id)?.errorMessage && /* @__PURE__ */ y("p", {
 								className: "text-xs text-text-secondary",
-								children: /* @__PURE__ */ v("span", {
+								children: /* @__PURE__ */ y("span", {
 									className: "font-mono text-status-warning-text",
-									children: N.get(j.id)?.errorMessage
+									children: P.get(M.id)?.errorMessage
 								})
 							}),
-							/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ y("p", {
 								className: "text-xs text-text-secondary",
-								children: C("agentDetails.degradedBanner.action", "Health probes run every ~30s; the badge flips back to Active automatically once a probe succeeds. You can click Reconnect above to retry now, or check the Connection tab for the probe history.")
+								children: T("agentDetails.degradedBanner.action", "Health probes run every ~30s; the badge flips back to Active automatically once a probe succeeds. You can click Reconnect above to retry now, or check the Connection tab for the probe history.")
 							})
 						]
 					}),
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => z("connection"),
+						onClick: () => B("connection"),
 						className: "text-xs font-medium text-text-link hover:underline flex-shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded",
-						children: C("agentDetails.degradedBanner.viewLog", "View log →")
+						children: T("agentDetails.degradedBanner.viewLog", "View log →")
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ y(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ y("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ v(m, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								children: /* @__PURE__ */ y(h, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
-								children: C("sessions.filterStatus", "Status")
-							}), /* @__PURE__ */ v(Be, {
-								status: P,
-								reason: N.get(j.id)?.errorMessage ?? (j.lastGatewayAuthPushStatus === "failed" ? j.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
+								children: T("sessions.filterStatus", "Status")
+							}), /* @__PURE__ */ y(Be, {
+								status: F,
+								reason: P.get(M.id)?.errorMessage ?? (M.lastGatewayAuthPushStatus === "failed" ? M.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
 								linkTo: "?tab=connection",
 								onClick: (e) => {
-									e.preventDefault(), z("connection");
+									e.preventDefault(), B("connection");
 								}
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ y(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ y("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ v(ct, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								children: /* @__PURE__ */ y(lt, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
-								children: C("analytics.platform", "Platform")
-							}), /* @__PURE__ */ y("p", {
+								children: T("analytics.platform", "Platform")
+							}), /* @__PURE__ */ b("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									j.platform,
+									M.platform,
 									"/",
-									j.architecture
+									M.architecture
 								]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ y(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ y("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ v(ht, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								children: /* @__PURE__ */ y(gt, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
-								children: C("agentDetails.version", "Version")
-							}), /* @__PURE__ */ y("p", {
+								children: T("agentDetails.version", "Version")
+							}), /* @__PURE__ */ b("p", {
 								className: "font-semibold text-text-primary",
-								children: ["v", j.version]
+								children: ["v", M.version]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ v(i, {
+					/* @__PURE__ */ y(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ y("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ v(h, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								children: /* @__PURE__ */ y(g, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
-								children: C("nav.sessions", "Sessions")
-							}), /* @__PURE__ */ y("p", {
+								children: T("nav.sessions", "Sessions")
+							}), /* @__PURE__ */ b("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									Fr,
+									Wr,
 									" ",
-									C("health.active", "active")
+									T("health.active", "active")
 								]
 							})] })]
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-end border-b border-border-default",
-				children: [/* @__PURE__ */ v(Rt, {
-					items: [...Pr.map(({ id: e, label: t, icon: n, badge: r }) => ({
+				children: [/* @__PURE__ */ y(Rt, {
+					items: [...Ur.map(({ id: e, label: t, icon: n, badge: r }) => ({
 						id: e,
 						label: t,
-						icon: /* @__PURE__ */ v(n, {
+						icon: /* @__PURE__ */ y(n, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}),
 						badge: r
-					})), ...I ? L.data.map((e) => ({
+					})), ...L ? R.data.map((e) => ({
 						id: e.contribution.id,
 						label: e.contribution.title
 					})) : []],
-					activeTabId: R,
-					onTabChange: z,
+					activeTabId: z,
+					onTabChange: B,
 					variant: "underline",
 					className: "min-w-0 flex-1 border-b-0"
-				}), I && j && /* @__PURE__ */ y("button", {
+				}), L && M && /* @__PURE__ */ b("button", {
 					type: "button",
-					onClick: () => On(!0),
+					onClick: () => Fn(!0),
 					className: "-mb-px flex shrink-0 items-center gap-1 p-2 text-xs sm:text-sm border-b-2 border-transparent text-text-secondary hover:text-text-primary hover:border-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-t",
 					title: "Install a UI plugin tab",
 					"aria-label": "Add tab",
-					children: [/* @__PURE__ */ v("span", {
+					children: [/* @__PURE__ */ y("span", {
 						"aria-hidden": !0,
 						children: "+"
-					}), /* @__PURE__ */ v("span", {
+					}), /* @__PURE__ */ y("span", {
 						className: "hidden sm:inline",
 						children: "Add tab"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ y(Ee, {
-				tabKey: R,
+			/* @__PURE__ */ b(De, {
+				tabKey: z,
 				children: [
-					R === "overview" && /* @__PURE__ */ y("div", {
+					z === "overview" && /* @__PURE__ */ b("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ y("h3", {
+								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ v(it, { className: "size-5" }), C("agentDetails.capabilities", "Capabilities")]
+									children: [/* @__PURE__ */ y(at, { className: "size-5" }), T("agentDetails.capabilities", "Capabilities")]
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ v("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex flex-wrap gap-2",
-									children: j.capabilities && typeof j.capabilities == "object" && (Array.isArray(j.capabilities) ? j.capabilities.length > 0 : Object.keys(j.capabilities).length > 0) ? (Array.isArray(j.capabilities) ? j.capabilities : (() => {
-										let e = j.capabilities, t = Object.keys(e);
+									children: M.capabilities && typeof M.capabilities == "object" && (Array.isArray(M.capabilities) ? M.capabilities.length > 0 : Object.keys(M.capabilities).length > 0) ? (Array.isArray(M.capabilities) ? M.capabilities : (() => {
+										let e = M.capabilities, t = Object.keys(e);
 										return t.length > 0 && t.every((e) => /^\d+$/.test(e)) ? Object.values(e) : t;
-									})()).map((e) => /* @__PURE__ */ v("span", {
+									})()).map((e) => /* @__PURE__ */ y("span", {
 										className: "px-2 py-0.5 bg-bg-sunken text-text-secondary text-xs rounded-pill",
 										children: e
-									}, e)) : /* @__PURE__ */ y("div", {
+									}, e)) : /* @__PURE__ */ b("div", {
 										className: "space-y-2 text-sm text-text-secondary",
 										children: [
-											/* @__PURE__ */ v("p", { children: C("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ y("p", { children: T("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
+											/* @__PURE__ */ b("p", {
 												className: "text-xs",
 												children: [
 													"Capabilities are feature tags the agent advertises to vibes (e.g.",
 													" ",
-													/* @__PURE__ */ v("code", {
+													/* @__PURE__ */ y("code", {
 														className: "text-text-primary",
 														children: "docker"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ v("code", {
+													/* @__PURE__ */ y("code", {
 														className: "text-text-primary",
 														children: "gpu"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ v("code", {
+													/* @__PURE__ */ y("code", {
 														className: "text-text-primary",
 														children: "node20"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ v("code", {
+													/* @__PURE__ */ y("code", {
 														className: "text-text-primary",
 														children: "git"
 													}),
 													"). Vibes use them to pick an agent that can run their workloads."
 												]
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-xs",
 												children: [
 													"Add from the agent host CLI:",
 													" ",
-													/* @__PURE__ */ v("code", {
+													/* @__PURE__ */ y("code", {
 														className: "text-text-primary",
 														children: "vibe agent caps add docker gpu"
 													}),
@@ -979,203 +992,216 @@ function x() {
 									})
 								})
 							})] }),
-							/* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ y("h3", {
+								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ v(Et, { className: "size-5" }), "Tags"]
+									children: [/* @__PURE__ */ y(Et, { className: "size-5" }), "Tags"]
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ v(xe, {
+								children: /* @__PURE__ */ y(Se, {
 									entityType: "VIBECONTROLS_AGENT",
-									entityId: j.id
+									entityId: M.id
 								})
 							})] }),
-							j.tunnelUrl && /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+							M.tunnelUrl && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ y("h3", {
+								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ v(g, { className: "size-5" }), C("health.tunnel", "Tunnel")]
+									children: [/* @__PURE__ */ y(_, { className: "size-5" }), T("health.tunnel", "Tunnel")]
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ b("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary mb-1",
-										children: C("agentDetails.tunnelUrl", "Tunnel URL")
-									}), /* @__PURE__ */ v("a", {
-										href: j.tunnelUrl,
+										children: T("agentDetails.tunnelUrl", "Tunnel URL")
+									}), /* @__PURE__ */ y("a", {
+										href: M.tunnelUrl,
 										target: "_blank",
 										rel: "noopener noreferrer",
 										className: "text-text-link hover:underline break-all",
-										children: j.tunnelUrl
+										children: M.tunnelUrl
 									})]
 								})
 							})] }),
-							/* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ y("h3", {
+								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ v(Ct, { className: "size-5" }), C("agentDetails.configuration", "Configuration")]
+									children: [/* @__PURE__ */ y(Ct, { className: "size-5" }), T("agentDetails.configuration", "Configuration")]
 								})
-							}), /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "p-4 space-y-4",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: C("analytics.platform", "Platform")
-										}), /* @__PURE__ */ v("p", {
+											children: T("analytics.platform", "Platform")
+										}), /* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary",
-											children: j.platform
+											children: M.platform
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: C("analytics.architecture", "Architecture")
-										}), /* @__PURE__ */ v("p", {
+											children: T("analytics.architecture", "Architecture")
+										}), /* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary",
-											children: j.architecture
+											children: M.architecture
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
-											children: C("agentDetails.version", "Version")
-										}), /* @__PURE__ */ v("p", {
+											children: T("agentDetails.version", "Version")
+										}), /* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary",
-											children: j.version
+											children: M.version
 										})] })
 									]
-								}), j.aiContext && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								}), M.aiContext && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary mb-1",
 									children: "AI Context"
-								}), /* @__PURE__ */ v("pre", {
+								}), /* @__PURE__ */ y("pre", {
 									className: "text-sm text-text-primary bg-bg-sunken border border-border-default rounded-md p-3 whitespace-pre-wrap font-sans",
-									children: j.aiContext
+									children: M.aiContext
 								})] })]
 							})] }),
-							/* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ y("h3", {
+								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ v(at, { className: "size-5" }), C("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ y(ot, { className: "size-5" }), T("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ y("div", {
+								children: /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm",
 									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-text-secondary",
-											children: C("health.lastHeartbeat", "Last Heartbeat")
-										}), /* @__PURE__ */ v("p", {
+											children: T("health.lastHeartbeat", "Last Heartbeat")
+										}), /* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary",
-											children: Nr(j.lastHeartbeat)
+											children: Hr(M.lastHeartbeat)
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-text-secondary",
-											children: C("vibeDetails.created", "Created")
-										}), /* @__PURE__ */ v("p", {
+											children: T("vibeDetails.created", "Created")
+										}), /* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary",
-											children: Nr(j.createdAt)
+											children: Hr(M.createdAt)
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-text-secondary",
-											children: C("vibeDetails.updated", "Updated")
-										}), /* @__PURE__ */ v("p", {
+											children: T("vibeDetails.updated", "Updated")
+										}), /* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary",
-											children: Nr(j.updatedAt)
+											children: Hr(M.updatedAt)
 										})] })
 									]
 								})
 							})] })
 						]
 					}),
-					R === "profiles" && /* @__PURE__ */ v(Ye, { agentId: j.id }),
-					R === "security" && /* @__PURE__ */ y("div", {
+					z === "profiles" && /* @__PURE__ */ y(Ye, { agentId: M.id }),
+					z === "security" && /* @__PURE__ */ b("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ y("h3", {
+								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ v(_t, { className: "size-5" }), C("agentDetails.agentApiKey", "Agent API Key")]
+									children: [/* @__PURE__ */ y(vt, { className: "size-5" }), T("agentDetails.agentApiKey", "Agent API Key")]
 								})
-							}), /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "p-4",
-								children: [j.tunnelUrl ? /* @__PURE__ */ y("div", {
+								children: [M.tunnelUrl ? /* @__PURE__ */ b("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ v("code", {
+											children: [/* @__PURE__ */ y("code", {
 												className: "text-sm font-mono text-text-primary bg-bg-sunken px-3 py-2 rounded-md block truncate",
-												children: O && k ? k : pn ? C("agentDetails.revealLoading", "Revealing…") : "•".repeat(32)
-											}), hn && /* @__PURE__ */ v("p", {
+												children: k && A ? A : pn ? T("agentDetails.revealLoading", "Revealing…") : "•".repeat(32)
+											}), hn && /* @__PURE__ */ y("p", {
 												className: "text-xs text-status-error-text mt-1",
 												children: hn
 											})]
 										}),
-										/* @__PURE__ */ v("button", {
+										/* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: () => void Dr(),
+											onClick: () => void Fr(),
 											disabled: pn,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											"aria-label": O ? C("agentDetails.hideApiKey", "Hide API key") : C("agentDetails.showApiKey", "Show API key"),
-											title: O ? C("agentDetails.hideApiKey", "Hide API key") : C("agentDetails.showApiKey", "Show API key"),
-											children: v(O ? pt : ft, {
+											"aria-label": k ? T("agentDetails.hideApiKey", "Hide API key") : T("agentDetails.showApiKey", "Show API key"),
+											title: k ? T("agentDetails.hideApiKey", "Hide API key") : T("agentDetails.showApiKey", "Show API key"),
+											children: y(k ? mt : pt, {
 												className: "size-4 text-text-secondary",
 												"aria-hidden": "true"
 											})
 										}),
-										/* @__PURE__ */ v("button", {
+										/* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: Er,
+											onClick: Pr,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											"aria-label": C("agentDetails.copyApiKey", "Copy API key"),
-											title: C("agentDetails.copyApiKey", "Copy API key"),
-											children: un ? /* @__PURE__ */ v(rt, {
+											"aria-label": T("agentDetails.copyApiKey", "Copy API key"),
+											title: T("agentDetails.copyApiKey", "Copy API key"),
+											children: un ? /* @__PURE__ */ y(it, {
 												className: "size-4 text-status-success-text",
 												"aria-hidden": "true"
-											}) : /* @__PURE__ */ v(st, {
+											}) : /* @__PURE__ */ y(ct, {
+												className: "size-4 text-text-secondary",
+												"aria-hidden": "true"
+											})
+										}),
+										/* @__PURE__ */ y("button", {
+											type: "button",
+											onClick: () => {
+												wn(null), bn(!0);
+											},
+											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+											"aria-label": T("agentDetails.rotateApiKey", "Rotate API key"),
+											title: T("agentDetails.rotateApiKey", "Rotate API key"),
+											children: /* @__PURE__ */ y(m, {
 												className: "size-4 text-text-secondary",
 												"aria-hidden": "true"
 											})
 										})
 									]
-								}) : /* @__PURE__ */ v("p", {
+								}) : /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-secondary",
 									children: "Agent tunnel not configured. Bring the agent online first."
-								}), /* @__PURE__ */ v("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "mt-2 text-xs text-text-muted",
 									children: "This key authenticates requests sent to the agent. The key is revealed only on explicit operator action and every read is audited."
 								})]
 							})] }),
-							/* @__PURE__ */ v(Ie, {
-								agentId: j.id,
-								currentTunnelUrl: j.tunnelUrl,
-								onUpdated: () => A()
+							/* @__PURE__ */ y(Le, {
+								agentId: M.id,
+								currentTunnelUrl: M.tunnelUrl,
+								onUpdated: () => j()
 							}),
-							/* @__PURE__ */ v(Le, {
-								agentId: j.id,
-								storageAdapter: j.storageAdapter,
-								dbPath: j.dbPath,
-								hasStorageOptions: j.hasStorageOptions,
-								onUpdated: () => A()
+							/* @__PURE__ */ y(Re, {
+								agentId: M.id,
+								storageAdapter: M.storageAdapter,
+								dbPath: M.dbPath,
+								hasStorageOptions: M.hasStorageOptions,
+								onUpdated: () => j()
 							}),
-							/* @__PURE__ */ v(He, {
-								agent: j,
-								onUpdate: () => A()
+							/* @__PURE__ */ y(He, {
+								agent: M,
+								onUpdate: () => j()
 							}),
-							/* @__PURE__ */ v(Ve, { agent: {
-								id: j.id,
-								profile: F ?? "default"
+							/* @__PURE__ */ y(Ve, { agent: {
+								id: M.id,
+								profile: I ?? "default"
 							} })
 						]
 					}),
-					R === "plugins" && (() => {
-						let e = q.toLowerCase(), t = B.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.tags?.some((t) => t.toLowerCase().includes(e))), n = Nn.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = B.filter((e) => e.hasUI), ee = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), te = [
+					z === "plugins" && (() => {
+						let e = q.toLowerCase(), t = V.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.tags?.some((t) => t.toLowerCase().includes(e))), n = Bn.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = V.filter((e) => e.hasUI), ee = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), te = [
 							{
 								id: "installed",
 								label: "Installed",
@@ -1186,179 +1212,179 @@ function x() {
 								id: "available",
 								label: "Available",
 								count: n.length,
-								icon: ut
+								icon: dt
 							},
 							{
 								id: "store",
 								label: "Store",
 								count: J.length,
-								icon: ut
+								icon: dt
 							},
 							{
 								id: "ui-plugins",
 								label: "UI Plugins",
 								count: ee.length,
-								icon: vt
+								icon: yt
 							}
 						];
-						return /* @__PURE__ */ v("div", {
+						return /* @__PURE__ */ y("div", {
 							className: "space-y-6",
-							children: /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default space-y-3",
 								children: [
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ y("h3", {
+										children: [/* @__PURE__ */ b("h3", {
 											className: "font-semibold text-text-primary flex items-center gap-2 min-w-0",
 											children: [
-												/* @__PURE__ */ v(p, {
+												/* @__PURE__ */ y(p, {
 													className: "size-5",
 													"aria-hidden": "true"
 												}),
 												"Plugins",
-												B.length > 0 && /* @__PURE__ */ y("span", {
+												V.length > 0 && /* @__PURE__ */ b("span", {
 													className: "text-sm font-normal text-text-secondary",
 													children: [
 														"(",
-														B.filter((e) => e.isCore).length,
+														V.filter((e) => e.isCore).length,
 														" core,",
 														" ",
-														B.filter((e) => !e.isCore).length,
+														V.filter((e) => !e.isCore).length,
 														" external)"
 													]
 												})
 											]
-										}), /* @__PURE__ */ v("button", {
+										}), /* @__PURE__ */ y("button", {
 											type: "button",
 											onClick: X,
-											disabled: Fn,
+											disabled: Hn,
 											className: "p-1.5 text-text-secondary hover:bg-bg-sunken rounded transition-colors disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-											"aria-label": C("agentDetails.refreshPlugins", "Refresh plugins"),
-											title: C("agentDetails.refreshPlugins", "Refresh plugins"),
-											children: /* @__PURE__ */ v(xt, {
-												className: `size-4 ${Fn ? "animate-spin" : ""}`,
+											"aria-label": T("agentDetails.refreshPlugins", "Refresh plugins"),
+											title: T("agentDetails.refreshPlugins", "Refresh plugins"),
+											children: /* @__PURE__ */ y(m, {
+												className: `size-4 ${Hn ? "animate-spin" : ""}`,
 												"aria-hidden": "true"
 											})
 										})]
 									}),
-									/* @__PURE__ */ v(Ce, {
+									/* @__PURE__ */ y(we, {
 										value: q,
-										onChange: er,
-										placeholder: C("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag...")
+										onChange: cr,
+										placeholder: T("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag...")
 									}),
-									/* @__PURE__ */ v(Rt, {
+									/* @__PURE__ */ y(Rt, {
 										items: te.map(({ id: e, label: t, count: n, icon: r }) => ({
 											id: e,
 											label: t,
-											icon: /* @__PURE__ */ v(r, {
+											icon: /* @__PURE__ */ y(r, {
 												className: "size-4",
 												"aria-hidden": "true"
 											}),
 											badge: n
 										})),
-										activeTabId: K,
-										onTabChange: (e) => $n(e),
+										activeTabId: G,
+										onTabChange: (e) => K(e),
 										variant: "pills",
 										size: "sm",
 										className: "max-w-full overflow-x-auto"
 									})
 								]
-							}), /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "p-4 space-y-4",
 								children: [
-									Ln && /* @__PURE__ */ y("div", {
+									Wn && /* @__PURE__ */ b("div", {
 										role: "alert",
 										className: "flex items-center gap-2 p-3 bg-status-error-bg-subtle border border-status-error-border text-status-error-text rounded-md text-sm",
 										children: [
-											/* @__PURE__ */ v(At, {
+											/* @__PURE__ */ y(At, {
 												className: "size-4 flex-shrink-0",
 												"aria-hidden": "true"
 											}),
-											/* @__PURE__ */ v("span", {
+											/* @__PURE__ */ y("span", {
 												className: "flex-1 min-w-0 break-words",
-												children: Ln
+												children: Wn
 											}),
-											/* @__PURE__ */ v("button", {
+											/* @__PURE__ */ y("button", {
 												type: "button",
-												onClick: () => U(null),
-												"aria-label": C("agentDetails.dismissError", "Dismiss error"),
+												onClick: () => W(null),
+												"aria-label": T("agentDetails.dismissError", "Dismiss error"),
 												className: "flex-shrink-0 p-0.5 hover:bg-status-error-border/40 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-												children: /* @__PURE__ */ v(At, {
+												children: /* @__PURE__ */ y(At, {
 													className: "size-3.5",
 													"aria-hidden": "true"
 												})
 											})
 										]
 									}),
-									!j?.isActive && /* @__PURE__ */ y("p", {
+									!M?.isActive && /* @__PURE__ */ b("p", {
 										role: "status",
 										className: "text-sm text-text-muted flex items-center gap-1.5",
-										children: [/* @__PURE__ */ v(gt, {
+										children: [/* @__PURE__ */ y(_t, {
 											className: "size-4 flex-shrink-0",
 											"aria-hidden": "true"
 										}), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
 									}),
-									K === "installed" && /* @__PURE__ */ v(_, { children: t.length > 0 ? /* @__PURE__ */ v("div", {
+									G === "installed" && /* @__PURE__ */ y(v, { children: t.length > 0 ? /* @__PURE__ */ y("div", {
 										className: "space-y-2",
-										children: t.map((e) => /* @__PURE__ */ y("div", {
+										children: t.map((e) => /* @__PURE__ */ b("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ y("div", {
+											children: [/* @__PURE__ */ b("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ y("p", {
+													/* @__PURE__ */ b("p", {
 														className: "text-sm font-medium text-text-primary flex items-center gap-1.5 flex-wrap",
 														children: [
 															e.pluginName,
-															/* @__PURE__ */ v("span", {
+															/* @__PURE__ */ y("span", {
 																className: "text-xs text-text-muted font-normal",
 																children: e.version === "latest" ? e.version : `v${e.version}`
 															}),
-															e.isCore && /* @__PURE__ */ v("span", {
+															e.isCore && /* @__PURE__ */ y("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
 																children: "core"
 															}),
-															e.loaded && /* @__PURE__ */ v("span", {
+															e.loaded && /* @__PURE__ */ y("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-status-success-bg-subtle text-status-success-text rounded",
 																children: "loaded"
 															}),
-															e.hasProviders && /* @__PURE__ */ v("span", {
+															e.hasProviders && /* @__PURE__ */ y("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
 																children: "provider"
 															}),
-															e.hasUI && /* @__PURE__ */ v("span", {
+															e.hasUI && /* @__PURE__ */ y("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
 																children: "ui"
 															})
 														]
 													}),
-													e.description && /* @__PURE__ */ v("p", {
+													e.description && /* @__PURE__ */ y("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ y("div", {
+													/* @__PURE__ */ b("div", {
 														className: "flex items-center gap-2 mt-0.5 flex-wrap",
 														children: [
-															!e.isCore && /* @__PURE__ */ v("span", {
+															!e.isCore && /* @__PURE__ */ y("span", {
 																className: "text-xs text-text-muted font-mono",
 																children: e.packageName
 															}),
-															e.cliCommand && /* @__PURE__ */ y("span", {
+															e.cliCommand && /* @__PURE__ */ b("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"cli:",
 																	" ",
-																	/* @__PURE__ */ y("code", {
+																	/* @__PURE__ */ b("code", {
 																		className: "text-xs font-mono",
 																		children: ["vibe ", e.cliCommand]
 																	})
 																]
 															}),
-															e.apiPrefix && /* @__PURE__ */ y("span", {
+															e.apiPrefix && /* @__PURE__ */ b("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"api:",
 																	" ",
-																	/* @__PURE__ */ v("code", {
+																	/* @__PURE__ */ y("code", {
 																		className: "text-xs font-mono",
 																		children: e.apiPrefix
 																	})
@@ -1366,177 +1392,177 @@ function x() {
 															})
 														]
 													}),
-													e.tags && e.tags.length > 0 && /* @__PURE__ */ v("div", {
+													e.tags && e.tags.length > 0 && /* @__PURE__ */ y("div", {
 														className: "flex gap-1 mt-1 flex-wrap",
-														children: e.tags.map((e) => /* @__PURE__ */ v("span", {
+														children: e.tags.map((e) => /* @__PURE__ */ y("span", {
 															className: "inline-flex px-1.5 py-0.5 text-xs bg-bg-sunken text-text-muted rounded",
 															children: e
 														}, e))
 													})
 												]
-											}), /* @__PURE__ */ y("div", {
+											}), /* @__PURE__ */ b("div", {
 												className: "flex flex-wrap items-center gap-2 flex-shrink-0 sm:ml-3",
 												children: [
-													e.hasUI && /* @__PURE__ */ y(b, {
+													e.hasUI && /* @__PURE__ */ b(x, {
 														type: "button",
 														variant: "outline",
 														size: "sm",
-														onClick: () => $n("ui-plugins"),
+														onClick: () => K("ui-plugins"),
 														title: `Open ${e.pluginName} UI`,
-														children: [/* @__PURE__ */ v(vt, {
+														children: [/* @__PURE__ */ y(yt, {
 															className: "size-3",
 															"aria-hidden": "true"
 														}), "Open UI"]
 													}),
-													!e.isCore && /* @__PURE__ */ y(b, {
+													!e.isCore && /* @__PURE__ */ b(x, {
 														type: "button",
 														variant: "outline",
 														size: "sm",
-														onClick: () => mr(e.packageName),
-														disabled: V === e.packageName,
-														title: C("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
-														children: [V === e.packageName ? /* @__PURE__ */ v(f, {
+														onClick: () => Sr(e.packageName),
+														disabled: H === e.packageName,
+														title: T("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
+														children: [H === e.packageName ? /* @__PURE__ */ y(f, {
 															className: "size-3 animate-spin",
 															"aria-hidden": "true"
-														}) : /* @__PURE__ */ v(tt, {
+														}) : /* @__PURE__ */ y(nt, {
 															className: "size-3",
 															"aria-hidden": "true"
-														}), C("agentDetails.update", "Update")]
+														}), T("agentDetails.update", "Update")]
 													}),
-													!e.isCore && /* @__PURE__ */ v(Lt, {
+													!e.isCore && /* @__PURE__ */ y(Lt, {
 														permission: a.AGENT_UPDATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ y(b, {
+														children: /* @__PURE__ */ b(x, {
 															type: "button",
 															variant: "outline",
 															size: "sm",
-															onClick: () => fr(e.packageName),
-															disabled: V === e.packageName,
+															onClick: () => br(e.packageName),
+															disabled: H === e.packageName,
 															className: "text-status-error-text hover:bg-status-error-bg-subtle hover:text-status-error-text",
-															children: [V === e.packageName ? /* @__PURE__ */ v(f, {
+															children: [H === e.packageName ? /* @__PURE__ */ y(f, {
 																className: "size-3 animate-spin",
 																"aria-hidden": "true"
-															}) : /* @__PURE__ */ v(Dt, {
+															}) : /* @__PURE__ */ y(Dt, {
 																className: "size-3",
 																"aria-hidden": "true"
-															}), C("sessions.remove", "Remove")]
+															}), T("sessions.remove", "Remove")]
 														})
 													})
 												]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ v("p", {
+									}) : /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-muted",
 										children: q ? "No installed plugins match your search." : "No plugin data available. Check agent connectivity or refresh."
 									}) }),
-									K === "available" && /* @__PURE__ */ v(_, { children: n.length > 0 ? /* @__PURE__ */ v("div", {
+									G === "available" && /* @__PURE__ */ y(v, { children: n.length > 0 ? /* @__PURE__ */ y("div", {
 										className: "space-y-2",
-										children: n.map((e) => /* @__PURE__ */ y("div", {
+										children: n.map((e) => /* @__PURE__ */ b("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ y("div", {
+											children: [/* @__PURE__ */ b("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ v("p", {
+													/* @__PURE__ */ y("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: e.name
 													}),
-													/* @__PURE__ */ v("p", {
+													/* @__PURE__ */ y("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ v("p", {
+													/* @__PURE__ */ y("p", {
 														className: "text-xs text-text-muted font-mono mt-0.5",
 														children: e.packageName
 													})
 												]
-											}), /* @__PURE__ */ y(b, {
+											}), /* @__PURE__ */ b(x, {
 												type: "button",
 												size: "sm",
-												onClick: () => dr(e.packageName),
-												disabled: V === e.packageName,
+												onClick: () => yr(e.packageName),
+												disabled: H === e.packageName,
 												className: "flex-shrink-0 sm:ml-3",
-												children: [V === e.packageName ? /* @__PURE__ */ v(f, {
+												children: [H === e.packageName ? /* @__PURE__ */ y(f, {
 													className: "size-3 animate-spin",
 													"aria-hidden": "true"
-												}) : /* @__PURE__ */ v(ut, {
+												}) : /* @__PURE__ */ y(dt, {
 													className: "size-3",
 													"aria-hidden": "true"
 												}), "Install"]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ v("p", {
+									}) : /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-muted",
-										children: q ? "No available plugins match your search." : Nn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
+										children: q ? "No available plugins match your search." : Bn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
 									}) }),
-									K === "store" && /* @__PURE__ */ y(_, { children: [ir && /* @__PURE__ */ y("div", {
+									G === "store" && /* @__PURE__ */ b(v, { children: [fr && /* @__PURE__ */ b("div", {
 										role: "alert",
 										className: "flex items-center gap-2 p-3 bg-status-error-bg-subtle border border-status-error-border text-status-error-text rounded-md text-sm",
-										children: [/* @__PURE__ */ v(At, {
+										children: [/* @__PURE__ */ y(At, {
 											className: "size-4 flex-shrink-0",
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ v("span", {
+										}), /* @__PURE__ */ y("span", {
 											className: "flex-1 min-w-0 break-words",
-											children: ir
+											children: fr
 										})]
-									}), nr ? /* @__PURE__ */ v("p", {
+									}), ur ? /* @__PURE__ */ y("p", {
 										role: "status",
 										className: "text-sm text-text-muted",
 										children: "Loading purchased plugins…"
-									}) : J.length === 0 ? /* @__PURE__ */ y("div", {
+									}) : J.length === 0 ? /* @__PURE__ */ b("div", {
 										className: "py-8 text-center",
-										children: [/* @__PURE__ */ v("p", {
+										children: [/* @__PURE__ */ y("p", {
 											className: "text-sm text-text-muted",
 											children: "No plugins purchased from the Burdenoff store yet."
-										}), /* @__PURE__ */ v("a", {
+										}), /* @__PURE__ */ y("a", {
 											href: "/store/marketplace",
 											className: "mt-2 inline-flex items-center gap-1 text-xs font-semibold text-text-link hover:underline",
 											children: "Browse the store →"
 										})]
-									}) : /* @__PURE__ */ v("div", {
+									}) : /* @__PURE__ */ y("div", {
 										className: "space-y-2",
 										children: J.map((e) => {
-											let t = (e.product?.manifest ?? {}).digital?.install, n = typeof t?.packageName == "string" ? t.packageName : null, r = B.some((e) => e.packageName === n);
-											return /* @__PURE__ */ y("div", {
+											let t = (e.product?.manifest ?? {}).digital?.install, n = typeof t?.packageName == "string" ? t.packageName : null, r = V.some((e) => e.packageName === n);
+											return /* @__PURE__ */ b("div", {
 												className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-												children: [/* @__PURE__ */ y("div", {
+												children: [/* @__PURE__ */ b("div", {
 													className: "flex items-start gap-3 min-w-0 flex-1",
-													children: [e.product?.icon ? /* @__PURE__ */ v("img", {
+													children: [e.product?.icon ? /* @__PURE__ */ y("img", {
 														src: e.product.icon,
 														alt: "",
 														className: "size-10 rounded-md object-cover flex-shrink-0"
-													}) : /* @__PURE__ */ v("div", {
+													}) : /* @__PURE__ */ y("div", {
 														className: "size-10 flex-shrink-0 rounded-md bg-bg-sunken flex items-center justify-center",
-														children: /* @__PURE__ */ v(p, {
+														children: /* @__PURE__ */ y(p, {
 															className: "size-5 text-text-muted",
 															"aria-hidden": "true"
 														})
-													}), /* @__PURE__ */ y("div", {
+													}), /* @__PURE__ */ b("div", {
 														className: "min-w-0 flex-1",
 														children: [
-															/* @__PURE__ */ y("div", {
+															/* @__PURE__ */ b("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ v("h4", {
+																children: [/* @__PURE__ */ y("h4", {
 																	className: "text-sm font-semibold text-text-primary truncate",
 																	children: e.product?.name ?? "Unknown"
-																}), e.licenseKey && /* @__PURE__ */ v("span", {
+																}), e.licenseKey && /* @__PURE__ */ y("span", {
 																	className: "text-xs bg-status-success-bg-subtle text-status-success-text px-1.5 py-0.5 rounded-full",
 																	children: "Licensed"
 																})]
 															}),
-															n && /* @__PURE__ */ v("p", {
+															n && /* @__PURE__ */ y("p", {
 																className: "text-xs text-text-muted font-mono truncate",
 																children: n
 															}),
-															e.product?.description && /* @__PURE__ */ v("p", {
+															e.product?.description && /* @__PURE__ */ y("p", {
 																className: "text-xs text-text-secondary line-clamp-2 mt-1",
 																children: e.product.description
 															})
 														]
 													})]
-												}), /* @__PURE__ */ v(b, {
+												}), /* @__PURE__ */ y(x, {
 													type: "button",
 													size: "sm",
-													onClick: () => void _r(e.productId, e.licenseKey),
+													onClick: () => void Tr(e.productId, e.licenseKey),
 													disabled: r || Y === e.productId || !n,
 													"aria-busy": Y === e.productId,
 													className: "flex-shrink-0",
@@ -1545,8 +1571,8 @@ function x() {
 											}, e.id);
 										})
 									})] }),
-									K === "ui-plugins" && /* @__PURE__ */ v(_, { children: r.length > 0 || j?.tunnelUrl ? /* @__PURE__ */ v(Ge, {
-										availablePlugins: [...j?.tunnelUrl ? [{
+									G === "ui-plugins" && /* @__PURE__ */ y(v, { children: r.length > 0 || M?.tunnelUrl ? /* @__PURE__ */ y(Ge, {
+										availablePlugins: [...M?.tunnelUrl ? [{
 											pluginName: "code-server",
 											displayName: "Code Server (VS Code)",
 											description: "Browser-based VS Code editor",
@@ -1558,17 +1584,17 @@ function x() {
 											description: e.description,
 											version: e.version
 										}))],
-										tunnelUrl: j?.tunnelUrl || null,
-										agentId: j?.id ?? null,
-										profile: F
-									}) : /* @__PURE__ */ v("p", {
+										tunnelUrl: M?.tunnelUrl || null,
+										agentId: M?.id ?? null,
+										profile: I
+									}) : /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-muted",
 										children: q ? "No UI plugins match your search." : "No plugins with UI are currently installed."
 									}) }),
-									Fn && B.length === 0 && /* @__PURE__ */ y("div", {
+									Hn && V.length === 0 && /* @__PURE__ */ b("div", {
 										role: "status",
 										className: "flex items-center gap-2 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ v(f, {
+										children: [/* @__PURE__ */ y(f, {
 											className: "size-4 animate-spin",
 											"aria-hidden": "true"
 										}), "Loading plugins..."]
@@ -1577,144 +1603,144 @@ function x() {
 							})] })
 						});
 					})(),
-					R === "sessions" && /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ y("div", {
+					z === "sessions" && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ b("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between gap-3 flex-wrap",
-						children: [/* @__PURE__ */ y("h3", {
+						children: [/* @__PURE__ */ b("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ v(h, { className: "size-5" }),
-								C("nav.sessions", "Sessions"),
+								/* @__PURE__ */ y(g, { className: "size-5" }),
+								T("nav.sessions", "Sessions"),
 								" (",
 								Z.length,
 								")"
 							]
-						}), /* @__PURE__ */ v(Lt, {
+						}), /* @__PURE__ */ y(Lt, {
 							permission: a.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ y(b, {
+							children: /* @__PURE__ */ b(x, {
 								type: "button",
 								size: "sm",
 								"data-testid": "create-session-btn",
-								onClick: jr,
-								children: [/* @__PURE__ */ v(bt, {
+								onClick: Br,
+								children: [/* @__PURE__ */ y(xt, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), C("sessions.createSession", "Create Session")]
+								}), T("sessions.createSession", "Create Session")]
 							})
 						})]
-					}), Z.length > 0 ? /* @__PURE__ */ v("div", {
+					}), Z.length > 0 ? /* @__PURE__ */ y("div", {
 						className: "divide-y divide-border-default",
-						children: Z.map((e) => /* @__PURE__ */ y("div", {
+						children: Z.map((e) => /* @__PURE__ */ b("div", {
 							role: "button",
 							tabIndex: 0,
 							onKeyDown: (t) => {
-								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Ar(e.id));
+								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), zr(e.id));
 							},
-							onClick: () => Ar(e.id),
+							onClick: () => zr(e.id),
 							className: "p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 cursor-pointer hover:bg-bg-sunken/50 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-inset",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-3 min-w-0",
-								children: [/* @__PURE__ */ v(h, {
+								children: [/* @__PURE__ */ y(g, {
 									className: "size-5 text-text-secondary flex-shrink-0",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary truncate",
 										children: e.name
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary truncate",
 										children: e.type
 									})]
 								})]
-							}), /* @__PURE__ */ v(we, { status: e.status })]
+							}), /* @__PURE__ */ y(Te, { status: e.status })]
 						}, e.id))
-					}) : /* @__PURE__ */ y("div", {
+					}) : /* @__PURE__ */ b("div", {
 						className: "p-6 text-center text-text-secondary flex flex-col items-center gap-3",
-						children: [/* @__PURE__ */ v("span", { children: C("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ v(Lt, {
+						children: [/* @__PURE__ */ y("span", { children: T("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ y(Lt, {
 							permission: a.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ y(b, {
+							children: /* @__PURE__ */ b(x, {
 								type: "button",
 								size: "sm",
 								"data-testid": "create-session-empty-btn",
-								onClick: jr,
-								children: [/* @__PURE__ */ v(bt, {
+								onClick: Br,
+								children: [/* @__PURE__ */ y(xt, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), C("sessions.createSession", "Create Session")]
+								}), T("sessions.createSession", "Create Session")]
 							})
 						})]
 					})] }),
-					R === "connection" && /* @__PURE__ */ v(i, {
+					z === "connection" && /* @__PURE__ */ y(i, {
 						className: "min-h-[60vh]",
-						children: /* @__PURE__ */ v(Pe, {
-							agentId: j.id,
-							agentName: j.name
+						children: /* @__PURE__ */ y(Fe, {
+							agentId: M.id,
+							agentName: M.name
 						})
 					}),
-					R === "logs" && /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+					z === "logs" && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between",
-						children: /* @__PURE__ */ y("h3", {
+						children: /* @__PURE__ */ b("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ v(St, { className: "size-5" }), C("nav.logs", "Logs")]
+							children: [/* @__PURE__ */ y(St, { className: "size-5" }), T("nav.logs", "Logs")]
 						})
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ v(Je, {
-							agentId: j.id,
-							profile: F,
+						children: /* @__PURE__ */ y(Je, {
+							agentId: M.id,
+							profile: I,
 							className: "min-h-[28rem]"
 						})
 					})] }),
-					R === "vibes" && /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v("div", {
+					z === "vibes" && /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between",
-						children: /* @__PURE__ */ y("h3", {
+						children: /* @__PURE__ */ b("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ v(g, { className: "size-5" }),
-								C("nav.vibes", "Vibes"),
+								/* @__PURE__ */ y(_, { className: "size-5" }),
+								T("nav.vibes", "Vibes"),
 								" (",
 								Q.length,
 								")"
 							]
 						})
-					}), Q.length > 0 ? /* @__PURE__ */ v("div", {
+					}), Q.length > 0 ? /* @__PURE__ */ y("div", {
 						className: "divide-y divide-border-default",
-						children: Q.map((e) => /* @__PURE__ */ y("div", {
+						children: Q.map((e) => /* @__PURE__ */ b("div", {
 							role: "button",
 							tabIndex: 0,
 							onKeyDown: (t) => {
-								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Mr(e.id));
+								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Vr(e.id));
 							},
-							onClick: () => Mr(e.id),
+							onClick: () => Vr(e.id),
 							className: "p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 cursor-pointer hover:bg-bg-sunken/50 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-inset",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-3 min-w-0",
-								children: [/* @__PURE__ */ v(g, {
+								children: [/* @__PURE__ */ y(_, {
 									className: "size-5 text-text-secondary flex-shrink-0",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary truncate",
 										children: e.name
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary truncate",
 										children: e.type
 									})]
 								})]
-							}), /* @__PURE__ */ v(we, { status: e.status })]
+							}), /* @__PURE__ */ y(Te, { status: e.status })]
 						}, e.id))
-					}) : /* @__PURE__ */ v("div", {
+					}) : /* @__PURE__ */ y("div", {
 						className: "p-6 text-center text-text-secondary",
-						children: C("agentDetails.noVibesUsingAgent", "No vibes using this agent")
+						children: T("agentDetails.noVibesUsingAgent", "No vibes using this agent")
 					})] }),
-					R === "notes" && /* @__PURE__ */ v("div", {
+					z === "notes" && /* @__PURE__ */ y("div", {
 						className: "space-y-6",
-						children: /* @__PURE__ */ v(Xe, {
+						children: /* @__PURE__ */ y(Xe, {
 							context: "agent",
 							agentVibes: Q.map((e) => ({
 								id: e.id,
@@ -1722,48 +1748,48 @@ function x() {
 							}))
 						})
 					}),
-					R === "aliases" && /* @__PURE__ */ v("div", {
+					z === "aliases" && /* @__PURE__ */ y("div", {
 						className: "space-y-6",
-						children: /* @__PURE__ */ v(Re, { agent: {
-							id: j.id,
-							profile: j.metadata?.profile ?? "default"
+						children: /* @__PURE__ */ y(ze, { agent: {
+							id: M.id,
+							profile: M.metadata?.profile ?? "default"
 						} })
 					}),
-					R === "backup" && j.tunnelUrl && /* @__PURE__ */ v(Ne, {
-						agentId: j.id,
-						profile: F
+					z === "backup" && M.tunnelUrl && /* @__PURE__ */ y(Pe, {
+						agentId: M.id,
+						profile: I
 					}),
-					R === "backup" && !j.tunnelUrl && /* @__PURE__ */ y(i, {
+					z === "backup" && !M.tunnelUrl && /* @__PURE__ */ b(i, {
 						className: "p-6 text-center text-text-secondary",
 						children: [
-							/* @__PURE__ */ v(lt, {
+							/* @__PURE__ */ y(ut, {
 								className: "size-8 mx-auto mb-2 text-text-muted",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ v("p", { children: C("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
-							/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ y("p", { children: T("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
+							/* @__PURE__ */ y("p", {
 								className: "text-sm mt-1",
-								children: C("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
+								children: T("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
 							})
 						]
 					}),
-					R === "maintenance" && /* @__PURE__ */ v(Fe, {
-						agentId: j.id,
-						agentVersion: j.version,
-						onAfterDestructiveNuke: Sr
+					z === "maintenance" && /* @__PURE__ */ y(Ie, {
+						agentId: M.id,
+						agentVersion: M.version,
+						onAfterDestructiveNuke: Ar
 					}),
-					I && (() => {
-						let e = L.data.find((e) => e.contribution.id === R);
-						return !e || !j ? null : /* @__PURE__ */ v("div", {
+					L && (() => {
+						let e = R.data.find((e) => e.contribution.id === z);
+						return !e || !M ? null : /* @__PURE__ */ y("div", {
 							className: "space-y-6",
-							children: /* @__PURE__ */ v(i, { children: /* @__PURE__ */ v("div", {
+							children: /* @__PURE__ */ y(i, { children: /* @__PURE__ */ y("div", {
 								className: "p-0 h-[70vh] max-h-[40rem] min-h-[20rem]",
-								children: /* @__PURE__ */ v(et, {
+								children: /* @__PURE__ */ y(et, {
 									contribution: e,
 									tunnel: e.tunnel,
 									restPaths: e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`],
-									context: { agentId: j.id },
-									agentId: j.id,
+									context: { agentId: M.id },
+									agentId: M.id,
 									profile: e.tunnel.profile,
 									theme: {
 										colorMode: "light",
@@ -1778,130 +1804,147 @@ function x() {
 					})()
 				]
 			}),
-			I && j && /* @__PURE__ */ v($e, {
-				isOpen: Dn,
-				onClose: () => On(!1),
+			L && M && /* @__PURE__ */ y($e, {
+				isOpen: Pn,
+				onClose: () => Fn(!1),
 				mountPoint: "agent.detailTab",
-				agentId: j.id,
-				profile: F ?? "default",
+				agentId: M.id,
+				profile: I ?? "default",
 				onInstalled: () => {
-					L.refetch();
+					R.refetch();
 				}
 			}),
-			/* @__PURE__ */ v(Ue, {
+			/* @__PURE__ */ y(Ue, {
 				agent: {
-					id: j.id,
-					name: j.name,
-					platform: j.platform,
-					architecture: j.architecture,
-					version: j.version,
-					tunnelUrl: j.tunnelUrl,
-					aiContext: j.aiContext,
-					metadata: j.metadata
+					id: M.id,
+					name: M.name,
+					platform: M.platform,
+					architecture: M.architecture,
+					version: M.version,
+					tunnelUrl: M.tunnelUrl,
+					aiContext: M.aiContext,
+					metadata: M.metadata
 				},
-				isOpen: en,
-				onClose: () => tn(!1),
-				onSaved: () => ze.success(C("agentDetails.configurationUpdated", "Agent configuration updated successfully"))
+				isOpen: $t,
+				onClose: () => en(!1),
+				onSaved: () => o.success(T("agentDetails.configurationUpdated", "Agent configuration updated successfully"))
 			}),
-			/* @__PURE__ */ v(We, {
-				agentId: j.id,
-				agentName: j.name,
-				probe: N.get(j.id),
-				isOpen: vn,
-				onClose: () => yn(!1),
-				onCreated: () => ze.success(C("sessions.createdSuccess", "Session created successfully")),
+			/* @__PURE__ */ y(We, {
+				agentId: M.id,
+				agentName: M.name,
+				probe: P.get(M.id),
+				isOpen: Tn,
+				onClose: () => En(!1),
+				onCreated: () => o.success(T("sessions.createdSuccess", "Session created successfully")),
 				onQuotaExhausted: () => {
-					yn(!1), he(), Zn("session"), G(!0);
+					En(!1), ge(), or("session"), ir(!0);
 				}
 			}),
-			/* @__PURE__ */ v(de, {
-				isOpen: Rn !== null,
-				onClose: () => zn(null),
+			/* @__PURE__ */ y(fe, {
+				isOpen: Gn !== null,
+				onClose: () => Kn(null),
 				onConfirm: () => {
-					let e = Rn;
-					zn(null), e && pr(e);
+					let e = Gn;
+					Kn(null), e && xr(e);
 				},
-				title: C("agentDetails.removePluginTitle", "Remove plugin"),
-				message: C("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: Rn ?? "" }),
-				confirmLabel: C("sessions.remove", "Remove"),
+				title: T("agentDetails.removePluginTitle", "Remove plugin"),
+				message: T("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: Gn ?? "" }),
+				confirmLabel: T("sessions.remove", "Remove"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ v(De, {
-				isOpen: Bn !== null,
-				onClose: () => Vn(null),
+			/* @__PURE__ */ y(Oe, {
+				isOpen: qn !== null,
+				onClose: () => Jn(null),
 				onSubmit: (e) => {
-					let t = Bn;
-					Vn(null), t && hr(t, e || void 0);
+					let t = qn;
+					Jn(null), t && Cr(t, e || void 0);
 				},
-				title: C("agentDetails.updatePluginTitle", "Update plugin"),
-				description: C("agentDetails.updatePluginPrompt", "Update {{packageName}} to which version? Leave blank for latest.", { packageName: Bn ?? "" }),
-				label: C("agentDetails.updatePluginVersionLabel", "Version"),
-				placeholder: C("agentDetails.updatePluginVersionPlaceholder", "latest"),
-				confirmLabel: C("agentDetails.update", "Update")
+				title: T("agentDetails.updatePluginTitle", "Update plugin"),
+				description: T("agentDetails.updatePluginPrompt", "Update {{packageName}} to which version? Leave blank for latest.", { packageName: qn ?? "" }),
+				label: T("agentDetails.updatePluginVersionLabel", "Version"),
+				placeholder: T("agentDetails.updatePluginVersionPlaceholder", "latest"),
+				confirmLabel: T("agentDetails.update", "Update")
 			}),
-			/* @__PURE__ */ v(fe, {
-				isOpen: Yn,
-				onClose: () => G(!1),
+			/* @__PURE__ */ y(pe, {
+				isOpen: rr,
+				onClose: () => ir(!1),
 				onConfirm: () => {
-					G(!1), S("/billing/plans");
+					ir(!1), w("/billing/plans");
 				},
-				title: pe(Xn).title,
-				message: pe(Xn).message
+				title: me(ar).title,
+				message: me(ar).message
 			}),
-			/* @__PURE__ */ v(de, {
-				isOpen: Hn,
+			/* @__PURE__ */ y(fe, {
+				isOpen: Yn,
 				onClose: () => {
-					W || Un(!1);
+					tr || Xn(!1);
 				},
-				onConfirm: kr,
-				title: C("agentDetails.removeAgentTitle", "Remove agent"),
-				message: C("agentDetails.removeAgentMessage", "Remove “{{name}}” from this workspace.", { name: j.name }),
-				confirmLabel: C("sessions.remove", "Remove"),
+				onConfirm: Rr,
+				title: T("agentDetails.removeAgentTitle", "Remove agent"),
+				message: T("agentDetails.removeAgentMessage", "Remove “{{name}}” from this workspace.", { name: M.name }),
+				confirmLabel: T("sessions.remove", "Remove"),
 				variant: "danger",
-				isLoading: W,
-				children: /* @__PURE__ */ y("div", {
+				isLoading: tr,
+				children: /* @__PURE__ */ b("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ y("label", {
+					children: [/* @__PURE__ */ b("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ v(Nt, {
-							checked: Wn,
-							disabled: W,
-							onCheckedChange: (e) => Gn(e === !0),
+						children: [/* @__PURE__ */ y(Nt, {
+							checked: Zn,
+							disabled: tr,
+							onCheckedChange: (e) => Qn(e === !0),
 							className: "mt-0.5"
-						}), /* @__PURE__ */ y("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ v("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "block text-sm font-medium text-text-primary",
-								children: C("agentDetails.uninstallFromTarget", "Uninstall agent from the target")
-							}), /* @__PURE__ */ v("span", {
+								children: T("agentDetails.uninstallFromTarget", "Uninstall agent from the target")
+							}), /* @__PURE__ */ y("span", {
 								className: "block text-xs text-text-secondary mt-0.5",
-								children: C("agentDetails.uninstallFromTargetDesc", "Also wipe all agent state + VibeControls plugins and uninstall the agent from the host machine. This cannot be undone.")
+								children: T("agentDetails.uninstallFromTargetDesc", "Also wipe all agent state + VibeControls plugins and uninstall the agent from the host machine. This cannot be undone.")
 							})]
 						})]
-					}), /* @__PURE__ */ y("label", {
+					}), /* @__PURE__ */ b("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ v(Nt, {
-							checked: Kn,
-							disabled: W,
-							onCheckedChange: (e) => qn(e === !0),
+						children: [/* @__PURE__ */ y(Nt, {
+							checked: $n,
+							disabled: tr,
+							onCheckedChange: (e) => er(e === !0),
 							className: "mt-0.5"
-						}), /* @__PURE__ */ y("span", {
+						}), /* @__PURE__ */ b("span", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ v("span", {
+							children: [/* @__PURE__ */ y("span", {
 								className: "block text-sm font-medium text-text-primary",
-								children: C("agentDetails.deleteTarget", "Delete the mapped target")
-							}), /* @__PURE__ */ v("span", {
+								children: T("agentDetails.deleteTarget", "Delete the mapped target")
+							}), /* @__PURE__ */ y("span", {
 								className: "block text-xs text-text-secondary mt-0.5",
-								children: C("agentDetails.deleteTargetDesc", "Also delete the target this agent is mapped to. Any other agents on the same target are removed too. This cannot be undone.")
+								children: T("agentDetails.deleteTargetDesc", "Also delete the target this agent is mapped to. Any other agents on the same target are removed too. This cannot be undone.")
 							})]
 						})]
 					})]
 				})
+			}),
+			/* @__PURE__ */ y(fe, {
+				isOpen: yn,
+				onClose: () => {
+					xn || bn(!1);
+				},
+				onConfirm: Ir,
+				title: T("agentDetails.rotateApiKeyTitle", "Rotate agent API key"),
+				message: T("agentDetails.rotateApiKeyMessage", "Mint a new API key for “{{name}}” and push it to the agent. The current key stops working immediately — update any scripts or CLI configs that use it.", { name: M.name }),
+				confirmLabel: T("agentDetails.rotateApiKey", "Rotate API key"),
+				variant: "danger",
+				isLoading: xn,
+				children: Cn ? /* @__PURE__ */ y("p", {
+					className: "text-sm text-status-danger-text",
+					role: "alert",
+					children: Cn
+				}) : null
 			})
 		]
 	});
 }
 //#endregion
-export { x as AgentDetailsPage };
+export { C as AgentDetailsPage };
 
 //# sourceMappingURL=AgentDetailsPage.js.map