@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/pages/ai/AISessionDetailPage.js

@@ -8,15 +8,16 @@ 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 { useActiveAgentProfile as te } from "../../hooks/useActiveAgentProfile.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 { useQueryBackedTab as se } from "../../hooks/useQueryBackedTab.js";
+import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { ArrowLeft as ce, BarChart3 as m, MessageSquare as h, RefreshCw as g, ScrollText as _, Send as le, Settings as v, 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";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { MotionPage as x } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/ai/AISessionDetailPage.tsx
 var fe = [
 	"chat",
@@ -27,22 +28,22 @@ var fe = [
 	{
 		id: "chat",
 		label: "Chat",
-		icon: m
+		icon: h
 	},
 	{
 		id: "logs",
 		label: "Logs",
-		icon: g
+		icon: _
 	},
 	{
 		id: "stats",
 		label: "Stats",
-		icon: p
+		icon: m
 	},
 	{
 		id: "config",
 		label: "Config",
-		icon: _
+		icon: v
 	}
 ], me = {
 	info: "bg-action-primary-bg/10 text-action-primary-bg",
@@ -52,17 +53,20 @@ var fe = [
 	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;
+function S() {
+	let S = e(), { sessionId: C } = de(), w = t(), { agents: T, loading: he } = n(), E = f(() => T.find((e) => e.isActive && e.tunnelUrl && e.agentApiKey) ?? null, [T]), D = E?.id ?? "", O = !!D, { active: k } = te(E?.id ?? null), A = f(() => ({
+		id: D,
+		profile: k
+	}), [D, k]), [j, ge] = se(fe, "chat"), [M, N] = p([]), [P, F] = p(""), [I, L] = p(!1), R = async () => {
+		if (!P.trim() || !C || !O) return;
 		let e = {
 			role: "user",
-			content: A,
+			content: P,
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		};
-		k((t) => [...t, e]), j(""), N(!0);
+		N((t) => [...t, e]), F(""), L(!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 = {
+			let t = await ie(A, C, 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 : {
@@ -71,67 +75,67 @@ function x() {
 				},
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
 			};
-			k((e) => [...e, a]);
+			N((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]);
+			N((e) => [...e, t]);
 		} finally {
-			N(!1);
+			L(!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);
+	}, [z, B] = p([]), [V, H] = p(!1), [U, W] = p(null), [G, _e] = p("all"), K = u(async () => {
+		if (!(!C || !O)) {
+			H(!0), W(null);
 			try {
 				let e = {};
-				V !== "all" && (e.type = V), I(await ne(T, S, e));
+				G !== "all" && (e.type = G), B(await ne(A, C, e));
 			} catch (e) {
-				l(e) ? I([]) : B(e instanceof Error ? e.message : "Failed to load logs");
+				l(e) ? B([]) : W(e instanceof Error ? e.message : "Failed to load logs");
 			} finally {
-				R(!1);
+				H(!1);
 			}
 		}
 	}, [
-		T,
-		S,
-		V,
-		E
+		A,
+		C,
+		G,
+		O
 	]);
 	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);
+		j === "logs" && K();
+	}, [j, K]);
+	let [q, J] = p(null), [ve, Y] = p(!1), [X, Z] = p(null), Q = u(async () => {
+		if (!(!C || !O)) {
+			Y(!0), Z(null);
 			try {
-				W(await re(T, S));
+				J(await re(A, C));
 			} catch (e) {
-				l(e) ? W(null) : q(e instanceof Error ? e.message : "Failed to load stats");
+				l(e) ? J(null) : Z(e instanceof Error ? e.message : "Failed to load stats");
 			} finally {
-				G(!1);
+				Y(!1);
 			}
 		}
 	}, [
-		T,
-		S,
-		E
+		A,
+		C,
+		O
 	]);
 	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, {
+		j === "stats" && Q();
+	}, [j, Q]);
+	let [ye, be] = p("{}"), [xe, Se] = p(!1), [Ce, we] = p(!1), [Te, $] = p(!1);
+	return he ? /* @__PURE__ */ y(x, {
 		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, {
+		children: /* @__PURE__ */ y(i, { message: "Loading..." })
+	}) : O ? /* @__PURE__ */ b(x, {
 		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"),
+			/* @__PURE__ */ y(r, {
+				title: `Session ${C?.substring(0, 8) ?? ""}...`,
+				description: S("vibecontrols.pages.ai.sessionDescription", "AI session details and interaction"),
 				breadcrumb: [
 					{
 						label: "AI",
@@ -141,166 +145,166 @@ function x() {
 						label: "Sessions",
 						path: "#"
 					},
-					{ label: S?.substring(0, 8) ?? "" }
+					{ label: C?.substring(0, 8) ?? "" }
 				],
-				actions: /* @__PURE__ */ y("button", {
-					onClick: () => C("/ai/sessions"),
+				actions: /* @__PURE__ */ b("button", {
+					onClick: () => w("/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")]
+					children: [/* @__PURE__ */ y(ce, { className: "w-4 h-4" }), S("vibecontrols.pages.ai.back", "Back")]
 				})
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "-mx-4 border-b border-border-default px-4 sm:-mx-6 sm:px-6",
-				children: /* @__PURE__ */ v("nav", {
+				children: /* @__PURE__ */ y("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", {
+						let t = e.icon, n = j === e.id;
+						return /* @__PURE__ */ b("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]
+							children: [/* @__PURE__ */ y(t, { className: "h-3.5 w-3.5 sm:h-4 sm:w-4" }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ y(ee, {
-				agentId: T || null,
+			/* @__PURE__ */ b(ee, {
+				agentId: D || null,
 				children: [
-					D === "chat" && /* @__PURE__ */ y("div", {
+					j === "chat" && /* @__PURE__ */ b("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ v(s, {
+						children: [/* @__PURE__ */ y(s, {
 							className: "p-0",
-							children: /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ b("div", {
 								className: "divide-y divide-border-default min-h-[200px] max-h-[50vh] overflow-y-auto",
-								children: [O.length === 0 ? /* @__PURE__ */ v("div", {
+								children: [M.length === 0 ? /* @__PURE__ */ y("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", {
+									children: S("vibecontrols.pages.ai.sendPromptToStart", "Send a prompt to start the conversation")
+								}) : M.map((e, t) => /* @__PURE__ */ b("div", {
 									className: `px-4 py-3 ${e.role === "assistant" ? "bg-bg-sunken/50" : ""}`,
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ b("div", {
 										className: "mb-1 flex flex-wrap items-center gap-2",
 										children: [
-											/* @__PURE__ */ v("span", {
+											/* @__PURE__ */ y("span", {
 												className: "text-xs font-semibold text-text-primary uppercase",
 												children: e.role
 											}),
-											/* @__PURE__ */ v("span", {
+											/* @__PURE__ */ y("span", {
 												className: "text-xs text-text-muted",
 												children: new Date(e.timestamp).toLocaleTimeString()
 											}),
-											e.tokens && /* @__PURE__ */ y("span", {
+											e.tokens && /* @__PURE__ */ b("span", {
 												className: "text-xs text-text-muted sm:ml-auto",
 												children: [e.tokens.input + e.tokens.output, " tokens"]
 											})
 										]
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ y("div", {
 										className: "text-sm text-text-primary whitespace-pre-wrap",
 										children: e.content
 									})]
-								}, t)), M && /* @__PURE__ */ v("div", {
+								}, t)), I && /* @__PURE__ */ y("div", {
 									className: "px-4 py-3 bg-bg-sunken/50",
-									children: /* @__PURE__ */ y("div", {
+									children: /* @__PURE__ */ b("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", {
+										children: [/* @__PURE__ */ y(g, { className: "w-3.5 h-3.5 text-text-secondary animate-spin" }), /* @__PURE__ */ y("span", {
 											className: "text-sm text-text-secondary",
-											children: x("vibecontrols.pages.ai.thinking", "Thinking...")
+											children: S("vibecontrols.pages.ai.thinking", "Thinking...")
 										})]
 									})
 								})]
 							})
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "flex flex-col gap-2 sm:flex-row",
-							children: [/* @__PURE__ */ v("textarea", {
-								value: A,
-								onChange: (e) => j(e.target.value),
+							children: [/* @__PURE__ */ y("textarea", {
+								value: P,
+								onChange: (e) => F(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());
+									e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), R());
 								}
-							}), /* @__PURE__ */ y("button", {
-								onClick: P,
-								disabled: M || !A.trim(),
+							}), /* @__PURE__ */ b("button", {
+								onClick: R,
+								disabled: I || !P.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")]
+								children: [/* @__PURE__ */ y(le, { className: "w-4 h-4" }), S("vibecontrols.pages.ai.send", "Send")]
 							})]
 						})]
 					}),
-					D === "logs" && /* @__PURE__ */ y("div", {
+					j === "logs" && /* @__PURE__ */ b("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ y("select", {
-								value: V,
+							children: [/* @__PURE__ */ b("select", {
+								value: G,
 								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", {
+									/* @__PURE__ */ y("option", {
 										value: "all",
 										children: "All Types"
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ y("option", {
 										value: "info",
 										children: "Info"
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ y("option", {
 										value: "warn",
 										children: "Warning"
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ y("option", {
 										value: "error",
 										children: "Error"
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ y("option", {
 										value: "debug",
 										children: "Debug"
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ y("option", {
 										value: "prompt",
 										children: "Prompt"
 									}),
-									/* @__PURE__ */ v("option", {
+									/* @__PURE__ */ y("option", {
 										value: "response",
 										children: "Response"
 									})
 								]
-							}), /* @__PURE__ */ v("button", {
-								onClick: H,
-								disabled: L,
+							}), /* @__PURE__ */ y("button", {
+								onClick: K,
+								disabled: V,
 								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" : ""}` })
+								children: /* @__PURE__ */ y(g, { className: `w-4 h-4 text-text-secondary ${V ? "animate-spin" : ""}` })
 							})]
-						}), L ? /* @__PURE__ */ v(i, { message: "Loading logs..." }) : z ? /* @__PURE__ */ v(a, {
+						}), V ? /* @__PURE__ */ y(i, { message: "Loading logs..." }) : U ? /* @__PURE__ */ y(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" }),
+							message: U,
+							onRetry: K
+						}) : z.length === 0 ? /* @__PURE__ */ y(o, {
+							icon: /* @__PURE__ */ y(_, { className: "w-6 h-6 text-text-secondary" }),
 							title: "No logs",
 							description: "Session logs will appear here"
-						}) : /* @__PURE__ */ v(s, {
+						}) : /* @__PURE__ */ y(s, {
 							className: "p-0",
-							children: /* @__PURE__ */ v("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "divide-y divide-border-default max-h-[60vh] overflow-y-auto",
-								children: F.map((e) => /* @__PURE__ */ y("div", {
+								children: z.map((e) => /* @__PURE__ */ b("div", {
 									className: "px-4 py-2 flex items-start gap-3 text-sm",
 									children: [
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ y("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", {
+										/* @__PURE__ */ y("div", {
 											className: "flex-1 min-w-0",
-											children: /* @__PURE__ */ v("span", {
+											children: /* @__PURE__ */ y("span", {
 												className: "text-text-primary",
 												children: e.message
 											})
 										}),
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ y("span", {
 											className: "text-xs text-text-muted flex-shrink-0",
 											children: new Date(e.timestamp).toLocaleTimeString()
 										})
@@ -309,101 +313,101 @@ function x() {
 							})
 						})]
 					}),
-					D === "stats" && /* @__PURE__ */ v("div", {
+					j === "stats" && /* @__PURE__ */ y("div", {
 						className: "space-y-4",
-						children: ve ? /* @__PURE__ */ v(i, { message: "Loading stats..." }) : K ? /* @__PURE__ */ v(a, {
+						children: ve ? /* @__PURE__ */ y(i, { message: "Loading stats..." }) : X ? /* @__PURE__ */ y(a, {
 							title: "Failed to load stats",
-							message: K,
-							onRetry: J
-						}) : U ? /* @__PURE__ */ y("div", {
+							message: X,
+							onRetry: Q
+						}) : q ? /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 							children: [
-								/* @__PURE__ */ v(c, {
+								/* @__PURE__ */ y(c, {
 									title: "Total Tokens",
-									value: U.totalTokens.toLocaleString()
+									value: q.totalTokens.toLocaleString()
 								}),
-								/* @__PURE__ */ v(c, {
+								/* @__PURE__ */ y(c, {
 									title: "Input Tokens",
-									value: U.inputTokens.toLocaleString(),
+									value: q.inputTokens.toLocaleString(),
 									variant: "success"
 								}),
-								/* @__PURE__ */ v(c, {
+								/* @__PURE__ */ y(c, {
 									title: "Output Tokens",
-									value: U.outputTokens.toLocaleString(),
+									value: q.outputTokens.toLocaleString(),
 									variant: "warning"
 								}),
-								/* @__PURE__ */ v(c, {
+								/* @__PURE__ */ y(c, {
 									title: "Prompts",
-									value: U.promptCount
+									value: q.promptCount
 								}),
-								U.averageLatency !== void 0 && /* @__PURE__ */ v(c, {
+								q.averageLatency !== void 0 && /* @__PURE__ */ y(c, {
 									title: "Avg Latency",
-									value: `${U.averageLatency.toFixed(0)}ms`
+									value: `${q.averageLatency.toFixed(0)}ms`
 								})
 							]
-						}) : /* @__PURE__ */ v(o, {
-							icon: /* @__PURE__ */ v(p, { className: "w-6 h-6 text-text-secondary" }),
+						}) : /* @__PURE__ */ y(o, {
+							icon: /* @__PURE__ */ y(m, { 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", {
+					j === "config" && /* @__PURE__ */ b("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ y(s, {
+						children: [/* @__PURE__ */ b(s, {
 							className: "p-4",
 							children: [
-								/* @__PURE__ */ v("h3", {
+								/* @__PURE__ */ y("h3", {
 									className: "font-semibold text-text-primary mb-3",
-									children: x("vibecontrols.pages.ai.sessionConfig", "Session Configuration")
+									children: S("vibecontrols.pages.ai.sessionConfig", "Session Configuration")
 								}),
-								/* @__PURE__ */ v("textarea", {
-									value: Y,
-									onChange: (e) => ye(e.target.value),
+								/* @__PURE__ */ y("textarea", {
+									value: ye,
+									onChange: (e) => be(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", {
+								/* @__PURE__ */ b("div", {
 									className: "mt-4 flex flex-col gap-3 sm:flex-row sm:items-center",
-									children: [/* @__PURE__ */ y("button", {
+									children: [/* @__PURE__ */ b("button", {
 										onClick: async () => {
-											if (!(!S || !E)) {
-												Z(!0);
+											if (!(!C || !O)) {
+												Se(!0);
 												try {
-													await oe(T, S, JSON.parse(Y)), Q(!0), setTimeout(() => Q(!1), 3e3);
+													await oe(A, C, JSON.parse(ye)), we(!0), setTimeout(() => we(!1), 3e3);
 												} catch (e) {
 													console.error("Failed to save config:", e);
 												} finally {
-													Z(!1);
+													Se(!1);
 												}
 											}
 										},
-										disabled: X,
+										disabled: xe,
 										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", {
+										children: [/* @__PURE__ */ y(v, { className: "w-4 h-4" }), xe ? S("vibecontrols.pages.ai.saving", "Saving...") : S("vibecontrols.pages.ai.saveConfig", "Save Config")]
+									}), Ce && /* @__PURE__ */ y("span", {
 										className: "text-sm text-status-success-text",
-										children: x("vibecontrols.pages.ai.savedSuccessfully", "Saved successfully")
+										children: S("vibecontrols.pages.ai.savedSuccessfully", "Saved successfully")
 									})]
 								})
 							]
-						}), /* @__PURE__ */ y(s, {
+						}), /* @__PURE__ */ b(s, {
 							className: "p-4 border-status-error-text/20",
 							children: [
-								/* @__PURE__ */ v("h3", {
+								/* @__PURE__ */ y("h3", {
 									className: "font-semibold text-status-error-text mb-2",
-									children: x("vibecontrols.pages.ai.dangerZone", "Danger Zone")
+									children: S("vibecontrols.pages.ai.dangerZone", "Danger Zone")
 								}),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("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.")
+									children: S("vibecontrols.pages.ai.terminateWarning", "Terminating a session is permanent. All state will be lost.")
 								}),
-								/* @__PURE__ */ y("button", {
+								/* @__PURE__ */ b("button", {
 									onClick: async () => {
-										if (!(!S || !E) && window.confirm("Are you sure you want to terminate this session? This cannot be undone.")) {
+										if (!(!C || !O) && window.confirm("Are you sure you want to terminate this session? This cannot be undone.")) {
 											$(!0);
 											try {
-												await ae(T, S), C("/ai/sessions");
+												await ae(A, C), w("/ai/sessions");
 											} catch (e) {
 												console.error("Failed to terminate session:", e);
 											} finally {
@@ -411,9 +415,9 @@ function x() {
 											}
 										}
 									},
-									disabled: xe,
+									disabled: Te,
 									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")]
+									children: [/* @__PURE__ */ y(ue, { className: "w-4 h-4" }), Te ? S("vibecontrols.pages.ai.terminating", "Terminating...") : S("vibecontrols.pages.ai.terminateSession", "Terminate Session")]
 								})
 							]
 						})]
@@ -421,21 +425,21 @@ function x() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ v(b, {
+	}) : /* @__PURE__ */ y(x, {
 		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"),
+		children: /* @__PURE__ */ y(o, {
+			icon: /* @__PURE__ */ y(h, { className: "w-8 h-8 text-text-secondary" }),
+			title: S("vibecontrols.pages.ai.noActiveAgent", "No active agent"),
+			description: S("vibecontrols.pages.ai.noActiveAgentDescription", "An active agent with a tunnel is required to view session details."),
+			action: /* @__PURE__ */ y("button", {
+				onClick: () => w("/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")
+				children: S("vibecontrols.pages.ai.goToAgents", "Go to Agents")
 			})
 		})
 	});
 }
 //#endregion
-export { x as AISessionDetailPage };
+export { S as AISessionDetailPage };
 
 //# sourceMappingURL=AISessionDetailPage.js.map