@burdenoff/microfe-vibecontrols 2026.608.2 → 2026.608.4

package/dist/pages/SessionDetailsPage.js

@@ -1,29 +1,30 @@
-import { useCollaboratorJoinedSubscription as e, useCollaboratorLeftSubscription as t, useGetSessionQuery as n, useJoinSharedSessionMutation as r, useMintAgentCapabilityMutation as i, useReleaseSessionControlMutation as a, useRequestSessionControlMutation as ee, useRestartSessionMutation as te, useRestartSessionTerminalMutation as ne, useSessionControlChangedSubscription as re, useStartSessionMutation as ie, useStartSessionTerminalMutation as ae, useStopSessionMutation as oe, useUpdateSessionMutation as se } from "../generated/wspace-operations.js";
-import { ConfirmDialog as ce } from "../components/shared/ConfirmDialog.js";
-import { getQuotaDialogContent as le, isQuotaExhaustedError as o, markQuotaHandledLocally as s } from "../utils/quotaUtils.js";
-import { useVibeControls as ue, useVibeNavigate as de } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as fe } from "../store/vibeControlsStore.js";
-import { PageHeader as pe } from "../components/shared/PageHeader.js";
-import { ErrorState as me } from "../components/shared/ErrorState.js";
-import { AgentCapabilityScope as he, CollaboratorRole as ge, SessionSharePermission as _e } from "../generated/wspace-types.js";
-import { EntityTagPicker as ve } from "../components/shared/EntityTagPicker.js";
-import { EmptyState as ye } from "../components/shared/EmptyState.js";
-import { StatusBadge as c } from "../components/shared/StatusBadge.js";
-import { Card as l } from "../components/shared/Card.js";
+import { useCollaboratorJoinedSubscription as e, useCollaboratorLeftSubscription as t, useGetSessionQuery as n, useJoinSharedSessionMutation as r, useMintAgentCapabilityMutation as ee, useReleaseSessionControlMutation as i, useRequestSessionControlMutation as te, useRestartSessionMutation as ne, useRestartSessionTerminalMutation as re, useSessionControlChangedSubscription as ie, useStartSessionMutation as ae, useStartSessionTerminalMutation as oe, useStopSessionMutation as se, useUpdateSessionMutation as ce } from "../generated/wspace-operations.js";
+import { ConfirmDialog as le } from "../components/shared/ConfirmDialog.js";
+import { getQuotaDialogContent as ue, isQuotaExhaustedError as a, markQuotaHandledLocally as o } from "../utils/quotaUtils.js";
+import { useVibeControls as de, useVibeNavigate as fe } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as pe } from "../store/vibeControlsStore.js";
+import { PageHeader as me } from "../components/shared/PageHeader.js";
+import { ErrorState as he } from "../components/shared/ErrorState.js";
+import { AgentCapabilityScope as ge, CollaboratorRole as _e, SessionSharePermission as ve } from "../generated/wspace-types.js";
+import { EntityTagPicker as ye } from "../components/shared/EntityTagPicker.js";
+import { EmptyState as be } from "../components/shared/EmptyState.js";
+import { StatusBadge as s } from "../components/shared/StatusBadge.js";
+import { Card as c } from "../components/shared/Card.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as be } from "../constants/permissions.js";
-import { PageSkeleton as xe } from "../components/shared/PageSkeleton.js";
-import { ConnectionLogPanel as Se } from "../components/agents/ConnectionLogPanel.js";
-import { SharedTerminalPanel as Ce } from "../components/sessions/SharedTerminalPanel.js";
-import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
-import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as m, ArrowLeft as h, Check as Te, ChevronDown as Ee, ChevronUp as De, Clock as Oe, Code as ke, ExternalLink as Ae, Folder as je, Hash as Me, Loader2 as g, Maximize2 as Ne, Minimize2 as Pe, Pencil as Fe, Play as Ie, RefreshCw as Le, RotateCcw as Re, Server as ze, Square as Be, Tag as Ve, Terminal as _, Variable as He, X as Ue, Zap as We } from "lucide-react";
-import { useParams as Ge } from "react-router-dom";
-import { usePermissions as Ke } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { MotionItem as x, MotionList as qe, MotionPage as S } from "@burdenoff/fe-libs/shared/motion";
+import { VIBE_PERMISSIONS as xe } from "../constants/permissions.js";
+import { PageSkeleton as Se } from "../components/shared/PageSkeleton.js";
+import { ConnectionLogPanel as Ce } from "../components/agents/ConnectionLogPanel.js";
+import { SharedTerminalPanel as we } from "../components/sessions/SharedTerminalPanel.js";
+import { SessionWorkbenchDrawer as Te } from "../components/sessions/SessionWorkbenchDrawer.js";
+import { useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
+import { useI18n as Ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as p, ArrowLeft as m, Check as De, ChevronDown as Oe, ChevronUp as ke, Clock as Ae, Code as je, ExternalLink as Me, Folder as Ne, Hash as Pe, Loader2 as h, Maximize2 as Fe, Minimize2 as Ie, PanelRightOpen as Le, Pencil as Re, Play as ze, RefreshCw as Be, RotateCcw as Ve, Server as He, Square as Ue, Tag as We, Terminal as g, Variable as Ge, X as Ke, Zap as qe } from "lucide-react";
+import { useParams as Je } from "react-router-dom";
+import { usePermissions as Ye } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { MotionItem as b, MotionList as Xe, MotionPage as x } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/SessionDetailsPage.tsx
-function Je(e) {
+function Ze(e) {
 	let t = e.ttydUrl;
 	if (!t) return null;
 	try {
@@ -33,278 +34,285 @@ function Je(e) {
 		return t;
 	}
 }
-var Ye = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function Xe(e) {
+var Qe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function $e(e) {
 	if (!e) return "Never";
 	let t = Date.now() - new Date(e).getTime();
 	return t < 6e4 ? "Just now" : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : new Date(e).toLocaleDateString();
 }
-function Ze() {
-	let { t: Ze } = we(), C = u((e, t, n) => {
-		let r = Ze(e, n);
-		return r === e ? n ? Object.entries(n).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${Ye(t)}\\}\\}`, "g"), () => String(n)), t) : t : r;
-	}, [Ze]), { id: w } = Ge(), { basePath: Qe, currentUser: $e } = ue(), et = Qe || "", T = $e?.id ?? "", E = de(), { hasPermission: tt, isLoading: nt, permissions: rt } = Ke(), [it] = ie({ refetchQueries: ["GetSession"] }), [at] = oe({ refetchQueries: ["GetSession"] }), [ot] = te({ refetchQueries: ["GetSession"] }), [st] = ae({ refetchQueries: ["GetSession"] }), [ct] = ne({ refetchQueries: ["GetSession"] }), [lt] = se({ refetchQueries: ["GetSession"] }), [ut, dt] = p(!1), [ft, pt] = p(""), [mt, ht] = p(""), [gt, _t] = p(!1), vt = () => {
-		pt(k?.command || ""), ht(k?.workingDirectory || ""), dt(!0);
-	}, yt = async () => {
-		if (k?.id) {
-			_t(!0);
+function S() {
+	let { t: S } = Ee(), C = l((e, t, n) => {
+		let r = S(e, n);
+		return r === e ? n ? Object.entries(n).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${Qe(t)}\\}\\}`, "g"), () => String(n)), t) : t : r;
+	}, [S]), { id: w } = Je(), { basePath: et, currentUser: tt } = de(), nt = et || "", T = tt?.id ?? "", E = fe(), { hasPermission: rt, isLoading: it, permissions: at } = Ye(), [ot] = ae({ refetchQueries: ["GetSession"] }), [st] = se({ refetchQueries: ["GetSession"] }), [ct] = ne({ refetchQueries: ["GetSession"] }), [lt] = oe({ refetchQueries: ["GetSession"] }), [ut] = re({ refetchQueries: ["GetSession"] }), [dt] = ce({ refetchQueries: ["GetSession"] }), [ft, pt] = f(!1), [mt, ht] = f(""), [gt, _t] = f(""), [D, vt] = f(!1), yt = () => {
+		ht(A?.command || ""), _t(A?.workingDirectory || ""), pt(!0);
+	}, bt = async () => {
+		if (A?.id) {
+			vt(!0);
 			try {
-				await lt({ variables: {
-					id: k.id,
+				await dt({ variables: {
+					id: A.id,
 					input: {
-						command: ft || null,
-						workingDirectory: mt || null
+						command: mt || null,
+						workingDirectory: gt || null
 					}
-				} }), dt(!1);
+				} }), pt(!1);
 			} finally {
-				_t(!1);
+				vt(!1);
 			}
 		}
-	}, { data: bt, loading: D, error: xt, refetch: O } = n({
+	}, { data: xt, loading: O, error: St, refetch: k } = n({
 		variables: { id: w || "" },
 		skip: !w,
 		fetchPolicy: "cache-and-network"
-	}), k = bt?.session, A = k?.agent || null, j = k?.vibe || null;
-	d(() => {
-		k && fe.setState({
-			activeAgentId: A?.id ?? null,
-			selectedAgentId: A?.id ?? null,
-			activeVibeId: j?.id ?? null,
-			selectedVibeId: j?.id ?? null,
-			activeSessionId: k.id,
-			selectedSessionId: k.id
+	}), A = xt?.session, j = A?.agent || null, M = A?.vibe || null;
+	u(() => {
+		A && pe.setState({
+			activeAgentId: j?.id ?? null,
+			selectedAgentId: j?.id ?? null,
+			activeVibeId: M?.id ?? null,
+			selectedVibeId: M?.id ?? null,
+			activeSessionId: A.id,
+			selectedSessionId: A.id
 		});
 	}, [
-		k?.id,
 		A?.id,
-		j?.id
+		j?.id,
+		M?.id
 	]);
-	let M = k?.context?.userId ?? null, St = !!M && !!T && M === T, Ct = k?.collaborators ?? [], N = Ct.find((e) => e.userId === T) ?? null, P = !!k && !St && (!!M || !!k?.myGrantRole || !!N), [wt] = r(), [Tt, { loading: Et }] = ee(), [Dt, { loading: Ot }] = a(), F = f(null);
-	d(() => {
-		let e = k?.id;
-		e && (!P || N || F.current !== e && (F.current = e, wt({ variables: { input: { sessionId: e } } }).then(() => {
-			O();
+	let N = A?.context?.userId ?? null, Ct = !!N && !!T && N === T, wt = A?.collaborators ?? [], P = wt.find((e) => e.userId === T) ?? null, F = !!A && !Ct && (!!N || !!A?.myGrantRole || !!P), [Tt] = r(), [Et, { loading: Dt }] = te(), [Ot, { loading: kt }] = i(), I = d(null);
+	u(() => {
+		let e = A?.id;
+		e && (!F || P || I.current !== e && (I.current = e, Tt({ variables: { input: { sessionId: e } } }).then(() => {
+			k();
 		}).catch((e) => {
-			F.current = null, console.warn("[sessionDetails] joinSharedSession(sessionId) failed", e);
+			I.current = null, console.warn("[sessionDetails] joinSharedSession(sessionId) failed", e);
 		})));
 	}, [
-		k?.id,
+		A?.id,
+		F,
 		P,
-		N,
-		wt,
-		O
+		Tt,
+		k
 	]);
-	let { data: kt } = e({
-		variables: { sessionId: k?.id ?? "" },
-		skip: !k?.id || !P
-	}), { data: At } = t({
-		variables: { sessionId: k?.id ?? "" },
-		skip: !k?.id || !P
-	}), { data: jt } = re({
-		variables: { sessionId: k?.id ?? "" },
-		skip: !k?.id || !P
+	let { data: At } = e({
+		variables: { sessionId: A?.id ?? "" },
+		skip: !A?.id || !F
+	}), { data: jt } = t({
+		variables: { sessionId: A?.id ?? "" },
+		skip: !A?.id || !F
+	}), { data: Mt } = ie({
+		variables: { sessionId: A?.id ?? "" },
+		skip: !A?.id || !F
 	});
-	d(() => {
-		(kt || At || jt) && O();
+	u(() => {
+		(At || jt || Mt) && k();
 	}, [
-		kt,
 		At,
 		jt,
-		O
+		Mt,
+		k
 	]);
-	let Mt = N?.role === ge.Viewer ? _e.View : _e.Interact, Nt = u(async () => {
-		if (k?.id) try {
-			await Tt({ variables: { sessionId: k.id } }), await O();
+	let Nt = P?.role === _e.Viewer ? ve.View : ve.Interact, Pt = l(async () => {
+		if (A?.id) try {
+			await Et({ variables: { sessionId: A.id } }), await k();
 		} catch (e) {
 			console.error("Failed to request control:", e);
 		}
 	}, [
-		k?.id,
-		Tt,
-		O
-	]), Pt = u(async () => {
-		if (k?.id) try {
-			await Dt({ variables: { sessionId: k.id } }), await O();
+		A?.id,
+		Et,
+		k
+	]), Ft = l(async () => {
+		if (A?.id) try {
+			await Ot({ variables: { sessionId: A.id } }), await k();
 		} catch (e) {
 			console.error("Failed to release control:", e);
 		}
 	}, [
-		k?.id,
-		Dt,
-		O
-	]), [I, L] = p(!0), [Ft, It] = p(!1), [R, Lt] = p(!1), [Rt, z] = p(null), [zt, B] = p(!1), [Bt, V] = p(!1), [H, U] = p(null), W = f(null), Vt = f(null), Ht = f(!1), G = f(!1), K = k ? Je(k) : null, [Ut] = i(), [Wt, q] = p(null), [J, Y] = p(null), [Gt, Kt] = p(!1), [qt, Jt] = p(0), Yt = u(() => Jt((e) => e + 1), []), Xt = A?.id ?? null, Zt = k?.id ?? null;
-	d(() => {
+		A?.id,
+		Ot,
+		k
+	]), [It, L] = f(!1);
+	u(() => {
+		let e = (e) => {
+			(e.metaKey || e.ctrlKey) && (e.key === "j" || e.key === "J") ? (e.preventDefault(), L((e) => !e)) : e.key === "Escape" && L(!1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, []);
+	let [R, z] = f(!0), [B, Lt] = f(!1), [V, Rt] = f(!1), [H, U] = f(null), [zt, W] = f(!1), [Bt, Vt] = f(!1), [Ht, G] = f(null), K = d(null), Ut = d(null), Wt = d(!1), Gt = d(!1), q = A ? Ze(A) : null, [Kt] = ee(), [qt, J] = f(null), [Jt, Y] = f(null), [Yt, Xt] = f(!1), [Zt, Qt] = f(0), $t = l(() => Qt((e) => e + 1), []), en = j?.id ?? null, tn = A?.id ?? null;
+	u(() => {
 		let e = !1;
-		if (!K || !Xt || !Zt) {
-			q(null), Y(null);
+		if (!q || !en || !tn) {
+			J(null), Y(null);
 			return;
 		}
-		return Kt(!0), Y(null), Ut({ variables: {
-			agentId: Xt,
+		return Xt(!0), Y(null), Kt({ variables: {
+			agentId: en,
 			profile: "default",
-			scope: he.TerminalSession,
-			resourceId: Zt,
+			scope: ge.TerminalSession,
+			resourceId: tn,
 			ttlSeconds: 60
 		} }).then((t) => {
 			if (e) return;
 			let n = t.data?.mintAgentCapability?.token ?? null;
-			n ? q(n) : (Y("Failed to mint terminal capability"), q(null));
+			n ? J(n) : (Y("Failed to mint terminal capability"), J(null));
 		}).catch((t) => {
-			e || (Y(t instanceof Error ? t.message : "Failed to mint terminal capability"), q(null));
+			e || (Y(t instanceof Error ? t.message : "Failed to mint terminal capability"), J(null));
 		}).finally(() => {
-			e || Kt(!1);
+			e || Xt(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [
-		K,
-		Xt,
+		q,
+		en,
+		tn,
 		Zt,
-		qt,
-		Ut
+		Kt
 	]);
-	let X = K && Wt ? `${K}#vt=${encodeURIComponent(Wt)}` : null, Z = () => {
+	let X = q && qt ? `${q}#vt=${encodeURIComponent(qt)}` : null, Z = () => {
 		E("/sessions");
-	}, Qt = async () => {
-		if (k?.id) try {
-			await it({ variables: { id: k.id } });
+	}, nn = async () => {
+		if (A?.id) try {
+			await ot({ variables: { id: A.id } });
 		} catch (e) {
-			if (o(e)) {
-				s(), B(!0);
+			if (a(e)) {
+				o(), W(!0);
 				return;
 			}
 			console.error("Failed to start session:", e);
 		}
-	}, $t = async () => {
-		if (k?.id) try {
-			await at({ variables: { id: k.id } });
+	}, rn = async () => {
+		if (A?.id) try {
+			await st({ variables: { id: A.id } });
 		} catch (e) {
 			console.error("Failed to stop session:", e);
 		}
-	}, en = async () => {
-		if (k?.id) try {
-			await ot({ variables: { id: k.id } });
+	}, an = async () => {
+		if (A?.id) try {
+			await ct({ variables: { id: A.id } });
 		} catch (e) {
-			if (o(e)) {
-				s(), B(!0);
+			if (a(e)) {
+				o(), W(!0);
 				return;
 			}
 			console.error("Failed to restart session:", e);
 		}
-	}, Q = u(() => {
+	}, Q = l(() => {
 		requestAnimationFrame(() => {
-			Vt.current?.scrollIntoView({
+			Ut.current?.scrollIntoView({
 				behavior: "smooth",
 				block: "end"
 			});
 		});
-	}, []), $ = u(async (e, t, n) => {
-		let r = k?.id;
+	}, []), $ = l(async (e, t, n) => {
+		let r = A?.id;
 		if (!r) return;
-		Lt(!0), z(null);
-		let i = !1;
+		Rt(!0), U(null);
+		let ee = !1;
 		try {
-			let a = await e(r);
-			a.error && o(a.error) ? (s(), B(!0)) : a.error ? z(a.error.message) : !a.data || !a.data[t] ? z(n) : (L(!0), i = !0);
+			let i = await e(r);
+			i.error && a(i.error) ? (o(), W(!0)) : i.error ? U(i.error.message) : !i.data || !i.data[t] ? U(n) : (z(!0), ee = !0);
 		} catch (e) {
-			if (o(e)) {
-				s(), B(!0);
+			if (a(e)) {
+				o(), W(!0);
 				return;
 			}
-			z(e instanceof Error ? e.message : n);
+			U(e instanceof Error ? e.message : n);
 		} finally {
-			Lt(!1), i && Q();
+			Rt(!1), ee && Q();
 		}
-	}, [k?.id, Q]), tn = u(() => $((e) => st({ variables: { id: e } }), "startSessionTerminal", "Failed to start terminal"), [st, $]), nn = u(() => $((e) => ct({ variables: { id: e } }), "restartSessionTerminal", "Failed to restart terminal"), [ct, $]);
-	d(() => {
-		if (!Ht.current) {
-			Ht.current = !0, G.current = I;
+	}, [A?.id, Q]), on = l(() => $((e) => lt({ variables: { id: e } }), "startSessionTerminal", "Failed to start terminal"), [lt, $]), sn = l(() => $((e) => ut({ variables: { id: e } }), "restartSessionTerminal", "Failed to restart terminal"), [ut, $]);
+	u(() => {
+		if (!Wt.current) {
+			Wt.current = !0, Gt.current = R;
 			return;
 		}
-		let e = I && !G.current;
-		G.current = I, e && Q();
-	}, [I, Q]);
-	let rn = k?.id ?? null, an = f(null);
-	d(() => {
-		let e = k?.status ?? null, t = k?.exitCode ?? null;
-		if (rn !== an.current) {
-			an.current = rn, W.current = e, U(null);
+		let e = R && !Gt.current;
+		Gt.current = R, e && Q();
+	}, [R, Q]);
+	let cn = A?.id ?? null, ln = d(null);
+	u(() => {
+		let e = A?.status ?? null, t = A?.exitCode ?? null;
+		if (cn !== ln.current) {
+			ln.current = cn, K.current = e, G(null);
 			return;
 		}
 		if (e === "RUNNING" || e === "STARTING") {
-			U(null), W.current = e;
+			G(null), K.current = e;
 			return;
 		}
-		let n = W.current;
-		e === "STOPPED" && (n === "RUNNING" || n === "STARTING") && I ? U({ exitCode: t }) : e === "STOPPED" && I && t !== null && U((e) => e && e.exitCode === null ? { exitCode: t } : e), W.current = e;
+		let n = K.current;
+		e === "STOPPED" && (n === "RUNNING" || n === "STARTING") && R ? G({ exitCode: t }) : e === "STOPPED" && R && t !== null && G((e) => e && e.exitCode === null ? { exitCode: t } : e), K.current = e;
 	}, [
-		rn,
-		k?.status,
-		k?.exitCode,
-		I
+		cn,
+		A?.status,
+		A?.exitCode,
+		R
 	]);
-	let on = u(() => {
+	let un = l(() => {
 		X && window.open(X, "_blank");
 	}, [X]);
-	if (nt) return /* @__PURE__ */ y("div", {
+	if (it) return /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ y("p", {
+		children: /* @__PURE__ */ v("p", {
 			className: "text-text-secondary",
 			children: C("sessionDetails.loadingPermissions", "Loading permissions...")
 		})
 	});
-	if (rt && (rt.permissionStrings?.length ?? 0) > 0 && !tt(be.SESSION_READ)) return /* @__PURE__ */ y("div", {
+	if (at && (at.permissionStrings?.length ?? 0) > 0 && !rt(xe.SESSION_READ)) return /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ y("h2", {
+			children: [/* @__PURE__ */ v("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: C("sessionDetails.accessDenied", "Access Denied")
-			}), /* @__PURE__ */ y("p", {
+			}), /* @__PURE__ */ v("p", {
 				className: "text-sm text-text-secondary",
 				children: C("sessionDetails.accessDeniedDesc", "You don't have permission to access this page.")
 			})]
 		})
 	});
-	let sn = () => {
-		A && E(`/agents/${A.id}`);
-	}, cn = () => {
-		j && E(`/vibes/${j.id}`);
+	let dn = () => {
+		j && E(`/agents/${j.id}`);
+	}, fn = () => {
+		M && E(`/vibes/${M.id}`);
 	};
-	if (D && !k) return /* @__PURE__ */ b(S, {
+	if (O && !A) return /* @__PURE__ */ y(x, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ b("button", {
+		children: [/* @__PURE__ */ y("button", {
 			type: "button",
 			onClick: Z,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ y(h, { className: "size-4" }), C("sessionDetails.backToSessions", "Back to Sessions")]
-		}), /* @__PURE__ */ y(xe, { variant: "detail" })]
+			children: [/* @__PURE__ */ v(m, { className: "size-4" }), C("sessionDetails.backToSessions", "Back to Sessions")]
+		}), /* @__PURE__ */ v(Se, { variant: "detail" })]
 	});
-	if (xt && !k) return /* @__PURE__ */ b(S, {
+	if (St && !A) return /* @__PURE__ */ y(x, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ b("button", {
+		children: [/* @__PURE__ */ y("button", {
 			type: "button",
 			onClick: Z,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ y(h, { className: "size-4" }), "Back to Sessions"]
-		}), /* @__PURE__ */ y(me, {
+			children: [/* @__PURE__ */ v(m, { className: "size-4" }), "Back to Sessions"]
+		}), /* @__PURE__ */ v(he, {
 			title: C("sessionDetails.failedLoad", "Failed to load session"),
-			message: xt.message,
-			onRetry: () => O()
+			message: St.message,
+			onRetry: () => k()
 		})]
 	});
-	if (!k) return /* @__PURE__ */ b(S, {
+	if (!A) return /* @__PURE__ */ y(x, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: [/* @__PURE__ */ b("button", {
+		children: [/* @__PURE__ */ y("button", {
 			type: "button",
 			onClick: Z,
 			className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-			children: [/* @__PURE__ */ y(h, { className: "size-4" }), "Back to Sessions"]
-		}), /* @__PURE__ */ y(ye, {
-			icon: /* @__PURE__ */ y(_, { className: "size-8 text-text-secondary" }),
+			children: [/* @__PURE__ */ v(m, { className: "size-4" }), "Back to Sessions"]
+		}), /* @__PURE__ */ v(be, {
+			icon: /* @__PURE__ */ v(g, { className: "size-8 text-text-secondary" }),
 			title: C("sessionDetails.notFound", "Session not found"),
 			description: `${C("sessionDetails.notFoundDescPrefix", "No session with ID")} "${w}" ${C("sessionDetails.notFoundDescSuffix", "exists")}`,
-			action: /* @__PURE__ */ y("button", {
+			action: /* @__PURE__ */ v("button", {
 				type: "button",
 				onClick: Z,
 				className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
@@ -312,233 +320,240 @@ function Ze() {
 			})
 		})]
 	});
-	let ln = k.status === "RUNNING", un = Ft ? "h-[calc(100vh-200px)]" : "h-[280px] sm:h-[420px]";
-	return /* @__PURE__ */ b(S, {
+	let pn = A.status === "RUNNING", mn = B ? "h-[calc(100vh-200px)]" : "h-[280px] sm:h-[420px]";
+	return /* @__PURE__ */ y(x, {
 		className: "flex flex-col bg-bg-surface min-h-screen",
 		children: [
-			/* @__PURE__ */ b("div", {
-				className: `flex-1 overflow-y-auto space-y-6 p-4 sm:p-6 ${I && X ? "pb-2" : ""}`,
+			/* @__PURE__ */ y("div", {
+				className: `flex-1 overflow-y-auto space-y-6 p-4 sm:p-6 ${R && X ? "pb-2" : ""}`,
 				children: [
-					/* @__PURE__ */ b("button", {
+					/* @__PURE__ */ y("button", {
 						type: "button",
 						onClick: Z,
 						className: "flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-						children: [/* @__PURE__ */ y(h, { className: "size-4" }), "Back to Sessions"]
+						children: [/* @__PURE__ */ v(m, { className: "size-4" }), "Back to Sessions"]
 					}),
-					/* @__PURE__ */ y(pe, {
-						title: k.name,
-						description: k.command || "No command specified",
+					/* @__PURE__ */ v(me, {
+						title: A.name,
+						description: A.command || "No command specified",
 						breadcrumb: [{
 							label: "Sessions",
-							path: et ? `${et}/sessions` : "/sessions"
-						}, { label: k.name }],
-						actions: /* @__PURE__ */ b("div", {
+							path: nt ? `${nt}/sessions` : "/sessions"
+						}, { label: A.name }],
+						actions: /* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2 flex-wrap",
 							children: [
-								/* @__PURE__ */ y("button", {
+								/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => O(),
-									disabled: D,
+									onClick: () => k(),
+									disabled: O,
 									className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors disabled:opacity-50",
 									title: "Refresh",
-									children: /* @__PURE__ */ y(Le, { className: `size-4 ${D ? "animate-spin" : ""}` })
+									children: /* @__PURE__ */ v(Be, { className: `size-4 ${O ? "animate-spin" : ""}` })
 								}),
-								ln ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => L((e) => !e),
+									className: `flex items-center gap-2 px-3 py-2 rounded-md transition-colors ${It ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"}`,
+									title: C("sessionDetails.workbenchTitle", "Notes, prompts & history for this session (Cmd/Ctrl+J)"),
+									children: [/* @__PURE__ */ v(Le, { className: "size-4" }), C("sessionDetails.workbench", "Workbench")]
+								}),
+								pn ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: $t,
+									onClick: rn,
 									className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
-									children: [/* @__PURE__ */ y(Be, { className: "size-4" }), C("sessionDetails.stopCommand", "Stop Command")]
-								}), /* @__PURE__ */ b("button", {
+									children: [/* @__PURE__ */ v(Ue, { className: "size-4" }), C("sessionDetails.stopCommand", "Stop Command")]
+								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: en,
+									onClick: an,
 									className: "flex items-center gap-2 px-3 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken/80 transition-colors",
-									children: [/* @__PURE__ */ y(Re, { className: "size-4" }), C("sessionDetails.restartCommand", "Restart Command")]
-								})] }) : /* @__PURE__ */ b("button", {
+									children: [/* @__PURE__ */ v(Ve, { className: "size-4" }), C("sessionDetails.restartCommand", "Restart Command")]
+								})] }) : /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: Qt,
+									onClick: nn,
 									className: "flex items-center gap-2 px-3 py-2 bg-status-success-bg text-status-success-text rounded-md hover:opacity-80 transition-colors",
-									children: [/* @__PURE__ */ y(Ie, { className: "size-4" }), C("sessionDetails.runCommand", "Run Command")]
+									children: [/* @__PURE__ */ v(ze, { className: "size-4" }), C("sessionDetails.runCommand", "Run Command")]
 								}),
-								X ? /* @__PURE__ */ b(v, { children: [
-									/* @__PURE__ */ b("button", {
+								X ? /* @__PURE__ */ y(_, { children: [
+									/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => L((e) => !e),
-										className: `flex items-center gap-2 px-3 py-2 rounded-md transition-colors ${I ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"}`,
-										title: I ? C("sessionDetails.hideTerminal", "Hide terminal") : C("sessionDetails.showTerminal", "Show terminal"),
-										children: [/* @__PURE__ */ y(_, { className: "size-4" }), C("sessionDetails.terminal", "Terminal")]
+										onClick: () => z((e) => !e),
+										className: `flex items-center gap-2 px-3 py-2 rounded-md transition-colors ${R ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"}`,
+										title: R ? C("sessionDetails.hideTerminal", "Hide terminal") : C("sessionDetails.showTerminal", "Show terminal"),
+										children: [/* @__PURE__ */ v(g, { className: "size-4" }), C("sessionDetails.terminal", "Terminal")]
 									}),
-									/* @__PURE__ */ b("button", {
+									/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => V(!0),
-										disabled: R,
+										onClick: () => Vt(!0),
+										disabled: V,
 										className: "flex items-center gap-1.5 p-2 bg-bg-sunken text-text-secondary rounded-md hover:text-text-primary hover:bg-bg-sunken/80 transition-colors disabled:opacity-50",
 										title: C("sessionDetails.restartTerminalTitle", "Restart terminal — kills the tmux session and re-runs the command"),
-										children: [R ? /* @__PURE__ */ y(g, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ y(Re, { className: "size-3.5" }), /* @__PURE__ */ y("span", {
+										children: [V ? /* @__PURE__ */ v(h, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ v(Ve, { className: "size-3.5" }), /* @__PURE__ */ v("span", {
 											className: "text-xs",
 											children: C("sessionDetails.restartTerminalShort", "Restart")
 										})]
 									}),
-									/* @__PURE__ */ y("button", {
+									/* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: on,
+										onClick: un,
 										className: "flex items-center p-2 bg-bg-sunken text-text-secondary rounded-md hover:text-text-primary hover:bg-bg-sunken/80 transition-colors",
 										title: C("sessionDetails.openInNewTab", "Open terminal in new tab"),
-										children: /* @__PURE__ */ y(Ae, { className: "size-4" })
+										children: /* @__PURE__ */ v(Me, { className: "size-4" })
 									})
-								] }) : /* @__PURE__ */ b("button", {
+								] }) : /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: tn,
-									disabled: R || !A,
+									onClick: on,
+									disabled: V || !j,
 									className: "flex items-center gap-2 px-3 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-									title: A ? A.tunnelUrl ? C("sessionDetails.openTerminal", "Open terminal") : C("sessionDetails.agentNoTunnelUrl", "Agent has no tunnel URL configured") : C("sessionDetails.noAgentAssigned", "No agent assigned"),
-									children: [R ? /* @__PURE__ */ y(g, { className: "size-4 animate-spin" }) : /* @__PURE__ */ y(_, { className: "size-4" }), C("sessionDetails.openTerminal", "Open Terminal")]
+									title: j ? j.tunnelUrl ? C("sessionDetails.openTerminal", "Open terminal") : C("sessionDetails.agentNoTunnelUrl", "Agent has no tunnel URL configured") : C("sessionDetails.noAgentAssigned", "No agent assigned"),
+									children: [V ? /* @__PURE__ */ v(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ v(g, { className: "size-4" }), C("sessionDetails.openTerminal", "Open Terminal")]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ b(qe, {
+					/* @__PURE__ */ y(Xe, {
 						stagger: .04,
 						className: "grid grid-cols-2 sm:grid-cols-4 gap-4",
 						children: [
-							/* @__PURE__ */ y(x, { children: /* @__PURE__ */ y(l, {
+							/* @__PURE__ */ v(b, { children: /* @__PURE__ */ v(c, {
 								className: "p-4",
-								children: /* @__PURE__ */ b("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ y(_, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										children: /* @__PURE__ */ v(g, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: C("sessionDetails.statusLabel", "Status")
-									}), /* @__PURE__ */ y(c, {
-										status: k.status,
+									}), /* @__PURE__ */ v(s, {
+										status: A.status,
 										size: "md"
 									})] })]
 								})
 							}) }),
-							/* @__PURE__ */ y(x, { children: /* @__PURE__ */ y(l, {
+							/* @__PURE__ */ v(b, { children: /* @__PURE__ */ v(c, {
 								className: "p-4",
-								children: /* @__PURE__ */ b("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ y(ke, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										children: /* @__PURE__ */ v(je, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: C("sessionDetails.typeLabel", "Type")
-									}), /* @__PURE__ */ y("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "font-semibold text-text-primary",
-										children: k.type
+										children: A.type
 									})] })]
 								})
 							}) }),
-							/* @__PURE__ */ y(x, { children: /* @__PURE__ */ y(l, {
+							/* @__PURE__ */ v(b, { children: /* @__PURE__ */ v(c, {
 								className: "p-4",
-								children: /* @__PURE__ */ b("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ y(Me, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										children: /* @__PURE__ */ v(Pe, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: C("sessionDetails.pidLabel", "PID")
-									}), /* @__PURE__ */ y("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "font-semibold text-text-primary",
-										children: k.pid || "N/A"
+										children: A.pid || "N/A"
 									})] })]
 								})
 							}) }),
-							/* @__PURE__ */ y(x, { children: /* @__PURE__ */ y(l, {
+							/* @__PURE__ */ v(b, { children: /* @__PURE__ */ v(c, {
 								className: "p-4",
-								children: /* @__PURE__ */ b("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-										children: /* @__PURE__ */ y(ze, { className: "size-5 text-text-secondary" })
-									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										children: /* @__PURE__ */ v(He, { className: "size-5 text-text-secondary" })
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: C("sessionDetails.agentLabel", "Agent")
-									}), /* @__PURE__ */ y("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "font-semibold text-text-primary truncate",
-										children: A?.name || "Unknown"
+										children: j?.name || "Unknown"
 									})] })]
 								})
 							}) })
 						]
 					}),
-					/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ y("div", {
 						className: "p-4 border-b border-border-default flex items-center justify-between",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ y("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ y(ke, { className: "size-5" }), C("sessionDetails.commandTitle", "Command")]
-						}), !ut && /* @__PURE__ */ y("button", {
+							children: [/* @__PURE__ */ v(je, { className: "size-5" }), C("sessionDetails.commandTitle", "Command")]
+						}), !ft && /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: vt,
+							onClick: yt,
 							className: "p-1.5 rounded text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
 							title: C("sessionDetails.editCommandTitle", "Edit command and working directory"),
-							children: /* @__PURE__ */ y(Fe, { className: "size-4" })
+							children: /* @__PURE__ */ v(Re, { className: "size-4" })
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "p-4",
-						children: ut ? /* @__PURE__ */ b("div", {
+						children: ft ? /* @__PURE__ */ y("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									className: "block text-xs font-medium text-text-secondary mb-1",
 									children: C("sessionDetails.commandLabel", "Command")
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ v("input", {
 									"aria-label": "control",
 									type: "text",
-									value: ft,
-									onChange: (e) => pt(e.target.value),
+									value: mt,
+									onChange: (e) => ht(e.target.value),
 									placeholder: C("sessionDetails.commandPlaceholder", "bun run dev"),
 									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 focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono"
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 									className: "block text-xs font-medium text-text-secondary mb-1",
 									children: C("sessionDetails.workingDirLabel", "Working Directory")
-								}), /* @__PURE__ */ y("input", {
+								}), /* @__PURE__ */ v("input", {
 									"aria-label": "control",
 									type: "text",
-									value: mt,
-									onChange: (e) => ht(e.target.value),
+									value: gt,
+									onChange: (e) => _t(e.target.value),
 									placeholder: C("sessionDetails.workingDirPlaceholder", "/home/user/myproject"),
 									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 focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono"
 								})] }),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ b("button", {
+									children: [/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: yt,
-										disabled: gt,
+										onClick: bt,
+										disabled: D,
 										className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-										children: [gt ? /* @__PURE__ */ y(g, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ y(Te, { className: "size-3.5" }), C("sessionDetails.save", "Save")]
-									}), /* @__PURE__ */ b("button", {
+										children: [D ? /* @__PURE__ */ v(h, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ v(De, { className: "size-3.5" }), C("sessionDetails.save", "Save")]
+									}), /* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => dt(!1),
-										disabled: gt,
+										onClick: () => pt(!1),
+										disabled: D,
 										className: "flex items-center gap-1.5 px-3 py-1.5 text-sm bg-bg-sunken text-text-primary rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50",
-										children: [/* @__PURE__ */ y(Ue, { className: "size-3.5" }), C("sessionDetails.cancel", "Cancel")]
+										children: [/* @__PURE__ */ v(Ke, { className: "size-3.5" }), C("sessionDetails.cancel", "Cancel")]
 									})]
 								})
 							]
-						}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
 							className: "bg-bg-sunken rounded-md p-3 font-mono text-sm text-text-primary overflow-x-auto",
 							children: [
 								"$",
 								" ",
-								k.command || C("sessionDetails.noCommandSpecified", "No command specified")
+								A.command || C("sessionDetails.noCommandSpecified", "No command specified")
 							]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "mt-3 flex items-center gap-2 text-sm text-text-secondary",
 							children: [
-								/* @__PURE__ */ y(je, { className: "size-4" }),
+								/* @__PURE__ */ v(Ne, { className: "size-4" }),
 								C("sessionDetails.workingDirectory", "Working Directory"),
 								":",
 								" ",
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ v("span", {
 									className: "text-text-primary font-mono",
-									children: k.workingDirectory || /* @__PURE__ */ y("em", {
+									children: A.workingDirectory || /* @__PURE__ */ v("em", {
 										className: "not-italic text-text-placeholder",
 										children: C("sessionDetails.workingDirDefault", "not set — defaults to OS home")
 									})
@@ -546,17 +561,17 @@ function Ze() {
 							]
 						})] })
 					})] }),
-					/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ b("h3", {
+						children: /* @__PURE__ */ y("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ y(He, { className: "size-5" }), C("sessionDetails.envVars", "Environment Variables")]
+							children: [/* @__PURE__ */ v(Ge, { className: "size-5" }), C("sessionDetails.envVars", "Environment Variables")]
 						})
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "p-4",
-						children: k.environmentVariables && Object.keys(k.environmentVariables).length > 0 ? /* @__PURE__ */ y("div", {
+						children: A.environmentVariables && Object.keys(A.environmentVariables).length > 0 ? /* @__PURE__ */ v("div", {
 							className: "flex flex-wrap gap-2",
-							children: Object.entries(k.environmentVariables).map(([e, t]) => /* @__PURE__ */ b("span", {
+							children: Object.entries(A.environmentVariables).map(([e, t]) => /* @__PURE__ */ y("span", {
 								className: "px-3 py-1 bg-bg-sunken text-text-primary text-sm rounded-full font-mono",
 								children: [
 									e,
@@ -564,313 +579,313 @@ function Ze() {
 									String(t)
 								]
 							}, e))
-						}) : /* @__PURE__ */ y("p", {
+						}) : /* @__PURE__ */ v("p", {
 							className: "text-text-secondary",
 							children: C("sessionDetails.noEnvVars", "No environment variables configured")
 						})
 					})] }),
-					/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ b("h3", {
+						children: /* @__PURE__ */ y("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ y(_, { className: "size-5" }), C("sessionDetails.lastOutput", "Last Output")]
+							children: [/* @__PURE__ */ v(g, { className: "size-5" }), C("sessionDetails.lastOutput", "Last Output")]
 						})
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "p-4",
-						children: k.lastOutput ? /* @__PURE__ */ y("div", {
+						children: A.lastOutput ? /* @__PURE__ */ v("div", {
 							className: "bg-bg-sunken rounded-md p-3 font-mono text-sm text-text-primary overflow-x-auto whitespace-pre-wrap",
-							children: k.lastOutput
-						}) : /* @__PURE__ */ y("p", {
+							children: A.lastOutput
+						}) : /* @__PURE__ */ v("p", {
 							className: "text-text-secondary",
 							children: C("sessionDetails.noOutput", "No output captured")
 						})
 					})] }),
-					j && /* @__PURE__ */ y(l, {
-						onClick: cn,
+					M && /* @__PURE__ */ v(c, {
+						onClick: fn,
 						hoverable: !0,
-						children: /* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ y("div", {
 							className: "p-4 flex items-center justify-between",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-									children: /* @__PURE__ */ y(We, { className: "size-5 text-text-secondary" })
-								}), /* @__PURE__ */ b("div", { children: [
-									/* @__PURE__ */ y("p", {
+									children: /* @__PURE__ */ v(qe, { className: "size-5 text-text-secondary" })
+								}), /* @__PURE__ */ y("div", { children: [
+									/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: C("sessionDetails.relatedVibe", "Related Vibe")
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: j.name
+										children: M.name
 									}),
-									j.path && /* @__PURE__ */ y("p", {
+									M.path && /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary truncate max-w-md",
-										children: j.path
+										children: M.path
 									})
 								] })]
-							}), /* @__PURE__ */ y(c, { status: j.status })]
+							}), /* @__PURE__ */ v(s, { status: M.status })]
 						})
 					}),
-					A && /* @__PURE__ */ y(l, {
-						onClick: sn,
+					j && /* @__PURE__ */ v(c, {
+						onClick: dn,
 						hoverable: !0,
-						children: /* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ y("div", {
 							className: "p-4 flex items-center justify-between",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "size-10 rounded-lg bg-bg-sunken flex items-center justify-center",
-									children: /* @__PURE__ */ y(ze, { className: "size-5 text-text-secondary" })
-								}), /* @__PURE__ */ b("div", { children: [
-									/* @__PURE__ */ y("p", {
+									children: /* @__PURE__ */ v(He, { className: "size-5 text-text-secondary" })
+								}), /* @__PURE__ */ y("div", { children: [
+									/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: C("sessionDetails.runningOnAgent", "Running on Agent")
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: A.name
+										children: j.name
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
-										children: A.hostname
+										children: j.hostname
 									})
 								] })]
-							}), /* @__PURE__ */ y(c, { status: A.isActive ? "ACTIVE" : "OFFLINE" })]
+							}), /* @__PURE__ */ v(s, { status: j.isActive ? "ACTIVE" : "OFFLINE" })]
 						})
 					}),
-					/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ b("h3", {
+						children: /* @__PURE__ */ y("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ y(Oe, { className: "size-5" }), C("sessionDetails.timeline", "Timeline")]
+							children: [/* @__PURE__ */ v(Ae, { className: "size-5" }), C("sessionDetails.timeline", "Timeline")]
 						})
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "p-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-4 text-sm",
 							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-text-secondary",
 									children: C("sessionDetails.autoStart", "Auto Start")
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "font-medium text-text-primary",
-									children: k.autoStart ? C("sessionDetails.yes", "Yes") : C("sessionDetails.no", "No")
+									children: A.autoStart ? C("sessionDetails.yes", "Yes") : C("sessionDetails.no", "No")
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-text-secondary",
 									children: C("sessionDetails.created", "Created")
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "font-medium text-text-primary",
-									children: Xe(k.createdAt)
+									children: $e(A.createdAt)
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 									className: "text-text-secondary",
 									children: C("sessionDetails.updated", "Updated")
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "font-medium text-text-primary",
-									children: Xe(k.updatedAt)
+									children: $e(A.updatedAt)
 								})] })
 							]
-						}), k.exitCode !== null && k.exitCode !== void 0 && /* @__PURE__ */ b("div", {
+						}), A.exitCode !== null && A.exitCode !== void 0 && /* @__PURE__ */ y("div", {
 							className: "mt-4 pt-4 border-t border-border-default",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: C("sessionDetails.exitCode", "Exit Code")
-							}), /* @__PURE__ */ y("p", {
-								className: `font-medium ${k.exitCode === 0 ? "text-status-success-text" : "text-status-error-text"}`,
-								children: k.exitCode
+							}), /* @__PURE__ */ v("p", {
+								className: `font-medium ${A.exitCode === 0 ? "text-status-success-text" : "text-status-error-text"}`,
+								children: A.exitCode
 							})]
 						})]
 					})] }),
-					/* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ v("div", {
 						className: "p-4 border-b border-border-default",
-						children: /* @__PURE__ */ b("h3", {
+						children: /* @__PURE__ */ y("h3", {
 							className: "font-semibold text-text-primary flex items-center gap-2",
-							children: [/* @__PURE__ */ y(Ve, { className: "size-5" }), C("sessionDetails.tags", "Tags")]
+							children: [/* @__PURE__ */ v(We, { className: "size-5" }), C("sessionDetails.tags", "Tags")]
 						})
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ y(ve, {
+						children: /* @__PURE__ */ v(ye, {
 							entityType: "VIBECONTROLS_SESSION",
-							entityId: k.id
+							entityId: A.id
 						})
 					})] }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						id: "connection-log",
 						className: "scroll-mt-20",
-						children: /* @__PURE__ */ y(l, {
+						children: /* @__PURE__ */ v(c, {
 							className: "min-h-[40vh]",
-							children: /* @__PURE__ */ y(Se, {
-								sessionId: k.id,
-								sessionName: k.name
+							children: /* @__PURE__ */ v(Ce, {
+								sessionId: A.id,
+								sessionName: A.name
 							})
 						})
 					})
 				]
 			}),
-			I && /* @__PURE__ */ b("div", {
-				ref: Vt,
+			R && /* @__PURE__ */ y("div", {
+				ref: Ut,
 				className: "border-t border-border-default bg-bg-surface shrink-0",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center bg-bg-sunken border-b border-border-default",
 						children: [
-							/* @__PURE__ */ b("button", {
+							/* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => L(!1),
+								onClick: () => z(!1),
 								className: "flex items-center gap-1.5 px-3 py-2 text-text-secondary hover:text-text-primary transition-colors text-xs font-medium uppercase tracking-wide",
 								title: C("sessionDetails.collapseTerminal", "Collapse terminal"),
 								children: [
-									/* @__PURE__ */ y(_, { className: "size-3.5" }),
+									/* @__PURE__ */ v(g, { className: "size-3.5" }),
 									C("sessionDetails.terminal", "Terminal"),
-									/* @__PURE__ */ y(Ee, { className: "size-3" })
+									/* @__PURE__ */ v(Oe, { className: "size-3" })
 								]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex items-center px-3 py-1.5 text-xs bg-bg-surface text-text-primary border-r border-border-subtle border-b-2 border-b-action-primary-bg",
-								children: [/* @__PURE__ */ y(_, { className: "size-3 mr-1.5" }), k.name]
+								children: [/* @__PURE__ */ v(g, { className: "size-3 mr-1.5" }), A.name]
 							}),
-							/* @__PURE__ */ y("div", { className: "flex-1" }),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ v("div", { className: "flex-1" }),
+							/* @__PURE__ */ y("div", {
 								className: "flex items-center gap-1 px-2",
-								children: [X && /* @__PURE__ */ y("button", {
+								children: [X && /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: on,
+									onClick: un,
 									className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
 									title: C("sessionDetails.openInNewTabShort", "Open in new tab"),
-									children: /* @__PURE__ */ y(Ae, { className: "size-3.5" })
-								}), /* @__PURE__ */ y("button", {
+									children: /* @__PURE__ */ v(Me, { className: "size-3.5" })
+								}), /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => It((e) => !e),
+									onClick: () => Lt((e) => !e),
 									className: "p-1 text-text-secondary hover:text-text-primary transition-colors",
-									title: Ft ? C("sessionDetails.restoreSize", "Restore size") : C("sessionDetails.maximize", "Maximize"),
-									children: y(Ft ? Pe : Ne, { className: "size-3.5" })
+									title: B ? C("sessionDetails.restoreSize", "Restore size") : C("sessionDetails.maximize", "Maximize"),
+									children: v(B ? Ie : Fe, { className: "size-3.5" })
 								})]
 							})
 						]
 					}),
-					H && /* @__PURE__ */ b("div", {
+					Ht && /* @__PURE__ */ y("div", {
 						role: "status",
 						className: "flex items-start justify-between gap-3 px-3 py-2 bg-status-warning-bg/30 text-status-warning-text border-b border-status-warning-bg/50 text-xs",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-2 flex-1",
-							children: [/* @__PURE__ */ y(m, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ y("span", { children: C("sessionDetails.commandExited", "Command exited{{code}} — click Run Command to run it again.", { code: H.exitCode === null ? "" : ` (exit ${H.exitCode})` }) })]
-						}), /* @__PURE__ */ y("button", {
+							children: [/* @__PURE__ */ v(p, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ v("span", { children: C("sessionDetails.commandExited", "Command exited{{code}} — click Run Command to run it again.", { code: Ht.exitCode === null ? "" : ` (exit ${Ht.exitCode})` }) })]
+						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => U(null),
+							onClick: () => G(null),
 							className: "text-text-secondary hover:text-text-primary",
 							title: C("common.dismiss", "Dismiss"),
-							children: /* @__PURE__ */ y(Ue, { className: "size-3.5" })
+							children: /* @__PURE__ */ v(Ke, { className: "size-3.5" })
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
-						className: `${un} bg-bg-inverse text-text-inverse`,
-						children: R ? /* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
+						className: `${mn} bg-bg-inverse text-text-inverse`,
+						children: V ? /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-center h-full",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "text-center",
 								children: [
-									/* @__PURE__ */ y(g, { className: "size-8 text-text-secondary animate-spin mx-auto mb-3" }),
-									/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ v(h, { className: "size-8 text-text-secondary animate-spin mx-auto mb-3" }),
+									/* @__PURE__ */ y("p", {
 										className: "text-text-secondary text-sm",
 										children: [
 											C("sessionDetails.startingTerminal", "Starting terminal for"),
 											" ",
-											k.name,
+											A.name,
 											"..."
 										]
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "text-text-tertiary text-xs mt-1",
 										children: C("sessionDetails.settingUpTunnel", "Setting up session + web terminal tunnel")
 									})
 								]
 							})
-						}) : Rt ? /* @__PURE__ */ y("div", {
+						}) : H ? /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-center h-full",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "text-center max-w-md",
 								children: [
-									/* @__PURE__ */ y(m, { className: "size-8 text-status-error-text mx-auto mb-3" }),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v(p, { className: "size-8 text-status-error-text mx-auto mb-3" }),
+									/* @__PURE__ */ v("p", {
 										className: "text-status-error-text text-sm font-medium",
 										children: C("sessionDetails.failedStartTerminal", "Failed to start terminal")
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "text-text-secondary text-xs mt-2",
-										children: Rt
+										children: H
 									}),
-									/* @__PURE__ */ y("button", {
+									/* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: tn,
+										onClick: on,
 										className: "mt-4 px-4 py-2 bg-bg-muted text-text-primary text-sm rounded-md hover:bg-bg-sunken transition-colors",
 										children: C("sessionDetails.retry", "Retry")
 									})
 								]
 							})
-						}) : X ? /* @__PURE__ */ y(Ce, {
-							isShared: P,
-							collaborators: Ct,
+						}) : X ? /* @__PURE__ */ v(we, {
+							isShared: F,
+							collaborators: wt,
 							currentUserId: T,
-							permission: Mt,
-							onRequestControl: Nt,
-							onReleaseControl: Pt,
-							isRequestingControl: Et,
-							isReleasingControl: Ot,
+							permission: Nt,
+							onRequestControl: Pt,
+							onReleaseControl: Ft,
+							isRequestingControl: Dt,
+							isReleasingControl: kt,
 							className: "h-full",
-							children: /* @__PURE__ */ y("iframe", {
+							children: /* @__PURE__ */ v("iframe", {
 								src: X,
-								title: `Terminal - ${k.name}`,
+								title: `Terminal - ${A.name}`,
 								className: "w-full h-full border-0",
 								allow: "clipboard-read; clipboard-write",
-								onError: Yt
+								onError: $t
 							})
-						}) : K && (Gt || J) ? /* @__PURE__ */ y("div", {
+						}) : q && (Yt || Jt) ? /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-center h-full",
-							children: /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ v("div", {
 								className: "text-center",
-								children: J ? /* @__PURE__ */ b(v, { children: [
-									/* @__PURE__ */ y(m, { className: "size-8 text-status-error mx-auto mb-3" }),
-									/* @__PURE__ */ y("p", {
+								children: Jt ? /* @__PURE__ */ y(_, { children: [
+									/* @__PURE__ */ v(p, { className: "size-8 text-status-error mx-auto mb-3" }),
+									/* @__PURE__ */ v("p", {
 										className: "text-text-secondary text-sm",
 										children: C("sessionDetails.terminalCapabilityFailed", "Could not prepare terminal access")
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "text-text-tertiary text-xs mt-1",
-										children: J
+										children: Jt
 									}),
-									/* @__PURE__ */ y("button", {
+									/* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: Yt,
+										onClick: $t,
 										className: "mt-4 px-4 py-2 bg-bg-muted text-text-primary text-sm rounded-md hover:bg-bg-sunken transition-colors",
 										children: C("sessionDetails.retry", "Retry")
 									})
-								] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(g, { className: "size-6 text-text-tertiary mx-auto mb-3 animate-spin" }), /* @__PURE__ */ y("p", {
+								] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, { className: "size-6 text-text-tertiary mx-auto mb-3 animate-spin" }), /* @__PURE__ */ v("p", {
 									className: "text-text-secondary text-sm",
 									children: C("sessionDetails.preparingTerminal", "Preparing terminal…")
 								})] })
 							})
-						}) : /* @__PURE__ */ y("div", {
+						}) : /* @__PURE__ */ v("div", {
 							className: "flex items-center justify-center h-full",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "text-center",
 								children: [
-									/* @__PURE__ */ y(_, { className: "size-8 text-text-tertiary mx-auto mb-3" }),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v(g, { className: "size-8 text-text-tertiary mx-auto mb-3" }),
+									/* @__PURE__ */ v("p", {
 										className: "text-text-secondary text-sm",
 										children: C("sessionDetails.noTerminalRunning", "No terminal running")
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ v("p", {
 										className: "text-text-tertiary text-xs mt-1",
-										children: A ? C("sessionDetails.clickOpenTerminalHint", "Click \"Open Terminal\" to create a tmux session with a browser terminal.") : C("sessionDetails.noAgentForSession", "No agent is assigned to this session.")
+										children: j ? C("sessionDetails.clickOpenTerminalHint", "Click \"Open Terminal\" to create a tmux session with a browser terminal.") : C("sessionDetails.noAgentForSession", "No agent is assigned to this session.")
 									}),
-									A && /* @__PURE__ */ y("button", {
+									j && /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: tn,
-										disabled: R,
+										onClick: on,
+										disabled: V,
 										className: "mt-4 px-4 py-2 bg-bg-muted text-text-primary text-sm rounded-md hover:bg-bg-sunken transition-colors disabled:opacity-50",
-										children: R ? C("sessionDetails.opening", "Opening...") : C("sessionDetails.openTerminal", "Open Terminal")
+										children: V ? C("sessionDetails.opening", "Opening...") : C("sessionDetails.openTerminal", "Open Terminal")
 									})
 								]
 							})
@@ -878,50 +893,55 @@ function Ze() {
 					})
 				]
 			}),
-			!I && (X || Rt) && /* @__PURE__ */ y("div", {
+			!R && (X || H) && /* @__PURE__ */ v("div", {
 				className: "border-t border-border-default bg-bg-sunken shrink-0",
-				children: /* @__PURE__ */ b("button", {
+				children: /* @__PURE__ */ y("button", {
 					type: "button",
-					onClick: () => L(!0),
+					onClick: () => z(!0),
 					className: "flex items-center gap-1.5 px-3 py-1.5 text-text-secondary hover:text-text-primary transition-colors text-xs font-medium uppercase tracking-wide w-full",
 					title: C("sessionDetails.expandTerminal", "Expand terminal"),
 					children: [
-						/* @__PURE__ */ y(_, { className: "size-3.5" }),
+						/* @__PURE__ */ v(g, { className: "size-3.5" }),
 						C("sessionDetails.terminal", "Terminal"),
 						" - ",
-						k.name,
-						/* @__PURE__ */ y(De, { className: "size-3 ml-1" })
+						A.name,
+						/* @__PURE__ */ v(ke, { className: "size-3 ml-1" })
 					]
 				})
 			}),
-			/* @__PURE__ */ y(ce, {
+			/* @__PURE__ */ v(le, {
 				isOpen: zt,
-				onClose: () => B(!1),
+				onClose: () => W(!1),
 				onConfirm: () => {
-					B(!1), E("/billing/plans");
+					W(!1), E("/billing/plans");
 				},
-				title: le("session").title,
-				message: le("session").message,
+				title: ue("session").title,
+				message: ue("session").message,
 				confirmLabel: "View Billing",
 				cancelLabel: "Dismiss",
 				variant: "warning"
 			}),
-			/* @__PURE__ */ y(ce, {
+			/* @__PURE__ */ v(le, {
 				isOpen: Bt,
-				onClose: () => V(!1),
+				onClose: () => Vt(!1),
 				onConfirm: () => {
-					V(!1), nn();
+					Vt(!1), sn();
 				},
 				title: C("sessionDetails.restartTerminalConfirmTitle", "Restart terminal?"),
 				message: C("sessionDetails.restartTerminalConfirmBody", "This kills the current tmux session and re-runs the command from scratch. Any in-progress output will be lost."),
 				confirmLabel: C("sessionDetails.restartTerminalConfirmLabel", "Restart terminal"),
 				cancelLabel: C("common.cancel", "Cancel"),
 				variant: "warning"
+			}),
+			/* @__PURE__ */ v(Te, {
+				sessionId: A.id,
+				open: It,
+				onClose: () => L(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { Ze as SessionDetailsPage };
+export { S as SessionDetailsPage };
 
 //# sourceMappingURL=SessionDetailsPage.js.map