codexmate 0.1.6 → 0.1.8

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': '模型名称',
@@ -227,6 +231,7 @@ const zh = Object.freeze({
     'subtitle.prompts': '编辑 AGENTS.md 与 CLAUDE.md。',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
     'prompts.subTab.project': 'CLAUDE.md',
+    'prompts.subTab.system': 'System Prompt',
     'prompts.subTab.presets': '预设池',
     'prompts.presets.title': '预设池',
     'prompts.presets.hint': '管理预设。',
@@ -463,6 +468,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 +920,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 +1395,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': '发送事件通知到外部服务',
@@ -1557,6 +1574,16 @@ const zh = Object.freeze({
     'kilocode.writeRequired': '请先打开 KiloCode 写入开关',
     'kilocode.saved': 'KiloCode 配置已保存',
     'kilocode.autoSaved': 'KiloCode 配置已同步',
+    'sysPrompt.scope.label': '作用域',
+    'sysPrompt.scope.global': '全局 (~/.pi/agent/)',
+    'sysPrompt.scope.project': '项目 (<cwd>/.pi/)',
+    'sysPrompt.mode.label': '模式',
+    'sysPrompt.mode.append': '追加到默认提示词 (APPEND_SYSTEM.md)',
+    'sysPrompt.mode.system': '替换默认提示词 (SYSTEM.md)',
+    'sysPrompt.placeholder': '在此输入 system prompt 内容…',
+    'sysPrompt.hint.unsaved': '有未保存的改动',
+    'sysPrompt.hint.twoStepSave': '点击预览查看差异，确认后保存。',
+    'sysPrompt.toast.saved': 'System prompt 已保存',
 });
 
 export { zh };

package/web-ui/modules/request-token.mjs

@@ -0,0 +1,9 @@
+export function issueLatestRequestToken(context, key) {
+    const token = (Number(context[key]) || 0) + 1;
+    context[key] = token;
+    return token;
+}
+
+export function isLatestRequestToken(context, key, token) {
+    return !!context && context[key] === token;
+}

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

@@ -8,6 +8,7 @@
                 <div class="prompts-md-tabs" role="tablist" :aria-label="t('tab.prompts')">
                     <button type="button" :class="['prompts-md-tab', { active: promptsSubTab === 'codex' }]" role="tab" :aria-selected="promptsSubTab === 'codex'" @click="switchPromptsSubTab('codex')">{{ t('prompts.subTab.codex') }}</button>
                     <button type="button" :class="['prompts-md-tab', { active: promptsSubTab === 'claude-project' }]" role="tab" :aria-selected="promptsSubTab === 'claude-project'" @click="switchPromptsSubTab('claude-project')">{{ t('prompts.subTab.project') }}</button>
+                    <button type="button" :class="['prompts-md-tab', { active: promptsSubTab === 'system' }]" role="tab" :aria-selected="promptsSubTab === 'system'" @click="switchPromptsSubTab('system')">{{ t('prompts.subTab.system') }}</button>
                 </div>
 
                 <div v-if="promptsSubTab === 'claude-project'" class="project-path-selector">
@@ -33,7 +34,7 @@
                 </div>
 
 
-                <div class="prompts-editor">
+                <div v-if="promptsSubTab !== 'system'" class="prompts-editor">
                     <div class="prompts-editor-toolbar">
                         <div class="form-hint">
                             {{ agentsPath || t('common.notLoaded') }}
@@ -189,4 +190,98 @@
                     </div>
 
                 </div>
+
+                <div v-if="promptsSubTab === 'system'">
+                    <div class="sys-prompt-controls">
+                        <div class="sys-prompt-control-group">
+                            <label class="form-label">{{ t('sysPrompt.scope.label') }}</label>
+                            <select class="form-input sys-prompt-select" :value="sysPromptScope" @change="switchSysPromptScope($event.target.value)" :disabled="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible">
+                                <option value="global">{{ t('sysPrompt.scope.global') }}</option>
+                                <option value="project">{{ t('sysPrompt.scope.project') }}</option>
+                            </select>
+                        </div>
+                        <div class="sys-prompt-control-group">
+                            <label class="form-label">{{ t('sysPrompt.mode.label') }}</label>
+                            <select class="form-input sys-prompt-select" :value="sysPromptMode" @change="switchSysPromptMode($event.target.value)" :disabled="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible">
+                                <option value="append">{{ t('sysPrompt.mode.append') }}</option>
+                                <option value="system">{{ t('sysPrompt.mode.system') }}</option>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div class="prompts-editor">
+                        <div class="prompts-editor-toolbar">
+                            <div class="form-hint">
+                                {{ sysPromptPath || t('common.notLoaded') }}
+                                <span v-if="sysPromptPath">
+                                    （{{ sysPromptExists ? t('common.exists') : t('common.notExistsWillCreateOnSave') }}）
+                                </span>
+                            </div>
+                            <div class="prompts-editor-actions">
+                                <div class="prompts-editor-group prompts-editor-group--secondary">
+                                    <button class="btn-mini" @click="exportSysPromptContent" :disabled="sysPromptLoading || sysPromptSaving || !sysPromptContent" :title="t('modal.agents.export')">
+                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12M8 11l4 4 4-4M4 17v2h16v-2"/></svg>
+                                    </button>
+                                    <button class="btn-mini" @click="copySysPromptContent" :disabled="sysPromptLoading || sysPromptSaving || !sysPromptContent" :title="t('modal.agents.copy')">
+                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
+                                    </button>
+                                    <button class="btn-mini" @click="pasteSysPromptContent" :disabled="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible" :title="t('common.paste')">
+                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2"/></svg>
+                                    </button>
+                                </div>
+                                <div class="prompts-editor-group prompts-editor-group--workflow">
+                                    <button class="btn-mini" @click="cancelSysPromptEdit" :disabled="sysPromptSaving || sysPromptDiffLoading" :title="t('common.cancel')">
+                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
+                                    </button>
+                                    <button v-if="sysPromptDiffVisible" class="btn-mini" @click="resetSysPromptDiffState" :disabled="sysPromptSaving || sysPromptDiffLoading" :title="t('common.backToEdit')">
+                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
+                                    </button>
+                                    <button class="btn-mini btn-confirm-mini" @click="applySystemPrompt" :disabled="sysPromptSaving || sysPromptLoading || sysPromptDiffLoading || (!sysPromptDiffVisible && !hasSysPromptContentChanged()) || (sysPromptDiffVisible && !sysPromptDiffHasChangesValue)" :title="sysPromptDiffVisible ? t('common.save') : t('common.preview')">
+                                        <svg v-if="sysPromptDiffVisible" class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
+                                        <svg v-else class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <div v-if="sysPromptDiffVisible">
+                                <div
+                                    v-if="!sysPromptDiffLoading && !sysPromptDiffError && !sysPromptDiffTruncated && (sysPromptDiffStats.added || sysPromptDiffStats.removed)"
+                                    class="agents-diff-summary">
+                                    <span class="agents-diff-stat add">+{{ sysPromptDiffStats.added }}</span>
+                                    <span class="agents-diff-stat del">-{{ sysPromptDiffStats.removed }}</span>
+                                </div>
+                                <div v-if="sysPromptDiffLoading" class="state-message">{{ t('diff.generating') }}</div>
+                                <div v-else-if="sysPromptDiffError" class="state-message error">{{ sysPromptDiffError }}</div>
+                                <div v-else-if="sysPromptDiffTruncated" class="agents-diff-empty">{{ t('diff.tooLargeSkip') }}</div>
+                                <div v-else-if="!sysPromptDiffHasChangesValue" class="agents-diff-empty">{{ t('diff.noChanges') }}</div>
+                                <div v-else class="agents-diff-view agents-diff-editor">
+                                    <div
+                                        v-for="(line, index) in sysPromptDiffLines"
+                                        :key="'sys-prompt-diff-' + index"
+                                        :class="['agents-diff-line', line.type]">
+                                        <span class="agents-diff-line-sign">
+                                            {{ line.type === 'add' ? '+' : (line.type === 'del' ? '-' : ' ') }}
+                                        </span>
+                                        <span class="agents-diff-line-text">{{ line.value }}</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div :class="['editor-frame', { 'editor-frame--loading': sysPromptLoading }]">
+                                <div v-if="sysPromptLoading" class="editor-skeleton">
+                                    <div class="skeleton-line" v-for="i in 6" :key="i"></div>
+                                </div>
+                                <textarea
+                                    v-model="sysPromptContent"
+                                    class="form-input template-editor"
+                                    spellcheck="false"
+                                    :readonly="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible"
+                                    :placeholder="t('sysPrompt.placeholder')"></textarea>
+                            </div>
+                            <div v-if="sysPromptContextHint()" :class="['prompts-context-hint', { 'prompts-context-hint--warn': sysPromptContextHint().warn }]">
+                                {{ sysPromptContextHint().text }}
+                            </div>
+                        </div>
+                    </div>
+                </div>
                 </div>

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"/>