codexmate 0.0.44 → 0.0.47

package/web-ui/modules/app.computed.main-tabs.mjs

@@ -151,6 +151,7 @@ export function createMainTabsComputed() {
             if (this.mainTab === 'plugins') return this.t('kicker.plugins');
             if (this.mainTab === 'docs') return this.t('kicker.docs');
             if (this.mainTab === 'trash') return this.t('kicker.trash');
+            if (this.mainTab === 'prompts') return this.t('kicker.prompts');
             return this.t('kicker.settings');
         },
         mainTabTitle() {
@@ -163,6 +164,7 @@ export function createMainTabsComputed() {
             if (this.mainTab === 'plugins') return this.t('title.plugins');
             if (this.mainTab === 'docs') return this.t('title.docs');
             if (this.mainTab === 'trash') return this.t('settings.trash.title');
+            if (this.mainTab === 'prompts') return this.t('title.prompts');
             return this.t('title.settings');
         },
         mainTabSubtitle() {
@@ -175,6 +177,7 @@ export function createMainTabsComputed() {
             if (this.mainTab === 'plugins') return this.t('subtitle.plugins');
             if (this.mainTab === 'docs') return this.t('subtitle.docs');
             if (this.mainTab === 'trash') return this.t('settings.trash.meta');
+            if (this.mainTab === 'prompts') return this.t('subtitle.prompts');
             return this.t('subtitle.settings');
         },
         taskOrchestrationSelectedRun() {

package/web-ui/modules/app.computed.prompts.mjs

@@ -0,0 +1,28 @@
+export function createPromptsComputed() {
+    return {
+        promptsContextHint() {
+            if (!this.agentsLoading && !this.agentsDiffVisible && this.hasAgentsContentChanged()) {
+                return { text: this.t('modal.agents.unsaved.detectedHint'), warn: true };
+            }
+            if (this.agentsDiffVisible && (this.agentsDiffLoading || this.agentsSaving)) {
+                return { text: this.t('diff.hint.busy'), warn: false };
+            }
+            if (this.agentsDiffVisible && this.agentsDiffError) {
+                return { text: this.t('diff.hint.failedBack'), warn: false };
+            }
+            if (this.agentsDiffVisible && !this.agentsDiffHasChanges) {
+                return { text: this.t('diff.hint.noChangesBack'), warn: false };
+            }
+            if (this.agentsDiffVisible && this.agentsDiffTruncated) {
+                return { text: this.t('diff.viewHint.truncated'), warn: false };
+            }
+            if (this.agentsDiffVisible) {
+                return { text: this.t('diff.viewHint.preview'), warn: false };
+            }
+            if (!this.agentsLoading) {
+                return { text: this.t('modal.agents.hint.twoStepSave'), warn: false };
+            }
+            return null;
+        }
+    };
+}

package/web-ui/modules/app.computed.session.mjs

@@ -777,7 +777,7 @@ export function createSessionComputed() {
                 ? this.sessionUsageDaily
                 : null;
             if (!daily || !Array.isArray(daily.rows) || daily.rows.length === 0) {
-                return { points: [], labels: [], linePath: '', areaPath: '', width: 800, maxTokens: 0 };
+                return { points: [], labels: [], linePath: '', areaPath: '', width: 800, maxTokens: 0, yTicks: [] };
             }
 
             const rows = daily.rows;
@@ -806,6 +806,27 @@ export function createSessionComputed() {
             const selectedKey = this.sessionsUsageSelectedDayKey;
             const selectedPoint = points.find(p => p.key === selectedKey) || points[points.length - 1] || null;
 
+            const yTicks = [];
+            if (maxTokens > 0) {
+                const rawStep = maxTokens / 4;
+                const magnitude = Math.pow(10, Math.floor(Math.log10(rawStep)));
+                const residual = rawStep / magnitude;
+                const niceStep = residual <= 1.5 ? magnitude : (residual <= 3.5 ? 2 * magnitude : 5 * magnitude);
+                const tickCount = Math.min(Math.ceil(maxTokens / niceStep), 8);
+                for (let i = 0; i <= tickCount; i++) {
+                    const value = i * niceStep;
+                    if (value > maxTokens + niceStep * 0.5) break;
+                    const normalized = value / maxTokens;
+                    const y = padding.top + chartHeight - (normalized * chartHeight);
+                    yTicks.push({
+                        value,
+                        label: formatCompactUsageSummaryNumber(value),
+                        y,
+                        percent: (((height - y) / height) * 100).toFixed(1)
+                    });
+                }
+            }
+
             return {
                 points,
                 labels: rows.map((row, index) => ({
@@ -817,6 +838,7 @@ export function createSessionComputed() {
                 width,
                 height,
                 maxTokens,
+                yTicks,
                 hoverX: selectedPoint ? selectedPoint.x : 0,
                 hoverY: selectedPoint ? selectedPoint.y : 0
             };

package/web-ui/modules/app.constants.mjs

@@ -2,6 +2,19 @@ export const SESSION_TRASH_LIST_LIMIT = 500;
 export const SESSION_TRASH_PAGE_SIZE = 200;
 export const DEFAULT_MODEL_CONTEXT_WINDOW = 190000;
 export const DEFAULT_MODEL_AUTO_COMPACT_TOKEN_LIMIT = 185000;
+export const OPENCODE_MODEL_CATALOG = Object.freeze({
+  anthropic: Object.freeze(['claude-4-sonnet', 'claude-4-opus', 'claude-3.7-sonnet', 'claude-3.5-sonnet']),
+  openai: Object.freeze(['gpt-4.1', 'gpt-4o', 'o4-mini', 'o3-mini']),
+  gemini: Object.freeze(['gemini-2.5-pro', 'gemini-2.5-flash', 'gemini-1.5-pro']),
+  groq: Object.freeze(['llama-3.3-70b-versatile', 'llama-3.1-8b-instant']),
+  openrouter: Object.freeze(['anthropic/claude-3.7-sonnet', 'openai/gpt-4.1', 'google/gemini-2.5-pro']),
+  copilot: Object.freeze(['gpt-4o', 'claude-3.7-sonnet']),
+  azure: Object.freeze(['gpt-4.1', 'gpt-4o']),
+  bedrock: Object.freeze(['anthropic.claude-3-7-sonnet-20250219-v1:0']),
+  vertexai: Object.freeze(['gemini-2.5-pro', 'gemini-2.5-flash']),
+  xai: Object.freeze(['grok-3', 'grok-3-mini']),
+  local: Object.freeze(['local.model'])
+});
 export const DEFAULT_OPENCLAW_TEMPLATE = `{
   // OpenClaw config (JSON5)
   agent: {

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

@@ -635,17 +635,63 @@ export function createAgentsMethods(options = {}) {
                     return;
                 }
                 const successLabel = this.agentsContext === 'openclaw-workspace'
-                    ? `工作区文件已保存${this.agentsWorkspaceFileName ? `: ${this.agentsWorkspaceFileName}` : ''}`
+                    ? this.t('toast.agents.saved.workspace', { name: this.agentsWorkspaceFileName || '' }).replace(/:\s*$/, '')
                     : (this.agentsContext === 'claude-md'
-                        ? 'CLAUDE.md 已保存'
-                        : (this.agentsContext === 'openclaw' ? 'OpenClaw AGENTS.md 已保存' : 'AGENTS.md 已保存'));
+                        ? this.t('toast.agents.saved.claudeMd')
+                        : (this.agentsContext === 'openclaw' ? this.t('toast.agents.saved.openclaw') : this.t('toast.agents.saved.agents')));
                 this.showMessage(successLabel, 'success');
-                this.closeAgentsModal({ force: true });
+                if (this.mainTab === 'prompts') {
+                    this.loadPromptsContent();
+                } else {
+                    this.closeAgentsModal({ force: true });
+                }
             } catch (e) {
                 this.showMessage(this.t('toast.save.fail'), 'error');
             } finally {
                 this.agentsSaving = false;
             }
+        },
+
+        switchPromptsSubTab(subTab) {
+            const normalized = subTab === 'claude-md' ? 'claude-md' : 'codex';
+            if (this.promptsSubTab === normalized) {
+                this.loadPromptsContent();
+                return;
+            }
+            this.promptsSubTab = normalized;
+        },
+
+        async loadPromptsContent() {
+            const requestToken = issueLatestRequestToken(this, '_agentsOpenRequestToken');
+            this.agentsLoading = true;
+            this.resetAgentsDiffState();
+            try {
+                const isClaude = this.promptsSubTab === 'claude-md';
+                const action = isClaude ? 'get-claude-md-file' : 'get-agents-file';
+                const res = await api(action);
+                if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
+                    return;
+                }
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.agentsContent = res.content || '';
+                this.agentsOriginalContent = this.agentsContent;
+                this.agentsPath = res.path || '';
+                this.agentsExists = !!res.exists;
+                this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                this.agentsContext = isClaude ? 'claude-md' : 'codex';
+            } catch (e) {
+                if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
+                    return;
+                }
+                this.showMessage(this.t('toast.load.fail'), 'error');
+            } finally {
+                if (isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
+                    this.agentsLoading = false;
+                }
+            }
         }
     };
 }

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

@@ -7,6 +7,7 @@ import {
     DEFAULT_MODEL_AUTO_COMPACT_TOKEN_LIMIT,
     DEFAULT_MODEL_CONTEXT_WINDOW,
     DEFAULT_OPENCLAW_TEMPLATE,
+    OPENCODE_MODEL_CATALOG,
     SESSION_TRASH_LIST_LIMIT,
     SESSION_TRASH_PAGE_SIZE
 } from './app.constants.mjs';
@@ -18,6 +19,7 @@ import { createNavigationMethods } from './app.methods.navigation.mjs';
 import { createOpenclawCoreMethods } from './app.methods.openclaw-core.mjs';
 import { createOpenclawEditingMethods } from './app.methods.openclaw-editing.mjs';
 import { createOpenclawPersistMethods } from './app.methods.openclaw-persist.mjs';
+import { createOpencodeConfigMethods } from './app.methods.opencode-config.mjs';
 import { createProvidersMethods } from './app.methods.providers.mjs';
 import { createRuntimeMethods } from './app.methods.runtime.mjs';
 import { createToolConfigPermissionMethods } from './app.methods.tool-config-permissions.mjs';
@@ -89,6 +91,10 @@ export function createAppMethods() {
             api,
             defaultOpenclawTemplate: DEFAULT_OPENCLAW_TEMPLATE
         }),
+        ...createOpencodeConfigMethods({
+            api,
+            modelCatalog: OPENCODE_MODEL_CATALOG
+        }),
         ...createInstallMethods({ api }),
         ...createRuntimeMethods({ api }),
         ...createTaskOrchestrationMethods({ api })

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

@@ -15,7 +15,8 @@
         'plugins',
         'docs',
         'settings',
-        'trash'
+        'trash',
+        'prompts'
     ]);
     const loadDoctorOverview = async (vm, options = {}) => {
         if (!vm || typeof vm !== 'object') return false;

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

@@ -0,0 +1,228 @@
+function normalizeOpencodeProviderName(value) {
+    const name = typeof value === 'string' ? value.trim().toLowerCase() : '';
+    return /^[a-z0-9_.-]+$/.test(name) ? name : '';
+}
+
+function normalizeOpencodeAgentName(value) {
+    const name = typeof value === 'string' ? value.trim() : '';
+    return /^[a-zA-Z0-9_.-]+$/.test(name) ? name : '';
+}
+
+function getOpencodeJsonParser() {
+    const root = typeof globalThis !== 'undefined' ? globalThis : {};
+    const json5 = root.JSON5 || (root.window && root.window.JSON5);
+    if (json5 && typeof json5.parse === 'function') {
+        return json5;
+    }
+    return JSON;
+}
+
+function summarizeOpencodeDraft(content) {
+    const parsed = getOpencodeJsonParser().parse(content || '{}');
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+        throw new Error('OpenCode config must be a JSON/JSONC object');
+    }
+    return parsed;
+}
+
+export function createOpencodeConfigMethods(options = {}) {
+    const { api, modelCatalog = {} } = options;
+
+    return {
+        opencodeProviderCatalog() {
+            const configured = Array.isArray(this.opencodeProviders)
+                ? this.opencodeProviders.map(item => item && item.name).filter(Boolean)
+                : [];
+            const builtin = Object.keys(modelCatalog || {});
+            return [...new Set([...configured, ...builtin])].sort((a, b) => a.localeCompare(b));
+        },
+
+        opencodeModelCatalogForProvider(providerName = this.opencodeProvider) {
+            const provider = normalizeOpencodeProviderName(providerName);
+            const list = provider && Array.isArray(modelCatalog[provider]) ? modelCatalog[provider] : [];
+            const configured = Array.isArray(this.opencodeAgents)
+                ? this.opencodeAgents.map(item => item && item.model).filter(Boolean)
+                : [];
+            return [...new Set([...list, ...configured])];
+        },
+
+        fillOpencodeProvider(provider) {
+            const name = normalizeOpencodeProviderName(provider);
+            if (!name) return;
+            this.opencodeProvider = name;
+            const models = this.opencodeModelCatalogForProvider(name);
+            if (!this.opencodeModel || !models.includes(this.opencodeModel)) {
+                this.opencodeModel = models[0] || '';
+            }
+            const selectedProvider = Array.isArray(this.opencodeProviders)
+                ? this.opencodeProviders.find(item => normalizeOpencodeProviderName(item && item.name) === name)
+                : null;
+            this.opencodeProviderDisabled = !!(selectedProvider && selectedProvider.disabled);
+        },
+
+        refreshOpencodeSelectionFromSummary(res = {}) {
+            const providers = Array.isArray(res.providers) ? res.providers : [];
+            const agents = Array.isArray(res.agents) ? res.agents : [];
+            this.opencodeProviders = providers;
+            this.opencodeAgents = agents;
+            const currentAgent = normalizeOpencodeAgentName(res.currentAgent) || 'build';
+            this.opencodeAgent = currentAgent;
+            const currentModel = typeof res.currentModel === 'string' ? res.currentModel.trim() : '';
+            this.opencodeModel = currentModel;
+            if (typeof res.autoCompact === 'boolean') {
+                this.opencodeAutoCompact = res.autoCompact;
+            }
+            const enabledProvider = providers.find(item => item && item.disabled !== true && item.hasKey);
+            const firstProvider = providers.find(item => item && item.name);
+            this.opencodeProvider = normalizeOpencodeProviderName(res.currentProvider)
+                || normalizeOpencodeProviderName(enabledProvider && enabledProvider.name)
+                || normalizeOpencodeProviderName(firstProvider && firstProvider.name)
+                || normalizeOpencodeProviderName(this.opencodeProvider)
+                || 'anthropic';
+            const selectedProvider = providers.find(item => normalizeOpencodeProviderName(item && item.name) === this.opencodeProvider);
+            this.opencodeProviderDisabled = !!(selectedProvider && selectedProvider.disabled);
+            const models = this.opencodeModelCatalogForProvider(this.opencodeProvider);
+            if (!this.opencodeModel || (models.length && !models.includes(this.opencodeModel))) {
+                this.opencodeModel = models[0] || '';
+            }
+        },
+
+        async loadOpencodeConfig(options = {}) {
+            if (this.opencodeLoading) return;
+            this.opencodeLoading = true;
+            this.opencodeError = '';
+            try {
+                const res = await api('get-opencode-config');
+                if (res && res.error) {
+                    this.opencodeError = res.error;
+                    return;
+                }
+                this.opencodeContent = typeof res.content === 'string' ? res.content : '{}';
+                this.opencodeConfigPath = typeof res.targetPath === 'string' ? res.targetPath : '';
+                this.opencodeProviderStorePath = typeof res.providerStorePath === 'string' ? res.providerStorePath : '';
+                this.opencodeConfigExists = res.exists === true;
+                this.refreshOpencodeSelectionFromSummary(res || {});
+                if (options.toast === true) {
+                    this.showMessage('OpenCode 配置已刷新', 'success');
+                }
+            } catch (e) {
+                this.opencodeError = e && e.message ? e.message : '读取 OpenCode 配置失败';
+            } finally {
+                this.opencodeLoading = false;
+            }
+        },
+
+        parseOpencodeImportContent(content, fileName = '') {
+            const raw = typeof content === 'string' ? content : '';
+            if (!raw.trim()) {
+                return { error: '导入文件为空' };
+            }
+            try {
+                const parsed = summarizeOpencodeDraft(raw);
+                const pretty = JSON.stringify(parsed, null, 2) + '\n';
+                return { content: pretty, fileName };
+            } catch (e) {
+                return { error: `OpenCode JSON/JSONC 解析失败: ${e.message}` };
+            }
+        },
+
+        async handleOpencodeImportChange(event) {
+            const input = event && event.target ? event.target : null;
+            const file = input && input.files && input.files[0] ? input.files[0] : null;
+            if (!file) return;
+            this.opencodeImportError = '';
+            try {
+                const content = await file.text();
+                const parsed = this.parseOpencodeImportContent(content, file.name || '');
+                if (parsed.error) {
+                    this.opencodeImportError = parsed.error;
+                    this.showMessage(parsed.error, 'error');
+                    return;
+                }
+                this.opencodeContent = parsed.content;
+                this.opencodeImportFileName = parsed.fileName;
+                this.showMessage('已解析 OpenCode 配置，确认后可保存', 'success');
+            } catch (e) {
+                this.opencodeImportError = e && e.message ? e.message : '读取导入文件失败';
+                this.showMessage(this.opencodeImportError, 'error');
+            } finally {
+                if (input) input.value = '';
+            }
+        },
+
+        async saveOpencodeConfig() {
+            if (this.opencodeSaving) return;
+            if (!this.isToolConfigWriteAllowed('opencode')) {
+                this.showMessage('请先打开 OpenCode 写入开关', 'error');
+                return;
+            }
+            this.opencodeSaving = true;
+            this.opencodeError = '';
+            try {
+                const res = await api('apply-opencode-config', { content: this.opencodeContent });
+                if (res && res.error) {
+                    this.opencodeError = res.error;
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.opencodeConfigExists = true;
+                if (res && typeof res.targetPath === 'string') this.opencodeConfigPath = res.targetPath;
+                if (res && typeof res.providerStorePath === 'string') this.opencodeProviderStorePath = res.providerStorePath;
+                this.refreshOpencodeSelectionFromSummary(res || {});
+                this.showMessage('OpenCode 配置已保存', 'success');
+                await this.loadOpencodeConfig();
+            } catch (e) {
+                this.opencodeError = e && e.message ? e.message : '保存 OpenCode 配置失败';
+                this.showMessage(this.opencodeError, 'error');
+            } finally {
+                this.opencodeSaving = false;
+            }
+        },
+
+        async applyOpencodeSelection() {
+            if (this.opencodeApplying) return;
+            if (!this.isToolConfigWriteAllowed('opencode')) {
+                this.showMessage('请先打开 OpenCode 写入开关', 'error');
+                return;
+            }
+            const provider = normalizeOpencodeProviderName(this.opencodeProvider);
+            const model = typeof this.opencodeModel === 'string' ? this.opencodeModel.trim() : '';
+            if (!provider || !model) {
+                this.showMessage('请选择 OpenCode provider 和 model', 'error');
+                return;
+            }
+            this.opencodeApplying = true;
+            this.opencodeError = '';
+            try {
+                const res = await api('update-opencode-selection', {
+                    provider,
+                    model,
+                    apiKey: this.opencodeApiKey,
+                    agent: this.opencodeAgent || 'build',
+                    applyToCoreAgents: this.opencodeApplyToCoreAgents === true,
+                    disabled: this.opencodeProviderDisabled === true,
+                    autoCompact: this.opencodeAutoCompact !== false,
+                    maxTokens: this.opencodeMaxTokens,
+                    reasoningEffort: this.opencodeReasoningEffort
+                });
+                if (res && res.error) {
+                    this.opencodeError = res.error;
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                if (res && typeof res.content === 'string') this.opencodeContent = res.content;
+                if (res && typeof res.targetPath === 'string') this.opencodeConfigPath = res.targetPath;
+                if (res && typeof res.providerStorePath === 'string') this.opencodeProviderStorePath = res.providerStorePath;
+                this.opencodeConfigExists = true;
+                this.opencodeApiKey = '';
+                this.refreshOpencodeSelectionFromSummary(res || {});
+                this.showMessage('OpenCode provider/model 已应用', 'success');
+            } catch (e) {
+                this.opencodeError = e && e.message ? e.message : '应用 OpenCode 配置失败';
+                this.showMessage(this.opencodeError, 'error');
+            } finally {
+                this.opencodeApplying = false;
+            }
+        }
+    };
+}

package/web-ui/modules/app.methods.session-actions.mjs

@@ -90,6 +90,10 @@ export function createSessionActionMethods(options = {}) {
             this.loadSessionStandalonePlain();
         },
 
+        canBuildStandaloneUrl(session) {
+            return !!this.buildSessionStandaloneUrl(session);
+        },
+
         buildSessionStandaloneUrl(session) {
             if (!session) return '';
             const source = typeof session.source === 'string' ? session.source.trim().toLowerCase() : '';
@@ -129,6 +133,12 @@ export function createSessionActionMethods(options = {}) {
             this.showMessage(this.t('toast.copy.fail'), 'error');
         },
 
+        openSessionLink(session) {
+            const url = this.buildSessionStandaloneUrl(session);
+            if (!url) { this.showMessage(this.t('toast.link.fail'), 'error'); return; }
+            window.open(url, '_blank', 'noopener,noreferrer');
+        },
+
         getSessionFilePath(session) {
             const filePath = typeof session?.filePath === 'string' ? session.filePath.trim() : '';
             return filePath;

package/web-ui/modules/app.methods.startup-claude.mjs

@@ -125,7 +125,8 @@ export function createStartupClaudeMethods(options = {}) {
                     if (statusRes.toolConfigPermissions && typeof statusRes.toolConfigPermissions === 'object') {
                         this.toolConfigPermissions = {
                             codex: statusRes.toolConfigPermissions.codex === true,
-                            claude: statusRes.toolConfigPermissions.claude === true
+                            claude: statusRes.toolConfigPermissions.claude === true,
+                            opencode: statusRes.toolConfigPermissions.opencode === true
                         };
                         try {
                             localStorage.setItem('toolConfigPermissions', JSON.stringify(this.toolConfigPermissions));
@@ -134,6 +135,7 @@ export function createStartupClaudeMethods(options = {}) {
                     this.providersList = listRes.providers;
                     if (typeof this.loadLocalBridgeExcluded === 'function') { this.loadLocalBridgeExcluded(); }
                     if (typeof this.loadClaudeLocalBridgeStatus === 'function') { this.loadClaudeLocalBridgeStatus(); }
+                    if (typeof this.loadOpencodeConfig === 'function') { this.loadOpencodeConfig(); }
                     if (statusRes.configReady === false) {
                         this.showMessage('配置已加载', 'info');
                     }

package/web-ui/modules/app.methods.tool-config-permissions.mjs

@@ -3,14 +3,15 @@ export function createToolConfigPermissionMethods(options = {}) {
 
     function normalizeTarget(value) {
         const target = typeof value === 'string' ? value.trim().toLowerCase() : '';
-        return target === 'codex' || target === 'claude' ? target : '';
+        return target === 'codex' || target === 'claude' || target === 'opencode' ? target : '';
     }
 
     function normalizePermissions(value) {
         const source = value && typeof value === 'object' && !Array.isArray(value) ? value : {};
         return {
             codex: source.codex === true,
-            claude: source.claude === true
+            claude: source.claude === true,
+            opencode: source.opencode === true
         };
     }
 

package/web-ui/modules/config-mode.computed.mjs

@@ -10,7 +10,8 @@
 export const CONFIG_MODE_SET = new Set([
     ...Object.keys(PROVIDER_CONFIG_MODE_META),
     'claude',
-    'openclaw'
+    'openclaw',
+    'opencode'
 ]);
 
 export function getProviderConfigModeMeta(mode) {
@@ -61,6 +62,7 @@ export function createConfigModeComputed() {
             if (providerMeta) return providerMeta.label;
             if (this.configMode === 'claude') return 'Claude Code';
             if (this.configMode === 'openclaw') return 'OpenClaw';
+            if (this.configMode === 'opencode') return 'OpenCode';
             return '未选择';
         },
         inspectorCurrentConfigLabel() {
@@ -76,6 +78,10 @@ export function createConfigModeComputed() {
                 const openclaw = typeof this.currentOpenclawConfig === 'string' ? this.currentOpenclawConfig.trim() : '';
                 return openclaw || '未选择';
             }
+            if (this.configMode === 'opencode') {
+                const provider = typeof this.opencodeProvider === 'string' ? this.opencodeProvider.trim() : '';
+                return provider || '未选择';
+            }
             return '未选择';
         },
         inspectorCurrentModelLabel() {
@@ -93,6 +99,10 @@ export function createConfigModeComputed() {
                     : '';
                 return model || '按配置文件';
             }
+            if (this.configMode === 'opencode') {
+                const model = typeof this.opencodeModel === 'string' ? this.opencodeModel.trim() : '';
+                return model || '未选择';
+            }
             return '未选择';
         },
         inspectorTemplateStatus() {
@@ -118,6 +128,12 @@ export function createConfigModeComputed() {
                 }
                 return 'JSON5 可保存并应用';
             }
+            if (this.configMode === 'opencode') {
+                if (this.opencodeSaving || this.opencodeApplying) {
+                    return 'OpenCode 保存/应用中';
+                }
+                return 'JSON 可编辑并应用';
+            }
             return '未选择';
         }
     };