@burdenoff/microfe-vibecontrols 2026.601.11 → 2026.601.13

package/dist/pages/AgentDetailsPage.js

@@ -1,73 +1,74 @@
-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 s, useStopVibecontrolsAgentMutation as re, useUpdateAgentMutation as ie, useUpdateAgentPluginMutation as c, useVibecontrolsAgentHealthProbeStreamSubscription as ae, 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 l } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as pe } 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 u } from "../components/shared/Card.js";
-import { useActiveAgentProfile as ye } from "../hooks/useActiveAgentProfile.js";
+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 { Card as l } from "../components/shared/Card.js";
+import { useActiveAgentProfile as be } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.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 { AliasManager as Oe } from "../components/aliases/AliasManager.js";
-import { AgentStatusBadge as ke } from "../components/agents/AgentStatusBadge.js";
-import { RemoteTaskPermissionsCard as Ae } from "../components/agents/RemoteTaskPermissionsCard.js";
-import { PluginUIPanel as je } from "../components/agents/PluginUIPanel.js";
-import { OpenInBrowserEditorButton as Me } from "../components/agents/OpenInBrowserEditorButton.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 { 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 Ne } from "../utils/agentStatus.js";
-import { LogViewer as Pe } from "../components/logs/LogViewer.js";
-import { ProfilesPanel as Fe } 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 Ie } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as Re } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as Le } from "../hooks/useQueryBackedTab.js";
-import { mintScopedIframeToken as Re } from "../services/iframeToken.js";
-import { AddTabDialog as ze } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as Be } from "../components/plugins/PluginIframeMount.js";
-import { useCallback as d, useEffect as f, useMemo as Ve, useRef as p, useState as m } from "react";
-import { useI18n as He } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as Ue, ArrowUpCircle as We, Bot as Ge, Check as Ke, CheckCircle2 as qe, Clock as Je, Command as Ye, Copy as Xe, Cpu as Ze, Database as Qe, Download as $e, Edit3 as et, Eye as tt, EyeOff as nt, FileText as rt, HardDrive as it, Info as at, Key as ot, Link2 as h, Loader2 as g, Monitor as st, Play as ct, Plus as lt, Puzzle as ut, RefreshCw as dt, ScrollText as ft, Search as pt, Server as mt, Settings as ht, Shield as gt, Square as _t, Tag as vt, Terminal as yt, Trash2 as bt, Unlink as xt, Users as St, Wrench as Ct, X as _, Zap as wt } from "lucide-react";
-import { useParams as Tt } from "react-router-dom";
-import { usePermissions as Et } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as Dt, motion as v } 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 m, ArrowUpCircle as Ge, Bot as Ke, Check as qe, CheckCircle2 as Je, Clock as Ye, Command as Xe, Copy as Ze, Cpu as Qe, Database as $e, Download as et, Edit3 as tt, Eye as nt, EyeOff as rt, FileText as it, HardDrive as at, Info as ot, Key as st, Link2 as h, Loader2 as g, Monitor as ct, Play as lt, Plus as ut, Puzzle as dt, RefreshCw as ft, ScrollText as pt, Search as mt, Server as ht, Settings as gt, Shield as _t, Square as vt, Tag as yt, Terminal as bt, Trash2 as xt, Unlink as St, Users as Ct, Wrench as wt, X as _, Zap as Tt } from "lucide-react";
+import { useParams as Et } from "react-router-dom";
+import { usePermissions as Dt } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as Ot, motion as v } from "framer-motion";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Checkbox as Ot } from "@burdenoff/fe-libs/ui";
-import { useFeatureFlagDetails as kt } from "@burdenoff/fe-libs/shared/feature-flags";
-import { PermissionButton as At } from "@burdenoff/fe-libs/shared/components";
-import { MotionPage as jt } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as Mt } from "@burdenoff/fe-libs/shared/plugins";
+import { Checkbox as kt } from "@burdenoff/fe-libs/ui";
+import { useFeatureFlagDetails as At } from "@burdenoff/fe-libs/shared/feature-flags";
+import { PermissionButton as jt } from "@burdenoff/fe-libs/shared/components";
+import { MotionPage as Mt } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as Nt } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/AgentDetailsPage.tsx
-function Nt({ agent: e, onUpdate: t }) {
-	let { t: n } = He(), [r] = ie(), [i] = ne(), [a, ee] = m(!1), [te, o] = m(null), [s, re] = m(!1), [c, ae] = m(null), [oe, se] = m(!1), [ce, le] = m(!1), [ue, de] = m(!1), fe = !!(e.appId && e.appClientId), l = (e, t, r) => {
+function Pt({ agent: e, onUpdate: t }) {
+	let { t: n } = We(), [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) => {
 		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;
-	}, pe = e.metadata?.devportalApplicationId, me = async () => {
+	}, me = e.metadata?.devportalApplicationId, he = async () => {
 		ee(!0), o(null);
 		try {
 			let { data: n } = await i({ variables: { input: { agentId: e.id } } }), r = n?.setupAgentGatewayAuth;
-			if (!r) throw Error(l("agentDetails.gatewayAuthNoResultError", "No result returned from setupAgentGatewayAuth"));
-			ae(r.clientSecret), r.error && o(r.error), t();
+			if (!r) throw Error(c("agentDetails.gatewayAuthNoResultError", "No result returned from setupAgentGatewayAuth"));
+			oe(r.clientSecret), r.error && o(r.error), t();
 		} catch (e) {
-			o(e instanceof Error ? e.message : l("agentDetails.failedSetupGatewayAuth", "Failed to set up gateway auth"));
+			o(e instanceof Error ? e.message : c("agentDetails.failedSetupGatewayAuth", "Failed to set up gateway auth"));
 		} finally {
 			ee(!1);
 		}
 	};
-	return /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 		className: "p-4 border-b border-border-default",
 		children: /* @__PURE__ */ x("h3", {
 			className: "font-semibold text-text-primary flex items-center gap-2",
-			children: [/* @__PURE__ */ b(gt, { className: "size-5" }), l("agentDetails.gatewayAuthTitle", "Gateway Auth (OAuth2)")]
+			children: [/* @__PURE__ */ b(_t, { className: "size-5" }), c("agentDetails.gatewayAuthTitle", "Gateway Auth (OAuth2)")]
 		})
 	}), /* @__PURE__ */ x("div", {
 		className: "p-4 space-y-3",
@@ -86,7 +87,7 @@ function Nt({ agent: e, onUpdate: t }) {
 					children: /* @__PURE__ */ b(_, { className: "size-3.5" })
 				})
 			]
-		}), fe ? /* @__PURE__ */ x(y, { children: [
+		}), pe ? /* @__PURE__ */ x(y, { children: [
 			/* @__PURE__ */ x("div", {
 				className: "flex items-start gap-3",
 				children: [/* @__PURE__ */ b("div", {
@@ -96,15 +97,15 @@ function Nt({ agent: e, onUpdate: t }) {
 					className: "flex-1 min-w-0 space-y-2",
 					children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 						className: "text-sm font-medium text-text-primary",
-						children: l("agentDetails.linkedToOauthApp", "Linked to OAuth App")
+						children: c("agentDetails.linkedToOauthApp", "Linked to OAuth App")
 					}), /* @__PURE__ */ b("p", {
 						className: "text-xs text-text-muted",
-						children: l("agentDetails.gatewayAuthLinkedDescription", "This agent can authenticate with the API gateway using Client Credentials.")
+						children: c("agentDetails.gatewayAuthLinkedDescription", "This agent can authenticate with the API gateway using Client Credentials.")
 					})] }), /* @__PURE__ */ x("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary mb-1",
-							children: l("agentDetails.clientId", "Client ID")
+							children: c("agentDetails.clientId", "Client ID")
 						}), /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ b("code", {
@@ -114,16 +115,16 @@ function Nt({ agent: e, onUpdate: t }) {
 								type: "button",
 								onClick: async () => {
 									if (e.appClientId) try {
-										await xe(e.appClientId), be() && Se("Copied"), le(!0), setTimeout(() => le(!1), 2e3);
+										await Se(e.appClientId), xe() && Ce("Copied"), ue(!0), setTimeout(() => ue(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								title: l("agentDetails.copyClientId", "Copy Client ID"),
-								children: ce ? /* @__PURE__ */ b(Ke, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ b(Xe, { className: "size-3.5 text-text-secondary" })
+								title: c("agentDetails.copyClientId", "Copy Client ID"),
+								children: le ? /* @__PURE__ */ b(qe, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ b(Ze, { className: "size-3.5 text-text-secondary" })
 							})]
 						})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary mb-1",
-							children: l("agentDetails.appId", "App ID")
+							children: c("agentDetails.appId", "App ID")
 						}), /* @__PURE__ */ b("code", {
 							className: "text-xs font-mono text-text-muted bg-bg-sunken px-2 py-1 rounded truncate block",
 							children: e.appId
@@ -131,39 +132,39 @@ function Nt({ agent: e, onUpdate: t }) {
 					})]
 				})]
 			}),
-			c && /* @__PURE__ */ x("div", {
+			s && /* @__PURE__ */ x("div", {
 				className: "p-3 bg-status-warning-bg/20 border border-status-warning-text/20 rounded-lg space-y-2",
 				children: [
 					/* @__PURE__ */ b("p", {
 						className: "text-sm font-medium text-status-warning-text",
-						children: l("agentDetails.clientSecretOneTimeTitle", "Client Secret (one-time display)")
+						children: c("agentDetails.clientSecretOneTimeTitle", "Client Secret (one-time display)")
 					}),
 					/* @__PURE__ */ b("p", {
 						className: "text-xs text-text-secondary",
-						children: l("agentDetails.clientSecretOneTimeDescription", "This secret has been automatically sent to the agent. Save it now if you need it — it won't be shown again.")
+						children: c("agentDetails.clientSecretOneTimeDescription", "This secret has been automatically sent to the agent. Save it now if you need it — it won't be shown again.")
 					}),
 					/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2",
 						children: [
 							/* @__PURE__ */ b("code", {
 								className: "text-xs font-mono text-text-primary bg-bg-sunken px-2 py-1 rounded flex-1 truncate",
-								children: s ? c : "•".repeat(32)
+								children: re ? s : "•".repeat(32)
 							}),
 							/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => re(!s),
+								onClick: () => ie(!re),
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: b(s ? nt : tt, { className: "size-3.5 text-text-secondary" })
+								children: b(re ? rt : nt, { className: "size-3.5 text-text-secondary" })
 							}),
 							/* @__PURE__ */ b("button", {
 								type: "button",
 								onClick: async () => {
-									if (c) try {
-										await xe(c), be() && Se("Secret copied"), se(!0), setTimeout(() => se(!1), 2e3);
+									if (s) try {
+										await Se(s), xe() && Ce("Secret copied"), ce(!0), setTimeout(() => ce(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: oe ? /* @__PURE__ */ b(Ke, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ b(Xe, { className: "size-3.5 text-text-secondary" })
+								children: se ? /* @__PURE__ */ b(qe, { className: "size-3.5 text-status-success-text" }) : /* @__PURE__ */ b(Ze, { className: "size-3.5 text-text-secondary" })
 							})
 						]
 					})
@@ -172,24 +173,24 @@ function Nt({ agent: e, onUpdate: t }) {
 			/* @__PURE__ */ x("div", {
 				className: "flex items-center gap-2",
 				children: [
-					pe && /* @__PURE__ */ x("a", {
-						href: `/devportal/apps/${pe}`,
+					me && /* @__PURE__ */ x("a", {
+						href: `/devportal/apps/${me}`,
 						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",
-						children: [/* @__PURE__ */ b(st, { className: "size-3" }), l("agentDetails.viewInDeveloperPortal", "View in Developer Portal")]
+						children: [/* @__PURE__ */ b(ct, { className: "size-3" }), c("agentDetails.viewInDeveloperPortal", "View in Developer Portal")]
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: me,
+						onClick: he,
 						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: l("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__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(dt, { className: "size-3" }), l("agentDetails.repushCredentials", "Re-push credentials")]
+						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__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(ft, { className: "size-3" }), c("agentDetails.repushCredentials", "Re-push credentials")]
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
 						onClick: async () => {
-							if (window.confirm(l("agentDetails.confirmUnlinkOauthApp", "Remove the linked OAuth app from this agent? The app will still exist in auth-svc."))) {
-								de(!0), o(null);
+							if (window.confirm(c("agentDetails.confirmUnlinkOauthApp", "Remove the linked OAuth app from this agent? The app will still exist in auth-svc."))) {
+								fe(!0), o(null);
 								try {
 									await r({ variables: {
 										id: e.id,
@@ -197,17 +198,17 @@ function Nt({ agent: e, onUpdate: t }) {
 											appId: null,
 											appClientId: null
 										}
-									} }), ae(null), t();
+									} }), oe(null), t();
 								} catch (e) {
-									o(e instanceof Error ? e.message : l("agentDetails.failedUnlinkApp", "Failed to unlink app"));
+									o(e instanceof Error ? e.message : c("agentDetails.failedUnlinkApp", "Failed to unlink app"));
 								} finally {
-									de(!1);
+									fe(!1);
 								}
 							}
 						},
-						disabled: ue,
+						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: [ue ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(xt, { className: "size-3" }), l("agentDetails.unlinkApp", "Unlink App")]
+						children: [de ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(St, { className: "size-3" }), c("agentDetails.unlinkApp", "Unlink App")]
 					})
 				]
 			})
@@ -215,27 +216,27 @@ function Nt({ agent: e, onUpdate: t }) {
 			className: "flex items-start gap-3",
 			children: [/* @__PURE__ */ b("div", {
 				className: "size-8 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0 mt-0.5",
-				children: /* @__PURE__ */ b(gt, { className: "size-4 text-text-muted" })
+				children: /* @__PURE__ */ b(_t, { className: "size-4 text-text-muted" })
 			}), /* @__PURE__ */ x("div", {
 				className: "flex-1",
 				children: [/* @__PURE__ */ b("p", {
 					className: "text-sm font-medium text-text-primary",
-					children: l("agentDetails.noOauthAppLinked", "No OAuth App Linked")
+					children: c("agentDetails.noOauthAppLinked", "No OAuth App Linked")
 				}), /* @__PURE__ */ b("p", {
 					className: "text-xs text-text-muted mt-0.5",
-					children: l("agentDetails.gatewayAuthSetupDescription", "Set up gateway auth to allow this agent to communicate with the API gateways using OAuth2 Client Credentials. This creates an OAuth app, registers it in the Developer Portal, and pushes the credentials to the agent.")
+					children: c("agentDetails.gatewayAuthSetupDescription", "Set up gateway auth to allow this agent to communicate with the API gateways using OAuth2 Client Credentials. This creates an OAuth app, registers it in the Developer Portal, and pushes the credentials to the agent.")
 				})]
 			})]
 		}), /* @__PURE__ */ b("button", {
 			type: "button",
-			onClick: me,
+			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__ */ x(y, { children: [/* @__PURE__ */ b(g, { className: "size-4 animate-spin" }), l("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "size-4" }), l("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
+			children: a ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(g, { className: "size-4 animate-spin" }), c("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(h, { className: "size-4" }), c("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
 		})] })]
 	})] });
 }
-var Pt = [
+var Ft = [
 	"overview",
 	"profiles",
 	"security",
@@ -249,11 +250,11 @@ var Pt = [
 	"backup",
 	"maintenance"
 ];
-function Ft() {
-	let { t: ne } = He(), { id: h } = Tt(), { basePath: xt } = fe(), Ft = xt || "", S = l(), { hasPermission: It, isLoading: Lt, permissions: Rt } = Et(), C = d((e, t, n) => {
+function It() {
+	let { t: ne } = We(), { id: h } = Et(), { basePath: St } = pe(), It = St || "", S = c(), { hasPermission: Lt, isLoading: Rt, permissions: zt } = Dt(), C = u((e, t, n) => {
 		let r = ne(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [ne]), [zt] = ie({ refetchQueries: ["GetAgent"] }), [Bt] = i({
+	}, [ne]), [Bt] = ae({ refetchQueries: ["GetAgent"] }), [Vt] = i({
 		refetchQueries: ["ListAgents", "VibeControlsInitialData"],
 		awaitRefetchQueries: !0,
 		update(e, t, { variables: n }) {
@@ -263,56 +264,56 @@ function Ft() {
 				id: r
 			}) }), e.gc());
 		}
-	}), [Vt] = n({ refetchQueries: ["GetAgent"] }), [Ht] = s(), [Ut] = re(), [w, Wt] = m(null), [Gt, Kt] = m(null), qt = pe((e) => e.setActiveAgentId);
-	f(() => {
-		h && qt(h);
-	}, [h, qt]);
-	let [Jt, Yt] = m(!1), [Xt, T] = m(null), [Zt, Qt] = m(!1), [$t, E] = m(null), [en, tn] = m(!1), [nn, rn] = m(!1), [an, on] = m(""), [D, sn] = m(!1), [cn, ln] = m(null), un = p(null), dn = p(null), fn = p(null), pn = p(null), mn = p(null), [hn, gn] = m(!1), [_n, vn] = m(!1), [O, yn] = m(null), [bn, xn] = m(!1), [Sn, Cn] = m(null), [wn] = t({ fetchPolicy: "network-only" }), [k, A] = m(!1), [Tn, j] = m(null), [M, En] = m(!1), N = p(null), Dn = p(null), On = p(null), kn = p(null), [An] = r({ refetchQueries: ["GetAgent", "ListSessions"] });
-	f(() => {
+	}), [Ht] = n({ refetchQueries: ["GetAgent"] }), [Ut] = re(), [Wt] = ie(), [w, Gt] = p(null), [Kt, qt] = p(null), Jt = me((e) => e.setActiveAgentId);
+	d(() => {
+		h && Jt(h);
+	}, [h, Jt]);
+	let [Yt, Xt] = p(!1), [Zt, T] = p(null), [Qt, $t] = p(!1), [en, E] = p(null), [tn, nn] = p(!1), [rn, an] = p(!1), [on, sn] = p(""), [D, cn] = p(!1), [ln, un] = p(null), dn = f(null), fn = f(null), pn = f(null), mn = f(null), hn = f(null), [gn, _n] = p(!1), [vn, yn] = p(!1), [O, bn] = p(null), [xn, Sn] = p(!1), [Cn, wn] = p(null), [Tn] = t({ fetchPolicy: "network-only" }), [k, A] = p(!1), [En, j] = p(null), [M, Dn] = p(!1), N = f(null), On = f(null), kn = f(null), An = f(null), [jn] = r({ refetchQueries: ["GetAgent", "ListSessions"] });
+	d(() => {
 		if (!k) return;
 		let e = (e) => {
 			e.key === "Escape" && !M && A(!1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [k, M]), f(() => {
+	}, [k, M]), d(() => {
 		if (!k) return;
 		let e = requestAnimationFrame(() => N.current?.focus());
 		return () => cancelAnimationFrame(e);
 	}, [k]);
-	let { data: jn, loading: Mn, error: Nn, refetch: P } = a({
+	let { data: Mn, loading: Nn, error: Pn, refetch: P } = a({
 		variables: { id: h || "" },
 		skip: !h,
 		fetchPolicy: "cache-and-network"
-	}), F = jn?.vibecontrolsAgent, I = oe({
+	}), F = Mn?.vibecontrolsAgent, I = se({
 		fetchPolicy: "cache-and-network",
 		nextFetchPolicy: "cache-first",
 		notifyOnNetworkStatusChange: !0,
 		skip: !h,
 		pollInterval: 3e4
-	}), { data: Pn } = ae({ skip: !h }), Fn = I.data === void 0 && Pn === void 0, L = Ve(() => {
-		let e = /* @__PURE__ */ new Map(), t = Pn?.vibecontrolsAgentHealthProbeStream ?? I.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), { data: Fn } = oe({ skip: !h }), In = I.data === void 0 && Fn === void 0, L = Ue(() => {
+		let e = /* @__PURE__ */ new Map(), t = Fn?.vibecontrolsAgentHealthProbeStream ?? I.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			agentId: n.agentId,
 			healthy: n.healthy,
 			errorMessage: n.errorMessage
 		});
 		return e;
-	}, [I.data, Pn]), R = Ve(() => F ? Ne({
+	}, [I.data, Fn]), R = Ue(() => F ? Fe({
 		id: F.id,
 		isActive: F.isActive,
 		metadata: F.metadata
-	}, L, { probesLoading: Fn }) : "REGISTERING", [
+	}, L, { probesLoading: In }) : "REGISTERING", [
 		F,
 		L,
-		Fn
-	]), In = R === "STOPPED" || R === "OFFLINE", { active: z } = ye(F?.id ?? null), B = kt("vibes.tabs.iframe-host")?.value === !0, Ln = Ve(() => {
+		In
+	]), Ln = R === "STOPPED" || R === "OFFLINE", { active: z } = be(F?.id ?? null), B = At("vibes.tabs.iframe-host")?.value === !0, Rn = Ue(() => {
 		if (!B || !F?.tunnelUrl) return [];
 		let e = F.id, t = z ?? "default";
 		return [{
 			tunnelUrl: F.tunnelUrl,
 			profile: t,
 			label: F.name ?? F.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => Re(e, t, n)
+			mintIframeToken: async ({ pathPrefixes: n }) => Be(e, t, n)
 		}];
 	}, [
 		B,
@@ -320,33 +321,33 @@ function Ft() {
 		F?.tunnelUrl,
 		F?.name,
 		z
-	]), V = Mt(Ln, {
+	]), V = Nt(Rn, {
 		mountPoint: "agent.detailTab",
-		enabled: B && Ln.length > 0
-	}), [H, Rn] = Le(Ve(() => {
+		enabled: B && Rn.length > 0
+	}), [H, zn] = ze(Ue(() => {
 		let e = V.data.filter((e) => e.contribution.mountPoint === "agent.detailTab").map((e) => e.contribution.id);
-		return [...Pt, ...e];
-	}, [V.data]), "overview"), [zn, Bn] = m(!1), Vn = p(!1);
-	f(() => {
-		F && !Vn.current && (Vn.current = !0, Vt().catch(() => {}));
-	}, [F, Vt]);
-	let [Hn] = te(), Un = p(!1);
-	f(() => {
-		if (!F || Un.current) return;
+		return [...Ft, ...e];
+	}, [V.data]), "overview"), [Bn, Vn] = p(!1), Hn = f(!1);
+	d(() => {
+		F && !Hn.current && (Hn.current = !0, Ht().catch(() => {}));
+	}, [F, Ht]);
+	let [Un] = te(), Wn = f(!1);
+	d(() => {
+		if (!F || Wn.current) return;
 		let e = !!(F.appId && F.appClientId), t = !!F.tunnelUrl;
-		!e || !t || (Un.current = !0, Hn({ variables: { input: { agentId: F.id } } }).then(() => {
+		!e || !t || (Wn.current = !0, Un({ variables: { input: { agentId: F.id } } }).then(() => {
 			P().catch(() => {});
 		}).catch(() => {}));
 	}, [
 		F,
-		Hn,
+		Un,
 		P
 	]);
-	let [U, Wn] = m([]), [Gn, Kn] = m([]), [qn, Jn] = m(!0), [W, G] = m(null), [Yn, K] = m(null), [Xn, Zn] = m(!1), [Qn, $n] = m(!1), [er, tr] = m(!1), [nr, rr] = m(!1), [ir, ar] = m(!1), [or, sr] = m("plugin"), cr = p(null), [q, lr] = m("installed"), [J, ur] = m(""), [Y, dr] = m([]), [fr, pr] = m(!1), [mr, hr] = m(null), [gr, _r] = m(null), [vr] = e(), [yr] = ee(), [br] = o(), [xr] = c(), X = d(async () => {
+	let [U, Gn] = p([]), [Kn, qn] = p([]), [Jn, Yn] = p(!0), [W, G] = p(null), [Xn, K] = p(null), [Zn, Qn] = p(!1), [$n, er] = p(!1), [tr, nr] = p(!1), [rr, ir] = p(!1), [ar, or] = p(!1), [sr, cr] = p("plugin"), lr = f(null), [q, ur] = p("installed"), [J, dr] = p(""), [Y, fr] = p([]), [pr, mr] = p(!1), [hr, gr] = p(null), [_r, vr] = p(null), [yr] = e(), [br] = ee(), [xr] = o(), [Sr] = s(), X = u(async () => {
 		if (F?.id) {
-			Jn(!0), K(null);
+			Yn(!0), K(null);
 			try {
-				let { data: e } = await vr({ variables: {
+				let { data: e } = await yr({ variables: {
 					agentId: F.id,
 					profile: z
 				} }), t = e?.agentPlugins;
@@ -376,41 +377,41 @@ function Ft() {
 						tags: [...e.tags],
 						installed: e.installed
 					}));
-					Wn(e), Kn(n), t.error && K(t.error);
+					Gn(e), qn(n), t.error && K(t.error);
 				}
 			} catch {
 				K("Agent unreachable — unable to fetch plugin list");
 			} finally {
-				Jn(!1);
+				Yn(!1);
 			}
 		}
 	}, [
 		F?.id,
-		vr,
+		yr,
 		z
 	]);
-	f(() => {
+	d(() => {
 		if (!F?.id) return;
 		let e = `${F.id}:${z}`;
-		cr.current !== e && (cr.current = e, X());
+		lr.current !== e && (lr.current = e, X());
 	}, [
 		F?.id,
 		z,
 		X
 	]);
-	let Sr = d(async (e) => {
+	let Cr = u(async (e) => {
 		if (F?.id) {
 			G(e);
 			try {
-				let { data: t } = await yr({ variables: {
+				let { data: t } = await br({ variables: {
 					agentId: F.id,
 					packageName: e
 				} });
 				if (t?.installAgentPlugin?.success) await X();
 				else throw Error(t?.installAgentPlugin?.error || C("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
-				if (ue(e)) {
-					de(), sr("plugin"), ar(!0);
+				if (de(e)) {
+					fe(), cr("plugin"), or(!0);
 					return;
 				}
 				K(e instanceof Error ? e.message : C("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => K(null), 5e3);
@@ -420,14 +421,14 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		yr,
+		br,
 		X,
 		C
-	]), Cr = d(async (e) => {
+	]), wr = u(async (e) => {
 		if (F?.id && window.confirm(C("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: e }))) {
 			G(e);
 			try {
-				let { data: t } = await br({ variables: {
+				let { data: t } = await xr({ variables: {
 					agentId: F.id,
 					packageName: e
 				} });
@@ -441,17 +442,17 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		br,
+		xr,
 		X,
 		C
-	]), wr = d(async (e) => {
+	]), Tr = u(async (e) => {
 		if (!F?.id) return;
 		let t = window.prompt(C("agentDetails.updatePluginPrompt", "Update {{packageName}} to which version? Leave blank for latest.", { packageName: e }));
 		if (t === null) return;
 		let n = t.trim() || void 0;
 		G(e);
 		try {
-			let { data: t } = await xr({ variables: {
+			let { data: t } = await Sr({ variables: {
 				agentId: F.id,
 				packageName: e,
 				version: n ?? null
@@ -465,11 +466,11 @@ function Ft() {
 		}
 	}, [
 		F?.id,
-		xr,
+		Sr,
 		X,
 		C
-	]), Z = F?.sessions || [], Q = F?.vibes || [], Tr = d(async () => {
-		pr(!0), hr(null);
+	]), Z = F?.sessions || [], Q = F?.vibes || [], Er = u(async () => {
+		mr(!0), gr(null);
 		try {
 			let e = await (await fetch(typeof window < "u" && window.__BURDENOFF_GLOBAL_GATEWAY__ || "/global/graphql", {
 				method: "POST",
@@ -478,29 +479,29 @@ function Ft() {
 				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");
-			dr((e.data?.myEntitlements ?? []).filter((e) => {
+			fr((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) {
-			hr(e instanceof Error ? e.message : "Failed to load store plugins");
+			gr(e instanceof Error ? e.message : "Failed to load store plugins");
 		} finally {
-			pr(!1);
+			mr(!1);
 		}
 	}, []);
-	f(() => {
-		q === "store" && Y.length === 0 && !fr && Tr();
+	d(() => {
+		q === "store" && Y.length === 0 && !pr && Er();
 	}, [
 		q,
 		Y.length,
-		fr,
-		Tr
+		pr,
+		Er
 	]);
-	let Er = d(async (e, t) => {
+	let Dr = u(async (e, t) => {
 		if (F?.id) {
-			_r(e);
+			vr(e);
 			try {
 				let n = await (await fetch(typeof window < "u" && window.__BURDENOFF_WSPACE_GATEWAY__ || "/workspaces/graphql", {
 					method: "POST",
@@ -518,52 +519,52 @@ function Ft() {
 				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(), lr("installed");
+				await X(), ur("installed");
 			} catch (e) {
-				hr(e instanceof Error ? e.message : "Install failed");
+				gr(e instanceof Error ? e.message : "Install failed");
 			} finally {
-				_r(null);
+				vr(null);
 			}
 		}
 	}, [F?.id, X]);
-	f(() => {
+	d(() => {
 		if (typeof window > "u" || !F?.id) return;
 		let e = new URLSearchParams(window.location.search), t = e.get("install"), n = e.get("licenseKey");
-		if (t && t !== gr) {
-			lr("store"), Er(t, n);
+		if (t && t !== _r) {
+			ur("store"), Dr(t, n);
 			let e = new URL(window.location.href);
 			e.searchParams.delete("install"), e.searchParams.delete("licenseKey"), window.history.replaceState({}, "", e.toString());
 		}
 	}, [
 		F?.id,
-		Er,
-		gr
+		Dr,
+		_r
 	]);
-	let Dr = d(async () => {
+	let Or = u(async () => {
 		if (!F?.id) return null;
 		if (O) return O;
-		xn(!0), Cn(null);
+		Sn(!0), wn(null);
 		try {
-			let e = (await wn({ variables: { agentId: F.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
-			return e ? (yn(e), e) : (Cn("No API key configured"), null);
+			let e = (await Tn({ variables: { agentId: F.id } })).data?.vibecontrolsAgentSecretReveal ?? null;
+			return e ? (bn(e), e) : (wn("No API key configured"), null);
 		} catch (e) {
-			return Cn(e instanceof Error ? e.message : "Reveal failed"), null;
+			return wn(e instanceof Error ? e.message : "Reveal failed"), null;
 		} finally {
-			xn(!1);
+			Sn(!1);
 		}
 	}, [
 		F?.id,
 		O,
-		wn
+		Tn
 	]);
-	if (Lt) return /* @__PURE__ */ b("div", {
+	if (Rt) return /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ b("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions…"
 		})
 	});
-	if (Rt && (Rt.permissionStrings?.length ?? 0) > 0 && !It(Ce.AGENT_READ)) return /* @__PURE__ */ b("div", {
+	if (zt && (zt.permissionStrings?.length ?? 0) > 0 && !Lt(we.AGENT_READ)) return /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ x("div", {
 			className: "text-center space-y-2",
@@ -578,49 +579,49 @@ function Ft() {
 	});
 	let $ = () => {
 		S("/agents");
-	}, Or = async (e) => {
+	}, kr = async (e) => {
 		if (!(!F?.id || w)) {
-			Wt(e), Kt(null);
+			Gt(e), qt(null);
 			try {
-				let t = e === "start" ? await Ht({ variables: { agentId: F.id } }) : await Ut({ variables: { agentId: F.id } }), n = e === "start" ? t.data?.startVibecontrolsAgent : t.data?.stopVibecontrolsAgent;
+				let t = e === "start" ? await Ut({ variables: { agentId: F.id } }) : await Wt({ variables: { agentId: F.id } }), n = e === "start" ? t.data?.startVibecontrolsAgent : t.data?.stopVibecontrolsAgent;
 				if (!n || n.success === !1) throw Error(n?.error || `Failed to ${e} agent`);
 				E(e === "start" ? C("agentDetails.agentStarted", "Agent started") : C("agentDetails.agentStopped", "Agent stopped")), setTimeout(() => E(null), 3e3), await Promise.all([P(), I.refetch()]).catch(() => {});
 			} catch (t) {
 				let n = t instanceof Error ? t.message : "";
-				Kt(/unable to connect|fetch failed|timed? ?out|ECONN|agent returned 5|network/i.test(n) ? 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 ${e} agent`)), setTimeout(() => Kt(null), 6e3);
+				qt(/unable to connect|fetch failed|timed? ?out|ECONN|agent returned 5|network/i.test(n) ? 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 ${e} agent`)), setTimeout(() => qt(null), 6e3);
 			} finally {
-				Wt(null);
+				Gt(null);
 			}
 		}
-	}, kr = () => void Or("start"), Ar = () => void Or("stop"), jr = async () => {
+	}, Ar = () => void kr("start"), jr = () => void kr("stop"), Mr = async () => {
 		await Promise.all([P(), I.refetch()]).catch(() => {}), S("/agents");
-	}, Mr = () => {
-		T(null), Yt(!0);
-	}, Nr = async () => {
+	}, Nr = () => {
+		T(null), Xt(!0);
+	}, Pr = async () => {
 		if (!F?.id) return;
-		let e = an.trim();
+		let e = on.trim();
 		if (!e || e === F.name) {
-			rn(!1);
+			an(!1);
 			return;
 		}
-		sn(!0), ln(null);
+		cn(!0), un(null);
 		try {
-			let t = await zt({ variables: {
+			let t = await Bt({ variables: {
 				id: F.id,
 				input: { name: e }
 			} });
 			if (t.error) throw t.error;
-			rn(!1);
+			an(!1);
 		} catch (e) {
-			ln(e instanceof Error ? e.message : String(e));
+			un(e instanceof Error ? e.message : String(e));
 		} finally {
-			sn(!1);
+			cn(!1);
 		}
-	}, Pr = () => {
-		rn(!1), on(""), ln(null);
-	}, Fr = async () => {
+	}, Fr = () => {
+		an(!1), sn(""), un(null);
+	}, Ir = async () => {
 		if (!F?.id) return;
-		let e = dn.current?.value?.trim(), t = fn.current?.value?.trim(), n = pn.current?.value?.trim(), r = mn.current?.value?.trim();
+		let e = fn.current?.value?.trim(), t = pn.current?.value?.trim(), n = mn.current?.value?.trim(), r = hn.current?.value?.trim();
 		if (!e) {
 			T(C("agentDetails.agentNameRequired", "Agent name is required"));
 			return;
@@ -632,9 +633,9 @@ function Ft() {
 			T(C("agentDetails.metadataJsonRequired", "Metadata must be valid JSON"));
 			return;
 		}
-		Qt(!0), T(null);
+		$t(!0), T(null);
 		try {
-			await zt({ variables: {
+			await Bt({ variables: {
 				id: F.id,
 				input: {
 					name: e,
@@ -642,44 +643,44 @@ function Ft() {
 					aiContext: n || null,
 					metadata: i
 				}
-			} }), Yt(!1), E(C("agentDetails.configurationUpdated", "Agent configuration updated successfully")), setTimeout(() => E(null), 3e3);
+			} }), Xt(!1), E(C("agentDetails.configurationUpdated", "Agent configuration updated successfully")), setTimeout(() => E(null), 3e3);
 		} catch (e) {
 			T(e instanceof Error ? e.message : C("agentDetails.configurationUpdateFailed", "Failed to update agent configuration"));
 		} finally {
-			Qt(!1);
+			$t(!1);
 		}
-	}, Ir = async () => {
-		let e = await Dr();
+	}, Lr = async () => {
+		let e = await Or();
 		if (e) try {
-			await xe(e), be() && Se("API key copied"), vn(!0), setTimeout(() => vn(!1), 2e3);
+			await Se(e), xe() && Ce("API key copied"), yn(!0), setTimeout(() => yn(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
-	}, Lr = async () => {
-		hn || await Dr(), gn((e) => !e);
-	}, Rr = () => {
-		F?.id && ($n(!1), tr(!1), Zn(!0));
-	}, zr = async () => {
+	}, Rr = async () => {
+		gn || await Or(), _n((e) => !e);
+	}, zr = () => {
+		F?.id && (er(!1), nr(!1), Qn(!0));
+	}, Br = async () => {
 		if (F?.id) {
-			rr(!0);
+			ir(!0);
 			try {
-				await Bt({ variables: {
+				await Vt({ variables: {
 					id: F.id,
-					uninstallFromTarget: Qn,
-					deleteTarget: er
-				} }), Zn(!1), $();
+					uninstallFromTarget: $n,
+					deleteTarget: tr
+				} }), Qn(!1), $();
 			} catch (e) {
 				console.error("Failed to remove agent:", e);
 			} finally {
-				rr(!1);
+				ir(!1);
 			}
 		}
-	}, Br = (e) => {
+	}, Vr = (e) => {
 		S(`/sessions/${e}`);
-	}, Vr = () => {
+	}, Hr = () => {
 		j(null), A(!0);
-	}, Hr = async () => {
-		let e = N.current?.value?.trim(), t = Dn.current?.value, n = On.current?.value?.trim() || void 0, r = kn.current?.value?.trim() || void 0;
+	}, Ur = async () => {
+		let e = N.current?.value?.trim(), t = On.current?.value, n = kn.current?.value?.trim() || void 0, r = An.current?.value?.trim() || void 0;
 		if (!e) {
 			j(C("vibeDetails.sessionNameRequired", "Session name is required"));
 			return;
@@ -693,62 +694,62 @@ function Ft() {
 			j(C("sessions.agentNotHealthy", "The selected agent isn’t fully reachable right now. Please wait for the agent badge to turn green and retry.") + (i.errorMessage ? ` (${i.errorMessage})` : ""));
 			return;
 		}
-		En(!0), j(null);
+		Dn(!0), j(null);
 		try {
-			await An({ variables: { input: {
+			await jn({ variables: { input: {
 				name: e,
 				type: t || "TERMINAL",
 				agentId: F.id,
 				command: n,
 				workingDirectory: r
-			} } }), A(!1), N.current && (N.current.value = ""), Dn.current && (Dn.current.selectedIndex = 0), On.current && (On.current.value = ""), kn.current && (kn.current.value = ""), E(C("sessions.createdSuccess", "Session created successfully")), setTimeout(() => E(null), 3e3);
+			} } }), A(!1), N.current && (N.current.value = ""), On.current && (On.current.selectedIndex = 0), kn.current && (kn.current.value = ""), An.current && (An.current.value = ""), E(C("sessions.createdSuccess", "Session created successfully")), setTimeout(() => E(null), 3e3);
 		} catch (e) {
-			if (ue(e)) {
-				A(!1), de(), sr("session"), ar(!0);
+			if (de(e)) {
+				A(!1), fe(), cr("session"), or(!0);
 				return;
 			}
 			j(e instanceof Error ? e.message : C("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			En(!1);
+			Dn(!1);
 		}
-	}, Ur = (e) => {
-		S(`/vibes/${e}`);
 	}, Wr = (e) => {
+		S(`/vibes/${e}`);
+	}, Gr = (e) => {
 		if (!e) return C("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();
 	};
-	if (Mn && !F) return /* @__PURE__ */ x(jt, {
+	if (Nn && !F) return /* @__PURE__ */ x(Mt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ x("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ b(Ue, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ b(we, { variant: "detail" })]
+			children: [/* @__PURE__ */ b(m, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ b(Te, { variant: "detail" })]
 	});
-	if (Nn && !F) return /* @__PURE__ */ x(jt, {
+	if (Pn && !F) return /* @__PURE__ */ x(Mt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ x("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ b(Ue, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ b(he, {
+			children: [/* @__PURE__ */ b(m, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ b(ge, {
 			title: C("agentDetails.failedLoad", "Failed to load agent"),
-			message: Nn.message,
+			message: Pn.message,
 			onRetry: () => P()
 		})]
 	});
-	if (!F) return /* @__PURE__ */ x(jt, {
+	if (!F) return /* @__PURE__ */ x(Mt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [/* @__PURE__ */ x("button", {
 			type: "button",
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ b(Ue, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ b(_e, {
-			icon: /* @__PURE__ */ b(mt, { className: "size-8 text-text-secondary" }),
+			children: [/* @__PURE__ */ b(m, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ b(ve, {
+			icon: /* @__PURE__ */ b(ht, { className: "size-8 text-text-secondary" }),
 			title: C("agentDetails.notFound", "Agent not found"),
 			description: `${C("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${h}" ${C("agentDetails.notFoundDescriptionSuffix", "exists")}`,
 			action: /* @__PURE__ */ b("button", {
@@ -759,94 +760,94 @@ function Ft() {
 			})
 		})]
 	});
-	let Gr = [
+	let Kr = [
 		{
 			id: "overview",
 			label: C("nav.overview", "Overview"),
-			icon: mt
+			icon: ht
 		},
 		{
 			id: "profiles",
 			label: C("agentDetails.profiles", "Profiles"),
-			icon: St
+			icon: Ct
 		},
 		{
 			id: "security",
 			label: C("agentDetails.security", "Security"),
-			icon: gt
+			icon: _t
 		},
 		{
 			id: "plugins",
 			label: C("agentDetails.plugins", "Plugins"),
-			icon: ut,
+			icon: dt,
 			badge: `${U.length}`
 		},
 		{
 			id: "sessions",
 			label: C("nav.sessions", "Sessions"),
-			icon: yt,
+			icon: bt,
 			badge: `${Z.length}`
 		},
 		{
 			id: "logs",
 			label: C("nav.logs", "Logs"),
-			icon: ft
+			icon: pt
 		},
 		{
 			id: "connection",
 			label: C("agentDetails.connection", "Connection Log"),
-			icon: ft
+			icon: pt
 		},
 		{
 			id: "vibes",
 			label: C("nav.vibes", "Vibes"),
-			icon: wt,
+			icon: Tt,
 			badge: `${Q.length}`
 		},
 		{
 			id: "notes",
 			label: C("vibeDetails.notes", "Notes"),
-			icon: rt
+			icon: it
 		},
 		{
 			id: "aliases",
 			label: C("agentDetails.aliases", "Aliases"),
-			icon: Ye
+			icon: Xe
 		},
 		{
 			id: "backup",
 			label: C("agentDetails.backup", "Backup"),
-			icon: Qe
+			icon: $e
 		},
 		{
 			id: "maintenance",
 			label: C("agentDetails.maintenance.tab", "Maintenance"),
-			icon: Ct
+			icon: wt
 		}
-	], Kr = Z.filter((e) => e.status === "RUNNING").length;
-	return F?.tunnelUrl, /* @__PURE__ */ x(jt, {
+	], qr = Z.filter((e) => e.status === "RUNNING").length;
+	return F?.tunnelUrl, /* @__PURE__ */ x(Mt, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			$t && /* @__PURE__ */ b("div", {
+			en && /* @__PURE__ */ b("div", {
 				className: "fixed top-4 left-4 right-4 sm:left-auto z-50 bg-status-success-bg text-status-success-text px-4 py-3 rounded-md shadow-lg",
-				children: $t
+				children: en
 			}),
-			Gt && /* @__PURE__ */ b("div", {
+			Kt && /* @__PURE__ */ b("div", {
 				className: "fixed top-16 left-4 right-4 sm:left-auto z-50 bg-status-error-bg text-status-error-text px-4 py-3 rounded-md shadow-lg",
-				children: Gt
+				children: Kt
 			}),
 			/* @__PURE__ */ x("button", {
 				type: "button",
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ b(Ue, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
+				children: [/* @__PURE__ */ b(m, { className: "size-4" }), C("agentDetails.backToAgents", "Back to Agents")]
 			}),
-			/* @__PURE__ */ b(me, {
+			/* @__PURE__ */ b(he, {
 				title: F.name,
 				description: F.hostname || C("agentDetails.noHostnameConfigured", "No hostname configured"),
 				breadcrumb: [{
 					label: C("nav.agents", "Agents"),
-					path: Ft ? `${Ft}/agents` : "/agents"
+					path: It ? `${It}/agents` : "/agents"
 				}, { label: F.name }],
 				actions: /* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-2",
@@ -857,7 +858,7 @@ function Ft() {
 							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: C("agentDetails.openAiChat", "Open AI chat with this agent"),
 							"data-testid": "agent-open-ai-chat",
-							children: [/* @__PURE__ */ b(Ge, { className: "size-4" }), /* @__PURE__ */ b("span", {
+							children: [/* @__PURE__ */ b(Ke, { className: "size-4" }), /* @__PURE__ */ b("span", {
 								className: "hidden sm:inline",
 								children: C("agentDetails.aiChat", "AI Chat")
 							})]
@@ -865,65 +866,65 @@ function Ft() {
 						/* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: () => P(),
-							disabled: Mn,
+							disabled: Nn,
 							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-50",
 							title: C("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ b(dt, { className: `size-4 ${Mn ? "animate-spin" : ""}` })
+							children: /* @__PURE__ */ b(ft, { className: `size-4 ${Nn ? "animate-spin" : ""}` })
 						}),
-						In ? /* @__PURE__ */ x("button", {
+						Ln ? /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: kr,
+							onClick: Ar,
 							disabled: w !== null,
 							"aria-busy": w === "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: [w === "start" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(ct, { className: "size-4" }), w === "start" ? C("agentDetails.starting", "Starting…") : C("agentDetails.start", "Start")]
+							children: [w === "start" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(lt, { className: "size-4" }), w === "start" ? C("agentDetails.starting", "Starting…") : C("agentDetails.start", "Start")]
 						}) : /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Ar,
+							onClick: jr,
 							disabled: w !== null,
 							"aria-busy": w === "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: [w === "stop" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(_t, { className: "size-4" }), w === "stop" ? C("agentDetails.stopping", "Stopping…") : C("sessions.stop", "Stop")]
+							children: [w === "stop" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(vt, { className: "size-4" }), w === "stop" ? C("agentDetails.stopping", "Stopping…") : C("sessions.stop", "Stop")]
 						}),
 						R === "DEGRADED" && /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: kr,
+							onClick: Ar,
 							disabled: w !== null,
 							"aria-busy": w === "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: L.get(F.id)?.errorMessage ? `Retry lifecycle/start — last error: ${L.get(F.id)?.errorMessage}` : "Retry lifecycle/start",
-							children: [w === "start" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(dt, { className: "size-4" }), w === "start" ? C("agentDetails.reconnecting", "Reconnecting…") : C("agentDetails.reconnect", "Reconnect")]
+							children: [w === "start" ? /* @__PURE__ */ b(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ b(ft, { className: "size-4" }), w === "start" ? C("agentDetails.reconnecting", "Reconnecting…") : C("agentDetails.reconnect", "Reconnect")]
 						}),
-						/* @__PURE__ */ b(Me, {
+						/* @__PURE__ */ b(Pe, {
 							agentId: F.id,
 							tunnelUrl: F.tunnelUrl || null,
 							profile: z
 						}),
 						/* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Mr,
+							onClick: Nr,
 							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",
-							children: [/* @__PURE__ */ b(ht, { className: "size-4" }), C("agentDetails.configure", "Configure")]
+							children: [/* @__PURE__ */ b(gt, { className: "size-4" }), C("agentDetails.configure", "Configure")]
 						}),
 						/* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: Rr,
+							onClick: zr,
 							className: "flex items-center gap-2 px-3 py-2 bg-status-error-bg text-status-error-text rounded-md hover:opacity-80 transition-colors",
-							children: [/* @__PURE__ */ b(bt, { className: "size-4" }), C("sessions.remove", "Remove")]
+							children: [/* @__PURE__ */ b(xt, { className: "size-4" }), C("sessions.remove", "Remove")]
 						})
 					]
 				})
 			}),
 			/* @__PURE__ */ b("div", {
 				className: "flex items-center gap-2 -mt-2",
-				children: nn ? /* @__PURE__ */ x(y, { children: [
+				children: rn ? /* @__PURE__ */ x(y, { children: [
 					/* @__PURE__ */ b("input", {
-						ref: un,
+						ref: dn,
 						type: "text",
-						value: an,
-						onChange: (e) => on(e.target.value),
+						value: on,
+						onChange: (e) => sn(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && !D ? Nr() : e.key === "Escape" && Pr();
+							e.key === "Enter" && !D ? Pr() : e.key === "Escape" && Fr();
 						},
 						disabled: D,
 						maxLength: 120,
@@ -934,34 +935,34 @@ function Ft() {
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => void Nr(),
-						disabled: !an.trim() || an.trim() === F.name || D,
+						onClick: () => void Pr(),
+						disabled: !on.trim() || on.trim() === F.name || D,
 						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: [D ? /* @__PURE__ */ b(g, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ b(Ke, { className: "size-3.5" }), C("agentDetails.saveName", "Save")]
+						children: [D ? /* @__PURE__ */ b(g, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ b(qe, { className: "size-3.5" }), C("agentDetails.saveName", "Save")]
 					}),
 					/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: Pr,
+						onClick: Fr,
 						disabled: D,
 						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")
 					}),
-					cn && /* @__PURE__ */ b("span", {
+					ln && /* @__PURE__ */ b("span", {
 						className: "text-xs text-status-error-text",
 						role: "alert",
-						children: cn
+						children: ln
 					})
 				] }) : /* @__PURE__ */ x("button", {
 					type: "button",
 					onClick: () => {
-						ln(null), on(F.name), rn(!0), requestAnimationFrame(() => un.current?.select());
+						un(null), sn(F.name), an(!0), requestAnimationFrame(() => dn.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"),
 					"data-testid": "agent-details-rename-trigger",
-					children: [/* @__PURE__ */ b(et, { className: "size-3.5" }), C("agentDetails.rename", "Rename")]
+					children: [/* @__PURE__ */ b(tt, { className: "size-3.5" }), C("agentDetails.rename", "Rename")]
 				})
 			}),
 			R === "DEGRADED" && /* @__PURE__ */ x("div", {
@@ -992,7 +993,7 @@ function Ft() {
 					}),
 					/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => Rn("connection"),
+						onClick: () => zn("connection"),
 						className: "text-xs font-medium text-action-primary-text hover:underline flex-shrink-0",
 						children: C("agentDetails.degradedBanner.viewLog", "View log →")
 					})
@@ -1001,33 +1002,33 @@ function Ft() {
 			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ b(u, {
+					/* @__PURE__ */ b(l, {
 						className: "p-4",
 						children: /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ b("div", {
 								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ b(mt, { className: "size-5 text-text-secondary" })
+								children: /* @__PURE__ */ b(ht, { className: "size-5 text-text-secondary" })
 							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: C("sessions.filterStatus", "Status")
-							}), /* @__PURE__ */ b(ke, {
+							}), /* @__PURE__ */ b(je, {
 								status: R,
 								reason: L.get(F.id)?.errorMessage ?? (F.lastGatewayAuthPushStatus === "failed" ? F.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null),
 								linkTo: "?tab=connection",
 								onClick: (e) => {
-									e.preventDefault(), Rn("connection");
+									e.preventDefault(), zn("connection");
 								}
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ b(u, {
+					/* @__PURE__ */ b(l, {
 						className: "p-4",
 						children: /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ b("div", {
 								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ b(Ze, { className: "size-5 text-text-secondary" })
+								children: /* @__PURE__ */ b(Qe, { className: "size-5 text-text-secondary" })
 							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: C("analytics.platform", "Platform")
@@ -1041,13 +1042,13 @@ function Ft() {
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ b(u, {
+					/* @__PURE__ */ b(l, {
 						className: "p-4",
 						children: /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ b("div", {
 								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ b(it, { className: "size-5 text-text-secondary" })
+								children: /* @__PURE__ */ b(at, { className: "size-5 text-text-secondary" })
 							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: C("agentDetails.version", "Version")
@@ -1057,20 +1058,20 @@ function Ft() {
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ b(u, {
+					/* @__PURE__ */ b(l, {
 						className: "p-4",
 						children: /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ b("div", {
 								className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ b(yt, { className: "size-5 text-text-secondary" })
+								children: /* @__PURE__ */ b(bt, { className: "size-5 text-text-secondary" })
 							}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: C("nav.sessions", "Sessions")
 							}), /* @__PURE__ */ x("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									Kr,
+									qr,
 									" ",
 									C("health.active", "active")
 								]
@@ -1085,11 +1086,11 @@ function Ft() {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
 					"aria-label": C("agentDetails.tabsAriaLabel", "Agent tabs"),
 					children: [
-						Gr.map((e) => {
+						Kr.map((e) => {
 							let t = e.icon, n = H === e.id;
 							return /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => Rn(e.id),
+								onClick: () => zn(e.id),
 								className: `flex shrink-0 items-center gap-1.5 px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${n ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 								"aria-selected": n,
 								role: "tab",
@@ -1107,7 +1108,7 @@ function Ft() {
 							let t = H === e.contribution.id;
 							return /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => Rn(e.contribution.id),
+								onClick: () => zn(e.contribution.id),
 								className: `flex shrink-0 items-center gap-1.5 px-3 py-2.5 text-xs sm:gap-2 sm:px-4 sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 								"aria-selected": t,
 								role: "tab",
@@ -1117,7 +1118,7 @@ function Ft() {
 						}),
 						B && F && /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => Bn(!0),
+							onClick: () => Vn(!0),
 							className: "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",
 							title: "Install a UI plugin tab",
 							"aria-label": "Add tab",
@@ -1132,7 +1133,7 @@ function Ft() {
 					]
 				})
 			}),
-			/* @__PURE__ */ x(Dt, {
+			/* @__PURE__ */ x(Ot, {
 				mode: "wait",
 				children: [
 					H === "overview" && /* @__PURE__ */ x(v.div, {
@@ -1151,11 +1152,11 @@ function Ft() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ x("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ b(qe, { className: "size-5" }), C("agentDetails.capabilities", "Capabilities")]
+									children: [/* @__PURE__ */ b(Je, { className: "size-5" }), C("agentDetails.capabilities", "Capabilities")]
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "p-4",
@@ -1217,24 +1218,24 @@ function Ft() {
 									})
 								})
 							})] }),
-							/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ x("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ b(vt, { className: "size-5" }), "Tags"]
+									children: [/* @__PURE__ */ b(yt, { className: "size-5" }), "Tags"]
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ b(ge, {
+								children: /* @__PURE__ */ b(_e, {
 									entityType: "VIBECONTROLS_AGENT",
 									entityId: F.id
 								})
 							})] }),
-							F.tunnelUrl && /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+							F.tunnelUrl && /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ x("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ b(wt, { className: "size-5" }), C("health.tunnel", "Tunnel")]
+									children: [/* @__PURE__ */ b(Tt, { className: "size-5" }), C("health.tunnel", "Tunnel")]
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "p-4",
@@ -1252,11 +1253,11 @@ function Ft() {
 									})]
 								})
 							})] }),
-							/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ x("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ b(ht, { className: "size-5" }), C("agentDetails.configuration", "Configuration")]
+									children: [/* @__PURE__ */ b(gt, { className: "size-5" }), C("agentDetails.configuration", "Configuration")]
 								})
 							}), /* @__PURE__ */ x("div", {
 								className: "p-4 space-y-4",
@@ -1293,11 +1294,11 @@ function Ft() {
 									children: F.aiContext
 								})] })]
 							})] }),
-							/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ x("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ b(Je, { className: "size-5" }), C("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ b(Ye, { className: "size-5" }), C("vibeDetails.timeline", "Timeline")]
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "p-4",
@@ -1309,21 +1310,21 @@ function Ft() {
 											children: C("health.lastHeartbeat", "Last Heartbeat")
 										}), /* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary",
-											children: Wr(F.lastHeartbeat)
+											children: Gr(F.lastHeartbeat)
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-text-secondary",
 											children: C("vibeDetails.created", "Created")
 										}), /* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary",
-											children: Wr(F.createdAt)
+											children: Gr(F.createdAt)
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-text-secondary",
 											children: C("vibeDetails.updated", "Updated")
 										}), /* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary",
-											children: Wr(F.updatedAt)
+											children: Gr(F.updatedAt)
 										})] })
 									]
 								})
@@ -1344,7 +1345,7 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ b(Fe, { agentId: F.id })
+						children: /* @__PURE__ */ b(Le, { agentId: F.id })
 					}, "profiles"),
 					H === "security" && /* @__PURE__ */ x(v.div, {
 						initial: {
@@ -1362,11 +1363,11 @@ function Ft() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 								className: "p-4 border-b border-border-default",
 								children: /* @__PURE__ */ x("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ b(ot, { className: "size-5" }), C("agentDetails.agentApiKey", "Agent API Key")]
+									children: [/* @__PURE__ */ b(st, { className: "size-5" }), C("agentDetails.agentApiKey", "Agent API Key")]
 								})
 							}), /* @__PURE__ */ x("div", {
 								className: "p-4",
@@ -1377,26 +1378,26 @@ function Ft() {
 											className: "flex-1 min-w-0",
 											children: [/* @__PURE__ */ b("code", {
 												className: "text-sm font-mono text-text-primary bg-bg-sunken px-3 py-2 rounded-md block truncate",
-												children: hn && O ? O : bn ? C("agentDetails.revealLoading", "Revealing…") : "•".repeat(32)
-											}), Sn && /* @__PURE__ */ b("p", {
+												children: gn && O ? O : xn ? C("agentDetails.revealLoading", "Revealing…") : "•".repeat(32)
+											}), Cn && /* @__PURE__ */ b("p", {
 												className: "text-xs text-status-error-text mt-1",
-												children: Sn
+												children: Cn
 											})]
 										}),
 										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => void Lr(),
-											disabled: bn,
+											onClick: () => void Rr(),
+											disabled: xn,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0 disabled:opacity-50",
-											title: hn ? C("agentDetails.hideApiKey", "Hide API key") : C("agentDetails.showApiKey", "Show API key"),
-											children: b(hn ? nt : tt, { className: "size-4 text-text-secondary" })
+											title: gn ? C("agentDetails.hideApiKey", "Hide API key") : C("agentDetails.showApiKey", "Show API key"),
+											children: b(gn ? rt : nt, { className: "size-4 text-text-secondary" })
 										}),
 										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: Ir,
+											onClick: Lr,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
 											title: C("agentDetails.copyApiKey", "Copy API key"),
-											children: _n ? /* @__PURE__ */ b(Ke, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ b(Xe, { className: "size-4 text-text-secondary" })
+											children: vn ? /* @__PURE__ */ b(qe, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ b(Ze, { className: "size-4 text-text-secondary" })
 										})
 									]
 								}) : /* @__PURE__ */ b("p", {
@@ -1407,41 +1408,46 @@ function Ft() {
 									children: "This key authenticates requests sent to the agent. The key is revealed only on explicit operator action and every read is audited."
 								})]
 							})] }),
-							/* @__PURE__ */ b(Nt, {
+							/* @__PURE__ */ b(ke, {
+								agentId: F.id,
+								currentTunnelUrl: F.tunnelUrl,
+								onUpdated: () => P()
+							}),
+							/* @__PURE__ */ b(Pt, {
 								agent: F,
 								onUpdate: () => P()
 							}),
-							/* @__PURE__ */ b(Ae, { agent: {
+							/* @__PURE__ */ b(Me, { agent: {
 								id: F.id,
 								profile: z ?? "default"
 							} })
 						]
 					}, "security"),
 					H === "plugins" && (() => {
-						let e = J.toLowerCase(), t = U.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 = Gn.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = U.filter((e) => e.hasUI), i = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), a = [
+						let e = J.toLowerCase(), t = U.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 = Kn.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = U.filter((e) => e.hasUI), i = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), a = [
 							{
 								id: "installed",
 								label: "Installed",
 								count: t.length,
-								icon: ut
+								icon: dt
 							},
 							{
 								id: "available",
 								label: "Available",
 								count: n.length,
-								icon: $e
+								icon: et
 							},
 							{
 								id: "store",
 								label: "Store",
 								count: Y.length,
-								icon: $e
+								icon: et
 							},
 							{
 								id: "ui-plugins",
 								label: "UI Plugins",
 								count: i.length,
-								icon: st
+								icon: ct
 							}
 						];
 						return /* @__PURE__ */ b(v.div, {
@@ -1459,7 +1465,7 @@ function Ft() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ x("div", {
 								className: "p-4 border-b border-border-default space-y-3",
 								children: [
 									/* @__PURE__ */ x("div", {
@@ -1467,7 +1473,7 @@ function Ft() {
 										children: [/* @__PURE__ */ x("h3", {
 											className: "font-semibold text-text-primary flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ b(ut, { className: "size-5" }),
+												/* @__PURE__ */ b(dt, { className: "size-5" }),
 												"Plugins",
 												U.length > 0 && /* @__PURE__ */ x("span", {
 													className: "text-sm font-normal text-text-secondary",
@@ -1484,27 +1490,27 @@ function Ft() {
 										}), /* @__PURE__ */ b("button", {
 											type: "button",
 											onClick: X,
-											disabled: qn,
+											disabled: Jn,
 											className: "p-1.5 text-text-secondary hover:bg-bg-sunken rounded transition-colors disabled:opacity-50",
 											title: C("agentDetails.refreshPlugins", "Refresh plugins"),
-											children: /* @__PURE__ */ b(dt, { className: `size-4 ${qn ? "animate-spin" : ""}` })
+											children: /* @__PURE__ */ b(ft, { className: `size-4 ${Jn ? "animate-spin" : ""}` })
 										})]
 									}),
 									/* @__PURE__ */ x("div", {
 										className: "relative",
 										children: [
-											/* @__PURE__ */ b(pt, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }),
+											/* @__PURE__ */ b(mt, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }),
 											/* @__PURE__ */ b("input", {
 												"aria-label": "control",
 												type: "text",
 												value: J,
-												onChange: (e) => ur(e.target.value),
+												onChange: (e) => dr(e.target.value),
 												placeholder: C("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag..."),
 												className: "w-full pl-9 pr-8 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-1 focus:ring-action-primary-bg focus:border-action-primary-bg"
 											}),
 											J && /* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => ur(""),
+												onClick: () => dr(""),
 												className: "absolute right-2 top-1/2 -translate-y-1/2 p-0.5 text-text-muted hover:text-text-secondary rounded",
 												children: /* @__PURE__ */ b(_, { className: "size-3.5" })
 											})
@@ -1516,7 +1522,7 @@ function Ft() {
 											let t = q === e.id, n = e.icon;
 											return /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: () => lr(e.id),
+												onClick: () => ur(e.id),
 												className: `flex shrink-0 items-center gap-1.5 px-3 py-2 text-xs sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 												children: [
 													/* @__PURE__ */ b(n, { className: "size-3.5" }),
@@ -1533,13 +1539,13 @@ function Ft() {
 							}), /* @__PURE__ */ x("div", {
 								className: "p-4 space-y-4",
 								children: [
-									Yn && /* @__PURE__ */ x("div", {
+									Xn && /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 										children: [
 											/* @__PURE__ */ b(_, { className: "size-4 flex-shrink-0" }),
 											/* @__PURE__ */ b("span", {
 												className: "flex-1",
-												children: Yn
+												children: Xn
 											}),
 											/* @__PURE__ */ b("button", {
 												type: "button",
@@ -1551,7 +1557,7 @@ function Ft() {
 									}),
 									!F?.isActive && /* @__PURE__ */ x("p", {
 										className: "text-sm text-text-muted flex items-center gap-1.5",
-										children: [/* @__PURE__ */ b(at, { className: "size-4 flex-shrink-0" }), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
+										children: [/* @__PURE__ */ b(ot, { className: "size-4 flex-shrink-0" }), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
 									}),
 									q === "installed" && /* @__PURE__ */ b(y, { children: t.length > 0 ? /* @__PURE__ */ b("div", {
 										className: "space-y-2",
@@ -1634,25 +1640,25 @@ function Ft() {
 												children: [
 													e.hasUI && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => lr("ui-plugins"),
+														onClick: () => ur("ui-plugins"),
 														className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-action-primary-bg bg-action-primary-bg/10 rounded-md hover:bg-action-primary-bg/20 transition-colors border border-action-primary-bg/20",
 														title: `Open ${e.pluginName} UI`,
-														children: [/* @__PURE__ */ b(st, { className: "size-3" }), "Open UI"]
+														children: [/* @__PURE__ */ b(ct, { className: "size-3" }), "Open UI"]
 													}),
 													!e.isCore && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => wr(e.packageName),
+														onClick: () => Tr(e.packageName),
 														disabled: W === 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: C("agentDetails.updatePlugin", "Update plugin (latest or a specific version)"),
-														children: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(We, { className: "size-3" }), C("agentDetails.update", "Update")]
+														children: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(Ge, { className: "size-3" }), C("agentDetails.update", "Update")]
 													}),
 													!e.isCore && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => Cr(e.packageName),
+														onClick: () => wr(e.packageName),
 														disabled: W === 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: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(bt, { className: "size-3" }), C("sessions.remove", "Remove")]
+														children: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(xt, { className: "size-3" }), C("sessions.remove", "Remove")]
 													})
 												]
 											})]
@@ -1683,23 +1689,23 @@ function Ft() {
 												]
 											}), /* @__PURE__ */ x("button", {
 												type: "button",
-												onClick: () => Sr(e.packageName),
+												onClick: () => Cr(e.packageName),
 												disabled: W === 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: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b($e, { className: "size-3" }), "Install"]
+												children: [W === e.packageName ? /* @__PURE__ */ b(g, { className: "size-3 animate-spin" }) : /* @__PURE__ */ b(et, { className: "size-3" }), "Install"]
 											})]
 										}, e.packageName))
 									}) : /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-muted",
-										children: J ? "No available plugins match your search." : Gn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
+										children: J ? "No available plugins match your search." : Kn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
 									}) }),
-									q === "store" && /* @__PURE__ */ x(y, { children: [mr && /* @__PURE__ */ x("div", {
+									q === "store" && /* @__PURE__ */ x(y, { children: [hr && /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 										children: [/* @__PURE__ */ b(_, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ b("span", {
 											className: "flex-1",
-											children: mr
+											children: hr
 										})]
-									}), fr ? /* @__PURE__ */ b("p", {
+									}), pr ? /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-muted",
 										children: "Loading purchased plugins…"
 									}) : Y.length === 0 ? /* @__PURE__ */ x("div", {
@@ -1726,7 +1732,7 @@ function Ft() {
 														className: "size-10 rounded-md object-cover flex-shrink-0"
 													}) : /* @__PURE__ */ b("div", {
 														className: "size-10 flex-shrink-0 rounded-md bg-bg-secondary flex items-center justify-center",
-														children: /* @__PURE__ */ b(ut, { className: "size-5 text-text-muted" })
+														children: /* @__PURE__ */ b(dt, { className: "size-5 text-text-muted" })
 													}), /* @__PURE__ */ x("div", {
 														className: "min-w-0 flex-1",
 														children: [
@@ -1752,15 +1758,15 @@ function Ft() {
 													})]
 												}), /* @__PURE__ */ b("button", {
 													type: "button",
-													onClick: () => void Er(e.productId, e.licenseKey),
-													disabled: r || gr === e.productId || !n,
+													onClick: () => void Dr(e.productId, e.licenseKey),
+													disabled: r || _r === e.productId || !n,
 													className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-md bg-action-primary-bg text-action-primary-text hover:opacity-90 disabled:opacity-60 flex-shrink-0",
-													children: r ? "Installed" : gr === e.productId ? "Installing…" : "Install"
+													children: r ? "Installed" : _r === e.productId ? "Installing…" : "Install"
 												})]
 											}, e.id);
 										})
 									})] }),
-									q === "ui-plugins" && /* @__PURE__ */ b(y, { children: r.length > 0 || F?.tunnelUrl ? /* @__PURE__ */ b(je, {
+									q === "ui-plugins" && /* @__PURE__ */ b(y, { children: r.length > 0 || F?.tunnelUrl ? /* @__PURE__ */ b(Ne, {
 										availablePlugins: [...F?.tunnelUrl ? [{
 											pluginName: "code-server",
 											displayName: "Code Server (VS Code)",
@@ -1780,7 +1786,7 @@ function Ft() {
 										className: "text-sm text-text-muted",
 										children: J ? "No UI plugins match your search." : "No plugins with UI are currently installed."
 									}) }),
-									qn && U.length === 0 && /* @__PURE__ */ x("div", {
+									Jn && U.length === 0 && /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2 text-sm text-text-secondary",
 										children: [/* @__PURE__ */ b(g, { className: "size-4 animate-spin" }), "Loading plugins..."]
 									})
@@ -1802,26 +1808,26 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ x("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between gap-3 flex-wrap",
 							children: [/* @__PURE__ */ x("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ b(yt, { className: "size-5" }),
+									/* @__PURE__ */ b(bt, { className: "size-5" }),
 									C("nav.sessions", "Sessions"),
 									" (",
 									Z.length,
 									")"
 								]
-							}), /* @__PURE__ */ b(At, {
-								permission: Ce.SESSION_CREATE,
+							}), /* @__PURE__ */ b(jt, {
+								permission: we.SESSION_CREATE,
 								deniedBehavior: "disable",
 								deniedTooltip: "You don't have permission to create sessions",
 								children: /* @__PURE__ */ x("button", {
 									"data-testid": "create-session-btn",
-									onClick: Vr,
+									onClick: Hr,
 									className: "inline-flex items-center gap-2 px-3 py-1.5 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed",
-									children: [/* @__PURE__ */ b(lt, { className: "w-4 h-4" }), C("sessions.createSession", "Create Session")]
+									children: [/* @__PURE__ */ b(ut, { className: "w-4 h-4" }), C("sessions.createSession", "Create Session")]
 								})
 							})]
 						}), Z.length > 0 ? /* @__PURE__ */ b("div", {
@@ -1830,13 +1836,13 @@ function Ft() {
 								role: "button",
 								tabIndex: 0,
 								onKeyDown: (t) => {
-									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Br(e.id));
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Vr(e.id));
 								},
-								onClick: () => Br(e.id),
+								onClick: () => Vr(e.id),
 								className: "p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 cursor-pointer hover:bg-bg-sunken/50 transition-colors",
 								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ b(yt, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ b(bt, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ x("div", {
 										className: "min-w-0",
 										children: [/* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary truncate",
@@ -1846,19 +1852,19 @@ function Ft() {
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ b(ve, { status: e.status })]
+								}), /* @__PURE__ */ b(ye, { status: e.status })]
 							}, e.id))
 						}) : /* @__PURE__ */ x("div", {
 							className: "p-6 text-center text-text-secondary flex flex-col items-center gap-3",
-							children: [/* @__PURE__ */ b("span", { children: C("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ b(At, {
-								permission: Ce.SESSION_CREATE,
+							children: [/* @__PURE__ */ b("span", { children: C("agentDetails.noSessionsOnAgent", "No sessions on this agent") }), /* @__PURE__ */ b(jt, {
+								permission: we.SESSION_CREATE,
 								deniedBehavior: "disable",
 								deniedTooltip: "You don't have permission to create sessions",
 								children: /* @__PURE__ */ x("button", {
 									"data-testid": "create-session-empty-btn",
-									onClick: Vr,
+									onClick: Hr,
 									className: "inline-flex items-center gap-2 px-3 py-1.5 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed",
-									children: [/* @__PURE__ */ b(lt, { className: "w-4 h-4" }), C("sessions.createSession", "Create Session")]
+									children: [/* @__PURE__ */ b(ut, { className: "w-4 h-4" }), C("sessions.createSession", "Create Session")]
 								})
 							})]
 						})] })
@@ -1877,9 +1883,9 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ b(u, {
+						children: /* @__PURE__ */ b(l, {
 							className: "min-h-[60vh]",
-							children: /* @__PURE__ */ b(Ee, {
+							children: /* @__PURE__ */ b(De, {
 								agentId: F.id,
 								agentName: F.name
 							})
@@ -1899,15 +1905,15 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
 							children: /* @__PURE__ */ x("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ b(ft, { className: "size-5" }), C("nav.logs", "Logs")]
+								children: [/* @__PURE__ */ b(pt, { className: "size-5" }), C("nav.logs", "Logs")]
 							})
 						}), /* @__PURE__ */ b("div", {
 							className: "p-4",
-							children: /* @__PURE__ */ b(Pe, {
+							children: /* @__PURE__ */ b(Ie, {
 								agentId: F.id,
 								profile: z,
 								className: "min-h-[28rem]"
@@ -1928,12 +1934,12 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
 							children: /* @__PURE__ */ x("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ b(wt, { className: "size-5" }),
+									/* @__PURE__ */ b(Tt, { className: "size-5" }),
 									C("nav.vibes", "Vibes"),
 									" (",
 									Q.length,
@@ -1946,13 +1952,13 @@ function Ft() {
 								role: "button",
 								tabIndex: 0,
 								onKeyDown: (t) => {
-									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Ur(e.id));
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), Wr(e.id));
 								},
-								onClick: () => Ur(e.id),
+								onClick: () => Wr(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",
 								children: [/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ b(wt, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ b(Tt, { className: "size-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ x("div", {
 										className: "min-w-0",
 										children: [/* @__PURE__ */ b("p", {
 											className: "font-medium text-text-primary truncate",
@@ -1962,7 +1968,7 @@ function Ft() {
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ b(ve, { status: e.status })]
+								}), /* @__PURE__ */ b(ye, { status: e.status })]
 							}, e.id))
 						}) : /* @__PURE__ */ b("div", {
 							className: "p-6 text-center text-text-secondary",
@@ -1984,7 +1990,7 @@ function Ft() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ b(Ie, {
+						children: /* @__PURE__ */ b(Re, {
 							context: "agent",
 							agentVibes: Q.map((e) => ({
 								id: e.id,
@@ -2007,7 +2013,7 @@ function Ft() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ b(Oe, { agent: {
+						children: /* @__PURE__ */ b(Ae, { agent: {
 							id: F.id,
 							profile: F.metadata?.profile ?? "default"
 						} })
@@ -2026,7 +2032,7 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ b(Te, {
+						children: /* @__PURE__ */ b(Ee, {
 							agentId: F.id,
 							profile: z
 						})
@@ -2045,10 +2051,10 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ x(u, {
+						children: /* @__PURE__ */ x(l, {
 							className: "p-6 text-center text-text-secondary",
 							children: [
-								/* @__PURE__ */ b(Qe, { className: "size-8 mx-auto mb-2 text-text-muted" }),
+								/* @__PURE__ */ b($e, { className: "size-8 mx-auto mb-2 text-text-muted" }),
 								/* @__PURE__ */ b("p", { children: C("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
 								/* @__PURE__ */ b("p", {
 									className: "text-sm mt-1",
@@ -2071,10 +2077,10 @@ function Ft() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ b(De, {
+						children: /* @__PURE__ */ b(Oe, {
 							agentId: F.id,
 							agentVersion: F.version,
-							onAfterDestructiveNuke: jr
+							onAfterDestructiveNuke: Mr
 						})
 					}, "maintenance"),
 					B && (() => {
@@ -2094,9 +2100,9 @@ function Ft() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ b(u, { children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ b(l, { children: /* @__PURE__ */ b("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ b(Be, {
+								children: /* @__PURE__ */ b(He, {
 									contribution: e,
 									tunnel: e.tunnel,
 									restPaths: e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`],
@@ -2116,9 +2122,9 @@ function Ft() {
 					})()
 				]
 			}),
-			B && F && /* @__PURE__ */ b(ze, {
-				isOpen: zn,
-				onClose: () => Bn(!1),
+			B && F && /* @__PURE__ */ b(Ve, {
+				isOpen: Bn,
+				onClose: () => Vn(!1),
 				mountPoint: "agent.detailTab",
 				agentId: F.id,
 				profile: z ?? "default",
@@ -2126,7 +2132,7 @@ function Ft() {
 					V.refetch();
 				}
 			}),
-			Jt && /* @__PURE__ */ b("div", {
+			Yt && /* @__PURE__ */ b("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-[100] p-4",
 				children: /* @__PURE__ */ x("div", {
 					className: "bg-bg-surface rounded-lg w-full max-w-lg max-h-[90vh] flex flex-col",
@@ -2144,9 +2150,9 @@ function Ft() {
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "px-6 py-4 overflow-y-auto flex-1",
-							children: [Xt && /* @__PURE__ */ b("div", {
+							children: [Zt && /* @__PURE__ */ b("div", {
 								className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-								children: Xt
+								children: Zt
 							}), /* @__PURE__ */ x("div", {
 								className: "space-y-4",
 								children: [
@@ -2155,7 +2161,7 @@ function Ft() {
 										children: C("webhooks.name", "Name")
 									}), /* @__PURE__ */ b("input", {
 										"aria-label": "control",
-										ref: dn,
+										ref: fn,
 										type: "text",
 										defaultValue: F.name,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
@@ -2187,7 +2193,7 @@ function Ft() {
 										}),
 										/* @__PURE__ */ b("input", {
 											"aria-label": "control",
-											ref: fn,
+											ref: pn,
 											type: "text",
 											defaultValue: F.tunnelUrl ?? "",
 											placeholder: C("agentDetails.tunnelUrlPlaceholder", "https://xxx.trycloudflare.com"),
@@ -2208,18 +2214,18 @@ function Ft() {
 											className: "relative",
 											children: [/* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => tn((e) => !e),
+												onClick: () => nn((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__ */ b(at, { className: "size-3.5" })
-											}), en && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+												children: /* @__PURE__ */ b(ot, { className: "size-3.5" })
+											}), tn && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
 												role: "button",
 												tabIndex: 0,
 												onKeyDown: (e) => {
-													(e.key === "Enter" || e.key === " ") && (e.preventDefault(), tn(!1));
+													(e.key === "Enter" || e.key === " ") && (e.preventDefault(), nn(!1));
 												},
 												className: "fixed inset-0 z-10",
-												onClick: () => tn(!1)
+												onClick: () => nn(!1)
 											}), /* @__PURE__ */ x("div", {
 												className: "absolute left-0 top-6 z-20 w-72 bg-bg-elevated border border-border-default rounded-lg shadow-xl p-3 text-xs text-text-secondary space-y-1.5",
 												children: [
@@ -2238,7 +2244,7 @@ function Ft() {
 									}), /* @__PURE__ */ b("textarea", {
 										id: "agentdetailspage-58",
 										"aria-label": "e.g. This agent runs on the billing server. Node 20, Docker installed. Do not modify files outside /src.",
-										ref: pn,
+										ref: mn,
 										defaultValue: F.aiContext ?? "",
 										rows: 4,
 										placeholder: "e.g. This agent runs on the billing server. Node 20, Docker installed. Do not modify files outside /src.",
@@ -2249,7 +2255,7 @@ function Ft() {
 										children: C("agentDetails.metadataLabel", "Metadata (JSON)")
 									}), /* @__PURE__ */ b("textarea", {
 										"aria-label": "control",
-										ref: mn,
+										ref: hn,
 										defaultValue: F.metadata ? JSON.stringify(F.metadata, null, 2) : "{}",
 										rows: 4,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
@@ -2261,16 +2267,16 @@ function Ft() {
 							className: "px-6 py-4 border-t border-border-default flex-shrink-0 flex flex-wrap justify-end gap-3",
 							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => Yt(!1),
-								disabled: Zt,
+								onClick: () => Xt(!1),
+								disabled: Qt,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
 								children: C("common.cancel", "Cancel")
 							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: Fr,
-								disabled: Zt,
+								onClick: Ir,
+								disabled: Qt,
 								className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-								children: Zt ? C("agentDetails.saving", "Saving...") : C("agentDetails.saveConfiguration", "Save Configuration")
+								children: Qt ? C("agentDetails.saving", "Saving...") : C("agentDetails.saveConfiguration", "Save Configuration")
 							})]
 						})
 					]
@@ -2298,9 +2304,9 @@ function Ft() {
 								F.name
 							]
 						}),
-						Tn && /* @__PURE__ */ b("div", {
+						En && /* @__PURE__ */ b("div", {
 							className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-							children: Tn
+							children: En
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "space-y-4",
@@ -2319,7 +2325,7 @@ function Ft() {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: C("sessions.filterType", "Type")
 								}), /* @__PURE__ */ x("select", {
-									ref: Dn,
+									ref: On,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary",
 									children: [
 										/* @__PURE__ */ b("option", {
@@ -2348,7 +2354,7 @@ function Ft() {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: C("sessions.command", "Command")
 								}), /* @__PURE__ */ b("input", {
-									ref: On,
+									ref: kn,
 									type: "text",
 									placeholder: C("vibeDetails.sessionCommandPlaceholder", "bash"),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
@@ -2357,7 +2363,7 @@ function Ft() {
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: C("vibeDetails.workingDirectory", "Working Directory")
 								}), /* @__PURE__ */ b("input", {
-									ref: kn,
+									ref: An,
 									type: "text",
 									placeholder: "/home/user",
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
@@ -2373,7 +2379,7 @@ function Ft() {
 								children: C("common.cancel", "Cancel")
 							}), /* @__PURE__ */ b("button", {
 								"data-testid": "create-session-submit",
-								onClick: Hr,
+								onClick: Ur,
 								disabled: M,
 								className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
 								children: M ? C("sessions.creating", "Creating...") : C("sessions.createSession", "Create Session")
@@ -2382,34 +2388,34 @@ function Ft() {
 					]
 				})
 			}),
-			/* @__PURE__ */ b(ce, {
-				isOpen: ir,
-				onClose: () => ar(!1),
+			/* @__PURE__ */ b(le, {
+				isOpen: ar,
+				onClose: () => or(!1),
 				onConfirm: () => {
-					ar(!1), S("/billing/plans");
+					or(!1), S("/billing/plans");
 				},
-				title: le(or).title,
-				message: le(or).message
+				title: ue(sr).title,
+				message: ue(sr).message
 			}),
-			/* @__PURE__ */ b(se, {
-				isOpen: Xn,
+			/* @__PURE__ */ b(ce, {
+				isOpen: Zn,
 				onClose: () => {
-					nr || Zn(!1);
+					rr || Qn(!1);
 				},
-				onConfirm: zr,
+				onConfirm: Br,
 				title: C("agentDetails.removeAgentTitle", "Remove agent"),
 				message: C("agentDetails.removeAgentMessage", "Remove “{{name}}” from this workspace.", { name: F.name }),
 				confirmLabel: C("sessions.remove", "Remove"),
 				variant: "danger",
-				isLoading: nr,
+				isLoading: rr,
 				children: /* @__PURE__ */ x("div", {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ x("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ b(Ot, {
-							checked: Qn,
-							disabled: nr,
-							onCheckedChange: (e) => $n(e === !0),
+						children: [/* @__PURE__ */ b(kt, {
+							checked: $n,
+							disabled: rr,
+							onCheckedChange: (e) => er(e === !0),
 							className: "mt-0.5"
 						}), /* @__PURE__ */ x("span", {
 							className: "min-w-0",
@@ -2423,10 +2429,10 @@ function Ft() {
 						})]
 					}), /* @__PURE__ */ x("label", {
 						className: "flex items-start gap-3 p-3 rounded-md bg-bg-sunken border border-border-default cursor-pointer",
-						children: [/* @__PURE__ */ b(Ot, {
-							checked: er,
-							disabled: nr,
-							onCheckedChange: (e) => tr(e === !0),
+						children: [/* @__PURE__ */ b(kt, {
+							checked: tr,
+							disabled: rr,
+							onCheckedChange: (e) => nr(e === !0),
 							className: "mt-0.5"
 						}), /* @__PURE__ */ x("span", {
 							className: "min-w-0",
@@ -2445,6 +2451,6 @@ function Ft() {
 	});
 }
 //#endregion
-export { Ft as AgentDetailsPage };
+export { It as AgentDetailsPage };
 
 //# sourceMappingURL=AgentDetailsPage.js.map