@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/pages/AgentDetailsPage.js

@@ -1,236 +1,264 @@
-import { useAgentHeartbeatMutation as e, useAgentPluginsLazyQuery as t, useCheckSessionHealthMutation as n, useDeleteAgentMutation as r, useGetAgentQuery as i, useInstallAgentPluginMutation as a, useRemoveAgentPluginMutation as ee, useSetupAgentGatewayAuthMutation as te, useUpdateAgentMutation as ne } from "../generated/wspace-operations.js";
+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 c } from "../store/vibeControlsStore.js";
-import { PageHeader as re } from "../components/shared/PageHeader.js";
+import { useVibeControlsStore as ie } from "../store/vibeControlsStore.js";
+import { PageHeader as c } from "../components/shared/PageHeader.js";
 import { LoadingState as l } from "../components/shared/LoadingState.js";
-import { ErrorState as ie } from "../components/shared/ErrorState.js";
-import { QuotaExhaustedDialog as ae } from "../components/shared/QuotaExhaustedDialog.js";
-import { isQuotaExhaustedError as oe } from "../utils/quotaUtils.js";
-import { isNative as se, nativeCopyText as ce, nativeToast as le } from "../utils/nativeBridge.js";
-import { EmptyState as ue } from "../components/shared/EmptyState.js";
-import { StatusBadge as u } from "../components/shared/StatusBadge.js";
-import { Card as d } from "../components/shared/Card.js";
-import { EntityTagPicker as f } from "../components/shared/EntityTagPicker.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 { isNative as u, nativeCopyText as d, nativeToast as ce } from "../utils/nativeBridge.js";
+import { EmptyState as le } from "../components/shared/EmptyState.js";
+import { StatusBadge as f } from "../components/shared/StatusBadge.js";
+import { Card as p } from "../components/shared/Card.js";
+import { EntityTagPicker as ue } from "../components/shared/EntityTagPicker.js";
+import { useActiveAgentProfile as de } from "../hooks/useActiveAgentProfile.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as de } from "../constants/permissions.js";
+import { VIBE_PERMISSIONS as m } from "../constants/permissions.js";
 import { AgentBackupTab as fe } from "../components/agents/backup/AgentBackupTab.js";
-import { PluginUIPanel as p } from "../components/agents/PluginUIPanel.js";
-import { OpenInBrowserEditorButton as pe } from "../components/agents/OpenInBrowserEditorButton.js";
+import { AliasManager as pe } from "../components/aliases/AliasManager.js";
+import { PluginUIPanel as me } from "../components/agents/PluginUIPanel.js";
+import { OpenInBrowserEditorButton as he } from "../components/agents/OpenInBrowserEditorButton.js";
 import "../components/agents/index.js";
-import { LogViewer as me } from "../components/logs/LogViewer.js";
-import { NotesTabPanel as he } from "../components/notes/NotesTabPanel.js";
+import { LogViewer as ge } from "../components/logs/LogViewer.js";
+import { ProfilesPanel as _e } from "../components/agent-manager/ProfilesPanel.js";
+import "../components/agent-manager/index.js";
+import { NotesTabPanel as ve } from "../components/notes/NotesTabPanel.js";
 import "../components/notes/index.js";
-import { useQueryBackedTab as ge } from "../hooks/useQueryBackedTab.js";
-import { useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
-import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as v, Check as ve, CheckCircle2 as ye, Clock as be, Copy as xe, Cpu as Se, Database as Ce, Download as we, Eye as Te, EyeOff as Ee, FileText as De, HardDrive as Oe, Info as ke, Key as Ae, Link2 as y, Loader2 as b, Monitor as je, Play as Me, Puzzle as x, RefreshCw as Ne, ScrollText as Pe, Search as Fe, Server as S, Settings as Ie, Shield as Le, Square as Re, Tag as ze, Terminal as C, Trash2 as Be, Unlink as Ve, X as w, Zap as T } from "lucide-react";
-import { useParams as He } from "react-router-dom";
-import { usePermissions as Ue } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as We, motion as E } from "framer-motion";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { MotionPage as A } from "@burdenoff/fe-libs/shared/motion";
+import { useQueryBackedTab as ye } from "../hooks/useQueryBackedTab.js";
+import { useCallback as h, useEffect as g, useRef as _, useState as v } from "react";
+import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as y, Check as xe, CheckCircle2 as Se, Clock as Ce, Command as we, Copy as Te, Cpu as Ee, Database as De, Download as Oe, Eye as ke, EyeOff as Ae, FileText as je, HardDrive as Me, Info as b, Key as Ne, Link2 as x, Loader2 as S, Monitor as C, Play as Pe, Puzzle as w, RefreshCw as Fe, ScrollText as Ie, Search as Le, Server as Re, Settings as ze, Shield as Be, Square as Ve, Tag as He, Terminal as T, Trash2 as Ue, Unlink as We, Users as Ge, X as E, Zap as D } from "lucide-react";
+import { useParams as Ke } from "react-router-dom";
+import { usePermissions as qe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as Je, motion as O } from "framer-motion";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { MotionPage as M } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/AgentDetailsPage.tsx
-function Ge({ agent: e, onUpdate: t }) {
-	let { t: n } = _e(), [r] = ne(), [i] = te(), [a, ee] = _(!1), [o, s] = _(null), [c, re] = _(!1), [l, ie] = _(null), [ae, oe] = _(!1), [ue, u] = _(!1), [f, de] = _(!1), fe = !!(e.appId && e.appClientId), p = (e, t, r) => {
+function Ye({ agent: e, onUpdate: t }) {
+	let { t: n } = be(), [r] = re(), [i] = ne(), [a, ee] = v(!1), [te, o] = v(null), [s, ie] = v(!1), [c, l] = v(null), [ae, oe] = v(!1), [se, le] = v(!1), [f, ue] = v(!1), de = !!(e.appId && e.appClientId), m = (e, t, r) => {
 		let i = n(e, r), a = i === e ? t : i;
 		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), a) : a;
-	}, pe = e.metadata?.devportalApplicationId;
-	return /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+	}, fe = e.metadata?.devportalApplicationId, pe = async () => {
+		ee(!0), o(null);
+		try {
+			let { data: n } = await i({ variables: { input: { agentId: e.id } } }), r = n?.setupAgentGatewayAuth;
+			if (!r) throw Error(m("agentDetails.gatewayAuthNoResultError", "No result returned from setupAgentGatewayAuth"));
+			l(r.clientSecret), r.error && o(r.error), t();
+		} catch (e) {
+			o(e instanceof Error ? e.message : m("agentDetails.failedSetupGatewayAuth", "Failed to set up gateway auth"));
+		} finally {
+			ee(!1);
+		}
+	};
+	return /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 		className: "p-4 border-b border-border-default",
-		children: /* @__PURE__ */ k("h3", {
+		children: /* @__PURE__ */ j("h3", {
 			className: "font-semibold text-text-primary flex items-center gap-2",
-			children: [/* @__PURE__ */ O(Le, { className: "w-5 h-5" }), p("agentDetails.gatewayAuthTitle", "Gateway Auth (OAuth2)")]
+			children: [/* @__PURE__ */ A(Be, { className: "w-5 h-5" }), m("agentDetails.gatewayAuthTitle", "Gateway Auth (OAuth2)")]
 		})
-	}), /* @__PURE__ */ k("div", {
+	}), /* @__PURE__ */ j("div", {
 		className: "p-4 space-y-3",
-		children: [o && /* @__PURE__ */ k("div", {
+		children: [te && /* @__PURE__ */ j("div", {
 			className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 			children: [
-				/* @__PURE__ */ O(w, { className: "w-4 h-4 flex-shrink-0" }),
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ A(E, { className: "w-4 h-4 flex-shrink-0" }),
+				/* @__PURE__ */ A("span", {
 					className: "flex-1",
-					children: o
+					children: te
 				}),
-				/* @__PURE__ */ O("button", {
-					onClick: () => s(null),
+				/* @__PURE__ */ A("button", {
+					onClick: () => o(null),
 					className: "flex-shrink-0 p-0.5 hover:bg-status-error-text/10 rounded",
-					children: /* @__PURE__ */ O(w, { className: "w-3.5 h-3.5" })
+					children: /* @__PURE__ */ A(E, { className: "w-3.5 h-3.5" })
 				})
 			]
-		}), fe ? /* @__PURE__ */ k(D, { children: [
-			/* @__PURE__ */ k("div", {
+		}), de ? /* @__PURE__ */ j(k, { children: [
+			/* @__PURE__ */ j("div", {
 				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ A("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__ */ O(y, { className: "w-4 h-4 text-status-success-text" })
-				}), /* @__PURE__ */ k("div", {
+					children: /* @__PURE__ */ A(x, { className: "w-4 h-4 text-status-success-text" })
+				}), /* @__PURE__ */ j("div", {
 					className: "flex-1 min-w-0 space-y-2",
-					children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+					children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 						className: "text-sm font-medium text-text-primary",
-						children: p("agentDetails.linkedToOauthApp", "Linked to OAuth App")
-					}), /* @__PURE__ */ O("p", {
+						children: m("agentDetails.linkedToOauthApp", "Linked to OAuth App")
+					}), /* @__PURE__ */ A("p", {
 						className: "text-xs text-text-muted",
-						children: p("agentDetails.gatewayAuthLinkedDescription", "This agent can authenticate with the API gateway using Client Credentials.")
-					})] }), /* @__PURE__ */ k("div", {
+						children: m("agentDetails.gatewayAuthLinkedDescription", "This agent can authenticate with the API gateway using Client Credentials.")
+					})] }), /* @__PURE__ */ j("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 							className: "text-xs text-text-secondary mb-1",
-							children: p("agentDetails.clientId", "Client ID")
-						}), /* @__PURE__ */ k("div", {
+							children: m("agentDetails.clientId", "Client ID")
+						}), /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O("code", {
+							children: [/* @__PURE__ */ A("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__ */ O("button", {
+							}), /* @__PURE__ */ A("button", {
 								onClick: async () => {
 									if (e.appClientId) try {
-										await ce(e.appClientId), se() && le("Copied"), u(!0), setTimeout(() => u(!1), 2e3);
+										await d(e.appClientId), u() && ce("Copied"), le(!0), setTimeout(() => le(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								title: p("agentDetails.copyClientId", "Copy Client ID"),
-								children: ue ? /* @__PURE__ */ O(ve, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ O(xe, { className: "w-3.5 h-3.5 text-text-secondary" })
+								title: m("agentDetails.copyClientId", "Copy Client ID"),
+								children: se ? /* @__PURE__ */ A(xe, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ A(Te, { className: "w-3.5 h-3.5 text-text-secondary" })
 							})]
-						})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						})] }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 							className: "text-xs text-text-secondary mb-1",
-							children: p("agentDetails.appId", "App ID")
-						}), /* @__PURE__ */ O("code", {
+							children: m("agentDetails.appId", "App ID")
+						}), /* @__PURE__ */ A("code", {
 							className: "text-xs font-mono text-text-muted bg-bg-sunken px-2 py-1 rounded truncate block",
 							children: e.appId
 						})] })]
 					})]
 				})]
 			}),
