@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

package/dist/components/sessions/TerminalPanel.js

@@ -1,88 +1,70 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { AlertCircle as ee, ChevronDown as te, ChevronUp as ne, Edit3 as re, Expand as ie, ExternalLink as a, GripVertical as ae, Loader2 as o, Maximize2 as oe, Minimize2 as se, Plus as s, RotateCcw as c, Search as ce, Shrink as le, Square as ue, Terminal as l, Wifi as de, WifiOff as fe, X as u } from "lucide-react";
-import { Fragment as pe, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPortal as me } from "react-dom";
+import { AlertCircle as ee, ChevronDown as a, ChevronUp as te, Edit3 as ne, Expand as re, ExternalLink as o, GripVertical as ie, Loader2 as s, Maximize2 as ae, Minimize2 as oe, Plus as c, RotateCcw as l, Search as se, Shrink as ce, Square as le, Terminal as u, Wifi as ue, WifiOff as de, X as d } from "lucide-react";
+import { Fragment as fe, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as pe } from "react-dom";
 //#region src/components/sessions/TerminalPanel.tsx
-function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExternal: h, onToggleCollapse: _e, collapsed: g = !1, heightClass: ve = "h-[420px]", sessions: _, onOpenTerminal: ye, onRetryTerminal: be, onRenameSession: v, onStopTerminal: xe, onRestartTerminal: y, onStopSession: Se, onCreateSession: b, fullScreen: x = !1, isImmersiveFullscreen: S = !1, onToggleImmersiveFullscreen: C, contextSwitcher: Ce }) {
-	let w = e(), [T, we] = i(!1), [E, D] = i(!1), [O, k] = i(""), [A, j] = i({
+function m({ tabs: m, activeTabId: me, onTabSelect: he, onTabClose: h, onOpenExternal: g, onToggleCollapse: ge, collapsed: _ = !1, heightClass: _e = "h-[420px]", sessions: v, onOpenTerminal: ve, onRetryTerminal: y, onRenameSession: b, onStopTerminal: ye, onRestartTerminal: be, onStopSession: xe, onCreateSession: x, fullScreen: S = !1, isImmersiveFullscreen: C = !1, onToggleImmersiveFullscreen: w, contextSwitcher: Se }) {
+	let T = e(), [E, Ce] = i(!1), [D, O] = i(!1), [k, A] = i(""), [j, M] = i({
 		visible: !1,
 		x: 0,
 		y: 0,
 		sessionId: null
-	}), [M, Te] = i(null), [N, P] = i(""), [F, I] = i({}), [L, R] = i({}), [Ee, De] = i(null), z = r(!1), Oe = r(0), ke = r(0), Ae = r(null), B = r(null), V = r(null), H = r(null), U = r(null), W = r(null), G = r({}), K = r({}), q = r({}), J = r({}), Y = p.find((e) => e.sessionId === he) || p[0] || null, je = t(() => {
-		we((e) => !e), De(null);
-	}, []), X = (_ ?? []).filter((e) => !p.some((t) => t.sessionId === e.id)), Z = O.trim() ? X.filter((e) => e.name.toLowerCase().includes(O.trim().toLowerCase())) : X, Me = t((e) => {
-		J.current[e] && (clearTimeout(J.current[e]), delete J.current[e]), I((t) => ({
-			...t,
-			[e]: "connected"
-		})), R((t) => ({
-			...t,
-			[e]: void 0
-		}));
-	}, []), Ne = t((e) => {
-		J.current[e] && (clearTimeout(J.current[e]), delete J.current[e]), I((t) => ({
-			...t,
-			[e]: "error"
-		}));
-	}, []);
-	n(() => {
-		let e = typeof window < "u" ? window.location.protocol : "https:";
-		return p.forEach((t) => {
-			if (!(!t.terminalUrl || t.loading || t.error)) {
-				try {
-					let n = new URL(t.terminalUrl).protocol;
-					if (e === "https:" && n !== "https:") {
-						I((e) => ({
-							...e,
-							[t.sessionId]: "error"
-						})), R((e) => ({
-							...e,
-							[t.sessionId]: w("vibecontrols.sessions.terminal.mixedContentBlocked", "This terminal URL is not HTTPS, so the browser blocked it on this secure page.")
-						}));
-						return;
-					}
-				} catch {
-					I((e) => ({
-						...e,
-						[t.sessionId]: "error"
-					})), R((e) => ({
-						...e,
-						[t.sessionId]: w("vibecontrols.sessions.terminal.invalidUrl", "The terminal URL is invalid. Restart the terminal to generate a new URL.")
-					}));
-					return;
-				}
-				F[t.sessionId] || I((e) => ({
-					...e,
-					[t.sessionId]: "connecting"
-				})), F[t.sessionId] === "connecting" && !J.current[t.sessionId] && (J.current[t.sessionId] = setTimeout(() => {
-					delete J.current[t.sessionId], I((e) => ({
-						...e,
-						[t.sessionId]: "error"
-					})), R((e) => ({
-						...e,
-						[t.sessionId]: w("vibecontrols.sessions.terminal.connectionTimedOut", "Timed out waiting for the terminal to connect. Check the agent tunnel and retry.")
-					}));
-				}, 12e3));
-			}
-		}), () => {
-			for (let e of Object.values(J.current)) clearTimeout(e);
-			J.current = {};
-		};
-	}, [
-		F,
-		p,
-		w
+	}), [N, we] = i(null), [P, F] = i(""), [I, Te] = i({}), [L, Ee] = i({}), [De, Oe] = i(null), R = r(!1), ke = r(0), Ae = r(0), je = r(null), z = r(null), B = r(null), V = r(null), H = r(null), Me = r(null), Ne = r({}), U = r({}), W = r({}), G = r({}), K = m.find((e) => e.sessionId === me) || m[0] || null, q = t((e, t) => {
+		Te((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, []), J = t((e, t) => {
+		Ee((n) => n[e] === t ? n : {
+			...n,
+			[e]: t
+		});
+	}, []), Pe = t((e) => {
+		if (!e) return null;
+		try {
+			let t = typeof window < "u" ? window.location.protocol : "https:", n = new URL(e).protocol;
+			return t === "https:" && n !== "https:" ? T("vibecontrols.sessions.terminal.mixedContentBlocked", "This terminal URL is not HTTPS, so the browser blocked it on this secure page.") : null;
+		} catch {
+			return T("vibecontrols.sessions.terminal.invalidUrl", "The terminal URL is invalid. Restart the terminal to generate a new URL.");
+		}
+	}, [T]), Fe = t(() => {
+		Ce((e) => !e), Oe(null);
+	}, []), Y = (v ?? []).filter((e) => !m.some((t) => t.sessionId === e.id)), Ie = k.trim() ? Y.filter((e) => e.name.toLowerCase().includes(k.trim().toLowerCase())) : Y, Le = t((e) => {
+		G.current[e] && (clearTimeout(G.current[e]), delete G.current[e]), q(e, "connected"), J(e, void 0);
+	}, [J, q]), Re = t((e) => {
+		G.current[e] && (clearTimeout(G.current[e]), delete G.current[e]), q(e, "error");
+	}, [q]);
+	n(() => (m.forEach((e) => {
+		if (!e.terminalUrl || e.loading || e.error) return;
+		let t = Pe(e.terminalUrl);
+		if (t) {
+			q(e.sessionId, "error"), J(e.sessionId, t);
+			return;
+		}
+		I[e.sessionId] || q(e.sessionId, "connecting"), I[e.sessionId] === "connecting" && !G.current[e.sessionId] && (G.current[e.sessionId] = setTimeout(() => {
+			delete G.current[e.sessionId], q(e.sessionId, "error"), J(e.sessionId, T("vibecontrols.sessions.terminal.connectionTimedOut", "Timed out waiting for the terminal to connect. Check the agent tunnel and retry."));
+		}, 12e3));
+	}), () => {
+		for (let e of Object.values(G.current)) clearTimeout(e);
+		G.current = {};
+	}), [
+		I,
+		Pe,
+		J,
+		q,
+		m,
+		T
 	]);
-	let Pe = t((e) => {
-		K.current[e] && (clearTimeout(K.current[e]), delete K.current[e]), delete q.current[e];
-	}, []), Q = t((e) => {
-		let t = G.current[e];
+	let X = t((e) => {
+		U.current[e] && (clearTimeout(U.current[e]), delete U.current[e]), delete W.current[e];
+	}, []), Z = t((e) => {
+		let t = Ne.current[e];
 		if (t) {
-			Pe(e), R((t) => ({
+			X(e), Ee((t) => ({
 				...t,
 				[e]: void 0
-			})), I((t) => ({
+			})), Te((t) => ({
 				...t,
 				[e]: "connecting"
 			}));
@@ -91,23 +73,23 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 				t.src = n;
 			});
 		}
-	}, [Pe]);
+	}, [X]);
 	n(() => {
-		for (let e of p) {
-			let t = F[e.sessionId];
+		for (let e of m) {
+			let t = I[e.sessionId];
 			if (t === "error" && e.terminalUrl && !e.error && !L[e.sessionId]) {
-				if (K.current[e.sessionId]) continue;
-				let t = q.current[e.sessionId] ?? 0;
+				if (U.current[e.sessionId]) continue;
+				let t = W.current[e.sessionId] ?? 0;
 				if (t >= 15) continue;
 				let n = Math.min(2e3 * 2 ** t, 3e4);
-				K.current[e.sessionId] = setTimeout(() => {
-					delete K.current[e.sessionId], q.current[e.sessionId] = t + 1;
-					let n = G.current[e.sessionId];
+				U.current[e.sessionId] = setTimeout(() => {
+					delete U.current[e.sessionId], W.current[e.sessionId] = t + 1;
+					let n = Ne.current[e.sessionId];
 					if (!n) return;
 					let r = e.terminalUrl, i = `${new URL(r).origin}/health`;
 					fetch(i, { signal: AbortSignal.timeout(5e3) }).then((t) => {
 						if (t.ok) {
-							I((t) => ({
+							Te((t) => ({
 								...t,
 								[e.sessionId]: "connecting"
 							}));
@@ -119,35 +101,35 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 					}).catch(() => {});
 				}, n);
 			}
-			t === "connected" && Pe(e.sessionId);
+			t === "connected" && X(e.sessionId);
 		}
-		let e = K.current;
+		let e = U.current;
 		return () => {
 			for (let t of Object.values(e)) clearTimeout(t);
 		};
 	}, [
-		p,
+		m,
 		L,
-		F,
-		Pe
+		I,
+		X
 	]);
-	let Fe = t((e) => {
-		x || T || (e.preventDefault(), z.current = !0, Oe.current = e.clientY, ke.current = Ae.current?.offsetHeight || 420, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none");
-	}, [x, T]);
+	let ze = t((e) => {
+		S || E || (e.preventDefault(), R.current = !0, ke.current = e.clientY, Ae.current = je.current?.offsetHeight || 420, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none");
+	}, [S, E]);
 	n(() => {
 		let e = (e) => {
-			if (!z.current) return;
-			let t = Oe.current - e.clientY;
-			De(Math.max(200, Math.min(ke.current + t, window.innerHeight - 150)));
+			if (!R.current) return;
+			let t = ke.current - e.clientY;
+			Oe(Math.max(200, Math.min(Ae.current + t, window.innerHeight - 150)));
 		}, t = () => {
-			z.current && (z.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "");
+			R.current && (R.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "");
 		};
 		return document.addEventListener("mousemove", e), document.addEventListener("mouseup", t), () => {
 			document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", t);
 		};
 	}, []);
-	let Ie = t((e, t) => {
-		e.preventDefault(), e.stopPropagation(), j({
+	let Be = t((e, t) => {
+		e.preventDefault(), e.stopPropagation(), M({
 			visible: !0,
 			x: e.clientX,
 			y: e.clientY,
@@ -156,194 +138,194 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 	}, []);
 	n(() => {
 		let e = (e) => {
-			V.current && !V.current.contains(e.target) && j((e) => ({
+			B.current && !B.current.contains(e.target) && M((e) => ({
 				...e,
 				visible: !1
 			}));
 		};
-		if (A.visible) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [A.visible]), n(() => {
+		if (j.visible) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [j.visible]), n(() => {
 		let e = (e) => {
 			let t = e.target;
-			U.current && !U.current.contains(t) && H.current && !H.current.contains(t) && (D(!1), k(""));
+			H.current && !H.current.contains(t) && V.current && !V.current.contains(t) && (O(!1), A(""));
 		};
-		if (E) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [E]), n(() => {
-		E && W.current && requestAnimationFrame(() => W.current?.focus());
-	}, [E]), n(() => {
-		M && B.current && (B.current.focus(), B.current.select());
-	}, [M]), n(() => {
-		if (!S || !C) return;
+		if (D) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [D]), n(() => {
+		D && Me.current && requestAnimationFrame(() => Me.current?.focus());
+	}, [D]), n(() => {
+		N && z.current && (z.current.focus(), z.current.select());
+	}, [N]), n(() => {
+		if (!C || !w) return;
 		let e = (e) => {
-			e.key === "Escape" && C();
+			e.key === "Escape" && w();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [S, C]);
-	let Le = t((e) => {
-		let t = p.find((t) => t.sessionId === e);
-		t && (Te(e), P(t.name)), j((e) => ({
+	}, [C, w]);
+	let Ve = t((e) => {
+		let t = m.find((t) => t.sessionId === e);
+		t && (we(e), F(t.name)), M((e) => ({
 			...e,
 			visible: !1
 		}));
-	}, [p]), Re = t(() => {
-		if (M && N.trim() && v) {
-			let e = p.find((e) => e.sessionId === M);
-			e && N.trim() !== e.name && v(M, N.trim());
+	}, [m]), Q = t(() => {
+		if (N && P.trim() && b) {
+			let e = m.find((e) => e.sessionId === N);
+			e && P.trim() !== e.name && b(N, P.trim());
 		}
-		Te(null), P("");
+		we(null), F("");
 	}, [
-		M,
 		N,
-		v,
-		p
-	]), ze = t((e) => {
-		e.key === "Enter" ? Re() : e.key === "Escape" && (Te(null), P(""));
-	}, [Re]);
-	if (p.length === 0 && !g && !x) return null;
-	let Be = x ? "h-full" : T ? "h-[calc(100vh-120px)]" : Ee ? void 0 : ve, Ve = !x && !T && Ee ? { height: `${Ee}px` } : void 0, $ = A.sessionId ? p.find((e) => e.sessionId === A.sessionId) : null, He = (e) => {
-		if (e.loading) return /* @__PURE__ */ d(o, { className: "w-3 h-3 animate-spin shrink-0" });
-		if (e.error) return /* @__PURE__ */ d(ee, { className: "w-3 h-3 text-status-error-text shrink-0" });
-		let t = F[e.sessionId];
-		return t === "connected" ? /* @__PURE__ */ d(de, { className: "w-3 h-3 text-status-success-text shrink-0" }) : t === "error" ? /* @__PURE__ */ d(fe, { className: "w-3 h-3 text-status-error-text shrink-0" }) : t === "connecting" ? /* @__PURE__ */ d(o, { className: "w-3 h-3 animate-spin text-status-warning-text shrink-0" }) : /* @__PURE__ */ d(l, { className: "w-3 h-3 shrink-0" });
+		P,
+		b,
+		m
+	]), He = t((e) => {
+		e.key === "Enter" ? Q() : e.key === "Escape" && (we(null), F(""));
+	}, [Q]);
+	if (m.length === 0 && !_ && !S) return null;
+	let Ue = S ? "h-full" : E ? "h-[calc(100vh-120px)]" : De ? void 0 : _e, We = !S && !E && De ? { height: `${De}px` } : void 0, $ = j.sessionId ? m.find((e) => e.sessionId === j.sessionId) : null, Ge = (e) => {
+		if (e.loading) return /* @__PURE__ */ f(s, { className: "w-3 h-3 animate-spin shrink-0" });
+		if (e.error) return /* @__PURE__ */ f(ee, { className: "w-3 h-3 text-status-error-text shrink-0" });
+		let t = I[e.sessionId];
+		return t === "connected" ? /* @__PURE__ */ f(ue, { className: "w-3 h-3 text-status-success-text shrink-0" }) : t === "error" ? /* @__PURE__ */ f(de, { className: "w-3 h-3 text-status-error-text shrink-0" }) : t === "connecting" ? /* @__PURE__ */ f(s, { className: "w-3 h-3 animate-spin text-status-warning-text shrink-0" }) : /* @__PURE__ */ f(u, { className: "w-3 h-3 shrink-0" });
 	};
-	return S ? S ? me(/* @__PURE__ */ f("div", {
+	return C ? C ? pe(/* @__PURE__ */ p("div", {
 		className: "fixed inset-0 z-[9999] bg-bg-surface flex flex-col",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between px-3 py-2 bg-bg-sunken border-b border-border-default shrink-0",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center gap-4",
-					children: Ce
-				}), /* @__PURE__ */ f("div", {
+					children: Se
+				}), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2",
 					children: [
-						Y && F[Y.sessionId] === "error" && /* @__PURE__ */ d("button", {
-							onClick: () => Q(Y.sessionId),
+						K && I[K.sessionId] === "error" && /* @__PURE__ */ f("button", {
+							onClick: () => Z(K.sessionId),
 							className: "p-1.5 text-status-warning-text hover:text-status-warning-text/80 transition-colors",
 							title: "Reconnect terminal",
-							children: /* @__PURE__ */ d(c, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ f(l, { className: "w-4 h-4" })
 						}),
-						Y?.terminalUrl && /* @__PURE__ */ d("button", {
-							onClick: () => Y && h(Y.sessionId),
+						K?.terminalUrl && /* @__PURE__ */ f("button", {
+							onClick: () => K && g(K.sessionId),
 							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
 							title: "Open in new tab",
-							children: /* @__PURE__ */ d(a, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ f(o, { className: "w-4 h-4" })
 						}),
-						/* @__PURE__ */ d("button", {
-							onClick: C,
+						/* @__PURE__ */ f("button", {
+							onClick: w,
 							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
 							title: "Exit fullscreen (ESC)",
-							children: /* @__PURE__ */ d(le, { className: "w-4 h-4" })
+							children: /* @__PURE__ */ f(ce, { className: "w-4 h-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center bg-bg-sunken border-b border-border-default shrink-0",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center overflow-x-auto flex-1 min-w-0",
-					children: p.map((e) => /* @__PURE__ */ f("div", {
-						className: `flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-border-subtle cursor-pointer transition-colors min-w-0 max-w-[180px] group ${e.sessionId === Y?.sessionId ? "bg-bg-surface text-text-primary border-b-2 border-b-action-primary-bg" : "text-text-secondary hover:text-text-primary hover:bg-bg-surface/50"}`,
-						onClick: () => ge(e.sessionId),
-						onContextMenu: (t) => Ie(t, e.sessionId),
-						onDoubleClick: () => Le(e.sessionId),
+					children: m.map((e) => /* @__PURE__ */ p("div", {
+						className: `flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-border-subtle cursor-pointer transition-colors min-w-0 max-w-[180px] group ${e.sessionId === K?.sessionId ? "bg-bg-surface text-text-primary border-b-2 border-b-action-primary-bg" : "text-text-secondary hover:text-text-primary hover:bg-bg-surface/50"}`,
+						onClick: () => he(e.sessionId),
+						onContextMenu: (t) => Be(t, e.sessionId),
+						onDoubleClick: () => Ve(e.sessionId),
 						children: [
-							He(e),
-							M === e.sessionId ? /* @__PURE__ */ d("input", {
-								ref: B,
-								value: N,
-								onChange: (e) => P(e.target.value),
-								onBlur: Re,
-								onKeyDown: ze,
+							Ge(e),
+							N === e.sessionId ? /* @__PURE__ */ f("input", {
+								ref: z,
+								value: P,
+								onChange: (e) => F(e.target.value),
+								onBlur: Q,
+								onKeyDown: He,
 								onClick: (e) => e.stopPropagation(),
 								className: "bg-bg-sunken border border-border-strong rounded px-1 py-0 text-xs text-text-primary w-[100px] outline-none"
-							}) : /* @__PURE__ */ d("span", {
+							}) : /* @__PURE__ */ f("span", {
 								className: "truncate",
 								children: e.name
 							}),
-							/* @__PURE__ */ d("button", {
+							/* @__PURE__ */ f("button", {
 								onClick: (t) => {
-									t.stopPropagation(), m(e.sessionId);
+									t.stopPropagation(), h(e.sessionId);
 								},
 								className: "ml-auto opacity-0 group-hover:opacity-100 hover:text-status-error-text transition-opacity shrink-0",
 								title: "Close terminal",
-								children: /* @__PURE__ */ d(u, { className: "w-3 h-3" })
+								children: /* @__PURE__ */ f(d, { className: "w-3 h-3" })
 							})
 						]
 					}, e.sessionId))
-				}), /* @__PURE__ */ d("button", {
-					ref: H,
+				}), /* @__PURE__ */ f("button", {
+					ref: V,
 					onClick: () => {
-						(b || X.length > 0) && (D((e) => !e), k(""));
+						(x || Y.length > 0) && (O((e) => !e), A(""));
 					},
 					className: "flex items-center px-2.5 py-1.5 text-text-secondary hover:text-text-primary transition-colors shrink-0 border-r border-border-subtle",
 					title: "New session or open existing",
-					children: /* @__PURE__ */ d(s, { className: "w-3.5 h-3.5" })
+					children: /* @__PURE__ */ f(c, { className: "w-3.5 h-3.5" })
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex-1 bg-bg-sunken text-text-primary relative overflow-hidden",
-				children: Y ? p.map((e) => {
-					let t = F[e.sessionId], n = t === "connecting" || e.loading, r = e.terminalUrl && !e.error;
-					return /* @__PURE__ */ f("div", {
-						className: `absolute inset-0 ${e.sessionId === Y.sessionId ? "block" : "hidden"}`,
+				children: K ? m.map((e) => {
+					let t = I[e.sessionId], n = t === "connecting" || e.loading, r = Pe(e.terminalUrl), i = r ?? L[e.sessionId], a = !!e.terminalUrl && !e.error && !r, te = !!r || a && t === "error";
+					return /* @__PURE__ */ p("div", {
+						className: `absolute inset-0 ${e.sessionId === K.sessionId ? "block" : "hidden"}`,
 						children: [
-							r && e.terminalUrl && /* @__PURE__ */ d("iframe", {
+							a && e.terminalUrl && /* @__PURE__ */ f("iframe", {
 								ref: (t) => {
-									G.current[e.sessionId] = t;
+									Ne.current[e.sessionId] = t;
 								},
 								src: e.terminalUrl,
 								title: `Terminal - ${e.name}`,
 								className: "w-full h-full border-0",
 								allow: "clipboard-read *; clipboard-write *",
-								onLoad: () => Me(e.sessionId),
-								onError: () => Ne(e.sessionId)
+								onLoad: () => Le(e.sessionId),
+								onError: () => Re(e.sessionId)
 							}),
-							r && n && /* @__PURE__ */ d("div", {
+							a && n && /* @__PURE__ */ f("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center pointer-events-none z-10",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-3 px-4 py-3 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg",
-									children: [/* @__PURE__ */ d(o, { className: "w-5 h-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+									children: [/* @__PURE__ */ f(s, { className: "w-5 h-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 										className: "text-text-primary text-sm font-medium",
-										children: e.loading ? w("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : w("vibecontrols.sessions.terminal.connecting", "Connecting...")
-									}), /* @__PURE__ */ d("p", {
+										children: e.loading ? T("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : T("vibecontrols.sessions.terminal.connecting", "Connecting...")
+									}), /* @__PURE__ */ f("p", {
 										className: "text-text-secondary text-xs",
-										children: e.loading ? w("vibecontrols.sessions.terminal.settingUpTmux", "Setting up tmux + ttyd") : w("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
+										children: e.loading ? T("vibecontrols.sessions.terminal.settingUpTmux", "Setting up tmux + ttyd") : T("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
 									})] })]
 								})
 							}),
-							r && t === "error" && !e.error && /* @__PURE__ */ d("div", {
+							te && !e.error && /* @__PURE__ */ f("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center z-10",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "flex flex-col items-center gap-3 px-6 py-4 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg",
 									children: [
-										/* @__PURE__ */ d(fe, { className: "w-6 h-6 text-status-error-text" }),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ f(de, { className: "w-6 h-6 text-status-error-text" }),
+										/* @__PURE__ */ p("div", {
 											className: "text-center",
-											children: [/* @__PURE__ */ d("p", {
+											children: [/* @__PURE__ */ f("p", {
 												className: "text-text-primary text-sm font-medium",
-												children: w("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
-											}), /* @__PURE__ */ d("p", {
+												children: T("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
+											}), /* @__PURE__ */ f("p", {
 												className: "text-text-secondary text-xs mt-1",
-												children: L[e.sessionId] ? L[e.sessionId] : (q.current[e.sessionId] ?? 0) < 15 ? w("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : w("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted")
+												children: i || ((W.current[e.sessionId] ?? 0) < 15 ? T("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : T("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted"))
 											})]
 										}),
-										!L[e.sessionId] && (q.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ d(o, { className: "w-4 h-4 text-text-tertiary animate-spin" }),
-										/* @__PURE__ */ f("button", {
-											onClick: () => Q(e.sessionId),
+										!i && (W.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ f(s, { className: "w-4 h-4 text-text-tertiary animate-spin" }),
+										/* @__PURE__ */ p("button", {
+											onClick: () => Z(e.sessionId),
 											className: "px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2",
-											children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
+											children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && e.loading && /* @__PURE__ */ d("div", {
+							!e.terminalUrl && e.loading && /* @__PURE__ */ f("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ d(o, { className: "w-8 h-8 text-text-tertiary animate-spin mx-auto mb-3" }),
-										/* @__PURE__ */ f("p", {
+										/* @__PURE__ */ f(s, { className: "w-8 h-8 text-text-tertiary animate-spin mx-auto mb-3" }),
+										/* @__PURE__ */ p("p", {
 											className: "text-text-tertiary text-sm",
 											children: [
 												"Starting terminal for ",
@@ -351,156 +333,165 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 												"..."
 											]
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-text-secondary text-xs mt-1",
 											children: "Setting up tmux + ttyd terminal"
 										})
 									]
 								})
 							}),
-							e.error && /* @__PURE__ */ d("div", {
+							e.error && /* @__PURE__ */ f("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "text-center max-w-md",
 									children: [
-										/* @__PURE__ */ d(ee, { className: "w-8 h-8 text-status-error-text mx-auto mb-3" }),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f(ee, { className: "w-8 h-8 text-status-error-text mx-auto mb-3" }),
+										/* @__PURE__ */ f("p", {
 											className: "text-status-error-text text-sm font-medium",
-											children: w("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
+											children: T("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-text-tertiary text-xs mt-2",
 											children: e.error
 										}),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ f("div", {
 											className: "flex items-center justify-center gap-3 mt-4",
-											children: be && _ && /* @__PURE__ */ f("button", {
+											children: y && v && /* @__PURE__ */ p("button", {
 												onClick: () => {
-													let t = _.find((t) => t.id === e.sessionId);
-													t && be(t);
+													let t = v.find((t) => t.id === e.sessionId);
+													t && y(t);
 												},
 												className: "px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2",
-												children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.retry", "Retry")]
+												children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.retry", "Retry")]
 											})
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ d("div", {
+							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ f("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ f("div", {
-									className: "text-center",
+								children: /* @__PURE__ */ p("div", {
+									className: "text-center max-w-sm space-y-3",
 									children: [
-										/* @__PURE__ */ d(l, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }),
-										/* @__PURE__ */ d("p", {
-											className: "text-text-tertiary text-sm",
-											children: w("vibecontrols.sessions.terminal.noTerminalUrl", "No terminal URL available")
+										/* @__PURE__ */ f(u, { className: "w-8 h-8 text-text-secondary mx-auto" }),
+										/* @__PURE__ */ f("p", {
+											className: "text-text-primary text-sm font-medium",
+											children: T("vibecontrols.sessions.terminal.terminalNotStarted", "Terminal not started yet")
 										}),
-										/* @__PURE__ */ d("p", {
-											className: "text-text-secondary text-xs mt-1",
-											children: w("vibecontrols.sessions.terminal.agentNeedsTtyd", "The agent needs to start ttyd for this session")
+										/* @__PURE__ */ f("p", {
+											className: "text-text-secondary text-xs",
+											children: T("vibecontrols.sessions.terminal.startTerminalHint", "Click below to start a ttyd terminal on the agent for this session.")
+										}),
+										y && v && /* @__PURE__ */ p("button", {
+											type: "button",
+											onClick: () => {
+												let t = v.find((t) => t.id === e.sessionId);
+												t && y(t);
+											},
+											className: "px-4 py-2 bg-accent-primary text-white text-sm rounded-md hover:bg-accent-primary/90 transition-colors inline-flex items-center gap-2",
+											children: [/* @__PURE__ */ f(u, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.startTerminal", "Start terminal")]
 										})
 									]
 								})
 							})
 						]
 					}, e.sessionId);
-				}) : /* @__PURE__ */ d("div", {
+				}) : /* @__PURE__ */ f("div", {
 					className: "flex items-center justify-center h-full",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "text-center max-w-md",
 						children: [
-							/* @__PURE__ */ d(l, { className: "w-12 h-12 text-text-secondary mx-auto mb-4" }),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ f(u, { className: "w-12 h-12 text-text-secondary mx-auto mb-4" }),
+							/* @__PURE__ */ f("p", {
 								className: "text-text-secondary text-base font-medium mb-2",
-								children: w("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
+								children: T("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
 							}),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ f("p", {
 								className: "text-text-secondary text-sm mb-4",
-								children: w("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
+								children: T("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
 							}),
-							b && /* @__PURE__ */ f("button", {
-								onClick: b,
+							x && /* @__PURE__ */ p("button", {
+								onClick: x,
 								className: "px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2",
-								children: [/* @__PURE__ */ d(s, { className: "w-4 h-4" }), w("vibecontrols.sessions.terminal.newSession", "New Session")]
+								children: [/* @__PURE__ */ f(c, { className: "w-4 h-4" }), T("vibecontrols.sessions.terminal.newSession", "New Session")]
 							})
 						]
 					})
 				})
 			}),
-			E && (b || X.length > 0) && H.current && /* @__PURE__ */ f("div", {
-				ref: U,
+			D && (x || Y.length > 0) && V.current && /* @__PURE__ */ p("div", {
+				ref: H,
 				className: "fixed bg-bg-elevated border border-border-default rounded-md shadow-xl z-[10000] w-[280px]",
 				style: {
-					top: H.current.getBoundingClientRect().bottom + 4,
-					left: Math.min(H.current.getBoundingClientRect().left, window.innerWidth - 290)
+					top: V.current.getBoundingClientRect().bottom + 4,
+					left: Math.min(V.current.getBoundingClientRect().left, window.innerWidth - 290)
 				},
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "p-2 border-b border-border-subtle",
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2 px-2 py-1.5 bg-bg-sunken rounded border border-border-subtle focus-within:border-border-strong",
 							children: [
-								/* @__PURE__ */ d(ce, { className: "w-3.5 h-3.5 text-text-muted shrink-0" }),
-								/* @__PURE__ */ d("input", {
-									ref: W,
+								/* @__PURE__ */ f(se, { className: "w-3.5 h-3.5 text-text-muted shrink-0" }),
+								/* @__PURE__ */ f("input", {
+									ref: Me,
 									type: "text",
-									value: O,
-									onChange: (e) => k(e.target.value),
+									value: k,
+									onChange: (e) => A(e.target.value),
 									placeholder: "Search sessions...",
 									className: "w-full bg-bg-surface/0 text-sm text-text-primary outline-none placeholder:text-text-placeholder"
 								}),
-								O && /* @__PURE__ */ d("button", {
-									onClick: () => k(""),
+								k && /* @__PURE__ */ f("button", {
+									onClick: () => A(""),
 									className: "text-text-muted hover:text-text-primary shrink-0",
-									children: /* @__PURE__ */ d(u, { className: "w-3 h-3" })
+									children: /* @__PURE__ */ f(d, { className: "w-3 h-3" })
 								})
 							]
 						})
 					}),
-					b && /* @__PURE__ */ f("button", {
+					x && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							b(), D(!1), k("");
+							x(), O(!1), A("");
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left font-medium",
-						children: [/* @__PURE__ */ d(s, { className: "w-3.5 h-3.5 text-text-secondary" }), /* @__PURE__ */ d("span", { children: w("vibecontrols.sessions.terminal.newSession", "New Session") })]
+						children: [/* @__PURE__ */ f(c, { className: "w-3.5 h-3.5 text-text-secondary" }), /* @__PURE__ */ f("span", { children: T("vibecontrols.sessions.terminal.newSession", "New Session") })]
 					}),
-					X.length > 0 && /* @__PURE__ */ f(pe, { children: [
-						/* @__PURE__ */ d("div", { className: "border-t border-border-subtle" }),
-						/* @__PURE__ */ d("div", {
+					Y.length > 0 && /* @__PURE__ */ p(fe, { children: [
+						/* @__PURE__ */ f("div", { className: "border-t border-border-subtle" }),
+						/* @__PURE__ */ f("div", {
 							className: "px-3 pt-2 pb-1",
-							children: /* @__PURE__ */ f("span", {
+							children: /* @__PURE__ */ p("span", {
 								className: "text-[10px] font-medium uppercase tracking-wider text-text-muted",
 								children: [
 									"Open existing (",
-									X.length,
+									Y.length,
 									")"
 								]
 							})
 						}),
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ f("div", {
 							className: "max-h-48 overflow-y-auto pb-1",
-							children: Z.length > 0 ? Z.map((e) => /* @__PURE__ */ f("button", {
+							children: Ie.length > 0 ? Ie.map((e) => /* @__PURE__ */ p("button", {
 								onClick: () => {
-									ye?.(e), D(!1), k("");
+									ve?.(e), O(!1), A("");
 								},
 								className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left",
 								children: [
-									/* @__PURE__ */ d(l, { className: "w-3.5 h-3.5 text-text-secondary shrink-0" }),
-									/* @__PURE__ */ d("span", {
+									/* @__PURE__ */ f(u, { className: "w-3.5 h-3.5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ f("span", {
 										className: "truncate",
 										children: e.name
 									}),
-									/* @__PURE__ */ d("span", {
+									/* @__PURE__ */ f("span", {
 										className: `ml-auto text-[10px] px-1.5 py-0.5 rounded shrink-0 ${e.status === "RUNNING" ? "bg-status-success-text/10 text-status-success-text" : e.status === "STOPPED" || e.status === "TERMINATED" ? "bg-text-secondary/10 text-text-tertiary" : "bg-status-warning-text/10 text-status-warning-text"}`,
 										children: e.status.toLowerCase()
 									})
 								]
-							}, e.id)) : /* @__PURE__ */ f("div", {
+							}, e.id)) : /* @__PURE__ */ p("div", {
 								className: "px-3 py-2 text-xs text-text-muted",
 								children: [
 									"No sessions matching “",
-									O,
+									k,
 									"”"
 								]
 							})
@@ -508,232 +499,232 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 					] })
 				]
 			}),
-			A.visible && $ && /* @__PURE__ */ f("div", {
-				ref: V,
+			j.visible && $ && /* @__PURE__ */ p("div", {
+				ref: B,
 				className: "fixed bg-bg-elevated border border-border-default rounded-lg shadow-lg z-[10000] min-w-[180px] py-1",
 				style: {
-					top: A.y,
-					left: A.x
+					top: j.y,
+					left: j.x
 				},
 				children: [
-					v && /* @__PURE__ */ f("button", {
-						onClick: () => Le($.sessionId),
+					b && /* @__PURE__ */ p("button", {
+						onClick: () => Ve($.sessionId),
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(re, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.rename", "Rename")]
+						children: [/* @__PURE__ */ f(ne, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.rename", "Rename")]
 					}),
-					$.terminalUrl && /* @__PURE__ */ f("button", {
+					$.terminalUrl && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							h($.sessionId), j((e) => ({
+							g($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(a, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
+						children: [/* @__PURE__ */ f(o, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
 					}),
-					$.terminalUrl && F[$.sessionId] === "error" && /* @__PURE__ */ f("button", {
+					$.terminalUrl && I[$.sessionId] === "error" && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							Q($.sessionId), j((e) => ({
+							Z($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-warning-text hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.reconnect", "Reconnect")]
+						children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.reconnect", "Reconnect")]
 					}),
-					y && /* @__PURE__ */ f("button", {
+					be && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							y($.sessionId), j((e) => ({
+							be($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.restartTerminal", "Restart Terminal")]
+						children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.restartTerminal", "Restart Terminal")]
 					}),
-					xe && /* @__PURE__ */ f("button", {
+					ye && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							xe($.sessionId), j((e) => ({
+							ye($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(ue, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.stopTerminal", "Stop Terminal")]
+						children: [/* @__PURE__ */ f(le, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.stopTerminal", "Stop Terminal")]
 					}),
-					/* @__PURE__ */ d("div", { className: "border-t border-border-subtle my-1" }),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ f("div", { className: "border-t border-border-subtle my-1" }),
+					/* @__PURE__ */ p("button", {
 						onClick: () => {
-							m($.sessionId), j((e) => ({
+							h($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(u, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
+						children: [/* @__PURE__ */ f(d, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
 					})
 				]
 			})
 		]
-	}), document.body) : null : /* @__PURE__ */ f("div", {
-		ref: Ae,
-		className: `${x ? "flex flex-col h-full" : ""} border-t border-border-default bg-bg-surface ${g && p.length === 0 && !x ? "hidden" : ""}`,
+	}), document.body) : null : /* @__PURE__ */ p("div", {
+		ref: je,
+		className: `${S ? "flex flex-col h-full" : ""} border-t border-border-default bg-bg-surface ${_ && m.length === 0 && !S ? "hidden" : ""}`,
 		children: [
-			!x && !g && p.length > 0 && /* @__PURE__ */ d("div", {
-				onMouseDown: Fe,
+			!S && !_ && m.length > 0 && /* @__PURE__ */ f("div", {
+				onMouseDown: ze,
 				className: "h-1 cursor-ns-resize hover:bg-action-primary-bg/30 transition-colors flex items-center justify-center group",
 				title: "Drag to resize",
-				children: /* @__PURE__ */ d(ae, { className: "w-4 h-3 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity rotate-90" })
+				children: /* @__PURE__ */ f(ie, { className: "w-4 h-3 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity rotate-90" })
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center bg-bg-sunken border-b border-border-default",
 				children: [
-					!x && /* @__PURE__ */ f("button", {
-						onClick: _e,
+					!S && /* @__PURE__ */ p("button", {
+						onClick: ge,
 						className: "flex items-center gap-1 px-3 py-2 text-text-secondary hover:text-text-primary transition-colors text-xs font-medium uppercase tracking-wide",
-						title: g ? "Expand terminal" : "Collapse terminal",
+						title: _ ? "Expand terminal" : "Collapse terminal",
 						children: [
-							/* @__PURE__ */ d(l, { className: "w-3.5 h-3.5" }),
+							/* @__PURE__ */ f(u, { className: "w-3.5 h-3.5" }),
 							"Terminal",
-							d(g ? ne : te, { className: "w-3 h-3" })
+							f(_ ? te : a, { className: "w-3 h-3" })
 						]
 					}),
-					(!g || x) && /* @__PURE__ */ d("div", {
+					(!_ || S) && /* @__PURE__ */ f("div", {
 						className: "flex items-center overflow-x-auto flex-1 min-w-0",
-						children: p.map((e) => /* @__PURE__ */ f("div", {
-							className: `flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-border-subtle cursor-pointer transition-colors min-w-0 max-w-[180px] group ${e.sessionId === Y?.sessionId ? "bg-bg-surface text-text-primary border-b-2 border-b-action-primary-bg" : "text-text-secondary hover:text-text-primary hover:bg-bg-surface/50"}`,
-							onClick: () => ge(e.sessionId),
-							onContextMenu: (t) => Ie(t, e.sessionId),
-							onDoubleClick: () => Le(e.sessionId),
+						children: m.map((e) => /* @__PURE__ */ p("div", {
+							className: `flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-border-subtle cursor-pointer transition-colors min-w-0 max-w-[180px] group ${e.sessionId === K?.sessionId ? "bg-bg-surface text-text-primary border-b-2 border-b-action-primary-bg" : "text-text-secondary hover:text-text-primary hover:bg-bg-surface/50"}`,
+							onClick: () => he(e.sessionId),
+							onContextMenu: (t) => Be(t, e.sessionId),
+							onDoubleClick: () => Ve(e.sessionId),
 							children: [
-								He(e),
-								M === e.sessionId ? /* @__PURE__ */ d("input", {
-									ref: B,
-									value: N,
-									onChange: (e) => P(e.target.value),
-									onBlur: Re,
-									onKeyDown: ze,
+								Ge(e),
+								N === e.sessionId ? /* @__PURE__ */ f("input", {
+									ref: z,
+									value: P,
+									onChange: (e) => F(e.target.value),
+									onBlur: Q,
+									onKeyDown: He,
 									onClick: (e) => e.stopPropagation(),
 									className: "bg-bg-sunken border border-border-strong rounded px-1 py-0 text-xs text-text-primary w-[100px] outline-none"
-								}) : /* @__PURE__ */ d("span", {
+								}) : /* @__PURE__ */ f("span", {
 									className: "truncate",
 									children: e.name
 								}),
-								/* @__PURE__ */ d("button", {
+								/* @__PURE__ */ f("button", {
 									onClick: (t) => {
-										t.stopPropagation(), m(e.sessionId);
+										t.stopPropagation(), h(e.sessionId);
 									},
 									className: "ml-auto opacity-0 group-hover:opacity-100 hover:text-status-error-text transition-opacity shrink-0",
 									title: "Close terminal",
-									children: /* @__PURE__ */ d(u, { className: "w-3 h-3" })
+									children: /* @__PURE__ */ f(d, { className: "w-3 h-3" })
 								})
 							]
 						}, e.sessionId))
 					}),
-					(!g || x) && /* @__PURE__ */ d("button", {
-						ref: H,
+					(!_ || S) && /* @__PURE__ */ f("button", {
+						ref: V,
 						onClick: () => {
-							(b || X.length > 0) && (D((e) => !e), k(""));
+							(x || Y.length > 0) && (O((e) => !e), A(""));
 						},
 						className: "flex items-center px-2.5 py-1.5 text-text-secondary hover:text-text-primary transition-colors shrink-0 border-r border-border-subtle",
 						title: "New session or open existing",
-						children: /* @__PURE__ */ d(s, { className: "w-3.5 h-3.5" })
+						children: /* @__PURE__ */ f(c, { className: "w-3.5 h-3.5" })
 					}),
-					(!g || x) && p.length > 0 && /* @__PURE__ */ f("div", {
+					(!_ || S) && m.length > 0 && /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-1 px-2 shrink-0",
 						children: [
-							Y && F[Y.sessionId] === "error" && /* @__PURE__ */ d("button", {
-								onClick: () => Q(Y.sessionId),
+							K && I[K.sessionId] === "error" && /* @__PURE__ */ f("button", {
+								onClick: () => Z(K.sessionId),
 								className: "p-1 text-status-warning-text hover:text-status-warning-text/80 transition-colors",
 								title: "Reconnect terminal",
-								children: /* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" })
+								children: /* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" })
 							}),
-							Y?.terminalUrl && /* @__PURE__ */ d("button", {
-								onClick: () => Y && h(Y.sessionId),
+							K?.terminalUrl && /* @__PURE__ */ f("button", {
+								onClick: () => K && g(K.sessionId),
 								className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
 								title: "Open in new tab",
-								children: /* @__PURE__ */ d(a, { className: "w-3.5 h-3.5" })
+								children: /* @__PURE__ */ f(o, { className: "w-3.5 h-3.5" })
 							}),
-							C && /* @__PURE__ */ d("button", {
-								onClick: C,
+							w && /* @__PURE__ */ f("button", {
+								onClick: w,
 								className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
-								title: S ? "Exit fullscreen" : "Enter fullscreen",
-								children: d(S ? le : ie, { className: "w-3.5 h-3.5" })
+								title: C ? "Exit fullscreen" : "Enter fullscreen",
+								children: f(C ? ce : re, { className: "w-3.5 h-3.5" })
 							}),
-							!x && !S && /* @__PURE__ */ d("button", {
-								onClick: je,
+							!S && !C && /* @__PURE__ */ f("button", {
+								onClick: Fe,
 								className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
-								title: T ? "Restore size" : "Maximize",
-								children: d(T ? se : oe, { className: "w-3.5 h-3.5" })
+								title: E ? "Restore size" : "Maximize",
+								children: f(E ? oe : ae, { className: "w-3.5 h-3.5" })
 							})
 						]
 					})
 				]
 			}),
-			(!g || x) && Y && /* @__PURE__ */ d("div", {
-				className: `${Be || ""} bg-bg-sunken text-text-primary relative ${x ? "flex-1" : ""}`,
-				style: Ve,
-				children: p.map((e) => {
-					let t = F[e.sessionId], n = t === "connecting" || e.loading, r = e.terminalUrl && !e.error;
-					return /* @__PURE__ */ f("div", {
-						className: `absolute inset-0 ${e.sessionId === Y.sessionId ? "block" : "hidden"}`,
+			(!_ || S) && K && /* @__PURE__ */ f("div", {
+				className: `${Ue || ""} bg-bg-sunken text-text-primary relative ${S ? "flex-1" : ""}`,
+				style: We,
+				children: m.map((e) => {
+					let t = I[e.sessionId], n = t === "connecting" || e.loading, r = Pe(e.terminalUrl), i = r ?? L[e.sessionId], a = !!e.terminalUrl && !e.error && !r, te = !!r || a && t === "error";
+					return /* @__PURE__ */ p("div", {
+						className: `absolute inset-0 ${e.sessionId === K.sessionId ? "block" : "hidden"}`,
 						children: [
-							r && e.terminalUrl && /* @__PURE__ */ d("iframe", {
+							a && e.terminalUrl && /* @__PURE__ */ f("iframe", {
 								ref: (t) => {
-									G.current[e.sessionId] = t;
+									Ne.current[e.sessionId] = t;
 								},
 								src: e.terminalUrl,
 								title: `Terminal - ${e.name}`,
 								className: "w-full h-full border-0",
 								allow: "clipboard-read *; clipboard-write *",
-								onLoad: () => Me(e.sessionId),
-								onError: () => Ne(e.sessionId)
+								onLoad: () => Le(e.sessionId),
+								onError: () => Re(e.sessionId)
 							}),
-							r && n && /* @__PURE__ */ d("div", {
+							a && n && /* @__PURE__ */ f("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center pointer-events-none z-10",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-3 px-4 py-3 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg",
-									children: [/* @__PURE__ */ d(o, { className: "w-5 h-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+									children: [/* @__PURE__ */ f(s, { className: "w-5 h-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 										className: "text-text-primary text-sm font-medium",
-										children: e.loading ? w("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : w("vibecontrols.sessions.terminal.connecting", "Connecting...")
-									}), /* @__PURE__ */ d("p", {
+										children: e.loading ? T("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : T("vibecontrols.sessions.terminal.connecting", "Connecting...")
+									}), /* @__PURE__ */ f("p", {
 										className: "text-text-secondary text-xs",
-										children: e.loading ? w("vibecontrols.sessions.terminal.settingUpTmux", "Setting up tmux + ttyd") : w("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
+										children: e.loading ? T("vibecontrols.sessions.terminal.settingUpTmux", "Setting up tmux + ttyd") : T("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
 									})] })]
 								})
 							}),
-							r && t === "error" && !e.error && /* @__PURE__ */ d("div", {
+							te && !e.error && /* @__PURE__ */ f("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center z-10",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "flex flex-col items-center gap-3 px-6 py-4 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg",
 									children: [
-										/* @__PURE__ */ d(fe, { className: "w-6 h-6 text-status-error-text" }),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ f(de, { className: "w-6 h-6 text-status-error-text" }),
+										/* @__PURE__ */ p("div", {
 											className: "text-center",
-											children: [/* @__PURE__ */ d("p", {
+											children: [/* @__PURE__ */ f("p", {
 												className: "text-text-primary text-sm font-medium",
-												children: w("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
-											}), /* @__PURE__ */ d("p", {
+												children: T("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
+											}), /* @__PURE__ */ f("p", {
 												className: "text-text-secondary text-xs mt-1",
-												children: L[e.sessionId] ? L[e.sessionId] : (q.current[e.sessionId] ?? 0) < 15 ? w("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : w("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted")
+												children: i || ((W.current[e.sessionId] ?? 0) < 15 ? T("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : T("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted"))
 											})]
 										}),
-										!L[e.sessionId] && (q.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ d(o, { className: "w-4 h-4 text-text-tertiary animate-spin" }),
-										/* @__PURE__ */ f("button", {
-											onClick: () => Q(e.sessionId),
+										!i && (W.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ f(s, { className: "w-4 h-4 text-text-tertiary animate-spin" }),
+										/* @__PURE__ */ p("button", {
+											onClick: () => Z(e.sessionId),
 											className: "px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2",
-											children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
+											children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && e.loading && /* @__PURE__ */ d("div", {
+							!e.terminalUrl && e.loading && /* @__PURE__ */ f("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ d(o, { className: "w-8 h-8 text-text-tertiary animate-spin mx-auto mb-3" }),
-										/* @__PURE__ */ f("p", {
+										/* @__PURE__ */ f(s, { className: "w-8 h-8 text-text-tertiary animate-spin mx-auto mb-3" }),
+										/* @__PURE__ */ p("p", {
 											className: "text-text-tertiary text-sm",
 											children: [
 												"Starting terminal for ",
@@ -741,54 +732,54 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 												"..."
 											]
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-text-secondary text-xs mt-1",
 											children: "Setting up tmux + ttyd terminal"
 										})
 									]
 								})
 							}),
-							e.error && /* @__PURE__ */ d("div", {
+							e.error && /* @__PURE__ */ f("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "text-center max-w-md",
 									children: [
-										/* @__PURE__ */ d(ee, { className: "w-8 h-8 text-status-error-text mx-auto mb-3" }),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f(ee, { className: "w-8 h-8 text-status-error-text mx-auto mb-3" }),
+										/* @__PURE__ */ f("p", {
 											className: "text-status-error-text text-sm font-medium",
-											children: w("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
+											children: T("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-text-tertiary text-xs mt-2",
 											children: e.error
 										}),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ f("div", {
 											className: "flex items-center justify-center gap-3 mt-4",
-											children: be && _ && /* @__PURE__ */ f("button", {
+											children: y && v && /* @__PURE__ */ p("button", {
 												onClick: () => {
-													let t = _.find((t) => t.id === e.sessionId);
-													t && be(t);
+													let t = v.find((t) => t.id === e.sessionId);
+													t && y(t);
 												},
 												className: "px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2",
-												children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.retry", "Retry")]
+												children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.retry", "Retry")]
 											})
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ d("div", {
+							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ f("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ f("div", {
+								children: /* @__PURE__ */ p("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ d(l, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f(u, { className: "w-8 h-8 text-text-secondary mx-auto mb-3" }),
+										/* @__PURE__ */ f("p", {
 											className: "text-text-tertiary text-sm",
-											children: w("vibecontrols.sessions.terminal.noTerminalUrl", "No terminal URL available")
+											children: T("vibecontrols.sessions.terminal.noTerminalUrl", "No terminal URL available")
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-text-secondary text-xs mt-1",
-											children: w("vibecontrols.sessions.terminal.agentNeedsTtyd", "The agent needs to start ttyd for this session")
+											children: T("vibecontrols.sessions.terminal.agentNeedsTtyd", "The agent needs to start ttyd for this session")
 										})
 									]
 								})
@@ -797,54 +788,54 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 					}, e.sessionId);
 				})
 			}),
-			(!g || x) && p.length === 0 && x && /* @__PURE__ */ d("div", {
+			(!_ || S) && m.length === 0 && S && /* @__PURE__ */ f("div", {
 				className: "flex-1 bg-bg-sunken text-text-primary flex items-center justify-center",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "text-center max-w-md",
 					children: [
-						/* @__PURE__ */ d(l, { className: "w-12 h-12 text-text-secondary mx-auto mb-4" }),
-						/* @__PURE__ */ d("p", {
+						/* @__PURE__ */ f(u, { className: "w-12 h-12 text-text-secondary mx-auto mb-4" }),
+						/* @__PURE__ */ f("p", {
 							className: "text-text-secondary text-base font-medium mb-2",
-							children: w("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
+							children: T("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
 						}),
-						/* @__PURE__ */ d("p", {
+						/* @__PURE__ */ f("p", {
 							className: "text-text-secondary text-sm mb-4",
-							children: w("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
+							children: T("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
 						}),
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ f("div", {
 							className: "flex items-center justify-center gap-2 flex-wrap",
-							children: b && /* @__PURE__ */ f("button", {
-								onClick: b,
+							children: x && /* @__PURE__ */ p("button", {
+								onClick: x,
 								className: "px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2",
-								children: [/* @__PURE__ */ d(s, { className: "w-4 h-4" }), w("vibecontrols.sessions.terminal.newSession", "New Session")]
+								children: [/* @__PURE__ */ f(c, { className: "w-4 h-4" }), T("vibecontrols.sessions.terminal.newSession", "New Session")]
 							})
 						}),
-						X.length > 0 && /* @__PURE__ */ f("div", {
+						Y.length > 0 && /* @__PURE__ */ p("div", {
 							className: "mt-6",
-							children: [/* @__PURE__ */ d("p", {
+							children: [/* @__PURE__ */ f("p", {
 								className: "text-text-secondary text-xs uppercase tracking-wider mb-3",
 								children: "Or open an existing session"
-							}), /* @__PURE__ */ f("div", {
+							}), /* @__PURE__ */ p("div", {
 								className: "flex flex-wrap justify-center gap-2",
-								children: [X.slice(0, 6).map((e) => /* @__PURE__ */ f("button", {
-									onClick: () => ye?.(e),
+								children: [Y.slice(0, 6).map((e) => /* @__PURE__ */ p("button", {
+									onClick: () => ve?.(e),
 									className: "flex items-center gap-1.5 px-3 py-1.5 bg-bg-canvas text-text-secondary text-xs rounded-md hover:bg-bg-sunken transition-colors border border-border-default",
 									children: [
-										/* @__PURE__ */ d(l, { className: "w-3 h-3" }),
-										/* @__PURE__ */ d("span", {
+										/* @__PURE__ */ f(u, { className: "w-3 h-3" }),
+										/* @__PURE__ */ f("span", {
 											className: "truncate max-w-[120px]",
 											children: e.name
 										}),
-										/* @__PURE__ */ d("span", { className: `w-1.5 h-1.5 rounded-full ${e.status === "RUNNING" ? "bg-status-success-text" : "bg-text-secondary"}` })
+										/* @__PURE__ */ f("span", { className: `w-1.5 h-1.5 rounded-full ${e.status === "RUNNING" ? "bg-status-success-text" : "bg-text-secondary"}` })
 									]
-								}, e.id)), X.length > 6 && /* @__PURE__ */ f("button", {
+								}, e.id)), Y.length > 6 && /* @__PURE__ */ p("button", {
 									onClick: () => {
-										D(!0), k("");
+										O(!0), A("");
 									},
 									className: "text-text-tertiary text-xs self-center hover:text-text-primary transition-colors cursor-pointer",
 									children: [
 										"+",
-										X.length - 6,
+										Y.length - 6,
 										" more"
 									]
 								})]
@@ -853,79 +844,79 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 					]
 				})
 			}),
-			E && (b || X.length > 0) && H.current && /* @__PURE__ */ f("div", {
-				ref: U,
+			D && (x || Y.length > 0) && V.current && /* @__PURE__ */ p("div", {
+				ref: H,
 				className: "fixed bg-bg-elevated border border-border-default rounded-md shadow-xl z-[100] w-[280px]",
 				style: {
-					top: H.current.getBoundingClientRect().bottom + 4,
-					left: Math.min(H.current.getBoundingClientRect().left, window.innerWidth - 290)
+					top: V.current.getBoundingClientRect().bottom + 4,
+					left: Math.min(V.current.getBoundingClientRect().left, window.innerWidth - 290)
 				},
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "p-2 border-b border-border-subtle",
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2 px-2 py-1.5 bg-bg-sunken rounded border border-border-subtle focus-within:border-border-strong",
 							children: [
-								/* @__PURE__ */ d(ce, { className: "w-3.5 h-3.5 text-text-muted shrink-0" }),
-								/* @__PURE__ */ d("input", {
-									ref: W,
+								/* @__PURE__ */ f(se, { className: "w-3.5 h-3.5 text-text-muted shrink-0" }),
+								/* @__PURE__ */ f("input", {
+									ref: Me,
 									type: "text",
-									value: O,
-									onChange: (e) => k(e.target.value),
+									value: k,
+									onChange: (e) => A(e.target.value),
 									placeholder: "Search sessions...",
 									className: "w-full bg-bg-surface/0 text-sm text-text-primary outline-none placeholder:text-text-placeholder"
 								}),
-								O && /* @__PURE__ */ d("button", {
-									onClick: () => k(""),
+								k && /* @__PURE__ */ f("button", {
+									onClick: () => A(""),
 									className: "text-text-muted hover:text-text-primary shrink-0",
-									children: /* @__PURE__ */ d(u, { className: "w-3 h-3" })
+									children: /* @__PURE__ */ f(d, { className: "w-3 h-3" })
 								})
 							]
 						})
 					}),
-					b && /* @__PURE__ */ f("button", {
+					x && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							b(), D(!1), k("");
+							x(), O(!1), A("");
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left font-medium",
-						children: [/* @__PURE__ */ d(s, { className: "w-3.5 h-3.5 text-text-secondary" }), /* @__PURE__ */ d("span", { children: w("vibecontrols.sessions.terminal.newSession", "New Session") })]
+						children: [/* @__PURE__ */ f(c, { className: "w-3.5 h-3.5 text-text-secondary" }), /* @__PURE__ */ f("span", { children: T("vibecontrols.sessions.terminal.newSession", "New Session") })]
 					}),
-					X.length > 0 && /* @__PURE__ */ f(pe, { children: [
-						/* @__PURE__ */ d("div", { className: "border-t border-border-subtle" }),
-						/* @__PURE__ */ d("div", {
+					Y.length > 0 && /* @__PURE__ */ p(fe, { children: [
+						/* @__PURE__ */ f("div", { className: "border-t border-border-subtle" }),
+						/* @__PURE__ */ f("div", {
 							className: "px-3 pt-2 pb-1",
-							children: /* @__PURE__ */ f("span", {
+							children: /* @__PURE__ */ p("span", {
 								className: "text-[10px] font-medium uppercase tracking-wider text-text-muted",
 								children: [
 									"Open existing (",
-									X.length,
+									Y.length,
 									")"
 								]
 							})
 						}),
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ f("div", {
 							className: "max-h-48 overflow-y-auto pb-1",
-							children: Z.length > 0 ? Z.map((e) => /* @__PURE__ */ f("button", {
+							children: Ie.length > 0 ? Ie.map((e) => /* @__PURE__ */ p("button", {
 								onClick: () => {
-									ye?.(e), D(!1), k("");
+									ve?.(e), O(!1), A("");
 								},
 								className: "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left",
 								children: [
-									/* @__PURE__ */ d(l, { className: "w-3.5 h-3.5 text-text-secondary shrink-0" }),
-									/* @__PURE__ */ d("span", {
+									/* @__PURE__ */ f(u, { className: "w-3.5 h-3.5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ f("span", {
 										className: "truncate",
 										children: e.name
 									}),
-									/* @__PURE__ */ d("span", {
+									/* @__PURE__ */ f("span", {
 										className: `ml-auto text-[10px] px-1.5 py-0.5 rounded shrink-0 ${e.status === "RUNNING" ? "bg-status-success-text/10 text-status-success-text" : e.status === "STOPPED" || e.status === "TERMINATED" ? "bg-text-secondary/10 text-text-tertiary" : "bg-status-warning-text/10 text-status-warning-text"}`,
 										children: e.status.toLowerCase()
 									})
 								]
-							}, e.id)) : /* @__PURE__ */ f("div", {
+							}, e.id)) : /* @__PURE__ */ p("div", {
 								className: "px-3 py-2 text-xs text-text-muted",
 								children: [
 									"No sessions matching “",
-									O,
+									k,
 									"”"
 								]
 							})
@@ -933,69 +924,69 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 					] })
 				]
 			}),
-			A.visible && $ && /* @__PURE__ */ f("div", {
-				ref: V,
+			j.visible && $ && /* @__PURE__ */ p("div", {
+				ref: B,
 				className: "fixed bg-bg-elevated border border-border-default rounded-lg shadow-lg z-[100] min-w-[180px] py-1",
 				style: {
-					top: A.y,
-					left: A.x
+					top: j.y,
+					left: j.x
 				},
 				children: [
-					v && /* @__PURE__ */ f("button", {
-						onClick: () => Le($.sessionId),
+					b && /* @__PURE__ */ p("button", {
+						onClick: () => Ve($.sessionId),
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(re, { className: "w-3.5 h-3.5" }), "Rename"]
+						children: [/* @__PURE__ */ f(ne, { className: "w-3.5 h-3.5" }), "Rename"]
 					}),
-					$.terminalUrl && /* @__PURE__ */ f("button", {
+					$.terminalUrl && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							h($.sessionId), j((e) => ({
+							g($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(a, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
+						children: [/* @__PURE__ */ f(o, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
 					}),
-					$.terminalUrl && F[$.sessionId] === "error" && /* @__PURE__ */ f("button", {
+					$.terminalUrl && I[$.sessionId] === "error" && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							Q($.sessionId), j((e) => ({
+							Z($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-warning-text hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), "Reconnect"]
+						children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), "Reconnect"]
 					}),
-					y && /* @__PURE__ */ f("button", {
+					be && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							y($.sessionId), j((e) => ({
+							be($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(c, { className: "w-3.5 h-3.5" }), "Restart Terminal"]
+						children: [/* @__PURE__ */ f(l, { className: "w-3.5 h-3.5" }), "Restart Terminal"]
 					}),
-					xe && /* @__PURE__ */ f("button", {
+					ye && /* @__PURE__ */ p("button", {
 						onClick: () => {
-							xe($.sessionId), j((e) => ({
+							ye($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(ue, { className: "w-3.5 h-3.5" }), "Stop Terminal"]
+						children: [/* @__PURE__ */ f(le, { className: "w-3.5 h-3.5" }), "Stop Terminal"]
 					}),
-					/* @__PURE__ */ d("div", { className: "border-t border-border-subtle my-1" }),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ f("div", { className: "border-t border-border-subtle my-1" }),
+					/* @__PURE__ */ p("button", {
 						onClick: () => {
-							m($.sessionId), j((e) => ({
+							h($.sessionId), M((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ d(u, { className: "w-3.5 h-3.5" }), w("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
+						children: [/* @__PURE__ */ f(d, { className: "w-3.5 h-3.5" }), T("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
 					})
 				]
 			})
@@ -1003,6 +994,6 @@ function p({ tabs: p, activeTabId: he, onTabSelect: ge, onTabClose: m, onOpenExt
 	});
 }
 //#endregion
-export { p as TerminalPanel };
+export { m as TerminalPanel };
 
 //# sourceMappingURL=TerminalPanel.js.map