@lijian-ui/dsh-session-cleaner 0.1.2 → 0.1.4

package/lib/client.js

@@ -1,751 +1,768 @@
-window.__ModuleLoader__.load({ id: "@lijian-ui/dsh-session-cleaner", factory: (require) => {
-var module = { exports: {} }; var exports = module.exports;
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-const react = __toESM(require("react"));
-
-//#region src/client/SessionManagerSection.ts
-const page = {
-	display: "flex",
-	flexDirection: "column",
-	gap: 12,
-	padding: "4px 0 24px",
-	width: "100%",
-	minHeight: 400
-};
-const header = {
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "space-between",
-	padding: "14px 0",
-	flexShrink: 0,
-	borderBottom: "1px solid var(--dsw-alias-border-l2, #eee)"
-};
-const title = {
-	fontSize: 17,
-	fontWeight: 500,
-	color: "var(--dsw-alias-label-primary, inherit)",
-	margin: 0,
-	whiteSpace: "nowrap"
-};
-const countBadge = {
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	minWidth: 22,
-	height: 22,
-	padding: "0 7px",
-	borderRadius: 999,
-	background: "var(--dsw-alias-bg-layer-3, #eee)",
-	color: "var(--dsw-alias-label-secondary, #555)",
-	fontSize: 11,
-	fontWeight: 500,
-	marginLeft: 8
-};
-const toolbar = {
-	display: "flex",
-	alignItems: "center",
-	gap: 8
-};
-const btnGhost = {
-	display: "inline-flex",
-	alignItems: "center",
-	gap: 6,
-	height: 30,
-	padding: "0 12px",
-	background: "transparent",
-	color: "var(--dsw-alias-label-primary, inherit)",
-	border: "1px solid var(--dsw-alias-border-l2, #ddd)",
-	borderRadius: 6,
-	fontSize: 12,
-	cursor: "pointer"
-};
-const btnDanger = {
-	display: "inline-flex",
-	alignItems: "center",
-	gap: 6,
-	height: 26,
-	padding: "0 10px",
-	background: "transparent",
-	color: "var(--dsw-alias-state-error-primary, #e24b4a)",
-	border: "1px solid var(--dsw-alias-state-error-primary, #e24b4a)",
-	borderRadius: 6,
-	fontSize: 12,
-	cursor: "pointer"
-};
-const btnDangerSolid = {
-	display: "inline-flex",
-	alignItems: "center",
-	gap: 6,
-	height: 30,
-	padding: "0 14px",
-	background: "var(--dsw-alias-state-error-primary, #e24b4a)",
-	color: "#fff",
-	border: "none",
-	borderRadius: 6,
-	fontSize: 12,
-	fontWeight: 500,
-	cursor: "pointer"
-};
-const tabs = {
-	display: "flex",
-	gap: 4,
-	borderBottom: "1px solid var(--dsw-alias-border-l2, #eee)",
-	paddingBottom: 0
-};
-const tabStyle = {
-	padding: "8px 14px",
-	fontSize: 13,
-	color: "var(--dsw-alias-label-secondary, #666)",
-	background: "transparent",
-	border: "none",
-	borderBottom: "2px solid transparent",
-	cursor: "pointer"
-};
-const tabStyleActive = {
-	...tabStyle,
-	color: "var(--dsw-alias-state-business-primary, #185FA5)",
-	borderBottomColor: "var(--dsw-alias-state-business-primary, #185FA5)",
-	fontWeight: 500
-};
-const list = {
-	display: "flex",
-	flexDirection: "column",
-	gap: 6
-};
-const row = {
-	display: "flex",
-	alignItems: "center",
-	gap: 12,
-	padding: "10px 12px",
-	borderRadius: 8,
-	background: "var(--dsw-alias-bg-layer-2, #fafafa)",
-	border: "1px solid var(--dsw-alias-border-l3, #f0f0f0)",
-	cursor: "pointer"
-};
-const rowMain = {
-	flex: 1,
-	minWidth: 0,
-	display: "flex",
-	flexDirection: "column",
-	gap: 2
-};
-const rowTitle = {
-	fontSize: 13,
-	fontWeight: 500,
-	color: "var(--dsw-alias-label-primary, inherit)",
-	overflow: "hidden",
-	textOverflow: "ellipsis",
-	whiteSpace: "nowrap"
-};
-const rowMeta = {
-	fontSize: 11,
-	color: "var(--dsw-alias-label-secondary, #888)"
-};
-const rowActions = {
-	display: "flex",
-	alignItems: "center",
-	gap: 6,
-	flexShrink: 0
-};
-const badge = {
-	display: "inline-flex",
-	alignItems: "center",
-	padding: "1px 8px",
-	borderRadius: 999,
-	fontSize: 10,
-	background: "var(--dsw-alias-bg-layer-3, #eee)",
-	color: "var(--dsw-alias-label-secondary, #777)"
-};
-const badgeArchived = {
-	...badge,
-	color: "var(--dsw-alias-state-warning-primary, #b8860b)",
-	background: "rgba(184,134,11,0.12)"
-};
-const badgeStray = {
-	...badge,
-	color: "var(--dsw-alias-state-error-primary, #e24b4a)",
-	background: "rgba(226,75,74,0.10)"
-};
-const empty = {
-	display: "flex",
-	flexDirection: "column",
-	alignItems: "center",
-	justifyContent: "center",
-	gap: 6,
-	padding: "40px 24px",
-	border: "1px dashed var(--dsw-alias-border-l3, #ccc)",
-	borderRadius: 10,
-	background: "var(--dsw-alias-bg-layer-1, transparent)",
-	textAlign: "center"
-};
-const emptyText = {
-	margin: 0,
-	fontSize: 13,
-	color: "var(--dsw-alias-label-secondary, #555)"
-};
-const errorStyle = {
-	fontSize: 12,
-	lineHeight: 1.5,
-	color: "var(--dsw-alias-state-error-primary, #e24b4a)",
-	padding: "10px 14px",
-	background: "rgba(226,75,74,0.08)",
-	border: "1px solid rgba(226,75,74,0.35)",
-	borderRadius: 8,
-	whiteSpace: "pre-wrap"
-};
-const hint = {
-	fontSize: 12,
-	color: "var(--dsw-alias-label-secondary, #888)",
-	lineHeight: 1.6
-};
-const modalOverlay = {
-	position: "fixed",
-	inset: 0,
-	background: "rgba(0,0,0,0.45)",
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center",
-	zIndex: 1e3
-};
-const modalCard = {
-	width: 420,
-	maxWidth: "86vw",
-	background: "var(--dsw-alias-bg-layer-3, #fff)",
-	color: "var(--dsw-alias-label-primary, #222)",
-	borderRadius: 12,
-	boxShadow: "0 8px 32px rgba(0,0,0,0.25)",
-	padding: "20px 22px",
-	display: "flex",
-	flexDirection: "column",
-	gap: 12
-};
-const modalTitle = {
-	margin: 0,
-	fontSize: 15,
-	fontWeight: 600
-};
-const modalBody = {
-	fontSize: 13,
-	lineHeight: 1.6,
-	color: "var(--dsw-alias-label-secondary, #555)"
-};
-const modalBodyStrong = {
-	fontSize: 13,
-	lineHeight: 1.6,
-	color: "var(--dsw-alias-state-error-primary, #e24b4a)",
-	fontWeight: 500
-};
-const modalActions = {
-	display: "flex",
-	justifyContent: "flex-end",
-	gap: 8,
-	marginTop: 4
-};
-const previewModalCard = {
-	...modalCard,
-	width: 560,
-	maxHeight: "70vh",
-	overflow: "hidden",
-	display: "flex",
-	flexDirection: "column"
-};
-const previewBody = {
-	flex: 1,
-	minHeight: 0,
-	overflowY: "auto",
-	display: "flex",
-	flexDirection: "column",
-	gap: 8,
-	padding: "4px 2px"
-};
-const msgBubble = {
-	maxWidth: "92%",
-	padding: "8px 12px",
-	borderRadius: 8,
-	fontSize: 12.5,
-	lineHeight: 1.6,
-	whiteSpace: "pre-wrap",
-	wordBreak: "break-word"
-};
-const msgUser = {
-	...msgBubble,
-	alignSelf: "flex-end",
-	background: "var(--dsw-alias-state-business-primary, #185FA5)",
-	color: "#fff"
-};
-const msgAssistant = {
-	...msgBubble,
-	alignSelf: "flex-start",
-	background: "var(--dsw-alias-bg-layer-3, #f0f0f0)",
-	color: "var(--dsw-alias-label-primary, #222)"
-};
-const previewMeta = {
-	fontSize: 11,
-	color: "var(--dsw-alias-label-secondary, #888)"
-};
-function fmtBytes(n) {
-	if (n < 1024) return `${n} B`;
-	if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
-	return `${(n / 1024 / 1024).toFixed(1)} MB`;
-}
-function fmtTime(ms) {
-	const d = new Date(ms);
-	const p = (x) => String(x).padStart(2, "0");
-	return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
-}
-/** 会话展示名：优先标题，回退 workspace 解码 + id 短前缀 */
-function fmtSessionName(s) {
-	if (s.title) return s.title;
-	const ws = s.workspaceDir.replace(/~003A/g, ":").replace(/^--/, "").replace(/--$/, "");
-	const short = s.id.length > 8 ? `${s.id.slice(0, 8)}…` : s.id;
-	return `${ws} / ${short}`;
-}
-/** 格式化时间戳 */
-function fmtDateTime(ms) {
-	if (!ms) return "—";
-	const d = new Date(ms);
-	const p = (x) => String(x).padStart(2, "0");
-	return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
-}
-function SessionManagerSection(props) {
-	const { api, t } = props;
-	const [sessions, setSessions] = (0, react.useState)([]);
-	const [loading, setLoading] = (0, react.useState)(true);
-	const [error, setError] = (0, react.useState)("");
-	const [tab, setTab] = (0, react.useState)("all");
-	const [confirmTarget, setConfirmTarget] = (0, react.useState)(null);
-	const [busy, setBusy] = (0, react.useState)(false);
-	const [previewTarget, setPreviewTarget] = (0, react.useState)(null);
-	const [previewData, setPreviewData] = (0, react.useState)(null);
-	const [previewLoading, setPreviewLoading] = (0, react.useState)(false);
-	const mountedRef = (0, react.useRef)(true);
-	const refresh = async () => {
-		setLoading(true);
-		setError("");
-		const res = await api.list();
-		if (!mountedRef.current) return;
-		setLoading(false);
-		if (!res.ok) {
-			setError(t("error.loadFailed", { message: res.message ?? res.code ?? "" }));
-			return;
+window.__ModuleLoader__.load({
+	id: "@lijian-ui/dsh-session-cleaner",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		//#region src/client/SessionManagerSection.ts
+		/**
+		* 会话管理设置页（client half）
+		* ------------------------------------------------------------------
+		* 分组：全部 / 已归档 / 游离（无 workspace 归属）。
+		* 操作：归档（移入已归档分组）、恢复（移出）、删除（真删除 + 二次确认弹窗）。
+		* 样式走 dsh 设计 token（var(--dsw-alias-*)）自动适配明暗主题。
+		*/
+		const page = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 12,
+			padding: "4px 0 24px",
+			width: "100%",
+			minHeight: 400
+		};
+		const header = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			padding: "14px 0",
+			flexShrink: 0,
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
+		};
+		const title = {
+			fontSize: 17,
+			fontWeight: 500,
+			color: "var(--dsw-alias-label-primary)",
+			margin: 0,
+			whiteSpace: "nowrap"
+		};
+		const countBadge = {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			minWidth: 22,
+			height: 22,
+			padding: "0 7px",
+			borderRadius: 999,
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-secondary)",
+			fontSize: 11,
+			fontWeight: 500,
+			marginLeft: 8
+		};
+		const toolbar = {
+			display: "flex",
+			alignItems: "center",
+			gap: 8
+		};
+		const btnGhost = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			height: 30,
+			padding: "0 12px",
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 6,
+			fontSize: 12,
+			cursor: "pointer"
+		};
+		const btnDanger = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			height: 26,
+			padding: "0 10px",
+			background: "transparent",
+			color: "var(--dsw-alias-state-error-primary)",
+			border: "1px solid var(--dsw-alias-state-error-primary)",
+			borderRadius: 6,
+			fontSize: 12,
+			cursor: "pointer"
+		};
+		const btnDangerSolid = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			height: 30,
+			padding: "0 14px",
+			background: "var(--dsw-alias-state-error-primary)",
+			color: "var(--dsw-alias-label-primary-foreground)",
+			border: "none",
+			borderRadius: 6,
+			fontSize: 12,
+			fontWeight: 500,
+			cursor: "pointer"
+		};
+		const tabs = {
+			display: "flex",
+			gap: 4,
+			borderBottom: "1px solid var(--dsw-alias-border-l2)",
+			paddingBottom: 0
+		};
+		const tabStyle = {
+			padding: "8px 14px",
+			fontSize: 13,
+			color: "var(--dsw-alias-label-secondary)",
+			background: "transparent",
+			border: "none",
+			borderBottom: "2px solid transparent",
+			cursor: "pointer"
+		};
+		const tabStyleActive = {
+			...tabStyle,
+			color: "var(--dsw-alias-state-business-primary)",
+			borderBottomColor: "var(--dsw-alias-state-business-primary)",
+			fontWeight: 500
+		};
+		const list = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6
+		};
+		const row = {
+			display: "flex",
+			alignItems: "center",
+			gap: 12,
+			padding: "10px 12px",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-2)",
+			border: "1px solid var(--dsw-alias-border-l3)",
+			cursor: "pointer"
+		};
+		const rowMain = {
+			flex: 1,
+			minWidth: 0,
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		};
+		const rowTitle = {
+			fontSize: 13,
+			fontWeight: 500,
+			color: "var(--dsw-alias-label-primary)",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const rowMeta = {
+			fontSize: 11,
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const rowActions = {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			flexShrink: 0
+		};
+		const badge = {
+			display: "inline-flex",
+			alignItems: "center",
+			padding: "1px 8px",
+			borderRadius: 999,
+			fontSize: 10,
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const badgeArchived = {
+			...badge,
+			color: "var(--dsw-alias-state-warning-primary)",
+			background: "color-mix(in srgb, var(--dsw-alias-state-warning-primary) 12%, transparent)"
+		};
+		const badgeStray = {
+			...badge,
+			color: "var(--dsw-alias-state-error-primary)",
+			background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent)"
+		};
+		const empty = {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 6,
+			padding: "40px 24px",
+			border: "1px dashed var(--dsw-alias-border-l3)",
+			borderRadius: 10,
+			background: "var(--dsw-alias-bg-layer-1)",
+			textAlign: "center"
+		};
+		const emptyText = {
+			margin: 0,
+			fontSize: 13,
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const errorStyle = {
+			fontSize: 12,
+			lineHeight: 1.5,
+			color: "var(--dsw-alias-state-error-primary)",
+			padding: "10px 14px",
+			background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent)",
+			border: "1px solid color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent)",
+			borderRadius: 8,
+			whiteSpace: "pre-wrap"
+		};
+		const hint = {
+			fontSize: 12,
+			color: "var(--dsw-alias-label-secondary)",
+			lineHeight: 1.6
+		};
+		const modalOverlay = {
+			position: "fixed",
+			inset: 0,
+			background: "var(--dsw-alias-bg-mask-1)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 1e3
+		};
+		const modalCard = {
+			width: 420,
+			maxWidth: "86vw",
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-primary)",
+			borderRadius: 12,
+			boxShadow: "var(--dsw-shadow-lv2)",
+			padding: "20px 22px",
+			display: "flex",
+			flexDirection: "column",
+			gap: 12
+		};
+		const modalTitle = {
+			margin: 0,
+			fontSize: 15,
+			fontWeight: 600
+		};
+		const modalBody = {
+			fontSize: 13,
+			lineHeight: 1.6,
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const modalBodyStrong = {
+			fontSize: 13,
+			lineHeight: 1.6,
+			color: "var(--dsw-alias-state-error-primary)",
+			fontWeight: 500
+		};
+		const modalActions = {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 8,
+			marginTop: 4
+		};
+		const previewModalCard = {
+			...modalCard,
+			width: 560,
+			maxHeight: "70vh",
+			overflow: "hidden",
+			display: "flex",
+			flexDirection: "column"
+		};
+		const previewBody = {
+			flex: 1,
+			minHeight: 0,
+			overflowY: "auto",
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			padding: "4px 2px"
+		};
+		const msgBubble = {
+			maxWidth: "92%",
+			padding: "8px 12px",
+			borderRadius: 8,
+			fontSize: 12.5,
+			lineHeight: 1.6,
+			whiteSpace: "pre-wrap",
+			wordBreak: "break-word"
+		};
+		const msgUser = {
+			...msgBubble,
+			alignSelf: "flex-end",
+			background: "var(--dsw-alias-state-business-primary)",
+			color: "var(--dsw-alias-label-primary-foreground)"
+		};
+		const msgAssistant = {
+			...msgBubble,
+			alignSelf: "flex-start",
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const previewMeta = {
+			fontSize: 11,
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		function fmtBytes(n) {
+			if (n < 1024) return `${n} B`;
+			if (n < 1048576) return `${(n / 1024).toFixed(1)} KB`;
+			return `${(n / 1024 / 1024).toFixed(1)} MB`;
+		}
+		function fmtTime(ms) {
+			const d = new Date(ms);
+			const p = (x) => String(x).padStart(2, "0");
+			return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
 		}
-		setSessions(res.value ?? []);
-	};
-	(0, react.useEffect)(() => {
-		mountedRef.current = true;
-		refresh();
-		return () => {
-			mountedRef.current = false;
-		};
-	}, []);
-	const filtered = (0, react.useMemo)(() => {
-		if (tab === "archived") return sessions.filter((s) => s.archived);
-		if (tab === "stray") return sessions.filter((s) => !s.archived && !s.active);
-		return sessions;
-	}, [sessions, tab]);
-	const counts = (0, react.useMemo)(() => ({
-		all: sessions.length,
-		archived: sessions.filter((s) => s.archived).length,
-		stray: sessions.filter((s) => !s.archived && !s.active).length
-	}), [sessions]);
-	const run = async (fn) => {
-		if (busy) return;
-		setBusy(true);
-		setError("");
-		const res = await fn();
-		setBusy(false);
-		if (!res.ok) {
-			setError(t("error.operationFailed", { message: res.message ?? "" }));
-			return;
+		/** 会话展示名：优先标题，回退 workspace 解码 + id 短前缀 */
+		function fmtSessionName(s) {
+			if (s.title) return s.title;
+			return `${s.workspaceDir.replace(/~003A/g, ":").replace(/^--/, "").replace(/--$/, "")} / ${s.id.length > 8 ? `${s.id.slice(0, 8)}…` : s.id}`;
 		}
-		await refresh();
-	};
-	const openPreview = async (s) => {
-		setPreviewTarget(s);
-		setPreviewData(null);
-		setPreviewLoading(true);
-		const res = await api.preview(s.id);
-		setPreviewLoading(false);
-		if (res.ok) setPreviewData(res.value ?? null);
-		else setError(t("error.previewFailed", { message: res.message ?? "" }));
-	};
-	const handleDelete = (s) => {
-		setConfirmTarget(s);
-	};
-	const confirmDelete = async () => {
-		if (!confirmTarget) return;
-		const target = confirmTarget;
-		setConfirmTarget(null);
-		await run(() => api.remove(target.id));
-	};
-	const handleArchive = (s) => {
-		const { archiveSession } = props;
-		if (archiveSession) {
-			(async () => {
+		/** 格式化时间戳 */
+		function fmtDateTime(ms) {
+			if (!ms) return "—";
+			const d = new Date(ms);
+			const p = (x) => String(x).padStart(2, "0");
+			return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
+		}
+		function SessionManagerSection(props) {
+			const { api, t } = props;
+			const [sessions, setSessions] = (0, react.useState)([]);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)("");
+			const [tab, setTab] = (0, react.useState)("all");
+			const [confirmTarget, setConfirmTarget] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [previewTarget, setPreviewTarget] = (0, react.useState)(null);
+			const [previewData, setPreviewData] = (0, react.useState)(null);
+			const [previewLoading, setPreviewLoading] = (0, react.useState)(false);
+			const mountedRef = (0, react.useRef)(true);
+			const refresh = async () => {
+				setLoading(true);
+				setError("");
+				const res = await api.list();
+				if (!mountedRef.current) return;
+				setLoading(false);
+				if (!res.ok) {
+					setError(t("error.loadFailed", { message: res.message ?? res.code ?? "" }));
+					return;
+				}
+				setSessions(res.value ?? []);
+			};
+			(0, react.useEffect)(() => {
+				mountedRef.current = true;
+				refresh();
+				return () => {
+					mountedRef.current = false;
+				};
+			}, []);
+			const filtered = (0, react.useMemo)(() => {
+				if (tab === "archived") return sessions.filter((s) => s.archived);
+				if (tab === "stray") return sessions.filter((s) => !s.archived && !s.active);
+				return sessions;
+			}, [sessions, tab]);
+			const counts = (0, react.useMemo)(() => ({
+				all: sessions.length,
+				archived: sessions.filter((s) => s.archived).length,
+				stray: sessions.filter((s) => !s.archived && !s.active).length
+			}), [sessions]);
+			const run = async (fn) => {
 				if (busy) return;
 				setBusy(true);
 				setError("");
-				const ok = await archiveSession(s.id);
+				const res = await fn();
 				setBusy(false);
-				if (!ok) setError(t("error.archiveFailed"));
+				if (!res.ok) {
+					setError(t("error.operationFailed", { message: res.message ?? "" }));
+					return;
+				}
 				await refresh();
-			})();
-			return;
-		}
-		run(() => api.archive(s.id));
-	};
-	const handleUnarchive = (s) => {
-		run(() => api.unarchive(s.id));
-	};
-	const totalBytes = (0, react.useMemo)(() => sessions.reduce((a, s) => a + s.sizeBytes, 0), [sessions]);
-	return (0, react.createElement)("div", { style: page }, (0, react.createElement)("div", { style: header }, (0, react.createElement)("h2", { style: title }, t("header.title"), (0, react.createElement)("span", { style: countBadge }, t("header.count", {
-		count: sessions.length,
-		size: fmtBytes(totalBytes)
-	}))), (0, react.createElement)("div", { style: toolbar }, (0, react.createElement)("button", {
-		style: btnGhost,
-		onClick: () => void refresh(),
-		disabled: loading
-	}, loading ? t("btn.loading") : t("btn.refresh")))), (0, react.createElement)("div", { style: tabs }, [
-		"all",
-		"archived",
-		"stray"
-	].map((k) => (0, react.createElement)("button", {
-		key: k,
-		style: tab === k ? tabStyleActive : tabStyle,
-		onClick: () => setTab(k)
-	}, k === "all" ? t("tab.all", { count: counts.all }) : k === "archived" ? t("tab.archived", { count: counts.archived }) : t("tab.stray", { count: counts.stray })))), error ? (0, react.createElement)("div", { style: errorStyle }, error) : null, (0, react.createElement)("div", { style: hint }, t("hint.text")), (0, react.createElement)("div", { style: list }, filtered.map((s) => (0, react.createElement)("div", {
-		key: s.id,
-		style: row,
-		onClick: () => void openPreview(s)
-	}, (0, react.createElement)("div", { style: rowMain }, (0, react.createElement)("div", { style: rowTitle }, fmtSessionName(s)), (0, react.createElement)("div", { style: rowMeta }, `${fmtTime(s.mtimeMs)} · ${fmtBytes(s.sizeBytes)} · ${s.id}`)), s.archived ? (0, react.createElement)("span", { style: badgeArchived }, t("badge.archived")) : !s.active ? (0, react.createElement)("span", { style: badgeStray }, t("badge.stray")) : null, (0, react.createElement)("div", {
-		style: rowActions,
-		onClick: (e) => e.stopPropagation()
-	}, s.archived ? (0, react.createElement)("button", {
-		style: btnGhost,
-		onClick: () => handleUnarchive(s),
-		disabled: busy
-	}, t("btn.unarchive")) : (0, react.createElement)("button", {
-		style: btnGhost,
-		onClick: () => handleArchive(s),
-		disabled: busy
-	}, t("btn.archive")), (0, react.createElement)("button", {
-		style: btnDanger,
-		onClick: () => handleDelete(s),
-		disabled: busy
-	}, t("btn.delete")))))), !loading && filtered.length === 0 ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, tab === "archived" ? t("empty.noArchived") : tab === "stray" ? t("empty.noStray") : t("empty.noSessions"))) : null, confirmTarget ? (0, react.createElement)("div", {
-		style: modalOverlay,
-		onClick: () => setConfirmTarget(null)
-	}, (0, react.createElement)("div", {
-		style: modalCard,
-		onClick: (e) => e.stopPropagation()
-	}, (0, react.createElement)("h3", { style: modalTitle }, t("modal.delete.title")), (0, react.createElement)("div", { style: modalBody }, t("modal.delete.body", { name: fmtSessionName(confirmTarget) })), (0, react.createElement)("div", { style: modalBodyStrong }, t("modal.delete.warning")), (0, react.createElement)("div", { style: modalActions }, (0, react.createElement)("button", {
-		style: btnGhost,
-		onClick: () => setConfirmTarget(null),
-		disabled: busy
-	}, t("btn.cancel")), (0, react.createElement)("button", {
-		style: btnDangerSolid,
-		onClick: () => void confirmDelete(),
-		disabled: busy
-	}, busy ? t("btn.deleting") : t("btn.permanentDelete"))))) : null, previewTarget ? (0, react.createElement)("div", {
-		style: modalOverlay,
-		onClick: () => setPreviewTarget(null)
-	}, (0, react.createElement)("div", {
-		style: previewModalCard,
-		onClick: (e) => e.stopPropagation()
-	}, (0, react.createElement)("h3", { style: modalTitle }, fmtSessionName(previewTarget)), (0, react.createElement)("div", { style: previewMeta }, t("preview.meta", {
-		id: previewTarget.id,
-		createdAt: fmtDateTime(previewData?.createdAt),
-		size: fmtBytes(previewTarget.sizeBytes)
-	})), (0, react.createElement)("div", { style: previewBody }, previewLoading ? (0, react.createElement)("p", { style: emptyText }, t("preview.loading")) : previewData && previewData.messages.length > 0 ? previewData.messages.map((m, i) => (0, react.createElement)("div", {
-		key: i,
-		style: m.role === "user" ? msgUser : msgAssistant
-	}, m.text)) : (0, react.createElement)("p", { style: emptyText }, t("preview.empty"))), (0, react.createElement)("div", { style: modalActions }, (0, react.createElement)("button", {
-		style: btnDanger,
-		onClick: () => {
-			setPreviewTarget(null);
-			handleDelete(previewTarget);
-		}
-	}, t("btn.deleteSession")), (0, react.createElement)("button", {
-		style: btnGhost,
-		onClick: () => setPreviewTarget(null)
-	}, t("btn.close"))))) : null);
-}
-
-//#endregion
-//#region src/client/config-api.ts
-const PACKAGE = "@lijian-ui/dsh-session-cleaner";
-const SERVICE = "sessionCleanerRemote";
-/** Identity codec — the host manifest owns strict validation. */
-const identity = (value) => value;
-const codec = (symbol) => ({
-	mode: "strict",
-	typeSymbol: symbol,
-	schema: { parse: identity }
-});
-/** Wire descriptors mirroring the host contribution (src/remote.ts). */
-const CONTRIBUTION = {
-	package: PACKAGE,
-	descriptors: [
-		{
-			id: `${PACKAGE}#${SERVICE}/listSessions`,
-			service: SERVICE,
-			namespace: SERVICE,
-			method: "listSessions",
-			invocation: { kind: "direct" },
-			parameters: [],
-			result: codec(`${PACKAGE}#SessionList`)
-		},
-		{
-			id: `${PACKAGE}#${SERVICE}/previewSession`,
-			service: SERVICE,
-			namespace: SERVICE,
-			method: "previewSession",
-			invocation: { kind: "direct" },
-			parameters: [{
-				name: "sessionId",
-				wire: "sessionId",
-				source: "json",
-				codec: codec(`${PACKAGE}#SessionId`)
-			}, {
-				name: "limit",
-				wire: "limit",
-				source: "json",
-				acceptsUndefined: true,
-				codec: codec(`${PACKAGE}#Limit`)
-			}],
-			result: codec(`${PACKAGE}#SessionPreview`)
-		},
-		{
-			id: `${PACKAGE}#${SERVICE}/deleteSession`,
-			service: SERVICE,
-			namespace: SERVICE,
-			method: "deleteSession",
-			invocation: { kind: "direct" },
-			parameters: [{
-				name: "sessionId",
-				wire: "sessionId",
-				source: "json",
-				codec: codec(`${PACKAGE}#SessionId`)
-			}],
-			result: codec(`${PACKAGE}#DeleteResult`)
-		},
-		{
-			id: `${PACKAGE}#${SERVICE}/archiveSession`,
-			service: SERVICE,
-			namespace: SERVICE,
-			method: "archiveSession",
-			invocation: { kind: "direct" },
-			parameters: [{
-				name: "sessionId",
-				wire: "sessionId",
-				source: "json",
-				codec: codec(`${PACKAGE}#SessionId`)
-			}],
-			result: codec(`${PACKAGE}#ArchiveResult`)
-		},
-		{
-			id: `${PACKAGE}#${SERVICE}/unarchiveSession`,
-			service: SERVICE,
-			namespace: SERVICE,
-			method: "unarchiveSession",
-			invocation: { kind: "direct" },
-			parameters: [{
-				name: "sessionId",
-				wire: "sessionId",
-				source: "json",
-				codec: codec(`${PACKAGE}#SessionId`)
-			}],
-			result: codec(`${PACKAGE}#ArchiveResult`)
-		}
-	]
-};
-/**
-* Create the session api bound to this browser plugin's context.
-* Mounts the remote contribution once; every call awaits the mount, then
-* invokes the namespace service and unwraps the envelope.
-*/
-function createSessionApi(ctx) {
-	const mount = ctx.remote.$mount(CONTRIBUTION);
-	const call = async (method, ...args) => {
-		try {
-			await mount;
-			const remote = ctx.get(`remote.${SERVICE}`);
-			const result = await remote[method](...args);
-			if (!result.ok) return {
-				ok: false,
-				code: result.error?.code ?? "remote-error",
-				message: result.error?.message ?? `${SERVICE}.${method} failed`
 			};
-			return {
-				ok: true,
-				value: result.value
+			const openPreview = async (s) => {
+				setPreviewTarget(s);
+				setPreviewData(null);
+				setPreviewLoading(true);
+				const res = await api.preview(s.id);
+				setPreviewLoading(false);
+				if (res.ok) setPreviewData(res.value ?? null);
+				else setError(t("error.previewFailed", { message: res.message ?? "" }));
+			};
+			const handleDelete = (s) => {
+				setConfirmTarget(s);
+			};
+			const confirmDelete = async () => {
+				if (!confirmTarget) return;
+				const target = confirmTarget;
+				setConfirmTarget(null);
+				await run(() => api.remove(target.id));
+			};
+			const handleArchive = (s) => {
+				const { archiveSession } = props;
+				if (archiveSession) {
+					(async () => {
+						if (busy) return;
+						setBusy(true);
+						setError("");
+						const ok = await archiveSession(s.id);
+						setBusy(false);
+						if (!ok) setError(t("error.archiveFailed"));
+						await refresh();
+					})();
+					return;
+				}
+				run(() => api.archive(s.id));
+			};
+			const handleUnarchive = (s) => {
+				run(() => api.unarchive(s.id));
+			};
+			const totalBytes = (0, react.useMemo)(() => sessions.reduce((a, s) => a + s.sizeBytes, 0), [sessions]);
+			return (0, react.createElement)("div", { style: page }, (0, react.createElement)("div", { style: header }, (0, react.createElement)("h2", { style: title }, t("header.title"), (0, react.createElement)("span", { style: countBadge }, t("header.count", {
+				count: sessions.length,
+				size: fmtBytes(totalBytes)
+			}))), (0, react.createElement)("div", { style: toolbar }, (0, react.createElement)("button", {
+				style: btnGhost,
+				onClick: () => void refresh(),
+				disabled: loading
+			}, loading ? t("btn.loading") : t("btn.refresh")))), (0, react.createElement)("div", { style: tabs }, [
+				"all",
+				"archived",
+				"stray"
+			].map((k) => (0, react.createElement)("button", {
+				key: k,
+				style: tab === k ? tabStyleActive : tabStyle,
+				onClick: () => setTab(k)
+			}, k === "all" ? t("tab.all", { count: counts.all }) : k === "archived" ? t("tab.archived", { count: counts.archived }) : t("tab.stray", { count: counts.stray })))), error ? (0, react.createElement)("div", { style: errorStyle }, error) : null, (0, react.createElement)("div", { style: hint }, t("hint.text")), (0, react.createElement)("div", { style: list }, filtered.map((s) => (0, react.createElement)("div", {
+				key: s.id,
+				style: row,
+				onClick: () => void openPreview(s)
+			}, (0, react.createElement)("div", { style: rowMain }, (0, react.createElement)("div", { style: rowTitle }, fmtSessionName(s)), (0, react.createElement)("div", { style: rowMeta }, `${fmtTime(s.mtimeMs)} · ${fmtBytes(s.sizeBytes)} · ${s.id}`)), s.archived ? (0, react.createElement)("span", { style: badgeArchived }, t("badge.archived")) : !s.active ? (0, react.createElement)("span", { style: badgeStray }, t("badge.stray")) : null, (0, react.createElement)("div", {
+				style: rowActions,
+				onClick: (e) => e.stopPropagation()
+			}, s.archived ? (0, react.createElement)("button", {
+				style: btnGhost,
+				onClick: () => handleUnarchive(s),
+				disabled: busy
+			}, t("btn.unarchive")) : (0, react.createElement)("button", {
+				style: btnGhost,
+				onClick: () => handleArchive(s),
+				disabled: busy
+			}, t("btn.archive")), (0, react.createElement)("button", {
+				style: btnDanger,
+				onClick: () => handleDelete(s),
+				disabled: busy
+			}, t("btn.delete")))))), !loading && filtered.length === 0 ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, tab === "archived" ? t("empty.noArchived") : tab === "stray" ? t("empty.noStray") : t("empty.noSessions"))) : null, confirmTarget ? (0, react.createElement)("div", {
+				style: modalOverlay,
+				onClick: () => setConfirmTarget(null)
+			}, (0, react.createElement)("div", {
+				style: modalCard,
+				onClick: (e) => e.stopPropagation()
+			}, (0, react.createElement)("h3", { style: modalTitle }, t("modal.delete.title")), (0, react.createElement)("div", { style: modalBody }, t("modal.delete.body", { name: fmtSessionName(confirmTarget) })), (0, react.createElement)("div", { style: modalBodyStrong }, t("modal.delete.warning")), (0, react.createElement)("div", { style: modalActions }, (0, react.createElement)("button", {
+				style: btnGhost,
+				onClick: () => setConfirmTarget(null),
+				disabled: busy
+			}, t("btn.cancel")), (0, react.createElement)("button", {
+				style: btnDangerSolid,
+				onClick: () => void confirmDelete(),
+				disabled: busy
+			}, busy ? t("btn.deleting") : t("btn.permanentDelete"))))) : null, previewTarget ? (0, react.createElement)("div", {
+				style: modalOverlay,
+				onClick: () => setPreviewTarget(null)
+			}, (0, react.createElement)("div", {
+				style: previewModalCard,
+				onClick: (e) => e.stopPropagation()
+			}, (0, react.createElement)("h3", { style: modalTitle }, fmtSessionName(previewTarget)), (0, react.createElement)("div", { style: previewMeta }, t("preview.meta", {
+				id: previewTarget.id,
+				createdAt: fmtDateTime(previewData?.createdAt),
+				size: fmtBytes(previewTarget.sizeBytes)
+			})), (0, react.createElement)("div", { style: previewBody }, previewLoading ? (0, react.createElement)("p", { style: emptyText }, t("preview.loading")) : previewData && previewData.messages.length > 0 ? previewData.messages.map((m, i) => (0, react.createElement)("div", {
+				key: i,
+				style: m.role === "user" ? msgUser : msgAssistant
+			}, m.text)) : (0, react.createElement)("p", { style: emptyText }, t("preview.empty"))), (0, react.createElement)("div", { style: modalActions }, (0, react.createElement)("button", {
+				style: btnDanger,
+				onClick: () => {
+					setPreviewTarget(null);
+					handleDelete(previewTarget);
+				}
+			}, t("btn.deleteSession")), (0, react.createElement)("button", {
+				style: btnGhost,
+				onClick: () => setPreviewTarget(null)
+			}, t("btn.close"))))) : null);
+		}
+		//#endregion
+		//#region src/client/config-api.ts
+		const PACKAGE = "@lijian-ui/dsh-session-cleaner";
+		const SERVICE = "sessionCleanerRemote";
+		/** Identity codec — the host manifest owns strict validation. */
+		const identity = (value) => value;
+		const codec = (symbol) => ({
+			mode: "strict",
+			typeSymbol: symbol,
+			schema: { parse: identity }
+		});
+		/** Wire descriptors mirroring the host contribution (src/remote.ts). */
+		const CONTRIBUTION = {
+			package: PACKAGE,
+			descriptors: [
+				{
+					id: `${PACKAGE}#${SERVICE}/listSessions`,
+					service: SERVICE,
+					namespace: SERVICE,
+					method: "listSessions",
+					invocation: { kind: "direct" },
+					parameters: [],
+					result: codec(`${PACKAGE}#SessionList`)
+				},
+				{
+					id: `${PACKAGE}#${SERVICE}/previewSession`,
+					service: SERVICE,
+					namespace: SERVICE,
+					method: "previewSession",
+					invocation: { kind: "direct" },
+					parameters: [{
+						name: "sessionId",
+						wire: "sessionId",
+						source: "json",
+						codec: codec(`${PACKAGE}#SessionId`)
+					}, {
+						name: "limit",
+						wire: "limit",
+						source: "json",
+						acceptsUndefined: true,
+						codec: codec(`${PACKAGE}#Limit`)
+					}],
+					result: codec(`${PACKAGE}#SessionPreview`)
+				},
+				{
+					id: `${PACKAGE}#${SERVICE}/deleteSession`,
+					service: SERVICE,
+					namespace: SERVICE,
+					method: "deleteSession",
+					invocation: { kind: "direct" },
+					parameters: [{
+						name: "sessionId",
+						wire: "sessionId",
+						source: "json",
+						codec: codec(`${PACKAGE}#SessionId`)
+					}],
+					result: codec(`${PACKAGE}#DeleteResult`)
+				},
+				{
+					id: `${PACKAGE}#${SERVICE}/archiveSession`,
+					service: SERVICE,
+					namespace: SERVICE,
+					method: "archiveSession",
+					invocation: { kind: "direct" },
+					parameters: [{
+						name: "sessionId",
+						wire: "sessionId",
+						source: "json",
+						codec: codec(`${PACKAGE}#SessionId`)
+					}],
+					result: codec(`${PACKAGE}#ArchiveResult`)
+				},
+				{
+					id: `${PACKAGE}#${SERVICE}/unarchiveSession`,
+					service: SERVICE,
+					namespace: SERVICE,
+					method: "unarchiveSession",
+					invocation: { kind: "direct" },
+					parameters: [{
+						name: "sessionId",
+						wire: "sessionId",
+						source: "json",
+						codec: codec(`${PACKAGE}#SessionId`)
+					}],
+					result: codec(`${PACKAGE}#ArchiveResult`)
+				}
+			]
+		};
+		/**
+		* Create the session api bound to this browser plugin's context.
+		* Mounts the remote contribution once; every call awaits the mount, then
+		* invokes the namespace service and unwraps the envelope.
+		*/
+		function createSessionApi(ctx) {
+			const mount = ctx.remote.$mount(CONTRIBUTION);
+			const call = async (method, ...args) => {
+				try {
+					await mount;
+					const result = await ctx.get(`remote.${SERVICE}`)[method](...args);
+					if (!result.ok) return {
+						ok: false,
+						code: result.error?.code ?? "remote-error",
+						message: result.error?.message ?? `${SERVICE}.${method} failed`
+					};
+					return {
+						ok: true,
+						value: result.value
+					};
+				} catch (err) {
+					return {
+						ok: false,
+						code: "remote-error",
+						message: err instanceof Error ? err.message : String(err)
+					};
+				}
 			};
-		} catch (err) {
 			return {
-				ok: false,
-				code: "remote-error",
-				message: err instanceof Error ? err.message : String(err)
+				list: () => call("listSessions"),
+				preview: (sessionId) => call("previewSession", sessionId, void 0),
+				remove: (sessionId) => call("deleteSession", sessionId),
+				archive: (sessionId) => call("archiveSession", sessionId),
+				unarchive: (sessionId) => call("unarchiveSession", sessionId)
 			};
 		}
-	};
-	return {
-		list: () => call("listSessions"),
-		preview: (sessionId) => call("previewSession", sessionId, void 0),
-		remove: (sessionId) => call("deleteSession", sessionId),
-		archive: (sessionId) => call("archiveSession", sessionId),
-		unarchive: (sessionId) => call("unarchiveSession", sessionId)
-	};
-}
-
-//#endregion
-//#region src/client/client-i18n.ts
-/**
-* session-cleaner 客户端翻译字典
-* zh 为 key 源，en 与 zh 键集完整对照。
-*/
-const zh = {
-	"section.label": "会话管理",
-	"header.title": "会话管理",
-	"header.count": "{count} 个会话 · {size}",
-	"btn.refresh": "刷新",
-	"btn.loading": "加载中…",
-	"tab.all": "全部 ({count})",
-	"tab.archived": "已归档 ({count})",
-	"tab.stray": "游离 ({count})",
-	"badge.archived": "已归档",
-	"badge.stray": "游离",
-	"btn.archive": "归档",
-	"btn.unarchive": "恢复",
-	"btn.delete": "删除",
-	"hint.text": "会话以文件形式保存在 ~/.dsh/sessions。归档会从官方列表隐藏（与官方归档打通），删除为永久删除，不可恢复。",
-	"empty.noSessions": "没有会话",
-	"empty.noArchived": "没有已归档的会话",
-	"empty.noStray": "没有游离会话",
-	"error.loadFailed": "加载会话失败：{message}",
-	"error.operationFailed": "操作失败：{message}",
-	"error.archiveFailed": "归档失败（官方 API 不可用，请重试或重启 dsh）",
-	"error.previewFailed": "加载预览失败：{message}",
-	"modal.delete.title": "删除会话？",
-	"modal.delete.body": "确定要删除会话「{name}」吗？",
-	"modal.delete.warning": "此操作将永久删除该会话及其日志文件，无法恢复（不会进入回收站）。",
-	"btn.cancel": "取消",
-	"btn.deleting": "删除中…",
-	"btn.permanentDelete": "永久删除",
-	"preview.meta": "ID: {id} · 创建: {createdAt} · {size}",
-	"preview.loading": "加载中…",
-	"preview.empty": "（该会话暂无文本消息）",
-	"btn.deleteSession": "删除此会话",
-	"btn.close": "关闭"
-};
-const en = {
-	"section.label": "Session Manager",
-	"header.title": "Session Manager",
-	"header.count": "{count} sessions · {size}",
-	"btn.refresh": "Refresh",
-	"btn.loading": "Loading…",
-	"tab.all": "All ({count})",
-	"tab.archived": "Archived ({count})",
-	"tab.stray": "Stray ({count})",
-	"badge.archived": "Archived",
-	"badge.stray": "Stray",
-	"btn.archive": "Archive",
-	"btn.unarchive": "Restore",
-	"btn.delete": "Delete",
-	"hint.text": "Sessions are stored as files in ~/.dsh/sessions. Archiving hides it from the official list (integrated with official archive). Deletion is permanent and irreversible.",
-	"empty.noSessions": "No sessions",
-	"empty.noArchived": "No archived sessions",
-	"empty.noStray": "No stray sessions",
-	"error.loadFailed": "Failed to load sessions: {message}",
-	"error.operationFailed": "Operation failed: {message}",
-	"error.archiveFailed": "Archive failed (official API unavailable, please retry or restart dsh)",
-	"error.previewFailed": "Failed to load preview: {message}",
-	"modal.delete.title": "Delete Session?",
-	"modal.delete.body": "Are you sure you want to delete \"{name}\"?",
-	"modal.delete.warning": "This action will permanently delete the session and its log files. This cannot be undone (no trash recovery).",
-	"btn.cancel": "Cancel",
-	"btn.deleting": "Deleting…",
-	"btn.permanentDelete": "Delete Forever",
-	"preview.meta": "ID: {id} · Created: {createdAt} · {size}",
-	"preview.loading": "Loading…",
-	"preview.empty": "(No text messages in this session)",
-	"btn.deleteSession": "Delete this session",
-	"btn.close": "Close"
-};
-
-//#endregion
-//#region src/client/index.ts
-/** Section identity in the Settings left-nav rail. */
-const SECTION_ID = "session-cleaner";
-/** Sits below Models (10) and IM 通道 (20). */
-const SECTION_ORDER = 30;
-/** i18n namespace — matches the plugin package name for disambiguation. */
-const I18N_NS = "session-cleaner";
-/** Services this browser plugin requires (cordis fiber inject). */
-const inject = [
-	"slots",
-	"locale",
-	"connection",
-	"remote"
-];
-/**
-* Mount the session management settings page.
-* @param ctx - the browser plugin context (guarded facade).
-*/
-function apply(ctx) {
-	const api = createSessionApi(ctx);
-	ctx.effect(() => ctx.locale.register(I18N_NS, {
-		zh,
-		en
-	}), "session-cleaner: client dictionaries");
-	const t = ctx.locale.bind(I18N_NS);
-	let officialArchive = null;
-	ctx.inject(["workspaces"], (sctx) => {
-		officialArchive = async (sessionId) => {
-			try {
-				const res = await sctx.workspaces.archiveSession(sessionId);
-				return res.ok === true;
-			} catch {
-				return false;
-			}
+		//#endregion
+		//#region src/client/client-i18n.ts
+		/**
+		* session-cleaner 客户端翻译字典
+		* zh 为 key 源，en 与 zh 键集完整对照。
+		*/
+		const zh = {
+			"section.label": "会话管理",
+			"header.title": "会话管理",
+			"header.count": "{count} 个会话 · {size}",
+			"btn.refresh": "刷新",
+			"btn.loading": "加载中…",
+			"tab.all": "全部 ({count})",
+			"tab.archived": "已归档 ({count})",
+			"tab.stray": "游离 ({count})",
+			"badge.archived": "已归档",
+			"badge.stray": "游离",
+			"btn.archive": "归档",
+			"btn.unarchive": "恢复",
+			"btn.delete": "删除",
+			"hint.text": "会话以文件形式保存在 ~/.dsh/sessions。归档会从官方列表隐藏（与官方归档打通），删除为永久删除，不可恢复。",
+			"empty.noSessions": "没有会话",
+			"empty.noArchived": "没有已归档的会话",
+			"empty.noStray": "没有游离会话",
+			"error.loadFailed": "加载会话失败：{message}",
+			"error.operationFailed": "操作失败：{message}",
+			"error.archiveFailed": "归档失败（官方 API 不可用，请重试或重启 dsh）",
+			"error.previewFailed": "加载预览失败：{message}",
+			"modal.delete.title": "删除会话？",
+			"modal.delete.body": "确定要删除会话「{name}」吗？",
+			"modal.delete.warning": "此操作将永久删除该会话及其日志文件，无法恢复（不会进入回收站）。",
+			"btn.cancel": "取消",
+			"btn.deleting": "删除中…",
+			"btn.permanentDelete": "永久删除",
+			"preview.meta": "ID: {id} · 创建: {createdAt} · {size}",
+			"preview.loading": "加载中…",
+			"preview.empty": "（该会话暂无文本消息）",
+			"btn.deleteSession": "删除此会话",
+			"btn.close": "关闭"
 		};
-	});
-	ctx.slots.inject("settings.section", () => ctx.slots.register({
-		name: "settings.section",
-		id: SECTION_ID,
-		order: SECTION_ORDER,
-		label: () => t("section.label"),
-		inject: () => ({
-			api,
-			t,
-			archiveSession: (sessionId) => officialArchive ? officialArchive(sessionId) : api.archive(sessionId).then((r) => r.ok)
-		})
-	}, SessionManagerSection));
-}
+		const en = {
+			"section.label": "Session Manager",
+			"header.title": "Session Manager",
+			"header.count": "{count} sessions · {size}",
+			"btn.refresh": "Refresh",
+			"btn.loading": "Loading…",
+			"tab.all": "All ({count})",
+			"tab.archived": "Archived ({count})",
+			"tab.stray": "Stray ({count})",
+			"badge.archived": "Archived",
+			"badge.stray": "Stray",
+			"btn.archive": "Archive",
+			"btn.unarchive": "Restore",
+			"btn.delete": "Delete",
+			"hint.text": "Sessions are stored as files in ~/.dsh/sessions. Archiving hides it from the official list (integrated with official archive). Deletion is permanent and irreversible.",
+			"empty.noSessions": "No sessions",
+			"empty.noArchived": "No archived sessions",
+			"empty.noStray": "No stray sessions",
+			"error.loadFailed": "Failed to load sessions: {message}",
+			"error.operationFailed": "Operation failed: {message}",
+			"error.archiveFailed": "Archive failed (official API unavailable, please retry or restart dsh)",
+			"error.previewFailed": "Failed to load preview: {message}",
+			"modal.delete.title": "Delete Session?",
+			"modal.delete.body": "Are you sure you want to delete \"{name}\"?",
+			"modal.delete.warning": "This action will permanently delete the session and its log files. This cannot be undone (no trash recovery).",
+			"btn.cancel": "Cancel",
+			"btn.deleting": "Deleting…",
+			"btn.permanentDelete": "Delete Forever",
+			"preview.meta": "ID: {id} · Created: {createdAt} · {size}",
+			"preview.loading": "Loading…",
+			"preview.empty": "(No text messages in this session)",
+			"btn.deleteSession": "Delete this session",
+			"btn.close": "Close"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** Section identity in the Settings left-nav rail. */
+		const SECTION_ID = "session-cleaner";
+		/** Sits below Models (10) and IM 通道 (20). */
+		const SECTION_ORDER = 30;
+		/** i18n namespace — matches the plugin package name for disambiguation. */
+		const I18N_NS = "session-cleaner";
+		/** Services this browser plugin requires (cordis fiber inject). */
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote"
+		];
+		/**
+		* Mount the session management settings page.
+		* @param ctx - the browser plugin context (guarded facade).
+		*/
+		function apply(ctx) {
+			const api = createSessionApi(ctx);
+			ctx.effect(() => ctx.locale.register(I18N_NS, {
+				zh,
+				en
+			}), "session-cleaner: client dictionaries");
+			const t = ctx.locale.bind(I18N_NS);
+			let officialArchive = null;
+			ctx.inject(["workspaces"], (sctx) => {
+				officialArchive = async (sessionId) => {
+					try {
+						return (await sctx.workspaces.archiveSession(sessionId)).ok === true;
+					} catch {
+						return false;
+					}
+				};
+			});
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: SECTION_ID,
+				order: SECTION_ORDER,
+				label: () => t("section.label"),
+				inject: () => ({
+					api,
+					t,
+					archiveSession: (sessionId) => officialArchive ? officialArchive(sessionId) : api.archive(sessionId).then((r) => r.ok)
+				})
+			}, SessionManagerSection));
+			const navLabels = /* @__PURE__ */ new Set([zh["section.label"], en["section.label"]]);
+			const sessionNavSvg = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-scn-nav=\"1\"><path d=\"M8.00003 0.3237C3.76075 0.3237 0.32373 3.76072 0.32373 8C0.32373 9.17603 0.589121 10.2922 1.0632 11.2901L1.35291 11.8989L2.5705 11.3205L2.28079 10.7117C1.89079 9.89074 1.67301 8.97167 1.67301 8C1.67301 4.50546 4.50549 1.67298 8.00003 1.67298C11.4946 1.67298 14.3271 4.50546 14.3271 8C14.3271 11.4945 11.4946 14.327 8.00003 14.327C7.28473 14.327 6.76077 14.277 6.29621 14.1487C5.83857 14.0224 5.40441 13.8109 4.88514 13.4488C4.12569 12.919 3.03778 12.7316 2.141 13.2978L2.12682 13.307L2.11264 13.3171L1.34886 13.854L1.79659 15.188L2.86122 14.4384C3.19068 14.2305 3.68325 14.2542 4.11326 14.5539C4.72789 14.9826 5.30042 15.2724 5.93762 15.4484C6.56803 15.6224 7.22776 15.6763 8.00003 15.6763C12.2393 15.6763 15.6763 12.2393 15.6763 8C15.6763 3.76072 12.2393 0.3237 8.00003 0.3237ZM7.32033 4.82535V7.32536H4.82538V8.67464H7.32033V11.1747H8.6696V8.67464H11.1747V7.32536H8.6696V4.82535H7.32033Z\" fill=\"currentColor\"/></svg>";
+			const patchNavIcon = () => {
+				if (typeof document === "undefined") return;
+				for (const span of Array.from(document.querySelectorAll("button > span"))) {
+					if (!navLabels.has(span.textContent ?? "")) continue;
+					const button = span.parentElement;
+					if (button === null) continue;
+					const stale = button.querySelector("svg:not([data-scn-nav])");
+					if (stale === null) continue;
+					const template = document.createElement("template");
+					template.innerHTML = sessionNavSvg;
+					const next = template.content.firstElementChild;
+					if (next === null) continue;
+					const cls = stale.getAttribute("class");
+					if (cls !== null) next.setAttribute("class", cls);
+					stale.replaceWith(next);
+				}
+			};
+			if (typeof document !== "undefined" && typeof MutationObserver !== "undefined" && document.body !== null) {
+				let scheduled = false;
+				const schedule = () => {
+					if (scheduled) return;
+					scheduled = true;
+					queueMicrotask(() => {
+						scheduled = false;
+						patchNavIcon();
+					});
+				};
+				patchNavIcon();
+				new MutationObserver(schedule).observe(document.body, {
+					childList: true,
+					subtree: true
+				});
+			}
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
 
-//#endregion
-exports.apply = apply;
-exports.inject = inject;
-return module.exports; } });
 //# sourceMappingURL=client.js.map