@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/SessionsPage.js

@@ -0,0 +1,1382 @@
+import { useAdoptAgentSessionMutation as e, useAgentSessionOrphansLazyQuery as t, useBulkRestartSessionsMutation as n, useBulkStopSessionsMutation as r, useBulkTerminateSessionsMutation as i, useCheckSessionHealthMutation as ee, useCreateSessionMutation as te, useListSessionsQuery as a, useRestartSessionMutation as ne, useRestartSessionTerminalMutation as re, useStartSessionMutation as ie, useStartSessionTerminalMutation as ae, useStopSessionMutation as oe, useStopSessionTerminalMutation as se, useTerminateSessionMutation as ce, useUpdateSessionMutation as le, useVibecontrolsAgentHealthProbeStreamSubscription as ue, useVibecontrolsAgentHealthProbesQuery as de } from "../generated/wspace-operations.js";
+import { useVibeControls as fe, useVibeNavigate as pe } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as me } from "../store/vibeControlsStore.js";
+import he from "../hooks/useCachedInitialData.js";
+import { PageHeader as ge } from "../components/shared/PageHeader.js";
+import { LoadingState as _e } from "../components/shared/LoadingState.js";
+import { ErrorState as ve } from "../components/shared/ErrorState.js";
+import { ConfirmDialog as ye } from "../components/shared/ConfirmDialog.js";
+import { getQuotaDialogContent as be, isQuotaExhaustedError as o } from "../utils/quotaUtils.js";
+import { EmptyState as xe } from "../components/shared/EmptyState.js";
+import { SearchInput as Se } from "../components/shared/SearchInput.js";
+import { FilterDropdown as s } from "../components/shared/FilterDropdown.js";
+import { AgentSetupBanner as Ce } from "../components/shared/AgentSetupBanner.js";
+import { GetHelpButton as we } from "../components/shared/GetHelpButton.js";
+import { SearchableSelect as c } from "../components/shared/SearchableSelect.js";
+import Te from "../components/shared/SessionNotificationBanner.js";
+import "../components/shared/index.js";
+import { VIBE_PERMISSIONS as Ee } from "../constants/permissions.js";
+import { SessionCard as De } from "../components/sessions/SessionCard.js";
+import { SessionList as Oe } from "../components/sessions/SessionList.js";
+import { TerminalPanel as ke } from "../components/sessions/TerminalPanel.js";
+import { SessionShareDialog as Ae } from "../components/sessions/SessionShareDialog.js";
+import "../components/sessions/index.js";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { useI18n as je } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as Me, CheckSquare as Ne, Grid as Pe, List as Fe, Monitor as Ie, Play as Le, Plus as Re, RefreshCw as ze, RotateCcw as Be, Square as Ve, Terminal as He, Trash2 as Ue, XSquare as We } from "lucide-react";
+import { useSearchParams as Ge } from "react-router-dom";
+import { usePermissions as Ke } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as qe } from "framer-motion";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MotionItem as Je, MotionList as Ye, MotionPage as g } from "@burdenoff/fe-libs/shared/motion";
+import { AccessDenied as Xe, PermissionButton as Ze } from "@burdenoff/fe-libs/shared/components";
+//#region src/pages/SessionsPage.tsx
+var Qe = 3e4;
+function $e(e, t) {
+	if (!e) return null;
+	try {
+		let n = new URL(e);
+		if (t && new Set([
+			"localhost",
+			"127.0.0.1",
+			"host.docker.internal"
+		]).has(n.hostname)) {
+			let e = new URL(t);
+			return e.pathname = n.pathname, e.search = n.search, e.hash = n.hash, e.toString();
+		}
+		return n.toString();
+	} catch {
+		return e;
+	}
+}
+function et(e, t, n, r) {
+	if (e !== "RUNNING") return e;
+	if (r === !1) return "ERROR";
+	if (!t) return e;
+	if (!n) return "ERROR";
+	try {
+		let e = typeof window < "u" ? window.location.protocol : "https:", t = new URL(n).protocol;
+		if (e === "https:" && t !== "https:") return "ERROR";
+	} catch {
+		return "ERROR";
+	}
+	return e;
+}
+function tt() {
+	let { t: tt } = je(), { onSessionStart: nt } = fe(), rt = pe(), { hasPermission: it, isLoading: at, permissions: ot } = Ke(), [st, ct] = Ge(), _ = l((e, t, n) => {
+		let r = tt(e, n), i = r === e ? t : r;
+		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
+	}, [tt]), lt = d(() => [
+		{
+			value: "all",
+			label: _("sessions.statusAll", "All Statuses")
+		},
+		{
+			value: "RUNNING",
+			label: _("sessions.running", "Running")
+		},
+		{
+			value: "STOPPED",
+			label: _("sessions.stopped", "Stopped")
+		},
+		{
+			value: "STARTING",
+			label: _("sessions.starting", "Starting")
+		},
+		{
+			value: "ERROR",
+			label: _("common.error", "Error")
+		}
+	], [_]), ut = d(() => [
+		{
+			value: "all",
+			label: _("sessions.typeAll", "All Types")
+		},
+		{
+			value: "TMUX",
+			label: _("sessions.typeTmux", "Tmux")
+		},
+		{
+			value: "TERMINAL",
+			label: _("sessions.typeTerminal", "Terminal")
+		},
+		{
+			value: "SCRIPT",
+			label: _("sessions.typeScript", "Script")
+		},
+		{
+			value: "CUSTOM",
+			label: _("sessions.typeCustom", "Custom")
+		}
+	], [_]), dt = it(Ee.SESSION_LIST), ft = it(Ee.SESSION_CREATE), [v, pt] = p(""), [y, mt] = p("all"), [b, ht] = p("all"), [x, gt] = p("all"), [S, _t] = p("all"), [C, w] = p("terminal"), [vt, T] = p(!1), [yt, E] = p(!1), [bt, D] = p(null), [xt, St] = p(!1), [O, k] = p(null), [A, j] = p(/* @__PURE__ */ new Set()), [Ct, M] = p(!1), wt = f(null), Tt = f(null), Et = f(null), Dt = f(null), [Ot, kt] = p(""), [At, jt] = p(""), [N, Mt] = p("TMUX"), [Nt, Pt] = p(!1), { terminalTabs: Ft, activeTerminalTabId: It, sessionsViewMode: Lt, setTerminalTabs: Rt, setActiveTerminalTabId: zt, setSessionsViewMode: Bt, activeSessionId: P } = me(), [F, I] = p([]), [L, R] = p(null), [Vt, z] = p(!1), [Ht, Ut] = p(null), [Wt, Gt] = p(!1), [B, Kt] = p(!1), V = st.get("view"), qt = st.get("session"), [Jt] = te({ refetchQueries: ["ListSessions"] }), [Yt, Xt] = p(!1), [H, Zt] = p(""), [Qt, U] = p(null), [$t, en] = p(null), [tn, { data: nn, loading: rn }] = t({ fetchPolicy: "network-only" }), [an] = e({ refetchQueries: ["ListSessions"] }), [on] = ie({ refetchQueries: ["ListSessions"] }), [sn] = oe({ refetchQueries: ["ListSessions"] }), [cn] = ne({ refetchQueries: ["ListSessions"] }), [W] = ae({ refetchQueries: ["ListSessions"] }), [ln] = se({ refetchQueries: ["ListSessions"] }), [un] = re({ refetchQueries: ["ListSessions"] }), [dn] = le({ refetchQueries: ["ListSessions"] }), [fn] = ce({ refetchQueries: ["ListSessions"] }), [pn] = ee({ refetchQueries: ["ListSessions"] }), [mn] = r({ refetchQueries: ["ListSessions"] }), [hn] = n({ refetchQueries: ["ListSessions"] }), [gn] = i({ refetchQueries: ["ListSessions"] });
+	u(() => {
+		B || (V === "terminal" || V === "grid" || V === "list" ? w(V) : Lt && w(Lt), qt ? R(qt) : It && R(It), Ft.length > 0 && I(Ft.map((e) => ({
+			sessionId: e.sessionId,
+			name: e.name,
+			terminalUrl: null,
+			loading: !1,
+			error: null
+		}))), Kt(!0));
+	}, [
+		Ft,
+		It,
+		Lt,
+		qt,
+		V,
+		B
+	]);
+	let _n = f(!1);
+	u(() => {
+		B && Rt(F.map((e) => ({
+			sessionId: e.sessionId,
+			name: e.name
+		})));
+	}, [
+		F,
+		B,
+		Rt
+	]), u(() => {
+		B && zt(L);
+	}, [
+		L,
+		B,
+		zt
+	]), u(() => {
+		B && Bt(C);
+	}, [
+		C,
+		B,
+		Bt
+	]), u(() => {
+		if (!B) return;
+		let e = new URLSearchParams(st), t = !1, n = C === "terminal" ? null : C;
+		n ? e.get("view") !== n && (e.set("view", n), t = !0) : e.has("view") && (e.delete("view"), t = !0), L ? e.get("session") !== L && (e.set("session", L), t = !0) : e.has("session") && (e.delete("session"), t = !0), t && ct(e, { replace: !0 });
+	}, [
+		L,
+		st,
+		ct,
+		B,
+		C
+	]);
+	let G = f(null);
+	u(() => {
+		let e = setInterval(() => {
+			pn().catch(() => {});
+		}, Qe);
+		return () => clearInterval(e);
+	}, [pn]), u(() => {
+		let e = (e) => {
+			let t = e.target;
+			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable) return;
+			let n = e.metaKey || e.ctrlKey;
+			if (n && e.key === "t") {
+				e.preventDefault(), T(!0);
+				return;
+			}
+			if (n && e.key === "w" && L) {
+				e.preventDefault();
+				let t = L;
+				I((e) => e.filter((e) => e.sessionId !== t)), R(() => {
+					let e = F.filter((e) => e.sessionId !== t);
+					return e.length > 0 ? e[e.length - 1].sessionId : null;
+				});
+				return;
+			}
+			if (e.ctrlKey && e.key === "Tab" && !e.shiftKey && F.length > 1) {
+				e.preventDefault(), R(F[(F.findIndex((e) => e.sessionId === L) + 1) % F.length].sessionId);
+				return;
+			}
+			if (e.ctrlKey && e.key === "Tab" && e.shiftKey && F.length > 1) {
+				e.preventDefault(), R(F[(F.findIndex((e) => e.sessionId === L) - 1 + F.length) % F.length].sessionId);
+				return;
+			}
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [L, F]);
+	let { data: vn, previousData: yn, loading: K, error: bn, refetch: q } = a({
+		variables: {
+			filter: {
+				status: y === "all" ? void 0 : y,
+				type: b === "all" ? void 0 : b,
+				vibeId: x !== "all" && x !== "none" ? x : void 0,
+				agentId: S === "all" ? void 0 : S
+			},
+			pagination: { limit: 50 }
+		},
+		fetchPolicy: "cache-first"
+	}), xn = vn ?? yn, { agents: J, vibes: Y } = he(), Sn = de({ fetchPolicy: "cache-and-network" }), { data: Cn } = ue(), wn = d(() => {
+		let e = /* @__PURE__ */ new Map(), t = Cn?.vibecontrolsAgentHealthProbeStream ?? Sn.data?.vibecontrolsAgentHealthProbes ?? [];
+		for (let n of t) e.set(n.agentId, {
+			healthy: n.healthy,
+			error: n.errorMessage ?? null
+		});
+		return e;
+	}, [Sn.data, Cn]), Tn = d(() => [
+		{
+			value: "all",
+			label: _("sessions.filterVibeAll", "All Vibes")
+		},
+		{
+			value: "none",
+			label: _("sessions.filterVibeNone", "No Vibe")
+		},
+		...Y.map((e) => ({
+			value: e.id,
+			label: e.name
+		}))
+	], [Y, _]), En = d(() => [{
+		value: "all",
+		label: _("sessions.filterAgentAll", "All Agents")
+	}, ...J.map((e) => ({
+		value: e.id,
+		label: `${e.name} ${e.isActive ? "" : `(${_("sessions.offline", "Offline")})`}`
+	}))], [J, _]), Dn = d(() => [{
+		value: "",
+		label: _("sessions.noVibe", "No vibe")
+	}, ...Y.map((e) => ({
+		value: e.id,
+		label: e.name
+	}))], [Y, _]), On = d(() => [{
+		value: "",
+		label: _("sessions.selectAgent", "Select an agent")
+	}, ...J.map((e) => ({
+		value: e.id,
+		label: `${e.name} ${e.isActive ? `(${_("sessions.active", "Active")})` : `(${_("sessions.offline", "Offline")})`}`
+	}))], [J, _]), kn = d(() => [
+		{
+			value: "TMUX",
+			label: _("sessions.typeTmuxLower", "tmux")
+		},
+		{
+			value: "WEZTERM",
+			label: _("sessions.typeWezTerm", "WezTerm")
+		},
+		{
+			value: "ZELLIJ",
+			label: _("sessions.typeZellij", "Zellij")
+		},
+		{
+			value: "TERMINAL",
+			label: _("sessions.typeTerminal", "Terminal")
+		},
+		{
+			value: "SSH",
+			label: _("sessions.typeSsh", "SSH")
+		},
+		{
+			value: "SCRIPT",
+			label: _("sessions.typeScript", "Script")
+		},
+		{
+			value: "CUSTOM",
+			label: _("sessions.typeCustom", "Custom")
+		}
+	], [_]), X = d(() => (xn?.sessions?.items ?? []).map((e) => {
+		let t = $e(e.ttydUrl || null, e.agent?.tunnelUrl || null);
+		return {
+			id: e.id,
+			workspaceId: e.workspaceId,
+			vibeId: e.vibeId || null,
+			agentId: e.agentId || null,
+			name: e.name,
+			type: e.type,
+			status: et(e.status, e.ttydUrl || null, t, e.agent?.isActive),
+			command: e.command || null,
+			workingDirectory: e.workingDirectory || null,
+			environmentVariables: e.environmentVariables || {},
+			autoStart: e.autoStart,
+			providerSessionName: e.providerSessionName || void 0,
+			providerWindowName: e.providerWindowId || void 0,
+			pid: e.pid || null,
+			exitCode: e.exitCode || null,
+			lastOutput: e.lastOutput || null,
+			ttydUrl: t,
+			metadata: e.metadata || {},
+			createdAt: e.createdAt,
+			updatedAt: e.updatedAt,
+			vibe: e.vibe ? {
+				id: e.vibe.id,
+				name: e.vibe.name
+			} : void 0,
+			agent: e.agent ? {
+				id: e.agent.id,
+				name: e.agent.name,
+				tunnelUrl: e.agent.tunnelUrl || null,
+				isActive: e.agent.isActive
+			} : void 0
+		};
+	}), [xn?.sessions?.items]);
+	u(() => {
+		_n.current || X.length === 0 || F.length === 0 || (_n.current = !0, Promise.allSettled(F.map(async (e) => {
+			let t = X.find((t) => t.id === e.sessionId);
+			if (t) try {
+				let n = await W({ variables: { id: e.sessionId } }), r = t.agent?.tunnelUrl ?? null, i = $e(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
+				I((t) => t.map((t) => t.sessionId === e.sessionId ? {
+					...t,
+					terminalUrl: i,
+					loading: !1,
+					error: null
+				} : t));
+			} catch (n) {
+				console.warn("[sessions] tab restore startSessionTerminal failed", n), I((n) => n.map((n) => n.sessionId === e.sessionId && t.ttydUrl ? {
+					...n,
+					terminalUrl: t.ttydUrl,
+					loading: !1
+				} : n));
+			}
+		})));
+	}, [
+		X,
+		F,
+		W
+	]), u(() => {
+		if (!B || !P) {
+			G.current = P;
+			return;
+		}
+		if (G.current === null && P) {
+			G.current = P;
+			return;
+		}
+		if (G.current === P) return;
+		G.current = P;
+		let e = X.find((e) => e.id === P);
+		if (e) if (F.find((e) => e.sessionId === P)) R(P), z(!1);
+		else {
+			let t = e.ttydUrl || null, n = {
+				sessionId: e.id,
+				name: e.name,
+				terminalUrl: t,
+				loading: !t,
+				error: null
+			};
+			I((e) => [...e, n]), R(P), z(!1), t || W({ variables: { id: e.id } }).then((t) => {
+				let n = t.data?.startSessionTerminal?.ttydUrl || null;
+				I((t) => t.map((t) => t.sessionId === e.id ? {
+					...t,
+					terminalUrl: n,
+					loading: !1,
+					error: n ? null : _("sessions.terminalStartedNoUrl", "Terminal started but no URL was returned. Try restarting.")
+				} : t));
+			}).catch((t) => {
+				let n = t instanceof Error ? t.message : _("sessions.failedStartTerminal", "Failed to start terminal");
+				I((t) => t.map((t) => t.sessionId === e.id ? {
+					...t,
+					loading: !1,
+					error: n
+				} : t));
+			});
+		}
+	}, [
+		P,
+		X,
+		F,
+		B,
+		W
+	]);
+	let Z = d(() => X.filter((e) => {
+		if (v) {
+			let t = v.toLowerCase();
+			if (!(e.name.toLowerCase().includes(t) || e.command?.toLowerCase().includes(t) || e.workingDirectory?.toLowerCase().includes(t))) return !1;
+		}
+		return !(x === "none" && e.vibeId);
+	}), [
+		X,
+		v,
+		x
+	]), An = l((e) => {
+		j((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []), jn = l(() => {
+		j(new Set(Z.map((e) => e.id)));
+	}, [Z]), Mn = l(() => {
+		j(/* @__PURE__ */ new Set());
+	}, []), Nn = Z.length > 0 && A.size === Z.length, Pn = A.size > 0, Fn = l(async () => {
+		if (A.size !== 0) {
+			M(!0);
+			try {
+				let e = (await mn({ variables: { ids: Array.from(A) } })).data?.bulkStopSessions;
+				k(`${_("sessions.stopped", "Stopped")} ${e?.succeeded ?? 0} ${_("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${_("sessions.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set()), setTimeout(() => k(null), 3e3);
+			} catch (e) {
+				k(`${_("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : _("sessions.failedStop", "Failed to stop sessions")}`), setTimeout(() => k(null), 5e3);
+			} finally {
+				M(!1);
+			}
+		}
+	}, [
+		A,
+		mn,
+		_
+	]), In = l(async () => {
+		if (A.size !== 0) {
+			M(!0);
+			try {
+				let e = (await hn({ variables: { ids: Array.from(A) } })).data?.bulkRestartSessions;
+				k(`${_("sessions.restarted", "Restarted")} ${e?.succeeded ?? 0} ${_("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${_("sessions.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set()), setTimeout(() => k(null), 3e3);
+			} catch (e) {
+				k(`${_("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : _("sessions.failedRestart", "Failed to restart sessions")}`), setTimeout(() => k(null), 5e3);
+			} finally {
+				M(!1);
+			}
+		}
+	}, [
+		A,
+		hn,
+		_
+	]), Ln = l(async () => {
+		if (A.size !== 0 && confirm(`${_("sessions.confirmRemovePrefix", "Are you sure you want to remove")} ${A.size} ${_("nav.sessions", "session(s)")}? ${_("sessions.confirmRemoveSuffix", "This cannot be undone.")}`)) {
+			M(!0);
+			try {
+				let e = (await gn({ variables: { ids: Array.from(A) } })).data?.bulkTerminateSessions;
+				k(`${_("sessions.removed", "Removed")} ${e?.succeeded ?? 0} ${_("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${_("sessions.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set()), setTimeout(() => k(null), 3e3);
+			} catch (e) {
+				k(`${_("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : _("sessions.failedRemove", "Failed to remove sessions")}`), setTimeout(() => k(null), 5e3);
+			} finally {
+				M(!1);
+			}
+		}
+	}, [
+		A,
+		gn,
+		_
+	]), Rn = (e) => {
+		rt(`/sessions/${e.id}`);
+	}, zn = () => {
+		D(null), T(!0);
+	}, Bn = async () => {
+		let e = wt.current?.value?.trim(), t = Ot, n = At, r = N, i = Tt.current?.value?.trim(), ee = Et.current?.checked ?? !1;
+		if (!e) {
+			D(_("sessions.nameRequired", "Name is required"));
+			return;
+		}
+		let te = Y.find((e) => e.id === t)?.agentId || n;
+		if (!te) {
+			D(_("sessions.agentRequired", "Please select an agent for this session."));
+			return;
+		}
+		let a = wn.get(te);
+		if (a && !a.healthy) {
+			D(_("sessions.agentNotHealthy", "The selected agent isn’t fully reachable right now. Please wait for the agent badge to turn green and retry.") + (a.error ? ` (${a.error})` : ""));
+			return;
+		}
+		St(!0), D(null);
+		try {
+			let n = Dt.current?.value?.trim() || void 0, a = await Jt({ variables: { input: {
+				name: e,
+				type: r || "TMUX",
+				command: i || void 0,
+				vibeId: t || void 0,
+				agentId: te,
+				autoStart: ee,
+				externalSessionName: n
+			} } });
+			T(!1), k(_("sessions.createdSuccess", "Session created successfully")), setTimeout(() => k(null), 3e3), C === "terminal" && a.data?.createSession && Q({
+				id: a.data.createSession.id,
+				workspaceId: a.data.createSession.workspaceId,
+				vibeId: a.data.createSession.vibeId || null,
+				agentId: a.data.createSession.agentId || null,
+				name: a.data.createSession.name,
+				type: a.data.createSession.type,
+				status: a.data.createSession.status,
+				command: a.data.createSession.command || null,
+				workingDirectory: a.data.createSession.workingDirectory || null,
+				environmentVariables: a.data.createSession.environmentVariables || {},
+				autoStart: a.data.createSession.autoStart,
+				providerSessionName: a.data.createSession.providerSessionName || void 0,
+				providerWindowName: a.data.createSession.providerWindowId || void 0,
+				pid: a.data.createSession.pid || null,
+				exitCode: a.data.createSession.exitCode || null,
+				lastOutput: a.data.createSession.lastOutput || null,
+				ttydUrl: a.data.createSession.ttydUrl || null,
+				metadata: a.data.createSession.metadata || {},
+				createdAt: a.data.createSession.createdAt,
+				updatedAt: a.data.createSession.updatedAt
+			});
+		} catch (e) {
+			if (o(e)) {
+				T(!1), E(!0);
+				return;
+			}
+			D(e instanceof Error ? e.message : _("sessions.failedCreate", "Failed to create session"));
+		} finally {
+			St(!1);
+		}
+	}, Vn = async (e) => {
+		try {
+			await on({ variables: { id: e.id } }), nt?.({
+				id: e.id,
+				name: e.name,
+				type: e.type,
+				status: "RUNNING"
+			});
+		} catch (e) {
+			if (o(e)) {
+				E(!0);
+				return;
+			}
+			console.error("Failed to start session:", e);
+		}
+	}, Hn = async (e) => {
+		try {
+			await sn({ variables: { id: e.id } });
+		} catch (e) {
+			console.error("Failed to stop session:", e);
+		}
+	}, Un = async (e) => {
+		try {
+			await cn({ variables: { id: e.id } });
+		} catch (e) {
+			if (o(e)) {
+				E(!0);
+				return;
+			}
+			console.error("Failed to restart session:", e);
+		}
+	}, Wn = async (e) => {
+		try {
+			await fn({ variables: { id: e.id } });
+		} catch (e) {
+			console.error("Failed to terminate session:", e);
+		}
+	}, Gn = l((e) => e.ttydUrl || null, []), Kn = l((e) => {
+		Ut(e);
+	}, []), Q = l(async (e) => {
+		if (F.find((t) => t.sessionId === e.id)?.terminalUrl) {
+			R(e.id), z(!1);
+			return;
+		}
+		let t = Gn(e);
+		if (t) {
+			let n = {
+				sessionId: e.id,
+				name: e.name,
+				terminalUrl: t,
+				loading: !1,
+				error: null
+			};
+			I((t) => [...t.filter((t) => t.sessionId !== e.id), n]), R(e.id), z(!1);
+			return;
+		}
+		let n = {
+			sessionId: e.id,
+			name: e.name,
+			terminalUrl: null,
+			loading: !0,
+			error: null
+		};
+		I((t) => [...t.filter((t) => t.sessionId !== e.id), n]), R(e.id), z(!1);
+		try {
+			let t = await W({ variables: { id: e.id } });
+			if (t.error && o(t.error)) {
+				let t = F.filter((t) => t.sessionId !== e.id);
+				I(t), L === e.id && R(t.length > 0 ? t[t.length - 1].sessionId : null), E(!0);
+				return;
+			}
+			let n = $e(t.data?.startSessionTerminal?.ttydUrl || null, X.find((t) => t.id === e.id)?.agent?.tunnelUrl ?? null);
+			I((t) => t.map((t) => t.sessionId === e.id ? {
+				...t,
+				terminalUrl: n,
+				loading: !1,
+				error: n ? null : _("sessions.terminalStartedNoTunnelUrl", "Terminal started but no tunnel URL was returned. Try restarting.")
+			} : t));
+		} catch (t) {
+			if (o(t)) {
+				let t = F.filter((t) => t.sessionId !== e.id);
+				I(t), L === e.id && R(t.length > 0 ? t[t.length - 1].sessionId : null), E(!0);
+				return;
+			}
+			let n = t instanceof Error ? t.message : _("sessions.failedStartTerminal", "Failed to start terminal");
+			I((t) => t.map((t) => t.sessionId === e.id ? {
+				...t,
+				loading: !1,
+				error: n
+			} : t));
+		}
+	}, [
+		L,
+		F,
+		Gn,
+		W
+	]);
+	u(() => {
+		if (!B || !L || F.some((e) => e.sessionId === L)) return;
+		let e = X.find((e) => e.id === L);
+		e && Q(e);
+	}, [
+		L,
+		Q,
+		X,
+		F,
+		B
+	]);
+	let qn = l((e) => {
+		I((t) => t.filter((t) => t.sessionId !== e)), L === e && R(() => {
+			let t = F.filter((t) => t.sessionId !== e);
+			return t.length > 0 ? t[t.length - 1].sessionId : null;
+		});
+	}, [L, F]), Jn = l((e) => {
+		let t = F.find((t) => t.sessionId === e);
+		t?.terminalUrl && window.open(t.terminalUrl, "_blank");
+	}, [F]), Yn = l(async (e, t) => {
+		try {
+			await dn({ variables: {
+				id: e,
+				input: { name: t }
+			} }), I((n) => n.map((n) => n.sessionId === e ? {
+				...n,
+				name: t
+			} : n));
+		} catch (e) {
+			console.error("Failed to rename session:", e);
+		}
+	}, [dn]), Xn = l(async (e) => {
+		try {
+			await ln({ variables: { id: e } }), I((t) => t.map((t) => t.sessionId === e ? {
+				...t,
+				terminalUrl: null,
+				error: _("sessions.terminalStopped", "Terminal stopped")
+			} : t));
+		} catch (e) {
+			console.error("Failed to stop terminal:", e);
+		}
+	}, [ln]), Zn = l(async (e) => {
+		let t = F.find((t) => t.sessionId === e) || null;
+		try {
+			I((t) => t.map((t) => t.sessionId === e ? {
+				...t,
+				loading: !0,
+				error: null,
+				terminalUrl: null
+			} : t));
+			let n = await un({ variables: { id: e } });
+			if (n.error && o(n.error)) {
+				I((n) => n.map((n) => n.sessionId === e ? {
+					...n,
+					loading: !1,
+					error: null,
+					terminalUrl: t?.terminalUrl ?? n.terminalUrl
+				} : n)), E(!0);
+				return;
+			}
+			let r = n.data?.restartSessionTerminal?.ttydUrl || null;
+			I((t) => t.map((t) => t.sessionId === e ? {
+				...t,
+				terminalUrl: r,
+				loading: !1,
+				error: r ? null : _("sessions.terminalRestartedNoUrl", "Terminal restarted but no URL returned.")
+			} : t));
+		} catch (n) {
+			if (o(n)) {
+				I((n) => n.map((n) => n.sessionId === e ? {
+					...n,
+					loading: !1,
+					error: null,
+					terminalUrl: t?.terminalUrl ?? n.terminalUrl
+				} : n)), E(!0);
+				return;
+			}
+			let r = n instanceof Error ? n.message : _("sessions.failedRestartTerminal", "Failed to restart terminal");
+			I((t) => t.map((t) => t.sessionId === e ? {
+				...t,
+				loading: !1,
+				error: r
+			} : t));
+		}
+	}, [un, F]), Qn = l(() => {
+		Gt((e) => !e);
+	}, []), $ = {
+		total: X.length,
+		running: X.filter((e) => e.status === "RUNNING").length,
+		stopped: X.filter((e) => e.status === "STOPPED").length
+	};
+	if (!at && ot && ot.permissionStrings?.length > 0 && !dt) return /* @__PURE__ */ m(g, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: /* @__PURE__ */ m(Xe, {
+			title: _("common.accessDeniedTitle", "Access Denied"),
+			description: _("sessions.accessDeniedDescription", "You don't have permission to view sessions."),
+			details: _("sessions.requiredPermission", "Required permission: session:list")
+		})
+	});
+	if (K && !yn && X.length === 0) return /* @__PURE__ */ m(g, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: /* @__PURE__ */ m(_e, { message: _("sessions.loading", "Loading sessions...") })
+	});
+	if (bn && X.length === 0) return /* @__PURE__ */ m(g, {
+		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
+		children: /* @__PURE__ */ m(ve, {
+			title: _("sessions.failedLoad", "Failed to load sessions"),
+			message: bn.message,
+			onRetry: () => q()
+		})
+	});
+	let $n = () => !Pn || C === "terminal" ? null : /* @__PURE__ */ h("div", {
+		className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-2 bg-action-primary-bg/10 border border-action-primary-bg/20 rounded-lg",
+		children: [/* @__PURE__ */ m("span", {
+			className: "text-sm font-medium text-text-primary",
+			children: _(A.size === 1 ? "sessions.selectionCountSingle" : "sessions.selectionCountPlural", A.size === 1 ? "{{count}} session selected" : "{{count}} sessions selected", { count: A.size })
+		}), /* @__PURE__ */ h("div", {
+			className: "flex items-center gap-1.5 sm:ml-auto flex-wrap",
+			children: [
+				/* @__PURE__ */ h("button", {
+					onClick: Fn,
+					disabled: Ct,
+					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-sunken transition-colors disabled:opacity-50",
+					children: [
+						/* @__PURE__ */ m(Ve, { className: "w-3 h-3" }),
+						" ",
+						_("sessions.stop", "Stop")
+					]
+				}),
+				/* @__PURE__ */ h("button", {
+					onClick: In,
+					disabled: Ct,
+					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-sunken transition-colors disabled:opacity-50",
+					children: [
+						/* @__PURE__ */ m(Be, { className: "w-3 h-3" }),
+						" ",
+						_("sessions.restart", "Restart")
+					]
+				}),
+				/* @__PURE__ */ h("button", {
+					onClick: Ln,
+					disabled: Ct,
+					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-status-error-text bg-status-error-bg border border-status-error-text/20 rounded-md hover:bg-status-error-bg/80 transition-colors disabled:opacity-50",
+					children: [
+						/* @__PURE__ */ m(Ue, { className: "w-3 h-3" }),
+						" ",
+						_("sessions.remove", "Remove")
+					]
+				}),
+				/* @__PURE__ */ h("button", {
+					onClick: Mn,
+					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
+					children: [
+						/* @__PURE__ */ m(We, { className: "w-3 h-3" }),
+						" ",
+						_("sessions.deselect", "Deselect")
+					]
+				})
+			]
+		})]
+	});
+	if (C === "terminal") return /* @__PURE__ */ h(g, {
+		className: "flex flex-col bg-bg-surface h-screen",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 px-4 py-2 border-b border-border-default bg-bg-sunken",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex flex-wrap items-center gap-3",
+					children: [/* @__PURE__ */ m("h1", {
+						className: "text-sm font-semibold text-text-primary",
+						children: _("nav.sessions", "Sessions")
+					}), /* @__PURE__ */ m("span", {
+						className: "text-xs text-text-muted",
+						children: _("sessions.runningSummary", "{{running}} running / {{total}} total", {
+							running: $.running,
+							total: $.total
+						})
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "flex w-full flex-wrap items-center gap-2 sm:w-auto sm:justify-end",
+					children: [
+						/* @__PURE__ */ m("button", {
+							onClick: () => pn().then(() => q()),
+							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors",
+							title: _("sessions.checkHealth", "Check session health"),
+							children: /* @__PURE__ */ m(Me, { className: "w-3.5 h-3.5" })
+						}),
+						/* @__PURE__ */ m("button", {
+							onClick: () => q(),
+							disabled: K,
+							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors disabled:opacity-50",
+							title: _("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ m(ze, { className: `w-3.5 h-3.5 ${K ? "animate-spin" : ""}` })
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-0.5 rounded bg-bg-surface p-0.5",
+							children: [
+								/* @__PURE__ */ m("button", {
+									onClick: () => w("terminal"),
+									className: "p-1.5 rounded bg-bg-sunken shadow-sm",
+									title: _("sessions.terminalViewTitle", "Terminal view"),
+									children: /* @__PURE__ */ m(Ie, { className: "w-3.5 h-3.5 text-text-secondary" })
+								}),
+								/* @__PURE__ */ m("button", {
+									onClick: () => w("grid"),
+									className: "p-1.5 rounded hover:bg-bg-sunken/50",
+									title: _("sessions.gridViewTitle", "Grid view"),
+									children: /* @__PURE__ */ m(Pe, { className: "w-3.5 h-3.5 text-text-secondary" })
+								}),
+								/* @__PURE__ */ m("button", {
+									onClick: () => w("list"),
+									className: "p-1.5 rounded hover:bg-bg-sunken/50",
+									title: _("sessions.listViewTitle", "List view"),
+									children: /* @__PURE__ */ m(Fe, { className: "w-3.5 h-3.5 text-text-secondary" })
+								})
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "px-4 pt-3",
+				children: /* @__PURE__ */ m(Te, {
+					showConnectionStatus: !0,
+					maxVisible: 3
+				})
+			}),
+			/* @__PURE__ */ m(ke, {
+				tabs: F,
+				activeTabId: L,
+				onTabSelect: R,
+				onTabClose: qn,
+				onOpenExternal: Jn,
+				collapsed: !1,
+				sessions: Z,
+				onOpenTerminal: Q,
+				onRetryTerminal: Q,
+				onRenameSession: Yn,
+				onStopTerminal: Xn,
+				onRestartTerminal: Zn,
+				onCreateSession: zn,
+				fullScreen: !0,
+				isImmersiveFullscreen: Wt,
+				onToggleImmersiveFullscreen: Qn,
+				contextSwitcher: void 0
+			}),
+			O && /* @__PURE__ */ m("div", {
+				className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm",
+				children: O
+			}),
+			vt && tr(),
+			er()
+		]
+	});
+	return /* @__PURE__ */ h(g, {
+		className: "flex flex-col bg-bg-surface min-h-screen",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex-1 overflow-y-auto space-y-6 p-4 sm:p-6",
+				children: [
+					/* @__PURE__ */ m(ge, {
+						title: _("nav.sessions", "Sessions"),
+						description: _("sessions.pageDescription", "{{running}} of {{total}} sessions running", {
+							running: $.running,
+							total: $.total
+						}),
+						actions: /* @__PURE__ */ h("div", {
+							className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
+							children: [
+								/* @__PURE__ */ m("button", {
+									onClick: () => pn().then(() => q()),
+									className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+									title: _("sessions.checkHealth", "Check session health"),
+									children: /* @__PURE__ */ m(Me, { className: "w-4 h-4" })
+								}),
+								/* @__PURE__ */ m("button", {
+									onClick: () => q(),
+									disabled: K,
+									className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
+									title: _("sessions.refreshTitle", "Refresh sessions"),
+									children: /* @__PURE__ */ m(ze, { className: `w-4 h-4 ${K ? "animate-spin" : ""}` })
+								}),
+								/* @__PURE__ */ m(Ze, {
+									permission: Ee.SESSION_CREATE,
+									children: /* @__PURE__ */ h("button", {
+										onClick: () => Xt(!0),
+										className: "flex items-center gap-2 px-3 py-2 text-text-primary border border-border-default rounded-md hover:bg-bg-sunken transition-colors",
+										"data-testid": "sessions-reconnect-button",
+										title: _("sessions.reconnectTooltip", "Reconnect orphan tmux/wezterm/zellij sessions left over from a previous agent run"),
+										children: [/* @__PURE__ */ m(ze, { className: "w-4 h-4" }), _("sessions.reconnect", "Reconnect")]
+									})
+								}),
+								/* @__PURE__ */ m(Ze, {
+									permission: Ee.SESSION_CREATE,
+									children: /* @__PURE__ */ h("button", {
+										onClick: zn,
+										className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+										children: [/* @__PURE__ */ m(Re, { className: "w-4 h-4" }), _("sessions.newSession", "New Session")]
+									})
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ m(Te, {
+						showConnectionStatus: !0,
+						maxVisible: 3
+					}),
+					/* @__PURE__ */ h("div", {
+						"data-tour": "sessions-filters",
+						className: "space-y-3",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
+							children: [/* @__PURE__ */ m(Se, {
+								value: v,
+								onChange: pt,
+								placeholder: _("sessions.searchPlaceholder", "Search sessions..."),
+								className: "flex-1 sm:w-64 sm:flex-none"
+							}), /* @__PURE__ */ h("div", {
+								className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
+								children: [
+									/* @__PURE__ */ m("button", {
+										onClick: () => w("terminal"),
+										className: "p-1.5 sm:p-2 rounded hover:bg-bg-surface/50",
+										title: _("sessions.terminalViewTitle", "Terminal view"),
+										children: /* @__PURE__ */ m(Ie, { className: "w-4 h-4 text-text-secondary" })
+									}),
+									/* @__PURE__ */ m("button", {
+										onClick: () => w("grid"),
+										className: `p-1.5 sm:p-2 rounded ${C === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+										title: _("sessions.gridViewTitle", "Grid view"),
+										children: /* @__PURE__ */ m(Pe, { className: "w-4 h-4 text-text-secondary" })
+									}),
+									/* @__PURE__ */ m("button", {
+										onClick: () => w("list"),
+										className: `p-1.5 sm:p-2 rounded ${C === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+										title: _("sessions.listViewTitle", "List view"),
+										children: /* @__PURE__ */ m(Fe, { className: "w-4 h-4 text-text-secondary" })
+									})
+								]
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 sm:gap-3 flex-wrap",
+							children: [
+								/* @__PURE__ */ m(s, {
+									label: _("sessions.filterStatus", "Status"),
+									value: y,
+									options: lt,
+									onChange: mt
+								}),
+								/* @__PURE__ */ m(s, {
+									label: _("sessions.filterType", "Type"),
+									value: b,
+									options: ut,
+									onChange: ht
+								}),
+								/* @__PURE__ */ m(s, {
+									label: _("sessions.filterVibe", "Vibe"),
+									value: x,
+									options: Tn,
+									onChange: gt
+								}),
+								/* @__PURE__ */ m(s, {
+									label: _("sessions.filterAgent", "Agent"),
+									value: S,
+									options: En,
+									onChange: _t
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex flex-col sm:flex-row items-start sm:items-center gap-2 flex-wrap",
+						children: [
+							/* @__PURE__ */ h("button", {
+								onClick: () => mt("RUNNING"),
+								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${y === "RUNNING" ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
+								children: [
+									/* @__PURE__ */ m(Le, { className: "w-3 h-3" }),
+									" ",
+									_("sessions.running", "Running"),
+									" (",
+									$.running,
+									")"
+								]
+							}),
+							/* @__PURE__ */ h("button", {
+								onClick: () => mt("STOPPED"),
+								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${y === "STOPPED" ? "bg-bg-sunken text-text-secondary" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
+								children: [
+									/* @__PURE__ */ m(Ve, { className: "w-3 h-3" }),
+									" ",
+									_("sessions.stoppedState", "Stopped"),
+									" (",
+									$.stopped,
+									")"
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "sm:ml-auto flex items-center gap-2",
+								children: Z.length > 0 && /* @__PURE__ */ h("button", {
+									onClick: Nn ? Mn : jn,
+									className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
+									children: [/* @__PURE__ */ m(Ne, { className: "w-3.5 h-3.5" }), Nn ? _("sessions.deselectAll", "Deselect All") : _("sessions.selectAll", "Select All")]
+								})
+							})
+						]
+					}),
+					$n(),
+					v || y !== "all" || b !== "all" || x !== "all" || S !== "all" ? /* @__PURE__ */ h("p", {
+						className: "text-sm text-text-secondary",
+						children: [
+							_("sessions.showing", "Showing"),
+							" ",
+							Z.length,
+							" ",
+							_("sessions.of", "of"),
+							" ",
+							X.length,
+							" ",
+							_("nav.sessions", "sessions"),
+							K && /* @__PURE__ */ h("span", {
+								className: "ml-2 text-text-muted",
+								children: [
+									"(",
+									_("sessions.refreshing", "refreshing..."),
+									")"
+								]
+							})
+						]
+					}) : null,
+					/* @__PURE__ */ m(qe, {
+						mode: "wait",
+						children: Z.length > 0 ? C === "grid" ? /* @__PURE__ */ m(Ye, {
+							stagger: .04,
+							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+							children: Z.map((e) => /* @__PURE__ */ m(Je, { children: /* @__PURE__ */ m(De, {
+								session: e,
+								onOpen: Rn,
+								onStart: Vn,
+								onStop: Hn,
+								onRestart: Un,
+								onOpenTerminal: Q,
+								onShare: Kn,
+								selected: A.has(e.id),
+								onToggleSelect: () => An(e.id)
+							}) }, e.id))
+						}, "grid-view") : /* @__PURE__ */ m(Je, { children: /* @__PURE__ */ m(Oe, {
+							sessions: Z,
+							onOpen: Rn,
+							onStart: Vn,
+							onStop: Hn,
+							onRestart: Un,
+							onTerminate: Wn,
+							onOpenTerminal: Q,
+							onShare: Kn,
+							selectedIds: A,
+							onToggleSelect: An,
+							onSelectAll: jn,
+							onDeselectAll: Mn
+						}) }, "list-view") : /* @__PURE__ */ h("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ m(Ce, {
+								variant: "compact",
+								dismissKey: "vibecontrols-sessions-setup-banner"
+							}), /* @__PURE__ */ m(xe, {
+								icon: /* @__PURE__ */ m(He, { className: "w-8 h-8 text-text-secondary" }),
+								title: v || y !== "all" || b !== "all" || x !== "all" || S !== "all" ? _("sessions.emptyFound", "No sessions found") : _("sessions.emptyConfigured", "No sessions configured"),
+								description: v || y !== "all" || b !== "all" || x !== "all" || S !== "all" ? _("sessions.emptyAdjustSearch", "Try adjusting your search or filters") : _("sessions.emptyDescription", "Sessions require an active agent. Install the CLI agent first, then start a session."),
+								action: !v && y === "all" && b === "all" && x === "all" && S === "all" ? /* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2",
+									children: [ft && /* @__PURE__ */ h("button", {
+										onClick: zn,
+										className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+										children: [
+											/* @__PURE__ */ m(Re, { className: "w-4 h-4" }),
+											" ",
+											_("sessions.newSession", "New Session")
+										]
+									}), /* @__PURE__ */ m(we, { prompt: "What is a Session in VibeControls and how do I start one?" })]
+								}) : void 0
+							})]
+						})
+					}),
+					O && /* @__PURE__ */ m("div", {
+						className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm",
+						children: O
+					})
+				]
+			}),
+			F.length > 0 && /* @__PURE__ */ m(ke, {
+				tabs: F,
+				activeTabId: L,
+				onTabSelect: R,
+				onTabClose: qn,
+				onOpenExternal: Jn,
+				onToggleCollapse: () => z((e) => !e),
+				collapsed: Vt,
+				sessions: Z,
+				onOpenTerminal: Q,
+				onRetryTerminal: Q,
+				onRenameSession: Yn,
+				onStopTerminal: Xn,
+				onRestartTerminal: Zn,
+				heightClass: "h-[280px] sm:h-[380px]",
+				isImmersiveFullscreen: Wt,
+				onToggleImmersiveFullscreen: Qn,
+				contextSwitcher: void 0
+			}),
+			vt && tr(),
+			er(),
+			Ht && /* @__PURE__ */ m(Ae, {
+				session: Ht,
+				isOpen: !!Ht,
+				onClose: () => Ut(null)
+			}),
+			/* @__PURE__ */ m(ye, {
+				isOpen: yt,
+				onClose: () => E(!1),
+				onConfirm: () => {
+					E(!1), rt("/billing");
+				},
+				title: be("session").title,
+				message: be("session").message,
+				confirmLabel: "View Billing",
+				cancelLabel: "Dismiss",
+				variant: "warning"
+			})
+		]
+	});
+	function er() {
+		if (!Yt) return null;
+		let e = nn?.agentSessionOrphans ?? [];
+		return /* @__PURE__ */ m("div", {
+			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+			"data-testid": "sessions-reconnect-modal",
+			children: /* @__PURE__ */ h("div", {
+				className: "bg-bg-surface rounded-lg p-6 w-full max-w-2xl max-h-[80vh] overflow-y-auto",
+				children: [
+					/* @__PURE__ */ m("h2", {
+						className: "text-lg font-semibold text-text-primary mb-1",
+						children: _("sessions.reconnectTitle", "Reconnect orphan sessions")
+					}),
+					/* @__PURE__ */ m("p", {
+						className: "text-sm text-text-secondary mb-4",
+						children: _("sessions.reconnectDesc", "Pick an agent to scan its host for tmux / wezterm / zellij sessions named vibe-* that are not currently tracked. Adopt one to start a web terminal and bring it back into the UI.")
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: _("sessions.agent", "Agent")
+							}), /* @__PURE__ */ m(c, {
+								options: On,
+								value: H,
+								onChange: (e) => {
+									Zt(e), U(null), e && tn({ variables: { agentId: e } });
+								},
+								placeholder: _("sessions.selectAgent", "Select an agent"),
+								searchPlaceholder: _("sessions.searchAgents", "Search agents..."),
+								clearable: !0
+							})] }),
+							Qt && /* @__PURE__ */ m("div", {
+								className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
+								"data-testid": "sessions-reconnect-error",
+								children: Qt
+							}),
+							H && /* @__PURE__ */ m("div", {
+								"data-testid": "sessions-reconnect-list",
+								className: "space-y-2",
+								children: rn ? /* @__PURE__ */ m("div", {
+									className: "text-sm text-text-secondary",
+									children: _("sessions.scanningHost", "Scanning host...")
+								}) : e.length === 0 ? /* @__PURE__ */ m("div", {
+									className: "text-sm text-text-secondary",
+									children: _("sessions.noOrphans", "No orphan vibe-* sessions found on this agent.")
+								}) : e.map((e) => /* @__PURE__ */ h("div", {
+									className: "flex items-center justify-between gap-3 p-3 border border-border-default rounded-md bg-bg-sunken/40",
+									"data-testid": "sessions-reconnect-row",
+									children: [/* @__PURE__ */ h("div", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ m("div", {
+											className: "font-mono text-sm text-text-primary break-all",
+											children: e.externalName
+										}), /* @__PURE__ */ h("div", {
+											className: "text-xs text-text-tertiary mt-0.5",
+											children: [
+												e.provider,
+												" · ",
+												e.windows,
+												" window",
+												e.windows === 1 ? "" : "s",
+												e.attached ? " · attached" : "",
+												e.createdAt ? ` · created ${e.createdAt}` : ""
+											]
+										})]
+									}), /* @__PURE__ */ m("button", {
+										type: "button",
+										disabled: $t === e.externalName,
+										onClick: async () => {
+											en(e.externalName), U(null);
+											try {
+												await an({ variables: {
+													agentId: H,
+													externalName: e.externalName,
+													name: e.externalName
+												} }), await tn({ variables: { agentId: H } });
+											} catch (e) {
+												U(e instanceof Error ? e.message : String(e));
+											} finally {
+												en(null);
+											}
+										},
+										className: "shrink-0 px-3 py-1.5 text-xs bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+										"data-testid": `sessions-reconnect-adopt-${e.externalName}`,
+										children: $t === e.externalName ? _("sessions.adopting", "Adopting…") : _("sessions.adopt", "Adopt")
+									})]
+								}, e.externalName))
+							})
+						]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-end gap-3 mt-6",
+						children: /* @__PURE__ */ m("button", {
+							onClick: () => {
+								Xt(!1), U(null);
+							},
+							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
+							children: _("common.close", "Close")
+						})
+					})
+				]
+			})
+		});
+	}
+	function tr() {
+		return /* @__PURE__ */ m("div", {
+			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+			children: /* @__PURE__ */ h("div", {
+				className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
+				children: [
+					/* @__PURE__ */ m("h2", {
+						className: "text-lg font-semibold text-text-primary mb-4",
+						children: _("sessions.newSession", "New Session")
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "space-y-4",
+						children: [
+							bt && /* @__PURE__ */ m("div", {
+								className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
+								children: bt
+							}),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: _("sessions.name", "Name")
+							}), /* @__PURE__ */ m("input", {
+								ref: wt,
+								type: "text",
+								placeholder: _("sessions.namePlaceholder", "dev-server"),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: _("sessions.filterVibe", "Vibe")
+							}), /* @__PURE__ */ m(c, {
+								options: Dn,
+								value: Ot,
+								onChange: kt,
+								placeholder: _("sessions.noVibe", "No vibe"),
+								searchPlaceholder: _("sessions.searchVibes", "Search vibes..."),
+								clearable: !0
+							})] }),
+							/* @__PURE__ */ h("div", { children: [
+								/* @__PURE__ */ m("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: _("sessions.filterAgent", "Agent")
+								}),
+								/* @__PURE__ */ m(c, {
+									options: On,
+									value: At,
+									onChange: jt,
+									placeholder: _("sessions.selectAgent", "Select an agent"),
+									searchPlaceholder: _("sessions.searchAgents", "Search agents..."),
+									clearable: !0
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: _("sessions.agentHint", "Required when no vibe is selected. Overridden by the vibe's agent if a vibe is chosen.")
+								})
+							] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: _("sessions.filterType", "Type")
+							}), /* @__PURE__ */ m(c, {
+								options: kn,
+								value: N,
+								onChange: Mt,
+								placeholder: _("sessions.selectType", "Select type"),
+								searchPlaceholder: _("sessions.searchTypes", "Search types...")
+							})] }),
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: _("sessions.command", "Command")
+							}), /* @__PURE__ */ m("input", {
+								ref: Tt,
+								type: "text",
+								placeholder: _("sessions.commandPlaceholder", "bun run dev"),
+								className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder"
+							})] }),
+							/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ m("input", {
+									ref: Et,
+									type: "checkbox",
+									id: "autoStart",
+									className: "w-4 h-4 rounded border-border-default"
+								}), /* @__PURE__ */ m("label", {
+									htmlFor: "autoStart",
+									className: "text-sm text-text-primary",
+									children: _("sessions.autoStartWithVibe", "Auto-start with vibe")
+								})]
+							}),
+							(N === "TMUX" || N === "WEZTERM" || N === "ZELLIJ") && /* @__PURE__ */ h("div", {
+								className: "rounded-md border border-border-default bg-bg-sunken/40",
+								"data-testid": "sessions-create-advanced",
+								children: [/* @__PURE__ */ h("button", {
+									type: "button",
+									onClick: () => Pt((e) => !e),
+									className: "w-full flex items-center justify-between px-3 py-2 text-sm font-medium text-text-primary",
+									"aria-expanded": Nt,
+									children: [/* @__PURE__ */ m("span", { children: _("sessions.advanced", "Advanced options") }), /* @__PURE__ */ m("span", {
+										className: "text-text-tertiary text-xs",
+										children: Nt ? "▾" : "▸"
+									})]
+								}), Nt && /* @__PURE__ */ h("div", {
+									className: "px-3 pb-3 space-y-2",
+									children: [
+										/* @__PURE__ */ m("label", {
+											className: "block text-xs font-medium text-text-secondary",
+											children: _("sessions.attachExistingLabel", "Attach to existing session (optional)")
+										}),
+										/* @__PURE__ */ m("input", {
+											ref: Dt,
+											type: "text",
+											"data-testid": "sessions-create-external-name",
+											placeholder: N === "WEZTERM" ? "e.g. vibe-051c9c62 (existing wezterm workspace)" : N === "ZELLIJ" ? "e.g. vibe-051c9c62 (existing zellij session)" : "e.g. vibe-051c9c62 (existing tmux session)",
+											className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder font-mono"
+										}),
+										/* @__PURE__ */ m("p", {
+											className: "text-xs text-text-tertiary",
+											children: _("sessions.attachExistingHint", "When set, the agent attaches to that existing session instead of creating a new one. Leave blank to spawn fresh.")
+										})
+									]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "flex justify-end gap-3 mt-6",
+						children: [/* @__PURE__ */ m("button", {
+							onClick: () => T(!1),
+							disabled: xt,
+							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
+							children: _("common.cancel", "Cancel")
+						}), /* @__PURE__ */ m("button", {
+							onClick: Bn,
+							disabled: xt,
+							className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+							children: xt ? _("sessions.creating", "Creating...") : _("sessions.createSession", "Create Session")
+						})]
+					})
+				]
+			})
+		});
+	}
+}
+//#endregion
+export { tt as SessionsPage };
+
+//# sourceMappingURL=SessionsPage.js.map