@sunshaobei/dsh-session-manager 0.0.0-stage → 0.4.3-fork.1

package/client.js

@@ -0,0 +1,1324 @@
+/**
+ * Browser half of the session-trash bundle.
+ * Hand-written `__ModuleLoader__` package shell for DeepSeek Harness.
+ */
+window.__ModuleLoader__.load({
+  id: 'dsh-session-manager',
+  factory: (require) => {
+    'use strict';
+    const module = { exports: {} };
+    const exports = module.exports;
+
+    const React = require('react');
+    const { MenuItemButton } = require('@deepseek-ai/dsh-client-ui-primitives');
+    const { useState, useEffect, useCallback } = React;
+    const h = React.createElement;
+
+    const API_PREFIX = '/api/session-trash';
+
+    const MESSAGES = {
+      en: {
+        undo: 'Undo',
+        loadFailed: 'Failed to load the recycle bin',
+        restored: 'Restored session “{title}”',
+        undoFailed: 'Undo failed',
+        restoreFailed: 'Restore failed: {message}',
+        confirmPermanentTitle: 'Confirm permanent deletion',
+        confirmPermanentBody: 'Permanently delete the session “{title}”? This cannot be undone and its conversation history will be erased.',
+        deleteFailed: 'Deletion failed: {message}',
+        unknownError: 'Unknown error',
+        deleted: 'Session permanently deleted',
+        deleteArchivedTitle: 'Permanently delete archived sessions',
+        deleteWorkspaceBody: 'Permanently delete {count} session(s) from the workspace “{title}”? This cannot be undone.',
+        deletedSelected: 'Selected archived sessions permanently deleted',
+        deleteAllTitle: 'Delete all archived sessions',
+        deleteAllBody: 'Permanently delete all {count} archived session(s)? This cannot be undone.',
+        emptied: 'Permanently deleted all {count} session(s) from the recycle bin',
+        emptyFailed: 'Failed to empty the recycle bin: {message}',
+        historyFailed: 'Failed to load session history: {message}',
+        other: 'Other',
+        otherProjects: 'Other projects',
+        otherWorkspaces: 'Other workspaces',
+        unnamedProject: 'Unnamed project',
+        unnamedSession: 'Unnamed session',
+        recycleBin: 'Session Recycle Bin',
+        archivedCount: '{count} archived session(s)',
+        searchPlaceholder: 'Search archived sessions...',
+        allProjects: 'All projects',
+        newestFirst: 'Recently deleted (newest first)',
+        oldestFirst: 'Oldest deleted (oldest first)',
+        deleteAll: 'Delete all',
+        loading: 'Loading archived sessions...',
+        empty: 'The recycle bin is empty',
+        noMatches: 'No matching archived sessions found',
+        sessionCount: '{count} session(s)',
+        projectActions: 'Project actions',
+        selectedSuffix: '{title} ({count} selected)',
+        deleteSelected: 'Permanently delete selected ({count})',
+        deleteProject: 'Permanently delete all in project',
+        turnCount: '{count} turn(s)',
+        view: 'View',
+        restore: 'Restore',
+        permanentlyDelete: 'Permanently delete',
+        previewTitle: 'Session: {title}',
+        loadingHistory: 'Loading conversation history...',
+        noHistory: 'No conversation history',
+        user: '👤 User',
+        assistant: '🤖 Assistant',
+        cancel: 'Cancel',
+        confirmDelete: 'Confirm deletion',
+        path: 'Path: {path}',
+        noActiveSession: 'Could not identify the active session ID',
+        movedToBin: 'Moved session “{title}” to the recycle bin',
+        currentSession: 'Current session',
+        session: 'Session',
+        moveFailed: 'Failed to move session to the recycle bin: {message}',
+        moveToBin: 'Move to Recycle Bin',
+        deleteSession: 'Delete Session',
+        sessionRunning: 'The session is currently running and cannot be deleted.',
+      },
+      zh: {
+        undo: '撤销',
+        loadFailed: '加载回收站列表失败',
+        restored: '已恢复会话「{title}」',
+        undoFailed: '撤销失败',
+        restoreFailed: '恢复失败: {message}',
+        confirmPermanentTitle: '确认彻底删除',
+        confirmPermanentBody: '确定要永久删除会话「{title}」吗？此操作不可撤销，历史对话记录将被完全清除。',
+        deleteFailed: '删除失败: {message}',
+        unknownError: '未知错误',
+        deleted: '已彻底删除会话',
+        deleteArchivedTitle: '彻底删除归档会话',
+        deleteWorkspaceBody: '确定要永久删除工作区「{title}」下的 {count} 个会话吗？此操作不可撤销。',
+        deletedSelected: '已彻底删除所选归档会话',
+        deleteAllTitle: '全部删除归档会话',
+        deleteAllBody: '确定要永久删除全部 {count} 个归档会话吗？此操作不可撤销。',
+        emptied: '已清空回收站中全部 {count} 个会话',
+        emptyFailed: '清空失败: {message}',
+        historyFailed: '获取会话记录失败: {message}',
+        other: '其他',
+        otherProjects: '其他项目',
+        otherWorkspaces: '其他工作区',
+        unnamedProject: '未命名项目',
+        unnamedSession: '未命名会话',
+        recycleBin: '会话回收站',
+        archivedCount: '共 {count} 个已归档会话',
+        searchPlaceholder: '搜索已归档聊天...',
+        allProjects: '所有项目',
+        newestFirst: '最近删除 (降序)',
+        oldestFirst: '最早删除 (正序)',
+        deleteAll: '全部删除',
+        loading: '加载已归档会话...',
+        empty: '回收站暂无会话',
+        noMatches: '未找到匹配的归档会话',
+        sessionCount: '{count} 个聊天',
+        projectActions: '项目操作',
+        selectedSuffix: '{title} (选中的 {count} 项)',
+        deleteSelected: '彻底删除选中 ({count})',
+        deleteProject: '彻底删除项目全部',
+        turnCount: '{count} 轮对话',
+        view: '查看',
+        restore: '还原',
+        permanentlyDelete: '彻底删除',
+        previewTitle: '查看会话：{title}',
+        loadingHistory: '正在读取历史对话记录...',
+        noHistory: '暂无对话记录',
+        user: '👤 用户',
+        assistant: '🤖 助手',
+        cancel: '取消',
+        confirmDelete: '确定删除',
+        path: '路径: {path}',
+        noActiveSession: '无法识别当前活动会话 ID',
+        movedToBin: '已将会话「{title}」移入回收站',
+        currentSession: '当前会话',
+        session: '会话',
+        moveFailed: '移入回收站失败: {message}',
+        moveToBin: '移入回收站',
+        deleteSession: '删除会话',
+        sessionRunning: '会话正在运行中，无法删除',
+      },
+    };
+
+    // Use the host's selected language for both menu entries and notifications.
+    const LOCALE_NS = 'session-trash';
+    let hostLocale;
+    let hostTranslate;
+
+    function attachHostLocale(ctx) {
+      hostLocale = typeof ctx?.get === 'function' ? ctx.get('locale') : undefined;
+      if (!hostLocale || typeof hostLocale.register !== 'function' || typeof hostLocale.bind !== 'function') return;
+      try {
+        const dispose = hostLocale.register(LOCALE_NS, MESSAGES);
+        ctx.effect?.(() => dispose, 'session-trash: locale dictionaries');
+      } catch {
+        // A twin instance may already own the namespace; `bind` still resolves
+        // the same dictionaries, so fall through and probe below.
+      }
+      try {
+        const bound = hostLocale.bind(LOCALE_NS);
+        // Trust the service only once OUR keys resolve through it — translate()
+        // returns the raw key when the namespace carries no dictionary.
+        if (bound('recycleBin') !== 'recycleBin') hostTranslate = bound;
+      } catch { /* keep the built-in table */ }
+    }
+
+    function browserLocale() {
+      return window?.navigator?.language || window?.navigator?.languages?.[0] || '';
+    }
+
+    /** Active language for the built-in table: host choice first, browser second. */
+    function activeLocale() {
+      let active;
+      try {
+        active = hostLocale?.getLocale?.()?.active ?? hostLocale?.getSnapshot?.()?.active;
+      } catch { /* service teardown — fall back to the browser */ }
+      return /^zh(?:-|$)/i.test(String(active || browserLocale())) ? 'zh' : 'en';
+    }
+
+    function t(key, params = {}) {
+      if (hostTranslate) {
+        try { return hostTranslate(key, params); } catch { /* fall through */ }
+      }
+      const template = MESSAGES[activeLocale()]?.[key] ?? MESSAGES.en[key] ?? key;
+      return String(template).replace(/\{(\w+)\}/g, (_match, name) => String(params[name] ?? ''));
+    }
+
+    function localizedError(error) {
+      if (error?.code === 'SESSION_RUNNING') return t('sessionRunning');
+      return error?.message || t('unknownError');
+    }
+
+    function localizeServerFallback(value) {
+      if (value === '未命名会话' || value === 'Unnamed session') return t('unnamedSession');
+      if (value === '其他项目' || value === 'Other projects') return t('otherProjects');
+      if (value === '其他工作区' || value === 'Other workspaces') return t('otherWorkspaces');
+      return value;
+    }
+
+    /** Safe icon helper functions (zero-fail direct element creation) */
+    function renderTrashIcon(props = {}) {
+      const { style, ...rest } = props;
+      return h(
+        'svg',
+        {
+          xmlns: 'http://www.w3.org/2000/svg',
+          width: props.width || '15',
+          height: props.height || '15',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+          style,
+          ...rest,
+        },
+        h('path', { d: 'M3 6h18' }),
+        h('path', { d: 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' }),
+        h('path', { d: 'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6' }),
+        h('line', { x1: '10', y1: '11', x2: '10', y2: '17' }),
+        h('line', { x1: '14', y1: '11', x2: '14', y2: '17' })
+      );
+    }
+
+    function renderFolderIcon(props = {}) {
+      const { style, ...rest } = props;
+      return h(
+        'svg',
+        {
+          xmlns: 'http://www.w3.org/2000/svg',
+          width: props.width || '16',
+          height: props.height || '16',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+          style,
+          ...rest,
+        },
+        h('path', { d: 'M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z' })
+      );
+    }
+
+    function renderEyeIcon(props = {}) {
+      const { style, ...rest } = props;
+      return h(
+        'svg',
+        {
+          xmlns: 'http://www.w3.org/2000/svg',
+          width: props.width || '14',
+          height: props.height || '14',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+          style,
+          ...rest,
+        },
+        h('path', { d: 'M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z' }),
+        h('circle', { cx: '12', cy: '12', r: '3' })
+      );
+    }
+
+    function renderRestoreIcon(props = {}) {
+      const { style, ...rest } = props;
+      return h(
+        'svg',
+        {
+          xmlns: 'http://www.w3.org/2000/svg',
+          width: props.width || '14',
+          height: props.height || '14',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+          style,
+          ...rest,
+        },
+        h('polyline', { points: '1 4 1 10 7 10' }),
+        h('path', { d: 'M3.51 15a9 9 0 1 0 2.13-9.36L1 10' })
+      );
+    }
+
+    function renderDiskIcon(props = {}) {
+      const { style, ...rest } = props;
+      return h(
+        'svg',
+        {
+          xmlns: 'http://www.w3.org/2000/svg',
+          width: props.width || '14',
+          height: props.height || '14',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          'aria-hidden': 'true',
+          style,
+          ...rest,
+        },
+        h('rect', { x: '3', y: '6', width: '18', height: '12', rx: '3' }),
+        h('line', { x1: '3', y1: '12', x2: '21', y2: '12' }),
+        h('circle', { cx: '7', cy: '15', r: '1', fill: 'currentColor' }),
+        h('circle', { cx: '11', cy: '15', r: '1', fill: 'currentColor' })
+      );
+    }
+
+    const TrashIcon = (props) => renderTrashIcon(props);
+
+    /**
+     * Inject the plugin stylesheet (external client.css) exactly once.
+     * The host serves it at GET /api/session-trash/client.css; all colors
+     * are CSS variables that adapt to the OS light/dark color mode.
+     */
+    function injectStylesheet() {
+      if (typeof document === 'undefined') return;
+      if (document.getElementById('dsh-session-manager-stylesheet')) return;
+      const link = document.createElement('link');
+      link.id = 'dsh-session-manager-stylesheet';
+      link.rel = 'stylesheet';
+      link.href = '/api/session-trash/client.css';
+      (document.head ?? document.documentElement).appendChild(link);
+    }
+
+    /** Show a bottom-left floating toast prompt. */
+    function showToastLayer(message, undoFn, actionText = t('undo')) {
+      if (typeof document === 'undefined') return;
+
+      let container = document.getElementById('dsh-session-manager-toast-container');
+      if (!container) {
+        container = document.createElement('div');
+        container.id = 'dsh-session-manager-toast-container';
+        container.className = 'dsh-trash-toast-container';
+        document.body.appendChild(container);
+      }
+
+      const toastEl = document.createElement('div');
+      toastEl.className = 'dsh-trash-toast';
+
+      const textSpan = document.createElement('span');
+      textSpan.textContent = message;
+      toastEl.appendChild(textSpan);
+
+      if (undoFn) {
+        const btn = document.createElement('button');
+        btn.textContent = actionText;
+        btn.className = 'dsh-trash-toast-undo';
+        btn.addEventListener('click', async () => {
+          try {
+            await undoFn();
+          } catch (err) {
+            console.error('Toast restore failed:', err);
+          }
+          toastEl.remove();
+        });
+        toastEl.appendChild(btn);
+      }
+
+      container.appendChild(toastEl);
+      requestAnimationFrame(() => {
+        toastEl.style.opacity = '1';
+        toastEl.style.transform = 'translateY(0)';
+      });
+
+      setTimeout(() => {
+        toastEl.style.opacity = '0';
+        toastEl.style.transform = 'translateY(10px)';
+        setTimeout(() => toastEl.remove(), 200);
+      }, 4000);
+    }
+
+    /** Formats file size in KB or MB */
+    function formatFileSize(bytes) {
+      if (!bytes || bytes <= 0) return '0 KB';
+      const kb = bytes / 1024;
+      if (kb < 1024) return `${kb.toFixed(1)} KB`;
+      return `${(kb / 1024).toFixed(1)} MB`;
+    }
+
+    /** Formats timestamp into YYYY/M/D HH:mm */
+    function formatTime(ts) {
+      if (!ts) return '';
+      const d = new Date(ts);
+      const year = d.getFullYear();
+      const month = d.getMonth() + 1;
+      const day = d.getDate();
+      const hours = String(d.getHours()).padStart(2, '0');
+      const minutes = String(d.getMinutes()).padStart(2, '0');
+      return `${year}/${month}/${day} ${hours}:${minutes}`;
+    }
+
+    /** Make signed API requests. */
+    async function api(ctx, path, options = {}) {
+      const response = await fetch(path, {
+        method: options.method || 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          // The host's only contract header: the minimal CSRF custom header the
+          // routes require on non-GET requests. No locale header is sent — the
+          // host does not read one, and server fallback labels are localized on
+          // this side by localizeServerFallback().
+          'x-dsh-plugin': 'session-trash',
+          ...(options.headers || {}),
+        },
+        body: options.body ? JSON.stringify(options.body) : undefined,
+      });
+
+      const payload = await response.json().catch(() => ({}));
+      if (!response.ok || payload.ok === false) {
+        const message = payload?.error?.message || `HTTP ${response.status}`;
+        const error = new Error(message);
+        error.code = payload?.error?.code;
+        throw error;
+      }
+      return payload.data;
+    }
+
+    /** 强制浏览器端 sessions / workspaces 服务从服务端重新拉取权威列表 */
+    function refreshSessionViews(ctx) {
+      try { ctx?.sessions?.refresh?.(); } catch {}
+      try {
+        const workspaces = ctx?.get?.('workspaces') ?? ctx?.workspaces;
+        workspaces?.refresh?.();
+      } catch {}
+    }
+
+    /** Refresh authoritative lists after a successful archive/restore. */
+    function purgeFromBrowserSessionStore(ctx, sessionIds) {
+      if (!sessionIds || sessionIds.length === 0) return;
+      refreshSessionViews(ctx);
+    }
+
+    /** ── 轻量级 Markdown 渲染器（自包含，不依赖外部库，仅用 React.createElement） ── */
+
+    // 行内解析：code span / bold / italic / strikethrough / link / image
+    function parseInline(text, keyPrefix) {
+      const nodes = [];
+      const parts = String(text).split(/(`[^`]+`)/g);
+      parts.forEach((part, i) => {
+        if (!part) return;
+        const codeMatch = part.match(/^`([^`]+)`$/);
+        if (codeMatch) {
+          nodes.push(h('code', { key: `${keyPrefix}-c${i}`, className: 'dsh-trash-md-code-inline' }, codeMatch[1]));
+          return;
+        }
+        pushInlineTokens(nodes, part, `${keyPrefix}-${i}`);
+      });
+      return nodes;
+    }
+
+    function pushInlineTokens(nodes, text, keyPrefix) {
+      const tokenRe = /(\!\[[^\]]*\]\([^)]*\)|\[[^\]]*\]\([^)]*\)|\*\*[^*]+\*\*|\*[^*]+\*|~~[^~]+~~)/g;
+      let lastIndex = 0;
+      let m;
+      let k = 0;
+      while ((m = tokenRe.exec(text)) !== null) {
+        if (m.index > lastIndex) {
+          nodes.push(text.slice(lastIndex, m.index));
+        }
+        const tok = m[0];
+        const key = `${keyPrefix}-t${k++}`;
+        const imgMatch = tok.match(/^!\[([^\]]*)\]\(([^)]*)\)$/);
+        if (imgMatch) {
+          nodes.push(h('a', { key, href: imgMatch[2], target: '_blank', rel: 'noreferrer' }, imgMatch[1] || imgMatch[2]));
+          lastIndex = m.index + tok.length;
+          continue;
+        }
+        const linkMatch = tok.match(/^\[([^\]]*)\]\(([^)]*)\)$/);
+        if (linkMatch) {
+          nodes.push(h('a', { key, href: linkMatch[2], target: '_blank', rel: 'noreferrer', className: 'dsh-trash-md-link' }, linkMatch[1] || linkMatch[2]));
+          lastIndex = m.index + tok.length;
+          continue;
+        }
+        const boldMatch = tok.match(/^\*\*([^*]+)\*\*$/);
+        if (boldMatch) {
+          nodes.push(h('strong', { key }, parseInline(boldMatch[1], key)));
+          lastIndex = m.index + tok.length;
+          continue;
+        }
+        const italicMatch = tok.match(/^\*([^*]+)\*$/);
+        if (italicMatch) {
+          nodes.push(h('em', { key }, parseInline(italicMatch[1], key)));
+          lastIndex = m.index + tok.length;
+          continue;
+        }
+        const strikeMatch = tok.match(/^~~([^~]+)~~$/);
+        if (strikeMatch) {
+          nodes.push(h('s', { key }, parseInline(strikeMatch[1], key)));
+          lastIndex = m.index + tok.length;
+          continue;
+        }
+        lastIndex = m.index + tok.length;
+      }
+      if (lastIndex < text.length) {
+        nodes.push(text.slice(lastIndex));
+      }
+    }
+
+    // 块级解析 → React 节点数组
+    function renderMarkdown(content) {
+      const lines = String(content || '').split('\n');
+      const blocks = [];
+      let i = 0;
+      while (i < lines.length) {
+        const line = lines[i];
+        // 围栏代码块
+        const fenceMatch = line.match(/^```([\w+-]*)\s*$/);
+        if (fenceMatch) {
+          const lang = fenceMatch[1] || '';
+          const buf = [];
+          i++;
+          while (i < lines.length && !/^```\s*$/.test(lines[i])) {
+            buf.push(lines[i]);
+            i++;
+          }
+          i++;
+          blocks.push({ type: 'code', lang, code: buf.join('\n') });
+          continue;
+        }
+        // 空行
+        if (!line.trim()) {
+          i++;
+          continue;
+        }
+        // 分隔线
+        if (/^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
+          blocks.push({ type: 'hr' });
+          i++;
+          continue;
+        }
+        // 标题
+        const headMatch = line.match(/^(#{1,6})\s+(.*)$/);
+        if (headMatch) {
+          blocks.push({ type: 'header', level: headMatch[1].length, text: headMatch[2] });
+          i++;
+          continue;
+        }
+        // 引用
+        if (/^\s*>\s?/.test(line)) {
+          const buf = [];
+          while (i < lines.length && /^\s*>\s?/.test(lines[i])) {
+            buf.push(lines[i].replace(/^\s*>\s?/, ''));
+            i++;
+          }
+          blocks.push({ type: 'quote', text: buf.join('\n') });
+          continue;
+        }
+        // 无序列表
+        if (/^\s*[-*+]\s+/.test(line)) {
+          const items = [];
+          while (i < lines.length && /^\s*[-*+]\s+/.test(lines[i])) {
+            items.push(lines[i].replace(/^\s*[-*+]\s+/, ''));
+            i++;
+          }
+          blocks.push({ type: 'ulist', items });
+          continue;
+        }
+        // 有序列表
+        if (/^\s*\d+[.)]\s+/.test(line)) {
+          const items = [];
+          while (i < lines.length && /^\s*\d+[.)]\s+/.test(lines[i])) {
+            items.push(lines[i].replace(/^\s*\d+[.)]\s+/, ''));
+            i++;
+          }
+          blocks.push({ type: 'olist', items });
+          continue;
+        }
+        // 表格：当前行含 | 且下一行为分隔行
+        if (line.includes('|') && i + 1 < lines.length && /^\s*\|?[\s:|-]+\|[\s:|-]*$/.test(lines[i + 1]) && lines[i + 1].includes('-')) {
+          const headerRow = line;
+          i += 2;
+          const rows = [];
+          while (i < lines.length && lines[i].includes('|') && lines[i].trim()) {
+            rows.push(lines[i]);
+            i++;
+          }
+          blocks.push({ type: 'table', header: headerRow, rows });
+          continue;
+        }
+        // 段落：收集连续的非空、非块起始行
+        const buf = [line];
+        i++;
+        while (i < lines.length && lines[i].trim() && !/^(```|#{1,6}\s|>\s?|[-*+]\s|\d+[.)]\s|---+$)/.test(lines[i])) {
+          buf.push(lines[i]);
+          i++;
+        }
+        blocks.push({ type: 'para', text: buf.join('\n') });
+      }
+
+      return blocks.map((block, idx) => {
+        const key = `md-${idx}`;
+        switch (block.type) {
+          case 'code':
+            return h('pre', { key, className: 'dsh-trash-md-codeblock' },
+              block.lang ? h('div', { key: `${key}-lang`, className: 'dsh-trash-md-lang' }, block.lang) : null,
+              h('code', { key: `${key}-code`, className: 'dsh-trash-md-codeblock-content' }, block.code)
+            );
+          case 'hr':
+            return h('hr', { key, className: 'dsh-trash-md-hr' });
+          case 'header': {
+            const lvl = Math.min(block.level, 6);
+            const tag = `h${lvl}`;
+            return h(tag, { key }, parseInline(block.text, key));
+          }
+          case 'quote':
+            return h('blockquote', { key, className: 'dsh-trash-md-quote' }, renderMarkdown(block.text));
+          case 'ulist':
+            return h('ul', { key, className: 'dsh-trash-md-list' },
+              block.items.map((item, j) => h('li', { key: `${key}-${j}`, className: 'dsh-trash-md-list-item' }, parseInline(item, `${key}-${j}`)))
+            );
+          case 'olist':
+            return h('ol', { key, className: 'dsh-trash-md-list' },
+              block.items.map((item, j) => h('li', { key: `${key}-${j}`, className: 'dsh-trash-md-list-item' }, parseInline(item, `${key}-${j}`)))
+            );
+          case 'table': {
+            const parseRow = (row) => row.split('|').map((c) => c.trim()).filter((c, j, arr) => !(j === 0 && c === '') && !(j === arr.length - 1 && c === ''));
+            const headerCells = parseRow(block.header);
+            return h('div', { key, className: 'dsh-trash-md-table-wrap' },
+              h('table', { key: `${key}-table`, className: 'dsh-trash-md-table' },
+                h('thead', null,
+                  h('tr', null, headerCells.map((c, j) => h('th', { key: `${key}-h${j}`, className: 'dsh-trash-md-th' }, parseInline(c, `${key}-h${j}`))))
+                ),
+                h('tbody', null,
+                  block.rows.map((row, r) => h('tr', { key: `${key}-r${r}` },
+                    parseRow(row).map((c, j) => h('td', { key: `${key}-c${r}-${j}`, className: 'dsh-trash-md-td' }, parseInline(c, `${key}-c${r}-${j}`)))
+                  ))
+                )
+              )
+            );
+          }
+          default:
+            return h('p', { key, className: 'dsh-trash-md-p' }, parseInline(block.text, key));
+        }
+      });
+    }
+
+    /**
+     * Resolve a session's display title from the browser store, falling back to
+     * the caller's value. MODULE-LEVEL on purpose: the header action and the
+     * sidebar row injector are module-level functions and cannot see a helper
+     * declared inside the TrashTab component (that produced a synchronous
+     * ReferenceError inside the click handler — the "button does nothing" bug).
+     */
+    function resolveSessionTitle(ctx, sessionId, fallback) {
+      try {
+        const byId = ctx?.sessions?.list?.getSnapshot?.()?.byId ?? {};
+        const title = byId[sessionId]?.title;
+        // 如果浏览器 store 中的标题就是 sessionId 本身，说明该会话已被归档、
+        // 浏览器 store 中只剩占位符，此时应优先使用服务端返回的 fallback 标题
+        // （服务端从 archivedTitles 或日志解析中获取了正确的名称）。
+        if (title && title !== sessionId) return title;
+        return fallback;
+      } catch {
+        return fallback;
+      }
+    }
+
+    /** The current UI binding owns selection; the session list does not. */
+    function activeSessionId(ctx) {
+      return ctx.get('uiSession').adapter.current.value?.key;
+    }
+
+    async function archiveSession(ctx, sessionId, title) {
+      if (!sessionId) {
+        showToastLayer(t('noActiveSession'));
+        return;
+      }
+      try {
+        await api(ctx, `${API_PREFIX}/archive`, { method: 'POST', body: { sessionId, title } });
+        purgeFromBrowserSessionStore(ctx, [sessionId]);
+        showToastLayer(t('movedToBin', { title: title || t('session') }), async () => {
+          try {
+            await api(ctx, `${API_PREFIX}/unarchive`, { method: 'POST', body: { sessionId } });
+            refreshSessionViews(ctx);
+          } catch (error) {
+            showToastLayer(t('restoreFailed', { message: localizedError(error) }));
+          }
+        });
+      } catch (error) {
+        showToastLayer(t('moveFailed', { message: localizedError(error) }));
+      }
+    }
+
+    /** The menu owner provides the exact row, including non-active or same-title sessions. */
+    function DeleteSessionMenuItem({ ctx, sessionId, displayTitle, useMenuOpenState }) {
+      const [, setMenuOpen] = useMenuOpenState();
+      return h(MenuItemButton, {
+        icon: renderTrashIcon({ width: 14, height: 14 }),
+        disabled: !sessionId,
+        onSelect: () => {
+          setMenuOpen(false);
+          return archiveSession(ctx, sessionId, displayTitle || '');
+        },
+      }, t('deleteSession'));
+    }
+
+    /** TrashTab Component */
+    function TrashTab({ ctx }) {
+      const [items, setItems] = useState([]);
+      const [loading, setLoading] = useState(true);
+      const [error, setError] = useState(null);
+      const [searchQuery, setSearchQuery] = useState('');
+      const [filterWorkspace, setFilterWorkspace] = useState('');
+      const [sortOrder, setSortOrder] = useState('desc');
+      const [confirmModal, setConfirmModal] = useState(null);
+      const [previewSession, setPreviewSession] = useState(null);
+      const [previewMessages, setPreviewMessages] = useState([]);
+      const [previewLoading, setPreviewLoading] = useState(false);
+      const [activeWorkspaceMenu, setActiveWorkspaceMenu] = useState(null);
+      const [selectedSessionIds, setSelectedSessionIds] = useState(new Set());
+      const [hoverTooltip, setHoverTooltip] = useState(null);
+      const hoverTimerRef = React.useRef(null);
+
+      const toggleSelectSession = (sessionId) => {
+        setSelectedSessionIds((prev) => {
+          const next = new Set(prev);
+          if (next.has(sessionId)) next.delete(sessionId);
+          else next.add(sessionId);
+          return next;
+        });
+      };
+
+      // 点击外部自动隐藏工作区 ... 更多菜单 (捕获阶段 pointerdown)
+      useEffect(() => {
+        const handleClickOutside = (e) => {
+          if (e?.target?.closest && e.target.closest('.dsh-more-menu-container')) {
+            return;
+          }
+          setActiveWorkspaceMenu(null);
+        };
+        document.addEventListener('pointerdown', handleClickOutside, true);
+        return () => document.removeEventListener('pointerdown', handleClickOutside, true);
+      }, []);
+
+      const currentTitle = (sessionId, fallback) => resolveSessionTitle(ctx, sessionId, fallback);
+
+      const loadItems = useCallback(async () => {
+        setError(null);
+        try {
+          const value = await api(ctx, `${API_PREFIX}/list`);
+          setItems(value?.items ?? []);
+        } catch (err) {
+          setError(err.message || t('loadFailed'));
+        } finally {
+          setLoading(false);
+        }
+      }, [ctx]);
+
+      useEffect(() => {
+        loadItems();
+        const offEvent = ctx?.on?.('workspace/archived-sessions-changed', () => loadItems());
+        const offRpc = ctx?.get?.('typert')?.on?.('host/archived-sessions-changed', () => loadItems());
+        const offPurge = ctx?.on?.('workspace/session-permanently-deleted', ({ sessionId }) => {
+          if (sessionId) purgeFromBrowserSessionStore(ctx, [sessionId]);
+          loadItems();
+        });
+        return () => {
+          offEvent?.();
+          offRpc?.();
+          offPurge?.();
+        };
+      }, [loadItems, ctx]);
+
+      /** 恢复单个会话 */
+      const handleUnarchive = async (session) => {
+        try {
+          await api(ctx, `${API_PREFIX}/unarchive`, { method: 'POST', body: { sessionId: session.sessionId } });
+          loadItems();
+
+          // 触发 Harness 官方 sessions / workspaces 服务重新拉取活跃列表
+          // （fetch/load/reload 并不存在，正确方法是 refresh()）
+          refreshSessionViews(ctx);
+
+          showToastLayer(t('restored', { title: currentTitle(session.sessionId, session.title) || session.title || session.sessionId }), async () => {
+            try {
+              await api(ctx, `${API_PREFIX}/archive`, { method: 'POST', body: { sessionId: session.sessionId } });
+              loadItems();
+              try { refreshSessionViews(ctx); } catch {}
+            } catch (e) {
+              console.error(t('undoFailed'), e);
+            }
+          });
+        } catch (err) {
+          showToastLayer(t('restoreFailed', { message: localizedError(err) }));
+        }
+      };
+
+      /** 物理彻底删除单个会话 */
+      const handlePurgeSingle = async (sessionId, sessionTitle) => {
+        setConfirmModal({
+          title: t('confirmPermanentTitle'),
+          body: t('confirmPermanentBody', { title: sessionTitle }),
+          onConfirm: async () => {
+            try {
+              const result = await api(ctx, `${API_PREFIX}/purge`, { method: 'POST', body: { sessionIds: [sessionId] } });
+              const failedIds = new Set((result?.errors ?? []).map((e) => e.sessionId));
+              if (failedIds.has(sessionId)) {
+                const errItem = result.errors.find((e) => e.sessionId === sessionId);
+                showToastLayer(t('deleteFailed', { message: localizedError(errItem) }));
+              } else {
+                purgeFromBrowserSessionStore(ctx, [sessionId]);
+                showToastLayer(t('deleted'));
+              }
+              setConfirmModal(null);
+              loadItems();
+            } catch (err) {
+              showToastLayer(t('deleteFailed', { message: localizedError(err) }));
+            }
+          },
+        });
+      };
+
+      /** 物理彻底删除指定工作区下的所有/选中的归档会话 */
+      const handlePurgeWorkspace = async (workspacePath, workspaceTitle, groupItems) => {
+        setConfirmModal({
+          title: t('deleteArchivedTitle'),
+          body: t('deleteWorkspaceBody', { title: workspaceTitle, count: groupItems.length }),
+          onConfirm: async () => {
+            try {
+              const ids = groupItems.map((i) => i.sessionId);
+              const result = await api(ctx, `${API_PREFIX}/purge-workspace`, { method: 'POST', body: { workspacePath, sessionIds: ids } });
+              const failedIds = new Set((result?.errors ?? []).map((e) => e.sessionId));
+              const succeededIds = ids.filter((id) => !failedIds.has(id));
+              purgeFromBrowserSessionStore(ctx, succeededIds);
+              setConfirmModal(null);
+              setActiveWorkspaceMenu(null);
+              loadItems();
+              showToastLayer(t('deletedSelected'));
+            } catch (err) {
+              showToastLayer(t('deleteFailed', { message: localizedError(err) }));
+            }
+          },
+        });
+      };
+
+      /** 彻底删除全部归档会话 */
+      const handleEmptyAll = () => {
+        setConfirmModal({
+          title: t('deleteAllTitle'),
+          body: t('deleteAllBody', { count: items.length }),
+          onConfirm: async () => {
+            try {
+              const ids = items.map((i) => i.sessionId);
+              await api(ctx, `${API_PREFIX}/empty`, { method: 'POST' });
+              purgeFromBrowserSessionStore(ctx, ids);
+              setConfirmModal(null);
+              loadItems();
+              showToastLayer(t('emptied', { count: items.length }));
+            } catch (err) {
+              showToastLayer(t('emptyFailed', { message: localizedError(err) }));
+            }
+          },
+        });
+      };
+
+      /** 打开预览 Modal */
+      const handleOpenPreview = async (session) => {
+        const title = currentTitle(session.sessionId, session.title) || session.sessionId;
+        setPreviewSession({ ...session, title });
+        setPreviewLoading(true);
+        setPreviewMessages([]);
+        try {
+          const res = await api(ctx, `${API_PREFIX}/messages?sessionId=${encodeURIComponent(session.sessionId)}`);
+          setPreviewMessages(res?.messages ?? []);
+        } catch (err) {
+          showToastLayer(t('historyFailed', { message: localizedError(err) }));
+        } finally {
+          setPreviewLoading(false);
+        }
+      };
+
+      // 提取工作区下拉列表
+      const workspaceOptions = React.useMemo(() => {
+        const map = new Map();
+        for (const item of items) {
+          const key = item.workspacePath || item.cwd || t('other');
+          const title = localizeServerFallback(item.workspaceTitle) || (item.cwd ? item.cwd.split('/').pop() : t('otherProjects'));
+          if (!map.has(key)) map.set(key, { path: key, title });
+        }
+        return [...map.values()];
+      }, [items]);
+
+      // 过滤、排序并按工作区分组
+      const groupedWorkspaces = React.useMemo(() => {
+        let list = [...items];
+
+        if (searchQuery.trim()) {
+          const q = searchQuery.trim().toLowerCase();
+          list = list.filter((i) => {
+            const title = (currentTitle(i.sessionId, i.title) || i.sessionId).toLowerCase();
+            return title.includes(q);
+          });
+        }
+
+        if (filterWorkspace) {
+          list = list.filter((i) => (i.workspacePath || i.cwd) === filterWorkspace);
+        }
+
+        // 按工作区分组（保持服务端返回的工作区顺序，与左侧 sidebar 一致）
+        const groups = new Map();
+        const groupOrder = [];
+        for (const item of list) {
+          const key = item.workspacePath || item.cwd || t('otherWorkspaces');
+          const title = localizeServerFallback(item.workspaceTitle) || (item.cwd ? item.cwd.split('/').pop() : t('unnamedProject'));
+          if (!groups.has(key)) {
+            groups.set(key, { path: key, title, items: [] });
+            groupOrder.push(key);
+          }
+          groups.get(key).items.push(item);
+        }
+
+        // 每个工作区内部按时间排序，不影响工作区之间的顺序
+        for (const group of groups.values()) {
+          group.items.sort((a, b) => {
+            const timeA = a.archivedAt || 0;
+            const timeB = b.archivedAt || 0;
+            return sortOrder === 'asc' ? timeA - timeB : timeB - timeA;
+          });
+        }
+
+        return groupOrder.map((key) => groups.get(key)).filter(Boolean);
+      }, [items, searchQuery, filterWorkspace, sortOrder, ctx]);
+
+      return h('div', { className: 'dsh-trash-container' },
+        // Header
+        h('div', { className: 'dsh-trash-header' },
+          h('div', { className: 'dsh-trash-header-left' },
+            h('h2', { className: 'dsh-trash-title' },
+              renderTrashIcon({ className: 'dsh-trash-icon-title' }),
+              t('recycleBin')
+            ),
+            h('p', { className: 'dsh-trash-subtitle' }, t('archivedCount', { count: items.length }))
+          )
+        ),
+
+        // Top Bar: 搜索框
+        h('div', { className: 'dsh-trash-search' },
+          h('svg', { className: 'dsh-trash-search-icon', width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2' },
+            h('circle', { cx: '11', cy: '11', r: '8' }),
+            h('line', { x1: '21', y1: '21', x2: '16.65', y2: '16.65' })
+          ),
+          h('input', {
+            type: 'text',
+            className: 'dsh-trash-search-input',
+            placeholder: t('searchPlaceholder'),
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+          })
+        ),
+
+        // Filter Controls Toolbar
+        h('div', { className: 'dsh-trash-toolbar' },
+          h('select', {
+            className: 'dsh-trash-select',
+            value: filterWorkspace,
+            onChange: (e) => setFilterWorkspace(e.target.value),
+          },
+            h('option', { value: '' }, t('allProjects')),
+            workspaceOptions.map((w) => h('option', { key: w.path, value: w.path }, w.title))
+          ),
+
+          h('select', {
+            className: 'dsh-trash-select',
+            value: sortOrder,
+            onChange: (e) => setSortOrder(e.target.value),
+          },
+            h('option', { value: 'desc' }, t('newestFirst')),
+            h('option', { value: 'asc' }, t('oldestFirst'))
+          ),
+
+          items.length > 0 &&
+            h('button', {
+              className: 'dsh-trash-btn-danger-outline',
+              onClick: handleEmptyAll,
+            },
+              renderTrashIcon({ className: 'dsh-trash-icon-btn' }),
+              t('deleteAll')
+            )
+        ),
+
+        // List Content
+        loading
+          ? h('div', { className: 'dsh-trash-state' }, t('loading'))
+          : error
+          ? h('div', { className: 'dsh-trash-state dsh-trash-state--error' }, error)
+          : items.length === 0
+          ? h('div', { className: 'dsh-trash-state' }, t('empty'))
+          : groupedWorkspaces.length === 0
+          ? h('div', { className: 'dsh-trash-state' }, t('noMatches'))
+          : h('div', { className: 'dsh-trash-groups' },
+              groupedWorkspaces.map((group) => {
+                const groupSelectedIds = group.items.map((i) => i.sessionId).filter((id) => selectedSessionIds.has(id));
+                const hasSelected = groupSelectedIds.length > 0;
+
+                return h('div', { key: group.path, className: 'dsh-trash-group' },
+                  // Workspace Section Header
+                  h('div', { className: 'dsh-trash-group-header' },
+                    h('div', { className: 'dsh-trash-group-title-group' },
+                      renderFolderIcon({ className: 'dsh-trash-icon-folder' }),
+                      h('span', { className: 'dsh-trash-group-title' }, group.title),
+                      h('span', { className: 'dsh-trash-group-path', title: group.path }, group.path)
+                    ),
+                    h('div', { className: 'dsh-trash-group-right' },
+                      h('span', { className: 'dsh-trash-group-count' }, t('sessionCount', { count: group.items.length })),
+                      h('div', { className: 'dsh-more-menu-container dsh-trash-more-wrap' },
+                        h('button', {
+                          type: 'button',
+                          className: 'dsh-trash-more-btn',
+                          title: t('projectActions'),
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            setActiveWorkspaceMenu(activeWorkspaceMenu === group.path ? null : group.path);
+                          },
+                        }, '•••'),
+                        activeWorkspaceMenu === group.path &&
+                          h('div', { className: 'dsh-trash-menu' },
+                            h('button', {
+                              className: 'dsh-trash-menu-item--danger',
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                const targets = hasSelected
+                                  ? group.items.filter((i) => selectedSessionIds.has(i.sessionId))
+                                  : group.items;
+                                handlePurgeWorkspace(group.path, hasSelected ? t('selectedSuffix', { title: group.title, count: groupSelectedIds.length }) : group.title, targets);
+                              },
+                            },
+                              renderTrashIcon({ className: 'dsh-trash-icon-menu' }),
+                              hasSelected ? t('deleteSelected', { count: groupSelectedIds.length }) : t('deleteProject')
+                            )
+                          )
+                      )
+                    )
+                  ),
+
+                  // Session Cards List
+                  h('div', { className: 'dsh-trash-cards' },
+                    group.items.map((item) => {
+                      const displayTitle = currentTitle(item.sessionId, localizeServerFallback(item.title)) || item.sessionId;
+                      const path = item.cwd || item.workspacePath || '-';
+                      const isChecked = selectedSessionIds.has(item.sessionId);
+
+                      return h('div', {
+                        key: item.sessionId,
+                        className: isChecked ? 'dsh-trash-card dsh-trash-card--checked' : 'dsh-trash-card',
+                        onMouseEnter: (e) => {
+                          if (hoverTimerRef.current) clearTimeout(hoverTimerRef.current);
+                          const rect = e.currentTarget.getBoundingClientRect();
+                          hoverTimerRef.current = setTimeout(() => {
+                            setHoverTooltip({
+                              title: displayTitle,
+                              id: item.sessionId,
+                              path: path,
+                              x: rect.left,
+                              y: rect.top - 8,
+                            });
+                          }, 200);
+                        },
+                        onMouseLeave: () => {
+                          if (hoverTimerRef.current) clearTimeout(hoverTimerRef.current);
+                          setHoverTooltip(null);
+                        },
+                      },
+                        // 微圆复选框
+                        h('input', {
+                          type: 'checkbox',
+                          className: 'dsh-trash-checkbox',
+                          checked: isChecked,
+                          onChange: (e) => {
+                            e.stopPropagation();
+                            toggleSelectSession(item.sessionId);
+                          },
+                        }),
+
+                        h('div', { className: 'dsh-trash-card-main' },
+                          // Title
+                          h('div', { className: 'dsh-trash-card-title' }, displayTitle),
+                          // Metadata Row (时间, 轮数, 容量 Badge)
+                          h('div', { className: 'dsh-trash-card-meta' },
+                            h('span', { className: 'dsh-trash-card-meta-item' }, formatTime(item.archivedAt)),
+                            h('span', { className: 'dsh-trash-card-meta-item' }, t('turnCount', { count: item.turnCount ?? 0 })),
+                            h('span', { className: 'dsh-trash-badge' },
+                              renderDiskIcon({ className: 'dsh-trash-icon-badge' }),
+                              formatFileSize(item.fileSize)
+                            )
+                          )
+                        ),
+
+                        // Action Buttons (微型极简胶囊按钮，大幅留出左侧空间)
+                        h('div', { className: 'dsh-trash-card-actions' },
+                          h('button', {
+                            type: 'button',
+                            className: 'dsh-trash-btn-ghost',
+                            onClick: () => handleOpenPreview(item),
+                          },
+                            renderEyeIcon({ className: 'dsh-trash-icon-sm' }),
+                            t('view')
+                          ),
+                          h('button', {
+                            type: 'button',
+                            className: 'dsh-trash-btn-ghost',
+                            onClick: () => handleUnarchive(item),
+                          },
+                            renderRestoreIcon({ className: 'dsh-trash-icon-sm' }),
+                            t('restore')
+                          ),
+                          h('button', {
+                            type: 'button',
+                            className: 'dsh-trash-btn-danger-text',
+                            onClick: () => handlePurgeSingle(item.sessionId, displayTitle),
+                          },
+                            renderTrashIcon({ className: 'dsh-trash-icon-sm' }),
+                            t('permanentlyDelete')
+                          )
+                        )
+                      );
+                    })
+                  )
+                );
+              })
+            ),
+
+        // Footer Summary
+        items.length > 0 && h('div', { className: 'dsh-trash-footer' }, t('archivedCount', { count: items.length })),
+
+        // Modal 1: 查看内容 Message Preview Modal
+        previewSession &&
+          h('div', { className: 'dsh-trash-overlay', onClick: () => setPreviewSession(null) },
+            h('div', { className: 'dsh-trash-preview', onClick: (e) => e.stopPropagation() },
+              h('div', { className: 'dsh-trash-preview-header' },
+                h('div', { className: 'dsh-trash-preview-title' }, t('previewTitle', { title: previewSession.title })),
+                h('button', {
+                  className: 'dsh-trash-close',
+                  onClick: () => setPreviewSession(null),
+                }, '✕')
+              ),
+              h('div', { className: 'dsh-trash-preview-body' },
+                previewLoading
+                  ? h('div', { className: 'dsh-trash-preview-state' }, t('loadingHistory'))
+                  : previewMessages.length === 0
+                  ? h('div', { className: 'dsh-trash-preview-state' }, t('noHistory'))
+                  : previewMessages.map((msg, index) =>
+                      h('div', { key: index, className: 'dsh-trash-message' },
+                        h('div', { className: 'dsh-trash-message-header' },
+                          h('span', { className: 'dsh-trash-message-role' }, msg.role === 'user' ? t('user') : t('assistant')),
+                          msg.timestamp && h('span', { className: 'dsh-trash-message-time' }, formatTime(msg.timestamp))
+                        ),
+                        h('div', { className: msg.role === 'user' ? 'dsh-trash-bubble-user' : 'dsh-trash-bubble-assistant' },
+                          h('div', { className: 'dsh-trash-md' }, renderMarkdown(msg.content))
+                        )
+                      )
+                    )
+              )
+            )
+          ),
+
+        // Modal 2: 确认操作 Modal
+        confirmModal &&
+          h('div', { className: 'dsh-trash-overlay', onClick: () => setConfirmModal(null) },
+            h('div', { className: 'dsh-trash-modal', onClick: (e) => e.stopPropagation() },
+              h('h3', { className: 'dsh-trash-modal-title' }, confirmModal.title),
+              h('p', { className: 'dsh-trash-modal-body' }, confirmModal.body),
+              h('div', { className: 'dsh-trash-modal-actions' },
+                h('button', { className: 'dsh-trash-btn-cancel', onClick: () => setConfirmModal(null) }, t('cancel')),
+                h('button', { className: 'dsh-trash-btn-confirm', onClick: confirmModal.onConfirm }, t('confirmDelete'))
+              )
+            )
+          ),
+
+        // Tooltip: 悬停展示全标题 & ID & 路径（left/top 由 JS 按鼠标位置内联给出）
+        hoverTooltip &&
+          h('div', {
+            className: 'dsh-trash-tooltip',
+            style: { left: `${hoverTooltip.x}px`, top: `${hoverTooltip.y}px` },
+          },
+            h('div', { className: 'dsh-trash-tooltip-title' }, hoverTooltip.title),
+            h('div', { className: 'dsh-trash-tooltip-sub' }, `ID: ${hoverTooltip.id}`),
+            h('div', { className: 'dsh-trash-tooltip-sub' }, t('path', { path: hoverTooltip.path }))
+          )
+      );
+    }
+
+    /** Header action resolves selection when clicked, including after navigation. */
+    function DeleteSessionAction(props) {
+      const { ctx } = props;
+      return h('button', {
+        type: 'button',
+        className: 'dsh-trash-header-action',
+        title: t('moveToBin'),
+        onClick: (event) => {
+          event?.stopPropagation();
+          const sessionId = props.sessionId || activeSessionId(ctx);
+          return archiveSession(ctx, sessionId, resolveSessionTitle(ctx, sessionId, '') || '');
+        },
+      }, renderTrashIcon({ width: 14, height: 14 }));
+    }
+
+    /** Inject Trash Icon into settings sidebar */
+    function injectSettingsMenuIcon() {
+      if (typeof document === 'undefined') return;
+      const candidates = [...document.querySelectorAll('*')].filter(
+        (el) => el.children.length === 0 && el.textContent?.trim() === t('recycleBin')
+      );
+      for (const textEl of candidates) {
+        const itemContainer =
+          textEl.closest('button') ||
+          textEl.closest('a') ||
+          textEl.closest('[role="tab"]') ||
+          textEl.closest('[role="button"]') ||
+          textEl.closest('li') ||
+          textEl.parentElement;
+        if (!itemContainer) continue;
+
+        const svg = itemContainer.querySelector('svg');
+        if (svg) {
+          if (!svg.dataset.dshTrashIconInjected) {
+            svg.dataset.dshTrashIconInjected = 'true';
+            const temp = document.createElement('div');
+            temp.innerHTML =
+              '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" ' +
+              'stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' +
+              '<path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>' +
+              '<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/>' +
+              '<line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>';
+            const newSvg = temp.firstElementChild;
+            if (newSvg) {
+              newSvg.dataset.dshTrashIconInjected = 'true';
+              if (svg.getAttribute('class')) newSvg.setAttribute('class', svg.getAttribute('class'));
+              svg.parentNode?.replaceChild(newSvg, svg);
+            }
+          }
+        }
+      }
+    }
+
+    /** Keep the settings icon in sync; session actions use the native slot below. */
+    function startSettingsIntegration() {
+      if (typeof document === 'undefined' || typeof MutationObserver === 'undefined') return () => {};
+      let raf = 0;
+      const schedule = () => {
+        if (raf) return;
+        raf = requestAnimationFrame(() => {
+          raf = 0;
+          injectSettingsMenuIcon();
+        });
+      };
+      const observer = new MutationObserver(schedule);
+      observer.observe(document.documentElement ?? document, { childList: true, subtree: true });
+      schedule();
+      return () => {
+        observer.disconnect();
+        if (raf) cancelAnimationFrame(raf);
+      };
+    }
+
+    /** Plugin body apply */
+    function apply(ctx) {
+      injectStylesheet();
+      // Adopt the host Language setting (and publish our dictionaries) before
+      // anything renders a label.
+      attachHostLocale(ctx);
+
+      // DSH 0.1.5 的 settings.section 注册契约只接受 id / order / label
+      // （见 dsh-cordis-client-runner 内置的 slot 目录：registerOptions 就这三项，
+      //  label 的类型是 `string | (() => string)`）。设置面板按 order 升序把注册项
+      //  排成一列，所以这里只传契约内字段；label 仍用 thunk，两代际都合法。
+      //
+      // order 必须落在「一定可见」的区间：0.1.5 的设置面板把导航列高度固定为约
+      // 808px（17 项 × 44px），而面板 overflow:hidden、导航列 overflow:visible 且
+      // 没有滚动条 —— 窗口可视高度放不下整个面板时，**列表末尾的条目会被直接裁掉，
+      // 既看不见也滚不到**。原先取 200（倒数第二项），窗口稍矮（面板 < 808px，
+      // 约等于视口 < 800px）就整项消失，这正是「设置里没有会话回收站」的真正原因。
+      // 25 落在 20（mnemon「Memory System」）与 30（cost-meter「Cost」）之间，
+      // 属于最上面几项，任何能看见设置导航的窗口都能看见它。
+      ctx.slots.inject('settings.section', () =>
+        ctx.slots.register(
+          {
+            name: 'settings.section',
+            id: 'trash',
+            order: 25,
+            label: () => t('recycleBin'),
+          },
+          (props) => TrashTab({ ...props, ctx })
+        )
+      );
+
+      ctx.slots.inject('conversation.session.header.actions', () =>
+        ctx.slots.register(
+          {
+            name: 'conversation.session.header.actions',
+            id: 'delete-session',
+            order: 400,
+            label: () => t('deleteSession'),
+          },
+          (props) => DeleteSessionAction({ ...props, ctx })
+        )
+      );
+
+      ctx.slots.inject('sidebar.workspaces.session.menu.item', () =>
+        ctx.slots.register({
+          name: 'sidebar.workspaces.session.menu.item',
+          id: 'dsh-session-manager.delete',
+          order: 500,
+          label: () => t('deleteSession'),
+        }, (props) => DeleteSessionMenuItem({ ...props, ctx }))
+      );
+      ctx.effect(() => startSettingsIntegration());
+    }
+
+    exports.apply = apply;
+    exports.inject = ['slots', 'connection', 'sessions', 'workspaces', 'uiSession', 'locale'];
+
+    return module.exports;
+  },
+});