codexmate 0.0.3 → 0.0.4

package/web-ui.html

@@ -1666,20 +1666,23 @@
             Codex<br>
             <span class="accent">Mate.</span>
         </h1>
-        <p class="subtitle">本地配置中枢，统一管理 Codex / Claude Code / 会话。</p>
+        <p class="subtitle">本地配置中枢，统一管理 Codex / Claude Code / OpenClaw / 会话。</p>
 
         <!-- 模式切换器 -->
-        <div class="segmented-control">
-            <button :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">
-                Codex 配置
-            </button>
-            <button :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">
-                Claude Code 配置
-            </button>
-            <button :class="['segment', { active: configMode === 'sessions' }]" @click="switchConfigMode('sessions')">
-                会话浏览
-            </button>
-        </div>
+        <div class="segmented-control">
+            <button :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">
+                Codex 配置
+            </button>
+            <button :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">
+                Claude Code 配置
+            </button>
+            <button :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">
+                OpenClaw 配置
+            </button>
+            <button :class="['segment', { active: configMode === 'sessions' }]" @click="switchConfigMode('sessions')">
+                会话浏览
+            </button>
+        </div>
 
         <!-- 内容包裹器 - 稳定布局 -->
         <div class="content-wrapper">
@@ -1767,10 +1770,10 @@
                 </div>
             </div>
 
-            <!-- Claude Code 配置模式 -->
-            <div v-show="configMode === 'claude'" class="mode-content">
-                <!-- 添加提供商按钮 -->
-                <button class="btn-add" @click="showClaudeConfigModal = true" v-if="!loading && !initError">
+            <!-- Claude Code 配置模式 -->
+            <div v-show="configMode === 'claude'" class="mode-content">
+                <!-- 添加提供商按钮 -->
+                <button class="btn-add" @click="showClaudeConfigModal = true" v-if="!loading && !initError">
                     <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                         <path d="M10 4v12M4 10h12"/>
                     </svg>
@@ -1811,11 +1814,69 @@
                             </div>
                         </div>
                     </div>
-                </div>
-            </div>
-
-            <!-- 会话浏览模式 -->
-            <div v-show="configMode === 'sessions'" class="mode-content">
+                </div>
+            </div>
+
+            <!-- OpenClaw 配置模式 -->
+            <div v-show="configMode === 'openclaw'" class="mode-content">
+                <button class="btn-add" @click="openOpenclawAddModal" v-if="!loading && !initError">
+                    <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M10 4v12M4 10h12"/>
+                    </svg>
+                    添加 OpenClaw 配置
+                </button>
+                <div class="config-template-hint">
+                    默认应用到 <code>~/.openclaw/openclaw.json</code>；支持 JSON5（注释/尾逗号）。
+                </div>
+
+                <div class="selector-section">
+                    <div class="selector-header">
+                        <span class="selector-title">AGENTS.md</span>
+                    </div>
+                    <div class="config-template-hint">
+                        管理 OpenClaw Workspace 指令文件，默认读写 <code>~/.openclaw/workspace/AGENTS.md</code>。
+                    </div>
+                    <button class="btn-tool" @click="openOpenclawAgentsEditor" :disabled="loading || !!initError || agentsLoading">
+                        {{ agentsLoading ? '加载中...' : '打开 AGENTS.md 编辑器' }}
+                    </button>
+                </div>
+
+                <div class="card-list">
+                    <div v-for="(config, name) in openclawConfigs" :key="name"
+                         :class="['card', { active: currentOpenclawConfig === name }]"
+                         @click="applyOpenclawConfig(name)">
+                        <div class="card-leading">
+                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
+                            <div class="card-content">
+                                <div class="card-title">{{ name }}</div>
+                                <div class="card-subtitle">{{ openclawSubtitle(config) }}</div>
+                            </div>
+                        </div>
+                        <div class="card-trailing">
+                            <span :class="['pill', openclawHasContent(config) ? 'configured' : 'empty']">
+                                {{ openclawHasContent(config) ? '已配置' : '未配置' }}
+                            </span>
+                            <div class="card-actions" @click.stop>
+                                <button class="card-action-btn" @click="openOpenclawEditModal(name)" title="编辑">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+                                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+                                    </svg>
+                                </button>
+                                <button class="card-action-btn delete" @click="deleteOpenclawConfig(name)" title="删除">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M3 6h18"/>
+                                        <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 会话浏览模式 -->
+            <div v-show="configMode === 'sessions'" class="mode-content">
                 <div class="selector-section">
                     <div class="selector-header">
                         <span class="selector-title">会话来源</span>
