@burdenoff/microfe-vibecontrols 2026.625.3 → 2026.626.2

package/dist/pages/AgentDetailsPage.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 Ct, Settings as wt, Shield as Tt, Square as Et, Tag as Dt, Terminal as m, Trash2 as Ot, Users as kt, Wrench as At, X as jt, Zap as h } from "lucide-react";
-import { useParams as Mt } from "react-router-dom";
-import { usePermissions as Nt } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, Checkbox as Pt } from "@burdenoff/fe-libs/ui";
-import { useFeatureFlagDetails as Ft } from "@burdenoff/fe-libs/shared/feature-flags";
-import { PermissionButton as It } from "@burdenoff/fe-libs/shared/components";
-import { Tabs as Lt } from "@burdenoff/fe-libs/chrome";
-import { MotionPage as b } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as Rt } from "@burdenoff/fe-libs/shared/plugins";
+import { useCallback as o, useEffect as s, useMemo as tt, useRef as nt, useState as c } from "react";
+import { ArrowLeft as l, ArrowUpCircle as rt, Bot as it, Check as at, CheckCircle2 as ot, Clock as st, Command as ct, Copy as lt, Cpu as ut, Database as dt, Download as ft, Edit3 as pt, Eye as mt, EyeOff as ht, FileText as gt, HardDrive as _t, Info as vt, Key as yt, Loader2 as u, Monitor as bt, Play as xt, Plus as St, Puzzle as d, RefreshCw as Ct, ScrollText as wt, Server as f, Settings as Tt, Shield as Et, Square as Dt, Tag as Ot, Terminal as p, Trash2 as kt, Users as At, Wrench as jt, X as Mt, Zap as m } from "lucide-react";
+import { useParams as Nt } from "react-router-dom";
+import { usePermissions as Pt } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, Checkbox as Ft, NextSteps as It, PagePurpose as Lt } from "@burdenoff/fe-libs/ui";
+import { useFeatureFlagDetails as Rt } from "@burdenoff/fe-libs/shared/feature-flags";
+import { PermissionButton as zt } from "@burdenoff/fe-libs/shared/components";
+import { Tabs as Bt } from "@burdenoff/fe-libs/chrome";
+import { MotionPage as y } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as Vt } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/AgentDetailsPage.tsx
-var zt = [
+var Ht = [
 	"overview",
 	"profiles",
 	"security",
@@ -71,8 +71,8 @@ var zt = [
 	"backup",
 	"maintenance"
 ];
-function x() {
-	let { id: x } = Mt(), { basePath: Bt } = ge(), Vt = Bt || "", S = _e(), { hasPermission: Ht, isLoading: Ut, permissions: Wt } = Nt(), C = ue(), [Gt] = oe({ refetchQueries: ["GetAgent"] }), [Kt] = r({
+function b() {
+	let { id: b } = Nt(), { basePath: Ut } = ge(), Wt = Ut || "", x = _e(), { hasPermission: Gt, isLoading: Kt, permissions: qt } = Pt(), S = ue(), [Jt] = oe({ refetchQueries: ["GetAgent"] }), [Yt] = r({
 		refetchQueries: ["ListAgents", "VibeControlsInitialData"],
 		awaitRefetchQueries: !0,
 		update(e, t, { variables: n }) {
@@ -82,37 +82,37 @@ function x() {
 				id: r
 			}) }), e.gc());
 		}
-	}), [qt] = n({ refetchQueries: ["GetAgent"] }), [Jt] = ie(), [Yt] = ae(), [w, Xt] = u(null), Zt = ve((e) => e.setActiveAgentId);
+	}), [Xt] = n({ refetchQueries: ["GetAgent"] }), [Zt] = ie(), [Qt] = ae(), [C, $t] = c(null), en = ve((e) => e.setActiveAgentId);
 	s(() => {
-		x && Zt(x);
-	}, [x, Zt]);
-	let [Qt, $t] = u(!1), [en, T] = u(!1), [tn, nn] = u(""), [E, rn] = u(!1), [an, D] = u(null), on = l(null), [O, sn] = u(!1), [cn, ln] = u(!1), [k, un] = u(null), [dn, fn] = u(!1), [pn, mn] = u(null), [hn] = t({ fetchPolicy: "network-only" }), [gn, _n] = u(!1), { data: vn, loading: yn, error: bn, refetch: A } = ee({
-		variables: { id: x || "" },
-		skip: !x,
+		b && en(b);
+	}, [b, en]);
+	let [tn, nn] = c(!1), [rn, w] = c(!1), [T, an] = c(""), [E, on] = c(!1), [sn, D] = c(null), cn = nt(null), [O, ln] = c(!1), [un, dn] = c(!1), [k, fn] = c(null), [pn, mn] = c(!1), [hn, gn] = c(null), [_n] = t({ fetchPolicy: "network-only" }), [vn, yn] = c(!1), { data: bn, loading: xn, error: Sn, refetch: A } = ee({
+		variables: { id: b || "" },
+		skip: !b,
 		fetchPolicy: "cache-and-network"
-	}), j = vn?.vibecontrolsAgent, M = le({
+	}), j = bn?.vibecontrolsAgent, M = le({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
-		skip: !x,
+		skip: !b,
 		pollInterval: 3e4
-	}), { data: xn } = ce({ skip: !x }), Sn = M.data === void 0 && xn === void 0, N = c(() => {
-		let e = /* @__PURE__ */ new Map(), t = xn?.vibecontrolsAgentHealthProbeStream ?? M.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), { data: Cn } = ce({ skip: !b }), wn = M.data === void 0 && Cn === void 0, N = tt(() => {
+		let e = /* @__PURE__ */ new Map(), t = Cn?.vibecontrolsAgentHealthProbeStream ?? M.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
 			healthy: n.healthy,
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [M.data, xn]), P = c(() => j ? qe({
+	}, [M.data, Cn]), P = tt(() => j ? qe({
 		id: j.id,
 		isActive: j.isActive,
 		metadata: j.metadata
-	}, N, { probesLoading: Sn }) : "REGISTERING", [
+	}, N, { probesLoading: wn }) : "REGISTERING", [
 		j,
 		N,
-		Sn
-	]), Cn = P === "STOPPED" || P === "OFFLINE", { active: F } = Oe(j?.id ?? null), I = Ft("vibes.tabs.iframe-host")?.value === !0, wn = c(() => {
+		wn
+	]), Tn = P === "STOPPED" || P === "OFFLINE", { active: F } = Oe(j?.id ?? null), I = Rt("vibes.tabs.iframe-host")?.value === !0, En = tt(() => {
 		if (!I || !j?.tunnelUrl) return [];
 		let e = j.id, t = F ?? "default";
 		return [{
@@ -127,33 +127,33 @@ function x() {
 		j?.tunnelUrl,
 		j?.name,
 		F
-	]), L = Rt(wn, {
+	]), L = Vt(En, {
 		mountPoint: "agent.detailTab",
-		enabled: I && wn.length > 0
-	}), [R, Tn] = Ze(c(() => {
+		enabled: I && En.length > 0
+	}), [R, z] = Ze(tt(() => {
 		let e = L.data.filter((e) => e.contribution.mountPoint === "agent.detailTab").map((e) => e.contribution.id);
-		return [...zt, ...e];
-	}, [L.data]), "overview"), [En, Dn] = u(!1), On = l(!1);
+		return [...Ht, ...e];
+	}, [L.data]), "overview"), [Dn, On] = c(!1), kn = nt(!1);
 	s(() => {
-		j && !On.current && (On.current = !0, qt().catch(() => {}));
-	}, [j, qt]);
-	let [kn] = re(), An = l(!1);
+		j && !kn.current && (kn.current = !0, Xt().catch(() => {}));
+	}, [j, Xt]);
+	let [An] = re(), jn = nt(!1);
 	s(() => {
-		if (!j || An.current) return;
+		if (!j || jn.current) return;
 		let e = !!(j.appId && j.appClientId), t = !!j.tunnelUrl;
-		!e || !t || (An.current = !0, kn({ variables: { input: { agentId: j.id } } }).then(() => {
+		!e || !t || (jn.current = !0, An({ variables: { input: { agentId: j.id } } }).then(() => {
 			A().catch(() => {});
 		}).catch(() => {}));
 	}, [
 		j,
-		kn,
+		An,
 		A
 	]);
-	let [z, jn] = u([]), [Mn, Nn] = u([]), [Pn, Fn] = u(!0), [B, V] = u(null), [In, H] = u(null), [Ln, Rn] = u(null), [zn, Bn] = u(null), [Vn, Hn] = u(!1), [Un, Wn] = u(!1), [Gn, Kn] = u(!1), [U, qn] = u(!1), [Jn, W] = u(!1), [Yn, Xn] = u("plugin"), Zn = l(null), [G, K] = u("installed"), [q, Qn] = u(""), [J, $n] = u([]), [er, tr] = u(!1), [nr, rr] = u(null), [Y, ir] = u(null), [ar] = e(), [or] = te(), [sr] = ne(), [cr] = se(), X = o(async () => {
+	let [B, Mn] = c([]), [Nn, Pn] = c([]), [Fn, In] = c(!0), [V, H] = c(null), [Ln, U] = c(null), [Rn, zn] = c(null), [Bn, Vn] = c(null), [Hn, Un] = c(!1), [Wn, Gn] = c(!1), [Kn, qn] = c(!1), [W, Jn] = c(!1), [Yn, G] = c(!1), [Xn, Zn] = c("plugin"), Qn = nt(null), [K, $n] = c("installed"), [q, er] = c(""), [J, tr] = c([]), [nr, rr] = c(!1), [ir, ar] = c(null), [Y, or] = c(null), [sr] = e(), [cr] = te(), [lr] = ne(), [ur] = se(), X = o(async () => {
 		if (j?.id) {
-			Fn(!0), H(null);
+			In(!0), U(null);
 			try {
-				let { data: e } = await ar({ variables: {
+				let { data: e } = await sr({ variables: {
 					agentId: j.id,
 					profile: F
 				} }), t = e?.agentPlugins;
@@ -183,102 +183,102 @@ function x() {
 						tags: [...e.tags],
 						installed: e.installed
 					}));
-					jn(e), Nn(n), t.error && H(t.error);
+					Mn(e), Pn(n), t.error && U(t.error);
 				}
 			} catch {
-				H("Agent unreachable — unable to fetch plugin list");
+				U("Agent unreachable — unable to fetch plugin list");
 			} finally {
-				Fn(!1);
+				In(!1);
 			}
 		}
 	}, [
 		j?.id,
-		ar,
+		sr,
 		F
 	]);
 	s(() => {
 		if (!j?.id) return;
 		let e = `${j.id}:${F}`;
-		Zn.current !== e && (Zn.current = e, X());
+		Qn.current !== e && (Qn.current = e, X());
 	}, [
 		j?.id,
 		F,
 		X
 	]);
-	let lr = o(async (e) => {
+	let dr = o(async (e) => {
 		if (j?.id) {
-			V(e);
+			H(e);
 			try {
-				let { data: t } = await or({ variables: {
+				let { data: t } = await cr({ variables: {
 					agentId: j.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 || S("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
 				if (me(e)) {
-					he(), Xn("plugin"), W(!0);
+					he(), Zn("plugin"), G(!0);
 					return;
 				}
-				H(e instanceof Error ? e.message : C("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => H(null), 5e3);
+				U(e instanceof Error ? e.message : S("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => U(null), 5e3);
 			} finally {
-				V(null);
+				H(null);
 			}
 		}
 	}, [
 		j?.id,
-		or,
+		cr,
 		X,
-		C
-	]), ur = o((e) => {
-		Rn(e);
-	}, []), dr = o(async (e) => {
+		S
+	]), fr = o((e) => {
+		zn(e);
+	}, []), pr = o(async (e) => {
 		if (j?.id) {
-			V(e);
+			H(e);
 			try {
-				let { data: t } = await sr({ variables: {
+				let { data: t } = await lr({ variables: {
 					agentId: j.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 || S("agentDetails.removeFailed", "Remove failed"));
 			} catch (e) {
-				H(e instanceof Error ? e.message : C("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => H(null), 5e3);
+				U(e instanceof Error ? e.message : S("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => U(null), 5e3);
 			} finally {
-				V(null);
+				H(null);
 			}
 		}
 	}, [
 		j?.id,
-		sr,
+		lr,
 		X,
-		C
-	]), fr = o((e) => {
-		Bn(e);
-	}, []), pr = o(async (e, t) => {
+		S
+	]), mr = o((e) => {
+		Vn(e);
+	}, []), hr = o(async (e, t) => {
 		if (j?.id) {
-			V(e);
+			H(e);
 			try {
-				let { data: n } = await cr({ variables: {
+				let { data: n } = await ur({ variables: {
 					agentId: j.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 || S("agentDetails.updateFailed", "Plugin update failed"));
 			} catch (e) {
-				H(e instanceof Error ? e.message : C("agentDetails.pluginUpdateFailed", "Failed to update plugin")), setTimeout(() => H(null), 5e3);
+				U(e instanceof Error ? e.message : S("agentDetails.pluginUpdateFailed", "Failed to update plugin")), setTimeout(() => U(null), 5e3);
 			} finally {
-				V(null);
+				H(null);
 			}
 		}
 	}, [
 		j?.id,
-		cr,
+		ur,
 		X,
-		C
-	]), Z = j?.sessions || [], Q = j?.vibes || [], mr = o(async () => {
-		tr(!0), rr(null);
+		S
+	]), Z = j?.sessions || [], Q = j?.vibes || [], gr = o(async () => {
+		rr(!0), ar(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");
-			$n((e.data?.myEntitlements ?? []).filter((e) => {
+			tr((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) {
-			rr(e instanceof Error ? e.message : "Failed to load store plugins");
+			ar(e instanceof Error ? e.message : "Failed to load store plugins");
 		} finally {
-			tr(!1);
+			rr(!1);
 		}
 	}, []);
 	s(() => {
-		G === "store" && J.length === 0 && !er && mr();
+		K === "store" && J.length === 0 && !nr && gr();
 	}, [
-		G,
+		K,
 		J.length,
-		er,
-		mr
+		nr,
+		gr
 	]);
-	let hr = o(async (e, t) => {
+	let _r = o(async (e, t) => {
 		if (j?.id) {
-			ir(e);
+			or(e);
 			try {
 				let n = await (await fetch(typeof window < "u" && window.__BURDENOFF_WSPACE_GATEWAY__ || "/workspaces/graphql", {
 					method: "POST",
@@ -327,11 +327,11 @@ 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(), K("installed");
+				await X(), $n("installed");
 			} catch (e) {
-				rr(e instanceof Error ? e.message : "Install failed");
+				ar(e instanceof Error ? e.message : "Install failed");
 			} finally {
-				ir(null);
+				or(null);
 			}
 		}
 	}, [j?.id, X]);
@@ -339,334 +339,334 @@ function x() {
 		if (typeof window > "u" || !j?.id) return;
 		let e = new URLSearchParams(window.location.search), t = e.get("install"), n = e.get("licenseKey");
 		if (t && t !== Y) {
-			K("store"), hr(t, n);
+			$n("store"), _r(t, n);
 			let e = new URL(window.location.href);
 			e.searchParams.delete("install"), e.searchParams.delete("licenseKey"), window.history.replaceState({}, "", e.toString());
 		}
 	}, [
 		j?.id,
-		hr,
+		_r,
 		Y
 	]);
-	let gr = o(async () => {
+	let vr = o(async () => {
 		if (!j?.id) return null;
 		if (k) return k;
-		fn(!0), mn(null);
+		mn(!0), gn(null);
 		try {
-			let e = (await hn({ variables: { agentId: j.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
-			return e ? (un(e), e) : (mn("No API key configured"), null);
+			let e = (await _n({ variables: { agentId: j.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
+			return e ? (fn(e), e) : (gn("No API key configured"), null);
 		} catch (e) {
-			return mn(e instanceof Error ? e.message : "Reveal failed"), null;
+			return gn(e instanceof Error ? e.message : "Reveal failed"), null;
 		} finally {
-			fn(!1);
+			mn(!1);
 		}
 	}, [
 		j?.id,
 		k,
-		hn
+		_n
 	]);
-	if (Ut) return /* @__PURE__ */ _("div", {
+	if (Kt) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ _("p", {
+		children: /* @__PURE__ */ g("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions…"
 		})
 	});
-	if (Wt && (Wt.permissionStrings?.length ?? 0) > 0 && !Ht(Me.AGENT_READ)) return /* @__PURE__ */ _("div", {
+	if (qt && (qt.permissionStrings?.length ?? 0) > 0 && !Gt(Me.AGENT_READ)) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ _("h2", {
+			children: [/* @__PURE__ */ g("h2", {
 				className: "text-lg font-semibold text-text-primary",
 				children: "Access Denied"
-			}), /* @__PURE__ */ _("p", {
+			}), /* @__PURE__ */ g("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
 		})
 	});
 	let $ = () => {
-		S("/agents");
-	}, _r = async (e) => {
-		if (!(!j?.id || w)) {
-			Xt(e);
+		x("/agents");
+	}, yr = async (e) => {
+		if (!(!j?.id || C)) {
+			$t(e);
 			try {
-				let t = e === "start" ? await Jt({ variables: { agentId: j.id } }) : await Yt({ variables: { agentId: j.id } }), n = e === "start" ? t.data?.startVibecontrolsAgent : t.data?.stopVibecontrolsAgent;
+				let t = e === "start" ? await Zt({ variables: { agentId: j.id } }) : await Qt({ variables: { agentId: j.id } }), n = e === "start" ? t.data?.startVibecontrolsAgent : t.data?.stopVibecontrolsAgent;
 				if (!n || n.success === !1) throw Error(n?.error || `Failed to ${e} agent`);
-				a.success(e === "start" ? C("agentDetails.agentStarted", "Agent started") : C("agentDetails.agentStopped", "Agent stopped")), await Promise.all([A(), M.refetch()]).catch(() => {});
+				a.success(e === "start" ? S("agentDetails.agentStarted", "Agent started") : S("agentDetails.agentStopped", "Agent stopped")), await Promise.all([A(), M.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);
-				a.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 }));
+				a.error(r ? S("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 || S("agentDetails.lifecycleFailed", "Failed to {{action}} agent", { action: e }));
 			} finally {
-				Xt(null);
+				$t(null);
 			}
 		}
-	}, vr = () => void _r("start"), yr = () => void _r("stop"), br = async () => {
-		await Promise.all([A(), M.refetch()]).catch(() => {}), S("/agents");
-	}, xr = () => {
-		$t(!0);
-	}, Sr = async () => {
+	}, br = () => void yr("start"), xr = () => void yr("stop"), Sr = async () => {
+		await Promise.all([A(), M.refetch()]).catch(() => {}), x("/agents");
+	}, Cr = () => {
+		nn(!0);
+	}, wr = async () => {
 		if (!j?.id) return;
-		let e = tn.trim();
+		let e = T.trim();
 		if (!e || e === j.name) {
-			T(!1);
+			w(!1);
 			return;
 		}
-		rn(!0), D(null);
+		on(!0), D(null);
 		try {
-			let t = await Gt({ variables: {
+			let t = await Jt({ variables: {
 				id: j.id,
 				input: { name: e }
 			} });
 			if (t.error) throw t.error;
-			T(!1);
+			w(!1);
 		} catch (e) {
 			D(e instanceof Error ? e.message : String(e));
 		} finally {
-			rn(!1);
+			on(!1);
 		}
-	}, Cr = () => {
-		T(!1), nn(""), D(null);
-	}, wr = async () => {
-		let e = await gr();
+	}, Tr = () => {
+		w(!1), an(""), D(null);
+	}, Er = async () => {
+		let e = await vr();
 		if (e) try {
-			await Ae(e), ke() && je("API key copied"), ln(!0), setTimeout(() => ln(!1), 2e3);
+			await Ae(e), ke() && je("API key copied"), dn(!0), setTimeout(() => dn(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
-	}, Tr = async () => {
-		O || await gr(), sn((e) => !e);
-	}, Er = () => {
-		j?.id && (Wn(!1), Kn(!1), Hn(!0));
 	}, Dr = async () => {
+		O || await vr(), ln((e) => !e);
+	}, Or = () => {
+		j?.id && (Gn(!1), qn(!1), Un(!0));
+	}, kr = async () => {
 		if (j?.id) {
-			qn(!0);
+			Jn(!0);
 			try {
-				await Kt({ variables: {
+				await Yt({ variables: {
 					id: j.id,
-					uninstallFromTarget: Un,
-					deleteTarget: Gn
-				} }), Hn(!1), $();
+					uninstallFromTarget: Wn,
+					deleteTarget: Kn
+				} }), Un(!1), $();
 			} catch (e) {
 				console.error("Failed to remove agent:", e);
 			} finally {
-				qn(!1);
+				Jn(!1);
 			}
 		}
-	}, Or = (e) => {
-		S(`/sessions/${e}`);
-	}, kr = () => {
-		_n(!0);
 	}, Ar = (e) => {
-		S(`/vibes/${e}`);
-	}, jr = (e) => {
-		if (!e) return C("health.never", "Never");
+		x(`/sessions/${e}`);
+	}, jr = () => {
+		yn(!0);
+	}, Mr = (e) => {
+		x(`/vibes/${e}`);
+	}, Nr = (e) => {
+		if (!e) return S("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 ? S("health.justNow", "Just now") : t < 36e5 ? S("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? S("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
 	};
-	if (yn && !j) return /* @__PURE__ */ v(b, {
+	if (xn && !j) return /* @__PURE__ */ _(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ _("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ _(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ _(Ne, { variant: "detail" })]
+			children: [/* @__PURE__ */ g(l, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ g(Ne, { variant: "detail" })]
 	});
-	if (bn && !j) return /* @__PURE__ */ v(b, {
+	if (Sn && !j) return /* @__PURE__ */ _(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ _("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ _(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ _(be, {
-			title: C("agentDetails.failedLoad", "Failed to load agent"),
-			message: bn.message,
+			children: [/* @__PURE__ */ g(l, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ g(be, {
+			title: S("agentDetails.failedLoad", "Failed to load agent"),
+			message: Sn.message,
 			onRetry: () => A()
 		})]
 	});
-	if (!j) return /* @__PURE__ */ v(b, {
+	if (!j) return /* @__PURE__ */ _(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ v("button", {
+		children: [/* @__PURE__ */ _("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ _(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ _(Se, {
-			icon: /* @__PURE__ */ _(Ct, { 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__ */ _(y, {
+			children: [/* @__PURE__ */ g(l, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ g(Se, {
+			icon: /* @__PURE__ */ g(f, { className: "size-8 text-text-secondary" }),
+			title: S("agentDetails.notFound", "Agent not found"),
+			description: `${S("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${b}" ${S("agentDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ g(v, {
 				type: "button",
 				onClick: $,
-				children: C("agentDetails.backToAgents", "Back to Agents")
+				children: S("agentDetails.backToAgents", "Back to Agents")
 			})
 		})]
 	});
-	let Mr = [
+	let Pr = [
 		{
 			id: "overview",
-			label: C("nav.overview", "Overview"),
-			icon: Ct
+			label: S("nav.overview", "Overview"),
+			icon: f
 		},
 		{
 			id: "profiles",
-			label: C("agentDetails.profiles", "Profiles"),
-			icon: kt
+			label: S("agentDetails.profiles", "Profiles"),
+			icon: At
 		},
 		{
 			id: "security",
-			label: C("agentDetails.security", "Security"),
-			icon: Tt
+			label: S("agentDetails.security", "Security"),
+			icon: Et
 		},
 		{
 			id: "plugins",
-			label: C("agentDetails.plugins", "Plugins"),
-			icon: p,
-			badge: `${z.length}`
+			label: S("agentDetails.plugins", "Plugins"),
+			icon: d,
+			badge: `${B.length}`
 		},
 		{
 			id: "sessions",
-			label: C("nav.sessions", "Sessions"),
-			icon: m,
+			label: S("nav.sessions", "Sessions"),
+			icon: p,
 			badge: `${Z.length}`
 		},
 		{
 			id: "logs",
-			label: C("nav.logs", "Logs"),
-			icon: St
+			label: S("nav.logs", "Logs"),
+			icon: wt
 		},
 		{
 			id: "connection",
-			label: C("agentDetails.connection", "Connection Log"),
-			icon: St
+			label: S("agentDetails.connection", "Connection Log"),
+			icon: wt
 		},
 		{
 			id: "vibes",
-			label: C("nav.vibes", "Vibes"),
-			icon: h,
+			label: S("nav.vibes", "Vibes"),
+			icon: m,
 			badge: `${Q.length}`
 		},
 		{
 			id: "notes",
-			label: C("vibeDetails.notes", "Notes"),
-			icon: mt
+			label: S("vibeDetails.notes", "Notes"),
+			icon: gt
 		},
 		{
 			id: "aliases",
-			label: C("agentDetails.aliases", "Aliases"),
-			icon: ot
+			label: S("agentDetails.aliases", "Aliases"),
+			icon: ct
 		},
 		{
 			id: "backup",
-			label: C("agentDetails.backup", "Backup"),
-			icon: lt
+			label: S("agentDetails.backup", "Backup"),
+			icon: dt
 		},
 		{
 			id: "maintenance",
-			label: C("agentDetails.maintenance.tab", "Maintenance"),
-			icon: At
+			label: S("agentDetails.maintenance.tab", "Maintenance"),
+			icon: jt
 		}
-	], Nr = Z.filter((e) => e.status === "RUNNING").length;
-	return /* @__PURE__ */ v(b, {
+	], Fr = Z.filter((e) => e.status === "RUNNING").length;
+	return /* @__PURE__ */ _(y, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			/* @__PURE__ */ v("button", {
+			/* @__PURE__ */ _("button", {
 				type: "button",
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ _(d, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
+				children: [/* @__PURE__ */ g(l, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
 			}),
-			/* @__PURE__ */ _(ye, {
+			/* @__PURE__ */ g(ye, {
 				title: j.name,
-				description: j.hostname || C("agentDetails.noHostnameConfigured", "No hostname configured"),
+				description: j.hostname || S("agentDetails.noHostnameConfigured", "No hostname configured"),
 				breadcrumb: [{
-					label: C("nav.agents", "Agents"),
-					path: Vt ? `${Vt}/agents` : "/agents"
+					label: S("nav.agents", "Agents"),
+					path: Wt ? `${Wt}/agents` : "/agents"
 				}, { label: j.name }],
-				actions: /* @__PURE__ */ v("div", {
+				actions: /* @__PURE__ */ _("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						Cn ? /* @__PURE__ */ v(y, {
+						Tn ? /* @__PURE__ */ _(v, {
 							type: "button",
-							onClick: vr,
-							disabled: w !== null,
-							"aria-busy": w === "start",
-							children: [w === "start" ? /* @__PURE__ */ _(f, {
+							onClick: br,
+							disabled: C !== null,
+							"aria-busy": C === "start",
+							children: [C === "start" ? /* @__PURE__ */ g(u, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ _(yt, {
+							}) : /* @__PURE__ */ g(xt, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), w === "start" ? C("agentDetails.starting", "Starting…") : C("agentDetails.start", "Start")]
-						}) : /* @__PURE__ */ v(y, {
+							}), C === "start" ? S("agentDetails.starting", "Starting…") : S("agentDetails.start", "Start")]
+						}) : /* @__PURE__ */ _(v, {
 							type: "button",
 							variant: "outline",
-							onClick: yr,
-							disabled: w !== null,
-							"aria-busy": w === "stop",
-							children: [w === "stop" ? /* @__PURE__ */ _(f, {
+							onClick: xr,
+							disabled: C !== null,
+							"aria-busy": C === "stop",
+							children: [C === "stop" ? /* @__PURE__ */ g(u, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ _(Et, {
+							}) : /* @__PURE__ */ g(Dt, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), w === "stop" ? C("agentDetails.stopping", "Stopping…") : C("sessions.stop", "Stop")]
+							}), C === "stop" ? S("agentDetails.stopping", "Stopping…") : S("sessions.stop", "Stop")]
 						}),
-						P === "DEGRADED" && /* @__PURE__ */ v(y, {
+						P === "DEGRADED" && /* @__PURE__ */ _(v, {
 							type: "button",
 							variant: "secondary",
-							onClick: vr,
-							disabled: w !== null,
-							"aria-busy": w === "start",
+							onClick: br,
+							disabled: C !== null,
+							"aria-busy": C === "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__ */ _(f, {
+							children: [C === "start" ? /* @__PURE__ */ g(u, {
 								className: "size-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ _(xt, {
+							}) : /* @__PURE__ */ g(Ct, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), w === "start" ? C("agentDetails.reconnecting", "Reconnecting…") : C("agentDetails.reconnect", "Reconnect")]
+							}), C === "start" ? S("agentDetails.reconnecting", "Reconnecting…") : S("agentDetails.reconnect", "Reconnect")]
 						}),
-						/* @__PURE__ */ _(Ke, {
+						/* @__PURE__ */ g(Ke, {
 							agentId: j.id,
 							tunnelUrl: j.tunnelUrl || null,
 							profile: F
 						}),
-						/* @__PURE__ */ v(y, {
+						/* @__PURE__ */ _(v, {
 							type: "button",
 							variant: "outline",
-							onClick: xr,
-							children: [/* @__PURE__ */ _(wt, {
+							onClick: Cr,
+							children: [/* @__PURE__ */ g(Tt, {
 								className: "size-4",
 								"aria-hidden": "true"
-							}), C("agentDetails.configure", "Configure")]
+							}), S("agentDetails.configure", "Configure")]
 						}),
-						/* @__PURE__ */ _(Te, {
-							ariaLabel: C("agentDetails.agentActions", "Agent actions"),
-							title: C("agentDetails.agentActions", "Agent actions"),
+						/* @__PURE__ */ g(Te, {
+							ariaLabel: S("agentDetails.agentActions", "Agent actions"),
+							title: S("agentDetails.agentActions", "Agent actions"),
 							align: "end",
 							items: [
 								{
 									key: "ai-chat",
-									label: C("agentDetails.aiChat", "AI Chat"),
-									icon: nt,
-									onSelect: () => S("/ai?contextLevel=agent")
+									label: S("agentDetails.aiChat", "AI Chat"),
+									icon: it,
+									onSelect: () => x("/ai?contextLevel=agent")
 								},
 								{
 									key: "refresh",
-									label: C("common.refresh", "Refresh"),
-									icon: xt,
+									label: S("common.refresh", "Refresh"),
+									icon: Ct,
 									onSelect: () => void A(),
-									disabled: yn
+									disabled: xn
 								},
 								{
 									key: "remove",
-									label: C("sessions.remove", "Remove"),
-									icon: Ot,
-									onSelect: Er,
+									label: S("sessions.remove", "Remove"),
+									icon: kt,
+									onSelect: Or,
 									variant: "danger",
 									separatorBefore: !0
 								}
@@ -675,127 +675,157 @@ function x() {
 					]
 				})
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g(Lt, {
+				icon: /* @__PURE__ */ g(f, { className: "size-4" }),
+				children: S("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__ */ g(It, {
+				storageKey: "vibecontrols-agent-details",
+				steps: [
+					{
+						id: "start-session",
+						label: S("agentDetails.next.startSession", "Start a session on this agent"),
+						description: S("agentDetails.next.startSessionDesc", "Open a terminal or task that runs on this machine."),
+						icon: /* @__PURE__ */ g(St, { className: "size-4" }),
+						onClick: jr
+					},
+					{
+						id: "check-connection",
+						label: S("agentDetails.next.checkConnection", "Check the connection"),
+						description: S("agentDetails.next.checkConnectionDesc", "Verify the tunnel URL and reachability on the Connection tab."),
+						icon: /* @__PURE__ */ g(f, { className: "size-4" }),
+						onClick: () => z("connection")
+					},
+					{
+						id: "review-security",
+						label: S("agentDetails.next.reviewSecurity", "Review security & credentials"),
+						description: S("agentDetails.next.reviewSecurityDesc", "Confirm gateway auth is pushed and scopes are correct."),
+						icon: /* @__PURE__ */ g(it, { className: "size-4" }),
+						onClick: () => z("security")
+					}
+				]
+			}),
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-2 -mt-2",
-				children: en ? /* @__PURE__ */ v(g, { children: [
-					/* @__PURE__ */ _("input", {
-						ref: on,
+				children: rn ? /* @__PURE__ */ _(h, { children: [
+					/* @__PURE__ */ g("input", {
+						ref: cn,
 						type: "text",
-						value: tn,
-						onChange: (e) => nn(e.target.value),
+						value: T,
+						onChange: (e) => an(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && !E ? Sr() : e.key === "Escape" && Cr();
+							e.key === "Enter" && !E ? wr() : e.key === "Escape" && Tr();
 						},
 						disabled: E,
 						maxLength: 120,
-						"aria-label": C("agentDetails.renameInput", "New agent name"),
+						"aria-label": S("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,
 						"data-testid": "agent-details-rename-input"
 					}),
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => void Sr(),
-						disabled: !tn.trim() || tn.trim() === j.name || E,
+						onClick: () => void wr(),
+						disabled: !T.trim() || T.trim() === j.name || E,
 						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__ */ _(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ _(rt, { className: "size-3.5" }), C("agentDetails.saveName", "Save")]
+						children: [E ? /* @__PURE__ */ g(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ g(at, { className: "size-3.5" }), S("agentDetails.saveName", "Save")]
 					}),
-					/* @__PURE__ */ _("button", {
+					/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: Cr,
+						onClick: Tr,
 						disabled: E,
 						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: S("common.cancel", "Cancel")
 					}),
-					an && /* @__PURE__ */ _("span", {
+					sn && /* @__PURE__ */ g("span", {
 						className: "text-xs text-status-error-text",
 						role: "alert",
-						children: an
+						children: sn
 					})
-				] }) : /* @__PURE__ */ v("button", {
+				] }) : /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: () => {
-						D(null), nn(j.name), T(!0), requestAnimationFrame(() => on.current?.select());
+						D(null), an(j.name), w(!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: S("agentDetails.renameTooltip", "Rename this agent"),
 					"data-testid": "agent-details-rename-trigger",
-					children: [/* @__PURE__ */ _(dt, { className: "size-3.5" }), C("agentDetails.rename", "Rename")]
+					children: [/* @__PURE__ */ g(pt, { className: "size-3.5" }), S("agentDetails.rename", "Rename")]
 				})
 			}),
-			P === "DEGRADED" && /* @__PURE__ */ v("div", {
+			P === "DEGRADED" && /* @__PURE__ */ _("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__ */ _(f, {
+					/* @__PURE__ */ g(u, {
 						className: "size-4 mt-0.5 flex-shrink-0 animate-spin text-status-warning-text",
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ _("div", {
 						className: "flex-1 min-w-0 space-y-1",
 						children: [
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ g("p", {
 								className: "font-medium",
-								children: C("agentDetails.degradedBanner.title", "Agent is degraded — auto-reconnecting in the background")
+								children: S("agentDetails.degradedBanner.title", "Agent is degraded — auto-reconnecting in the background")
 							}),
-							N.get(j.id)?.errorMessage && /* @__PURE__ */ _("p", {
+							N.get(j.id)?.errorMessage && /* @__PURE__ */ g("p", {
 								className: "text-xs text-text-secondary",
-								children: /* @__PURE__ */ _("span", {
+								children: /* @__PURE__ */ g("span", {
 									className: "font-mono text-status-warning-text",
 									children: N.get(j.id)?.errorMessage
 								})
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ g("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: S("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__ */ _("button", {
+					/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => Tn("connection"),
+						onClick: () => z("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: S("agentDetails.degradedBanner.viewLog", "View log →")
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ _(i, {
+					/* @__PURE__ */ g(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ _(Ct, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								children: /* @__PURE__ */ g(f, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
-								children: C("sessions.filterStatus", "Status")
-							}), /* @__PURE__ */ _(Be, {
+								children: S("sessions.filterStatus", "Status")
+							}), /* @__PURE__ */ g(Be, {
 								status: P,
 								reason: N.get(j.id)?.errorMessage ?? (j.lastGatewayAuthPushStatus === "failed" ? j.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
 								linkTo: "?tab=connection",
 								onClick: (e) => {
-									e.preventDefault(), Tn("connection");
+									e.preventDefault(), z("connection");
 								}
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ _(i, {
+					/* @__PURE__ */ g(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ _(ct, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								children: /* @__PURE__ */ g(ut, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
-								children: C("analytics.platform", "Platform")
-							}), /* @__PURE__ */ v("p", {
+								children: S("analytics.platform", "Platform")
+							}), /* @__PURE__ */ _("p", {
 								className: "font-semibold text-text-primary",
 								children: [
 									j.platform,
@@ -805,51 +835,51 @@ function x() {
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ _(i, {
+					/* @__PURE__ */ g(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ _(ht, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								children: /* @__PURE__ */ g(_t, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
-								children: C("agentDetails.version", "Version")
-							}), /* @__PURE__ */ v("p", {
+								children: S("agentDetails.version", "Version")
+							}), /* @__PURE__ */ _("p", {
 								className: "font-semibold text-text-primary",
 								children: ["v", j.version]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ _(i, {
+					/* @__PURE__ */ g(i, {
 						className: "p-4",
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "size-10 rounded-lg bg-[var(--color-accent-soft)] flex items-center justify-center",
-								children: /* @__PURE__ */ _(m, { className: "size-5 text-action-primary-bg" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								children: /* @__PURE__ */ g(p, { className: "size-5 text-action-primary-bg" })
+							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 								className: "text-sm text-text-secondary",
-								children: C("nav.sessions", "Sessions")
-							}), /* @__PURE__ */ v("p", {
+								children: S("nav.sessions", "Sessions")
+							}), /* @__PURE__ */ _("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									Nr,
+									Fr,
 									" ",
-									C("health.active", "active")
+									S("health.active", "active")
 								]
 							})] })]
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-end border-b border-border-default",
-				children: [/* @__PURE__ */ _(Lt, {
-					items: [...Mr.map(({ id: e, label: t, icon: n, badge: r }) => ({
+				children: [/* @__PURE__ */ g(Bt, {
+					items: [...Pr.map(({ id: e, label: t, icon: n, badge: r }) => ({
 						id: e,
 						label: t,
-						icon: /* @__PURE__ */ _(n, {
+						icon: /* @__PURE__ */ g(n, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}),
@@ -859,86 +889,86 @@ function x() {
 						label: e.contribution.title
 					})) : []],
 					activeTabId: R,
-					onTabChange: Tn,
+					onTabChange: z,
 					variant: "underline",
 					className: "min-w-0 flex-1 border-b-0"
-				}), I && j && /* @__PURE__ */ v("button", {
+				}), I && j && /* @__PURE__ */ _("button", {
 					type: "button",
-					onClick: () => Dn(!0),
+					onClick: () => On(!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__ */ _("span", {
+					children: [/* @__PURE__ */ g("span", {
 						"aria-hidden": !0,
 						children: "+"
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ g("span", {
 						className: "hidden sm:inline",
 						children: "Add tab"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v(Ee, {
+			/* @__PURE__ */ _(Ee, {
 				tabKey: R,
 				children: [
-					R === "overview" && /* @__PURE__ */ v("div", {
+					R === "overview" && /* @__PURE__ */ _("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ v("h3", {
+								children: /* @__PURE__ */ _("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(it, { className: "size-5" }), C("agentDetails.capabilities", "Capabilities")]
+									children: [/* @__PURE__ */ g(ot, { className: "size-5" }), S("agentDetails.capabilities", "Capabilities")]
 								})
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ g("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);
 										return t.length > 0 && t.every((e) => /^\d+$/.test(e)) ? Object.values(e) : t;
-									})()).map((e) => /* @__PURE__ */ _("span", {
+									})()).map((e) => /* @__PURE__ */ g("span", {
 										className: "px-2 py-0.5 bg-bg-sunken text-text-secondary text-xs rounded-pill",
 										children: e
-									}, e)) : /* @__PURE__ */ v("div", {
+									}, e)) : /* @__PURE__ */ _("div", {
 										className: "space-y-2 text-sm text-text-secondary",
 										children: [
-											/* @__PURE__ */ _("p", { children: C("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
-											/* @__PURE__ */ v("p", {
+											/* @__PURE__ */ g("p", { children: S("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
+											/* @__PURE__ */ _("p", {
 												className: "text-xs",
 												children: [
 													"Capabilities are feature tags the agent advertises to vibes (e.g.",
 													" ",
-													/* @__PURE__ */ _("code", {
+													/* @__PURE__ */ g("code", {
 														className: "text-text-primary",
 														children: "docker"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ _("code", {
+													/* @__PURE__ */ g("code", {
 														className: "text-text-primary",
 														children: "gpu"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ _("code", {
+													/* @__PURE__ */ g("code", {
 														className: "text-text-primary",
 														children: "node20"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ _("code", {
+													/* @__PURE__ */ g("code", {
 														className: "text-text-primary",
 														children: "git"
 													}),
 													"). Vibes use them to pick an agent that can run their workloads."
 												]
 											}),
-											/* @__PURE__ */ v("p", {
+											/* @__PURE__ */ _("p", {
 												className: "text-xs",
 												children: [
 													"Add from the agent host CLI:",
 													" ",
-													/* @__PURE__ */ _("code", {
+													/* @__PURE__ */ g("code", {
 														className: "text-text-primary",
 														children: "vibe agent caps add docker gpu"
 													}),
@@ -949,33 +979,33 @@ function x() {
 									})
 								})
 							})] }),
-							/* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ v("h3", {
+								children: /* @__PURE__ */ _("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(Dt, { className: "size-5" }), "Tags"]
+									children: [/* @__PURE__ */ g(Ot, { className: "size-5" }), "Tags"]
 								})
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ _(xe, {
+								children: /* @__PURE__ */ g(xe, {
 									entityType: "VIBECONTROLS_AGENT",
 									entityId: j.id
 								})
 							})] }),
-							j.tunnelUrl && /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+							j.tunnelUrl && /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ v("h3", {
+								children: /* @__PURE__ */ _("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(h, { className: "size-5" }), C("health.tunnel", "Tunnel")]
+									children: [/* @__PURE__ */ g(m, { className: "size-5" }), S("health.tunnel", "Tunnel")]
 								})
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ v("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ _("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary mb-1",
-										children: C("agentDetails.tunnelUrl", "Tunnel URL")
-									}), /* @__PURE__ */ _("a", {
+										children: S("agentDetails.tunnelUrl", "Tunnel URL")
+									}), /* @__PURE__ */ g("a", {
 										href: j.tunnelUrl,
 										target: "_blank",
 										rel: "noopener noreferrer",
@@ -984,351 +1014,351 @@ function x() {
 									})]
 								})
 							})] }),
-							/* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ v("h3", {
+								children: /* @__PURE__ */ _("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(wt, { className: "size-5" }), C("agentDetails.configuration", "Configuration")]
+									children: [/* @__PURE__ */ g(Tt, { className: "size-5" }), S("agentDetails.configuration", "Configuration")]
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "p-4 space-y-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
-											children: C("analytics.platform", "Platform")
-										}), /* @__PURE__ */ _("p", {
+											children: S("analytics.platform", "Platform")
+										}), /* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
 											children: j.platform
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
-											children: C("analytics.architecture", "Architecture")
-										}), /* @__PURE__ */ _("p", {
+											children: S("analytics.architecture", "Architecture")
+										}), /* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
 											children: j.architecture
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
-											children: C("agentDetails.version", "Version")
-										}), /* @__PURE__ */ _("p", {
+											children: S("agentDetails.version", "Version")
+										}), /* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
 											children: j.version
 										})] })
 									]
-								}), j.aiContext && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								}), j.aiContext && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 									className: "text-sm text-text-secondary mb-1",
 									children: "AI Context"
-								}), /* @__PURE__ */ _("pre", {
+								}), /* @__PURE__ */ g("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
 								})] })]
 							})] }),
-							/* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ v("h3", {
+								children: /* @__PURE__ */ _("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(at, { className: "size-5" }), C("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ g(st, { className: "size-5" }), S("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ v("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm",
 									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-text-secondary",
-											children: C("health.lastHeartbeat", "Last Heartbeat")
-										}), /* @__PURE__ */ _("p", {
+											children: S("health.lastHeartbeat", "Last Heartbeat")
+										}), /* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
-											children: jr(j.lastHeartbeat)
+											children: Nr(j.lastHeartbeat)
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-text-secondary",
-											children: C("vibeDetails.created", "Created")
-										}), /* @__PURE__ */ _("p", {
+											children: S("vibeDetails.created", "Created")
+										}), /* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
-											children: jr(j.createdAt)
+											children: Nr(j.createdAt)
 										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-text-secondary",
-											children: C("vibeDetails.updated", "Updated")
-										}), /* @__PURE__ */ _("p", {
+											children: S("vibeDetails.updated", "Updated")
+										}), /* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
-											children: jr(j.updatedAt)
+											children: Nr(j.updatedAt)
 										})] })
 									]
 								})
 							})] })
 						]
 					}),
-					R === "profiles" && /* @__PURE__ */ _(Ye, { agentId: j.id }),
-					R === "security" && /* @__PURE__ */ v("div", {
+					R === "profiles" && /* @__PURE__ */ g(Ye, { agentId: j.id }),
+					R === "security" && /* @__PURE__ */ _("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ v("h3", {
+								children: /* @__PURE__ */ _("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ _(_t, { className: "size-5" }), C("agentDetails.agentApiKey", "Agent API Key")]
+									children: [/* @__PURE__ */ g(yt, { className: "size-5" }), S("agentDetails.agentApiKey", "Agent API Key")]
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "p-4",
-								children: [j.tunnelUrl ? /* @__PURE__ */ v("div", {
+								children: [j.tunnelUrl ? /* @__PURE__ */ _("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ _("code", {
+											children: [/* @__PURE__ */ g("code", {
 												className: "text-sm font-mono text-text-primary bg-bg-sunken px-3 py-2 rounded-md block truncate",
-												children: O && k ? k : dn ? C("agentDetails.revealLoading", "Revealing…") : "•".repeat(32)
-											}), pn && /* @__PURE__ */ _("p", {
+												children: O && k ? k : pn ? S("agentDetails.revealLoading", "Revealing…") : "•".repeat(32)
+											}), hn && /* @__PURE__ */ g("p", {
 												className: "text-xs text-status-error-text mt-1",
-												children: pn
+												children: hn
 											})]
 										}),
-										/* @__PURE__ */ _("button", {
+										/* @__PURE__ */ g("button", {
 											type: "button",
-											onClick: () => void Tr(),
-											disabled: dn,
+											onClick: () => void Dr(),
+											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: _(O ? pt : ft, {
+											"aria-label": O ? S("agentDetails.hideApiKey", "Hide API key") : S("agentDetails.showApiKey", "Show API key"),
+											title: O ? S("agentDetails.hideApiKey", "Hide API key") : S("agentDetails.showApiKey", "Show API key"),
+											children: g(O ? ht : mt, {
 												className: "size-4 text-text-secondary",
 												"aria-hidden": "true"
 											})
 										}),
-										/* @__PURE__ */ _("button", {
+										/* @__PURE__ */ g("button", {
 											type: "button",
-											onClick: wr,
+											onClick: Er,
 											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: cn ? /* @__PURE__ */ _(rt, {
+											"aria-label": S("agentDetails.copyApiKey", "Copy API key"),
+											title: S("agentDetails.copyApiKey", "Copy API key"),
+											children: un ? /* @__PURE__ */ g(at, {
 												className: "size-4 text-status-success-text",
 												"aria-hidden": "true"
-											}) : /* @__PURE__ */ _(st, {
+											}) : /* @__PURE__ */ g(lt, {
 												className: "size-4 text-text-secondary",
 												"aria-hidden": "true"
 											})
 										})
 									]
-								}) : /* @__PURE__ */ _("p", {
+								}) : /* @__PURE__ */ g("p", {
 									className: "text-sm text-text-secondary",
 									children: "Agent tunnel not configured. Bring the agent online first."
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ g("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__ */ _(Le, {
+							/* @__PURE__ */ g(Le, {
 								agentId: j.id,
 								currentTunnelUrl: j.tunnelUrl,
 								onUpdated: () => A()
 							}),
-							/* @__PURE__ */ _(Re, {
+							/* @__PURE__ */ g(Re, {
 								agentId: j.id,
 								storageAdapter: j.storageAdapter,
 								dbPath: j.dbPath,
 								hasStorageOptions: j.hasStorageOptions,
 								onUpdated: () => A()
 							}),
-							/* @__PURE__ */ _(He, {
+							/* @__PURE__ */ g(He, {
 								agent: j,
 								onUpdate: () => A()
 							}),
-							/* @__PURE__ */ _(Ve, { agent: {
+							/* @__PURE__ */ g(Ve, { agent: {
 								id: j.id,
 								profile: F ?? "default"
 							} })
 						]
 					}),
 					R === "plugins" && (() => {
-						let e = q.toLowerCase(), t = z.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 = Mn.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = z.filter((e) => e.hasUI), ee = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), te = [
+						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 = [
 							{
 								id: "installed",
 								label: "Installed",
 								count: t.length,
-								icon: p
+								icon: d
 							},
 							{
 								id: "available",
 								label: "Available",
 								count: n.length,
-								icon: ut
+								icon: ft
 							},
 							{
 								id: "store",
 								label: "Store",
 								count: J.length,
-								icon: ut
+								icon: ft
 							},
 							{
 								id: "ui-plugins",
 								label: "UI Plugins",
 								count: ee.length,
-								icon: vt
+								icon: bt
 							}
 						];
-						return /* @__PURE__ */ _("div", {
+						return /* @__PURE__ */ g("div", {
 							className: "space-y-6",
-							children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ v("div", {
+							children: /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ _("div", {
 								className: "p-4 border-b border-border-default space-y-3",
 								children: [
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ _("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ v("h3", {
+										children: [/* @__PURE__ */ _("h3", {
 											className: "font-semibold text-text-primary flex items-center gap-2 min-w-0",
 											children: [
-												/* @__PURE__ */ _(p, {
+												/* @__PURE__ */ g(d, {
 													className: "size-5",
 													"aria-hidden": "true"
 												}),
 												"Plugins",
-												z.length > 0 && /* @__PURE__ */ v("span", {
+												B.length > 0 && /* @__PURE__ */ _("span", {
 													className: "text-sm font-normal text-text-secondary",
 													children: [
 														"(",
-														z.filter((e) => e.isCore).length,
+														B.filter((e) => e.isCore).length,
 														" core,",
 														" ",
-														z.filter((e) => !e.isCore).length,
+														B.filter((e) => !e.isCore).length,
 														" external)"
 													]
 												})
 											]
-										}), /* @__PURE__ */ _("button", {
+										}), /* @__PURE__ */ g("button", {
 											type: "button",
 											onClick: X,
-											disabled: Pn,
+											disabled: Fn,
 											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__ */ _(xt, {
-												className: `size-4 ${Pn ? "animate-spin" : ""}`,
+											"aria-label": S("agentDetails.refreshPlugins", "Refresh plugins"),
+											title: S("agentDetails.refreshPlugins", "Refresh plugins"),
+											children: /* @__PURE__ */ g(Ct, {
+												className: `size-4 ${Fn ? "animate-spin" : ""}`,
 												"aria-hidden": "true"
 											})
 										})]
 									}),
-									/* @__PURE__ */ _(Ce, {
+									/* @__PURE__ */ g(Ce, {
 										value: q,
-										onChange: Qn,
-										placeholder: C("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag...")
+										onChange: er,
+										placeholder: S("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag...")
 									}),
-									/* @__PURE__ */ _(Lt, {
+									/* @__PURE__ */ g(Bt, {
 										items: te.map(({ id: e, label: t, count: n, icon: r }) => ({
 											id: e,
 											label: t,
-											icon: /* @__PURE__ */ _(r, {
+											icon: /* @__PURE__ */ g(r, {
 												className: "size-4",
 												"aria-hidden": "true"
 											}),
 											badge: n
 										})),
-										activeTabId: G,
-										onTabChange: (e) => K(e),
+										activeTabId: K,
+										onTabChange: (e) => $n(e),
 										variant: "pills",
 										size: "sm",
 										className: "max-w-full overflow-x-auto"
 									})
 								]
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "p-4 space-y-4",
 								children: [
-									In && /* @__PURE__ */ v("div", {
+									Ln && /* @__PURE__ */ _("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__ */ _(jt, {
+											/* @__PURE__ */ g(Mt, {
 												className: "size-4 flex-shrink-0",
 												"aria-hidden": "true"
 											}),
-											/* @__PURE__ */ _("span", {
+											/* @__PURE__ */ g("span", {
 												className: "flex-1 min-w-0 break-words",
-												children: In
+												children: Ln
 											}),
-											/* @__PURE__ */ _("button", {
+											/* @__PURE__ */ g("button", {
 												type: "button",
-												onClick: () => H(null),
-												"aria-label": C("agentDetails.dismissError", "Dismiss error"),
+												onClick: () => U(null),
+												"aria-label": S("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__ */ _(jt, {
+												children: /* @__PURE__ */ g(Mt, {
 													className: "size-3.5",
 													"aria-hidden": "true"
 												})
 											})
 										]
 									}),
-									!j?.isActive && /* @__PURE__ */ v("p", {
+									!j?.isActive && /* @__PURE__ */ _("p", {
 										role: "status",
 										className: "text-sm text-text-muted flex items-center gap-1.5",
-										children: [/* @__PURE__ */ _(gt, {
+										children: [/* @__PURE__ */ g(vt, {
 											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."]
 									}),
-									G === "installed" && /* @__PURE__ */ _(g, { children: t.length > 0 ? /* @__PURE__ */ _("div", {
+									K === "installed" && /* @__PURE__ */ g(h, { children: t.length > 0 ? /* @__PURE__ */ g("div", {
 										className: "space-y-2",
-										children: t.map((e) => /* @__PURE__ */ v("div", {
+										children: t.map((e) => /* @__PURE__ */ _("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ v("div", {
+											children: [/* @__PURE__ */ _("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ v("p", {
+													/* @__PURE__ */ _("p", {
 														className: "text-sm font-medium text-text-primary flex items-center gap-1.5 flex-wrap",
 														children: [
 															e.pluginName,
-															/* @__PURE__ */ _("span", {
+															/* @__PURE__ */ g("span", {
 																className: "text-xs text-text-muted font-normal",
 																children: e.version === "latest" ? e.version : `v${e.version}`
 															}),
-															e.isCore && /* @__PURE__ */ _("span", {
+															e.isCore && /* @__PURE__ */ g("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__ */ _("span", {
+															e.loaded && /* @__PURE__ */ g("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__ */ _("span", {
+															e.hasProviders && /* @__PURE__ */ g("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__ */ _("span", {
+															e.hasUI && /* @__PURE__ */ g("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__ */ _("p", {
+													e.description && /* @__PURE__ */ g("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ v("div", {
+													/* @__PURE__ */ _("div", {
 														className: "flex items-center gap-2 mt-0.5 flex-wrap",
 														children: [
-															!e.isCore && /* @__PURE__ */ _("span", {
+															!e.isCore && /* @__PURE__ */ g("span", {
 																className: "text-xs text-text-muted font-mono",
 																children: e.packageName
 															}),
-															e.cliCommand && /* @__PURE__ */ v("span", {
+															e.cliCommand && /* @__PURE__ */ _("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"cli:",
 																	" ",
-																	/* @__PURE__ */ v("code", {
+																	/* @__PURE__ */ _("code", {
 																		className: "text-xs font-mono",
 																		children: ["vibe ", e.cliCommand]
 																	})
 																]
 															}),
-															e.apiPrefix && /* @__PURE__ */ v("span", {
+															e.apiPrefix && /* @__PURE__ */ _("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"api:",
 																	" ",
-																	/* @__PURE__ */ _("code", {
+																	/* @__PURE__ */ g("code", {
 																		className: "text-xs font-mono",
 																		children: e.apiPrefix
 																	})
@@ -1336,173 +1366,173 @@ function x() {
 															})
 														]
 													}),
-													e.tags && e.tags.length > 0 && /* @__PURE__ */ _("div", {
+													e.tags && e.tags.length > 0 && /* @__PURE__ */ g("div", {
 														className: "flex gap-1 mt-1 flex-wrap",
-														children: e.tags.map((e) => /* @__PURE__ */ _("span", {
+														children: e.tags.map((e) => /* @__PURE__ */ g("span", {
 															className: "inline-flex px-1.5 py-0.5 text-xs bg-bg-sunken text-text-muted rounded",
 															children: e
 														}, e))
 													})
 												]
-											}), /* @__PURE__ */ v("div", {
+											}), /* @__PURE__ */ _("div", {
 												className: "flex flex-wrap items-center gap-2 flex-shrink-0 sm:ml-3",
 												children: [
-													e.hasUI && /* @__PURE__ */ v(y, {
+													e.hasUI && /* @__PURE__ */ _(v, {
 														type: "button",
 														variant: "outline",
 														size: "sm",
-														onClick: () => K("ui-plugins"),
+														onClick: () => $n("ui-plugins"),
 														title: `Open ${e.pluginName} UI`,
-														children: [/* @__PURE__ */ _(vt, {
+														children: [/* @__PURE__ */ g(bt, {
 															className: "size-3",
 															"aria-hidden": "true"
 														}), "Open UI"]
 													}),
-													!e.isCore && /* @__PURE__ */ v(y, {
+													!e.isCore && /* @__PURE__ */ _(v, {
 														type: "button",
 														variant: "outline",
 														size: "sm",
-														onClick: () => fr(e.packageName),
-														disabled: B === e.packageName,
-														title: C("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
-														children: [B === e.packageName ? /* @__PURE__ */ _(f, {
+														onClick: () => mr(e.packageName),
+														disabled: V === e.packageName,
+														title: S("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
+														children: [V === e.packageName ? /* @__PURE__ */ g(u, {
 															className: "size-3 animate-spin",
 															"aria-hidden": "true"
-														}) : /* @__PURE__ */ _(tt, {
+														}) : /* @__PURE__ */ g(rt, {
 															className: "size-3",
 															"aria-hidden": "true"
-														}), C("agentDetails.update", "Update")]
+														}), S("agentDetails.update", "Update")]
 													}),
-													!e.isCore && /* @__PURE__ */ v(y, {
+													!e.isCore && /* @__PURE__ */ _(v, {
 														type: "button",
 														variant: "outline",
 														size: "sm",
-														onClick: () => ur(e.packageName),
-														disabled: B === e.packageName,
+														onClick: () => fr(e.packageName),
+														disabled: V === e.packageName,
 														className: "text-status-error-text hover:bg-status-error-bg-subtle hover:text-status-error-text",
-														children: [B === e.packageName ? /* @__PURE__ */ _(f, {
+														children: [V === e.packageName ? /* @__PURE__ */ g(u, {
 															className: "size-3 animate-spin",
 															"aria-hidden": "true"
-														}) : /* @__PURE__ */ _(Ot, {
+														}) : /* @__PURE__ */ g(kt, {
 															className: "size-3",
 															"aria-hidden": "true"
-														}), C("sessions.remove", "Remove")]
+														}), S("sessions.remove", "Remove")]
 													})
 												]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ _("p", {
+									}) : /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-muted",
 										children: q ? "No installed plugins match your search." : "No plugin data available. Check agent connectivity or refresh."
 									}) }),
-									G === "available" && /* @__PURE__ */ _(g, { children: n.length > 0 ? /* @__PURE__ */ _("div", {
+									K === "available" && /* @__PURE__ */ g(h, { children: n.length > 0 ? /* @__PURE__ */ g("div", {
 										className: "space-y-2",
-										children: n.map((e) => /* @__PURE__ */ v("div", {
+										children: n.map((e) => /* @__PURE__ */ _("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ v("div", {
+											children: [/* @__PURE__ */ _("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ _("p", {
+													/* @__PURE__ */ g("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: e.name
 													}),
-													/* @__PURE__ */ _("p", {
+													/* @__PURE__ */ g("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ _("p", {
+													/* @__PURE__ */ g("p", {
 														className: "text-xs text-text-muted font-mono mt-0.5",
 														children: e.packageName
 													})
 												]
-											}), /* @__PURE__ */ v(y, {
+											}), /* @__PURE__ */ _(v, {
 												type: "button",
 												size: "sm",
-												onClick: () => lr(e.packageName),
-												disabled: B === e.packageName,
+												onClick: () => dr(e.packageName),
+												disabled: V === e.packageName,
 												className: "flex-shrink-0 sm:ml-3",
-												children: [B === e.packageName ? /* @__PURE__ */ _(f, {
+												children: [V === e.packageName ? /* @__PURE__ */ g(u, {
 													className: "size-3 animate-spin",
 													"aria-hidden": "true"
-												}) : /* @__PURE__ */ _(ut, {
+												}) : /* @__PURE__ */ g(ft, {
 													className: "size-3",
 													"aria-hidden": "true"
 												}), "Install"]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ _("p", {
+									}) : /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-muted",
-										children: q ? "No available plugins match your search." : Mn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
+										children: q ? "No available plugins match your search." : Nn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
 									}) }),
-									G === "store" && /* @__PURE__ */ v(g, { children: [nr && /* @__PURE__ */ v("div", {
+									K === "store" && /* @__PURE__ */ _(h, { children: [ir && /* @__PURE__ */ _("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__ */ _(jt, {
+										children: [/* @__PURE__ */ g(Mt, {
 											className: "size-4 flex-shrink-0",
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ _("span", {
+										}), /* @__PURE__ */ g("span", {
 											className: "flex-1 min-w-0 break-words",
-											children: nr
+											children: ir
 										})]
-									}), er ? /* @__PURE__ */ _("p", {
+									}), nr ? /* @__PURE__ */ g("p", {
 										role: "status",
 										className: "text-sm text-text-muted",
 										children: "Loading purchased plugins…"
-									}) : J.length === 0 ? /* @__PURE__ */ v("div", {
+									}) : J.length === 0 ? /* @__PURE__ */ _("div", {
 										className: "py-8 text-center",
-										children: [/* @__PURE__ */ _("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-muted",
 											children: "No plugins purchased from the Burdenoff store yet."
-										}), /* @__PURE__ */ _("a", {
+										}), /* @__PURE__ */ g("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__ */ _("div", {
+									}) : /* @__PURE__ */ g("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 = z.some((e) => e.packageName === n);
-											return /* @__PURE__ */ v("div", {
+											let t = (e.product?.manifest ?? {}).digital?.install, n = typeof t?.packageName == "string" ? t.packageName : null, r = B.some((e) => e.packageName === n);
+											return /* @__PURE__ */ _("div", {
 												className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-												children: [/* @__PURE__ */ v("div", {
+												children: [/* @__PURE__ */ _("div", {
 													className: "flex items-start gap-3 min-w-0 flex-1",
-													children: [e.product?.icon ? /* @__PURE__ */ _("img", {
+													children: [e.product?.icon ? /* @__PURE__ */ g("img", {
 														src: e.product.icon,
 														alt: "",
 														className: "size-10 rounded-md object-cover flex-shrink-0"
-													}) : /* @__PURE__ */ _("div", {
+													}) : /* @__PURE__ */ g("div", {
 														className: "size-10 flex-shrink-0 rounded-md bg-bg-sunken flex items-center justify-center",
-														children: /* @__PURE__ */ _(p, {
+														children: /* @__PURE__ */ g(d, {
 															className: "size-5 text-text-muted",
 															"aria-hidden": "true"
 														})
-													}), /* @__PURE__ */ v("div", {
+													}), /* @__PURE__ */ _("div", {
 														className: "min-w-0 flex-1",
 														children: [
-															/* @__PURE__ */ v("div", {
+															/* @__PURE__ */ _("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ _("h4", {
+																children: [/* @__PURE__ */ g("h4", {
 																	className: "text-sm font-semibold text-text-primary truncate",
 																	children: e.product?.name ?? "Unknown"
-																}), e.licenseKey && /* @__PURE__ */ _("span", {
+																}), e.licenseKey && /* @__PURE__ */ g("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__ */ _("p", {
+															n && /* @__PURE__ */ g("p", {
 																className: "text-xs text-text-muted font-mono truncate",
 																children: n
 															}),
-															e.product?.description && /* @__PURE__ */ _("p", {
+															e.product?.description && /* @__PURE__ */ g("p", {
 																className: "text-xs text-text-secondary line-clamp-2 mt-1",
 																children: e.product.description
 															})
 														]
 													})]
-												}), /* @__PURE__ */ _(y, {
+												}), /* @__PURE__ */ g(v, {
 													type: "button",
 													size: "sm",
-													onClick: () => void hr(e.productId, e.licenseKey),
+													onClick: () => void _r(e.productId, e.licenseKey),
 													disabled: r || Y === e.productId || !n,
 													"aria-busy": Y === e.productId,
 													className: "flex-shrink-0",
@@ -1511,7 +1541,7 @@ function x() {
 											}, e.id);
 										})
 									})] }),
-									G === "ui-plugins" && /* @__PURE__ */ _(g, { children: r.length > 0 || j?.tunnelUrl ? /* @__PURE__ */ _(Ge, {
+									K === "ui-plugins" && /* @__PURE__ */ g(h, { children: r.length > 0 || j?.tunnelUrl ? /* @__PURE__ */ g(Ge, {
 										availablePlugins: [...j?.tunnelUrl ? [{
 											pluginName: "code-server",
 											displayName: "Code Server (VS Code)",
@@ -1527,14 +1557,14 @@ function x() {
 										tunnelUrl: j?.tunnelUrl || null,
 										agentId: j?.id ?? null,
 										profile: F
-									}) : /* @__PURE__ */ _("p", {
+									}) : /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-muted",
 										children: q ? "No UI plugins match your search." : "No plugins with UI are currently installed."
 									}) }),
-									Pn && z.length === 0 && /* @__PURE__ */ v("div", {
+									Fn && B.length === 0 && /* @__PURE__ */ _("div", {
 										role: "status",
 										className: "flex items-center gap-2 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ _(f, {
+										children: [/* @__PURE__ */ g(u, {
 											className: "size-4 animate-spin",
 											"aria-hidden": "true"
 										}), "Loading plugins..."]
@@ -1543,144 +1573,144 @@ function x() {
 							})] })
 						});
 					})(),
-					R === "sessions" && /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ v("div", {
+					R === "sessions" && /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ _("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between gap-3 flex-wrap",
-						children: [/* @__PURE__ */ v("h3", {
+						children: [/* @__PURE__ */ _("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ _(m, { className: "size-5" }),
-								C("nav.sessions", "Sessions"),
+								/* @__PURE__ */ g(p, { className: "size-5" }),
+								S("nav.sessions", "Sessions"),
 								" (",
 								Z.length,
 								")"
 							]
-						}), /* @__PURE__ */ _(It, {
+						}), /* @__PURE__ */ g(zt, {
 							permission: Me.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ v(y, {
+							children: /* @__PURE__ */ _(v, {
 								type: "button",
 								size: "sm",
 								"data-testid": "create-session-btn",
-								onClick: kr,
-								children: [/* @__PURE__ */ _(bt, {
+								onClick: jr,
+								children: [/* @__PURE__ */ g(St, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), C("sessions.createSession", "Create Session")]
+								}), S("sessions.createSession", "Create Session")]
 							})
 						})]
-					}), Z.length > 0 ? /* @__PURE__ */ _("div", {
+					}), Z.length > 0 ? /* @__PURE__ */ g("div", {
 						className: "divide-y divide-border-default",
-						children: Z.map((e) => /* @__PURE__ */ v("div", {
+						children: Z.map((e) => /* @__PURE__ */ _("div", {
 							role: "button",
 							tabIndex: 0,
 							onKeyDown: (t) => {
-								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Or(e.id));
+								t.target === t.currentTarget && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Ar(e.id));
 							},
-							onClick: () => Or(e.id),
+							onClick: () => Ar(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__ */ v("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-3 min-w-0",
-								children: [/* @__PURE__ */ _(m, {
+								children: [/* @__PURE__ */ g(p, {
 									className: "size-5 text-text-secondary flex-shrink-0",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ _("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "font-medium text-text-primary truncate",
 										children: e.name
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary truncate",
 										children: e.type
 									})]
 								})]
-							}), /* @__PURE__ */ _(we, { status: e.status })]
+							}), /* @__PURE__ */ g(we, { status: e.status })]
 						}, e.id))
-					}) : /* @__PURE__ */ v("div", {
+					}) : /* @__PURE__ */ _("div", {
 						className: "p-6 text-center text-text-secondary flex flex-col items-center gap-3",
-						children: [/* @__PURE__ */ _("span", { children: C("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ _(It, {
+						children: [/* @__PURE__ */ g("span", { children: S("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ g(zt, {
 							permission: Me.SESSION_CREATE,
 							deniedBehavior: "disable",
 							deniedTooltip: "You don't have permission to create sessions",
-							children: /* @__PURE__ */ v(y, {
+							children: /* @__PURE__ */ _(v, {
 								type: "button",
 								size: "sm",
 								"data-testid": "create-session-empty-btn",
-								onClick: kr,
-								children: [/* @__PURE__ */ _(bt, {
+								onClick: jr,
+								children: [/* @__PURE__ */ g(St, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), C("sessions.createSession", "Create Session")]
+								}), S("sessions.createSession", "Create Session")]
 							})
 						})]
 					})] }),
-					R === "connection" && /* @__PURE__ */ _(i, {
+					R === "connection" && /* @__PURE__ */ g(i, {
 						className: "min-h-[60vh]",
-						children: /* @__PURE__ */ _(Fe, {
+						children: /* @__PURE__ */ g(Fe, {
 							agentId: j.id,
 							agentName: j.name
 						})
 					}),
-					R === "logs" && /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+					R === "logs" && /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between",
-						children: /* @__PURE__ */ v("h3", {
+						children: /* @__PURE__ */ _("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ _(St, { className: "size-5" }), C("nav.logs", "Logs")]
+							children: [/* @__PURE__ */ g(wt, { className: "size-5" }), S("nav.logs", "Logs")]
 						})
-					}), /* @__PURE__ */ _("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ _(Je, {
+						children: /* @__PURE__ */ g(Je, {
 							agentId: j.id,
 							profile: F,
 							className: "min-h-[28rem]"
 						})
 					})] }),
-					R === "vibes" && /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _("div", {
+					R === "vibes" && /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between",
-						children: /* @__PURE__ */ v("h3", {
+						children: /* @__PURE__ */ _("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ _(h, { className: "size-5" }),
-								C("nav.vibes", "Vibes"),
+								/* @__PURE__ */ g(m, { className: "size-5" }),
+								S("nav.vibes", "Vibes"),
 								" (",
 								Q.length,
 								")"
 							]
 						})
-					}), Q.length > 0 ? /* @__PURE__ */ _("div", {
+					}), Q.length > 0 ? /* @__PURE__ */ g("div", {
 						className: "divide-y divide-border-default",
-						children: Q.map((e) => /* @__PURE__ */ v("div", {
+						children: Q.map((e) => /* @__PURE__ */ _("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(), Mr(e.id));
 							},
-							onClick: () => Ar(e.id),
+							onClick: () => Mr(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__ */ v("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center gap-3 min-w-0",
-								children: [/* @__PURE__ */ _(h, {
+								children: [/* @__PURE__ */ g(m, {
 									className: "size-5 text-text-secondary flex-shrink-0",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ _("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "font-medium text-text-primary truncate",
 										children: e.name
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary truncate",
 										children: e.type
 									})]
 								})]
-							}), /* @__PURE__ */ _(we, { status: e.status })]
+							}), /* @__PURE__ */ g(we, { status: e.status })]
 						}, e.id))
-					}) : /* @__PURE__ */ _("div", {
+					}) : /* @__PURE__ */ g("div", {
 						className: "p-6 text-center text-text-secondary",
-						children: C("agentDetails.noVibesUsingAgent", "No vibes using this agent")
+						children: S("agentDetails.noVibesUsingAgent", "No vibes using this agent")
 					})] }),
-					R === "notes" && /* @__PURE__ */ _("div", {
+					R === "notes" && /* @__PURE__ */ g("div", {
 						className: "space-y-6",
-						children: /* @__PURE__ */ _(Xe, {
+						children: /* @__PURE__ */ g(Xe, {
 							context: "agent",
 							agentVibes: Q.map((e) => ({
 								id: e.id,
@@ -1688,43 +1718,43 @@ function x() {
 							}))
 						})
 					}),
-					R === "aliases" && /* @__PURE__ */ _("div", {
+					R === "aliases" && /* @__PURE__ */ g("div", {
 						className: "space-y-6",
-						children: /* @__PURE__ */ _(ze, { agent: {
+						children: /* @__PURE__ */ g(ze, { agent: {
 							id: j.id,
 							profile: j.metadata?.profile ?? "default"
 						} })
 					}),
-					R === "backup" && j.tunnelUrl && /* @__PURE__ */ _(Pe, {
+					R === "backup" && j.tunnelUrl && /* @__PURE__ */ g(Pe, {
 						agentId: j.id,
 						profile: F
 					}),
-					R === "backup" && !j.tunnelUrl && /* @__PURE__ */ v(i, {
+					R === "backup" && !j.tunnelUrl && /* @__PURE__ */ _(i, {
 						className: "p-6 text-center text-text-secondary",
 						children: [
-							/* @__PURE__ */ _(lt, {
+							/* @__PURE__ */ g(dt, {
 								className: "size-8 mx-auto mb-2 text-text-muted",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ _("p", { children: C("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ g("p", { children: S("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
+							/* @__PURE__ */ g("p", {
 								className: "text-sm mt-1",
-								children: C("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
+								children: S("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
 							})
 						]
 					}),
-					R === "maintenance" && /* @__PURE__ */ _(Ie, {
+					R === "maintenance" && /* @__PURE__ */ g(Ie, {
 						agentId: j.id,
 						agentVersion: j.version,
-						onAfterDestructiveNuke: br
+						onAfterDestructiveNuke: Sr
 					}),
 					I && (() => {
 						let e = L.data.find((e) => e.contribution.id === R);
-						return !e || !j ? null : /* @__PURE__ */ _("div", {
+						return !e || !j ? null : /* @__PURE__ */ g("div", {
 							className: "space-y-6",
-							children: /* @__PURE__ */ _(i, { children: /* @__PURE__ */ _("div", {
+							children: /* @__PURE__ */ g(i, { children: /* @__PURE__ */ g("div", {
 								className: "p-0 h-[70vh] max-h-[40rem] min-h-[20rem]",
-								children: /* @__PURE__ */ _(et, {
+								children: /* @__PURE__ */ g(et, {
 									contribution: e,
 									tunnel: e.tunnel,
 									restPaths: e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`],
@@ -1744,9 +1774,9 @@ function x() {
 					})()
 				]
 			}),
-			I && j && /* @__PURE__ */ _($e, {
-				isOpen: En,
-				onClose: () => Dn(!1),
+			I && j && /* @__PURE__ */ g($e, {
+				isOpen: Dn,
+				onClose: () => On(!1),
 				mountPoint: "agent.detailTab",
 				agentId: j.id,
 				profile: F ?? "default",
@@ -1754,7 +1784,7 @@ function x() {
 					L.refetch();
 				}
 			}),
-			/* @__PURE__ */ _(Ue, {
+			/* @__PURE__ */ g(Ue, {
 				agent: {
 					id: j.id,
 					name: j.name,
@@ -1765,100 +1795,100 @@ function x() {
 					aiContext: j.aiContext,
 					metadata: j.metadata
 				},
-				isOpen: Qt,
-				onClose: () => $t(!1),
-				onSaved: () => a.success(C("agentDetails.configurationUpdated", "Agent configuration updated successfully"))
+				isOpen: tn,
+				onClose: () => nn(!1),
+				onSaved: () => a.success(S("agentDetails.configurationUpdated", "Agent configuration updated successfully"))
 			}),
-			/* @__PURE__ */ _(We, {
+			/* @__PURE__ */ g(We, {
 				agentId: j.id,
 				agentName: j.name,
 				probe: N.get(j.id),
-				isOpen: gn,
-				onClose: () => _n(!1),
-				onCreated: () => a.success(C("sessions.createdSuccess", "Session created successfully")),
+				isOpen: vn,
+				onClose: () => yn(!1),
+				onCreated: () => a.success(S("sessions.createdSuccess", "Session created successfully")),
 				onQuotaExhausted: () => {
-					_n(!1), he(), Xn("session"), W(!0);
+					yn(!1), he(), Zn("session"), G(!0);
 				}
 			}),
-			/* @__PURE__ */ _(de, {
-				isOpen: Ln !== null,
-				onClose: () => Rn(null),
+			/* @__PURE__ */ g(de, {
+				isOpen: Rn !== null,
+				onClose: () => zn(null),
 				onConfirm: () => {
-					let e = Ln;
-					Rn(null), e && dr(e);
+					let e = Rn;
+					zn(null), e && pr(e);
 				},
-				title: C("agentDetails.removePluginTitle", "Remove plugin"),
-				message: C("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: Ln ?? "" }),
-				confirmLabel: C("sessions.remove", "Remove"),
+				title: S("agentDetails.removePluginTitle", "Remove plugin"),
+				message: S("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: Rn ?? "" }),
+				confirmLabel: S("sessions.remove", "Remove"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ _(De, {
-				isOpen: zn !== null,
-				onClose: () => Bn(null),
+			/* @__PURE__ */ g(De, {
+				isOpen: Bn !== null,
+				onClose: () => Vn(null),
 				onSubmit: (e) => {
-					let t = zn;
-					Bn(null), t && pr(t, e || void 0);
+					let t = Bn;
+					Vn(null), t && hr(t, e || void 0);
 				},
-				title: C("agentDetails.updatePluginTitle", "Update plugin"),
-				description: C("agentDetails.updatePluginPrompt", "Update {{packageName}} to which version? Leave blank for latest.", { packageName: zn ?? "" }),
-				label: C("agentDetails.updatePluginVersionLabel", "Version"),
-				placeholder: C("agentDetails.updatePluginVersionPlaceholder", "latest"),
-				confirmLabel: C("agentDetails.update", "Update")
+				title: S("agentDetails.updatePluginTitle", "Update plugin"),
+				description: S("agentDetails.updatePluginPrompt", "Update {{packageName}} to which version? Leave blank for latest.", { packageName: Bn ?? "" }),
+				label: S("agentDetails.updatePluginVersionLabel", "Version"),
+				placeholder: S("agentDetails.updatePluginVersionPlaceholder", "latest"),
+				confirmLabel: S("agentDetails.update", "Update")
 			}),
-			/* @__PURE__ */ _(fe, {
-				isOpen: Jn,
-				onClose: () => W(!1),
+			/* @__PURE__ */ g(fe, {
+				isOpen: Yn,
+				onClose: () => G(!1),
 				onConfirm: () => {
-					W(!1), S("/billing/plans");
+					G(!1), x("/billing/plans");
 				},
-				title: pe(Yn).title,
-				message: pe(Yn).message
+				title: pe(Xn).title,
+				message: pe(Xn).message
 			}),
-			/* @__PURE__ */ _(de, {
-				isOpen: Vn,
+			/* @__PURE__ */ g(de, {
+				isOpen: Hn,
 				onClose: () => {
-					U || Hn(!1);
+					W || Un(!1);
 				},
-				onConfirm: Dr,
-				title: C("agentDetails.removeAgentTitle", "Remove agent"),
-				message: C("agentDetails.removeAgentMessage", "Remove “{{name}}” from this workspace.", { name: j.name }),
-				confirmLabel: C("sessions.remove", "Remove"),
+				onConfirm: kr,
+				title: S("agentDetails.removeAgentTitle", "Remove agent"),
+				message: S("agentDetails.removeAgentMessage", "Remove “{{name}}” from this workspace.", { name: j.name }),
+				confirmLabel: S("sessions.remove", "Remove"),
 				variant: "danger",
-				isLoading: U,
-				children: /* @__PURE__ */ v("div", {
+				isLoading: W,
+				children: /* @__PURE__ */ _("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ v("label", {
+					children: [/* @__PURE__ */ _("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ _(Pt, {
-							checked: Un,
-							disabled: U,
-							onCheckedChange: (e) => Wn(e === !0),
+						children: [/* @__PURE__ */ g(Ft, {
+							checked: Wn,
+							disabled: W,
+							onCheckedChange: (e) => Gn(e === !0),
 							className: "mt-0.5"
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ _("span", {
+							children: [/* @__PURE__ */ g("span", {
 								className: "block text-sm font-medium text-text-primary",
-								children: C("agentDetails.uninstallFromTarget", "Uninstall agent from the target")
-							}), /* @__PURE__ */ _("span", {
+								children: S("agentDetails.uninstallFromTarget", "Uninstall agent from the target")
+							}), /* @__PURE__ */ g("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: S("agentDetails.uninstallFromTargetDesc", "Also wipe all agent state + VibeControls plugins and uninstall the agent from the host machine. This cannot be undone.")
 							})]
 						})]
-					}), /* @__PURE__ */ v("label", {
+					}), /* @__PURE__ */ _("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ _(Pt, {
-							checked: Gn,
-							disabled: U,
-							onCheckedChange: (e) => Kn(e === !0),
+						children: [/* @__PURE__ */ g(Ft, {
+							checked: Kn,
+							disabled: W,
+							onCheckedChange: (e) => qn(e === !0),
 							className: "mt-0.5"
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ _("span", {
+							children: [/* @__PURE__ */ g("span", {
 								className: "block text-sm font-medium text-text-primary",
-								children: C("agentDetails.deleteTarget", "Delete the mapped target")
-							}), /* @__PURE__ */ _("span", {
+								children: S("agentDetails.deleteTarget", "Delete the mapped target")
+							}), /* @__PURE__ */ g("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: S("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.")
 							})]
 						})]
 					})]
@@ -1868,6 +1898,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as AgentDetailsPage };
+export { b as AgentDetailsPage };
 
 //# sourceMappingURL=AgentDetailsPage.js.map