codexmate 0.1.7 → 0.1.9

package/web-ui/modules/app.methods.system-prompt.mjs

@@ -0,0 +1,294 @@
+import {
+    buildAgentsDiffPreview,
+    buildAgentsDiffPreviewRequest,
+    isAgentsDiffPreviewPayloadTooLarge,
+    shouldApplyAgentsDiffPreviewResponse
+} from '../logic.mjs';
+import { issueLatestRequestToken, isLatestRequestToken } from './request-token.mjs';
+
+export function createSystemPromptMethods(options = {}) {
+    const {
+        api,
+        apiWithMeta
+    } = options;
+
+    return {
+
+        switchSysPromptScope(scope) {
+            if (this.sysPromptLoading || this.sysPromptSaving) return;
+            const normalized = scope === 'project' ? scope : 'global';
+            if (normalized === this.sysPromptScope) return;
+            this.sysPromptScope = normalized;
+            this.loadSystemPrompt();
+        },
+
+        switchSysPromptMode(mode) {
+            if (this.sysPromptLoading || this.sysPromptSaving) return;
+            const normalized = mode === 'system' ? mode : 'append';
+            if (normalized === this.sysPromptMode) return;
+            this.sysPromptMode = normalized;
+            this.loadSystemPrompt();
+        },
+
+        resetSysPromptDiffState() {
+            this.sysPromptDiffVisible = false;
+            this.sysPromptDiffLoading = false;
+            this.sysPromptDiffError = '';
+            this.sysPromptDiffLines = [];
+            this.sysPromptDiffStats = { added: 0, removed: 0, unchanged: 0 };
+            this.sysPromptDiffTruncated = false;
+            this.sysPromptDiffHasChangesValue = false;
+            this.sysPromptDiffFingerprint = '';
+            this._sysPromptDiffPreviewRequestToken = null;
+        },
+
+        hasSysPromptContentChanged() {
+            const original = typeof this.sysPromptOriginalContent === 'string' ? this.sysPromptOriginalContent : '';
+            const current = typeof this.sysPromptContent === 'string' ? this.sysPromptContent : '';
+            return original !== current;
+        },
+
+        buildSysPromptDiffFingerprint() {
+            const scope = this.sysPromptScope || 'global';
+            const mode = this.sysPromptMode || 'append';
+            const content = typeof this.sysPromptContent === 'string' ? this.sysPromptContent : '';
+            const original = typeof this.sysPromptOriginalContent === 'string' ? this.sysPromptOriginalContent : '';
+            return `${scope}::${mode}::${content.length}::${content}::${original.length}::${original}`;
+        },
+
+        async loadSystemPrompt() {
+            const requestToken = issueLatestRequestToken(this, '_sysPromptOpenRequestToken');
+            this.sysPromptLoading = true;
+            this.resetSysPromptDiffState();
+            try {
+                const params = {
+                    scope: this.sysPromptScope || 'global',
+                    mode: this.sysPromptMode || 'append'
+                };
+                const res = await api('get-system-prompt', params);
+                if (!isLatestRequestToken(this, '_sysPromptOpenRequestToken', requestToken)) return;
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.sysPromptContent = res.content || '';
+                this.sysPromptOriginalContent = this.sysPromptContent;
+                this.sysPromptPath = res.path || '';
+                this.sysPromptExists = !!res.exists;
+                this.sysPromptHash = res.hash || '';
+            } catch (e) {
+                if (!isLatestRequestToken(this, '_sysPromptOpenRequestToken', requestToken)) return;
+                this.showMessage(this.t('toast.load.fail'), 'error');
+            } finally {
+                if (isLatestRequestToken(this, '_sysPromptOpenRequestToken', requestToken)) {
+                    this.sysPromptLoading = false;
+                }
+            }
+        },
+
+        async prepareSysPromptDiff() {
+            const requestFingerprint = this.buildSysPromptDiffFingerprint();
+            const requestToken = Symbol('sys-prompt-diff-preview');
+            this._sysPromptDiffPreviewRequestToken = requestToken;
+            this.sysPromptDiffVisible = true;
+            this.sysPromptDiffLoading = true;
+            this.sysPromptDiffError = '';
+            this.sysPromptDiffLines = [];
+            this.sysPromptDiffStats = { added: 0, removed: 0, unchanged: 0 };
+            this.sysPromptDiffTruncated = false;
+            this.sysPromptDiffHasChangesValue = false;
+            try {
+                const shouldApplyPreviewState = () => shouldApplyAgentsDiffPreviewResponse({
+                    isVisible: this.sysPromptDiffVisible,
+                    requestToken,
+                    activeRequestToken: this._sysPromptDiffPreviewRequestToken,
+                    requestFingerprint,
+                    currentFingerprint: this.buildSysPromptDiffFingerprint()
+                });
+                const applyPreviewState = (diff) => {
+                    if (!shouldApplyPreviewState()) return false;
+                    const normalizedDiff = diff && typeof diff === 'object' ? diff : {};
+                    const rawLines = Array.isArray(normalizedDiff.lines) ? normalizedDiff.lines : [];
+                    this.sysPromptDiffLines = rawLines.filter(line => line && line.type);
+                    this.sysPromptDiffTruncated = !!normalizedDiff.truncated;
+                    this.sysPromptDiffHasChangesValue = !!normalizedDiff.hasChanges;
+                    if (normalizedDiff.stats && typeof normalizedDiff.stats === 'object') {
+                        this.sysPromptDiffStats = {
+                            added: Number(normalizedDiff.stats.added || 0),
+                            removed: Number(normalizedDiff.stats.removed || 0),
+                            unchanged: Number(normalizedDiff.stats.unchanged || 0)
+                        };
+                    } else {
+                        const stats = { added: 0, removed: 0, unchanged: 0 };
+                        for (const line of this.sysPromptDiffLines) {
+                            if (line && line.type === 'add') stats.added += 1;
+                            else if (line && line.type === 'del') stats.removed += 1;
+                            else stats.unchanged += 1;
+                        }
+                        this.sysPromptDiffStats = stats;
+                    }
+                    this.sysPromptDiffFingerprint = requestFingerprint;
+                    return true;
+                };
+                const previewRequest = buildAgentsDiffPreviewRequest({
+                    baseContent: this.sysPromptOriginalContent,
+                    content: this.sysPromptContent,
+                    lineEnding: '\n',
+                    context: 'sys-prompt',
+                    baseDir: undefined
+                });
+                if (previewRequest.exceedsBodyLimit) {
+                    applyPreviewState(buildAgentsDiffPreview({
+                        baseContent: this.sysPromptOriginalContent,
+                        content: this.sysPromptContent
+                    }));
+                    return;
+                }
+                const rpcParams = {
+                    ...previewRequest.params,
+                    scope: this.sysPromptScope || 'global',
+                    mode: this.sysPromptMode || 'append'
+                };
+                const res = await apiWithMeta('preview-system-prompt-diff', rpcParams);
+                if (!shouldApplyPreviewState()) return;
+                if (res.error) {
+                    if (isAgentsDiffPreviewPayloadTooLarge(res)) {
+                        applyPreviewState(buildAgentsDiffPreview({
+                            baseContent: this.sysPromptOriginalContent,
+                            content: this.sysPromptContent
+                        }));
+                        return;
+                    }
+                    this.sysPromptDiffError = res.error;
+                    return;
+                }
+                applyPreviewState(res.diff);
+            } catch (e) {
+                if (shouldApplyAgentsDiffPreviewResponse({
+                    isVisible: this.sysPromptDiffVisible,
+                    requestToken,
+                    activeRequestToken: this._sysPromptDiffPreviewRequestToken,
+                    requestFingerprint,
+                    currentFingerprint: this.buildSysPromptDiffFingerprint()
+                })) {
+                    this.sysPromptDiffError = '生成差异失败';
+                }
+            } finally {
+                if (this._sysPromptDiffPreviewRequestToken === requestToken) {
+                    this.sysPromptDiffLoading = false;
+                }
+            }
+        },
+
+        cancelSysPromptEdit() {
+            if (this.sysPromptSaving || this.sysPromptDiffLoading) return;
+            this.resetSysPromptDiffState();
+            this.loadSystemPrompt();
+        },
+
+        async applySystemPrompt() {
+            if (this.sysPromptSaving) return;
+            if (!this.sysPromptDiffVisible) {
+                if (!this.hasSysPromptContentChanged()) {
+                    this.showMessage(this.t('toast.noChanges'), 'info');
+                    return;
+                }
+                await this.prepareSysPromptDiff();
+                return;
+            }
+            if (this.sysPromptDiffLoading) return;
+            if (this.sysPromptDiffError) {
+                this.showMessage(this.sysPromptDiffError, 'error');
+                return;
+            }
+            const fingerprint = this.buildSysPromptDiffFingerprint();
+            if (this.sysPromptDiffFingerprint !== fingerprint) {
+                await this.prepareSysPromptDiff();
+                return;
+            }
+            if (!this.sysPromptDiffHasChangesValue) {
+                this.showMessage(this.t('toast.noChanges'), 'info');
+                return;
+            }
+            this.sysPromptSaving = true;
+            try {
+                const params = {
+                    scope: this.sysPromptScope || 'global',
+                    mode: this.sysPromptMode || 'append',
+                    content: this.sysPromptContent,
+                    baseHash: this.sysPromptHash
+                };
+                const res = await api('apply-system-prompt', params);
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.showMessage(this.t('sysPrompt.toast.saved'), 'success');
+                await this.loadSystemPrompt();
+            } catch (e) {
+                this.showMessage(this.t('toast.save.fail'), 'error');
+            } finally {
+                this.sysPromptSaving = false;
+            }
+        },
+
+        copySysPromptContent() {
+            const content = typeof this.sysPromptContent === 'string' ? this.sysPromptContent : '';
+            if (!content) return;
+            try {
+                navigator.clipboard?.writeText(content);
+                this.showMessage(this.t('common.copy'), 'success');
+            } catch (_) {}
+        },
+
+        exportSysPromptContent() {
+            const content = typeof this.sysPromptContent === 'string' ? this.sysPromptContent : '';
+            if (!content) return;
+            const filename = (this.sysPromptMode === 'system' ? 'SYSTEM.md' : 'APPEND_SYSTEM.md');
+            const blob = new Blob([content], { type: 'text/markdown' });
+            const a = document.createElement('a');
+            a.href = URL.createObjectURL(blob);
+            a.download = filename;
+            document.body.appendChild(a);
+            a.click();
+            a.remove();
+            URL.revokeObjectURL(a.href);
+        },
+
+        async pasteSysPromptContent() {
+            if (this.sysPromptLoading || this.sysPromptSaving || this.sysPromptDiffVisible) return;
+            try {
+                const text = await navigator.clipboard.readText();
+                if (text) {
+                    this.sysPromptContent = text;
+                    this.showMessage(this.t('common.paste'), 'success');
+                }
+            } catch (_) {}
+        },
+
+        sysPromptContextHint() {
+            if (!this.sysPromptLoading && !this.sysPromptDiffVisible && this.hasSysPromptContentChanged()) {
+                return { text: this.t('sysPrompt.hint.unsaved'), warn: true };
+            }
+            if (this.sysPromptDiffVisible && (this.sysPromptDiffLoading || this.sysPromptSaving)) {
+                return { text: this.t('diff.hint.busy'), warn: false };
+            }
+            if (this.sysPromptDiffVisible && this.sysPromptDiffError) {
+                return { text: this.t('diff.hint.failedBack'), warn: false };
+            }
+            if (this.sysPromptDiffVisible && !this.sysPromptDiffHasChangesValue) {
+                return { text: this.t('diff.hint.noChangesBack'), warn: false };
+            }
+            if (this.sysPromptDiffVisible && this.sysPromptDiffTruncated) {
+                return { text: this.t('diff.viewHint.truncated'), warn: false };
+            }
+            if (this.sysPromptDiffVisible) {
+                return { text: this.t('diff.viewHint.preview'), warn: false };
+            }
+            if (!this.sysPromptLoading) {
+                return { text: this.t('sysPrompt.hint.twoStepSave'), warn: false };
+            }
+            return null;
+        }
+    };
+}

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.',
@@ -663,6 +664,19 @@ const en = Object.freeze({
     'sessions.copyResume': 'Copy resume command',
     'sessions.preview.refresh': 'Refresh content',
     'sessions.preview.loading': 'Loading...',
+    'sessions.batch.select': 'Batch delete',
+    'sessions.batch.exit': 'Exit selection',
+    'sessions.batch.selectAll': 'Select all',
+    'sessions.batch.unselectAll': 'Clear selection',
+    'sessions.batch.deleteSelected': 'Delete selected',
+    'sessions.batch.deleteSelectedN': 'Delete selected ({count})',
+    'sessions.batch.deletingSelected': 'Deleting...',
+    'sessions.batch.deleteConfirm': 'Delete the {count} selected sessions?',
+    'sessions.batch.deleteConfirmHard': 'Permanently delete the {count} selected sessions? This cannot be undone.',
+    'sessions.batch.deleteHint': '{count} selected',
+    'sessions.batch.emptySelection': 'Select sessions to delete first',
+    'sessions.batch.partialFail': '{failed} failed to delete; selection kept',
+    'sessions.batch.allFail': 'Delete failed, please retry',
     'sessions.preview.deleteHard': 'Delete permanently',
     'sessions.preview.moveToTrash': 'Move to trash',
     'sessions.preview.deleting': 'Deleting...',
@@ -1575,6 +1589,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': 'プリセットを管理します。',
@@ -665,6 +666,19 @@ const ja = Object.freeze({
     'sessions.copyResume': '再開コマンドをコピー',
     'sessions.preview.refresh': '更新',
     'sessions.preview.loading': 'プレビュー読み込み中...',
+    'sessions.batch.select': '一括削除',
+    'sessions.batch.exit': '選択を終了',
+    'sessions.batch.selectAll': 'すべて選択',
+    'sessions.batch.unselectAll': '選択を解除',
+    'sessions.batch.deleteSelected': '選択を削除',
+    'sessions.batch.deleteSelectedN': '選択を削除（{count}）',
+    'sessions.batch.deletingSelected': '削除中...',
+    'sessions.batch.deleteConfirm': '選択した {count} 件のセッションを削除しますか？',
+    'sessions.batch.deleteConfirmHard': '選択した {count} 件のセッションを完全に削除しますか？元に戻せません。',
+    'sessions.batch.deleteHint': '{count} 件選択',
+    'sessions.batch.emptySelection': '削除するセッションを選択してください',
+    'sessions.batch.partialFail': '{failed} 件の削除に失敗しました。選択を維持します',
+    'sessions.batch.allFail': '削除に失敗しました。再試行してください',
     'sessions.preview.deleteHard': '直接削除',
     'sessions.preview.moveToTrash': 'ゴミ箱に移動',
     'sessions.preview.deleting': '削除中...',
@@ -1576,6 +1590,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.',
@@ -871,6 +872,19 @@ const vi = Object.freeze({
     'sessions.copyResume': 'Sao chép lệnh tiếp tục',
     'sessions.preview.refresh': 'Làm mới nội dung',
     'sessions.preview.loading': 'Đang tải...',
+    'sessions.batch.select': 'Xóa hàng loạt',
+    'sessions.batch.exit': 'Thoát chọn',
+    'sessions.batch.selectAll': 'Chọn tất cả',
+    'sessions.batch.unselectAll': 'Bỏ chọn tất cả',
+    'sessions.batch.deleteSelected': 'Xóa đã chọn',
+    'sessions.batch.deleteSelectedN': 'Xóa đã chọn ({count})',
+    'sessions.batch.deletingSelected': 'Đang xóa...',
+    'sessions.batch.deleteConfirm': 'Xóa {count} phiên đã chọn?',
+    'sessions.batch.deleteConfirmHard': 'Xóa vĩnh viễn {count} phiên đã chọn? Không thể hoàn tác.',
+    'sessions.batch.deleteHint': 'Đã chọn {count}',
+    'sessions.batch.emptySelection': 'Hãy chọn phiên cần xóa trước',
+    'sessions.batch.partialFail': '{failed} mục xóa thất bại, giữ nguyên lựa chọn',
+    'sessions.batch.allFail': 'Xóa thất bại, vui lòng thử lại',
     'sessions.preview.deleteHard': 'Xóa vĩnh viễn',
     'sessions.preview.moveToTrash': 'Chuyển vào thùng rác',
     'sessions.preview.deleting': 'Đang xóa...',
@@ -1545,6 +1559,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': '管理預設。',
@@ -662,6 +663,19 @@ const zhTw = Object.freeze({
     'sessions.copyResume': '複製恢復命令',
     'sessions.preview.refresh': '重新整理內容',
     'sessions.preview.loading': '載入中...',
+    'sessions.batch.select': '批次刪除',
+    'sessions.batch.exit': '退出選擇',
+    'sessions.batch.selectAll': '全選',
+    'sessions.batch.unselectAll': '取消全選',
+    'sessions.batch.deleteSelected': '刪除選中',
+    'sessions.batch.deleteSelectedN': '刪除選中（{count}）',
+    'sessions.batch.deletingSelected': '刪除中...',
+    'sessions.batch.deleteConfirm': '確定刪除選中的 {count} 個會話嗎？',
+    'sessions.batch.deleteConfirmHard': '確定永久刪除選中的 {count} 個會話嗎？該操作不可還原。',
+    'sessions.batch.deleteHint': '已選 {count} 個',
+    'sessions.batch.emptySelection': '請先選擇要刪除的會話',
+    'sessions.batch.partialFail': '其中 {failed} 個刪除失敗，已保留選中',
+    'sessions.batch.allFail': '刪除失敗，請重試',
     'sessions.preview.deleteHard': '直接刪除',
     'sessions.preview.moveToTrash': '移入回收站',
     'sessions.preview.deleting': '刪除中...',
@@ -1573,6 +1587,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': '管理预设。',
@@ -662,6 +663,19 @@ const zh = Object.freeze({
     'sessions.copyResume': '复制恢复命令',
     'sessions.preview.refresh': '刷新内容',
     'sessions.preview.loading': '加载中...',
+    'sessions.batch.select': '批量删除',
+    'sessions.batch.exit': '退出选择',
+    'sessions.batch.selectAll': '全选',
+    'sessions.batch.unselectAll': '取消全选',
+    'sessions.batch.deleteSelected': '删除选中',
+    'sessions.batch.deleteSelectedN': '删除选中（{count}）',
+    'sessions.batch.deletingSelected': '删除中...',
+    'sessions.batch.deleteConfirm': '确定删除选中的 {count} 个会话吗？',
+    'sessions.batch.deleteConfirmHard': '确定永久删除选中的 {count} 个会话吗？该操作不可恢复。',
+    'sessions.batch.deleteHint': '已选 {count} 个',
+    'sessions.batch.emptySelection': '请先选择要删除的会话',
+    'sessions.batch.partialFail': '其中 {failed} 个删除失败，已保留选中',
+    'sessions.batch.allFail': '删除失败，请重试',
     'sessions.preview.deleteHard': '直接删除',
     'sessions.preview.moveToTrash': '移入回收站',
     'sessions.preview.deleting': '删除中...',
@@ -1573,6 +1587,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>