-			l && /* @__PURE__ */ k("div", {
+			c && /* @__PURE__ */ j("div", {
 				className: "p-3 bg-status-warning-bg/20 border border-status-warning-text/20 rounded-lg space-y-2",
 				children: [
-					/* @__PURE__ */ O("p", {
+					/* @__PURE__ */ A("p", {
 						className: "text-sm font-medium text-status-warning-text",
-						children: p("agentDetails.clientSecretOneTimeTitle", "Client Secret (one-time display)")
+						children: m("agentDetails.clientSecretOneTimeTitle", "Client Secret (one-time display)")
 					}),
-					/* @__PURE__ */ O("p", {
+					/* @__PURE__ */ A("p", {
 						className: "text-xs text-text-secondary",
-						children: p("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: m("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__ */ k("div", {
+					/* @__PURE__ */ j("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ O("code", {
+							/* @__PURE__ */ A("code", {
 								className: "text-xs font-mono text-text-primary bg-bg-sunken px-2 py-1 rounded flex-1 truncate",
-								children: c ? l : "•".repeat(32)
+								children: s ? c : "•".repeat(32)
 							}),
-							/* @__PURE__ */ O("button", {
-								onClick: () => re(!c),
+							/* @__PURE__ */ A("button", {
+								onClick: () => ie(!s),
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: O(c ? Ee : Te, { className: "w-3.5 h-3.5 text-text-secondary" })
+								children: A(s ? Ae : ke, { className: "w-3.5 h-3.5 text-text-secondary" })
 							}),
-							/* @__PURE__ */ O("button", {
+							/* @__PURE__ */ A("button", {
 								onClick: async () => {
-									if (l) try {
-										await ce(l), se() && le("Secret copied"), oe(!0), setTimeout(() => oe(!1), 2e3);
+									if (c) try {
+										await d(c), u() && ce("Secret copied"), oe(!0), setTimeout(() => oe(!1), 2e3);
 									} catch {}
 								},
 								className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-								children: ae ? /* @__PURE__ */ O(ve, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ O(xe, { className: "w-3.5 h-3.5 text-text-secondary" })
+								children: ae ? /* @__PURE__ */ A(xe, { className: "w-3.5 h-3.5 text-status-success-text" }) : /* @__PURE__ */ A(Te, { className: "w-3.5 h-3.5 text-text-secondary" })
 							})
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2",
-				children: [pe && /* @__PURE__ */ k("a", {
-					href: `/devportal/apps/${pe}`,
-					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__ */ O(je, { className: "w-3 h-3" }), p("agentDetails.viewInDeveloperPortal", "View in Developer Portal")]
-				}), /* @__PURE__ */ k("button", {
-					onClick: async () => {
-						if (window.confirm(p("agentDetails.confirmUnlinkOauthApp", "Remove the linked OAuth app from this agent? The app will still exist in auth-svc."))) {
-							de(!0), s(null);
-							try {
-								await r({ variables: {
-									id: e.id,
-									input: {
-										appId: null,
-										appClientId: null
-									}
-								} }), ie(null), t();
-							} catch (e) {
-								s(e instanceof Error ? e.message : p("agentDetails.failedUnlinkApp", "Failed to unlink app"));
-							} finally {
-								de(!1);
+				children: [
+					fe && /* @__PURE__ */ j("a", {
+						href: `/devportal/apps/${fe}`,
+						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__ */ A(C, { className: "w-3 h-3" }), m("agentDetails.viewInDeveloperPortal", "View in Developer Portal")]
+					}),
+					/* @__PURE__ */ j("button", {
+						onClick: pe,
+						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: m("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__ */ A(S, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ A(Fe, { className: "w-3 h-3" }), m("agentDetails.repushCredentials", "Re-push credentials")]
+					}),
+					/* @__PURE__ */ j("button", {
+						onClick: async () => {
+							if (window.confirm(m("agentDetails.confirmUnlinkOauthApp", "Remove the linked OAuth app from this agent? The app will still exist in auth-svc."))) {
+								ue(!0), o(null);
+								try {
+									await r({ variables: {
+										id: e.id,
+										input: {
+											appId: null,
+											appClientId: null
+										}
+									} }), l(null), t();
+								} catch (e) {
+									o(e instanceof Error ? e.message : m("agentDetails.failedUnlinkApp", "Failed to unlink app"));
+								} finally {
+									ue(!1);
+								}
 							}
-						}
-					},
-					disabled: f,
-					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: [f ? /* @__PURE__ */ O(b, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ O(Ve, { className: "w-3 h-3" }), p("agentDetails.unlinkApp", "Unlink App")]
-				})]
+						},
+						disabled: f,
+						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: [f ? /* @__PURE__ */ A(S, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ A(We, { className: "w-3 h-3" }), m("agentDetails.unlinkApp", "Unlink App")]
+					})
+				]
 			})
-		] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+		] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ O("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "w-8 h-8 rounded-lg bg-bg-sunken flex items-center justify-center flex-shrink-0 mt-0.5",
-				children: /* @__PURE__ */ O(Le, { className: "w-4 h-4 text-text-muted" })
-			}), /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ A(Be, { className: "w-4 h-4 text-text-muted" })
+			}), /* @__PURE__ */ j("div", {
 				className: "flex-1",
-				children: [/* @__PURE__ */ O("p", {
+				children: [/* @__PURE__ */ A("p", {
 					className: "text-sm font-medium text-text-primary",
-					children: p("agentDetails.noOauthAppLinked", "No OAuth App Linked")
-				}), /* @__PURE__ */ O("p", {
+					children: m("agentDetails.noOauthAppLinked", "No OAuth App Linked")
+				}), /* @__PURE__ */ A("p", {
 					className: "text-xs text-text-muted mt-0.5",
-					children: p("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: m("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__ */ O("button", {
-			onClick: async () => {
-				ee(!0), s(null);
-				try {
-					let { data: n } = await i({ variables: { input: { agentId: e.id } } }), r = n?.setupAgentGatewayAuth;
-					if (!r) throw Error(p("agentDetails.gatewayAuthNoResultError", "No result returned from setupAgentGatewayAuth"));
-					ie(r.clientSecret), r.error && s(r.error), t();
-				} catch (e) {
-					s(e instanceof Error ? e.message : p("agentDetails.failedSetupGatewayAuth", "Failed to set up gateway auth"));
-				} finally {
-					ee(!1);
-				}
-			},
+		}), /* @__PURE__ */ A("button", {
+			onClick: pe,
 			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__ */ k(D, { children: [/* @__PURE__ */ O(b, { className: "w-4 h-4 animate-spin" }), p("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(y, { className: "w-4 h-4" }), p("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
+			children: a ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(S, { className: "w-4 h-4 animate-spin" }), m("agentDetails.settingUp", "Setting up...")] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(x, { className: "w-4 h-4" }), m("agentDetails.setupGatewayAuth", "Setup Gateway Auth")] })
 		})] })]
 	})] });
 }
-function j() {
-	let { t: te } = _e(), { id: y } = He(), { basePath: Ve } = o(), j = Ve || "", M = s(), { hasPermission: Ke, isLoading: qe } = Ue(), N = m((e, t, n) => {
-		let r = te(e, n), i = r === e ? t : r;
+function Xe() {
+	let { t: ne } = be(), { id: x } = Ke(), { basePath: We } = o(), Xe = We || "", N = s(), { hasPermission: Ze, isLoading: Qe } = qe(), P = h((e, t, n) => {
+		let r = ne(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [te]), [Je] = e({ refetchQueries: ["GetAgent"] }), [Ye] = ne({ refetchQueries: ["GetAgent"] }), [Xe] = r(), [Ze] = n({ refetchQueries: ["GetAgent"] }), Qe = c((e) => e.setActiveAgentId);
-	h(() => {
-		y && Qe(y);
-	}, [y, Qe]);
-	let [P, $e] = ge([
+	}, [ne]), [$e] = e({ refetchQueries: ["GetAgent"] }), [et] = re({ refetchQueries: ["GetAgent"] }), [tt] = r(), [nt] = n({ refetchQueries: ["GetAgent"] }), rt = ie((e) => e.setActiveAgentId);
+	g(() => {
+		x && rt(x);
+	}, [x, rt]);
+	let [F, it] = ye([
 		"overview",
+		"profiles",
 		"security",
 		"plugins",
 		"sessions",
 		"logs",
 		"vibes",
 		"notes",
+		"aliases",
 		"backup"
-	], "overview"), [et, F] = _(!1), [tt, I] = _(null), [L, nt] = _(!1), [rt, it] = _(null), [at, ot] = _(!1), st = g(null), ct = g(null), lt = g(null), ut = g(null), dt = g(null), [R, ft] = _(!1), [pt, mt] = _(!1), { data: ht, loading: z, error: gt, refetch: _t } = i({
-		variables: { id: y || "" },
-		skip: !y,
+	], "overview"), [at, ot] = v(!1), [st, I] = v(null), [ct, lt] = v(!1), [ut, dt] = v(null), [ft, pt] = v(!1), mt = _(null), ht = _(null), gt = _(null), _t = _(null), vt = _(null), [L, yt] = v(!1), [bt, xt] = v(!1), { data: St, loading: Ct, error: wt, refetch: R } = i({
+		variables: { id: x || "" },
+		skip: !x,
 		fetchPolicy: "cache-and-network"
-	}), B = ht?.vibecontrolsAgent, vt = g(!1);
-	h(() => {
-		B && !vt.current && (vt.current = !0, Ze().catch(() => {}));
-	}, [B, Ze]);
-	let [V, yt] = _([]), [bt, xt] = _([]), [St, Ct] = _(!0), [H, U] = _(null), [wt, W] = _(null), [Tt, Et] = _(!1), Dt = g(!1), [G, K] = _("installed"), [q, Ot] = _(""), [J, kt] = _([]), [At, jt] = _(!1), [Mt, Nt] = _(null), [Y, Pt] = _(null), [Ft] = t(), [It] = a(), [Lt] = ee(), X = m(async () => {
-		if (B?.id) {
-			Ct(!0), W(null);
+	}), z = St?.vibecontrolsAgent, { active: Tt } = de(z?.id ?? null), Et = _(!1);
+	g(() => {
+		z && !Et.current && (Et.current = !0, nt().catch(() => {}));
+	}, [z, nt]);
+	let [Dt] = ee(), Ot = _(!1);
+	g(() => {
+		if (!z || Ot.current) return;
+		let e = !!(z.appId && z.appClientId), t = !!(z.tunnelUrl && z.agentApiKey);
+		!e || !t || (Ot.current = !0, Dt({ variables: { input: { agentId: z.id } } }).then(() => {
+			R().catch(() => {});
+		}).catch(() => {}));
+	}, [
+		z,
+		Dt,
+		R
+	]);
+	let [B, kt] = v([]), [At, jt] = v([]), [Mt, Nt] = v(!0), [V, H] = v(null), [Pt, U] = v(null), [Ft, It] = v(!1), Lt = _(!1), [W, G] = v("installed"), [K, Rt] = v(""), [q, zt] = v([]), [Bt, Vt] = v(!1), [Ht, Ut] = v(null), [J, Wt] = v(null), [Gt] = t(), [Kt] = a(), [qt] = te(), Y = h(async () => {
+		if (z?.id) {
+			Nt(!0), U(null);
 			try {
-				let { data: e } = await Ft({ variables: { agentId: B.id } }), t = e?.agentPlugins;
+				let { data: e } = await Gt({ variables: { agentId: z.id } }), t = e?.agentPlugins;
 				if (t) {
 					let e = (t.installed || []).map((e) => ({
 						packageName: e.packageName,
@@ -257,66 +285,66 @@ function j() {
 						tags: [...e.tags],
 						installed: e.installed
 					}));
-					yt(e), xt(n), t.error && W(t.error);
+					kt(e), jt(n), t.error && U(t.error);
 				}
 			} catch {
-				W("Agent unreachable — unable to fetch plugin list");
+				U("Agent unreachable — unable to fetch plugin list");
 			} finally {
-				Ct(!1);
+				Nt(!1);
 			}
 		}
-	}, [B?.id, Ft]);
-	h(() => {
-		B?.id && !Dt.current && (Dt.current = !0, X());
-	}, [B?.id, X]);
-	let Rt = m(async (e) => {
-		if (B?.id) {
-			U(e);
+	}, [z?.id, Gt]);
+	g(() => {
+		z?.id && !Lt.current && (Lt.current = !0, Y());
+	}, [z?.id, Y]);
+	let Jt = h(async (e) => {
+		if (z?.id) {
+			H(e);
 			try {
-				let { data: t } = await It({ variables: {
-					agentId: B.id,
+				let { data: t } = await Kt({ variables: {
+					agentId: z.id,
 					packageName: e
 				} });
-				if (t?.installAgentPlugin?.success) await X();
-				else throw Error(t?.installAgentPlugin?.error || N("agentDetails.installFailed", "Install failed"));
+				if (t?.installAgentPlugin?.success) await Y();
+				else throw Error(t?.installAgentPlugin?.error || P("agentDetails.installFailed", "Install failed"));
 			} catch (e) {
-				if (oe(e)) {
-					Et(!0);
+				if (se(e)) {
+					It(!0);
 					return;
 				}
-				W(e instanceof Error ? e.message : N("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => W(null), 5e3);
+				U(e instanceof Error ? e.message : P("agentDetails.pluginInstallFailed", "Failed to install plugin")), setTimeout(() => U(null), 5e3);
 			} finally {
-				U(null);
+				H(null);
 			}
 		}
 	}, [
-		B?.id,
-		It,
-		X,
-		N
-	]), zt = m(async (e) => {
-		if (B?.id && window.confirm(N("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: e }))) {
-			U(e);
+		z?.id,
+		Kt,
+		Y,
+		P
+	]), Yt = h(async (e) => {
+		if (z?.id && window.confirm(P("agentDetails.removePluginConfirm", "Remove plugin {{packageName}}?", { packageName: e }))) {
+			H(e);
 			try {
-				let { data: t } = await Lt({ variables: {
-					agentId: B.id,
+				let { data: t } = await qt({ variables: {
+					agentId: z.id,
 					packageName: e
 				} });
-				if (t?.removeAgentPlugin?.success) await X();
-				else throw Error(t?.removeAgentPlugin?.error || N("agentDetails.removeFailed", "Remove failed"));
+				if (t?.removeAgentPlugin?.success) await Y();
+				else throw Error(t?.removeAgentPlugin?.error || P("agentDetails.removeFailed", "Remove failed"));
 			} catch (e) {
-				W(e instanceof Error ? e.message : N("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => W(null), 5e3);
+				U(e instanceof Error ? e.message : P("agentDetails.pluginRemoveFailed", "Failed to remove plugin")), setTimeout(() => U(null), 5e3);
 			} finally {
-				U(null);
+				H(null);
 			}
 		}
 	}, [
-		B?.id,
-		Lt,
-		X,
-		N
-	]), Z = B?.sessions || [], Q = B?.vibes || [], Bt = m(async () => {
-		jt(!0), Nt(null);
+		z?.id,
+		qt,
+		Y,
+		P
+	]), X = z?.sessions || [], Z = z?.vibes || [], Xt = h(async () => {
+		Vt(!0), Ut(null);
 		try {
 			let e = await (await fetch(typeof window < "u" && window.__BURDENOFF_GLOBAL_GATEWAY__ || "/global/graphql", {
 				method: "POST",
@@ -325,29 +353,29 @@ function j() {
 				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");
-			kt((e.data?.myEntitlements ?? []).filter((e) => {
+			zt((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) {
-			Nt(e instanceof Error ? e.message : "Failed to load store plugins");
+			Ut(e instanceof Error ? e.message : "Failed to load store plugins");
 		} finally {
-			jt(!1);
+			Vt(!1);
 		}
 	}, []);
-	h(() => {
-		G === "store" && J.length === 0 && !At && Bt();
+	g(() => {
+		W === "store" && q.length === 0 && !Bt && Xt();
 	}, [
-		G,
-		J.length,
-		At,
-		Bt
+		W,
+		q.length,
+		Bt,
+		Xt
 	]);
-	let Vt = m(async (e, t) => {
-		if (B?.id) {
-			Pt(e);
+	let Zt = h(async (e, t) => {
+		if (z?.id) {
+			Wt(e);
 			try {
 				let n = await (await fetch(typeof window < "u" && window.__BURDENOFF_WSPACE_GATEWAY__ || "/workspaces/graphql", {
 					method: "POST",
@@ -356,7 +384,7 @@ function j() {
 					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: B.id,
+							agentId: z.id,
 							productId: e,
 							licenseKey: t
 						}
@@ -365,83 +393,83 @@ function j() {
 				if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Install failed");
 				let r = n.data?.installStorePluginOnAgent;
 				if (!r?.success) throw Error(r?.error ?? "Install failed");
-				await X(), K("installed");
+				await Y(), G("installed");
 			} catch (e) {
-				Nt(e instanceof Error ? e.message : "Install failed");
+				Ut(e instanceof Error ? e.message : "Install failed");
 			} finally {
-				Pt(null);
+				Wt(null);
 			}
 		}
-	}, [B?.id, X]);
-	if (h(() => {
-		if (typeof window > "u" || !B?.id) return;
+	}, [z?.id, Y]);
+	if (g(() => {
+		if (typeof window > "u" || !z?.id) return;
 		let e = new URLSearchParams(window.location.search), t = e.get("install"), n = e.get("licenseKey");
-		if (t && t !== Y) {
-			K("store"), Vt(t, n);
+		if (t && t !== J) {
+			G("store"), Zt(t, n);
 			let e = new URL(window.location.href);
 			e.searchParams.delete("install"), e.searchParams.delete("licenseKey"), window.history.replaceState({}, "", e.toString());
 		}
 	}, [
-		B?.id,
-		Vt,
-		Y
-	]), qe) return /* @__PURE__ */ O("div", {
+		z?.id,
+		Zt,
+		J
+	]), Qe) return /* @__PURE__ */ A("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ O("p", {
+		children: /* @__PURE__ */ A("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions..."
 		})
 	});
-	if (!Ke(de.AGENT_READ)) return /* @__PURE__ */ O("div", {
+	if (!Ze(m.AGENT_READ)) return /* @__PURE__ */ A("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ j("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ O("h2", {
+			children: [/* @__PURE__ */ A("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: "Access Denied"
-			}), /* @__PURE__ */ O("p", {
+			}), /* @__PURE__ */ A("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
 		})
 	});
-	let $ = () => {
-		M("/agents");
-	}, Ht = async () => {
-		if (B?.id) try {
-			await Je({ variables: { id: B.id } });
+	let Q = () => {
+		N("/agents");
+	}, Qt = async () => {
+		if (z?.id) try {
+			await $e({ variables: { id: z.id } });
 		} catch (e) {
 			console.error("Failed to start agent:", e);
 		}
-	}, Ut = async () => {
-		if (B?.id) try {
-			await Ye({ variables: {
-				id: B.id,
+	}, $t = async () => {
+		if (z?.id) try {
+			await et({ variables: {
+				id: z.id,
 				input: { metadata: { status: "inactive" } }
 			} });
 		} catch (e) {
 			console.error("Failed to stop agent:", e);
 		}
-	}, Wt = () => {
-		I(null), F(!0);
-	}, Gt = async () => {
-		if (!B?.id) return;
-		let e = st.current?.value?.trim(), t = ct.current?.value?.trim(), n = lt.current?.value?.trim(), r = ut.current?.value?.trim(), i = dt.current?.value?.trim();
+	}, en = () => {
+		I(null), ot(!0);
+	}, tn = async () => {
+		if (!z?.id) return;
+		let e = mt.current?.value?.trim(), t = ht.current?.value?.trim(), n = gt.current?.value?.trim(), r = _t.current?.value?.trim(), i = vt.current?.value?.trim();
 		if (!e) {
-			I(N("agentDetails.agentNameRequired", "Agent name is required"));
+			I(P("agentDetails.agentNameRequired", "Agent name is required"));
 			return;
 		}
 		let a;
 		if (i) try {
 			a = JSON.parse(i);
 		} catch {
-			I(N("agentDetails.metadataJsonRequired", "Metadata must be valid JSON"));
+			I(P("agentDetails.metadataJsonRequired", "Metadata must be valid JSON"));
 			return;
 		}
-		nt(!0), I(null);
+		lt(!0), I(null);
 		try {
-			await Ye({ variables: {
-				id: B.id,
+			await et({ variables: {
+				id: z.id,
 				input: {
 					name: e,
 					...t === void 0 ? {} : { tunnelUrl: t || null },
@@ -449,263 +477,274 @@ function j() {
 					aiContext: r || null,
 					metadata: a
 				}
-			} }), F(!1), it(N("agentDetails.configurationUpdated", "Agent configuration updated successfully")), setTimeout(() => it(null), 3e3);
+			} }), ot(!1), dt(P("agentDetails.configurationUpdated", "Agent configuration updated successfully")), setTimeout(() => dt(null), 3e3);
 		} catch (e) {
-			I(e instanceof Error ? e.message : N("agentDetails.configurationUpdateFailed", "Failed to update agent configuration"));
+			I(e instanceof Error ? e.message : P("agentDetails.configurationUpdateFailed", "Failed to update agent configuration"));
 		} finally {
-			nt(!1);
+			lt(!1);
 		}
-	}, Kt = async () => {
-		if (B?.agentApiKey) try {
-			await ce(B.agentApiKey), se() && le("API key copied"), mt(!0), setTimeout(() => mt(!1), 2e3);
+	}, nn = async () => {
+		if (z?.agentApiKey) try {
+			await d(z.agentApiKey), u() && ce("API key copied"), xt(!0), setTimeout(() => xt(!1), 2e3);
 		} catch {
 			console.error("Failed to copy API key");
 		}
-	}, qt = async () => {
-		if (B?.id && window.confirm(N("agentDetails.removeAgentConfirm", "Are you sure you want to remove agent \"{{name}}\"?", { name: B.name }))) try {
-			await Xe({ variables: { id: B.id } }), $();
+	}, rn = async () => {
+		if (z?.id && window.confirm(P("agentDetails.removeAgentConfirm", "Are you sure you want to remove agent \"{{name}}\"?", { name: z.name }))) try {
+			await tt({ variables: { id: z.id } }), Q();
 		} catch (e) {
 			console.error("Failed to remove agent:", e);
 		}
-	}, Jt = (e) => {
-		M(`/sessions/${e}`);
-	}, Yt = (e) => {
-		M(`/vibes/${e}`);
-	}, Xt = (e) => {
-		if (!e) return N("health.never", "Never");
+	}, an = (e) => {
+		N(`/sessions/${e}`);
+	}, on = (e) => {
+		N(`/vibes/${e}`);
+	}, $ = (e) => {
+		if (!e) return P("health.never", "Never");
 		let t = Date.now() - new Date(e).getTime();
-		return t < 6e4 ? N("health.justNow", "Just now") : t < 36e5 ? N("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? N("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
+		return t < 6e4 ? P("health.justNow", "Just now") : t < 36e5 ? P("agentDetails.minutesAgo", "{{count}}m ago", { count: Math.floor(t / 6e4) }) : t < 864e5 ? P("agentDetails.hoursAgo", "{{count}}h ago", { count: Math.floor(t / 36e5) }) : new Date(e).toLocaleDateString();
 	};
-	if (z && !B) return /* @__PURE__ */ k(A, {
+	if (Ct && !z) return /* @__PURE__ */ j(M, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ k("button", {
-			onClick: $,
+		children: [/* @__PURE__ */ j("button", {
+			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ O(v, { className: "w-4 h-4" }), N("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ O(l, { message: N("agentDetails.loadingDetails", "Loading agent details...") })]
+			children: [/* @__PURE__ */ A(y, { className: "w-4 h-4" }), P("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ A(l, { message: P("agentDetails.loadingDetails", "Loading agent details...") })]
 	});
-	if (gt && !B) return /* @__PURE__ */ k(A, {
+	if (wt && !z) return /* @__PURE__ */ j(M, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ k("button", {
-			onClick: $,
+		children: [/* @__PURE__ */ j("button", {
+			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ O(v, { className: "w-4 h-4" }), N("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ O(ie, {
-			title: N("agentDetails.failedLoad", "Failed to load agent"),
-			message: gt.message,
-			onRetry: () => _t()
+			children: [/* @__PURE__ */ A(y, { className: "w-4 h-4" }), P("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ A(ae, {
+			title: P("agentDetails.failedLoad", "Failed to load agent"),
+			message: wt.message,
+			onRetry: () => R()
 		})]
 	});
-	if (!B) return /* @__PURE__ */ k(A, {
+	if (!z) return /* @__PURE__ */ j(M, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ k("button", {
-			onClick: $,
+		children: [/* @__PURE__ */ j("button", {
+			onClick: Q,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ O(v, { className: "w-4 h-4" }), N("agentDetails.backToAgents", "Back to Agents")]
-		}), /* @__PURE__ */ O(ue, {
-			icon: /* @__PURE__ */ O(S, { className: "w-8 h-8 text-text-secondary" }),
-			title: N("agentDetails.notFound", "Agent not found"),
-			description: `${N("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${y}" ${N("agentDetails.notFoundDescriptionSuffix", "exists")}`,
-			action: /* @__PURE__ */ O("button", {
-				onClick: $,
+			children: [/* @__PURE__ */ A(y, { className: "w-4 h-4" }), P("agentDetails.backToAgents", "Back to Agents")]
+		}), /* @__PURE__ */ A(le, {
+			icon: /* @__PURE__ */ A(Re, { className: "w-8 h-8 text-text-secondary" }),
+			title: P("agentDetails.notFound", "Agent not found"),
+			description: `${P("agentDetails.notFoundDescriptionPrefix", "No agent with ID")} "${x}" ${P("agentDetails.notFoundDescriptionSuffix", "exists")}`,
+			action: /* @__PURE__ */ A("button", {
+				onClick: Q,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-				children: N("agentDetails.backToAgents", "Back to Agents")
+				children: P("agentDetails.backToAgents", "Back to Agents")
 			})
 		})]
 	});
-	let Zt = [
+	let sn = [
 		{
 			id: "overview",
-			label: N("nav.overview", "Overview"),
-			icon: S
+			label: P("nav.overview", "Overview"),
+			icon: Re
+		},
+		{
+			id: "profiles",
+			label: P("agentDetails.profiles", "Profiles"),
+			icon: Ge
 		},
 		{
 			id: "security",
-			label: N("agentDetails.security", "Security"),
-			icon: Le
+			label: P("agentDetails.security", "Security"),
+			icon: Be
 		},
 		{
 			id: "plugins",
-			label: N("agentDetails.plugins", "Plugins"),
-			icon: x,
-			badge: `${V.length}`
+			label: P("agentDetails.plugins", "Plugins"),
+			icon: w,
+			badge: `${B.length}`
 		},
 		{
 			id: "sessions",
-			label: N("nav.sessions", "Sessions"),
-			icon: C,
-			badge: `${Z.length}`
+			label: P("nav.sessions", "Sessions"),
+			icon: T,
+			badge: `${X.length}`
 		},
 		{
 			id: "logs",
-			label: N("nav.logs", "Logs"),
-			icon: Pe
+			label: P("nav.logs", "Logs"),
+			icon: Ie
 		},
 		{
 			id: "vibes",
-			label: N("nav.vibes", "Vibes"),
-			icon: T,
-			badge: `${Q.length}`
+			label: P("nav.vibes", "Vibes"),
+			icon: D,
+			badge: `${Z.length}`
 		},
 		{
 			id: "notes",
-			label: N("vibeDetails.notes", "Notes"),
-			icon: De
+			label: P("vibeDetails.notes", "Notes"),
+			icon: je
+		},
+		{
+			id: "aliases",
+			label: P("agentDetails.aliases", "Aliases"),
+			icon: we
 		},
 		{
 			id: "backup",
-			label: N("agentDetails.backup", "Backup"),
-			icon: Ce
+			label: P("agentDetails.backup", "Backup"),
+			icon: De
 		}
-	], Qt = Z.filter((e) => e.status === "RUNNING").length;
-	return B?.tunnelUrl, /* @__PURE__ */ k(A, {
+	], cn = X.filter((e) => e.status === "RUNNING").length;
+	return z?.tunnelUrl, /* @__PURE__ */ j(M, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			rt && /* @__PURE__ */ O("div", {
+			ut && /* @__PURE__ */ A("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: rt
+				children: ut
 			}),
-			/* @__PURE__ */ k("button", {
-				onClick: $,
+			/* @__PURE__ */ j("button", {
+				onClick: Q,
 				className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ O(v, { className: "w-4 h-4" }), N("agentDetails.backToAgents", "Back to Agents")]
+				children: [/* @__PURE__ */ A(y, { className: "w-4 h-4" }), P("agentDetails.backToAgents", "Back to Agents")]
 			}),
-			/* @__PURE__ */ O(re, {
-				title: B.name,
-				description: B.hostname || N("agentDetails.noHostnameConfigured", "No hostname configured"),
+			/* @__PURE__ */ A(c, {
+				title: z.name,
+				description: z.hostname || P("agentDetails.noHostnameConfigured", "No hostname configured"),
 				breadcrumb: [{
-					label: N("nav.agents", "Agents"),
-					path: j ? `${j}/agents` : "/agents"
-				}, { label: B.name }],
-				actions: /* @__PURE__ */ k("div", {
+					label: P("nav.agents", "Agents"),
+					path: Xe ? `${Xe}/agents` : "/agents"
+				}, { label: z.name }],
+				actions: /* @__PURE__ */ j("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						/* @__PURE__ */ O("button", {
-							onClick: () => _t(),
-							disabled: z,
+						/* @__PURE__ */ A("button", {
+							onClick: () => R(),
+							disabled: Ct,
 							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: N("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ O(Ne, { className: `w-4 h-4 ${z ? "animate-spin" : ""}` })
+							title: P("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ A(Fe, { className: `w-4 h-4 ${Ct ? "animate-spin" : ""}` })
 						}),
-						B.isActive ? /* @__PURE__ */ k("button", {
-							onClick: Ut,
+						z.isActive ? /* @__PURE__ */ j("button", {
+							onClick: $t,
 							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__ */ O(Re, { className: "w-4 h-4" }), N("sessions.stop", "Stop")]
-						}) : /* @__PURE__ */ k("button", {
-							onClick: Ht,
+							children: [/* @__PURE__ */ A(Ve, { className: "w-4 h-4" }), P("sessions.stop", "Stop")]
+						}) : /* @__PURE__ */ j("button", {
+							onClick: Qt,
 							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__ */ O(Me, { className: "w-4 h-4" }), N("agentDetails.start", "Start")]
+							children: [/* @__PURE__ */ A(Pe, { className: "w-4 h-4" }), P("agentDetails.start", "Start")]
 						}),
-						/* @__PURE__ */ O(pe, {
-							tunnelUrl: B.tunnelUrl || null,
-							agentApiKey: B.agentApiKey || null
+						/* @__PURE__ */ A(he, {
+							tunnelUrl: z.tunnelUrl || null,
+							agentApiKey: z.agentApiKey || null,
+							profile: Tt
 						}),
-						/* @__PURE__ */ k("button", {
-							onClick: Wt,
+						/* @__PURE__ */ j("button", {
+							onClick: en,
 							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__ */ O(Ie, { className: "w-4 h-4" }), N("agentDetails.configure", "Configure")]
+							children: [/* @__PURE__ */ A(ze, { className: "w-4 h-4" }), P("agentDetails.configure", "Configure")]
 						}),
-						/* @__PURE__ */ k("button", {
-							onClick: qt,
+						/* @__PURE__ */ j("button", {
+							onClick: rn,
 							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__ */ O(Be, { className: "w-4 h-4" }), N("sessions.remove", "Remove")]
+							children: [/* @__PURE__ */ A(Ue, { className: "w-4 h-4" }), P("sessions.remove", "Remove")]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ O(d, {
+					/* @__PURE__ */ A(p, {
 						className: "p-4",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ A("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ O(S, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ A(Re, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 								className: "text-sm text-text-secondary",
-								children: N("sessions.filterStatus", "Status")
-							}), /* @__PURE__ */ O(u, {
-								status: B.isActive ? "ACTIVE" : "OFFLINE",
+								children: P("sessions.filterStatus", "Status")
+							}), /* @__PURE__ */ A(f, {
+								status: z.isActive ? "ACTIVE" : "OFFLINE",
 								size: "md"
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ O(d, {
+					/* @__PURE__ */ A(p, {
 						className: "p-4",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ A("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ O(Se, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ A(Ee, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 								className: "text-sm text-text-secondary",
-								children: N("analytics.platform", "Platform")
-							}), /* @__PURE__ */ k("p", {
+								children: P("analytics.platform", "Platform")
+							}), /* @__PURE__ */ j("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									B.platform,
+									z.platform,
 									"/",
-									B.architecture
+									z.architecture
 								]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ O(d, {
+					/* @__PURE__ */ A(p, {
 						className: "p-4",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ A("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ O(Oe, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ A(Me, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 								className: "text-sm text-text-secondary",
-								children: N("agentDetails.version", "Version")
-							}), /* @__PURE__ */ k("p", {
+								children: P("agentDetails.version", "Version")
+							}), /* @__PURE__ */ j("p", {
 								className: "font-semibold text-text-primary",
-								children: ["v", B.version]
+								children: ["v", z.version]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ O(d, {
+					/* @__PURE__ */ A(p, {
 						className: "p-4",
-						children: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ A("div", {
 								className: "w-10 h-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-								children: /* @__PURE__ */ O(C, { className: "w-5 h-5 text-text-secondary" })
-							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ A(T, { className: "w-5 h-5 text-text-secondary" })
+							}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 								className: "text-sm text-text-secondary",
-								children: N("nav.sessions", "Sessions")
-							}), /* @__PURE__ */ k("p", {
+								children: P("nav.sessions", "Sessions")
+							}), /* @__PURE__ */ j("p", {
 								className: "font-semibold text-text-primary",
 								children: [
-									Qt,
+									cn,
 									" ",
-									N("health.active", "active")
+									P("health.active", "active")
 								]
 							})] })]
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ A("div", {
 				className: "border-b border-border-default",
-				children: /* @__PURE__ */ O("nav", {
+				children: /* @__PURE__ */ A("nav", {
 					className: "flex gap-1 -mb-px overflow-x-auto pb-1",
-					"aria-label": N("agentDetails.tabsAriaLabel", "Agent tabs"),
-					children: Zt.map((e) => {
-						let t = e.icon, n = P === e.id;
-						return /* @__PURE__ */ k("button", {
-							onClick: () => $e(e.id),
+					"aria-label": P("agentDetails.tabsAriaLabel", "Agent tabs"),
+					children: sn.map((e) => {
+						let t = e.icon, n = F === e.id;
+						return /* @__PURE__ */ j("button", {
+							onClick: () => it(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__ */ O(t, { className: "w-4 h-4" }),
+								/* @__PURE__ */ A(t, { className: "w-4 h-4" }),
 								e.label,
-								e.badge && /* @__PURE__ */ O("span", {
+								e.badge && /* @__PURE__ */ A("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
 								})
@@ -714,10 +753,10 @@ function j() {
 					})
 				})
 			}),
-			/* @__PURE__ */ k(We, {
+			/* @__PURE__ */ j(Je, {
 				mode: "wait",
 				children: [
-					P === "overview" && /* @__PURE__ */ k(E.div, {
+					F === "overview" && /* @__PURE__ */ j(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -733,154 +772,158 @@ function j() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(ye, { className: "w-5 h-5" }), N("agentDetails.capabilities", "Capabilities")]
+									children: [/* @__PURE__ */ A(Se, { className: "w-5 h-5" }), P("agentDetails.capabilities", "Capabilities")]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ A("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ O("div", {
+								children: /* @__PURE__ */ A("div", {
 									className: "flex flex-wrap gap-2",
-									children: B.capabilities && typeof B.capabilities == "object" && (Array.isArray(B.capabilities) ? B.capabilities.length > 0 : Object.keys(B.capabilities).length > 0) ? (Array.isArray(B.capabilities) ? B.capabilities : (() => {
-										let e = B.capabilities, t = Object.keys(e);
+									children: z.capabilities && typeof z.capabilities == "object" && (Array.isArray(z.capabilities) ? z.capabilities.length > 0 : Object.keys(z.capabilities).length > 0) ? (Array.isArray(z.capabilities) ? z.capabilities : (() => {
+										let e = z.capabilities, t = Object.keys(e);
 										return t.length > 0 && t.every((e) => /^\d+$/.test(e)) ? Object.values(e) : t;
-									})()).map((e) => /* @__PURE__ */ O("span", {
+									})()).map((e) => /* @__PURE__ */ A("span", {
 										className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full",
 										children: e
-									}, e)) : /* @__PURE__ */ O("p", {
+									}, e)) : /* @__PURE__ */ A("p", {
 										className: "text-text-secondary",
-										children: N("agentDetails.noCapabilitiesConfigured", "No capabilities configured")
+										children: P("agentDetails.noCapabilitiesConfigured", "No capabilities configured")
 									})
 								})
 							})] }),
-							/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(ze, { className: "w-5 h-5" }), "Tags"]
+									children: [/* @__PURE__ */ A(He, { className: "w-5 h-5" }), "Tags"]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ A("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ O(f, {
+								children: /* @__PURE__ */ A(ue, {
 									entityType: "VIBECONTROLS_AGENT",
-									entityId: B.id
+									entityId: z.id
 								})
 							})] }),
-							B.tunnelUrl && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							z.tunnelUrl && /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(T, { className: "w-5 h-5" }), N("health.tunnel", "Tunnel")]
+									children: [/* @__PURE__ */ A(D, { className: "w-5 h-5" }), P("health.tunnel", "Tunnel")]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ A("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ k("div", {
-									className: "flex flex-col sm:flex-row sm:items-center gap-4",
-									children: [/* @__PURE__ */ k("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ O("p", {
-											className: "text-sm text-text-secondary mb-1",
-											children: N("agentDetails.tunnelUrl", "Tunnel URL")
-										}), /* @__PURE__ */ O("a", {
-											href: B.tunnelUrl,
-											target: "_blank",
-											rel: "noopener noreferrer",
-											className: "text-action-primary-text hover:underline break-all",
-											children: B.tunnelUrl
-										})]
-									}), B.tunnelStatus && /* @__PURE__ */ k("div", {
-										className: "flex-shrink-0",
-										children: [/* @__PURE__ */ O("p", {
-											className: "text-sm text-text-secondary mb-1",
-											children: N("sessions.filterStatus", "Status")
-										}), /* @__PURE__ */ O("span", {
-											className: `px-2 py-1 text-xs rounded-full ${B.tunnelStatus === "CONNECTED" || B.tunnelStatus === "ACTIVE" ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary"}`,
-											children: B.tunnelStatus
-										})]
+								children: /* @__PURE__ */ j("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ A("p", {
+										className: "text-sm text-text-secondary mb-1",
+										children: P("agentDetails.tunnelUrl", "Tunnel URL")
+									}), /* @__PURE__ */ A("a", {
+										href: z.tunnelUrl,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "text-action-primary-text hover:underline break-all",
+										children: z.tunnelUrl
 									})]
 								})
 							})] }),
-							/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(Ie, { className: "w-5 h-5" }), N("agentDetails.configuration", "Configuration")]
+									children: [/* @__PURE__ */ A(ze, { className: "w-5 h-5" }), P("agentDetails.configuration", "Configuration")]
 								})
-							}), /* @__PURE__ */ k("div", {
+							}), /* @__PURE__ */ j("div", {
 								className: "p-4 space-y-4",
-								children: [/* @__PURE__ */ k("div", {
+								children: [/* @__PURE__ */ j("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary",
-											children: N("analytics.platform", "Platform")
-										}), /* @__PURE__ */ O("p", {
+											children: P("analytics.platform", "Platform")
+										}), /* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary",
-											children: B.platform
+											children: z.platform
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary",
-											children: N("analytics.architecture", "Architecture")
-										}), /* @__PURE__ */ O("p", {
+											children: P("analytics.architecture", "Architecture")
+										}), /* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary",
-											children: B.architecture
+											children: z.architecture
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary",
-											children: N("agentDetails.version", "Version")
-										}), /* @__PURE__ */ O("p", {
+											children: P("agentDetails.version", "Version")
+										}), /* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary",
-											children: B.version
+											children: z.version
 										})] })
 									]
-								}), B.aiContext && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+								}), z.aiContext && /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary mb-1",
 									children: "AI Context"
-								}), /* @__PURE__ */ O("pre", {
+								}), /* @__PURE__ */ A("pre", {
 									className: "text-sm text-text-primary bg-bg-sunken border border-border-default rounded-md p-3 whitespace-pre-wrap font-sans",
-									children: B.aiContext
+									children: z.aiContext
 								})] })]
 							})] }),
-							/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(be, { className: "w-5 h-5" }), N("vibeDetails.timeline", "Timeline")]
+									children: [/* @__PURE__ */ A(Ce, { className: "w-5 h-5" }), P("vibeDetails.timeline", "Timeline")]
 								})
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ A("div", {
 								className: "p-4",
-								children: /* @__PURE__ */ k("div", {
+								children: /* @__PURE__ */ j("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 text-sm",
 									children: [
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-text-secondary",
-											children: N("health.lastHeartbeat", "Last Heartbeat")
-										}), /* @__PURE__ */ O("p", {
+											children: P("health.lastHeartbeat", "Last Heartbeat")
+										}), /* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary",
-											children: Xt(B.lastHeartbeat)
+											children: $(z.lastHeartbeat)
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-text-secondary",
-											children: N("vibeDetails.created", "Created")
-										}), /* @__PURE__ */ O("p", {
+											children: P("vibeDetails.created", "Created")
+										}), /* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary",
-											children: Xt(B.createdAt)
+											children: $(z.createdAt)
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-text-secondary",
-											children: N("vibeDetails.updated", "Updated")
-										}), /* @__PURE__ */ O("p", {
+											children: P("vibeDetails.updated", "Updated")
+										}), /* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary",
-											children: Xt(B.updatedAt)
+											children: $(z.updatedAt)
 										})] })
 									]
 								})
 							})] })
 						]
 					}, "overview"),
-					P === "security" && /* @__PURE__ */ k(E.div, {
+					F === "profiles" && /* @__PURE__ */ A(O.div, {
+						initial: {
+							opacity: 0,
+							y: 8
+						},
+						animate: {
+							opacity: 1,
+							y: 0
+						},
+						exit: {
+							opacity: 0,
+							y: -8
+						},
+						transition: { duration: .2 },
+						children: /* @__PURE__ */ A(_e, { agentId: z.id })
+					}, "profiles"),
+					F === "security" && /* @__PURE__ */ j(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -896,139 +939,139 @@ function j() {
 						transition: { duration: .2 },
 						className: "space-y-6",
 						children: [
-							B.tunnelUrl && B.agentApiKey && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							z.tunnelUrl && z.agentApiKey && /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(ke, { className: "w-5 h-5" }), N("agentDetails.apiAuthentication", "API Authentication")]
+									children: [/* @__PURE__ */ A(b, { className: "w-5 h-5" }), P("agentDetails.apiAuthentication", "API Authentication")]
 								})
-							}), /* @__PURE__ */ k("div", {
+							}), /* @__PURE__ */ j("div", {
 								className: "p-4 space-y-3",
 								children: [
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ A("p", {
 										className: "text-sm text-text-secondary",
-										children: N("agentDetails.apiAuthenticationDescription", "All requests to the agent (except health checks) require authentication. You can pass the API key in two ways:")
+										children: P("agentDetails.apiAuthenticationDescription", "All requests to the agent (except health checks) require authentication. You can pass the API key in two ways:")
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ j("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-xs font-medium text-text-primary mb-1",
-											children: N("agentDetails.authHeaderRecommended", "Header (recommended)")
-										}), /* @__PURE__ */ k("code", {
+											children: P("agentDetails.authHeaderRecommended", "Header (recommended)")
+										}), /* @__PURE__ */ j("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: ",
-												B.agentApiKey.slice(0, 12),
+												z.agentApiKey.slice(0, 12),
 												"..."
 											]
-										})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										})] }), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 											className: "text-xs font-medium text-text-primary mb-1",
-											children: N("agentDetails.authQueryParameter", "URL query parameter")
-										}), /* @__PURE__ */ k("code", {
+											children: P("agentDetails.authQueryParameter", "URL query parameter")
+										}), /* @__PURE__ */ j("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: [
-												B.tunnelUrl,
+												z.tunnelUrl,
 												"/api/health?apiKey=",
-												B.agentApiKey.slice(0, 12),
+												z.agentApiKey.slice(0, 12),
 												"..."
 											]
 										})] })]
 									}),
-									/* @__PURE__ */ k("p", {
+									/* @__PURE__ */ j("p", {
 										className: "text-xs text-text-muted",
 										children: [
-											N("agentDetails.authExemptPrefix", "The"),
+											P("agentDetails.authExemptPrefix", "The"),
 											" ",
-											/* @__PURE__ */ O("code", {
+											/* @__PURE__ */ A("code", {
 												className: "font-mono",
 												children: "/health"
 											}),
 											" ",
-											N("agentDetails.authExemptAnd", "and"),
+											P("agentDetails.authExemptAnd", "and"),
 											" ",
-											/* @__PURE__ */ O("code", {
+											/* @__PURE__ */ A("code", {
 												className: "font-mono",
 												children: "/api/agent/identity"
 											}),
 											" ",
-											N("agentDetails.authExemptSuffix", "endpoints are exempt from authentication. The key changes on each agent restart unless a static key is configured.")
+											P("agentDetails.authExemptSuffix", "endpoints are exempt from authentication. The key changes on each agent restart unless a static key is configured.")
 										]
 									})
 								]
 							})] }),
-							/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 								className: "p-4 border-b border-border-default",
-								children: /* @__PURE__ */ k("h3", {
+								children: /* @__PURE__ */ j("h3", {
 									className: "font-semibold text-text-primary flex items-center gap-2",
-									children: [/* @__PURE__ */ O(Ae, { className: "w-5 h-5" }), N("agentDetails.agentApiKey", "Agent API Key")]
+									children: [/* @__PURE__ */ A(Ne, { className: "w-5 h-5" }), P("agentDetails.agentApiKey", "Agent API Key")]
 								})
-							}), /* @__PURE__ */ k("div", {
+							}), /* @__PURE__ */ j("div", {
 								className: "p-4",
-								children: [B.agentApiKey ? /* @__PURE__ */ k("div", {
+								children: [z.agentApiKey ? /* @__PURE__ */ j("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ O("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex-1 min-w-0",
-											children: /* @__PURE__ */ O("code", {
+											children: /* @__PURE__ */ A("code", {
 												className: "text-sm font-mono text-text-primary bg-bg-sunken px-3 py-2 rounded-md block truncate",
-												children: R ? B.agentApiKey : "•".repeat(Math.min(B.agentApiKey.length, 32))
+												children: L ? z.agentApiKey : "•".repeat(Math.min(z.agentApiKey.length, 32))
 											})
 										}),
-										/* @__PURE__ */ O("button", {
-											onClick: () => ft(!R),
+										/* @__PURE__ */ A("button", {
+											onClick: () => yt(!L),
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-											title: R ? N("agentDetails.hideApiKey", "Hide API key") : N("agentDetails.showApiKey", "Show API key"),
-											children: O(R ? Ee : Te, { className: "w-4 h-4 text-text-secondary" })
+											title: L ? P("agentDetails.hideApiKey", "Hide API key") : P("agentDetails.showApiKey", "Show API key"),
+											children: A(L ? Ae : ke, { className: "w-4 h-4 text-text-secondary" })
 										}),
-										/* @__PURE__ */ O("button", {
-											onClick: Kt,
+										/* @__PURE__ */ A("button", {
+											onClick: nn,
 											className: "p-2 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-											title: N("agentDetails.copyApiKey", "Copy API key"),
-											children: pt ? /* @__PURE__ */ O(ve, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ O(xe, { className: "w-4 h-4 text-text-secondary" })
+											title: P("agentDetails.copyApiKey", "Copy API key"),
+											children: bt ? /* @__PURE__ */ A(xe, { className: "w-4 h-4 text-status-success-text" }) : /* @__PURE__ */ A(Te, { className: "w-4 h-4 text-text-secondary" })
 										})
 									]
-								}) : /* @__PURE__ */ O("p", {
+								}) : /* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary",
 									children: "No API key configured. Set one via the Configure button or agent CLI."
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ A("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__ */ O(Ge, {
-								agent: B,
-								onUpdate: () => _t()
+							/* @__PURE__ */ A(Ye, {
+								agent: z,
+								onUpdate: () => R()
 							})
 						]
 					}, "security"),
-					P === "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 = bt.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 = [
+					F === "plugins" && (() => {
+						let e = K.toLowerCase(), t = B.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.tags?.some((t) => t.toLowerCase().includes(e))), n = At.filter((t) => !t.installed && (!e || t.name.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e) || t.description.toLowerCase().includes(e))), r = B.filter((e) => e.hasUI), i = r.filter((t) => !e || t.pluginName.toLowerCase().includes(e) || t.packageName.toLowerCase().includes(e)), a = [
 							{
 								id: "installed",
 								label: "Installed",
 								count: t.length,
-								icon: x
+								icon: w
 							},
 							{
 								id: "available",
 								label: "Available",
 								count: n.length,
-								icon: we
+								icon: Oe
 							},
 							{
 								id: "store",
 								label: "Store",
-								count: J.length,
-								icon: we
+								count: q.length,
+								icon: Oe
 							},
 							{
 								id: "ui-plugins",
 								label: "UI Plugins",
 								count: i.length,
-								icon: je
+								icon: C
 							}
 						];
-						return /* @__PURE__ */ O(E.div, {
+						return /* @__PURE__ */ A(O.div, {
 							initial: {
 								opacity: 0,
 								y: 8
@@ -1043,65 +1086,65 @@ function j() {
 							},
 							transition: { duration: .2 },
 							className: "space-y-6",
-							children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ k("div", {
+							children: /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ j("div", {
 								className: "p-4 border-b border-border-default space-y-3",
 								children: [
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ j("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ k("h3", {
+										children: [/* @__PURE__ */ j("h3", {
 											className: "font-semibold text-text-primary flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ O(x, { className: "w-5 h-5" }),
+												/* @__PURE__ */ A(w, { className: "w-5 h-5" }),
 												"Plugins",
-												V.length > 0 && /* @__PURE__ */ k("span", {
+												B.length > 0 && /* @__PURE__ */ j("span", {
 													className: "text-sm font-normal text-text-secondary",
 													children: [
 														"(",
-														V.filter((e) => e.isCore).length,
+														B.filter((e) => e.isCore).length,
 														" core,",
 														" ",
-														V.filter((e) => !e.isCore).length,
+														B.filter((e) => !e.isCore).length,
 														" external)"
 													]
 												})
 											]
-										}), /* @__PURE__ */ O("button", {
-											onClick: X,
-											disabled: St,
+										}), /* @__PURE__ */ A("button", {
+											onClick: Y,
+											disabled: Mt,
 											className: "p-1.5 text-text-secondary hover:bg-bg-sunken rounded transition-colors disabled:opacity-50",
-											title: N("agentDetails.refreshPlugins", "Refresh plugins"),
-											children: /* @__PURE__ */ O(Ne, { className: `w-4 h-4 ${St ? "animate-spin" : ""}` })
+											title: P("agentDetails.refreshPlugins", "Refresh plugins"),
+											children: /* @__PURE__ */ A(Fe, { className: `w-4 h-4 ${Mt ? "animate-spin" : ""}` })
 										})]
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ j("div", {
 										className: "relative",
 										children: [
-											/* @__PURE__ */ O(Fe, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-muted" }),
-											/* @__PURE__ */ O("input", {
+											/* @__PURE__ */ A(Le, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-muted" }),
+											/* @__PURE__ */ A("input", {
 												type: "text",
-												value: q,
-												onChange: (e) => Ot(e.target.value),
-												placeholder: N("agentDetails.searchPluginsPlaceholder", "Search plugins by name, package, description, or tag..."),
+												value: K,
+												onChange: (e) => Rt(e.target.value),
+												placeholder: P("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__ */ O("button", {
-												onClick: () => Ot(""),
+											K && /* @__PURE__ */ A("button", {
+												onClick: () => Rt(""),
 												className: "absolute right-2 top-1/2 -translate-y-1/2 p-0.5 text-text-muted hover:text-text-secondary rounded",
-												children: /* @__PURE__ */ O(w, { className: "w-3.5 h-3.5" })
+												children: /* @__PURE__ */ A(E, { className: "w-3.5 h-3.5" })
 											})
 										]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ A("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__ */ k("button", {
-												onClick: () => K(e.id),
+											let t = W === e.id, n = e.icon;
+											return /* @__PURE__ */ j("button", {
+												onClick: () => G(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__ */ O(n, { className: "w-3.5 h-3.5" }),
+													/* @__PURE__ */ A(n, { className: "w-3.5 h-3.5" }),
 													e.label,
-													/* @__PURE__ */ O("span", {
+													/* @__PURE__ */ A("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
 													})
@@ -1110,89 +1153,89 @@ function j() {
 										})
 									})
 								]
-							}), /* @__PURE__ */ k("div", {
+							}), /* @__PURE__ */ j("div", {
 								className: "p-4 space-y-4",
 								children: [
-									wt && /* @__PURE__ */ k("div", {
+									Pt && /* @__PURE__ */ j("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
 										children: [
-											/* @__PURE__ */ O(w, { className: "w-4 h-4 flex-shrink-0" }),
-											/* @__PURE__ */ O("span", {
+											/* @__PURE__ */ A(E, { className: "w-4 h-4 flex-shrink-0" }),
+											/* @__PURE__ */ A("span", {
 												className: "flex-1",
-												children: wt
+												children: Pt
 											}),
-											/* @__PURE__ */ O("button", {
-												onClick: () => W(null),
+											/* @__PURE__ */ A("button", {
+												onClick: () => U(null),
 												className: "flex-shrink-0 p-0.5 hover:bg-status-error-text/10 rounded",
-												children: /* @__PURE__ */ O(w, { className: "w-3.5 h-3.5" })
+												children: /* @__PURE__ */ A(E, { className: "w-3.5 h-3.5" })
 											})
 										]
 									}),
-									!B?.isActive && /* @__PURE__ */ k("p", {
+									!z?.isActive && /* @__PURE__ */ j("p", {
 										className: "text-sm text-text-muted flex items-center gap-1.5",
-										children: [/* @__PURE__ */ O(ke, { 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__ */ A(b, { 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__ */ O(D, { children: t.length > 0 ? /* @__PURE__ */ O("div", {
+									W === "installed" && /* @__PURE__ */ A(k, { children: t.length > 0 ? /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: t.map((e) => /* @__PURE__ */ k("div", {
+										children: t.map((e) => /* @__PURE__ */ j("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ k("div", {
+											children: [/* @__PURE__ */ j("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ k("p", {
+													/* @__PURE__ */ j("p", {
 														className: "text-sm font-medium text-text-primary flex items-center gap-1.5 flex-wrap",
 														children: [
 															e.pluginName,
-															/* @__PURE__ */ O("span", {
+															/* @__PURE__ */ A("span", {
 																className: "text-xs text-text-muted font-normal",
 																children: e.version === "latest" ? e.version : `v${e.version}`
 															}),
-															e.isCore && /* @__PURE__ */ O("span", {
+															e.isCore && /* @__PURE__ */ A("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__ */ O("span", {
+															e.loaded && /* @__PURE__ */ A("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__ */ O("span", {
+															e.hasProviders && /* @__PURE__ */ A("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__ */ O("span", {
+															e.hasUI && /* @__PURE__ */ A("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__ */ O("p", {
+													e.description && /* @__PURE__ */ A("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ k("div", {
+													/* @__PURE__ */ j("div", {
 														className: "flex items-center gap-2 mt-0.5 flex-wrap",
 														children: [
-															!e.isCore && /* @__PURE__ */ O("span", {
+															!e.isCore && /* @__PURE__ */ A("span", {
 																className: "text-xs text-text-muted font-mono",
 																children: e.packageName
 															}),
-															e.cliCommand && /* @__PURE__ */ k("span", {
+															e.cliCommand && /* @__PURE__ */ j("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"cli:",
 																	" ",
-																	/* @__PURE__ */ k("code", {
+																	/* @__PURE__ */ j("code", {
 																		className: "text-xs font-mono",
 																		children: ["vibe ", e.cliCommand]
 																	})
 																]
 															}),
-															e.apiPrefix && /* @__PURE__ */ k("span", {
+															e.apiPrefix && /* @__PURE__ */ j("span", {
 																className: "text-xs text-text-muted",
 																children: [
 																	"api:",
 																	" ",
-																	/* @__PURE__ */ O("code", {
+																	/* @__PURE__ */ A("code", {
 																		className: "text-xs font-mono",
 																		children: e.apiPrefix
 																	})
@@ -1200,132 +1243,132 @@ function j() {
 															})
 														]
 													}),
-													e.tags && e.tags.length > 0 && /* @__PURE__ */ O("div", {
+													e.tags && e.tags.length > 0 && /* @__PURE__ */ A("div", {
 														className: "flex gap-1 mt-1 flex-wrap",
-														children: e.tags.map((e) => /* @__PURE__ */ O("span", {
+														children: e.tags.map((e) => /* @__PURE__ */ A("span", {
 															className: "inline-flex px-1.5 py-0.5 text-[10px] bg-bg-secondary text-text-muted rounded",
 															children: e
 														}, e))
 													})
 												]
-											}), /* @__PURE__ */ k("div", {
+											}), /* @__PURE__ */ j("div", {
 												className: "flex items-center gap-2 flex-shrink-0 sm:ml-3",
-												children: [e.hasUI && /* @__PURE__ */ k("button", {
-													onClick: () => K("ui-plugins"),
+												children: [e.hasUI && /* @__PURE__ */ j("button", {
+													onClick: () => G("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__ */ O(je, { className: "w-3 h-3" }), "Open UI"]
-												}), !e.isCore && /* @__PURE__ */ k("button", {
-													onClick: () => zt(e.packageName),
-													disabled: H === e.packageName,
+													children: [/* @__PURE__ */ A(C, { className: "w-3 h-3" }), "Open UI"]
+												}), !e.isCore && /* @__PURE__ */ j("button", {
+													onClick: () => Yt(e.packageName),
+													disabled: V === 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__ */ O(b, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ O(Be, { className: "w-3 h-3" }), "Remove"]
+													children: [V === e.packageName ? /* @__PURE__ */ A(S, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ A(Ue, { className: "w-3 h-3" }), "Remove"]
 												})]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ O("p", {
+									}) : /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-muted",
-										children: q ? "No installed plugins match your search." : "No plugin data available. Check agent connectivity or refresh."
+										children: K ? "No installed plugins match your search." : "No plugin data available. Check agent connectivity or refresh."
 									}) }),
-									G === "available" && /* @__PURE__ */ O(D, { children: n.length > 0 ? /* @__PURE__ */ O("div", {
+									W === "available" && /* @__PURE__ */ A(k, { children: n.length > 0 ? /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: n.map((e) => /* @__PURE__ */ k("div", {
+										children: n.map((e) => /* @__PURE__ */ j("div", {
 											className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ k("div", {
+											children: [/* @__PURE__ */ j("div", {
 												className: "min-w-0",
 												children: [
-													/* @__PURE__ */ O("p", {
+													/* @__PURE__ */ A("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: e.name
 													}),
-													/* @__PURE__ */ O("p", {
+													/* @__PURE__ */ A("p", {
 														className: "text-xs text-text-secondary mt-0.5",
 														children: e.description
 													}),
-													/* @__PURE__ */ O("p", {
+													/* @__PURE__ */ A("p", {
 														className: "text-xs text-text-muted font-mono mt-0.5",
 														children: e.packageName
 													})
 												]
-											}), /* @__PURE__ */ k("button", {
-												onClick: () => Rt(e.packageName),
-												disabled: H === e.packageName,
+											}), /* @__PURE__ */ j("button", {
+												onClick: () => Jt(e.packageName),
+												disabled: V === 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__ */ O(b, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ O(we, { className: "w-3 h-3" }), "Install"]
+												children: [V === e.packageName ? /* @__PURE__ */ A(S, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ A(Oe, { className: "w-3 h-3" }), "Install"]
 											})]
 										}, e.packageName))
-									}) : /* @__PURE__ */ O("p", {
+									}) : /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-muted",
-										children: q ? "No available plugins match your search." : bt.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
+										children: K ? "No available plugins match your search." : At.every((e) => e.installed) ? "All available plugins are already installed." : "No available plugins found."
 									}) }),
-									G === "store" && /* @__PURE__ */ k(D, { children: [Mt && /* @__PURE__ */ k("div", {
+									W === "store" && /* @__PURE__ */ j(k, { children: [Ht && /* @__PURE__ */ j("div", {
 										className: "flex items-center gap-2 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-										children: [/* @__PURE__ */ O(w, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ A(E, { className: "w-4 h-4 flex-shrink-0" }), /* @__PURE__ */ A("span", {
 											className: "flex-1",
-											children: Mt
+											children: Ht
 										})]
-									}), At ? /* @__PURE__ */ O("p", {
+									}), Bt ? /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-muted",
 										children: "Loading purchased plugins…"
-									}) : J.length === 0 ? /* @__PURE__ */ k("div", {
+									}) : q.length === 0 ? /* @__PURE__ */ j("div", {
 										className: "py-8 text-center",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ A("p", {
 											className: "text-sm text-text-muted",
 											children: "No plugins purchased from the Burdenoff store yet."
-										}), /* @__PURE__ */ O("a", {
+										}), /* @__PURE__ */ A("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__ */ O("div", {
+									}) : /* @__PURE__ */ A("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__ */ k("div", {
+										children: q.map((e) => {
+											let t = (e.product?.manifest ?? {}).digital?.install, n = typeof t?.packageName == "string" ? t.packageName : null, r = B.some((e) => e.packageName === n);
+											return /* @__PURE__ */ j("div", {
 												className: "flex flex-col sm:flex-row sm:items-center justify-between gap-2 p-3 bg-bg-sunken rounded-lg",
-												children: [/* @__PURE__ */ k("div", {
+												children: [/* @__PURE__ */ j("div", {
 													className: "flex items-start gap-3 min-w-0 flex-1",
-													children: [e.product?.icon ? /* @__PURE__ */ O("img", {
+													children: [e.product?.icon ? /* @__PURE__ */ A("img", {
 														src: e.product.icon,
 														alt: "",
 														className: "w-10 h-10 rounded-md object-cover flex-shrink-0"
-													}) : /* @__PURE__ */ O("div", {
+													}) : /* @__PURE__ */ A("div", {
 														className: "w-10 h-10 flex-shrink-0 rounded-md bg-bg-secondary flex items-center justify-center",
-														children: /* @__PURE__ */ O(x, { className: "w-5 h-5 text-text-muted" })
-													}), /* @__PURE__ */ k("div", {
+														children: /* @__PURE__ */ A(w, { className: "w-5 h-5 text-text-muted" })
+													}), /* @__PURE__ */ j("div", {
 														className: "min-w-0 flex-1",
 														children: [
-															/* @__PURE__ */ k("div", {
+															/* @__PURE__ */ j("div", {
 																className: "flex items-center gap-2",
-																children: [/* @__PURE__ */ O("h4", {
+																children: [/* @__PURE__ */ A("h4", {
 																	className: "text-sm font-semibold text-text-primary truncate",
 																	children: e.product?.name ?? "Unknown"
-																}), e.licenseKey && /* @__PURE__ */ O("span", {
+																}), e.licenseKey && /* @__PURE__ */ A("span", {
 																	className: "text-[10px] bg-status-success-bg text-status-success-text px-1.5 py-0.5 rounded-full",
 																	children: "Licensed"
 																})]
 															}),
-															n && /* @__PURE__ */ O("p", {
+															n && /* @__PURE__ */ A("p", {
 																className: "text-xs text-text-muted font-mono truncate",
 																children: n
 															}),
-															e.product?.description && /* @__PURE__ */ O("p", {
+															e.product?.description && /* @__PURE__ */ A("p", {
 																className: "text-xs text-text-secondary line-clamp-2 mt-1",
 																children: e.product.description
 															})
 														]
 													})]
-												}), /* @__PURE__ */ O("button", {
-													onClick: () => void Vt(e.productId, e.licenseKey),
-													disabled: r || Y === e.productId || !n,
+												}), /* @__PURE__ */ A("button", {
+													onClick: () => void Zt(e.productId, e.licenseKey),
+													disabled: r || J === 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"
+													children: r ? "Installed" : J === e.productId ? "Installing…" : "Install"
 												})]
 											}, e.id);
 										})
 									})] }),
-									G === "ui-plugins" && /* @__PURE__ */ O(D, { children: r.length > 0 || B?.tunnelUrl ? /* @__PURE__ */ O(p, {
-										availablePlugins: [...B?.tunnelUrl ? [{
+									W === "ui-plugins" && /* @__PURE__ */ A(k, { children: r.length > 0 || z?.tunnelUrl ? /* @__PURE__ */ A(me, {
+										availablePlugins: [...z?.tunnelUrl ? [{
 											pluginName: "code-server",
 											displayName: "Code Server (VS Code)",
 											description: "Browser-based VS Code editor",
@@ -1337,21 +1380,21 @@ function j() {
 											description: e.description,
 											version: e.version
 										}))],
-										tunnelUrl: B?.tunnelUrl || null,
-										agentApiKey: B?.agentApiKey
-									}) : /* @__PURE__ */ O("p", {
+										tunnelUrl: z?.tunnelUrl || null,
+										agentApiKey: z?.agentApiKey
+									}) : /* @__PURE__ */ A("p", {
 										className: "text-sm text-text-muted",
-										children: q ? "No UI plugins match your search." : "No plugins with UI are currently installed."
+										children: K ? "No UI plugins match your search." : "No plugins with UI are currently installed."
 									}) }),
-									St && V.length === 0 && /* @__PURE__ */ k("div", {
+									Mt && B.length === 0 && /* @__PURE__ */ j("div", {
 										className: "flex items-center gap-2 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ O(b, { className: "w-4 h-4 animate-spin" }), "Loading plugins..."]
+										children: [/* @__PURE__ */ A(S, { className: "w-4 h-4 animate-spin" }), "Loading plugins..."]
 									})
 								]
 							})] })
 						}, "plugins");
 					})(),
-					P === "sessions" && /* @__PURE__ */ O(E.div, {
+					F === "sessions" && /* @__PURE__ */ A(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1365,43 +1408,43 @@ function j() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
-							children: /* @__PURE__ */ k("h3", {
+							children: /* @__PURE__ */ j("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ O(C, { className: "w-5 h-5" }),
-									N("nav.sessions", "Sessions"),
+									/* @__PURE__ */ A(T, { className: "w-5 h-5" }),
+									P("nav.sessions", "Sessions"),
 									" (",
-									Z.length,
+									X.length,
 									")"
 								]
 							})
-						}), Z.length > 0 ? /* @__PURE__ */ O("div", {
+						}), X.length > 0 ? /* @__PURE__ */ A("div", {
 							className: "divide-y divide-border-primary",
-							children: Z.map((e) => /* @__PURE__ */ k("div", {
-								onClick: () => Jt(e.id),
+							children: X.map((e) => /* @__PURE__ */ j("div", {
+								onClick: () => an(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__ */ k("div", {
+								children: [/* @__PURE__ */ j("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ O(C, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ A(T, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ j("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ O("p", {
+										}), /* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary truncate",
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ O(u, { status: e.status })]
+								}), /* @__PURE__ */ A(f, { status: e.status })]
 							}, e.id))
-						}) : /* @__PURE__ */ O("div", {
+						}) : /* @__PURE__ */ A("div", {
 							className: "p-6 text-center text-text-secondary",
-							children: N("agentDetails.noSessionsOnAgent", "No sessions on this agent")
+							children: P("agentDetails.noSessionsOnAgent", "No sessions on this agent")
 						})] })
 					}, "sessions"),
-					P === "logs" && /* @__PURE__ */ O(E.div, {
+					F === "logs" && /* @__PURE__ */ A(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1415,21 +1458,22 @@ function j() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
-							children: /* @__PURE__ */ k("h3", {
+							children: /* @__PURE__ */ j("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ O(Pe, { className: "w-5 h-5" }), N("nav.logs", "Logs")]
+								children: [/* @__PURE__ */ A(Ie, { className: "w-5 h-5" }), P("nav.logs", "Logs")]
 							})
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "p-4",
-							children: /* @__PURE__ */ O(me, {
-								agentId: B.id,
+							children: /* @__PURE__ */ A(ge, {
+								agentId: z.id,
+								profile: Tt,
 								className: "min-h-[28rem]"
 							})
 						})] })
 					}, "logs"),
-					P === "vibes" && /* @__PURE__ */ O(E.div, {
+					F === "vibes" && /* @__PURE__ */ A(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1443,43 +1487,43 @@ function j() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A("div", {
 							className: "p-4 border-b border-border-default flex items-center justify-between",
-							children: /* @__PURE__ */ k("h3", {
+							children: /* @__PURE__ */ j("h3", {
 								className: "font-semibold text-text-primary flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ O(T, { className: "w-5 h-5" }),
-									N("nav.vibes", "Vibes"),
+									/* @__PURE__ */ A(D, { className: "w-5 h-5" }),
+									P("nav.vibes", "Vibes"),
 									" (",
-									Q.length,
+									Z.length,
 									")"
 								]
 							})
-						}), Q.length > 0 ? /* @__PURE__ */ O("div", {
+						}), Z.length > 0 ? /* @__PURE__ */ A("div", {
 							className: "divide-y divide-border-primary",
-							children: Q.map((e) => /* @__PURE__ */ k("div", {
-								onClick: () => Yt(e.id),
+							children: Z.map((e) => /* @__PURE__ */ j("div", {
+								onClick: () => on(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__ */ k("div", {
+								children: [/* @__PURE__ */ j("div", {
 									className: "flex items-center gap-3 min-w-0",
-									children: [/* @__PURE__ */ O(T, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ A(D, { className: "w-5 h-5 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ j("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ A("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ O("p", {
+										}), /* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary truncate",
 											children: e.type
 										})]
 									})]
-								}), /* @__PURE__ */ O(u, { status: e.status })]
+								}), /* @__PURE__ */ A(f, { status: e.status })]
 							}, e.id))
-						}) : /* @__PURE__ */ O("div", {
+						}) : /* @__PURE__ */ A("div", {
 							className: "p-6 text-center text-text-secondary",
-							children: N("agentDetails.noVibesUsingAgent", "No vibes using this agent")
+							children: P("agentDetails.noVibesUsingAgent", "No vibes using this agent")
 						})] })
 					}, "vibes"),
-					P === "notes" && /* @__PURE__ */ O(E.div, {
+					F === "notes" && /* @__PURE__ */ A(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1494,15 +1538,35 @@ function j() {
 						},
 						transition: { duration: .2 },
 						className: "space-y-6",
-						children: /* @__PURE__ */ O(he, {
+						children: /* @__PURE__ */ A(ve, {
 							context: "agent",
-							agentVibes: Q.map((e) => ({
+							agentVibes: Z.map((e) => ({
 								id: e.id,
 								name: e.name
 							}))
 						})
 					}, "notes"),
-					P === "backup" && B.tunnelUrl && B.agentApiKey && /* @__PURE__ */ O(E.div, {
+					F === "aliases" && /* @__PURE__ */ A(O.div, {
+						initial: {
+							opacity: 0,
+							y: 8
+						},
+						animate: {
+							opacity: 1,
+							y: 0
+						},
+						exit: {
+							opacity: 0,
+							y: -8
+						},
+						transition: { duration: .2 },
+						className: "space-y-6",
+						children: /* @__PURE__ */ A(pe, { agent: {
+							id: z.id,
+							profile: z.metadata?.profile ?? "default"
+						} })
+					}, "aliases"),
+					F === "backup" && z.tunnelUrl && z.agentApiKey && /* @__PURE__ */ A(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1516,12 +1580,13 @@ function j() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ O(fe, {
-							agentTunnelUrl: B.tunnelUrl,
-							agentApiKey: B.agentApiKey
+						children: /* @__PURE__ */ A(fe, {
+							agentTunnelUrl: z.tunnelUrl,
+							agentApiKey: z.agentApiKey,
+							profile: Tt
 						})
 					}, "backup"),
-					P === "backup" && (!B.tunnelUrl || !B.agentApiKey) && /* @__PURE__ */ O(E.div, {
+					F === "backup" && (!z.tunnelUrl || !z.agentApiKey) && /* @__PURE__ */ A(O.div, {
 						initial: {
 							opacity: 0,
 							y: 8
@@ -1535,172 +1600,172 @@ function j() {
 							y: -8
 						},
 						transition: { duration: .2 },
-						children: /* @__PURE__ */ k(d, {
+						children: /* @__PURE__ */ j(p, {
 							className: "p-6 text-center text-text-secondary",
 							children: [
-								/* @__PURE__ */ O(Ce, { className: "w-8 h-8 mx-auto mb-2 text-text-muted" }),
-								/* @__PURE__ */ O("p", { children: N("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ A(De, { className: "w-8 h-8 mx-auto mb-2 text-text-muted" }),
+								/* @__PURE__ */ A("p", { children: P("agentDetails.backupRequiresTunnelAndApiKey", "Agent tunnel URL and API key are required for backup management.") }),
+								/* @__PURE__ */ A("p", {
 									className: "text-sm mt-1",
-									children: N("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
+									children: P("agentDetails.configureConnectionInOverview", "Configure the agent connection in the Overview tab.")
 								})
 							]
 						})
 					}, "backup-no-tunnel")
 				]
 			}),
-			et && /* @__PURE__ */ O("div", {
+			at && /* @__PURE__ */ A("div", {
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				children: /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ j("div", {
 					className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
 					children: [
-						/* @__PURE__ */ k("h2", {
+						/* @__PURE__ */ j("h2", {
 							className: "text-lg font-semibold text-text-primary mb-4",
 							children: [
-								N("agentDetails.configure", "Configure"),
+								P("agentDetails.configure", "Configure"),
 								" ",
-								B.name
+								z.name
 							]
 						}),
-						tt && /* @__PURE__ */ O("div", {
+						st && /* @__PURE__ */ A("div", {
 							className: "mb-4 p-3 bg-status-error-bg text-status-error-text rounded-md text-sm",
-							children: tt
+							children: st
 						}),
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ j("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: N("webhooks.name", "Name")
-								}), /* @__PURE__ */ O("input", {
-									ref: st,
+									children: P("webhooks.name", "Name")
+								}), /* @__PURE__ */ A("input", {
+									ref: mt,
 									type: "text",
-									defaultValue: B.name,
+									defaultValue: z.name,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary"
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: N("analytics.platform", "Platform")
-								}), /* @__PURE__ */ O("input", {
+									children: P("analytics.platform", "Platform")
+								}), /* @__PURE__ */ A("input", {
 									type: "text",
-									value: `${B.platform} / ${B.architecture}`,
+									value: `${z.platform} / ${z.architecture}`,
 									disabled: !0,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: N("agentDetails.version", "Version")
-								}), /* @__PURE__ */ O("input", {
+									children: P("agentDetails.version", "Version")
+								}), /* @__PURE__ */ A("input", {
 									type: "text",
-									value: B.version,
+									value: z.version,
 									disabled: !0,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-secondary"
 								})] }),
-								/* @__PURE__ */ k("div", { children: [
-									/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ j("div", { children: [
+									/* @__PURE__ */ A("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: N("agentDetails.tunnelUrl", "Tunnel URL")
+										children: P("agentDetails.tunnelUrl", "Tunnel URL")
 									}),
-									/* @__PURE__ */ O("input", {
-										ref: ct,
+									/* @__PURE__ */ A("input", {
+										ref: ht,
 										type: "text",
-										defaultValue: B.tunnelUrl ?? "",
-										placeholder: N("agentDetails.tunnelUrlPlaceholder", "https://xxx.trycloudflare.com"),
+										defaultValue: z.tunnelUrl ?? "",
+										placeholder: P("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__ */ O("p", {
+									/* @__PURE__ */ A("p", {
 										className: "mt-1 text-xs text-text-muted",
-										children: N("agentDetails.tunnelUrlHint", "The public URL for accessing this agent remotely. Auto-updates when gateway auth is configured.")
+										children: P("agentDetails.tunnelUrlHint", "The public URL for accessing this agent remotely. Auto-updates when gateway auth is configured.")
 									})
 								] }),
-								/* @__PURE__ */ k("div", { children: [
-									/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ j("div", { children: [
+									/* @__PURE__ */ A("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: N("agentDetails.agentApiKey", "Agent API Key")
+										children: P("agentDetails.agentApiKey", "Agent API Key")
 									}),
-									/* @__PURE__ */ O("input", {
-										ref: lt,
+									/* @__PURE__ */ A("input", {
+										ref: gt,
 										type: "text",
-										defaultValue: B.agentApiKey ?? "",
-										placeholder: N("agentDetails.agentApiKeyPlaceholder", "sk-agent-..."),
+										defaultValue: z.agentApiKey ?? "",
+										placeholder: P("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__ */ O("p", {
+									/* @__PURE__ */ A("p", {
 										className: "mt-1 text-xs text-text-muted",
-										children: N("agentDetails.agentApiKeyHint", "Used to authenticate requests to the agent. Leave empty to clear.")
+										children: P("agentDetails.agentApiKeyHint", "Used to authenticate requests to the agent. Leave empty to clear.")
 									})
 								] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("div", {
 									className: "flex items-center gap-1.5 mb-1",
-									children: [/* @__PURE__ */ O("label", {
+									children: [/* @__PURE__ */ A("label", {
 										className: "text-sm font-medium text-text-primary",
 										children: "AI Context"
-									}), /* @__PURE__ */ k("div", {
+									}), /* @__PURE__ */ j("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ O("button", {
+										children: [/* @__PURE__ */ A("button", {
 											type: "button",
-											onClick: () => ot((e) => !e),
+											onClick: () => pt((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__ */ O(ke, { className: "w-3.5 h-3.5" })
-										}), at && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+											children: /* @__PURE__ */ A(b, { className: "w-3.5 h-3.5" })
+										}), ft && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
 											className: "fixed inset-0 z-10",
-											onClick: () => ot(!1)
-										}), /* @__PURE__ */ k("div", {
+											onClick: () => pt(!1)
+										}), /* @__PURE__ */ j("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__ */ O("p", {
+												/* @__PURE__ */ A("p", {
 													className: "font-semibold text-text-primary",
 													children: "What is AI Context?"
 												}),
-												/* @__PURE__ */ O("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__ */ O("p", {
+												/* @__PURE__ */ A("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__ */ A("p", {
 													className: "text-text-muted",
 													children: "Example: \"Production billing server. Do not modify files outside /src. Node 20, Docker installed.\""
 												})
 											]
 										})] })]
 									})]
-								}), /* @__PURE__ */ O("textarea", {
-									ref: ut,
-									defaultValue: B.aiContext ?? "",
+								}), /* @__PURE__ */ A("textarea", {
+									ref: _t,
+									defaultValue: z.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__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: N("agentDetails.metadataLabel", "Metadata (JSON)")
-								}), /* @__PURE__ */ O("textarea", {
-									ref: dt,
-									defaultValue: B.metadata ? JSON.stringify(B.metadata, null, 2) : "{}",
+									children: P("agentDetails.metadataLabel", "Metadata (JSON)")
+								}), /* @__PURE__ */ A("textarea", {
+									ref: vt,
+									defaultValue: z.metadata ? JSON.stringify(z.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__ */ k("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex flex-wrap justify-end gap-3 mt-6",
-							children: [/* @__PURE__ */ O("button", {
-								onClick: () => F(!1),
-								disabled: L,
+							children: [/* @__PURE__ */ A("button", {
+								onClick: () => ot(!1),
+								disabled: ct,
 								className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-								children: N("common.cancel", "Cancel")
-							}), /* @__PURE__ */ O("button", {
-								onClick: Gt,
-								disabled: L,
+								children: P("common.cancel", "Cancel")
+							}), /* @__PURE__ */ A("button", {
+								onClick: tn,
+								disabled: ct,
 								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: L ? N("agentDetails.saving", "Saving...") : N("agentDetails.saveConfiguration", "Save Configuration")
+								children: ct ? P("agentDetails.saving", "Saving...") : P("agentDetails.saveConfiguration", "Save Configuration")
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ O(ae, {
-				isOpen: Tt,
-				onClose: () => Et(!1),
+			/* @__PURE__ */ A(oe, {
+				isOpen: Ft,
+				onClose: () => It(!1),
 				onConfirm: () => {
-					Et(!1), M("/billing");
+					It(!1), N("/billing");
 				},
 				title: "Plugin Install Quota Reached",
 				message: "You have used the plugin installation quota for your current plan. Upgrade to install more plugins."
@@ -1709,6 +1774,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as AgentDetailsPage };
+export { Xe as AgentDetailsPage };
 
 //# sourceMappingURL=AgentDetailsPage.js.map