codexmate 0.1.19 → 0.1.21

package/README.md

@@ -63,7 +63,7 @@ Unlike simple wrappers, Codex Mate acts as a **Local Agent Bridge**:
 - **Pi Provider Config**: Manage Pi providers from the Web UI with lossless round-trip writes to `~/.pi/agent/models.json`, auto-fetched remote model lists, and one-click default provider/model switching via `~/.pi/agent/settings.json`.
 - **Provider Health Cleanup**: Probe local Codex and Claude provider routes, surface failed configs in one modal, and bulk-clean selected broken providers without touching healthy or protected entries.
 - **Skills Marketplace**: A local-first market to share and import skills between different agent apps.
-- **Prompt File Editor**: Unified editor for global and project-level `CLAUDE.md` and `AGENTS.md` with auto-detection of project paths, plus a shared preset pool for reusable prompts.
+- **Prompt File Editor**: Unified editor for global and project-level `CLAUDE.md` and `AGENTS.md` (including OpenCode's `~/.config/opencode/AGENTS.md`) with auto-detection of project paths, plus a shared preset pool for reusable prompts.
 - **Task Orchestrator**: Plan and execute complex tasks with dependency tracking.
 
 ---

package/README.vi.md

@@ -69,7 +69,7 @@ Khác với các wrapper đơn giản, Codex Mate hoạt động như một **Ag
 | **Bridge OpenAI** | ✅ | Chuyển đổi Codex Responses API sang định dạng OpenAI chuẩn |
 | **Kiểm tra sức khỏe Provider** | ✅ | Kiểm tra route provider Codex/Claude, đánh dấu cấu hình lỗi và xóa hàng loạt các provider hỏng đã chọn một cách an toàn |
 | **Mẫu Prompt** | ✅ | Plugin prompt tái sử dụng được với hỗ trợ biến |
-| **Trình sửa tệp prompt** | ✅ | Chỉnh sửa CLAUDE.md / AGENTS.md và dùng kho preset chung. Áp dụng preset chỉ cập nhật editor; cần lưu thủ công để ghi vào tệp. |
+| **Trình sửa tệp prompt** | ✅ | Chỉnh sửa CLAUDE.md / AGENTS.md (bao gồm `~/.config/opencode/AGENTS.md` của OpenCode) và dùng kho preset chung. Áp dụng preset chỉ cập nhật editor; cần lưu thủ công để ghi vào tệp. |
 | **Tích hợp MCP** | ✅ | Expose tool và resource cục bộ qua MCP stdio |
 | **Tự động cập nhật** | ✅ | Cập nhật nhanh qua `codexmate update` |
 

package/README.zh.md

@@ -61,7 +61,7 @@
 - **Pi Provider 配置**：在 Web UI 中管理 Pi 供应商，写入 `~/.pi/agent/models.json` 时无损保留未知字段，支持自动拉取远端模型列表，并可一键切换 `~/.pi/agent/settings.json` 中的默认供应商/模型。
 - **Provider 健康清理**：探测本地 Codex 与 Claude provider 路由，在同一个弹窗里集中展示失败配置，并批量清理已选坏配置，不影响正常或受保护项。
 - **Skills 市场**：本地优先的市场，支持在不同的智能体应用之间共享和导入 Skills。
-- **提示词文件编辑器**：统一编辑全局和项目级 `CLAUDE.md` 与 `AGENTS.md`，支持项目路径自动检测，并提供通用预设池复用 prompt。
+- **提示词文件编辑器**：统一编辑全局和项目级 `CLAUDE.md` 与 `AGENTS.md`（含 OpenCode 的 `~/.config/opencode/AGENTS.md`），支持项目路径自动检测，并提供通用预设池复用 prompt。
 - **任务编排器**：支持带有依赖跟踪的复杂任务规划与执行。
 
 ---

package/cli/agents-files.js

@@ -15,6 +15,7 @@ function createAgentsFileController(deps = {}) {
         CLAUDE_MD_FILE_NAME,
         readOpenclawAgentsFile,
         readOpenclawWorkspaceFile,
+        OPENCODE_CONFIG_DIR,
         backupPromptBeforeWrite
     } = deps;
 
@@ -33,6 +34,7 @@ function createAgentsFileController(deps = {}) {
     if (typeof CLAUDE_MD_FILE_NAME !== 'string' || !CLAUDE_MD_FILE_NAME) throw new Error('createAgentsFileController 缺少 CLAUDE_MD_FILE_NAME');
     if (typeof readOpenclawAgentsFile !== 'function') throw new Error('createAgentsFileController 缺少 readOpenclawAgentsFile');
     if (typeof readOpenclawWorkspaceFile !== 'function') throw new Error('createAgentsFileController 缺少 readOpenclawWorkspaceFile');
+    if (typeof OPENCODE_CONFIG_DIR !== 'string' || !OPENCODE_CONFIG_DIR) throw new Error('createAgentsFileController 缺少 OPENCODE_CONFIG_DIR');
     if (typeof backupPromptBeforeWrite !== 'function' && typeof backupPromptBeforeWrite !== 'undefined') throw new Error('createAgentsFileController 备份回调无效');
 
     function resolveAgentsFilePath(params = {}) {
@@ -236,7 +238,9 @@ function createAgentsFileController(deps = {}) {
         }
         let agentsHistoryBucket = '';
         if (typeof backupPromptBeforeWrite === 'function') {
-            const bucket = 'codex_' + sanitizeHistoryId(String(params.baseDir || '').trim() || 'global');
+            const explicitBucket = typeof params.historyBucket === 'string' ? params.historyBucket.trim() : '';
+            const bucket = explicitBucket
+                || ('codex_' + sanitizeHistoryId(String(params.baseDir || '').trim() || 'global'));
             backupPromptBeforeWrite(bucket, filePath);
             agentsHistoryBucket = bucket;
         }
@@ -254,6 +258,43 @@ function createAgentsFileController(deps = {}) {
         }
     }
 
+
+    function readOpencodeAgentsFile(params = {}) {
+        const baseDir = OPENCODE_CONFIG_DIR;
+        const filePath = path.join(baseDir, AGENTS_FILE_NAME);
+        const lineEndingFallback = os.EOL === '\r\n' ? '\r\n' : '\n';
+
+        if (!fs.existsSync(baseDir)) {
+            return {
+                exists: false,
+                path: filePath,
+                content: '',
+                lineEnding: lineEndingFallback,
+                configDir: baseDir,
+                baseDirMissing: true
+            };
+        }
+
+        const readResult = readAgentsFile({ baseDir, metaOnly: !!params.metaOnly });
+        return {
+            ...readResult,
+            configDir: baseDir
+        };
+    }
+
+    function applyOpencodeAgentsFile(params = {}) {
+        const baseDir = OPENCODE_CONFIG_DIR;
+        ensureDir(baseDir);
+        const result = applyAgentsFile({
+            ...params,
+            baseDir,
+            historyBucket: 'opencode_global'
+        });
+        return {
+            ...result,
+            configDir: baseDir
+        };
+    }
     function normalizeDiffText(input) {
         const safe = typeof input === 'string' ? input : '';
         return normalizeLineEnding(stripUtf8Bom(safe), '\n');
@@ -273,6 +314,8 @@ function createAgentsFileController(deps = {}) {
             readResult = readOpenclawAgentsFile({ metaOnly });
         } else if (context === 'openclaw-workspace') {
             readResult = readOpenclawWorkspaceFile({ ...params, metaOnly });
+        } else if (context === 'opencode') {
+            readResult = readOpencodeAgentsFile({ metaOnly });
         } else if (context === 'codex') {
             readResult = readAgentsFile({ ...params, metaOnly });
         } else {
@@ -310,6 +353,8 @@ function createAgentsFileController(deps = {}) {
         applyClaudeMdFile,
         readAgentsFile,
         applyAgentsFile,
+        readOpencodeAgentsFile,
+        applyOpencodeAgentsFile,
         normalizeDiffText,
         buildAgentsDiff
     };

package/cli.js

@@ -1190,7 +1190,8 @@ function getApiToolConfigWriteTarget(action) {
     ]);
     const opencodeWriteActions = new Set([
         'apply-opencode-config',
-        'update-opencode-selection'
+        'update-opencode-selection',
+        'apply-opencode-agents-file'
     ]);
     const kilocodeWriteActions = new Set([
         'apply-kilocode-config',
@@ -2372,6 +2373,8 @@ const {
     applyClaudeMdFile,
     readAgentsFile,
     applyAgentsFile,
+    readOpencodeAgentsFile,
+    applyOpencodeAgentsFile,
     normalizeDiffText,
     buildAgentsDiff
 } = createAgentsFileController({
@@ -2394,7 +2397,8 @@ const {
     },
     readOpenclawWorkspaceFile() {
         return readOpenclawWorkspaceFile(...arguments);
-    }
+    },
+    OPENCODE_CONFIG_DIR
 });
 
 const {
@@ -13694,6 +13698,12 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                         case 'get-openclaw-agents-file':
                             result = readOpenclawAgentsFile();
                             break;
+                        case 'get-opencode-agents-file':
+                            result = readOpencodeAgentsFile(params || {});
+                            break;
+                        case 'apply-opencode-agents-file':
+                            result = applyOpencodeAgentsFile(params || {});
+                            break;
                         case 'apply-openclaw-agents-file':
                             result = applyOpenclawAgentsFile(params || {});
                             break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/web-ui/modules/app.methods.agents.mjs

@@ -33,6 +33,9 @@ function resolveAgentsHistoryBucket(instance) {
         const projectPath = (instance.projectClaudeMdPath || '').trim();
         return 'claude-project_' + sanitizePromptHistoryId(projectPath || 'global');
     }
+    if (subTab === 'opencode') {
+        return 'opencode_global';
+    }
     return 'codex_global';
 }
 
@@ -216,6 +219,13 @@ export function createAgentsMethods(options = {}) {
                 this.agentsModalHint = tr('modal.agents.hint.openclawWorkspaceFile', `Workspace / ${fileName}`, { fileName });
                 return;
             }
+            if (context === 'opencode') {
+                this.agentsContext = 'opencode';
+                this.agentsWorkspaceFileName = '';
+                this.agentsModalTitle = tr('modal.agents.title.opencode', 'OpenCode AGENTS.md 编辑器');
+                this.agentsModalHint = tr('modal.agents.hint.opencode', '保存后会写入 ~/.config/opencode/AGENTS.md。');
+                return;
+            }
             this.agentsContext = context === 'openclaw' ? 'openclaw' : 'codex';
             if (this.agentsContext === 'openclaw') {
                 this.agentsModalTitle = tr('modal.agents.title.openclaw', 'OpenClaw AGENTS.md 编辑器');
@@ -700,6 +710,8 @@ export function createAgentsMethods(options = {}) {
                     }
                 } else if (this.agentsContext === 'openclaw') {
                     action = 'apply-openclaw-agents-file';
+                } else if (this.agentsContext === 'opencode') {
+                    action = 'apply-opencode-agents-file';
                 } else if (this.agentsContext === 'openclaw-workspace') {
                     action = 'apply-openclaw-workspace-file';
                     params.fileName = this.agentsWorkspaceFileName;
@@ -716,7 +728,11 @@ export function createAgentsMethods(options = {}) {
                     ? this.t('toast.agents.saved.workspace', { name: this.agentsWorkspaceFileName || '' }).replace(/:\s*$/, '')
                     : (this.agentsContext === 'claude-project'
                         ? this.t('toast.agents.saved.claudeProject')
-                        : (this.agentsContext === 'openclaw' ? this.t('toast.agents.saved.openclaw') : this.t('toast.agents.saved.agents')));
+                        : (this.agentsContext === 'openclaw'
+                            ? this.t('toast.agents.saved.openclaw')
+                            : (this.agentsContext === 'opencode'
+                                ? this.t('toast.agents.saved.opencode')
+                                : this.t('toast.agents.saved.agents'))));
                 this.showMessage(successLabel, 'success');
                 if (this.mainTab === 'prompts') {
                     this.loadPromptsContent();
@@ -987,7 +1003,7 @@ export function createAgentsMethods(options = {}) {
         },
 
         switchPromptsSubTab(subTab) {
-            const normalized = subTab === 'claude-project' || subTab === 'system' ? subTab : 'codex';
+            const normalized = subTab === 'claude-project' || subTab === 'system' || subTab === 'opencode' ? subTab : 'codex';
             if (normalized === 'claude-project' && !this.projectPathOptions.length && !this.projectPathOptionsLoading) {
                 this.loadProjectPathOptions();
             }
@@ -1035,6 +1051,8 @@ export function createAgentsMethods(options = {}) {
                     if (projectPath) {
                         rpcParams.baseDir = projectPath;
                     }
+                } else if (subTab === 'opencode') {
+                    action = 'get-opencode-agents-file';
                 } else {
                     action = 'get-agents-file';
                 }
@@ -1051,7 +1069,7 @@ export function createAgentsMethods(options = {}) {
                 this.agentsPath = res.path || '';
                 this.agentsExists = !!res.exists;
                 this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
-                this.agentsContext = subTab === 'claude-project' ? 'claude-project' : 'codex';
+                this.agentsContext = subTab === 'claude-project' ? 'claude-project' : (subTab === 'opencode' ? 'opencode' : 'codex');
             } catch (e) {
                 if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     return;

package/web-ui/modules/app.methods.navigation.mjs

@@ -732,8 +732,8 @@
             this.invalidateSessionTimelineMeasurementCache();
         },
 
-        async loadMoreSessionMessages() {
-            return loadMoreSessionMessagesHelper.call(this);
+        async loadMoreSessionMessages(stepSize) {
+            return loadMoreSessionMessagesHelper.call(this, stepSize);
         },
 
         suspendSessionTabRender() {

package/web-ui/modules/app.methods.pi-config.mjs

@@ -55,6 +55,7 @@ export function createPiConfigMethods({ api: apiClient }) {
                 : '';
             const updates = { defaultProvider: providerId };
             if (firstModel) updates.defaultModel = firstModel;
+            else updates.defaultModel = '';
             try {
                 const result = await apiClient('write-pi-settings', updates);
                 if (result && result.error) throw new Error(result.error);
@@ -126,6 +127,11 @@ export function createPiConfigMethods({ api: apiClient }) {
                     this.messageType = 'error';
                     return;
                 }
+                if (!Array.isArray(merged.models) || merged.models.length === 0) {
+                    this.message = '请至少导入或输入一个模型';
+                    this.messageType = 'error';
+                    return;
+                }
                 const providerId = isNew ? this.derivePiProviderId(baseUrl) : editor.id;
                 if (isNew) {
                     merged.id = providerId;
@@ -207,6 +213,7 @@ export function createPiConfigMethods({ api: apiClient }) {
         startPiProviderDraft(tpl) {
             const template = isPiPlainObject(tpl) ? tpl : {};
             this.resetPiEditorTransientState();
+            this.showAddPiProviderModal = false;
             this.editingPiProvider = {
                 id: '',
                 isNew: true,
@@ -350,6 +357,8 @@ export function createPiConfigMethods({ api: apiClient }) {
             const wasNew = !!editor.isNew;
             this.resetPiProviderEditing();
             if (wasNew) this.piSelectedProviderTemplate = '';
+            this.showAddPiProviderModal = false;
+            this.piProviderPickerQuery = '';
         },
         removePiProviderModel(index) {
             if (!this.editingPiProvider) return;
@@ -544,7 +553,7 @@ export function createPiConfigMethods({ api: apiClient }) {
             if (merged.baseUrl === undefined) merged.baseUrl = values.baseUrl || '';
             if (merged.api === undefined) merged.api = values.api || '';
             if (merged.apiKey === undefined) merged.apiKey = values.apiKey || '';
-            if (merged.models === undefined) merged.models = mapModels(values.models);
+            merged.models = mapModels(merged.models !== undefined ? merged.models : values.models);
             if (isPiPlainObject(orig.headers)) merged.headers = orig.headers;
             if (typeof orig.title === 'string') merged.title = orig.title;
             else if (typeof orig.name === 'string') merged.name = orig.name;

package/web-ui/modules/app.methods.web-ui-preferences.mjs

@@ -63,6 +63,7 @@ function normalizePromptsSubTab(value) {
     const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
     if (normalized === 'claude-project') return normalized;
     if (normalized === 'system') return normalized;
+    if (normalized === 'opencode') return normalized;
     return 'codex';
 }
 

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

@@ -229,6 +229,7 @@ const en = Object.freeze({
     'subtitle.settings': 'Manage downloads, directories, and trash.',
     'subtitle.prompts': 'Edit AGENTS.md and CLAUDE.md.',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
+    'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': 'Preset pool',
@@ -439,6 +440,7 @@ const en = Object.freeze({
     'toast.agents.saved.agents': 'AGENTS.md saved',
     'toast.agents.saved.claudeProject': 'Project CLAUDE.md saved',
     'toast.agents.saved.openclaw': 'OpenClaw AGENTS.md saved',
+    'toast.agents.saved.opencode': 'OpenCode AGENTS.md saved',
     'toast.agents.saved.workspace': 'Workspace file saved: {name}',
     'toast.delete.ok': 'Deleted',
     'toast.delete.fail': 'Delete failed',
@@ -961,6 +963,7 @@ const en = Object.freeze({
     'config.agents.open': 'Open AGENTS.md',
     'modal.agents.title.default': 'AGENTS.md editor',
     'modal.agents.title.openclaw': 'OpenClaw AGENTS.md editor',
+    'modal.agents.title.opencode': 'OpenCode AGENTS.md editor',
     'modal.agents.hint.default': 'Saved content will be written to AGENTS.md (next to config.toml).',
     'modal.agents.title.claudeProject': 'Project CLAUDE.md: {path}',
     'modal.agents.hint.claudeProject': 'Saved content will be written to CLAUDE.md in: {path}',
@@ -969,6 +972,7 @@ const en = Object.freeze({
     'modal.agents.contentLabel.claudeProject': 'CLAUDE.md content',
     'modal.agents.placeholder.claudeProject': 'Edit CLAUDE.md here',
     'modal.agents.hint.openclaw': 'Saved content will be written to OpenClaw workspace AGENTS.md.',
+    'modal.agents.hint.opencode': 'Saved content will be written to ~/.config/opencode/AGENTS.md.',
     'modal.agents.title.openclawWorkspaceFile': 'OpenClaw workspace file: {fileName}',
     'modal.agents.hint.openclawWorkspaceFile': 'Saved content will be written to OpenClaw workspace {fileName}.',
     'config.url.unset': 'URL not set',
@@ -1362,9 +1366,9 @@ const en = Object.freeze({
     'pi.providers.json.previewTitle': 'Preview',
     'pi.providers.json.editTitle': 'Edit JSON',
     'pi.files.title': 'File JSON',
-    'pi.files.desc': 'View and edit Pi settings.json and models.json in full; JSON validity is checked before saving and invalid content is never written.',
     'pi.files.settingsTitle': 'settings.json (active settings)',
     'pi.files.modelsTitle': 'models.json (providers and models)',
+    'pi.files.modelsHint': 'Merged automatically from the provider management above; prefer editing providers there instead.',
     'pi.history.apply': 'Apply this record',
     'pi.history.applied': 'History record applied',
     'pi.history.applyFailed': 'Failed to apply history record',

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

@@ -230,6 +230,7 @@ const ja = Object.freeze({
     'subtitle.settings': 'ダウンロード・ディレクトリ・ゴミ箱の管理。',
     'subtitle.prompts': 'AGENTS.md と CLAUDE.md を編集。',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
+    'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': 'プリセット',
@@ -441,6 +442,7 @@ const ja = Object.freeze({
     'toast.agents.saved.agents': 'AGENTS.md 保存しました',
     'toast.agents.saved.claudeProject': 'プロジェクト CLAUDE.md 保存しました',
     'toast.agents.saved.openclaw': 'OpenClaw AGENTS.md 保存しました',
+    'toast.agents.saved.opencode': 'OpenCode AGENTS.md 保存しました',
     'toast.agents.saved.workspace': 'ワークスペースファイル保存済み: {name}',
     'toast.delete.ok': '削除しました',
     'toast.delete.fail': '削除に失敗しました',
@@ -964,6 +966,7 @@ const ja = Object.freeze({
     'config.agents.open': 'AGENTS.md を開く',
     'modal.agents.title.default': 'AGENTS.md エディタ',
     'modal.agents.title.openclaw': 'OpenClaw AGENTS.md エディタ',
+    'modal.agents.title.opencode': 'OpenCode AGENTS.md エディタ',
     'modal.agents.hint.default': '保存すると対象の AGENTS.md（config.toml と同階層）に書き込まれます。',
     'modal.agents.title.claudeProject': 'プロジェクト CLAUDE.md: {path}',
     'modal.agents.hint.claudeProject': '保存するとプロジェクトの CLAUDE.md に書き込まれます: {path}',
@@ -972,6 +975,7 @@ const ja = Object.freeze({
     'modal.agents.contentLabel.claudeProject': 'CLAUDE.md 内容',
     'modal.agents.placeholder.claudeProject': 'CLAUDE.md を編集',
     'modal.agents.hint.openclaw': '保存すると OpenClaw Workspace の AGENTS.md に書き込まれます。',
+    'modal.agents.hint.opencode': '保存すると ~/.config/opencode/AGENTS.md に書き込まれます。',
     'modal.agents.title.openclawWorkspaceFile': 'OpenClaw ワークスペースファイル: {fileName}',
     'modal.agents.hint.openclawWorkspaceFile': '保存すると OpenClaw Workspace の {fileName} に書き込まれます。',
     'config.url.unset': 'URL 未設定',
@@ -1363,9 +1367,9 @@ const ja = Object.freeze({
     'pi.providers.json.previewTitle': 'プレビュー',
     'pi.providers.json.editTitle': 'JSON を編集',
     'pi.files.title': 'ファイル JSON',
-    'pi.files.desc': 'Pi の settings.json と models.json を全文表示して直接編集します。保存前に JSON の正当性を検証し、不正な内容は書き込みません。',
     'pi.files.settingsTitle': 'settings.json（有効な設定）',
     'pi.files.modelsTitle': 'models.json（プロバイダーとモデル）',
+    'pi.files.modelsHint': '上のプロバイダー管理から自動的にマージされます。プロバイダーの変更は上の管理画面を優先してください。',
     'pi.history.apply': 'この履歴を適用',
     'pi.history.applied': '履歴を適用しました',
     'pi.history.applyFailed': '履歴の適用に失敗しました',

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

@@ -247,6 +247,7 @@ const vi = Object.freeze({
     'subtitle.settings': 'Quản lý tải xuống, thư mục và dữ liệu.',
     'subtitle.prompts': 'Chỉnh sửa AGENTS.md và CLAUDE.md.',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
+    'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': 'Kho preset',
@@ -401,6 +402,7 @@ const vi = Object.freeze({
     'toast.agents.saved.agents': 'AGENTS.md đã lưu',
     'toast.agents.saved.claudeProject': 'CLAUDE.md dự án đã lưu',
     'toast.agents.saved.openclaw': 'OpenClaw AGENTS.md đã lưu',
+    'toast.agents.saved.opencode': 'OpenCode AGENTS.md đã lưu',
     'toast.agents.saved.workspace': 'Tệp workspace đã lưu: {name}',
     'toast.delete.ok': 'Đã xóa',
     'toast.delete.fail': 'Xóa thất bại',
@@ -1073,8 +1075,10 @@ const vi = Object.freeze({
     'config.agents.open': 'Mở AGENTS.md',
     'modal.agents.title.default': 'Trình soạn thảo AGENTS.md',
     'modal.agents.title.openclaw': 'Trình soạn thảo AGENTS.md OpenClaw',
+    'modal.agents.title.opencode': 'Trình soạn thảo AGENTS.md OpenCode',
     'modal.agents.hint.default': 'Nội dung đã lưu sẽ được ghi vào AGENTS.md (cạnh config.toml).',
     'modal.agents.hint.openclaw': 'Nội dung đã lưu sẽ được ghi vào AGENTS.md không gian làm việc OpenClaw.',
+    'modal.agents.hint.opencode': 'Nội dung đã lưu sẽ được ghi vào ~/.config/opencode/AGENTS.md.',
     'modal.agents.title.openclawWorkspaceFile': 'File không gian làm việc OpenClaw: {fileName}',
     'modal.agents.hint.openclawWorkspaceFile': 'Nội dung đã lưu sẽ được ghi vào OpenClaw {fileName}.',
     'config.url.unset': 'URL chưa đặt',
@@ -1331,9 +1335,9 @@ const vi = Object.freeze({
     'pi.providers.json.previewTitle': 'Xem trước',
     'pi.providers.json.editTitle': 'Chỉnh sửa JSON',
     'pi.files.title': 'JSON tập tin',
-    'pi.files.desc': 'Hiển thị đầy đủ và chỉnh sửa trực tiếp settings.json và models.json của Pi; kiểm tra tính hợp lệ của JSON trước khi lưu, nội dung không hợp lệ sẽ không được ghi.',
     'pi.files.settingsTitle': 'settings.json (cài đặt đang dùng)',
     'pi.files.modelsTitle': 'models.json (nhà cung cấp và mô hình)',
+    'pi.files.modelsHint': 'Được hợp nhất tự động từ phần quản lý nhà cung cấp phía trên; hãy ưu tiên chỉnh sửa ở đó.',
     'pi.history.apply': 'Áp dụng bản ghi này',
     'pi.history.applied': 'Đã áp dụng lịch sử',
     'pi.history.applyFailed': 'Áp dụng lịch sử thất bại',

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

@@ -229,6 +229,7 @@ const zhTw = Object.freeze({
     'subtitle.settings': '管理下載、目錄與回收站。',
     'subtitle.prompts': '編輯 AGENTS.md 與 CLAUDE.md。',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
+    'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': '預設池',
@@ -439,6 +440,7 @@ const zhTw = Object.freeze({
     'toast.agents.saved.agents': 'AGENTS.md 已保存',
     'toast.agents.saved.claudeProject': '專案 CLAUDE.md 已保存',
     'toast.agents.saved.openclaw': 'OpenClaw AGENTS.md 已保存',
+    'toast.agents.saved.opencode': 'OpenCode AGENTS.md 已保存',
     'toast.agents.saved.workspace': '工作區文件已保存: {name}',
     'toast.delete.ok': '已刪除',
     'toast.delete.fail': '刪除失敗',
@@ -960,6 +962,7 @@ const zhTw = Object.freeze({
     'config.agents.open': '打開 AGENTS.md',
     'modal.agents.title.default': 'AGENTS.md 編輯器',
     'modal.agents.title.openclaw': 'OpenClaw AGENTS.md 編輯器',
+    'modal.agents.title.opencode': 'OpenCode AGENTS.md 編輯器',
     'modal.agents.hint.default': '保存後會寫入目標 AGENTS.md（與 config.toml 同級）。',
     'modal.agents.title.claudeProject': '專案 CLAUDE.md: {path}',
     'modal.agents.hint.claudeProject': '保存後會寫入專案目錄下的 CLAUDE.md: {path}',
@@ -968,6 +971,7 @@ const zhTw = Object.freeze({
     'modal.agents.contentLabel.claudeProject': 'CLAUDE.md 內容',
     'modal.agents.placeholder.claudeProject': '在這裡編輯 CLAUDE.md',
     'modal.agents.hint.openclaw': '保存後會寫入 OpenClaw Workspace 下的 AGENTS.md。',
+    'modal.agents.hint.opencode': '儲存後會寫入 ~/.config/opencode/AGENTS.md。',
     'modal.agents.title.openclawWorkspaceFile': 'OpenClaw 工作區文件: {fileName}',
     'modal.agents.hint.openclawWorkspaceFile': '保存後會寫入 OpenClaw Workspace 下的 {fileName}。',
     'config.url.unset': '未設 URL',
@@ -1360,9 +1364,9 @@ const zhTw = Object.freeze({
     'pi.providers.json.previewTitle': '預覽',
     'pi.providers.json.editTitle': '編輯 JSON',
     'pi.files.title': '檔案 JSON',
-    'pi.files.desc': '完整展示並直接編輯 Pi 的 settings.json 與 models.json；儲存前校驗 JSON 合法性，非法內容不會寫入。',
     'pi.files.settingsTitle': 'settings.json（生效設定）',
     'pi.files.modelsTitle': 'models.json（供應商與模型）',
+    'pi.files.modelsHint': '由上方供應商管理自動合併生成；調整供應商請優先使用上方的供應商管理。',
     'pi.history.apply': '套用此紀錄',
     'pi.history.applied': '已套用歷史紀錄',
     'pi.history.applyFailed': '套用歷史紀錄失敗',

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

@@ -229,6 +229,7 @@ const zh = Object.freeze({
     'subtitle.settings': '管理下载、目录与回收站。',
     'subtitle.prompts': '编辑 AGENTS.md 与 CLAUDE.md。',
     'prompts.subTab.codex': 'AGENTS.md (Codex)',
+    'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': '预设池',
@@ -439,6 +440,7 @@ const zh = Object.freeze({
     'toast.agents.saved.agents': 'AGENTS.md 已保存',
     'toast.agents.saved.claudeProject': '项目 CLAUDE.md 已保存',
     'toast.agents.saved.openclaw': 'OpenClaw AGENTS.md 已保存',
+    'toast.agents.saved.opencode': 'OpenCode AGENTS.md 已保存',
     'toast.agents.saved.workspace': '工作区文件已保存: {name}',
     'toast.delete.ok': '已删除',
     'toast.delete.fail': '删除失败',
@@ -960,6 +962,7 @@ const zh = Object.freeze({
     'config.agents.open': '打开 AGENTS.md',
     'modal.agents.title.default': 'AGENTS.md 编辑器',
     'modal.agents.title.openclaw': 'OpenClaw AGENTS.md 编辑器',
+    'modal.agents.title.opencode': 'OpenCode AGENTS.md 编辑器',
     'modal.agents.hint.default': '保存后会写入目标 AGENTS.md（与 config.toml 同级）。',
     'modal.agents.title.claudeProject': '项目 CLAUDE.md: {path}',
     'modal.agents.hint.claudeProject': '保存后会写入项目目录下的 CLAUDE.md: {path}',
@@ -968,6 +971,7 @@ const zh = Object.freeze({
     'modal.agents.contentLabel.claudeProject': 'CLAUDE.md 内容',
     'modal.agents.placeholder.claudeProject': '在这里编辑 CLAUDE.md',
     'modal.agents.hint.openclaw': 'Workspace / AGENTS.md',
+    'modal.agents.hint.opencode': '保存后会写入 ~/.config/opencode/AGENTS.md。',
     'modal.agents.title.openclawWorkspaceFile': 'OpenClaw 工作区文件: {fileName}',
     'modal.agents.hint.openclawWorkspaceFile': 'Workspace / {fileName}',
     'config.url.unset': '未设 URL',
@@ -1360,9 +1364,9 @@ const zh = Object.freeze({
     'pi.providers.json.previewTitle': '预览',
     'pi.providers.json.editTitle': '编辑 JSON',
     'pi.files.title': '文件 JSON',
-    'pi.files.desc': '完整展示并直接编辑 Pi 的 settings.json 与 models.json；保存前校验 JSON 合法性，非法内容不会写入。',
     'pi.files.settingsTitle': 'settings.json（生效设置）',
     'pi.files.modelsTitle': 'models.json（供应商与模型）',
+    'pi.files.modelsHint': '由上方供应商管理自动合并生成；调整供应商请优先使用上方的供应商管理。',
     'pi.history.apply': '应用此记录',
     'pi.history.applied': '已应用历史记录',
     'pi.history.applyFailed': '应用历史记录失败',

package/web-ui/partials/index/panel-config-pi.html

@@ -49,19 +49,24 @@
                                     </div>
                                     <div class="card-trailing">
                                         <span v-if="piActiveProvider === providerId" class="pill configured">{{ t('pi.providers.active') }}</span>
-                                        <button v-else type="button" class="btn-tool" @click.stop="switchPiActiveProvider(providerId)" :disabled="!isToolConfigWriteAllowed('pi') || piSaving">{{ t('pi.providers.setActive') }}</button>
+                                        <button v-else type="button" class="btn-tool btn-tool-compact" @click.stop="switchPiActiveProvider(providerId)" :disabled="!isToolConfigWriteAllowed('pi') || piSaving">{{ t('pi.providers.setActive') }}</button>
                                     </div>
                                 </div>
                             </div>
-                            <div v-if="!piProviderIds.length" class="config-template-hint">{{ t('pi.providers.empty') }}</div>
+                            <div v-if="!piProviderIds.length" class="empty-state">
+                                <div class="empty-state-title">{{ t('pi.providers.empty') }}</div>
+                            </div>
                         </section>
 
-                        <section class="selector-section">
+                        <section class="selector-section pi-file-section">
                             <div class="selector-header">
-                                <span class="selector-title">{{ t('pi.files.title') }}</span>
+                                <span class="selector-title">{{ t('pi.files.settingsTitle') }}</span>
+                                <div class="selector-actions">
+                                    <button type="button" class="btn-tool btn-tool-compact" @click="openPiConfigHistory('settings')" :disabled="piHistoryLoading">{{ t('common.history') }}</button>
+                                    <button type="button" class="btn-tool btn-tool-compact" @click="savePiSettingsJson" :disabled="!isToolConfigWriteAllowed('pi') || piSaving || piFileJsonSaving || !!piSettingsJsonError">{{ t('common.save') }}</button>
+                                </div>
                             </div>
-                            <div class="config-template-hint">{{ t('pi.files.desc') }}</div>
-                            <label class="form-label">{{ t('pi.files.settingsTitle') }}</label>
+                            <div class="config-template-hint">{{ t('pi.providers.targetFile', { path: '~/.pi/agent/settings.json' }) }}</div>
                             <textarea
                                 class="template-textarea config-json-editor"
                                 v-model="piSettingsJsonDraft"
@@ -71,10 +76,6 @@
                                 @input="piSettingsJsonInput"
                                 placeholder="{}"></textarea>
                             <p v-if="piSettingsJsonError" class="config-template-hint error-text">{{ piSettingsJsonError }}</p>
-                            <div class="settings-tab-actions">
-                                <button type="button" class="btn-tool" @click="savePiSettingsJson" :disabled="!isToolConfigWriteAllowed('pi') || piSaving || piFileJsonSaving || !!piSettingsJsonError">{{ t('common.save') }}</button>
-                                <button type="button" class="btn-mini" @click="openPiConfigHistory('settings')" :disabled="piHistoryLoading">{{ t('common.history') }}</button>
-                            </div>
                             <details v-if="piHistoryTarget === 'settings'" class="prompt-history-panel" open>
                                 <summary class="prompt-history-summary">
                                     <span>{{ t('common.history') }}</span>
@@ -96,7 +97,18 @@
                                     </div>
                                 </div>
                             </details>
-                            <label class="form-label">{{ t('pi.files.modelsTitle') }}</label>
+                        </section>
+
+                        <section class="selector-section pi-file-section">
+                            <div class="selector-header">
+                                <span class="selector-title">{{ t('pi.files.modelsTitle') }}</span>
+                                <div class="selector-actions">
+                                    <button type="button" class="btn-tool btn-tool-compact" @click="openPiConfigHistory('models')" :disabled="piHistoryLoading">{{ t('common.history') }}</button>
+                                    <button type="button" class="btn-tool btn-tool-compact" @click="savePiModelsJson" :disabled="!isToolConfigWriteAllowed('pi') || piSaving || piFileJsonSaving || !!piModelsJsonError">{{ t('common.save') }}</button>
+                                </div>
+                            </div>
+                            <div class="config-template-hint">{{ t('pi.files.modelsHint') }}</div>
+                            <div class="config-template-hint">{{ t('pi.providers.targetFile', { path: '~/.pi/agent/models.json' }) }}</div>
                             <textarea
                                 class="template-textarea config-json-editor"
                                 v-model="piModelsJsonDraft"
@@ -106,10 +118,6 @@
                                 @input="piModelsJsonInput"
                                 placeholder="{}"></textarea>
                             <p v-if="piModelsJsonError" class="config-template-hint error-text">{{ piModelsJsonError }}</p>
-                            <div class="settings-tab-actions">
-                                <button type="button" class="btn-tool" @click="savePiModelsJson" :disabled="!isToolConfigWriteAllowed('pi') || piSaving || piFileJsonSaving || !!piModelsJsonError">{{ t('common.save') }}</button>
-                                <button type="button" class="btn-mini" @click="openPiConfigHistory('models')" :disabled="piHistoryLoading">{{ t('common.history') }}</button>
-                            </div>
                             <details v-if="piHistoryTarget === 'models'" class="prompt-history-panel" open>
                                 <summary class="prompt-history-summary">
                                     <span>{{ t('common.history') }}</span>

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

@@ -7,6 +7,7 @@
                     aria-labelledby="tab-prompts">
                 <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 === 'opencode' }]" role="tab" :aria-selected="promptsSubTab === 'opencode'" @click="switchPromptsSubTab('opencode')">{{ t('prompts.subTab.opencode') }}</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>

package/web-ui/res/web-ui-render.precompiled.js

@@ -3268,7 +3268,7 @@ return function render(_ctx, _cache) {
                                 : (_openBlock(), _createElementBlock("button", {
                                     key: 1,
                                     type: "button",
-                                    class: "btn-tool",
+                                    class: "btn-tool btn-tool-compact",
                                     onClick: _withModifiers($event => (_ctx.switchPiActiveProvider(providerId)), ["stop"]),
                                     disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving
                                   }, _toDisplayString(_ctx.t('pi.providers.setActive')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]))
@@ -3280,16 +3280,31 @@ return function render(_ctx, _cache) {
                   (!_ctx.piProviderIds.length)
                     ? (_openBlock(), _createElementBlock("div", {
                         key: 1,
-                        class: "config-template-hint"
-                      }, _toDisplayString(_ctx.t('pi.providers.empty')), 1 /* TEXT */))
+                        class: "empty-state"
+                      }, [
+                        _createElementVNode("div", { class: "empty-state-title" }, _toDisplayString(_ctx.t('pi.providers.empty')), 1 /* TEXT */)
+                      ]))
                     : _createCommentVNode("v-if", true)
                 ]),
-                _createElementVNode("section", { class: "selector-section" }, [
+                _createElementVNode("section", { class: "selector-section pi-file-section" }, [
                   _createElementVNode("div", { class: "selector-header" }, [
-                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.files.title')), 1 /* TEXT */)
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.files.settingsTitle')), 1 /* TEXT */),
+                    _createElementVNode("div", { class: "selector-actions" }, [
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: $event => (_ctx.openPiConfigHistory('settings')),
+                        disabled: _ctx.piHistoryLoading
+                      }, _toDisplayString(_ctx.t('common.history')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: _ctx.savePiSettingsJson,
+                        disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piSettingsJsonError
+                      }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                    ])
                   ]),
-                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.files.desc')), 1 /* TEXT */),
-                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.files.settingsTitle')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.targetFile', { path: '~/.pi/agent/settings.json' })), 1 /* TEXT */),
                   _withDirectives(_createElementVNode("textarea", {
                     class: "template-textarea config-json-editor",
                     "onUpdate:modelValue": $event => ((_ctx.piSettingsJsonDraft) = $event),
@@ -3307,20 +3322,6 @@ return function render(_ctx, _cache) {
                         class: "config-template-hint error-text"
                       }, _toDisplayString(_ctx.piSettingsJsonError), 1 /* TEXT */))
                     : _createCommentVNode("v-if", true),
-                  _createElementVNode("div", { class: "settings-tab-actions" }, [
-                    _createElementVNode("button", {
-                      type: "button",
-                      class: "btn-tool",
-                      onClick: _ctx.savePiSettingsJson,
-                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piSettingsJsonError
-                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                    _createElementVNode("button", {
-                      type: "button",
-                      class: "btn-mini",
-                      onClick: $event => (_ctx.openPiConfigHistory('settings')),
-                      disabled: _ctx.piHistoryLoading
-                    }, _toDisplayString(_ctx.t('common.history')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                  ]),
                   (_ctx.piHistoryTarget === 'settings')
                     ? (_openBlock(), _createElementBlock("details", {
                         key: 1,
@@ -3386,8 +3387,28 @@ return function render(_ctx, _cache) {
                             : _createCommentVNode("v-if", true)
                         ])
                       ]))
-                    : _createCommentVNode("v-if", true),
-                  _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('pi.files.modelsTitle')), 1 /* TEXT */),
+                    : _createCommentVNode("v-if", true)
+                ]),
+                _createElementVNode("section", { class: "selector-section pi-file-section" }, [
+                  _createElementVNode("div", { class: "selector-header" }, [
+                    _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('pi.files.modelsTitle')), 1 /* TEXT */),
+                    _createElementVNode("div", { class: "selector-actions" }, [
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: $event => (_ctx.openPiConfigHistory('models')),
+                        disabled: _ctx.piHistoryLoading
+                      }, _toDisplayString(_ctx.t('common.history')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
+                      _createElementVNode("button", {
+                        type: "button",
+                        class: "btn-tool btn-tool-compact",
+                        onClick: _ctx.savePiModelsJson,
+                        disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piModelsJsonError
+                      }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                    ])
+                  ]),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.files.modelsHint')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "config-template-hint" }, _toDisplayString(_ctx.t('pi.providers.targetFile', { path: '~/.pi/agent/models.json' })), 1 /* TEXT */),
                   _withDirectives(_createElementVNode("textarea", {
                     class: "template-textarea config-json-editor",
                     "onUpdate:modelValue": $event => ((_ctx.piModelsJsonDraft) = $event),
@@ -3401,27 +3422,13 @@ return function render(_ctx, _cache) {
                   ]),
                   (_ctx.piModelsJsonError)
                     ? (_openBlock(), _createElementBlock("p", {
-                        key: 2,
+                        key: 0,
                         class: "config-template-hint error-text"
                       }, _toDisplayString(_ctx.piModelsJsonError), 1 /* TEXT */))
                     : _createCommentVNode("v-if", true),
-                  _createElementVNode("div", { class: "settings-tab-actions" }, [
-                    _createElementVNode("button", {
-                      type: "button",
-                      class: "btn-tool",
-                      onClick: _ctx.savePiModelsJson,
-                      disabled: !_ctx.isToolConfigWriteAllowed('pi') || _ctx.piSaving || _ctx.piFileJsonSaving || !!_ctx.piModelsJsonError
-                    }, _toDisplayString(_ctx.t('common.save')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
-                    _createElementVNode("button", {
-                      type: "button",
-                      class: "btn-mini",
-                      onClick: $event => (_ctx.openPiConfigHistory('models')),
-                      disabled: _ctx.piHistoryLoading
-                    }, _toDisplayString(_ctx.t('common.history')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
-                  ]),
                   (_ctx.piHistoryTarget === 'models')
                     ? (_openBlock(), _createElementBlock("details", {
-                        key: 3,
+                        key: 1,
                         class: "prompt-history-panel",
                         open: ""
                       }, [
@@ -6875,6 +6882,13 @@ return function render(_ctx, _cache) {
                     "aria-selected": _ctx.promptsSubTab === 'codex',
                     onClick: $event => (_ctx.switchPromptsSubTab('codex'))
                   }, _toDisplayString(_ctx.t('prompts.subTab.codex')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]),
+                  _createElementVNode("button", {
+                    type: "button",
+                    class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'opencode' }]),
+                    role: "tab",
+                    "aria-selected": _ctx.promptsSubTab === 'opencode',
+                    onClick: $event => (_ctx.switchPromptsSubTab('opencode'))
+                  }, _toDisplayString(_ctx.t('prompts.subTab.opencode')), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]),
                   _createElementVNode("button", {
                     type: "button",
                     class: _normalizeClass(['prompts-md-tab', { active: _ctx.promptsSubTab === 'claude-project' }]),

package/web-ui/session-helpers.mjs

@@ -530,7 +530,7 @@ export async function loadActiveSessionDetail(api, options = {}) {
     }
 }
 
-export async function loadMoreSessionMessages() {
+export async function loadMoreSessionMessages(stepSize) {
     if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
         return;
     }
@@ -541,6 +541,19 @@ export async function loadMoreSessionMessages() {
         this.sessionPreviewVisibleCount = 0;
         return;
     }
+    const step = Number.isFinite(stepSize)
+        ? Math.max(1, Math.floor(stepSize))
+        : (Number.isFinite(this.sessionPreviewLoadStep)
+            ? Math.max(1, Math.floor(this.sessionPreviewLoadStep))
+            : 40);
+    const current = Number.isFinite(this.sessionPreviewVisibleCount)
+        ? Math.max(0, Math.floor(this.sessionPreviewVisibleCount))
+        : 0;
+    const targetVisible = current + step;
+    if (targetVisible <= total) {
+        this.sessionPreviewVisibleCount = Math.min(total, targetVisible);
+        return;
+    }
 
     this.sessionPreviewVisibleCount = total;
     if (this.sessionDetailLoading) {
@@ -560,19 +573,24 @@ export async function loadMoreSessionMessages() {
     const currentLimit = Number.isFinite(currentLimitRaw)
         ? Math.max(1, Math.floor(currentLimitRaw))
         : Math.max(1, total);
+    const fetchStep = Number.isFinite(this.sessionDetailFetchStep)
+        ? Math.max(1, Math.floor(this.sessionDetailFetchStep))
+        : 80;
     const limitCapRaw = Number(this.sessionDetailMessageLimitCap);
     const limitCap = Number.isFinite(limitCapRaw)
         ? Math.max(1, Math.floor(limitCapRaw))
         : 1000;
 
-    const nextLimit = totalKnown > 0
-        ? Math.min(totalKnown, limitCap)
-        : limitCap;
+    let nextLimit = Math.max(currentLimit + fetchStep, targetVisible);
+    if (totalKnown > total) {
+        nextLimit = Math.min(nextLimit, totalKnown);
+    }
+    nextLimit = Math.min(nextLimit, limitCap);
     if (nextLimit <= currentLimit) {
         return;
     }
 
-    this.sessionPreviewPendingVisibleCount = nextLimit;
+    this.sessionPreviewPendingVisibleCount = targetVisible;
     this.sessionDetailMessageLimit = nextLimit;
     this.sessionPreviewLoadingMore = true;
     try {
@@ -580,11 +598,4 @@ export async function loadMoreSessionMessages() {
     } finally {
         this.sessionPreviewLoadingMore = false;
     }
-
-    const loadedTotal = Array.isArray(this.activeSessionMessages)
-        ? this.activeSessionMessages.length
-        : 0;
-    if (loadedTotal > this.sessionPreviewVisibleCount) {
-        this.sessionPreviewVisibleCount = loadedTotal;
-    }
 }

package/web-ui/styles/controls-forms.css

@@ -104,6 +104,13 @@
     flex: 0 0 auto;
 }
 
+.selector-header .selector-actions > .btn-tool + .btn-tool,
+.selector-header .selector-actions > .btn-tool-compact + .btn-tool,
+.selector-header .selector-actions > .btn-tool + .btn-tool-compact,
+.selector-header .selector-actions > .btn-tool-compact + .btn-tool-compact {
+    margin-top: 0;
+}
+
 .selector-actions.opencode-provider-actions {
     display: inline-flex;
     align-items: stretch;