@burdenoff/microfe-vibecontrols 2026.602.2 → 2026.602.4

package/dist/pages/SessionsPage.js

@@ -1,50 +1,52 @@
-import { useAdoptAgentSessionMutation as e, useAgentSessionOrphansLazyQuery as t, useBulkRestartSessionsMutation as n, useBulkStopSessionsMutation as r, useBulkTerminateSessionsMutation as i, useCheckSessionHealthMutation as a, useCreateSessionMutation as o, useExportSessionsMutation as s, useListAgentProfilesQuery as c, useListSessionsQuery as ee, useRestartSessionMutation as te, useRestartSessionTerminalMutation as ne, useSessionStatusChangedSubscription as re, useStartSessionMutation as ie, useStartSessionTerminalMutation as ae, useStopSessionMutation as oe, useStopSessionTerminalMutation as se, useTerminateSessionMutation as ce, useUpdateSessionMutation as le, useVibecontrolsAgentHealthProbeStreamSubscription as ue, useVibecontrolsAgentHealthProbesLazyQuery as de } from "../generated/wspace-operations.js";
-import { ConfirmDialog as fe } from "../components/shared/ConfirmDialog.js";
-import { getQuotaDialogContent as pe, isQuotaExhaustedError as l, markQuotaHandledLocally as u } from "../utils/quotaUtils.js";
-import { useVibeControls as me, useVibeNavigate as he } from "../providers/VibeControlsProvider.js";
-import { useVibeControlsStore as ge } from "../store/vibeControlsStore.js";
-import _e from "../hooks/useCachedInitialData.js";
-import { PageHeader as ve } from "../components/shared/PageHeader.js";
-import { LoadingState as ye } from "../components/shared/LoadingState.js";
-import { ErrorState as be } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as xe } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as Se } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as Ce } from "../components/shared/EmptyState.js";
-import { SearchInput as we } from "../components/shared/SearchInput.js";
-import { FilterDropdown as Te } from "../components/shared/FilterDropdown.js";
-import { AgentSetupBanner as Ee } from "../components/shared/AgentSetupBanner.js";
-import { GetHelpButton as De } from "../components/shared/GetHelpButton.js";
-import { SearchableSelect as Oe } from "../components/shared/SearchableSelect.js";
-import ke from "../components/shared/SessionNotificationBanner.js";
-import { getAgentStatus as Ae } from "../components/agents/agentStatus.js";
+import { useAdoptAgentSessionMutation as e, useAgentSessionOrphansLazyQuery as t, useBulkRestartSessionsMutation as n, useBulkStopSessionsMutation as r, useBulkTerminateSessionsMutation as i, useCheckSessionHealthMutation as a, useCreateSessionMutation as o, useExportSessionsMutation as ee, useListAgentProfilesQuery as s, useListSessionsQuery as te, useRestartSessionMutation as ne, useRestartSessionTerminalMutation as re, useSessionStatusChangedSubscription as ie, useStartSessionMutation as ae, useStartSessionTerminalMutation as oe, useStopSessionMutation as se, useStopSessionTerminalMutation as ce, useTerminateSessionMutation as le, useUpdateSessionMutation as ue, useVibecontrolsAgentHealthProbeStreamSubscription as de, useVibecontrolsAgentHealthProbesLazyQuery as fe } from "../generated/wspace-operations.js";
+import { ConfirmDialog as pe } from "../components/shared/ConfirmDialog.js";
+import { getQuotaDialogContent as me, isQuotaExhaustedError as c, markQuotaHandledLocally as l } from "../utils/quotaUtils.js";
+import { useVibeControls as he, useVibeNavigate as ge } from "../providers/VibeControlsProvider.js";
+import { useVibeControlsStore as _e } from "../store/vibeControlsStore.js";
+import ve from "../hooks/useCachedInitialData.js";
+import { PageHeader as ye } from "../components/shared/PageHeader.js";
+import { LoadingState as be } from "../components/shared/LoadingState.js";
+import { ErrorState as xe } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as Se } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as Ce } from "../hooks/useDraftEntityTags.js";
+import { EmptyState as we } from "../components/shared/EmptyState.js";
+import { SearchInput as Te } from "../components/shared/SearchInput.js";
+import { FilterDropdown as Ee } from "../components/shared/FilterDropdown.js";
+import { AgentSetupBanner as De } from "../components/shared/AgentSetupBanner.js";
+import { GetHelpButton as Oe } from "../components/shared/GetHelpButton.js";
+import { SearchableSelect as ke } from "../components/shared/SearchableSelect.js";
+import Ae from "../components/shared/SessionNotificationBanner.js";
+import { getAgentStatus as je } from "../components/agents/agentStatus.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as je } from "../constants/permissions.js";
-import { AgentInfoPopover as Me, TargetInfoPopover as Ne } from "../components/sessions/EntityInfoPopover.js";
-import { SessionCard as Pe } from "../components/sessions/SessionCard.js";
-import { SessionList as Fe } from "../components/sessions/SessionList.js";
-import { TerminalPanel as Ie } from "../components/sessions/TerminalPanel.js";
-import { SessionShareDialog as Le } from "../components/sessions/SessionShareDialog.js";
-import { SessionGroup as Re } from "../components/sessions/SessionGroup.js";
-import { groupSessions as ze } from "../components/sessions/groupSessions.js";
-import { buildSessionShortcuts as Be } from "../components/sessions/sessionShortcuts.js";
-import { ShortcutCheatsheet as Ve } from "../components/sessions/ShortcutCheatsheet.js";
-import { SessionsCommandPalette as He } from "../components/sessions/SessionsCommandPalette.js";
-import { SessionInfoPanel as Ue } from "../components/sessions/SessionInfoPanel.js";
+import { VIBE_PERMISSIONS as Me } from "../constants/permissions.js";
+import { EntityShareButton as Ne } from "../components/sharing/EntityShareButton.js";
+import "../components/sharing/index.js";
+import { AgentInfoPopover as Pe, TargetInfoPopover as Fe } from "../components/sessions/EntityInfoPopover.js";
+import { SessionCard as Ie } from "../components/sessions/SessionCard.js";
+import { SessionList as Le } from "../components/sessions/SessionList.js";
+import { TerminalPanel as Re } from "../components/sessions/TerminalPanel.js";
+import { SessionShareDialog as ze } from "../components/sessions/SessionShareDialog.js";
+import { SessionGroup as Be } from "../components/sessions/SessionGroup.js";
+import { groupSessions as Ve } from "../components/sessions/groupSessions.js";
+import { buildSessionShortcuts as He } from "../components/sessions/sessionShortcuts.js";
+import { ShortcutCheatsheet as Ue } from "../components/sessions/ShortcutCheatsheet.js";
+import { SessionsCommandPalette as We } from "../components/sessions/SessionsCommandPalette.js";
+import { SessionInfoPanel as Ge } from "../components/sessions/SessionInfoPanel.js";
 import "../components/sessions/index.js";
