@burdenoff/microfe-vibecontrols 2026.601.19 → 2026.601.21

package/dist/pages/AgentDetailsPage.js

@@ -1,56 +1,56 @@
-import { useAgentPluginsLazyQuery as e, useAgentSecretRevealLazyQuery as t, useCheckSessionHealthMutation as n, useCreateSessionMutation as r, useDeleteAgentMutation as i, useGetAgentQuery as a, useInstallAgentPluginMutation as ee, usePushAgentGatewayAuthMutation as te, useRemoveAgentPluginMutation as o, useSetupAgentGatewayAuthMutation as ne, useStartVibecontrolsAgentMutation as re, useStopVibecontrolsAgentMutation as ie, useUpdateAgentMutation as ae, useUpdateAgentPluginMutation as s, useVibecontrolsAgentHealthProbeStreamSubscription as oe, useVibecontrolsAgentHealthProbesQuery as se } from "../generated/wspace-operations.js";
-import { ConfirmDialog as ce } from "../components/shared/ConfirmDialog.js";
-import { QuotaExhaustedDialog as le } from "../components/shared/QuotaExhaustedDialog.js";
-import { getQuotaDialogContent as ue, isQuotaExhaustedError as de, markQuotaHandledLocally as fe } from "../utils/quotaUtils.js";
-import { useVibeControls as pe, useVibeNavigate as c } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as me } from "../store/vibeControlsStore.js";
-import { PageHeader as he } from "../components/shared/PageHeader.js";
-import { ErrorState as ge } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as _e } from "../components/shared/EntityTagPicker.js";
-import { EmptyState as ve } from "../components/shared/EmptyState.js";
-import { StatusBadge as ye } from "../components/shared/StatusBadge.js";
+import { useAgentPluginsLazyQuery as e, useAgentSecretRevealLazyQuery as t, useCheckSessionHealthMutation as n, useCreateSessionMutation as r, useDeleteAgentMutation as i, useGetAgentQuery as a, useInstallAgentPluginMutation as ee, useRemoveAgentPluginMutation as te, useSetupAgentGatewayAuthMutation as ne, useStartVibecontrolsAgentMutation as o, useStopVibecontrolsAgentMutation as re, useUpdateAgentMutation as ie, useUpdateAgentPluginMutation as ae, useVibecontrolsAgentHealthProbeStreamSubscription as s, useVibecontrolsAgentHealthProbesQuery as oe } from "../generated/wspace-operations.js";
+import { ConfirmDialog as se } from "../components/shared/ConfirmDialog.js";
+import { QuotaExhaustedDialog as ce } from "../components/shared/QuotaExhaustedDialog.js";
+import { getQuotaDialogContent as le, isQuotaExhaustedError as ue, markQuotaHandledLocally as de } from "../utils/quotaUtils.js";
+import { useVibeControls as fe, useVibeNavigate as pe } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as c } from "../store/vibeControlsStore.js";
+import { PageHeader as me } from "../components/shared/PageHeader.js";
+import { ErrorState as he } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as ge } from "../components/shared/EntityTagPicker.js";
+import { EmptyState as _e } from "../components/shared/EmptyState.js";
+import { StatusBadge as ve } from "../components/shared/StatusBadge.js";
 import { Card as l } from "../components/shared/Card.js";
-import { useActiveAgentProfile as be } from "../hooks/useActiveAgentProfile.js";
+import { useActiveAgentProfile as ye } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { isNative as xe, nativeCopyText as Se, nativeToast as Ce } from "../utils/nativeBridge.js";
-import { VIBE_PERMISSIONS as we } from "../constants/permissions.js";
-import { PageSkeleton as Te } from "../components/shared/PageSkeleton.js";
-import { AgentBackupTab as Ee } from "../components/agents/backup/AgentBackupTab.js";
-import { ConnectionLogPanel as De } from "../components/agents/ConnectionLogPanel.js";
-import { AgentMaintenanceTab as Oe } from "../components/agents/AgentMaintenanceTab.js";
-import { AgentConnectionRecovery as ke } from "../components/agents/AgentConnectionRecovery.js";
-import { AgentStorageConfig as Ae } from "../components/agents/AgentStorageConfig.js";
-import { AliasManager as je } from "../components/aliases/AliasManager.js";
-import { AgentStatusBadge as Me } from "../components/agents/AgentStatusBadge.js";
-import { RemoteTaskPermissionsCard as Ne } from "../components/agents/RemoteTaskPermissionsCard.js";
-import { PluginUIPanel as Pe } from "../components/agents/PluginUIPanel.js";
-import { OpenInBrowserEditorButton as Fe } from "../components/agents/OpenInBrowserEditorButton.js";
+import { isNative as be, nativeCopyText as xe, nativeToast as Se } from "../utils/nativeBridge.js";
+import { VIBE_PERMISSIONS as Ce } from "../constants/permissions.js";
+import { PageSkeleton as we } from "../components/shared/PageSkeleton.js";
+import { AgentBackupTab as Te } from "../components/agents/backup/AgentBackupTab.js";
+import { ConnectionLogPanel as Ee } from "../components/agents/ConnectionLogPanel.js";
+import { AgentMaintenanceTab as De } from "../components/agents/AgentMaintenanceTab.js";
+import { AgentConnectionRecovery as Oe } from "../components/agents/AgentConnectionRecovery.js";
+import { AgentStorageConfig as ke } from "../components/agents/AgentStorageConfig.js";
+import { AliasManager as Ae } from "../components/aliases/AliasManager.js";
+import { AgentStatusBadge as je } from "../components/agents/AgentStatusBadge.js";
+import { RemoteTaskPermissionsCard as Me } from "../components/agents/RemoteTaskPermissionsCard.js";
+import { PluginUIPanel as Ne } from "../components/agents/PluginUIPanel.js";
+import { OpenInBrowserEditorButton as Pe } from "../components/agents/OpenInBrowserEditorButton.js";
 import "../components/agents/index.js";
