@burdenoff/microfe-vibecontrols 2026.613.1 → 2026.618.1

package/dist/pages/ai/AgentManagerPage.js

@@ -6,74 +6,77 @@ import ee from "../../hooks/useCachedInitialData.js";
 import { LoadingState as i } from "../../components/shared/LoadingState.js";
 import { ErrorState as a } from "../../components/shared/ErrorState.js";
 import { EmptyState as te } from "../../components/shared/EmptyState.js";
-import { usePluginAvailability as ne } from "../../hooks/usePluginAvailability.js";
-import { AI_CORE_PACKAGE as o, AI_PROVIDER_PACKAGES as s } from "../../constants/pluginCatalog.js";
-import { PluginGate as c } from "../../components/shared/PluginGate.js";
-import { RequireAgentReachable as l } from "../../components/shared/RequireAgentReachable.js";
-import { useActiveAgentProfile as u } from "../../hooks/useActiveAgentProfile.js";
-import { AgentSelector as d } from "../../components/shared/AgentSelector.js";
+import { usePluginAvailability as o } from "../../hooks/usePluginAvailability.js";
+import { AI_CORE_PACKAGE as s, AI_PROVIDER_PACKAGES as c } from "../../constants/pluginCatalog.js";
+import { PluginGate as l } from "../../components/shared/PluginGate.js";
+import { RequireAgentReachable as u } from "../../components/shared/RequireAgentReachable.js";
+import { useActiveAgentProfile as d } from "../../hooks/useActiveAgentProfile.js";
+import { AgentSelector as f } from "../../components/shared/AgentSelector.js";
 import "../../components/shared/index.js";