-import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { useI18n as We } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Activity as Ge, CheckSquare as Ke, Grid as qe, Info as Je, Keyboard as Ye, Layers as Xe, List as Ze, Monitor as Qe, MonitorSmartphone as $e, Play as et, Plus as tt, RefreshCw as nt, RotateCcw as rt, Server as it, Share2 as at, Square as ot, Terminal as st, Trash2 as ct, XSquare as lt } from "lucide-react";
-import { useSearchParams as ut } from "react-router-dom";
-import { usePermissions as dt } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as ft } from "framer-motion";
-import { Fragment as pt, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useEventBus as mt } from "@burdenoff/fe-libs/shared/events";
-import { SaveToFilesButton as ht } from "@burdenoff/fe-libs/storage";
-import { AccessDenied as gt, PermissionButton as _t } from "@burdenoff/fe-libs/shared/components";
-import { MotionItem as vt, MotionList as yt, MotionPage as v } from "@burdenoff/fe-libs/shared/motion";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { useI18n as Ke } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as qe, CheckSquare as Je, Grid as Ye, Info as Xe, Keyboard as Ze, Layers as Qe, List as $e, Monitor as et, MonitorSmartphone as tt, Play as nt, Plus as rt, RefreshCw as it, RotateCcw as at, Server as ot, Share2 as st, Square as ct, Terminal as lt, Trash2 as ut, XSquare as dt } from "lucide-react";
+import { useSearchParams as ft } from "react-router-dom";
+import { usePermissions as pt } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as mt } from "framer-motion";
+import { Fragment as ht, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useEventBus as gt } from "@burdenoff/fe-libs/shared/events";
+import { SaveToFilesButton as _t } from "@burdenoff/fe-libs/storage";
+import { AccessDenied as vt, PermissionButton as yt } from "@burdenoff/fe-libs/shared/components";
+import { MotionItem as bt, MotionList as xt, MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/SessionsPage.tsx
-var bt = 3e5;
-function xt(e, t) {
+var St = 3e5;
+function Ct(e, t) {
 	if (!e) return null;
 	try {
 		let n = new URL(e);
@@ -61,7 +63,7 @@ function xt(e, t) {
 		return e;
 	}
 }
-function St(e, t, n, r) {
+function wt(e, t, n, r) {
 	if (e !== "RUNNING") return e;
 	if (r === !1) return "ERROR";
 	if (!t) return e;
@@ -74,221 +76,221 @@ function St(e, t, n, r) {
 	}
 	return e;
 }
-function Ct() {
-	let { t: Ct } = We(), { onSessionStart: wt, workspaceId: y } = me(), b = mt(), x = he(), { hasPermission: Tt, isLoading: Et, permissions: Dt } = dt(), [S, Ot] = ut(), C = d((e, t, n) => {
-		let r = Ct(e, n), i = r === e ? t : r;
+function Tt() {
+	let { t: Tt } = Ke(), { onSessionStart: Et, workspaceId: v } = he(), y = gt(), b = ge(), { hasPermission: Dt, isLoading: Ot, permissions: kt } = pt(), [At, jt] = ft(), x = u((e, t, n) => {
+		let r = Tt(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [Ct]), kt = p(() => [
+	}, [Tt]), Mt = f(() => [
 		{
 			value: "all",
-			label: C("sessions.statusAll", "All Statuses")
+			label: x("sessions.statusAll", "All Statuses")
 		},
 		{
 			value: "RUNNING",
-			label: C("sessions.running", "Running")
+			label: x("sessions.running", "Running")
 		},
 		{
 			value: "STOPPED",
-			label: C("sessions.stopped", "Stopped")
+			label: x("sessions.stopped", "Stopped")
 		},
 		{
 			value: "STARTING",
-			label: C("sessions.starting", "Starting")
+			label: x("sessions.starting", "Starting")
 		},
 		{
 			value: "ERROR",
-			label: C("common.error", "Error")
+			label: x("common.error", "Error")
 		}
-	], [C]), At = p(() => [
+	], [x]), Nt = f(() => [
 		{
 			value: "all",
-			label: C("sessions.typeAll", "All Types")
+			label: x("sessions.typeAll", "All Types")
 		},
 		{
 			value: "TMUX",
-			label: C("sessions.typeTmux", "Tmux")
+			label: x("sessions.typeTmux", "Tmux")
 		},
 		{
 			value: "TERMINAL",
-			label: C("sessions.typeTerminal", "Terminal")
+			label: x("sessions.typeTerminal", "Terminal")
 		},
 		{
 			value: "SCRIPT",
-			label: C("sessions.typeScript", "Script")
+			label: x("sessions.typeScript", "Script")
 		},
 		{
 			value: "CUSTOM",
-			label: C("sessions.typeCustom", "Custom")
+			label: x("sessions.typeCustom", "Custom")
 		}
-	], [C]), jt = Tt(je.SESSION_LIST), Mt = Tt(je.SESSION_CREATE), Nt = Tt(je.SESSION_UPDATE), [w, Pt] = h(""), [T, Ft] = h("all"), [E, It] = h("all"), [D, Lt] = h("all"), [O, Rt] = h("all"), [k, zt] = h("all"), [A, j] = h("none"), [Bt, Vt] = h(() => /* @__PURE__ */ new Set()), [M, N] = h("terminal"), [Ht, P] = h(!1), [Ut, F] = h(!1), [Wt, I] = h(null), [Gt, Kt] = h(!1), [qt, L] = h(null), [R, z] = h(/* @__PURE__ */ new Set()), [Jt, Yt] = h(!1), [Xt, Zt] = h(!1), Qt = m(null), $t = m(null), en = m(null), tn = m(null), nn = m(null), [rn, an] = h(""), [on, sn] = h(""), [cn, ln] = h("default"), [B, un] = h("TMUX"), [dn, fn] = h(!1), { terminalTabs: pn, activeTerminalTabId: mn, sessionsViewMode: hn, sessionsGroupBy: gn, sessionsTargetFilter: _n, setTerminalTabs: vn, setActiveTerminalTabId: yn, setSessionsViewMode: bn, setSessionsGroupBy: xn, setSessionsTargetFilter: Sn, sessionInfoPanelOpen: Cn, setSessionInfoPanelOpen: wn, activeSessionId: V } = ge(), [H, U] = h([]), [W, G] = h(null), [Tn, En] = h(!1), [Dn, On] = h(!1), [kn, K] = h(!1), [An, jn] = h(null), [Mn, Nn] = h(!1), [q, Pn] = h(!1), Fn = S.get("view"), In = S.get("session"), Ln = S.get("group"), Rn = S.get("target"), [zn] = o({ refetchQueries: ["ListSessions"] }), { setDraftTagIds: Bn, flushTags: Vn } = Se("VIBECONTROLS_SESSION"), [Hn, Un] = h(!1), [Wn, Gn] = h(""), [Kn, qn] = h(null), [Jn, Yn] = h(null), [Xn, { data: Zn, loading: Qn }] = t({ fetchPolicy: "network-only" }), [$n] = e({ refetchQueries: ["ListSessions"] }), [er] = ie({ refetchQueries: ["ListSessions"] }), [tr] = oe({ refetchQueries: ["ListSessions"] }), [nr] = te({ refetchQueries: ["ListSessions"] }), [J] = ae({ refetchQueries: ["ListSessions"] }), [rr] = se({ refetchQueries: ["ListSessions"] }), [ir] = ne({ refetchQueries: ["ListSessions"] }), [ar] = le({ refetchQueries: ["ListSessions"] }), [or] = ce({ refetchQueries: ["ListSessions"] }), [sr] = a({ refetchQueries: ["ListSessions"] }), [cr] = r({ refetchQueries: ["ListSessions"] }), [lr] = n({ refetchQueries: ["ListSessions"] }), [ur] = i({ refetchQueries: ["ListSessions"] }), [dr] = s();
-	f(() => {
-		q || (Fn === "terminal" || Fn === "grid" || Fn === "list" ? N(Fn) : hn && N(hn), In ? G(In) : mn && G(mn), Ln && [
+	], [x]), Pt = Dt(Me.SESSION_LIST), Ft = Dt(Me.SESSION_CREATE), It = Dt(Me.SESSION_UPDATE), [S, Lt] = m(""), [C, Rt] = m("all"), [w, zt] = m("all"), [T, Bt] = m("all"), [E, Vt] = m("all"), [D, Ht] = m("all"), [O, k] = m("none"), [Ut, Wt] = m(() => /* @__PURE__ */ new Set()), [A, j] = m("terminal"), [Gt, M] = m(!1), [Kt, N] = m(!1), [qt, P] = m(null), [Jt, Yt] = m(!1), [Xt, F] = m(null), [I, L] = m(/* @__PURE__ */ new Set()), [Zt, Qt] = m(!1), [$t, en] = m(!1), tn = p(null), nn = p(null), rn = p(null), an = p(null), on = p(null), [sn, cn] = m(""), [ln, un] = m(""), [dn, fn] = m("default"), [R, pn] = m("TMUX"), [mn, hn] = m(!1), { terminalTabs: gn, activeTerminalTabId: _n, sessionsViewMode: vn, sessionsGroupBy: yn, sessionsTargetFilter: bn, setTerminalTabs: xn, setActiveTerminalTabId: Sn, setSessionsViewMode: Cn, setSessionsGroupBy: wn, setSessionsTargetFilter: Tn, sessionInfoPanelOpen: En, setSessionInfoPanelOpen: Dn, activeSessionId: z } = _e(), [B, V] = m([]), [H, U] = m(null), [On, kn] = m(!1), [An, jn] = m(!1), [Mn, W] = m(!1), [Nn, Pn] = m(null), [Fn, In] = m(!1), [G, Ln] = m(!1), Rn = At.get("view"), zn = At.get("session"), Bn = At.get("group"), Vn = At.get("target"), [Hn] = o({ refetchQueries: ["ListSessions"] }), { setDraftTagIds: Un, flushTags: Wn } = Ce("VIBECONTROLS_SESSION"), [Gn, Kn] = m(!1), [qn, Jn] = m(""), [Yn, Xn] = m(null), [Zn, Qn] = m(null), [$n, { data: er, loading: tr }] = t({ fetchPolicy: "network-only" }), [nr] = e({ refetchQueries: ["ListSessions"] }), [rr] = ae({ refetchQueries: ["ListSessions"] }), [ir] = se({ refetchQueries: ["ListSessions"] }), [ar] = ne({ refetchQueries: ["ListSessions"] }), [K] = oe({ refetchQueries: ["ListSessions"] }), [or] = ce({ refetchQueries: ["ListSessions"] }), [sr] = re({ refetchQueries: ["ListSessions"] }), [cr] = ue({ refetchQueries: ["ListSessions"] }), [lr] = le({ refetchQueries: ["ListSessions"] }), [ur] = a({ refetchQueries: ["ListSessions"] }), [dr] = r({ refetchQueries: ["ListSessions"] }), [fr] = n({ refetchQueries: ["ListSessions"] }), [pr] = i({ refetchQueries: ["ListSessions"] }), [mr] = ee();
+	d(() => {
+		G || (Rn === "terminal" || Rn === "grid" || Rn === "list" ? j(Rn) : vn && j(vn), zn ? U(zn) : _n && U(_n), Bn && [
 			"none",
 			"agent",
 			"target",
 			"vibe",
 			"status",
 			"type"
-		].includes(Ln) ? j(Ln) : gn && j(gn), Rn ? zt(Rn) : _n && zt(_n), pn.length > 0 && U(pn.map((e) => ({
+		].includes(Bn) ? k(Bn) : yn && k(yn), Vn ? Ht(Vn) : bn && Ht(bn), gn.length > 0 && V(gn.map((e) => ({
 			sessionId: e.sessionId,
 			name: e.name,
 			pinned: e.pinned,
 			terminalUrl: null,
 			loading: !1,
 			error: null
-		}))), Pn(!0));
+		}))), Ln(!0));
 	}, [
-		pn,
-		mn,
-		hn,
 		gn,
 		_n,
-		In,
-		Fn,
-		Ln,
+		vn,
+		yn,
+		bn,
+		zn,
 		Rn,
-		q
+		Bn,
+		Vn,
+		G
 	]);
-	let fr = m(!1);
-	f(() => {
-		q && vn(H.map((e) => ({
+	let hr = p(!1);
+	d(() => {
+		G && xn(B.map((e) => ({
 			sessionId: e.sessionId,
 			name: e.name,
 			pinned: e.pinned
 		})));
 	}, [
-		H,
-		q,
-		vn
-	]), f(() => {
-		q && yn(W);
-	}, [
-		W,
-		q,
-		yn
-	]), f(() => {
-		q && bn(M);
+		B,
+		G,
+		xn
+	]), d(() => {
+		G && Sn(H);
 	}, [
-		M,
-		q,
-		bn
-	]), f(() => {
-		q && xn(A);
+		H,
+		G,
+		Sn
+	]), d(() => {
+		G && Cn(A);
 	}, [
 		A,
-		q,
-		xn
-	]), f(() => {
-		q && Sn(k);
+		G,
+		Cn
+	]), d(() => {
+		G && wn(O);
 	}, [
-		k,
-		q,
-		Sn
-	]), f(() => {
-		if (!q) return;
-		let e = new URLSearchParams(S), t = !1, n = M === "terminal" ? null : M;
-		n ? e.get("view") !== n && (e.set("view", n), t = !0) : e.has("view") && (e.delete("view"), t = !0), W ? e.get("session") !== W && (e.set("session", W), t = !0) : e.has("session") && (e.delete("session"), t = !0), A === "none" ? e.has("group") && (e.delete("group"), t = !0) : e.get("group") !== A && (e.set("group", A), t = !0), k === "all" ? e.has("target") && (e.delete("target"), t = !0) : e.get("target") !== k && (e.set("target", k), t = !0), t && Ot(e, { replace: !0 });
+		O,
+		G,
+		wn
+	]), d(() => {
+		G && Tn(D);
 	}, [
-		W,
-		S,
-		Ot,
-		q,
-		M,
+		D,
+		G,
+		Tn
+	]), d(() => {
+		if (!G) return;
+		let e = new URLSearchParams(At), t = !1, n = A === "terminal" ? null : A;
+		n ? e.get("view") !== n && (e.set("view", n), t = !0) : e.has("view") && (e.delete("view"), t = !0), H ? e.get("session") !== H && (e.set("session", H), t = !0) : e.has("session") && (e.delete("session"), t = !0), O === "none" ? e.has("group") && (e.delete("group"), t = !0) : e.get("group") !== O && (e.set("group", O), t = !0), D === "all" ? e.has("target") && (e.delete("target"), t = !0) : e.get("target") !== D && (e.set("target", D), t = !0), t && jt(e, { replace: !0 });
+	}, [
+		H,
+		At,
+		jt,
+		G,
 		A,
-		k
+		O,
+		D
 	]);
-	let pr = m(null);
-	re({
-		skip: !y,
-		variables: { workspaceId: y || "" }
-	}), f(() => {
+	let gr = p(null);
+	ie({
+		skip: !v,
+		variables: { workspaceId: v || "" }
+	}), d(() => {
 		let e = setInterval(() => {
-			sr().catch(() => {});
-		}, bt);
+			ur().catch(() => {});
+		}, St);
 		return () => clearInterval(e);
-	}, [sr]);
-	let { data: mr, previousData: hr, loading: gr, error: _r, refetch: Y } = ee({
+	}, [ur]);
+	let { data: _r, previousData: vr, loading: q, error: yr, refetch: J } = te({
 		variables: {
 			filter: {
-				status: T === "all" ? void 0 : T,
-				type: E === "all" ? void 0 : E,
-				vibeId: D !== "all" && D !== "none" ? D : void 0,
-				agentId: O === "all" ? void 0 : O
+				status: C === "all" ? void 0 : C,
+				type: w === "all" ? void 0 : w,
+				vibeId: T !== "all" && T !== "none" ? T : void 0,
+				agentId: E === "all" ? void 0 : E
 			},
 			pagination: { limit: 50 }
 		},
-		fetchPolicy: T === "all" && E === "all" && D === "all" && O === "all" ? "cache-first" : "cache-and-network"
-	}), vr = mr ?? hr, { agents: yr, vibes: br } = _e(), [xr, Sr] = de({
+		fetchPolicy: C === "all" && w === "all" && T === "all" && E === "all" ? "cache-first" : "cache-and-network"
+	}), br = _r ?? vr, { agents: xr, vibes: Sr } = ve(), [Cr, wr] = fe({
 		fetchPolicy: "network-only",
 		notifyOnNetworkStatusChange: !0
-	}), { data: Cr } = ue(), wr = p(() => {
-		let e = /* @__PURE__ */ new Map(), t = Cr?.vibecontrolsAgentHealthProbeStream ?? Sr.data?.vibecontrolsAgentHealthProbes ?? [];
+	}), { data: Tr } = de(), Er = f(() => {
+		let e = /* @__PURE__ */ new Map(), t = Tr?.vibecontrolsAgentHealthProbeStream ?? wr.data?.vibecontrolsAgentHealthProbes ?? [];
 		for (let n of t) e.set(n.agentId, {
 			healthy: n.healthy,
 			error: n.errorMessage ?? null
 		});
 		return e;
-	}, [Sr.data, Cr]), Tr = p(() => [
+	}, [wr.data, Tr]), Dr = f(() => [
 		{
 			value: "all",
-			label: C("sessions.filterVibeAll", "All Vibes")
+			label: x("sessions.filterVibeAll", "All Vibes")
 		},
 		{
 			value: "none",
-			label: C("sessions.filterVibeNone", "No Vibe")
+			label: x("sessions.filterVibeNone", "No Vibe")
 		},
-		...br.map((e) => ({
+		...Sr.map((e) => ({
 			value: e.id,
 			label: e.name
 		}))
-	], [br, C]), Er = p(() => [{
+	], [Sr, x]), Or = f(() => [{
 		value: "all",
-		label: C("sessions.filterAgentAll", "All Agents")
-	}, ...yr.map((e) => ({
+		label: x("sessions.filterAgentAll", "All Agents")
+	}, ...xr.map((e) => ({
 		value: e.id,
-		label: `${e.name} ${Ae(e) === "ACTIVE" ? "" : `(${C("sessions.offline", "Offline")})`}`
-	}))], [yr, C]), Dr = p(() => [
+		label: `${e.name} ${je(e) === "ACTIVE" ? "" : `(${x("sessions.offline", "Offline")})`}`
+	}))], [xr, x]), kr = f(() => [
 		{
 			value: "agent",
-			label: C("sessions.groupBy.agent", "Agent")
+			label: x("sessions.groupBy.agent", "Agent")
 		},
 		{
 			value: "target",
-			label: C("sessions.groupBy.target", "Target")
+			label: x("sessions.groupBy.target", "Target")
 		},
 		{
 			value: "vibe",
-			label: C("sessions.groupBy.vibe", "Vibe")
+			label: x("sessions.groupBy.vibe", "Vibe")
 		},
 		{
 			value: "status",
-			label: C("sessions.groupBy.status", "Status")
+			label: x("sessions.groupBy.status", "Status")
 		},
 		{
 			value: "type",
-			label: C("sessions.groupBy.type", "Type")
+			label: x("sessions.groupBy.type", "Type")
 		}
-	], [C]), Or = p(() => [{
+	], [x]), Ar = f(() => [{
 		value: "",
-		label: C("sessions.noVibe", "No vibe")
-	}, ...br.map((e) => ({
+		label: x("sessions.noVibe", "No vibe")
+	}, ...Sr.map((e) => ({
 		value: e.id,
 		label: e.name
-	}))], [br, C]), kr = p(() => [{
+	}))], [Sr, x]), jr = f(() => [{
 		value: "",
-		label: C("sessions.selectAgent", "Select an agent")
-	}, ...yr.map((e) => {
-		let t = Ae(e) === "ACTIVE" ? C("sessions.active", "Active") : C("sessions.offline", "Offline");
+		label: x("sessions.selectAgent", "Select an agent")
+	}, ...xr.map((e) => {
+		let t = je(e) === "ACTIVE" ? x("sessions.active", "Active") : x("sessions.offline", "Offline");
 		return {
 			value: e.id,
 			label: `${e.name} (${t})`
 		};
-	})], [yr, C]), { data: Ar } = c({
-		variables: { agentId: on },
-		skip: !on,
+	})], [xr, x]), { data: Mr } = s({
+		variables: { agentId: ln },
+		skip: !ln,
 		fetchPolicy: "cache-and-network"
-	}), jr = p(() => {
-		let e = (Ar?.vibecontrolsAgentProfiles ?? []).map((e) => ({
+	}), Nr = f(() => {
+		let e = (Mr?.vibecontrolsAgentProfiles ?? []).map((e) => ({
 			value: e.name,
 			label: e.status && e.status !== "ACTIVE" ? `${e.name} (${e.status})` : e.name
 		}));
@@ -296,41 +298,41 @@ function Ct() {
 			value: "default",
 			label: "default"
 		}, ...e];
-	}, [Ar]);
-	f(() => {
-		ln("default");
-	}, [on]);
-	let Mr = p(() => [
+	}, [Mr]);
+	d(() => {
+		fn("default");
+	}, [ln]);
+	let Pr = f(() => [
 		{
 			value: "TMUX",
-			label: C("sessions.typeTmuxLower", "tmux")
+			label: x("sessions.typeTmuxLower", "tmux")
 		},
 		{
 			value: "WEZTERM",
-			label: C("sessions.typeWezTerm", "WezTerm")
+			label: x("sessions.typeWezTerm", "WezTerm")
 		},
 		{
 			value: "ZELLIJ",
-			label: C("sessions.typeZellij", "Zellij")
+			label: x("sessions.typeZellij", "Zellij")
 		},
 		{
 			value: "TERMINAL",
-			label: C("sessions.typeTerminal", "Terminal")
+			label: x("sessions.typeTerminal", "Terminal")
 		},
 		{
 			value: "SSH",
-			label: C("sessions.typeSsh", "SSH")
+			label: x("sessions.typeSsh", "SSH")
 		},
 		{
 			value: "SCRIPT",
-			label: C("sessions.typeScript", "Script")
+			label: x("sessions.typeScript", "Script")
 		},
 		{
 			value: "CUSTOM",
-			label: C("sessions.typeCustom", "Custom")
+			label: x("sessions.typeCustom", "Custom")
 		}
-	], [C]), X = p(() => (vr?.sessions?.items ?? []).map((e) => {
-		let t = xt(e.ttydUrl || null, e.agent?.tunnelUrl || null);
+	], [x]), Y = f(() => (br?.sessions?.items ?? []).map((e) => {
+		let t = Ct(e.ttydUrl || null, e.agent?.tunnelUrl || null);
 		return {
 			id: e.id,
 			workspaceId: e.workspaceId,
@@ -339,7 +341,7 @@ function Ct() {
 			profile: e.profile ?? "default",
 			name: e.name,
 			type: e.type,
-			status: St(e.status, e.ttydUrl || null, t, e.agent ? Ae(e.agent) === "ACTIVE" : void 0),
+			status: wt(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 || {},
@@ -376,26 +378,26 @@ function Ct() {
 				} : null
 			} : void 0
 		};
-	}), [vr?.sessions?.items]), Nr = p(() => {
+	}), [br?.sessions?.items]), Fr = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of X) {
+		for (let t of Y) {
 			let n = t.agent?.target;
 			n && !e.has(n.id) && e.set(n.id, n.name);
 		}
 		return [{
 			value: "all",
-			label: C("sessions.filterTargetAll", "All Targets")
+			label: x("sessions.filterTargetAll", "All Targets")
 		}, ...Array.from(e.entries()).map(([e, t]) => ({
 			value: e,
 			label: t
 		}))];
-	}, [X, C]);
-	f(() => {
-		fr.current || X.length === 0 || H.length === 0 || (fr.current = !0, Promise.allSettled(H.map(async (e) => {
-			let t = X.find((t) => t.id === e.sessionId);
+	}, [Y, x]);
+	d(() => {
+		hr.current || Y.length === 0 || B.length === 0 || (hr.current = !0, Promise.allSettled(B.map(async (e) => {
+			let t = Y.find((t) => t.id === e.sessionId);
 			if (t) try {
-				let n = await J({ variables: { id: e.sessionId } }), r = t.agent?.tunnelUrl ?? null, i = xt(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
-				U((n) => n.map((n) => n.sessionId === e.sessionId ? {
+				let n = await K({ variables: { id: e.sessionId } }), r = t.agent?.tunnelUrl ?? null, i = Ct(n.data?.startSessionTerminal?.ttydUrl ?? null, r);
+				V((n) => n.map((n) => n.sessionId === e.sessionId ? {
 					...n,
 					terminalUrl: i,
 					agentId: t.agent?.id ?? n.agentId ?? null,
@@ -403,7 +405,7 @@ function Ct() {
 					error: null
 				} : n));
 			} catch (n) {
-				console.warn("[sessions] tab restore startSessionTerminal failed", n), U((n) => n.map((n) => n.sessionId === e.sessionId && t.ttydUrl ? {
+				console.warn("[sessions] tab restore startSessionTerminal failed", n), V((n) => n.map((n) => n.sessionId === e.sessionId && t.ttydUrl ? {
 					...n,
 					terminalUrl: t.ttydUrl,
 					agentId: t.agent?.id ?? n.agentId ?? null,
@@ -412,22 +414,22 @@ function Ct() {
 			}
 		})));
 	}, [
-		X,
-		H,
-		J
-	]), f(() => {
-		if (!q || !V) {
-			pr.current = V;
+		Y,
+		B,
+		K
+	]), d(() => {
+		if (!G || !z) {
+			gr.current = z;
 			return;
 		}
-		if (pr.current === null && V) {
-			pr.current = V;
+		if (gr.current === null && z) {
+			gr.current = z;
 			return;
 		}
-		if (pr.current === V) return;
-		pr.current = V;
-		let e = X.find((e) => e.id === V);
-		if (e) if (H.find((e) => e.sessionId === V)) G(V), K(!1);
+		if (gr.current === z) return;
+		gr.current = z;
+		let e = Y.find((e) => e.id === z);
+		if (e) if (B.find((e) => e.sessionId === z)) U(z), W(!1);
 		else {
 			let t = e.ttydUrl || null, n = {
 				sessionId: e.id,
@@ -438,17 +440,17 @@ function Ct() {
 				loading: !t,
 				error: null
 			};
-			U((e) => [...e, n]), G(V), K(!1), t || J({ variables: { id: e.id } }).then((t) => {
+			V((e) => [...e, n]), U(z), W(!1), t || K({ variables: { id: e.id } }).then((t) => {
 				let n = t.data?.startSessionTerminal?.ttydUrl || null;
-				U((t) => t.map((t) => t.sessionId === e.id ? {
+				V((t) => t.map((t) => t.sessionId === e.id ? {
 					...t,
 					terminalUrl: n,
 					loading: !1,
-					error: n ? null : C("sessions.terminalStartedNoUrl", "Terminal started but no URL was returned. Try restarting.")
+					error: n ? null : x("sessions.terminalStartedNoUrl", "Terminal started but no URL was returned. Try restarting.")
 				} : t));
 			}).catch((t) => {
-				let n = t instanceof Error ? t.message : C("sessions.failedStartTerminal", "Failed to start terminal");
-				U((t) => t.map((t) => t.sessionId === e.id ? {
+				let n = t instanceof Error ? t.message : x("sessions.failedStartTerminal", "Failed to start terminal");
+				V((t) => t.map((t) => t.sessionId === e.id ? {
 					...t,
 					loading: !1,
 					error: n
@@ -456,171 +458,171 @@ function Ct() {
 			});
 		}
 	}, [
-		V,
-		X,
-		H,
-		q,
-		J
+		z,
+		Y,
+		B,
+		G,
+		K
 	]);
-	let Z = p(() => X.filter((e) => {
-		if (w) {
-			let t = w.toLowerCase();
+	let X = f(() => Y.filter((e) => {
+		if (S) {
+			let t = S.toLowerCase();
 			if (!(e.name.toLowerCase().includes(t) || e.command?.toLowerCase().includes(t) || e.workingDirectory?.toLowerCase().includes(t))) return !1;
 		}
-		return !(D === "none" && e.vibeId || k !== "all" && e.agent?.target?.id !== k);
+		return !(T === "none" && e.vibeId || D !== "all" && e.agent?.target?.id !== D);
 	}), [
-		X,
-		w,
-		D,
-		k
-	]), Pr = p(() => ze(Z, A), [Z, A]), Fr = d((e) => {
-		z((t) => {
+		Y,
+		S,
+		T,
+		D
+	]), Ir = f(() => Ve(X, O), [X, O]), Lr = u((e) => {
+		L((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ir = d(() => {
-		z(new Set(Z.map((e) => e.id)));
-	}, [Z]), Lr = d(() => {
-		z(/* @__PURE__ */ new Set());
-	}, []), Rr = d((e) => {
-		z((t) => {
+	}, []), Rr = u(() => {
+		L(new Set(X.map((e) => e.id)));
+	}, [X]), zr = u(() => {
+		L(/* @__PURE__ */ new Set());
+	}, []), Br = u((e) => {
+		L((t) => {
 			let n = new Set(t);
 			return e.length > 0 && e.every((e) => n.has(e)) ? e.forEach((e) => n.delete(e)) : e.forEach((e) => n.add(e)), n;
 		});
-	}, []), zr = d((e) => {
-		Vt((t) => {
+	}, []), Vr = u((e) => {
+		Wt((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Br = Z.length > 0 && R.size === Z.length, Vr = R.size > 0, Hr = d(async () => {
-		if (R.size !== 0) {
-			Yt(!0);
+	}, []), Hr = X.length > 0 && I.size === X.length, Ur = I.size > 0, Wr = u(async () => {
+		if (I.size !== 0) {
+			Qt(!0);
 			try {
-				let e = (await cr({ variables: { ids: Array.from(R) } })).data?.bulkStopSessions;
-				L(`${C("sessions.stopped", "Stopped")} ${e?.succeeded ?? 0} ${C("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${C("sessions.failed", "failed")}` : ""}`), z(/* @__PURE__ */ new Set()), setTimeout(() => L(null), 3e3);
+				let e = (await dr({ variables: { ids: Array.from(I) } })).data?.bulkStopSessions;
+				F(`${x("sessions.stopped", "Stopped")} ${e?.succeeded ?? 0} ${x("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${x("sessions.failed", "failed")}` : ""}`), L(/* @__PURE__ */ new Set()), setTimeout(() => F(null), 3e3);
 			} catch (e) {
-				L(`${C("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : C("sessions.failedStop", "Failed to stop sessions")}`), setTimeout(() => L(null), 5e3);
+				F(`${x("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : x("sessions.failedStop", "Failed to stop sessions")}`), setTimeout(() => F(null), 5e3);
 			} finally {
-				Yt(!1);
+				Qt(!1);
 			}
 		}
 	}, [
-		R,
-		cr,
-		C
-	]), Ur = d(async () => {
-		if (R.size !== 0) {
-			Yt(!0);
+		I,
+		dr,
+		x
+	]), Gr = u(async () => {
+		if (I.size !== 0) {
+			Qt(!0);
 			try {
-				let e = (await lr({ variables: { ids: Array.from(R) } })).data?.bulkRestartSessions;
-				L(`${C("sessions.restarted", "Restarted")} ${e?.succeeded ?? 0} ${C("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${C("sessions.failed", "failed")}` : ""}`), z(/* @__PURE__ */ new Set()), setTimeout(() => L(null), 3e3);
+				let e = (await fr({ variables: { ids: Array.from(I) } })).data?.bulkRestartSessions;
+				F(`${x("sessions.restarted", "Restarted")} ${e?.succeeded ?? 0} ${x("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${x("sessions.failed", "failed")}` : ""}`), L(/* @__PURE__ */ new Set()), setTimeout(() => F(null), 3e3);
 			} catch (e) {
-				L(`${C("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : C("sessions.failedRestart", "Failed to restart sessions")}`), setTimeout(() => L(null), 5e3);
+				F(`${x("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : x("sessions.failedRestart", "Failed to restart sessions")}`), setTimeout(() => F(null), 5e3);
 			} finally {
-				Yt(!1);
+				Qt(!1);
 			}
 		}
 	}, [
-		R,
-		lr,
-		C
-	]), Wr = d(async () => {
-		if (R.size !== 0 && confirm(`${C("sessions.confirmRemovePrefix", "Are you sure you want to remove")} ${R.size} ${C("nav.sessions", "session(s)")}? ${C("sessions.confirmRemoveSuffix", "This cannot be undone.")}`)) {
-			Yt(!0);
+		I,
+		fr,
+		x
+	]), Kr = u(async () => {
+		if (I.size !== 0 && confirm(`${x("sessions.confirmRemovePrefix", "Are you sure you want to remove")} ${I.size} ${x("nav.sessions", "session(s)")}? ${x("sessions.confirmRemoveSuffix", "This cannot be undone.")}`)) {
+			Qt(!0);
 			try {
-				let e = (await ur({ variables: { ids: Array.from(R) } })).data?.bulkTerminateSessions;
-				L(`${C("sessions.removed", "Removed")} ${e?.succeeded ?? 0} ${C("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${C("sessions.failed", "failed")}` : ""}`), z(/* @__PURE__ */ new Set()), setTimeout(() => L(null), 3e3);
+				let e = (await pr({ variables: { ids: Array.from(I) } })).data?.bulkTerminateSessions;
+				F(`${x("sessions.removed", "Removed")} ${e?.succeeded ?? 0} ${x("nav.sessions", "sessions")}${e?.failed ? `, ${e.failed} ${x("sessions.failed", "failed")}` : ""}`), L(/* @__PURE__ */ new Set()), setTimeout(() => F(null), 3e3);
 			} catch (e) {
-				L(`${C("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : C("sessions.failedRemove", "Failed to remove sessions")}`), setTimeout(() => L(null), 5e3);
+				F(`${x("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : x("sessions.failedRemove", "Failed to remove sessions")}`), setTimeout(() => F(null), 5e3);
 			} finally {
-				Yt(!1);
+				Qt(!1);
 			}
 		}
 	}, [
-		R,
-		ur,
-		C
-	]), Gr = d(async (e = "CSV") => {
-		Zt(!0);
+		I,
+		pr,
+		x
+	]), qr = u(async (e = "CSV") => {
+		en(!0);
 		try {
-			let t = (await dr({ variables: { input: {
+			let t = (await mr({ variables: { input: {
 				filter: {
-					status: T === "all" ? void 0 : T,
-					type: E === "all" ? void 0 : E,
-					vibeId: D !== "all" && D !== "none" ? D : void 0,
-					agentId: O === "all" ? void 0 : O
+					status: C === "all" ? void 0 : C,
+					type: w === "all" ? void 0 : w,
+					vibeId: T !== "all" && T !== "none" ? T : void 0,
+					agentId: E === "all" ? void 0 : E
 				},
 				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), L(C("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), F(x("sessions.exportSuccess", "Exported {{count}} sessions as {{format}}", {
 				count: t.count,
 				format: e
-			})), setTimeout(() => L(null), 3e3);
+			})), setTimeout(() => F(null), 3e3);
 		} catch (e) {
-			L(`${C("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : C("sessions.failedExport", "Failed to export sessions")}`), setTimeout(() => L(null), 5e3);
+			F(`${x("sessions.errorPrefix", "Error")}: ${e instanceof Error ? e.message : x("sessions.failedExport", "Failed to export sessions")}`), setTimeout(() => F(null), 5e3);
 		} finally {
-			Zt(!1);
+			en(!1);
 		}
 	}, [
-		dr,
+		mr,
+		C,
+		w,
 		T,
 		E,
-		D,
-		O,
-		C
-	]), Kr = (e) => {
-		x(`/sessions/${e.id}`);
-	}, qr = () => {
-		I(null), P(!0), b.emitCustom("vibecontrols.session.create_clicked", { workspaceId: y ?? void 0 });
-	}, Jr = async () => {
-		let e = $t.current?.value?.trim(), t = rn, n = on, r = B, i = en.current?.value?.trim(), a = tn.current?.checked ?? !1;
+		x
+	]), Jr = (e) => {
+		b(`/sessions/${e.id}`);
+	}, Yr = () => {
+		P(null), M(!0), y.emitCustom("vibecontrols.session.create_clicked", { workspaceId: v ?? void 0 });
+	}, Xr = async () => {
+		let e = nn.current?.value?.trim(), t = sn, n = ln, r = R, i = rn.current?.value?.trim(), a = an.current?.checked ?? !1;
 		if (!e) {
-			I(C("sessions.nameRequired", "Name is required"));
+			P(x("sessions.nameRequired", "Name is required"));
 			return;
 		}
-		let o = br.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) {
-			I(t && o.length === 0 ? C("sessions.noAgentAttached", "This vibe has no agents attached. Attach one from the Vibe → Agents tab before creating sessions.") : t && o.length > 1 ? C("sessions.pickAgentFromVibe", "This vibe has multiple agents attached. Pick one before creating the session.") : C("sessions.agentRequired", "Please select an agent for this session."));
+		let o = Sr.find((e) => e.id === t)?.agents ?? [], ee = null;
+		if (n && (!t || o.some((e) => e.id === n)) ? ee = n : o.length === 1 && (ee = o[0]?.id ?? null), !ee) {
+			P(t && o.length === 0 ? x("sessions.noAgentAttached", "This vibe has no agents attached. Attach one from the Vibe → Agents tab before creating sessions.") : t && o.length > 1 ? x("sessions.pickAgentFromVibe", "This vibe has multiple agents attached. Pick one before creating the session.") : x("sessions.agentRequired", "Please select an agent for this session."));
 			return;
 		}
-		let c = wr.get(s);
-		if (c && !c.healthy) {
-			I(C("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})` : ""));
+		let s = Er.get(ee);
+		if (s && !s.healthy) {
+			P(x("sessions.agentNotHealthy", "The selected agent isn’t fully reachable right now. Please wait for the agent badge to turn green and retry.") + (s.error ? ` (${s.error})` : ""));
 			return;
 		}
-		Kt(!0), I(null);
+		Yt(!0), P(null);
 		try {
-			let n = nn.current?.value?.trim() || void 0, o = await zn({ variables: { input: {
+			let n = on.current?.value?.trim() || void 0, o = await Hn({ variables: { input: {
 				name: e,
 				type: r || "TMUX",
 				command: i || void 0,
 				vibeId: t || void 0,
-				agentId: s,
-				profile: cn?.trim() || "default",
+				agentId: ee,
+				profile: dn?.trim() || "default",
 				autoStart: a,
 				externalSessionName: n
 			} } });
-			if (o.error && l(o.error)) {
-				P(!1), u(), F(!0), b.emitCustom("vibecontrols.quota.session_limit_hit", { workspaceId: y ?? void 0 });
+			if (o.error && c(o.error)) {
+				M(!1), l(), N(!0), y.emitCustom("vibecontrols.quota.session_limit_hit", { workspaceId: v ?? void 0 });
 				return;
 			}
 			if (o.error) {
-				I(o.error.message || C("sessions.failedCreate", "Failed to create session"));
+				P(o.error.message || x("sessions.failedCreate", "Failed to create session"));
 				return;
 			}
-			let c = o.data?.createSession?.id;
-			if (!c) {
-				I(C("sessions.failedCreate", "Failed to create session"));
+			let s = o.data?.createSession?.id;
+			if (!s) {
+				P(x("sessions.failedCreate", "Failed to create session"));
 				return;
 			}
-			if (P(!1), L(C("sessions.createdSuccess", "Session created successfully")), b.emitCustom("vibecontrols.session.created", {
-				workspaceId: y ?? void 0,
-				sessionId: c
-			}), await Vn(c), setTimeout(() => L(null), 3e3), o.data?.createSession) {
-				let e = o.data.createSession, t = e.agentId ? yr.find((t) => t.id === e.agentId) : null;
-				Q({
+			if (M(!1), F(x("sessions.createdSuccess", "Session created successfully")), y.emitCustom("vibecontrols.session.created", {
+				workspaceId: v ?? void 0,
+				sessionId: s
+			}), await Wn(s), setTimeout(() => F(null), 3e3), o.data?.createSession) {
+				let e = o.data.createSession, t = e.agentId ? xr.find((t) => t.id === e.agentId) : null;
+				Z({
 					id: e.id,
 					workspaceId: e.workspaceId,
 					vibeId: e.vibeId || null,
@@ -651,62 +653,62 @@ function Ct() {
 				});
 			}
 		} catch (e) {
-			if (l(e)) {
-				P(!1), u(), F(!0), b.emitCustom("vibecontrols.quota.session_limit_hit", { workspaceId: y ?? void 0 });
+			if (c(e)) {
+				M(!1), l(), N(!0), y.emitCustom("vibecontrols.quota.session_limit_hit", { workspaceId: v ?? void 0 });
 				return;
 			}
-			I(e instanceof Error ? e.message : C("sessions.failedCreate", "Failed to create session"));
+			P(e instanceof Error ? e.message : x("sessions.failedCreate", "Failed to create session"));
 		} finally {
-			Kt(!1);
+			Yt(!1);
 		}
-	}, Yr = async (e) => {
+	}, Zr = async (e) => {
 		try {
-			await er({ variables: { id: e.id } }), wt?.({
+			await rr({ variables: { id: e.id } }), Et?.({
 				id: e.id,
 				name: e.name,
 				type: e.type,
 				status: "RUNNING"
-			}), b.emitCustom("vibecontrols.session.started", {
-				workspaceId: y ?? void 0,
+			}), y.emitCustom("vibecontrols.session.started", {
+				workspaceId: v ?? void 0,
 				sessionId: e.id
 			});
 		} catch (e) {
-			if (l(e)) {
-				u(), F(!0), b.emitCustom("vibecontrols.quota.session_limit_hit", { workspaceId: y ?? void 0 });
+			if (c(e)) {
+				l(), N(!0), y.emitCustom("vibecontrols.quota.session_limit_hit", { workspaceId: v ?? void 0 });
 				return;
 			}
 			console.error("Failed to start session:", e);
 		}
-	}, Xr = async (e) => {
+	}, Qr = async (e) => {
 		try {
-			await tr({ variables: { id: e.id } });
+			await ir({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to stop session:", e);
 		}
-	}, Zr = async (e) => {
+	}, $r = async (e) => {
 		try {
-			await nr({ variables: { id: e.id } });
+			await ar({ variables: { id: e.id } });
 		} catch (e) {
-			if (l(e)) {
-				u(), F(!0);
+			if (c(e)) {
+				l(), N(!0);
 				return;
 			}
 			console.error("Failed to restart session:", e);
 		}
-	}, Qr = async (e) => {
+	}, ei = async (e) => {
 		try {
-			await or({ variables: { id: e.id } });
+			await lr({ variables: { id: e.id } });
 		} catch (e) {
 			console.error("Failed to terminate session:", e);
 		}
-	}, $r = d((e) => e.ttydUrl || null, []), ei = d((e) => {
-		jn(e);
-	}, []), Q = d(async (e) => {
-		if (H.find((t) => t.sessionId === e.id)?.terminalUrl) {
-			G(e.id), K(!1);
+	}, ti = u((e) => e.ttydUrl || null, []), ni = u((e) => {
+		Pn(e);
+	}, []), Z = u(async (e) => {
+		if (B.find((t) => t.sessionId === e.id)?.terminalUrl) {
+			U(e.id), W(!1);
 			return;
 		}
-		let t = $r(e);
+		let t = ti(e);
 		if (t) {
 			let n = {
 				sessionId: e.id,
@@ -717,7 +719,7 @@ function Ct() {
 				loading: !1,
 				error: null
 			};
-			U((t) => [...t.filter((t) => t.sessionId !== e.id), n]), G(e.id), K(!1);
+			V((t) => [...t.filter((t) => t.sessionId !== e.id), n]), U(e.id), W(!1);
 			return;
 		}
 		let n = {
@@ -728,811 +730,813 @@ function Ct() {
 			loading: !0,
 			error: null
 		};
-		U((t) => [...t.filter((t) => t.sessionId !== e.id), n]), G(e.id), K(!1);
+		V((t) => [...t.filter((t) => t.sessionId !== e.id), n]), U(e.id), W(!1);
 		try {
-			let t = await J({ variables: { id: e.id } });
-			if (t.error && l(t.error)) {
-				let t = H.filter((t) => t.sessionId !== e.id);
-				U(t), W === e.id && G(t.length > 0 ? t[t.length - 1].sessionId : null), u(), F(!0);
+			let t = await K({ variables: { id: e.id } });
+			if (t.error && c(t.error)) {
+				let t = B.filter((t) => t.sessionId !== e.id);
+				V(t), H === e.id && U(t.length > 0 ? t[t.length - 1].sessionId : null), l(), N(!0);
 				return;
 			}
 			if (t.error) {
-				let n = t.error.message || C("sessions.failedStartTerminal", "Failed to start terminal");
-				U((t) => t.map((t) => t.sessionId === e.id ? {
+				let n = t.error.message || x("sessions.failedStartTerminal", "Failed to start terminal");
+				V((t) => t.map((t) => t.sessionId === e.id ? {
 					...t,
 					loading: !1,
 					error: n
 				} : t));
 				return;
 			}
-			let n = xt(t.data?.startSessionTerminal?.ttydUrl || null, X.find((t) => t.id === e.id)?.agent?.tunnelUrl ?? null);
-			U((t) => t.map((t) => t.sessionId === e.id ? {
+			let n = Ct(t.data?.startSessionTerminal?.ttydUrl || null, Y.find((t) => t.id === e.id)?.agent?.tunnelUrl ?? null);
+			V((t) => t.map((t) => t.sessionId === e.id ? {
 				...t,
 				terminalUrl: n,
 				loading: !1,
-				error: n ? null : C("sessions.terminalStartedNoTunnelUrl", "Terminal started but no tunnel URL was returned. Try restarting.")
+				error: n ? null : x("sessions.terminalStartedNoTunnelUrl", "Terminal started but no tunnel URL was returned. Try restarting.")
 			} : t));
 		} catch (t) {
-			if (l(t)) {
-				let t = H.filter((t) => t.sessionId !== e.id);
-				U(t), W === e.id && G(t.length > 0 ? t[t.length - 1].sessionId : null), u(), F(!0);
+			if (c(t)) {
+				let t = B.filter((t) => t.sessionId !== e.id);
+				V(t), H === e.id && U(t.length > 0 ? t[t.length - 1].sessionId : null), l(), N(!0);
 				return;
 			}
-			let n = t instanceof Error ? t.message : C("sessions.failedStartTerminal", "Failed to start terminal");
-			U((t) => t.map((t) => t.sessionId === e.id ? {
+			let n = t instanceof Error ? t.message : x("sessions.failedStartTerminal", "Failed to start terminal");
+			V((t) => t.map((t) => t.sessionId === e.id ? {
 				...t,
 				loading: !1,
 				error: n
 			} : t));
 		}
 	}, [
-		W,
 		H,
-		$r,
-		J
+		B,
+		ti,
+		K
 	]);
-	f(() => {
-		if (!q || !W || H.some((e) => e.sessionId === W)) return;
-		let e = X.find((e) => e.id === W);
-		e && Q(e);
+	d(() => {
+		if (!G || !H || B.some((e) => e.sessionId === H)) return;
+		let e = Y.find((e) => e.id === H);
+		e && Z(e);
 	}, [
-		W,
-		Q,
-		X,
 		H,
-		q
+		Z,
+		Y,
+		B,
+		G
 	]);
-	let ti = d((e) => {
-		U((t) => t.filter((t) => t.sessionId !== e)), W === e && G(() => {
-			let t = H.filter((t) => t.sessionId !== e);
+	let ri = u((e) => {
+		V((t) => t.filter((t) => t.sessionId !== e)), H === e && U(() => {
+			let t = B.filter((t) => t.sessionId !== e);
 			return t.length > 0 ? t[t.length - 1].sessionId : null;
 		});
-	}, [W, H]), ni = d((e) => {
-		let t = H.find((t) => t.sessionId === e);
-		t?.terminalUrl && (b.emitCustom("vibecontrols.session.terminal_opened_in_browser", {
-			workspaceId: y ?? void 0,
+	}, [H, B]), ii = u((e) => {
+		let t = B.find((t) => t.sessionId === e);
+		t?.terminalUrl && (y.emitCustom("vibecontrols.session.terminal_opened_in_browser", {
+			workspaceId: v ?? void 0,
 			sessionId: e
 		}), window.open(t.terminalUrl, "_blank"));
 	}, [
-		H,
-		y,
-		b
-	]), ri = d(async (e, t) => {
+		B,
+		v,
+		y
+	]), ai = u(async (e, t) => {
 		try {
-			await ar({ variables: {
+			await cr({ variables: {
 				id: e,
 				input: { name: t }
-			} }), U((n) => n.map((n) => n.sessionId === e ? {
+			} }), V((n) => n.map((n) => n.sessionId === e ? {
 				...n,
 				name: t
 			} : n));
 		} catch (e) {
 			console.error("Failed to rename session:", e);
 		}
-	}, [ar]), ii = d(async (e) => {
+	}, [cr]), oi = u(async (e) => {
 		try {
-			await rr({ variables: { id: e } }), U((t) => t.map((t) => t.sessionId === e ? {
+			await or({ variables: { id: e } }), V((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				terminalUrl: null,
-				error: C("sessions.terminalStopped", "Terminal stopped")
+				error: x("sessions.terminalStopped", "Terminal stopped")
 			} : t));
 		} catch (e) {
 			console.error("Failed to stop terminal:", e);
 		}
-	}, [rr]), ai = d(async (e) => {
-		let t = H.find((t) => t.sessionId === e) || null;
+	}, [or]), si = u(async (e) => {
+		let t = B.find((t) => t.sessionId === e) || null;
 		try {
-			U((t) => t.map((t) => t.sessionId === e ? {
+			V((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				loading: !0,
 				error: null,
 				terminalUrl: null
 			} : t));
-			let n = await ir({ variables: { id: e } });
-			if (n.error && l(n.error)) {
-				U((n) => n.map((n) => n.sessionId === e ? {
+			let n = await sr({ variables: { id: e } });
+			if (n.error && c(n.error)) {
+				V((n) => n.map((n) => n.sessionId === e ? {
 					...n,
 					loading: !1,
 					error: null,
 					terminalUrl: t?.terminalUrl ?? n.terminalUrl
-				} : n)), u(), F(!0);
+				} : n)), l(), N(!0);
 				return;
 			}
 			let r = n.data?.restartSessionTerminal?.ttydUrl || null;
-			U((t) => t.map((t) => t.sessionId === e ? {
+			V((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				terminalUrl: r,
 				loading: !1,
-				error: r ? null : C("sessions.terminalRestartedNoUrl", "Terminal restarted but no URL returned.")
+				error: r ? null : x("sessions.terminalRestartedNoUrl", "Terminal restarted but no URL returned.")
 			} : t));
 		} catch (n) {
-			if (l(n)) {
-				U((n) => n.map((n) => n.sessionId === e ? {
+			if (c(n)) {
+				V((n) => n.map((n) => n.sessionId === e ? {
 					...n,
 					loading: !1,
 					error: null,
 					terminalUrl: t?.terminalUrl ?? n.terminalUrl
-				} : n)), u(), F(!0);
+				} : n)), l(), N(!0);
 				return;
 			}
-			let r = n instanceof Error ? n.message : C("sessions.failedRestartTerminal", "Failed to restart terminal");
-			U((t) => t.map((t) => t.sessionId === e ? {
+			let r = n instanceof Error ? n.message : x("sessions.failedRestartTerminal", "Failed to restart terminal");
+			V((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				loading: !1,
 				error: r
 			} : t));
 		}
-	}, [ir, H]), oi = d(async (e) => {
-		let t = X.find((t) => t.id === e);
+	}, [sr, B]), ci = u(async (e) => {
+		let t = Y.find((t) => t.id === e);
 		try {
-			let n = await J({ variables: { id: e } });
+			let n = await K({ variables: { id: e } });
 			if (n.error) return;
-			let r = xt(n.data?.startSessionTerminal?.ttydUrl || null, t?.agent?.tunnelUrl ?? null);
-			r && U((t) => t.map((t) => t.sessionId === e ? {
+			let r = Ct(n.data?.startSessionTerminal?.ttydUrl || null, t?.agent?.tunnelUrl ?? null);
+			r && V((t) => t.map((t) => t.sessionId === e ? {
 				...t,
 				terminalUrl: r,
 				loading: !1,
 				error: null
 			} : t));
 		} catch {}
-	}, [X, J]), si = d((e) => {
-		U((t) => {
+	}, [Y, K]), li = u((e) => {
+		V((t) => {
 			let n = new Map(t.map((e) => [e.sessionId, e])), r = e.map((e) => n.get(e)).filter((e) => !!e);
 			for (let n of t) e.includes(n.sessionId) || r.push(n);
 			return r;
 		});
-	}, []), ci = d((e) => {
-		U((t) => t.map((t) => t.sessionId === e ? {
+	}, []), ui = u((e) => {
+		V((t) => t.map((t) => t.sessionId === e ? {
 			...t,
 			pinned: !t.pinned
 		} : t));
-	}, []), li = d((e) => {
-		G(e), wn(!0);
-	}, [wn]), ui = d((e) => {
-		let t = X.find((t) => t.id === e);
-		t?.agent?.id && x(`/agents/${t.agent.id}`);
-	}, [X, x]), di = d((e) => {
-		let t = X.find((t) => t.id === e);
-		t?.agent?.target?.id && x(`/targets/${t.agent.target.id}`);
-	}, [X, x]), fi = d((e) => {
-		let t = X.find((t) => t.id === e);
-		t && jn(t);
-	}, [X]), pi = d(() => {
-		Nn((e) => !e);
-	}, []), $ = p(() => X.find((e) => e.id === W) ?? null, [X, W]), mi = d(() => {
-		Qt.current?.querySelector("input")?.focus();
-	}, []), hi = d(() => {
-		N((e) => e === "terminal" ? "grid" : e === "grid" ? "list" : "terminal");
-	}, []), gi = d(() => {
-		$?.agent?.id && x(`/agents/${$.agent.id}`);
-	}, [$, x]), _i = d(() => {
-		$?.agent?.target?.id && x(`/targets/${$.agent.target.id}`);
-	}, [$, x]), vi = d(() => {
-		W && oi(W);
-	}, [W, oi]), yi = d(() => {
-		W && ti(W);
-	}, [W, ti]), bi = d(() => {
-		On(!0);
-	}, []), xi = d(() => {
-		wn(!Cn);
-	}, [Cn, wn]), Si = p(() => Be({
-		newSession: () => P(!0),
-		closeActiveTab: yi,
-		openPalette: bi,
-		openCheatsheet: () => En(!0),
-		focusSearch: mi,
-		cycleView: hi,
-		groupByNone: () => j("none"),
-		groupByAgent: () => j("agent"),
-		groupByTarget: () => j("target"),
-		groupByVibe: () => j("vibe"),
-		groupByStatus: () => j("status"),
-		reconnectActive: vi,
-		toggleFullscreen: pi,
-		toggleInfoPanel: xi,
-		openActiveAgent: gi,
-		openActiveTarget: _i
-	}, C), [
-		yi,
-		bi,
-		mi,
-		hi,
-		vi,
-		pi,
+	}, []), di = u((e) => {
+		U(e), Dn(!0);
+	}, [Dn]), fi = u((e) => {
+		let t = Y.find((t) => t.id === e);
+		t?.agent?.id && b(`/agents/${t.agent.id}`);
+	}, [Y, b]), pi = u((e) => {
+		let t = Y.find((t) => t.id === e);
+		t?.agent?.target?.id && b(`/targets/${t.agent.target.id}`);
+	}, [Y, b]), mi = u((e) => {
+		let t = Y.find((t) => t.id === e);
+		t && Pn(t);
+	}, [Y]), hi = u(() => {
+		In((e) => !e);
+	}, []), Q = f(() => Y.find((e) => e.id === H) ?? null, [Y, H]), gi = u(() => {
+		tn.current?.querySelector("input")?.focus();
+	}, []), _i = u(() => {
+		j((e) => e === "terminal" ? "grid" : e === "grid" ? "list" : "terminal");
+	}, []), vi = u(() => {
+		Q?.agent?.id && b(`/agents/${Q.agent.id}`);
+	}, [Q, b]), yi = u(() => {
+		Q?.agent?.target?.id && b(`/targets/${Q.agent.target.id}`);
+	}, [Q, b]), bi = u(() => {
+		H && ci(H);
+	}, [H, ci]), xi = u(() => {
+		H && ri(H);
+	}, [H, ri]), Si = u(() => {
+		jn(!0);
+	}, []), Ci = u(() => {
+		Dn(!En);
+	}, [En, Dn]), wi = f(() => He({
+		newSession: () => M(!0),
+		closeActiveTab: xi,
+		openPalette: Si,
+		openCheatsheet: () => kn(!0),
+		focusSearch: gi,
+		cycleView: _i,
+		groupByNone: () => k("none"),
+		groupByAgent: () => k("agent"),
+		groupByTarget: () => k("target"),
+		groupByVibe: () => k("vibe"),
+		groupByStatus: () => k("status"),
+		reconnectActive: bi,
+		toggleFullscreen: hi,
+		toggleInfoPanel: Ci,
+		openActiveAgent: vi,
+		openActiveTarget: yi
+	}, x), [
 		xi,
+		Si,
 		gi,
 		_i,
-		C
-	]), Ci = m(null);
-	f(() => {
+		bi,
+		hi,
+		Ci,
+		vi,
+		yi,
+		x
+	]), Ti = p(null);
+	d(() => {
 		let e = (e) => {
 			let t = e.target, n = t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable, r = e.metaKey || e.ctrlKey;
 			if (r && ["k", "p"].includes(e.key.toLowerCase())) {
-				e.preventDefault(), bi();
+				e.preventDefault(), Si();
 				return;
 			}
 			if (n) return;
-			let i = Date.now(), a = Ci.current;
-			if (a && a.key === "g" && i - a.at < 1e3) switch (Ci.current = null, e.key) {
+			let i = Date.now(), a = Ti.current;
+			if (a && a.key === "g" && i - a.at < 1e3) switch (Ti.current = null, e.key) {
 				case "a":
-					e.preventDefault(), j("agent");
+					e.preventDefault(), k("agent");
 					return;
 				case "t":
-					e.preventDefault(), j("target");
+					e.preventDefault(), k("target");
 					return;
 				case "v":
-					e.preventDefault(), j("vibe");
+					e.preventDefault(), k("vibe");
 					return;
 				case "s":
-					e.preventDefault(), j("status");
+					e.preventDefault(), k("status");
 					return;
 				case "0":
-					e.preventDefault(), j("none");
+					e.preventDefault(), k("none");
 					return;
 				case "A":
-					e.preventDefault(), gi();
+					e.preventDefault(), vi();
 					return;
 				case "T":
-					e.preventDefault(), _i();
+					e.preventDefault(), yi();
 					return;
 				default: break;
 			}
 			if (!r && !e.altKey && e.key === "g") {
-				Ci.current = {
+				Ti.current = {
 					key: "g",
 					at: i
 				};
 				return;
 			}
 			if (r && e.key.toLowerCase() === "t") {
-				e.preventDefault(), P(!0);
+				e.preventDefault(), M(!0);
 				return;
 			}
-			if (r && e.key.toLowerCase() === "w" && W) {
-				e.preventDefault(), yi();
+			if (r && e.key.toLowerCase() === "w" && H) {
+				e.preventDefault(), xi();
 				return;
 			}
-			if (e.ctrlKey && e.key === "Tab" && !e.shiftKey && H.length > 1) {
-				e.preventDefault(), G(H[(H.findIndex((e) => e.sessionId === W) + 1) % H.length].sessionId);
+			if (e.ctrlKey && e.key === "Tab" && !e.shiftKey && B.length > 1) {
+				e.preventDefault(), U(B[(B.findIndex((e) => e.sessionId === H) + 1) % B.length].sessionId);
 				return;
 			}
-			if (e.ctrlKey && e.key === "Tab" && e.shiftKey && H.length > 1) {
-				e.preventDefault(), G(H[(H.findIndex((e) => e.sessionId === W) - 1 + H.length) % H.length].sessionId);
+			if (e.ctrlKey && e.key === "Tab" && e.shiftKey && B.length > 1) {
+				e.preventDefault(), U(B[(B.findIndex((e) => e.sessionId === H) - 1 + B.length) % B.length].sessionId);
 				return;
 			}
-			if (r && /^[1-9]$/.test(e.key) && H.length > 0) {
+			if (r && /^[1-9]$/.test(e.key) && B.length > 0) {
 				let t = Number(e.key) - 1;
-				t < H.length && (e.preventDefault(), G(H[t].sessionId));
+				t < B.length && (e.preventDefault(), U(B[t].sessionId));
 				return;
 			}
-			if (r && e.key.toLowerCase() === "r" && W) {
-				e.preventDefault(), vi();
+			if (r && e.key.toLowerCase() === "r" && H) {
+				e.preventDefault(), bi();
 				return;
 			}
 			if (r && e.key === "\\") {
-				e.preventDefault(), hi();
+				e.preventDefault(), _i();
 				return;
 			}
 			if (!r) {
 				if (e.key === "/") {
-					e.preventDefault(), mi();
+					e.preventDefault(), gi();
 					return;
 				}
 				if (e.key === "f") {
-					e.preventDefault(), pi();
+					e.preventDefault(), hi();
 					return;
 				}
 				if (e.key === "i") {
-					e.preventDefault(), xi();
+					e.preventDefault(), Ci();
 					return;
 				}
 				if (e.key === "?") {
-					e.preventDefault(), En(!0);
+					e.preventDefault(), kn(!0);
 					return;
 				}
 			}
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		W,
 		H,
-		yi,
-		vi,
-		hi,
-		mi,
+		B,
+		xi,
 		bi,
-		gi,
 		_i,
-		xi,
-		pi
+		gi,
+		Si,
+		vi,
+		yi,
+		Ci,
+		hi
 	]);
-	let wi = p(() => {
-		let e = C("sessions.palette.groupActions", "Actions"), t = C("sessions.palette.groupView", "View"), n = C("sessions.palette.groupNav", "Navigation"), r = C("sessions.palette.groupSessions", "Sessions"), i = [
+	let Ei = f(() => {
+		let e = x("sessions.palette.groupActions", "Actions"), t = x("sessions.palette.groupView", "View"), n = x("sessions.palette.groupNav", "Navigation"), r = x("sessions.palette.groupSessions", "Sessions"), i = [
 			{
 				id: "new-session",
-				label: C("sessions.newSession", "New Session"),
+				label: x("sessions.newSession", "New Session"),
 				group: e,
-				icon: /* @__PURE__ */ g(tt, { className: "size-4" }),
+				icon: /* @__PURE__ */ h(rt, { className: "size-4" }),
 				shortcut: "⌘/Ctrl T",
-				run: () => P(!0)
+				run: () => M(!0)
 			},
 			{
 				id: "reconnect",
-				label: C("sessions.palette.reconnect", "Reconnect active terminal"),
+				label: x("sessions.palette.reconnect", "Reconnect active terminal"),
 				group: e,
-				icon: /* @__PURE__ */ g(rt, { className: "size-4" }),
-				run: vi
+				icon: /* @__PURE__ */ h(at, { className: "size-4" }),
+				run: bi
 			},
 			{
 				id: "refresh",
-				label: C("common.refresh", "Refresh"),
+				label: x("common.refresh", "Refresh"),
 				group: e,
-				icon: /* @__PURE__ */ g(nt, { className: "size-4" }),
-				run: () => void Y()
+				icon: /* @__PURE__ */ h(it, { className: "size-4" }),
+				run: () => void J()
 			},
-			...$ ? [{
+			...Q ? [{
 				id: "share-active",
-				label: C("sessions.palette.shareActive", "Share / offer active session"),
+				label: x("sessions.palette.shareActive", "Share / offer active session"),
 				group: e,
-				icon: /* @__PURE__ */ g(at, { className: "size-4" }),
-				run: () => jn($)
+				icon: /* @__PURE__ */ h(st, { className: "size-4" }),
+				run: () => Pn(Q)
 			}] : [],
 			{
 				id: "view-terminal",
-				label: C("sessions.palette.viewTerminal", "Switch to terminal view"),
+				label: x("sessions.palette.viewTerminal", "Switch to terminal view"),
 				group: t,
-				icon: /* @__PURE__ */ g(Qe, { className: "size-4" }),
-				run: () => N("terminal")
+				icon: /* @__PURE__ */ h(et, { className: "size-4" }),
+				run: () => j("terminal")
 			},
 			{
 				id: "view-grid",
-				label: C("sessions.palette.viewGrid", "Switch to grid view"),
+				label: x("sessions.palette.viewGrid", "Switch to grid view"),
 				group: t,
-				icon: /* @__PURE__ */ g(qe, { className: "size-4" }),
-				run: () => N("grid")
+				icon: /* @__PURE__ */ h(Ye, { className: "size-4" }),
+				run: () => j("grid")
 			},
 			{
 				id: "view-list",
-				label: C("sessions.palette.viewList", "Switch to list view"),
+				label: x("sessions.palette.viewList", "Switch to list view"),
 				group: t,
-				icon: /* @__PURE__ */ g(Ze, { className: "size-4" }),
-				run: () => N("list")
+				icon: /* @__PURE__ */ h($e, { className: "size-4" }),
+				run: () => j("list")
 			},
 			{
 				id: "group-agent",
-				label: C("sessions.palette.groupByAgent", "Group by agent"),
+				label: x("sessions.palette.groupByAgent", "Group by agent"),
 				group: t,
-				icon: /* @__PURE__ */ g(it, { className: "size-4" }),
-				run: () => j("agent")
+				icon: /* @__PURE__ */ h(ot, { className: "size-4" }),
+				run: () => k("agent")
 			},
 			{
 				id: "group-target",
-				label: C("sessions.palette.groupByTarget", "Group by target"),
+				label: x("sessions.palette.groupByTarget", "Group by target"),
 				group: t,
-				icon: /* @__PURE__ */ g($e, { className: "size-4" }),
-				run: () => j("target")
+				icon: /* @__PURE__ */ h(tt, { className: "size-4" }),
+				run: () => k("target")
 			},
 			{
 				id: "group-vibe",
-				label: C("sessions.palette.groupByVibe", "Group by vibe"),
+				label: x("sessions.palette.groupByVibe", "Group by vibe"),
 				group: t,
-				icon: /* @__PURE__ */ g(Xe, { className: "size-4" }),
-				run: () => j("vibe")
+				icon: /* @__PURE__ */ h(Qe, { className: "size-4" }),
+				run: () => k("vibe")
 			},
 			{
 				id: "group-none",
-				label: C("sessions.palette.groupClear", "Clear grouping"),
+				label: x("sessions.palette.groupClear", "Clear grouping"),
 				group: t,
-				icon: /* @__PURE__ */ g(Xe, { className: "size-4" }),
-				run: () => j("none")
+				icon: /* @__PURE__ */ h(Qe, { className: "size-4" }),
+				run: () => k("none")
 			},
 			{
 				id: "toggle-info",
-				label: C("sessions.palette.toggleInfo", "Toggle session info panel"),
+				label: x("sessions.palette.toggleInfo", "Toggle session info panel"),
 				group: t,
-				icon: /* @__PURE__ */ g(Je, { className: "size-4" }),
-				run: xi
+				icon: /* @__PURE__ */ h(Xe, { className: "size-4" }),
+				run: Ci
 			},
 			{
 				id: "shortcuts",
-				label: C("sessions.palette.shortcuts", "Keyboard shortcuts"),
+				label: x("sessions.palette.shortcuts", "Keyboard shortcuts"),
 				group: t,
-				icon: /* @__PURE__ */ g(Ye, { className: "size-4" }),
-				run: () => En(!0)
+				icon: /* @__PURE__ */ h(Ze, { className: "size-4" }),
+				run: () => kn(!0)
 			},
-			...$?.agent ? [{
+			...Q?.agent ? [{
 				id: "goto-agent",
-				label: C("sessions.palette.gotoAgent", "Open active session's agent"),
+				label: x("sessions.palette.gotoAgent", "Open active session's agent"),
 				group: n,
-				icon: /* @__PURE__ */ g(it, { className: "size-4" }),
-				run: gi
+				icon: /* @__PURE__ */ h(ot, { className: "size-4" }),
+				run: vi
 			}] : [],
-			...$?.agent?.target ? [{
+			...Q?.agent?.target ? [{
 				id: "goto-target",
-				label: C("sessions.palette.gotoTarget", "Open active session's target"),
+				label: x("sessions.palette.gotoTarget", "Open active session's target"),
 				group: n,
-				icon: /* @__PURE__ */ g($e, { className: "size-4" }),
-				run: _i
+				icon: /* @__PURE__ */ h(tt, { className: "size-4" }),
+				run: yi
 			}] : []
 		];
-		for (let e of Z.slice(0, 30)) i.push({
+		for (let e of X.slice(0, 30)) i.push({
 			id: `open-${e.id}`,
 			label: e.name,
 			group: r,
-			icon: /* @__PURE__ */ g(st, { className: "size-4" }),
+			icon: /* @__PURE__ */ h(lt, { className: "size-4" }),
 			keywords: `${e.status} ${e.agent?.name ?? ""} ${e.agent?.target?.name ?? ""}`,
-			run: () => void Q(e)
+			run: () => void Z(e)
 		});
 		return i;
 	}, [
-		C,
-		$,
-		Z,
+		x,
+		Q,
+		X,
+		bi,
+		J,
+		Ci,
 		vi,
-		Y,
-		xi,
-		gi,
-		_i,
-		Q
-	]), Ti = {
-		total: X.length,
-		running: X.filter((e) => e.status === "RUNNING").length,
-		stopped: X.filter((e) => e.status === "STOPPED").length
+		yi,
+		Z
+	]), $ = {
+		total: Y.length,
+		running: Y.filter((e) => e.status === "RUNNING").length,
+		stopped: Y.filter((e) => e.status === "STOPPED").length
 	};
-	if (Et) return /* @__PURE__ */ g(v, {
+	if (Ot) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ g(ye, { message: C("sessions.loadingPermissions", "Loading permissions...") })
+		children: /* @__PURE__ */ h(be, { message: x("sessions.loadingPermissions", "Loading permissions...") })
 	});
-	if (Dt && Dt.permissionStrings?.length > 0 && !jt) return /* @__PURE__ */ g(v, {
+	if (kt && kt.permissionStrings?.length > 0 && !Pt) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ g(gt, {
-			title: C("common.accessDeniedTitle", "Access Denied"),
-			description: C("sessions.accessDeniedDescription", "You don't have permission to view sessions."),
-			details: C("sessions.requiredPermission", "Required permission: session:list")
+		children: /* @__PURE__ */ h(vt, {
+			title: x("common.accessDeniedTitle", "Access Denied"),
+			description: x("sessions.accessDeniedDescription", "You don't have permission to view sessions."),
+			details: x("sessions.requiredPermission", "Required permission: session:list")
 		})
 	});
-	if (gr && !hr && X.length === 0) return /* @__PURE__ */ g(v, {
+	if (q && !vr && Y.length === 0) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ g(ye, { message: C("sessions.loading", "Loading sessions...") })
+		children: /* @__PURE__ */ h(be, { message: x("sessions.loading", "Loading sessions...") })
 	});
-	if (_r && X.length === 0) return /* @__PURE__ */ g(v, {
+	if (yr && Y.length === 0) return /* @__PURE__ */ h(_, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ g(be, {
-			title: C("sessions.failedLoad", "Failed to load sessions"),
-			message: _r.message,
-			onRetry: () => Y()
+		children: /* @__PURE__ */ h(xe, {
+			title: x("sessions.failedLoad", "Failed to load sessions"),
+			message: yr.message,
+			onRetry: () => J()
 		})
 	});
-	let Ei = () => !Vr || M === "terminal" ? null : /* @__PURE__ */ _("div", {
+	let Di = () => !Ur || A === "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__ */ g("span", {
+		children: [/* @__PURE__ */ h("span", {
 			className: "text-sm font-medium text-text-primary",
-			children: C(R.size === 1 ? "sessions.selectionCountSingle" : "sessions.selectionCountPlural", R.size === 1 ? "{{count}} session selected" : "{{count}} sessions selected", { count: R.size })
-		}), /* @__PURE__ */ _("div", {
+			children: x(I.size === 1 ? "sessions.selectionCountSingle" : "sessions.selectionCountPlural", I.size === 1 ? "{{count}} session selected" : "{{count}} sessions selected", { count: I.size })
+		}), /* @__PURE__ */ g("div", {
 			className: "flex items-center gap-1.5 sm:ml-auto flex-wrap",
 			children: [
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: Hr,
-					disabled: Jt,
+					onClick: Wr,
+					disabled: Zt,
 					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__ */ g(ot, { className: "size-3" }),
+						/* @__PURE__ */ h(ct, { className: "size-3" }),
 						" ",
-						C("sessions.stop", "Stop")
+						x("sessions.stop", "Stop")
 					]
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: Ur,
-					disabled: Jt,
+					onClick: Gr,
+					disabled: Zt,
 					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__ */ g(rt, { className: "size-3" }),
+						/* @__PURE__ */ h(at, { className: "size-3" }),
 						" ",
-						C("sessions.restart", "Restart")
+						x("sessions.restart", "Restart")
 					]
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: Wr,
-					disabled: Jt,
+					onClick: Kr,
+					disabled: Zt,
 					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__ */ g(ct, { className: "size-3" }),
+						/* @__PURE__ */ h(ut, { className: "size-3" }),
 						" ",
-						C("sessions.remove", "Remove")
+						x("sessions.remove", "Remove")
 					]
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: Lr,
+					onClick: zr,
 					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__ */ g(lt, { className: "size-3" }),
+						/* @__PURE__ */ h(dt, { className: "size-3" }),
 						" ",
-						C("sessions.deselect", "Deselect")
+						x("sessions.deselect", "Deselect")
 					]
 				})
 			]
 		})]
-	}), Di = /* @__PURE__ */ _("div", {
+	}), Oi = /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-0.5 rounded-md bg-bg-sunken p-0.5 flex-shrink-0",
 		children: [
-			/* @__PURE__ */ g("button", {
+			/* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: () => N("terminal"),
-				className: `p-1.5 rounded ${M === "terminal" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-				title: C("sessions.terminalViewTitle", "Terminal view"),
-				"aria-label": C("sessions.terminalViewTitle", "Terminal view"),
-				children: /* @__PURE__ */ g(Qe, { className: "size-4 text-text-secondary" })
+				onClick: () => j("terminal"),
+				className: `p-1.5 rounded ${A === "terminal" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+				title: x("sessions.terminalViewTitle", "Terminal view"),
+				"aria-label": x("sessions.terminalViewTitle", "Terminal view"),
+				children: /* @__PURE__ */ h(et, { className: "size-4 text-text-secondary" })
 			}),
-			/* @__PURE__ */ g("button", {
+			/* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: () => N("grid"),
-				className: `p-1.5 rounded ${M === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-				title: C("sessions.gridViewTitle", "Grid view"),
-				"aria-label": C("sessions.gridViewTitle", "Grid view"),
-				children: /* @__PURE__ */ g(qe, { className: "size-4 text-text-secondary" })
+				onClick: () => j("grid"),
+				className: `p-1.5 rounded ${A === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+				title: x("sessions.gridViewTitle", "Grid view"),
+				"aria-label": x("sessions.gridViewTitle", "Grid view"),
+				children: /* @__PURE__ */ h(Ye, { className: "size-4 text-text-secondary" })
 			}),
-			/* @__PURE__ */ g("button", {
+			/* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: () => N("list"),
-				className: `p-1.5 rounded ${M === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
-				title: C("sessions.listViewTitle", "List view"),
-				"aria-label": C("sessions.listViewTitle", "List view"),
-				children: /* @__PURE__ */ g(Ze, { className: "size-4 text-text-secondary" })
+				onClick: () => j("list"),
+				className: `p-1.5 rounded ${A === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+				title: x("sessions.listViewTitle", "List view"),
+				"aria-label": x("sessions.listViewTitle", "List view"),
+				children: /* @__PURE__ */ h($e, { className: "size-4 text-text-secondary" })
 			})
 		]
-	}), Oi = /* @__PURE__ */ _(pt, { children: [
-		Ht && Mi(),
-		ji(),
-		An && /* @__PURE__ */ g(Le, {
-			session: An,
-			isOpen: !!An,
-			onClose: () => jn(null)
+	}), ki = /* @__PURE__ */ g(ht, { children: [
+		Gt && Ni(),
+		Mi(),
+		Nn && /* @__PURE__ */ h(ze, {
+			session: Nn,
+			isOpen: !!Nn,
+			onClose: () => Pn(null)
 		}),
-		/* @__PURE__ */ g(fe, {
-			isOpen: Ut,
-			onClose: () => F(!1),
+		/* @__PURE__ */ h(pe, {
+			isOpen: Kt,
+			onClose: () => N(!1),
 			onConfirm: () => {
-				F(!1), x("/billing/plans");
+				N(!1), b("/billing/plans");
 			},
-			title: pe("session").title,
-			message: pe("session").message,
+			title: me("session").title,
+			message: me("session").message,
 			confirmLabel: "View Billing",
 			cancelLabel: "Dismiss",
 			variant: "warning"
 		}),
-		/* @__PURE__ */ g(Ve, {
-			isOpen: Tn,
-			onClose: () => En(!1),
-			shortcuts: Si
+		/* @__PURE__ */ h(Ue, {
+			isOpen: On,
+			onClose: () => kn(!1),
+			shortcuts: wi
 		}),
-		/* @__PURE__ */ g(He, {
-			open: Dn,
-			onOpenChange: On,
-			commands: wi
+		/* @__PURE__ */ h(We, {
+			open: An,
+			onOpenChange: jn,
+			commands: Ei
 		}),
-		/* @__PURE__ */ g(Ue, {
-			open: Cn,
-			onOpenChange: wn,
-			session: $
+		/* @__PURE__ */ h(Ge, {
+			open: En,
+			onOpenChange: Dn,
+			session: Q
 		})
 	] });
-	if (M === "terminal") return /* @__PURE__ */ _(v, {
+	if (A === "terminal") return /* @__PURE__ */ g(_, {
 		className: "flex flex-col bg-bg-surface h-screen",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("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__ */ _("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3",
-					children: [/* @__PURE__ */ g("h1", {
+					children: [/* @__PURE__ */ h("h1", {
 						className: "text-sm font-semibold text-text-primary",
-						children: C("nav.sessions", "Sessions")
-					}), /* @__PURE__ */ g("span", {
+						children: x("nav.sessions", "Sessions")
+					}), /* @__PURE__ */ h("span", {
 						className: "text-xs text-text-muted",
-						children: C("sessions.runningSummary", "{{running}} running / {{total}} total", {
-							running: Ti.running,
-							total: Ti.total
+						children: x("sessions.runningSummary", "{{running}} running / {{total}} total", {
+							running: $.running,
+							total: $.total
 						})
 					})]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "flex w-full flex-wrap items-center gap-2 sm:w-auto sm:justify-end",
 					children: [
-						/* @__PURE__ */ g("button", {
+						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => sr().then(() => Y()),
+							onClick: () => ur().then(() => J()),
 							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors",
-							title: C("sessions.checkHealth", "Check session health"),
-							children: /* @__PURE__ */ g(Ge, { className: "size-3.5" })
+							title: x("sessions.checkHealth", "Check session health"),
+							children: /* @__PURE__ */ h(qe, { className: "size-3.5" })
 						}),
-						/* @__PURE__ */ g("button", {
+						/* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								Y(), xr();
+								J(), Cr();
 							},
-							disabled: gr,
+							disabled: q,
 							className: "p-1.5 text-text-secondary hover:bg-bg-surface rounded transition-colors disabled:opacity-50",
-							title: C("common.refresh", "Refresh"),
-							children: /* @__PURE__ */ g(nt, { className: `size-3.5 ${gr ? "animate-spin" : ""}` })
+							title: x("common.refresh", "Refresh"),
+							children: /* @__PURE__ */ h(it, { className: `size-3.5 ${q ? "animate-spin" : ""}` })
 						}),
-						Di
+						Oi
 					]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ h("div", {
 				className: "px-4 pt-3",
-				children: /* @__PURE__ */ g(ke, {
+				children: /* @__PURE__ */ h(Ae, {
 					showConnectionStatus: !0,
 					maxVisible: 3
 				})
 			}),
-			/* @__PURE__ */ g(Ie, {
-				tabs: H,
-				activeTabId: W,
-				onTabSelect: G,
-				onTabClose: ti,
-				onOpenExternal: ni,
+			/* @__PURE__ */ h(Re, {
+				tabs: B,
+				activeTabId: H,
+				onTabSelect: U,
+				onTabClose: ri,
+				onOpenExternal: ii,
 				collapsed: !1,
-				sessions: Z,
-				onOpenTerminal: Q,
-				onRetryTerminal: Q,
-				onRenameSession: ri,
-				onStopTerminal: ii,
+				sessions: X,
+				onOpenTerminal: Z,
+				onRetryTerminal: Z,
+				onRenameSession: ai,
+				onStopTerminal: oi,
 				onStopSession: (e) => {
-					let t = X.find((t) => t.id === e);
-					t && Xr(t);
+					let t = Y.find((t) => t.id === e);
+					t && Qr(t);
 				},
-				onRestartTerminal: ai,
-				onReattachTerminal: oi,
-				onReorderTabs: si,
-				onTogglePin: ci,
-				onShowSessionInfo: li,
-				onViewAgent: ui,
-				onViewTarget: di,
-				onShareSession: Nt ? fi : void 0,
-				onCreateSession: qr,
+				onRestartTerminal: si,
+				onReattachTerminal: ci,
+				onReorderTabs: li,
+				onTogglePin: ui,
+				onShowSessionInfo: di,
+				onViewAgent: fi,
+				onViewTarget: pi,
+				onShareSession: It ? mi : void 0,
+				onCreateSession: Yr,
 				fullScreen: !0,
-				isImmersiveFullscreen: Mn,
-				onToggleImmersiveFullscreen: pi,
+				isImmersiveFullscreen: Fn,
+				onToggleImmersiveFullscreen: hi,
 				contextSwitcher: void 0
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between gap-3 px-4 py-1.5 border-t border-border-default bg-bg-sunken text-[11px] text-text-tertiary",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ g("span", {
 							className: "inline-flex items-center gap-1.5",
-							children: [/* @__PURE__ */ g("span", {
+							children: [/* @__PURE__ */ h("span", {
 								className: "size-1.5 rounded-full bg-status-success-bg",
 								"aria-hidden": !0
-							}), C("sessions.statusOnline", "Online")]
+							}), x("sessions.statusOnline", "Online")]
 						}),
-						/* @__PURE__ */ _("span", { children: [
-							H.length,
+						/* @__PURE__ */ g("span", { children: [
+							B.length,
 							" ",
-							H.length === 1 ? "tab" : "tabs"
+							B.length === 1 ? "tab" : "tabs"
 						] }),
-						W && /* @__PURE__ */ g("span", {
+						H && /* @__PURE__ */ h("span", {
 							className: "truncate max-w-[28ch]",
-							children: H.find((e) => e.sessionId === W)?.name
+							children: B.find((e) => e.sessionId === H)?.name
 						}),
-						$?.agent && /* @__PURE__ */ _("span", {
+						Q?.agent && /* @__PURE__ */ g("span", {
 							className: "hidden md:inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ h("span", {
 									className: "text-text-muted",
 									children: "·"
 								}),
-								/* @__PURE__ */ g(Me, { agent: $.agent }),
-								$.agent.target && /* @__PURE__ */ g(Ne, { target: $.agent.target })
+								/* @__PURE__ */ h(Pe, { agent: Q.agent }),
+								Q.agent.target && /* @__PURE__ */ h(Fe, { target: Q.agent.target })
 							]
 						})
 					]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "hidden sm:flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ _("button", {
+						/* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => wn(!Cn),
+							onClick: () => Dn(!En),
 							className: "inline-flex items-center gap-1 hover:text-text-secondary transition-colors",
-							title: C("sessions.infoPanelHint", "Session info (i)"),
-							children: [/* @__PURE__ */ g(Je, { className: "size-3" }), C("sessions.infoPanelLabel", "Info")]
+							title: x("sessions.infoPanelHint", "Session info (i)"),
+							children: [/* @__PURE__ */ h(Xe, { className: "size-3" }), x("sessions.infoPanelLabel", "Info")]
 						}),
-						$ && /* @__PURE__ */ _("button", {
-							type: "button",
-							onClick: () => jn($),
-							className: "inline-flex items-center gap-1 hover:text-text-secondary transition-colors",
-							title: C("sessions.shareOfferHint", "Share / offer this session"),
-							"data-testid": "terminal-share-active",
-							children: [/* @__PURE__ */ g(at, { className: "size-3" }), C("sessions.shareOfferLabel", "Share")]
+						Q && /* @__PURE__ */ h(Ne, {
+							entity: "session",
+							resource: {
+								id: Q.id,
+								name: Q.name,
+								vibeId: Q.vibeId ?? null
+							},
+							label: x("sessions.shareOfferLabel", "Share"),
+							variant: "button"
 						}),
-						/* @__PURE__ */ _("button", {
+						/* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => En(!0),
+							onClick: () => kn(!0),
 							className: "inline-flex items-center gap-1 hover:text-text-secondary transition-colors",
-							children: [/* @__PURE__ */ g(Ye, { className: "size-3" }), C("sessions.shortcutsHint", "Press ? for shortcuts")]
+							children: [/* @__PURE__ */ h(Ze, { className: "size-3" }), x("sessions.shortcutsHint", "Press ? for shortcuts")]
 						}),
-						/* @__PURE__ */ g("button", {
+						/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: bi,
+							onClick: Si,
 							className: "hover:text-text-secondary transition-colors",
-							children: C("sessions.paletteHint", "⌘/Ctrl K · Command palette")
+							children: x("sessions.paletteHint", "⌘/Ctrl K · Command palette")
 						})
 					]
 				})]
 			}),
-			qt && /* @__PURE__ */ g("div", {
+			Xt && /* @__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: qt
+				children: Xt
 			}),
-			Oi
+			ki
 		]
 	});
-	let ki = (e) => /* @__PURE__ */ g(yt, {
+	let Ai = (e) => /* @__PURE__ */ h(xt, {
 		stagger: .04,
 		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-		children: e.map((e) => /* @__PURE__ */ g(vt, { children: /* @__PURE__ */ g(Pe, {
+		children: e.map((e) => /* @__PURE__ */ h(bt, { children: /* @__PURE__ */ h(Ie, {
 			session: e,
-			onOpen: Kr,
-			onStart: Yr,
-			onStop: Xr,
-			onRestart: Zr,
-			onOpenTerminal: Q,
-			onShare: Nt ? ei : void 0,
-			selected: R.has(e.id),
-			onToggleSelect: () => Fr(e.id)
+			onOpen: Jr,
+			onStart: Zr,
+			onStop: Qr,
+			onRestart: $r,
+			onOpenTerminal: Z,
+			onShare: It ? ni : void 0,
+			selected: I.has(e.id),
+			onToggleSelect: () => Lr(e.id)
 		}) }, e.id))
-	}), Ai = (e, t) => /* @__PURE__ */ g(Fe, {
+	}), ji = (e, t) => /* @__PURE__ */ h(Le, {
 		sessions: e,
-		onOpen: Kr,
-		onStart: Yr,
-		onStop: Xr,
-		onRestart: Zr,
-		onTerminate: Qr,
-		onOpenTerminal: Q,
-		onShare: Nt ? ei : void 0,
-		selectedIds: R,
-		onToggleSelect: Fr,
-		onSelectAll: Ir,
-		onDeselectAll: Lr,
+		onOpen: Jr,
+		onStart: Zr,
+		onStop: Qr,
+		onRestart: $r,
+		onTerminate: ei,
+		onOpenTerminal: Z,
+		onShare: It ? ni : void 0,
+		selectedIds: I,
+		onToggleSelect: Lr,
+		onSelectAll: Rr,
+		onDeselectAll: zr,
 		hideHeaderSelectAll: t
 	});
-	return /* @__PURE__ */ _(v, {
+	return /* @__PURE__ */ g(_, {
 		className: "flex flex-col bg-bg-surface min-h-screen",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex-1 overflow-y-auto space-y-6 p-4 sm:p-6",
 				children: [
-					/* @__PURE__ */ g(ve, {
-						title: C("nav.sessions", "Sessions"),
-						description: C("sessions.pageDescription", "{{running}} of {{total}} sessions running", {
-							running: Ti.running,
-							total: Ti.total
+					/* @__PURE__ */ h(ye, {
+						title: x("nav.sessions", "Sessions"),
+						description: x("sessions.pageDescription", "{{running}} of {{total}} sessions running", {
+							running: $.running,
+							total: $.total
 						}),
-						actions: /* @__PURE__ */ _("div", {
+						actions: /* @__PURE__ */ g("div", {
 							className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
 							children: [
-								/* @__PURE__ */ g("button", {
+								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => sr().then(() => Y()),
+									onClick: () => ur().then(() => J()),
 									className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
-									title: C("sessions.checkHealth", "Check session health"),
-									children: /* @__PURE__ */ g(Ge, { className: "size-4" })
+									title: x("sessions.checkHealth", "Check session health"),
+									children: /* @__PURE__ */ h(qe, { className: "size-4" })
 								}),
-								/* @__PURE__ */ g("button", {
+								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => Y(),
-									disabled: gr,
+									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: C("sessions.refreshTitle", "Refresh sessions"),
-									children: /* @__PURE__ */ g(nt, { className: `size-4 ${gr ? "animate-spin" : ""}` })
+									title: x("sessions.refreshTitle", "Refresh sessions"),
+									children: /* @__PURE__ */ h(it, { className: `size-4 ${q ? "animate-spin" : ""}` })
 								}),
-								/* @__PURE__ */ g(ht, {
-									label: C("sessions.export", "Export"),
-									disabled: Xt,
+								/* @__PURE__ */ h(_t, {
+									label: x("sessions.export", "Export"),
+									disabled: $t,
 									testId: "sessions-export",
 									defaultFolderPath: "/Vibecontrols/Sessions",
 									source: {
@@ -1540,310 +1544,310 @@ function Ct() {
 										filename: `sessions-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`,
 										mimeType: "text/csv",
 										getBlob: async () => {
-											let e = (await dr({ variables: { input: {
+											let e = (await mr({ variables: { input: {
 												filter: {
-													status: T === "all" ? void 0 : T,
-													type: E === "all" ? void 0 : E,
-													vibeId: D !== "all" && D !== "none" ? D : void 0,
-													agentId: O === "all" ? void 0 : O
+													status: C === "all" ? void 0 : C,
+													type: w === "all" ? void 0 : w,
+													vibeId: T !== "all" && T !== "none" ? T : void 0,
+													agentId: E === "all" ? void 0 : E
 												},
 												format: "CSV"
 											} } })).data?.exportSessions;
 											return e ? { blob: new Blob([e.data], { type: "text/csv" }) } : null;
 										}
 									},
-									onDownload: () => Gr("CSV")
+									onDownload: () => qr("CSV")
 								}),
-								/* @__PURE__ */ g(_t, {
-									permission: je.SESSION_CREATE,
-									children: /* @__PURE__ */ _("button", {
+								/* @__PURE__ */ h(yt, {
+									permission: Me.SESSION_CREATE,
+									children: /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: () => Un(!0),
+										onClick: () => Kn(!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: C("sessions.reconnectTooltip", "Reconnect orphan tmux/wezterm/zellij sessions left over from a previous agent run"),
-										children: [/* @__PURE__ */ g(nt, { className: "size-4" }), C("sessions.reconnect", "Reconnect")]
+										title: x("sessions.reconnectTooltip", "Reconnect orphan tmux/wezterm/zellij sessions left over from a previous agent run"),
+										children: [/* @__PURE__ */ h(it, { className: "size-4" }), x("sessions.reconnect", "Reconnect")]
 									})
 								}),
-								/* @__PURE__ */ g(_t, {
-									permission: je.SESSION_CREATE,
-									children: /* @__PURE__ */ _("button", {
+								/* @__PURE__ */ h(yt, {
+									permission: Me.SESSION_CREATE,
+									children: /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: qr,
+										onClick: Yr,
 										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__ */ g(tt, { className: "size-4" }), C("sessions.newSession", "New Session")]
+										children: [/* @__PURE__ */ h(rt, { className: "size-4" }), x("sessions.newSession", "New Session")]
 									})
 								}),
-								Di
+								Oi
 							]
 						})
 					}),
-					/* @__PURE__ */ g(ke, {
+					/* @__PURE__ */ h(Ae, {
 						showConnectionStatus: !0,
 						maxVisible: 3
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						"data-tour": "sessions-filters",
 						className: "space-y-3",
-						children: [/* @__PURE__ */ g("div", {
-							ref: Qt,
+						children: [/* @__PURE__ */ h("div", {
+							ref: tn,
 							className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
-							children: /* @__PURE__ */ g(we, {
-								value: w,
-								onChange: Pt,
-								placeholder: C("sessions.searchPlaceholder", "Search sessions..."),
+							children: /* @__PURE__ */ h(Te, {
+								value: S,
+								onChange: Lt,
+								placeholder: x("sessions.searchPlaceholder", "Search sessions..."),
 								className: "flex-1 sm:w-64 sm:flex-none"
 							})
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-2 sm:gap-3 flex-wrap",
 							children: [
-								/* @__PURE__ */ g(Te, {
-									label: C("sessions.filterStatus", "Status"),
+								/* @__PURE__ */ h(Ee, {
+									label: x("sessions.filterStatus", "Status"),
+									value: C,
+									options: Mt,
+									onChange: Rt
+								}),
+								/* @__PURE__ */ h(Ee, {
+									label: x("sessions.filterType", "Type"),
+									value: w,
+									options: Nt,
+									onChange: zt
+								}),
+								/* @__PURE__ */ h(Ee, {
+									label: x("sessions.filterVibe", "Vibe"),
 									value: T,
-									options: kt,
-									onChange: Ft
+									options: Dr,
+									onChange: Bt
 								}),
-								/* @__PURE__ */ g(Te, {
-									label: C("sessions.filterType", "Type"),
+								/* @__PURE__ */ h(Ee, {
+									label: x("sessions.filterAgent", "Agent"),
 									value: E,
-									options: At,
-									onChange: It
+									options: Or,
+									onChange: Vt
 								}),
-								/* @__PURE__ */ g(Te, {
-									label: C("sessions.filterVibe", "Vibe"),
+								/* @__PURE__ */ h(Ee, {
+									label: x("sessions.filterTarget", "Target"),
 									value: D,
-									options: Tr,
-									onChange: Lt
-								}),
-								/* @__PURE__ */ g(Te, {
-									label: C("sessions.filterAgent", "Agent"),
-									value: O,
-									options: Er,
-									onChange: Rt
+									options: Fr,
+									onChange: Ht,
+									icon: /* @__PURE__ */ h(tt, { className: "size-3.5 text-text-secondary" })
 								}),
-								/* @__PURE__ */ g(Te, {
-									label: C("sessions.filterTarget", "Target"),
-									value: k,
-									options: Nr,
-									onChange: zt,
-									icon: /* @__PURE__ */ g($e, { className: "size-3.5 text-text-secondary" })
-								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ h("div", {
 									className: "sm:ml-auto",
-									children: /* @__PURE__ */ g(Te, {
-										label: C("sessions.groupByLabel", "Group"),
-										value: A,
-										options: Dr,
-										onChange: (e) => j(e),
+									children: /* @__PURE__ */ h(Ee, {
+										label: x("sessions.groupByLabel", "Group"),
+										value: O,
+										options: kr,
+										onChange: (e) => k(e),
 										allValue: "none",
-										allLabel: C("sessions.groupBy.none", "No grouping"),
-										icon: /* @__PURE__ */ g(Xe, { className: "size-3.5 text-text-secondary" })
+										allLabel: x("sessions.groupBy.none", "No grouping"),
+										icon: /* @__PURE__ */ h(Qe, { className: "size-3.5 text-text-secondary" })
 									})
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex flex-col sm:flex-row items-start sm:items-center gap-2 flex-wrap",
 						children: [
-							/* @__PURE__ */ _("button", {
+							/* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => Ft("RUNNING"),
-								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${T === "RUNNING" ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
+								onClick: () => Rt("RUNNING"),
+								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${C === "RUNNING" ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
 								children: [
-									/* @__PURE__ */ g(et, { className: "size-3" }),
+									/* @__PURE__ */ h(nt, { className: "size-3" }),
 									" ",
-									C("sessions.running", "Running"),
+									x("sessions.running", "Running"),
 									" (",
-									Ti.running,
+									$.running,
 									")"
 								]
 							}),
-							/* @__PURE__ */ _("button", {
+							/* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => Ft("STOPPED"),
-								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${T === "STOPPED" ? "bg-bg-sunken text-text-secondary" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
+								onClick: () => Rt("STOPPED"),
+								className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${C === "STOPPED" ? "bg-bg-sunken text-text-secondary" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
 								children: [
-									/* @__PURE__ */ g(ot, { className: "size-3" }),
+									/* @__PURE__ */ h(ct, { className: "size-3" }),
 									" ",
-									C("sessions.stoppedState", "Stopped"),
+									x("sessions.stoppedState", "Stopped"),
 									" (",
-									Ti.stopped,
+									$.stopped,
 									")"
 								]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ h("div", {
 								className: "sm:ml-auto flex items-center gap-2",
-								children: Z.length > 0 && /* @__PURE__ */ _("button", {
+								children: X.length > 0 && /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: Br ? Lr : Ir,
+									onClick: Hr ? zr : 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__ */ g(Ke, { className: "size-3.5" }), Br ? C("sessions.deselectAll", "Deselect All") : C("sessions.selectAll", "Select All")]
+									children: [/* @__PURE__ */ h(Je, { className: "size-3.5" }), Hr ? x("sessions.deselectAll", "Deselect All") : x("sessions.selectAll", "Select All")]
 								})
 							})
 						]
 					}),
-					Ei(),
-					w || T !== "all" || E !== "all" || D !== "all" || O !== "all" || k !== "all" ? /* @__PURE__ */ _("p", {
+					Di(),
+					S || C !== "all" || w !== "all" || T !== "all" || E !== "all" || D !== "all" ? /* @__PURE__ */ g("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							C("sessions.showing", "Showing"),
+							x("sessions.showing", "Showing"),
 							" ",
-							Z.length,
+							X.length,
 							" ",
-							C("sessions.of", "of"),
+							x("sessions.of", "of"),
 							" ",
-							X.length,
+							Y.length,
 							" ",
-							C("nav.sessions", "sessions"),
-							gr && /* @__PURE__ */ _("span", {
+							x("nav.sessions", "sessions"),
+							q && /* @__PURE__ */ g("span", {
 								className: "ml-2 text-text-muted",
 								children: [
 									"(",
-									C("sessions.refreshing", "refreshing..."),
+									x("sessions.refreshing", "refreshing..."),
 									")"
 								]
 							})
 						]
 					}) : null,
-					/* @__PURE__ */ g(ft, {
+					/* @__PURE__ */ h(mt, {
 						mode: "wait",
-						children: Z.length > 0 ? A === "none" ? M === "grid" ? /* @__PURE__ */ g("div", { children: ki(Z) }, "grid-view") : /* @__PURE__ */ g(vt, { children: Ai(Z, !1) }, "list-view") : /* @__PURE__ */ g("div", {
+						children: X.length > 0 ? O === "none" ? A === "grid" ? /* @__PURE__ */ h("div", { children: Ai(X) }, "grid-view") : /* @__PURE__ */ h(bt, { children: ji(X, !1) }, "list-view") : /* @__PURE__ */ h("div", {
 							className: "space-y-3",
 							"data-testid": "sessions-grouped",
-							children: Pr.map((e) => {
-								let t = e.sessions.map((e) => e.id), n = t.length > 0 && t.every((e) => R.has(e)), r = t.some((e) => R.has(e));
-								return /* @__PURE__ */ g(Re, {
+							children: Ir.map((e) => {
+								let t = e.sessions.map((e) => e.id), n = t.length > 0 && t.every((e) => I.has(e)), r = t.some((e) => I.has(e));
+								return /* @__PURE__ */ h(Be, {
 									label: e.label,
 									count: e.sessions.length,
-									collapsed: Bt.has(e.key),
-									onToggleCollapse: () => zr(e.key),
+									collapsed: Ut.has(e.key),
+									onToggleCollapse: () => Vr(e.key),
 									allSelected: n,
 									someSelected: r,
-									onToggleSelectGroup: () => Rr(t),
-									children: M === "grid" ? ki(e.sessions) : Ai(e.sessions, !0)
+									onToggleSelectGroup: () => Br(t),
+									children: A === "grid" ? Ai(e.sessions) : ji(e.sessions, !0)
 								}, e.key);
 							})
-						}, "grouped-view") : /* @__PURE__ */ _("div", {
+						}, "grouped-view") : /* @__PURE__ */ g("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ g(Ee, {
+							children: [/* @__PURE__ */ h(De, {
 								variant: "compact",
 								dismissKey: "vibecontrols-sessions-setup-banner"
-							}), /* @__PURE__ */ g(Ce, {
-								icon: /* @__PURE__ */ g(st, { className: "size-8 text-text-secondary" }),
-								title: w || T !== "all" || E !== "all" || D !== "all" || O !== "all" || k !== "all" ? C("sessions.emptyFound", "No sessions found") : C("sessions.emptyConfigured", "No sessions configured"),
-								description: w || T !== "all" || E !== "all" || D !== "all" || O !== "all" || k !== "all" ? C("sessions.emptyAdjustSearch", "Try adjusting your search or filters") : C("sessions.emptyDescription", "Sessions require an active agent. Install the CLI agent first, then start a session."),
-								action: !w && T === "all" && E === "all" && D === "all" && O === "all" && k === "all" ? /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ h(we, {
+								icon: /* @__PURE__ */ h(lt, { className: "size-8 text-text-secondary" }),
+								title: S || C !== "all" || w !== "all" || T !== "all" || E !== "all" || D !== "all" ? x("sessions.emptyFound", "No sessions found") : x("sessions.emptyConfigured", "No sessions configured"),
+								description: S || C !== "all" || w !== "all" || T !== "all" || E !== "all" || D !== "all" ? x("sessions.emptyAdjustSearch", "Try adjusting your search or filters") : x("sessions.emptyDescription", "Sessions require an active agent. Install the CLI agent first, then start a session."),
+								action: !S && C === "all" && w === "all" && T === "all" && E === "all" && D === "all" ? /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [Mt && /* @__PURE__ */ _("button", {
+									children: [Ft && /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: qr,
+										onClick: Yr,
 										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__ */ g(tt, { className: "size-4" }),
+											/* @__PURE__ */ h(rt, { className: "size-4" }),
 											" ",
-											C("sessions.newSession", "New Session")
+											x("sessions.newSession", "New Session")
 										]
-									}), /* @__PURE__ */ g(De, { prompt: "What is a Session in VibeControls and how do I start one?" })]
+									}), /* @__PURE__ */ h(Oe, { prompt: "What is a Session in VibeControls and how do I start one?" })]
 								}) : void 0
 							})]
 						})
 					}),
-					qt && /* @__PURE__ */ g("div", {
+					Xt && /* @__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: qt
+						children: Xt
 					})
 				]
 			}),
-			H.length > 0 && /* @__PURE__ */ g(Ie, {
-				tabs: H,
-				activeTabId: W,
-				onTabSelect: G,
-				onTabClose: ti,
-				onOpenExternal: ni,
-				onToggleCollapse: () => K((e) => !e),
-				collapsed: kn,
-				sessions: Z,
-				onOpenTerminal: Q,
-				onRetryTerminal: Q,
-				onRenameSession: ri,
-				onStopTerminal: ii,
+			B.length > 0 && /* @__PURE__ */ h(Re, {
+				tabs: B,
+				activeTabId: H,
+				onTabSelect: U,
+				onTabClose: ri,
+				onOpenExternal: ii,
+				onToggleCollapse: () => W((e) => !e),
+				collapsed: Mn,
+				sessions: X,
+				onOpenTerminal: Z,
+				onRetryTerminal: Z,
+				onRenameSession: ai,
+				onStopTerminal: oi,
 				onStopSession: (e) => {
-					let t = X.find((t) => t.id === e);
-					t && Xr(t);
+					let t = Y.find((t) => t.id === e);
+					t && Qr(t);
 				},
-				onRestartTerminal: ai,
-				onReattachTerminal: oi,
-				onReorderTabs: si,
-				onTogglePin: ci,
-				onShowSessionInfo: li,
-				onViewAgent: ui,
-				onViewTarget: di,
-				onShareSession: Nt ? fi : void 0,
+				onRestartTerminal: si,
+				onReattachTerminal: ci,
+				onReorderTabs: li,
+				onTogglePin: ui,
+				onShowSessionInfo: di,
+				onViewAgent: fi,
+				onViewTarget: pi,
+				onShareSession: It ? mi : void 0,
 				heightClass: "h-[280px] sm:h-[380px]",
-				isImmersiveFullscreen: Mn,
-				onToggleImmersiveFullscreen: pi,
+				isImmersiveFullscreen: Fn,
+				onToggleImmersiveFullscreen: hi,
 				contextSwitcher: void 0
 			}),
-			Oi
+			ki
 		]
 	});
-	function ji() {
-		if (!Hn) return null;
-		let e = Zn?.agentSessionOrphans ?? [];
-		return /* @__PURE__ */ g("div", {
+	function Mi() {
+		if (!Gn) return null;
+		let e = er?.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",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: "bg-bg-surface rounded-lg p-6 w-full max-w-2xl max-h-[80vh] overflow-y-auto",
 				children: [
-					/* @__PURE__ */ g("h2", {
+					/* @__PURE__ */ h("h2", {
 						className: "text-lg font-semibold text-text-primary mb-1",
-						children: C("sessions.reconnectTitle", "Reconnect orphan sessions")
+						children: x("sessions.reconnectTitle", "Reconnect orphan sessions")
 					}),
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary mb-4",
-						children: C("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: x("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__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: C("sessions.agent", "Agent")
-							}), /* @__PURE__ */ g(Oe, {
-								options: kr,
-								value: Wn,
+								children: x("sessions.agent", "Agent")
+							}), /* @__PURE__ */ h(ke, {
+								options: jr,
+								value: qn,
 								onChange: (e) => {
-									Gn(e), qn(null), e && Xn({ variables: { agentId: e } });
+									Jn(e), Xn(null), e && $n({ variables: { agentId: e } });
 								},
-								placeholder: C("sessions.selectAgent", "Select an agent"),
-								searchPlaceholder: C("sessions.searchAgents", "Search agents..."),
+								placeholder: x("sessions.selectAgent", "Select an agent"),
+								searchPlaceholder: x("sessions.searchAgents", "Search agents..."),
 								clearable: !0
 							})] }),
-							Kn && /* @__PURE__ */ g("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: Kn
+								children: Yn
 							}),
-							Wn && /* @__PURE__ */ g("div", {
+							qn && /* @__PURE__ */ h("div", {
 								"data-testid": "sessions-reconnect-list",
 								className: "space-y-2",
-								children: Qn ? /* @__PURE__ */ g("div", {
+								children: tr ? /* @__PURE__ */ h("div", {
 									className: "text-sm text-text-secondary",
-									children: C("sessions.scanningHost", "Scanning host...")
-								}) : e.length === 0 ? /* @__PURE__ */ g("div", {
+									children: x("sessions.scanningHost", "Scanning host...")
+								}) : e.length === 0 ? /* @__PURE__ */ h("div", {
 									className: "text-sm text-text-secondary",
-									children: C("sessions.noOrphans", "No orphan vibe-* sessions found on this agent.")
-								}) : e.map((e) => /* @__PURE__ */ _("div", {
+									children: x("sessions.noOrphans", "No orphan vibe-* sessions found on this agent.")
+								}) : e.map((e) => /* @__PURE__ */ g("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__ */ _("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ g("div", {
+										children: [/* @__PURE__ */ h("div", {
 											className: "font-mono text-sm text-text-primary break-all",
 											children: e.externalName
-										}), /* @__PURE__ */ _("div", {
+										}), /* @__PURE__ */ g("div", {
 											className: "text-xs text-text-tertiary mt-0.5",
 											children: [
 												e.provider,
@@ -1855,213 +1859,213 @@ function Ct() {
 												e.createdAt ? ` · created ${e.createdAt}` : ""
 											]
 										})]
-									}), /* @__PURE__ */ g("button", {
+									}), /* @__PURE__ */ h("button", {
 										type: "button",
-										disabled: Jn === e.externalName,
+										disabled: Zn === e.externalName,
 										onClick: async () => {
-											Yn(e.externalName), qn(null);
+											Qn(e.externalName), Xn(null);
 											try {
-												await $n({ variables: {
-													agentId: Wn,
+												await nr({ variables: {
+													agentId: qn,
 													externalName: e.externalName,
 													name: e.externalName
-												} }), await Xn({ variables: { agentId: Wn } });
+												} }), await $n({ variables: { agentId: qn } });
 											} catch (e) {
-												qn(e instanceof Error ? e.message : String(e));
+												Xn(e instanceof Error ? e.message : String(e));
 											} finally {
-												Yn(null);
+												Qn(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: Jn === e.externalName ? C("sessions.adopting", "Adopting…") : C("sessions.adopt", "Adopt")
+										children: Zn === e.externalName ? x("sessions.adopting", "Adopting…") : x("sessions.adopt", "Adopt")
 									})]
 								}, e.externalName))
 							})
 						]
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex justify-end gap-3 mt-6",
-						children: /* @__PURE__ */ g("button", {
+						children: /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: () => {
-								Un(!1), qn(null);
+								Kn(!1), Xn(null);
 							},
 							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors",
-							children: C("common.close", "Close")
+							children: x("common.close", "Close")
 						})
 					})
 				]
 			})
 		});
 	}
-	function Mi() {
-		return /* @__PURE__ */ g("div", {
+	function Ni() {
+		return /* @__PURE__ */ h("div", {
 			className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: "bg-bg-surface rounded-lg p-6 w-full max-w-lg",
 				children: [
-					/* @__PURE__ */ g("h2", {
+					/* @__PURE__ */ h("h2", {
 						className: "text-lg font-semibold text-text-primary mb-4",
-						children: C("sessions.newSession", "New Session")
+						children: x("sessions.newSession", "New Session")
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "space-y-4",
 						children: [
-							Wt && /* @__PURE__ */ g("div", {
+							qt && /* @__PURE__ */ h("div", {
 								className: "p-3 bg-status-error-bg text-status-error-text text-sm rounded-md",
-								children: Wt
+								children: qt
 							}),
-							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: C("sessions.name", "Name")
-							}), /* @__PURE__ */ g("input", {
+								children: x("sessions.name", "Name")
+							}), /* @__PURE__ */ h("input", {
 								"aria-label": "control",
-								ref: $t,
+								ref: nn,
 								type: "text",
-								placeholder: C("sessions.namePlaceholder", "dev-server"),
+								placeholder: x("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__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: C("sessions.filterVibe", "Vibe")
-							}), /* @__PURE__ */ g(Oe, {
-								options: Or,
-								value: rn,
-								onChange: an,
-								placeholder: C("sessions.noVibe", "No vibe"),
-								searchPlaceholder: C("sessions.searchVibes", "Search vibes..."),
+								children: x("sessions.filterVibe", "Vibe")
+							}), /* @__PURE__ */ h(ke, {
+								options: Ar,
+								value: sn,
+								onChange: cn,
+								placeholder: x("sessions.noVibe", "No vibe"),
+								searchPlaceholder: x("sessions.searchVibes", "Search vibes..."),
 								clearable: !0
 							})] }),
-							/* @__PURE__ */ _("div", { children: [
-								/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: C("sessions.filterAgent", "Agent")
+									children: x("sessions.filterAgent", "Agent")
 								}),
-								/* @__PURE__ */ g(Oe, {
-									options: kr,
-									value: on,
-									onChange: sn,
-									placeholder: C("sessions.selectAgent", "Select an agent"),
-									searchPlaceholder: C("sessions.searchAgents", "Search agents..."),
+								/* @__PURE__ */ h(ke, {
+									options: jr,
+									value: ln,
+									onChange: un,
+									placeholder: x("sessions.selectAgent", "Select an agent"),
+									searchPlaceholder: x("sessions.searchAgents", "Search agents..."),
 									clearable: !0
 								}),
-								/* @__PURE__ */ g("p", {
+								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: C("sessions.agentHint", "Required when no vibe is selected. Overridden by the vibe's agent if a vibe is chosen.")
+									children: x("sessions.agentHint", "Required when no vibe is selected. Overridden by the vibe's agent if a vibe is chosen.")
 								})
 							] }),
-							/* @__PURE__ */ _("div", { children: [
-								/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: C("sessions.profile", "Profile")
+									children: x("sessions.profile", "Profile")
 								}),
-								/* @__PURE__ */ g(Oe, {
-									options: jr,
-									value: cn,
-									onChange: ln,
-									placeholder: C("sessions.selectProfile", "default"),
-									searchPlaceholder: C("sessions.searchProfiles", "Search profiles...")
+								/* @__PURE__ */ h(ke, {
+									options: Nr,
+									value: dn,
+									onChange: fn,
+									placeholder: x("sessions.selectProfile", "default"),
+									searchPlaceholder: x("sessions.searchProfiles", "Search profiles...")
 								}),
-								/* @__PURE__ */ g("p", {
+								/* @__PURE__ */ h("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: C("sessions.profileHint", "Which agent profile this session targets. Defaults to \"default\" — change only if the agent runs multiple isolated profiles.")
+									children: x("sessions.profileHint", "Which agent profile this session targets. Defaults to \"default\" — change only if the agent runs multiple isolated profiles.")
 								})
 							] }),
-							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: C("sessions.filterType", "Type")
-							}), /* @__PURE__ */ g(Oe, {
-								options: Mr,
-								value: B,
-								onChange: un,
-								placeholder: C("sessions.selectType", "Select type"),
-								searchPlaceholder: C("sessions.searchTypes", "Search types...")
+								children: x("sessions.filterType", "Type")
+							}), /* @__PURE__ */ h(ke, {
+								options: Pr,
+								value: R,
+								onChange: pn,
+								placeholder: x("sessions.selectType", "Select type"),
+								searchPlaceholder: x("sessions.searchTypes", "Search types...")
 							})] }),
-							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: C("sessions.command", "Command")
-							}), /* @__PURE__ */ g("input", {
+								children: x("sessions.command", "Command")
+							}), /* @__PURE__ */ h("input", {
 								"aria-label": "control",
-								ref: en,
+								ref: rn,
 								type: "text",
-								placeholder: C("sessions.commandPlaceholder", "bun run dev"),
+								placeholder: x("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__ */ _("div", {
+							/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ g("input", {
+								children: [/* @__PURE__ */ h("input", {
 									"aria-label": "autoStart",
-									ref: tn,
+									ref: an,
 									type: "checkbox",
 									id: "autoStart",
 									className: "size-4 rounded border-border-default"
-								}), /* @__PURE__ */ g("label", {
+								}), /* @__PURE__ */ h("label", {
 									htmlFor: "autoStart",
 									className: "text-sm text-text-primary",
-									children: C("sessions.autoStartWithVibe", "Auto-start with vibe")
+									children: x("sessions.autoStartWithVibe", "Auto-start with vibe")
 								})]
 							}),
-							(B === "TMUX" || B === "WEZTERM" || B === "ZELLIJ") && /* @__PURE__ */ _("div", {
+							(R === "TMUX" || R === "WEZTERM" || R === "ZELLIJ") && /* @__PURE__ */ g("div", {
 								className: "rounded-md border border-border-default bg-bg-sunken/40",
 								"data-testid": "sessions-create-advanced",
-								children: [/* @__PURE__ */ _("button", {
+								children: [/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => fn((e) => !e),
+									onClick: () => hn((e) => !e),
 									className: "w-full flex items-center justify-between px-3 py-2 text-sm font-medium text-text-primary",
-									"aria-expanded": dn,
-									children: [/* @__PURE__ */ g("span", { children: C("sessions.advanced", "Advanced options") }), /* @__PURE__ */ g("span", {
+									"aria-expanded": mn,
+									children: [/* @__PURE__ */ h("span", { children: x("sessions.advanced", "Advanced options") }), /* @__PURE__ */ h("span", {
 										className: "text-text-tertiary text-xs",
-										children: dn ? "▾" : "▸"
+										children: mn ? "▾" : "▸"
 									})]
-								}), dn && /* @__PURE__ */ _("div", {
+								}), mn && /* @__PURE__ */ g("div", {
 									className: "px-3 pb-3 space-y-2",
 									children: [
-										/* @__PURE__ */ g("label", {
+										/* @__PURE__ */ h("label", {
 											className: "block text-xs font-medium text-text-secondary",
-											children: C("sessions.attachExistingLabel", "Attach to existing session (optional)")
+											children: x("sessions.attachExistingLabel", "Attach to existing session (optional)")
 										}),
-										/* @__PURE__ */ g("input", {
+										/* @__PURE__ */ h("input", {
 											"aria-label": "control",
-											ref: nn,
+											ref: on,
 											type: "text",
 											"data-testid": "sessions-create-external-name",
-											placeholder: B === "WEZTERM" ? "e.g. vibe-051c9c62 (existing wezterm workspace)" : B === "ZELLIJ" ? "e.g. vibe-051c9c62 (existing zellij session)" : "e.g. vibe-051c9c62 (existing tmux session)",
+											placeholder: R === "WEZTERM" ? "e.g. vibe-051c9c62 (existing wezterm workspace)" : R === "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__ */ g("p", {
+										/* @__PURE__ */ h("p", {
 											className: "text-xs text-text-tertiary",
-											children: C("sessions.attachExistingHint", "When set, the agent attaches to that existing session instead of creating a new one. Leave blank to spawn fresh.")
+											children: x("sessions.attachExistingHint", "When set, the agent attaches to that existing session instead of creating a new one. Leave blank to spawn fresh.")
 										})
 									]
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "border-t border-border-default pt-4",
-						children: [/* @__PURE__ */ g("h3", {
+						children: [/* @__PURE__ */ h("h3", {
 							className: "text-sm font-medium text-text-secondary mb-2",
-							children: C("sessions.tags", "Tags")
-						}), /* @__PURE__ */ g(xe, {
+							children: x("sessions.tags", "Tags")
+						}), /* @__PURE__ */ h(Se, {
 							entityType: "VIBECONTROLS_SESSION",
-							onDraftChange: Bn
+							onDraftChange: Un
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex justify-end gap-3 mt-6",
-						children: [/* @__PURE__ */ g("button", {
+						children: [/* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => P(!1),
-							disabled: Gt,
+							onClick: () => M(!1),
+							disabled: Jt,
 							className: "px-4 py-2 text-text-primary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
-							children: C("common.cancel", "Cancel")
-						}), /* @__PURE__ */ g("button", {
+							children: x("common.cancel", "Cancel")
+						}), /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: Jr,
-							disabled: Gt,
+							onClick: Xr,
+							disabled: Jt,
 							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: Gt ? C("sessions.creating", "Creating...") : C("sessions.createSession", "Create Session")
+							children: Jt ? x("sessions.creating", "Creating...") : x("sessions.createSession", "Create Session")
 						})]
 					})
 				]
@@ -2070,6 +2074,6 @@ function Ct() {
 	}
 }
 //#endregion
-export { Ct as SessionsPage };
+export { Tt as SessionsPage };
 
 //# sourceMappingURL=SessionsPage.js.map