codexmate 0.0.9 → 0.0.12

package/web-ui/app.js

@@ -58,6 +58,7 @@
                     currentProvider: '',
                     currentModel: '',
                     serviceTier: 'fast',
+                    modelReasoningEffort: 'high',
                     providersList: [],
                     models: [],
                     codexModelsLoading: false,
@@ -80,8 +81,10 @@
                     showOpenclawConfigModal: false,
                     showConfigTemplateModal: false,
                     showAgentsModal: false,
+                    showInstallModal: false,
                     configTemplateContent: '',
                     configTemplateApplying: false,
+                    codexApplying: false,
                     agentsContent: '',
                     agentsPath: '',
                     agentsExists: false,
@@ -91,9 +94,9 @@
                     agentsContext: 'codex',
                     agentsModalTitle: 'AGENTS.md 编辑器',
                     agentsModalHint: '保存后会写入目标 AGENTS.md（与 config.toml 同级）。',
-                    sessionsList: [],
-                    sessionsLoading: false,
-                    sessionFilterSource: 'codex',
+                    sessionsList: [],
+                    sessionsLoading: false,
+                    sessionFilterSource: 'all',
                     sessionPathFilter: '',
                     sessionQuery: '',
                     sessionRoleFilter: 'all',
@@ -134,7 +137,12 @@
                     claudeSpeedLoading: {},
                     claudeShareLoading: {},
                     providerShareLoading: {},
+                    installCommands: [
+                        'npm install -g @anthropic-ai/claude-code',
+                        'npm i -g @openai/codex'
+                    ],
                     newProvider: { name: '', url: '', key: '' },
+                    resetConfigLoading: false,
                     editingProvider: { name: '', url: '', key: '' },
                     newModelName: '',
                     currentClaudeConfig: '',
@@ -248,19 +256,19 @@
                 this.loadAll();
             },
 
-            computed: {
-                isSessionQueryEnabled() {
-                    return isSessionQueryEnabled(this.sessionFilterSource);
-                },
-                sessionQueryPlaceholder() {
-                    if (this.isSessionQueryEnabled) {
-                        return '关键词检索（支持 Codex/Claude，例：claude code）';
-                    }
-                    return '当前来源暂不支持关键词检索';
-                },
-                claudeModelHasList() {
-                    return Array.isArray(this.claudeModels) && this.claudeModels.length > 0;
-                },
+            computed: {
+                isSessionQueryEnabled() {
+                    return isSessionQueryEnabled(this.sessionFilterSource);
+                },
+                sessionQueryPlaceholder() {
+                    if (this.isSessionQueryEnabled) {
+                        return '关键词检索（支持 Codex/Claude，例：claude code）';
+                    }
+                    return '当前来源暂不支持关键词检索';
+                },
+                claudeModelHasList() {
+                    return Array.isArray(this.claudeModels) && this.claudeModels.length > 0;
+                },
                 claudeModelOptions() {
                     const list = Array.isArray(this.claudeModels) ? [...this.claudeModels] : [];
                     const current = (this.currentClaudeModel || '').trim();
@@ -275,8 +283,7 @@
                     this.loading = true;
                     this.initError = '';
                     try {
-                        const statusRes = await api('status');
-                        const listRes = await api('list');
+                        const [statusRes, listRes] = await Promise.all([api('status'), api('list')]);
 
                         if (statusRes.error) {
                             this.initError = statusRes.error;
@@ -289,13 +296,18 @@
                                     : '';
                                 this.serviceTier = tier === 'fast' ? 'fast' : (tier ? 'standard' : 'fast');
                             }
+                            {
+                                const effort = typeof statusRes.modelReasoningEffort === 'string'
+                                    ? statusRes.modelReasoningEffort.trim().toLowerCase()
+                                    : '';
+                                this.modelReasoningEffort = effort || 'high';
+                            }
                             this.providersList = listRes.providers;
-                            await this.loadModelsForProvider(this.currentProvider);
                             if (statusRes.configReady === false) {
-                                this.showMessage(statusRes.configNotice || '未检测到 config.toml，已加载默认模板。请在模板编辑器确认后创建。', 'info');
+                                this.showMessage('配置已加载', 'info');
                             }
                             if (statusRes.initNotice) {
-                                this.showMessage(statusRes.initNotice, 'info');
+                                this.showMessage('配置就绪', 'info');
                             }
                             this.maybeShowStarPrompt();
                         }
@@ -304,6 +316,13 @@
                     } finally {
                         this.loading = false;
                     }
+
+                    // 模型加载单独异步，不阻塞主 loading
+                    try {
+                        await this.loadModelsForProvider(this.currentProvider);
+                    } catch (e) {
+                        // loadModelsForProvider 内部已有 toast，这里吞掉防止抛出
+                    }
                 },
 
                 async loadModelsForProvider(providerName) {
@@ -324,7 +343,7 @@
                             return;
                         }
                         if (res.error) {
-                            this.showMessage('模型列表获取失败: ' + res.error, 'error');
+                            this.showMessage('获取模型列表失败', 'error');
                             this.models = [];
                             this.modelsSource = 'error';
                             this.modelsHasCurrent = true;
@@ -335,7 +354,7 @@
                         this.modelsSource = res.source || 'remote';
                         this.modelsHasCurrent = !!this.currentModel && list.includes(this.currentModel);
                     } catch (e) {
-                        this.showMessage('模型列表获取失败: ' + e.message, 'error');
+                        this.showMessage('获取模型列表失败', 'error');
                         this.models = [];
                         this.modelsSource = 'error';
                         this.modelsHasCurrent = true;
@@ -380,7 +399,7 @@
                         const res = await api('get-claude-settings');
                         if (res && res.error) {
                             if (!silent) {
-                                this.showMessage('读取 Claude 配置失败: ' + res.error, 'error');
+                                this.showMessage('读取配置失败', 'error');
                             }
                             return;
                         }
@@ -403,7 +422,7 @@
                         }
                     } catch (e) {
                         if (!silent) {
-                            this.showMessage('读取 Claude 配置失败: ' + e.message, 'error');
+                            this.showMessage('读取配置失败', 'error');
                         }
                     }
                 },
