@jingyi0605/codingns4dsh 0.2.0-beta.1 → 0.2.0-rc.2

package/data/build/dist/client/theme.d.ts

@@ -12,17 +12,29 @@ export declare const dshThemeColor: {
     readonly labelCaption: "var(--dsw-alias-label-caption, GrayText)";
     readonly border: "var(--dsw-alias-border-l2, #d9d9d9)";
     readonly inputBackground: "var(--dsw-specific-input-major, Canvas)";
-    readonly surfaceSubtle: "var(--dsw-alias-bg-secondary, rgba(127, 127, 127, 0.06))";
+    readonly surfaceSubtle: "var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.06))";
     readonly buttonBackground: "var(--dsw-alias-button-elevated-fill, transparent)";
-    readonly menuBackground: "var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-l1, var(--dsw-specific-menu, Canvas)))";
-    readonly pageBackground: "var(--dsw-alias-bg-primary, Canvas)";
+    readonly menuBackground: "var(--dsw-alias-bg-layer-3, var(--dsw-specific-menu, Canvas))";
+    readonly cardBackground: "var(--dsw-alias-bg-layer-1, Canvas)";
+    readonly pageBackground: "var(--dsw-alias-bg-base, Canvas)";
     readonly overlay: "var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.45))";
     readonly accent: "var(--dsw-alias-button-info-fill, #1677ff)";
+    readonly primaryBackground: "var(--dsw-alias-button-primary-fill, #1677ff)";
+    readonly primaryHoverBackground: "var(--dsw-alias-button-primary-hover, #4096ff)";
+    readonly primaryForeground: "var(--dsw-alias-label-primary-foreground, #fff)";
     readonly success: "var(--dsw-alias-state-success-primary, #16803c)";
     readonly error: "var(--dsw-alias-state-error-primary, #b42318)";
+    readonly fieldBorder: "var(--dsw-alias-border-l4, #d9d9d9)";
+    readonly menuBorder: "var(--dsw-alias-border-l3, #d9d9d9)";
     readonly switchThumb: "var(--dsw-static-neutral-00, #fff)";
     readonly prominentShadow: "var(--dsw-elevation-prominent, 0 12px 40px rgba(0, 0, 0, 0.25))";
-    readonly subtleShadow: "var(--dsw-elevation-l1, 0 1px 2px rgba(0, 0, 0, 0.06))";
+    readonly subtleShadow: "var(--dsw-elevation-soft, 0 1px 2px rgba(0, 0, 0, 0.06))";
+    readonly hoverBackground: "var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.08))";
+    readonly activeBackground: "var(--dsw-alias-interactive-bg-active, rgba(127, 127, 127, 0.14))";
+    readonly focusRing: "var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary))";
+    readonly diffAddedBackground: "var(--dsw-alias-code-diff-added, rgba(34, 197, 94, 0.13))";
+    readonly diffDeletedBackground: "var(--dsw-alias-code-diff-deleted, rgba(239, 68, 68, 0.13))";
+    readonly codeFont: "var(--dsw-font-markdown-code-font-family, ui-monospace, SFMono-Regular, Menlo, monospace)";
 };
 /** 设置模块根节点显式接入 DSH 的主文字色。 */
 export declare const dshFormRootStyle: CSSProperties;
@@ -30,7 +42,7 @@ export declare const dshFormRootStyle: CSSProperties;
 export declare const dshFieldStyle: CSSProperties;
 /** 普通表单按钮共用的主题表面。 */
 export declare const dshButtonStyle: CSSProperties;
-/** Codingns4DSH 设置页共享外壳：保持紧凑宽度，避免挤压宿主设置导航。 */
+/** Codingns4DSH 设置页共享外壳：占满宿主内容区，避免重复留白。 */
 export declare const dshSettingsPageStyle: CSSProperties;
 /** 设置页标题区，使用宿主主题颜色而不是独立品牌色。 */
 export declare const dshSettingsHeaderStyle: CSSProperties;

package/data/build/dist/client/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/client/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoChB,CAAA;AAEV,6BAA6B;AAC7B,eAAO,MAAM,gBAAgB,EAAE,aAE9B,CAAA;AAED,uCAAuC;AACvC,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAA;AAED,qBAAqB;AACrB,eAAO,MAAM,cAAc,EAAE,aAI5B,CAAA;AAED,2CAA2C;AAC3C,eAAO,MAAM,oBAAoB,EAAE,aAclC,CAAA;AAED,+BAA+B;AAC/B,eAAO,MAAM,sBAAsB,EAAE,aAMpC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,aAKtC,CAAA;AAED,uBAAuB;AACvB,eAAO,MAAM,oBAAoB,EAAE,aAMlC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,aAUrC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,aAMzC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,aAK1C,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,aAMhD,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,aAOlC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,aAKxC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,aAQnC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,aAQpC,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,aAK3C,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,aAKjC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,aAQrC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,aAQlC,CAAA;AAED,qBAAqB;AACrB,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAA;AAED,eAAO,MAAM,6BAA6B,EAAE,aAM3C,CAAA;AAED,qBAAqB;AACrB,eAAO,MAAM,qBAAqB,EAAE,aAenC,CAAA;AAED,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAA"}

