codexmate 0.1.7 → 0.1.8

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

@@ -231,6 +231,7 @@ const en = Object.freeze({
     'subtitle.prompts': 'Edit AGENTS.md and CLAUDE.md.',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
     'prompts.subTab.project': 'CLAUDE.md',
+    'prompts.subTab.system': 'System Prompt',
     'prompts.subTab.presets': 'Preset pool',
     'prompts.presets.title': 'Presets',
     'prompts.presets.hint': 'Manage presets.',
@@ -1575,6 +1576,16 @@ const en = Object.freeze({
     'kilocode.writeRequired': 'Enable KiloCode write access first',
     'kilocode.saved': 'KiloCode config saved',
     'kilocode.autoSaved': 'KiloCode config synced',
+    'sysPrompt.scope.label': 'Scope',
+    'sysPrompt.scope.global': 'Global (~/.pi/agent/)',
+    'sysPrompt.scope.project': 'Project (<cwd>/.pi/)',
+    'sysPrompt.mode.label': 'Mode',
+    'sysPrompt.mode.append': 'Append to default prompt (APPEND_SYSTEM.md)',
+    'sysPrompt.mode.system': 'Replace default prompt (SYSTEM.md)',
+    'sysPrompt.placeholder': 'Type system prompt content here…',
+    'sysPrompt.hint.unsaved': 'Unsaved changes detected',
+    'sysPrompt.hint.twoStepSave': 'Click preview to see the diff, then confirm to save.',
+    'sysPrompt.toast.saved': 'System prompt saved',
 });
 
 export { en };

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

@@ -232,6 +232,7 @@ const ja = 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': 'プリセットを管理します。',
@@ -1576,6 +1577,16 @@ const ja = 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': 'システムプロンプトの内容を入力…',
+    'sysPrompt.hint.unsaved': '未保存の変更があります',
+    'sysPrompt.hint.twoStepSave': 'プレビューで差分を確認し、確認後に保存します。',
+    'sysPrompt.toast.saved': 'System prompt を保存しました',
 });
 
 export { ja };

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

@@ -250,6 +250,7 @@ const vi = Object.freeze({
     'subtitle.prompts': 'Chỉnh sửa AGENTS.md và CLAUDE.md.',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
     'prompts.subTab.project': 'CLAUDE.md',
+    'prompts.subTab.system': 'System Prompt',
     'prompts.subTab.presets': 'Kho preset',
     'prompts.presets.title': 'Preset',
     'prompts.presets.hint': 'Quản lý preset.',
@@ -1545,6 +1546,16 @@ const vi = Object.freeze({
     'kilocode.writeRequired': 'Hãy bật quyền ghi KiloCode trước',
     'kilocode.saved': 'Đã lưu cấu hình KiloCode',
     'kilocode.autoSaved': 'Đã đồng bộ cấu hình KiloCode',
+    'sysPrompt.scope.label': 'Phạm vi',
+    'sysPrompt.scope.global': 'Toàn cục (~/.pi/agent/)',
+    'sysPrompt.scope.project': 'Dự án (<cwd>/.pi/)',
+    'sysPrompt.mode.label': 'Chế độ',
+    'sysPrompt.mode.append': 'Thêm vào prompt mặc định (APPEND_SYSTEM.md)',
+    'sysPrompt.mode.system': 'Thay thế prompt mặc định (SYSTEM.md)',
+    'sysPrompt.placeholder': 'Nhập nội dung system prompt…',
+    'sysPrompt.hint.unsaved': 'Có thay đổi chưa lưu',
+    'sysPrompt.hint.twoStepSave': 'Nhấn xem trước để xem diff, sau đó xác nhận để lưu.',
+    'sysPrompt.toast.saved': 'Đã lưu system prompt',
 });
 
 export { vi };

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

@@ -231,6 +231,7 @@ const zhTw = 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': '管理預設。',
@@ -1573,6 +1574,16 @@ const zhTw = 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 { zhTw };

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

@@ -231,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': '管理预设。',
@@ -1573,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>