@burdenoff/microfe-vibecontrols 2026.520.1 → 2026.520.2

package/dist/pages/SessionsPage.js

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