@@ -454,7 +473,7 @@
                             return;
                         }
                         if (res.error) {
-                            this.showMessage('模型列表获取失败: ' + res.error, 'error');
+                            this.showMessage('获取模型列表失败', 'error');
                             this.claudeModels = [];
                             this.claudeModelsSource = 'error';
                             this.claudeModelsHasCurrent = true;
@@ -465,7 +484,7 @@
                         this.claudeModelsSource = res.source || 'remote';
                         this.updateClaudeModelsCurrent();
                     } catch (e) {
-                        this.showMessage('模型列表获取失败: ' + e.message, 'error');
+                        this.showMessage('获取模型列表失败', 'error');
                         this.claudeModels = [];
                         this.claudeModelsSource = 'error';
                         this.claudeModelsHasCurrent = true;
@@ -483,7 +502,7 @@
                     if (localStorage.getItem(storageKey)) {
                         return;
                     }
-                    this.showMessage('如果 Codex Mate 对你有帮助，欢迎到 GitHub 点个 Star。', 'info');
+                    this.showMessage('欢迎到 GitHub 点 Star', 'info');
                     localStorage.setItem(storageKey, '1');
                 },
 
@@ -593,7 +612,7 @@
                 openSessionStandalone(session) {
                     const url = this.buildSessionStandaloneUrl(session);
                     if (!url) {
-                        this.showMessage('当前会话无法生成新页链接', 'error');
+                        this.showMessage('无法生成链接', 'error');
                         return;
                     }
                     window.open(url, '_blank', 'noopener');
@@ -674,38 +693,52 @@
                 copyAgentsContent() {
                     const text = typeof this.agentsContent === 'string' ? this.agentsContent : '';
                     if (!text) {
-                        this.showMessage('没有可复制的内容', 'info');
+                        this.showMessage('没有可复制内容', 'info');
                         return;
                     }
                     const ok = this.fallbackCopyText(text);
                     if (ok) {
-                        this.showMessage('已复制 AGENTS.md 内容', 'success');
+                        this.showMessage('已复制', 'success');
                         return;
                     }
-                    this.showMessage('复制失败，请手动复制内容', 'error');
+                    this.showMessage('复制失败', 'error');
+                },
+
+                copyInstallCommand(cmd) {
+                    const text = typeof cmd === 'string' ? cmd.trim() : '';
+                    if (!text) {
+                        this.showMessage('没有可复制内容', 'info');
+                        return;
+                    }
+                    const ok = this.fallbackCopyText(text);
+                    if (ok) {
+                        this.showMessage('已复制命令', 'success');
+                        return;
+                    }
+                    this.showMessage('复制失败', 'error');
                 },
 
                 async copyResumeCommand(session) {
                     if (!this.isResumeCommandAvailable(session)) {
-                        this.showMessage('当前会话不支持生成恢复命令', 'error');
+                        this.showMessage('不支持此操作', 'error');
                         return;
                     }
                     const command = this.buildResumeCommand(session);
                     const ok = this.fallbackCopyText(command);
                     if (ok) {
-                        this.showMessage('已复制恢复命令', 'success');
+                        this.showMessage('已复制', 'success');
                         return;
                     }
                     try {
                         if (navigator.clipboard && window.isSecureContext) {
                             await navigator.clipboard.writeText(command);
-                            this.showMessage('已复制恢复命令', 'success');
+                            this.showMessage('已复制', 'success');
                             return;
                         }
                     } catch (e) {
                         // keep fallback failure message
                     }
-                    this.showMessage('复制失败，请手动复制命令', 'error');
+                    this.showMessage('复制失败', 'error');
                 },
 
                 buildProviderShareCommand(payload) {
@@ -742,7 +775,7 @@
                 async copyProviderShareCommand(provider) {
                     const name = provider && typeof provider.name === 'string' ? provider.name.trim() : '';
                     if (!name) {
-                        this.showMessage('提供商名称无效', 'error');
+                        this.showMessage('参数无效', 'error');
                         return;
                     }
                     if (this.providerShareLoading[name]) {
@@ -757,26 +790,26 @@
                         }
                         const command = this.buildProviderShareCommand(res && res.payload ? res.payload : null);
                         if (!command) {
-                            this.showMessage('分享命令生成失败', 'error');
+                            this.showMessage('生成命令失败', 'error');
                             return;
                         }
                         const ok = this.fallbackCopyText(command);
                         if (ok) {
-                            this.showMessage('已复制分享命令', 'success');
+                            this.showMessage('已复制', 'success');
                             return;
                         }
                         try {
                             if (navigator.clipboard && window.isSecureContext) {
                                 await navigator.clipboard.writeText(command);
-                                this.showMessage('已复制分享命令', 'success');
+                                this.showMessage('已复制', 'success');
                                 return;
                             }
                         } catch (e) {
                             // keep fallback failure message
                         }
-                        this.showMessage('复制失败，请手动复制命令', 'error');
+                        this.showMessage('复制失败', 'error');
                     } catch (e) {
-                        this.showMessage('生成分享命令失败: ' + e.message, 'error');
+                        this.showMessage('生成命令失败', 'error');
                     } finally {
                         this.providerShareLoading[name] = false;
                     }
@@ -798,26 +831,26 @@
                         }
                         const command = this.buildClaudeShareCommand(res && res.payload ? res.payload : null);
                         if (!command) {
-                            this.showMessage('分享命令生成失败', 'error');
+                            this.showMessage('生成命令失败', 'error');
                             return;
                         }
                         const ok = this.fallbackCopyText(command);
                         if (ok) {
-                            this.showMessage('已复制分享命令', 'success');
+                            this.showMessage('已复制', 'success');
                             return;
                         }
                         try {
                             if (navigator.clipboard && window.isSecureContext) {
                                 await navigator.clipboard.writeText(command);
-                                this.showMessage('已复制分享命令', 'success');
+                                this.showMessage('已复制', 'success');
                                 return;
                             }
                         } catch (e) {
                             // fall through
                         }
-                        this.showMessage('复制失败，请手动复制命令', 'error');
+                        this.showMessage('复制失败', 'error');
                     } catch (e) {
-                        this.showMessage('生成分享命令失败: ' + e.message, 'error');
+                        this.showMessage('生成命令失败', 'error');
                     } finally {
                         this.claudeShareLoading[name] = false;
                     }
