@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/ai/AISessionDetailPage.js

@@ -0,0 +1,441 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useVibeNavigate as t } from "../../providers/VibeControlsProvider.js";
+import n from "../../hooks/useCachedInitialData.js";
+import { PageHeader as r } from "../../components/shared/PageHeader.js";
+import { LoadingState as i } from "../../components/shared/LoadingState.js";
+import { ErrorState as a } from "../../components/shared/ErrorState.js";
+import { EmptyState as o } from "../../components/shared/EmptyState.js";
+import { Card as s } from "../../components/shared/Card.js";
+import { StatCard as c } from "../../components/shared/StatCard.js";
+import { RequireAgentReachable as ee } from "../../components/shared/RequireAgentReachable.js";
+import "../../components/shared/index.js";
+import { useQueryBackedTab as te } from "../../hooks/useQueryBackedTab.js";
+import { fetchSessionLogs as ne, fetchSessionStats as re, sendPromptToSession as ie, terminateSession as ae, updateSessionConfig as oe } from "../../services/aiApi.js";
+import { isSessionNotFoundError as l } from "../../utils/aiSessionNotFound.js";
+import { useCallback as u, useEffect as d, useMemo as se, useState as f } from "react";
+import { ArrowLeft as ce, BarChart3 as p, MessageSquare as m, RefreshCw as h, ScrollText as g, Send as le, Settings as _, XCircle as ue } from "lucide-react";
+import { useParams as de } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { MotionPage as b } from "@burdenoff/fe-libs/shared/motion";
+//#region src/pages/ai/AISessionDetailPage.tsx
+var fe = [
+	"chat",
+	"logs",
+	"stats",
+	"config"
+], pe = [
+	{
+		id: "chat",
+		label: "Chat",
+		icon: m
+	},
+	{
+		id: "logs",
+		label: "Logs",
+		icon: g
+	},
+	{
+		id: "stats",
+		label: "Stats",
+		icon: p
+	},
+	{
+		id: "config",
+		label: "Config",
+		icon: _
+	}
+], me = {
+	info: "bg-action-primary-bg/10 text-action-primary-bg",
+	warn: "bg-status-warning-bg text-status-warning-text",
+	error: "bg-status-error-bg text-status-error-text",
+	debug: "bg-bg-sunken text-text-secondary",
+	prompt: "bg-status-success-bg text-status-success-text",
+	response: "bg-action-primary-bg/20 text-action-primary-bg"
+};
+function x() {
+	let x = e(), { sessionId: S } = de(), C = t(), { agents: w, loading: he } = n(), T = se(() => w.find((e) => e.isActive && e.tunnelUrl && e.agentApiKey) ?? null, [w])?.id ?? "", E = !!T, [D, ge] = te(fe, "chat"), [O, k] = f([]), [A, j] = f(""), [M, N] = f(!1), P = async () => {
+		if (!A.trim() || !S || !E) return;
+		let e = {
+			role: "user",
+			content: A,
+			timestamp: (/* @__PURE__ */ new Date()).toISOString()
+		};
+		k((t) => [...t, e]), j(""), N(!0);
+		try {
+			let t = await ie(T, S, e.content), n = t.content || t.response || JSON.stringify(t), r = t.inputTokens, i = t.outputTokens, a = {
+				role: "assistant",
+				content: n,
+				tokens: r === void 0 ? void 0 : {
+					input: r,
+					output: i ?? 0
+				},
+				timestamp: (/* @__PURE__ */ new Date()).toISOString()
+			};
+			k((e) => [...e, a]);
+		} catch (e) {
+			let t = {
+				role: "assistant",
+				content: `Error: ${e instanceof Error ? e.message : "Failed to get response"}`,
+				timestamp: (/* @__PURE__ */ new Date()).toISOString()
+			};
+			k((e) => [...e, t]);
+		} finally {
+			N(!1);
+		}
+	}, [F, I] = f([]), [L, R] = f(!1), [z, B] = f(null), [V, _e] = f("all"), H = u(async () => {
+		if (!(!S || !E)) {
+			R(!0), B(null);
+			try {
+				let e = {};
+				V !== "all" && (e.type = V), I(await ne(T, S, e));
+			} catch (e) {
+				l(e) ? I([]) : B(e instanceof Error ? e.message : "Failed to load logs");
+			} finally {
+				R(!1);
+			}
+		}
+	}, [
+		T,
+		S,
+		V,
+		E
+	]);
+	d(() => {
+		D === "logs" && H();
+	}, [D, H]);
+	let [U, W] = f(null), [ve, G] = f(!1), [K, q] = f(null), J = u(async () => {
+		if (!(!S || !E)) {
+			G(!0), q(null);
+			try {
+				W(await re(T, S));
+			} catch (e) {
+				l(e) ? W(null) : q(e instanceof Error ? e.message : "Failed to load stats");
+			} finally {
+				G(!1);
+			}
+		}
+	}, [
+		T,
+		S,
+		E
+	]);
+	d(() => {
+		D === "stats" && J();
+	}, [D, J]);
+	let [Y, ye] = f("{}"), [X, Z] = f(!1), [be, Q] = f(!1), [xe, $] = f(!1);
+	return he ? /* @__PURE__ */ v(b, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: /* @__PURE__ */ v(i, { message: "Loading..." })
+	}) : E ? /* @__PURE__ */ y(b, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: [
+			/* @__PURE__ */ v(r, {
+				title: `Session ${S?.substring(0, 8) ?? ""}...`,
+				description: x("vibecontrols.pages.ai.sessionDescription", "AI session details and interaction"),
+				breadcrumb: [
+					{
+						label: "AI",
+						path: "#"
+					},
+					{
+						label: "Sessions",
+						path: "#"
+					},
+					{ label: S?.substring(0, 8) ?? "" }
+				],
+				actions: /* @__PURE__ */ y("button", {
+					onClick: () => C("/ai/sessions"),
+					className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors text-sm",
+					children: [/* @__PURE__ */ v(ce, { className: "w-4 h-4" }), x("vibecontrols.pages.ai.back", "Back")]
+				})
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "-mx-4 border-b border-border-default px-4 sm:-mx-6 sm:px-6",
+				children: /* @__PURE__ */ v("nav", {
+					className: "flex gap-1 overflow-x-auto pb-1",
+					role: "tablist",
+					children: pe.map((e) => {
+						let t = e.icon, n = D === e.id;
+						return /* @__PURE__ */ y("button", {
+							role: "tab",
+							"aria-selected": n,
+							onClick: () => ge(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__ */ v(t, { className: "h-3.5 w-3.5 sm:h-4 sm:w-4" }), e.label]
+						}, e.id);
+					})
+				})
+			}),
+			/* @__PURE__ */ y(ee, {
+				agentId: T || null,
+				children: [
+					D === "chat" && /* @__PURE__ */ y("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ v(s, {
+							className: "p-0",
+							children: /* @__PURE__ */ y("div", {
+								className: "divide-y divide-border-default min-h-[200px] max-h-[50vh] overflow-y-auto",
+								children: [O.length === 0 ? /* @__PURE__ */ v("div", {
+									className: "flex items-center justify-center h-48 text-sm text-text-secondary",
+									children: x("vibecontrols.pages.ai.sendPromptToStart", "Send a prompt to start the conversation")
+								}) : O.map((e, t) => /* @__PURE__ */ y("div", {
+									className: `px-4 py-3 ${e.role === "assistant" ? "bg-bg-sunken/50" : ""}`,
+									children: [/* @__PURE__ */ y("div", {
+										className: "mb-1 flex flex-wrap items-center gap-2",
+										children: [
+											/* @__PURE__ */ v("span", {
+												className: "text-xs font-semibold text-text-primary uppercase",
+												children: e.role
+											}),
+											/* @__PURE__ */ v("span", {
+												className: "text-xs text-text-muted",
+												children: new Date(e.timestamp).toLocaleTimeString()
+											}),
+											e.tokens && /* @__PURE__ */ y("span", {
+												className: "text-xs text-text-muted sm:ml-auto",
+												children: [e.tokens.input + e.tokens.output, " tokens"]
+											})
+										]
+									}), /* @__PURE__ */ v("div", {
+										className: "text-sm text-text-primary whitespace-pre-wrap",
+										children: e.content
+									})]
+								}, t)), M && /* @__PURE__ */ v("div", {
+									className: "px-4 py-3 bg-bg-sunken/50",
+									children: /* @__PURE__ */ y("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ v(h, { className: "w-3.5 h-3.5 text-text-secondary animate-spin" }), /* @__PURE__ */ v("span", {
+											className: "text-sm text-text-secondary",
+											children: x("vibecontrols.pages.ai.thinking", "Thinking...")
+										})]
+									})
+								})]
+							})
+						}), /* @__PURE__ */ y("div", {
+							className: "flex flex-col gap-2 sm:flex-row",
+							children: [/* @__PURE__ */ v("textarea", {
+								value: A,
+								onChange: (e) => j(e.target.value),
+								rows: 3,
+								className: "min-h-[7rem] flex-1 rounded-md border border-border-default bg-bg-sunken px-3 py-2 text-sm font-mono text-text-primary resize-none focus:outline-none focus:border-border-strong",
+								placeholder: "Type your prompt...",
+								onKeyDown: (e) => {
+									e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), P());
+								}
+							}), /* @__PURE__ */ y("button", {
+								onClick: P,
+								disabled: M || !A.trim(),
+								className: "flex items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover disabled:opacity-50 sm:self-end",
+								children: [/* @__PURE__ */ v(le, { className: "w-4 h-4" }), x("vibecontrols.pages.ai.send", "Send")]
+							})]
+						})]
+					}),
+					D === "logs" && /* @__PURE__ */ y("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ y("select", {
+								value: V,
+								onChange: (e) => _e(e.target.value),
+								className: "px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm",
+								children: [
+									/* @__PURE__ */ v("option", {
+										value: "all",
+										children: "All Types"
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "info",
+										children: "Info"
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "warn",
+										children: "Warning"
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "error",
+										children: "Error"
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "debug",
+										children: "Debug"
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "prompt",
+										children: "Prompt"
+									}),
+									/* @__PURE__ */ v("option", {
+										value: "response",
+										children: "Response"
+									})
+								]
+							}), /* @__PURE__ */ v("button", {
+								onClick: H,
+								disabled: L,
+								className: "p-2 hover:bg-bg-sunken rounded-md transition-colors",
+								children: /* @__PURE__ */ v(h, { className: `w-4 h-4 text-text-secondary ${L ? "animate-spin" : ""}` })
+							})]
+						}), L ? /* @__PURE__ */ v(i, { message: "Loading logs..." }) : z ? /* @__PURE__ */ v(a, {
+							title: "Failed to load logs",
+							message: z,
+							onRetry: H
+						}) : F.length === 0 ? /* @__PURE__ */ v(o, {
+							icon: /* @__PURE__ */ v(g, { className: "w-6 h-6 text-text-secondary" }),
+							title: "No logs",
+							description: "Session logs will appear here"
+						}) : /* @__PURE__ */ v(s, {
+							className: "p-0",
+							children: /* @__PURE__ */ v("div", {
+								className: "divide-y divide-border-default max-h-[60vh] overflow-y-auto",
+								children: F.map((e) => /* @__PURE__ */ y("div", {
+									className: "px-4 py-2 flex items-start gap-3 text-sm",
+									children: [
+										/* @__PURE__ */ v("span", {
+											className: `px-1.5 py-0.5 text-xs rounded font-medium flex-shrink-0 mt-0.5 ${me[e.type] ?? "bg-bg-sunken text-text-secondary"}`,
+											children: e.type
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "flex-1 min-w-0",
+											children: /* @__PURE__ */ v("span", {
+												className: "text-text-primary",
+												children: e.message
+											})
+										}),
+										/* @__PURE__ */ v("span", {
+											className: "text-xs text-text-muted flex-shrink-0",
+											children: new Date(e.timestamp).toLocaleTimeString()
+										})
+									]
+								}, e.id))
+							})
+						})]
+					}),
+					D === "stats" && /* @__PURE__ */ v("div", {
+						className: "space-y-4",
+						children: ve ? /* @__PURE__ */ v(i, { message: "Loading stats..." }) : K ? /* @__PURE__ */ v(a, {
+							title: "Failed to load stats",
+							message: K,
+							onRetry: J
+						}) : U ? /* @__PURE__ */ y("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+							children: [
+								/* @__PURE__ */ v(c, {
+									title: "Total Tokens",
+									value: U.totalTokens.toLocaleString()
+								}),
+								/* @__PURE__ */ v(c, {
+									title: "Input Tokens",
+									value: U.inputTokens.toLocaleString(),
+									variant: "success"
+								}),
+								/* @__PURE__ */ v(c, {
+									title: "Output Tokens",
+									value: U.outputTokens.toLocaleString(),
+									variant: "warning"
+								}),
+								/* @__PURE__ */ v(c, {
+									title: "Prompts",
+									value: U.promptCount
+								}),
+								U.averageLatency !== void 0 && /* @__PURE__ */ v(c, {
+									title: "Avg Latency",
+									value: `${U.averageLatency.toFixed(0)}ms`
+								})
+							]
+						}) : /* @__PURE__ */ v(o, {
+							icon: /* @__PURE__ */ v(p, { className: "w-6 h-6 text-text-secondary" }),
+							title: "No stats",
+							description: "Stats will appear after the session processes prompts"
+						})
+					}),
+					D === "config" && /* @__PURE__ */ y("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ y(s, {
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ v("h3", {
+									className: "font-semibold text-text-primary mb-3",
+									children: x("vibecontrols.pages.ai.sessionConfig", "Session Configuration")
+								}),
+								/* @__PURE__ */ v("textarea", {
+									value: Y,
+									onChange: (e) => ye(e.target.value),
+									rows: 10,
+									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm font-mono focus:outline-none focus:border-border-strong",
+									placeholder: "{\"model\": \"claude-3\", \"temperature\": 0.7, ...}"
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mt-4 flex flex-col gap-3 sm:flex-row sm:items-center",
+									children: [/* @__PURE__ */ y("button", {
+										onClick: async () => {
+											if (!(!S || !E)) {
+												Z(!0);
+												try {
+													await oe(T, S, JSON.parse(Y)), Q(!0), setTimeout(() => Q(!1), 3e3);
+												} catch (e) {
+													console.error("Failed to save config:", e);
+												} finally {
+													Z(!1);
+												}
+											}
+										},
+										disabled: X,
+										className: "flex items-center gap-2 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 text-sm",
+										children: [/* @__PURE__ */ v(_, { className: "w-4 h-4" }), X ? x("vibecontrols.pages.ai.saving", "Saving...") : x("vibecontrols.pages.ai.saveConfig", "Save Config")]
+									}), be && /* @__PURE__ */ v("span", {
+										className: "text-sm text-status-success-text",
+										children: x("vibecontrols.pages.ai.savedSuccessfully", "Saved successfully")
+									})]
+								})
+							]
+						}), /* @__PURE__ */ y(s, {
+							className: "p-4 border-status-error-text/20",
+							children: [
+								/* @__PURE__ */ v("h3", {
+									className: "font-semibold text-status-error-text mb-2",
+									children: x("vibecontrols.pages.ai.dangerZone", "Danger Zone")
+								}),
+								/* @__PURE__ */ v("p", {
+									className: "text-sm text-text-secondary mb-3",
+									children: x("vibecontrols.pages.ai.terminateWarning", "Terminating a session is permanent. All state will be lost.")
+								}),
+								/* @__PURE__ */ y("button", {
+									onClick: async () => {
+										if (!(!S || !E) && window.confirm("Are you sure you want to terminate this session? This cannot be undone.")) {
+											$(!0);
+											try {
+												await ae(T, S), C("/ai/sessions");
+											} catch (e) {
+												console.error("Failed to terminate session:", e);
+											} finally {
+												$(!1);
+											}
+										}
+									},
+									disabled: xe,
+									className: "flex items-center gap-2 px-4 py-2 bg-status-error-bg text-status-error-text border border-status-error-text/20 rounded-md hover:bg-status-error-bg/80 transition-colors disabled:opacity-50 text-sm",
+									children: [/* @__PURE__ */ v(ue, { className: "w-4 h-4" }), xe ? x("vibecontrols.pages.ai.terminating", "Terminating...") : x("vibecontrols.pages.ai.terminateSession", "Terminate Session")]
+								})
+							]
+						})]
+					})
+				]
+			})
+		]
+	}) : /* @__PURE__ */ v(b, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: /* @__PURE__ */ v(o, {
+			icon: /* @__PURE__ */ v(m, { className: "w-8 h-8 text-text-secondary" }),
+			title: x("vibecontrols.pages.ai.noActiveAgent", "No active agent"),
+			description: x("vibecontrols.pages.ai.noActiveAgentDescription", "An active agent with a tunnel is required to view session details."),
+			action: /* @__PURE__ */ v("button", {
+				onClick: () => C("/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: x("vibecontrols.pages.ai.goToAgents", "Go to Agents")
+			})
+		})
+	});
+}
+//#endregion
+export { x as AISessionDetailPage };
+
+//# sourceMappingURL=AISessionDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AISessionDetailPage.js","names":[],"sources":["../../../src/pages/ai/AISessionDetailPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  MessageSquare,\n  ScrollText,\n  BarChart3,\n  Settings,\n  Send,\n  ArrowLeft,\n  XCircle,\n  RefreshCw,\n} from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport {\n  PageHeader,\n  Card,\n  LoadingState,\n  ErrorState,\n  EmptyState,\n  StatCard,\n  RequireAgentReachable,\n} from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useQueryBackedTab } from '@/hooks/useQueryBackedTab';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport type { AISessionLog, AISessionStats } from '@/services/aiApi';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  sendPromptToSession,\n  fetchSessionLogs,\n  fetchSessionStats,\n  updateSessionConfig,\n  terminateSession,\n} from '@/services/aiApi';\nimport { isSessionNotFoundError } from '@/utils/aiSessionNotFound';\n\ntype SessionTab = 'chat' | 'logs' | 'stats' | 'config';\nconst SESSION_TABS: readonly SessionTab[] = ['chat', 'logs', 'stats', 'config'];\n\nconst sessionTabs: { id: SessionTab; label: string; icon: typeof MessageSquare }[] = [\n  { id: 'chat', label: 'Chat', icon: MessageSquare },\n  { id: 'logs', label: 'Logs', icon: ScrollText },\n  { id: 'stats', label: 'Stats', icon: BarChart3 },\n  { id: 'config', label: 'Config', icon: Settings },\n];\n\nconst logTypeColors: Record<string, string> = {\n  info: 'bg-action-primary-bg/10 text-action-primary-bg',\n  warn: 'bg-status-warning-bg text-status-warning-text',\n  error: 'bg-status-error-bg text-status-error-text',\n  debug: 'bg-bg-sunken text-text-secondary',\n  prompt: 'bg-status-success-bg text-status-success-text',\n  response: 'bg-action-primary-bg/20 text-action-primary-bg',\n};\n\ninterface ChatMessage {\n  role: 'user' | 'assistant';\n  content: string;\n  tokens?: { input: number; output: number };\n  timestamp: string;\n}\n\n/**\n * AI session detail page with Chat, Logs, Stats, and Config tabs.\n */\nexport function AISessionDetailPage() {\n  const tr = useTr();\n  const { sessionId } = useParams<{ sessionId: string }>();\n  const handleNavigate = useVibeNavigate();\n\n  const { agents, loading: agentsLoading } = useCachedInitialData();\n  const activeAgent = useMemo(\n    () => agents.find((agent) => agent.isActive && agent.tunnelUrl && agent.agentApiKey) ?? null,\n    [agents]\n  );\n  const agentId = activeAgent?.id ?? '';\n  const hasAgent = !!agentId;\n\n  const [activeTab, setActiveTab] = useQueryBackedTab<SessionTab>(SESSION_TABS, 'chat');\n\n  // ── Chat state ──────────────────────────────────────────────────────\n  const [messages, setMessages] = useState<ChatMessage[]>([]);\n  const [promptInput, setPromptInput] = useState('');\n  const [sending, setSending] = useState(false);\n\n  const handleSendPrompt = async () => {\n    if (!promptInput.trim() || !sessionId || !hasAgent) return;\n    const userMessage: ChatMessage = {\n      role: 'user',\n      content: promptInput,\n      timestamp: new Date().toISOString(),\n    };\n    setMessages((prev) => [...prev, userMessage]);\n    setPromptInput('');\n    setSending(true);\n    try {\n      const result = await sendPromptToSession(agentId, sessionId, userMessage.content);\n      const content =\n        ((result as Record<string, unknown>).content as string) ||\n        ((result as Record<string, unknown>).response as string) ||\n        JSON.stringify(result);\n      const inputTokens = (result as Record<string, unknown>).inputTokens as number | undefined;\n      const outputTokens = (result as Record<string, unknown>).outputTokens as number | undefined;\n      const assistantMessage: ChatMessage = {\n        role: 'assistant',\n        content,\n        tokens:\n          inputTokens !== undefined ? { input: inputTokens, output: outputTokens ?? 0 } : undefined,\n        timestamp: new Date().toISOString(),\n      };\n      setMessages((prev) => [...prev, assistantMessage]);\n    } catch (err) {\n      const errorMessage: ChatMessage = {\n        role: 'assistant',\n        content: `Error: ${err instanceof Error ? err.message : 'Failed to get response'}`,\n        timestamp: new Date().toISOString(),\n      };\n      setMessages((prev) => [...prev, errorMessage]);\n    } finally {\n      setSending(false);\n    }\n  };\n\n  // ── Logs state ──────────────────────────────────────────────────────\n  const [logs, setLogs] = useState<AISessionLog[]>([]);\n  const [logsLoading, setLogsLoading] = useState(false);\n  const [logsError, setLogsError] = useState<string | null>(null);\n  const [logTypeFilter, setLogTypeFilter] = useState('all');\n\n  const loadLogs = useCallback(async () => {\n    if (!sessionId || !hasAgent) return;\n    setLogsLoading(true);\n    setLogsError(null);\n    try {\n      const params: Record<string, unknown> = {};\n      if (logTypeFilter !== 'all') params.type = logTypeFilter;\n      const result = await fetchSessionLogs(agentId, sessionId, params);\n      setLogs(result);\n    } catch (err) {\n      // Pre-first-message: agent has no record of this session yet —\n      // render an empty list, not an error.\n      if (isSessionNotFoundError(err)) {\n        setLogs([]);\n      } else {\n        setLogsError(err instanceof Error ? err.message : 'Failed to load logs');\n      }\n    } finally {\n      setLogsLoading(false);\n    }\n  }, [agentId, sessionId, logTypeFilter, hasAgent]);\n\n  useEffect(() => {\n    if (activeTab === 'logs') loadLogs();\n  }, [activeTab, loadLogs]);\n\n  // ── Stats state ─────────────────────────────────────────────────────\n  const [stats, setStats] = useState<AISessionStats | null>(null);\n  const [statsLoading, setStatsLoading] = useState(false);\n  const [statsError, setStatsError] = useState<string | null>(null);\n\n  const loadStats = useCallback(async () => {\n    if (!sessionId || !hasAgent) return;\n    setStatsLoading(true);\n    setStatsError(null);\n    try {\n      const result = await fetchSessionStats(agentId, sessionId);\n      setStats(result);\n    } catch (err) {\n      if (isSessionNotFoundError(err)) {\n        setStats(null);\n      } else {\n        setStatsError(err instanceof Error ? err.message : 'Failed to load stats');\n      }\n    } finally {\n      setStatsLoading(false);\n    }\n  }, [agentId, sessionId, hasAgent]);\n\n  useEffect(() => {\n    if (activeTab === 'stats') loadStats();\n  }, [activeTab, loadStats]);\n\n  // ── Config state ────────────────────────────────────────────────────\n  const [configJson, setConfigJson] = useState('{}');\n  const [savingConfig, setSavingConfig] = useState(false);\n  const [configSaved, setConfigSaved] = useState(false);\n  const [terminating, setTerminating] = useState(false);\n\n  const handleSaveConfig = async () => {\n    if (!sessionId || !hasAgent) return;\n    setSavingConfig(true);\n    try {\n      const config = JSON.parse(configJson);\n      await updateSessionConfig(agentId, sessionId, config);\n      setConfigSaved(true);\n      setTimeout(() => setConfigSaved(false), 3000);\n    } catch (err) {\n      console.error('Failed to save config:', err);\n    } finally {\n      setSavingConfig(false);\n    }\n  };\n\n  const handleTerminate = async () => {\n    if (!sessionId || !hasAgent) return;\n    if (!window.confirm('Are you sure you want to terminate this session? This cannot be undone.'))\n      return;\n    setTerminating(true);\n    try {\n      await terminateSession(agentId, sessionId);\n      handleNavigate('/ai/sessions');\n    } catch (err) {\n      console.error('Failed to terminate session:', err);\n    } finally {\n      setTerminating(false);\n    }\n  };\n\n  if (agentsLoading) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <LoadingState message=\"Loading...\" />\n      </MotionPage>\n    );\n  }\n\n  if (!hasAgent) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <EmptyState\n          icon={<MessageSquare className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('vibecontrols.pages.ai.noActiveAgent', 'No active agent')}\n          description={tr(\n            'vibecontrols.pages.ai.noActiveAgentDescription',\n            'An active agent with a tunnel is required to view session details.'\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('vibecontrols.pages.ai.goToAgents', 'Go to Agents')}\n            </button>\n          }\n        />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      <PageHeader\n        title={`Session ${sessionId?.substring(0, 8) ?? ''}...`}\n        description={tr(\n          'vibecontrols.pages.ai.sessionDescription',\n          'AI session details and interaction'\n        )}\n        breadcrumb={[\n          { label: 'AI', path: '#' },\n          { label: 'Sessions', path: '#' },\n          { label: sessionId?.substring(0, 8) ?? '' },\n        ]}\n        actions={\n          <button\n            onClick={() => handleNavigate('/ai/sessions')}\n            className=\"flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors text-sm\"\n          >\n            <ArrowLeft className=\"w-4 h-4\" />\n            {tr('vibecontrols.pages.ai.back', 'Back')}\n          </button>\n        }\n      />\n\n      {/* Tab Navigation */}\n      <div className=\"-mx-4 border-b border-border-default px-4 sm:-mx-6 sm:px-6\">\n        <nav className=\"flex gap-1 overflow-x-auto pb-1\" role=\"tablist\">\n          {sessionTabs.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={() => setActiveTab(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                {tab.label}\n              </button>\n            );\n          })}\n        </nav>\n      </div>\n\n      {/* Tab Content */}\n      <RequireAgentReachable agentId={agentId || null}>\n        {activeTab === 'chat' && (\n          <div className=\"space-y-4\">\n            {/* Messages */}\n            <Card className=\"p-0\">\n              <div className=\"divide-y divide-border-default min-h-[200px] max-h-[50vh] overflow-y-auto\">\n                {messages.length === 0 ? (\n                  <div className=\"flex items-center justify-center h-48 text-sm text-text-secondary\">\n                    {tr(\n                      'vibecontrols.pages.ai.sendPromptToStart',\n                      'Send a prompt to start the conversation'\n                    )}\n                  </div>\n                ) : (\n                  messages.map((msg, idx) => (\n                    <div\n                      key={idx}\n                      className={`px-4 py-3 ${msg.role === 'assistant' ? 'bg-bg-sunken/50' : ''}`}\n                    >\n                      <div className=\"mb-1 flex flex-wrap items-center gap-2\">\n                        <span className=\"text-xs font-semibold text-text-primary uppercase\">\n                          {msg.role}\n                        </span>\n                        <span className=\"text-xs text-text-muted\">\n                          {new Date(msg.timestamp).toLocaleTimeString()}\n                        </span>\n                        {msg.tokens && (\n                          <span className=\"text-xs text-text-muted sm:ml-auto\">\n                            {msg.tokens.input + msg.tokens.output} tokens\n                          </span>\n                        )}\n                      </div>\n                      <div className=\"text-sm text-text-primary whitespace-pre-wrap\">\n                        {msg.content}\n                      </div>\n                    </div>\n                  ))\n                )}\n                {sending && (\n                  <div className=\"px-4 py-3 bg-bg-sunken/50\">\n                    <div className=\"flex items-center gap-2\">\n                      <RefreshCw className=\"w-3.5 h-3.5 text-text-secondary animate-spin\" />\n                      <span className=\"text-sm text-text-secondary\">\n                        {tr('vibecontrols.pages.ai.thinking', 'Thinking...')}\n                      </span>\n                    </div>\n                  </div>\n                )}\n              </div>\n            </Card>\n\n            {/* Prompt Input */}\n            <div className=\"flex flex-col gap-2 sm:flex-row\">\n              <textarea\n                value={promptInput}\n                onChange={(e) => setPromptInput(e.target.value)}\n                rows={3}\n                className=\"min-h-[7rem] flex-1 rounded-md border border-border-default bg-bg-sunken px-3 py-2 text-sm font-mono text-text-primary resize-none focus:outline-none focus:border-border-strong\"\n                placeholder=\"Type your prompt...\"\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                    e.preventDefault();\n                    handleSendPrompt();\n                  }\n                }}\n              />\n              <button\n                onClick={handleSendPrompt}\n                disabled={sending || !promptInput.trim()}\n                className=\"flex items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover disabled:opacity-50 sm:self-end\"\n              >\n                <Send className=\"w-4 h-4\" />\n                {tr('vibecontrols.pages.ai.send', 'Send')}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {activeTab === 'logs' && (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <select\n                value={logTypeFilter}\n                onChange={(e) => setLogTypeFilter(e.target.value)}\n                className=\"px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm\"\n              >\n                <option value=\"all\">All Types</option>\n                <option value=\"info\">Info</option>\n                <option value=\"warn\">Warning</option>\n                <option value=\"error\">Error</option>\n                <option value=\"debug\">Debug</option>\n                <option value=\"prompt\">Prompt</option>\n                <option value=\"response\">Response</option>\n              </select>\n              <button\n                onClick={loadLogs}\n                disabled={logsLoading}\n                className=\"p-2 hover:bg-bg-sunken rounded-md transition-colors\"\n              >\n                <RefreshCw\n                  className={`w-4 h-4 text-text-secondary ${logsLoading ? 'animate-spin' : ''}`}\n                />\n              </button>\n            </div>\n\n            {logsLoading ? (\n              <LoadingState message=\"Loading logs...\" />\n            ) : logsError ? (\n              <ErrorState title=\"Failed to load logs\" message={logsError} onRetry={loadLogs} />\n            ) : logs.length === 0 ? (\n              <EmptyState\n                icon={<ScrollText className=\"w-6 h-6 text-text-secondary\" />}\n                title=\"No logs\"\n                description=\"Session logs will appear here\"\n              />\n            ) : (\n              <Card className=\"p-0\">\n                <div className=\"divide-y divide-border-default max-h-[60vh] overflow-y-auto\">\n                  {logs.map((log) => (\n                    <div key={log.id} className=\"px-4 py-2 flex items-start gap-3 text-sm\">\n                      <span\n                        className={`px-1.5 py-0.5 text-xs rounded font-medium flex-shrink-0 mt-0.5 ${logTypeColors[log.type] ?? 'bg-bg-sunken text-text-secondary'}`}\n                      >\n                        {log.type}\n                      </span>\n                      <div className=\"flex-1 min-w-0\">\n                        <span className=\"text-text-primary\">{log.message}</span>\n                      </div>\n                      <span className=\"text-xs text-text-muted flex-shrink-0\">\n                        {new Date(log.timestamp).toLocaleTimeString()}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </Card>\n            )}\n          </div>\n        )}\n\n        {activeTab === 'stats' && (\n          <div className=\"space-y-4\">\n            {statsLoading ? (\n              <LoadingState message=\"Loading stats...\" />\n            ) : statsError ? (\n              <ErrorState title=\"Failed to load stats\" message={statsError} onRetry={loadStats} />\n            ) : stats ? (\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n                <StatCard title=\"Total Tokens\" value={stats.totalTokens.toLocaleString()} />\n                <StatCard\n                  title=\"Input Tokens\"\n                  value={stats.inputTokens.toLocaleString()}\n                  variant=\"success\"\n                />\n                <StatCard\n                  title=\"Output Tokens\"\n                  value={stats.outputTokens.toLocaleString()}\n                  variant=\"warning\"\n                />\n                <StatCard title=\"Prompts\" value={stats.promptCount} />\n                {stats.averageLatency !== undefined && (\n                  <StatCard title=\"Avg Latency\" value={`${stats.averageLatency.toFixed(0)}ms`} />\n                )}\n              </div>\n            ) : (\n              <EmptyState\n                icon={<BarChart3 className=\"w-6 h-6 text-text-secondary\" />}\n                title=\"No stats\"\n                description=\"Stats will appear after the session processes prompts\"\n              />\n            )}\n          </div>\n        )}\n\n        {activeTab === 'config' && (\n          <div className=\"space-y-4\">\n            <Card className=\"p-4\">\n              <h3 className=\"font-semibold text-text-primary mb-3\">\n                {tr('vibecontrols.pages.ai.sessionConfig', 'Session Configuration')}\n              </h3>\n              <textarea\n                value={configJson}\n                onChange={(e) => setConfigJson(e.target.value)}\n                rows={10}\n                className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm font-mono focus:outline-none focus:border-border-strong\"\n                placeholder='{\"model\": \"claude-3\", \"temperature\": 0.7, ...}'\n              />\n              <div className=\"mt-4 flex flex-col gap-3 sm:flex-row sm:items-center\">\n                <button\n                  onClick={handleSaveConfig}\n                  disabled={savingConfig}\n                  className=\"flex items-center gap-2 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 text-sm\"\n                >\n                  <Settings className=\"w-4 h-4\" />\n                  {savingConfig\n                    ? tr('vibecontrols.pages.ai.saving', 'Saving...')\n                    : tr('vibecontrols.pages.ai.saveConfig', 'Save Config')}\n                </button>\n                {configSaved && (\n                  <span className=\"text-sm text-status-success-text\">\n                    {tr('vibecontrols.pages.ai.savedSuccessfully', 'Saved successfully')}\n                  </span>\n                )}\n              </div>\n            </Card>\n\n            <Card className=\"p-4 border-status-error-text/20\">\n              <h3 className=\"font-semibold text-status-error-text mb-2\">\n                {tr('vibecontrols.pages.ai.dangerZone', 'Danger Zone')}\n              </h3>\n              <p className=\"text-sm text-text-secondary mb-3\">\n                {tr(\n                  'vibecontrols.pages.ai.terminateWarning',\n                  'Terminating a session is permanent. All state will be lost.'\n                )}\n              </p>\n              <button\n                onClick={handleTerminate}\n                disabled={terminating}\n                className=\"flex items-center gap-2 px-4 py-2 bg-status-error-bg text-status-error-text border border-status-error-text/20 rounded-md hover:bg-status-error-bg/80 transition-colors disabled:opacity-50 text-sm\"\n              >\n                <XCircle className=\"w-4 h-4\" />\n                {terminating\n                  ? tr('vibecontrols.pages.ai.terminating', 'Terminating...')\n                  : tr('vibecontrols.pages.ai.terminateSession', 'Terminate Session')}\n              </button>\n            </Card>\n          </div>\n        )}\n      </RequireAgentReachable>\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/ai/AgentManagerPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * AgentManagerPage — top-level page for the multi-session Agent Manager.
+ *
+ * Reads URL params (:tab, :sessionId), resolves the active agent via
+ * useCachedInitialData(), auto-opens a session tab if the URL has a
+ * sessionId, and renders the three-pane layout.
+ */
+export declare function AgentManagerPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentManagerPage.d.ts.map

package/dist/pages/ai/AgentManagerPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerPage.d.ts","sourceRoot":"","sources":["../../../src/pages/ai/AgentManagerPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoCH,wBAAgB,gBAAgB,4CA0N/B"}