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

package/lib/client.js

@@ -1,751 +1,733 @@
-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;
-			}
-		};
-	});
-	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));
-}
+		//#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 {
+						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));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
 
-//#endregion
-exports.apply = apply;
-exports.inject = inject;
-return module.exports; } });
 //# sourceMappingURL=client.js.map