@@ -825,7 +858,7 @@
 
                 async cloneSession(session) {
                     if (!this.isCloneAvailable(session)) {
-                        this.showMessage('当前会话不支持克隆', 'error');
+                        this.showMessage('不支持此操作', 'error');
                         return;
                     }
                     const key = this.getSessionExportKey(session);
@@ -844,7 +877,7 @@
                             return;
                         }
 
-                        this.showMessage('会话已克隆', 'success');
+                        this.showMessage('操作成功', 'success');
                         await this.loadSessions();
                         if (res.sessionId) {
                             const matched = this.sessionsList.find(item => item.source === 'codex' && item.sessionId === res.sessionId);
@@ -853,7 +886,7 @@
                             }
                         }
                     } catch (e) {
-                        this.showMessage('克隆失败: ' + e.message, 'error');
+                        this.showMessage('克隆失败', 'error');
                     } finally {
                         this.sessionCloning[key] = false;
                     }
@@ -861,7 +894,7 @@
 
                 async deleteSession(session) {
                     if (!this.isDeleteAvailable(session)) {
-                        this.showMessage('当前会话不支持删除', 'error');
+                        this.showMessage('不支持此操作', 'error');
                         return;
                     }
                     const key = this.getSessionExportKey(session);
@@ -879,10 +912,10 @@
                             this.showMessage(res.error, 'error');
                             return;
                         }
-                        this.showMessage('会话已删除', 'success');
+                        this.showMessage('操作成功', 'success');
                         await this.loadSessions();
                     } catch (e) {
-                        this.showMessage('删除失败: ' + e.message, 'error');
+                        this.showMessage('删除失败', 'error');
                     } finally {
                         this.sessionDeleting[key] = false;
                     }
@@ -893,7 +926,7 @@
                     return value.trim();
                 },
 
