codexmate 0.0.54 → 0.0.56

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-config-codex.html

@@ -47,7 +47,7 @@
 
                 <div class="tool-config-write-scope" :class="{ locked: !isToolConfigWriteAllowed('codex') }">
                     <div class="tool-config-write-body">
-                <button class="btn-add" @click="showAddProviderKey = false; showAddModal = true" v-if="!loading && !initError" :disabled="!isToolConfigWriteAllowed('codex')">
+                <button class="btn-add" @click="openAddProviderModal" v-if="!loading && !initError" :disabled="!isToolConfigWriteAllowed('codex')">
                     <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 4v12M4 10h12"/></svg>
                     {{ t('config.addProvider') }}
                 </button>
@@ -131,7 +131,7 @@
                 <div class="selector-section">
                     <div class="selector-header"><span class="selector-title">{{ t('config.health.title') }}</span></div>
                     <button class="btn-tool" @click="runHealthCheck" :disabled="healthCheckLoading || loading || !!initError">{{ healthCheckLoading ? t('config.health.running') : t('config.health.run') }}</button>
-                    <div class="config-template-hint">{{ t('config.health.hint') }}</div>
+                    <div class="config-template-hint">{{ t('config.health.codexHint') }}</div>
                 </div>
                 </template>
 

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

@@ -21,28 +21,29 @@
                     </div>
                 </div>
                 <div v-else>
-                <div class="selector-section">
+                <div class="selector-section session-selector-section">
                     <div class="selector-header" style="display:none">
                         <span class="selector-title">{{ t('sessions.sourceTitle') }}</span>
                         <div class="selector-actions sessions-header-actions"></div>
                     </div>
+                    <div class="session-source-tabs-row">
+                        <div class="session-source-pills" role="group" :aria-label="t('sessions.sourceTitle')">
+                            <button
+                                v-for="src in sessionSourceOptions"
+                                :key="src.value"
+                                :class="['session-source-pill', { active: sessionFilterSource === src.value }]"
+                                :data-source="src.value"
+                                @click="setSessionSource(src.value)"
+                                :disabled="sessionsLoading"
+                                :aria-pressed="sessionFilterSource === src.value"
+                                type="button">
+                                <span class="session-source-pill-dot"></span>
+                                <span class="session-source-pill-label">{{ src.label }}</span>
+                            </button>
+                        </div>
+                    </div>
                     <div class="session-toolbar">
                         <div class="session-toolbar-group session-toolbar-primary">
-                            <div class="session-source-pills" role="radiogroup" aria-label="Session source">
-                                <button
-                                    v-for="src in sessionSourceOptions"
-                                    :key="src.value"
-                                    :class="['session-source-pill', { active: sessionFilterSource === src.value }]"
-                                    :data-source="src.value"
-                                    @click="setSessionSource(src.value)"
-                                    :disabled="sessionsLoading"
-                                    :aria-pressed="sessionFilterSource === src.value"
-                                    role="radio"
-                                    type="button">
-                                    <span class="session-source-pill-dot"></span>
-                                    <span class="session-source-pill-label">{{ src.label }}</span>
-                                </button>
-                            </div>
                             <select
                                 class="session-path-select"
                                 v-model="sessionPathFilter"
@@ -119,11 +120,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>
 
@@ -241,6 +242,14 @@
                                             :aria-label="(activeSession && sessionExporting[getSessionExportKey(activeSession)]) ? t('sessions.preview.exporting') : t('sessions.preview.export')">
                                             <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v8"/><polyline points="4 7 8 10.5 12 7"/><path d="M2.5 12v1.5a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V12"/></svg>
                                         </button>
+                                        <button
+                                            class="btn-session-open session-brief-copy"
+                                            @click="copySessionWorkspaceBrief"
+                                            :disabled="!activeSessionWorkspaceSummary.available"
+                                            :title="t('sessions.workspace.copy')"
+                                            :aria-label="t('sessions.workspace.copy')">
+                                            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 2.5h6.5L13 5v8.5H4z"/><path d="M10.5 2.5V5H13"/><path d="M6 8h5"/><path d="M6 10.5h5"/></svg>
+                                        </button>
                                         <div class="session-link-group">
                                         <button
                                             class="btn-session-open"
@@ -294,12 +303,77 @@
                                 </div>
 
                                 <div v-else class="session-preview-body">
