codexmate 0.0.45 → 0.0.48

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.codex-config.mjs

@@ -750,9 +750,13 @@ export function createCodexConfigMethods(options = {}) {
                     && this._configTemplateDiffPreviewRequestToken === requestToken
                     && this.buildConfigTemplateDiffFingerprint() === requestFingerprint
                 );
-                const res = await api('preview-config-template-diff', {
-                    template: this.configTemplateContent
-                });
+                const res = this.configTemplateContext === 'claude'
+                    ? await api('preview-claude-settings-diff', {
+                        content: this.configTemplateContent
+                    })
+                    : await api('preview-config-template-diff', {
+                        template: this.configTemplateContent
+                    });
                 if (!shouldApply()) {
                     return;
                 }

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.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.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');
                     }
@@ -143,9 +145,9 @@ export function createStartupClaudeMethods(options = {}) {
                     this.maybeShowStarPrompt();
                     return true;
                 } catch (e) {
-                    this.initError = e && e.message === 'timeout'
-                        ? '读取配置超时'
-                        : '连接失败: ' + (e && e.message ? e.message : '');
+                    if (e && e.message !== 'timeout') {
+                        this.initError = '连接失败: ' + (e.message || '');
+                    }
                     return false;
                 } finally {
                     if (!preserveLoading) {

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 '未选择';
         }
     };

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