-                mergeSessionPathOptions(baseList = [], incomingList = []) {
+                mergeSessionPathOptions(baseList = [], incomingList = []) {
                     const merged = [];
                     const seen = new Set();
                     const append = (items) => {
@@ -931,8 +964,8 @@
                     return paths;
                 },
 
-                syncSessionPathOptionsForSource(source, nextOptions, mergeWithExisting = false) {
-                    const targetSource = source === 'claude' ? 'claude' : 'codex';
+                syncSessionPathOptionsForSource(source, nextOptions, mergeWithExisting = false) {
+                    const targetSource = source === 'claude' ? 'claude' : (source === 'all' ? 'all' : 'codex');
                     const current = Array.isArray(this.sessionPathOptionsMap[targetSource])
                         ? this.sessionPathOptionsMap[targetSource]
                         : [];
@@ -944,10 +977,10 @@
                         [targetSource]: merged
                     };
                     this.refreshSessionPathOptions(targetSource);
-                },
-
-                refreshSessionPathOptions(source) {
-                    const targetSource = source === 'claude' ? 'claude' : 'codex';
+                },
+
+                refreshSessionPathOptions(source) {
+                    const targetSource = source === 'claude' ? 'claude' : (source === 'all' ? 'all' : 'codex');
                     const base = Array.isArray(this.sessionPathOptionsMap[targetSource])
                         ? [...this.sessionPathOptionsMap[targetSource]]
                         : [];
@@ -960,8 +993,8 @@
                     }
                 },
 
-                async loadSessionPathOptions(options = {}) {
-                    const source = options.source === 'claude' ? 'claude' : 'codex';
+                async loadSessionPathOptions(options = {}) {
+                    const source = options.source === 'claude' ? 'claude' : (options.source === 'all' ? 'all' : 'codex');
                     const forceRefresh = !!options.forceRefresh;
                     const loaded = !!this.sessionPathOptionsLoadedMap[source];
                     if (!forceRefresh && loaded) {
@@ -1013,12 +1046,12 @@
                     await this.loadSessions();
                 },
 
-                async clearSessionFilters() {
-                    this.sessionFilterSource = 'codex';
-                    this.sessionPathFilter = '';
-                    this.sessionQuery = '';
-                    this.sessionRoleFilter = 'all';
-                    this.sessionTimePreset = 'all';
+                async clearSessionFilters() {
+                    this.sessionFilterSource = 'all';
+                    this.sessionPathFilter = '';
+                    this.sessionQuery = '';
+                    this.sessionRoleFilter = 'all';
+                    this.sessionTimePreset = 'all';
                     await this.onSessionSourceChange();
                 },
 
@@ -1093,7 +1126,7 @@
                         this.activeSession = null;
                         this.activeSessionMessages = [];
                         this.activeSessionDetailClipped = false;
-                        this.showMessage('加载会话失败: ' + e.message, 'error');
+                        this.showMessage('加载会话失败', 'error');
                     } finally {
                         this.sessionsLoading = false;
                     }
@@ -1224,7 +1257,9 @@
                 },
 
                 downloadTextFile(fileName, content) {
-                    const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
+                    // 使用 UTF-8 BOM 确保文本编辑器正确识别编码
+                    const BOM = '\uFEFF';
+                    const blob = new Blob([BOM + content], { type: 'text/markdown;charset=utf-8' });
                     const url = URL.createObjectURL(blob);
                     const link = document.createElement('a');
                     link.href = url;
@@ -1255,10 +1290,10 @@
                             const maxLabel = res.maxMessages === 'all' ? 'all' : res.maxMessages;
                             this.showMessage(`会话导出完成（已截断：最多 ${maxLabel} 条消息）`, 'info');
                         } else {
-                            this.showMessage('会话导出完成', 'success');
+                            this.showMessage('操作成功', 'success');
                         }
                     } catch (e) {
-                        this.showMessage('导出失败: ' + e.message, 'error');
+                        this.showMessage('导出失败', 'error');
                     } finally {
                         this.sessionExporting[key] = false;
                     }
@@ -1267,15 +1302,22 @@
                 async switchProvider(name) {
                     this.currentProvider = name;
                     await this.loadModelsForProvider(name);
-                    await this.openConfigTemplateEditor();
+                    if (this.modelsSource === 'remote' && this.models.length > 0 && !this.models.includes(this.currentModel)) {
+                        this.currentModel = this.models[0];
+                    }
+                    await this.applyCodexConfigDirect({ silent: true });
                 },
 
                 async onModelChange() {
-                    await this.openConfigTemplateEditor();
+                    await this.applyCodexConfigDirect();
                 },
 
                 async onServiceTierChange() {
-                    await this.openConfigTemplateEditor();
+                    await this.applyCodexConfigDirect({ silent: true });
+                },
+
+                async onReasoningEffortChange() {
+                    await this.applyCodexConfigDirect({ silent: true });
                 },
 
                 async runHealthCheck() {
@@ -1320,15 +1362,15 @@
                                 remote
                             };
                             if (ok) {
-                                this.showMessage('健康检查通过', 'success');
+                                this.showMessage('检查通过', 'success');
                             }
                         } else {
                             this.healthCheckResult = null;
-                            this.showMessage('健康检查失败：返回数据异常', 'error');
+                            this.showMessage('检查失败', 'error');
                         }
                     } catch (e) {
                         this.healthCheckResult = null;
-                        this.showMessage('健康检查失败: ' + e.message, 'error');
+                        this.showMessage('检查失败', 'error');
                     } finally {
                         if (this.configMode === 'claude') {
                             try {
@@ -1369,7 +1411,50 @@
                         this.configTemplateContent = template;
                         this.showConfigTemplateModal = true;
                     } catch (e) {
-                        this.showMessage('加载模板失败: ' + e.message, 'error');
+                        this.showMessage('加载模板失败', 'error');
+                    }
+                },
+
+                async applyCodexConfigDirect(options = {}) {
+                    if (this.codexApplying) return;
+
+                    const provider = (this.currentProvider || '').trim();
+                    const model = (this.currentModel || '').trim();
+                    if (!provider || !model) {
+                        this.showMessage('请选择提供商和模型', 'error');
+                        return;
+                    }
+
+                    this.codexApplying = true;
+                    try {
+                        const tplRes = await api('get-config-template', {
+                            provider,
+                            model,
+                            serviceTier: this.serviceTier,
+                            reasoningEffort: this.modelReasoningEffort
+                        });
+                        if (tplRes.error) {
+                            this.showMessage('获取模板失败', 'error');
+                            return;
+                        }
+
+                        const applyRes = await api('apply-config-template', {
+                            template: tplRes.template
+                        });
+                        if (applyRes.error) {
+                            this.showMessage('应用模板失败', 'error');
+                            return;
+                        }
+
+                        if (options.silent !== true) {
+                            this.showMessage('配置已应用', 'success');
+                        }
+
+                        await this.loadAll();
+                    } catch (e) {
+                        this.showMessage('应用失败', 'error');
+                    } finally {
+                        this.codexApplying = false;
                     }
                 },
 
@@ -1380,7 +1465,7 @@
 
                 async applyConfigTemplate() {
                     if (!this.configTemplateContent || !this.configTemplateContent.trim()) {
-                        this.showMessage('模板内容不能为空', 'error');
+                        this.showMessage('模板不能为空', 'error');
                         return;
                     }
 
@@ -1393,11 +1478,11 @@
                             this.showMessage(res.error, 'error');
                             return;
                         }
-                        this.showMessage('模板已应用到 config.toml', 'success');
+                        this.showMessage('模板已应用', 'success');
                         this.closeConfigTemplateModal();
                         await this.loadAll();
                     } catch (e) {
-                        this.showMessage('应用模板失败: ' + e.message, 'error');
+                        this.showMessage('应用模板失败', 'error');
                     } finally {
                         this.configTemplateApplying = false;
                     }
