@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/pages/ai/AIPage.js

@@ -7,181 +7,185 @@ import { EmptyState as a } from "../../components/shared/EmptyState.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 "../../components/shared/index.js";
-import { PluginHarnessPicker as u } from "../../components/ai/PluginHarnessPicker.js";
-import { AIOverviewTab as d } from "../../components/ai/AIOverviewTab.js";
+import { PluginHarnessPicker as d } from "../../components/ai/PluginHarnessPicker.js";
 import { AITemplatesTab as f } from "../../components/ai/AITemplatesTab.js";
 import { AIContextsTab as p } from "../../components/ai/AIContextsTab.js";
 import { AIPromptsTab as m } from "../../components/ai/AIPromptsTab.js";
-import { AISessionsTab as h } from "../../components/ai/AISessionsTab.js";
-import { AITasksTab as g } from "../../components/ai/AITasksTab.js";
-import { AIStatsTab as _ } from "../../components/ai/AIStatsTab.js";
-import { AIPlaygroundTab as v } from "../../components/ai/AIPlaygroundTab.js";
-import { ClaudeCredentialsCard as y } from "../../components/ai/ClaudeCredentialsCard.js";
-import { BridleConfigPanel as b } from "../../components/agent-manager/BridleConfigPanel.js";
-import { useCallback as x, useMemo as S, useState as C } from "react";
-import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { BarChart3 as T, FileCode2 as E, FileText as D, LayoutDashboard as O, ListTodo as k, MessageSquare as A, MessagesSquare as j, Play as M } from "lucide-react";
-import { useParams as N } from "react-router-dom";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { MotionPage as I } from "@burdenoff/fe-libs/shared/motion";
+import { AITasksTab as h } from "../../components/ai/AITasksTab.js";
+import { AIStatsTab as g } from "../../components/ai/AIStatsTab.js";
+import { AIPlaygroundTab as _ } from "../../components/ai/AIPlaygroundTab.js";
+import { BridleConfigPanel as v } from "../../components/agent-manager/BridleConfigPanel.js";
+import { AIOverviewTab as y } from "../../components/ai/AIOverviewTab.js";
+import { AISessionsTab as b } from "../../components/ai/AISessionsTab.js";
+import { ClaudeCredentialsCard as x } from "../../components/ai/ClaudeCredentialsCard.js";
+import { useCallback as S, useMemo as C, useState as w } from "react";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { BarChart3 as E, FileCode2 as D, FileText as O, LayoutDashboard as k, ListTodo as A, MessageSquare as j, MessagesSquare as M, Play as N } from "lucide-react";
+import { useParams as P } from "react-router-dom";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { MotionPage as L } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/ai/AIPage.tsx
-var L = [
+var R = [
 	{
 		id: "overview",
-		icon: O
+		icon: k
 	},
 	{
 		id: "templates",
-		icon: E
+		icon: D
 	},
 	{
 		id: "contexts",
-		icon: D
+		icon: O
 	},
 	{
 		id: "prompts",
-		icon: A
+		icon: j
 	},
 	{
 		id: "sessions",
-		icon: j
+		icon: M
 	},
 	{
 		id: "tasks",
-		icon: k
+		icon: A
 	},
 	{
 		id: "stats",
-		icon: T
+		icon: E
 	},
 	{
 		id: "playground",
-		icon: M
+		icon: N
 	},
 	{
 		id: "config",
-		icon: O
+		icon: k
 	}
-], R = new Set(L.map((e) => e.id));
-function z() {
-	let { t: T } = w(), { tab: E } = N(), D = E && R.has(E) ? E : "overview", O = e(), k = x((e, t) => {
-		let n = T(e);
+], z = new Set(R.map((e) => e.id));
+function B() {
+	let { t: E } = T(), { tab: D } = P(), O = D && z.has(D) ? D : "overview", k = e(), A = S((e, t) => {
+		let n = E(e);
 		return n === e ? t : n;
-	}, [T]), A = x((e) => {
+	}, [E]), j = S((e) => {
 		switch (e) {
-			case "overview": return k("ai.overview", "Overview");
-			case "templates": return k("ai.templates", "Templates");
-			case "contexts": return k("ai.contexts", "Contexts");
-			case "prompts": return k("ai.prompts", "Prompts");
-			case "sessions": return k("nav.sessions", "Sessions");
-			case "tasks": return k("ai.tasks", "Tasks");
-			case "stats": return k("ai.stats", "Stats");
-			case "playground": return k("ai.playground", "Playground");
-			case "config": return k("ai.config", "Config");
+			case "overview": return A("ai.overview", "Overview");
+			case "templates": return A("ai.templates", "Templates");
+			case "contexts": return A("ai.contexts", "Contexts");
+			case "prompts": return A("ai.prompts", "Prompts");
+			case "sessions": return A("nav.sessions", "Sessions");
+			case "tasks": return A("ai.tasks", "Tasks");
+			case "stats": return A("ai.stats", "Stats");
+			case "playground": return A("ai.playground", "Playground");
+			case "config": return A("ai.config", "Config");
 			default: return e;
 		}
-	}, [k]), { agents: M, loading: z, error: B, refetch: V } = t();
-	B && console.error("[ai] failed to load initial workspace data", B);
-	let H = S(() => M.find((e) => e.isActive && e.tunnelUrl && e.agentApiKey) ?? null, [M])?.id ?? "", U = x((e) => {
-		O(e === "overview" ? "/ai-tools" : `/ai-tools/${e}`);
-	}, [O]), W = x((e) => {
-		O(`/ai-tools/sessions/${e}`);
-	}, [O]), G = !!H, [K, q] = C(null), J = x(() => {
-		q(k("ai.pluginInstalled", "Plugin installed. Refreshing…")), console.info("[ai] orchestrator install completed");
-	}, [k]), Y = x(() => {
-		q(k("ai.harnessUpdated", "Harness updated.")), console.info("[ai] harness picker changed");
-	}, [k]);
-	return /* @__PURE__ */ F(I, {
+	}, [A]), { agents: N, loading: B, error: V, refetch: H } = t();
+	V && console.error("[ai] failed to load initial workspace data", V);
+	let U = C(() => N.find((e) => e.isActive && e.tunnelUrl && e.agentApiKey) ?? null, [N]), W = U?.id ?? "", { active: G } = u(U?.id ?? null), K = C(() => ({
+		id: W,
+		profile: G
+	}), [W, G]), q = S((e) => {
+		k(e === "overview" ? "/ai-tools" : `/ai-tools/${e}`);
+	}, [k]), J = S((e) => {
+		k(`/ai-tools/sessions/${e}`);
+	}, [k]), Y = !!W, [X, Z] = w(null), Q = S(() => {
+		Z(A("ai.pluginInstalled", "Plugin installed. Refreshing…")), console.info("[ai] orchestrator install completed");
+	}, [A]), $ = S(() => {
+		Z(A("ai.harnessUpdated", "Harness updated.")), console.info("[ai] harness picker changed");
+	}, [A]);
+	return /* @__PURE__ */ I(L, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			/* @__PURE__ */ P(n, {
-				title: k("nav.ai", "AI"),
-				description: k("ai.description", "Manage AI sessions, prompts, templates, and contexts for your vibecoding workflow")
+			/* @__PURE__ */ F(n, {
+				title: A("nav.ai", "AI"),
+				description: A("ai.description", "Manage AI sessions, prompts, templates, and contexts for your vibecoding workflow")
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "border-b border-border-default -mx-4 sm:-mx-6 px-4 sm:px-6",
-				children: /* @__PURE__ */ P("nav", {
+				children: /* @__PURE__ */ F("nav", {
 					className: "flex gap-1 overflow-x-auto pb-1",
 					role: "tablist",
-					children: L.map((e) => {
-						let t = e.icon, n = D === e.id;
-						return /* @__PURE__ */ F("button", {
+					children: R.map((e) => {
+						let t = e.icon, n = O === e.id;
+						return /* @__PURE__ */ I("button", {
 							role: "tab",
 							"aria-selected": n,
-							onClick: () => U(e.id),
+							onClick: () => q(e.id),
 							className: `flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-md border-b-2 px-2.5 py-2 text-xs font-medium transition-colors sm:px-3 sm:py-2.5 sm:text-sm ${n ? "border-action-primary-bg text-action-primary-bg" : "border-transparent text-text-secondary hover:text-text-primary hover:border-border-default"}`,
-							children: [/* @__PURE__ */ P(t, { className: "h-3.5 w-3.5 sm:h-4 sm:w-4" }), A(e.id)]
+							children: [/* @__PURE__ */ F(t, { className: "h-3.5 w-3.5 sm:h-4 sm:w-4" }), j(e.id)]
 						}, e.id);
 					})
 				})
 			}),
-			z ? /* @__PURE__ */ P(r, { message: k("agentsPage.loadingAgents", "Loading agents...") }) : B ? /* @__PURE__ */ P(i, {
-				title: k("ai.loadFailed.title", "Could not load the AI workspace"),
-				message: k("ai.loadFailed.message", "We couldn't load the AI workspace. Please try again in a moment."),
-				onRetry: V
-			}) : G ? /* @__PURE__ */ P(l, {
-				agentId: H,
-				children: /* @__PURE__ */ P(c, {
-					agentId: H,
+			B ? /* @__PURE__ */ F(r, { message: A("agentsPage.loadingAgents", "Loading agents...") }) : V ? /* @__PURE__ */ F(i, {
+				title: A("ai.loadFailed.title", "Could not load the AI workspace"),
+				message: A("ai.loadFailed.message", "We couldn't load the AI workspace. Please try again in a moment."),
+				onRetry: H
+			}) : Y ? /* @__PURE__ */ F(l, {
+				agentId: W,
+				children: /* @__PURE__ */ F(c, {
+					agentId: W,
 					required: [o],
 					mode: "all",
-					eyebrow: k("ai.pluginRequired", "AI plugin required"),
-					title: k("ai.installOrchestrator", "Install the AI orchestrator"),
-					description: k("ai.installOrchestratorDesc", "The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue."),
-					onInstalled: J,
-					children: /* @__PURE__ */ F("div", {
+					eyebrow: A("ai.pluginRequired", "AI plugin required"),
+					title: A("ai.installOrchestrator", "Install the AI orchestrator"),
+					description: A("ai.installOrchestratorDesc", "The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue."),
+					onInstalled: Q,
+					children: /* @__PURE__ */ I("div", {
 						className: "space-y-6",
 						children: [
-							K && /* @__PURE__ */ P("div", {
+							X && /* @__PURE__ */ F("div", {
 								role: "status",
 								className: "rounded-md border border-status-success-border bg-status-success-bg px-3 py-2 text-xs text-status-success-text",
-								children: K
+								children: X
 							}),
-							/* @__PURE__ */ P(u, {
-								agentId: H,
+							/* @__PURE__ */ F(d, {
+								agentId: W,
 								packages: s,
-								title: k("ai.harnessesTitle", "AI harnesses"),
-								description: k("ai.harnessesDesc", "Install and manage the coding-agent harnesses available on this agent. You can install multiple and switch between them per-session."),
-								onChange: Y
+								title: A("ai.harnessesTitle", "AI harnesses"),
+								description: A("ai.harnessesDesc", "Install and manage the coding-agent harnesses available on this agent. You can install multiple and switch between them per-session."),
+								onChange: $
 							}),
-							/* @__PURE__ */ F("div", { children: [
-								D === "overview" && /* @__PURE__ */ P(d, {
-									agentId: H,
-									onNavigateToSession: W
+							/* @__PURE__ */ I("div", { children: [
+								O === "overview" && /* @__PURE__ */ F(y, {
+									agent: K,
+									onNavigateToSession: J
 								}),
-								D === "templates" && /* @__PURE__ */ P(f, { agentId: H }),
-								D === "contexts" && /* @__PURE__ */ P(p, { agentId: H }),
-								D === "prompts" && /* @__PURE__ */ P(m, { agentId: H }),
-								D === "sessions" && /* @__PURE__ */ P(h, {
-									agentId: H,
-									onNavigateToSession: W
+								O === "templates" && /* @__PURE__ */ F(f, { agentId: W }),
+								O === "contexts" && /* @__PURE__ */ F(p, { agent: K }),
+								O === "prompts" && /* @__PURE__ */ F(m, { agent: K }),
+								O === "sessions" && /* @__PURE__ */ F(b, {
+									agent: K,
+									onNavigateToSession: J
 								}),
-								D === "tasks" && /* @__PURE__ */ P(g, {}),
-								D === "stats" && /* @__PURE__ */ P(_, { agentId: H }),
-								D === "playground" && /* @__PURE__ */ P(v, { agentId: H }),
-								D === "config" && /* @__PURE__ */ F("div", {
+								O === "tasks" && /* @__PURE__ */ F(h, {}),
+								O === "stats" && /* @__PURE__ */ F(g, { agent: K }),
+								O === "playground" && /* @__PURE__ */ F(_, { agent: K }),
+								O === "config" && /* @__PURE__ */ I("div", {
 									className: "space-y-6",
-									children: [/* @__PURE__ */ P(y, { agentId: H }), /* @__PURE__ */ P(b, { agentId: H })]
+									children: [/* @__PURE__ */ F(x, { agent: K }), /* @__PURE__ */ F(v, { agent: K })]
 								})
 							] })
 						]
 					})
 				})
-			}) : /* @__PURE__ */ P(a, {
-				icon: /* @__PURE__ */ P(j, { className: "w-8 h-8 text-text-secondary" }),
-				title: k("ai.noActiveAgent", "No active agent available"),
-				description: k("ai.noActiveAgentDescription", "AI features require an active agent with a configured tunnel URL and API key. Add an agent or start an existing one."),
-				action: /* @__PURE__ */ P("button", {
-					onClick: () => O("/agents"),
+			}) : /* @__PURE__ */ F(a, {
+				icon: /* @__PURE__ */ F(M, { className: "w-8 h-8 text-text-secondary" }),
+				title: A("ai.noActiveAgent", "No active agent available"),
+				description: A("ai.noActiveAgentDescription", "AI features require an active agent with a configured tunnel URL and API key. Add an agent or start an existing one."),
+				action: /* @__PURE__ */ F("button", {
+					onClick: () => k("/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: k("ai.goToAgents", "Go to Agents")
+					children: A("ai.goToAgents", "Go to Agents")
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { z as AIPage };
+export { B as AIPage };
 
 //# sourceMappingURL=AIPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AIPage.js","names":[],"sources":["../../../src/pages/ai/AIPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  LayoutDashboard,\n  FileCode2,\n  FileText,\n  MessageSquare,\n  MessagesSquare,\n  ListTodo,\n  BarChart3,\n  Play,\n} from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  PageHeader,\n  LoadingState,\n  EmptyState,\n  ErrorState,\n  PluginGate,\n  RequireAgentReachable,\n} from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { AI_CORE_PACKAGE, AI_PROVIDER_PACKAGES } from '@/constants/pluginCatalog';\nimport { PluginHarnessPicker } from '@/components/ai/PluginHarnessPicker';\n\nimport { AIOverviewTab } from '@/components/ai/AIOverviewTab';\nimport { AITemplatesTab } from '@/components/ai/AITemplatesTab';\nimport { AIContextsTab } from '@/components/ai/AIContextsTab';\nimport { AIPromptsTab } from '@/components/ai/AIPromptsTab';\nimport { AISessionsTab } from '@/components/ai/AISessionsTab';\nimport { AITasksTab } from '@/components/ai/AITasksTab';\nimport { AIStatsTab } from '@/components/ai/AIStatsTab';\nimport { AIPlaygroundTab } from '@/components/ai/AIPlaygroundTab';\nimport { ClaudeCredentialsCard } from '@/components/ai/ClaudeCredentialsCard';\nimport { BridleConfigPanel } from '@/components/agent-manager/BridleConfigPanel';\n\ntype AITab =\n  | 'overview'\n  | 'templates'\n  | 'contexts'\n  | 'prompts'\n  | 'sessions'\n  | 'tasks'\n  | 'stats'\n  | 'playground'\n  | 'config';\n\nconst tabs: { id: AITab; icon: typeof LayoutDashboard }[] = [\n  { id: 'overview', icon: LayoutDashboard },\n  { id: 'templates', icon: FileCode2 },\n  { id: 'contexts', icon: FileText },\n  { id: 'prompts', icon: MessageSquare },\n  { id: 'sessions', icon: MessagesSquare },\n  { id: 'tasks', icon: ListTodo },\n  { id: 'stats', icon: BarChart3 },\n  { id: 'playground', icon: Play },\n  { id: 'config', icon: LayoutDashboard },\n];\n\nconst validTabs = new Set<string>(tabs.map((t) => t.id));\n\n/**\n * AI page — tab-based layout for AI / vibecoding features.\n * Reads the :tab param from the URL; defaults to \"overview\".\n */\nexport function AIPage() {\n  const { t } = useI18n();\n  const { tab: tabParam } = useParams<{ tab?: string }>();\n  const activeTab: AITab = tabParam && validTabs.has(tabParam) ? (tabParam as AITab) : 'overview';\n  const handleNavigate = useVibeNavigate();\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const tabLabel = useCallback(\n    (tabId: AITab): string => {\n      switch (tabId) {\n        case 'overview':\n          return tr('ai.overview', 'Overview');\n        case 'templates':\n          return tr('ai.templates', 'Templates');\n        case 'contexts':\n          return tr('ai.contexts', 'Contexts');\n        case 'prompts':\n          return tr('ai.prompts', 'Prompts');\n        case 'sessions':\n          return tr('nav.sessions', 'Sessions');\n        case 'tasks':\n          return tr('ai.tasks', 'Tasks');\n        case 'stats':\n          return tr('ai.stats', 'Stats');\n        case 'playground':\n          return tr('ai.playground', 'Playground');\n        case 'config':\n          return tr('ai.config', 'Config');\n        default:\n          return tabId;\n      }\n    },\n    [tr]\n  );\n\n  const { agents, loading: agentsLoading, error: agentsError, refetch } = useCachedInitialData();\n\n  // If the initial data query throws (e.g. gateway query-cost limit, network\n  // error, transient federation issue), surface a friendly fallback rather\n  // than the raw GraphQL error. The technical details still go to the console\n  // for debuggability — without PII, since the error message itself never\n  // contains secrets.\n  if (agentsError) {\n    // eslint-disable-next-line no-console -- intentional debug breadcrumb for failed AI workspace load\n    console.error('[ai] failed to load initial workspace data', agentsError);\n  }\n  const activeAgent = useMemo(\n    () => agents.find((agent) => agent.isActive && agent.tunnelUrl && agent.agentApiKey) ?? null,\n    [agents]\n  );\n  const agentId = activeAgent?.id ?? '';\n\n  const switchTab = useCallback(\n    (tab: AITab) => {\n      handleNavigate(tab === 'overview' ? '/ai-tools' : `/ai-tools/${tab}`);\n    },\n    [handleNavigate]\n  );\n\n  const navigateToSession = useCallback(\n    (sessionId: string) => {\n      handleNavigate(`/ai-tools/sessions/${sessionId}`);\n    },\n    [handleNavigate]\n  );\n\n  const hasAgent = !!agentId;\n\n  // Surface install lifecycle for debuggability. PluginGate / PluginHarnessPicker\n  // already render inline error chips, but a console breadcrumb + a top-level\n  // banner helps when the install actually succeeds on the agent but a stale\n  // detection cache hides the success — without this the install button looked\n  // like it silently swallowed errors.\n  const [lastInstallNote, setLastInstallNote] = useState<string | null>(null);\n  const handleInstalled = useCallback(() => {\n    setLastInstallNote(tr('ai.pluginInstalled', 'Plugin installed. Refreshing…'));\n    // eslint-disable-next-line no-console -- intentional install breadcrumb\n    console.info('[ai] orchestrator install completed');\n  }, [tr]);\n  const handleHarnessChange = useCallback(() => {\n    setLastInstallNote(tr('ai.harnessUpdated', 'Harness updated.'));\n    // eslint-disable-next-line no-console -- intentional install breadcrumb\n    console.info('[ai] harness picker changed');\n  }, [tr]);\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      <PageHeader\n        title={tr('nav.ai', 'AI')}\n        description={tr(\n          'ai.description',\n          'Manage AI sessions, prompts, templates, and contexts for your vibecoding workflow'\n        )}\n      />\n\n      {/* Tab Navigation */}\n      <div className=\"border-b border-border-default -mx-4 sm:-mx-6 px-4 sm:px-6\">\n        <nav className=\"flex gap-1 overflow-x-auto pb-1\" role=\"tablist\">\n          {tabs.map((tab) => {\n            const Icon = tab.icon;\n            const isActive = activeTab === tab.id;\n            return (\n              <button\n                key={tab.id}\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => switchTab(tab.id)}\n                className={`flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-md border-b-2 px-2.5 py-2 text-xs font-medium transition-colors sm:px-3 sm:py-2.5 sm:text-sm ${\n                  isActive\n                    ? 'border-action-primary-bg text-action-primary-bg'\n                    : 'border-transparent text-text-secondary hover:text-text-primary hover:border-border-default'\n                }`}\n              >\n                <Icon className=\"h-3.5 w-3.5 sm:h-4 sm:w-4\" />\n                {tabLabel(tab.id)}\n              </button>\n            );\n          })}\n        </nav>\n      </div>\n\n      {/* Content */}\n      {agentsLoading ? (\n        <LoadingState message={tr('agentsPage.loadingAgents', 'Loading agents...')} />\n      ) : agentsError ? (\n        <ErrorState\n          title={tr('ai.loadFailed.title', 'Could not load the AI workspace')}\n          message={tr(\n            'ai.loadFailed.message',\n            \"We couldn't load the AI workspace. Please try again in a moment.\"\n          )}\n          onRetry={refetch}\n        />\n      ) : !hasAgent ? (\n        <EmptyState\n          icon={<MessagesSquare className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('ai.noActiveAgent', 'No active agent available')}\n          description={tr(\n            'ai.noActiveAgentDescription',\n            'AI features require an active agent with a configured tunnel URL and API key. Add an agent or start an existing one.'\n          )}\n          action={\n            <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('ai.goToAgents', 'Go to Agents')}\n            </button>\n          }\n        />\n      ) : (\n        <RequireAgentReachable agentId={agentId}>\n          <PluginGate\n            agentId={agentId}\n            required={[AI_CORE_PACKAGE]}\n            mode=\"all\"\n            eyebrow={tr('ai.pluginRequired', 'AI plugin required')}\n            title={tr('ai.installOrchestrator', 'Install the AI orchestrator')}\n            description={tr(\n              'ai.installOrchestratorDesc',\n              'The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.'\n            )}\n            onInstalled={handleInstalled}\n          >\n            <div className=\"space-y-6\">\n              {lastInstallNote && (\n                <div\n                  role=\"status\"\n                  className=\"rounded-md border border-status-success-border bg-status-success-bg px-3 py-2 text-xs text-status-success-text\"\n                >\n                  {lastInstallNote}\n                </div>\n              )}\n              <PluginHarnessPicker\n                agentId={agentId}\n                packages={AI_PROVIDER_PACKAGES}\n                title={tr('ai.harnessesTitle', 'AI harnesses')}\n                description={tr(\n                  'ai.harnessesDesc',\n                  'Install and manage the coding-agent harnesses available on this agent. You can install multiple and switch between them per-session.'\n                )}\n                onChange={handleHarnessChange}\n              />\n              <div>\n                {activeTab === 'overview' && (\n                  <AIOverviewTab agentId={agentId} onNavigateToSession={navigateToSession} />\n                )}\n                {activeTab === 'templates' && <AITemplatesTab agentId={agentId} />}\n                {activeTab === 'contexts' && <AIContextsTab agentId={agentId} />}\n                {activeTab === 'prompts' && <AIPromptsTab agentId={agentId} />}\n                {activeTab === 'sessions' && (\n                  <AISessionsTab agentId={agentId} onNavigateToSession={navigateToSession} />\n                )}\n                {activeTab === 'tasks' && <AITasksTab />}\n                {activeTab === 'stats' && <AIStatsTab agentId={agentId} />}\n                {activeTab === 'playground' && <AIPlaygroundTab agentId={agentId} />}\n                {activeTab === 'config' && (\n                  <div className=\"space-y-6\">\n                    <ClaudeCredentialsCard agentId={agentId} />\n                    <BridleConfigPanel agentId={agentId} />\n                  </div>\n                )}\n              </div>\n            </div>\n          </PluginGate>\n        </RequireAgentReachable>\n      )}\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AIPage.js","names":[],"sources":["../../../src/pages/ai/AIPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  LayoutDashboard,\n  FileCode2,\n  FileText,\n  MessageSquare,\n  MessagesSquare,\n  ListTodo,\n  BarChart3,\n  Play,\n} from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  PageHeader,\n  LoadingState,\n  EmptyState,\n  ErrorState,\n  PluginGate,\n  RequireAgentReachable,\n} from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { useActiveAgentProfile } from '@/hooks/useActiveAgentProfile';\nimport { AI_CORE_PACKAGE, AI_PROVIDER_PACKAGES } from '@/constants/pluginCatalog';\nimport { PluginHarnessPicker } from '@/components/ai/PluginHarnessPicker';\n\nimport { AIOverviewTab } from '@/components/ai/AIOverviewTab';\nimport { AITemplatesTab } from '@/components/ai/AITemplatesTab';\nimport { AIContextsTab } from '@/components/ai/AIContextsTab';\nimport { AIPromptsTab } from '@/components/ai/AIPromptsTab';\nimport { AISessionsTab } from '@/components/ai/AISessionsTab';\nimport { AITasksTab } from '@/components/ai/AITasksTab';\nimport { AIStatsTab } from '@/components/ai/AIStatsTab';\nimport { AIPlaygroundTab } from '@/components/ai/AIPlaygroundTab';\nimport { ClaudeCredentialsCard } from '@/components/ai/ClaudeCredentialsCard';\nimport { BridleConfigPanel } from '@/components/agent-manager/BridleConfigPanel';\n\ntype AITab =\n  | 'overview'\n  | 'templates'\n  | 'contexts'\n  | 'prompts'\n  | 'sessions'\n  | 'tasks'\n  | 'stats'\n  | 'playground'\n  | 'config';\n\nconst tabs: { id: AITab; icon: typeof LayoutDashboard }[] = [\n  { id: 'overview', icon: LayoutDashboard },\n  { id: 'templates', icon: FileCode2 },\n  { id: 'contexts', icon: FileText },\n  { id: 'prompts', icon: MessageSquare },\n  { id: 'sessions', icon: MessagesSquare },\n  { id: 'tasks', icon: ListTodo },\n  { id: 'stats', icon: BarChart3 },\n  { id: 'playground', icon: Play },\n  { id: 'config', icon: LayoutDashboard },\n];\n\nconst validTabs = new Set<string>(tabs.map((t) => t.id));\n\n/**\n * AI page — tab-based layout for AI / vibecoding features.\n * Reads the :tab param from the URL; defaults to \"overview\".\n */\nexport function AIPage() {\n  const { t } = useI18n();\n  const { tab: tabParam } = useParams<{ tab?: string }>();\n  const activeTab: AITab = tabParam && validTabs.has(tabParam) ? (tabParam as AITab) : 'overview';\n  const handleNavigate = useVibeNavigate();\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const tabLabel = useCallback(\n    (tabId: AITab): string => {\n      switch (tabId) {\n        case 'overview':\n          return tr('ai.overview', 'Overview');\n        case 'templates':\n          return tr('ai.templates', 'Templates');\n        case 'contexts':\n          return tr('ai.contexts', 'Contexts');\n        case 'prompts':\n          return tr('ai.prompts', 'Prompts');\n        case 'sessions':\n          return tr('nav.sessions', 'Sessions');\n        case 'tasks':\n          return tr('ai.tasks', 'Tasks');\n        case 'stats':\n          return tr('ai.stats', 'Stats');\n        case 'playground':\n          return tr('ai.playground', 'Playground');\n        case 'config':\n          return tr('ai.config', 'Config');\n        default:\n          return tabId;\n      }\n    },\n    [tr]\n  );\n\n  const { agents, loading: agentsLoading, error: agentsError, refetch } = useCachedInitialData();\n\n  // If the initial data query throws (e.g. gateway query-cost limit, network\n  // error, transient federation issue), surface a friendly fallback rather\n  // than the raw GraphQL error. The technical details still go to the console\n  // for debuggability — without PII, since the error message itself never\n  // contains secrets.\n  if (agentsError) {\n    // eslint-disable-next-line no-console -- intentional debug breadcrumb for failed AI workspace load\n    console.error('[ai] failed to load initial workspace data', agentsError);\n  }\n  const activeAgent = useMemo(\n    () => agents.find((agent) => agent.isActive && agent.tunnelUrl && agent.agentApiKey) ?? null,\n    [agents]\n  );\n  const agentId = activeAgent?.id ?? '';\n  // AgentRef threads the canonical agent → profile → plugins/data\n  // hierarchy through every aiApi call. Components receive the ref\n  // and construct paths via `agentApiPath(profile, ...)`.\n  const { active: activeProfile } = useActiveAgentProfile(activeAgent?.id ?? null);\n  const agentRef = useMemo(\n    () => ({ id: agentId, profile: activeProfile }),\n    [agentId, activeProfile]\n  );\n\n  const switchTab = useCallback(\n    (tab: AITab) => {\n      handleNavigate(tab === 'overview' ? '/ai-tools' : `/ai-tools/${tab}`);\n    },\n    [handleNavigate]\n  );\n\n  const navigateToSession = useCallback(\n    (sessionId: string) => {\n      handleNavigate(`/ai-tools/sessions/${sessionId}`);\n    },\n    [handleNavigate]\n  );\n\n  const hasAgent = !!agentId;\n\n  // Surface install lifecycle for debuggability. PluginGate / PluginHarnessPicker\n  // already render inline error chips, but a console breadcrumb + a top-level\n  // banner helps when the install actually succeeds on the agent but a stale\n  // detection cache hides the success — without this the install button looked\n  // like it silently swallowed errors.\n  const [lastInstallNote, setLastInstallNote] = useState<string | null>(null);\n  const handleInstalled = useCallback(() => {\n    setLastInstallNote(tr('ai.pluginInstalled', 'Plugin installed. Refreshing…'));\n    // eslint-disable-next-line no-console -- intentional install breadcrumb\n    console.info('[ai] orchestrator install completed');\n  }, [tr]);\n  const handleHarnessChange = useCallback(() => {\n    setLastInstallNote(tr('ai.harnessUpdated', 'Harness updated.'));\n    // eslint-disable-next-line no-console -- intentional install breadcrumb\n    console.info('[ai] harness picker changed');\n  }, [tr]);\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      <PageHeader\n        title={tr('nav.ai', 'AI')}\n        description={tr(\n          'ai.description',\n          'Manage AI sessions, prompts, templates, and contexts for your vibecoding workflow'\n        )}\n      />\n\n      {/* Tab Navigation */}\n      <div className=\"border-b border-border-default -mx-4 sm:-mx-6 px-4 sm:px-6\">\n        <nav className=\"flex gap-1 overflow-x-auto pb-1\" role=\"tablist\">\n          {tabs.map((tab) => {\n            const Icon = tab.icon;\n            const isActive = activeTab === tab.id;\n            return (\n              <button\n                key={tab.id}\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => switchTab(tab.id)}\n                className={`flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-md border-b-2 px-2.5 py-2 text-xs font-medium transition-colors sm:px-3 sm:py-2.5 sm:text-sm ${\n                  isActive\n                    ? 'border-action-primary-bg text-action-primary-bg'\n                    : 'border-transparent text-text-secondary hover:text-text-primary hover:border-border-default'\n                }`}\n              >\n                <Icon className=\"h-3.5 w-3.5 sm:h-4 sm:w-4\" />\n                {tabLabel(tab.id)}\n              </button>\n            );\n          })}\n        </nav>\n      </div>\n\n      {/* Content */}\n      {agentsLoading ? (\n        <LoadingState message={tr('agentsPage.loadingAgents', 'Loading agents...')} />\n      ) : agentsError ? (\n        <ErrorState\n          title={tr('ai.loadFailed.title', 'Could not load the AI workspace')}\n          message={tr(\n            'ai.loadFailed.message',\n            \"We couldn't load the AI workspace. Please try again in a moment.\"\n          )}\n          onRetry={refetch}\n        />\n      ) : !hasAgent ? (\n        <EmptyState\n          icon={<MessagesSquare className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('ai.noActiveAgent', 'No active agent available')}\n          description={tr(\n            'ai.noActiveAgentDescription',\n            'AI features require an active agent with a configured tunnel URL and API key. Add an agent or start an existing one.'\n          )}\n          action={\n            <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('ai.goToAgents', 'Go to Agents')}\n            </button>\n          }\n        />\n      ) : (\n        <RequireAgentReachable agentId={agentId}>\n          <PluginGate\n            agentId={agentId}\n            required={[AI_CORE_PACKAGE]}\n            mode=\"all\"\n            eyebrow={tr('ai.pluginRequired', 'AI plugin required')}\n            title={tr('ai.installOrchestrator', 'Install the AI orchestrator')}\n            description={tr(\n              'ai.installOrchestratorDesc',\n              'The AI page routes prompts and sessions through the AI orchestrator plugin on your agent. Install it to continue.'\n            )}\n            onInstalled={handleInstalled}\n          >\n            <div className=\"space-y-6\">\n              {lastInstallNote && (\n                <div\n                  role=\"status\"\n                  className=\"rounded-md border border-status-success-border bg-status-success-bg px-3 py-2 text-xs text-status-success-text\"\n                >\n                  {lastInstallNote}\n                </div>\n              )}\n              <PluginHarnessPicker\n                agentId={agentId}\n                packages={AI_PROVIDER_PACKAGES}\n                title={tr('ai.harnessesTitle', 'AI harnesses')}\n                description={tr(\n                  'ai.harnessesDesc',\n                  'Install and manage the coding-agent harnesses available on this agent. You can install multiple and switch between them per-session.'\n                )}\n                onChange={handleHarnessChange}\n              />\n              <div>\n                {activeTab === 'overview' && (\n                  <AIOverviewTab agent={agentRef} onNavigateToSession={navigateToSession} />\n                )}\n                {activeTab === 'templates' && <AITemplatesTab agentId={agentId} />}\n                {activeTab === 'contexts' && <AIContextsTab agent={agentRef} />}\n                {activeTab === 'prompts' && <AIPromptsTab agent={agentRef} />}\n                {activeTab === 'sessions' && (\n                  <AISessionsTab agent={agentRef} onNavigateToSession={navigateToSession} />\n                )}\n                {activeTab === 'tasks' && <AITasksTab />}\n                {activeTab === 'stats' && <AIStatsTab agent={agentRef} />}\n                {activeTab === 'playground' && <AIPlaygroundTab agent={agentRef} />}\n                {activeTab === 'config' && (\n                  <div className=\"space-y-6\">\n                    <ClaudeCredentialsCard agent={agentRef} />\n                    <BridleConfigPanel agent={agentRef} />\n                  </div>\n                )}\n              </div>\n            </div>\n          </PluginGate>\n        </RequireAgentReachable>\n      )}\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}