package/data/build/dist/client/theme.js

@@ -11,18 +11,35 @@ export const dshThemeColor = {
     labelCaption: 'var(--dsw-alias-label-caption, GrayText)',
     border: 'var(--dsw-alias-border-l2, #d9d9d9)',
     inputBackground: 'var(--dsw-specific-input-major, Canvas)',
-    surfaceSubtle: 'var(--dsw-alias-bg-secondary, rgba(127, 127, 127, 0.06))',
+    surfaceSubtle: 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.06))',
     buttonBackground: 'var(--dsw-alias-button-elevated-fill, transparent)',
     // 0.1.7 的 specific-menu 可能带透明度；layer-3 在 0.1.5 至 0.1.7 中均为弹层实底。
-    menuBackground: 'var(--dsw-alias-bg-layer-3, var(--dsw-alias-bg-l1, var(--dsw-specific-menu, Canvas)))',
-    pageBackground: 'var(--dsw-alias-bg-primary, Canvas)',
+    menuBackground: 'var(--dsw-alias-bg-layer-3, var(--dsw-specific-menu, Canvas))',
+    // 侧栏面板内嵌卡片比弹层低一层，暗色下只比侧栏表面亮一档，避免形成刺眼的色块。
+    cardBackground: 'var(--dsw-alias-bg-layer-1, Canvas)',
+    pageBackground: 'var(--dsw-alias-bg-base, Canvas)',
     overlay: 'var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.45))',
     accent: 'var(--dsw-alias-button-info-fill, #1677ff)',
+    // 主操作按钮沿用 DSH 品牌填充：暗色下是浅底深字，和内置主按钮完全一致。
+    primaryBackground: 'var(--dsw-alias-button-primary-fill, #1677ff)',
+    primaryHoverBackground: 'var(--dsw-alias-button-primary-hover, #4096ff)',
+    primaryForeground: 'var(--dsw-alias-label-primary-foreground, #fff)',
     success: 'var(--dsw-alias-state-success-primary, #16803c)',
     error: 'var(--dsw-alias-state-error-primary, #b42318)',
+    // 状态描边用 l3/l4：DSH 的输入控件是 0.5px，比 l2 更轻。
+    fieldBorder: 'var(--dsw-alias-border-l4, #d9d9d9)',
+    menuBorder: 'var(--dsw-alias-border-l3, #d9d9d9)',
     switchThumb: 'var(--dsw-static-neutral-00, #fff)',
     prominentShadow: 'var(--dsw-elevation-prominent, 0 12px 40px rgba(0, 0, 0, 0.25))',
