@burdenoff/microfe-vibecontrols 2026.524.2 → 2026.524.4

package/dist/pages/AgentDetailsPage.js

@@ -1,181 +1,183 @@
-import { useAgentHeartbeatMutation as e, useAgentPluginsLazyQuery as t, useCheckSessionHealthMutation as n, useDeleteAgentMutation as r, useGetAgentQuery as i, useInstallAgentPluginMutation as a, usePushAgentGatewayAuthMutation as ee, useRemoveAgentPluginMutation as te, useSetupAgentGatewayAuthMutation as ne, useUpdateAgentMutation as re } from "../generated/wspace-operations.js";
-import { useVibeControls as o, useVibeNavigate as s } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as ie } from "../store/vibeControlsStore.js";
-import { PageHeader as c } from "../components/shared/PageHeader.js";
-import { ErrorState as ae } from "../components/shared/ErrorState.js";
-import { QuotaExhaustedDialog as oe } from "../components/shared/QuotaExhaustedDialog.js";
-import { isQuotaExhaustedError as se } from "../utils/quotaUtils.js";
-import { EntityTagPicker as ce } from "../components/shared/EntityTagPicker.js";
-import { isNative as le, nativeCopyText as ue, nativeToast as de } from "../utils/nativeBridge.js";
-import { EmptyState as l } from "../components/shared/EmptyState.js";
-import { StatusBadge as u } from "../components/shared/StatusBadge.js";
-import { Card as d } from "../components/shared/Card.js";
-import { useActiveAgentProfile as fe } from "../hooks/useActiveAgentProfile.js";
+import { useAgentPluginsLazyQuery as e, useCheckSessionHealthMutation as t, useDeleteAgentMutation as n, useGetAgentQuery as r, useInstallAgentPluginMutation as i, usePushAgentGatewayAuthMutation as a, useRemoveAgentPluginMutation as ee, useSetupAgentGatewayAuthMutation as te, useStartVibecontrolsAgentMutation as ne, useStopVibecontrolsAgentMutation as o, useUpdateAgentMutation as re, useVibecontrolsAgentHealthProbeStreamSubscription as s, useVibecontrolsAgentHealthProbesQuery as ie } from "../generated/wspace-operations.js";
+import { useVibeControls as c, useVibeNavigate as ae } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as oe } from "../store/vibeControlsStore.js";
+import { PageHeader as se } from "../components/shared/PageHeader.js";
+import { ErrorState as ce } from "../components/shared/ErrorState.js";
+import { QuotaExhaustedDialog as le } from "../components/shared/QuotaExhaustedDialog.js";
+import { isQuotaExhaustedError as ue } from "../utils/quotaUtils.js";
+import { EntityTagPicker as de } from "../components/shared/EntityTagPicker.js";
+import { isNative as fe, nativeCopyText as pe, nativeToast as me } from "../utils/nativeBridge.js";
+import { EmptyState as he } from "../components/shared/EmptyState.js";
+import { StatusBadge as l } from "../components/shared/StatusBadge.js";
+import { Card as u } from "../components/shared/Card.js";
+import { useActiveAgentProfile as ge } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as pe } from "../constants/permissions.js";
-import { PageSkeleton as f } from "../components/shared/PageSkeleton.js";
-import { AgentBackupTab as me } from "../components/agents/backup/AgentBackupTab.js";
-import { AliasManager as he } from "../components/aliases/AliasManager.js";
-import { PluginUIPanel as ge } from "../components/agents/PluginUIPanel.js";
-import { OpenInBrowserEditorButton as _e } from "../components/agents/OpenInBrowserEditorButton.js";
+import { VIBE_PERMISSIONS as _e } from "../constants/permissions.js";
+import { PageSkeleton as ve } from "../components/shared/PageSkeleton.js";
+import { AgentBackupTab as ye } from "../components/agents/backup/AgentBackupTab.js";
+import { AliasManager as be } from "../components/aliases/AliasManager.js";
+import { AgentStatusBadge as xe } from "../components/agents/AgentStatusBadge.js";
+import { PluginUIPanel as Se } from "../components/agents/PluginUIPanel.js";
+import { OpenInBrowserEditorButton as Ce } from "../components/agents/OpenInBrowserEditorButton.js";
 import "../components/agents/index.js";
-import { LogViewer as ve } from "../components/logs/LogViewer.js";
-import { ProfilesPanel as ye } from "../components/agent-manager/ProfilesPanel.js";
+import { deriveAgentStatus as we } from "../utils/agentStatus.js";
+import { LogViewer as Te } from "../components/logs/LogViewer.js";
+import { ProfilesPanel as Ee } from "../components/agent-manager/ProfilesPanel.js";
 import "../components/agent-manager/index.js";
-import { NotesTabPanel as be } from "../components/notes/NotesTabPanel.js";
+import { NotesTabPanel as De } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as xe } from "../hooks/useQueryBackedTab.js";
-import { mintScopedIframeToken as Se } from "../services/iframeToken.js";
-import { AddTabDialog as Ce } from "../components/plugins/AddTabDialog.js";
-import { PluginIframeMount as we } from "../components/plugins/PluginIframeMount.js";
-import { useCallback as p, useEffect as m, useMemo as Te, useRef as h, useState as g } from "react";
-import { useI18n as Ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as _, Check as De, CheckCircle2 as Oe, Clock as ke, Command as Ae, Copy as je, Cpu as Me, Database as Ne, Download as Pe, Eye as Fe, EyeOff as Ie, FileText as Le, HardDrive as Re, Info as ze, Key as Be, Link2 as v, Loader2 as y, Monitor as Ve, Play as He, Puzzle as b, RefreshCw as x, ScrollText as Ue, Search as We, Server as Ge, Settings as Ke, Shield as qe, Square as Je, Tag as Ye, Terminal as S, Trash2 as Xe, Unlink as Ze, Users as Qe, X as C, Zap as w } from "lucide-react";
-import { useParams as $e } from "react-router-dom";
-import { usePermissions as et } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as tt, motion as T } from "framer-motion";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { useFeatureFlagDetails as nt } from "@burdenoff/fe-libs/shared/feature-flags";
-import { MotionPage as k } from "@burdenoff/fe-libs/shared/motion";
-import { usePluginContributions as rt } from "@burdenoff/fe-libs/shared/plugins";
+import { useQueryBackedTab as Oe } from "../hooks/useQueryBackedTab.js";
+import { mintScopedIframeToken as ke } from "../services/iframeToken.js";
+import { AddTabDialog as Ae } from "../components/plugins/AddTabDialog.js";
+import { PluginIframeMount as je } from "../components/plugins/PluginIframeMount.js";
+import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { useI18n as Me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as g, Check as Ne, CheckCircle2 as Pe, Clock as Fe, Command as Ie, Copy as Le, Cpu as Re, Database as ze, Download as Be, Eye as Ve, EyeOff as He, FileText as Ue, HardDrive as We, Info as Ge, Key as Ke, Link2 as _, Loader2 as v, Monitor as qe, Play as Je, Puzzle as y, RefreshCw as Ye, ScrollText as Xe, Search as Ze, Server as Qe, Settings as $e, Shield as et, Square as tt, Tag as nt, Terminal as b, Trash2 as rt, Unlink as it, Users as at, X as x, Zap as S } from "lucide-react";
+import { useParams as ot } from "react-router-dom";
+import { usePermissions as st } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as ct, motion as C } from "framer-motion";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useFeatureFlagDetails as lt } from "@burdenoff/fe-libs/shared/feature-flags";
+import { MotionPage as D } from "@burdenoff/fe-libs/shared/motion";
+import { usePluginContributions as ut } from "@burdenoff/fe-libs/shared/plugins";
 //#region src/pages/AgentDetailsPage.tsx
-function it({ agent: e, onUpdate: t }) {
-	let { t: n } = Ee(), [r] = re(), [i] = ne(), [a, ee] = g(!1), [te, o] = g(null), [s, ie] = g(!1), [c, ae] = g(null), [oe, se] = g(!1), [ce, l] = g(!1), [u, fe] = g(!1), pe = !!(e.appId && e.appClientId), f = (e, t, r) => {
+function dt({ agent: e, onUpdate: t }) {
+	let { t: n } = Me(), [r] = re(), [i] = te(), [a, ee] = h(!1), [ne, o] = h(null), [s, ie] = h(!1), [c, ae] = h(null), [oe, se] = h(!1), [ce, le] = h(!1), [ue, de] = h(!1), he = !!(e.appId && e.appClientId), l = (e, t, r) => {
 		let i = n(e, r), a = i === e ? t : i;
 		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), a) : a;
-	}, me = e.metadata?.devportalApplicationId, he = async () => {
+	}, ge = e.metadata?.devportalApplicationId, _e = async () => {
 		ee(!0), o(null);
 		try {
 			let { data: n } = await i({ variables: { input: { agentId: e.id } } }), r = n?.setupAgentGatewayAuth;
-			if (!r) throw Error(f("agentDetails.gatewayAuthNoResultError", "No result returned from setupAgentGatewayAuth"));
+			if (!r) throw Error(l("agentDetails.gatewayAuthNoResultError", "No result returned from setupAgentGatewayAuth"));
 			ae(r.clientSecret), r.error && o(r.error), t();
 		} catch (e) {
-			o(e instanceof Error ? e.message : f("agentDetails.failedSetupGatewayAuth", "Failed to set up gateway auth"));
+			o(e instanceof Error ? e.message : l("agentDetails.failedSetupGatewayAuth", "Failed to set up gateway auth"));
 		} finally {
 			ee(!1);
 		}
 	};
-	return /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+	return /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 		className: "p-4 border-b border-border-default",
-		children: /* @__PURE__ */ O("h3", {
+		children: /* @__PURE__ */ E("h3", {
 			className: "font-semibold text-text-primary flex items-center gap-2",
-			children: [/* @__PURE__ */ D(qe, { className: "w-5 h-5" }), f("agentDetails.gatewayAuthTitle", "Gateway Auth (OAuth2)")]
+			children: [/* @__PURE__ */ T(et, { className: "w-5 h-5" }), l("agentDetails.gatewayAuthTitle", "Gateway Auth (OAuth2)")]
 		})
-	}), /* @__PURE__ */ O("div", {
+	}), /* @__PURE__ */ E("div", {
 		className: "p-4 space-y-3",
-		children: [te && /* @__PURE__ */ O("div", {
+		children: [ne && /* @__PURE__ */ E("div", {
 			className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 			children: [
-				/* @__PURE__ */ D(C, { className: "w-4 h-4 flex-shrink-0" }),
-				/* @__PURE__ */ D("span", {
+				/* @__PURE__ */ T(x, { className: "w-4 h-4 flex-shrink-0" }),
+				/* @__PURE__ */ T("span", {
 					className: "flex-1",
-					children: te
+					children: ne
 				}),
-				/* @__PURE__ */ D("button", {
+				/* @__PURE__ */ T("button", {
 					onClick: () => o(null),
 					className: "flex-shrink-0 p-0.5 hover:bg-status-error-text/10 rounded",
-					children: /* @__PURE__ */ D(C, { className: "w-3.5 h-3.5" })
+					children: /* @__PURE__ */ T(x, { className: "w-3.5 h-3.5" })
 				})
 			]
-		}), pe ? /* @__PURE__ */ O(E, { children: [
-			/* @__PURE__ */ O("div", {
+		}), he ? /* @__PURE__ */ E(w, { children: [
+			/* @__PURE__ */ E("div", {
 				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "w-8 h-8 rounded-lg bg-status-success-bg flex items-center justify-center flex-shrink-0 mt-0.5",
-					children: /* @__PURE__ */ D(v, { className: "w-4 h-4 text-status-success-text" })
-				}), /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ T(_, { className: "w-4 h-4 text-status-success-text" })
+				}), /* @__PURE__ */ E("div", {
 					className: "flex-1 min-w-0 space-y-2",
-					children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+					children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 						className: "text-sm font-medium text-text-primary",
-						children: f("agentDetails.linkedToOauthApp", "Linked to OAuth App")
-					}), /* @__PURE__ */ D("p", {
+						children: l("agentDetails.linkedToOauthApp", "Linked to OAuth App")
+					}), /* @__PURE__ */ T("p", {
 						className: "text-xs text-text-muted",
-						children: f("agentDetails.gatewayAuthLinkedDescription", "This agent can authenticate with the API gateway using Client Credentials.")
-					})] }), /* @__PURE__ */ O("div", {
+						children: l("agentDetails.gatewayAuthLinkedDescription", "This agent can authenticate with the API gateway using Client Credentials.")
+					})] }), /* @__PURE__ */ E("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 							className: "text-xs text-text-secondary mb-1",
-							children: f("agentDetails.clientId", "Client ID")
-						}), /* @__PURE__ */ O("div", {
+							children: l("agentDetails.clientId", "Client ID")
+						}), /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D("code", {
+							children: [/* @__PURE__ */ T("code", {
 								className: "text-xs font-mono text-text-primary bg-bg-sunken px-2 py-1 rounded truncate block flex-1",
 								children: e.appClientId
-							}), /* @__PURE__ */ D("button", {
+							}), /* @__PURE__ */ T("button", {
 								onClick: async () => {
 									if (e.appClientId) try {
-										await ue(e.appClientId), le() && de("Copied"), l(!0), setTimeout(() => l(!1), 2e3);
+										await pe(e.appClientId), fe() && me("Copied"), le(!0), setTimeout(() => le(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								title: f("agentDetails.copyClientId", "Copy Client ID"),
-								children: ce ? /* @__PURE__ */ D(De, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ D(je, { className: "w-3.5 h-3.5 text-text-secondary" })
+								title: l("agentDetails.copyClientId", "Copy Client ID"),
+								children: ce ? /* @__PURE__ */ T(Ne, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ T(Le, { className: "w-3.5 h-3.5 text-text-secondary" })
 							})]
-						})] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 							className: "text-xs text-text-secondary mb-1",
-							children: f("agentDetails.appId", "App ID")
-						}), /* @__PURE__ */ D("code", {
+							children: l("agentDetails.appId", "App ID")
+						}), /* @__PURE__ */ T("code", {
 							className: "text-xs font-mono text-text-muted bg-bg-sunken px-2 py-1 rounded truncate block",
 							children: e.appId
 						})] })]
 					})]
 				})]
 			}),