@@ -1,6 +1,7 @@
 const en = Object.freeze({
     // Global
     'lang.zh': '中文',
+    'lang.zh-tw': '繁體中文',
     'lang.en': 'English',
     'lang.vi': 'Vietnamese',
     'lang.label': 'Language',
@@ -65,6 +66,8 @@ const en = Object.freeze({
     'common.none': 'None',
     'common.configured': 'Configured',
     'common.notConfigured': 'Not configured',
+    'common.enabled': 'Enabled',
+    'common.disabled': 'Disabled',
     'cli.missing.title': '{name} CLI not installed',
     'cli.missing.subtitle': 'Install {name} CLI before using this page.',
     'cli.missing.openDocs': 'Open install guide',
@@ -125,6 +128,7 @@ const en = Object.freeze({
     'tab.config.codex': 'Codex',
     'tab.config.claude': 'Claude',
     'tab.config.openclaw': 'OpenClaw',
+    'tab.config.opencode': 'OpenCode',
     'tab.sessions': 'Sessions',
     'tab.usage': 'Usage',
     'tab.orchestration': 'Tasks',
@@ -166,6 +170,8 @@ const en = Object.freeze({
     'side.config.claude.meta': 'Claude Settings',
     'side.config.openclaw': 'OpenClaw',
     'side.config.openclaw.meta': 'JSON5 / AGENTS',
+    'side.config.opencode': 'OpenCode',
+    'side.config.opencode.meta': 'Config / Provider',
     'side.sessions.browser': 'Session Browser',
     'side.sessions.browser.meta': 'Browse / Export / Cleanup',
     'side.prompts.agents': 'AGENTS.md',
@@ -480,6 +486,7 @@ const en = Object.freeze({
     'modal.configTemplate.mode.twoStep': 'Two-step confirm: preview diff, then apply.',
     'modal.configTemplate.mode.oneStep': 'One-step apply: write immediately.',
     'diff.title.configTemplate': 'Diff preview (config.toml)',
+    'diff.title.claudeSettings': 'Diff preview (settings.json)',
     'diff.generating': 'Generating...',
     'diff.failed': 'Failed',
     'diff.noChanges': 'No changes detected',
@@ -805,6 +812,39 @@ const en = Object.freeze({
     'toolConfig.claude.lockedTitle': 'Claude providers are read-only',
     'toolConfig.claude.lockedDesc': 'Claude config will not be modified. Enable writes in this tab to add, apply, edit, or delete providers.',
     'toolConfig.claude.confirmMessage': 'After enabling this, apply actions in the Claude tab may write ~/.claude/settings.json and related Claude config.',
+    'toolConfig.opencode.title': 'OpenCode config writes',
+    'toolConfig.opencode.desc': 'Read-only by default; enable to write OpenCode config.',
+    'toolConfig.opencode.lockedTitle': 'Read-only',
+    'toolConfig.opencode.lockedDesc': 'Enable write access to save, import, or apply config.',
+    'toolConfig.opencode.confirmMessage': 'After enabling this, actions in the OpenCode tab may write the XDG OpenCode config file (for example ~/.config/opencode/opencode.jsonc) or the file specified by OPENCODE_CONFIG.',
+    'opencode.providerModel.title': 'OpenCode provider / model',
+    'opencode.writeAria': 'OpenCode write access',
+    'opencode.applySelection': 'Apply to OpenCode',
+    'opencode.targetFile': 'Active OpenCode config: {path} · {status}',
+    'opencode.providerStoreFile': 'Provider draft store: {path} (written to OpenCode on apply)',
+    'opencode.field.agent': 'Agent',
+    'opencode.field.apiKeyKeep': 'API key (leave blank to keep current key)',
+    'opencode.field.maxTokens': 'maxTokens (optional)',
+    'opencode.field.reasoningEffort': 'reasoningEffort (optional)',
+    'opencode.option.keepUnchanged': 'Keep unchanged',
+    'opencode.option.reasoningLow': 'low',
+    'opencode.option.reasoningMedium': 'medium',
+    'opencode.option.reasoningHigh': 'high',
+    'opencode.applyToCoreAgents': 'Apply to all core agents',
+    'opencode.enableAutoCompaction': 'Enable compaction.auto',
+    'opencode.disableProvider': 'Disable this provider',
+    'opencode.configFile.title': 'OpenCode config file',
+    'opencode.importParse': 'Import / parse file',
+    'opencode.saveConfig': 'Save config',
+    'opencode.parsedFile': 'Parsed: {file}',
+    'opencode.textarea.placeholder': 'Edit OpenCode config',
+    'opencode.configFile.hint': 'Active config preview; drafts stored in separate Provider store.',
+    'opencode.summary.title': 'Parsed summary',
+    'opencode.summary.noApiKey': 'No API key configured',
+    'opencode.summary.noModel': 'No model set',
+    'opencode.summary.agentType': 'agent',
+    'opencode.summary.sourceCodexMate': 'CodexMate store',
+    'opencode.summary.sourceOpenCode': 'Active OpenCode',
     'config.providerTemplate.title': 'Provider presets',
     'config.models': 'Model',
     'config.modelLoading': 'Loading...',
@@ -1026,6 +1066,9 @@ const en = Object.freeze({
     'status.claudeConfig': 'Claude config',
     'status.claudeModel': 'Claude model',
     'status.openclawConfig': 'OpenClaw config',
+    'status.opencodeProvider': 'OpenCode provider',
+    'status.opencodeModel': 'OpenCode model',
+    'status.opencodeConfig': 'OpenCode config',
     'status.workspaceFile': 'Workspace file',
     'status.configMode': 'Config mode',
     'status.currentProvider': 'Current provider',
@@ -1168,6 +1211,10 @@ const en = Object.freeze({
     'claude.model': 'Model',
     'claude.model.placeholder': 'e.g. claude-3-7-sonnet',
     'claude.model.hint': 'Model changes are saved and applied to the current config automatically.',
+    'claude.model.haiku': 'Haiku Model',
+    'claude.model.sonnet': 'Sonnet Model',
+    'claude.model.opus': 'Opus Model',
+    'claude.model.sub.placeholder': 'Defaults to the main model if left empty',
     'claude.targetApi.label': 'Target API',
     'claude.targetApi.responses': 'Anthropic',
     'claude.targetApi.chatCompletions': 'OpenAI Chat Completions (/v1/chat/completions)',

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

@@ -2,6 +2,7 @@ const ja = Object.freeze({
 
     // Global
     'lang.zh': '中国語',
+    'lang.zh-tw': '繁體中文',
     'lang.en': 'English',
     'lang.vi': 'ベトナム語',
     'lang.label': '言語',
@@ -66,6 +67,8 @@ const ja = Object.freeze({
     'common.none': 'なし',
     'common.configured': '設定済み',
     'common.notConfigured': '未設定',
+    'common.enabled': '有効',
+    'common.disabled': '無効',
     'cli.missing.title': '{name} CLI がインストールされていません',
     'cli.missing.subtitle': '{name} CLI をインストールしてからこのページをご利用ください。',
     'cli.missing.openDocs': 'インストールガイドを開く',
@@ -126,6 +129,7 @@ const ja = Object.freeze({
     'tab.config.codex': 'Codex',
     'tab.config.claude': 'Claude',
     'tab.config.openclaw': 'OpenClaw',
+    'tab.config.opencode': 'OpenCode',
     'tab.sessions': 'セッション',
     'tab.usage': '使用量',
     'tab.orchestration': 'タスク',
@@ -167,6 +171,8 @@ const ja = Object.freeze({
     'side.config.claude.meta': 'Claude Settings',
     'side.config.openclaw': 'OpenClaw',
     'side.config.openclaw.meta': 'JSON5 / AGENTS',
+    'side.config.opencode': 'OpenCode',
+    'side.config.opencode.meta': 'Config / Provider',
     'side.sessions.browser': 'セッション閲覧',
     'side.sessions.browser.meta': '閲覧 / エクスポート / クリーンアップ',
     'side.prompts.agents': 'AGENTS.md',
@@ -482,6 +488,7 @@ const ja = Object.freeze({
     'modal.configTemplate.mode.twoStep': '二段階確認：先に差分をプレビューし、その後適用します。',
     'modal.configTemplate.mode.oneStep': '一段階適用：「適用」をクリックすると直接書き込みます。',
     'diff.title.configTemplate': '差分プレビュー（config.toml）',
+    'diff.title.claudeSettings': '差分プレビュー（settings.json）',
     'diff.generating': '生成中...',
     'diff.failed': '生成失敗',
     'diff.noChanges': '変更が検出されませんでした',
@@ -794,6 +801,39 @@ const ja = Object.freeze({
     'toolConfig.claude.lockedTitle': 'Claude プロバイダーは読み取り専用です',
     'toolConfig.claude.lockedDesc': 'Claude 設定には書き込みません。追加・適用・編集・削除するには、このタブの書き込みを有効化してください。',
     'toolConfig.claude.confirmMessage': '有効化すると、Claude タブ内の適用操作が ~/.claude/settings.json などの Claude 設定を書き込みます。',
+    'toolConfig.opencode.title': 'OpenCode 設定の書き込み',
+    'toolConfig.opencode.desc': 'デフォルトは読み取り専用。有効化すると OpenCode 設定ファイルに書き込みます。',
+    'toolConfig.opencode.lockedTitle': '読み取り専用',
+    'toolConfig.opencode.lockedDesc': '書き込み権限を有効化すると、保存・インポート・設定の適用ができます。',
+    'toolConfig.opencode.confirmMessage': '有効化すると、OpenCode タブ内の操作が XDG OpenCode 設定ファイル（例: ~/.config/opencode/opencode.jsonc）または OPENCODE_CONFIG 指定ファイルを書き込みます。',
+    'opencode.providerModel.title': 'OpenCode provider / model',
+    'opencode.writeAria': 'OpenCode 書き込み',
+    'opencode.applySelection': 'OpenCode に適用',
+    'opencode.targetFile': '有効な OpenCode 設定: {path} · {status}',
+    'opencode.providerStoreFile': 'プロバイダ下書きストア：{path}（適用時に OpenCode へ書き込み）',
+    'opencode.field.agent': 'Agent',
+    'opencode.field.apiKeyKeep': 'API Key（空なら既存 key を保持）',
+    'opencode.field.maxTokens': 'maxTokens（任意）',
+    'opencode.field.reasoningEffort': 'reasoningEffort（任意）',
+    'opencode.option.keepUnchanged': '変更しない',
+    'opencode.option.reasoningLow': 'low',
+    'opencode.option.reasoningMedium': 'medium',
+    'opencode.option.reasoningHigh': 'high',
+    'opencode.applyToCoreAgents': 'すべてのコア agent に適用',
+    'opencode.enableAutoCompaction': 'compaction.auto を有効化',
+    'opencode.disableProvider': 'この provider を無効化',
+    'opencode.configFile.title': 'OpenCode 設定ファイル',
+    'opencode.importParse': 'ファイルをインポート/解析',
+    'opencode.saveConfig': '設定を保存',
+    'opencode.parsedFile': '解析済み: {file}',
+    'opencode.textarea.placeholder': 'OpenCode 設定を編集',
+    'opencode.configFile.hint': '有効設定のプレビュー。下書きは個別のプロバイダストアに保存されます。',
+    'opencode.summary.title': '解析サマリー',
+    'opencode.summary.noApiKey': 'API Key 未設定',
+    'opencode.summary.noModel': 'model 未設定',
+    'opencode.summary.agentType': 'agent',
+    'opencode.summary.sourceCodexMate': 'CodexMate store',
+    'opencode.summary.sourceOpenCode': 'Active OpenCode',
     'config.providerTemplate.title': 'プリセットプロバイダー',
     'config.models': 'モデル',
     'config.modelLoading': '読み込み中...',
@@ -1015,6 +1055,9 @@ const ja = Object.freeze({
     'status.claudeConfig': 'Claude 設定',
     'status.claudeModel': 'Claude モデル',
     'status.openclawConfig': 'OpenClaw 設定',
+    'status.opencodeProvider': 'OpenCode Provider',
+    'status.opencodeModel': 'OpenCode モデル',
+    'status.opencodeConfig': 'OpenCode 設定',
     'status.workspaceFile': 'ワークスペースファイル',
     'status.configMode': '設定モード',
     'status.currentProvider': '現在の Provider',
@@ -1161,6 +1204,10 @@ const ja = Object.freeze({
     'claude.model': 'モデル',
     'claude.model.placeholder': '例: claude-3-7-sonnet',
     'claude.model.hint': 'モデル変更後は自動保存され、現在の設定に適用されます。',
+    'claude.model.haiku': 'Haiku モデル',
+    'claude.model.sonnet': 'Sonnet モデル',
+    'claude.model.opus': 'Opus モデル',
+    'claude.model.sub.placeholder': '空欄の場合、メインモデルに従います',
     'claude.targetApi.label': 'ターゲット API',
     'claude.targetApi.responses': 'Anthropic',
     'claude.targetApi.chatCompletions': 'OpenAI Chat Completions (/v1/chat/completions)',