-    subtleShadow: 'var(--dsw-elevation-l1, 0 1px 2px rgba(0, 0, 0, 0.06))',
+    subtleShadow: 'var(--dsw-elevation-soft, 0 1px 2px rgba(0, 0, 0, 0.06))',
+    // 交互态令牌：内联样式无法表达 :hover/:active/:focus-visible，交给注入的插件样式表。
+    hoverBackground: 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.08))',
+    activeBackground: 'var(--dsw-alias-interactive-bg-active, rgba(127, 127, 127, 0.14))',
+    focusRing: 'var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary))',
+    // Diff 行背景直接复用 DSH DiffBlock 的同一组令牌，保证与内置 Diff 视图一致。
+    diffAddedBackground: 'var(--dsw-alias-code-diff-added, rgba(34, 197, 94, 0.13))',
+    diffDeletedBackground: 'var(--dsw-alias-code-diff-deleted, rgba(239, 68, 68, 0.13))',
+    codeFont: 'var(--dsw-font-markdown-code-font-family, ui-monospace, SFMono-Regular, Menlo, monospace)',
 };
 /** 设置模块根节点显式接入 DSH 的主文字色。 */
 export const dshFormRootStyle = {
@@ -40,16 +57,20 @@ export const dshButtonStyle = {
     background: dshThemeColor.buttonBackground,
     border: `1px solid ${dshThemeColor.border}`,
 };
-/** Codingns4DSH 设置页共享外壳：保持紧凑宽度，避免挤压宿主设置导航。 */
+/** Codingns4DSH 设置页共享外壳：占满宿主内容区，避免重复留白。 */
 export const dshSettingsPageStyle = {
     ...dshFormRootStyle,
     display: 'flex',
     flexDirection: 'column',
-    gap: 20,
+    gap: 16,
     width: '100%',
-    maxWidth: 900,
-    margin: '0 auto',
-    padding: '20px clamp(16px, 3vw, 32px) 28px',
+    maxWidth: 'none',
+    margin: 0,
+    padding: 0,
+    // 只保留设备刘海和 Home 指示条所需的安全区，不再叠加宿主留白。
+    paddingLeft: 'env(safe-area-inset-left, 0px)',
+    paddingRight: 'env(safe-area-inset-right, 0px)',
+    paddingBottom: 'env(safe-area-inset-bottom, 0px)',
     boxSizing: 'border-box',
 };
 /** 设置页标题区，使用宿主主题颜色而不是独立品牌色。 */
@@ -85,18 +106,19 @@ export const dshSettingsSummaryStyle = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    gap: 14,
+    gap: 12,
     minHeight: 58,
-    padding: '12px 16px',
+    padding: '12px 14px',
     boxSizing: 'border-box',
     cursor: 'pointer',
     listStyle: 'none',
 };
 export const dshSettingsSummaryTextStyle = {
     display: 'flex',
-    flexDirection: 'column',
-    gap: 3,
+    alignItems: 'center',
+    gap: 8,
     minWidth: 0,
+    flex: '1 1 auto',
 };
 export const dshSettingsSummaryLabelStyle = {
     color: dshThemeColor.labelPrimary,

package/data/build/dist/client/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/client/theme.ts"],"names":[],"mappings":"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"}

package/data/build/dist/client/workspace-session-archive-dom.d.ts

@@ -1,6 +1,10 @@
+import type { NativeWorkspaceSnapshot } from './native-workspace-store.js';
+import { type CodingNsLocale } from './locale.js';
 /** 归档入口和模态框节点使用的标记，便于重复扫描与停用时完整清理。 */
 export declare const WORKSPACE_SESSION_ARCHIVE_ATTRIBUTE = "data-codingns-session-archive";
 export declare const WORKSPACE_SESSION_ARCHIVE_MODAL_ATTRIBUTE = "data-codingns-session-archive-modal";
+/** 模态框内每个会话行上的 Agent 彩色标签标记。 */
+export declare const WORKSPACE_SESSION_ARCHIVE_AGENT_ATTRIBUTE = "data-codingns-session-archive-agent";
 export interface ArchivedSessionItem {
     readonly sessionId: string;
     readonly title: string;
@@ -16,6 +20,19 @@ export interface WorkspaceSessionArchiveDomOptions {
     readonly MutationObserver?: typeof MutationObserver;
     readonly remote?: unknown;
     readonly now?: () => number;
+    /** 会话到 Agent 的映射；默认读取与侧栏 Logo 同源的会话绑定缓存。 */
+    readonly adapterIdForSession?: (sessionId: string) => string | undefined;
+    /**
+     * 原生 Workspace 列表快照。
+     *
+     * 远端虚拟工作区只存在于原生 Store 投影里，`workspace/follow` 首帧只覆盖本机，
+     * 因此有原生快照时以它为准。
+     */
+    readonly readNativeWorkspaceSnapshot?: () => NativeWorkspaceSnapshot | undefined;
+    /** 会话取消归档成功后的通知；返回的 Promise 会在远端聚合同步完成后兑现。 */
+    readonly onSessionUnarchived?: (sessionId: string) => void | Promise<void>;
+    /** DSH 语言运行时；归档入口、模态框和 Agent 兜底展示名都从它取词。 */
+    readonly locale?: CodingNsLocale;
 }
 /** 读取当前 DSH Workspace 的归档会话摘要，独立导出供契约测试和宿主探测使用。 */
 export declare function loadWorkspaceArchivedSessions(remote: unknown, now?: () => number): Promise<ReadonlyMap<string, readonly ArchivedSessionItem[]>>;

package/data/build/dist/client/workspace-session-archive-dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-session-archive-dom.d.ts","sourceRoot":"","sources":["../../../../src/client/workspace-session-archive-dom.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAC1E,OAAO,EAA6B,KAAK,cAAc,EAA2B,MAAM,aAAa,CAAA;AAErG,sCAAsC;AACtC,eAAO,MAAM,mCAAmC,kCAAkC,CAAA;AAClF,eAAO,MAAM,yCAAyC,wCAAwC,CAAA;AAC9F,gCAAgC;AAChC,eAAO,MAAM,yCAAyC,wCAAwC,CAAA;AAkB9F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,oCAAoC;IACnD,OAAO,IAAI,IAAI,CAAA;IACf,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,gBAAgB,CAAA;IACnD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,MAAM,CAAA;IAC3B,4CAA4C;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACxE;;;;;OAKG;IACH,QAAQ,CAAC,2BAA2B,CAAC,EAAE,MAAM,uBAAuB,GAAG,SAAS,CAAA;IAChF,8CAA8C;IAC9C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1E,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,CAAA;CACjC;AAED,mDAAmD;AACnD,wBAAsB,6BAA6B,CACjD,MAAM,EAAE,OAAO,EACf,GAAG,GAAE,MAAM,MAAiB,GAC3B,OAAO,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,mBAAmB,EAAE,CAAC,CAAC,CAE9D;AAED;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,GAAE,iCAAsC,GAC9C,oCAAoC,CAmJtC;AAwCD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,CAAA;IACtC,QAAQ,CAAC,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAA;CAC/C;AAWD,2CAA2C;AAC3C,wBAAsB,oBAAoB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC,CAE/F;AAwFD,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,kBAAkB,CAAC,GAAG,WAAW,EAAE,CAE3F;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAcvE;AAuED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAqBnG"}

package/data/build/dist/client/workspace-session-archive-dom.js

@@ -1,7 +1,12 @@
 import { dshThemeColor } from './theme.js';
+import { providerVisual } from './provider-icons.js';
+import { sessionAdapterId } from './session-adapter-cache.js';
+import { resolveCodingNsTranslator } from './locale.js';
 /** 归档入口和模态框节点使用的标记，便于重复扫描与停用时完整清理。 */
 export const WORKSPACE_SESSION_ARCHIVE_ATTRIBUTE = 'data-codingns-session-archive';
 export const WORKSPACE_SESSION_ARCHIVE_MODAL_ATTRIBUTE = 'data-codingns-session-archive-modal';
+/** 模态框内每个会话行上的 Agent 彩色标签标记。 */
+export const WORKSPACE_SESSION_ARCHIVE_AGENT_ATTRIBUTE = 'data-codingns-session-archive-agent';
 const MORE_SESSION_PATTERN = /(?:展开|显示|expand|show).*(?:其余|更多|remaining|more).*(?:会话|sessions?)/iu;
 /** 读取当前 DSH Workspace 的归档会话摘要，独立导出供契约测试和宿主探测使用。 */
 export async function loadWorkspaceArchivedSessions(remote, now = Date.now) {
@@ -19,6 +24,12 @@ export function startWorkspaceSessionArchiveDom(options = {}) {
         ?? (typeof MutationObserver === 'undefined' ? undefined : MutationObserver);
     const remote = normalizeRemote(options.remote);
     const now = options.now ?? Date.now;
+    const t = resolveCodingNsTranslator(options.locale);
+    // SessionStore 只记录显式选择；没有外部绑定时，DSH Registry 的权威默认值就是 dsh。
+    const adapterIdForSession = options.adapterIdForSession
+        ?? ((sessionId) => sessionAdapterId(sessionId) ?? 'dsh');
+    const readNativeWorkspaceSnapshot = options.readNativeWorkspaceSnapshot;
+    const onSessionUnarchived = options.onSessionUnarchived;
     let disposed = false;
     let scanQueued = false;
     let loading;
@@ -30,7 +41,7 @@ export function startWorkspaceSessionArchiveDom(options = {}) {
             await loading;
             return;
         }
-        loading = loadArchiveSnapshot(remote, now).then((next) => {
+        loading = loadArchiveSnapshot(remote, now, readNativeWorkspaceSnapshot).then((next) => {
             if (disposed)
                 return;
             snapshot = next;
@@ -57,6 +68,16 @@ export function startWorkspaceSessionArchiveDom(options = {}) {
                 const workspaceId = resolveWorkspaceId(header);
                 return workspaceId === undefined ? [] : [[workspaceId, header.getAttribute('aria-expanded') !== 'false']];
             }));
+            const openModalFor = (workspaceId) => () => {
+                void refreshData().then(() => openArchiveModal(snapshot.byWorkspace.get(workspaceId) ?? [], {
+                    dom,
+                    remote,
+                    adapterIdForSession,
+                    t,
+                    onChanged: () => { void refreshData(); },
+                    onSessionUnarchived,
+                }));
+            };
             for (const [index, button] of buttons.entries()) {
                 const workspaceId = resolveWorkspaceId(button)
                     ?? onlyWorkspaceId
@@ -64,7 +85,7 @@ export function startWorkspaceSessionArchiveDom(options = {}) {
                 if (workspaceId === undefined)
                     continue;
                 const items = snapshot.byWorkspace.get(workspaceId) ?? [];
-                if (insertArchiveEntry(button, items, dom, remote, workspaceId, expandedByWorkspace.get(workspaceId) ?? true, () => { void refreshData().then(() => openArchiveModal(snapshot.byWorkspace.get(workspaceId) ?? [], dom, remote, () => { void refreshData(); })); }))
+                if (insertArchiveEntry(button, items, dom, remote, workspaceId, expandedByWorkspace.get(workspaceId) ?? true, openModalFor(workspaceId), t))
                     insertedWorkspaceIds.add(workspaceId);
             }
             // 某些窗口高度下 DSH 不渲染“展开其余会话”按钮。归档入口仍必须
@@ -74,7 +95,7 @@ export function startWorkspaceSessionArchiveDom(options = {}) {
                 if (workspaceId === undefined || insertedWorkspaceIds.has(workspaceId))
                     continue;
                 const items = snapshot.byWorkspace.get(workspaceId) ?? [];
-                if (insertArchiveEntryAfterHeader(header, items, dom, remote, workspaceId, header.getAttribute('aria-expanded') !== 'false', () => { void refreshData().then(() => openArchiveModal(snapshot.byWorkspace.get(workspaceId) ?? [], dom, remote, () => { void refreshData(); })); }))
+                if (insertArchiveEntryAfterHeader(header, items, dom, remote, workspaceId, header.getAttribute('aria-expanded') !== 'false', openModalFor(workspaceId), t))
                     insertedWorkspaceIds.add(workspaceId);
             }
         }
@@ -131,9 +152,9 @@ export function startWorkspaceSessionArchiveDom(options = {}) {
 function emptyArchiveSnapshot() {
     return { byWorkspace: new Map(), workspaceIds: [] };
 }
-async function loadArchiveSnapshot(remote, now) {
+async function loadArchiveSnapshot(remote, now, readNativeSnapshot) {
     const [workspaces, sessions] = await Promise.all([
-        readWorkspaceBaseline(remote.workspace),
+        readWorkspaceRecords(remote.workspace, readNativeSnapshot),
         readSessionList(remote.session),
     ]);
     const byId = new Map(sessions.map((item) => [item.sessionId, item]));
@@ -161,6 +182,20 @@ async function loadArchiveSnapshot(remote, now) {
 export async function loadWorkspaceRecords(remote) {
     return readWorkspaceBaseline(normalizeRemote(remote).workspace);
 }
+/**
+ * 读取工作区基线。
+ *
+ * 有原生 Store 快照时以它为准：远端虚拟工作区与虚拟归档集合只存在于这层投影里，
+ * `workspace/follow` 首帧只覆盖本机工作区。两者都不可用时保持空表。
+ */
+async function readWorkspaceRecords(api, readNativeSnapshot) {
+    const native = readNativeSnapshot?.();
+    if (native !== undefined && native.items.length > 0) {
+        // 原生归档集合是 Registry 级的一份列表，按工作区分发后由 workspaces 归属过滤。
+        return native.items.map((item) => ({ ...item, archivedSessionIds: native.archivedSessionIds }));
+    }
+    return readWorkspaceBaseline(api);
+}
 async function readWorkspaceBaseline(api) {
     if (api?.follow === undefined)
         return [];
@@ -279,26 +314,26 @@ function findWorkspaceIdInProps(value) {
     }
     return undefined;
 }
-function insertArchiveEntry(moreButton, items, dom, remote, workspaceId, expanded, onOpen) {
+function insertArchiveEntry(moreButton, items, dom, remote, workspaceId, expanded, onOpen, t) {
     if (items.length === 0)
         return false;
     const container = findWorkspaceContainer(moreButton, workspaceId);
     if (container === null)
         return false;
-    const entry = createArchiveEntry(items, dom, expanded, onOpen);
+    const entry = createArchiveEntry(items, dom, expanded, onOpen, t);
     const anchor = directChildFor(container, moreButton);
     if (anchor === null)
         return false;
     container.insertBefore(entry, anchor);
     return true;
 }
-function insertArchiveEntryAfterHeader(header, items, dom, remote, workspaceId, expanded, onOpen) {
+function insertArchiveEntryAfterHeader(header, items, dom, remote, workspaceId, expanded, onOpen, t) {
     if (items.length === 0)
         return false;
     const container = findWorkspaceContainer(header, workspaceId);
     if (container === null)
         return false;
-    const entry = createArchiveEntry(items, dom, expanded, onOpen);
+    const entry = createArchiveEntry(items, dom, expanded, onOpen, t);
     const moreButton = [...container.querySelectorAll('button')].find(isMoreSessionButton);
     if (moreButton !== undefined) {
         const anchor = directChildFor(container, moreButton);
@@ -350,14 +385,14 @@ function directChildFor(container, descendant) {
     }
     return current.parentElement === container ? current : null;
 }
-function createArchiveEntry(items, dom, expanded, onOpen) {
+function createArchiveEntry(items, dom, expanded, onOpen, t) {
     const entry = dom.createElement('button');
     entry.type = 'button';
     entry.setAttribute(WORKSPACE_SESSION_ARCHIVE_ATTRIBUTE, '');
-    entry.setAttribute('aria-label', '已归档的会话');
+    entry.setAttribute('aria-label', t('archive.title'));
     entry.hidden = !expanded;
     entry.setAttribute('aria-hidden', expanded ? 'false' : 'true');
-    entry.textContent = `已归档的会话 ${items.length}`;
+    entry.textContent = t('archive.entryCount', { count: items.length });
     Object.assign(entry.style, {
         display: expanded ? 'block' : 'none',
         width: '100%',
@@ -369,6 +404,7 @@ function createArchiveEntry(items, dom, expanded, onOpen) {
         textAlign: 'left',
         cursor: 'pointer',
         font: 'inherit',
+        fontSize: '12px',
     });
     entry.addEventListener('click', onOpen);
     return entry;
@@ -386,40 +422,43 @@ function removeArchiveEntries(dom) {
     for (const node of dom.querySelectorAll(`[${WORKSPACE_SESSION_ARCHIVE_ATTRIBUTE}]`))
         node.remove();
 }
-function openArchiveModal(items, dom, remote, onChanged) {
+function openArchiveModal(items, context) {
+    const { dom } = context;
     closeArchiveModal(dom);
     if (dom.body === null || dom.body === undefined)
         return;
+    const t = context.t;
     const overlay = dom.createElement('div');
     overlay.setAttribute(WORKSPACE_SESSION_ARCHIVE_MODAL_ATTRIBUTE, '');
     Object.assign(overlay.style, {
         position: 'fixed', inset: '0', zIndex: '9999', display: 'flex', alignItems: 'center', justifyContent: 'center',
-        padding: '24px', boxSizing: 'border-box', background: 'var(--dsw-alias-bg-mask-1, rgba(0,0,0,.45))',
+        // 窄屏用视口比例收紧留白，给会话行留出「标签 + 归档时间」同排所需的宽度。
+        padding: 'min(24px, 4vw)', boxSizing: 'border-box', background: 'var(--dsw-alias-bg-mask-1, rgba(0,0,0,.45))',
     });
     const surface = dom.createElement('section');
     surface.setAttribute('role', 'dialog');
     surface.setAttribute('aria-modal', 'true');
-    surface.setAttribute('aria-label', '已归档的会话');
+    surface.setAttribute('aria-label', t('archive.title'));
     Object.assign(surface.style, {
         width: 'min(860px, 100%)', maxHeight: 'min(720px, 90vh)', overflow: 'auto', boxSizing: 'border-box',
-        padding: '28px 32px', borderRadius: '16px', color: dshThemeColor.labelPrimary,
+        padding: 'min(28px, 5vw) min(32px, 4vw)', borderRadius: '16px', color: dshThemeColor.labelPrimary,
         background: dshThemeColor.menuBackground, boxShadow: dshThemeColor.prominentShadow,
     });
     const header = dom.createElement('div');
     Object.assign(header.style, { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '16px', marginBottom: '18px' });
     const title = dom.createElement('h2');
-    title.textContent = '已归档的会话';
+    title.textContent = t('archive.title');
     Object.assign(title.style, { margin: '0', fontSize: '22px', fontWeight: '600' });
     const close = dom.createElement('button');
     close.type = 'button';
-    close.setAttribute('aria-label', '关闭');
+    close.setAttribute('aria-label', t('archive.close'));
     close.textContent = '×';
     Object.assign(close.style, { border: '0', background: 'transparent', color: 'inherit', fontSize: '30px', lineHeight: '1', cursor: 'pointer' });
     header.append(title, close);
     const search = dom.createElement('input');
     search.type = 'search';
-    search.placeholder = '搜索已归档会话';
-    search.setAttribute('aria-label', '搜索已归档会话');
+    search.placeholder = t('archive.searchPlaceholder');
+    search.setAttribute('aria-label', t('archive.searchPlaceholder'));
     Object.assign(search.style, { width: '100%', boxSizing: 'border-box', padding: '11px 14px', marginBottom: '16px', border: '1px solid var(--dsw-alias-border-l2, #d9d9d9)', borderRadius: '8px', color: 'inherit', background: 'var(--dsw-specific-input-major, Canvas)', font: 'inherit' });
     const list = dom.createElement('div');
     Object.assign(list.style, { display: 'flex', flexDirection: 'column', gap: '4px' });
@@ -428,16 +467,17 @@ function openArchiveModal(items, dom, remote, onChanged) {
         const keyword = search.value.trim().toLocaleLowerCase();
         const filtered = items.filter((item) => item.title.toLocaleLowerCase().includes(keyword));
         for (const item of filtered)
-            list.appendChild(createArchiveRow(item, dom, remote, onChanged));
+            list.appendChild(createArchiveRow(item, context));
         if (filtered.length === 0) {
             const empty = dom.createElement('p');
-            empty.textContent = '没有找到归档会话。';
+            empty.textContent = t('archive.empty');
             Object.assign(empty.style, { margin: '20px 0', color: 'var(--dsw-alias-label-secondary, GrayText)', textAlign: 'center' });
             list.appendChild(empty);
         }
     };
     close.addEventListener('click', () => closeArchiveModal(dom));
-    overlay.addEventListener('click', (event) => { if (event.target === overlay)
+    // 与插件其它弹层一致：按下遮罩即关闭，点在面板内部不关闭。
+    overlay.addEventListener('pointerdown', (event) => { if (event.target === overlay)
         closeArchiveModal(dom); });
     overlay.addEventListener('keydown', (event) => {
         if (event.key === 'Escape')
@@ -450,55 +490,160 @@ function openArchiveModal(items, dom, remote, onChanged) {
     render();
     search.focus();
 }
-function createArchiveRow(item, dom, remote, onChanged) {
+function createArchiveRow(item, context) {
+    const { dom, adapterIdForSession, t } = context;
     const row = dom.createElement('div');
-    Object.assign(row.style, { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '16px', padding: '12px 0', borderBottom: '1px solid var(--dsw-alias-border-l1, rgba(0,0,0,.08))' });
+    Object.assign(row.style, { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '12px', padding: '12px 0', borderBottom: '1px solid var(--dsw-alias-border-l1, rgba(0,0,0,.08))' });
     const content = dom.createElement('div');
-    Object.assign(content.style, { minWidth: '0', display: 'flex', flexDirection: 'column', gap: '4px' });
+    Object.assign(content.style, { minWidth: '0', flex: '1 1 auto', display: 'flex', flexDirection: 'column', gap: '4px' });
+    // 移动端窄屏下第一行只保留标题，独占整行以避免被标签与时间挤压截断。
     const name = dom.createElement('strong');
     name.textContent = item.title;
     name.title = item.title;
-    Object.assign(name.style, { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: '15px' });
+    Object.assign(name.style, { minWidth: '0', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: '15px' });
+    // 第二行放类型标签与归档时间，强制同排：标签不收缩、时间不折行，
+    // 极端窄屏只截断时间尾部，不允许整行换行。
+    const meta = dom.createElement('div');
+    Object.assign(meta.style, { minWidth: '0', display: 'flex', alignItems: 'center', gap: '8px' });
     const time = dom.createElement('span');
-    time.textContent = `归档于 ${formatArchiveTime(item.archivedAt)}`;
-    Object.assign(time.style, { color: 'var(--dsw-alias-label-secondary, GrayText)', fontSize: '13px' });
-    content.append(name, time);
-    const restore = dom.createElement('button');
-    restore.type = 'button';
-    restore.textContent = '取消归档';
+    time.textContent = formatArchiveTime(item.archivedAt);
+    Object.assign(time.style, { minWidth: '0', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', color: 'var(--dsw-alias-label-secondary, GrayText)', fontSize: '13px' });
+    meta.append(createAgentBadge(adapterIdForSession(item.sessionId), dom, t), time);
+    content.append(name, meta);
+    const restore = createRestoreButton(item, row, context);
+    row.append(content, restore);
+    return row;
+}
+/**
+ * 行尾的取消归档按钮：图标按钮，不再占用一整行宽度。
+ *
+ * 图形沿用 DSH 原生归档行的 `IconUnarchiveOutlineRegular`，让插件模态框与原生
+ * 界面语言一致；文字只保留在 `aria-label` 与 `title` 里。
+ */
+function createRestoreButton(item, row, context) {
+    const { dom, remote, t, onChanged, onSessionUnarchived } = context;
     const unarchive = remote.workspace?.unarchiveSession;
     const canUnarchive = typeof unarchive === 'function';
+    const label = canUnarchive ? t('archive.restore') : t('archive.restoreUnsupported');
+    const restore = dom.createElement('button');
+    restore.type = 'button';
     restore.disabled = !canUnarchive;
-    restore.title = canUnarchive ? '取消归档' : '当前 DSH 版本不支持取消归档';
-    if (!canUnarchive)
-        restore.textContent = '取消归档（当前版本不支持）';
-    Object.assign(restore.style, { flex: '0 0 auto', padding: '7px 12px', border: '1px solid var(--dsw-alias-border-l2, #d9d9d9)', borderRadius: '8px', color: 'inherit', background: 'transparent', cursor: canUnarchive ? 'pointer' : 'not-allowed', font: 'inherit', opacity: canUnarchive ? '1' : '0.55' });
+    restore.setAttribute('aria-label', label);
+    restore.title = canUnarchive ? t('archive.restore') : t('archive.restoreUnsupportedTitle');
+    Object.assign(restore.style, {
+        flex: '0 0 auto',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '32px',
+        height: '32px',
+        padding: '0',
+        border: '0',
+        borderRadius: '8px',
+        color: 'var(--dsw-alias-label-secondary, GrayText)',
+        background: 'transparent',
+        cursor: canUnarchive ? 'pointer' : 'not-allowed',
+        opacity: canUnarchive ? '1' : '0.55',
+        font: 'inherit',
+    });
+    restore.append(createUnarchiveIcon(dom));
+    // 内联 style 表达不了 :hover，与插件其它自绘按钮一致用监听器补齐交互态。
+    if (canUnarchive) {
+        restore.addEventListener('mouseenter', () => {
+            restore.style.background = 'var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.08))';
+        });
+        restore.addEventListener('mouseleave', () => {
+            restore.style.background = 'transparent';
+        });
+    }
     restore.addEventListener('click', async () => {
         if (!canUnarchive || unarchive === undefined)
             return;
         restore.disabled = true;
-        restore.textContent = '处理中…';
+        restore.style.opacity = '0.55';
+        restore.setAttribute('aria-label', t('archive.processing'));
         try {
             await unarchive({ sessionId: item.sessionId });
             row.remove();
+            await onSessionUnarchived?.(item.sessionId);
             onChanged();
         }
         catch {
             restore.disabled = false;
-            restore.textContent = '取消归档';
+            restore.style.opacity = '1';
+            restore.setAttribute('aria-label', label);
         }
     });
-    row.append(content, restore);
-    return row;
+    return restore;
+}
+/**
+ * DSH 官方“取消归档”图标几何。
+ *
+ * 取值自 `@deepseek-ai/dsh-client-ui-primitives` 的 `IconUnarchiveOutlineRegular`
+ * （DSH 0.2.0-rc.2，20×20 viewBox）。不 import primitives 的原因与
+ * `mobile-sidebar-logo.ts` 相同：本模块是纯 DOM 控制器，要在没有 React 的 Node
+ * 测试里直接运行；内联同一份路径才能保持与原生归档行的视觉一致。
+ */
+const UNARCHIVE_ICON_VIEWBOX = '0 0 20 20';
+const UNARCHIVE_ICON_BOX_PATH = 'M15.8659 2.05975C17.2603 2.05995 18.3913 3.19096 18.3914 4.58527V5.4874C18.3914 6.02747 18.2192 6.52672 17.9303 6.93735C17.9336 6.96524 17.9388 6.99318 17.9388 7.02195V12.8884C17.9388 13.6345 17.9395 14.2379 17.8996 14.7254C17.8642 15.1593 17.7936 15.5499 17.6373 15.9141L17.5654 16.0685C17.278 16.6328 16.8405 17.1046 16.3038 17.434L16.0679 17.5661C15.66 17.7739 15.2196 17.8598 14.7237 17.9003C14.2362 17.9401 13.6327 17.9405 12.8867 17.9405H7.11122C6.36511 17.9405 5.76171 17.9401 5.27418 17.9003C4.84051 17.8649 4.44949 17.7952 4.08545 17.6391L3.93104 17.5661C3.36673 17.2785 2.89392 16.8414 2.56465 16.3044L2.43245 16.0685C2.22473 15.6608 2.13878 15.2211 2.09825 14.7254C2.05841 14.2379 2.05912 13.6345 2.05912 12.8884V7.02195C2.05912 6.99284 2.06422 6.96449 2.06758 6.93629C1.77931 6.52592 1.60858 6.02687 1.60858 5.4874V4.58527C1.60876 3.19084 2.73962 2.05975 4.1341 2.05975H15.8659ZM16.4984 7.92936C16.296 7.98169 16.0847 8.01288 15.8659 8.01291H4.1341C3.91478 8.01291 3.70246 7.98194 3.49955 7.92936V12.8884C3.49955 13.6582 3.50053 14.1927 3.53445 14.608C3.56769 15.0146 3.62923 15.244 3.71635 15.415L3.7925 15.5514C3.98339 15.8627 4.25749 16.1165 4.58464 16.2833L4.72529 16.3435C4.88095 16.3993 5.08638 16.4402 5.39158 16.4651C5.80685 16.4991 6.34138 16.5001 7.11122 16.5001H12.8867C13.6564 16.5001 14.1911 16.499 14.6063 16.4651C15.0128 16.432 15.2423 16.3703 15.4133 16.2833L15.5508 16.2061C15.8618 16.0152 16.116 15.7419 16.2827 15.415L16.3429 15.2732C16.3985 15.1177 16.4396 14.9128 16.4645 14.608C16.4985 14.1927 16.4984 13.6583 16.4984 12.8884V7.92936ZM4.1341 3.50019C3.53511 3.50019 3.0492 3.98631 3.04902 4.58527V5.4874C3.04902 6.08649 3.535 6.57248 4.1341 6.57248H15.8659C16.4648 6.57228 16.951 6.08638 16.951 5.4874V4.58527C16.9509 3.98644 16.4647 3.50038 15.8659 3.50019H4.1341Z';
+const UNARCHIVE_ICON_ARROW_PATH = 'M10 14.1V10.1M7.85 12.05L10 9.9L12.15 12.05';
+/** 内联取消归档 SVG；`createElementNS` 不可用时退回字符占位。 */
+function createUnarchiveIcon(dom) {
+    const createElementNS = dom.createElementNS?.bind(dom);
+    if (createElementNS === undefined) {
+        const fallback = dom.createElement('span');
+        fallback.textContent = '↩';
+        fallback.setAttribute('aria-hidden', 'true');
+        return fallback;
+    }
+    const svg = createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('width', '16');
+    svg.setAttribute('height', '16');
+    svg.setAttribute('viewBox', UNARCHIVE_ICON_VIEWBOX);
+    svg.setAttribute('fill', 'none');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.style.display = 'block';
+    svg.style.pointerEvents = 'none';
+    const box = createElementNS('http://www.w3.org/2000/svg', 'path');
+    box.setAttribute('fill-rule', 'evenodd');
+    box.setAttribute('clip-rule', 'evenodd');
+    box.setAttribute('fill', 'currentColor');
+    box.setAttribute('d', UNARCHIVE_ICON_BOX_PATH);
+    const arrow = createElementNS('http://www.w3.org/2000/svg', 'path');
+    arrow.setAttribute('d', UNARCHIVE_ICON_ARROW_PATH);
+    arrow.setAttribute('stroke', 'currentColor');
+    arrow.setAttribute('stroke-width', '1');
+    arrow.setAttribute('stroke-linecap', 'round');
+    arrow.setAttribute('stroke-linejoin', 'round');
+    svg.append(box, arrow);
+    return svg;
+}
+function createAgentBadge(adapterId, dom, t) {
+    const visual = providerVisual(adapterId, t);
+    const badge = dom.createElement('span');
+    badge.setAttribute(WORKSPACE_SESSION_ARCHIVE_AGENT_ATTRIBUTE, visual.adapterId ?? '');
+    badge.textContent = visual.displayName;
+    Object.assign(badge.style, {
+        flex: '0 0 auto',
+        padding: '1px 8px',
+        borderRadius: '999px',
+        // 与插件其它徽章一致：实心文字色 + 同色低透明度底，深浅主题下都可读。
+        color: visual.color,
+        background: `color-mix(in srgb, ${visual.color} 14%, transparent)`,
+        fontSize: '11px',
+        fontWeight: '600',
+        lineHeight: '18px',
+        whiteSpace: 'nowrap',
+    });
+    return badge;
 }
 function formatArchiveTime(timestamp) {
     const value = timestamp < 10_000_000_000 ? timestamp * 1000 : timestamp;
-    try {
-        return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(new Date(value));
-    }
-    catch {
-        return new Date(value).toLocaleString();
-    }
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return '';
+    const pad = (part) => String(part).padStart(2, '0');
+    return `${date.getFullYear()}/${pad(date.getMonth() + 1)}/${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
 }
 function closeArchiveModal(dom) {
     dom.querySelector(`[${WORKSPACE_SESSION_ARCHIVE_MODAL_ATTRIBUTE}]`)?.remove();