codexmate 0.1.6 → 0.1.7

package/README.md

@@ -4,7 +4,7 @@
 
 # Codex Mate
 
-**One dashboard for all your local AI coding agents. Switch providers, manage sessions, and orchestrate tasks across Codex, Claude Code, OpenCode, KiloCode, and OpenClaw. Zero cloud, local-first control plane.**
+**One dashboard for all your local AI coding agents. Switch providers, manage sessions, and orchestrate tasks across Codex, Claude Code, Gemini CLI, CodeBuddy Code, Pi, OpenCode, KiloCode, and OpenClaw. Zero cloud, local-first control plane.**
 
 <p>
   <a href="https://sakurabytecore.github.io/codexmate/">[Documentation]</a>
@@ -132,6 +132,8 @@ curl -fsSL https://raw.githubusercontent.com/SakuraByteCore/codexmate/main/scrip
 - **CodeBuddy**: `npm install -g @tencent-ai/codebuddy-code`
 - **KiloCode**: `npm install -g @kilocode/cli` (`kilo` / `kilocode`)
 - **OpenCode**: install from the [official OpenCode docs](https://opencode.ai/)
+- **OpenClaw**: see the [OpenClaw repository](https://github.com/moeru-ai/openclaw)
+- **Pi**: sessions are discovered from `~/.pi/agent/sessions`
 
 ---
 

package/README.vi.md

@@ -4,7 +4,7 @@
 
 # Codex Mate
 
-**Một dashboard duy nhất cho tất cả AI coding agent cục bộ của bạn. Chuyển đổi provider, quản lý phiên làm việc và điều phối tác vụ giữa Codex, Claude Code và OpenClaw. Không cloud, trung tâm điều khiển agent hoàn toàn cục bộ.**
+**Một dashboard duy nhất cho tất cả AI coding agent cục bộ của bạn. Chuyển đổi provider, quản lý phiên làm việc và điều phối tác vụ giữa Codex, Claude Code, Gemini CLI, CodeBuddy Code, Pi, OpenCode, KiloCode và OpenClaw. Không cloud, trung tâm điều khiển agent hoàn toàn cục bộ.**
 
 <p>
   <a href="https://sakurabytecore.github.io/codexmate/">[Tài liệu]</a>
@@ -41,7 +41,7 @@
 
 Bạn có bao giờ cảm thấy rối khi phải quản lý nhiều AI agent cục bộ? Mỗi tool lại có định dạng cấu hình, nơi lưu phiên và thư mục skill riêng.
 
-**Codex Mate** cung cấp một trung tâm điều khiển thống nhất để giải quyết sự hỗn loạn đó. Đây là CLI + Web UI ưu tiên cục bộ, được thiết kế để quản lý [Codex](https://github.com/openai/codex), [Claude Code](https://github.com/anthropic-ai/claude-code) và [OpenClaw](https://github.com/moeru-ai/openclaw) một cách liền mạch.
+**Codex Mate** cung cấp một trung tâm điều khiển thống nhất để giải quyết sự hỗn loạn đó. Đây là CLI + Web UI ưu tiên cục bộ, được thiết kế để quản lý [Codex](https://github.com/openai/codex), [Claude Code](https://github.com/anthropic-ai/claude-code), [OpenCode](https://opencode.ai/), KiloCode và [OpenClaw](https://github.com/moeru-ai/openclaw) một cách liền mạch.
 
 ### Điểm nổi bật
 
@@ -58,7 +58,7 @@ Khác với các wrapper đơn giản, Codex Mate hoạt động như một **Ag
 
 | Tính năng | Trạng thái | Mô tả |
 | --- | --- | --- |
-| **Quản lý Provider** | ✅ | Chuyển đổi provider/model cho Codex, Claude và OpenClaw |
+| **Quản lý Provider** | ✅ | Chuyển đổi provider/model cho Codex, Claude, OpenCode, KiloCode và OpenClaw |
 | **Đồng bộ Agent trực tiếp** | ✅ | Giám sát cấu hình & trạng thái Codex/Claude theo thời gian thực |
 | **Trình duyệt phiên** | ✅ | Liệt kê, xem trước, lọc và xuất phiên (Codex/Claude/Gemini/CodeBuddy/Pi) |
 | **Phân tích sử dụng** | ✅ | Trực quan hóa xu hướng tin nhắn và dự án nổi bật |
@@ -115,7 +115,10 @@ curl -fsSL https://raw.githubusercontent.com/SakuraByteCore/codexmate/main/scrip
 - **Claude Code**: `npm install -g @anthropic-ai/claude-code`
 - **Gemini CLI**: `npm install -g @google/gemini-cli`
 - **CodeBuddy**: `npm install -g @tencent-ai/codebuddy-code`
+- **KiloCode**: `npm install -g @kilocode/cli` (`kilo` / `kilocode`)
 - **OpenCode**: xem [tài liệu chính thức OpenCode](https://opencode.ai/)
+- **OpenClaw**: xem [kho lưu trữ OpenClaw](https://github.com/moeru-ai/openclaw)
+- **Pi**: phiên làm việc được phát hiện từ `~/.pi/agent/sessions`
 
 ---
 

package/README.zh.md

@@ -4,7 +4,7 @@
 
 # Codex Mate
 
-**一站式本地 AI 编程智能体管理面板。统一管理 Codex、Claude Code、OpenCode 与 OpenClaw，支持 Provider 切换、会话管理与任务编排。纯本地优先，你的智能体控制中心。**
+**一站式本地 AI 编程智能体管理面板。统一管理 Codex、Claude Code、Gemini CLI、CodeBuddy Code、Pi、OpenCode、KiloCode 与 OpenClaw，支持 Provider 切换、会话管理与任务编排。纯本地优先，你的智能体控制中心。**
 
 <p>
   <a href="https://sakurabytecore.github.io/codexmate/">[项目文档]</a>
@@ -48,7 +48,7 @@
 
 你是否曾因管理多个本地 AI 智能体而感到疲惫？每个工具都有自己的配置格式、会话存储和 Skills 目录。
 
-**Codex Mate** 提供了一个统一的控制平面，让混乱重归有序。这是一个本地优先的 CLI + Web UI，旨在无缝管理 [Codex](https://github.com/openai/codex)、[Claude Code](https://github.com/anthropic-ai/claude-code)、[OpenCode](https://opencode.ai/) 和 [OpenClaw](https://github.com/moeru-ai/openclaw)。
+**Codex Mate** 提供了一个统一的控制平面，让混乱重归有序。这是一个本地优先的 CLI + Web UI，旨在无缝管理 [Codex](https://github.com/openai/codex)、[Claude Code](https://github.com/anthropic-ai/claude-code)、[OpenCode](https://opencode.ai/)、KiloCode 和 [OpenClaw](https://github.com/moeru-ai/openclaw)。
 
 ### 有什么独特之处？
 
@@ -68,7 +68,7 @@
 
 | 特性 | 状态 | 描述 |
 | --- | --- | --- |
-| **Provider 管理** | ✅ | 切换 Codex、Claude、OpenCode 和 OpenClaw 的 provider/model |
+| **Provider 管理** | ✅ | 切换 Codex、Claude、OpenCode、KiloCode 和 OpenClaw 的 provider/model |
 | **状态实时同步** | ✅ | 实时感知 Codex/Claude 的配置与运行状态变更 |
 | **会话浏览器** | ✅ | 跨 Codex、Claude Code、Gemini CLI、CodeBuddy Code 与 Pi 的本地会话进行检索、预览、筛选与导出 |
 | **Usage 统计** | ✅ | 可视化消息趋势与热门项目统计 |
@@ -127,7 +127,10 @@ curl -fsSL https://raw.githubusercontent.com/SakuraByteCore/codexmate/main/scrip
 - **Claude Code**: `npm install -g @anthropic-ai/claude-code`
 - **Gemini CLI**: `npm install -g @google/gemini-cli`
 - **CodeBuddy**: `npm install -g @tencent-ai/codebuddy-code`
+- **KiloCode**: `npm install -g @kilocode/cli`（`kilo` / `kilocode`）
 - **OpenCode**: 参照 [OpenCode 官方文档](https://opencode.ai/) 安装
+- **OpenClaw**: 参见 [OpenClaw 仓库](https://github.com/moeru-ai/openclaw)
+- **Pi**: 会话从 `~/.pi/agent/sessions` 自动发现
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/skills/{codexmate-project-context-recovery → context-recovery}/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: codexmate-project-context-recovery
+name: context-recovery
 description: Recovers project handoff context from local Codex, Claude Code, Gemini, CodeBuddy, and codexmate-derived sessions. Use when the user asks what happened in prior project/PR/branch/file/error work, needs a handoff brief, wants old decisions or validations recovered, or asks to summarize cross-session project activity with evidence.
 ---
 
@@ -13,7 +13,7 @@ Old sessions are historical evidence. Mutable facts such as PR state, CI, releas
 
 ## Quick Start
 
-Generate a context brief first. Resolve `scripts/search_sessions.py` relative to this skill directory; after npm installation the full package path is `node_modules/codexmate/skills/codexmate-project-context-recovery/scripts/search_sessions.py`.
+Generate a context brief first. Resolve `scripts/search_sessions.py` relative to this skill directory; after npm installation the full package path is `node_modules/codexmate/skills/context-recovery/scripts/search_sessions.py`.
 
 ```bash
 python3 scripts/search_sessions.py "SakuraByteCore/codexmate feat/task-orchestration-tab" --mode brief --source all --path-filter codexmate --match all --format text --limit 8

package/web-ui/modules/app.methods.session-actions.mjs

@@ -308,10 +308,37 @@ export function createSessionActionMethods(options = {}) {
 
         setSessionTrashEnabled(value) {
             const enabled = this.normalizeSessionTrashEnabled(value);
+            const changed = this.sessionTrashEnabled !== enabled;
             this.sessionTrashEnabled = enabled;
             if (typeof this.persistWebUiPreferences === 'function') {
                 this.persistWebUiPreferences({ sessionTrashEnabled: enabled });
             }
+            // 关闭/开启回收站后立即反映当前状态，无需用户手动刷新
+            if (changed && typeof this.applySessionTrashEnabledChange === 'function') {
+                this.applySessionTrashEnabledChange(enabled);
+            }
+        },
+
+        applySessionTrashEnabledChange(enabled) {
+            if (typeof this.invalidateSessionTrashRequests === 'function') {
+                this.invalidateSessionTrashRequests();
+            }
+            if (enabled) {
+                // 重新开启：立即拉取最新回收站内容
+                if (typeof this.loadSessionTrash === 'function') {
+                    void this.loadSessionTrash({ forceRefresh: true });
+                }
+            } else {
+                // 关闭回收站：即时清空已展示的列表与计数，避免残留陈旧数据需手动刷新
+                this.sessionTrashItems = [];
+                this.sessionTrashVisibleCount = 0;
+                this.sessionTrashTotalCount = 0;
+                this.sessionTrashCountLoadedOnce = false;
+                this.sessionTrashLoadedOnce = false;
+                this.sessionTrashLastLoadFailed = false;
+                this.sessionTrashRestoring = {};
+                this.sessionTrashPurging = {};
+            }
         },
 
         setSessionTimelineStyle(style) {

package/web-ui/modules/app.methods.session-trash.mjs

@@ -89,6 +89,11 @@ export function createSessionTrashMethods(options = {}) {
         },
 
         getSessionTrashViewState() {
+            const trashEnabled = this.sessionTrashEnabled !== false;
+            // 回收站已关闭：即便残留旧列表也只展示已禁用态，不展示陈旧内容
+            if (!trashEnabled) {
+                return 'disabled';
+            }
             if (this.sessionTrashLoading && !this.sessionTrashLoadedOnce) {
                 return 'loading';
             }

package/web-ui/modules/i18n/locales/en.mjs

@@ -42,6 +42,8 @@ const en = Object.freeze({
     'common.refresh': 'Refresh',
     'common.refreshing': 'Refreshing...',
     'common.loading': 'Loading...',
+    'common.menu': 'Menu',
+    'common.registry': 'Registry',
     'common.saving': 'Saving...',
     'common.sending': 'Sending...',
     'common.scanning': 'Scanning...',
@@ -68,6 +70,7 @@ const en = Object.freeze({
     'common.notConfigured': 'Not configured',
     'common.enabled': 'Enabled',
     'common.disabled': 'Disabled',
+    'common.retry': 'Retry',
     'cli.missing.title': '{name} CLI not installed',
     'cli.missing.subtitle': 'Install {name} CLI before using this page.',
     'cli.missing.openDocs': 'Open install guide',
@@ -89,6 +92,7 @@ const en = Object.freeze({
     'field.apiEndpoint': 'API endpoint',
     'field.apiKey': 'API key',
     'field.baseUrl': 'Base URL',
+    'field.url': 'URL',
     'field.provider': 'Provider',
     'field.providerName': 'Provider name',
     'field.modelName': 'Model name',
@@ -459,6 +463,7 @@ const en = Object.freeze({
     'toast.templates.builtinNotDuplicable': 'Built-in templates cannot be duplicated',
     'toast.templates.builtinNotDeletable': 'Built-in templates cannot be deleted',
     'toast.operation.success': 'Operation successful',
+    'toast.operation.fail': 'Operation failed',
     'toast.load.fail': 'Failed to load file',
     'toast.apply.success': 'Configuration applied',
     'toast.apply.fail': 'Failed to apply configuration',
@@ -915,6 +920,11 @@ const en = Object.freeze({
     'config.template.editFirst': 'Edit template first, then apply.',
     'config.template.bridgeCodexOnly': '{hint} template is editable in Codex mode only.',
     'config.localBridge.enabledCount': '{enabled}/{total} enabled',
+    'config.localBridge.poolSettings': 'Pool settings',
+    'config.localBridge.poolHint': 'Select candidate providers to join load balancing.',
+    'config.localBridge.noProviders': 'No candidate providers available. Add a direct provider first.',
+    'config.transformProvider.title': 'Using transform provider',
+    'config.providerBridgeHint': '{label} bridge mode',
     'config.template.openEditor': 'Open template editor',
     'modal.configTemplate.title': 'Config template editor (manual confirm)',
     'modal.configTemplate.placeholder': 'Edit config.toml template here',
@@ -1319,6 +1329,8 @@ const en = Object.freeze({
     'settings.claude.meta': 'Backup / import ~/.claude',
     'settings.codex.title': 'Codex config',
     'settings.codex.meta': 'Backup / import ~/.codex',
+    'settings.backup.title': 'Data backup',
+    'settings.backup.meta': 'Export / import Claude and Codex config',
     'settings.backup.progress': 'Backing up {percent}%',
     'settings.backup.oneClickClaude': 'Backup ~/.claude',
     'settings.backup.importClaude': 'Import ~/.claude backup',
@@ -1384,6 +1396,12 @@ const en = Object.freeze({
     'settings.trash.retentionLabel': 'Retention days',
     'settings.trash.retentionUnit': 'days',
     'settings.trash.retentionHint': 'Range 1-365 days, default 30. Expired entries are purged on each trash load.',
+    'settings.trash.count': '{count} item(s)',
+    'settings.trash.retentionShort': 'Kept {days} days',
+    'settings.trash.disabled': 'Trash is disabled',
+    'settings.trash.disabledHint': 'Deleted sessions are permanently removed and no longer move to trash.',
+    'settings.trash.clearShort': 'Clear',
+    'settings.trash.loadMoreItems': 'Load more (remaining {count})',
 
     'settings.webhook.title': 'Webhook',
     'settings.webhook.meta': 'Send event notifications to an external service',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -43,6 +43,8 @@ const ja = Object.freeze({
     'common.refresh': '更新',
     'common.refreshing': '更新中...',
     'common.loading': '読み込み中...',
+    'common.menu': 'メニュー',
+    'common.registry': 'レジストリ',
     'common.saving': '保存中...',
     'common.sending': '送信中...',
     'common.scanning': 'スキャン中...',
@@ -69,6 +71,7 @@ const ja = Object.freeze({
     'common.notConfigured': '未設定',
     'common.enabled': '有効',
     'common.disabled': '無効',
+    'common.retry': '再試行',
     'cli.missing.title': '{name} CLI がインストールされていません',
     'cli.missing.subtitle': '{name} CLI をインストールしてからこのページをご利用ください。',
     'cli.missing.openDocs': 'インストールガイドを開く',
@@ -90,6 +93,7 @@ const ja = Object.freeze({
     'field.apiEndpoint': 'API エンドポイント',
     'field.apiKey': '認証キー',
     'field.baseUrl': 'Base URL',
+    'field.url': 'URL',
     'field.provider': 'プロバイダー',
     'field.providerName': 'プロバイダー名',
     'field.modelName': 'モデル名',
@@ -465,6 +469,7 @@ const ja = Object.freeze({
     'toast.templates.deleteConfirm': '削除',
     'toast.templates.deleteCancel': 'キャンセル',
     'toast.operation.success': '操作が成功しました',
+    'toast.operation.fail': '操作に失敗しました',
     'toast.load.fail': 'ファイルの読み込みに失敗しました',
     'toast.apply.success': '設定が適用されました',
     'toast.apply.fail': '設定の適用に失敗しました',
@@ -666,6 +671,20 @@ const ja = Object.freeze({
     'sessions.preview.moving': '移動中...',
     'sessions.preview.export': 'エクスポート',
     'sessions.preview.exporting': 'エクスポート中...',
+    'sessions.preview.importNative': 'ネイティブディレクトリへインポート',
+    'sessions.preview.importingNative': 'インポート中...',
+    'sessions.preview.importNative.unsupported': 'この操作はサポートされていません',
+    'sessions.preview.importNative.confirmTitle': 'ネイティブセッションファイルを上書きしますか？',
+    'sessions.preview.importNative.confirmMessage': 'ネイティブセッションファイルが既に存在します。上書きすると、対象ツールのネイティブディレクトリ内の同名セッションが置き換えられます。',
+    'sessions.preview.importNative.confirmText': '上書き',
+    'sessions.preview.importNative.cancelled': 'インポートをキャンセルしました',
+    'sessions.preview.importNative.conflict': 'ネイティブセッションは既に存在します',
+    'sessions.preview.importNative.invalidSource': 'セッションソースが無効です',
+    'sessions.preview.importNative.fileNotFound': 'セッションファイルが見つかりません',
+    'sessions.preview.importNative.nativePathUnavailable': 'ネイティブセッションパスを解析できません',
+    'sessions.preview.importNative.success': 'ネイティブディレクトリへインポートしました',
+    'sessions.preview.importNative.failed': 'インポート失敗',
+    'sessions.preview.importNative.failedWithReason': 'ネイティブへのインポートに失敗しました：{reason}',
     'sessions.preview.convert': '派生セッションを生成',
     'sessions.preview.converting': '変換中...',
     'sessions.preview.convert.loadedOnly': '読み込み済みのみ変換',
@@ -904,6 +923,11 @@ const ja = Object.freeze({
     'config.template.editFirst': '先にテンプレートを編集してから適用してください。',
     'config.template.bridgeCodexOnly': '{hint} テンプレートは Codex のみ編集可能です。',
     'config.localBridge.enabledCount': '{enabled}/{total} 件有効',
+    'config.localBridge.poolSettings': 'プール設定',
+    'config.localBridge.poolHint': '負荷分散に参加する候補プロバイダーを選択してください。',
+    'config.localBridge.noProviders': '利用可能な候補プロバイダーがありません。先に直接プロバイダーを追加してください。',
+    'config.transformProvider.title': '変換プロバイダーを使用',
+    'config.providerBridgeHint': '{label} ブリッジモード',
     'config.template.openEditor': 'テンプレートエディタを開く',
     'modal.configTemplate.title': 'Config テンプレートエディタ（手動確認適用）',
     'modal.configTemplate.placeholder': 'ここに config.toml テンプレート内容を編集してください',
@@ -1374,6 +1398,12 @@ const ja = Object.freeze({
     'settings.trash.retentionLabel': '保持日数',
     'settings.trash.retentionUnit': '日',
     'settings.trash.retentionHint': '範囲 1-365 日、デフォルト 30 日。ゴミ箱読み込み時に期限切れレコードを自動クリーンアップします。',
+    'settings.trash.count': '全 {count} 件',
+    'settings.trash.retentionShort': '保持 {days} 日',
+    'settings.trash.disabled': 'ゴミ箱は無効です',
+    'settings.trash.disabledHint': '削除済みセッションは直接完全削除され、ゴミ箱に移動しません。',
+    'settings.trash.clearShort': '空にする',
+    'settings.trash.loadMoreItems': 'さらに読み込む（残り {count} 件）',
 
     'settings.webhook.title': 'Webhook',
     'settings.webhook.meta': 'イベント通知を外部サービスへ送信',
@@ -1499,6 +1529,8 @@ const ja = Object.freeze({
 
     // OpenClaw config panel
     'openclaw.applyHint': '~/.openclaw/openclaw.json に書き込みます。JSON5 対応。',
+    'openclaw.workspace.title': 'OpenClaw ワークスペース',
+    'openclaw.configs.hint': 'よく使う設定を選択、またはエディタで完全な JSON5 を維持します。',
     'openclaw.agents.hint': 'Workspace の AGENTS.md を読み書きします。デフォルトパス ~/.openclaw/workspace/AGENTS.md。',
     'openclaw.agents.open': 'AGENTS.md を開く',
     'openclaw.workspaceFile': 'ワークスペースファイル',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -51,6 +51,8 @@ const vi = Object.freeze({
     'common.refresh': 'Làm mới',
     'common.refreshing': 'Đang làm mới...',
     'common.loading': 'Đang tải...',
+    'common.menu': 'Menu',
+    'common.registry': 'Nguồn',
     'common.saving': 'Đang lưu...',
     'common.sending': 'Đang gửi...',
     'common.scanning': 'Đang quét...',
@@ -78,6 +80,7 @@ const vi = Object.freeze({
     'common.notConfigured': 'Chưa cấu hình',
     'common.enabled': 'Đã bật',
     'common.disabled': 'Đã tắt',
+    'common.retry': 'Thử lại',
     'common.notSelected': 'Chưa chọn',
 
     // Roles / labels
@@ -152,6 +155,11 @@ const vi = Object.freeze({
     'side.system.settings.meta': 'Dữ liệu / Sao lưu',
     'side.newTab': 'Tab mới',
     'config.localBridge.enabledCount': 'Đã bật {enabled}/{total}',
+    'config.localBridge.poolSettings': 'Cài đặt pool',
+    'config.localBridge.poolHint': 'Chọn nhà cung cấp ứng viên tham gia cân bằng tải.',
+    'config.localBridge.noProviders': 'Không có nhà cung cấp ứng viên. Vui lòng thêm nhà cung cấp trực tiếp trước.',
+    'config.transformProvider.title': 'Đang dùng nhà cung cấp biến đổi',
+    'config.providerBridgeHint': 'Chế độ cầu nối {label}',
     'toolConfig.allow': 'Cho phép ghi',
     'toolConfig.viewOnly': 'Chỉ đọc',
     'toolConfig.enableWrite': 'Bật ghi',
@@ -434,6 +442,7 @@ const vi = Object.freeze({
     'toast.delete.ok': 'Đã xóa',
     'toast.delete.fail': 'Xóa thất bại',
     'toast.operation.success': 'Thao tác thành công',
+    'toast.operation.fail': 'Thao tác thất bại',
     'toast.load.fail': 'Tải tệp thất bại',
     'toast.apply.success': 'Đã áp dụng cấu hình',
     'toast.apply.fail': 'Áp dụng cấu hình thất bại',
@@ -530,6 +539,7 @@ const vi = Object.freeze({
     'field.apiEndpoint': 'API endpoint',
     'field.apiKey': 'API key',
     'field.baseUrl': 'Base URL',
+    'field.url': 'URL',
     'field.provider': 'Nhà cung cấp',
     'field.providerName': 'Tên nhà cung cấp',
     'field.modelName': 'Tên model',
@@ -1400,6 +1410,12 @@ const vi = Object.freeze({
     'settings.trash.retentionMeta': 'Mục trong thùng rác cũ hơn số ngày lưu giữ sẽ tự động bị xóa',
     'settings.trash.retentionLabel': 'Số ngày lưu giữ',
     'settings.trash.retentionHint': 'Phạm vi 1-365 ngày, mặc định 30. Mục hết hạn bị xóa khi tải thùng rác.',
+    'settings.trash.count': 'Tổng {count} mục',
+    'settings.trash.retentionShort': 'Lưu {days} ngày',
+    'settings.trash.disabled': 'Thùng rác đã tắt',
+    'settings.trash.disabledHint': 'Phiên đã xóa sẽ bị xóa vĩnh viễn, không chuyển vào thùng rác nữa.',
+    'settings.trash.clearShort': 'Làm trống',
+    'settings.trash.loadMoreItems': 'Tải thêm (còn lại {count})',
     'settings.templateConfirm.title': 'Xác nhận áp dụng template',
     'settings.templateConfirm.meta': 'Giảm ghi nhầm',
     'settings.templateConfirm.toggle': 'Xem trước diff trước khi áp dụng (Xác nhận → Áp dụng)',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -42,6 +42,8 @@ const zhTw = Object.freeze({
     'common.refresh': '重新整理',
     'common.refreshing': '重新整理中...',
     'common.loading': '載入中...',
+    'common.menu': '選單',
+    'common.registry': '鏡像源',
     'common.saving': '保存中...',
     'common.sending': '發送中...',
     'common.scanning': '掃描中...',
@@ -68,6 +70,7 @@ const zhTw = Object.freeze({
     'common.notConfigured': '未設定',
     'common.enabled': '已啟用',
     'common.disabled': '已停用',
+    'common.retry': '重試',
     'cli.missing.title': '{name} CLI 未安裝',
     'cli.missing.subtitle': '請先安裝 {name} CLI 後再繼續使用此頁面。',
     'cli.missing.openDocs': '打開安裝指南',
@@ -89,6 +92,7 @@ const zhTw = Object.freeze({
     'field.apiEndpoint': 'API 端點',
     'field.apiKey': '認證密鑰',
     'field.baseUrl': 'Base URL',
+    'field.url': 'URL',
     'field.provider': '提供商',
     'field.providerName': 'Provider 名稱',
     'field.modelName': '模型名稱',
@@ -463,6 +467,7 @@ const zhTw = Object.freeze({
     'toast.templates.deleteConfirm': '刪除',
     'toast.templates.deleteCancel': '取消',
     'toast.operation.success': '操作成功',
+    'toast.operation.fail': '操作失敗',
     'toast.load.fail': '載入文件失敗',
     'toast.apply.success': '設定已應用',
     'toast.apply.fail': '應用設定失敗',
@@ -914,6 +919,11 @@ const zhTw = Object.freeze({
     'config.template.editFirst': '先改模板，再應用。',
     'config.template.bridgeCodexOnly': '{hint} 模板僅限 Codex 編輯。',
     'config.localBridge.enabledCount': '已啟用 {enabled}/{total}',
+    'config.localBridge.poolSettings': '輪詢池設定',
+    'config.localBridge.poolHint': '選擇參與負載均衡的候選提供商。',
+    'config.localBridge.noProviders': '暫無可用候選提供商，請先新增直連提供商。',
+    'config.transformProvider.title': '使用轉換提供商',
+    'config.providerBridgeHint': '{label} 橋接模式',
     'config.template.openEditor': '打開模板編輯器',
     'modal.configTemplate.title': 'Config 模板編輯器（手動確認應用）',
     'modal.configTemplate.placeholder': '在這裡編輯 config.toml 模板內容',
@@ -1384,6 +1394,12 @@ const zhTw = Object.freeze({
     'settings.trash.retentionLabel': '保留天數',
     'settings.trash.retentionUnit': '天',
     'settings.trash.retentionHint': '範圍 1-365 天，預設 30 天。每次載入回收站時自動清理過期記錄。',
+    'settings.trash.count': '共 {count} 項',
+    'settings.trash.retentionShort': '保留 {days} 天',
+    'settings.trash.disabled': '回收站已關閉',
+    'settings.trash.disabledHint': '已刪除的工作階段將直接永久刪除，不再進入回收站。',
+    'settings.trash.clearShort': '清空',
+    'settings.trash.loadMoreItems': '載入更多（剩餘 {count} 項）',
 
     'settings.webhook.title': 'Webhook',
     'settings.webhook.meta': '發送事件通知到外部服務',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -42,6 +42,8 @@ const zh = Object.freeze({
     'common.refresh': '刷新',
     'common.refreshing': '刷新中...',
     'common.loading': '加载中...',
+    'common.menu': '菜单',
+    'common.registry': '镜像源',
     'common.saving': '保存中...',
     'common.sending': '发送中...',
     'common.scanning': '扫描中...',
@@ -68,6 +70,7 @@ const zh = Object.freeze({
     'common.notConfigured': '未配置',
     'common.enabled': '已启用',
     'common.disabled': '已禁用',
+    'common.retry': '重试',
     'cli.missing.title': '{name} CLI 未安装',
     'cli.missing.subtitle': '请先安装 {name} CLI 后再继续使用此页面。',
     'cli.missing.openDocs': '打开安装指南',
@@ -89,6 +92,7 @@ const zh = Object.freeze({
     'field.apiEndpoint': 'API 端点',
     'field.apiKey': '认证密钥',
     'field.baseUrl': 'Base URL',
+    'field.url': 'URL',
     'field.provider': '提供商',
     'field.providerName': 'Provider 名称',
     'field.modelName': '模型名称',
@@ -463,6 +467,7 @@ const zh = Object.freeze({
     'toast.templates.deleteConfirm': '删除',
     'toast.templates.deleteCancel': '取消',
     'toast.operation.success': '操作成功',
+    'toast.operation.fail': '操作失败',
     'toast.load.fail': '加载文件失败',
     'toast.apply.success': '配置已应用',
     'toast.apply.fail': '应用配置失败',
@@ -914,6 +919,11 @@ const zh = Object.freeze({
     'config.template.editFirst': '先改模板，再应用。',
     'config.template.bridgeCodexOnly': '{hint} 模板仅限 Codex 编辑。',
     'config.localBridge.enabledCount': '已启用 {enabled}/{total}',
+    'config.localBridge.poolSettings': '轮询池设置',
+    'config.localBridge.poolHint': '选择参与负载均衡的候选提供商。',
+    'config.localBridge.noProviders': '暂无可用候选提供商，请先添加直连提供商。',
+    'config.transformProvider.title': '使用转换提供商',
+    'config.providerBridgeHint': '{label} 桥接模式',
     'config.template.openEditor': '打开模板编辑器',
     'modal.configTemplate.title': 'Config 模板编辑器（手动确认应用）',
     'modal.configTemplate.placeholder': '在这里编辑 config.toml 模板内容',
@@ -1384,6 +1394,12 @@ const zh = Object.freeze({
     'settings.trash.retentionLabel': '保留天数',
     'settings.trash.retentionUnit': '天',
     'settings.trash.retentionHint': '范围 1-365 天，默认 30 天。每次加载回收站时自动清理过期记录。',
+    'settings.trash.count': '共 {count} 项',
+    'settings.trash.retentionShort': '保留 {days} 天',
+    'settings.trash.disabled': '回收站已关闭',
+    'settings.trash.disabledHint': '已删除的会话将直接永久删除，不再进入回收站。',
+    'settings.trash.clearShort': '清空',
+    'settings.trash.loadMoreItems': '加载更多（剩余 {count} 项）',
 
     'settings.webhook.title': 'Webhook',
     'settings.webhook.meta': '发送事件通知到外部服务',

package/web-ui/partials/index/panel-settings.html

@@ -185,29 +185,6 @@
                                     </button>
                                 </div>
                             </section>
-
-                            <section class="settings-card" :aria-label="t('settings.trashConfig.title')">
-                                <div class="settings-card-main">
-                                    <div class="settings-card-content">
-                                        <div class="settings-card-title">{{ t('settings.trashConfig.title') }}</div>
-                                        <p class="settings-card-desc">{{ t('settings.trashConfig.meta') }}</p>
-                                        <label class="settings-toggle-row">
-                                            <input type="checkbox" :checked="sessionTrashEnabled" @change="setSessionTrashEnabled($event.target.checked)">
-                                            <span class="toggle-track">
-                                                <span class="toggle-thumb"></span>
-                                            </span>
-                                            <span>{{ t('settings.deleteBehavior.toggle') }}</span>
-                                        </label>
-                                        <div class="settings-retention">
-                                            <label for="settings-trash-retention-days">{{ t('settings.trash.retentionLabel') }}</label>
-                                            <input id="settings-trash-retention-days" type="number" min="1" max="365" :value="sessionTrashRetentionDays" @change="setSessionTrashRetentionDays(Number($event.target.value))" class="settings-retention-input" />
-                                            <span>{{ t('settings.trash.retentionUnit') }}</span>
-                                        </div>
-                                        <p class="settings-card-hint">{{ t('settings.trash.retentionHint') }}</p>
-                                    </div>
-                                </div>
-                            </section>
-
                             <section class="settings-card settings-card--destructive" :aria-label="t('settings.reset.title')">
                                 <div class="settings-card-main">
                                     <div class="settings-card-content">

package/web-ui/partials/index/panel-trash.html

@@ -6,8 +6,43 @@
                     role="tabpanel"
                     aria-labelledby="tab-trash">
                     <div v-if="!loading" class="trash-panel-shell">
+                        <!-- Trash configuration -->
+                        <section class="settings-card trash-config-card" :aria-label="t('settings.trashConfig.title')">
+                            <div class="settings-card-main">
+                                <div class="settings-card-content">
+                                    <div class="settings-card-title">{{ t('settings.trashConfig.title') }}</div>
+                                    <p class="settings-card-desc">{{ t('settings.trashConfig.meta') }}</p>
+                                    <label class="settings-toggle-row">
+                                        <input type="checkbox" :checked="sessionTrashEnabled" @change="setSessionTrashEnabled($event.target.checked)">
+                                        <span class="toggle-track">
+                                            <span class="toggle-thumb"></span>
+                                        </span>
+                                        <span>{{ t('settings.deleteBehavior.toggle') }}</span>
+                                    </label>
+                                    <div class="settings-retention">
+                                        <label for="settings-trash-retention-days">{{ t('settings.trash.retentionLabel') }}</label>
+                                        <input id="settings-trash-retention-days" type="number" min="1" max="365" :value="sessionTrashRetentionDays" @change="setSessionTrashRetentionDays(Number($event.target.value))" class="settings-retention-input" />
+                                        <span>{{ t('settings.trash.retentionUnit') }}</span>
+                                    </div>
+                                    <p class="settings-card-hint">{{ t('settings.trash.retentionHint') }}</p>
+                                </div>
+                            </div>
+                        </section>
+
+                        <!-- Disabled state -->
+                        <div v-if="getSessionTrashViewState() === 'disabled'" class="trash-empty-state trash-disabled-state">
+                            <svg class="trash-empty-svg" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="1.2">
+                                <path d="M20 22l4 32h16l4-32" />
+                                <path d="M14 22h36" />
+                                <path d="M24 22v-4a4 4 0 014-4h8a4 4 0 014 4v4" />
+                                <path d="M10 10l44 44" stroke-width="2" stroke-linecap="round" />
+                            </svg>
+                            <div class="trash-empty-title">{{ t('settings.trash.disabled') }}</div>
+                            <div class="trash-empty-hint">{{ t('settings.trash.disabledHint') }}</div>
+                        </div>
+
                         <!-- Empty state -->
-                        <div v-if="getSessionTrashViewState() === 'empty'" class="trash-empty-state">
+                        <div v-else-if="getSessionTrashViewState() === 'empty'" class="trash-empty-state">
                             <svg class="trash-empty-svg" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="1.2">
                                 <path d="M20 22l4 32h16l4-32"/>
                                 <path d="M14 22h36"/>

package/web-ui/res/web-ui-render.precompiled.js

@@ -5886,42 +5886,6 @@ return function render(_ctx, _cache) {
                     }, _toDisplayString(_ctx.providerCacheSyncing ? _ctx.t('settings.providerCache.syncing') : _ctx.t('settings.providerCache.sync')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                   ])
                 ], 8 /* PROPS */, ["aria-label"]),
-                _createElementVNode("section", {
-                  class: "settings-card",
-                  "aria-label": _ctx.t('settings.trashConfig.title')
-                }, [
-                  _createElementVNode("div", { class: "settings-card-main" }, [
-                    _createElementVNode("div", { class: "settings-card-content" }, [
-                      _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.trashConfig.title')), 1 /* TEXT */),
-                      _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.trashConfig.meta')), 1 /* TEXT */),
-                      _createElementVNode("label", { class: "settings-toggle-row" }, [
-                        _createElementVNode("input", {
-                          type: "checkbox",
-                          checked: _ctx.sessionTrashEnabled,
-                          onChange: $event => (_ctx.setSessionTrashEnabled($event.target.checked))
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
-                        _createElementVNode("span", { class: "toggle-track" }, [
-                          _createElementVNode("span", { class: "toggle-thumb" })
-                        ]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.deleteBehavior.toggle')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("div", { class: "settings-retention" }, [
-                        _createElementVNode("label", { for: "settings-trash-retention-days" }, _toDisplayString(_ctx.t('settings.trash.retentionLabel')), 1 /* TEXT */),
-                        _createElementVNode("input", {
-                          id: "settings-trash-retention-days",
-                          type: "number",
-                          min: "1",
-                          max: "365",
-                          value: _ctx.sessionTrashRetentionDays,
-                          onChange: $event => (_ctx.setSessionTrashRetentionDays(Number($event.target.value))),
-                          class: "settings-retention-input"
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange"]),
-                        _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.trash.retentionUnit')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.trash.retentionHint')), 1 /* TEXT */)
-                    ])
-                  ])
-                ], 8 /* PROPS */, ["aria-label"]),
                 _createElementVNode("section", {
                   class: "settings-card settings-card--destructive",
                   "aria-label": _ctx.t('settings.reset.title')
@@ -5958,11 +5922,48 @@ return function render(_ctx, _cache) {
                   key: 0,
                   class: "trash-panel-shell"
                 }, [
-                  _createCommentVNode(" Empty state "),
-                  (_ctx.getSessionTrashViewState() === 'empty')
+                  _createCommentVNode(" Trash configuration "),
+                  _createElementVNode("section", {
+                    class: "settings-card trash-config-card",
+                    "aria-label": _ctx.t('settings.trashConfig.title')
+                  }, [
+                    _createElementVNode("div", { class: "settings-card-main" }, [
+                      _createElementVNode("div", { class: "settings-card-content" }, [
+                        _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.trashConfig.title')), 1 /* TEXT */),
+                        _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.trashConfig.meta')), 1 /* TEXT */),
+                        _createElementVNode("label", { class: "settings-toggle-row" }, [
+                          _createElementVNode("input", {
+                            type: "checkbox",
+                            checked: _ctx.sessionTrashEnabled,
+                            onChange: $event => (_ctx.setSessionTrashEnabled($event.target.checked))
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["checked", "onChange"]),
+                          _createElementVNode("span", { class: "toggle-track" }, [
+                            _createElementVNode("span", { class: "toggle-thumb" })
+                          ]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.deleteBehavior.toggle')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("div", { class: "settings-retention" }, [
+                          _createElementVNode("label", { for: "settings-trash-retention-days" }, _toDisplayString(_ctx.t('settings.trash.retentionLabel')), 1 /* TEXT */),
+                          _createElementVNode("input", {
+                            id: "settings-trash-retention-days",
+                            type: "number",
+                            min: "1",
+                            max: "365",
+                            value: _ctx.sessionTrashRetentionDays,
+                            onChange: $event => (_ctx.setSessionTrashRetentionDays(Number($event.target.value))),
+                            class: "settings-retention-input"
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "onChange"]),
+                          _createElementVNode("span", null, _toDisplayString(_ctx.t('settings.trash.retentionUnit')), 1 /* TEXT */)
+                        ]),
+                        _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.trash.retentionHint')), 1 /* TEXT */)
+                      ])
+                    ])
+                  ], 8 /* PROPS */, ["aria-label"]),
+                  _createCommentVNode(" Disabled state "),
+                  (_ctx.getSessionTrashViewState() === 'disabled')
                     ? (_openBlock(), _createElementBlock("div", {
                         key: 0,
-                        class: "trash-empty-state"
+                        class: "trash-empty-state trash-disabled-state"
                       }, [
                         (_openBlock(), _createElementBlock("svg", {
                           class: "trash-empty-svg",
@@ -5975,158 +5976,182 @@ return function render(_ctx, _cache) {
                           _createElementVNode("path", { d: "M14 22h36" }),
                           _createElementVNode("path", { d: "M24 22v-4a4 4 0 014-4h8a4 4 0 014 4v4" }),
                           _createElementVNode("path", {
-                            d: "M28 30v16M36 30v16",
-                            "stroke-width": "1.6",
+                            d: "M10 10l44 44",
+                            "stroke-width": "2",
                             "stroke-linecap": "round"
                           })
                         ])),
-                        _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.empty')), 1 /* TEXT */),
-                        _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.emptyHint', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
+                        _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.disabled')), 1 /* TEXT */),
+                        _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.disabledHint')), 1 /* TEXT */)
                       ]))
-                    : (_ctx.getSessionTrashViewState() === 'loading')
+                    : (_ctx.getSessionTrashViewState() === 'empty')
                       ? (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-                          _createCommentVNode(" Loading state "),
+                          _createCommentVNode(" Empty state "),
                           _createElementVNode("div", { class: "trash-empty-state" }, [
-                            _createElementVNode("div", { class: "trash-spinner" }),
-                            _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.loading')), 1 /* TEXT */)
+                            (_openBlock(), _createElementBlock("svg", {
+                              class: "trash-empty-svg",
+                              viewBox: "0 0 64 64",
+                              fill: "none",
+                              stroke: "currentColor",
+                              "stroke-width": "1.2"
+                            }, [
+                              _createElementVNode("path", { d: "M20 22l4 32h16l4-32" }),
+                              _createElementVNode("path", { d: "M14 22h36" }),
+                              _createElementVNode("path", { d: "M24 22v-4a4 4 0 014-4h8a4 4 0 014 4v4" }),
+                              _createElementVNode("path", {
+                                d: "M28 30v16M36 30v16",
+                                "stroke-width": "1.6",
+                                "stroke-linecap": "round"
+                              })
+                            ])),
+                            _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.empty')), 1 /* TEXT */),
+                            _createElementVNode("div", { class: "trash-empty-hint" }, _toDisplayString(_ctx.t('settings.trash.emptyHint', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
                           ])
                         ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
-                      : (_ctx.getSessionTrashViewState() === 'retry')
+                      : (_ctx.getSessionTrashViewState() === 'loading')
                         ? (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [
-                            _createCommentVNode(" Error state "),
+                            _createCommentVNode(" Loading state "),
                             _createElementVNode("div", { class: "trash-empty-state" }, [
-                              (_openBlock(), _createElementBlock("svg", {
-                                class: "trash-empty-svg",
-                                viewBox: "0 0 64 64",
-                                fill: "none",
-                                stroke: "currentColor",
-                                "stroke-width": "1.2"
-                              }, [
-                                _createElementVNode("circle", {
-                                  cx: "32",
-                                  cy: "32",
-                                  r: "22"
-                                }),
-                                _createElementVNode("path", {
-                                  d: "M32 20v16M32 44v2",
-                                  "stroke-width": "2",
-                                  "stroke-linecap": "round"
-                                })
-                              ])),
-                              _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.retry')), 1 /* TEXT */),
-                              _createElementVNode("button", {
-                                class: "btn-tool",
-                                onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true }))
-                              }, _toDisplayString(_ctx.t('common.retry')), 9 /* TEXT, PROPS */, ["onClick"])
+                              _createElementVNode("div", { class: "trash-spinner" }),
+                              _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.loading')), 1 /* TEXT */)
                             ])
                           ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
-                        : (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
-                            _createCommentVNode(" List state "),
-                            _createElementVNode("div", { class: "trash-toolbar" }, [
-                              _createElementVNode("div", { class: "trash-toolbar-left" }, [
-                                _createElementVNode("span", { class: "trash-toolbar-count" }, _toDisplayString(_ctx.t('settings.trash.count', { count: _ctx.sessionTrashCount })), 1 /* TEXT */),
-                                _createElementVNode("span", { class: "trash-toolbar-retention" }, _toDisplayString(_ctx.t('settings.trash.retentionShort', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
-                              ]),
-                              _createElementVNode("div", { class: "trash-toolbar-right" }, [
-                                _createElementVNode("button", {
-                                  class: "btn-mini",
-                                  onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true })),
-                                  disabled: _ctx.sessionTrashLoading,
-                                  "aria-label": _ctx.t('sessions.refresh'),
-                                  title: _ctx.t('sessions.refresh')
+                        : (_ctx.getSessionTrashViewState() === 'retry')
+                          ? (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
+                              _createCommentVNode(" Error state "),
+                              _createElementVNode("div", { class: "trash-empty-state" }, [
+                                (_openBlock(), _createElementBlock("svg", {
+                                  class: "trash-empty-svg",
+                                  viewBox: "0 0 64 64",
+                                  fill: "none",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.2"
                                 }, [
-                                  (_openBlock(), _createElementBlock("svg", {
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
+                                  _createElementVNode("circle", {
+                                    cx: "32",
+                                    cy: "32",
+                                    r: "22"
+                                  }),
+                                  _createElementVNode("path", {
+                                    d: "M32 20v16M32 44v2",
                                     "stroke-width": "2",
-                                    class: "btn-icon-sm"
-                                  }, [
-                                    _createElementVNode("path", { d: "M21 2v6h-6M3 12a9 9 0 0115-6.7L21 8M3 22v-6h6M21 12a9 9 0 01-15 6.7L3 16" })
-                                  ]))
-                                ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
+                                    "stroke-linecap": "round"
+                                  })
+                                ])),
+                                _createElementVNode("div", { class: "trash-empty-title" }, _toDisplayString(_ctx.t('settings.trash.retry')), 1 /* TEXT */),
                                 _createElementVNode("button", {
-                                  class: "btn-mini delete",
-                                  onClick: _ctx.clearSessionTrash,
-                                  disabled: _ctx.sessionTrashClearing || _ctx.sessionTrashLoading || !(Number(_ctx.sessionTrashCount) > 0)
-                                }, _toDisplayString(_ctx.sessionTrashClearing ? _ctx.t('settings.trash.clearing') : _ctx.t('settings.trash.clearShort')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                  class: "btn-tool",
+                                  onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true }))
+                                }, _toDisplayString(_ctx.t('common.retry')), 9 /* TEXT, PROPS */, ["onClick"])
                               ])
-                            ]),
-                            _createElementVNode("div", { class: "trash-list" }, [
-                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.visibleSessionTrashItems, (item) => {
-                                return (_openBlock(), _createElementBlock("div", {
-                                  key: item.trashId,
-                                  class: "trash-item"
-                                }, [
-                                  _createElementVNode("div", { class: "trash-item-body" }, [
-                                    _createElementVNode("div", { class: "trash-item-main" }, [
-                                      _createElementVNode("div", { class: "trash-item-title" }, _toDisplayString(item.title || item.sessionId), 1 /* TEXT */),
-                                      _createElementVNode("div", { class: "trash-item-meta" }, [
-                                        _createElementVNode("span", {
-                                          class: "session-source",
-                                          "data-source": item.source
-                                        }, _toDisplayString(item.sourceLabel), 9 /* TEXT, PROPS */, ["data-source"]),
-                                        _createElementVNode("span", { class: "trash-item-time" }, _toDisplayString(item.deletedAt || item.updatedAt || _ctx.t('sessions.unknownTime')), 1 /* TEXT */),
-                                        (item.cwd)
-                                          ? (_openBlock(), _createElementBlock("span", {
-                                              key: 0,
-                                              class: "trash-item-cwd"
-                                            }, _toDisplayString(item.cwd), 1 /* TEXT */))
-                                          : _createCommentVNode("v-if", true)
-                                      ])
-                                    ]),
-                                    _createElementVNode("div", { class: "trash-item-actions" }, [
-                                      _createElementVNode("button", {
-                                        class: "trash-action-btn restore",
-                                        onClick: $event => (_ctx.restoreSessionTrash(item)),
-                                        disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
-                                        "aria-label": _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore'),
-                                        title: _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore')
-                                      }, [
-                                        (_openBlock(), _createElementBlock("svg", {
-                                          viewBox: "0 0 24 24",
-                                          fill: "none",
-                                          stroke: "currentColor",
-                                          "stroke-width": "2"
+                            ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                          : (_openBlock(), _createElementBlock(_Fragment, { key: 4 }, [
+                              _createCommentVNode(" List state "),
+                              _createElementVNode("div", { class: "trash-toolbar" }, [
+                                _createElementVNode("div", { class: "trash-toolbar-left" }, [
+                                  _createElementVNode("span", { class: "trash-toolbar-count" }, _toDisplayString(_ctx.t('settings.trash.count', { count: _ctx.sessionTrashCount })), 1 /* TEXT */),
+                                  _createElementVNode("span", { class: "trash-toolbar-retention" }, _toDisplayString(_ctx.t('settings.trash.retentionShort', { days: _ctx.sessionTrashRetentionDays })), 1 /* TEXT */)
+                                ]),
+                                _createElementVNode("div", { class: "trash-toolbar-right" }, [
+                                  _createElementVNode("button", {
+                                    class: "btn-mini",
+                                    onClick: $event => (_ctx.loadSessionTrash({ forceRefresh: true })),
+                                    disabled: _ctx.sessionTrashLoading,
+                                    "aria-label": _ctx.t('sessions.refresh'),
+                                    title: _ctx.t('sessions.refresh')
+                                  }, [
+                                    (_openBlock(), _createElementBlock("svg", {
+                                      viewBox: "0 0 24 24",
+                                      fill: "none",
+                                      stroke: "currentColor",
+                                      "stroke-width": "2",
+                                      class: "btn-icon-sm"
+                                    }, [
+                                      _createElementVNode("path", { d: "M21 2v6h-6M3 12a9 9 0 0115-6.7L21 8M3 22v-6h6M21 12a9 9 0 01-15 6.7L3 16" })
+                                    ]))
+                                  ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
+                                  _createElementVNode("button", {
+                                    class: "btn-mini delete",
+                                    onClick: _ctx.clearSessionTrash,
+                                    disabled: _ctx.sessionTrashClearing || _ctx.sessionTrashLoading || !(Number(_ctx.sessionTrashCount) > 0)
+                                  }, _toDisplayString(_ctx.sessionTrashClearing ? _ctx.t('settings.trash.clearing') : _ctx.t('settings.trash.clearShort')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                ])
+                              ]),
+                              _createElementVNode("div", { class: "trash-list" }, [
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.visibleSessionTrashItems, (item) => {
+                                  return (_openBlock(), _createElementBlock("div", {
+                                    key: item.trashId,
+                                    class: "trash-item"
+                                  }, [
+                                    _createElementVNode("div", { class: "trash-item-body" }, [
+                                      _createElementVNode("div", { class: "trash-item-main" }, [
+                                        _createElementVNode("div", { class: "trash-item-title" }, _toDisplayString(item.title || item.sessionId), 1 /* TEXT */),
+                                        _createElementVNode("div", { class: "trash-item-meta" }, [
+                                          _createElementVNode("span", {
+                                            class: "session-source",
+                                            "data-source": item.source
+                                          }, _toDisplayString(item.sourceLabel), 9 /* TEXT, PROPS */, ["data-source"]),
+                                          _createElementVNode("span", { class: "trash-item-time" }, _toDisplayString(item.deletedAt || item.updatedAt || _ctx.t('sessions.unknownTime')), 1 /* TEXT */),
+                                          (item.cwd)
+                                            ? (_openBlock(), _createElementBlock("span", {
+                                                key: 0,
+                                                class: "trash-item-cwd"
+                                              }, _toDisplayString(item.cwd), 1 /* TEXT */))
+                                            : _createCommentVNode("v-if", true)
+                                        ])
+                                      ]),
+                                      _createElementVNode("div", { class: "trash-item-actions" }, [
+                                        _createElementVNode("button", {
+                                          class: "trash-action-btn restore",
+                                          onClick: $event => (_ctx.restoreSessionTrash(item)),
+                                          disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
+                                          "aria-label": _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore'),
+                                          title: _ctx.sessionTrashRestoring[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.restoring') : _ctx.t('settings.trash.restore')
                                         }, [
-                                          _createElementVNode("path", { d: "M3 12a9 9 0 119 9" }),
-                                          _createElementVNode("path", { d: "M3 4v6h6" })
-                                        ]))
-                                      ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
-                                      _createElementVNode("button", {
-                                        class: "trash-action-btn delete",
-                                        onClick: $event => (_ctx.purgeSessionTrash(item)),
-                                        disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
-                                        "aria-label": _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge'),
-                                        title: _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge')
-                                      }, [
-                                        (_openBlock(), _createElementBlock("svg", {
-                                          viewBox: "0 0 24 24",
-                                          fill: "none",
-                                          stroke: "currentColor",
-                                          "stroke-width": "2"
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("path", { d: "M3 12a9 9 0 119 9" }),
+                                            _createElementVNode("path", { d: "M3 4v6h6" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"]),
+                                        _createElementVNode("button", {
+                                          class: "trash-action-btn delete",
+                                          onClick: $event => (_ctx.purgeSessionTrash(item)),
+                                          disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing || _ctx.isSessionTrashActionBusy(item),
+                                          "aria-label": _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge'),
+                                          title: _ctx.sessionTrashPurging[_ctx.getSessionTrashActionKey(item)] ? _ctx.t('settings.trash.purging') : _ctx.t('settings.trash.purge')
                                         }, [
-                                          _createElementVNode("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6" })
-                                        ]))
-                                      ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"])
+                                          (_openBlock(), _createElementBlock("svg", {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2"
+                                          }, [
+                                            _createElementVNode("path", { d: "M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6" })
+                                          ]))
+                                        ], 8 /* PROPS */, ["onClick", "disabled", "aria-label", "title"])
+                                      ])
                                     ])
-                                  ])
-                                ]))
-                              }), 128 /* KEYED_FRAGMENT */)),
-                              (_ctx.sessionTrashHasMoreItems)
-                                ? (_openBlock(), _createElementBlock("div", {
-                                    key: 0,
-                                    class: "trash-list-footer"
-                                  }, [
-                                    _createElementVNode("button", {
-                                      class: "btn-tool btn-tool-compact",
-                                      onClick: _ctx.loadMoreSessionTrashItems,
-                                      disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing
-                                    }, _toDisplayString(_ctx.t('settings.trash.loadMoreItems', { count: _ctx.sessionTrashHiddenCount })), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                                   ]))
-                                : _createCommentVNode("v-if", true)
-                            ])
-                          ], 64 /* STABLE_FRAGMENT */))
+                                }), 128 /* KEYED_FRAGMENT */)),
+                                (_ctx.sessionTrashHasMoreItems)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 0,
+                                      class: "trash-list-footer"
+                                    }, [
+                                      _createElementVNode("button", {
+                                        class: "btn-tool btn-tool-compact",
+                                        onClick: _ctx.loadMoreSessionTrashItems,
+                                        disabled: _ctx.sessionTrashLoading || _ctx.sessionTrashClearing
+                                      }, _toDisplayString(_ctx.t('settings.trash.loadMoreItems', { count: _ctx.sessionTrashHiddenCount })), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                    ]))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ], 64 /* STABLE_FRAGMENT */))
                 ]))
               : _createCommentVNode("v-if", true)
           ], 512 /* NEED_PATCH */), [

package/web-ui/session-helpers.mjs

@@ -165,6 +165,15 @@ export function switchMainTab(tab) {
     ) {
         this.prepareSessionTabRender();
     }
+    const enteringTrashTab = nextTab === 'trash';
+    const shouldLoadTrashListOnTrashEnter = enteringTrashTab
+        && typeof this.loadSessionTrash === 'function'
+        && this.sessionTrashEnabled !== false;
+    if (shouldLoadTrashListOnTrashEnter) {
+        this.loadSessionTrash({
+            forceRefresh: !!this.sessionTrashLoadedOnce
+        });
+    }
     const shouldLoadTrashListOnSettingsEnter = nextTab === 'settings'
         && this.settingsTab === 'data'
         && typeof this.loadSessionTrash === 'function';

package/web-ui/styles/sessions-list.css

@@ -188,6 +188,7 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    vertical-align: middle;
     border-radius: var(--radius-sm);
     border: 1px solid var(--color-border-soft);
     background: var(--color-surface);
@@ -195,9 +196,11 @@
     cursor: pointer;
     transition: all 120ms var(--ease-spring);
     padding: 0;
+    line-height: 0;
 }
 
 .trash-action-btn svg {
+    display: block;
     width: 16px;
     height: 16px;
 }
@@ -329,8 +332,10 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    vertical-align: middle;
     line-height: 1;
     white-space: nowrap;
+
 }
 
 .trash-item-time {

package/web-ui/styles/trash-panel.css

@@ -37,6 +37,15 @@
     line-height: 1.5;
 }
 
+.trash-disabled-state .trash-empty-svg {
+    opacity: 0.4;
+}
+
+.trash-disabled-state .trash-empty-title {
+    color: var(--color-text-muted);
+}
+
+
 /* ---- 工具栏 — 克制·精确 ---- */
 .trash-toolbar {
     display: flex;