@@ -1418,7 +1503,7 @@
                         this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
                         this.showAgentsModal = true;
                     } catch (e) {
-                        this.showMessage('加载 AGENTS.md 失败: ' + e.message, 'error');
+                        this.showMessage('加载文件失败', 'error');
                     } finally {
                         this.agentsLoading = false;
                     }
@@ -1442,7 +1527,7 @@
                         this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
                         this.showAgentsModal = true;
                     } catch (e) {
-                        this.showMessage('加载 OpenClaw AGENTS.md 失败: ' + e.message, 'error');
+                        this.showMessage('加载文件失败', 'error');
                     } finally {
                         this.agentsLoading = false;
                     }
@@ -1451,7 +1536,7 @@
                 async openOpenclawWorkspaceEditor() {
                     const fileName = (this.openclawWorkspaceFileName || '').trim();
                     if (!fileName) {
-                        this.showMessage('请输入工作区文件名', 'error');
+                        this.showMessage('请输入文件名', 'error');
                         return;
                     }
                     this.setAgentsModalContext('openclaw-workspace', { fileName });
@@ -1471,7 +1556,7 @@
                         this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
                         this.showAgentsModal = true;
                     } catch (e) {
-                        this.showMessage('加载 OpenClaw 工作区文件失败: ' + e.message, 'error');
+                        this.showMessage('加载文件失败', 'error');
                     } finally {
                         this.agentsLoading = false;
                     }
@@ -1533,7 +1618,7 @@
                         this.showMessage(successLabel, 'success');
                         this.closeAgentsModal();
                     } catch (e) {
-                        this.showMessage('保存文件失败: ' + e.message, 'error');
+                        this.showMessage('保存失败', 'error');
                     } finally {
                         this.agentsSaving = false;
                     }
@@ -1548,29 +1633,40 @@
                         return this.showMessage('名称不能为空', 'error');
                     }
                     if (this.providersList.some(item => item.name === name)) {
-                        return this.showMessage('提供商已存在', 'error');
+                        return this.showMessage('名称已存在', 'error');
                     }
 