+                                    <section v-if="activeSessionWorkspaceSummary.available" class="session-workspace" :aria-label="t('sessions.workspace.title')">
+                                        <div class="session-workspace-header">
+                                            <div>
+                                                <div class="session-workspace-kicker">{{ t('sessions.workspace.kicker') }}</div>
+                                                <h3 class="session-workspace-title">{{ t('sessions.workspace.title') }}</h3>
+                                                <p class="session-workspace-subtitle">
+                                                    {{ t('sessions.workspace.subtitle', { count: activeSessionWorkspaceSummary.messageCount }) }}
+                                                </p>
+                                            </div>
+                                            <button class="btn-mini" type="button" @click="copySessionWorkspaceBrief">
+                                                {{ t('sessions.workspace.copy') }}
+                                            </button>
+                                        </div>
+
+                                        <div class="session-workspace-metrics">
+                                            <div v-for="metric in activeSessionWorkspaceSummary.metrics" :key="metric.key" class="session-workspace-metric">
+                                                <span class="session-workspace-metric-value">{{ metric.value }}</span>
+                                                <span class="session-workspace-metric-label">{{ metric.label }}</span>
+                                            </div>
+                                        </div>
+
+                                        <div class="session-workspace-grid">
+                                            <div class="session-workspace-card session-workspace-card-wide">
+                                                <div class="session-workspace-card-title">{{ t('sessions.workspace.signals') }}</div>
+                                                <ul v-if="activeSessionWorkspaceSummary.signals.length" class="session-workspace-list">
+                                                    <li v-for="(item, index) in activeSessionWorkspaceSummary.signals" :key="'signal-' + index">{{ item }}</li>
+                                                </ul>
+                                                <div v-else class="session-workspace-empty">{{ t('sessions.workspace.empty') }}</div>
+                                            </div>
+
+                                            <div class="session-workspace-card">
+                                                <div class="session-workspace-card-title">{{ t('sessions.workspace.commands') }}</div>
+                                                <ul v-if="activeSessionWorkspaceSummary.commands.length" class="session-workspace-list session-workspace-code-list">
+                                                    <li v-for="(item, index) in activeSessionWorkspaceSummary.commands" :key="'command-' + index"><code>{{ item }}</code></li>
+                                                </ul>
+                                                <div v-else class="session-workspace-empty">{{ t('sessions.workspace.noneCommands') }}</div>
+                                            </div>
+
+                                            <div class="session-workspace-card">
+                                                <div class="session-workspace-card-title">{{ t('sessions.workspace.files') }}</div>
+                                                <ul v-if="activeSessionWorkspaceSummary.files.length" class="session-workspace-list session-workspace-code-list">
+                                                    <li v-for="(item, index) in activeSessionWorkspaceSummary.files" :key="'file-' + index"><code>{{ item }}</code></li>
+                                                </ul>
+                                                <div v-else class="session-workspace-empty">{{ t('sessions.workspace.noneFiles') }}</div>
+                                            </div>
+
+                                            <div class="session-workspace-card">
+                                                <div class="session-workspace-card-title">{{ t('sessions.workspace.links') }}</div>
+                                                <ul v-if="activeSessionWorkspaceSummary.links.length" class="session-workspace-list">
+                                                    <li v-for="(item, index) in activeSessionWorkspaceSummary.links" :key="'link-' + index">{{ item }}</li>
+                                                </ul>
+                                                <div v-else class="session-workspace-empty">{{ t('sessions.workspace.noneLinks') }}</div>
+                                            </div>
+
+                                            <div class="session-workspace-card" :class="{ 'session-workspace-card-alert': activeSessionWorkspaceSummary.risks.length || activeSessionWorkspaceSummary.nextSteps.length }">
+                                                <div class="session-workspace-card-title">{{ t('sessions.workspace.risks') }}</div>
+                                                <ul v-if="activeSessionWorkspaceSummary.risks.length || activeSessionWorkspaceSummary.nextSteps.length" class="session-workspace-list">
+                                                    <li v-for="(item, index) in activeSessionWorkspaceSummary.risks" :key="'risk-' + index">{{ item }}</li>
+                                                    <li v-for="(item, index) in activeSessionWorkspaceSummary.nextSteps" :key="'next-' + index">{{ item }}</li>
+                                                </ul>
+                                                <div v-else class="session-workspace-empty">{{ t('sessions.workspace.noneRisks') }}</div>
+                                            </div>
+                                        </div>
+                                    </section>
+
                                     <div class="session-preview-messages">
                                         <div v-if="activeSessionDetailClipped" class="session-item-sub session-item-wrap">
                                             {{ t('sessions.preview.clipped', { count: activeSessionMessages.length }) }}
                                         </div>
                                         <div
-                                            v-for="(msg, idx) in activeSessionMessages"
+                                            v-for="(msg, idx) in activeSessionVisibleMessages"
                                             :key="getRecordRenderKey(msg, idx)"
                                             v-memo="[msg.text, msg.timestamp, msg.roleLabel, msg.normalizedRole]"
                                             :data-message-key="getRecordRenderKey(msg, idx)"
@@ -313,6 +387,12 @@
                                             </div>
                                             <div class="session-msg-content" v-html="highlightQueryText(msg.text) || ''"></div>
                                         </div>
+                                        <div v-if="canLoadMoreSessionMessages" class="session-preview-load-more">
+                                            <span>{{ t('sessions.preview.shownCount', { shown: activeSessionVisibleMessages.length, total: activeSessionMessages.length }) }}</span>
+                                            <button class="btn-mini" type="button" @click="loadMoreSessionMessages" :disabled="sessionPreviewLoadingMore">
+                                                {{ sessionPreviewLoadingMore ? t('sessions.preview.loadingMore') : t('sessions.preview.loadMore', { remain: sessionPreviewRemainingCount }) }}
+                                            </button>
+                                        </div>
                                     </div>
                                 </div>
                             </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">