@@ -2124,9 +2185,9 @@
         </div>
 
         <!-- 编辑Claude配置模态框 -->
-        <div v-if="showEditConfigModal" class="modal-overlay" @click.self="closeEditConfigModal">
-            <div class="modal">
-                <div class="modal-title">编辑 Claude Code 配置</div>
+        <div v-if="showEditConfigModal" class="modal-overlay" @click.self="closeEditConfigModal">
+            <div class="modal">
+                <div class="modal-title">编辑 Claude Code 配置</div>
 
                 <div class="form-group">
                     <label class="form-label">配置名称</label>
@@ -2150,13 +2211,61 @@
                     <button class="btn btn-confirm" @click="updateConfig">保存</button>
                     <button class="btn btn-confirm secondary" @click="saveAndApplyConfig">保存并应用到 Claude 配置</button>
                     <button class="btn btn-confirm secondary" @click="saveAndApplyEnvCompat">兼容模式应用到环境变量</button>
-                </div>
-            </div>
-        </div>
-
-        <div v-if="showConfigTemplateModal" class="modal-overlay" @click.self="closeConfigTemplateModal">
-            <div class="modal modal-wide">
-                <div class="modal-title">Config 模板编辑器（手动确认应用）</div>
+                </div>
+            </div>
+        </div>
+
+        <div v-if="showOpenclawConfigModal" class="modal-overlay" @click.self="closeOpenclawConfigModal">
+            <div class="modal modal-wide">
+                <div class="modal-title">{{ openclawEditorTitle }}</div>
+
+                <div class="form-group">
+                    <label class="form-label">配置名称</label>
+                    <input v-model="openclawEditing.name" class="form-input" :readonly="openclawEditing.lockName" placeholder="例如: 默认配置">
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label">目标文件</label>
+                    <div class="form-hint">
+                        {{ openclawConfigPath || '未加载' }}
+                        <span v-if="openclawConfigPath">
+                            （{{ openclawConfigExists ? '已存在' : '不存在，将在应用时创建' }}）
+                        </span>
+                    </div>
+                    <div class="btn-group" style="justify-content:flex-start;">
+                        <button class="btn btn-confirm secondary" @click="loadOpenclawConfigFromFile" :disabled="openclawFileLoading">
+                            {{ openclawFileLoading ? '加载中...' : '加载当前配置' }}
+                        </button>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label">OpenClaw 配置（JSON5）</label>
+                    <textarea
+                        v-model="openclawEditing.content"
+                        class="form-input template-editor"
+                        spellcheck="false"
+                        placeholder="在这里编辑 OpenClaw 配置（JSON5）"></textarea>
+                    <div class="template-editor-warning">
+                        保存仅写入本地配置库；点击“保存并应用”后会写入 openclaw.json。
+                    </div>
+                </div>
+
+                <div class="btn-group">
+                    <button class="btn btn-cancel" @click="closeOpenclawConfigModal">取消</button>
+                    <button class="btn btn-confirm" @click="saveOpenclawConfig" :disabled="openclawSaving">
+                        {{ openclawSaving ? '保存中...' : '保存' }}
+                    </button>
+                    <button class="btn btn-confirm secondary" @click="saveAndApplyOpenclawConfig" :disabled="openclawApplying">
+                        {{ openclawApplying ? '应用中...' : '保存并应用' }}
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <div v-if="showConfigTemplateModal" class="modal-overlay" @click.self="closeConfigTemplateModal">
+            <div class="modal modal-wide">
+                <div class="modal-title">Config 模板编辑器（手动确认应用）</div>
 
                 <div class="form-group">
                     <label class="form-label">config.toml 模板</label>
@@ -2179,9 +2288,9 @@
             </div>
         </div>
 
-        <div v-if="showAgentsModal" class="modal-overlay" @click.self="closeAgentsModal">
-            <div class="modal modal-wide">
-                <div class="modal-title">AGENTS.md 编辑器</div>
+        <div v-if="showAgentsModal" class="modal-overlay" @click.self="closeAgentsModal">
+            <div class="modal modal-wide">
+                <div class="modal-title">{{ agentsModalTitle }}</div>
 
                 <div class="form-group">
                     <label class="form-label">目标文件</label>
@@ -2195,16 +2304,16 @@
 
                 <div class="form-group">
                     <label class="form-label">AGENTS.md 内容</label>