-import { isNative as f, nativeNotify as p } from "../../utils/nativeBridge.js";
-import { bulkDeleteSessions as m, terminateSession as h } from "../../services/aiApi.js";
-import { useAgentManagerStore as g } from "../../store/agentManagerStore.js";
-import { AgentManagerLayout as _ } from "../../components/agent-manager/AgentManagerLayout.js";
-import { AgentManagerSidebar as v } from "../../components/agent-manager/AgentManagerSidebar.js";
-import { BridleConfigPanel as re } from "../../components/agent-manager/BridleConfigPanel.js";
-import { AgentManagerCenter as ie } from "../../components/agent-manager/AgentManagerCenter.js";
-import { AgentManagerDetailPanel as ae } from "../../components/agent-manager/AgentManagerDetailPanel.js";
-import { AiSectionTabs as y } from "../../components/ai/AiSectionTabs.js";
-import { ClaudeCredentialsCard as b } from "../../components/ai/ClaudeCredentialsCard.js";
-import { AIModeToggle as x } from "../../components/ai/AIModeToggle.js";
-import { useAgentManagerKeyboard as S } from "../../hooks/useAgentManagerKeyboard.js";
-import { Suspense as oe, useCallback as C, useEffect as w, useMemo as T, useRef as E } from "react";
-import { MessagesSquare as D } from "lucide-react";
-import { useParams as O, useSearchParams as se } from "react-router-dom";
-import { useApolloClient as ce } from "@apollo/client/react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { MotionPage as j } from "@burdenoff/fe-libs/shared/motion";
+import { isNative as p, nativeNotify as m } from "../../utils/nativeBridge.js";
+import { VIBE_PERMISSIONS as ne } from "../../constants/permissions.js";
+import { bulkDeleteSessions as re, terminateSession as ie } from "../../services/aiApi.js";
+import { useAgentManagerStore as h } from "../../store/agentManagerStore.js";
+import { AgentManagerLayout as ae } from "../../components/agent-manager/AgentManagerLayout.js";
+import { AgentManagerSidebar as oe } from "../../components/agent-manager/AgentManagerSidebar.js";
+import { BridleConfigPanel as se } from "../../components/agent-manager/BridleConfigPanel.js";
+import { AgentManagerCenter as ce } from "../../components/agent-manager/AgentManagerCenter.js";
+import { AgentManagerDetailPanel as g } from "../../components/agent-manager/AgentManagerDetailPanel.js";
+import { AiSectionTabs as le } from "../../components/ai/AiSectionTabs.js";
+import { ClaudeCredentialsCard as _ } from "../../components/ai/ClaudeCredentialsCard.js";
+import { AIModeToggle as v } from "../../components/ai/AIModeToggle.js";
+import { useAgentManagerKeyboard as y } from "../../hooks/useAgentManagerKeyboard.js";
+import { Suspense as b, useCallback as x, useEffect as S, useMemo as C, useRef as w } from "react";
+import { MessagesSquare as ue } from "lucide-react";
+import { useParams as de, useSearchParams as fe } from "react-router-dom";
+import { useApolloClient as pe } from "@apollo/client/react";
+import { usePermissions as me } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { AccessDenied as D } from "@burdenoff/fe-libs/shared/components";
+import { MotionPage as O } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/ai/AgentManagerPage.tsx
-function M() {
-	let { tab: M, sessionId: N } = O(), P = t(), F = n(), { agents: I, loading: L, error: R } = ee(), z = r((e) => e.activeAgentId), B = T(() => {
+function k() {
+	let { tab: k, sessionId: A } = de(), j = t(), M = n(), { hasPermission: N, isLoading: P } = me(), F = N(ne.AGENT_READ), { agents: I, loading: L, error: R } = ee(), z = r((e) => e.activeAgentId), B = C(() => {
 		if (z) {
 			let e = I.find((e) => e.id === z);
 			if (e) return e;
 		}
 		return I.find((e) => e.isActive && e.tunnelUrl) ?? null;
-	}, [I, z]), V = B?.id ?? "", { active: H } = u(B?.id ?? null), U = T(() => ({
+	}, [I, z]), V = B?.id ?? "", { active: H } = d(B?.id ?? null), U = C(() => ({
 		id: V,
 		profile: H
-	}), [V, H]), W = g((e) => e.openSession), G = g((e) => e.closeTab), K = g((e) => e.clearSelection), q = g((e) => e.bumpSessionsRefresh), J = g((e) => e.activeTabSessionId), Y = g((e) => e.setActiveChatContext), [X] = se();
-	w(() => {
+	}), [V, H]), W = h((e) => e.openSession), G = h((e) => e.closeTab), K = h((e) => e.clearSelection), q = h((e) => e.bumpSessionsRefresh), J = h((e) => e.activeTabSessionId), Y = h((e) => e.setActiveChatContext), [X] = fe();
+	S(() => {
 		let e = X.get("vibeId");
 		Y({
 			contextLevel: e ? "vibe" : "agent",
 			vibeId: e ?? null
 		});
 	}, [X, Y]);
-	let { initialLoading: le, refetch: Z } = ne(T(() => [o, ...s], []), V || null), Q = ce(), $ = E(!1);
-	w(() => {
-		N && V && W(N, `Session ${N.slice(0, 8)}`);
+	let { initialLoading: he, refetch: Z } = o(C(() => [s, ...c], []), V || null), Q = pe(), $ = w(!1);
+	S(() => {
+		A && V && W(A, `Session ${A.slice(0, 8)}`);
 	}, [
-		N,
+		A,
 		V,
 		W
 	]);
-	let ue = C(async (e) => {
+	let ge = x(async (e) => {
 		if (V) try {
-			await h(U, e), G(e), q(), f() && p("success");
+			await ie(U, e), G(e), q(), p() && m("success");
 		} catch {
-			f() && p("error");
+			p() && m("error");
 		}
 	}, [
 		V,
 		U,
 		q,
 		G
-	]), de = C(async (e) => {
+	]), _e = x(async (e) => {
 		if (V) try {
-			await m(U, e), e.forEach((e) => G(e)), K(), q(), f() && p("success");
+			await re(U, e), e.forEach((e) => G(e)), K(), q(), p() && m("success");
 		} catch {
-			f() && p("error");
+			p() && m("error");
 		}
 	}, [
 		V,
@@ -81,7 +84,7 @@ function M() {
 		q,
 		K,
 		G
-	]), fe = C(async () => {
+	]), ve = x(async () => {
 		if ($.current || !V) return;
 		$.current = !0;
 		let t = () => {
@@ -90,7 +93,7 @@ function M() {
 					query: e,
 					variables: { agentId: V }
 				}), n = new Set((t?.agentPlugins?.installed ?? []).map((e) => e.packageName));
-				return s.some((e) => n.has(e));
+				return c.some((e) => n.has(e));
 			} catch {
 				return !1;
 			}
@@ -105,7 +108,7 @@ function M() {
 						variables: { agentId: V },
 						fetchPolicy: "network-only"
 					}), n = t?.agentPlugins?.installed ?? [], r = new Set(n.map((e) => e.packageName));
-					if (s.some((e) => r.has(e))) break;
+					if (c.some((e) => r.has(e))) break;
 				} catch (e) {
 					console.warn("[ai] provider poll attempt failed", e);
 				}
@@ -119,123 +122,132 @@ function M() {
 		Q,
 		Z
 	]);
-	return S(), L || V && le ? /* @__PURE__ */ k(j, {
+	return y(), P ? /* @__PURE__ */ T(O, {
 		className: "flex items-center justify-center h-full bg-bg-surface",
-		children: /* @__PURE__ */ k(i, { message: P("vibecontrols.pages.ai.detectingAgent", "Detecting agent and plugin availability…") })
-	}) : R ? /* @__PURE__ */ k(j, {
+		children: /* @__PURE__ */ T(i, { message: j("common.loadingPermissions", "Loading permissions…") })
+	}) : F ? L || V && he ? /* @__PURE__ */ T(O, {
 		className: "flex items-center justify-center h-full bg-bg-surface",
-		children: /* @__PURE__ */ k(a, {
+		children: /* @__PURE__ */ T(i, { message: j("vibecontrols.pages.ai.detectingAgent", "Detecting agent and plugin availability…") })
+	}) : R ? /* @__PURE__ */ T(O, {
+		className: "flex items-center justify-center h-full bg-bg-surface",
+		children: /* @__PURE__ */ T(a, {
 			title: "Failed to load agents",
 			message: R.message
 		})
-	}) : I.length === 0 ? /* @__PURE__ */ k(j, {
+	}) : I.length === 0 ? /* @__PURE__ */ T(O, {
 		className: "flex items-center justify-center h-full bg-bg-surface p-8",
-		children: /* @__PURE__ */ k(te, {
-			icon: /* @__PURE__ */ k(D, { className: "size-8 text-text-secondary" }),
-			title: P("vibecontrols.pages.ai.noActiveAgentAvailable", "No agents available"),
-			description: P("vibecontrols.pages.ai.agentManagerRequiresAgent", "The Agent Manager needs at least one vibecontrols agent. Add one or start an existing one."),
-			action: /* @__PURE__ */ k("button", {
+		children: /* @__PURE__ */ T(te, {
+			icon: /* @__PURE__ */ T(ue, { className: "size-8 text-text-secondary" }),
+			title: j("vibecontrols.pages.ai.noActiveAgentAvailable", "No agents available"),
+			description: j("vibecontrols.pages.ai.agentManagerRequiresAgent", "The Agent Manager needs at least one vibecontrols agent. Add one or start an existing one."),
+			action: /* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: () => F("/agents"),
+				onClick: () => M("/agents"),
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm",
-				children: P("vibecontrols.pages.ai.goToAgents", "Go to Agents")
+				children: j("vibecontrols.pages.ai.goToAgents", "Go to Agents")
 			})
 		})
-	}) : M === "config" ? /* @__PURE__ */ A(j, {
+	}) : k === "config" ? /* @__PURE__ */ E(O, {
 		className: "flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden",
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ E("div", {
 			className: "flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3",
-			children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+			children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 				className: "text-xs uppercase tracking-wide text-text-secondary",
-				children: P("vibecontrols.pages.ai.contextLabel", "Active context")
-			}), /* @__PURE__ */ k("h2", {
+				children: j("vibecontrols.pages.ai.contextLabel", "Active context")
+			}), /* @__PURE__ */ T("h2", {
 				className: "text-sm font-semibold text-text-primary mt-0.5",
-				children: P("vibecontrols.pages.ai.configHeading", "AI configuration")
-			})] }), /* @__PURE__ */ A("div", {
+				children: j("vibecontrols.pages.ai.configHeading", "AI configuration")
+			})] }), /* @__PURE__ */ E("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ k(x, {
+				children: [/* @__PURE__ */ T(v, {
 					aiHref: "/ai",
 					activeMode: "ai"
-				}), /* @__PURE__ */ k(d, {
-					label: P("vibecontrols.pages.ai.agentSelectorLabel", "Agent"),
+				}), /* @__PURE__ */ T(f, {
+					label: j("vibecontrols.pages.ai.agentSelectorLabel", "Agent"),
 					compact: !0
 				})]
 			})]
-		}), /* @__PURE__ */ k("div", {
+		}), /* @__PURE__ */ T("div", {
 			className: "flex-1 overflow-auto p-4 sm:p-6 space-y-6",
-			children: /* @__PURE__ */ A(l, {
+			children: /* @__PURE__ */ E(u, {
 				agentId: V || null,
-				children: [/* @__PURE__ */ k(b, { agent: U }), /* @__PURE__ */ k(re, { agent: U })]
+				children: [/* @__PURE__ */ T(_, { agent: U }), /* @__PURE__ */ T(se, { agent: U })]
 			})
 		})]
-	}) : /* @__PURE__ */ A(j, {
+	}) : /* @__PURE__ */ E(O, {
 		className: "flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3",
-				children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 					className: "text-xs uppercase tracking-wide text-text-secondary",
-					children: P("vibecontrols.pages.ai.contextLabel", "Active context")
-				}), /* @__PURE__ */ k("h2", {
+					children: j("vibecontrols.pages.ai.contextLabel", "Active context")
+				}), /* @__PURE__ */ T("h2", {
 					className: "text-sm font-semibold text-text-primary mt-0.5",
-					children: P("vibecontrols.pages.ai.contextHeading", "AI workbench")
-				})] }), /* @__PURE__ */ A("div", {
+					children: j("vibecontrols.pages.ai.contextHeading", "AI workbench")
+				})] }), /* @__PURE__ */ E("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ k(x, {
+					children: [/* @__PURE__ */ T(v, {
 						aiHref: "/ai",
 						activeMode: "ai"
-					}), /* @__PURE__ */ k(d, {
-						label: P("vibecontrols.pages.ai.agentSelectorLabel", "Agent"),
+					}), /* @__PURE__ */ T(f, {
+						label: j("vibecontrols.pages.ai.agentSelectorLabel", "Agent"),
 						compact: !0
 					})]
 				})]
 			}),
