codexmate 0.0.54 → 0.0.55

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

@@ -1088,6 +1088,39 @@ const zhTw = Object.freeze({
     'settings.tabs.aria': '設定分類',
     'settings.quickSettings.title': '快捷設定',
     'settings.language.sideLabel': '語言：{language}',
+    'announcement.providerCache.open': '功能公告',
+    'announcement.project.eyebrow': '新手入口',
+    'announcement.project.closeAria': '關閉功能公告',
+    'announcement.project.primaryAction': '進入工作台',
+    'announcement.project.title': '你的 AI 工具入口在這裡',
+    'announcement.project.subtitle': '從這裡連接模型、找回對話、查看用量，並把常用維護動作放到一個工作台裡。',
+    'announcement.project.features.aria': 'Codex Mate 功能概覽',
+    'announcement.project.feature.config.title': '連接模型',
+    'announcement.project.feature.config.meta': '配置常用 AI 工具的模型和服務地址。',
+    'announcement.project.feature.sessions.title': '找回對話',
+    'announcement.project.feature.sessions.meta': '按來源搜尋、匯出或清理歷史會話。',
+    'announcement.project.feature.usage.title': '查看花費',
+    'announcement.project.feature.usage.meta': '看最近和長期的本地用量趨勢。',
+    'announcement.project.feature.tasks.title': '追蹤任務',
+    'announcement.project.feature.tasks.meta': '查看計畫、佇列和執行記錄。',
+    'announcement.project.feature.skills.title': '複用工作流',
+    'announcement.project.feature.skills.meta': '管理 Skills 和提示詞範本。',
+    'announcement.project.feature.data.title': '整理資料',
+    'announcement.project.feature.data.meta': '處理備份、匯入、回收站和快取。',
+    'announcement.project.status.aria': '目前工作台狀態',
+    'announcement.project.status.provider': 'Provider',
+    'announcement.project.status.model': '目前模型',
+    'announcement.project.status.cacheFiles': '快取檔案',
+    'announcement.project.cache.title': '進階維護狀態',
+    'announcement.project.cache.meta': '僅在需要排查或同步時展開；日常使用可以忽略。',
+    'announcement.project.cache.files': '快取檔案',
+    'announcement.project.cache.providers': 'Provider 摘要',
+    'announcement.project.cache.groups': '快取分組',
+    'announcement.project.cache.groupList': 'Provider 快取分組摘要',
+    'announcement.project.cache.groupSummary': '{files} 檔案 · {providers} provider',
+    'announcement.project.cache.sync': '同步快取',
+    'announcement.project.cache.refresh': '重新整理摘要',
+    'announcement.project.cache.details': '查看快取詳情',
     'settings.language.title': '語言',
     'settings.language.meta': '選擇 Web UI 的顯示語言',
     'settings.language.label': '界面語言',
@@ -1095,7 +1128,7 @@ const zhTw = Object.freeze({
     'settings.sharePrefix.title': '分享命令前綴',
     'settings.sharePrefix.meta': '影響 Web UI 裡“複製分享命令”的前綴',
     'settings.sharePrefix.label': '前綴',
-    'settings.sharePrefix.hint': '預設走項目內 npm start，也可切到全局 codexmate。該設定會緩存到瀏覽器本地。',
+    'settings.sharePrefix.hint': '預設走項目內 npm start，也可切到全局 codexmate。該設定會寫入 ~/.codexmate/preferences.json。',
     'settings.backup.title': '資料備份',
     'settings.backup.meta': '匯出 / 匯入 Claude 與 Codex 設定',
     'settings.claude.title': 'Claude 設定',
@@ -1109,6 +1142,34 @@ const zhTw = Object.freeze({
     'settings.backup.importCodex': '匯入 ~/.codex 備份',
     'settings.importing': '匯入中...',
 
+    'settings.providerCache.title': 'Provider 快取記錄',
+    'settings.providerCache.meta': '查看 ~/.codexmate 內的 Claude / Codex / OpenCode 快取',
+    'settings.providerCache.open': '查看快取記錄',
+    'settings.providerCache.sync': '同步快取記錄',
+    'settings.providerCache.syncing': '同步中...',
+    'settings.providerCache.loading': '載入中...',
+    'settings.providerCache.hint': '只讀展示快取文件，敏感欄位會自動遮罩。同步會把目前 provider 設定寫入 ~/.codexmate 快取文件。',
+    'modal.providerCache.title': 'Provider 快取記錄',
+    'modal.providerCache.root': '快取目錄',
+    'modal.providerCache.refresh': '重新整理',
+    'modal.providerCache.refreshing': '重新整理中...',
+    'modal.providerCache.sync': '同步',
+    'modal.providerCache.syncing': '同步中...',
+    'modal.providerCache.syncSucceeded': '已同步 {count} 個 provider 到 {fileCount} 個快取文件',
+    'modal.providerCache.syncFailed': '同步快取記錄失敗',
+    'modal.providerCache.noSyncableProviders': '沒有可同步的 provider',
+    'modal.providerCache.loading': '正在載入快取記錄...',
+    'modal.providerCache.loadedAt': '載入時間',
+    'modal.providerCache.groupMeta': '已發現 {count} 個快取文件',
+    'modal.providerCache.empty': '沒有發現快取文件',
+    'modal.providerCache.providerCount': '{count} 個 provider',
+    'modal.providerCache.rawJsonOnly': '未識別到 provider 摘要，顯示原始 JSON',
+    'modal.providerCache.tooLarge': '文件過大，已跳過 JSON 讀取',
+    'modal.providerCache.parseFailed': 'JSON 解析失敗',
+    'modal.providerCache.rawJson': '原始 JSON',
+    'modal.providerCache.errorDetails': '錯誤詳情',
+    'modal.providerCache.loadFailed': '載入快取記錄失敗',
+
     'settings.trashConfig.title': '回收站設定',
     'settings.trashConfig.meta': '回收站開關與自動清理天數',
     'settings.deleteBehavior.title': '會話刪除行為',

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

@@ -1088,6 +1088,39 @@ const zh = Object.freeze({
     'settings.tabs.aria': '设置分类',
     'settings.quickSettings.title': '快捷设置',
     'settings.language.sideLabel': '语言：{language}',
+    'announcement.providerCache.open': '功能公告',
+    'announcement.project.eyebrow': '新手入口',
+    'announcement.project.closeAria': '关闭功能公告',
+    'announcement.project.primaryAction': '进入工作台',
+    'announcement.project.title': '你的 AI 工具入口在这里',
+    'announcement.project.subtitle': '从这里连接模型、找回对话、查看用量，并把常用维护动作放到一个工作台里。',
+    'announcement.project.features.aria': 'Codex Mate 功能概览',
+    'announcement.project.feature.config.title': '连接模型',
+    'announcement.project.feature.config.meta': '配置常用 AI 工具的模型和服务地址。',
+    'announcement.project.feature.sessions.title': '找回对话',
+    'announcement.project.feature.sessions.meta': '按来源搜索、导出或清理历史会话。',
+    'announcement.project.feature.usage.title': '查看花费',
+    'announcement.project.feature.usage.meta': '看最近和长期的本地用量趋势。',
+    'announcement.project.feature.tasks.title': '跟踪任务',
+    'announcement.project.feature.tasks.meta': '查看计划、队列和运行记录。',
+    'announcement.project.feature.skills.title': '复用工作流',
+    'announcement.project.feature.skills.meta': '管理 Skills 和提示词模板。',
+    'announcement.project.feature.data.title': '整理数据',
+    'announcement.project.feature.data.meta': '处理备份、导入、回收站和缓存。',
+    'announcement.project.status.aria': '当前工作台状态',
+    'announcement.project.status.provider': 'Provider',
+    'announcement.project.status.model': '当前模型',
+    'announcement.project.status.cacheFiles': '缓存文件',
+    'announcement.project.cache.title': '高级维护状态',
+    'announcement.project.cache.meta': '仅在需要排查或同步时展开；日常使用可以忽略。',
+    'announcement.project.cache.files': '缓存文件',
+    'announcement.project.cache.providers': 'Provider 摘要',
+    'announcement.project.cache.groups': '缓存分组',
+    'announcement.project.cache.groupList': 'Provider 缓存分组摘要',
+    'announcement.project.cache.groupSummary': '{files} 文件 · {providers} provider',
+    'announcement.project.cache.sync': '同步缓存',
+    'announcement.project.cache.refresh': '刷新摘要',
+    'announcement.project.cache.details': '查看缓存详情',
     'settings.language.title': '语言',
     'settings.language.meta': '选择 Web UI 的显示语言',
     'settings.language.label': '界面语言',
@@ -1095,7 +1128,7 @@ const zh = Object.freeze({
     'settings.sharePrefix.title': '分享命令前缀',
     'settings.sharePrefix.meta': '影响 Web UI 里“复制分享命令”的前缀',
     'settings.sharePrefix.label': '前缀',
-    'settings.sharePrefix.hint': '默认走项目内 npm start，也可切到全局 codexmate。该设置会缓存到浏览器本地。',
+    'settings.sharePrefix.hint': '默认走项目内 npm start，也可切到全局 codexmate。该设置会写入 ~/.codexmate/preferences.json。',
     'settings.backup.title': '数据备份',
     'settings.backup.meta': '导出 / 导入 Claude 与 Codex 配置',
     'settings.claude.title': 'Claude 配置',
@@ -1109,6 +1142,34 @@ const zh = Object.freeze({
     'settings.backup.importCodex': '导入 ~/.codex 备份',
     'settings.importing': '导入中...',
 
+    'settings.providerCache.title': 'Provider 缓存记录',
+    'settings.providerCache.meta': '查看 ~/.codexmate 内的 Claude / Codex / OpenCode 缓存',
+    'settings.providerCache.open': '查看缓存记录',
+    'settings.providerCache.sync': '同步缓存记录',
+    'settings.providerCache.syncing': '同步中...',
+    'settings.providerCache.loading': '加载中...',
+    'settings.providerCache.hint': '只读展示缓存文件，敏感字段会自动遮罩。同步会把当前 provider 配置写入 ~/.codexmate 缓存文件。',
+    'modal.providerCache.title': 'Provider 缓存记录',
+    'modal.providerCache.root': '缓存目录',
+    'modal.providerCache.refresh': '刷新',
+    'modal.providerCache.refreshing': '刷新中...',
+    'modal.providerCache.sync': '同步',
+    'modal.providerCache.syncing': '同步中...',
+    'modal.providerCache.syncSucceeded': '已同步 {count} 个 provider 到 {fileCount} 个缓存文件',
+    'modal.providerCache.syncFailed': '同步缓存记录失败',
+    'modal.providerCache.noSyncableProviders': '没有可同步的 provider',
+    'modal.providerCache.loading': '正在加载缓存记录...',
+    'modal.providerCache.loadedAt': '加载时间',
+    'modal.providerCache.groupMeta': '已发现 {count} 个缓存文件',
+    'modal.providerCache.empty': '没有发现缓存文件',
+    'modal.providerCache.providerCount': '{count} 个 provider',
+    'modal.providerCache.rawJsonOnly': '未识别到 provider 摘要，显示原始 JSON',
+    'modal.providerCache.tooLarge': '文件过大，已跳过 JSON 读取',
+    'modal.providerCache.parseFailed': 'JSON 解析失败',
+    'modal.providerCache.rawJson': '原始 JSON',
+    'modal.providerCache.errorDetails': '错误详情',
+    'modal.providerCache.loadFailed': '加载缓存记录失败',
+
     'settings.trashConfig.title': '回收站配置',
     'settings.trashConfig.meta': '回收站开关与自动清理天数',
     'settings.deleteBehavior.title': '会话删除行为',

package/web-ui/partials/index/layout-header.html

@@ -385,11 +385,24 @@
                 </div>
 
                 <div class="side-rail-lang">
-                    <button
-                        type="button"
-                        class="language-settings-link"
-                        :aria-label="t('settings.language.sideLabel', { language: currentLanguageLabel() })"
-                        @click="openLanguageSettings">{{ t('settings.language.sideLabel', { language: currentLanguageLabel() }) }}</button>
+                    <div class="side-rail-lang-actions">
+                        <button
+                            type="button"
+                            class="language-settings-link"
+                            :aria-label="t('settings.language.sideLabel', { language: currentLanguageLabel() })"
+                            @click="openLanguageSettings">{{ t('settings.language.sideLabel', { language: currentLanguageLabel() }) }}</button>
+                        <button
+                            type="button"
+                            class="side-announcement-button"
+                            :aria-label="t('announcement.providerCache.open')"
+                            :title="t('announcement.providerCache.open')"
+                            @click="openProviderCacheAnnouncementModal">
+                            <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" width="16" height="16" aria-hidden="true">
+                                <path d="M15 8.5a5 5 0 0 0-10 0c0 2.75-1 4.25-2 5.5h14c-1-1.25-2-2.75-2-5.5Z"/>
+                                <path d="M8 16a2 2 0 0 0 4 0"/>
+                            </svg>
+                        </button>
+                    </div>
                 </div>
             </aside>
             <main class="main-panel">

package/web-ui/partials/index/modals-basic.html

@@ -134,6 +134,188 @@
             </div>
         </div>
 
+        <!-- 项目功能公告模态框 -->
+        <div v-if="showProviderCacheAnnouncementModal" class="modal-overlay project-announcement-overlay" @click.self="closeProviderCacheAnnouncementModal">
+            <div class="modal provider-cache-announcement-modal project-announcement-modal" role="dialog" aria-modal="true" aria-labelledby="provider-cache-announcement-title">
+                <button type="button" class="project-announcement-close" :aria-label="t('announcement.project.closeAria')" @click="closeProviderCacheAnnouncementModal">×</button>
+                <div class="project-announcement-header">
+                    <div class="project-announcement-eyebrow">{{ t('announcement.project.eyebrow') }}</div>
+                    <div class="modal-title project-announcement-title" id="provider-cache-announcement-title">{{ t('announcement.project.title') }}</div>
+                    <p class="provider-cache-announcement-copy provider-cache-announcement-lede">{{ t('announcement.project.subtitle') }}</p>
+                </div>
+
+                <div class="project-announcement-feature-grid" :aria-label="t('announcement.project.features.aria')">
+                    <article class="project-announcement-feature-card">
+                        <div class="project-announcement-feature-title">{{ t('announcement.project.feature.config.title') }}</div>
+                        <div class="project-announcement-feature-meta">{{ t('announcement.project.feature.config.meta') }}</div>
+                    </article>
+                    <article class="project-announcement-feature-card">
+                        <div class="project-announcement-feature-title">{{ t('announcement.project.feature.sessions.title') }}</div>
+                        <div class="project-announcement-feature-meta">{{ t('announcement.project.feature.sessions.meta') }}</div>
+                    </article>
+                    <article class="project-announcement-feature-card">
+                        <div class="project-announcement-feature-title">{{ t('announcement.project.feature.usage.title') }}</div>
+                        <div class="project-announcement-feature-meta">{{ t('announcement.project.feature.usage.meta') }}</div>
+                    </article>
+                    <article class="project-announcement-feature-card">
+                        <div class="project-announcement-feature-title">{{ t('announcement.project.feature.tasks.title') }}</div>
+                        <div class="project-announcement-feature-meta">{{ t('announcement.project.feature.tasks.meta') }}</div>
+                    </article>
+                    <article class="project-announcement-feature-card">
+                        <div class="project-announcement-feature-title">{{ t('announcement.project.feature.skills.title') }}</div>
+                        <div class="project-announcement-feature-meta">{{ t('announcement.project.feature.skills.meta') }}</div>
+                    </article>
+                    <article class="project-announcement-feature-card">
+                        <div class="project-announcement-feature-title">{{ t('announcement.project.feature.data.title') }}</div>
+                        <div class="project-announcement-feature-meta">{{ t('announcement.project.feature.data.meta') }}</div>
+                    </article>
+                </div>
+
+                <details class="project-announcement-cache-section" aria-labelledby="project-announcement-cache-title">
+                    <summary class="project-announcement-section-head">
+                        <span>
+                            <span class="project-announcement-section-title" id="project-announcement-cache-title">{{ t('announcement.project.cache.title') }}</span>
+                            <span class="project-announcement-section-meta">{{ t('announcement.project.cache.meta') }}</span>
+                        </span>
+                        <span v-if="getProviderCacheAnnouncementSummary().loadedAt" class="provider-cache-loaded-at">{{ t('modal.providerCache.loadedAt') }}: {{ getProviderCacheAnnouncementSummary().loadedAt }}</span>
+                    </summary>
+
+                    <div v-if="providerCacheError" class="state-message error provider-cache-error">
+                        {{ providerCacheError }}
+                    </div>
+                    <div v-if="providerCacheSyncMessage" class="state-message provider-cache-sync-message">
+                        {{ providerCacheSyncMessage }}
+                    </div>
+                    <div v-if="providerCacheLoading && !providerCacheLoadedOnce" class="state-message">
+                        {{ t('modal.providerCache.loading') }}
+                    </div>
+                    <div class="provider-cache-announcement-body">
+                        <div class="project-announcement-mini-status" :aria-label="t('announcement.project.status.aria')">
+                            <span>{{ t('announcement.project.status.provider') }}: <strong>{{ currentProvider || t('common.notSelected') }}</strong></span>
+                            <span>{{ t('announcement.project.status.model') }}: <strong>{{ currentModel || t('common.notSelected') }}</strong></span>
+                            <span>{{ t('announcement.project.status.cacheFiles') }}: <strong>{{ getProviderCacheAnnouncementSummary().fileCount }}</strong></span>
+                        </div>
+                        <div class="provider-cache-summary-grid">
+                            <div class="provider-cache-summary-card">
+                                <span class="provider-cache-summary-label">{{ t('announcement.project.cache.files') }}</span>
+                                <strong>{{ getProviderCacheAnnouncementSummary().fileCount }}</strong>
+                            </div>
+                            <div class="provider-cache-summary-card">
+                                <span class="provider-cache-summary-label">{{ t('announcement.project.cache.providers') }}</span>
+                                <strong>{{ getProviderCacheAnnouncementSummary().providerCount }}</strong>
+                            </div>
+                            <div class="provider-cache-summary-card">
+                                <span class="provider-cache-summary-label">{{ t('announcement.project.cache.groups') }}</span>
+                                <strong>{{ getProviderCacheAnnouncementSummary().groupCount }}</strong>
+                            </div>
+                        </div>
+                        <div class="provider-cache-announcement-list" :aria-label="t('announcement.project.cache.groupList')">
+                            <div v-for="group in getProviderCacheAnnouncementGroups()" :key="group.key" class="provider-cache-announcement-row">
+                                <span>{{ group.label }}</span>
+                                <span>{{ t('announcement.project.cache.groupSummary', { files: group.existingCount, providers: group.providerCount }) }}</span>
+                            </div>
+                        </div>
+                        <div class="project-announcement-cache-actions">
+                            <button type="button" class="btn-tool btn-tool-compact" @click="syncProviderCacheRecords" :disabled="providerCacheLoading || providerCacheSyncing">
+                                {{ providerCacheSyncing ? t('modal.providerCache.syncing') : t('announcement.project.cache.sync') }}
+                            </button>
+                            <button type="button" class="btn-tool btn-tool-compact" @click="loadProviderCacheRecords" :disabled="providerCacheLoading">
+                                {{ providerCacheLoading ? t('modal.providerCache.refreshing') : t('announcement.project.cache.refresh') }}
+                            </button>
+                            <button type="button" class="btn-tool btn-tool-compact" @click="openProviderCacheDetailsFromAnnouncement">
+                                {{ t('announcement.project.cache.details') }}
+                            </button>
+                        </div>
+                    </div>
+                </details>
+
+                <div class="btn-group provider-cache-footer project-announcement-footer">
+                    <button class="btn btn-confirm" @click="closeProviderCacheAnnouncementModal">{{ t('announcement.project.primaryAction') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Provider 缓存记录模态框 -->
+        <div v-if="showProviderCacheModal" class="modal-overlay" @click.self="closeProviderCacheModal">
+            <div class="modal modal-wide provider-cache-modal" role="dialog" aria-modal="true" aria-labelledby="provider-cache-modal-title">
+                <div class="modal-title" id="provider-cache-modal-title">{{ t('modal.providerCache.title') }}</div>
+                <div class="form-hint provider-cache-root">
+                    {{ t('modal.providerCache.root') }}: {{ (providerCacheRecords && providerCacheRecords.root) || '~/.codexmate' }}
+                </div>
+
+                <div class="provider-cache-toolbar">
+                    <button type="button" class="btn-tool btn-tool-compact" @click="loadProviderCacheRecords" :disabled="providerCacheLoading">
+                        {{ providerCacheLoading ? t('modal.providerCache.refreshing') : t('modal.providerCache.refresh') }}
+                    </button>
+                    <button type="button" class="btn-tool btn-tool-compact" @click="syncProviderCacheRecords" :disabled="providerCacheLoading || providerCacheSyncing">
+                        {{ providerCacheSyncing ? t('modal.providerCache.syncing') : t('modal.providerCache.sync') }}
+                    </button>
+                    <span v-if="providerCacheLoadedAt" class="provider-cache-loaded-at">{{ t('modal.providerCache.loadedAt') }}: {{ providerCacheLoadedAt }}</span>
+                </div>
+
+                <div v-if="providerCacheError" class="state-message error provider-cache-error">
+                    {{ providerCacheError }}
+                </div>
+                <div v-if="providerCacheSyncMessage" class="state-message provider-cache-sync-message">
+                    {{ providerCacheSyncMessage }}
+                </div>
+                <div v-if="providerCacheLoading && !providerCacheLoadedOnce" class="state-message">
+                    {{ t('modal.providerCache.loading') }}
+                </div>
+                <div v-else class="provider-cache-body">
+                    <div class="provider-cache-groups">
+                        <section v-for="group in getProviderCacheGroups()" :key="group.key" class="provider-cache-group">
+                            <div class="provider-cache-group-header">
+                                <div class="provider-cache-group-title">{{ group.label }}</div>
+                                <div class="provider-cache-group-meta">{{ t('modal.providerCache.groupMeta', { count: group.existingCount || 0 }) }}</div>
+                            </div>
+                            <div v-if="!hasProviderCacheExistingFiles(group)" class="provider-cache-empty">
+                                {{ t('modal.providerCache.empty') }}
+                            </div>
+                            <div v-else class="provider-cache-file-list">
+                                <article v-for="file in getProviderCacheExistingFiles(group)" :key="getProviderCacheFileKey(file)" class="provider-cache-file">
+                                    <div class="provider-cache-file-header">
+                                        <div>
+                                            <div class="provider-cache-file-name">{{ file.name }}</div>
+                                            <div class="provider-cache-file-summary">{{ getProviderCacheFileSummary(file) }}</div>
+                                        </div>
+                                        <div class="provider-cache-file-meta">
+                                            <span>{{ formatProviderCacheFileSize(file.size) }}</span>
+                                            <span v-if="file.mtime">{{ file.mtime }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="provider-cache-file-path">{{ getProviderCacheFilePath(file) }}</div>
+
+                                    <div v-if="hasProviderCacheProviders(file)" class="provider-cache-provider-list">
+                                        <details v-for="(provider, providerIndex) in getProviderCacheFileProviders(file)" :key="provider.name || (getProviderCacheFileKey(file) + ':' + providerIndex)" class="provider-cache-provider" open>
+                                            <summary class="provider-cache-provider-summary">
+                                                <span class="provider-cache-provider-name">{{ provider.name || 'provider' }}</span>
+                                                <span class="provider-cache-provider-badges">
+                                                    <span v-for="item in getProviderCacheProviderMeta(provider)" :key="item.label" class="provider-cache-provider-badge">
+                                                        {{ item.label }}: {{ item.value }}
+                                                    </span>
+                                                </span>
+                                            </summary>
+                                            <pre class="provider-cache-json provider-cache-json-compact">{{ getProviderCacheProviderText(provider) }}</pre>
+                                        </details>
+                                    </div>
+
+                                    <details class="provider-cache-raw" :open="!hasProviderCacheProviders(file) || file.ok === false">
+                                        <summary>{{ file.ok === false ? t('modal.providerCache.errorDetails') : t('modal.providerCache.rawJson') }}</summary>
+                                        <pre :class="['provider-cache-json', { error: file.ok === false }]">{{ getProviderCacheRecordText(file) }}</pre>
+                                    </details>
+                                </article>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+
+                <div class="btn-group provider-cache-footer">
+                    <button class="btn btn-confirm" @click="closeProviderCacheModal">{{ t('common.close') }}</button>
+                </div>
+            </div>
+        </div>
+
         <!-- 添加Claude配置模态框 -->
         <div v-if="showClaudeConfigModal" class="modal-overlay" @click.self="closeClaudeConfigModal">
             <div class="modal" role="dialog" aria-modal="true" aria-labelledby="add-claude-config-modal-title">

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

@@ -119,11 +119,11 @@
                     </div>
                 </div>
 
-                <div v-if="sessionsLoading" class="state-message">
+                <div v-if="sessionsLoading && sessionsList.length === 0" class="state-message">
                     {{ t('sessions.loadingList') }}
                 </div>
 
-                <div v-else-if="sessionsList.length === 0" class="session-empty">
+                <div v-else-if="!sessionsLoading && sessionsList.length === 0" class="session-empty">
                     {{ t('sessions.empty') }}
                 </div>
 

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

@@ -166,6 +166,26 @@
                                 <input ref="codexImportInput" class="sr-only" type="file" accept=".zip" @change="handleCodexImportChange">
                             </section>
 
+                            <section class="settings-card" :aria-label="t('settings.providerCache.title')">
+                                <div class="settings-card-main">
+                                    <div class="settings-card-content">
+                                        <div class="settings-card-title">{{ t('settings.providerCache.title') }}</div>
+                                        <p class="settings-card-desc">{{ t('settings.providerCache.meta') }}</p>
+                                        <p class="settings-card-hint">{{ t('settings.providerCache.hint') }}</p>
+                                        <p v-if="providerCacheSyncMessage" class="settings-card-hint provider-cache-sync-message">{{ providerCacheSyncMessage }}</p>
+                                        <p v-if="providerCacheError" class="settings-card-hint form-error">{{ providerCacheError }}</p>
+                                    </div>
+                                </div>
+                                <div class="settings-card-actions">
+                                    <button class="settings-card-action" @click="openProviderCacheModal({ forceRefresh: true })" :disabled="providerCacheLoading || providerCacheSyncing">
+                                        {{ providerCacheLoading ? t('settings.providerCache.loading') : t('settings.providerCache.open') }}
+                                    </button>
+                                    <button class="settings-card-action" @click="syncProviderCacheRecords" :disabled="providerCacheLoading || providerCacheSyncing">
+                                        {{ providerCacheSyncing ? t('settings.providerCache.syncing') : t('settings.providerCache.sync') }}
+                                    </button>
+                                </div>
+                            </section>
+
                             <section class="settings-card" :aria-label="t('settings.trashConfig.title')">
                                 <div class="settings-card-main">
                                     <div class="settings-card-content">