@burdenoff/microfe-vibecontrols 2026.529.7 → 2026.529.8

package/dist/pages/SessionsPage.js

@@ -30,13 +30,13 @@ import { Activity as Re, CheckSquare as ze, Grid as Be, List as Ve, Monitor as H
 import { useSearchParams as Ze } from "react-router-dom";
 import { usePermissions as Qe } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AnimatePresence as $e } from "framer-motion";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { SaveToFilesButton as et } from "@burdenoff/fe-libs/storage";
-import { MotionItem as tt, MotionList as nt, MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
-import { AccessDenied as rt, PermissionButton as it } from "@burdenoff/fe-libs/shared/components";
+import { Fragment as et, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { SaveToFilesButton as tt } from "@burdenoff/fe-libs/storage";
+import { MotionItem as nt, MotionList as rt, MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
+import { AccessDenied as it, PermissionButton as at } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/SessionsPage.tsx
-var at = 3e5;
-function ot(e, t) {
+var ot = 3e5;
+function st(e, t) {
 	if (!e) return null;
 	try {
 		let n = new URL(e);
@@ -53,7 +53,7 @@ function ot(e, t) {
 		return e;
 	}
 }
-function st(e, t, n, r) {
+function ct(e, t, n, r) {
 	if (e !== "RUNNING") return e;
 	if (r === !1) return "ERROR";
 	if (!t) return e;
@@ -66,11 +66,11 @@ function st(e, t, n, r) {
 	}
 	return e;
 }
-function ct() {
-	let { t: ct } = Le(), { onSessionStart: lt, workspaceId: ut } = ge(), dt = _e(), { hasPermission: ft, isLoading: pt, permissions: mt } = Qe(), [ht, gt] = Ze(), v = u((e, t, n) => {
-		let r = ct(e, n), i = r === e ? t : r;
+function lt() {
+	let { t: lt } = Le(), { onSessionStart: ut, workspaceId: dt } = ge(), ft = _e(), { hasPermission: pt, isLoading: mt, permissions: ht } = Qe(), [gt, _t] = Ze(), v = u((e, t, n) => {
+		let r = lt(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [ct]), _t = f(() => [
+	}, [lt]), vt = f(() => [
 		{
 			value: "all",
 			label: v("sessions.statusAll", "All Statuses")
@@ -91,7 +91,7 @@ function ct() {
 			value: "ERROR",
 			label: v("common.error", "Error")
 		}
-	], [v]), vt = f(() => [
+	], [v]), yt = f(() => [
 		{
 			value: "all",
 			label: v("sessions.typeAll", "All Types")
@@ -112,66 +112,66 @@ function ct() {
 			value: "CUSTOM",
 			label: v("sessions.typeCustom", "Custom")
 		}
-	], [v]), yt = ft(Me.SESSION_LIST), bt = ft(Me.SESSION_CREATE), [y, xt] = m(""), [b, St] = m("all"), [x, Ct] = m("all"), [S, wt] = m("all"), [C, Tt] = m("all"), [w, T] = m("terminal"), [Et, E] = m(!1), [Dt, D] = m(!1), [Ot, O] = m(null), [kt, At] = m(!1), [jt, k] = m(null), [A, j] = m(/* @__PURE__ */ new Set()), [Mt, M] = m(!1), [Nt, Pt] = m(!1), Ft = p(null), It = p(null), Lt = p(null), Rt = p(null), [zt, Bt] = m(""), [N, Vt] = m(""), [Ht, Ut] = m("default"), [P, Wt] = m("TMUX"), [Gt, Kt] = m(!1), { terminalTabs: qt, activeTerminalTabId: Jt, sessionsViewMode: Yt, setTerminalTabs: Xt, setActiveTerminalTabId: Zt, setSessionsViewMode: Qt, activeSessionId: F } = ve(), [I, L] = m([]), [R, z] = m(null), [$t, en] = m(!1), [tn, B] = m(!1), [V, nn] = m(""), [rn, H] = m(!1), [an, on] = m(null), [sn, cn] = m(!1), [U, ln] = m(!1), W = ht.get("view"), un = ht.get("session"), [dn] = c({ refetchQueries: ["ListSessions"] }), { setDraftTagIds: fn, flushTags: pn } = we("VIBECONTROLS_SESSION"), [mn, hn] = m(!1), [gn, _n] = m(""), [vn, yn] = m(null), [bn, xn] = m(null), [Sn, { data: Cn, loading: wn }] = a({ fetchPolicy: "network-only" }), [Tn] = i({ refetchQueries: ["ListSessions"] }), [En] = ce({ refetchQueries: ["ListSessions"] }), [Dn] = ue({ refetchQueries: ["ListSessions"] }), [On] = ae({ refetchQueries: ["ListSessions"] }), [G] = le({ refetchQueries: ["ListSessions"] }), [kn] = de({ refetchQueries: ["ListSessions"] }), [An] = oe({ refetchQueries: ["ListSessions"] }), [jn] = pe({ refetchQueries: ["ListSessions"] }), [Mn] = fe({ refetchQueries: ["ListSessions"] }), [Nn] = s({ refetchQueries: ["ListSessions"] }), [Pn] = te({ refetchQueries: ["ListSessions"] }), [Fn] = ee({ refetchQueries: ["ListSessions"] }), [In] = o({ refetchQueries: ["ListSessions"] }), [Ln] = ne();
+	], [v]), bt = pt(Me.SESSION_LIST), xt = pt(Me.SESSION_CREATE), [y, St] = m(""), [b, Ct] = m("all"), [x, wt] = m("all"), [S, Tt] = m("all"), [C, Et] = m("all"), [w, T] = m("terminal"), [Dt, E] = m(!1), [Ot, D] = m(!1), [kt, O] = m(null), [At, jt] = m(!1), [Mt, k] = m(null), [A, j] = m(/* @__PURE__ */ new Set()), [Nt, M] = m(!1), [Pt, Ft] = m(!1), It = p(null), Lt = p(null), Rt = p(null), zt = p(null), [Bt, Vt] = m(""), [N, Ht] = m(""), [Ut, Wt] = m("default"), [P, Gt] = m("TMUX"), [Kt, qt] = m(!1), { terminalTabs: Jt, activeTerminalTabId: Yt, sessionsViewMode: Xt, setTerminalTabs: Zt, setActiveTerminalTabId: Qt, setSessionsViewMode: $t, activeSessionId: F } = ve(), [I, L] = m([]), [R, z] = m(null), [en, tn] = m(!1), [nn, B] = m(!1), [V, rn] = m(""), [an, H] = m(!1), [on, sn] = m(null), [cn, ln] = m(!1), [U, un] = m(!1), W = gt.get("view"), dn = gt.get("session"), [fn] = c({ refetchQueries: ["ListSessions"] }), { setDraftTagIds: pn, flushTags: mn } = we("VIBECONTROLS_SESSION"), [hn, gn] = m(!1), [_n, vn] = m(""), [yn, bn] = m(null), [xn, Sn] = m(null), [Cn, { data: wn, loading: Tn }] = a({ fetchPolicy: "network-only" }), [En] = i({ refetchQueries: ["ListSessions"] }), [Dn] = ce({ refetchQueries: ["ListSessions"] }), [On] = ue({ refetchQueries: ["ListSessions"] }), [kn] = ae({ refetchQueries: ["ListSessions"] }), [G] = le({ refetchQueries: ["ListSessions"] }), [An] = de({ refetchQueries: ["ListSessions"] }), [jn] = oe({ refetchQueries: ["ListSessions"] }), [Mn] = pe({ refetchQueries: ["ListSessions"] }), [Nn] = fe({ refetchQueries: ["ListSessions"] }), [Pn] = s({ refetchQueries: ["ListSessions"] }), [Fn] = te({ refetchQueries: ["ListSessions"] }), [In] = ee({ refetchQueries: ["ListSessions"] }), [Ln] = o({ refetchQueries: ["ListSessions"] }), [Rn] = ne();
 	d(() => {
-		U || (W === "terminal" || W === "grid" || W === "list" ? T(W) : Yt && T(Yt), un ? z(un) : Jt && z(Jt), qt.length > 0 && L(qt.map((e) => ({
+		U || (W === "terminal" || W === "grid" || W === "list" ? T(W) : Xt && T(Xt), dn ? z(dn) : Yt && z(Yt), Jt.length > 0 && L(Jt.map((e) => ({
 			sessionId: e.sessionId,
 			name: e.name,
 			terminalUrl: null,
 			loading: !1,
 			error: null
-		}))), ln(!0));
+		}))), un(!0));
 	}, [
-		qt,
 		Jt,
 		Yt,
-		un,
+		Xt,
+		dn,
 		W,
 		U
 	]);
-	let Rn = p(!1);
+	let zn = p(!1);
 	d(() => {
-		U && Xt(I.map((e) => ({
+		U && Zt(I.map((e) => ({
 			sessionId: e.sessionId,
 			name: e.name
 		})));
 	}, [
 		I,
 		U,
-		Xt
+		Zt
 	]), d(() => {
-		U && Zt(R);
+		U && Qt(R);
 	}, [
 		R,
 		U,
-		Zt
+		Qt
 	]), d(() => {
-		U && Qt(w);
+		U && $t(w);
 	}, [
 		w,
 		U,
-		Qt
+		$t
 	]), d(() => {
 		if (!U) return;
-		let e = new URLSearchParams(ht), 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 && gt(e, { replace: !0 });
+		let e = new URLSearchParams(gt), 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 && _t(e, { replace: !0 });
 	}, [
 		R,
-		ht,
 		gt,
+		_t,
 		U,
 		w
 	]);
 	let K = p(null);
 	se({
-		skip: !ut,
-		variables: { workspaceId: ut || "" }
+		skip: !dt,
+		variables: { workspaceId: dt || "" }
 	}), d(() => {
 		let e = setInterval(() => {
-			Nn().catch(() => {});
-		}, at);
+			Pn().catch(() => {});
+		}, ot);
 		return () => clearInterval(e);
-	}, [Nn]), d(() => {
+	}, [Pn]), d(() => {
 		let e = (e) => {
 			let t = e.target;
 			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable) return;
@@ -203,17 +203,17 @@ function ct() {
 				return;
 			}
 			if (n && (e.key === "p" || e.key === "P")) {
-				e.preventDefault(), nn(""), B(!0);
+				e.preventDefault(), rn(""), B(!0);
 				return;
 			}
 			if (!n && !e.altKey && !e.shiftKey && e.key === "?") {
-				e.preventDefault(), en(!0);
+				e.preventDefault(), tn(!0);
 				return;
 			}
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [R, I]);
-	let { data: zn, previousData: Bn, loading: q, error: Vn, refetch: J } = ie({
+	let { data: Bn, previousData: Vn, loading: q, error: Hn, refetch: J } = ie({
 		variables: {
 			filter: {
 				status: b === "all" ? void 0 : b,
@@ -224,17 +224,17 @@ function ct() {
 			pagination: { limit: 50 }
 		},
 		fetchPolicy: b === "all" && x === "all" && S === "all" && C === "all" ? "cache-first" : "cache-and-network"
-	}), Hn = zn ?? Bn, { agents: Un, vibes: Y } = ye(), [Wn, Gn] = he({
+	}), Un = Bn ?? Vn, { agents: Y, vibes: Wn } = ye(), [Gn, Kn] = he({
 		fetchPolicy: "network-only",
 		notifyOnNetworkStatusChange: !0
-	}), { data: Kn } = me(), qn = f(() => {
-		let e = /* @__PURE__ */ new Map(), t = Kn?.vibecontrolsAgentHealthProbeStream ?? Gn.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), { data: qn } = me(), Jn = f(() => {
+		let e = /* @__PURE__ */ new Map(), t = qn?.vibecontrolsAgentHealthProbeStream ?? Kn.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			healthy: n.healthy,
 			error: n.errorMessage ?? null
 		});
 		return e;
-	}, [Gn.data, Kn]), Jn = f(() => [
+	}, [Kn.data, qn]), Yn = f(() => [
 		{
 			value: "all",
 			label: v("sessions.filterVibeAll", "All Vibes")
@@ -243,37 +243,37 @@ function ct() {
 			value: "none",
 			label: v("sessions.filterVibeNone", "No Vibe")
 		},
-		...Y.map((e) => ({
+		...Wn.map((e) => ({
 			value: e.id,
 			label: e.name
 		}))
-	], [Y, v]), Yn = f(() => [{
+	], [Wn, v]), Xn = f(() => [{
 		value: "all",
 		label: v("sessions.filterAgentAll", "All Agents")
-	}, ...Un.map((e) => ({
+	}, ...Y.map((e) => ({
 		value: e.id,
 		label: `${e.name} ${je(e) === "ACTIVE" ? "" : `(${v("sessions.offline", "Offline")})`}`
-	}))], [Un, v]), Xn = f(() => [{
+	}))], [Y, v]), Zn = f(() => [{
 		value: "",
 		label: v("sessions.noVibe", "No vibe")
-	}, ...Y.map((e) => ({
+	}, ...Wn.map((e) => ({
 		value: e.id,
 		label: e.name
-	}))], [Y, v]), Zn = f(() => [{
+	}))], [Wn, v]), Qn = f(() => [{
 		value: "",
 		label: v("sessions.selectAgent", "Select an agent")
-	}, ...Un.map((e) => {
+	}, ...Y.map((e) => {
 		let t = je(e) === "ACTIVE" ? v("sessions.active", "Active") : v("sessions.offline", "Offline");
 		return {
 			value: e.id,
 			label: `${e.name} (${t})`
 		};
-	})], [Un, v]), { data: Qn } = re({
+	})], [Y, v]), { data: $n } = re({
 		variables: { agentId: N },
 		skip: !N,
 		fetchPolicy: "cache-and-network"
-	}), $n = f(() => {
-		let e = (Qn?.vibecontrolsAgentProfiles ?? []).map((e) => ({
+	}), er = f(() => {
+		let e = ($n?.vibecontrolsAgentProfiles ?? []).map((e) => ({
 			value: e.name,
 			label: e.status && e.status !== "ACTIVE" ? `${e.name} (${e.status})` : e.name
 		}));
@@ -281,11 +281,11 @@ function ct() {
 			value: "default",
 			label: "default"
 		}, ...e];
-	}, [Qn]);
+	}, [$n]);
 	d(() => {
-		Ut("default");
+		Wt("default");
 	}, [N]);
-	let er = f(() => [
+	let tr = f(() => [
 		{
 			value: "TMUX",
 			label: v("sessions.typeTmuxLower", "tmux")
@@ -314,8 +314,8 @@ function ct() {
 			value: "CUSTOM",
 			label: v("sessions.typeCustom", "Custom")
 		}
-	], [v]), X = f(() => (Hn?.sessions?.items ?? []).map((e) => {
-		let t = ot(e.ttydUrl || null, e.agent?.tunnelUrl || null);
+	], [v]), X = f(() => (Un?.sessions?.items ?? []).map((e) => {
+		let t = st(e.ttydUrl || null, e.agent?.tunnelUrl || null);
 		return {
 			id: e.id,
 			workspaceId: e.workspaceId,
@@ -324,7 +324,7 @@ function ct() {
 			profile: e.profile ?? "default",
 			name: e.name,
 			type: e.type,
-			status: st(e.status, e.ttydUrl || null, t, e.agent ? je(e.agent) === "ACTIVE" : void 0),
+			status: ct(e.status, e.ttydUrl || null, t, e.agent ? je(e.agent) === "ACTIVE" : void 0),
 			command: e.command || null,
 			workingDirectory: e.workingDirectory || null,
 			environmentVariables: e.environmentVariables || {},
@@ -349,12 +349,12 @@ function ct() {
 				isActive: e.agent.isActive
 			} : void 0
 		};
-	}), [Hn?.sessions?.items]);
+	}), [Un?.sessions?.items]);
 	d(() => {
-		Rn.current || X.length === 0 || I.length === 0 || (Rn.current = !0, Promise.allSettled(I.map(async (e) => {
+		zn.current || X.length === 0 || I.length === 0 || (zn.current = !0, Promise.allSettled(I.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 = ot(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
+				let n = await G({ variables: { id: e.sessionId } }), r = t.agent?.tunnelUrl ?? null, i = st(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
 				L((n) => n.map((n) => n.sessionId === e.sessionId ? {
 					...n,
 					terminalUrl: i,
@@ -432,20 +432,20 @@ function ct() {
 		X,
 		y,
 		S
-	]), tr = u((e) => {
+	]), nr = u((e) => {
 		j((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), nr = u(() => {
+	}, []), rr = u(() => {
 		j(new Set(Z.map((e) => e.id)));
-	}, [Z]), rr = u(() => {
+	}, [Z]), ir = u(() => {
 		j(/* @__PURE__ */ new Set());
-	}, []), ir = Z.length > 0 && A.size === Z.length, ar = A.size > 0, or = u(async () => {
+	}, []), ar = Z.length > 0 && A.size === Z.length, or = A.size > 0, sr = u(async () => {
 		if (A.size !== 0) {
 			M(!0);
 			try {
-				let e = (await Pn({ variables: { ids: Array.from(A) } })).data?.bulkStopSessions;
+				let e = (await Fn({ 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) {
 				k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedStop", "Failed to stop sessions")}`), setTimeout(() => k(null), 5e3);
@@ -455,13 +455,13 @@ function ct() {
 		}
 	}, [
 		A,
-		Pn,
+		Fn,
 		v
-	]), sr = u(async () => {
+	]), cr = u(async () => {
 		if (A.size !== 0) {
 			M(!0);
 			try {
-				let e = (await Fn({ variables: { ids: Array.from(A) } })).data?.bulkRestartSessions;
+				let e = (await In({ 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) {
 				k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedRestart", "Failed to restart sessions")}`), setTimeout(() => k(null), 5e3);
@@ -471,13 +471,13 @@ function ct() {
 		}
 	}, [
 		A,
-		Fn,
+		In,
 		v
-	]), cr = u(async () => {
+	]), lr = u(async () => {
 		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 In({ variables: { ids: Array.from(A) } })).data?.bulkTerminateSessions;
+				let e = (await Ln({ 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) {
 				k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedRemove", "Failed to remove sessions")}`), setTimeout(() => k(null), 5e3);
@@ -487,12 +487,12 @@ function ct() {
 		}
 	}, [
 		A,
-		In,
+		Ln,
 		v
-	]), lr = u(async (e = "CSV") => {
-		Pt(!0);
+	]), ur = u(async (e = "CSV") => {
+		Ft(!0);
 		try {
-			let t = (await Ln({ variables: { input: {
+			let t = (await Rn({ variables: { input: {
 				filter: {
 					status: b === "all" ? void 0 : b,
 					type: x === "all" ? void 0 : x,
@@ -510,44 +510,44 @@ function ct() {
 		} catch (e) {
 			k(`${v("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : v("sessions.failedExport", "Failed to export sessions")}`), setTimeout(() => k(null), 5e3);
 		} finally {
-			Pt(!1);
+			Ft(!1);
 		}
 	}, [
-		Ln,
+		Rn,
 		b,
 		x,
 		S,
 		C,
 		v
-	]), ur = (e) => {
-		dt(`/sessions/${e.id}`);
-	}, dr = () => {
+	]), dr = (e) => {
+		ft(`/sessions/${e.id}`);
+	}, fr = () => {
 		O(null), E(!0);
-	}, fr = async () => {
-		let e = Ft.current?.value?.trim(), t = zt, i = N, a = P, ee = It.current?.value?.trim(), te = Lt.current?.checked ?? !1;
+	}, pr = async () => {
+		let e = It.current?.value?.trim(), t = Bt, i = N, a = P, ee = Lt.current?.value?.trim(), te = Rt.current?.checked ?? !1;
 		if (!e) {
 			O(v("sessions.nameRequired", "Name is required"));
 			return;
 		}
-		let o = Y.find((e) => e.id === t)?.agents ?? [], s = null;
+		let o = Wn.find((e) => e.id === t)?.agents ?? [], s = null;
 		if (i && (!t || o.some((e) => e.id === i)) ? s = i : o.length === 1 && (s = o[0]?.id ?? null), !s) {
 			O(t && o.length === 0 ? v("sessions.noAgentAttached", "This vibe has no agents attached. Attach one from the Vibe → Agents tab before creating sessions.") : t && o.length > 1 ? v("sessions.pickAgentFromVibe", "This vibe has multiple agents attached. Pick one before creating the session.") : v("sessions.agentRequired", "Please select an agent for this session."));
 			return;
 		}
-		let c = qn.get(s);
+		let c = Jn.get(s);
 		if (c && !c.healthy) {
 			O(v("sessions.agentNotHealthy", "The selected agent isn’t fully reachable right now. Please wait for the agent badge to turn green and retry.") + (c.error ? ` (${c.error})` : ""));
 			return;
 		}
-		At(!0), O(null);
+		jt(!0), O(null);
 		try {
-			let i = Rt.current?.value?.trim() || void 0, o = await dn({ variables: { input: {
+			let i = zt.current?.value?.trim() || void 0, o = await fn({ variables: { input: {
 				name: e,
 				type: a || "TMUX",
 				command: ee || void 0,
 				vibeId: t || void 0,
 				agentId: s,
-				profile: Ht?.trim() || "default",
+				profile: Ut?.trim() || "default",
 				autoStart: te,
 				externalSessionName: i
 			} } });
@@ -564,8 +564,8 @@ function ct() {
 				O(v("sessions.failedCreate", "Failed to create session"));
 				return;
 			}
-			if (E(!1), k(v("sessions.createdSuccess", "Session created successfully")), await pn(c), setTimeout(() => k(null), 3e3), o.data?.createSession) {
-				let e = o.data.createSession, t = e.agentId ? Un.find((t) => t.id === e.agentId) : null;
+			if (E(!1), k(v("sessions.createdSuccess", "Session created successfully")), await mn(c), setTimeout(() => k(null), 3e3), o.data?.createSession) {
+				let e = o.data.createSession, t = e.agentId ? Y.find((t) => t.id === e.agentId) : null;
 				Q({
 					id: e.id,
 					workspaceId: e.workspaceId,
@@ -603,11 +603,11 @@ function ct() {
 			}
 			O(e instanceof Error ? e.message : v("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			At(!1);
+			jt(!1);
 		}
-	}, pr = async (e) => {
+	}, mr = async (e) => {
 		try {
-			await En({ variables: { id: e.id } }), lt?.({
+			await Dn({ variables: { id: e.id } }), ut?.({
 				id: e.id,
 				name: e.name,
 				type: e.type,
@@ -620,15 +620,15 @@ function ct() {
 			}
 			console.error("Failed to start session:", e);
 		}
-	}, mr = async (e) => {
+	}, hr = async (e) => {
 		try {
-			await Dn({ variables: { id: e.id } });
+			await On({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to stop session:", e);
 		}
-	}, hr = async (e) => {
+	}, gr = async (e) => {
 		try {
-			await On({ variables: { id: e.id } });
+			await kn({ variables: { id: e.id } });
 		} catch (e) {
 			if (n(e)) {
 				r(), D(!0);
@@ -636,20 +636,20 @@ function ct() {
 			}
 			console.error("Failed to restart session:", e);
 		}
-	}, gr = async (e) => {
+	}, _r = async (e) => {
 		try {
-			await Mn({ variables: { id: e.id } });
+			await Nn({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to terminate session:", e);
 		}
-	}, _r = u((e) => e.ttydUrl || null, []), vr = u((e) => {
-		on(e);
+	}, vr = u((e) => e.ttydUrl || null, []), yr = u((e) => {
+		sn(e);
 	}, []), Q = u(async (e) => {
 		if (I.find((t) => t.sessionId === e.id)?.terminalUrl) {
 			z(e.id), H(!1);
 			return;
 		}
-		let t = _r(e);
+		let t = vr(e);
 		if (t) {
 			let n = {
 				sessionId: e.id,
@@ -679,7 +679,7 @@ function ct() {
 				L(t), R === e.id && z(t.length > 0 ? t[t.length - 1].sessionId : null), r(), D(!0);
 				return;
 			}
-			let i = ot(t.data?.startSessionTerminal?.ttydUrl || null, X.find((t) => t.id === e.id)?.agent?.tunnelUrl ?? null);
+			let i = st(t.data?.startSessionTerminal?.ttydUrl || null, X.find((t) => t.id === e.id)?.agent?.tunnelUrl ?? null);
 			L((t) => t.map((t) => t.sessionId === e.id ? {
 				...t,
 				terminalUrl: i,
@@ -702,7 +702,7 @@ function ct() {
 	}, [
 		R,
 		I,
-		_r,
+		vr,
 		G
 	]);
 	d(() => {
@@ -716,17 +716,17 @@ function ct() {
 		I,
 		U
 	]);
-	let yr = u((e) => {
+	let br = u((e) => {
 		L((t) => t.filter((t) => t.sessionId !== e)), R === e && z(() => {
 			let t = I.filter((t) => t.sessionId !== e);
 			return t.length > 0 ? t[t.length - 1].sessionId : null;
 		});
-	}, [R, I]), br = u((e) => {
+	}, [R, I]), xr = u((e) => {
 		let t = I.find((t) => t.sessionId === e);
 		t?.terminalUrl && window.open(t.terminalUrl, "_blank");
-	}, [I]), xr = u(async (e, t) => {
+	}, [I]), Sr = u(async (e, t) => {
 		try {
-			await jn({ variables: {
+			await Mn({ variables: {
 				id: e,
 				input: { name: t }
 			} }), L((n) => n.map((n) => n.sessionId === e ? {
@@ -736,9 +736,9 @@ function ct() {
 		} catch (e) {
 			console.error("Failed to rename session:", e);
 		}
-	}, [jn]), Sr = u(async (e) => {
+	}, [Mn]), Cr = u(async (e) => {
 		try {
-			await kn({ variables: { id: e } }), L((t) => t.map((t) => t.sessionId === e ? {
+			await An({ variables: { id: e } }), L((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				terminalUrl: null,
 				error: v("sessions.terminalStopped", "Terminal stopped")
@@ -746,7 +746,7 @@ function ct() {
 		} catch (e) {
 			console.error("Failed to stop terminal:", e);
 		}
-	}, [kn]), Cr = u(async (e) => {
+	}, [An]), wr = u(async (e) => {
 		let t = I.find((t) => t.sessionId === e) || null;
 		try {
 			L((t) => t.map((t) => t.sessionId === e ? {
@@ -755,7 +755,7 @@ function ct() {
 				error: null,
 				terminalUrl: null
 			} : t));
-			let i = await An({ variables: { id: e } });
+			let i = await jn({ variables: { id: e } });
 			if (i.error && n(i.error)) {
 				L((n) => n.map((n) => n.sessionId === e ? {
 					...n,
@@ -789,38 +789,38 @@ function ct() {
 				error: a
 			} : t));
 		}
-	}, [An, I]), wr = u(() => {
-		cn((e) => !e);
+	}, [jn, I]), Tr = u(() => {
+		ln((e) => !e);
 	}, []), $ = {
 		total: X.length,
 		running: X.filter((e) => e.status === "RUNNING").length,
 		stopped: X.filter((e) => e.status === "STOPPED").length
 	};
-	if (pt) return /* @__PURE__ */ h(_, {
+	if (mt) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: /* @__PURE__ */ h(xe, { message: v("sessions.loadingPermissions", "Loading permissions...") })
 	});
-	if (mt && mt.permissionStrings?.length > 0 && !yt) return /* @__PURE__ */ h(_, {
+	if (ht && ht.permissionStrings?.length > 0 && !bt) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ h(rt, {
+		children: /* @__PURE__ */ h(it, {
 			title: v("common.accessDeniedTitle", "Access Denied"),
 			description: v("sessions.accessDeniedDescription", "You don't have permission to view sessions."),
 			details: v("sessions.requiredPermission", "Required permission: session:list")
 		})
 	});
-	if (q && !Bn && X.length === 0) return /* @__PURE__ */ h(_, {
+	if (q && !Vn && 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, { message: v("sessions.loading", "Loading sessions...") })
 	});
-	if (Vn && X.length === 0) return /* @__PURE__ */ h(_, {
+	if (Hn && X.length === 0) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: /* @__PURE__ */ h(Se, {
 			title: v("sessions.failedLoad", "Failed to load sessions"),
-			message: Vn.message,
+			message: Hn.message,
 			onRetry: () => J()
 		})
 	});
-	let Tr = () => !ar || w === "terminal" ? null : /* @__PURE__ */ g("div", {
+	let Er = () => !or || 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",
@@ -830,8 +830,8 @@ function ct() {
 			children: [
 				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: or,
-					disabled: Mt,
+					onClick: sr,
+					disabled: Nt,
 					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(qe, { className: "size-3" }),
@@ -841,8 +841,8 @@ function ct() {
 				}),
 				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: sr,
-					disabled: Mt,
+					onClick: cr,
+					disabled: Nt,
 					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" }),
@@ -852,8 +852,8 @@ function ct() {
 				}),
 				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: cr,
-					disabled: Mt,
+					onClick: lr,
+					disabled: Nt,
 					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(Ye, { className: "size-3" }),
@@ -863,7 +863,7 @@ function ct() {
 				}),
 				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: rr,
+					onClick: ir,
 					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
 					children: [
 						/* @__PURE__ */ h(Xe, { className: "size-3" }),
@@ -873,7 +873,55 @@ function ct() {
 				})
 			]
 		})]
-	});
+	}), Dr = /* @__PURE__ */ g("div", {
+		className: "flex items-center gap-0.5 rounded-md bg-bg-sunken p-0.5 flex-shrink-0",
+		children: [
+			/* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => T("terminal"),
+				className: `p-1.5 rounded ${w === "terminal" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+				title: v("sessions.terminalViewTitle", "Terminal view"),
+				"aria-label": v("sessions.terminalViewTitle", "Terminal view"),
+				children: /* @__PURE__ */ h(He, { className: "size-4 text-text-secondary" })
+			}),
+			/* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => T("grid"),
+				className: `p-1.5 rounded ${w === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+				title: v("sessions.gridViewTitle", "Grid view"),
+				"aria-label": v("sessions.gridViewTitle", "Grid view"),
+				children: /* @__PURE__ */ h(Be, { className: "size-4 text-text-secondary" })
+			}),
+			/* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => T("list"),
+				className: `p-1.5 rounded ${w === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+				title: v("sessions.listViewTitle", "List view"),
+				"aria-label": v("sessions.listViewTitle", "List view"),
+				children: /* @__PURE__ */ h(Ve, { className: "size-4 text-text-secondary" })
+			})
+		]
+	}), Or = /* @__PURE__ */ g(et, { children: [
+		Dt && Ar(),
+		kr(),
+		on && /* @__PURE__ */ h(Ie, {
+			session: on,
+			isOpen: !!on,
+			onClose: () => sn(null)
+		}),
+		/* @__PURE__ */ h(e, {
+			isOpen: Ot,
+			onClose: () => D(!1),
+			onConfirm: () => {
+				D(!1), ft("/billing");
+			},
+			title: t("session").title,
+			message: t("session").message,
+			confirmLabel: "View Billing",
+			cancelLabel: "Dismiss",
+			variant: "warning"
+		})
+	] });
 	if (w === "terminal") return /* @__PURE__ */ g(_, {
 		className: "flex flex-col bg-bg-surface h-screen",
 		children: [
@@ -896,7 +944,7 @@ function ct() {
 					children: [
 						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => Nn().then(() => J()),
+							onClick: () => Pn().then(() => J()),
 							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors",
 							title: v("sessions.checkHealth", "Check session health"),
 							children: /* @__PURE__ */ h(Re, { className: "size-3.5" })
@@ -904,39 +952,14 @@ function ct() {
 						/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								J(), Wn();
+								J(), Gn();
 							},
 							disabled: q,
 							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(Ge, { className: `size-3.5 ${q ? "animate-spin" : ""}` })
 						}),
-						/* @__PURE__ */ g("div", {
-							className: "flex items-center gap-0.5 rounded bg-bg-surface p-0.5",
-							children: [
-								/* @__PURE__ */ h("button", {
-									type: "button",
-									onClick: () => T("terminal"),
-									className: "p-1.5 rounded bg-bg-sunken shadow-sm",
-									title: v("sessions.terminalViewTitle", "Terminal view"),
-									children: /* @__PURE__ */ h(He, { className: "size-3.5 text-text-secondary" })
-								}),
-								/* @__PURE__ */ h("button", {
-									type: "button",
-									onClick: () => T("grid"),
-									className: "p-1.5 rounded hover:bg-bg-sunken/50",
-									title: v("sessions.gridViewTitle", "Grid view"),
-									children: /* @__PURE__ */ h(Be, { className: "size-3.5 text-text-secondary" })
-								}),
-								/* @__PURE__ */ h("button", {
-									type: "button",
-									onClick: () => T("list"),
-									className: "p-1.5 rounded hover:bg-bg-sunken/50",
-									title: v("sessions.listViewTitle", "List view"),
-									children: /* @__PURE__ */ h(Ve, { className: "size-3.5 text-text-secondary" })
-								})
-							]
-						})
+						Dr
 					]
 				})]
 			}),
@@ -951,23 +974,23 @@ function ct() {
 				tabs: I,
 				activeTabId: R,
 				onTabSelect: z,
-				onTabClose: yr,
-				onOpenExternal: br,
+				onTabClose: br,
+				onOpenExternal: xr,
 				collapsed: !1,
 				sessions: Z,
 				onOpenTerminal: Q,
 				onRetryTerminal: Q,
-				onRenameSession: xr,
-				onStopTerminal: Sr,
+				onRenameSession: Sr,
+				onStopTerminal: Cr,
 				onStopSession: (e) => {
 					let t = X.find((t) => t.id === e);
-					t && mr(t);
+					t && hr(t);
 				},
-				onRestartTerminal: Cr,
-				onCreateSession: dr,
+				onRestartTerminal: wr,
+				onCreateSession: fr,
 				fullScreen: !0,
-				isImmersiveFullscreen: sn,
-				onToggleImmersiveFullscreen: wr,
+				isImmersiveFullscreen: cn,
+				onToggleImmersiveFullscreen: Tr,
 				contextSwitcher: void 0
 			}),
 			/* @__PURE__ */ g("div", {
@@ -996,31 +1019,31 @@ function ct() {
 					className: "hidden sm:flex items-center gap-3",
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => en(!0),
+						onClick: () => tn(!0),
 						className: "hover:text-text-secondary transition-colors",
 						children: v("sessions.shortcutsHint", "Press ? for shortcuts")
 					}), /* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: () => {
-							nn(""), B(!0);
+							rn(""), B(!0);
 						},
 						className: "hover:text-text-secondary transition-colors",
 						children: v("sessions.paletteHint", "Cmd+P · Command palette")
 					})]
 				})]
 			}),
-			jt && /* @__PURE__ */ h("div", {
+			Mt && /* @__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: jt
+				children: Mt
 			}),
-			Et && Dr(),
-			Er(),
-			$t && /* @__PURE__ */ h("div", {
+			Dt && Ar(),
+			kr(),
+			en && /* @__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: () => en(!1),
+				onClick: () => tn(!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(),
@@ -1095,7 +1118,7 @@ function ct() {
 							className: "mt-5 flex justify-end",
 							children: /* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: () => en(!1),
+								onClick: () => tn(!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")
 							})
@@ -1103,7 +1126,7 @@ function ct() {
 					]
 				})
 			}),
-			tn && /* @__PURE__ */ h("div", {
+			nn && /* @__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",
@@ -1116,7 +1139,7 @@ function ct() {
 						autoFocus: !0,
 						type: "search",
 						value: V,
-						onChange: (e) => nn(e.target.value),
+						onChange: (e) => rn(e.target.value),
 						onKeyDown: (e) => {
 							e.key === "Escape" && B(!1);
 						},
@@ -1158,7 +1181,8 @@ function ct() {
 						}) }, e.id))]
 					})]
 				})
-			})
+			}),
+			Or
 		]
 	});
 	return /* @__PURE__ */ g(_, {
@@ -1178,7 +1202,7 @@ function ct() {
 							children: [
 								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => Nn().then(() => J()),
+									onClick: () => Pn().then(() => J()),
 									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(Re, { className: "size-4" })
@@ -1191,9 +1215,9 @@ function ct() {
 									title: v("sessions.refreshTitle", "Refresh sessions"),
 									children: /* @__PURE__ */ h(Ge, { className: `size-4 ${q ? "animate-spin" : ""}` })
 								}),
-								/* @__PURE__ */ h(et, {
+								/* @__PURE__ */ h(tt, {
 									label: v("sessions.export", "Export"),
-									disabled: Nt,
+									disabled: Pt,
 									testId: "sessions-export",
 									defaultFolderPath: "/Vibecontrols/Sessions",
 									source: {
@@ -1201,7 +1225,7 @@ function ct() {
 										filename: `sessions-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`,
 										mimeType: "text/csv",
 										getBlob: async () => {
-											let e = (await Ln({ variables: { input: {
+											let e = (await Rn({ variables: { input: {
 												filter: {
 													status: b === "all" ? void 0 : b,
 													type: x === "all" ? void 0 : x,
@@ -1213,28 +1237,29 @@ function ct() {
 											return e ? { blob: new Blob([e.data], { type: "text/csv" }) } : null;
 										}
 									},
-									onDownload: () => lr("CSV")
+									onDownload: () => ur("CSV")
 								}),
-								/* @__PURE__ */ h(it, {
+								/* @__PURE__ */ h(at, {
 									permission: Me.SESSION_CREATE,
 									children: /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: () => hn(!0),
+										onClick: () => gn(!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"),
 										children: [/* @__PURE__ */ h(Ge, { className: "size-4" }), v("sessions.reconnect", "Reconnect")]
 									})
 								}),
-								/* @__PURE__ */ h(it, {
+								/* @__PURE__ */ h(at, {
 									permission: Me.SESSION_CREATE,
 									children: /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: dr,
+										onClick: fr,
 										className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 										children: [/* @__PURE__ */ h(We, { className: "size-4" }), v("sessions.newSession", "New Session")]
 									})
-								})
+								}),
+								Dr
 							]
 						})
 					}),
@@ -1245,65 +1270,40 @@ function ct() {
 					/* @__PURE__ */ g("div", {
 						"data-tour": "sessions-filters",
 						className: "space-y-3",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
-							children: [/* @__PURE__ */ h(Ee, {
+							children: /* @__PURE__ */ h(Ee, {
 								value: y,
-								onChange: xt,
+								onChange: St,
 								placeholder: v("sessions.searchPlaceholder", "Search sessions..."),
 								className: "flex-1 sm:w-64 sm:flex-none"
-							}), /* @__PURE__ */ g("div", {
-								className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
-								children: [
-									/* @__PURE__ */ h("button", {
-										type: "button",
-										onClick: () => T("terminal"),
-										className: "p-1.5 sm:p-2 rounded hover:bg-bg-surface/50",
-										title: v("sessions.terminalViewTitle", "Terminal view"),
-										children: /* @__PURE__ */ h(He, { className: "size-4 text-text-secondary" })
-									}),
-									/* @__PURE__ */ h("button", {
-										type: "button",
-										onClick: () => T("grid"),
-										className: `p-1.5 sm:p-2 rounded ${w === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-										title: v("sessions.gridViewTitle", "Grid view"),
-										children: /* @__PURE__ */ h(Be, { className: "size-4 text-text-secondary" })
-									}),
-									/* @__PURE__ */ h("button", {
-										type: "button",
-										onClick: () => T("list"),
-										className: `p-1.5 sm:p-2 rounded ${w === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-										title: v("sessions.listViewTitle", "List view"),
-										children: /* @__PURE__ */ h(Ve, { className: "size-4 text-text-secondary" })
-									})
-								]
-							})]
+							})
 						}), /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 							children: [
 								/* @__PURE__ */ h(De, {
 									label: v("sessions.filterStatus", "Status"),
 									value: b,
-									options: _t,
-									onChange: St
+									options: vt,
+									onChange: Ct
 								}),
 								/* @__PURE__ */ h(De, {
 									label: v("sessions.filterType", "Type"),
 									value: x,
-									options: vt,
-									onChange: Ct
+									options: yt,
+									onChange: wt
 								}),
 								/* @__PURE__ */ h(De, {
 									label: v("sessions.filterVibe", "Vibe"),
 									value: S,
-									options: Jn,
-									onChange: wt
+									options: Yn,
+									onChange: Tt
 								}),
 								/* @__PURE__ */ h(De, {
 									label: v("sessions.filterAgent", "Agent"),
 									value: C,
-									options: Yn,
-									onChange: Tt
+									options: Xn,
+									onChange: Et
 								})
 							]
 						})]
@@ -1313,7 +1313,7 @@ function ct() {
 						children: [
 							/* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => St("RUNNING"),
+								onClick: () => Ct("RUNNING"),
 								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${b === "RUNNING" ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
 								children: [
 									/* @__PURE__ */ h(Ue, { className: "size-3" }),
@@ -1326,7 +1326,7 @@ function ct() {
 							}),
 							/* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => St("STOPPED"),
+								onClick: () => Ct("STOPPED"),
 								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${b === "STOPPED" ? "bg-bg-sunken text-text-secondary" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
 								children: [
 									/* @__PURE__ */ h(qe, { className: "size-3" }),
@@ -1341,14 +1341,14 @@ function ct() {
 								className: "sm:ml-auto flex items-center gap-2",
 								children: Z.length > 0 && /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: ir ? rr : nr,
+									onClick: ar ? ir : rr,
 									className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:text-text-primary transition-colors",
-									children: [/* @__PURE__ */ h(ze, { className: "size-3.5" }), ir ? v("sessions.deselectAll", "Deselect All") : v("sessions.selectAll", "Select All")]
+									children: [/* @__PURE__ */ h(ze, { className: "size-3.5" }), ar ? v("sessions.deselectAll", "Deselect All") : v("sessions.selectAll", "Select All")]
 								})
 							})
 						]
 					}),
-					Tr(),
+					Er(),
 					y || b !== "all" || x !== "all" || S !== "all" || C !== "all" ? /* @__PURE__ */ g("p", {
 						className: "text-sm text-text-secondary",
 						children: [
@@ -1373,33 +1373,33 @@ function ct() {
 					}) : null,
 					/* @__PURE__ */ h($e, {
 						mode: "wait",
-						children: Z.length > 0 ? w === "grid" ? /* @__PURE__ */ h(nt, {
+						children: Z.length > 0 ? w === "grid" ? /* @__PURE__ */ h(rt, {
 							stagger: .04,
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-							children: Z.map((e) => /* @__PURE__ */ h(tt, { children: /* @__PURE__ */ h(Ne, {
+							children: Z.map((e) => /* @__PURE__ */ h(nt, { children: /* @__PURE__ */ h(Ne, {
 								session: e,
-								onOpen: ur,
-								onStart: pr,
-								onStop: mr,
-								onRestart: hr,
+								onOpen: dr,
+								onStart: mr,
+								onStop: hr,
+								onRestart: gr,
 								onOpenTerminal: Q,
-								onShare: vr,
+								onShare: yr,
 								selected: A.has(e.id),
-								onToggleSelect: () => tr(e.id)
+								onToggleSelect: () => nr(e.id)
 							}) }, e.id))
-						}, "grid-view") : /* @__PURE__ */ h(tt, { children: /* @__PURE__ */ h(Pe, {
+						}, "grid-view") : /* @__PURE__ */ h(nt, { children: /* @__PURE__ */ h(Pe, {
 							sessions: Z,
-							onOpen: ur,
-							onStart: pr,
-							onStop: mr,
-							onRestart: hr,
-							onTerminate: gr,
+							onOpen: dr,
+							onStart: mr,
+							onStop: hr,
+							onRestart: gr,
+							onTerminate: _r,
 							onOpenTerminal: Q,
-							onShare: vr,
+							onShare: yr,
 							selectedIds: A,
-							onToggleSelect: tr,
-							onSelectAll: nr,
-							onDeselectAll: rr
+							onToggleSelect: nr,
+							onSelectAll: rr,
+							onDeselectAll: ir
 						}) }, "list-view") : /* @__PURE__ */ g("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ h(Oe, {
@@ -1411,9 +1411,9 @@ function ct() {
 								description: y || b !== "all" || x !== "all" || S !== "all" || C !== "all" ? v("sessions.emptyAdjustSearch", "Try adjusting your search or filters") : v("sessions.emptyDescription", "Sessions require an active agent. Install the CLI agent first, then start a session."),
 								action: !y && b === "all" && x === "all" && S === "all" && C === "all" ? /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [bt && /* @__PURE__ */ g("button", {
+									children: [xt && /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: dr,
+										onClick: fr,
 										className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
 										children: [
 											/* @__PURE__ */ h(We, { className: "size-4" }),
@@ -1425,9 +1425,9 @@ function ct() {
 							})]
 						})
 					}),
-					jt && /* @__PURE__ */ h("div", {
+					Mt && /* @__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: jt
+						children: Mt
 					})
 				]
 			}),
@@ -1435,49 +1435,31 @@ function ct() {
 				tabs: I,
 				activeTabId: R,
 				onTabSelect: z,
-				onTabClose: yr,
-				onOpenExternal: br,
+				onTabClose: br,
+				onOpenExternal: xr,
 				onToggleCollapse: () => H((e) => !e),
-				collapsed: rn,
+				collapsed: an,
 				sessions: Z,
 				onOpenTerminal: Q,
 				onRetryTerminal: Q,
-				onRenameSession: xr,
-				onStopTerminal: Sr,
+				onRenameSession: Sr,
+				onStopTerminal: Cr,
 				onStopSession: (e) => {
 					let t = X.find((t) => t.id === e);
-					t && mr(t);
+					t && hr(t);
 				},
-				onRestartTerminal: Cr,
+				onRestartTerminal: wr,
 				heightClass: "h-[280px] sm:h-[380px]",
-				isImmersiveFullscreen: sn,
-				onToggleImmersiveFullscreen: wr,
+				isImmersiveFullscreen: cn,
+				onToggleImmersiveFullscreen: Tr,
 				contextSwitcher: void 0
 			}),
-			Et && Dr(),
-			Er(),
-			an && /* @__PURE__ */ h(Ie, {
-				session: an,
-				isOpen: !!an,
-				onClose: () => on(null)
-			}),
-			/* @__PURE__ */ h(e, {
-				isOpen: Dt,
-				onClose: () => D(!1),
-				onConfirm: () => {
-					D(!1), dt("/billing");
-				},
-				title: t("session").title,
-				message: t("session").message,
-				confirmLabel: "View Billing",
-				cancelLabel: "Dismiss",
-				variant: "warning"
-			})
+			Or
 		]
 	});
-	function Er() {
-		if (!mn) return null;
-		let e = Cn?.agentSessionOrphans ?? [];
+	function kr() {
+		if (!hn) return null;
+		let e = wn?.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",
@@ -1499,24 +1481,24 @@ function ct() {
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: v("sessions.agent", "Agent")
 							}), /* @__PURE__ */ h(l, {
-								options: Zn,
-								value: gn,
+								options: Qn,
+								value: _n,
 								onChange: (e) => {
-									_n(e), yn(null), e && Sn({ variables: { agentId: e } });
+									vn(e), bn(null), e && Cn({ variables: { agentId: e } });
 								},
 								placeholder: v("sessions.selectAgent", "Select an agent"),
 								searchPlaceholder: v("sessions.searchAgents", "Search agents..."),
 								clearable: !0
 							})] }),
-							vn && /* @__PURE__ */ h("div", {
+							yn && /* @__PURE__ */ h("div", {
 								className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
 								"data-testid": "sessions-reconnect-error",
-								children: vn
+								children: yn
 							}),
-							gn && /* @__PURE__ */ h("div", {
+							_n && /* @__PURE__ */ h("div", {
 								"data-testid": "sessions-reconnect-list",
 								className: "space-y-2",
-								children: wn ? /* @__PURE__ */ h("div", {
+								children: Tn ? /* @__PURE__ */ h("div", {
 									className: "text-sm text-text-secondary",
 									children: v("sessions.scanningHost", "Scanning host...")
 								}) : e.length === 0 ? /* @__PURE__ */ h("div", {
@@ -1544,24 +1526,24 @@ function ct() {
 										})]
 									}), /* @__PURE__ */ h("button", {
 										type: "button",
-										disabled: bn === e.externalName,
+										disabled: xn === e.externalName,
 										onClick: async () => {
-											xn(e.externalName), yn(null);
+											Sn(e.externalName), bn(null);
 											try {
-												await Tn({ variables: {
-													agentId: gn,
+												await En({ variables: {
+													agentId: _n,
 													externalName: e.externalName,
 													name: e.externalName
-												} }), await Sn({ variables: { agentId: gn } });
+												} }), await Cn({ variables: { agentId: _n } });
 											} catch (e) {
-												yn(e instanceof Error ? e.message : String(e));
+												bn(e instanceof Error ? e.message : String(e));
 											} finally {
-												xn(null);
+												Sn(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: bn === e.externalName ? v("sessions.adopting", "Adopting…") : v("sessions.adopt", "Adopt")
+										children: xn === e.externalName ? v("sessions.adopting", "Adopting…") : v("sessions.adopt", "Adopt")
 									})]
 								}, e.externalName))
 							})
@@ -1572,7 +1554,7 @@ function ct() {
 						children: /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								hn(!1), yn(null);
+								gn(!1), bn(null);
 							},
 							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
 							children: v("common.close", "Close")
@@ -1582,7 +1564,7 @@ function ct() {
 			})
 		});
 	}
-	function Dr() {
+	function Ar() {
 		return /* @__PURE__ */ h("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
 			children: /* @__PURE__ */ g("div", {
@@ -1595,16 +1577,16 @@ function ct() {
 					/* @__PURE__ */ g("div", {
 						className: "space-y-4",
 						children: [
-							Ot && /* @__PURE__ */ h("div", {
+							kt && /* @__PURE__ */ h("div", {
 								className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
-								children: Ot
+								children: kt
 							}),
 							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: v("sessions.name", "Name")
 							}), /* @__PURE__ */ h("input", {
 								"aria-label": "control",
-								ref: Ft,
+								ref: It,
 								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"
@@ -1613,9 +1595,9 @@ function ct() {
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: v("sessions.filterVibe", "Vibe")
 							}), /* @__PURE__ */ h(l, {
-								options: Xn,
-								value: zt,
-								onChange: Bt,
+								options: Zn,
+								value: Bt,
+								onChange: Vt,
 								placeholder: v("sessions.noVibe", "No vibe"),
 								searchPlaceholder: v("sessions.searchVibes", "Search vibes..."),
 								clearable: !0
@@ -1626,9 +1608,9 @@ function ct() {
 									children: v("sessions.filterAgent", "Agent")
 								}),
 								/* @__PURE__ */ h(l, {
-									options: Zn,
+									options: Qn,
 									value: N,
-									onChange: Vt,
+									onChange: Ht,
 									placeholder: v("sessions.selectAgent", "Select an agent"),
 									searchPlaceholder: v("sessions.searchAgents", "Search agents..."),
 									clearable: !0
@@ -1644,9 +1626,9 @@ function ct() {
 									children: v("sessions.profile", "Profile")
 								}),
 								/* @__PURE__ */ h(l, {
-									options: $n,
-									value: Ht,
-									onChange: Ut,
+									options: er,
+									value: Ut,
+									onChange: Wt,
 									placeholder: v("sessions.selectProfile", "default"),
 									searchPlaceholder: v("sessions.searchProfiles", "Search profiles...")
 								}),
@@ -1659,9 +1641,9 @@ function ct() {
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: v("sessions.filterType", "Type")
 							}), /* @__PURE__ */ h(l, {
-								options: er,
+								options: tr,
 								value: P,
-								onChange: Wt,
+								onChange: Gt,
 								placeholder: v("sessions.selectType", "Select type"),
 								searchPlaceholder: v("sessions.searchTypes", "Search types...")
 							})] }),
@@ -1670,7 +1652,7 @@ function ct() {
 								children: v("sessions.command", "Command")
 							}), /* @__PURE__ */ h("input", {
 								"aria-label": "control",
-								ref: It,
+								ref: Lt,
 								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"
@@ -1679,7 +1661,7 @@ function ct() {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ h("input", {
 									"aria-label": "autoStart",
-									ref: Lt,
+									ref: Rt,
 									type: "checkbox",
 									id: "autoStart",
 									className: "size-4 rounded border-border-default"
@@ -1694,14 +1676,14 @@ function ct() {
 								"data-testid": "sessions-create-advanced",
 								children: [/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => Kt((e) => !e),
+									onClick: () => qt((e) => !e),
 									className: "w-full flex items-center justify-between px-3 py-2 text-sm font-medium text-text-primary",
-									"aria-expanded": Gt,
+									"aria-expanded": Kt,
 									children: [/* @__PURE__ */ h("span", { children: v("sessions.advanced", "Advanced options") }), /* @__PURE__ */ h("span", {
 										className: "text-text-tertiary text-xs",
-										children: Gt ? "▾" : "▸"
+										children: Kt ? "▾" : "▸"
 									})]
-								}), Gt && /* @__PURE__ */ g("div", {
+								}), Kt && /* @__PURE__ */ g("div", {
 									className: "px-3 pb-3 space-y-2",
 									children: [
 										/* @__PURE__ */ h("label", {
@@ -1710,7 +1692,7 @@ function ct() {
 										}),
 										/* @__PURE__ */ h("input", {
 											"aria-label": "control",
-											ref: Rt,
+											ref: zt,
 											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)",
@@ -1732,7 +1714,7 @@ function ct() {
 							children: v("sessions.tags", "Tags")
 						}), /* @__PURE__ */ h(Ce, {
 							entityType: "VIBECONTROLS_SESSION",
-							onDraftChange: fn
+							onDraftChange: pn
 						})]
 					}),
 					/* @__PURE__ */ g("div", {
@@ -1740,15 +1722,15 @@ function ct() {
 						children: [/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => E(!1),
-							disabled: kt,
+							disabled: At,
 							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
 							children: v("common.cancel", "Cancel")
 						}), /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: fr,
-							disabled: kt,
+							onClick: pr,
+							disabled: At,
 							className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-							children: kt ? v("sessions.creating", "Creating...") : v("sessions.createSession", "Create Session")
+							children: At ? v("sessions.creating", "Creating...") : v("sessions.createSession", "Create Session")
 						})]
 					})
 				]
@@ -1757,6 +1739,6 @@ function ct() {
 	}
 }
 //#endregion
-export { ct as SessionsPage };
+export { lt as SessionsPage };
 
 //# sourceMappingURL=SessionsPage.js.map