-                    const safeName = this.escapeTomlString(name);
-                    const safeUrl = this.escapeTomlString(this.newProvider.url.trim());
-                    const safeKey = this.escapeTomlString(this.newProvider.key || '');
-                    const newProviderBlock = `[model_providers.${safeName}]\nname = "${safeName}"\nbase_url = "${safeUrl}"\nwire_api = "responses"\nrequires_openai_auth = false\npreferred_auth_method = "${safeKey}"\nrequest_max_retries = 4\nstream_max_retries = 10\nstream_idle_timeout_ms = 300000`;
+                    try {
+                        const res = await api('add-provider', {
+                            name,
+                            url: this.newProvider.url.trim(),
+                            key: this.newProvider.key || ''
+                        });
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
 
-                    this.currentProvider = name;
-                    this.showMessage('已生成新增模板，请确认后应用', 'info');
-                    this.closeAddModal();
-                    await this.openConfigTemplateEditor({
-                        appendHint: `新增 provider: ${name}（请检查字段后应用）`,
-                        appendBlock: newProviderBlock
-                    });
+                        this.showMessage('操作成功', 'success');
+                        this.closeAddModal();
+                        await this.loadAll();
+                    } catch (e) {
+                        this.showMessage('添加失败', 'error');
+                    }
                 },
 
                 async deleteProvider(name) {
-                    if (!confirm(`确定删除提供商 "${name}"?`)) return;
-                    this.showMessage('请在模板中手动删除该 provider 配置块后应用', 'info');
-                    await this.openConfigTemplateEditor({
-                        appendHint: `请手动删除 [model_providers.${name}] 配置块，并确认 model_provider 指向有效 provider`
-                    });
+                    const res = await api('delete-provider', { name });
+                    if (res.error) {
+                        this.showMessage(res.error, 'error');
+                        return;
+                    }
+                    if (res.switched && res.provider) {
+                        this.showMessage(`已删除提供商，自动切换到 ${res.provider}${res.model ? ` / ${res.model}` : ''}`, 'success');
+                    } else {
+                        this.showMessage('操作成功', 'success');
+                    }
+                    await this.loadAll();
                 },
 
                 openEditModal(provider) {
@@ -1588,13 +1684,20 @@
                     }
 
                     const name = this.editingProvider.name;
-                    const safeUrl = this.escapeTomlString(this.editingProvider.url.trim());
-                    const safeKey = this.escapeTomlString(this.editingProvider.key || '');
+                    const url = this.editingProvider.url.trim();
+                    const key = this.editingProvider.key || '';
                     this.closeEditModal();
-                    this.showMessage('已生成更新模板，请确认后应用', 'info');
-                    await this.openConfigTemplateEditor({
-                        appendHint: `请将 [model_providers.${name}] 中 base_url 更新为 ${safeUrl}${safeKey ? '，并更新 preferred_auth_method' : ''}`
-                    });
+                    try {
+                        const res = await api('update-provider', { name, url, key });
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        this.showMessage('操作成功', 'success');
+                        await this.loadAll();
+                    } catch (e) {
+                        this.showMessage('更新失败', 'error');
+                    }
                 },
 
                 closeEditModal() {
@@ -1602,27 +1705,45 @@
                     this.editingProvider = { name: '', url: '', key: '' };
                 },
 
+                async resetConfig() {
+                    if (this.resetConfigLoading) return;
+                    this.resetConfigLoading = true;
+                    try {
+                        const res = await api('reset-config');
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        const backup = res.backupFile ? `（已备份: ${res.backupFile}）` : '';
+                        this.showMessage(`配置已重装${backup}`, 'success');
+                        await this.loadAll();
+                    } catch (e) {
+                        this.showMessage('重装失败', 'error');
+                    } finally {
+                        this.resetConfigLoading = false;
+                    }
+                },
+
                 async addModel() {
                     if (!this.newModelName || !this.newModelName.trim()) {
-                        return this.showMessage('请输入模型名称', 'error');
+                        return this.showMessage('请输入模型', 'error');
                     }
                     const res = await api('add-model', { model: this.newModelName.trim() });
                     if (res.error) {
                         this.showMessage(res.error, 'error');
                     } else {
-                        this.showMessage('已添加', 'success');
+                        this.showMessage('操作成功', 'success');
                         this.closeModelModal();
                         await this.loadAll();
                     }
                 },
 
                 async removeModel(model) {
-                    if (!confirm(`确定删除模型 "${model}"?`)) return;
                     const res = await api('delete-model', { model });
                     if (res.error) {
                         this.showMessage(res.error, 'error');
                     } else {
-                        this.showMessage('已删除', 'success');
+                        this.showMessage('操作成功', 'success');
                         await this.loadAll();
                     }
                 },
@@ -1677,7 +1798,7 @@
                     this.saveClaudeConfigs();
                     this.updateClaudeModelsCurrent();
                     if (!this.claudeConfigs[name].apiKey) {
-                        this.showMessage('该配置未设置 API Key，请先编辑', 'error');
+                        this.showMessage('请先配置 API Key', 'error');
                         return;
                     }
                     this.applyClaudeConfig(name);
@@ -1707,7 +1828,7 @@
                         hasKey: !!this.editingConfig.apiKey
                     };
                     this.saveClaudeConfigs();
