fix(web-ui): restore trash tab auto-load, migrate trashConfig, and complete i18n coverage

- session-helpers.mjs: load trash list when switching to the trash tab
  (regression from trashConfig migration; list disappeared until manual refresh)
- session-actions.mjs: applySessionTrashEnabledChange clears/reloads list
  immediately on toggle so no manual refresh is needed
- session-trash.mjs: getSessionTrashViewState returns 'disabled' when off
- panel-trash.html: host trashConfig card + disabled-state UI (v-if chain updated)
- panel-settings.html: remove migrated trashConfig card
- styles: disabled-state styling + vertical-center action buttons
- locales zh/en/ja/vi/zh-tw: fill 9 referenced-but-missing keys plus legacy gaps
- tests: 2 cross-cutting i18n tests; behavior-parity allows new method key
- precompiled render script regenerated

Author: ymkiux

tests/unit/i18n-locales.test.mjs

@@ -333,3 +333,51 @@ test('zh-tw fallback resolves through zh before en', () => {
     // For a hypothetical missing key, it would fall back to zh then en
     assert.strictEqual(tFallback('nonexistent.key.xyz'), 'nonexistent.key.xyz');
 });
+
+test('all locale key sets stay aligned across the five supported languages', () => {
+    const baselineKeys = Object.keys(DICT.zh).sort();
+    const baselineKeySet = new Set(baselineKeys);
+    // ja keeps a legacy unused key not present in other locales
+    const allowedExtraKeys = Object.freeze({
+        ja: new Set(['sessions.preview.openStandalone'])
+    });
+    for (const code of expectedLocales) {
+        const localeKeys = Object.keys(DICT[code]);
+        const missingFromLocale = baselineKeys.filter((key) => !Object.prototype.hasOwnProperty.call(DICT[code], key));
+        const extraInLocale = localeKeys.filter((key) => !baselineKeySet.has(key));
+        const allowedExtra = allowedExtraKeys[code] || new Set();
+        const unexpectedExtra = extraInLocale.filter((key) => !allowedExtra.has(key));
+        assert.deepStrictEqual(missingFromLocale, [], `${code} must define every key present in zh baseline`);
+        assert.deepStrictEqual(unexpectedExtra, [], `${code} defines keys beyond zh baseline (${extraInLocale.join(', ')})`);
+    }
+});
+
+test('every t() key referenced by templates and app modules exists in all locales', () => {
+    const partialDir = path.join(repoRoot, 'web-ui', 'partials');
+    const moduleDir = path.join(repoRoot, 'web-ui', 'modules');
+    const referenceKeyPattern = /\bt\('([a-zA-Z0-9]+\.[a-zA-Z0-9_.]+)'(?:\s*,\s*\{[^}]*\})?\)/g;
+    const referencedKeys = new Set();
+    const walk = (dir) => {
+        for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+            const full = path.join(dir, entry.name);
+            if (entry.isDirectory()) { walk(full); continue; }
+            if (!/\.(?:html|mjs|js)$/.test(entry.name)) continue;
+            const content = fs.readFileSync(full, 'utf8');
+            let match;
+            while ((match = referenceKeyPattern.exec(content)) !== null) {
+                referencedKeys.add(match[1]);
+            }
+        }
+    };
+    walk(partialDir);
+    walk(moduleDir);
+    for (const key of referencedKeys) {
+        for (const code of expectedLocales) {
+            assert.strictEqual(
+                typeof DICT[code][key],
+                'string',
+                `${code} should define referenced key: ${key}`
+            );
+        }
+    }
+});

tests/unit/web-ui-behavior-parity.test.mjs

@@ -860,7 +860,8 @@ test('captured bundled app skeleton only exposes expected data key drift versus
         'getOpenclawConfigSummary',
         'getOpenclawQuickWorkspaceFiles',
         'getOpenclawStatusSummaryItems',
-        'openOpenclawQuickWorkspaceFile'
+        'openOpenclawQuickWorkspaceFile',
+        'applySessionTrashEnabledChange'
     );
     const allowedMissingCurrentMethodKeys = [
         'convertSession',

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) {

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';
             }

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',

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': 'ワークスペースファイル',

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)',