-			/* @__PURE__ */ k(y, { active: "workbench" }),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ T(le, { active: "workbench" }),
+			/* @__PURE__ */ T("div", {
 				className: "flex-1 min-h-0 overflow-auto p-4 sm:p-6 lg:p-0",
-				children: /* @__PURE__ */ k(l, {
+				children: /* @__PURE__ */ T(u, {
 					agentId: V || null,
-					children: /* @__PURE__ */ k(c, {
+					children: /* @__PURE__ */ T(l, {
 						agentId: V || null,
-						onInstalled: () => void fe(),
+						onInstalled: () => void ve(),
 						requirements: [{
-							packages: [o],
+							packages: [s],
 							mode: "all",
-							eyebrow: P("vibecontrols.pages.ai.pluginRequiredEyebrow", "AI plugin required"),
-							title: P("vibecontrols.pages.ai.coreTitle", "Install the AI orchestrator"),
-							description: P("vibecontrols.pages.ai.coreDescription", "The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.")
+							eyebrow: j("vibecontrols.pages.ai.pluginRequiredEyebrow", "AI plugin required"),
+							title: j("vibecontrols.pages.ai.coreTitle", "Install the AI orchestrator"),
+							description: j("vibecontrols.pages.ai.coreDescription", "The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.")
 						}, {
-							packages: s,
+							packages: c,
 							mode: "any",
-							eyebrow: P("vibecontrols.pages.ai.providerEyebrow", "AI provider required"),
-							title: P("vibecontrols.pages.ai.providerTitle", "Install at least one AI provider"),
-							description: P("vibecontrols.pages.ai.providerDescription", "Pick the AI harness you want to use. You can install more providers later from the Plugins tab on your agent.")
+							eyebrow: j("vibecontrols.pages.ai.providerEyebrow", "AI provider required"),
+							title: j("vibecontrols.pages.ai.providerTitle", "Install at least one AI provider"),
+							description: j("vibecontrols.pages.ai.providerDescription", "Pick the AI harness you want to use. You can install more providers later from the Plugins tab on your agent.")
 						}],
-						children: /* @__PURE__ */ k(oe, {
-							fallback: /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ T(b, {
+							fallback: /* @__PURE__ */ T("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ k(i, { message: "Loading..." })
+								children: /* @__PURE__ */ T(i, { message: "Loading..." })
 							}),
-							children: /* @__PURE__ */ k(_, {
-								sidebar: /* @__PURE__ */ k(v, {
+							children: /* @__PURE__ */ T(ae, {
+								sidebar: /* @__PURE__ */ T(oe, {
 									agent: U,
-									onDeleteSession: ue,
-									onDeleteSelected: de
+									onDeleteSession: ge,
+									onDeleteSelected: _e
 								}),
-								detailPanel: J ? /* @__PURE__ */ k(ae, {
+								detailPanel: J ? /* @__PURE__ */ T(g, {
 									sessionId: J,
 									agent: U
 								}) : void 0,
-								children: /* @__PURE__ */ k(ie, { agent: U })
+								children: /* @__PURE__ */ T(ce, { agent: U })
 							})
 						})
 					})
 				})
 			})
 		]
+	}) : /* @__PURE__ */ T(O, {
+		className: "flex items-center justify-center h-full bg-bg-surface",
+		children: /* @__PURE__ */ T(D, {
+			title: j("vibecontrols.pages.ai.denied.title", "Access Denied"),
+			description: j("vibecontrols.pages.ai.denied.description", "You do not have permission to view AI features.")
+		})
 	});
 }
 //#endregion
-export { M as AgentManagerPage };
+export { k as AgentManagerPage };
 
 //# sourceMappingURL=AgentManagerPage.js.map

package/dist/pages/ai/AgentManagerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentManagerPage.js","names":[],"sources":["../../../src/pages/ai/AgentManagerPage.tsx"],"sourcesContent":["/**\n * AgentManagerPage — top-level page for the multi-session Agent Manager.\n *\n * Reads URL params (:tab, :sessionId), resolves the active agent via\n * useCachedInitialData(), auto-opens a session tab if the URL has a\n * sessionId, and renders the three-pane layout.\n */\n\nimport { Suspense, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useApolloClient } from '@apollo/client/react';\nimport { MessagesSquare } from 'lucide-react';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  LoadingState,\n  EmptyState,\n  ErrorState,\n  PluginGate,\n  AgentSelector,\n  RequireAgentReachable,\n} from '@/components/shared';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { useActiveAgentProfile } from '@/hooks/useActiveAgentProfile';\nimport { usePluginAvailability } from '@/hooks/usePluginAvailability';\nimport { AgentPluginsDocument, type AgentPluginsQuery } from '@/generated/wspace-operations';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useAgentManagerKeyboard } from '@/hooks/useAgentManagerKeyboard';\nimport { terminateSession, bulkDeleteSessions } from '@/services/aiApi';\nimport { AgentManagerLayout } from '@/components/agent-manager/AgentManagerLayout';\nimport { AgentManagerSidebar } from '@/components/agent-manager/AgentManagerSidebar';\nimport { AgentManagerCenter } from '@/components/agent-manager/AgentManagerCenter';\nimport { AgentManagerDetailPanel } from '@/components/agent-manager/AgentManagerDetailPanel';\nimport { BridleConfigPanel } from '@/components/agent-manager/BridleConfigPanel';\nimport { ClaudeCredentialsCard } from '@/components/ai/ClaudeCredentialsCard';\nimport { AIModeToggle } from '@/components/ai/AIModeToggle';\nimport { AiSectionTabs } from '@/components/ai/AiSectionTabs';\nimport { AI_CORE_PACKAGE, AI_PROVIDER_PACKAGES } from '@/constants/pluginCatalog';\n\ninterface AgentManagerParams {\n  tab?: string;\n  sessionId?: string;\n}\n\nexport function AgentManagerPage() {\n  const { tab: tabParam, sessionId: sessionIdParam } = useParams<\n    AgentManagerParams & Record<string, string | undefined>\n  >();\n  const tr = useTr();\n  const handleNavigate = useVibeNavigate();\n\n  const { agents, loading: agentsLoading, error: agentsError } = useCachedInitialData();\n  const selectedAgentId = useVibeControlsStore((s) => s.activeAgentId);\n\n  // Prefer the user-selected agent from the store; fall back to the first\n  // healthy one so the page works on first visit before the selector commits.\n  const activeAgent = useMemo(() => {\n    if (selectedAgentId) {\n      const match = agents.find((a) => a.id === selectedAgentId);\n      if (match) return match;\n    }\n    return agents.find((a) => a.isActive && a.tunnelUrl) ?? null;\n  }, [agents, selectedAgentId]);\n\n  const agentId = activeAgent?.id ?? '';\n  // AgentRef for canonical aiApi calls — agent → profile → plugins/data.\n  const { active: activeProfile } = useActiveAgentProfile(activeAgent?.id ?? null);\n  const agentRef = useMemo(\n    () => ({ id: agentId, profile: activeProfile }),\n    [agentId, activeProfile]\n  );\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const closeTab = useAgentManagerStore((s) => s.closeTab);\n  const clearSelection = useAgentManagerStore((s) => s.clearSelection);\n  const bumpSessionsRefresh = useAgentManagerStore((s) => s.bumpSessionsRefresh);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const setActiveChatContext = useAgentManagerStore((s) => s.setActiveChatContext);\n\n  // Launch \"in context\": the /ai route accepts ?vibeId=…&contextLevel=vibe\n  // (from a vibe's \"Open AI chat\") or ?contextLevel=agent. This sets the active\n  // bucket so new sessions are tagged + the sidebar list is filtered to it.\n  const [searchParams] = useSearchParams();\n  useEffect(() => {\n    const vibeIdParam = searchParams.get('vibeId');\n    setActiveChatContext({\n      contextLevel: vibeIdParam ? 'vibe' : 'agent',\n      vibeId: vibeIdParam ?? null,\n    });\n  }, [searchParams, setActiveChatContext]);\n\n  // Pre-fetch plugin availability at the page level so the detection phase\n  // overlaps with the agents query's resolution. This collapses the two\n  // sequential loading states (\"Loading agents...\" → \"Checking plugin\n  // availability...\") into one unified wait, eliminating the flicker the\n  // user saw between them.\n  const detectionPackages = useMemo(() => [AI_CORE_PACKAGE, ...AI_PROVIDER_PACKAGES], []);\n  // Plugins are agent-wide (BOFF-2612). `activeProfile` is still resolved\n  // above for non-plugin concerns (aiApi agentRef).\n  const { initialLoading: pluginsInitialLoading, refetch: refetchPlugins } = usePluginAvailability(\n    detectionPackages,\n    agentId || null\n  );\n\n  const apollo = useApolloClient();\n  // Guards onInstalled against re-entrancy if the gate fires the transition\n  // more than once while a poll is still in flight.\n  const completingInstallRef = useRef(false);\n\n  // Auto-open session from URL param\n  useEffect(() => {\n    if (sessionIdParam && agentId) {\n      openSession(sessionIdParam, `Session ${sessionIdParam.slice(0, 8)}`);\n    }\n  }, [sessionIdParam, agentId, openSession]);\n\n  const handleDeleteSession = useCallback(\n    async (sessionId: string) => {\n      if (!agentId) return;\n      try {\n        await terminateSession(agentRef, sessionId);\n        closeTab(sessionId);\n        bumpSessionsRefresh();\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [agentId, agentRef, bumpSessionsRefresh, closeTab]\n  );\n\n  const handleDeleteSelected = useCallback(\n    async (sessionIds: string[]) => {\n      if (!agentId) return;\n      try {\n        await bulkDeleteSessions(agentRef, sessionIds);\n        sessionIds.forEach((sessionId) => closeTab(sessionId));\n        clearSelection();\n        bumpSessionsRefresh();\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [agentId, agentRef, bumpSessionsRefresh, clearSelection, closeTab]\n  );\n\n  // Smart completion after the first provider install resolves the gate.\n  // Replaces the old window.location.reload() (BOFF-2671): instead of nuking\n  // the SPA, we make sure every consumer of `agentPlugins` (gate,\n  // AgentManagerCenter, harness/provider selectors) sees the freshly-installed\n  // provider. The agent-side npm install is async (~10–30s) and the gate only\n  // fires this once it has already detected the provider, but the surrounding\n  // surfaces read the Apollo cache directly — so we refetch, then poll\n  // network-only until at least one provider package is present in the cached\n  // list, capping the wait so we never spin forever.\n  const handleProviderInstalled = useCallback(async () => {\n    if (completingInstallRef.current || !agentId) return;\n    completingInstallRef.current = true;\n    // Reads the authoritative provider-present state from the Apollo cache,\n    // which refetchPlugins() / the network-only poll both write through. Avoids\n    // a stale React-state closure (installedPlugins captured at callback build).\n    const providerPresentInCache = (): boolean => {\n      try {\n        const cached = apollo.readQuery<AgentPluginsQuery>({\n          query: AgentPluginsDocument,\n          variables: { agentId },\n        });\n        const names = new Set((cached?.agentPlugins?.installed ?? []).map((p) => p.packageName));\n        return AI_PROVIDER_PACKAGES.some((pkg) => names.has(pkg));\n      } catch {\n        return false;\n      }\n    };\n    try {\n      // Fast path: the optimistic + subscription-driven cache may already show a\n      // provider. Refetch once to write the authoritative list into the cache.\n      await refetchPlugins();\n      if (providerPresentInCache()) return;\n\n      // Slow path: poll the agent directly until the provider lands or we give\n      // up (15 attempts × ~2s ≈ 30s, matching the worst-case npm install).\n      for (let attempt = 0; attempt < 15; attempt += 1) {\n        await new Promise((resolve) => setTimeout(resolve, 2000));\n        try {\n          const { data } = await apollo.query<AgentPluginsQuery>({\n            query: AgentPluginsDocument,\n            variables: { agentId },\n            fetchPolicy: 'network-only',\n          });\n          const installedList = data?.agentPlugins?.installed ?? [];\n          const names = new Set(installedList.map((p) => p.packageName));\n          if (AI_PROVIDER_PACKAGES.some((pkg) => names.has(pkg))) break;\n        } catch (err) {\n          // Transient agent-not-ready errors are expected mid-install; keep\n          // polling. Surface only for debuggability.\n          console.warn('[ai] provider poll attempt failed', err);\n        }\n      }\n      // Final refetch so the hook's installed map + cache reflect the result.\n      await refetchPlugins();\n    } finally {\n      completingInstallRef.current = false;\n    }\n  }, [agentId, apollo, refetchPlugins]);\n\n  // Activate keyboard shortcuts (Ctrl+Shift+N, Ctrl+K, Ctrl+F, Escape)\n  useAgentManagerKeyboard();\n\n  // Single unified wait: show one LoadingState while either the agents\n  // query or the plugin-availability probe is still in flight. Prevents\n  // the two-step \"Loading agents...\" → \"Checking plugin availability...\"\n  // cascade. `agentId && pluginsInitialLoading` also catches the case\n  // where agents resolved but the plugin probe hasn't fired/settled yet.\n  if (agentsLoading || (agentId && pluginsInitialLoading)) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <LoadingState\n          message={tr(\n            'vibecontrols.pages.ai.detectingAgent',\n            'Detecting agent and plugin availability…'\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  if (agentsError) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <ErrorState title=\"Failed to load agents\" message={agentsError.message} />\n      </MotionPage>\n    );\n  }\n\n  if (agents.length === 0) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface p-8\">\n        <EmptyState\n          icon={<MessagesSquare className=\"size-8 text-text-secondary\" />}\n          title={tr('vibecontrols.pages.ai.noActiveAgentAvailable', 'No agents available')}\n          description={tr(\n            'vibecontrols.pages.ai.agentManagerRequiresAgent',\n            'The Agent Manager needs at least one vibecontrols agent. Add one or start an existing one.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate('/agents')}\n              className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm\"\n            >\n              {tr('vibecontrols.pages.ai.goToAgents', 'Go to Agents')}\n            </button>\n          }\n        />\n      </MotionPage>\n    );\n  }\n\n  if (tabParam === 'config') {\n    return (\n      <MotionPage className=\"flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3\">\n          <div>\n            <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n              {tr('vibecontrols.pages.ai.contextLabel', 'Active context')}\n            </p>\n            <h2 className=\"text-sm font-semibold text-text-primary mt-0.5\">\n              {tr('vibecontrols.pages.ai.configHeading', 'AI configuration')}\n            </h2>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <AIModeToggle aiHref=\"/ai\" activeMode=\"ai\" />\n            <AgentSelector\n              label={tr('vibecontrols.pages.ai.agentSelectorLabel', 'Agent')}\n              compact\n            />\n          </div>\n        </div>\n\n        <div className=\"flex-1 overflow-auto p-4 sm:p-6 space-y-6\">\n          <RequireAgentReachable agentId={agentId || null}>\n            <ClaudeCredentialsCard agent={agentRef} />\n            <BridleConfigPanel agent={agentRef} />\n          </RequireAgentReachable>\n        </div>\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3\">\n        <div>\n          <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n            {tr('vibecontrols.pages.ai.contextLabel', 'Active context')}\n          </p>\n          <h2 className=\"text-sm font-semibold text-text-primary mt-0.5\">\n            {tr('vibecontrols.pages.ai.contextHeading', 'AI workbench')}\n          </h2>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {/* Plan toggle navigates to the canonical /ai-tools/plan\n              workspace; the AI side stays on this AgentManagerPage. */}\n          <AIModeToggle aiHref=\"/ai\" activeMode=\"ai\" />\n          <AgentSelector label={tr('vibecontrols.pages.ai.agentSelectorLabel', 'Agent')} compact />\n        </div>\n      </div>\n\n      <AiSectionTabs active=\"workbench\" />\n\n      <div className=\"flex-1 min-h-0 overflow-auto p-4 sm:p-6 lg:p-0\">\n        <RequireAgentReachable agentId={agentId || null}>\n          <PluginGate\n            agentId={agentId || null}\n            // Smart completion instead of window.location.reload() (BOFF-2671).\n            // PluginGate fires this on the unsatisfied → satisfied transition,\n            // i.e. once the first provider is detected. We then refetch +\n            // network-only-poll the agent's plugin list so the gate's children\n            // (AgentManagerCenter and every provider/harness selector) read the\n            // freshly-installed provider from the Apollo cache — no full reload,\n            // no empty chat surface waiting on a manual refresh.\n            onInstalled={() => void handleProviderInstalled()}\n            requirements={[\n              {\n                packages: [AI_CORE_PACKAGE],\n                mode: 'all',\n                eyebrow: tr('vibecontrols.pages.ai.pluginRequiredEyebrow', 'AI plugin required'),\n                title: tr('vibecontrols.pages.ai.coreTitle', 'Install the AI orchestrator'),\n                description: tr(\n                  'vibecontrols.pages.ai.coreDescription',\n                  'The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.'\n                ),\n              },\n              {\n                packages: AI_PROVIDER_PACKAGES,\n                mode: 'any',\n                eyebrow: tr('vibecontrols.pages.ai.providerEyebrow', 'AI provider required'),\n                title: tr(\n                  'vibecontrols.pages.ai.providerTitle',\n                  'Install at least one AI provider'\n                ),\n                description: tr(\n                  'vibecontrols.pages.ai.providerDescription',\n                  'Pick the AI harness you want to use. You can install more providers later from the Plugins tab on your agent.'\n                ),\n              },\n            ]}\n          >\n            <Suspense\n              fallback={\n                <div className=\"flex items-center justify-center h-full\">\n                  <LoadingState message=\"Loading...\" />\n                </div>\n              }\n            >\n              <AgentManagerLayout\n                sidebar={\n                  <AgentManagerSidebar\n                    agent={agentRef}\n                    onDeleteSession={handleDeleteSession}\n                    onDeleteSelected={handleDeleteSelected}\n                  />\n                }\n                detailPanel={\n                  activeTabSessionId ? (\n                    <AgentManagerDetailPanel sessionId={activeTabSessionId} agent={agentRef} />\n                  ) : undefined\n                }\n              >\n                <AgentManagerCenter agent={agentRef} />\n              </AgentManagerLayout>\n            </Suspense>\n          </PluginGate>\n        </RequireAgentReachable>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AgentManagerPage.js","names":[],"sources":["../../../src/pages/ai/AgentManagerPage.tsx"],"sourcesContent":["/**\n * AgentManagerPage — top-level page for the multi-session Agent Manager.\n *\n * Reads URL params (:tab, :sessionId), resolves the active agent via\n * useCachedInitialData(), auto-opens a session tab if the URL has a\n * sessionId, and renders the three-pane layout.\n */\n\nimport { Suspense, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useApolloClient } from '@apollo/client/react';\nimport { MessagesSquare } from 'lucide-react';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  LoadingState,\n  EmptyState,\n  ErrorState,\n  PluginGate,\n  AgentSelector,\n  RequireAgentReachable,\n} from '@/components/shared';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { useActiveAgentProfile } from '@/hooks/useActiveAgentProfile';\nimport { usePluginAvailability } from '@/hooks/usePluginAvailability';\nimport { AgentPluginsDocument, type AgentPluginsQuery } from '@/generated/wspace-operations';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useAgentManagerKeyboard } from '@/hooks/useAgentManagerKeyboard';\nimport { terminateSession, bulkDeleteSessions } from '@/services/aiApi';\nimport { AgentManagerLayout } from '@/components/agent-manager/AgentManagerLayout';\nimport { AgentManagerSidebar } from '@/components/agent-manager/AgentManagerSidebar';\nimport { AgentManagerCenter } from '@/components/agent-manager/AgentManagerCenter';\nimport { AgentManagerDetailPanel } from '@/components/agent-manager/AgentManagerDetailPanel';\nimport { BridleConfigPanel } from '@/components/agent-manager/BridleConfigPanel';\nimport { ClaudeCredentialsCard } from '@/components/ai/ClaudeCredentialsCard';\nimport { AIModeToggle } from '@/components/ai/AIModeToggle';\nimport { AiSectionTabs } from '@/components/ai/AiSectionTabs';\nimport { AI_CORE_PACKAGE, AI_PROVIDER_PACKAGES } from '@/constants/pluginCatalog';\n\ninterface AgentManagerParams {\n  tab?: string;\n  sessionId?: string;\n}\n\nexport function AgentManagerPage() {\n  const { tab: tabParam, sessionId: sessionIdParam } = useParams<\n    AgentManagerParams & Record<string, string | undefined>\n  >();\n  const tr = useTr();\n  const handleNavigate = useVibeNavigate();\n  // Agent-centric page — gate on `agent:read` (defense-in-depth).\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canReadAgents = hasPermission(VIBE_PERMISSIONS.AGENT_READ);\n\n  const { agents, loading: agentsLoading, error: agentsError } = useCachedInitialData();\n  const selectedAgentId = useVibeControlsStore((s) => s.activeAgentId);\n\n  // Prefer the user-selected agent from the store; fall back to the first\n  // healthy one so the page works on first visit before the selector commits.\n  const activeAgent = useMemo(() => {\n    if (selectedAgentId) {\n      const match = agents.find((a) => a.id === selectedAgentId);\n      if (match) return match;\n    }\n    return agents.find((a) => a.isActive && a.tunnelUrl) ?? null;\n  }, [agents, selectedAgentId]);\n\n  const agentId = activeAgent?.id ?? '';\n  // AgentRef for canonical aiApi calls — agent → profile → plugins/data.\n  const { active: activeProfile } = useActiveAgentProfile(activeAgent?.id ?? null);\n  const agentRef = useMemo(\n    () => ({ id: agentId, profile: activeProfile }),\n    [agentId, activeProfile]\n  );\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const closeTab = useAgentManagerStore((s) => s.closeTab);\n  const clearSelection = useAgentManagerStore((s) => s.clearSelection);\n  const bumpSessionsRefresh = useAgentManagerStore((s) => s.bumpSessionsRefresh);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const setActiveChatContext = useAgentManagerStore((s) => s.setActiveChatContext);\n\n  // Launch \"in context\": the /ai route accepts ?vibeId=…&contextLevel=vibe\n  // (from a vibe's \"Open AI chat\") or ?contextLevel=agent. This sets the active\n  // bucket so new sessions are tagged + the sidebar list is filtered to it.\n  const [searchParams] = useSearchParams();\n  useEffect(() => {\n    const vibeIdParam = searchParams.get('vibeId');\n    setActiveChatContext({\n      contextLevel: vibeIdParam ? 'vibe' : 'agent',\n      vibeId: vibeIdParam ?? null,\n    });\n  }, [searchParams, setActiveChatContext]);\n\n  // Pre-fetch plugin availability at the page level so the detection phase\n  // overlaps with the agents query's resolution. This collapses the two\n  // sequential loading states (\"Loading agents...\" → \"Checking plugin\n  // availability...\") into one unified wait, eliminating the flicker the\n  // user saw between them.\n  const detectionPackages = useMemo(() => [AI_CORE_PACKAGE, ...AI_PROVIDER_PACKAGES], []);\n  // Plugins are agent-wide (BOFF-2612). `activeProfile` is still resolved\n  // above for non-plugin concerns (aiApi agentRef).\n  const { initialLoading: pluginsInitialLoading, refetch: refetchPlugins } = usePluginAvailability(\n    detectionPackages,\n    agentId || null\n  );\n\n  const apollo = useApolloClient();\n  // Guards onInstalled against re-entrancy if the gate fires the transition\n  // more than once while a poll is still in flight.\n  const completingInstallRef = useRef(false);\n\n  // Auto-open session from URL param\n  useEffect(() => {\n    if (sessionIdParam && agentId) {\n      openSession(sessionIdParam, `Session ${sessionIdParam.slice(0, 8)}`);\n    }\n  }, [sessionIdParam, agentId, openSession]);\n\n  const handleDeleteSession = useCallback(\n    async (sessionId: string) => {\n      if (!agentId) return;\n      try {\n        await terminateSession(agentRef, sessionId);\n        closeTab(sessionId);\n        bumpSessionsRefresh();\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [agentId, agentRef, bumpSessionsRefresh, closeTab]\n  );\n\n  const handleDeleteSelected = useCallback(\n    async (sessionIds: string[]) => {\n      if (!agentId) return;\n      try {\n        await bulkDeleteSessions(agentRef, sessionIds);\n        sessionIds.forEach((sessionId) => closeTab(sessionId));\n        clearSelection();\n        bumpSessionsRefresh();\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [agentId, agentRef, bumpSessionsRefresh, clearSelection, closeTab]\n  );\n\n  // Smart completion after the first provider install resolves the gate.\n  // Replaces the old window.location.reload() (BOFF-2671): instead of nuking\n  // the SPA, we make sure every consumer of `agentPlugins` (gate,\n  // AgentManagerCenter, harness/provider selectors) sees the freshly-installed\n  // provider. The agent-side npm install is async (~10–30s) and the gate only\n  // fires this once it has already detected the provider, but the surrounding\n  // surfaces read the Apollo cache directly — so we refetch, then poll\n  // network-only until at least one provider package is present in the cached\n  // list, capping the wait so we never spin forever.\n  const handleProviderInstalled = useCallback(async () => {\n    if (completingInstallRef.current || !agentId) return;\n    completingInstallRef.current = true;\n    // Reads the authoritative provider-present state from the Apollo cache,\n    // which refetchPlugins() / the network-only poll both write through. Avoids\n    // a stale React-state closure (installedPlugins captured at callback build).\n    const providerPresentInCache = (): boolean => {\n      try {\n        const cached = apollo.readQuery<AgentPluginsQuery>({\n          query: AgentPluginsDocument,\n          variables: { agentId },\n        });\n        const names = new Set((cached?.agentPlugins?.installed ?? []).map((p) => p.packageName));\n        return AI_PROVIDER_PACKAGES.some((pkg) => names.has(pkg));\n      } catch {\n        return false;\n      }\n    };\n    try {\n      // Fast path: the optimistic + subscription-driven cache may already show a\n      // provider. Refetch once to write the authoritative list into the cache.\n      await refetchPlugins();\n      if (providerPresentInCache()) return;\n\n      // Slow path: poll the agent directly until the provider lands or we give\n      // up (15 attempts × ~2s ≈ 30s, matching the worst-case npm install).\n      for (let attempt = 0; attempt < 15; attempt += 1) {\n        await new Promise((resolve) => setTimeout(resolve, 2000));\n        try {\n          const { data } = await apollo.query<AgentPluginsQuery>({\n            query: AgentPluginsDocument,\n            variables: { agentId },\n            fetchPolicy: 'network-only',\n          });\n          const installedList = data?.agentPlugins?.installed ?? [];\n          const names = new Set(installedList.map((p) => p.packageName));\n          if (AI_PROVIDER_PACKAGES.some((pkg) => names.has(pkg))) break;\n        } catch (err) {\n          // Transient agent-not-ready errors are expected mid-install; keep\n          // polling. Surface only for debuggability.\n          console.warn('[ai] provider poll attempt failed', err);\n        }\n      }\n      // Final refetch so the hook's installed map + cache reflect the result.\n      await refetchPlugins();\n    } finally {\n      completingInstallRef.current = false;\n    }\n  }, [agentId, apollo, refetchPlugins]);\n\n  // Activate keyboard shortcuts (Ctrl+Shift+N, Ctrl+K, Ctrl+F, Escape)\n  useAgentManagerKeyboard();\n\n  if (permissionsLoading) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions…')} />\n      </MotionPage>\n    );\n  }\n\n  if (!canReadAgents) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <AccessDenied\n          title={tr('vibecontrols.pages.ai.denied.title', 'Access Denied')}\n          description={tr(\n            'vibecontrols.pages.ai.denied.description',\n            'You do not have permission to view AI features.'\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  // Single unified wait: show one LoadingState while either the agents\n  // query or the plugin-availability probe is still in flight. Prevents\n  // the two-step \"Loading agents...\" → \"Checking plugin availability...\"\n  // cascade. `agentId && pluginsInitialLoading` also catches the case\n  // where agents resolved but the plugin probe hasn't fired/settled yet.\n  if (agentsLoading || (agentId && pluginsInitialLoading)) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <LoadingState\n          message={tr(\n            'vibecontrols.pages.ai.detectingAgent',\n            'Detecting agent and plugin availability…'\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  if (agentsError) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface\">\n        <ErrorState title=\"Failed to load agents\" message={agentsError.message} />\n      </MotionPage>\n    );\n  }\n\n  if (agents.length === 0) {\n    return (\n      <MotionPage className=\"flex items-center justify-center h-full bg-bg-surface p-8\">\n        <EmptyState\n          icon={<MessagesSquare className=\"size-8 text-text-secondary\" />}\n          title={tr('vibecontrols.pages.ai.noActiveAgentAvailable', 'No agents available')}\n          description={tr(\n            'vibecontrols.pages.ai.agentManagerRequiresAgent',\n            'The Agent Manager needs at least one vibecontrols agent. Add one or start an existing one.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate('/agents')}\n              className=\"px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm\"\n            >\n              {tr('vibecontrols.pages.ai.goToAgents', 'Go to Agents')}\n            </button>\n          }\n        />\n      </MotionPage>\n    );\n  }\n\n  if (tabParam === 'config') {\n    return (\n      <MotionPage className=\"flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden\">\n        <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3\">\n          <div>\n            <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n              {tr('vibecontrols.pages.ai.contextLabel', 'Active context')}\n            </p>\n            <h2 className=\"text-sm font-semibold text-text-primary mt-0.5\">\n              {tr('vibecontrols.pages.ai.configHeading', 'AI configuration')}\n            </h2>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <AIModeToggle aiHref=\"/ai\" activeMode=\"ai\" />\n            <AgentSelector\n              label={tr('vibecontrols.pages.ai.agentSelectorLabel', 'Agent')}\n              compact\n            />\n          </div>\n        </div>\n\n        <div className=\"flex-1 overflow-auto p-4 sm:p-6 space-y-6\">\n          <RequireAgentReachable agentId={agentId || null}>\n            <ClaudeCredentialsCard agent={agentRef} />\n            <BridleConfigPanel agent={agentRef} />\n          </RequireAgentReachable>\n        </div>\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"flex flex-col h-[calc(100vh-6.5rem)] bg-bg-surface overflow-hidden\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-default px-4 sm:px-6 py-3\">\n        <div>\n          <p className=\"text-xs uppercase tracking-wide text-text-secondary\">\n            {tr('vibecontrols.pages.ai.contextLabel', 'Active context')}\n          </p>\n          <h2 className=\"text-sm font-semibold text-text-primary mt-0.5\">\n            {tr('vibecontrols.pages.ai.contextHeading', 'AI workbench')}\n          </h2>\n        </div>\n        <div className=\"flex items-center gap-3\">\n          {/* Plan toggle navigates to the canonical /ai-tools/plan\n              workspace; the AI side stays on this AgentManagerPage. */}\n          <AIModeToggle aiHref=\"/ai\" activeMode=\"ai\" />\n          <AgentSelector label={tr('vibecontrols.pages.ai.agentSelectorLabel', 'Agent')} compact />\n        </div>\n      </div>\n\n      <AiSectionTabs active=\"workbench\" />\n\n      <div className=\"flex-1 min-h-0 overflow-auto p-4 sm:p-6 lg:p-0\">\n        <RequireAgentReachable agentId={agentId || null}>\n          <PluginGate\n            agentId={agentId || null}\n            // Smart completion instead of window.location.reload() (BOFF-2671).\n            // PluginGate fires this on the unsatisfied → satisfied transition,\n            // i.e. once the first provider is detected. We then refetch +\n            // network-only-poll the agent's plugin list so the gate's children\n            // (AgentManagerCenter and every provider/harness selector) read the\n            // freshly-installed provider from the Apollo cache — no full reload,\n            // no empty chat surface waiting on a manual refresh.\n            onInstalled={() => void handleProviderInstalled()}\n            requirements={[\n              {\n                packages: [AI_CORE_PACKAGE],\n                mode: 'all',\n                eyebrow: tr('vibecontrols.pages.ai.pluginRequiredEyebrow', 'AI plugin required'),\n                title: tr('vibecontrols.pages.ai.coreTitle', 'Install the AI orchestrator'),\n                description: tr(\n                  'vibecontrols.pages.ai.coreDescription',\n                  'The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.'\n                ),\n              },\n              {\n                packages: AI_PROVIDER_PACKAGES,\n                mode: 'any',\n                eyebrow: tr('vibecontrols.pages.ai.providerEyebrow', 'AI provider required'),\n                title: tr(\n                  'vibecontrols.pages.ai.providerTitle',\n                  'Install at least one AI provider'\n                ),\n                description: tr(\n                  'vibecontrols.pages.ai.providerDescription',\n                  'Pick the AI harness you want to use. You can install more providers later from the Plugins tab on your agent.'\n                ),\n              },\n            ]}\n          >\n            <Suspense\n              fallback={\n                <div className=\"flex items-center justify-center h-full\">\n                  <LoadingState message=\"Loading...\" />\n                </div>\n              }\n            >\n              <AgentManagerLayout\n                sidebar={\n                  <AgentManagerSidebar\n                    agent={agentRef}\n                    onDeleteSession={handleDeleteSession}\n                    onDeleteSelected={handleDeleteSelected}\n                  />\n                }\n                detailPanel={\n                  activeTabSessionId ? (\n                    <AgentManagerDetailPanel sessionId={activeTabSessionId} agent={agentRef} />\n                  ) : undefined\n                }\n              >\n                <AgentManagerCenter agent={agentRef} />\n              </AgentManagerLayout>\n            </Suspense>\n          </PluginGate>\n        </RequireAgentReachable>\n      </div>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}