-                    this.showMessage('配置已更新', 'success');
+                    this.showMessage('操作成功', 'success');
                     this.closeEditConfigModal();
                     if (name === this.currentClaudeConfig) {
                         this.refreshClaudeModelContext();
@@ -1731,7 +1852,7 @@
 
                     const config = this.claudeConfigs[name];
                     if (!config.apiKey) {
-                        this.showMessage('已保存，未应用：请先输入 API Key', 'info');
+                        this.showMessage('已保存，未应用', 'info');
                         this.closeEditConfigModal();
                         if (name === this.currentClaudeConfig) {
                             this.refreshClaudeModelContext();
@@ -1741,7 +1862,7 @@
 
                     const res = await api('apply-claude-config', { config });
                     if (res.error || res.success === false) {
-                        this.showMessage(res.error || '应用 Claude 配置失败', 'error');
+                        this.showMessage(res.error || '应用配置失败', 'error');
                     } else {
                         const targetTip = res.targetPath ? `（${res.targetPath}）` : '';
                         this.showMessage(`已保存并应用到 Claude 配置${targetTip}`, 'success');
@@ -1754,15 +1875,15 @@
 
                 addClaudeConfig() {
                     if (!this.newClaudeConfig.name || !this.newClaudeConfig.name.trim()) {
-                        return this.showMessage('请输入配置名称', 'error');
+                        return this.showMessage('请输入名称', 'error');
                     }
                     const name = this.newClaudeConfig.name.trim();
                     if (this.claudeConfigs[name]) {
-                        return this.showMessage('配置名称已存在', 'error');
+                        return this.showMessage('名称已存在', 'error');
                     }
                     const duplicateName = this.findDuplicateClaudeConfigName(this.newClaudeConfig);
                     if (duplicateName) {
-                        return this.showMessage('已存在相同配置，已忽略添加', 'info');
+                        return this.showMessage('配置已存在', 'info');
                     }
 
                     this.claudeConfigs[name] = {
@@ -1774,14 +1895,14 @@
 
                     this.currentClaudeConfig = name;
                     this.saveClaudeConfigs();
-                    this.showMessage('配置已添加', 'success');
+                    this.showMessage('操作成功', 'success');
                     this.closeClaudeConfigModal();
                     this.refreshClaudeModelContext();
                 },
 
                 deleteClaudeConfig(name) {
                     if (Object.keys(this.claudeConfigs).length <= 1) {
-                        return this.showMessage('至少保留一个配置', 'error');
+                        return this.showMessage('至少保留一项', 'error');
                     }
 
                     if (!confirm(`确定删除配置 "${name}"?`)) return;
@@ -1791,7 +1912,7 @@
                         this.currentClaudeConfig = Object.keys(this.claudeConfigs)[0];
                     }
                     this.saveClaudeConfigs();
-                    this.showMessage('配置已删除', 'success');
+                    this.showMessage('操作成功', 'success');
                     this.refreshClaudeModelContext();
                 },
 
@@ -1801,12 +1922,12 @@
                     const config = this.claudeConfigs[name];
 
                     if (!config.apiKey) {
-                        return this.showMessage('该配置未设置 API Key，请先编辑', 'error');
+                        return this.showMessage('请先配置 API Key', 'error');
                     }
 
                     const res = await api('apply-claude-config', { config });
                     if (res.error || res.success === false) {
-                        this.showMessage(res.error || '应用 Claude 配置失败', 'error');
+                        this.showMessage(res.error || '应用配置失败', 'error');
                     } else {
                         const targetTip = res.targetPath ? `（${res.targetPath}）` : '';
                         this.showMessage(`已应用配置到 Claude 设置: ${name}${targetTip}`, 'success');
@@ -2014,7 +2135,7 @@
                     }
                     this.fillOpenclawQuickFromConfig(parsed.data);
                     if (!silent) {
-                        this.showMessage('已从编辑器读取快速配置', 'success');
+                        this.showMessage('已读取配置', 'success');
                     }
                     return true;
                 },
@@ -2110,7 +2231,7 @@
                     this.refreshOpenclawProviders(parsed.data);
                     this.refreshOpenclawAgentsList(parsed.data);
                     if (!silent) {
-                        this.showMessage('已从文本刷新结构化配置', 'success');
+                        this.showMessage('已刷新配置', 'success');
                     }
                     return true;
                 },
@@ -2408,7 +2529,7 @@
                     this.refreshOpenclawProviders(config);
                     this.refreshOpenclawAgentsList(config);
                     this.fillOpenclawQuickFromConfig(config);
-                    this.showMessage('已写入编辑器', 'success');
+                    this.showMessage('已写入', 'success');
                 },
 
                 applyOpenclawQuickToText() {
@@ -2421,7 +2542,7 @@
                     const providerName = (this.openclawQuick.providerName || '').trim();
                     const modelId = (this.openclawQuick.modelId || '').trim();
                     if (!providerName) {
-                        this.showMessage('请填写 Provider 名称', 'error');
+                        this.showMessage('请填写名称', 'error');
                         return;
                     }
                     if (providerName.includes('/')) {
@@ -2429,7 +2550,7 @@
                         return;
                     }
                     if (!modelId) {
-                        this.showMessage('请填写模型 ID', 'error');
+                        this.showMessage('请填写模型', 'error');
                         return;
                     }
 
@@ -2440,7 +2561,7 @@
                     const provider = ensureObject(providers[providerName]);
                     const baseUrl = (this.openclawQuick.baseUrl || '').trim();
                     if (!baseUrl && !provider.baseUrl) {
-                        this.showMessage('请填写 Base URL', 'error');
+                        this.showMessage('请填写 URL', 'error');
                         return;
                     }
 
@@ -2526,7 +2647,7 @@
                     this.fillOpenclawStructured(config);
                     this.refreshOpenclawProviders(config);
                     this.refreshOpenclawAgentsList(config);
-                    this.showMessage('快速配置已写入编辑器', 'success');
+                    this.showMessage('配置已写入', 'success');
                 },
 
                 addOpenclawFallback() {
@@ -2630,6 +2751,14 @@
                     this.resetOpenclawQuick();
                 },
 
+                openInstallModal() {
+                    this.showInstallModal = true;
+                },
+
+                closeInstallModal() {
+                    this.showInstallModal = false;
+                },
+
                 async loadOpenclawConfigFromFile(options = {}) {
                     const silent = !!options.silent;
                     const force = !!options.force;
@@ -2655,11 +2784,11 @@
                         }
                         this.syncOpenclawStructuredFromText({ silent: true });
                         if (!silent) {
-                            this.showMessage('已加载当前 OpenClaw 配置', 'success');
+                            this.showMessage('加载完成', 'success');
                         }
                     } catch (e) {
                         if (!silent) {
-                            this.showMessage('加载 OpenClaw 配置失败: ' + e.message, 'error');
+                            this.showMessage('加载配置失败', 'error');
                         }
                     } finally {
                         this.openclawFileLoading = false;
@@ -2668,12 +2797,12 @@
 
                 persistOpenclawConfig({ closeModal = true } = {}) {
                     if (!this.openclawEditing.name || !this.openclawEditing.name.trim()) {
-                        this.showMessage('请输入配置名称', 'error');
+                        this.showMessage('请输入名称', 'error');
                         return '';
                     }
                     const name = this.openclawEditing.name.trim();
                     if (!this.openclawEditing.lockName && this.openclawConfigs[name]) {
-                        this.showMessage('配置名称已存在', 'error');
+                        this.showMessage('名称已存在', 'error');
                         return '';
                     }
                     if (!this.openclawEditing.content || !this.openclawEditing.content.trim()) {
@@ -2697,7 +2826,7 @@
                     try {
                         const name = this.persistOpenclawConfig();
                         if (!name) return;
-                        this.showMessage('OpenClaw 配置已保存', 'success');
+                        this.showMessage('操作成功', 'success');
                     } finally {
                         this.openclawSaving = false;
                     }
@@ -2714,7 +2843,7 @@
                             lineEnding: this.openclawLineEnding
                         });
                         if (res.error || res.success === false) {
-                            this.showMessage(res.error || '应用 OpenClaw 配置失败', 'error');
+                            this.showMessage(res.error || '应用配置失败', 'error');
                             return;
                         }
                         this.openclawConfigPath = res.targetPath || this.openclawConfigPath;
@@ -2723,7 +2852,7 @@
                         this.showMessage(`已保存并应用 OpenClaw 配置${targetTip}`, 'success');
                         this.closeOpenclawConfigModal();
                     } catch (e) {
-                        this.showMessage('应用 OpenClaw 配置失败: ' + e.message, 'error');
+                        this.showMessage('应用配置失败', 'error');
                     } finally {
                         this.openclawApplying = false;
                     }
