@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/sessions/TerminalPanel.js

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