-                    <textarea
-                        v-model="agentsContent"
-                        class="form-input template-editor"
-                        spellcheck="false"
-                        :readonly="agentsLoading"
-                        placeholder="在这里编辑 AGENTS.md 内容"></textarea>
-                    <div class="template-editor-warning">
-                        保存后会写入目标 AGENTS.md（与 config.toml 同级）。
-                    </div>
-                </div>
+                    <textarea
+                        v-model="agentsContent"
+                        class="form-input template-editor"
+                        spellcheck="false"
+                        :readonly="agentsLoading"
+                        placeholder="在这里编辑 AGENTS.md 内容"></textarea>
+                    <div class="template-editor-warning">
+                        {{ agentsModalHint }}
+                    </div>
+                </div>
 
                 <div class="btn-group">
                     <button class="btn btn-cancel" @click="closeAgentsModal">取消</button>
@@ -2221,11 +2330,22 @@
         <div v-if="message" :class="['toast', messageType]">{{ message }}</div>
     </div>
 
-    <script>
-        const { createApp } = Vue;
-        const API_BASE = 'http://localhost:3737';
-
-        async function api(action, params = {}) {
+    <script>
+        const { createApp } = Vue;
+        const API_BASE = 'http://localhost:3737';
+        const DEFAULT_OPENCLAW_TEMPLATE = `{
+  // OpenClaw config (JSON5)
+  agent: {
+    model: "gpt-4.1"
+  },
+  agents: {
+    defaults: {
+      workspace: "~/.openclaw/workspace"
+    }
+  }
+}`;
+
+        async function api(action, params = {}) {
             const res = await fetch(`${API_BASE}/api`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
@@ -2250,19 +2370,23 @@
                     showEditModal: false,
                     showModelModal: false,
                     showModelListModal: false,
-                    showClaudeConfigModal: false,
-                    showEditConfigModal: false,
-                    showConfigTemplateModal: false,
-                    showAgentsModal: false,
-                    configTemplateContent: '',
-                    configTemplateApplying: false,
-                    agentsContent: '',
-                    agentsPath: '',
-                    agentsExists: false,
-                    agentsLineEnding: '\n',
-                    agentsLoading: false,
-                    agentsSaving: false,
-                    sessionsList: [],
+                    showClaudeConfigModal: false,
+                    showEditConfigModal: false,
+                    showOpenclawConfigModal: false,
+                    showConfigTemplateModal: false,
+                    showAgentsModal: false,
+                    configTemplateContent: '',
+                    configTemplateApplying: false,
+                    agentsContent: '',
+                    agentsPath: '',
+                    agentsExists: false,
+                    agentsLineEnding: '\n',
+                    agentsLoading: false,
+                    agentsSaving: false,
+                    agentsContext: 'codex',
+                    agentsModalTitle: 'AGENTS.md 编辑器',
+                    agentsModalHint: '保存后会写入目标 AGENTS.md（与 config.toml 同级）。',
+                    sessionsList: [],
                     sessionsLoading: false,
                     sessionFilterSource: 'all',
                     sessionPathFilter: '',
@@ -2293,10 +2417,10 @@
                     speedLoading: {},
                     newProvider: { name: '', url: '', key: '' },
                     editingProvider: { name: '', url: '', key: '' },
-                    newModelName: '',
-                    currentClaudeConfig: '',
-                    editingConfig: { name: '', apiKey: '', baseUrl: '', model: '' },
-                    claudeConfigs: {
+                    newModelName: '',
+                    currentClaudeConfig: '',
+                    editingConfig: { name: '', apiKey: '', baseUrl: '', model: '' },
+                    claudeConfigs: {
                         '智谱GLM': {
                             apiKey: '',
                             baseUrl: 'https://open.bigmodel.cn/api/anthropic',
@@ -2304,19 +2428,33 @@
                             hasKey: false
                         }
                     },
-                    newClaudeConfig: {
-                        name: '',
-                        apiKey: '',
-                        baseUrl: 'https://open.bigmodel.cn/api/anthropic',
-                        model: 'glm-4.7'
-                    }
-                }
-            },
-            mounted() {
-                const savedConfigs = localStorage.getItem('claudeConfigs');
-                if (savedConfigs) {
-                    try {
-                        this.claudeConfigs = JSON.parse(savedConfigs);
+                    newClaudeConfig: {
+                        name: '',
+                        apiKey: '',
+                        baseUrl: 'https://open.bigmodel.cn/api/anthropic',
+                        model: 'glm-4.7'
+                    },
+                    currentOpenclawConfig: '',
+                    openclawConfigs: {
+                        '默认配置': {
+                            content: DEFAULT_OPENCLAW_TEMPLATE
+                        }
+                    },
+                    openclawEditing: { name: '', content: '', lockName: false },
+                    openclawEditorTitle: '添加 OpenClaw 配置',
+                    openclawConfigPath: '',
+                    openclawConfigExists: false,
+                    openclawLineEnding: '\n',
+                    openclawFileLoading: false,
+                    openclawSaving: false,
+                    openclawApplying: false
+                }
+            },
+            mounted() {
+                const savedConfigs = localStorage.getItem('claudeConfigs');
+                if (savedConfigs) {
+                    try {
+                        this.claudeConfigs = JSON.parse(savedConfigs);
                         for (const [name, config] of Object.entries(this.claudeConfigs)) {
                             if (config.apiKey && config.apiKey.includes('****')) {
                                 config.apiKey = '';
@@ -2331,10 +2469,27 @@
                         }
                     } catch (e) {
                         console.error('加载 Claude 配置失败:', e);
-                    }
-                }
-                this.loadAll();
-            },
+                    }
+                }
+                const savedOpenclawConfigs = localStorage.getItem('openclawConfigs');
+                if (savedOpenclawConfigs) {
+                    try {
+                        this.openclawConfigs = JSON.parse(savedOpenclawConfigs);
+                        const configNames = Object.keys(this.openclawConfigs);
+                        if (configNames.length > 0) {
+                            this.currentOpenclawConfig = configNames[0];
+                        }
+                    } catch (e) {
+                        console.error('加载 OpenClaw 配置失败:', e);
+                    }
+                } else {
+                    const configNames = Object.keys(this.openclawConfigs);
+                    if (configNames.length > 0) {
+                        this.currentOpenclawConfig = configNames[0];
+                    }
+                }
+                this.loadAll();
+            },
             methods: {
                 async loadAll() {
                     this.loading = true;
@@ -2614,7 +2769,8 @@
                             pathFilter: this.sessionPathFilter,
                             query,
                             queryMode: 'and',
-                            queryScope: 'summary',
+                            queryScope: 'content',
+                            contentScanLimit: 2,
                             roleFilter: this.sessionRoleFilter,
                             timeRangePreset: this.sessionTimePreset,
                             limit: 200,
@@ -2828,44 +2984,84 @@
                     }
                 },
 
-                async openAgentsEditor() {
-                    this.agentsLoading = true;
-                    try {
-                        const res = await api('get-agents-file');
-                        if (res.error) {
-                            this.showMessage(res.error, 'error');
+                async openAgentsEditor() {
+                    this.setAgentsModalContext('codex');
+                    this.agentsLoading = true;
+                    try {
+                        const res = await api('get-agents-file');
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
                             return;
                         }
                         this.agentsContent = res.content || '';
                         this.agentsPath = res.path || '';
                         this.agentsExists = !!res.exists;
-                        this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
-                        this.showAgentsModal = true;
-                    } catch (e) {
-                        this.showMessage('加载 AGENTS.md 失败: ' + e.message, 'error');
-                    } finally {
-                        this.agentsLoading = false;
-                    }
-                },
-
-                closeAgentsModal() {
-                    this.showAgentsModal = false;
-                    this.agentsContent = '';
-                    this.agentsPath = '';
-                    this.agentsExists = false;
-                    this.agentsLineEnding = '\n';
-                    this.agentsSaving = false;
-                },
-
-                async applyAgentsContent() {
-                    this.agentsSaving = true;
-                    try {
-                        const res = await api('apply-agents-file', {
-                            content: this.agentsContent,
-                            lineEnding: this.agentsLineEnding
-                        });
-                        if (res.error) {
-                            this.showMessage(res.error, 'error');
+                        this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                        this.showAgentsModal = true;
+                    } catch (e) {
+                        this.showMessage('加载 AGENTS.md 失败: ' + e.message, 'error');
+                    } finally {
+                        this.agentsLoading = false;
+                    }
+                },
+
+                async openOpenclawAgentsEditor() {
+                    this.setAgentsModalContext('openclaw');
+                    this.agentsLoading = true;
+                    try {
+                        const res = await api('get-openclaw-agents-file');
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        if (res.configError) {
+                            this.showMessage(`OpenClaw 配置解析失败，已使用默认 Workspace：${res.configError}`, 'error');
+                        }
+                        this.agentsContent = res.content || '';
+                        this.agentsPath = res.path || '';
+                        this.agentsExists = !!res.exists;
+                        this.agentsLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                        this.showAgentsModal = true;
+                    } catch (e) {
+                        this.showMessage('加载 OpenClaw AGENTS.md 失败: ' + e.message, 'error');
+                    } finally {
+                        this.agentsLoading = false;
+                    }
+                },
+
+                setAgentsModalContext(context) {
+                    this.agentsContext = context === 'openclaw' ? 'openclaw' : 'codex';
+                    if (this.agentsContext === 'openclaw') {
+                        this.agentsModalTitle = 'OpenClaw AGENTS.md 编辑器';
+                        this.agentsModalHint = '保存后会写入 OpenClaw Workspace 下的 AGENTS.md。';
+                    } else {
+                        this.agentsModalTitle = 'AGENTS.md 编辑器';
+                        this.agentsModalHint = '保存后会写入目标 AGENTS.md（与 config.toml 同级）。';
+                    }
+                },
+
+                closeAgentsModal() {
+                    this.showAgentsModal = false;
+                    this.agentsContent = '';
+                    this.agentsPath = '';
+                    this.agentsExists = false;
+                    this.agentsLineEnding = '\n';
+                    this.agentsSaving = false;
+                    this.setAgentsModalContext('codex');
+                },
+
+                async applyAgentsContent() {
+                    this.agentsSaving = true;
+                    try {
+                        const action = this.agentsContext === 'openclaw'
+                            ? 'apply-openclaw-agents-file'
+                            : 'apply-agents-file';
+                        const res = await api(action, {
+                            content: this.agentsContent,
+                            lineEnding: this.agentsLineEnding
+                        });
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
                             return;
                         }
                         this.showMessage('AGENTS.md 已保存', 'success');
@@ -3128,20 +3324,187 @@
                     }
                 },
 
-                closeClaudeConfigModal() {
-                    this.showClaudeConfigModal = false;
-                    this.newClaudeConfig = {
-                        name: '',
-                        apiKey: '',
-                        baseUrl: 'https://open.bigmodel.cn/api/anthropic',
-                        model: 'glm-4.7'
-                    };
-                },
-
-                formatLatency(result) {
-                    if (!result) return '';
-                    if (!result.ok) return result.status ? `ERR ${result.status}` : 'ERR';
-                    const ms = typeof result.durationMs === 'number' ? result.durationMs : 0;
+                closeClaudeConfigModal() {
+                    this.showClaudeConfigModal = false;
+                    this.newClaudeConfig = {
+                        name: '',
+                        apiKey: '',
+                        baseUrl: 'https://open.bigmodel.cn/api/anthropic',
+                        model: 'glm-4.7'
+                    };
+                },
+
+                openclawHasContent(config) {
+                    return !!(config && typeof config.content === 'string' && config.content.trim());
+                },
+
+                openclawSubtitle(config) {
+                    if (!this.openclawHasContent(config)) {
+                        return '未设置配置';
+                    }
+                    const length = config.content.trim().length;
+                    return `已保存 ${length} 字符`;
+                },
+
+                saveOpenclawConfigs() {
+                    localStorage.setItem('openclawConfigs', JSON.stringify(this.openclawConfigs));
+                },
+
+                openOpenclawAddModal() {
+                    this.openclawEditorTitle = '添加 OpenClaw 配置';
+                    this.openclawEditing = {
+                        name: '',
+                        content: DEFAULT_OPENCLAW_TEMPLATE,
+                        lockName: false
+                    };
+                    this.openclawConfigPath = '';
+                    this.openclawConfigExists = false;
+                    this.openclawLineEnding = '\n';
+                    this.showOpenclawConfigModal = true;
+                },
+
+                openOpenclawEditModal(name) {
+                    const config = this.openclawConfigs[name];
+                    this.openclawEditorTitle = `编辑 OpenClaw 配置: ${name}`;
+                    this.openclawEditing = {
+                        name,
+                        content: (config && config.content) ? config.content : '',
+                        lockName: true
+                    };
+                    this.showOpenclawConfigModal = true;
+                },
+
+                closeOpenclawConfigModal() {
+                    this.showOpenclawConfigModal = false;
+                    this.openclawEditing = { name: '', content: '', lockName: false };
+                    this.openclawSaving = false;
+                    this.openclawApplying = false;
+                },
+
+                async loadOpenclawConfigFromFile() {
+                    this.openclawFileLoading = true;
+                    try {
+                        const res = await api('get-openclaw-config');
+                        if (res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        this.openclawConfigPath = res.path || '';
+                        this.openclawConfigExists = !!res.exists;
+                        this.openclawLineEnding = res.lineEnding === '\r\n' ? '\r\n' : '\n';
+                        if (res.content && res.content.trim()) {
+                            this.openclawEditing.content = res.content;
+                        } else if (!this.openclawEditing.content) {
+                            this.openclawEditing.content = DEFAULT_OPENCLAW_TEMPLATE;
+                        }
+                        this.showMessage('已加载当前 OpenClaw 配置', 'success');
+                    } catch (e) {
+                        this.showMessage('加载 OpenClaw 配置失败: ' + e.message, 'error');
+                    } finally {
+                        this.openclawFileLoading = false;
+                    }
+                },
+
+                persistOpenclawConfig({ closeModal = true } = {}) {
+                    if (!this.openclawEditing.name || !this.openclawEditing.name.trim()) {
+                        this.showMessage('请输入配置名称', 'error');
+                        return '';
+                    }
+                    const name = this.openclawEditing.name.trim();
+                    if (!this.openclawEditing.lockName && this.openclawConfigs[name]) {
+                        this.showMessage('配置名称已存在', 'error');
+                        return '';
+                    }
+                    if (!this.openclawEditing.content || !this.openclawEditing.content.trim()) {
+                        this.showMessage('配置内容不能为空', 'error');
+                        return '';
+                    }
+
+                    this.openclawConfigs[name] = {
+                        content: this.openclawEditing.content
+                    };
+                    this.currentOpenclawConfig = name;
+                    this.saveOpenclawConfigs();
+                    if (closeModal) {
+                        this.closeOpenclawConfigModal();
+                    }
+                    return name;
+                },
+
+                async saveOpenclawConfig() {
+                    this.openclawSaving = true;
+                    try {
+                        const name = this.persistOpenclawConfig();
+                        if (!name) return;
+                        this.showMessage('OpenClaw 配置已保存', 'success');
+                    } finally {
+                        this.openclawSaving = false;
+                    }
+                },
+
+                async saveAndApplyOpenclawConfig() {
+                    this.openclawApplying = true;
+                    try {
+                        const name = this.persistOpenclawConfig({ closeModal: false });
+                        if (!name) return;
+                        const config = this.openclawConfigs[name];
+                        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');
+                            return;
+                        }
+                        this.openclawConfigPath = res.targetPath || this.openclawConfigPath;
+                        this.openclawConfigExists = true;
+                        const targetTip = res.targetPath ? `（${res.targetPath}）` : '';
+                        this.showMessage(`已保存并应用 OpenClaw 配置${targetTip}`, 'success');
+                        this.closeOpenclawConfigModal();
+                    } catch (e) {
+                        this.showMessage('应用 OpenClaw 配置失败: ' + e.message, 'error');
+                    } finally {
+                        this.openclawApplying = false;
+                    }
+                },
+
+                deleteOpenclawConfig(name) {
+                    if (Object.keys(this.openclawConfigs).length <= 1) {
+                        return this.showMessage('至少保留一个配置', 'error');
+                    }
+                    if (!confirm(`确定删除配置 "${name}"?`)) return;
+                    delete this.openclawConfigs[name];
+                    if (this.currentOpenclawConfig === name) {
+                        this.currentOpenclawConfig = Object.keys(this.openclawConfigs)[0];
+                    }
+                    this.saveOpenclawConfigs();
+                    this.showMessage('OpenClaw 配置已删除', 'success');
+                },
+
+                async applyOpenclawConfig(name) {
+                    this.currentOpenclawConfig = name;
+                    const config = this.openclawConfigs[name];
+                    if (!this.openclawHasContent(config)) {
+                        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');
+                    } else {
+                        this.openclawConfigPath = res.targetPath || this.openclawConfigPath;
+                        this.openclawConfigExists = true;
+                        const targetTip = res.targetPath ? `（${res.targetPath}）` : '';
+                        this.showMessage(`已应用 OpenClaw 配置: ${name}${targetTip}`, 'success');
+                    }
+                },
+
+                formatLatency(result) {
+                    if (!result) return '';
+                    if (!result.ok) return result.status ? `ERR ${result.status}` : 'ERR';
+                    const ms = typeof result.durationMs === 'number' ? result.durationMs : 0;
                     return `${ms}ms`;
                 },