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

package/lib/client.js

@@ -27,12 +27,12 @@ window.__ModuleLoader__.load({
 			justifyContent: "space-between",
 			padding: "14px 0",
 			flexShrink: 0,
-			borderBottom: "1px solid var(--dsw-alias-border-l2, #eee)"
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
 		};
 		const title = {
 			fontSize: 17,
 			fontWeight: 500,
-			color: "var(--dsw-alias-label-primary, inherit)",
+			color: "var(--dsw-alias-label-primary)",
 			margin: 0,
 			whiteSpace: "nowrap"
 		};
@@ -44,8 +44,8 @@ window.__ModuleLoader__.load({
 			height: 22,
 			padding: "0 7px",
 			borderRadius: 999,
-			background: "var(--dsw-alias-bg-layer-3, #eee)",
-			color: "var(--dsw-alias-label-secondary, #555)",
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-secondary)",
 			fontSize: 11,
 			fontWeight: 500,
 			marginLeft: 8
@@ -62,8 +62,8 @@ window.__ModuleLoader__.load({
 			height: 30,
 			padding: "0 12px",
 			background: "transparent",
-			color: "var(--dsw-alias-label-primary, inherit)",
-			border: "1px solid var(--dsw-alias-border-l2, #ddd)",
+			color: "var(--dsw-alias-label-primary)",
+			border: "1px solid var(--dsw-alias-border-l2)",
 			borderRadius: 6,
 			fontSize: 12,
 			cursor: "pointer"
@@ -75,8 +75,8 @@ window.__ModuleLoader__.load({
 			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)",
+			color: "var(--dsw-alias-state-error-primary)",
+			border: "1px solid var(--dsw-alias-state-error-primary)",
 			borderRadius: 6,
 			fontSize: 12,
 			cursor: "pointer"
@@ -87,8 +87,8 @@ window.__ModuleLoader__.load({
 			gap: 6,
 			height: 30,
 			padding: "0 14px",
-			background: "var(--dsw-alias-state-error-primary, #e24b4a)",
-			color: "#fff",
+			background: "var(--dsw-alias-state-error-primary)",
+			color: "var(--dsw-alias-label-primary-foreground)",
 			border: "none",
 			borderRadius: 6,
 			fontSize: 12,
@@ -98,13 +98,13 @@ window.__ModuleLoader__.load({
 		const tabs = {
 			display: "flex",
 			gap: 4,
-			borderBottom: "1px solid var(--dsw-alias-border-l2, #eee)",
+			borderBottom: "1px solid var(--dsw-alias-border-l2)",
 			paddingBottom: 0
 		};
 		const tabStyle = {
 			padding: "8px 14px",
 			fontSize: 13,
-			color: "var(--dsw-alias-label-secondary, #666)",
+			color: "var(--dsw-alias-label-secondary)",
 			background: "transparent",
 			border: "none",
 			borderBottom: "2px solid transparent",
@@ -112,8 +112,8 @@ window.__ModuleLoader__.load({
 		};
 		const tabStyleActive = {
 			...tabStyle,
-			color: "var(--dsw-alias-state-business-primary, #185FA5)",
-			borderBottomColor: "var(--dsw-alias-state-business-primary, #185FA5)",
+			color: "var(--dsw-alias-state-business-primary)",
+			borderBottomColor: "var(--dsw-alias-state-business-primary)",
 			fontWeight: 500
 		};
 		const list = {
@@ -127,8 +127,8 @@ window.__ModuleLoader__.load({
 			gap: 12,
 			padding: "10px 12px",
 			borderRadius: 8,
-			background: "var(--dsw-alias-bg-layer-2, #fafafa)",
-			border: "1px solid var(--dsw-alias-border-l3, #f0f0f0)",
+			background: "var(--dsw-alias-bg-layer-2)",
+			border: "1px solid var(--dsw-alias-border-l3)",
 			cursor: "pointer"
 		};
 		const rowMain = {
@@ -141,14 +141,14 @@ window.__ModuleLoader__.load({
 		const rowTitle = {
 			fontSize: 13,
 			fontWeight: 500,
-			color: "var(--dsw-alias-label-primary, inherit)",
+			color: "var(--dsw-alias-label-primary)",
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		};
 		const rowMeta = {
 			fontSize: 11,
-			color: "var(--dsw-alias-label-secondary, #888)"
+			color: "var(--dsw-alias-label-secondary)"
 		};
 		const rowActions = {
 			display: "flex",
@@ -162,18 +162,18 @@ window.__ModuleLoader__.load({
 			padding: "1px 8px",
 			borderRadius: 999,
 			fontSize: 10,
-			background: "var(--dsw-alias-bg-layer-3, #eee)",
-			color: "var(--dsw-alias-label-secondary, #777)"
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-secondary)"
 		};
 		const badgeArchived = {
 			...badge,
-			color: "var(--dsw-alias-state-warning-primary, #b8860b)",
-			background: "rgba(184,134,11,0.12)"
+			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, #e24b4a)",
-			background: "rgba(226,75,74,0.10)"
+			color: "var(--dsw-alias-state-error-primary)",
+			background: "color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent)"
 		};
 		const empty = {
 			display: "flex",
@@ -182,35 +182,35 @@ window.__ModuleLoader__.load({
 			justifyContent: "center",
 			gap: 6,
 			padding: "40px 24px",
-			border: "1px dashed var(--dsw-alias-border-l3, #ccc)",
+			border: "1px dashed var(--dsw-alias-border-l3)",
 			borderRadius: 10,
-			background: "var(--dsw-alias-bg-layer-1, transparent)",
+			background: "var(--dsw-alias-bg-layer-1)",
 			textAlign: "center"
 		};
 		const emptyText = {
 			margin: 0,
 			fontSize: 13,
-			color: "var(--dsw-alias-label-secondary, #555)"
+			color: "var(--dsw-alias-label-secondary)"
 		};
 		const errorStyle = {
 			fontSize: 12,
 			lineHeight: 1.5,
-			color: "var(--dsw-alias-state-error-primary, #e24b4a)",
+			color: "var(--dsw-alias-state-error-primary)",
 			padding: "10px 14px",
-			background: "rgba(226,75,74,0.08)",
-			border: "1px solid rgba(226,75,74,0.35)",
+			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, #888)",
+			color: "var(--dsw-alias-label-secondary)",
 			lineHeight: 1.6
 		};
 		const modalOverlay = {
 			position: "fixed",
 			inset: 0,
-			background: "rgba(0,0,0,0.45)",
+			background: "var(--dsw-alias-bg-mask-1)",
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
@@ -219,10 +219,10 @@ window.__ModuleLoader__.load({
 		const modalCard = {
 			width: 420,
 			maxWidth: "86vw",
-			background: "var(--dsw-alias-bg-layer-3, #fff)",
-			color: "var(--dsw-alias-label-primary, #222)",
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-primary)",
 			borderRadius: 12,
-			boxShadow: "0 8px 32px rgba(0,0,0,0.25)",
+			boxShadow: "var(--dsw-shadow-lv2)",
 			padding: "20px 22px",
 			display: "flex",
 			flexDirection: "column",
@@ -236,12 +236,12 @@ window.__ModuleLoader__.load({
 		const modalBody = {
 			fontSize: 13,
 			lineHeight: 1.6,
-			color: "var(--dsw-alias-label-secondary, #555)"
+			color: "var(--dsw-alias-label-secondary)"
 		};
 		const modalBodyStrong = {
 			fontSize: 13,
 			lineHeight: 1.6,
-			color: "var(--dsw-alias-state-error-primary, #e24b4a)",
+			color: "var(--dsw-alias-state-error-primary)",
 			fontWeight: 500
 		};
 		const modalActions = {
@@ -279,18 +279,18 @@ window.__ModuleLoader__.load({
 		const msgUser = {
 			...msgBubble,
 			alignSelf: "flex-end",
-			background: "var(--dsw-alias-state-business-primary, #185FA5)",
-			color: "#fff"
+			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, #f0f0f0)",
-			color: "var(--dsw-alias-label-primary, #222)"
+			background: "var(--dsw-alias-bg-layer-3)",
+			color: "var(--dsw-alias-label-primary)"
 		};
 		const previewMeta = {
 			fontSize: 11,
-			color: "var(--dsw-alias-label-secondary, #888)"
+			color: "var(--dsw-alias-label-secondary)"
 		};
 		function fmtBytes(n) {
 			if (n < 1024) return `${n} B`;
@@ -315,7 +315,7 @@ window.__ModuleLoader__.load({
 			return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
 		}
 		function SessionManagerSection(props) {
-			const { api } = props;
+			const { api, t } = props;
 			const [sessions, setSessions] = (0, react.useState)([]);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [error, setError] = (0, react.useState)("");
@@ -333,7 +333,7 @@ window.__ModuleLoader__.load({
 				if (!mountedRef.current) return;
 				setLoading(false);
 				if (!res.ok) {
-					setError(`加载会话失败：${res.message ?? res.code ?? "未知错误"}`);
+					setError(t("error.loadFailed", { message: res.message ?? res.code ?? "" }));
 					return;
 				}
 				setSessions(res.value ?? []);
@@ -362,7 +362,7 @@ window.__ModuleLoader__.load({
 				const res = await fn();
 				setBusy(false);
 				if (!res.ok) {
-					setError(`操作失败：${res.message ?? "未知错误"}`);
+					setError(t("error.operationFailed", { message: res.message ?? "" }));
 					return;
 				}
 				await refresh();
@@ -374,7 +374,7 @@ window.__ModuleLoader__.load({
 				const res = await api.preview(s.id);
 				setPreviewLoading(false);
 				if (res.ok) setPreviewData(res.value ?? null);
-				else setError(`加载预览失败：${res.message ?? "未知错误"}`);
+				else setError(t("error.previewFailed", { message: res.message ?? "" }));
 			};
 			const handleDelete = (s) => {
 				setConfirmTarget(s);
@@ -394,7 +394,7 @@ window.__ModuleLoader__.load({
 						setError("");
 						const ok = await archiveSession(s.id);
 						setBusy(false);
-						if (!ok) setError("归档失败（官方 API 不可用，请重试或重启 dsh）");
+						if (!ok) setError(t("error.archiveFailed"));
 						await refresh();
 					})();
 					return;
@@ -405,11 +405,14 @@ window.__ModuleLoader__.load({
 				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 }, "会话管理", (0, react.createElement)("span", { style: countBadge }, `${sessions.length} 个会话 · ${fmtBytes(totalBytes)}`)), (0, react.createElement)("div", { style: toolbar }, (0, react.createElement)("button", {
+			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 ? "加载中…" : "刷新"))), (0, react.createElement)("div", { style: tabs }, [
+			}, loading ? t("btn.loading") : t("btn.refresh")))), (0, react.createElement)("div", { style: tabs }, [
 				"all",
 				"archived",
 				"stray"
@@ -417,58 +420,62 @@ window.__ModuleLoader__.load({
 				key: k,
 				style: tab === k ? tabStyleActive : tabStyle,
 				onClick: () => setTab(k)
-			}, k === "all" ? `全部 (${counts.all})` : k === "archived" ? `已归档 (${counts.archived})` : `游离 (${counts.stray})`))), error ? (0, react.createElement)("div", { style: errorStyle }, error) : null, (0, react.createElement)("div", { style: hint }, "会话以文件形式保存在 ~/.dsh/sessions。归档会从官方列表隐藏（与官方归档打通），删除为永久删除，不可恢复。"), (0, react.createElement)("div", { style: list }, filtered.map((s) => (0, react.createElement)("div", {
+			}, 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 }, "已归档") : !s.active ? (0, react.createElement)("span", { style: badgeStray }, "游离") : null, (0, react.createElement)("div", {
+			}, (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
-			}, "恢复") : (0, react.createElement)("button", {
+			}, t("btn.unarchive")) : (0, react.createElement)("button", {
 				style: btnGhost,
 				onClick: () => handleArchive(s),
 				disabled: busy
-			}, "归档"), (0, react.createElement)("button", {
+			}, t("btn.archive")), (0, react.createElement)("button", {
 				style: btnDanger,
 				onClick: () => handleDelete(s),
 				disabled: busy
-			}, "删除"))))), !loading && filtered.length === 0 ? (0, react.createElement)("div", { style: empty }, (0, react.createElement)("p", { style: emptyText }, tab === "archived" ? "没有已归档的会话" : tab === "stray" ? "没有游离会话" : "没有会话")) : null, confirmTarget ? (0, react.createElement)("div", {
+			}, 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 }, "删除会话？"), (0, react.createElement)("div", { style: modalBody }, `确定要删除会话「${fmtSessionName(confirmTarget)}」吗？`), (0, react.createElement)("div", { style: modalBodyStrong }, "此操作将永久删除该会话及其日志文件，无法恢复（不会进入回收站）。"), (0, react.createElement)("div", { style: modalActions }, (0, react.createElement)("button", {
+			}, (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
-			}, "取消"), (0, react.createElement)("button", {
+			}, t("btn.cancel")), (0, react.createElement)("button", {
 				style: btnDangerSolid,
 				onClick: () => void confirmDelete(),
 				disabled: busy
-			}, busy ? "删除中…" : "永久删除")))) : null, previewTarget ? (0, react.createElement)("div", {
+			}, 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 }, `ID: ${previewTarget.id} · 创建: ${fmtDateTime(previewData?.createdAt)} · ${fmtBytes(previewTarget.sizeBytes)}`), (0, react.createElement)("div", { style: previewBody }, previewLoading ? (0, react.createElement)("p", { style: emptyText }, "加载中…") : previewData && previewData.messages.length > 0 ? previewData.messages.map((m, i) => (0, react.createElement)("div", {
+			}, (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 }, "（该会话暂无文本消息）")), (0, react.createElement)("div", { style: modalActions }, (0, react.createElement)("button", {
+			}, 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);
 				}
-			}, "删除此会话"), (0, react.createElement)("button", {
+			}, t("btn.deleteSession")), (0, react.createElement)("button", {
 				style: btnGhost,
 				onClick: () => setPreviewTarget(null)
-			}, "关闭")))) : null);
+			}, t("btn.close"))))) : null);
 		}
 		//#endregion
 		//#region src/client/config-api.ts
@@ -595,11 +602,87 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#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",
@@ -613,6 +696,11 @@ window.__ModuleLoader__.load({
 		*/
 		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) => {
@@ -627,9 +715,10 @@ window.__ModuleLoader__.load({
 				name: "settings.section",
 				id: SECTION_ID,
 				order: SECTION_ORDER,
-				label: () => "会话管理",
+				label: () => t("section.label"),
 				inject: () => ({
 					api,
+					t,
 					archiveSession: (sessionId) => officialArchive ? officialArchive(sessionId) : api.archive(sessionId).then((r) => r.ok)
 				})
 			}, SessionManagerSection));

package/lib/index.js

@@ -24,6 +24,41 @@ import { zstdDecompressSync } from "node:zlib";
 * 官方 UI 的隐藏/恢复在 dsh 重启后同步。删除同理（已删除的会话从文件层消失，官方 UI
 * 重启后不再列出）。
 */
+/**
+* dsh 会话 ID ↔ 文件系统目录名 编解码（与 dsh-session-persistence-jsonl 的 encodeSegment 对齐）。
+* dsh 把 sessionId 中的非 [A-Za-z0-9._-] 字符编码为 ~XXXX（charCode 的 4 位十六进制大写）。
+* 例如 `im:qq-s5ey:c2c:...` → `im~003Aqq-s5ey~003Ac2c~003A...`。
+* session-cleaner 扫描文件系统得到编码后的目录名，需要解码回原始 ID 才能与 workspace.json 的 sessionIds 匹配。
+*/
+function encodeSegment(raw) {
+	if (raw.length === 0) return raw;
+	if (raw === ".") return "~002E";
+	if (raw === "..") return "~002E~002E";
+	let out = "";
+	for (let i = 0; i < raw.length; i++) {
+		const code = raw.charCodeAt(i);
+		const ch = String.fromCharCode(code);
+		if (ch !== "~" && /^[A-Za-z0-9._-]$/.test(ch)) out += ch;
+		else out += "~" + code.toString(16).toUpperCase().padStart(4, "0");
+	}
+	return out;
+}
+function decodeSegment(encoded) {
+	let out = "";
+	for (let i = 0; i < encoded.length;) {
+		if (encoded[i] === "~" && i + 5 <= encoded.length) {
+			const hex = encoded.slice(i + 1, i + 5);
+			if (/^[0-9A-Fa-f]{4}$/.test(hex)) {
+				out += String.fromCharCode(parseInt(hex, 16));
+				i += 5;
+				continue;
+			}
+		}
+		out += encoded[i];
+		i++;
+	}
+	return out;
+}
 /** dsh 用户数据目录（与桌面壳 buildDshEnv 的 DSH_HOME 保持一致） */
 function dshHome() {
 	return process.env.DSH_HOME ?? path.join(homedir(), ".dsh");
@@ -106,13 +141,13 @@ function listSessions() {
 				continue;
 			}
 			out.push(stripUndefined({
-				id: entry.name,
+				id: decodeSegment(entry.name),
 				workspaceDir: workspaceDir.name,
 				dir,
 				sizeBytes,
 				mtimeMs,
-				archived: archived.has(entry.name),
-				active: activeIds.has(entry.name),
+				archived: archived.has(decodeSegment(entry.name)),
+				active: activeIds.has(decodeSegment(entry.name)),
 				title: readSessionTitle(logFile)
 			}));
 		}
@@ -136,11 +171,12 @@ function removeFromProjcache(id) {
 	if (!fs.existsSync(file)) return;
 	const data = readJson(file, null);
 	if (data === null) return;
+	const encodedId = encodeSegment(id);
 	const walk = (o) => {
 		if (!o || typeof o !== "object") return false;
 		let changed = false;
 		for (const k of Object.keys(o)) {
-			if (String(k).includes(id)) {
+			if (String(k).includes(id) || String(k).includes(encodedId)) {
 				delete o[k];
 				changed = true;
 				continue;
@@ -158,10 +194,11 @@ function removeFromProjcache(id) {
 */
 function deleteSession(id) {
 	const root = sessionsRoot();
+	const encodedId = encodeSegment(id);
 	let target = null;
 	if (fs.existsSync(root)) for (const workspaceDir of fs.readdirSync(root, { withFileTypes: true })) {
 		if (!workspaceDir.isDirectory()) continue;
-		const dir = path.join(root, workspaceDir.name, id);
+		const dir = path.join(root, workspaceDir.name, encodedId);
 		if (fs.existsSync(path.join(dir, "session.jsonl.zstd"))) {
 			target = dir;
 			break;
@@ -292,10 +329,11 @@ function readSessionTitle(logFile) {
 */
 function previewSession(id, limit = 12) {
 	const root = sessionsRoot();
+	const encodedId = encodeSegment(id);
 	let logFile = null;
 	if (fs.existsSync(root)) for (const workspaceDir of fs.readdirSync(root, { withFileTypes: true })) {
 		if (!workspaceDir.isDirectory()) continue;
-		const candidate = path.join(root, workspaceDir.name, id, "session.jsonl.zstd");
+		const candidate = path.join(root, workspaceDir.name, encodedId, "session.jsonl.zstd");
 		if (fs.existsSync(candidate)) {
 			logFile = candidate;
 			break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lijian-ui/dsh-session-cleaner",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Session management plugin for DeepSeek Harness (dsh): list / delete / archive & restore sessions, with a built-in \"Archived\" group and a delete confirm dialog (real delete, not trash). 为 DeepSeek Harness 提供会话管理：列表 / 真删除（二次确认）/ 归档分组与恢复。",
   "license": "MIT",
   "type": "module",
@@ -61,23 +61,23 @@
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "*",
-    "@deepseek-ai/schemastery": "*",
     "@deepseek-ai/dsh-settings": "*",
-    "@deepseek-ai/dsh-typert-protocol": "*"
+    "@deepseek-ai/dsh-typert-protocol": "*",
+    "@deepseek-ai/schemastery": "*"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.0.1",
-    "@deepseek-ai/schemastery": "3.18.1",
-    "@deepseek-ai/dsh-settings": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-typert-protocol": "0.1.0-rc.6",
+    "@deepseek-ai/dsh-api-gateway": "0.1.0-rc.6",
     "@deepseek-ai/dsh-client-connection": "0.1.0-rc.6",
     "@deepseek-ai/dsh-client-locale": "0.1.0-rc.6",
     "@deepseek-ai/dsh-client-runtime": "0.1.0-rc.6",
     "@deepseek-ai/dsh-client-schema-form": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-client-ui-slots": "0.1.0-rc.6",
     "@deepseek-ai/dsh-client-ui-settings": "0.1.0-rc.6",
     "@deepseek-ai/dsh-client-ui-settings-plugins": "0.1.0-rc.6",
-    "@deepseek-ai/dsh-api-gateway": "0.1.0-rc.6",
+    "@deepseek-ai/dsh-client-ui-slots": "0.1.0-rc.6",
+    "@deepseek-ai/dsh-settings": "0.1.0-rc.6",
+    "@deepseek-ai/dsh-typert-protocol": "0.1.0-rc.6",
+    "@deepseek-ai/schemastery": "3.18.1",
     "@types/node": "^22.0.0",
     "@types/react": "^18.3.0",
     "react": "^18.2.0",