@burdenoff/microfe-vibecontrols 2026.529.4 → 2026.529.5

package/dist/pages/SessionsPage.js

@@ -112,66 +112,66 @@ function st() {
 			value: "CUSTOM",
 			label: v("sessions.typeCustom", "Custom")
 		}
-	], [v]), vt = dt(je.SESSION_LIST), yt = dt(je.SESSION_CREATE), [y, bt] = m(""), [b, xt] = m("all"), [x, St] = m("all"), [S, Ct] = m("all"), [C, wt] = m("all"), [w, T] = m("terminal"), [Tt, E] = m(!1), [Et, D] = m(!1), [Dt, O] = m(null), [Ot, kt] = m(!1), [k, A] = m(null), [j, M] = m(/* @__PURE__ */ new Set()), [At, N] = m(!1), [jt, Mt] = m(!1), Nt = p(null), Pt = p(null), Ft = p(null), It = p(null), [Lt, Rt] = m(""), [zt, Bt] = m(""), [P, Vt] = m("TMUX"), [Ht, Ut] = m(!1), { terminalTabs: Wt, activeTerminalTabId: Gt, sessionsViewMode: Kt, setTerminalTabs: qt, setActiveTerminalTabId: Jt, setSessionsViewMode: Yt, activeSessionId: F } = _e(), [I, L] = m([]), [R, z] = m(null), [Xt, Zt] = m(!1), [Qt, B] = m(!1), [V, $t] = m(""), [en, H] = m(!1), [tn, nn] = m(null), [rn, an] = m(!1), [U, on] = m(!1), W = mt.get("view"), sn = mt.get("session"), [cn] = c({ refetchQueries: ["ListSessions"] }), { setDraftTagIds: ln, flushTags: un } = Ce("VIBECONTROLS_SESSION"), [dn, fn] = m(!1), [pn, mn] = m(""), [hn, gn] = m(null), [_n, vn] = m(null), [yn, { data: bn, loading: xn }] = a({ fetchPolicy: "network-only" }), [Sn] = i({ refetchQueries: ["ListSessions"] }), [Cn] = se({ refetchQueries: ["ListSessions"] }), [wn] = le({ refetchQueries: ["ListSessions"] }), [Tn] = ie({ refetchQueries: ["ListSessions"] }), [G] = ce({ refetchQueries: ["ListSessions"] }), [En] = ue({ refetchQueries: ["ListSessions"] }), [Dn] = ae({ refetchQueries: ["ListSessions"] }), [On] = fe({ refetchQueries: ["ListSessions"] }), [kn] = de({ refetchQueries: ["ListSessions"] }), [An] = s({ refetchQueries: ["ListSessions"] }), [jn] = te({ refetchQueries: ["ListSessions"] }), [Mn] = ee({ refetchQueries: ["ListSessions"] }), [Nn] = o({ refetchQueries: ["ListSessions"] }), [Pn] = ne();
+	], [v]), vt = dt(je.SESSION_LIST), yt = dt(je.SESSION_CREATE), [y, bt] = m(""), [b, xt] = m("all"), [x, St] = m("all"), [S, Ct] = m("all"), [C, wt] = m("all"), [w, T] = m("terminal"), [Tt, E] = m(!1), [Et, D] = m(!1), [Dt, O] = m(null), [Ot, kt] = m(!1), [At, k] = m(null), [A, j] = m(/* @__PURE__ */ new Set()), [jt, M] = m(!1), [Mt, Nt] = m(!1), Pt = p(null), Ft = p(null), It = p(null), Lt = p(null), [Rt, zt] = m(""), [Bt, Vt] = m(""), [N, Ht] = m("TMUX"), [Ut, Wt] = m(!1), { terminalTabs: Gt, activeTerminalTabId: Kt, sessionsViewMode: qt, setTerminalTabs: Jt, setActiveTerminalTabId: Yt, setSessionsViewMode: Xt, activeSessionId: P } = _e(), [F, I] = m([]), [L, R] = m(null), [Zt, Qt] = m(!1), [$t, z] = m(!1), [B, en] = m(""), [tn, V] = m(!1), [nn, rn] = m(null), [an, on] = m(!1), [H, sn] = m(!1), U = mt.get("view"), cn = mt.get("session"), [ln] = c({ refetchQueries: ["ListSessions"] }), { setDraftTagIds: un, flushTags: dn } = Ce("VIBECONTROLS_SESSION"), [fn, pn] = m(!1), [mn, hn] = m(""), [gn, _n] = m(null), [vn, yn] = m(null), [bn, { data: xn, loading: Sn }] = a({ fetchPolicy: "network-only" }), [Cn] = i({ refetchQueries: ["ListSessions"] }), [wn] = se({ refetchQueries: ["ListSessions"] }), [Tn] = le({ refetchQueries: ["ListSessions"] }), [En] = ie({ refetchQueries: ["ListSessions"] }), [W] = ce({ refetchQueries: ["ListSessions"] }), [Dn] = ue({ refetchQueries: ["ListSessions"] }), [On] = ae({ refetchQueries: ["ListSessions"] }), [kn] = fe({ refetchQueries: ["ListSessions"] }), [An] = de({ refetchQueries: ["ListSessions"] }), [jn] = s({ refetchQueries: ["ListSessions"] }), [Mn] = te({ refetchQueries: ["ListSessions"] }), [Nn] = ee({ refetchQueries: ["ListSessions"] }), [Pn] = o({ refetchQueries: ["ListSessions"] }), [Fn] = ne();
 	d(() => {
-		U || (W === "terminal" || W === "grid" || W === "list" ? T(W) : Kt && T(Kt), sn ? z(sn) : Gt && z(Gt), Wt.length > 0 && L(Wt.map((e) => ({
+		H || (U === "terminal" || U === "grid" || U === "list" ? T(U) : qt && T(qt), cn ? R(cn) : Kt && R(Kt), Gt.length > 0 && I(Gt.map((e) => ({
 			sessionId: e.sessionId,
 			name: e.name,
 			terminalUrl: null,
 			loading: !1,
 			error: null
-		}))), on(!0));
+		}))), sn(!0));
 	}, [
-		Wt,
 		Gt,
 		Kt,
-		sn,
-		W,
-		U
+		qt,
+		cn,
+		U,
+		H
 	]);