-import { deriveAgentStatus as Ie } from "../utils/agentStatus.js";
-import { LogViewer as Le } from "../components/logs/LogViewer.js";
-import { ProfilesPanel as Re } from "../components/agent-manager/ProfilesPanel.js";
+import { deriveAgentStatus as Fe } from "../utils/agentStatus.js";
+import { LogViewer as Ie } from "../components/logs/LogViewer.js";
+import { ProfilesPanel as Le } from "../components/agent-manager/ProfilesPanel.js";
 import "../components/agent-manager/index.js";
-import { NotesTabPanel as ze } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as Re } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as Be } from "../hooks/useQueryBackedTab.js";
-import { mintScopedIframeToken as Ve } from "../services/iframeToken.js";
-import { AddTabDialog as He } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as Ue } from "../components/plugins/PluginIframeMount.js";
-import { useCallback as u, useEffect as d, useMemo as We, useRef as f, useState as p } from "react";
-import { useI18n as Ge } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as Ke, ArrowUpCircle as qe, Bot as Je, Check as Ye, CheckCircle2 as Xe, Clock as Ze, Command as Qe, Copy as $e, Cpu as et, Database as tt, Download as nt, Edit3 as rt, Eye as it, EyeOff as at, FileText as ot, HardDrive as st, Info as ct, Key as lt, Link2 as m, Loader2 as h, Monitor as ut, Play as dt, Plus as ft, Puzzle as pt, RefreshCw as mt, ScrollText as ht, Search as gt, Server as _t, Settings as vt, Shield as yt, Square as bt, Tag as xt, Terminal as St, Trash2 as Ct, Unlink as wt, Users as Tt, Wrench as Et, X as g, Zap as Dt } from "lucide-react";
-import { useParams as Ot } from "react-router-dom";
-import { usePermissions as kt } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as At, motion as _ } from "framer-motion";
+import { useQueryBackedTab as ze } from "../hooks/useQueryBackedTab.js";
+import { mintScopedIframeToken as Be } from "../services/iframeToken.js";
+import { AddTabDialog as Ve } from "../components/plugins/AddTabDialog.js";
+import { PluginIframeMount as He } from "../components/plugins/PluginIframeMount.js";
+import { useCallback as u, useEffect as d, useMemo as Ue, useRef as f, useState as p } from "react";
+import { useI18n as We } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as Ge, ArrowUpCircle as Ke, Bot as qe, Check as Je, CheckCircle2 as Ye, Clock as Xe, Command as Ze, Copy as Qe, Cpu as $e, Database as et, Download as tt, Edit3 as nt, Eye as rt, EyeOff as it, FileText as at, HardDrive as ot, Info as st, Key as ct, Link2 as lt, Loader2 as m, Monitor as ut, Play as dt, Plus as ft, Puzzle as pt, RefreshCw as mt, ScrollText as ht, Search as gt, Server as _t, Settings as vt, Shield as yt, Square as bt, Tag as xt, Terminal as St, Trash2 as Ct, Unlink as h, Users as wt, Wrench as Tt, X as g, Zap as Et } from "lucide-react";
+import { useParams as Dt } from "react-router-dom";
+import { usePermissions as Ot } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as kt, motion as _ } from "framer-motion";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Checkbox as jt } from "@burdenoff/fe-libs/ui";
-import { useFeatureFlagDetails as Mt } from "@burdenoff/fe-libs/shared/feature-flags";
-import { PermissionButton as Nt } from "@burdenoff/fe-libs/shared/components";
-import { MotionPage as Pt } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as Ft } from "@burdenoff/fe-libs/shared/plugins";
+import { Checkbox as At } from "@burdenoff/fe-libs/ui";
+import { useFeatureFlagDetails as jt } from "@burdenoff/fe-libs/shared/feature-flags";
+import { PermissionButton as Mt } from "@burdenoff/fe-libs/shared/components";
+import { MotionPage as Nt } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as Pt } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/AgentDetailsPage.tsx
-function It({ agent: e, onUpdate: t }) {
-	let { t: n } = Ge(), [r] = ae(), [i] = ne(), [a, ee] = p(!1), [te, o] = p(null), [re, ie] = p(!1), [s, oe] = p(null), [se, ce] = p(!1), [le, ue] = p(!1), [de, fe] = p(!1), pe = !!(e.appId && e.appClientId), c = (e, t, r) => {
+function Ft({ agent: e, onUpdate: t }) {
+	let { t: n } = We(), [r] = ie(), [i] = ne(), [a, ee] = p(!1), [te, o] = p(null), [re, ae] = p(!1), [s, oe] = p(null), [se, ce] = p(!1), [le, ue] = p(!1), [de, fe] = p(!1), pe = !!(e.appId && e.appClientId), c = (e, t, r) => {
 		let i = n(e, r), a = i === e ? t : i;
 		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), a) : a;
 	}, me = e.metadata?.devportalApplicationId, he = async () => {
@@ -93,7 +93,7 @@ function It({ agent: e, onUpdate: t }) {
 				className: "flex items-start gap-3",
 				children: [/* @__PURE__ */ y("div", {
 					className: "size-8 rounded-lg bg-status-success-bg flex items-center justify-center flex-shrink-0 mt-0.5",
-					children: /* @__PURE__ */ y(m, { className: "size-4 text-status-success-text" })
+					children: /* @__PURE__ */ y(lt, { className: "size-4 text-status-success-text" })
 				}), /* @__PURE__ */ b("div", {
 					className: "flex-1 min-w-0 space-y-2",
 					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
@@ -116,12 +116,12 @@ function It({ agent: e, onUpdate: t }) {
 								type: "button",
 								onClick: async () => {
 									if (e.appClientId) try {
-										await Se(e.appClientId), xe() && Ce("Copied"), ue(!0), setTimeout(() => ue(!1), 2e3);
+										await xe(e.appClientId), be() && Se("Copied"), ue(!0), setTimeout(() => ue(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
 								title: c("agentDetails.copyClientId", "Copy Client ID"),
-								children: le ? /* @__PURE__ */ y(Ye, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ y($e, { className: "size-3.5 text-text-secondary" })
+								children: le ? /* @__PURE__ */ y(Je, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ y(Qe, { className: "size-3.5 text-text-secondary" })
 							})]
 						})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary mb-1",
@@ -153,19 +153,19 @@ function It({ agent: e, onUpdate: t }) {
 							}),
 							/* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => ie(!re),
+								onClick: () => ae(!re),
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: y(re ? at : it, { className: "size-3.5 text-text-secondary" })
+								children: y(re ? it : rt, { className: "size-3.5 text-text-secondary" })
 							}),
 							/* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: async () => {
 									if (s) try {
-										await Se(s), xe() && Ce("Secret copied"), ce(!0), setTimeout(() => ce(!1), 2e3);
+										await xe(s), be() && Se("Secret copied"), ce(!0), setTimeout(() => ce(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: se ? /* @__PURE__ */ y(Ye, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ y($e, { className: "size-3.5 text-text-secondary" })
+								children: se ? /* @__PURE__ */ y(Je, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ y(Qe, { className: "size-3.5 text-text-secondary" })
 							})
 						]
 					})
@@ -185,7 +185,7 @@ function It({ agent: e, onUpdate: t }) {
 						disabled: a,
 						className: "flex items-center gap-2 px-3 py-1.5 text-xs text-action-primary-bg bg-action-primary-bg/10 hover:bg-action-primary-bg/20 rounded-md transition-colors disabled:opacity-50",
 						title: c("agentDetails.repushCredentialsTitle", "Rotate the OAuth secret and push it to the agent. Use this if the agent shows degraded with \"boot state awaiting-config\"."),
-						children: [a ? /* @__PURE__ */ y(h, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(mt, { className: "size-3" }), c("agentDetails.repushCredentials", "Re-push credentials")]
+						children: [a ? /* @__PURE__ */ y(m, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(mt, { className: "size-3" }), c("agentDetails.repushCredentials", "Re-push credentials")]
 					}),
 					/* @__PURE__ */ b("button", {
 						type: "button",
@@ -209,7 +209,7 @@ function It({ agent: e, onUpdate: t }) {
 						},
 						disabled: de,
 						className: "flex items-center gap-2 px-3 py-1.5 text-xs text-status-error-text hover:bg-status-error-bg rounded-md transition-colors disabled:opacity-50",
-						children: [de ? /* @__PURE__ */ y(h, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(wt, { className: "size-3" }), c("agentDetails.unlinkApp", "Unlink App")]
+						children: [de ? /* @__PURE__ */ y(m, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(h, { className: "size-3" }), c("agentDetails.unlinkApp", "Unlink App")]
 					})
 				]
 			})
@@ -233,11 +233,11 @@ function It({ agent: e, onUpdate: t }) {
 			onClick: he,
 			disabled: a,
 			className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-			children: a ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(h, { className: "size-4 animate-spin" }), c("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(m, { className: "size-4" }), c("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
+			children: a ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(m, { className: "size-4 animate-spin" }), c("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(lt, { className: "size-4" }), c("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
 		})] })]
 	})] });
 }
