@burdenoff/microfe-vibecontrols 2026.601.5 → 2026.601.7

package/dist/components/sessions/TerminalPanel.js

@@ -2,168 +2,272 @@ import { useTr as e } from "../../shared/hooks/useTr.js";
 import { ConnectionLogPanel as t } from "../agents/ConnectionLogPanel.js";
 import { TerminalIframe as n } from "./TerminalIframe.js";
 import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { AlertCircle as ee, ChevronDown as te, ChevronUp as ne, Edit3 as re, Expand as ie, ExternalLink as s, GripVertical as ae, Loader2 as c, Maximize2 as oe, Minimize2 as se, Plus as l, RotateCcw as u, ScrollText as d, Search as ce, Shrink as le, Square as f, Terminal as p, Wifi as ue, WifiOff as de, X as m } from "lucide-react";
-import { Fragment as fe, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { createPortal as pe } from "react-dom";
+import { AlertCircle as ee, ChevronDown as te, ChevronUp as ne, Edit3 as re, Expand as ie, ExternalLink as s, GripVertical as ae, Loader2 as c, Maximize2 as oe, Minimize2 as se, MonitorSmartphone as l, Pin as ce, PinOff as le, Plus as u, RotateCcw as d, ScrollText as f, Search as ue, Shrink as de, Square as p, Terminal as m, Wifi as fe, WifiOff as pe, X as h } from "lucide-react";
+import { Fragment as me, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPortal as he } from "react-dom";
 //#region src/components/sessions/TerminalPanel.tsx
-function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenExternal: _e, onToggleCollapse: ve, collapsed: v = !1, heightClass: ye = "h-[420px]", sessions: y, onOpenTerminal: be, onRetryTerminal: b, onRenameSession: x, onStopTerminal: S, onRestartTerminal: C, onStopSession: w, onCreateSession: T, fullScreen: E = !1, isImmersiveFullscreen: D = !1, onToggleImmersiveFullscreen: O, contextSwitcher: xe }) {
-	let k = e(), [A, Se] = o(!1), [Ce, we] = o(!1), [j, M] = o(!1), [N, P] = o(""), [F, I] = o({
+function ge({ tab: e, index: t, isActive: n, isDragging: r, statusIndicator: i, isRenaming: a, renameValue: o, renameInputRef: ee, onRenameChange: te, onRenameBlur: ne, onRenameKeyDown: re, onSelect: ie, onClose: s, onContextMenu: ae, onDoubleClick: c, onDragStart: oe, onDragOver: se, onDrop: le, onDragEnd: u, closeLabel: d }) {
+	let f = [
+		e.name,
+		e.agentName ? `agent: ${e.agentName}` : null,
+		e.targetName ? `target: ${e.targetName}${e.targetType ? ` (${e.targetType})` : ""}` : null
+	].filter(Boolean).join("\n");
+	return /* @__PURE__ */ _("div", {
+		role: "button",
+		tabIndex: 0,
+		draggable: !a,
+		title: f,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), ie());
+		},
+		onDragStart: oe,
+		onDragOver: se,
+		onDrop: le,
+		onDragEnd: u,
+		"data-testid": "terminal-tab",
+		"data-session-id": e.sessionId,
+		"data-tab-index": t,
+		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-[200px] group ${n ? "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"} ${r ? "opacity-50" : ""}`,
+		onClick: ie,
+		onAuxClick: (e) => {
+			e.button === 1 && (e.preventDefault(), s());
+		},
+		onContextMenu: ae,
+		onDoubleClick: c,
+		children: [
+			e.pinned && /* @__PURE__ */ g(ce, {
+				className: "size-2.5 text-action-primary-text shrink-0",
+				"aria-hidden": !0
+			}),
+			i,
+			a ? /* @__PURE__ */ g("input", {
+				"aria-label": "control",
+				ref: ee,
+				value: o,
+				onChange: (e) => te(e.target.value),
+				onBlur: ne,
+				onKeyDown: re,
+				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__ */ g("span", {
+				className: "truncate",
+				children: e.name
+			}),
+			e.targetName && /* @__PURE__ */ g(l, {
+				className: "size-2.5 text-text-muted shrink-0 hidden sm:inline",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), s();
+				},
+				className: `ml-auto hover:text-status-error-text transition-opacity shrink-0 ${e.pinned, "opacity-0 group-hover:opacity-100"}`,
+				title: d,
+				"aria-label": d,
+				children: /* @__PURE__ */ g(h, { className: "size-3" })
+			})
+		]
+	});
+}
+function _e({ tabs: l, activeTabId: _e, onTabSelect: ve, onTabClose: ye, onOpenExternal: be, onToggleCollapse: xe, collapsed: v = !1, heightClass: Se = "h-[420px]", sessions: y, onOpenTerminal: Ce, onRetryTerminal: b, onRenameSession: x, onStopTerminal: we, onRestartTerminal: Te, onReattachTerminal: Ee, onReorderTabs: De, onTogglePin: S, onStopSession: C, onCreateSession: w, fullScreen: T = !1, isImmersiveFullscreen: E = !1, onToggleImmersiveFullscreen: D, contextSwitcher: Oe }) {
+	let O = e(), [k, ke] = o(!1), [Ae, je] = o(!1), [A, j] = o(!1), [M, N] = o(""), [P, F] = o({
 		visible: !1,
 		x: 0,
 		y: 0,
 		sessionId: null
-	}), [L, Te] = o(null), [R, z] = o(""), [B, V] = o(() => /* @__PURE__ */ new Set()), [H, Ee] = o({}), [De, Oe] = o({}), [ke, Ae] = o(null), je = a(!1), Me = a(0), Ne = a(0), Pe = a(null), U = a(null), Fe = a(null), W = a(null), Ie = a(null), Le = a(null), Re = a({}), G = a({}), K = a({}), q = a({}), J = _.find((e) => e.sessionId === me) || _[0] || null, ze = r((e) => {
-		if (w) {
-			V((t) => {
+	}), [I, Me] = o(null), [L, R] = o(""), [z, Ne] = o(() => /* @__PURE__ */ new Set()), [B, Pe] = o({}), [Fe, Ie] = o({}), [Le, Re] = o(null), ze = a(!1), Be = a(0), Ve = a(0), He = a(null), V = a(null), Ue = a(null), H = a(null), U = a(null), We = a(null), Ge = a({}), W = a({}), G = a({}), K = a({}), [Ke, qe] = o({}), Je = a({}), [q, Ye] = o(null), Xe = r((e) => {
+		qe((t) => ({
+			...t,
+			[e]: (t[e] ?? 0) + 1
+		}));
+	}, []), Ze = [...l].sort((e, t) => !!t.pinned - +!!e.pinned).map((e) => {
+		let t = y?.find((t) => t.id === e.sessionId);
+		return {
+			...e,
+			agentName: e.agentName ?? t?.agent?.name ?? null,
+			targetName: e.targetName ?? t?.agent?.target?.name ?? null,
+			targetType: e.targetType ?? t?.agent?.target?.type ?? null
+		};
+	}), J = l.find((e) => e.sessionId === _e) || l[0] || null, Qe = r((e) => {
+		if (C) {
+			Ne((t) => {
 				if (t.has(e)) return t;
 				let n = new Set(t);
 				return n.add(e), n;
 			});
 			try {
-				w(e);
+				C(e);
 			} catch {
-				V((t) => {
+				Ne((t) => {
 					if (!t.has(e)) return t;
 					let n = new Set(t);
 					return n.delete(e), n;
 				});
 			}
 			window.setTimeout(() => {
-				V((t) => {
+				Ne((t) => {
 					if (!t.has(e)) return t;
 					let n = new Set(t);
 					return n.delete(e), n;
 				});
 			}, 8e3);
 		}
-	}, [w]);
+	}, [C]);
 	i(() => {
-		if (!y || B.size === 0) return;
-		let e = new Set(y.filter((e) => e.status === "STOPPED" || e.status === "TERMINATED" || e.status === "ERROR").map((e) => e.id)), t = !1, n = new Set(B);
-		B.forEach((r) => {
+		if (!y || z.size === 0) return;
+		let e = new Set(y.filter((e) => e.status === "STOPPED" || e.status === "TERMINATED" || e.status === "ERROR").map((e) => e.id)), t = !1, n = new Set(z);
+		z.forEach((r) => {
 			e.has(r) && (n.delete(r), t = !0);
-		}), t && V(n);
-	}, [y, B]);
+		}), t && Ne(n);
+	}, [y, z]);
 	let Y = r((e, t) => {
-		Ee((n) => n[e] === t ? n : {
+		Pe((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
 	}, []), X = r((e, t) => {
-		Oe((n) => n[e] === t ? n : {
+		Ie((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, []), Be = r((e) => {
+	}, []), $e = r((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:" ? k("vibecontrols.sessions.terminal.mixedContentBlocked", "This terminal URL is not HTTPS, so the browser blocked it on this secure page.") : null;
+			return t === "https:" && n !== "https:" ? O("vibecontrols.sessions.terminal.mixedContentBlocked", "This terminal URL is not HTTPS, so the browser blocked it on this secure page.") : null;
 		} catch {
-			return k("vibecontrols.sessions.terminal.invalidUrl", "The terminal URL is invalid. Restart the terminal to generate a new URL.");
+			return O("vibecontrols.sessions.terminal.invalidUrl", "The terminal URL is invalid. Restart the terminal to generate a new URL.");
 		}
-	}, [k]), Ve = r(() => {
-		Se((e) => !e), Ae(null);
-	}, []), Z = (y ?? []).filter((e) => !_.some((t) => t.sessionId === e.id)), He = N.trim() ? Z.filter((e) => e.name.toLowerCase().includes(N.trim().toLowerCase())) : Z, Ue = r((e) => {
-		q.current[e] && (clearTimeout(q.current[e]), delete q.current[e]), Y(e, "connected"), X(e, void 0);
-	}, [X, Y]), We = r((e) => {
-		q.current[e] && (clearTimeout(q.current[e]), delete q.current[e]), Y(e, "error");
+	}, [O]), et = r(() => {
+		ke((e) => !e), Re(null);
+	}, []), Z = (y ?? []).filter((e) => !l.some((t) => t.sessionId === e.id)), tt = M.trim() ? Z.filter((e) => e.name.toLowerCase().includes(M.trim().toLowerCase())) : Z, nt = r((e) => {
+		K.current[e] && (clearTimeout(K.current[e]), delete K.current[e]), Y(e, "connected"), X(e, void 0);
+	}, [X, Y]), rt = r((e) => {
+		K.current[e] && (clearTimeout(K.current[e]), delete K.current[e]), Y(e, "error");
 	}, [Y]);
-	i(() => (_.forEach((e) => {
+	i(() => (l.forEach((e) => {
 		if (!e.terminalUrl || e.loading || e.error) return;
-		let t = Be(e.terminalUrl);
+		let t = $e(e.terminalUrl);
 		if (t) {
 			Y(e.sessionId, "error"), X(e.sessionId, t);
 			return;
 		}
-		H[e.sessionId] || Y(e.sessionId, "connecting"), H[e.sessionId] === "connecting" && !q.current[e.sessionId] && (q.current[e.sessionId] = setTimeout(() => {
-			delete q.current[e.sessionId], Y(e.sessionId, "error"), X(e.sessionId, k("vibecontrols.sessions.terminal.connectionTimedOut", "Timed out waiting for the terminal to connect. Check the agent tunnel and retry."));
+		B[e.sessionId] || Y(e.sessionId, "connecting"), B[e.sessionId] === "connecting" && !K.current[e.sessionId] && (K.current[e.sessionId] = setTimeout(() => {
+			delete K.current[e.sessionId], Y(e.sessionId, "error"), X(e.sessionId, O("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(q.current)) clearTimeout(e);
-		q.current = {};
+		for (let e of Object.values(K.current)) clearTimeout(e);
+		K.current = {};
 	}), [
-		H,
-		Be,
+		B,
+		$e,
 		X,
 		Y,
-		_,
-		k
+		l,
+		O
 	]);
-	let Ge = r((e) => {
-		G.current[e] && (clearTimeout(G.current[e]), delete G.current[e]), delete K.current[e];
+	let it = r((e) => {
+		W.current[e] && (clearTimeout(W.current[e]), delete W.current[e]), delete G.current[e];
 	}, []), Q = r((e) => {
-		let t = Re.current[e];
-		if (t) {
-			Ge(e), Oe((t) => ({
-				...t,
-				[e]: void 0
-			})), Ee((t) => ({
-				...t,
-				[e]: "connecting"
-			}));
-			let n = t.src;
-			t.src = "about:blank", requestAnimationFrame(() => {
-				t.src = n;
-			});
+		it(e), Je.current[e] = 0, Ie((t) => ({
+			...t,
+			[e]: void 0
+		})), Pe((t) => ({
+			...t,
+			[e]: "connecting"
+		})), Xe(e), Ee?.(e);
+	}, [
+		it,
+		Xe,
+		Ee
+	]), at = r((e, t) => {
+		Ye(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t));
+	}, []), ot = r((e) => {
+		e.preventDefault(), e.dataTransfer.dropEffect = "move";
+	}, []), st = r((e, t) => {
+		if (e.preventDefault(), q === null || q === t || !De) {
+			Ye(null);
+			return;
 		}
-	}, [Ge]);
+		let n = [...Ze], [r] = n.splice(q, 1);
+		n.splice(t, 0, r), De(n.map((e) => e.sessionId)), Ye(null);
+	}, [
+		q,
+		Ze,
+		De
+	]), ct = r(() => Ye(null), []);
 	i(() => {
-		for (let e of _) {
-			let t = H[e.sessionId];
-			if (t === "error" && e.terminalUrl && !e.error && !De[e.sessionId]) {
-				if (G.current[e.sessionId]) continue;
-				let t = K.current[e.sessionId] ?? 0;
+		for (let e of l) {
+			let t = B[e.sessionId];
+			if (t === "error" && e.terminalUrl && !e.error && !Fe[e.sessionId]) {
+				if (W.current[e.sessionId]) continue;
+				let t = G.current[e.sessionId] ?? 0;
 				if (t >= 15) continue;
 				let n = Math.min(2e3 * 2 ** t, 3e4);
-				G.current[e.sessionId] = setTimeout(() => {
-					delete G.current[e.sessionId], K.current[e.sessionId] = t + 1;
-					let n = Re.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) {
-							Ee((t) => ({
-								...t,
-								[e.sessionId]: "connecting"
-							}));
-							let t = n.src;
-							n.src = "about:blank", requestAnimationFrame(() => {
-								n.src = t;
-							});
-						}
+				W.current[e.sessionId] = setTimeout(() => {
+					delete W.current[e.sessionId], G.current[e.sessionId] = t + 1;
+					let n = e.terminalUrl, r = `${new URL(n).origin}/health`;
+					fetch(r, { signal: AbortSignal.timeout(5e3) }).then((t) => {
+						t.ok && (Pe((t) => ({
+							...t,
+							[e.sessionId]: "connecting"
+						})), Xe(e.sessionId));
 					}).catch(() => {});
 				}, n);
 			}
-			t === "connected" && Ge(e.sessionId);
+			t === "connected" && it(e.sessionId);
 		}
-		let e = G.current;
+		let e = W.current;
 		return () => {
 			for (let t of Object.values(e)) clearTimeout(t);
 		};
 	}, [
-		_,
-		De,
-		H,
-		Ge
+		l,
+		Fe,
+		B,
+		it,
+		Xe
+	]), i(() => {
+		if (!J || !J.terminalUrl || J.loading || J.error || B[J.sessionId] !== "connected") return;
+		let e;
+		try {
+			e = new URL(J.terminalUrl).origin;
+		} catch {
+			return;
+		}
+		let t = J.sessionId, n = setInterval(() => {
+			fetch(`${e}/health`, { signal: AbortSignal.timeout(5e3) }).then((e) => {
+				if (e.ok) Je.current[t] = 0;
+				else throw Error("unhealthy");
+			}).catch(() => {
+				let e = (Je.current[t] ?? 0) + 1;
+				Je.current[t] = e, e >= 2 && Y(t, "error");
+			});
+		}, 2e4);
+		return () => clearInterval(n);
+	}, [
+		J,
+		B,
+		Y
 	]);
-	let Ke = r((e) => {
-		E || A || (e.preventDefault(), je.current = !0, Me.current = e.clientY, Ne.current = Pe.current?.offsetHeight || 420, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none");
-	}, [E, A]);
+	let lt = r((e) => {
+		T || k || (e.preventDefault(), ze.current = !0, Be.current = e.clientY, Ve.current = He.current?.offsetHeight || 420, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none");
+	}, [T, k]);
 	i(() => {
 		let e = (e) => {
-			if (!je.current) return;
-			let t = Me.current - e.clientY;
-			Ae(Math.max(200, Math.min(Ne.current + t, window.innerHeight - 150)));
+			if (!ze.current) return;
+			let t = Be.current - e.clientY;
+			Re(Math.max(200, Math.min(Ve.current + t, window.innerHeight - 150)));
 		}, t = () => {
-			je.current && (je.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "");
+			ze.current && (ze.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 qe = r((e, t) => {
-		e.preventDefault(), e.stopPropagation(), I({
+	let ut = r((e, t) => {
+		e.preventDefault(), e.stopPropagation(), F({
 			visible: !0,
 			x: e.clientX,
 			y: e.clientY,
@@ -172,165 +276,153 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 	}, []);
 	i(() => {
 		let e = (e) => {
-			Fe.current && !Fe.current.contains(e.target) && I((e) => ({
+			Ue.current && !Ue.current.contains(e.target) && F((e) => ({
 				...e,
 				visible: !1
 			}));
 		};
-		if (F.visible) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [F.visible]), i(() => {
+		if (P.visible) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [P.visible]), i(() => {
 		let e = (e) => {
 			let t = e.target;
-			Ie.current && !Ie.current.contains(t) && W.current && !W.current.contains(t) && (M(!1), P(""));
+			U.current && !U.current.contains(t) && H.current && !H.current.contains(t) && (j(!1), N(""));
 		};
-		if (j) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [j]), i(() => {
-		j && Le.current && requestAnimationFrame(() => Le.current?.focus());
-	}, [j]), i(() => {
-		L && U.current && (U.current.focus(), U.current.select());
-	}, [L]), i(() => {
-		if (!D || !O) return;
+		if (A) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [A]), i(() => {
+		A && We.current && requestAnimationFrame(() => We.current?.focus());
+	}, [A]), i(() => {
+		I && V.current && (V.current.focus(), V.current.select());
+	}, [I]), i(() => {
+		if (!E || !D) return;
 		let e = (e) => {
-			e.key === "Escape" && O();
+			e.key === "Escape" && D();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [D, O]);
-	let Je = r((e) => {
-		let t = _.find((t) => t.sessionId === e);
-		t && (Te(e), z(t.name)), I((e) => ({
+	}, [E, D]);
+	let dt = r((e) => {
+		let t = l.find((t) => t.sessionId === e);
+		t && (Me(e), R(t.name)), F((e) => ({
 			...e,
 			visible: !1
 		}));
-	}, [_]), Ye = r(() => {
-		if (L && R.trim() && x) {
-			let e = _.find((e) => e.sessionId === L);
-			e && R.trim() !== e.name && x(L, R.trim());
+	}, [l]), ft = r(() => {
+		if (I && L.trim() && x) {
+			let e = l.find((e) => e.sessionId === I);
+			e && L.trim() !== e.name && x(I, L.trim());
 		}
-		Te(null), z("");
+		Me(null), R("");
 	}, [
+		I,
 		L,
-		R,
 		x,
-		_
-	]), Xe = r((e) => {
-		e.key === "Enter" ? Ye() : e.key === "Escape" && (Te(null), z(""));
-	}, [Ye]);
-	if (_.length === 0 && !v && !E) return null;
-	let Ze = E ? "h-full" : A ? "h-[calc(100vh-120px)]" : ke ? void 0 : ye, Qe = !E && !A && ke ? { height: `${ke}px` } : void 0, $ = F.sessionId ? _.find((e) => e.sessionId === F.sessionId) : null, $e = (e) => {
-		if (e.loading) return /* @__PURE__ */ h(c, { className: "size-3 animate-spin shrink-0" });
-		if (e.error) return /* @__PURE__ */ h(ee, { className: "size-3 text-status-error-text shrink-0" });
-		let t = H[e.sessionId];
-		return t === "connected" ? /* @__PURE__ */ h(ue, { className: "size-3 text-status-success-text shrink-0" }) : t === "error" ? /* @__PURE__ */ h(de, { className: "size-3 text-status-error-text shrink-0" }) : t === "connecting" ? /* @__PURE__ */ h(c, { className: "size-3 animate-spin text-status-warning-text shrink-0" }) : /* @__PURE__ */ h(p, { className: "size-3 shrink-0" });
+		l
+	]), pt = r((e) => {
+		e.key === "Enter" ? ft() : e.key === "Escape" && (Me(null), R(""));
+	}, [ft]);
+	if (l.length === 0 && !v && !T) return null;
+	let mt = T ? "h-full" : k ? "h-[calc(100vh-120px)]" : Le ? void 0 : Se, ht = !T && !k && Le ? { height: `${Le}px` } : void 0, $ = P.sessionId ? l.find((e) => e.sessionId === P.sessionId) : null, gt = (e) => {
+		if (e.loading) return /* @__PURE__ */ g(c, { className: "size-3 animate-spin shrink-0" });
+		if (e.error) return /* @__PURE__ */ g(ee, { className: "size-3 text-status-error-text shrink-0" });
+		let t = B[e.sessionId];
+		return t === "connected" ? /* @__PURE__ */ g(fe, { className: "size-3 text-status-success-text shrink-0" }) : t === "error" ? /* @__PURE__ */ g(pe, { className: "size-3 text-status-error-text shrink-0" }) : t === "connecting" ? /* @__PURE__ */ g(c, { className: "size-3 animate-spin text-status-warning-text shrink-0" }) : /* @__PURE__ */ g(m, { className: "size-3 shrink-0" });
 	};
-	return D ? D ? pe(/* @__PURE__ */ g("div", {
+	return E ? E ? he(/* @__PURE__ */ _("div", {
 		className: "fixed inset-0 z-[9999] bg-bg-surface flex flex-col",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between px-3 py-2 bg-bg-sunken border-b border-border-default shrink-0",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-4",
-					children: xe
-				}), /* @__PURE__ */ g("div", {
+					children: Oe
+				}), /* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2",
 					children: [
-						J && H[J.sessionId] === "error" && /* @__PURE__ */ h("button", {
+						J?.terminalUrl && /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => Q(J.sessionId),
-							className: "p-1.5 text-status-warning-text hover:text-status-warning-text/80 transition-colors",
-							title: "Reconnect terminal",
-							children: /* @__PURE__ */ h(u, { className: "size-4" })
+							className: `p-1.5 transition-colors ${B[J.sessionId] === "error" ? "text-status-warning-text hover:text-status-warning-text/80" : "text-text-secondary hover:text-text-primary"}`,
+							title: O("vibecontrols.sessions.terminal.reconnect", "Reconnect"),
+							"aria-label": O("vibecontrols.sessions.terminal.reconnect", "Reconnect"),
+							"data-testid": "terminal-reconnect",
+							children: /* @__PURE__ */ g(d, { className: "size-4" })
 						}),
-						J?.terminalUrl && /* @__PURE__ */ h("button", {
+						J?.terminalUrl && /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => J && _e(J.sessionId),
+							onClick: () => J && be(J.sessionId),
 							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
 							title: "Open in new tab",
-							children: /* @__PURE__ */ h(s, { className: "size-4" })
+							children: /* @__PURE__ */ g(s, { className: "size-4" })
 						}),
-						J && w && /* @__PURE__ */ g("button", {
+						J && C && /* @__PURE__ */ _("button", {
 							type: "button",
-							onClick: () => ze(J.sessionId),
-							disabled: B.has(J.sessionId),
+							onClick: () => Qe(J.sessionId),
+							disabled: z.has(J.sessionId),
 							className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md border border-status-error-bg/40 bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20 hover:border-status-error-bg/60 active:scale-95 transition-all disabled:opacity-60 disabled:cursor-not-allowed",
-							title: k("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
-							"aria-label": k("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
-							"aria-busy": B.has(J.sessionId),
-							children: [B.has(J.sessionId) ? /* @__PURE__ */ h(c, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(f, { className: "size-3.5 fill-current" }), /* @__PURE__ */ h("span", {
+							title: O("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
+							"aria-label": O("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
+							"aria-busy": z.has(J.sessionId),
+							children: [z.has(J.sessionId) ? /* @__PURE__ */ g(c, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ g(p, { className: "size-3.5 fill-current" }), /* @__PURE__ */ g("span", {
 								className: "text-xs font-medium",
-								children: B.has(J.sessionId) ? k("vibecontrols.sessions.terminal.stoppingSession", "Stopping…") : k("vibecontrols.sessions.terminal.stopSession", "Stop")
+								children: z.has(J.sessionId) ? O("vibecontrols.sessions.terminal.stoppingSession", "Stopping…") : O("vibecontrols.sessions.terminal.stopSession", "Stop")
 							})]
 						}),
-						/* @__PURE__ */ h("button", {
+						/* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: O,
+							onClick: D,
 							className: "p-1.5 text-text-secondary hover:text-text-primary transition-colors",
 							title: "Exit fullscreen (ESC)",
-							children: /* @__PURE__ */ h(le, { className: "size-4" })
+							children: /* @__PURE__ */ g(de, { className: "size-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center bg-bg-sunken border-b border-border-default shrink-0",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center overflow-x-auto flex-1 min-w-0",
-					children: _.map((e) => /* @__PURE__ */ g("div", {
-						role: "button",
-						tabIndex: 0,
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), he(e.sessionId));
-						},
-						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 === J?.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) => qe(t, e.sessionId),
-						onDoubleClick: () => Je(e.sessionId),
-						children: [
-							$e(e),
-							L === e.sessionId ? /* @__PURE__ */ h("input", {
-								"aria-label": "control",
-								ref: U,
-								value: R,
-								onChange: (e) => z(e.target.value),
-								onBlur: Ye,
-								onKeyDown: Xe,
-								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__ */ h("span", {
-								className: "truncate",
-								children: e.name
-							}),
-							/* @__PURE__ */ h("button", {
-								type: "button",
-								onClick: (t) => {
-									t.stopPropagation(), ge(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__ */ h(m, { className: "size-3" })
-							})
-						]
+					children: Ze.map((e, t) => /* @__PURE__ */ g(ge, {
+						tab: e,
+						index: t,
+						isActive: e.sessionId === J?.sessionId,
+						isDragging: q === t,
+						statusIndicator: gt(e),
+						isRenaming: I === e.sessionId,
+						renameValue: L,
+						renameInputRef: V,
+						onRenameChange: R,
+						onRenameBlur: ft,
+						onRenameKeyDown: pt,
+						onSelect: () => ve(e.sessionId),
+						onClose: () => ye(e.sessionId),
+						onContextMenu: (t) => ut(t, e.sessionId),
+						onDoubleClick: () => dt(e.sessionId),
+						onDragStart: (e) => at(e, t),
+						onDragOver: ot,
+						onDrop: (e) => st(e, t),
+						onDragEnd: ct,
+						closeLabel: O("vibecontrols.sessions.terminal.closeTab", "Close terminal")
 					}, e.sessionId))
-				}), /* @__PURE__ */ h("button", {
+				}), /* @__PURE__ */ g("button", {
 					type: "button",
-					ref: W,
+					ref: H,
 					onClick: () => {
-						(T || Z.length > 0) && (M((e) => !e), P(""));
+						(w || Z.length > 0) && (j((e) => !e), N(""));
 					},
 					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__ */ h(l, { className: "size-3.5" })
+					children: /* @__PURE__ */ g(u, { className: "size-3.5" })
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex-1 bg-bg-sunken text-text-primary relative overflow-hidden",
-				children: J ? _.map((e) => {
-					let t = H[e.sessionId], r = t === "connecting" || e.loading, i = Be(e.terminalUrl), a = i ?? De[e.sessionId], o = !!e.terminalUrl && !e.error && !i, te = !!i || o && t === "error";
-					return /* @__PURE__ */ g("div", {
+				children: J ? l.map((e) => {
+					let t = B[e.sessionId], r = t === "connecting" || e.loading, i = $e(e.terminalUrl), a = i ?? Fe[e.sessionId], o = !!e.terminalUrl && !e.error && !i, te = !!i || o && t === "error";
+					return /* @__PURE__ */ _("div", {
 						className: `absolute inset-0 ${e.sessionId === J.sessionId ? "block" : "hidden"}`,
 						children: [
-							o && e.terminalUrl && /* @__PURE__ */ h(n, {
+							o && e.terminalUrl && /* @__PURE__ */ g(n, {
 								ref: (t) => {
-									Re.current[e.sessionId] = t;
+									Ge.current[e.sessionId] = t;
 								},
 								sessionId: e.sessionId,
 								agentId: e.agentId ?? null,
@@ -339,55 +431,55 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 								title: `Terminal - ${e.name}`,
 								className: "w-full h-full border-0",
 								allow: "clipboard-read *; clipboard-write *",
-								onLoad: () => Ue(e.sessionId),
-								onError: () => We(e.sessionId)
-							}),
-							o && r && /* @__PURE__ */ h("div", {
+								onLoad: () => nt(e.sessionId),
+								onError: () => rt(e.sessionId)
+							}, `tif-${e.sessionId}-${Ke[e.sessionId] ?? 0}`),
+							o && r && /* @__PURE__ */ g("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center pointer-events-none z-10",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("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__ */ h(c, { className: "size-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g(c, { className: "size-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-text-primary text-sm font-medium",
-										children: e.loading ? k("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : k("vibecontrols.sessions.terminal.connecting", "Connecting...")
-									}), /* @__PURE__ */ h("p", {
+										children: e.loading ? O("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : O("vibecontrols.sessions.terminal.connecting", "Connecting...")
+									}), /* @__PURE__ */ g("p", {
 										className: "text-text-secondary text-xs",
-										children: e.loading ? k("vibecontrols.sessions.terminal.settingUpWebTerminal", "Setting up session + web terminal") : k("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
+										children: e.loading ? O("vibecontrols.sessions.terminal.settingUpWebTerminal", "Setting up session + web terminal") : O("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
 									})] })]
 								})
 							}),
-							te && !e.error && /* @__PURE__ */ h("div", {
+							te && !e.error && /* @__PURE__ */ g("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center z-10",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("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__ */ h(de, { className: "size-6 text-status-error-text" }),
-										/* @__PURE__ */ g("div", {
+										/* @__PURE__ */ g(pe, { className: "size-6 text-status-error-text" }),
+										/* @__PURE__ */ _("div", {
 											className: "text-center",
-											children: [/* @__PURE__ */ h("p", {
+											children: [/* @__PURE__ */ g("p", {
 												className: "text-text-primary text-sm font-medium",
-												children: k("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
-											}), /* @__PURE__ */ h("p", {
+												children: O("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
+											}), /* @__PURE__ */ g("p", {
 												className: "text-text-secondary text-xs mt-1",
-												children: a || ((K.current[e.sessionId] ?? 0) < 15 ? k("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : k("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted"))
+												children: a || ((G.current[e.sessionId] ?? 0) < 15 ? O("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : O("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted"))
 											})]
 										}),
-										!a && (K.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ h(c, { className: "size-4 text-text-tertiary animate-spin" }),
-										/* @__PURE__ */ g("button", {
+										!a && (G.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ g(c, { className: "size-4 text-text-tertiary animate-spin" }),
+										/* @__PURE__ */ _("button", {
 											type: "button",
 											onClick: () => Q(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__ */ h(u, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
+											children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && e.loading && /* @__PURE__ */ h("div", {
+							!e.terminalUrl && e.loading && /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ h(c, { className: "size-8 text-text-tertiary animate-spin mx-auto mb-3" }),
-										/* @__PURE__ */ g("p", {
+										/* @__PURE__ */ g(c, { className: "size-8 text-text-tertiary animate-spin mx-auto mb-3" }),
+										/* @__PURE__ */ _("p", {
 											className: "text-text-tertiary text-sm",
 											children: [
 												"Starting terminal for ",
@@ -395,139 +487,139 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 												"..."
 											]
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-secondary text-xs mt-1",
 											children: "Setting up session + web terminal"
 										})
 									]
 								})
 							}),
-							e.error && /* @__PURE__ */ h("div", {
+							e.error && /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "text-center max-w-md",
 									children: [
-										/* @__PURE__ */ h(ee, { className: "size-8 text-status-error-text mx-auto mb-3" }),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g(ee, { className: "size-8 text-status-error-text mx-auto mb-3" }),
+										/* @__PURE__ */ g("p", {
 											className: "text-status-error-text text-sm font-medium",
-											children: k("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
+											children: O("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-tertiary text-xs mt-2",
 											children: e.error
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ g("div", {
 											className: "flex items-center justify-center gap-3 mt-4",
-											children: b && y && /* @__PURE__ */ g("button", {
+											children: b && y && /* @__PURE__ */ _("button", {
 												type: "button",
 												onClick: () => {
 													let t = y.find((t) => t.id === e.sessionId);
 													t && b(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__ */ h(u, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.retry", "Retry")]
+												children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.retry", "Retry")]
 											})
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ h("div", {
+							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "text-center max-w-sm space-y-3",
 									children: [
-										/* @__PURE__ */ h(p, { className: "size-8 text-text-secondary mx-auto" }),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g(m, { className: "size-8 text-text-secondary mx-auto" }),
+										/* @__PURE__ */ g("p", {
 											className: "text-text-primary text-sm font-medium",
-											children: k("vibecontrols.sessions.terminal.terminalNotStarted", "Terminal not started yet")
+											children: O("vibecontrols.sessions.terminal.terminalNotStarted", "Terminal not started yet")
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-secondary text-xs",
-											children: k("vibecontrols.sessions.terminal.startTerminalHint", "Click below to start a ttyd terminal on the agent for this session.")
+											children: O("vibecontrols.sessions.terminal.startTerminalHint", "Click below to start a ttyd terminal on the agent for this session.")
 										}),
-										b && y && /* @__PURE__ */ g("button", {
+										b && y && /* @__PURE__ */ _("button", {
 											type: "button",
 											onClick: () => {
 												let t = y.find((t) => t.id === e.sessionId);
 												t && b(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__ */ h(p, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.startTerminal", "Start terminal")]
+											children: [/* @__PURE__ */ g(m, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.startTerminal", "Start terminal")]
 										})
 									]
 								})
 							})
 						]
 					}, e.sessionId);
-				}) : /* @__PURE__ */ h("div", {
+				}) : /* @__PURE__ */ g("div", {
 					className: "flex items-center justify-center h-full",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "text-center max-w-md",
 						children: [
-							/* @__PURE__ */ h(p, { className: "size-12 text-text-secondary mx-auto mb-4" }),
-							/* @__PURE__ */ h("p", {
+							/* @__PURE__ */ g(m, { className: "size-12 text-text-secondary mx-auto mb-4" }),
+							/* @__PURE__ */ g("p", {
 								className: "text-text-secondary text-base font-medium mb-2",
-								children: k("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
+								children: O("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
 							}),
-							/* @__PURE__ */ h("p", {
+							/* @__PURE__ */ g("p", {
 								className: "text-text-secondary text-sm mb-4",
-								children: k("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
+								children: O("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
 							}),
-							T && /* @__PURE__ */ g("button", {
+							w && /* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: T,
+								onClick: w,
 								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__ */ h(l, { className: "size-4" }), k("vibecontrols.sessions.terminal.newSession", "New Session")]
+								children: [/* @__PURE__ */ g(u, { className: "size-4" }), O("vibecontrols.sessions.terminal.newSession", "New Session")]
 							})
 						]
 					})
 				})
 			}),
-			j && (T || Z.length > 0) && W.current && /* @__PURE__ */ g("div", {
-				ref: Ie,
+			A && (w || Z.length > 0) && H.current && /* @__PURE__ */ _("div", {
+				ref: U,
 				className: "fixed bg-bg-elevated border border-border-default rounded-md shadow-xl z-[10000] w-[280px]",
 				style: {
-					top: W.current.getBoundingClientRect().bottom + 4,
-					left: Math.min(W.current.getBoundingClientRect().left, window.innerWidth - 290)
+					top: H.current.getBoundingClientRect().bottom + 4,
+					left: Math.min(H.current.getBoundingClientRect().left, window.innerWidth - 290)
 				},
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ g("div", {
 						className: "p-2 border-b border-border-subtle",
-						children: /* @__PURE__ */ g("div", {
+						children: /* @__PURE__ */ _("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__ */ h(ce, { className: "size-3.5 text-text-muted shrink-0" }),
-								/* @__PURE__ */ h("input", {
+								/* @__PURE__ */ g(ue, { className: "size-3.5 text-text-muted shrink-0" }),
+								/* @__PURE__ */ g("input", {
 									"aria-label": "Search sessions...",
-									ref: Le,
+									ref: We,
 									type: "text",
-									value: N,
-									onChange: (e) => P(e.target.value),
+									value: M,
+									onChange: (e) => N(e.target.value),
 									placeholder: "Search sessions...",
 									className: "w-full bg-bg-surface/0 text-sm text-text-primary outline-none placeholder:text-text-placeholder"
 								}),
-								N && /* @__PURE__ */ h("button", {
+								M && /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => P(""),
+									onClick: () => N(""),
 									className: "text-text-muted hover:text-text-primary shrink-0",
-									children: /* @__PURE__ */ h(m, { className: "size-3" })
+									children: /* @__PURE__ */ g(h, { className: "size-3" })
 								})
 							]
 						})
 					}),
-					T && /* @__PURE__ */ g("button", {
+					w && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							T(), M(!1), P("");
+							w(), j(!1), N("");
 						},
 						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__ */ h(l, { className: "size-3.5 text-text-secondary" }), /* @__PURE__ */ h("span", { children: k("vibecontrols.sessions.terminal.newSession", "New Session") })]
+						children: [/* @__PURE__ */ g(u, { className: "size-3.5 text-text-secondary" }), /* @__PURE__ */ g("span", { children: O("vibecontrols.sessions.terminal.newSession", "New Session") })]
 					}),
-					Z.length > 0 && /* @__PURE__ */ g(fe, { children: [
-						/* @__PURE__ */ h("div", { className: "border-t border-border-subtle" }),
-						/* @__PURE__ */ h("div", {
+					Z.length > 0 && /* @__PURE__ */ _(me, { children: [
+						/* @__PURE__ */ g("div", { className: "border-t border-border-subtle" }),
+						/* @__PURE__ */ g("div", {
 							className: "px-3 pt-2 pb-1",
-							children: /* @__PURE__ */ g("span", {
+							children: /* @__PURE__ */ _("span", {
 								className: "text-[10px] font-medium uppercase tracking-wider text-text-muted",
 								children: [
 									"Open existing (",
@@ -536,30 +628,30 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 								]
 							})
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "max-h-48 overflow-y-auto pb-1",
-							children: He.length > 0 ? He.map((e) => /* @__PURE__ */ g("button", {
+							children: tt.length > 0 ? tt.map((e) => /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: () => {
-									be?.(e), M(!1), P("");
+									Ce?.(e), j(!1), N("");
 								},
 								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__ */ h(p, { className: "size-3.5 text-text-secondary shrink-0" }),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g(m, { className: "size-3.5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ g("span", {
 										className: "truncate",
 										children: e.name
 									}),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("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__ */ g("div", {
+							}, e.id)) : /* @__PURE__ */ _("div", {
 								className: "px-3 py-2 text-xs text-text-muted",
 								children: [
 									"No sessions matching “",
-									N,
+									M,
 									"”"
 								]
 							})
@@ -567,320 +659,320 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 					] })
 				]
 			}),
-			F.visible && $ && /* @__PURE__ */ g("div", {
-				ref: Fe,
+			P.visible && $ && /* @__PURE__ */ _("div", {
+				ref: Ue,
 				className: "fixed bg-bg-elevated border border-border-default rounded-lg shadow-lg z-[10000] min-w-[180px] py-1",
 				style: {
-					top: F.y,
-					left: F.x
+					top: P.y,
+					left: P.x
 				},
 				children: [
-					x && /* @__PURE__ */ g("button", {
+					x && /* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => Je($.sessionId),
+						onClick: () => dt($.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__ */ h(re, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.rename", "Rename")]
+						children: [/* @__PURE__ */ g(re, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.rename", "Rename")]
 					}),
-					$.terminalUrl && /* @__PURE__ */ g("button", {
+					$.terminalUrl && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							_e($.sessionId), I((e) => ({
+							be($.sessionId), F((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__ */ h(s, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
+						children: [/* @__PURE__ */ g(s, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
 					}),
-					$.terminalUrl && H[$.sessionId] === "error" && /* @__PURE__ */ g("button", {
+					S && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							Q($.sessionId), I((e) => ({
+							S($.sessionId), F((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__ */ h(u, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.reconnect", "Reconnect")]
+						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
+						children: [$.pinned ? /* @__PURE__ */ g(le, { className: "size-3.5" }) : /* @__PURE__ */ g(ce, { className: "size-3.5" }), $.pinned ? O("vibecontrols.sessions.terminal.unpinTab", "Unpin Tab") : O("vibecontrols.sessions.terminal.pinTab", "Pin Tab")]
+					}),
+					$.terminalUrl && /* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: () => {
+							Q($.sessionId), F((e) => ({
+								...e,
+								visible: !1
+							}));
+						},
+						className: `flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-bg-sunken transition-colors ${B[$.sessionId] === "error" ? "text-status-warning-text" : "text-text-primary"}`,
+						children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.reconnect", "Reconnect")]
 					}),
-					C && /* @__PURE__ */ g("button", {
+					Te && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							C($.sessionId), I((e) => ({
+							Te($.sessionId), F((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__ */ h(u, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.restartTerminal", "Restart Terminal")]
+						children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.restartTerminal", "Restart Terminal")]
 					}),
-					S && /* @__PURE__ */ g("button", {
+					we && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							S($.sessionId), I((e) => ({
+							we($.sessionId), F((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__ */ h(f, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.stopTerminal", "Stop Terminal")]
+						children: [/* @__PURE__ */ g(p, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.stopTerminal", "Stop Terminal")]
 					}),
-					w && /* @__PURE__ */ g("button", {
+					C && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							w($.sessionId), I((e) => ({
+							C($.sessionId), F((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__ */ h(f, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.stopSession", "Stop Session")]
+						children: [/* @__PURE__ */ g(p, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.stopSession", "Stop Session")]
 					}),
-					/* @__PURE__ */ h("div", { className: "border-t border-border-subtle my-1" }),
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ g("div", { className: "border-t border-border-subtle my-1" }),
+					/* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							ge($.sessionId), I((e) => ({
+							ye($.sessionId), F((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__ */ h(m, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
+						children: [/* @__PURE__ */ g(h, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
 					})
 				]
 			})
 		]
-	}), document.body) : null : /* @__PURE__ */ g("div", {
-		ref: Pe,
-		className: `${E ? "flex flex-col h-full" : ""} border-t border-border-default bg-bg-surface ${v && _.length === 0 && !E ? "hidden" : ""}`,
+	}), document.body) : null : /* @__PURE__ */ _("div", {
+		ref: He,
+		className: `${T ? "flex flex-col h-full" : ""} border-t border-border-default bg-bg-surface ${v && l.length === 0 && !T ? "hidden" : ""}`,
 		children: [
-			!E && !v && _.length > 0 && /* @__PURE__ */ h("div", {
-				onMouseDown: Ke,
+			!T && !v && l.length > 0 && /* @__PURE__ */ g("div", {
+				onMouseDown: lt,
 				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__ */ h(ae, { className: "w-4 h-3 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity rotate-90" })
+				children: /* @__PURE__ */ g(ae, { className: "w-4 h-3 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity rotate-90" })
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center bg-bg-sunken border-b border-border-default",
 				children: [
-					!E && /* @__PURE__ */ g("button", {
+					!T && /* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: ve,
+						onClick: xe,
 						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: v ? "Expand terminal" : "Collapse terminal",
 						children: [
-							/* @__PURE__ */ h(p, { className: "size-3.5" }),
+							/* @__PURE__ */ g(m, { className: "size-3.5" }),
 							"Terminal",
-							h(v ? ne : te, { className: "size-3" })
+							g(v ? ne : te, { className: "size-3" })
 						]
 					}),
-					(!v || E) && /* @__PURE__ */ h("div", {
+					(!v || T) && /* @__PURE__ */ g("div", {
 						className: "flex items-center overflow-x-auto flex-1 min-w-0",
-						children: _.map((e) => /* @__PURE__ */ g("div", {
-							role: "button",
-							tabIndex: 0,
-							onKeyDown: (t) => {
-								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), he(e.sessionId));
-							},
-							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 === J?.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) => qe(t, e.sessionId),
-							onDoubleClick: () => Je(e.sessionId),
-							children: [
-								$e(e),
-								L === e.sessionId ? /* @__PURE__ */ h("input", {
-									"aria-label": "control",
-									ref: U,
-									value: R,
-									onChange: (e) => z(e.target.value),
-									onBlur: Ye,
-									onKeyDown: Xe,
-									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__ */ h("span", {
-									className: "truncate",
-									children: e.name
-								}),
-								/* @__PURE__ */ h("button", {
-									type: "button",
-									onClick: (t) => {
-										t.stopPropagation(), ge(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__ */ h(m, { className: "size-3" })
-								})
-							]
+						children: Ze.map((e, t) => /* @__PURE__ */ g(ge, {
+							tab: e,
+							index: t,
+							isActive: e.sessionId === J?.sessionId,
+							isDragging: q === t,
+							statusIndicator: gt(e),
+							isRenaming: I === e.sessionId,
+							renameValue: L,
+							renameInputRef: V,
+							onRenameChange: R,
+							onRenameBlur: ft,
+							onRenameKeyDown: pt,
+							onSelect: () => ve(e.sessionId),
+							onClose: () => ye(e.sessionId),
+							onContextMenu: (t) => ut(t, e.sessionId),
+							onDoubleClick: () => dt(e.sessionId),
+							onDragStart: (e) => at(e, t),
+							onDragOver: ot,
+							onDrop: (e) => st(e, t),
+							onDragEnd: ct,
+							closeLabel: O("vibecontrols.sessions.terminal.closeTab", "Close terminal")
 						}, e.sessionId))
 					}),
-					(!v || E) && /* @__PURE__ */ h("button", {
+					(!v || T) && /* @__PURE__ */ g("button", {
 						type: "button",
-						ref: W,
+						ref: H,
 						onClick: () => {
-							(T || Z.length > 0) && (M((e) => !e), P(""));
+							(w || Z.length > 0) && (j((e) => !e), N(""));
 						},
 						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__ */ h(l, { className: "size-3.5" })
+						children: /* @__PURE__ */ g(u, { className: "size-3.5" })
 					}),
-					(!v || E) && _.length > 0 && /* @__PURE__ */ g("div", {
+					(!v || T) && l.length > 0 && /* @__PURE__ */ _("div", {
 						className: "flex items-center gap-1 px-2 shrink-0",
 						children: [
-							J && H[J.sessionId] === "error" && /* @__PURE__ */ h("button", {
+							J?.terminalUrl && /* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: () => Q(J.sessionId),
-								className: "p-1 text-status-warning-text hover:text-status-warning-text/80 transition-colors",
-								title: "Reconnect terminal",
-								children: /* @__PURE__ */ h(u, { className: "size-3.5" })
+								className: `p-1 transition-colors ${B[J.sessionId] === "error" ? "text-status-warning-text hover:text-status-warning-text/80" : "text-text-secondary hover:text-text-primary"}`,
+								title: O("vibecontrols.sessions.terminal.reconnect", "Reconnect"),
+								"aria-label": O("vibecontrols.sessions.terminal.reconnect", "Reconnect"),
+								"data-testid": "terminal-reconnect",
+								children: /* @__PURE__ */ g(d, { className: "size-3.5" })
 							}),
-							J?.terminalUrl && /* @__PURE__ */ h("button", {
+							J?.terminalUrl && /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => J && _e(J.sessionId),
+								onClick: () => J && be(J.sessionId),
 								className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
 								title: "Open in new tab",
-								children: /* @__PURE__ */ h(s, { className: "size-3.5" })
+								children: /* @__PURE__ */ g(s, { className: "size-3.5" })
 							}),
-							J && w && /* @__PURE__ */ g("button", {
+							J && C && /* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: () => ze(J.sessionId),
-								disabled: B.has(J.sessionId),
+								onClick: () => Qe(J.sessionId),
+								disabled: z.has(J.sessionId),
 								className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md border border-status-error-bg/40 bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20 hover:border-status-error-bg/60 active:scale-95 transition-all disabled:opacity-60 disabled:cursor-not-allowed",
-								title: k("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
-								"aria-label": k("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
-								"aria-busy": B.has(J.sessionId),
-								children: [B.has(J.sessionId) ? /* @__PURE__ */ h(c, { className: "size-3 animate-spin" }) : /* @__PURE__ */ h(f, { className: "size-3 fill-current" }), /* @__PURE__ */ h("span", {
+								title: O("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
+								"aria-label": O("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
+								"aria-busy": z.has(J.sessionId),
+								children: [z.has(J.sessionId) ? /* @__PURE__ */ g(c, { className: "size-3 animate-spin" }) : /* @__PURE__ */ g(p, { className: "size-3 fill-current" }), /* @__PURE__ */ g("span", {
 									className: "text-[11px] font-medium",
-									children: B.has(J.sessionId) ? k("vibecontrols.sessions.terminal.stoppingSession", "Stopping…") : k("vibecontrols.sessions.terminal.stopSession", "Stop")
+									children: z.has(J.sessionId) ? O("vibecontrols.sessions.terminal.stoppingSession", "Stopping…") : O("vibecontrols.sessions.terminal.stopSession", "Stop")
 								})]
 							}),
-							J && /* @__PURE__ */ h("button", {
+							J && /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => we((e) => !e),
-								className: `p-1 transition-colors ${Ce ? "text-action-primary-text bg-action-primary-bg rounded" : "text-text-secondary hover:text-text-primary"}`,
-								title: k("vibecontrols.sessions.terminal.connectionLog", "Connection Log"),
-								children: /* @__PURE__ */ h(d, { className: "size-3.5" })
+								onClick: () => je((e) => !e),
+								className: `p-1 transition-colors ${Ae ? "text-action-primary-text bg-action-primary-bg rounded" : "text-text-secondary hover:text-text-primary"}`,
+								title: O("vibecontrols.sessions.terminal.connectionLog", "Connection Log"),
+								children: /* @__PURE__ */ g(f, { className: "size-3.5" })
 							}),
-							O && /* @__PURE__ */ h("button", {
+							D && /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: O,
+								onClick: D,
 								className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
-								title: D ? "Exit fullscreen" : "Enter fullscreen",
-								children: h(D ? le : ie, { className: "size-3.5" })
+								title: E ? "Exit fullscreen" : "Enter fullscreen",
+								children: g(E ? de : ie, { className: "size-3.5" })
 							}),
-							!E && !D && /* @__PURE__ */ h("button", {
+							!T && !E && /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: Ve,
+								onClick: et,
 								className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
-								title: A ? "Restore size" : "Maximize",
-								children: h(A ? se : oe, { className: "size-3.5" })
+								title: k ? "Restore size" : "Maximize",
+								children: g(k ? se : oe, { className: "size-3.5" })
 							})
 						]
 					})
 				]
 			}),
-			(!v || E) && J && /* @__PURE__ */ g("div", {
-				className: `${Ze || ""} bg-bg-sunken text-text-primary relative ${E ? "flex-1" : ""}`,
-				style: Qe,
-				children: [Ce && J && /* @__PURE__ */ g("div", {
+			(!v || T) && J && /* @__PURE__ */ _("div", {
+				className: `${mt || ""} bg-bg-sunken text-text-primary relative ${T ? "flex-1" : ""}`,
+				style: ht,
+				children: [Ae && J && /* @__PURE__ */ _("div", {
 					className: "absolute inset-0 z-30 bg-bg-surface flex flex-col",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between px-4 py-2 border-b border-border-default",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ h(d, { className: "size-4" }),
-								k("vibecontrols.sessions.terminal.connectionLog", "Connection Log"),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ g(f, { className: "size-4" }),
+								O("vibecontrols.sessions.terminal.connectionLog", "Connection Log"),
+								/* @__PURE__ */ _("span", {
 									className: "text-text-tertiary font-normal",
 									children: ["· ", J.name]
 								})
 							]
-						}), /* @__PURE__ */ h("button", {
+						}), /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => we(!1),
+							onClick: () => je(!1),
 							className: "p-1 text-text-secondary hover:text-text-primary",
-							title: k("common.close", "Close"),
-							children: /* @__PURE__ */ h(m, { className: "size-4" })
+							title: O("common.close", "Close"),
+							children: /* @__PURE__ */ g(h, { className: "size-4" })
 						})]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "flex-1 overflow-hidden",
-						children: /* @__PURE__ */ h(t, {
+						children: /* @__PURE__ */ g(t, {
 							sessionId: J.sessionId,
 							sessionName: J.name
 						})
 					})]
-				}), _.map((e) => {
-					let t = H[e.sessionId], r = t === "connecting" || e.loading, i = Be(e.terminalUrl), a = i ?? De[e.sessionId], o = !!e.terminalUrl && !e.error && !i, te = !!i || o && t === "error";
-					return /* @__PURE__ */ g("div", {
+				}), l.map((e) => {
+					let t = B[e.sessionId], r = t === "connecting" || e.loading, i = $e(e.terminalUrl), a = i ?? Fe[e.sessionId], o = !!e.terminalUrl && !e.error && !i, te = !!i || o && t === "error";
+					return /* @__PURE__ */ _("div", {
 						className: `absolute inset-0 ${e.sessionId === J.sessionId ? "block" : "hidden"}`,
 						children: [
-							o && e.terminalUrl && /* @__PURE__ */ h(n, {
+							o && e.terminalUrl && /* @__PURE__ */ g(n, {
 								ref: (t) => {
-									Re.current[e.sessionId] = t;
+									Ge.current[e.sessionId] = t;
 								},
 								sessionId: e.sessionId,
 								agentId: e.agentId ?? null,
+								profile: e.profile ?? null,
 								baseTtydUrl: e.terminalUrl,
 								title: `Terminal - ${e.name}`,
 								className: "w-full h-full border-0",
 								allow: "clipboard-read *; clipboard-write *",
-								onLoad: () => Ue(e.sessionId),
-								onError: () => We(e.sessionId)
-							}),
-							o && r && /* @__PURE__ */ h("div", {
+								onLoad: () => nt(e.sessionId),
+								onError: () => rt(e.sessionId)
+							}, `tif-${e.sessionId}-${Ke[e.sessionId] ?? 0}`),
+							o && r && /* @__PURE__ */ g("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center pointer-events-none z-10",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("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__ */ h(c, { className: "size-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g(c, { className: "size-5 text-status-warning-text animate-spin" }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-text-primary text-sm font-medium",
-										children: e.loading ? k("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : k("vibecontrols.sessions.terminal.connecting", "Connecting...")
-									}), /* @__PURE__ */ h("p", {
+										children: e.loading ? O("vibecontrols.sessions.terminal.startingTerminal", "Starting terminal...") : O("vibecontrols.sessions.terminal.connecting", "Connecting...")
+									}), /* @__PURE__ */ g("p", {
 										className: "text-text-secondary text-xs",
-										children: e.loading ? k("vibecontrols.sessions.terminal.settingUpWebTerminal", "Setting up session + web terminal") : k("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
+										children: e.loading ? O("vibecontrols.sessions.terminal.settingUpWebTerminal", "Setting up session + web terminal") : O("vibecontrols.sessions.terminal.establishingConnection", "Establishing connection")
 									})] })]
 								})
 							}),
-							te && !e.error && /* @__PURE__ */ h("div", {
+							te && !e.error && /* @__PURE__ */ g("div", {
 								className: "absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center z-10",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("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__ */ h(de, { className: "size-6 text-status-error-text" }),
-										/* @__PURE__ */ g("div", {
+										/* @__PURE__ */ g(pe, { className: "size-6 text-status-error-text" }),
+										/* @__PURE__ */ _("div", {
 											className: "text-center",
-											children: [/* @__PURE__ */ h("p", {
+											children: [/* @__PURE__ */ g("p", {
 												className: "text-text-primary text-sm font-medium",
-												children: k("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
-											}), /* @__PURE__ */ h("p", {
+												children: O("vibecontrols.sessions.terminal.connectionLost", "Connection Lost")
+											}), /* @__PURE__ */ g("p", {
 												className: "text-text-secondary text-xs mt-1",
-												children: a || ((K.current[e.sessionId] ?? 0) < 15 ? k("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : k("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted"))
+												children: a || ((G.current[e.sessionId] ?? 0) < 15 ? O("vibecontrols.sessions.terminal.reconnectingAutomatically", "Reconnecting automatically...") : O("vibecontrols.sessions.terminal.connectionInterrupted", "Terminal connection was interrupted"))
 											})]
 										}),
-										!a && (K.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ h(c, { className: "size-4 text-text-tertiary animate-spin" }),
-										/* @__PURE__ */ g("div", {
+										!a && (G.current[e.sessionId] ?? 0) < 15 && /* @__PURE__ */ g(c, { className: "size-4 text-text-tertiary animate-spin" }),
+										/* @__PURE__ */ _("div", {
 											className: "flex items-center justify-center gap-2 flex-wrap",
-											children: [/* @__PURE__ */ g("button", {
+											children: [/* @__PURE__ */ _("button", {
 												type: "button",
 												onClick: () => Q(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__ */ h(u, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
-											}), /* @__PURE__ */ g("a", {
+												children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.reconnectNow", "Reconnect Now")]
+											}), /* @__PURE__ */ _("a", {
 												href: `/vibecontrols/sessions/${e.sessionId}#connection-log`,
 												className: "px-4 py-2 text-action-primary-text bg-action-primary-bg text-sm rounded-md hover:bg-action-primary-bg-hover transition-colors inline-flex items-center gap-2",
-												children: [/* @__PURE__ */ h(d, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.seeConnectionLog", "See connection log")]
+												children: [/* @__PURE__ */ g(f, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.seeConnectionLog", "See connection log")]
 											})]
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && e.loading && /* @__PURE__ */ h("div", {
+							!e.terminalUrl && e.loading && /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ h(c, { className: "size-8 text-text-tertiary animate-spin mx-auto mb-3" }),
-										/* @__PURE__ */ g("p", {
+										/* @__PURE__ */ g(c, { className: "size-8 text-text-tertiary animate-spin mx-auto mb-3" }),
+										/* @__PURE__ */ _("p", {
 											className: "text-text-tertiary text-sm",
 											children: [
 												"Starting terminal for ",
@@ -888,63 +980,63 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 												"..."
 											]
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-secondary text-xs mt-1",
 											children: "Setting up session + web terminal"
 										})
 									]
 								})
 							}),
-							e.error && /* @__PURE__ */ h("div", {
+							e.error && /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "text-center max-w-md",
 									children: [
-										/* @__PURE__ */ h(ee, { className: "size-8 text-status-error-text mx-auto mb-3" }),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g(ee, { className: "size-8 text-status-error-text mx-auto mb-3" }),
+										/* @__PURE__ */ g("p", {
 											className: "text-status-error-text text-sm font-medium",
-											children: k("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
+											children: O("vibecontrols.sessions.terminal.failedToStart", "Failed to start terminal")
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-tertiary text-xs mt-2",
 											children: e.error
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-secondary text-xs mt-3",
-											children: k("vibecontrols.sessions.terminal.seeConnectionLogPrompt", "See the connection log for the step-by-step timeline of probe / start / mint / exchange events.")
+											children: O("vibecontrols.sessions.terminal.seeConnectionLogPrompt", "See the connection log for the step-by-step timeline of probe / start / mint / exchange events.")
 										}),
-										/* @__PURE__ */ g("div", {
+										/* @__PURE__ */ _("div", {
 											className: "flex items-center justify-center gap-3 mt-4 flex-wrap",
-											children: [b && y && /* @__PURE__ */ g("button", {
+											children: [b && y && /* @__PURE__ */ _("button", {
 												type: "button",
 												onClick: () => {
 													let t = y.find((t) => t.id === e.sessionId);
 													t && b(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__ */ h(u, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.retry", "Retry")]
-											}), /* @__PURE__ */ g("a", {
+												children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.retry", "Retry")]
+											}), /* @__PURE__ */ _("a", {
 												href: `/vibecontrols/sessions/${e.sessionId}#connection-log`,
 												className: "px-4 py-2 text-action-primary-text bg-action-primary-bg text-sm rounded-md hover:bg-action-primary-bg-hover transition-colors inline-flex items-center gap-2",
-												children: [/* @__PURE__ */ h(d, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.seeConnectionLog", "See connection log")]
+												children: [/* @__PURE__ */ g(f, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.seeConnectionLog", "See connection log")]
 											})]
 										})
 									]
 								})
 							}),
-							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ h("div", {
+							!e.terminalUrl && !e.loading && !e.error && /* @__PURE__ */ g("div", {
 								className: "flex items-center justify-center h-full",
-								children: /* @__PURE__ */ g("div", {
+								children: /* @__PURE__ */ _("div", {
 									className: "text-center",
 									children: [
-										/* @__PURE__ */ h(p, { className: "size-8 text-text-secondary mx-auto mb-3" }),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g(m, { className: "size-8 text-text-secondary mx-auto mb-3" }),
+										/* @__PURE__ */ g("p", {
 											className: "text-text-tertiary text-sm",
-											children: k("vibecontrols.sessions.terminal.noTerminalUrl", "No terminal URL available")
+											children: O("vibecontrols.sessions.terminal.noTerminalUrl", "No terminal URL available")
 										}),
-										/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("p", {
 											className: "text-text-secondary text-xs mt-1",
-											children: k("vibecontrols.sessions.terminal.agentNeedsTtyd", "The agent needs to start ttyd for this session")
+											children: O("vibecontrols.sessions.terminal.agentNeedsTtyd", "The agent needs to start ttyd for this session")
 										})
 									]
 								})
@@ -953,70 +1045,70 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 					}, e.sessionId);
 				})]
 			}),
-			(!v || E) && _.length === 0 && E && /* @__PURE__ */ h("div", {
+			(!v || T) && l.length === 0 && T && /* @__PURE__ */ g("div", {
 				className: "flex-1 bg-bg-sunken text-text-primary flex items-center justify-center",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ _("div", {
 					className: "text-center max-w-md",
 					children: [
-						/* @__PURE__ */ h(p, { className: "size-12 text-text-secondary mx-auto mb-4" }),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ g(m, { className: "size-12 text-text-secondary mx-auto mb-4" }),
+						/* @__PURE__ */ g("p", {
 							className: "text-text-secondary text-base font-medium mb-2",
-							children: k("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
+							children: O("vibecontrols.sessions.terminal.noTerminalsOpen", "No terminals open")
 						}),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ g("p", {
 							className: "text-text-secondary text-sm mb-4",
-							children: k("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
+							children: O("vibecontrols.sessions.terminal.clickPlusTab", "Click the + tab above to create a new session or open an existing one")
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex items-center justify-center gap-2 flex-wrap",
-							children: T && /* @__PURE__ */ g("button", {
+							children: w && /* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: T,
+								onClick: w,
 								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__ */ h(l, { className: "size-4" }), k("vibecontrols.sessions.terminal.newSession", "New Session")]
+								children: [/* @__PURE__ */ g(u, { className: "size-4" }), O("vibecontrols.sessions.terminal.newSession", "New Session")]
 							})
 						}),
-						Z.length > 0 && /* @__PURE__ */ g("div", {
+						Z.length > 0 && /* @__PURE__ */ _("div", {
 							className: "mt-6",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-text-secondary text-xs uppercase tracking-wider mb-3",
 								children: "Or open an existing session"
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "flex flex-col items-stretch gap-2 max-w-md mx-auto",
-								children: [Z.slice(0, 6).map((e) => /* @__PURE__ */ g("div", {
+								children: [Z.slice(0, 6).map((e) => /* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2 px-3 py-2 bg-bg-canvas text-text-secondary text-xs rounded-md border border-border-default",
-									children: [/* @__PURE__ */ g("button", {
+									children: [/* @__PURE__ */ _("button", {
 										type: "button",
-										onClick: () => be?.(e),
+										onClick: () => Ce?.(e),
 										className: "flex items-center gap-1.5 flex-1 min-w-0 text-left hover:text-text-primary transition-colors",
 										title: `Open ${e.name}`,
 										children: [
-											/* @__PURE__ */ h(p, { className: "size-3 shrink-0" }),
-											/* @__PURE__ */ h("span", {
+											/* @__PURE__ */ g(m, { className: "size-3 shrink-0" }),
+											/* @__PURE__ */ g("span", {
 												className: "truncate",
 												children: e.name
 											}),
-											/* @__PURE__ */ h("span", {
+											/* @__PURE__ */ g("span", {
 												className: `size-1.5 rounded-full shrink-0 ${e.status === "RUNNING" ? "bg-status-success-text" : "bg-text-secondary"}`,
 												title: e.status
 											})
 										]
-									}), w && e.status === "RUNNING" && /* @__PURE__ */ h("button", {
+									}), C && e.status === "RUNNING" && /* @__PURE__ */ g("button", {
 										type: "button",
 										onClick: (t) => {
-											t.stopPropagation(), ze(e.id);
+											t.stopPropagation(), Qe(e.id);
 										},
-										disabled: B.has(e.id),
+										disabled: z.has(e.id),
 										className: "inline-flex items-center justify-center size-6 rounded-md border border-status-error-bg/40 bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20 hover:border-status-error-bg/60 active:scale-95 transition-all shrink-0 disabled:opacity-60 disabled:cursor-not-allowed",
-										title: k("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
-										"aria-label": k("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
-										"aria-busy": B.has(e.id),
-										children: B.has(e.id) ? /* @__PURE__ */ h(c, { className: "size-3 animate-spin" }) : /* @__PURE__ */ h(f, { className: "size-3 fill-current" })
+										title: O("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
+										"aria-label": O("vibecontrols.sessions.terminal.stopSession", "Stop Session"),
+										"aria-busy": z.has(e.id),
+										children: z.has(e.id) ? /* @__PURE__ */ g(c, { className: "size-3 animate-spin" }) : /* @__PURE__ */ g(p, { className: "size-3 fill-current" })
 									})]
-								}, e.id)), Z.length > 6 && /* @__PURE__ */ g("button", {
+								}, e.id)), Z.length > 6 && /* @__PURE__ */ _("button", {
 									type: "button",
 									onClick: () => {
-										M(!0), P("");
+										j(!0), N("");
 									},
 									className: "text-text-tertiary text-xs self-center hover:text-text-primary transition-colors cursor-pointer",
 									children: [
@@ -1030,51 +1122,51 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 					]
 				})
 			}),
-			j && (T || Z.length > 0) && W.current && /* @__PURE__ */ g("div", {
-				ref: Ie,
+			A && (w || Z.length > 0) && H.current && /* @__PURE__ */ _("div", {
+				ref: U,
 				className: "fixed bg-bg-elevated border border-border-default rounded-md shadow-xl z-[100] w-[280px]",
 				style: {
-					top: W.current.getBoundingClientRect().bottom + 4,
-					left: Math.min(W.current.getBoundingClientRect().left, window.innerWidth - 290)
+					top: H.current.getBoundingClientRect().bottom + 4,
+					left: Math.min(H.current.getBoundingClientRect().left, window.innerWidth - 290)
 				},
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ g("div", {
 						className: "p-2 border-b border-border-subtle",
-						children: /* @__PURE__ */ g("div", {
+						children: /* @__PURE__ */ _("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__ */ h(ce, { className: "size-3.5 text-text-muted shrink-0" }),
-								/* @__PURE__ */ h("input", {
+								/* @__PURE__ */ g(ue, { className: "size-3.5 text-text-muted shrink-0" }),
+								/* @__PURE__ */ g("input", {
 									"aria-label": "Search sessions...",
-									ref: Le,
+									ref: We,
 									type: "text",
-									value: N,
-									onChange: (e) => P(e.target.value),
+									value: M,
+									onChange: (e) => N(e.target.value),
 									placeholder: "Search sessions...",
 									className: "w-full bg-bg-surface/0 text-sm text-text-primary outline-none placeholder:text-text-placeholder"
 								}),
-								N && /* @__PURE__ */ h("button", {
+								M && /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => P(""),
+									onClick: () => N(""),
 									className: "text-text-muted hover:text-text-primary shrink-0",
-									children: /* @__PURE__ */ h(m, { className: "size-3" })
+									children: /* @__PURE__ */ g(h, { className: "size-3" })
 								})
 							]
 						})
 					}),
-					T && /* @__PURE__ */ g("button", {
+					w && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							T(), M(!1), P("");
+							w(), j(!1), N("");
 						},
 						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__ */ h(l, { className: "size-3.5 text-text-secondary" }), /* @__PURE__ */ h("span", { children: k("vibecontrols.sessions.terminal.newSession", "New Session") })]
+						children: [/* @__PURE__ */ g(u, { className: "size-3.5 text-text-secondary" }), /* @__PURE__ */ g("span", { children: O("vibecontrols.sessions.terminal.newSession", "New Session") })]
 					}),
-					Z.length > 0 && /* @__PURE__ */ g(fe, { children: [
-						/* @__PURE__ */ h("div", { className: "border-t border-border-subtle" }),
-						/* @__PURE__ */ h("div", {
+					Z.length > 0 && /* @__PURE__ */ _(me, { children: [
+						/* @__PURE__ */ g("div", { className: "border-t border-border-subtle" }),
+						/* @__PURE__ */ g("div", {
 							className: "px-3 pt-2 pb-1",
-							children: /* @__PURE__ */ g("span", {
+							children: /* @__PURE__ */ _("span", {
 								className: "text-[10px] font-medium uppercase tracking-wider text-text-muted",
 								children: [
 									"Open existing (",
@@ -1083,30 +1175,30 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 								]
 							})
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "max-h-48 overflow-y-auto pb-1",
-							children: He.length > 0 ? He.map((e) => /* @__PURE__ */ g("button", {
+							children: tt.length > 0 ? tt.map((e) => /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: () => {
-									be?.(e), M(!1), P("");
+									Ce?.(e), j(!1), N("");
 								},
 								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__ */ h(p, { className: "size-3.5 text-text-secondary shrink-0" }),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g(m, { className: "size-3.5 text-text-secondary shrink-0" }),
+									/* @__PURE__ */ g("span", {
 										className: "truncate",
 										children: e.name
 									}),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("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__ */ g("div", {
+							}, e.id)) : /* @__PURE__ */ _("div", {
 								className: "px-3 py-2 text-xs text-text-muted",
 								children: [
 									"No sessions matching “",
-									N,
+									M,
 									"”"
 								]
 							})
@@ -1114,88 +1206,99 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 					] })
 				]
 			}),
-			F.visible && $ && /* @__PURE__ */ g("div", {
-				ref: Fe,
+			P.visible && $ && /* @__PURE__ */ _("div", {
+				ref: Ue,
 				className: "fixed bg-bg-elevated border border-border-default rounded-lg shadow-lg z-[100] min-w-[180px] py-1",
 				style: {
-					top: F.y,
-					left: F.x
+					top: P.y,
+					left: P.x
 				},
 				children: [
-					x && /* @__PURE__ */ g("button", {
+					x && /* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => Je($.sessionId),
+						onClick: () => dt($.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__ */ h(re, { className: "size-3.5" }), "Rename"]
+						children: [/* @__PURE__ */ g(re, { className: "size-3.5" }), "Rename"]
 					}),
-					$.terminalUrl && /* @__PURE__ */ g("button", {
+					$.terminalUrl && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							_e($.sessionId), I((e) => ({
+							be($.sessionId), F((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__ */ h(s, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
+						children: [/* @__PURE__ */ g(s, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.openInNewTab", "Open in New Tab")]
 					}),
-					$.terminalUrl && H[$.sessionId] === "error" && /* @__PURE__ */ g("button", {
+					S && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							Q($.sessionId), I((e) => ({
+							S($.sessionId), F((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__ */ h(u, { className: "size-3.5" }), "Reconnect"]
+						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
+						children: [$.pinned ? /* @__PURE__ */ g(le, { className: "size-3.5" }) : /* @__PURE__ */ g(ce, { className: "size-3.5" }), $.pinned ? O("vibecontrols.sessions.terminal.unpinTab", "Unpin Tab") : O("vibecontrols.sessions.terminal.pinTab", "Pin Tab")]
+					}),
+					$.terminalUrl && /* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: () => {
+							Q($.sessionId), F((e) => ({
+								...e,
+								visible: !1
+							}));
+						},
+						className: `flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-bg-sunken transition-colors ${B[$.sessionId] === "error" ? "text-status-warning-text" : "text-text-primary"}`,
+						children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.reconnect", "Reconnect")]
 					}),
-					C && /* @__PURE__ */ g("button", {
+					Te && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							C($.sessionId), I((e) => ({
+							Te($.sessionId), F((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__ */ h(u, { className: "size-3.5" }), "Restart Terminal"]
+						children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), "Restart Terminal"]
 					}),
-					S && /* @__PURE__ */ g("button", {
+					we && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							S($.sessionId), I((e) => ({
+							we($.sessionId), F((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__ */ h(f, { className: "size-3.5" }), "Stop Terminal"]
+						children: [/* @__PURE__ */ g(p, { className: "size-3.5" }), "Stop Terminal"]
 					}),
-					w && /* @__PURE__ */ g("button", {
+					C && /* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							ze($.sessionId), I((e) => ({
+							Qe($.sessionId), F((e) => ({
 								...e,
 								visible: !1
 							}));
 						},
-						disabled: B.has($.sessionId),
+						disabled: z.has($.sessionId),
 						className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-status-error-bg/15 transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
-						"aria-busy": B.has($.sessionId),
-						children: [B.has($.sessionId) ? /* @__PURE__ */ h(c, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(f, { className: "size-3.5 fill-current" }), B.has($.sessionId) ? k("vibecontrols.sessions.terminal.stoppingSession", "Stopping…") : k("vibecontrols.sessions.terminal.stopSession", "Stop Session")]
+						"aria-busy": z.has($.sessionId),
+						children: [z.has($.sessionId) ? /* @__PURE__ */ g(c, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ g(p, { className: "size-3.5 fill-current" }), z.has($.sessionId) ? O("vibecontrols.sessions.terminal.stoppingSession", "Stopping…") : O("vibecontrols.sessions.terminal.stopSession", "Stop Session")]
 					}),
-					/* @__PURE__ */ h("div", { className: "border-t border-border-subtle my-1" }),
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ g("div", { className: "border-t border-border-subtle my-1" }),
+					/* @__PURE__ */ _("button", {
 						type: "button",
 						onClick: () => {
-							ge($.sessionId), I((e) => ({
+							ye($.sessionId), F((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__ */ h(m, { className: "size-3.5" }), k("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
+						children: [/* @__PURE__ */ g(h, { className: "size-3.5" }), O("vibecontrols.sessions.terminal.closeTab", "Close Tab")]
 					})
 				]
 			})
@@ -1203,6 +1306,6 @@ function _({ tabs: _, activeTabId: me, onTabSelect: he, onTabClose: ge, onOpenEx
 	});
 }
 //#endregion
-export { _ as TerminalPanel };
+export { _e as TerminalPanel };
 
 //# sourceMappingURL=TerminalPanel.js.map