-	let Fn = p(!1);
+	let In = p(!1);
 	d(() => {
-		U && qt(I.map((e) => ({
+		H && Jt(F.map((e) => ({
 			sessionId: e.sessionId,
 			name: e.name
 		})));
 	}, [
-		I,
-		U,
-		qt
+		F,
+		H,
+		Jt
 	]), d(() => {
-		U && Jt(R);
+		H && Yt(L);
 	}, [
-		R,
-		U,
-		Jt
+		L,
+		H,
+		Yt
 	]), d(() => {
-		U && Yt(w);
+		H && Xt(w);
 	}, [
 		w,
-		U,
-		Yt
+		H,
+		Xt
 	]), d(() => {
-		if (!U) return;
+		if (!H) return;
 		let e = new URLSearchParams(mt), t = !1, n = w === "terminal" ? null : w;
-		n ? e.get("view") !== n && (e.set("view", n), t = !0) : e.has("view") && (e.delete("view"), t = !0), R ? e.get("session") !== R && (e.set("session", R), t = !0) : e.has("session") && (e.delete("session"), t = !0), t && ht(e, { replace: !0 });
+		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 && ht(e, { replace: !0 });
 	}, [
-		R,
+		L,
 		mt,
 		ht,
-		U,
+		H,
 		w
 	]);
-	let K = p(null);
+	let G = p(null);
 	oe({
 		skip: !lt,
 		variables: { workspaceId: lt || "" }
 	}), d(() => {
 		let e = setInterval(() => {
-			An().catch(() => {});
+			jn().catch(() => {});
 		}, it);
 		return () => clearInterval(e);
-	}, [An]), d(() => {
+	}, [jn]), d(() => {
 		let e = (e) => {
 			let t = e.target;
 			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable) return;
@@ -180,40 +180,40 @@ function st() {
 				e.preventDefault(), E(!0);
 				return;
 			}
-			if (n && e.key === "w" && R) {
+			if (n && e.key === "w" && L) {
 				e.preventDefault();
-				let t = R;
-				L((e) => e.filter((e) => e.sessionId !== t)), z(() => {
-					let e = I.filter((e) => e.sessionId !== t);
+				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 && I.length > 1) {
-				e.preventDefault(), z(I[(I.findIndex((e) => e.sessionId === R) + 1) % I.length].sessionId);
+			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 && I.length > 1) {
-				e.preventDefault(), z(I[(I.findIndex((e) => e.sessionId === R) - 1 + I.length) % I.length].sessionId);
+			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;
 			}
-			if (n && /^[1-9]$/.test(e.key) && I.length > 0) {
+			if (n && /^[1-9]$/.test(e.key) && F.length > 0) {
 				let t = Number(e.key) - 1;
-				t < I.length && (e.preventDefault(), z(I[t].sessionId));
+				t < F.length && (e.preventDefault(), R(F[t].sessionId));
 				return;
 			}
 			if (n && (e.key === "p" || e.key === "P")) {
-				e.preventDefault(), $t(""), B(!0);
+				e.preventDefault(), en(""), z(!0);
 				return;
 			}
 			if (!n && !e.altKey && !e.shiftKey && e.key === "?") {
-				e.preventDefault(), Zt(!0);
+				e.preventDefault(), Qt(!0);
 				return;
 			}
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [R, I]);
-	let { data: In, previousData: Ln, loading: q, error: Rn, refetch: J } = re({
+	}, [L, F]);
+	let { data: Ln, previousData: Rn, loading: K, error: zn, refetch: q } = re({
 		variables: {
 			filter: {
 				status: b === "all" ? void 0 : b,
@@ -224,7 +224,7 @@ function st() {
 			pagination: { limit: 50 }
 		},
 		fetchPolicy: b === "all" && x === "all" && S === "all" && C === "all" ? "cache-first" : "cache-and-network"
-	}), zn = In ?? Ln, { agents: Bn, vibes: Y } = ve(), [Vn, Hn] = me({
+	}), Bn = Ln ?? Rn, { agents: J, vibes: Y } = ve(), [Vn, Hn] = me({
 		fetchPolicy: "network-only",
 		notifyOnNetworkStatusChange: !0
 	}), { data: Un } = pe(), Wn = f(() => {
@@ -250,10 +250,10 @@ function st() {
 	], [Y, v]), Kn = f(() => [{
 		value: "all",
 		label: v("sessions.filterAgentAll", "All Agents")
-	}, ...Bn.map((e) => ({
+	}, ...J.map((e) => ({
 		value: e.id,
 		label: `${e.name} ${Ae(e) === "ACTIVE" ? "" : `(${v("sessions.offline", "Offline")})`}`
-	}))], [Bn, v]), qn = f(() => [{
+	}))], [J, v]), qn = f(() => [{
 		value: "",
 		label: v("sessions.noVibe", "No vibe")
 	}, ...Y.map((e) => ({
@@ -262,13 +262,13 @@ function st() {
 	}))], [Y, v]), Jn = f(() => [{
 		value: "",
 		label: v("sessions.selectAgent", "Select an agent")
-	}, ...Bn.map((e) => {
+	}, ...J.map((e) => {
 		let t = Ae(e) === "ACTIVE" ? v("sessions.active", "Active") : v("sessions.offline", "Offline");
 		return {
 			value: e.id,
 			label: `${e.name} (${t})`
 		};
-	})], [Bn, v]), Yn = f(() => [
+	})], [J, v]), Yn = f(() => [
 		{
 			value: "TMUX",
 			label: v("sessions.typeTmuxLower", "tmux")
@@ -297,7 +297,7 @@ function st() {
 			value: "CUSTOM",
 			label: v("sessions.typeCustom", "Custom")
 		}
-	], [v]), X = f(() => (zn?.sessions?.items ?? []).map((e) => {
+	], [v]), X = f(() => (Bn?.sessions?.items ?? []).map((e) => {
 		let t = at(e.ttydUrl || null, e.agent?.tunnelUrl || null);
 		return {
 			id: e.id,
@@ -331,13 +331,13 @@ function st() {
 				isActive: e.agent.isActive
 			} : void 0
 		};
-	}), [zn?.sessions?.items]);
+	}), [Bn?.sessions?.items]);
 	d(() => {
-		Fn.current || X.length === 0 || I.length === 0 || (Fn.current = !0, Promise.allSettled(I.map(async (e) => {
+		In.current || X.length === 0 || F.length === 0 || (In.current = !0, Promise.allSettled(F.map(async (e) => {
 			let t = X.find((t) => t.id === e.sessionId);
 			if (t) try {
-				let n = await G({ variables: { id: e.sessionId } }), r = t.agent?.tunnelUrl ?? null, i = at(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
-				L((n) => n.map((n) => n.sessionId === e.sessionId ? {
+				let n = await W({ variables: { id: e.sessionId } }), r = t.agent?.tunnelUrl ?? null, i = at(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
+				I((n) => n.map((n) => n.sessionId === e.sessionId ? {
 					...n,
 					terminalUrl: i,
 					agentId: t.agent?.id ?? n.agentId ?? null,
@@ -345,7 +345,7 @@ function st() {
 					error: null
 				} : n));
 			} catch (n) {
-				console.warn("[sessions] tab restore startSessionTerminal failed", n), L((n) => n.map((n) => n.sessionId === e.sessionId && t.ttydUrl ? {
+				console.warn("[sessions] tab restore startSessionTerminal failed", n), I((n) => n.map((n) => n.sessionId === e.sessionId && t.ttydUrl ? {
 					...n,
 					terminalUrl: t.ttydUrl,
 					agentId: t.agent?.id ?? n.agentId ?? null,
@@ -355,21 +355,21 @@ function st() {
 		})));
 	}, [
 		X,
-		I,
-		G
+		F,
+		W
 	]), d(() => {
-		if (!U || !F) {
-			K.current = F;
+		if (!H || !P) {
+			G.current = P;
 			return;
 		}
-		if (K.current === null && F) {
-			K.current = F;
+		if (G.current === null && P) {
+			G.current = P;
 			return;
 		}
-		if (K.current === F) return;
-		K.current = F;
-		let e = X.find((e) => e.id === F);
-		if (e) if (I.find((e) => e.sessionId === F)) z(F), H(!1);
+		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), V(!1);
 		else {
 			let t = e.ttydUrl || null, n = {
 				sessionId: e.id,
@@ -379,9 +379,9 @@ function st() {
 				loading: !t,
 				error: null
 			};
-			L((e) => [...e, n]), z(F), H(!1), t || G({ variables: { id: e.id } }).then((t) => {
+			I((e) => [...e, n]), R(P), V(!1), t || W({ variables: { id: e.id } }).then((t) => {
 				let n = t.data?.startSessionTerminal?.ttydUrl || null;
-				L((t) => t.map((t) => t.sessionId === e.id ? {
+				I((t) => t.map((t) => t.sessionId === e.id ? {
 					...t,
 					terminalUrl: n,
 					loading: !1,
@@ -389,7 +389,7 @@ function st() {
 				} : t));
 			}).catch((t) => {
 				let n = t instanceof Error ? t.message : v("sessions.failedStartTerminal", "Failed to start terminal");
-				L((t) => t.map((t) => t.sessionId === e.id ? {
+				I((t) => t.map((t) => t.sessionId === e.id ? {
 					...t,
 					loading: !1,
 					error: n
@@ -397,11 +397,11 @@ function st() {
 			});
 		}
 	}, [
-		F,
+		P,
 		X,
-		I,
-		U,
-		G
+		F,
+		H,
+		W
 	]);
 	let Z = f(() => X.filter((e) => {
 		if (y) {
@@ -414,66 +414,66 @@ function st() {
 		y,
 		S
 	]), Xn = u((e) => {
-		M((t) => {
+		j((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), Zn = u(() => {
-		M(new Set(Z.map((e) => e.id)));
+		j(new Set(Z.map((e) => e.id)));
 	}, [Z]), Qn = u(() => {
-		M(/* @__PURE__ */ new Set());
-	}, []), $n = Z.length > 0 && j.size === Z.length, er = j.size > 0, tr = u(async () => {
-		if (j.size !== 0) {
-			N(!0);
+		j(/* @__PURE__ */ new Set());
+	}, []), $n = Z.length > 0 && A.size === Z.length, er = A.size > 0, tr = u(async () => {
+		if (A.size !== 0) {
+			M(!0);
 			try {
-				let e = (await jn({ variables: { ids: Array.from(j) } })).data?.bulkStopSessions;
-				A(`${v("sessions.stopped", "Stopped")} ${e?.succeeded ?? 0} ${v("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${v("sessions.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set()), setTimeout(() => A(null), 3e3);
+				let e = (await Mn({ variables: { ids: Array.from(A) } })).data?.bulkStopSessions;
+				k(`${v("sessions.stopped", "Stopped")} ${e?.succeeded ?? 0} ${v("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${v("sessions.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set()), setTimeout(() => k(null), 3e3);
 			} catch (e) {
-				A(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedStop", "Failed to stop sessions")}`), setTimeout(() => A(null), 5e3);
+				k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedStop", "Failed to stop sessions")}`), setTimeout(() => k(null), 5e3);
 			} finally {
-				N(!1);
+				M(!1);
 			}
 		}
 	}, [
-		j,
-		jn,
+		A,
+		Mn,
 		v
 	]), nr = u(async () => {
-		if (j.size !== 0) {
-			N(!0);
+		if (A.size !== 0) {
+			M(!0);
 			try {
-				let e = (await Mn({ variables: { ids: Array.from(j) } })).data?.bulkRestartSessions;
-				A(`${v("sessions.restarted", "Restarted")} ${e?.succeeded ?? 0} ${v("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${v("sessions.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set()), setTimeout(() => A(null), 3e3);
+				let e = (await Nn({ variables: { ids: Array.from(A) } })).data?.bulkRestartSessions;
+				k(`${v("sessions.restarted", "Restarted")} ${e?.succeeded ?? 0} ${v("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${v("sessions.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set()), setTimeout(() => k(null), 3e3);
 			} catch (e) {
-				A(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedRestart", "Failed to restart sessions")}`), setTimeout(() => A(null), 5e3);
+				k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedRestart", "Failed to restart sessions")}`), setTimeout(() => k(null), 5e3);
 			} finally {
-				N(!1);
+				M(!1);
 			}
 		}
 	}, [
-		j,
-		Mn,
+		A,
+		Nn,
 		v
 	]), rr = u(async () => {
-		if (j.size !== 0 && confirm(`${v("sessions.confirmRemovePrefix", "Are you sure you want to remove")} ${j.size} ${v("nav.sessions", "session(s)")}? ${v("sessions.confirmRemoveSuffix", "This cannot be undone.")}`)) {
-			N(!0);
+		if (A.size !== 0 && confirm(`${v("sessions.confirmRemovePrefix", "Are you sure you want to remove")} ${A.size} ${v("nav.sessions", "session(s)")}? ${v("sessions.confirmRemoveSuffix", "This cannot be undone.")}`)) {
+			M(!0);
 			try {
-				let e = (await Nn({ variables: { ids: Array.from(j) } })).data?.bulkTerminateSessions;
-				A(`${v("sessions.removed", "Removed")} ${e?.succeeded ?? 0} ${v("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${v("sessions.failed", "failed")}` : ""}`), M(/* @__PURE__ */ new Set()), setTimeout(() => A(null), 3e3);
+				let e = (await Pn({ variables: { ids: Array.from(A) } })).data?.bulkTerminateSessions;
+				k(`${v("sessions.removed", "Removed")} ${e?.succeeded ?? 0} ${v("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${v("sessions.failed", "failed")}` : ""}`), j(/* @__PURE__ */ new Set()), setTimeout(() => k(null), 3e3);
 			} catch (e) {
-				A(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedRemove", "Failed to remove sessions")}`), setTimeout(() => A(null), 5e3);
+				k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedRemove", "Failed to remove sessions")}`), setTimeout(() => k(null), 5e3);
 			} finally {
-				N(!1);
+				M(!1);
 			}
 		}
 	}, [
-		j,
-		Nn,
+		A,
+		Pn,
 		v
 	]), ir = u(async (e = "CSV") => {
-		Mt(!0);
+		Nt(!0);
 		try {
-			let t = (await Pn({ variables: { input: {
+			let t = (await Fn({ variables: { input: {
 				filter: {
 					status: b === "all" ? void 0 : b,
 					type: x === "all" ? void 0 : x,
@@ -484,17 +484,17 @@ function st() {
 			} } })).data?.exportSessions;
 			if (!t) return;
 			let n = e === "CSV" ? "text/csv" : "application/json", r = new Blob([t.data], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
-			a.href = i, a.download = `sessions-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.${e.toLowerCase()}`, a.click(), URL.revokeObjectURL(i), A(v("sessions.exportSuccess", "Exported {{count}} sessions as {{format}}", {
+			a.href = i, a.download = `sessions-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.${e.toLowerCase()}`, a.click(), URL.revokeObjectURL(i), k(v("sessions.exportSuccess", "Exported {{count}} sessions as {{format}}", {
 				count: t.count,
 				format: e
-			})), setTimeout(() => A(null), 3e3);
+			})), setTimeout(() => k(null), 3e3);
 		} catch (e) {
-			A(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedExport", "Failed to export sessions")}`), setTimeout(() => A(null), 5e3);
+			k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedExport", "Failed to export sessions")}`), setTimeout(() => k(null), 5e3);
 		} finally {
-			Mt(!1);
+			Nt(!1);
 		}
 	}, [
-		Pn,
+		Fn,
 		b,
 		x,
 		S,
@@ -505,7 +505,7 @@ function st() {
 	}, or = () => {
 		O(null), E(!0);
 	}, sr = async () => {
-		let e = Nt.current?.value?.trim(), t = Lt, i = zt, a = P, ee = Pt.current?.value?.trim(), te = Ft.current?.checked ?? !1;
+		let e = Pt.current?.value?.trim(), t = Rt, i = Bt, a = N, ee = Ft.current?.value?.trim(), te = It.current?.checked ?? !1;
 		if (!e) {
 			O(v("sessions.nameRequired", "Name is required"));
 			return;
@@ -522,7 +522,7 @@ function st() {
 		}
 		kt(!0), O(null);
 		try {
-			let n = It.current?.value?.trim() || void 0, r = await cn({ variables: { input: {
+			let n = Lt.current?.value?.trim() || void 0, r = await ln({ variables: { input: {
 				name: e,
 				type: a || "TMUX",
 				command: ee || void 0,
@@ -531,28 +531,37 @@ function st() {
 				autoStart: te,
 				externalSessionName: n
 			} } }), i = r.data?.createSession?.id;
-			E(!1), A(v("sessions.createdSuccess", "Session created successfully")), i && await un(i), setTimeout(() => A(null), 3e3), w === "terminal" && r.data?.createSession && Q({
-				id: r.data.createSession.id,
-				workspaceId: r.data.createSession.workspaceId,
-				vibeId: r.data.createSession.vibeId || null,
-				agentId: r.data.createSession.agentId || null,
-				name: r.data.createSession.name,
-				type: r.data.createSession.type,
-				status: r.data.createSession.status,
-				command: r.data.createSession.command || null,
-				workingDirectory: r.data.createSession.workingDirectory || null,
-				environmentVariables: r.data.createSession.environmentVariables || {},
-				autoStart: r.data.createSession.autoStart,
-				providerSessionName: r.data.createSession.providerSessionName || void 0,
-				providerWindowName: r.data.createSession.providerWindowId || void 0,
-				pid: r.data.createSession.pid || null,
-				exitCode: r.data.createSession.exitCode || null,
-				lastOutput: r.data.createSession.lastOutput || null,
-				ttydUrl: r.data.createSession.ttydUrl || null,
-				metadata: r.data.createSession.metadata || {},
-				createdAt: r.data.createSession.createdAt,
-				updatedAt: r.data.createSession.updatedAt
-			});
+			if (E(!1), k(v("sessions.createdSuccess", "Session created successfully")), i && await dn(i), setTimeout(() => k(null), 3e3), r.data?.createSession) {
+				let e = r.data.createSession, t = e.agentId ? J.find((t) => t.id === e.agentId) : null;
+				Q({
+					id: e.id,
+					workspaceId: e.workspaceId,
+					vibeId: e.vibeId || null,
+					agentId: e.agentId || null,
+					name: e.name,
+					type: e.type,
+					status: e.status,
+					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: e.ttydUrl || null,
+					metadata: e.metadata || {},
+					createdAt: e.createdAt,
+					updatedAt: e.updatedAt,
+					agent: t ? {
+						id: t.id,
+						name: t.name,
+						tunnelUrl: t.tunnelUrl || null,
+						isActive: t.isActive
+					} : void 0
+				});
+			}
 		} catch (e) {
 			if (n(e)) {
 				E(!1), r(), D(!0);
@@ -564,7 +573,7 @@ function st() {
 		}
 	}, cr = async (e) => {
 		try {
-			await Cn({ variables: { id: e.id } }), ct?.({
+			await wn({ variables: { id: e.id } }), ct?.({
 				id: e.id,
 				name: e.name,
 				type: e.type,
@@ -579,13 +588,13 @@ function st() {
 		}
 	}, lr = async (e) => {
 		try {
-			await wn({ variables: { id: e.id } });
+			await Tn({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to stop session:", e);
 		}
 	}, ur = async (e) => {
 		try {
-			await Tn({ variables: { id: e.id } });
+			await En({ variables: { id: e.id } });
 		} catch (e) {
 			if (n(e)) {
 				r(), D(!0);
@@ -595,15 +604,15 @@ function st() {
 		}
 	}, dr = async (e) => {
 		try {
-			await kn({ variables: { id: e.id } });
+			await An({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to terminate session:", e);
 		}
 	}, fr = u((e) => e.ttydUrl || null, []), pr = u((e) => {
-		nn(e);
+		rn(e);
 	}, []), Q = u(async (e) => {
-		if (I.find((t) => t.sessionId === e.id)?.terminalUrl) {
-			z(e.id), H(!1);
+		if (F.find((t) => t.sessionId === e.id)?.terminalUrl) {
+			R(e.id), V(!1);
 			return;
 		}
 		let t = fr(e);
@@ -612,11 +621,11 @@ function st() {
 				sessionId: e.id,
 				name: e.name,
 				terminalUrl: t,
-				agentId: e.agent?.id ?? null,
+				agentId: e.agent?.id ?? e.agentId ?? null,
 				loading: !1,
 				error: null
 			};
-			L((t) => [...t.filter((t) => t.sessionId !== e.id), n]), z(e.id), H(!1);
+			I((t) => [...t.filter((t) => t.sessionId !== e.id), n]), R(e.id), V(!1);
 			return;
 		}
 		let i = {
@@ -627,16 +636,16 @@ function st() {
 			loading: !0,
 			error: null
 		};
-		L((t) => [...t.filter((t) => t.sessionId !== e.id), i]), z(e.id), H(!1);
+		I((t) => [...t.filter((t) => t.sessionId !== e.id), i]), R(e.id), V(!1);
 		try {
-			let t = await G({ variables: { id: e.id } });
+			let t = await W({ variables: { id: e.id } });
 			if (t.error && n(t.error)) {
-				let t = I.filter((t) => t.sessionId !== e.id);
-				L(t), R === e.id && z(t.length > 0 ? t[t.length - 1].sessionId : null), r(), D(!0);
+				let t = F.filter((t) => t.sessionId !== e.id);
+				I(t), L === e.id && R(t.length > 0 ? t[t.length - 1].sessionId : null), r(), D(!0);
 				return;
 			}
 			let i = at(t.data?.startSessionTerminal?.ttydUrl || null, X.find((t) => t.id === e.id)?.agent?.tunnelUrl ?? null);
-			L((t) => t.map((t) => t.sessionId === e.id ? {
+			I((t) => t.map((t) => t.sessionId === e.id ? {
 				...t,
 				terminalUrl: i,
 				loading: !1,
@@ -644,57 +653,57 @@ function st() {
 			} : t));
 		} catch (t) {
 			if (n(t)) {
-				let t = I.filter((t) => t.sessionId !== e.id);
-				L(t), R === e.id && z(t.length > 0 ? t[t.length - 1].sessionId : null), r(), D(!0);
+				let t = F.filter((t) => t.sessionId !== e.id);
+				I(t), L === e.id && R(t.length > 0 ? t[t.length - 1].sessionId : null), r(), D(!0);
 				return;
 			}
 			let i = t instanceof Error ? t.message : v("sessions.failedStartTerminal", "Failed to start terminal");
-			L((t) => t.map((t) => t.sessionId === e.id ? {
+			I((t) => t.map((t) => t.sessionId === e.id ? {
 				...t,
 				loading: !1,
 				error: i
 			} : t));
 		}
 	}, [
-		R,
-		I,
+		L,
+		F,
 		fr,
-		G
+		W
 	]);
 	d(() => {
-		if (!U || !R || I.some((e) => e.sessionId === R)) return;
-		let e = X.find((e) => e.id === R);
+		if (!H || !L || F.some((e) => e.sessionId === L)) return;
+		let e = X.find((e) => e.id === L);
 		e && Q(e);
 	}, [
-		R,
+		L,
 		Q,
 		X,
-		I,
-		U
+		F,
+		H
 	]);
 	let mr = u((e) => {
-		L((t) => t.filter((t) => t.sessionId !== e)), R === e && z(() => {
-			let t = I.filter((t) => t.sessionId !== 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;
 		});
-	}, [R, I]), hr = u((e) => {
-		let t = I.find((t) => t.sessionId === e);
+	}, [L, F]), hr = u((e) => {
+		let t = F.find((t) => t.sessionId === e);
 		t?.terminalUrl && window.open(t.terminalUrl, "_blank");
-	}, [I]), gr = u(async (e, t) => {
+	}, [F]), gr = u(async (e, t) => {
 		try {
-			await On({ variables: {
+			await kn({ variables: {
 				id: e,
 				input: { name: t }
-			} }), L((n) => n.map((n) => n.sessionId === e ? {
+			} }), I((n) => n.map((n) => n.sessionId === e ? {
 				...n,
 				name: t
 			} : n));
 		} catch (e) {
 			console.error("Failed to rename session:", e);
 		}
-	}, [On]), _r = u(async (e) => {
+	}, [kn]), _r = u(async (e) => {
 		try {
-			await En({ variables: { id: e } }), L((t) => t.map((t) => t.sessionId === e ? {
+			await Dn({ variables: { id: e } }), I((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				terminalUrl: null,
 				error: v("sessions.terminalStopped", "Terminal stopped")
@@ -702,18 +711,18 @@ function st() {
 		} catch (e) {
 			console.error("Failed to stop terminal:", e);
 		}
-	}, [En]), vr = u(async (e) => {
-		let t = I.find((t) => t.sessionId === e) || null;
+	}, [Dn]), vr = u(async (e) => {
+		let t = F.find((t) => t.sessionId === e) || null;
 		try {
-			L((t) => t.map((t) => t.sessionId === e ? {
+			I((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				loading: !0,
 				error: null,
 				terminalUrl: null
 			} : t));
-			let i = await Dn({ variables: { id: e } });
+			let i = await On({ variables: { id: e } });
 			if (i.error && n(i.error)) {
-				L((n) => n.map((n) => n.sessionId === e ? {
+				I((n) => n.map((n) => n.sessionId === e ? {
 					...n,
 					loading: !1,
 					error: null,
@@ -722,7 +731,7 @@ function st() {
 				return;
 			}
 			let a = i.data?.restartSessionTerminal?.ttydUrl || null;
-			L((t) => t.map((t) => t.sessionId === e ? {
+			I((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				terminalUrl: a,
 				loading: !1,
@@ -730,7 +739,7 @@ function st() {
 			} : t));
 		} catch (i) {
 			if (n(i)) {
-				L((n) => n.map((n) => n.sessionId === e ? {
+				I((n) => n.map((n) => n.sessionId === e ? {
 					...n,
 					loading: !1,
 					error: null,
@@ -739,14 +748,14 @@ function st() {
 				return;
 			}
 			let a = i instanceof Error ? i.message : v("sessions.failedRestartTerminal", "Failed to restart terminal");
-			L((t) => t.map((t) => t.sessionId === e ? {
+			I((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				loading: !1,
 				error: a
 			} : t));
 		}
-	}, [Dn, I]), yr = u(() => {
-		an((e) => !e);
+	}, [On, F]), yr = u(() => {
+		on((e) => !e);
 	}, []), $ = {
 		total: X.length,
 		running: X.filter((e) => e.status === "RUNNING").length,
@@ -764,30 +773,30 @@ function st() {
 			details: v("sessions.requiredPermission", "Required permission: session:list")
 		})
 	});
-	if (q && !Ln && X.length === 0) return /* @__PURE__ */ h(_, {
+	if (K && !Rn && X.length === 0) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: /* @__PURE__ */ h(be, { message: v("sessions.loading", "Loading sessions...") })
 	});
-	if (Rn && X.length === 0) return /* @__PURE__ */ h(_, {
+	if (zn && X.length === 0) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: /* @__PURE__ */ h(xe, {
 			title: v("sessions.failedLoad", "Failed to load sessions"),
-			message: Rn.message,
-			onRetry: () => J()
+			message: zn.message,
+			onRetry: () => q()
 		})
 	});
 	let br = () => !er || w === "terminal" ? null : /* @__PURE__ */ g("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__ */ h("span", {
 			className: "text-sm font-medium text-text-primary",
-			children: v(j.size === 1 ? "sessions.selectionCountSingle" : "sessions.selectionCountPlural", j.size === 1 ? "{{count}} session selected" : "{{count}} sessions selected", { count: j.size })
+			children: v(A.size === 1 ? "sessions.selectionCountSingle" : "sessions.selectionCountPlural", A.size === 1 ? "{{count}} session selected" : "{{count}} sessions selected", { count: A.size })
 		}), /* @__PURE__ */ g("div", {
 			className: "flex items-center gap-1.5 sm:ml-auto flex-wrap",
 			children: [
 				/* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: tr,
-					disabled: At,
+					disabled: jt,
 					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__ */ h(Ke, { className: "size-3" }),
@@ -798,7 +807,7 @@ function st() {
 				/* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: nr,
-					disabled: At,
+					disabled: jt,
 					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__ */ h(Ge, { className: "size-3" }),
@@ -809,7 +818,7 @@ function st() {
 				/* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: rr,
-					disabled: At,
+					disabled: jt,
 					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__ */ h(Je, { className: "size-3" }),
@@ -852,7 +861,7 @@ function st() {
 					children: [
 						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => An().then(() => J()),
+							onClick: () => jn().then(() => q()),
 							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors",
 							title: v("sessions.checkHealth", "Check session health"),
 							children: /* @__PURE__ */ h(Le, { className: "size-3.5" })
@@ -860,12 +869,12 @@ function st() {
 						/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								J(), Vn();
+								q(), Vn();
 							},
-							disabled: q,
+							disabled: K,
 							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors disabled:opacity-50",
 							title: v("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ h(We, { className: `size-3.5 ${q ? "animate-spin" : ""}` })
+							children: /* @__PURE__ */ h(We, { className: `size-3.5 ${K ? "animate-spin" : ""}` })
 						}),
 						/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-0.5 rounded bg-bg-surface p-0.5",
@@ -904,9 +913,9 @@ function st() {
 				})
 			}),
 			/* @__PURE__ */ h(Pe, {
-				tabs: I,
-				activeTabId: R,
-				onTabSelect: z,
+				tabs: F,
+				activeTabId: L,
+				onTabSelect: R,
 				onTabClose: mr,
 				onOpenExternal: hr,
 				collapsed: !1,
@@ -918,7 +927,7 @@ function st() {
 				onRestartTerminal: vr,
 				onCreateSession: or,
 				fullScreen: !0,
-				isImmersiveFullscreen: rn,
+				isImmersiveFullscreen: an,
 				onToggleImmersiveFullscreen: yr,
 				contextSwitcher: void 0
 			}),
@@ -935,44 +944,44 @@ function st() {
 							}), v("sessions.statusOnline", "Online")]
 						}),
 						/* @__PURE__ */ g("span", { children: [
-							I.length,
+							F.length,
 							" ",
-							I.length === 1 ? "tab" : "tabs"
+							F.length === 1 ? "tab" : "tabs"
 						] }),
-						R && /* @__PURE__ */ h("span", {
+						L && /* @__PURE__ */ h("span", {
 							className: "truncate max-w-[40ch]",
-							children: I.find((e) => e.sessionId === R)?.name
+							children: F.find((e) => e.sessionId === L)?.name
 						})
 					]
 				}), /* @__PURE__ */ g("div", {
 					className: "hidden sm:flex items-center gap-3",
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => Zt(!0),
+						onClick: () => Qt(!0),
 						className: "hover:text-text-secondary transition-colors",
 						children: v("sessions.shortcutsHint", "Press ? for shortcuts")
 					}), /* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: () => {
-							$t(""), B(!0);
+							en(""), z(!0);
 						},
 						className: "hover:text-text-secondary transition-colors",
 						children: v("sessions.paletteHint", "Cmd+P · Command palette")
 					})]
 				})]
 			}),
-			k && /* @__PURE__ */ h("div", {
+			At && /* @__PURE__ */ h("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: k
+				children: At
 			}),
 			Tt && Sr(),
 			xr(),
-			Xt && /* @__PURE__ */ h("div", {
+			Zt && /* @__PURE__ */ h("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay/80 backdrop-blur-sm p-4",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "sessions-cheatsheet-title",
-				onClick: () => Zt(!1),
+				onClick: () => Qt(!1),
 				children: /* @__PURE__ */ g("div", {
 					className: "bg-bg-surface border border-border-default rounded-xl shadow-2xl p-6 max-w-md w-full",
 					onClick: (e) => e.stopPropagation(),
@@ -1047,7 +1056,7 @@ function st() {
 							className: "mt-5 flex justify-end",
 							children: /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => Zt(!1),
+								onClick: () => Qt(!1),
 								className: "px-3 py-1.5 text-sm rounded-md bg-bg-sunken hover:bg-bg-secondary text-text-primary transition-colors",
 								children: v("common.close", "Close")
 							})
@@ -1055,22 +1064,22 @@ function st() {
 					]
 				})
 			}),
-			Qt && /* @__PURE__ */ h("div", {
+			$t && /* @__PURE__ */ h("div", {
 				className: "fixed inset-0 z-50 flex items-start justify-center bg-bg-overlay/80 backdrop-blur-sm p-4 pt-20",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "sessions-palette-title",
-				onClick: () => B(!1),
+				onClick: () => z(!1),
 				children: /* @__PURE__ */ g("div", {
 					className: "bg-bg-surface border border-border-default rounded-xl shadow-2xl w-full max-w-lg overflow-hidden",
 					onClick: (e) => e.stopPropagation(),
 					children: [/* @__PURE__ */ h("input", {
 						autoFocus: !0,
 						type: "search",
-						value: V,
-						onChange: (e) => $t(e.target.value),
+						value: B,
+						onChange: (e) => en(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Escape" && B(!1);
+							e.key === "Escape" && z(!1);
 						},
 						placeholder: v("sessions.palette.placeholder", "Search sessions or type a command…"),
 						"aria-label": "Command palette search",
@@ -1080,10 +1089,10 @@ function st() {
 						className: "max-h-80 overflow-y-auto divide-y divide-border-subtle",
 						children: [["new"].map((e) => {
 							let t = v("sessions.palette.new", "New session");
-							return V && !t.toLowerCase().includes(V.toLowerCase()) ? null : /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+							return B && !t.toLowerCase().includes(B.toLowerCase()) ? null : /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: () => {
-									B(!1), E(!0);
+									z(!1), E(!0);
 								},
 								className: "w-full text-left px-4 py-2.5 text-sm hover:bg-bg-sunken transition-colors",
 								children: [/* @__PURE__ */ h("span", {
@@ -1094,10 +1103,10 @@ function st() {
 									children: "Cmd+T"
 								})]
 							}) }, e);
-						}), Z.filter((e) => !V || e.name.toLowerCase().includes(V.toLowerCase())).slice(0, 20).map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+						}), Z.filter((e) => !B || e.name.toLowerCase().includes(B.toLowerCase())).slice(0, 20).map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => {
-								B(!1), Q(e);
+								z(!1), Q(e);
 							},
 							className: "w-full text-left px-4 py-2.5 text-sm hover:bg-bg-sunken transition-colors flex items-center justify-between",
 							children: [/* @__PURE__ */ h("span", {
@@ -1130,22 +1139,22 @@ function st() {
 							children: [
 								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => An().then(() => J()),
+									onClick: () => jn().then(() => q()),
 									className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
 									title: v("sessions.checkHealth", "Check session health"),
 									children: /* @__PURE__ */ h(Le, { className: "size-4" })
 								}),
 								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => J(),
-									disabled: q,
+									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: v("sessions.refreshTitle", "Refresh sessions"),
-									children: /* @__PURE__ */ h(We, { className: `size-4 ${q ? "animate-spin" : ""}` })
+									children: /* @__PURE__ */ h(We, { className: `size-4 ${K ? "animate-spin" : ""}` })
 								}),
 								/* @__PURE__ */ h($e, {
 									label: v("sessions.export", "Export"),
-									disabled: jt,
+									disabled: Mt,
 									testId: "sessions-export",
 									defaultFolderPath: "/Vibecontrols/Sessions",
 									source: {
@@ -1153,7 +1162,7 @@ function st() {
 										filename: `sessions-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`,
 										mimeType: "text/csv",
 										getBlob: async () => {
-											let e = (await Pn({ variables: { input: {
+											let e = (await Fn({ variables: { input: {
 												filter: {
 													status: b === "all" ? void 0 : b,
 													type: x === "all" ? void 0 : x,
@@ -1171,7 +1180,7 @@ function st() {
 									permission: je.SESSION_CREATE,
 									children: /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: () => fn(!0),
+										onClick: () => pn(!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: v("sessions.reconnectTooltip", "Reconnect orphan tmux/wezterm/zellij sessions left over from a previous agent run"),
@@ -1313,7 +1322,7 @@ function st() {
 							X.length,
 							" ",
 							v("nav.sessions", "sessions"),
-							q && /* @__PURE__ */ g("span", {
+							K && /* @__PURE__ */ g("span", {
 								className: "ml-2 text-text-muted",
 								children: [
 									"(",
@@ -1336,7 +1345,7 @@ function st() {
 								onRestart: ur,
 								onOpenTerminal: Q,
 								onShare: pr,
-								selected: j.has(e.id),
+								selected: A.has(e.id),
 								onToggleSelect: () => Xn(e.id)
 							}) }, e.id))
 						}, "grid-view") : /* @__PURE__ */ h(et, { children: /* @__PURE__ */ h(Ne, {
@@ -1348,7 +1357,7 @@ function st() {
 							onTerminate: dr,
 							onOpenTerminal: Q,
 							onShare: pr,
-							selectedIds: j,
+							selectedIds: A,
 							onToggleSelect: Xn,
 							onSelectAll: Zn,
 							onDeselectAll: Qn
@@ -1377,20 +1386,20 @@ function st() {
 							})]
 						})
 					}),
-					k && /* @__PURE__ */ h("div", {
+					At && /* @__PURE__ */ h("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: k
+						children: At
 					})
 				]
 			}),
-			I.length > 0 && /* @__PURE__ */ h(Pe, {
-				tabs: I,
-				activeTabId: R,
-				onTabSelect: z,
+			F.length > 0 && /* @__PURE__ */ h(Pe, {
+				tabs: F,
+				activeTabId: L,
+				onTabSelect: R,
 				onTabClose: mr,
 				onOpenExternal: hr,
-				onToggleCollapse: () => H((e) => !e),
-				collapsed: en,
+				onToggleCollapse: () => V((e) => !e),
+				collapsed: tn,
 				sessions: Z,
 				onOpenTerminal: Q,
 				onRetryTerminal: Q,
@@ -1398,16 +1407,16 @@ function st() {
 				onStopTerminal: _r,
 				onRestartTerminal: vr,
 				heightClass: "h-[280px] sm:h-[380px]",
-				isImmersiveFullscreen: rn,
+				isImmersiveFullscreen: an,
 				onToggleImmersiveFullscreen: yr,
 				contextSwitcher: void 0
 			}),
 			Tt && Sr(),
 			xr(),
-			tn && /* @__PURE__ */ h(Fe, {
-				session: tn,
-				isOpen: !!tn,
-				onClose: () => nn(null)
+			nn && /* @__PURE__ */ h(Fe, {
+				session: nn,
+				isOpen: !!nn,
+				onClose: () => rn(null)
 			}),
 			/* @__PURE__ */ h(e, {
 				isOpen: Et,
@@ -1424,8 +1433,8 @@ function st() {
 		]
 	});
 	function xr() {
-		if (!dn) return null;
-		let e = bn?.agentSessionOrphans ?? [];
+		if (!fn) return null;
+		let e = xn?.agentSessionOrphans ?? [];
 		return /* @__PURE__ */ h("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
 			"data-testid": "sessions-reconnect-modal",
@@ -1448,23 +1457,23 @@ function st() {
 								children: v("sessions.agent", "Agent")
 							}), /* @__PURE__ */ h(Oe, {
 								options: Jn,
-								value: pn,
+								value: mn,
 								onChange: (e) => {
-									mn(e), gn(null), e && yn({ variables: { agentId: e } });
+									hn(e), _n(null), e && bn({ variables: { agentId: e } });
 								},
 								placeholder: v("sessions.selectAgent", "Select an agent"),
 								searchPlaceholder: v("sessions.searchAgents", "Search agents..."),
 								clearable: !0
 							})] }),
-							hn && /* @__PURE__ */ h("div", {
+							gn && /* @__PURE__ */ h("div", {
 								className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
 								"data-testid": "sessions-reconnect-error",
-								children: hn
+								children: gn
 							}),
-							pn && /* @__PURE__ */ h("div", {
+							mn && /* @__PURE__ */ h("div", {
 								"data-testid": "sessions-reconnect-list",
 								className: "space-y-2",
-								children: xn ? /* @__PURE__ */ h("div", {
+								children: Sn ? /* @__PURE__ */ h("div", {
 									className: "text-sm text-text-secondary",
 									children: v("sessions.scanningHost", "Scanning host...")
 								}) : e.length === 0 ? /* @__PURE__ */ h("div", {
@@ -1492,24 +1501,24 @@ function st() {
 										})]
 									}), /* @__PURE__ */ h("button", {
 										type: "button",
-										disabled: _n === e.externalName,
+										disabled: vn === e.externalName,
 										onClick: async () => {
-											vn(e.externalName), gn(null);
+											yn(e.externalName), _n(null);
 											try {
-												await Sn({ variables: {
-													agentId: pn,
+												await Cn({ variables: {
+													agentId: mn,
 													externalName: e.externalName,
 													name: e.externalName
-												} }), await yn({ variables: { agentId: pn } });
+												} }), await bn({ variables: { agentId: mn } });
 											} catch (e) {
-												gn(e instanceof Error ? e.message : String(e));
+												_n(e instanceof Error ? e.message : String(e));
 											} finally {
-												vn(null);
+												yn(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: _n === e.externalName ? v("sessions.adopting", "Adopting…") : v("sessions.adopt", "Adopt")
+										children: vn === e.externalName ? v("sessions.adopting", "Adopting…") : v("sessions.adopt", "Adopt")
 									})]
 								}, e.externalName))
 							})
@@ -1520,7 +1529,7 @@ function st() {
 						children: /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								fn(!1), gn(null);
+								pn(!1), _n(null);
 							},
 							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
 							children: v("common.close", "Close")
@@ -1552,7 +1561,7 @@ function st() {
 								children: v("sessions.name", "Name")
 							}), /* @__PURE__ */ h("input", {
 								"aria-label": "control",
-								ref: Nt,
+								ref: Pt,
 								type: "text",
 								placeholder: v("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"
@@ -1562,8 +1571,8 @@ function st() {
 								children: v("sessions.filterVibe", "Vibe")
 							}), /* @__PURE__ */ h(Oe, {
 								options: qn,
-								value: Lt,
-								onChange: Rt,
+								value: Rt,
+								onChange: zt,
 								placeholder: v("sessions.noVibe", "No vibe"),
 								searchPlaceholder: v("sessions.searchVibes", "Search vibes..."),
 								clearable: !0
@@ -1575,8 +1584,8 @@ function st() {
 								}),
 								/* @__PURE__ */ h(Oe, {
 									options: Jn,
-									value: zt,
-									onChange: Bt,
+									value: Bt,
+									onChange: Vt,
 									placeholder: v("sessions.selectAgent", "Select an agent"),
 									searchPlaceholder: v("sessions.searchAgents", "Search agents..."),
 									clearable: !0
@@ -1591,8 +1600,8 @@ function st() {
 								children: v("sessions.filterType", "Type")
 							}), /* @__PURE__ */ h(Oe, {
 								options: Yn,
-								value: P,
-								onChange: Vt,
+								value: N,
+								onChange: Ht,
 								placeholder: v("sessions.selectType", "Select type"),
 								searchPlaceholder: v("sessions.searchTypes", "Search types...")
 							})] }),
@@ -1601,7 +1610,7 @@ function st() {
 								children: v("sessions.command", "Command")
 							}), /* @__PURE__ */ h("input", {
 								"aria-label": "control",
-								ref: Pt,
+								ref: Ft,
 								type: "text",
 								placeholder: v("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"
@@ -1610,7 +1619,7 @@ function st() {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ h("input", {
 									"aria-label": "autoStart",
-									ref: Ft,
+									ref: It,
 									type: "checkbox",
 									id: "autoStart",
 									className: "size-4 rounded border-border-default"
@@ -1620,19 +1629,19 @@ function st() {
 									children: v("sessions.autoStartWithVibe", "Auto-start with vibe")
 								})]
 							}),
-							(P === "TMUX" || P === "WEZTERM" || P === "ZELLIJ") && /* @__PURE__ */ g("div", {
+							(N === "TMUX" || N === "WEZTERM" || N === "ZELLIJ") && /* @__PURE__ */ g("div", {
 								className: "rounded-md border border-border-default bg-bg-sunken/40",
 								"data-testid": "sessions-create-advanced",
 								children: [/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => Ut((e) => !e),
+									onClick: () => Wt((e) => !e),
 									className: "w-full flex items-center justify-between px-3 py-2 text-sm font-medium text-text-primary",
-									"aria-expanded": Ht,
+									"aria-expanded": Ut,
 									children: [/* @__PURE__ */ h("span", { children: v("sessions.advanced", "Advanced options") }), /* @__PURE__ */ h("span", {
 										className: "text-text-tertiary text-xs",
-										children: Ht ? "▾" : "▸"
+										children: Ut ? "▾" : "▸"
 									})]
-								}), Ht && /* @__PURE__ */ g("div", {
+								}), Ut && /* @__PURE__ */ g("div", {
 									className: "px-3 pb-3 space-y-2",
 									children: [
 										/* @__PURE__ */ h("label", {
@@ -1641,10 +1650,10 @@ function st() {
 										}),
 										/* @__PURE__ */ h("input", {
 											"aria-label": "control",
-											ref: It,
+											ref: Lt,
 											type: "text",
 											"data-testid": "sessions-create-external-name",
-											placeholder: P === "WEZTERM" ? "e.g. vibe-051c9c62 (existing wezterm workspace)" : P === "ZELLIJ" ? "e.g. vibe-051c9c62 (existing zellij session)" : "e.g. vibe-051c9c62 (existing tmux session)",
+											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__ */ h("p", {
@@ -1663,7 +1672,7 @@ function st() {
 							children: v("sessions.tags", "Tags")
 						}), /* @__PURE__ */ h(Se, {
 							entityType: "VIBECONTROLS_SESSION",
-							onDraftChange: ln
+							onDraftChange: un
 						})]
 					}),
 					/* @__PURE__ */ g("div", {