-var Lt = [
+var It = [
 	"overview",
 	"profiles",
 	"security",
@@ -251,11 +251,11 @@ var Lt = [
 	"backup",
 	"maintenance"
 ];
-function Rt() {
-	let { t: ne } = Ge(), { id: m } = Ot(), { basePath: wt } = pe(), Rt = wt || "", x = c(), { hasPermission: zt, isLoading: Bt, permissions: Vt } = kt(), S = u((e, t, n) => {
-		let r = ne(e, n), i = r === e ? t : r;
+function Lt() {
+	let { t: lt } = We(), { id: h } = Dt(), { basePath: Lt } = fe(), Rt = Lt || "", x = pe(), { hasPermission: zt, isLoading: Bt, permissions: Vt } = Ot(), S = u((e, t, n) => {
+		let r = lt(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [ne]), [Ht] = ae({ refetchQueries: ["GetAgent"] }), [Ut] = i({
+	}, [lt]), [Ht] = ie({ refetchQueries: ["GetAgent"] }), [Ut] = i({
 		refetchQueries: ["ListAgents", "VibeControlsInitialData"],
 		awaitRefetchQueries: !0,
 		update(e, t, { variables: n }) {
@@ -265,10 +265,10 @@ function Rt() {
 				id: r
 			}) }), e.gc());
 		}
-	}), [Wt] = n({ refetchQueries: ["GetAgent"] }), [Gt] = re(), [Kt] = ie(), [C, qt] = p(null), [Jt, Yt] = p(null), Xt = me((e) => e.setActiveAgentId);
+	}), [Wt] = n({ refetchQueries: ["GetAgent"] }), [Gt] = o(), [Kt] = re(), [C, qt] = p(null), [Jt, Yt] = p(null), Xt = c((e) => e.setActiveAgentId);
 	d(() => {
-		m && Xt(m);
-	}, [m, Xt]);
+		h && Xt(h);
+	}, [h, Xt]);
 	let [Zt, Qt] = p(!1), [$t, w] = p(null), [en, tn] = p(!1), [nn, T] = p(null), [rn, an] = p(!1), [on, sn] = p(!1), [cn, ln] = p(""), [E, un] = p(!1), [dn, fn] = p(null), pn = f(null), mn = f(null), hn = f(null), gn = f(null), _n = f(null), [vn, yn] = p(!1), [bn, xn] = p(!1), [D, Sn] = p(null), [Cn, wn] = p(!1), [Tn, En] = p(null), [Dn] = t({ fetchPolicy: "network-only" }), [O, k] = p(!1), [On, A] = p(null), [j, kn] = p(!1), M = f(null), An = f(null), jn = f(null), Mn = f(null), [Nn] = r({ refetchQueries: ["GetAgent", "ListSessions"] });
 	d(() => {
 		if (!O) return;
@@ -282,16 +282,16 @@ function Rt() {
 		return () => cancelAnimationFrame(e);
 	}, [O]);
 	let { data: Pn, loading: Fn, error: In, refetch: N } = a({
-		variables: { id: m || "" },
-		skip: !m,
+		variables: { id: h || "" },
+		skip: !h,
 		fetchPolicy: "cache-and-network"
-	}), P = Pn?.vibecontrolsAgent, F = se({
+	}), P = Pn?.vibecontrolsAgent, F = oe({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
-		skip: !m,
+		skip: !h,
 		pollInterval: 3e4
-	}), { data: Ln } = oe({ skip: !m }), Rn = F.data === void 0 && Ln === void 0, I = We(() => {
+	}), { data: Ln } = s({ skip: !h }), Rn = F.data === void 0 && Ln === void 0, I = Ue(() => {
 		let e = /* @__PURE__ */ new Map(), t = Ln?.vibecontrolsAgentHealthProbeStream ?? F.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
@@ -299,7 +299,7 @@ function Rt() {
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [F.data, Ln]), L = We(() => P ? Ie({
+	}, [F.data, Ln]), L = Ue(() => P ? Fe({
 		id: P.id,
 		isActive: P.isActive,
 		metadata: P.metadata
@@ -307,14 +307,14 @@ function Rt() {
 		P,
 		I,
 		Rn
-	]), zn = L === "STOPPED" || L === "OFFLINE", { active: R } = be(P?.id ?? null), z = Mt("vibes.tabs.iframe-host")?.value === !0, Bn = We(() => {
+	]), zn = L === "STOPPED" || L === "OFFLINE", { active: R } = ye(P?.id ?? null), z = jt("vibes.tabs.iframe-host")?.value === !0, Bn = Ue(() => {
 		if (!z || !P?.tunnelUrl) return [];
 		let e = P.id, t = R ?? "default";
 		return [{
 			tunnelUrl: P.tunnelUrl,
 			profile: t,
 			label: P.name ?? P.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => Ve(e, t, n)
+			mintIframeToken: async ({ pathPrefixes: n }) => Be(e, t, n)
 		}];
 	}, [
 		z,
@@ -322,17 +322,17 @@ function Rt() {
 		P?.tunnelUrl,
 		P?.name,
 		R
-	]), B = Ft(Bn, {
+	]), B = Pt(Bn, {
 		mountPoint: "agent.detailTab",
 		enabled: z && Bn.length > 0
-	}), [V, Vn] = Be(We(() => {
+	}), [V, Vn] = ze(Ue(() => {
 		let e = B.data.filter((e) => e.contribution.mountPoint === "agent.detailTab").map((e) => e.contribution.id);
-		return [...Lt, ...e];
+		return [...It, ...e];
 	}, [B.data]), "overview"), [Hn, Un] = p(!1), Wn = f(!1);
 	d(() => {
 		P && !Wn.current && (Wn.current = !0, Wt().catch(() => {}));
 	}, [P, Wt]);
-	let [Gn] = te(), Kn = f(!1);
+	let [Gn] = ne(), Kn = f(!1);
 	d(() => {
 		if (!P || Kn.current) return;
 		let e = !!(P.appId && P.appClientId), t = !!P.tunnelUrl;
@@ -344,7 +344,7 @@ function Rt() {
 		Gn,
 		N
 	]);
-	let [H, qn] = p([]), [Jn, Yn] = p([]), [Xn, Zn] = p(!0), [U, W] = p(null), [Qn, G] = p(null), [$n, er] = p(!1), [tr, nr] = p(!1), [rr, ir] = p(!1), [ar, or] = p(!1), [sr, cr] = p(!1), [lr, ur] = p("plugin"), dr = f(null), [K, fr] = p("installed"), [q, pr] = p(""), [J, mr] = p([]), [hr, gr] = p(!1), [_r, vr] = p(null), [Y, yr] = p(null), [br] = e(), [xr] = ee(), [Sr] = o(), [Cr] = s(), X = u(async () => {
+	let [H, qn] = p([]), [Jn, Yn] = p([]), [Xn, Zn] = p(!0), [U, W] = p(null), [Qn, G] = p(null), [$n, er] = p(!1), [tr, nr] = p(!1), [rr, ir] = p(!1), [ar, or] = p(!1), [sr, cr] = p(!1), [lr, ur] = p("plugin"), dr = f(null), [K, fr] = p("installed"), [q, pr] = p(""), [J, mr] = p([]), [hr, gr] = p(!1), [_r, vr] = p(null), [Y, yr] = p(null), [br] = e(), [xr] = ee(), [Sr] = te(), [Cr] = ae(), X = u(async () => {
 		if (P?.id) {
 			Zn(!0), G(null);
 			try {
@@ -411,8 +411,8 @@ function Rt() {
 				if (t?.installAgentPlugin?.success) await X();
 				else throw Error(t?.installAgentPlugin?.error || S("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
-				if (de(e)) {
-					fe(), ur("plugin"), cr(!0);
+				if (ue(e)) {
+					de(), ur("plugin"), cr(!0);
 					return;
 				}
 				G(e instanceof Error ? e.message : S("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => G(null), 5e3);
@@ -565,7 +565,7 @@ function Rt() {
 			children: "Loading permissions…"
 		})
 	});
-	if (Vt && (Vt.permissionStrings?.length ?? 0) > 0 && !zt(we.AGENT_READ)) return /* @__PURE__ */ y("div", {
+	if (Vt && (Vt.permissionStrings?.length ?? 0) > 0 && !zt(Ce.AGENT_READ)) return /* @__PURE__ */ y("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ b("div", {
 			className: "text-center space-y-2",
@@ -653,7 +653,7 @@ function Rt() {
 	}, Rr = async () => {
 		let e = await kr();
 		if (e) try {
-			await Se(e), xe() && Ce("API key copied"), xn(!0), setTimeout(() => xn(!1), 2e3);
+			await xe(e), be() && Se("API key copied"), xn(!0), setTimeout(() => xn(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
@@ -705,8 +705,8 @@ function Rt() {
 				workingDirectory: r
 			} } }), k(!1), M.current && (M.current.value = ""), An.current && (An.current.selectedIndex = 0), jn.current && (jn.current.value = ""), Mn.current && (Mn.current.value = ""), T(S("sessions.createdSuccess", "Session created successfully")), setTimeout(() => T(null), 3e3);
 		} catch (e) {
-			if (de(e)) {
-				k(!1), fe(), ur("session"), cr(!0);
+			if (ue(e)) {
+				k(!1), de(), ur("session"), cr(!0);
 				return;
 			}
 			A(e instanceof Error ? e.message : S("sessions.failedCreate", "Failed to create session"));
@@ -720,39 +720,39 @@ function Rt() {
 		let t = Date.now() - new Date(e).getTime();
 		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 (Fn && !P) return /* @__PURE__ */ b(Pt, {
+	if (Fn && !P) return /* @__PURE__ */ b(Nt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ y(Ke, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ y(Te, { variant: "detail" })]
+			children: [/* @__PURE__ */ y(Ge, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ y(we, { variant: "detail" })]
 	});
-	if (In && !P) return /* @__PURE__ */ b(Pt, {
+	if (In && !P) return /* @__PURE__ */ b(Nt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ y(Ke, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ y(ge, {
+			children: [/* @__PURE__ */ y(Ge, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ y(he, {
 			title: S("agentDetails.failedLoad", "Failed to load agent"),
 			message: In.message,
 			onRetry: () => N()
 		})]
 	});
-	if (!P) return /* @__PURE__ */ b(Pt, {
+	if (!P) return /* @__PURE__ */ b(Nt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ b("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ y(Ke, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ y(ve, {
+			children: [/* @__PURE__ */ y(Ge, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ y(_e, {
 			icon: /* @__PURE__ */ y(_t, { className: "size-8 text-text-secondary" }),
 			title: S("agentDetails.notFound", "Agent not found"),
-			description: `${S("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${m}" ${S("agentDetails.notFoundDescriptionSuffix", "exists")}`,
+			description: `${S("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${h}" ${S("agentDetails.notFoundDescriptionSuffix", "exists")}`,
 			action: /* @__PURE__ */ y("button", {
 				type: "button",
 				onClick: $,
@@ -770,7 +770,7 @@ function Rt() {
 		{
 			id: "profiles",
 			label: S("agentDetails.profiles", "Profiles"),
-			icon: Tt
+			icon: wt
 		},
 		{
 			id: "security",
@@ -802,31 +802,31 @@ function Rt() {
 		{
 			id: "vibes",
 			label: S("nav.vibes", "Vibes"),
-			icon: Dt,
+			icon: Et,
 			badge: `${Q.length}`
 		},
 		{
 			id: "notes",
 			label: S("vibeDetails.notes", "Notes"),
-			icon: ot
+			icon: at
 		},
 		{
 			id: "aliases",
 			label: S("agentDetails.aliases", "Aliases"),
-			icon: Qe
+			icon: Ze
 		},
 		{
 			id: "backup",
 			label: S("agentDetails.backup", "Backup"),
-			icon: tt
+			icon: et
 		},
 		{
 			id: "maintenance",
 			label: S("agentDetails.maintenance.tab", "Maintenance"),
-			icon: Et
+			icon: Tt
 		}
 	], Jr = Z.filter((e) => e.status === "RUNNING").length;
-	return P?.tunnelUrl, /* @__PURE__ */ b(Pt, {
+	return P?.tunnelUrl, /* @__PURE__ */ b(Nt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
 			nn && /* @__PURE__ */ y("div", {
@@ -841,9 +841,9 @@ function Rt() {
 				type: "button",
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ y(Ke, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
+				children: [/* @__PURE__ */ y(Ge, { className: "size-4" }), S("agentDetails.backToAgents", "Back to Agents")]
 			}),
-			/* @__PURE__ */ y(he, {
+			/* @__PURE__ */ y(me, {
 				title: P.name,
 				description: P.hostname || S("agentDetails.noHostnameConfigured", "No hostname configured"),
 				breadcrumb: [{
@@ -859,7 +859,7 @@ function Rt() {
 							className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
 							title: S("agentDetails.openAiChat", "Open AI chat with this agent"),
 							"data-testid": "agent-open-ai-chat",
-							children: [/* @__PURE__ */ y(Je, { className: "size-4" }), /* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ y(qe, { className: "size-4" }), /* @__PURE__ */ y("span", {
 								className: "hidden sm:inline",
 								children: S("agentDetails.aiChat", "AI Chat")
 							})]
@@ -878,14 +878,14 @@ function Rt() {
 							disabled: C !== null,
 							"aria-busy": C === "start",
 							className: "flex items-center gap-2 px-3 py-2 bg-status-success-bg text-status-success-text rounded-md hover:opacity-80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
-							children: [C === "start" ? /* @__PURE__ */ y(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(dt, { className: "size-4" }), C === "start" ? S("agentDetails.starting", "Starting…") : S("agentDetails.start", "Start")]
+							children: [C === "start" ? /* @__PURE__ */ y(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(dt, { className: "size-4" }), C === "start" ? S("agentDetails.starting", "Starting…") : S("agentDetails.start", "Start")]
 						}) : /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: Mr,
 							disabled: C !== null,
 							"aria-busy": C === "stop",
 							className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
-							children: [C === "stop" ? /* @__PURE__ */ y(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(bt, { className: "size-4" }), C === "stop" ? S("agentDetails.stopping", "Stopping…") : S("sessions.stop", "Stop")]
+							children: [C === "stop" ? /* @__PURE__ */ y(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(bt, { className: "size-4" }), C === "stop" ? S("agentDetails.stopping", "Stopping…") : S("sessions.stop", "Stop")]
 						}),
 						L === "DEGRADED" && /* @__PURE__ */ b("button", {
 							type: "button",
@@ -894,9 +894,9 @@ function Rt() {
 							"aria-busy": C === "start",
 							className: "flex items-center gap-2 px-3 py-2 bg-status-warning-bg text-status-warning-text rounded-md hover:opacity-80 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
 							title: I.get(P.id)?.errorMessage ? `Retry lifecycle/start — last error: ${I.get(P.id)?.errorMessage}` : "Retry lifecycle/start",
-							children: [C === "start" ? /* @__PURE__ */ y(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(mt, { className: "size-4" }), C === "start" ? S("agentDetails.reconnecting", "Reconnecting…") : S("agentDetails.reconnect", "Reconnect")]
+							children: [C === "start" ? /* @__PURE__ */ y(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(mt, { className: "size-4" }), C === "start" ? S("agentDetails.reconnecting", "Reconnecting…") : S("agentDetails.reconnect", "Reconnect")]
 						}),
-						/* @__PURE__ */ y(Fe, {
+						/* @__PURE__ */ y(Pe, {
 							agentId: P.id,
 							tunnelUrl: P.tunnelUrl || null,
 							profile: R
@@ -940,7 +940,7 @@ function Rt() {
 						disabled: !cn.trim() || cn.trim() === P.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-bg-hover transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
 						"data-testid": "agent-details-rename-save",
-						children: [E ? /* @__PURE__ */ y(h, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ y(Ye, { className: "size-3.5" }), S("agentDetails.saveName", "Save")]
+						children: [E ? /* @__PURE__ */ y(m, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ y(Je, { className: "size-3.5" }), S("agentDetails.saveName", "Save")]
 					}),
 					/* @__PURE__ */ y("button", {
 						type: "button",
@@ -963,7 +963,7 @@ function Rt() {
 					className: "inline-flex items-center gap-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
 					title: S("agentDetails.renameTooltip", "Rename this agent"),
 					"data-testid": "agent-details-rename-trigger",
-					children: [/* @__PURE__ */ y(rt, { className: "size-3.5" }), S("agentDetails.rename", "Rename")]
+					children: [/* @__PURE__ */ y(nt, { className: "size-3.5" }), S("agentDetails.rename", "Rename")]
 				})
 			}),
 			L === "DEGRADED" && /* @__PURE__ */ b("div", {
@@ -971,7 +971,7 @@ function Rt() {
 				"aria-live": "polite",
 				className: "flex items-start gap-3 rounded-lg border border-status-warning-border bg-status-warning-bg/30 px-4 py-3 text-sm text-text-primary",
 				children: [
-					/* @__PURE__ */ y(h, { className: "size-4 mt-0.5 flex-shrink-0 animate-spin text-status-warning-text" }),
+					/* @__PURE__ */ y(m, { className: "size-4 mt-0.5 flex-shrink-0 animate-spin text-status-warning-text" }),
 					/* @__PURE__ */ b("div", {
 						className: "flex-1 min-w-0 space-y-1",
 						children: [
@@ -1013,7 +1013,7 @@ function Rt() {
 							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: S("sessions.filterStatus", "Status")
-							}), /* @__PURE__ */ y(Me, {
+							}), /* @__PURE__ */ y(je, {
 								status: L,
 								reason: I.get(P.id)?.errorMessage ?? (P.lastGatewayAuthPushStatus === "failed" ? P.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
 								linkTo: "?tab=connection",
@@ -1029,7 +1029,7 @@ function Rt() {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ y("div", {
 								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ y(et, { className: "size-5 text-text-secondary" })
+								children: /* @__PURE__ */ y($e, { className: "size-5 text-text-secondary" })
 							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: S("analytics.platform", "Platform")
@@ -1049,7 +1049,7 @@ function Rt() {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ y("div", {
 								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ y(st, { className: "size-5 text-text-secondary" })
+								children: /* @__PURE__ */ y(ot, { className: "size-5 text-text-secondary" })
 							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: S("agentDetails.version", "Version")
@@ -1134,7 +1134,7 @@ function Rt() {
 					]
 				})
 			}),
-			/* @__PURE__ */ b(At, {
+			/* @__PURE__ */ b(kt, {
 				mode: "wait",
 				children: [
 					V === "overview" && /* @__PURE__ */ b(_.div, {
@@ -1157,7 +1157,7 @@ function Rt() {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ y(Xe, { className: "size-5" }), S("agentDetails.capabilities", "Capabilities")]
+									children: [/* @__PURE__ */ y(Ye, { className: "size-5" }), S("agentDetails.capabilities", "Capabilities")]
 								})
 							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
@@ -1227,7 +1227,7 @@ function Rt() {
 								})
 							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ y(_e, {
+								children: /* @__PURE__ */ y(ge, {
 									entityType: "VIBECONTROLS_AGENT",
 									entityId: P.id
 								})
@@ -1236,7 +1236,7 @@ function Rt() {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ y(Dt, { className: "size-5" }), S("health.tunnel", "Tunnel")]
+									children: [/* @__PURE__ */ y(Et, { className: "size-5" }), S("health.tunnel", "Tunnel")]
 								})
 							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
@@ -1299,7 +1299,7 @@ function Rt() {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ y(Ze, { className: "size-5" }), S("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ y(Xe, { className: "size-5" }), S("vibeDetails.timeline", "Timeline")]
 								})
 							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
@@ -1346,7 +1346,7 @@ function Rt() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ y(Re, { agentId: P.id })
+						children: /* @__PURE__ */ y(Le, { agentId: P.id })
 					}, "profiles"),
 					V === "security" && /* @__PURE__ */ b(_.div, {
 						initial: {
@@ -1368,7 +1368,7 @@ function Rt() {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ b("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ y(lt, { className: "size-5" }), S("agentDetails.agentApiKey", "Agent API Key")]
+									children: [/* @__PURE__ */ y(ct, { className: "size-5" }), S("agentDetails.agentApiKey", "Agent API Key")]
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "p-4",
@@ -1391,14 +1391,14 @@ function Rt() {
 											disabled: Cn,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0 disabled:opacity-50",
 											title: vn ? S("agentDetails.hideApiKey", "Hide API key") : S("agentDetails.showApiKey", "Show API key"),
-											children: y(vn ? at : it, { className: "size-4 text-text-secondary" })
+											children: y(vn ? it : rt, { className: "size-4 text-text-secondary" })
 										}),
 										/* @__PURE__ */ y("button", {
 											type: "button",
 											onClick: Rr,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
 											title: S("agentDetails.copyApiKey", "Copy API key"),
-											children: bn ? /* @__PURE__ */ y(Ye, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ y($e, { className: "size-4 text-text-secondary" })
+											children: bn ? /* @__PURE__ */ y(Je, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ y(Qe, { className: "size-4 text-text-secondary" })
 										})
 									]
 								}) : /* @__PURE__ */ y("p", {
@@ -1409,23 +1409,23 @@ function Rt() {
 									children: "This key authenticates requests sent to the agent. The key is revealed only on explicit operator action and every read is audited."
 								})]
 							})] }),
-							/* @__PURE__ */ y(ke, {
+							/* @__PURE__ */ y(Oe, {
 								agentId: P.id,
 								currentTunnelUrl: P.tunnelUrl,
 								onUpdated: () => N()
 							}),
-							/* @__PURE__ */ y(Ae, {
+							/* @__PURE__ */ y(ke, {
 								agentId: P.id,
 								storageAdapter: P.storageAdapter,
 								dbPath: P.dbPath,
 								hasStorageOptions: P.hasStorageOptions,
 								onUpdated: () => N()
 							}),
-							/* @__PURE__ */ y(It, {
+							/* @__PURE__ */ y(Ft, {
 								agent: P,
 								onUpdate: () => N()
 							}),
-							/* @__PURE__ */ y(Ne, { agent: {
+							/* @__PURE__ */ y(Me, { agent: {
 								id: P.id,
 								profile: R ?? "default"
 							} })
@@ -1443,13 +1443,13 @@ function Rt() {
 								id: "available",
 								label: "Available",
 								count: n.length,
-								icon: nt
+								icon: tt
 							},
 							{
 								id: "store",
 								label: "Store",
 								count: J.length,
-								icon: nt
+								icon: tt
 							},
 							{
 								id: "ui-plugins",
@@ -1565,7 +1565,7 @@ function Rt() {
 									}),
 									!P?.isActive && /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-muted flex items-center gap-1.5",
-										children: [/* @__PURE__ */ y(ct, { className: "size-4 flex-shrink-0" }), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
+										children: [/* @__PURE__ */ y(st, { className: "size-4 flex-shrink-0" }), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
 									}),
 									K === "installed" && /* @__PURE__ */ y(v, { children: t.length > 0 ? /* @__PURE__ */ y("div", {
 										className: "space-y-2",
@@ -1659,14 +1659,14 @@ function Rt() {
 														disabled: U === e.packageName,
 														className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-text-primary bg-bg-secondary border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
 														title: S("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
-														children: [U === e.packageName ? /* @__PURE__ */ y(h, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(qe, { className: "size-3" }), S("agentDetails.update", "Update")]
+														children: [U === e.packageName ? /* @__PURE__ */ y(m, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(Ke, { className: "size-3" }), S("agentDetails.update", "Update")]
 													}),
 													!e.isCore && /* @__PURE__ */ b("button", {
 														type: "button",
 														onClick: () => Tr(e.packageName),
 														disabled: U === e.packageName,
 														className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-status-error-text bg-status-error-bg/15 border border-status-error-border/40 rounded-md hover:bg-status-error-bg/25 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-														children: [U === e.packageName ? /* @__PURE__ */ y(h, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(Ct, { className: "size-3" }), S("sessions.remove", "Remove")]
+														children: [U === e.packageName ? /* @__PURE__ */ y(m, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(Ct, { className: "size-3" }), S("sessions.remove", "Remove")]
 													})
 												]
 											})]
@@ -1700,7 +1700,7 @@ function Rt() {
 												onClick: () => wr(e.packageName),
 												disabled: U === e.packageName,
 												className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0 sm:ml-3",
-												children: [U === e.packageName ? /* @__PURE__ */ y(h, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(nt, { className: "size-3" }), "Install"]
+												children: [U === e.packageName ? /* @__PURE__ */ y(m, { className: "size-3 animate-spin" }) : /* @__PURE__ */ y(tt, { className: "size-3" }), "Install"]
 											})]
 										}, e.packageName))
 									}) : /* @__PURE__ */ y("p", {
@@ -1774,7 +1774,7 @@ function Rt() {
 											}, e.id);
 										})
 									})] }),
-									K === "ui-plugins" && /* @__PURE__ */ y(v, { children: r.length > 0 || P?.tunnelUrl ? /* @__PURE__ */ y(Pe, {
+									K === "ui-plugins" && /* @__PURE__ */ y(v, { children: r.length > 0 || P?.tunnelUrl ? /* @__PURE__ */ y(Ne, {
 										availablePlugins: [...P?.tunnelUrl ? [{
 											pluginName: "code-server",
 											displayName: "Code Server (VS Code)",
@@ -1796,7 +1796,7 @@ function Rt() {
 									}) }),
 									Xn && H.length === 0 && /* @__PURE__ */ b("div", {
 										className: "flex items-center gap-2 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ y(h, { className: "size-4 animate-spin" }), "Loading plugins..."]
+										children: [/* @__PURE__ */ y(m, { className: "size-4 animate-spin" }), "Loading plugins..."]
 									})
 								]
 							})] })
@@ -1827,8 +1827,8 @@ function Rt() {
 									Z.length,
 									")"
 								]
-							}), /* @__PURE__ */ y(Nt, {
-								permission: we.SESSION_CREATE,
+							}), /* @__PURE__ */ y(Mt, {
+								permission: Ce.SESSION_CREATE,
 								deniedBehavior: "disable",
 								deniedTooltip: "You don't have permission to create sessions",
 								children: /* @__PURE__ */ b("button", {
@@ -1860,12 +1860,12 @@ function Rt() {
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ y(ye, { status: e.status })]
+								}), /* @__PURE__ */ y(ve, { status: e.status })]
 							}, e.id))
 						}) : /* @__PURE__ */ b("div", {
 							className: "p-6 text-center text-text-secondary flex flex-col items-center gap-3",
-							children: [/* @__PURE__ */ y("span", { children: S("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ y(Nt, {
-								permission: we.SESSION_CREATE,
+							children: [/* @__PURE__ */ y("span", { children: S("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ y(Mt, {
+								permission: Ce.SESSION_CREATE,
 								deniedBehavior: "disable",
 								deniedTooltip: "You don't have permission to create sessions",
 								children: /* @__PURE__ */ b("button", {
@@ -1893,7 +1893,7 @@ function Rt() {
 						transition: { duration: .2 },
 						children: /* @__PURE__ */ y(l, {
 							className: "min-h-[60vh]",
-							children: /* @__PURE__ */ y(De, {
+							children: /* @__PURE__ */ y(Ee, {
 								agentId: P.id,
 								agentName: P.name
 							})
@@ -1921,7 +1921,7 @@ function Rt() {
 							})
 						}), /* @__PURE__ */ y("div", {
 							className: "p-4",
-							children: /* @__PURE__ */ y(Le, {
+							children: /* @__PURE__ */ y(Ie, {
 								agentId: P.id,
 								profile: R,
 								className: "min-h-[28rem]"
@@ -1947,7 +1947,7 @@ function Rt() {
 							children: /* @__PURE__ */ b("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ y(Dt, { className: "size-5" }),
+									/* @__PURE__ */ y(Et, { className: "size-5" }),
 									S("nav.vibes", "Vibes"),
 									" (",
 									Q.length,
@@ -1966,7 +1966,7 @@ function Rt() {
 								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",
 								children: [/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ y(Dt, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ b("div", {
+									children: [/* @__PURE__ */ y(Et, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ b("div", {
 										className: "min-w-0",
 										children: [/* @__PURE__ */ y("p", {
 											className: "font-medium text-text-primary truncate",
@@ -1976,7 +1976,7 @@ function Rt() {
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ y(ye, { status: e.status })]
+								}), /* @__PURE__ */ y(ve, { status: e.status })]
 							}, e.id))
 						}) : /* @__PURE__ */ y("div", {
 							className: "p-6 text-center text-text-secondary",
@@ -1998,7 +1998,7 @@ function Rt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ y(ze, {
+						children: /* @__PURE__ */ y(Re, {
 							context: "agent",
 							agentVibes: Q.map((e) => ({
 								id: e.id,
@@ -2021,7 +2021,7 @@ function Rt() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ y(je, { agent: {
+						children: /* @__PURE__ */ y(Ae, { agent: {
 							id: P.id,
 							profile: P.metadata?.profile ?? "default"
 						} })
@@ -2040,7 +2040,7 @@ function Rt() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ y(Ee, {
+						children: /* @__PURE__ */ y(Te, {
 							agentId: P.id,
 							profile: R
 						})
@@ -2062,7 +2062,7 @@ function Rt() {
 						children: /* @__PURE__ */ b(l, {
 							className: "p-6 text-center text-text-secondary",
 							children: [
-								/* @__PURE__ */ y(tt, { className: "size-8 mx-auto mb-2 text-text-muted" }),
+								/* @__PURE__ */ y(et, { className: "size-8 mx-auto mb-2 text-text-muted" }),
 								/* @__PURE__ */ y("p", { children: S("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
 								/* @__PURE__ */ y("p", {
 									className: "text-sm mt-1",
@@ -2085,7 +2085,7 @@ function Rt() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ y(Oe, {
+						children: /* @__PURE__ */ y(De, {
 							agentId: P.id,
 							agentVersion: P.version,
 							onAfterDestructiveNuke: Nr
@@ -2110,7 +2110,7 @@ function Rt() {
 							className: "space-y-6",
 							children: /* @__PURE__ */ y(l, { children: /* @__PURE__ */ y("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ y(Ue, {
+								children: /* @__PURE__ */ y(He, {
 									contribution: e,
 									tunnel: e.tunnel,
 									restPaths: e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`],
@@ -2130,7 +2130,7 @@ function Rt() {
 					})()
 				]
 			}),
-			z && P && /* @__PURE__ */ y(He, {
+			z && P && /* @__PURE__ */ y(Ve, {
 				isOpen: Hn,
 				onClose: () => Un(!1),
 				mountPoint: "agent.detailTab",
@@ -2225,7 +2225,7 @@ function Rt() {
 												onClick: () => an((e) => !e),
 												className: "p-0.5 rounded-full text-text-muted hover:text-text-secondary transition-colors",
 												"aria-label": "What is AI Context?",
-												children: /* @__PURE__ */ y(ct, { className: "size-3.5" })
+												children: /* @__PURE__ */ y(st, { className: "size-3.5" })
 											}), rn && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
 												role: "button",
 												tabIndex: 0,
@@ -2396,16 +2396,16 @@ function Rt() {
 					]
 				})
 			}),
-			/* @__PURE__ */ y(le, {
+			/* @__PURE__ */ y(ce, {
 				isOpen: sr,
 				onClose: () => cr(!1),
 				onConfirm: () => {
 					cr(!1), x("/billing/plans");
 				},
-				title: ue(lr).title,
-				message: ue(lr).message
+				title: le(lr).title,
+				message: le(lr).message
 			}),
-			/* @__PURE__ */ y(ce, {
+			/* @__PURE__ */ y(se, {
 				isOpen: $n,
 				onClose: () => {
 					ar || er(!1);
@@ -2420,7 +2420,7 @@ function Rt() {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ b("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ y(jt, {
+						children: [/* @__PURE__ */ y(At, {
 							checked: tr,
 							disabled: ar,
 							onCheckedChange: (e) => nr(e === !0),
@@ -2437,7 +2437,7 @@ function Rt() {
 						})]
 					}), /* @__PURE__ */ b("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ y(jt, {
+						children: [/* @__PURE__ */ y(At, {
 							checked: rr,
 							disabled: ar,
 							onCheckedChange: (e) => ir(e === !0),
@@ -2459,6 +2459,6 @@ function Rt() {
 	});
 }
 //#endregion
-export { Rt as AgentDetailsPage };
+export { Lt as AgentDetailsPage };
 
 //# sourceMappingURL=AgentDetailsPage.js.map