@@ -2731,7 +2860,7 @@
 
                 deleteOpenclawConfig(name) {
                     if (Object.keys(this.openclawConfigs).length <= 1) {
-                        return this.showMessage('至少保留一个配置', 'error');
+                        return this.showMessage('至少保留一项', 'error');
                     }
                     if (!confirm(`确定删除配置 "${name}"?`)) return;
                     delete this.openclawConfigs[name];
@@ -2739,21 +2868,21 @@
                         this.currentOpenclawConfig = Object.keys(this.openclawConfigs)[0];
                     }
                     this.saveOpenclawConfigs();
-                    this.showMessage('OpenClaw 配置已删除', 'success');
+                    this.showMessage('操作成功', 'success');
                 },
 
                 async applyOpenclawConfig(name) {
                     this.currentOpenclawConfig = name;
                     const config = this.openclawConfigs[name];
                     if (!this.openclawHasContent(config)) {
-                        return this.showMessage('该配置为空，请先编辑', 'error');
+                        return this.showMessage('配置为空', 'error');
                     }
                     const res = await api('apply-openclaw-config', {
                         content: config.content,
                         lineEnding: this.openclawLineEnding
                     });
                     if (res.error || res.success === false) {
-                        this.showMessage(res.error || '应用 OpenClaw 配置失败', 'error');
+                        this.showMessage(res.error || '应用配置失败', 'error');
                     } else {
                         this.openclawConfigPath = res.targetPath || this.openclawConfigPath;
                         this.openclawConfigExists = true;