-			c && /* @__PURE__ */ O("div", {
+			c && /* @__PURE__ */ E("div", {
 				className: "p-3 bg-status-warning-bg/20 border border-status-warning-text/20 rounded-lg space-y-2",
 				children: [
-					/* @__PURE__ */ D("p", {
+					/* @__PURE__ */ T("p", {
 						className: "text-sm font-medium text-status-warning-text",
-						children: f("agentDetails.clientSecretOneTimeTitle", "Client Secret (one-time display)")
+						children: l("agentDetails.clientSecretOneTimeTitle", "Client Secret (one-time display)")
 					}),
-					/* @__PURE__ */ D("p", {
+					/* @__PURE__ */ T("p", {
 						className: "text-xs text-text-secondary",
-						children: f("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: 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.")
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ D("code", {
+							/* @__PURE__ */ T("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)
 							}),
-							/* @__PURE__ */ D("button", {
+							/* @__PURE__ */ T("button", {
 								onClick: () => ie(!s),
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: D(s ? Ie : Fe, { className: "w-3.5 h-3.5 text-text-secondary" })
+								children: T(s ? He : Ve, { className: "w-3.5 h-3.5 text-text-secondary" })
 							}),
-							/* @__PURE__ */ D("button", {
+							/* @__PURE__ */ T("button", {
 								onClick: async () => {
 									if (c) try {
-										await ue(c), le() && de("Secret copied"), se(!0), setTimeout(() => se(!1), 2e3);
+										await pe(c), fe() && me("Secret copied"), se(!0), setTimeout(() => se(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: oe ? /* @__PURE__ */ D(De, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ D(je, { className: "w-3.5 h-3.5 text-text-secondary" })
+								children: oe ? /* @__PURE__ */ T(Ne, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ T(Le, { className: "w-3.5 h-3.5 text-text-secondary" })
 							})
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex items-center gap-2",
 				children: [
-					me && /* @__PURE__ */ O("a", {
-						href: `/devportal/apps/${me}`,
+					ge && /* @__PURE__ */ E("a", {
+						href: `/devportal/apps/${ge}`,
 						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__ */ D(Ve, { className: "w-3 h-3" }), f("agentDetails.viewInDeveloperPortal", "View in Developer Portal")]
+						children: [/* @__PURE__ */ T(qe, { className: "w-3 h-3" }), l("agentDetails.viewInDeveloperPortal", "View in Developer Portal")]
 					}),
-					/* @__PURE__ */ O("button", {
-						onClick: he,
+					/* @__PURE__ */ E("button", {
+						onClick: _e,
 						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: f("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__ */ D(y, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ D(x, { className: "w-3 h-3" }), f("agentDetails.repushCredentials", "Re-push credentials")]
+						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__ */ T(v, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ T(Ye, { className: "w-3 h-3" }), l("agentDetails.repushCredentials", "Re-push credentials")]
 					}),
-					/* @__PURE__ */ O("button", {
+					/* @__PURE__ */ E("button", {
 						onClick: async () => {
-							if (window.confirm(f("agentDetails.confirmUnlinkOauthApp", "Remove the linked OAuth app from this agent? The app will still exist in auth-svc."))) {
-								fe(!0), o(null);
+							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);
 								try {
 									await r({ variables: {
 										id: e.id,
@@ -185,50 +187,50 @@ function it({ agent: e, onUpdate: t }) {
 										}
 									} }), ae(null), t();
 								} catch (e) {
-									o(e instanceof Error ? e.message : f("agentDetails.failedUnlinkApp", "Failed to unlink app"));
+									o(e instanceof Error ? e.message : l("agentDetails.failedUnlinkApp", "Failed to unlink app"));
 								} finally {
-									fe(!1);
+									de(!1);
 								}
 							}
 						},
-						disabled: u,
+						disabled: ue,
 						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: [u ? /* @__PURE__ */ D(y, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ D(Ze, { className: "w-3 h-3" }), f("agentDetails.unlinkApp", "Unlink App")]
+						children: [ue ? /* @__PURE__ */ T(v, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ T(it, { className: "w-3 h-3" }), l("agentDetails.unlinkApp", "Unlink App")]
 					})
 				]
 			})
-		] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+		] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "w-8 h-8 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0 mt-0.5",
-				children: /* @__PURE__ */ D(qe, { className: "w-4 h-4 text-text-muted" })
-			}), /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ T(et, { className: "w-4 h-4 text-text-muted" })
+			}), /* @__PURE__ */ E("div", {
 				className: "flex-1",
-				children: [/* @__PURE__ */ D("p", {
+				children: [/* @__PURE__ */ T("p", {
 					className: "text-sm font-medium text-text-primary",
-					children: f("agentDetails.noOauthAppLinked", "No OAuth App Linked")
-				}), /* @__PURE__ */ D("p", {
+					children: l("agentDetails.noOauthAppLinked", "No OAuth App Linked")
+				}), /* @__PURE__ */ T("p", {
 					className: "text-xs text-text-muted mt-0.5",
-					children: f("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: 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.")
 				})]
 			})]
-		}), /* @__PURE__ */ D("button", {
-			onClick: he,
+		}), /* @__PURE__ */ T("button", {
+			onClick: _e,
 			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__ */ O(E, { children: [/* @__PURE__ */ D(y, { className: "w-4 h-4 animate-spin" }), f("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(v, { className: "w-4 h-4" }), f("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
+			children: a ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(v, { className: "w-4 h-4 animate-spin" }), l("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(_, { className: "w-4 h-4" }), l("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
 		})] })]
 	})] });
 }
-function at() {
-	let { t: ne } = Ee(), { id: v } = $e(), { basePath: Ze } = o(), at = Ze || "", A = s(), { hasPermission: ot, isLoading: st } = et(), j = p((e, t, n) => {
-		let r = ne(e, n), i = r === e ? t : r;
+function ft() {
+	let { t: te } = Me(), { id: _ } = ot(), { basePath: it } = c(), ft = it || "", O = ae(), { hasPermission: pt, isLoading: mt } = st(), k = d((e, t, n) => {
+		let r = te(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [ne]), [ct] = e({ refetchQueries: ["GetAgent"] }), [lt] = re({ refetchQueries: ["GetAgent"] }), [ut] = r(), [dt] = n({ refetchQueries: ["GetAgent"] }), ft = ie((e) => e.setActiveAgentId);
-	m(() => {
-		v && ft(v);
-	}, [v, ft]);
-	let pt = [
+	}, [te]), [ht] = re({ refetchQueries: ["GetAgent"] }), [gt] = n(), [_t] = t({ refetchQueries: ["GetAgent"] }), [vt] = ne(), [yt] = o(), [A, bt] = h(null), [xt, St] = h(null), Ct = oe((e) => e.setActiveAgentId);
+	f(() => {
+		_ && Ct(_);
+	}, [_, Ct]);
+	let wt = [
 		"overview",
 		"profiles",
 		"security",
@@ -239,52 +241,74 @@ function at() {
 		"notes",
 		"aliases",
 		"backup"
-	], [mt, ht] = g(!1), [gt, M] = g(null), [_t, vt] = g(!1), [yt, bt] = g(null), [xt, St] = g(!1), Ct = h(null), wt = h(null), Tt = h(null), Et = h(null), Dt = h(null), [N, Ot] = g(!1), [kt, At] = g(!1), { data: jt, loading: P, error: Mt, refetch: F } = i({
-		variables: { id: v || "" },
-		skip: !v,
+	], [Tt, Et] = h(!1), [Dt, j] = h(null), [Ot, kt] = h(!1), [At, M] = h(null), [jt, Mt] = h(!1), Nt = m(null), Pt = m(null), Ft = m(null), It = m(null), Lt = m(null), [N, Rt] = h(!1), [zt, Bt] = h(!1), { data: Vt, loading: Ht, error: Ut, refetch: P } = r({
+		variables: { id: _ || "" },
+		skip: !_,
 		fetchPolicy: "cache-and-network"
-	}), I = jt?.vibecontrolsAgent, { active: L } = fe(I?.id ?? null), R = nt("vibes.tabs.iframe-host")?.value === !0, Nt = Te(() => {
-		if (!R || !I?.tunnelUrl) return [];
-		let e = I.id, t = L ?? "default";
+	}), F = Vt?.vibecontrolsAgent, I = ie({
+		fetchPolicy: "cache-and-network",
+		nextFetchPolicy: "cache-first",
+		notifyOnNetworkStatusChange: !0,
+		skip: !_,
+		pollInterval: 3e4
+	}), { data: Wt } = s({ skip: !_ }), Gt = I.data === void 0 && Wt === void 0, Kt = p(() => {
+		let e = /* @__PURE__ */ new Map(), t = Wt?.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, Wt]), qt = p(() => F ? we({
+		id: F.id,
+		isActive: F.isActive,
+		metadata: F.metadata
+	}, Kt, { probesLoading: Gt }) : "REGISTERING", [
+		F,
+		Kt,
+		Gt
+	]), Jt = qt === "STOPPED" || qt === "OFFLINE", { active: L } = ge(F?.id ?? null), R = lt("vibes.tabs.iframe-host")?.value === !0, Yt = p(() => {
+		if (!R || !F?.tunnelUrl) return [];
+		let e = F.id, t = L ?? "default";
 		return [{
-			tunnelUrl: I.tunnelUrl,
+			tunnelUrl: F.tunnelUrl,
 			profile: t,
-			label: I.name ?? I.id,
-			mintIframeToken: async ({ pathPrefixes: n }) => Se(e, t, n)
+			label: F.name ?? F.id,
+			mintIframeToken: async ({ pathPrefixes: n }) => ke(e, t, n)
 		}];
 	}, [
 		R,
-		I?.id,
-		I?.tunnelUrl,
-		I?.name,
+		F?.id,
+		F?.tunnelUrl,
+		F?.name,
 		L
-	]), z = rt(Nt, {
+	]), z = ut(Yt, {
 		mountPoint: "agent.detailTab",
-		enabled: R && Nt.length > 0
-	}), [B, Pt] = xe(Te(() => {
+		enabled: R && Yt.length > 0
+	}), [B, Xt] = Oe(p(() => {
 		let e = z.data.filter((e) => e.contribution.mountPoint === "agent.detailTab").map((e) => e.contribution.id);
-		return [...pt, ...e];
-	}, [z.data, pt]), "overview"), [Ft, It] = g(!1), Lt = h(!1);
-	m(() => {
-		I && !Lt.current && (Lt.current = !0, dt().catch(() => {}));
-	}, [I, dt]);
-	let [Rt] = ee(), zt = h(!1);
-	m(() => {
-		if (!I || zt.current) return;
-		let e = !!(I.appId && I.appClientId), t = !!(I.tunnelUrl && I.agentApiKey);
-		!e || !t || (zt.current = !0, Rt({ variables: { input: { agentId: I.id } } }).then(() => {
-			F().catch(() => {});
+		return [...wt, ...e];
+	}, [z.data, wt]), "overview"), [Zt, Qt] = h(!1), $t = m(!1);
+	f(() => {
+		F && !$t.current && ($t.current = !0, _t().catch(() => {}));
+	}, [F, _t]);
+	let [en] = a(), tn = m(!1);
+	f(() => {
+		if (!F || tn.current) return;
+		let e = !!(F.appId && F.appClientId), t = !!(F.tunnelUrl && F.agentApiKey);
+		!e || !t || (tn.current = !0, en({ variables: { input: { agentId: F.id } } }).then(() => {
+			P().catch(() => {});
 		}).catch(() => {}));
 	}, [
-		I,
-		Rt,
-		F
+		F,
+		en,
+		P
 	]);
-	let [V, Bt] = g([]), [Vt, Ht] = g([]), [Ut, Wt] = g(!0), [H, U] = g(null), [Gt, W] = g(null), [Kt, qt] = g(!1), Jt = h(!1), [G, K] = g("installed"), [q, Yt] = g(""), [J, Xt] = g([]), [Zt, Qt] = g(!1), [$t, en] = g(null), [Y, tn] = g(null), [nn] = t(), [rn] = a(), [an] = te(), X = p(async () => {
-		if (I?.id) {
-			Wt(!0), W(null);
+	let [V, nn] = h([]), [rn, an] = h([]), [on, sn] = h(!0), [H, U] = h(null), [cn, W] = h(null), [ln, un] = h(!1), dn = m(!1), [G, K] = h("installed"), [q, fn] = h(""), [J, pn] = h([]), [mn, hn] = h(!1), [gn, _n] = h(null), [Y, vn] = h(null), [yn] = e(), [bn] = i(), [xn] = ee(), X = d(async () => {
+		if (F?.id) {
+			sn(!0), W(null);
 			try {
-				let { data: e } = await nn({ variables: { agentId: I.id } }), t = e?.agentPlugins;
+				let { data: e } = await yn({ variables: { agentId: F.id } }), t = e?.agentPlugins;
 				if (t) {
 					let e = (t.installed || []).map((e) => ({
 						packageName: e.packageName,
@@ -311,66 +335,66 @@ function at() {
 						tags: [...e.tags],
 						installed: e.installed
 					}));
-					Bt(e), Ht(n), t.error && W(t.error);
+					nn(e), an(n), t.error && W(t.error);
 				}
 			} catch {
 				W("Agent unreachable — unable to fetch plugin list");
 			} finally {
-				Wt(!1);
+				sn(!1);
 			}
 		}
-	}, [I?.id, nn]);
-	m(() => {
-		I?.id && !Jt.current && (Jt.current = !0, X());
-	}, [I?.id, X]);
-	let on = p(async (e) => {
-		if (I?.id) {
+	}, [F?.id, yn]);
+	f(() => {
+		F?.id && !dn.current && (dn.current = !0, X());
+	}, [F?.id, X]);
+	let Sn = d(async (e) => {
+		if (F?.id) {
 			U(e);
 			try {
-				let { data: t } = await rn({ variables: {
-					agentId: I.id,
+				let { data: t } = await bn({ variables: {
+					agentId: F.id,
 					packageName: e
 				} });
 				if (t?.installAgentPlugin?.success) await X();
-				else throw Error(t?.installAgentPlugin?.error || j("agentDetails.installFailed", "Install failed"));
+				else throw Error(t?.installAgentPlugin?.error || k("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
-				if (se(e)) {
-					qt(!0);
+				if (ue(e)) {
+					un(!0);
 					return;
 				}
-				W(e instanceof Error ? e.message : j("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => W(null), 5e3);
+				W(e instanceof Error ? e.message : k("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => W(null), 5e3);
 			} finally {
 				U(null);
 			}
 		}
 	}, [
-		I?.id,
-		rn,
+		F?.id,
+		bn,
 		X,
-		j
-	]), sn = p(async (e) => {
-		if (I?.id && window.confirm(j("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: e }))) {
+		k
+	]), Cn = d(async (e) => {
+		if (F?.id && window.confirm(k("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: e }))) {
 			U(e);
 			try {
-				let { data: t } = await an({ variables: {
-					agentId: I.id,
+				let { data: t } = await xn({ variables: {
+					agentId: F.id,
 					packageName: e
 				} });
 				if (t?.removeAgentPlugin?.success) await X();
-				else throw Error(t?.removeAgentPlugin?.error || j("agentDetails.removeFailed", "Remove failed"));
+				else throw Error(t?.removeAgentPlugin?.error || k("agentDetails.removeFailed", "Remove failed"));
 			} catch (e) {
-				W(e instanceof Error ? e.message : j("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => W(null), 5e3);
+				W(e instanceof Error ? e.message : k("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => W(null), 5e3);
 			} finally {
 				U(null);
 			}
 		}
 	}, [
-		I?.id,
-		an,
+		F?.id,
+		xn,
 		X,
-		j
-	]), Z = I?.sessions || [], Q = I?.vibes || [], cn = p(async () => {
-		Qt(!0), en(null);
+		k
+	]), Z = F?.sessions || [], Q = F?.vibes || [], wn = d(async () => {
+		hn(!0), _n(null);
 		try {
 			let e = await (await fetch(typeof window < "u" && window.__BURDENOFF_GLOBAL_GATEWAY__ || "/global/graphql", {
 				method: "POST",
@@ -379,29 +403,29 @@ function at() {
 				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");
-			Xt((e.data?.myEntitlements ?? []).filter((e) => {
+			pn((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) {
-			en(e instanceof Error ? e.message : "Failed to load store plugins");
+			_n(e instanceof Error ? e.message : "Failed to load store plugins");
 		} finally {
-			Qt(!1);
+			hn(!1);
 		}
 	}, []);
-	m(() => {
-		G === "store" && J.length === 0 && !Zt && cn();
+	f(() => {
+		G === "store" && J.length === 0 && !mn && wn();
 	}, [
 		G,
 		J.length,
-		Zt,
-		cn
+		mn,
+		wn
 	]);
-	let ln = p(async (e, t) => {
-		if (I?.id) {
-			tn(e);
+	let Tn = d(async (e, t) => {
+		if (F?.id) {
+			vn(e);
 			try {
 				let n = await (await fetch(typeof window < "u" && window.__BURDENOFF_WSPACE_GATEWAY__ || "/workspaces/graphql", {
 					method: "POST",
@@ -410,7 +434,7 @@ function at() {
 					body: JSON.stringify({
 						query: "mutation InstallStorePlugin($agentId: ID!, $productId: ID!, $licenseKey: String) {\n                installStorePluginOnAgent(agentId: $agentId, productId: $productId, licenseKey: $licenseKey) {\n                  success\n                  error\n                }\n              }",
 						variables: {
-							agentId: I.id,
+							agentId: F.id,
 							productId: e,
 							licenseKey: t
 						}
@@ -421,81 +445,80 @@ function at() {
 				if (!r?.success) throw Error(r?.error ?? "Install failed");
 				await X(), K("installed");
 			} catch (e) {
-				en(e instanceof Error ? e.message : "Install failed");
+				_n(e instanceof Error ? e.message : "Install failed");
 			} finally {
-				tn(null);
+				vn(null);
 			}
 		}
-	}, [I?.id, X]);
-	if (m(() => {
-		if (typeof window > "u" || !I?.id) return;
+	}, [F?.id, X]);
+	if (f(() => {
+		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 !== Y) {
-			K("store"), ln(t, n);
+			K("store"), Tn(t, n);
 			let e = new URL(window.location.href);
 			e.searchParams.delete("install"), e.searchParams.delete("licenseKey"), window.history.replaceState({}, "", e.toString());
 		}
 	}, [
-		I?.id,
-		ln,
+		F?.id,
+		Tn,
 		Y
-	]), st) return /* @__PURE__ */ D("div", {
+	]), mt) return /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ D("p", {
+		children: /* @__PURE__ */ T("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions..."
 		})
 	});
-	if (!ot(pe.AGENT_READ)) return /* @__PURE__ */ D("div", {
+	if (!pt(_e.AGENT_READ)) return /* @__PURE__ */ T("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ D("h2", {
+			children: [/* @__PURE__ */ T("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: "Access Denied"
-			}), /* @__PURE__ */ D("p", {
+			}), /* @__PURE__ */ T("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
 		})
 	});
 	let $ = () => {
-		A("/agents");
-	}, un = async () => {
-		if (I?.id) try {
-			await ct({ variables: { id: I.id } });
-		} catch (e) {
-			console.error("Failed to start agent:", e);
-		}
-	}, dn = async () => {
-		if (I?.id) try {
-			await lt({ variables: {
-				id: I.id,
-				input: { metadata: { status: "inactive" } }
-			} });
-		} catch (e) {
-			console.error("Failed to stop agent:", e);
+		O("/agents");
+	}, En = async (e) => {
+		if (!(!F?.id || A)) {
+			bt(e), St(null);
+			try {
+				let t = e === "start" ? await vt({ variables: { agentId: F.id } }) : await yt({ 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`);
+				M(e === "start" ? k("agentDetails.agentStarted", "Agent started") : k("agentDetails.agentStopped", "Agent stopped")), setTimeout(() => M(null), 3e3), await Promise.all([P(), I.refetch()]).catch(() => {});
+			} catch (t) {
+				let n = t instanceof Error ? t.message : "";
+				St(/unable to connect|fetch failed|timed? ?out|ECONN|agent returned 5|network/i.test(n) ? k("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 || k("agentDetails.lifecycleFailed", `Failed to ${e} agent`)), setTimeout(() => St(null), 6e3);
+			} finally {
+				bt(null);
+			}
 		}
-	}, fn = () => {
-		M(null), ht(!0);
-	}, pn = async () => {
-		if (!I?.id) return;
-		let e = Ct.current?.value?.trim(), t = wt.current?.value?.trim(), n = Tt.current?.value?.trim(), r = Et.current?.value?.trim(), i = Dt.current?.value?.trim();
+	}, Dn = () => void En("start"), On = () => void En("stop"), kn = () => {
+		j(null), Et(!0);
+	}, An = async () => {
+		if (!F?.id) return;
+		let e = Nt.current?.value?.trim(), t = Pt.current?.value?.trim(), n = Ft.current?.value?.trim(), r = It.current?.value?.trim(), i = Lt.current?.value?.trim();
 		if (!e) {
-			M(j("agentDetails.agentNameRequired", "Agent name is required"));
+			j(k("agentDetails.agentNameRequired", "Agent name is required"));
 			return;
 		}
 		let a;
 		if (i) try {
 			a = JSON.parse(i);
 		} catch {
-			M(j("agentDetails.metadataJsonRequired", "Metadata must be valid JSON"));
+			j(k("agentDetails.metadataJsonRequired", "Metadata must be valid JSON"));
 			return;
 		}
-		vt(!0), M(null);
+		kt(!0), j(null);
 		try {
-			await lt({ variables: {
-				id: I.id,
+			await ht({ variables: {
+				id: F.id,
 				input: {
 					name: e,
 					...t === void 0 ? {} : { tunnelUrl: t || null },
@@ -503,275 +526,283 @@ function at() {
 					aiContext: r || null,
 					metadata: a
 				}
-			} }), ht(!1), bt(j("agentDetails.configurationUpdated", "Agent configuration updated successfully")), setTimeout(() => bt(null), 3e3);
+			} }), Et(!1), M(k("agentDetails.configurationUpdated", "Agent configuration updated successfully")), setTimeout(() => M(null), 3e3);
 		} catch (e) {
-			M(e instanceof Error ? e.message : j("agentDetails.configurationUpdateFailed", "Failed to update agent configuration"));
+			j(e instanceof Error ? e.message : k("agentDetails.configurationUpdateFailed", "Failed to update agent configuration"));
 		} finally {
-			vt(!1);
+			kt(!1);
 		}
-	}, mn = async () => {
-		if (I?.agentApiKey) try {
-			await ue(I.agentApiKey), le() && de("API key copied"), At(!0), setTimeout(() => At(!1), 2e3);
+	}, jn = async () => {
+		if (F?.agentApiKey) try {
+			await pe(F.agentApiKey), fe() && me("API key copied"), Bt(!0), setTimeout(() => Bt(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
-	}, hn = async () => {
-		if (I?.id && window.confirm(j("agentDetails.removeAgentConfirm", "Are you sure you want to remove agent \"{{name}}\"?", { name: I.name }))) try {
-			await ut({ variables: { id: I.id } }), $();
+	}, Mn = async () => {
+		if (F?.id && window.confirm(k("agentDetails.removeAgentConfirm", "Are you sure you want to remove agent \"{{name}}\"?", { name: F.name }))) try {
+			await gt({ variables: { id: F.id } }), $();
 		} catch (e) {
 			console.error("Failed to remove agent:", e);
 		}
-	}, gn = (e) => {
-		A(`/sessions/${e}`);
-	}, _n = (e) => {
-		A(`/vibes/${e}`);
-	}, vn = (e) => {
-		if (!e) return j("health.never", "Never");
+	}, Nn = (e) => {
+		O(`/sessions/${e}`);
+	}, Pn = (e) => {
+		O(`/vibes/${e}`);
+	}, Fn = (e) => {
+		if (!e) return k("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? j("health.justNow", "Just now") : t < 36e5 ? j("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? j("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
+		return t < 6e4 ? k("health.justNow", "Just now") : t < 36e5 ? k("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? k("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
 	};
-	if (P && !I) return /* @__PURE__ */ O(k, {
+	if (Ht && !F) return /* @__PURE__ */ E(D, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ O("button", {
+		children: [/* @__PURE__ */ E("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ D(_, { className: "w-4 h-4" }), j("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ D(f, { variant: "detail" })]
+			children: [/* @__PURE__ */ T(g, { className: "w-4 h-4" }), k("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ T(ve, { variant: "detail" })]
 	});
-	if (Mt && !I) return /* @__PURE__ */ O(k, {
+	if (Ut && !F) return /* @__PURE__ */ E(D, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ O("button", {
+		children: [/* @__PURE__ */ E("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ D(_, { className: "w-4 h-4" }), j("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ D(ae, {
-			title: j("agentDetails.failedLoad", "Failed to load agent"),
-			message: Mt.message,
-			onRetry: () => F()
+			children: [/* @__PURE__ */ T(g, { className: "w-4 h-4" }), k("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ T(ce, {
+			title: k("agentDetails.failedLoad", "Failed to load agent"),
+			message: Ut.message,
+			onRetry: () => P()
 		})]
 	});
-	if (!I) return /* @__PURE__ */ O(k, {
+	if (!F) return /* @__PURE__ */ E(D, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ O("button", {
+		children: [/* @__PURE__ */ E("button", {
 			onClick: $,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ D(_, { className: "w-4 h-4" }), j("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ D(l, {
-			icon: /* @__PURE__ */ D(Ge, { className: "w-8 h-8 text-text-secondary" }),
-			title: j("agentDetails.notFound", "Agent not found"),
-			description: `${j("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${v}" ${j("agentDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ D("button", {
+			children: [/* @__PURE__ */ T(g, { className: "w-4 h-4" }), k("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ T(he, {
+			icon: /* @__PURE__ */ T(Qe, { className: "w-8 h-8 text-text-secondary" }),
+			title: k("agentDetails.notFound", "Agent not found"),
+			description: `${k("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${_}" ${k("agentDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ T("button", {
 				onClick: $,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: j("agentDetails.backToAgents", "Back to Agents")
+				children: k("agentDetails.backToAgents", "Back to Agents")
 			})
 		})]
 	});
-	let yn = [
+	let In = [
 		{
 			id: "overview",
-			label: j("nav.overview", "Overview"),
-			icon: Ge
+			label: k("nav.overview", "Overview"),
+			icon: Qe
 		},
 		{
 			id: "profiles",
-			label: j("agentDetails.profiles", "Profiles"),
-			icon: Qe
+			label: k("agentDetails.profiles", "Profiles"),
+			icon: at
 		},
 		{
 			id: "security",
-			label: j("agentDetails.security", "Security"),
-			icon: qe
+			label: k("agentDetails.security", "Security"),
+			icon: et
 		},
 		{
 			id: "plugins",
-			label: j("agentDetails.plugins", "Plugins"),
-			icon: b,
+			label: k("agentDetails.plugins", "Plugins"),
+			icon: y,
 			badge: `${V.length}`
 		},
 		{
 			id: "sessions",
-			label: j("nav.sessions", "Sessions"),
-			icon: S,
+			label: k("nav.sessions", "Sessions"),
+			icon: b,
 			badge: `${Z.length}`
 		},
 		{
 			id: "logs",
-			label: j("nav.logs", "Logs"),
-			icon: Ue
+			label: k("nav.logs", "Logs"),
+			icon: Xe
 		},
 		{
 			id: "vibes",
-			label: j("nav.vibes", "Vibes"),
-			icon: w,
+			label: k("nav.vibes", "Vibes"),
+			icon: S,
 			badge: `${Q.length}`
 		},
 		{
 			id: "notes",
-			label: j("vibeDetails.notes", "Notes"),
-			icon: Le
+			label: k("vibeDetails.notes", "Notes"),
+			icon: Ue
 		},
 		{
 			id: "aliases",
-			label: j("agentDetails.aliases", "Aliases"),
-			icon: Ae
+			label: k("agentDetails.aliases", "Aliases"),
+			icon: Ie
 		},
 		{
 			id: "backup",
-			label: j("agentDetails.backup", "Backup"),
-			icon: Ne
+			label: k("agentDetails.backup", "Backup"),
+			icon: ze
 		}
-	], bn = Z.filter((e) => e.status === "RUNNING").length;
-	return I?.tunnelUrl, /* @__PURE__ */ O(k, {
+	], Ln = Z.filter((e) => e.status === "RUNNING").length;
+	return F?.tunnelUrl, /* @__PURE__ */ E(D, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			yt && /* @__PURE__ */ D("div", {
+			At && /* @__PURE__ */ T("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: yt
+				children: At
 			}),
-			/* @__PURE__ */ O("button", {
+			xt && /* @__PURE__ */ T("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: xt
+			}),
+			/* @__PURE__ */ E("button", {
 				onClick: $,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ D(_, { className: "w-4 h-4" }), j("agentDetails.backToAgents", "Back to Agents")]
+				children: [/* @__PURE__ */ T(g, { className: "w-4 h-4" }), k("agentDetails.backToAgents", "Back to Agents")]
 			}),
-			/* @__PURE__ */ D(c, {
-				title: I.name,
-				description: I.hostname || j("agentDetails.noHostnameConfigured", "No hostname configured"),
+			/* @__PURE__ */ T(se, {
+				title: F.name,
+				description: F.hostname || k("agentDetails.noHostnameConfigured", "No hostname configured"),
 				breadcrumb: [{
-					label: j("nav.agents", "Agents"),
-					path: at ? `${at}/agents` : "/agents"
-				}, { label: I.name }],
-				actions: /* @__PURE__ */ O("div", {
+					label: k("nav.agents", "Agents"),
+					path: ft ? `${ft}/agents` : "/agents"
+				}, { label: F.name }],
+				actions: /* @__PURE__ */ E("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ D("button", {
-							onClick: () => F(),
-							disabled: P,
+						/* @__PURE__ */ T("button", {
+							onClick: () => P(),
+							disabled: Ht,
 							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: j("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ D(x, { className: `w-4 h-4 ${P ? "animate-spin" : ""}` })
+							title: k("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ T(Ye, { className: `w-4 h-4 ${Ht ? "animate-spin" : ""}` })
 						}),
-						I.isActive ? /* @__PURE__ */ O("button", {
-							onClick: dn,
-							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__ */ D(Je, { className: "w-4 h-4" }), j("sessions.stop", "Stop")]
-						}) : /* @__PURE__ */ O("button", {
-							onClick: un,
-							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",
-							children: [/* @__PURE__ */ D(He, { className: "w-4 h-4" }), j("agentDetails.start", "Start")]
+						Jt ? /* @__PURE__ */ E("button", {
+							onClick: Dn,
+							disabled: A !== null,
+							"aria-busy": A === "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: [A === "start" ? /* @__PURE__ */ T(v, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ T(Je, { className: "w-4 h-4" }), A === "start" ? k("agentDetails.starting", "Starting…") : k("agentDetails.start", "Start")]
+						}) : /* @__PURE__ */ E("button", {
+							onClick: On,
+							disabled: A !== null,
+							"aria-busy": A === "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: [A === "stop" ? /* @__PURE__ */ T(v, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ T(tt, { className: "w-4 h-4" }), A === "stop" ? k("agentDetails.stopping", "Stopping…") : k("sessions.stop", "Stop")]
 						}),
-						/* @__PURE__ */ D(_e, {
-							tunnelUrl: I.tunnelUrl || null,
-							agentApiKey: I.agentApiKey || null,
+						/* @__PURE__ */ T(Ce, {
+							tunnelUrl: F.tunnelUrl || null,
+							agentApiKey: F.agentApiKey || null,
 							profile: L
 						}),
-						/* @__PURE__ */ O("button", {
-							onClick: fn,
+						/* @__PURE__ */ E("button", {
+							onClick: kn,
 							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__ */ D(Ke, { className: "w-4 h-4" }), j("agentDetails.configure", "Configure")]
+							children: [/* @__PURE__ */ T($e, { className: "w-4 h-4" }), k("agentDetails.configure", "Configure")]
 						}),
-						/* @__PURE__ */ O("button", {
-							onClick: hn,
+						/* @__PURE__ */ E("button", {
+							onClick: Mn,
 							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__ */ D(Xe, { className: "w-4 h-4" }), j("sessions.remove", "Remove")]
+							children: [/* @__PURE__ */ T(rt, { className: "w-4 h-4" }), k("sessions.remove", "Remove")]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ D(d, {
+					/* @__PURE__ */ T(u, {
 						className: "p-4",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ D(Ge, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								children: /* @__PURE__ */ T(Qe, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: j("sessions.filterStatus", "Status")
-							}), /* @__PURE__ */ D(u, {
-								status: I.isActive ? "ACTIVE" : "OFFLINE",
-								size: "md"
+								children: k("sessions.filterStatus", "Status")
+							}), /* @__PURE__ */ T(xe, {
+								status: qt,
+								reason: Kt.get(F.id)?.errorMessage ?? (F.lastGatewayAuthPushStatus === "failed" ? F.lastGatewayAuthPushError ?? "Gateway-auth push failed" : null)
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ D(d, {
+					/* @__PURE__ */ T(u, {
 						className: "p-4",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ D(Me, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								children: /* @__PURE__ */ T(Re, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: j("analytics.platform", "Platform")
-							}), /* @__PURE__ */ O("p", {
+								children: k("analytics.platform", "Platform")
+							}), /* @__PURE__ */ E("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									I.platform,
+									F.platform,
 									"/",
-									I.architecture
+									F.architecture
 								]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ D(d, {
+					/* @__PURE__ */ T(u, {
 						className: "p-4",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ D(Re, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								children: /* @__PURE__ */ T(We, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: j("agentDetails.version", "Version")
-							}), /* @__PURE__ */ O("p", {
+								children: k("agentDetails.version", "Version")
+							}), /* @__PURE__ */ E("p", {
 								className: "font-semibold text-text-primary",
-								children: ["v", I.version]
+								children: ["v", F.version]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ D(d, {
+					/* @__PURE__ */ T(u, {
 						className: "p-4",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ D(S, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								children: /* @__PURE__ */ T(b, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
-								children: j("nav.sessions", "Sessions")
-							}), /* @__PURE__ */ O("p", {
+								children: k("nav.sessions", "Sessions")
+							}), /* @__PURE__ */ E("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									bn,
+									Ln,
 									" ",
-									j("health.active", "active")
+									k("health.active", "active")
 								]
 							})] })]
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ T("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ O("nav", {
+				children: /* @__PURE__ */ E("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
-					"aria-label": j("agentDetails.tabsAriaLabel", "Agent tabs"),
+					"aria-label": k("agentDetails.tabsAriaLabel", "Agent tabs"),
 					children: [
-						yn.map((e) => {
+						In.map((e) => {
 							let t = e.icon, n = B === e.id;
-							return /* @__PURE__ */ O("button", {
-								onClick: () => Pt(e.id),
+							return /* @__PURE__ */ E("button", {
+								onClick: () => Xt(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",
 								children: [
-									/* @__PURE__ */ D(t, { className: "w-4 h-4" }),
+									/* @__PURE__ */ T(t, { className: "w-4 h-4" }),
 									e.label,
-									e.badge && /* @__PURE__ */ D("span", {
+									e.badge && /* @__PURE__ */ T("span", {
 										className: `hidden rounded-full px-1.5 py-0.5 text-[10px] sm:inline-flex sm:text-xs ${n ? "bg-action-primary-bg/10 text-action-primary-bg" : "bg-bg-sunken text-text-muted"}`,
 										children: e.badge
 									})
@@ -780,8 +811,8 @@ function at() {
 						}),
 						R && z.data.map((e) => {
 							let t = B === e.contribution.id;
-							return /* @__PURE__ */ D("button", {
-								onClick: () => Pt(e.contribution.id),
+							return /* @__PURE__ */ T("button", {
+								onClick: () => Xt(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",
@@ -789,16 +820,16 @@ function at() {
 								children: e.contribution.title
 							}, `plugin-${e.contribution.id}`);
 						}),
-						R && I && /* @__PURE__ */ O("button", {
+						R && F && /* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => It(!0),
+							onClick: () => Qt(!0),
 							className: "flex shrink-0 items-center gap-1 px-2 py-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",
-							children: [/* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ T("span", {
 								"aria-hidden": !0,
 								children: "+"
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ T("span", {
 								className: "hidden sm:inline",
 								children: "Add tab"
 							})]
@@ -806,10 +837,10 @@ function at() {
 					]
 				})
 			}),
-			/* @__PURE__ */ O(tt, {
+			/* @__PURE__ */ E(ct, {
 				mode: "wait",
 				children: [
-					B === "overview" && /* @__PURE__ */ O(T.div, {
+					B === "overview" && /* @__PURE__ */ E(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -825,62 +856,62 @@ function at() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(Oe, { className: "w-5 h-5" }), j("agentDetails.capabilities", "Capabilities")]
+									children: [/* @__PURE__ */ T(Pe, { className: "w-5 h-5" }), k("agentDetails.capabilities", "Capabilities")]
 								})
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ D("div", {
+								children: /* @__PURE__ */ T("div", {
 									className: "flex flex-wrap gap-2",
-									children: I.capabilities && typeof I.capabilities == "object" && (Array.isArray(I.capabilities) ? I.capabilities.length > 0 : Object.keys(I.capabilities).length > 0) ? (Array.isArray(I.capabilities) ? I.capabilities : (() => {
-										let e = I.capabilities, t = Object.keys(e);
+									children: F.capabilities && typeof F.capabilities == "object" && (Array.isArray(F.capabilities) ? F.capabilities.length > 0 : Object.keys(F.capabilities).length > 0) ? (Array.isArray(F.capabilities) ? F.capabilities : (() => {
+										let e = F.capabilities, t = Object.keys(e);
 										return t.length > 0 && t.every((e) => /^\d+$/.test(e)) ? Object.values(e) : t;
-									})()).map((e) => /* @__PURE__ */ D("span", {
+									})()).map((e) => /* @__PURE__ */ T("span", {
 										className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full",
 										children: e
-									}, e)) : /* @__PURE__ */ O("div", {
+									}, e)) : /* @__PURE__ */ E("div", {
 										className: "space-y-2 text-sm text-text-secondary",
 										children: [
-											/* @__PURE__ */ D("p", { children: j("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
-											/* @__PURE__ */ O("p", {
+											/* @__PURE__ */ T("p", { children: k("agentDetails.noCapabilitiesConfigured", "No capabilities configured") }),
+											/* @__PURE__ */ E("p", {
 												className: "text-xs",
 												children: [
 													"Capabilities are feature tags the agent advertises to vibes (e.g.",
 													" ",
-													/* @__PURE__ */ D("code", {
+													/* @__PURE__ */ T("code", {
 														className: "text-text-primary",
 														children: "docker"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ D("code", {
+													/* @__PURE__ */ T("code", {
 														className: "text-text-primary",
 														children: "gpu"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ D("code", {
+													/* @__PURE__ */ T("code", {
 														className: "text-text-primary",
 														children: "node20"
 													}),
 													",",
 													" ",
-													/* @__PURE__ */ D("code", {
+													/* @__PURE__ */ T("code", {
 														className: "text-text-primary",
 														children: "git"
 													}),
 													"). Vibes use them to pick an agent that can run their workloads."
 												]
 											}),
-											/* @__PURE__ */ O("p", {
+											/* @__PURE__ */ E("p", {
 												className: "text-xs",
 												children: [
 													"Add from the agent host CLI:",
 													" ",
-													/* @__PURE__ */ D("code", {
+													/* @__PURE__ */ T("code", {
 														className: "text-text-primary",
 														children: "vibe agent caps add docker gpu"
 													}),
@@ -891,120 +922,120 @@ function at() {
 									})
 								})
 							})] }),
-							/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(Ye, { className: "w-5 h-5" }), "Tags"]
+									children: [/* @__PURE__ */ T(nt, { className: "w-5 h-5" }), "Tags"]
 								})
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ D(ce, {
+								children: /* @__PURE__ */ T(de, {
 									entityType: "VIBECONTROLS_AGENT",
-									entityId: I.id
+									entityId: F.id
 								})
 							})] }),
-							I.tunnelUrl && /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							F.tunnelUrl && /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(w, { className: "w-5 h-5" }), j("health.tunnel", "Tunnel")]
+									children: [/* @__PURE__ */ T(S, { className: "w-5 h-5" }), k("health.tunnel", "Tunnel")]
 								})
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ O("div", {
+								children: /* @__PURE__ */ E("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ D("p", {
+									children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary mb-1",
-										children: j("agentDetails.tunnelUrl", "Tunnel URL")
-									}), /* @__PURE__ */ D("a", {
-										href: I.tunnelUrl,
+										children: k("agentDetails.tunnelUrl", "Tunnel URL")
+									}), /* @__PURE__ */ T("a", {
+										href: F.tunnelUrl,
 										target: "_blank",
 										rel: "noopener noreferrer",
 										className: "text-action-primary-text hover:underline break-all",
-										children: I.tunnelUrl
+										children: F.tunnelUrl
 									})]
 								})
 							})] }),
-							/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(Ke, { className: "w-5 h-5" }), j("agentDetails.configuration", "Configuration")]
+									children: [/* @__PURE__ */ T($e, { className: "w-5 h-5" }), k("agentDetails.configuration", "Configuration")]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "p-4 space-y-4",
-								children: [/* @__PURE__ */ O("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary",
-											children: j("analytics.platform", "Platform")
-										}), /* @__PURE__ */ D("p", {
+											children: k("analytics.platform", "Platform")
+										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary",
-											children: I.platform
+											children: F.platform
 										})] }),
-										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary",
-											children: j("analytics.architecture", "Architecture")
-										}), /* @__PURE__ */ D("p", {
+											children: k("analytics.architecture", "Architecture")
+										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary",
-											children: I.architecture
+											children: F.architecture
 										})] }),
-										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary",
-											children: j("agentDetails.version", "Version")
-										}), /* @__PURE__ */ D("p", {
+											children: k("agentDetails.version", "Version")
+										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary",
-											children: I.version
+											children: F.version
 										})] })
 									]
-								}), I.aiContext && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								}), F.aiContext && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary mb-1",
 									children: "AI Context"
-								}), /* @__PURE__ */ D("pre", {
+								}), /* @__PURE__ */ T("pre", {
 									className: "text-sm text-text-primary bg-bg-sunken border border-border-default rounded-md p-3 whitespace-pre-wrap font-sans",
-									children: I.aiContext
+									children: F.aiContext
 								})] })]
 							})] }),
-							/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(ke, { className: "w-5 h-5" }), j("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ T(Fe, { className: "w-5 h-5" }), k("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ O("div", {
+								children: /* @__PURE__ */ E("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm",
 									children: [
-										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-text-secondary",
-											children: j("health.lastHeartbeat", "Last Heartbeat")
-										}), /* @__PURE__ */ D("p", {
+											children: k("health.lastHeartbeat", "Last Heartbeat")
+										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary",
-											children: vn(I.lastHeartbeat)
+											children: Fn(F.lastHeartbeat)
 										})] }),
-										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-text-secondary",
-											children: j("vibeDetails.created", "Created")
-										}), /* @__PURE__ */ D("p", {
+											children: k("vibeDetails.created", "Created")
+										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary",
-											children: vn(I.createdAt)
+											children: Fn(F.createdAt)
 										})] }),
-										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-text-secondary",
-											children: j("vibeDetails.updated", "Updated")
-										}), /* @__PURE__ */ D("p", {
+											children: k("vibeDetails.updated", "Updated")
+										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary",
-											children: vn(I.updatedAt)
+											children: Fn(F.updatedAt)
 										})] })
 									]
 								})
 							})] })
 						]
 					}, "overview"),
-					B === "profiles" && /* @__PURE__ */ D(T.div, {
+					B === "profiles" && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1018,9 +1049,9 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ D(ye, { agentId: I.id })
+						children: /* @__PURE__ */ T(Ee, { agentId: F.id })
 					}, "profiles"),
-					B === "security" && /* @__PURE__ */ O(T.div, {
+					B === "security" && /* @__PURE__ */ E(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1036,139 +1067,139 @@ function at() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							I.tunnelUrl && I.agentApiKey && /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							F.tunnelUrl && F.agentApiKey && /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(ze, { className: "w-5 h-5" }), j("agentDetails.apiAuthentication", "API Authentication")]
+									children: [/* @__PURE__ */ T(Ge, { className: "w-5 h-5" }), k("agentDetails.apiAuthentication", "API Authentication")]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "p-4 space-y-3",
 								children: [
-									/* @__PURE__ */ D("p", {
+									/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
-										children: j("agentDetails.apiAuthenticationDescription", "All requests to the agent (except health checks) require authentication. You can pass the API key in two ways:")
+										children: k("agentDetails.apiAuthenticationDescription", "All requests to the agent (except health checks) require authentication. You can pass the API key in two ways:")
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-xs font-medium text-text-primary mb-1",
-											children: j("agentDetails.authHeaderRecommended", "Header (recommended)")
-										}), /* @__PURE__ */ O("code", {
+											children: k("agentDetails.authHeaderRecommended", "Header (recommended)")
+										}), /* @__PURE__ */ E("code", {
 											className: "block text-xs font-mono bg-bg-sunken px-3 py-2 rounded-md text-text-primary overflow-x-auto",
 											children: [
 												"x-agent-api-key: ",
-												I.agentApiKey.slice(0, 12),
+												F.agentApiKey.slice(0, 12),
 												"..."
 											]
-										})] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-xs font-medium text-text-primary mb-1",
-											children: j("agentDetails.authQueryParameter", "URL query parameter")
-										}), /* @__PURE__ */ O("code", {
+											children: k("agentDetails.authQueryParameter", "URL query parameter")
+										}), /* @__PURE__ */ E("code", {
 											className: "block text-xs font-mono bg-bg-sunken px-3 py-2 rounded-md text-text-primary overflow-x-auto break-all",
 											children: [
-												I.tunnelUrl,
+												F.tunnelUrl,
 												"/api/health?apiKey=",
-												I.agentApiKey.slice(0, 12),
+												F.agentApiKey.slice(0, 12),
 												"..."
 											]
 										})] })]
 									}),
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ E("p", {
 										className: "text-xs text-text-muted",
 										children: [
-											j("agentDetails.authExemptPrefix", "The"),
+											k("agentDetails.authExemptPrefix", "The"),
 											" ",
-											/* @__PURE__ */ D("code", {
+											/* @__PURE__ */ T("code", {
 												className: "font-mono",
 												children: "/health"
 											}),
 											" ",
-											j("agentDetails.authExemptAnd", "and"),
+											k("agentDetails.authExemptAnd", "and"),
 											" ",
-											/* @__PURE__ */ D("code", {
+											/* @__PURE__ */ T("code", {
 												className: "font-mono",
 												children: "/api/agent/identity"
 											}),
 											" ",
-											j("agentDetails.authExemptSuffix", "endpoints are exempt from authentication. The key changes on each agent restart unless a static key is configured.")
+											k("agentDetails.authExemptSuffix", "endpoints are exempt from authentication. The key changes on each agent restart unless a static key is configured.")
 										]
 									})
 								]
 							})] }),
-							/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ O("h3", {
+								children: /* @__PURE__ */ E("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ D(Be, { className: "w-5 h-5" }), j("agentDetails.agentApiKey", "Agent API Key")]
+									children: [/* @__PURE__ */ T(Ke, { className: "w-5 h-5" }), k("agentDetails.agentApiKey", "Agent API Key")]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "p-4",
-								children: [I.agentApiKey ? /* @__PURE__ */ O("div", {
+								children: [F.agentApiKey ? /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex-1 min-w-0",
-											children: /* @__PURE__ */ D("code", {
+											children: /* @__PURE__ */ T("code", {
 												className: "text-sm font-mono text-text-primary bg-bg-sunken px-3 py-2 rounded-md block truncate",
-												children: N ? I.agentApiKey : "•".repeat(Math.min(I.agentApiKey.length, 32))
+												children: N ? F.agentApiKey : "•".repeat(Math.min(F.agentApiKey.length, 32))
 											})
 										}),
-										/* @__PURE__ */ D("button", {
-											onClick: () => Ot(!N),
+										/* @__PURE__ */ T("button", {
+											onClick: () => Rt(!N),
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-											title: N ? j("agentDetails.hideApiKey", "Hide API key") : j("agentDetails.showApiKey", "Show API key"),
-											children: D(N ? Ie : Fe, { className: "w-4 h-4 text-text-secondary" })
+											title: N ? k("agentDetails.hideApiKey", "Hide API key") : k("agentDetails.showApiKey", "Show API key"),
+											children: T(N ? He : Ve, { className: "w-4 h-4 text-text-secondary" })
 										}),
-										/* @__PURE__ */ D("button", {
-											onClick: mn,
+										/* @__PURE__ */ T("button", {
+											onClick: jn,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-											title: j("agentDetails.copyApiKey", "Copy API key"),
-											children: kt ? /* @__PURE__ */ D(De, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ D(je, { className: "w-4 h-4 text-text-secondary" })
+											title: k("agentDetails.copyApiKey", "Copy API key"),
+											children: zt ? /* @__PURE__ */ T(Ne, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ T(Le, { className: "w-4 h-4 text-text-secondary" })
 										})
 									]
-								}) : /* @__PURE__ */ D("p", {
+								}) : /* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary",
 									children: "No API key configured. Set one via the Configure button or agent CLI."
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ T("p", {
 									className: "mt-2 text-xs text-text-muted",
 									children: "This key authenticates requests sent to the agent. It typically changes on each agent restart."
 								})]
 							})] }),
-							/* @__PURE__ */ D(it, {
-								agent: I,
-								onUpdate: () => F()
+							/* @__PURE__ */ T(dt, {
+								agent: F,
+								onUpdate: () => P()
 							})
 						]
 					}, "security"),
 					B === "plugins" && (() => {
-						let e = q.toLowerCase(), t = V.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.tags?.some((t) => t.toLowerCase().includes(e))), n = Vt.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = V.filter((e) => e.hasUI), i = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), a = [
+						let e = q.toLowerCase(), t = V.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.tags?.some((t) => t.toLowerCase().includes(e))), n = rn.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = V.filter((e) => e.hasUI), i = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), a = [
 							{
 								id: "installed",
 								label: "Installed",
 								count: t.length,
-								icon: b
+								icon: y
 							},
 							{
 								id: "available",
 								label: "Available",
 								count: n.length,
-								icon: Pe
+								icon: Be
 							},
 							{
 								id: "store",
 								label: "Store",
 								count: J.length,
-								icon: Pe
+								icon: Be
 							},
 							{
 								id: "ui-plugins",
 								label: "UI Plugins",
 								count: i.length,
-								icon: Ve
+								icon: qe
 							}
 						];
-						return /* @__PURE__ */ D(T.div, {
+						return /* @__PURE__ */ T(C.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1183,17 +1214,17 @@ function at() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ O("div", {
+							children: /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ E("div", {
 								className: "p-4 border-b border-border-default space-y-3",
 								children: [
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ O("h3", {
+										children: [/* @__PURE__ */ E("h3", {
 											className: "font-semibold text-text-primary flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ D(b, { className: "w-5 h-5" }),
+												/* @__PURE__ */ T(y, { className: "w-5 h-5" }),
 												"Plugins",
-												V.length > 0 && /* @__PURE__ */ O("span", {
+												V.length > 0 && /* @__PURE__ */ E("span", {
 													className: "text-sm font-normal text-text-secondary",
 													children: [
 														"(",
@@ -1205,43 +1236,43 @@ function at() {
 													]
 												})
 											]
-										}), /* @__PURE__ */ D("button", {
+										}), /* @__PURE__ */ T("button", {
 											onClick: X,
-											disabled: Ut,
+											disabled: on,
 											className: "p-1.5 text-text-secondary hover:bg-bg-sunken rounded transition-colors disabled:opacity-50",
-											title: j("agentDetails.refreshPlugins", "Refresh plugins"),
-											children: /* @__PURE__ */ D(x, { className: `w-4 h-4 ${Ut ? "animate-spin" : ""}` })
+											title: k("agentDetails.refreshPlugins", "Refresh plugins"),
+											children: /* @__PURE__ */ T(Ye, { className: `w-4 h-4 ${on ? "animate-spin" : ""}` })
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", {
 										className: "relative",
 										children: [
-											/* @__PURE__ */ D(We, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-muted" }),
-											/* @__PURE__ */ D("input", {
+											/* @__PURE__ */ T(Ze, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-muted" }),
+											/* @__PURE__ */ T("input", {
 												type: "text",
 												value: q,
-												onChange: (e) => Yt(e.target.value),
-												placeholder: j("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag..."),
+												onChange: (e) => fn(e.target.value),
+												placeholder: k("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"
 											}),
-											q && /* @__PURE__ */ D("button", {
-												onClick: () => Yt(""),
+											q && /* @__PURE__ */ T("button", {
+												onClick: () => fn(""),
 												className: "absolute right-2 top-1/2 -translate-y-1/2 p-0.5 text-text-muted hover:text-text-secondary rounded",
-												children: /* @__PURE__ */ D(C, { className: "w-3.5 h-3.5" })
+												children: /* @__PURE__ */ T(x, { className: "w-3.5 h-3.5" })
 											})
 										]
 									}),
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex gap-1 border-b border-border-default -mx-4 overflow-x-auto px-4 pb-1",
 										children: a.map((e) => {
 											let t = G === e.id, n = e.icon;
-											return /* @__PURE__ */ O("button", {
+											return /* @__PURE__ */ E("button", {
 												onClick: () => K(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-text" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
 												children: [
-													/* @__PURE__ */ D(n, { className: "w-3.5 h-3.5" }),
+													/* @__PURE__ */ T(n, { className: "w-3.5 h-3.5" }),
 													e.label,
-													/* @__PURE__ */ D("span", {
+													/* @__PURE__ */ T("span", {
 														className: `text-xs px-1.5 py-0.5 rounded-full ${t ? "bg-action-primary-bg/15 text-action-primary-bg" : "bg-bg-secondary text-text-muted"}`,
 														children: e.count
 													})
@@ -1250,89 +1281,89 @@ function at() {
 										})
 									})
 								]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "p-4 space-y-4",
 								children: [
-									Gt && /* @__PURE__ */ O("div", {
+									cn && /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 										children: [
-											/* @__PURE__ */ D(C, { className: "w-4 h-4 flex-shrink-0" }),
-											/* @__PURE__ */ D("span", {
+											/* @__PURE__ */ T(x, { className: "w-4 h-4 flex-shrink-0" }),
+											/* @__PURE__ */ T("span", {
 												className: "flex-1",
-												children: Gt
+												children: cn
 											}),
-											/* @__PURE__ */ D("button", {
+											/* @__PURE__ */ T("button", {
 												onClick: () => W(null),
 												className: "flex-shrink-0 p-0.5 hover:bg-status-error-text/10 rounded",
-												children: /* @__PURE__ */ D(C, { className: "w-3.5 h-3.5" })
+												children: /* @__PURE__ */ T(x, { className: "w-3.5 h-3.5" })
 											})
 										]
 									}),
-									!I?.isActive && /* @__PURE__ */ O("p", {
+									!F?.isActive && /* @__PURE__ */ E("p", {
 										className: "text-sm text-text-muted flex items-center gap-1.5",
-										children: [/* @__PURE__ */ D(ze, { className: "w-4 h-4 flex-shrink-0" }), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
+										children: [/* @__PURE__ */ T(Ge, { className: "w-4 h-4 flex-shrink-0" }), "Agent is offline — showing known plugin catalog. Live data will load when the agent is reachable."]
 									}),
-									G === "installed" && /* @__PURE__ */ D(E, { children: t.length > 0 ? /* @__PURE__ */ D("div", {
+									G === "installed" && /* @__PURE__ */ T(w, { children: t.length > 0 ? /* @__PURE__ */ T("div", {
 										className: "space-y-2",
-										children: t.map((e) => /* @__PURE__ */ O("div", {
+										children: t.map((e) => /* @__PURE__ */ E("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ E("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ O("p", {
+													/* @__PURE__ */ E("p", {
 														className: "text-sm font-medium text-text-primary flex items-center gap-1.5 flex-wrap",
 														children: [
 															e.pluginName,
-															/* @__PURE__ */ D("span", {
+															/* @__PURE__ */ T("span", {
 																className: "text-xs text-text-muted font-normal",
 																children: e.version === "latest" ? e.version : `v${e.version}`
 															}),
-															e.isCore && /* @__PURE__ */ D("span", {
+															e.isCore && /* @__PURE__ */ T("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-action-primary-bg rounded border border-action-primary-bg/20",
 																children: "core"
 															}),
-															e.loaded && /* @__PURE__ */ D("span", {
+															e.loaded && /* @__PURE__ */ T("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-status-success-bg text-status-success-text rounded",
 																children: "loaded"
 															}),
-															e.hasProviders && /* @__PURE__ */ D("span", {
+															e.hasProviders && /* @__PURE__ */ T("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-status-warning-bg-subtle text-status-warning-text rounded",
 																children: "provider"
 															}),
-															e.hasUI && /* @__PURE__ */ D("span", {
+															e.hasUI && /* @__PURE__ */ T("span", {
 																className: "inline-flex items-center px-1.5 py-0.5 text-xs bg-accent-purple-subtle text-accent-purple rounded",
 																children: "ui"
 															})
 														]
 													}),
-													e.description && /* @__PURE__ */ D("p", {
+													e.description && /* @__PURE__ */ T("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ O("div", {
+													/* @__PURE__ */ E("div", {
 														className: "flex items-center gap-2 mt-0.5 flex-wrap",
 														children: [
-															!e.isCore && /* @__PURE__ */ D("span", {
+															!e.isCore && /* @__PURE__ */ T("span", {
 																className: "text-xs text-text-muted font-mono",
 																children: e.packageName
 															}),
-															e.cliCommand && /* @__PURE__ */ O("span", {
+															e.cliCommand && /* @__PURE__ */ E("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"cli:",
 																	" ",
-																	/* @__PURE__ */ O("code", {
+																	/* @__PURE__ */ E("code", {
 																		className: "text-xs font-mono",
 																		children: ["vibe ", e.cliCommand]
 																	})
 																]
 															}),
-															e.apiPrefix && /* @__PURE__ */ O("span", {
+															e.apiPrefix && /* @__PURE__ */ E("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"api:",
 																	" ",
-																	/* @__PURE__ */ D("code", {
+																	/* @__PURE__ */ T("code", {
 																		className: "text-xs font-mono",
 																		children: e.apiPrefix
 																	})
@@ -1340,123 +1371,123 @@ function at() {
 															})
 														]
 													}),
-													e.tags && e.tags.length > 0 && /* @__PURE__ */ D("div", {
+													e.tags && e.tags.length > 0 && /* @__PURE__ */ T("div", {
 														className: "flex gap-1 mt-1 flex-wrap",
-														children: e.tags.map((e) => /* @__PURE__ */ D("span", {
+														children: e.tags.map((e) => /* @__PURE__ */ T("span", {
 															className: "inline-flex px-1.5 py-0.5 text-[10px] bg-bg-secondary text-text-muted rounded",
 															children: e
 														}, e))
 													})
 												]
-											}), /* @__PURE__ */ O("div", {
+											}), /* @__PURE__ */ E("div", {
 												className: "flex items-center gap-2 flex-shrink-0 sm:ml-3",
-												children: [e.hasUI && /* @__PURE__ */ O("button", {
+												children: [e.hasUI && /* @__PURE__ */ E("button", {
 													onClick: () => K("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__ */ D(Ve, { className: "w-3 h-3" }), "Open UI"]
-												}), !e.isCore && /* @__PURE__ */ O("button", {
-													onClick: () => sn(e.packageName),
+													children: [/* @__PURE__ */ T(qe, { className: "w-3 h-3" }), "Open UI"]
+												}), !e.isCore && /* @__PURE__ */ E("button", {
+													onClick: () => Cn(e.packageName),
 													disabled: H === e.packageName,
 													className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-status-error-text bg-status-error-bg rounded-md hover:bg-status-error-bg/80 transition-colors disabled:opacity-50",
-													children: [H === e.packageName ? /* @__PURE__ */ D(y, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ D(Xe, { className: "w-3 h-3" }), "Remove"]
+													children: [H === e.packageName ? /* @__PURE__ */ T(v, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ T(rt, { className: "w-3 h-3" }), "Remove"]
 												})]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ D("p", {
+									}) : /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-muted",
 										children: q ? "No installed plugins match your search." : "No plugin data available. Check agent connectivity or refresh."
 									}) }),
-									G === "available" && /* @__PURE__ */ D(E, { children: n.length > 0 ? /* @__PURE__ */ D("div", {
+									G === "available" && /* @__PURE__ */ T(w, { children: n.length > 0 ? /* @__PURE__ */ T("div", {
 										className: "space-y-2",
-										children: n.map((e) => /* @__PURE__ */ O("div", {
+										children: n.map((e) => /* @__PURE__ */ E("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ E("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ D("p", {
+													/* @__PURE__ */ T("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: e.name
 													}),
-													/* @__PURE__ */ D("p", {
+													/* @__PURE__ */ T("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ D("p", {
+													/* @__PURE__ */ T("p", {
 														className: "text-xs text-text-muted font-mono mt-0.5",
 														children: e.packageName
 													})
 												]
-											}), /* @__PURE__ */ O("button", {
-												onClick: () => on(e.packageName),
+											}), /* @__PURE__ */ E("button", {
+												onClick: () => Sn(e.packageName),
 												disabled: H === 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 flex-shrink-0 sm:ml-3",
-												children: [H === e.packageName ? /* @__PURE__ */ D(y, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ D(Pe, { className: "w-3 h-3" }), "Install"]
+												children: [H === e.packageName ? /* @__PURE__ */ T(v, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ T(Be, { className: "w-3 h-3" }), "Install"]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ D("p", {
+									}) : /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-muted",
-										children: q ? "No available plugins match your search." : Vt.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
+										children: q ? "No available plugins match your search." : rn.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
 									}) }),
-									G === "store" && /* @__PURE__ */ O(E, { children: [$t && /* @__PURE__ */ O("div", {
+									G === "store" && /* @__PURE__ */ E(w, { children: [gn && /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-										children: [/* @__PURE__ */ D(C, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ T(x, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ T("span", {
 											className: "flex-1",
-											children: $t
+											children: gn
 										})]
-									}), Zt ? /* @__PURE__ */ D("p", {
+									}), mn ? /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-muted",
 										children: "Loading purchased plugins…"
-									}) : J.length === 0 ? /* @__PURE__ */ O("div", {
+									}) : J.length === 0 ? /* @__PURE__ */ E("div", {
 										className: "py-8 text-center",
-										children: [/* @__PURE__ */ D("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "text-sm text-text-muted",
 											children: "No plugins purchased from the Burdenoff store yet."
-										}), /* @__PURE__ */ D("a", {
+										}), /* @__PURE__ */ T("a", {
 											href: "/store/marketplace",
 											className: "mt-2 inline-flex items-center gap-1 text-xs font-semibold text-action-primary-text hover:underline",
 											children: "Browse the store →"
 										})]
-									}) : /* @__PURE__ */ D("div", {
+									}) : /* @__PURE__ */ T("div", {
 										className: "space-y-2",
 										children: J.map((e) => {
 											let t = (e.product?.manifest ?? {}).digital?.install, n = typeof t?.packageName == "string" ? t.packageName : null, r = V.some((e) => e.packageName === n);
-											return /* @__PURE__ */ O("div", {
+											return /* @__PURE__ */ E("div", {
 												className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-												children: [/* @__PURE__ */ O("div", {
+												children: [/* @__PURE__ */ E("div", {
 													className: "flex items-start gap-3 min-w-0 flex-1",
-													children: [e.product?.icon ? /* @__PURE__ */ D("img", {
+													children: [e.product?.icon ? /* @__PURE__ */ T("img", {
 														src: e.product.icon,
 														alt: "",
 														className: "w-10 h-10 rounded-md object-cover flex-shrink-0"
-													}) : /* @__PURE__ */ D("div", {
+													}) : /* @__PURE__ */ T("div", {
 														className: "w-10 h-10 flex-shrink-0 rounded-md bg-bg-secondary flex items-center justify-center",
-														children: /* @__PURE__ */ D(b, { className: "w-5 h-5 text-text-muted" })
-													}), /* @__PURE__ */ O("div", {
+														children: /* @__PURE__ */ T(y, { className: "w-5 h-5 text-text-muted" })
+													}), /* @__PURE__ */ E("div", {
 														className: "min-w-0 flex-1",
 														children: [
-															/* @__PURE__ */ O("div", {
+															/* @__PURE__ */ E("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ D("h4", {
+																children: [/* @__PURE__ */ T("h4", {
 																	className: "text-sm font-semibold text-text-primary truncate",
 																	children: e.product?.name ?? "Unknown"
-																}), e.licenseKey && /* @__PURE__ */ D("span", {
+																}), e.licenseKey && /* @__PURE__ */ T("span", {
 																	className: "text-[10px] bg-status-success-bg text-status-success-text px-1.5 py-0.5 rounded-full",
 																	children: "Licensed"
 																})]
 															}),
-															n && /* @__PURE__ */ D("p", {
+															n && /* @__PURE__ */ T("p", {
 																className: "text-xs text-text-muted font-mono truncate",
 																children: n
 															}),
-															e.product?.description && /* @__PURE__ */ D("p", {
+															e.product?.description && /* @__PURE__ */ T("p", {
 																className: "text-xs text-text-secondary line-clamp-2 mt-1",
 																children: e.product.description
 															})
 														]
 													})]
-												}), /* @__PURE__ */ D("button", {
-													onClick: () => void ln(e.productId, e.licenseKey),
+												}), /* @__PURE__ */ T("button", {
+													onClick: () => void Tn(e.productId, e.licenseKey),
 													disabled: r || Y === 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" : Y === e.productId ? "Installing…" : "Install"
@@ -1464,8 +1495,8 @@ function at() {
 											}, e.id);
 										})
 									})] }),
-									G === "ui-plugins" && /* @__PURE__ */ D(E, { children: r.length > 0 || I?.tunnelUrl ? /* @__PURE__ */ D(ge, {
-										availablePlugins: [...I?.tunnelUrl ? [{
+									G === "ui-plugins" && /* @__PURE__ */ T(w, { children: r.length > 0 || F?.tunnelUrl ? /* @__PURE__ */ T(Se, {
+										availablePlugins: [...F?.tunnelUrl ? [{
 											pluginName: "code-server",
 											displayName: "Code Server (VS Code)",
 											description: "Browser-based VS Code editor",
@@ -1477,21 +1508,21 @@ function at() {
 											description: e.description,
 											version: e.version
 										}))],
-										tunnelUrl: I?.tunnelUrl || null,
-										agentApiKey: I?.agentApiKey
-									}) : /* @__PURE__ */ D("p", {
+										tunnelUrl: F?.tunnelUrl || null,
+										agentApiKey: F?.agentApiKey
+									}) : /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-muted",
 										children: q ? "No UI plugins match your search." : "No plugins with UI are currently installed."
 									}) }),
-									Ut && V.length === 0 && /* @__PURE__ */ O("div", {
+									on && V.length === 0 && /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ D(y, { className: "w-4 h-4 animate-spin" }), "Loading plugins..."]
+										children: [/* @__PURE__ */ T(v, { className: "w-4 h-4 animate-spin" }), "Loading plugins..."]
 									})
 								]
 							})] })
 						}, "plugins");
 					})(),
-					B === "sessions" && /* @__PURE__ */ D(T.div, {
+					B === "sessions" && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1505,43 +1536,43 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
-							children: /* @__PURE__ */ O("h3", {
+							children: /* @__PURE__ */ E("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ D(S, { className: "w-5 h-5" }),
-									j("nav.sessions", "Sessions"),
+									/* @__PURE__ */ T(b, { className: "w-5 h-5" }),
+									k("nav.sessions", "Sessions"),
 									" (",
 									Z.length,
 									")"
 								]
 							})
-						}), Z.length > 0 ? /* @__PURE__ */ D("div", {
+						}), Z.length > 0 ? /* @__PURE__ */ T("div", {
 							className: "divide-y divide-border-primary",
-							children: Z.map((e) => /* @__PURE__ */ O("div", {
-								onClick: () => gn(e.id),
+							children: Z.map((e) => /* @__PURE__ */ E("div", {
+								onClick: () => Nn(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__ */ O("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ D(S, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ T(b, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ E("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ D("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ D("p", {
+										}), /* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary truncate",
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ D(u, { status: e.status })]
+								}), /* @__PURE__ */ T(l, { status: e.status })]
 							}, e.id))
-						}) : /* @__PURE__ */ D("div", {
+						}) : /* @__PURE__ */ T("div", {
 							className: "p-6 text-center text-text-secondary",
-							children: j("agentDetails.noSessionsOnAgent", "No sessions on this agent")
+							children: k("agentDetails.noSessionsOnAgent", "No sessions on this agent")
 						})] })
 					}, "sessions"),
-					B === "logs" && /* @__PURE__ */ D(T.div, {
+					B === "logs" && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1555,22 +1586,22 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
-							children: /* @__PURE__ */ O("h3", {
+							children: /* @__PURE__ */ E("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ D(Ue, { className: "w-5 h-5" }), j("nav.logs", "Logs")]
+								children: [/* @__PURE__ */ T(Xe, { className: "w-5 h-5" }), k("nav.logs", "Logs")]
 							})
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "p-4",
-							children: /* @__PURE__ */ D(ve, {
-								agentId: I.id,
+							children: /* @__PURE__ */ T(Te, {
+								agentId: F.id,
 								profile: L,
 								className: "min-h-[28rem]"
 							})
 						})] })
 					}, "logs"),
-					B === "vibes" && /* @__PURE__ */ D(T.div, {
+					B === "vibes" && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1584,43 +1615,43 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ T("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
-							children: /* @__PURE__ */ O("h3", {
+							children: /* @__PURE__ */ E("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ D(w, { className: "w-5 h-5" }),
-									j("nav.vibes", "Vibes"),
+									/* @__PURE__ */ T(S, { className: "w-5 h-5" }),
+									k("nav.vibes", "Vibes"),
 									" (",
 									Q.length,
 									")"
 								]
 							})
-						}), Q.length > 0 ? /* @__PURE__ */ D("div", {
+						}), Q.length > 0 ? /* @__PURE__ */ T("div", {
 							className: "divide-y divide-border-primary",
-							children: Q.map((e) => /* @__PURE__ */ O("div", {
-								onClick: () => _n(e.id),
+							children: Q.map((e) => /* @__PURE__ */ E("div", {
+								onClick: () => Pn(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__ */ O("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ D(w, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ T(S, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ E("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ D("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ D("p", {
+										}), /* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary truncate",
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ D(u, { status: e.status })]
+								}), /* @__PURE__ */ T(l, { status: e.status })]
 							}, e.id))
-						}) : /* @__PURE__ */ D("div", {
+						}) : /* @__PURE__ */ T("div", {
 							className: "p-6 text-center text-text-secondary",
-							children: j("agentDetails.noVibesUsingAgent", "No vibes using this agent")
+							children: k("agentDetails.noVibesUsingAgent", "No vibes using this agent")
 						})] })
 					}, "vibes"),
-					B === "notes" && /* @__PURE__ */ D(T.div, {
+					B === "notes" && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1635,7 +1666,7 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ D(be, {
+						children: /* @__PURE__ */ T(De, {
 							context: "agent",
 							agentVibes: Q.map((e) => ({
 								id: e.id,
@@ -1643,7 +1674,7 @@ function at() {
 							}))
 						})
 					}, "notes"),
-					B === "aliases" && /* @__PURE__ */ D(T.div, {
+					B === "aliases" && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1658,12 +1689,12 @@ function at() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ D(he, { agent: {
-							id: I.id,
-							profile: I.metadata?.profile ?? "default"
+						children: /* @__PURE__ */ T(be, { agent: {
+							id: F.id,
+							profile: F.metadata?.profile ?? "default"
 						} })
 					}, "aliases"),
-					B === "backup" && I.tunnelUrl && I.agentApiKey && /* @__PURE__ */ D(T.div, {
+					B === "backup" && F.tunnelUrl && F.agentApiKey && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1677,13 +1708,13 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ D(me, {
-							agentTunnelUrl: I.tunnelUrl,
-							agentApiKey: I.agentApiKey,
+						children: /* @__PURE__ */ T(ye, {
+							agentTunnelUrl: F.tunnelUrl,
+							agentApiKey: F.agentApiKey,
 							profile: L
 						})
 					}, "backup"),
-					B === "backup" && (!I.tunnelUrl || !I.agentApiKey) && /* @__PURE__ */ D(T.div, {
+					B === "backup" && (!F.tunnelUrl || !F.agentApiKey) && /* @__PURE__ */ T(C.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1697,21 +1728,21 @@ function at() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ O(d, {
+						children: /* @__PURE__ */ E(u, {
 							className: "p-6 text-center text-text-secondary",
 							children: [
-								/* @__PURE__ */ D(Ne, { className: "w-8 h-8 mx-auto mb-2 text-text-muted" }),
-								/* @__PURE__ */ D("p", { children: j("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ T(ze, { className: "w-8 h-8 mx-auto mb-2 text-text-muted" }),
+								/* @__PURE__ */ T("p", { children: k("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
+								/* @__PURE__ */ T("p", {
 									className: "text-sm mt-1",
-									children: j("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
+									children: k("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
 								})
 							]
 						})
 					}, "backup-no-tunnel"),
 					R && (() => {
 						let e = z.data.find((e) => e.contribution.id === B);
-						return !e || !I ? null : /* @__PURE__ */ D(T.div, {
+						return !e || !F ? null : /* @__PURE__ */ T(C.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1726,14 +1757,14 @@ function at() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("div", {
+							children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ T("div", {
 								className: "p-0 h-[600px]",
-								children: /* @__PURE__ */ D(we, {
+								children: /* @__PURE__ */ T(je, {
 									contribution: e,
 									tunnel: e.tunnel,
 									restPaths: e.capabilities.restPaths.length > 0 ? e.capabilities.restPaths : [`/ui/${e.pluginKey}`],
-									context: { agentId: I.id },
-									agentId: I.id,
+									context: { agentId: F.id },
+									agentId: F.id,
 									profile: e.tunnel.profile,
 									theme: {
 										colorMode: "light",
@@ -1748,173 +1779,173 @@ function at() {
 					})()
 				]
 			}),
-			R && I && /* @__PURE__ */ D(Ce, {
-				isOpen: Ft,
-				onClose: () => It(!1),
+			R && F && /* @__PURE__ */ T(Ae, {
+				isOpen: Zt,
+				onClose: () => Qt(!1),
 				mountPoint: "agent.detailTab",
-				agentId: I.id,
+				agentId: F.id,
 				profile: L ?? "default",
 				onInstalled: () => {
 					z.refetch();
 				}
 			}),
-			mt && /* @__PURE__ */ D("div", {
+			Tt && /* @__PURE__ */ T("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-[100] p-4",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "bg-bg-surface rounded-lg w-full max-w-lg max-h-[90vh] flex flex-col",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T("div", {
 							className: "px-6 pt-6 pb-3 border-b border-border-default flex-shrink-0",
-							children: /* @__PURE__ */ O("h2", {
+							children: /* @__PURE__ */ E("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: [
-									j("agentDetails.configure", "Configure"),
+									k("agentDetails.configure", "Configure"),
 									" ",
-									I.name
+									F.name
 								]
 							})
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							className: "px-6 py-4 overflow-y-auto flex-1",
-							children: [gt && /* @__PURE__ */ D("div", {
+							children: [Dt && /* @__PURE__ */ T("div", {
 								className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-								children: gt
-							}), /* @__PURE__ */ O("div", {
+								children: Dt
+							}), /* @__PURE__ */ E("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: j("webhooks.name", "Name")
-									}), /* @__PURE__ */ D("input", {
-										ref: Ct,
+										children: k("webhooks.name", "Name")
+									}), /* @__PURE__ */ T("input", {
+										ref: Nt,
 										type: "text",
-										defaultValue: I.name,
+										defaultValue: F.name,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 									})] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: j("analytics.platform", "Platform")
-									}), /* @__PURE__ */ D("input", {
+										children: k("analytics.platform", "Platform")
+									}), /* @__PURE__ */ T("input", {
 										type: "text",
-										value: `${I.platform} / ${I.architecture}`,
+										value: `${F.platform} / ${F.architecture}`,
 										disabled: !0,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
 									})] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: j("agentDetails.version", "Version")
-									}), /* @__PURE__ */ D("input", {
+										children: k("agentDetails.version", "Version")
+									}), /* @__PURE__ */ T("input", {
 										type: "text",
-										value: I.version,
+										value: F.version,
 										disabled: !0,
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
 									})] }),
-									/* @__PURE__ */ O("div", { children: [
-										/* @__PURE__ */ D("label", {
+									/* @__PURE__ */ E("div", { children: [
+										/* @__PURE__ */ T("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: j("agentDetails.tunnelUrl", "Tunnel URL")
+											children: k("agentDetails.tunnelUrl", "Tunnel URL")
 										}),
-										/* @__PURE__ */ D("input", {
-											ref: wt,
+										/* @__PURE__ */ T("input", {
+											ref: Pt,
 											type: "text",
-											defaultValue: I.tunnelUrl ?? "",
-											placeholder: j("agentDetails.tunnelUrlPlaceholder", "https://xxx.trycloudflare.com"),
+											defaultValue: F.tunnelUrl ?? "",
+											placeholder: k("agentDetails.tunnelUrlPlaceholder", "https://xxx.trycloudflare.com"),
 											className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
 										}),
-										/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ T("p", {
 											className: "mt-1 text-xs text-text-muted",
-											children: j("agentDetails.tunnelUrlHint", "The public URL for accessing this agent remotely. Auto-updates when gateway auth is configured.")
+											children: k("agentDetails.tunnelUrlHint", "The public URL for accessing this agent remotely. Auto-updates when gateway auth is configured.")
 										})
 									] }),
-									/* @__PURE__ */ O("div", { children: [
-										/* @__PURE__ */ D("label", {
+									/* @__PURE__ */ E("div", { children: [
+										/* @__PURE__ */ T("label", {
 											className: "block text-sm font-medium text-text-primary mb-1",
-											children: j("agentDetails.agentApiKey", "Agent API Key")
+											children: k("agentDetails.agentApiKey", "Agent API Key")
 										}),
-										/* @__PURE__ */ D("input", {
-											ref: Tt,
+										/* @__PURE__ */ T("input", {
+											ref: Ft,
 											type: "text",
-											defaultValue: I.agentApiKey ?? "",
-											placeholder: j("agentDetails.agentApiKeyPlaceholder", "sk-agent-..."),
+											defaultValue: F.agentApiKey ?? "",
+											placeholder: k("agentDetails.agentApiKeyPlaceholder", "sk-agent-..."),
 											className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary font-mono text-sm"
 										}),
-										/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ T("p", {
 											className: "mt-1 text-xs text-text-muted",
-											children: j("agentDetails.agentApiKeyHint", "Used to authenticate requests to the agent. Leave empty to clear.")
+											children: k("agentDetails.agentApiKeyHint", "Used to authenticate requests to the agent. Leave empty to clear.")
 										})
 									] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
 										className: "flex items-center gap-1.5 mb-1",
-										children: [/* @__PURE__ */ D("label", {
+										children: [/* @__PURE__ */ T("label", {
 											className: "text-sm font-medium text-text-primary",
 											children: "AI Context"
-										}), /* @__PURE__ */ O("div", {
+										}), /* @__PURE__ */ E("div", {
 											className: "relative",
-											children: [/* @__PURE__ */ D("button", {
+											children: [/* @__PURE__ */ T("button", {
 												type: "button",
-												onClick: () => St((e) => !e),
+												onClick: () => Mt((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__ */ D(ze, { className: "w-3.5 h-3.5" })
-											}), xt && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
+												children: /* @__PURE__ */ T(Ge, { className: "w-3.5 h-3.5" })
+											}), jt && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
 												className: "fixed inset-0 z-10",
-												onClick: () => St(!1)
-											}), /* @__PURE__ */ O("div", {
+												onClick: () => Mt(!1)
+											}), /* @__PURE__ */ E("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: [
-													/* @__PURE__ */ D("p", {
+													/* @__PURE__ */ T("p", {
 														className: "font-semibold text-text-primary",
 														children: "What is AI Context?"
 													}),
-													/* @__PURE__ */ D("p", { children: "A short description (Markdown supported) that AI tools running on this agent will read to understand the environment — e.g. what the machine is for, what services it runs, or any constraints to follow." }),
-													/* @__PURE__ */ D("p", {
+													/* @__PURE__ */ T("p", { children: "A short description (Markdown supported) that AI tools running on this agent will read to understand the environment — e.g. what the machine is for, what services it runs, or any constraints to follow." }),
+													/* @__PURE__ */ T("p", {
 														className: "text-text-muted",
 														children: "Example: \"Production billing server. Do not modify files outside /src. Node 20, Docker installed.\""
 													})
 												]
 											})] })]
 										})]
-									}), /* @__PURE__ */ D("textarea", {
-										ref: Et,
-										defaultValue: I.aiContext ?? "",
+									}), /* @__PURE__ */ T("textarea", {
+										ref: It,
+										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.",
 										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm"
 									})] }),
-									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: j("agentDetails.metadataLabel", "Metadata (JSON)")
-									}), /* @__PURE__ */ D("textarea", {
-										ref: Dt,
-										defaultValue: I.metadata ? JSON.stringify(I.metadata, null, 2) : "{}",
+										children: k("agentDetails.metadataLabel", "Metadata (JSON)")
+									}), /* @__PURE__ */ T("textarea", {
+										ref: Lt,
+										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"
 									})] })
 								]
 							})]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							className: "px-6 py-4 border-t border-border-default flex-shrink-0 flex flex-wrap justify-end gap-3",
-							children: [/* @__PURE__ */ D("button", {
-								onClick: () => ht(!1),
-								disabled: _t,
+							children: [/* @__PURE__ */ T("button", {
+								onClick: () => Et(!1),
+								disabled: Ot,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-								children: j("common.cancel", "Cancel")
-							}), /* @__PURE__ */ D("button", {
-								onClick: pn,
-								disabled: _t,
+								children: k("common.cancel", "Cancel")
+							}), /* @__PURE__ */ T("button", {
+								onClick: An,
+								disabled: Ot,
 								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: _t ? j("agentDetails.saving", "Saving...") : j("agentDetails.saveConfiguration", "Save Configuration")
+								children: Ot ? k("agentDetails.saving", "Saving...") : k("agentDetails.saveConfiguration", "Save Configuration")
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ D(oe, {
-				isOpen: Kt,
-				onClose: () => qt(!1),
+			/* @__PURE__ */ T(le, {
+				isOpen: ln,
+				onClose: () => un(!1),
 				onConfirm: () => {
-					qt(!1), A("/billing");
+					un(!1), O("/billing");
 				},
 				title: "Plugin Install Quota Reached",
 				message: "You have used the plugin installation quota for your current plan. Upgrade to install more plugins."
@@ -1923,6 +1954,6 @@ function at() {
 	});
 }
 //#endregion
-export { at as AgentDetailsPage };
+export { ft as AgentDetailsPage };
 
 //# sourceMappingURL=AgentDetailsPage.js.map