codexmate 0.0.12 → 0.0.13

package/web-ui/app.js

@@ -137,13 +137,35 @@
                     claudeSpeedLoading: {},
                     claudeShareLoading: {},
                     providerShareLoading: {},
-                    installCommands: [
-                        'npm install -g @anthropic-ai/claude-code',
-                        'npm i -g @openai/codex'
+                    installPackageManager: 'npm',
+                    installCommandAction: 'install',
+                    installRegistryPreset: 'default',
+                    installRegistryCustom: '',
+                    installStatusTargets: [
+                        {
+                            id: 'claude',
+                            name: 'Claude Code CLI',
+                            packageName: '@anthropic-ai/claude-code',
+                            installed: false,
+                            bin: 'claude',
+                            version: '',
+                            commandPath: '',
+                            error: ''
+                        },
+                        {
+                            id: 'codex',
+                            name: 'Codex CLI',
+                            packageName: '@openai/codex',
+                            installed: false,
+                            bin: 'codex',
+                            version: '',
+                            commandPath: '',
+                            error: ''
+                        }
                     ],
                     newProvider: { name: '', url: '', key: '' },
                     resetConfigLoading: false,
-                    editingProvider: { name: '', url: '', key: '' },
+                    editingProvider: { name: '', url: '', key: '', readOnly: false, nonEditable: false },
                     newModelName: '',
                     currentClaudeConfig: '',
                     currentClaudeModel: '',
@@ -209,7 +231,34 @@
                     openclawMissingProviders: [],
                     healthCheckLoading: false,
                     healthCheckResult: null,
-                    healthCheckRemote: false
+                    healthCheckRemote: false,
+                    claudeDownloadLoading: false,
+                    claudeDownloadProgress: 0,
+                    claudeDownloadTimer: null,
+                    codexDownloadLoading: false,
+                    codexDownloadProgress: 0,
+                    codexDownloadTimer: null,
+                    claudeImportLoading: false,
+                    codexImportLoading: false,
+                    codexAuthProfiles: [],
+                    codexAuthImportLoading: false,
+                    codexAuthSwitching: {},
+                    codexAuthDeleting: {},
+                    proxySettings: {
+                        enabled: false,
+                        host: '127.0.0.1',
+                        port: 8318,
+                        provider: '',
+                        authSource: 'provider',
+                        timeoutMs: 30000
+                    },
+                    proxyRuntime: null,
+                    proxyLoading: false,
+                    proxySaving: false,
+                    proxyStarting: false,
+                    proxyStopping: false,
+                    proxyApplying: false,
+                    showProxyAdvanced: false
                 }
             },
             mounted() {
@@ -276,6 +325,162 @@
                         list.unshift(current);
                     }
                     return list;
+                },
+                proxyProviderOptions() {
+                    const source = Array.isArray(this.providersList) ? this.providersList : [];
+                    const list = source
+                        .map((item) => (item && typeof item.name === 'string' ? item.name.trim() : ''))
+                        .filter((name) => name && name !== 'codexmate-proxy');
+                    return Array.from(new Set(list));
+                },
+                proxyRuntimeDisplayProvider() {
+                    if (!this.proxyRuntime) return '';
+                    const value = typeof this.proxyRuntime.provider === 'string'
+                        ? this.proxyRuntime.provider.trim()
+                        : '';
+                    return value || 'local';
+                },
+                installTargetCards() {
+                    const targets = Array.isArray(this.installStatusTargets) ? this.installStatusTargets : [];
+                    const action = this.normalizeInstallAction(this.installCommandAction);
+                    return targets.map((target) => {
+                        const id = target && typeof target.id === 'string' ? target.id : '';
+                        return {
+                            ...target,
+                            command: this.getInstallCommand(id, action)
+                        };
+                    });
+                },
+                installRegistryPreview() {
+                    return this.resolveInstallRegistryUrl(this.installRegistryPreset, this.installRegistryCustom);
+                },
+                inspectorMainTabLabel() {
+                    if (this.mainTab === 'config') return '配置中心';
+                    if (this.mainTab === 'sessions') return '会话浏览';
+                    if (this.mainTab === 'settings') return '设置';
+                    return '未知';
+                },
+                inspectorConfigModeLabel() {
+                    if (this.mainTab !== 'config') return '--';
+                    if (this.configMode === 'codex') return 'Codex';
+                    if (this.configMode === 'claude') return 'Claude Code';
+                    if (this.configMode === 'openclaw') return 'OpenClaw';
+                    return '未选择';
+                },
+                inspectorCurrentConfigLabel() {
+                    if (this.mainTab !== 'config') return '--';
+                    if (this.configMode === 'codex') {
+                        const provider = typeof this.currentProvider === 'string' ? this.currentProvider.trim() : '';
+                        return provider || '未选择';
+                    }
+                    if (this.configMode === 'claude') {
+                        const config = typeof this.currentClaudeConfig === 'string' ? this.currentClaudeConfig.trim() : '';
+                        return config || '未选择';
+                    }
+                    const openclaw = typeof this.currentOpenclawConfig === 'string' ? this.currentOpenclawConfig.trim() : '';
+                    return openclaw || '未选择';
+                },
+                inspectorCurrentModelLabel() {
+                    if (this.mainTab !== 'config') return '--';
+                    if (this.configMode === 'codex') {
+                        const model = typeof this.currentModel === 'string' ? this.currentModel.trim() : '';
+                        return model || '未选择';
+                    }
+                    if (this.configMode === 'claude') {
+                        const model = typeof this.currentClaudeModel === 'string' ? this.currentClaudeModel.trim() : '';
+                        return model || '未选择';
+                    }
+                    const model = this.openclawStructured && typeof this.openclawStructured.agentPrimary === 'string'
+                        ? this.openclawStructured.agentPrimary.trim()
+                        : '';
+                    return model || '按配置文件';
+                },
+                inspectorTemplateStatus() {
+                    if (this.mainTab !== 'config') return '--';
+                    if (this.configMode === 'codex') {
+                        if (this.configTemplateApplying || this.codexApplying) {
+                            return '模板应用中';
+                        }
+                        return '模板可编辑（手动确认应用）';
+                    }
+                    if (this.configMode === 'claude') {
+                        return '即时写入 Claude settings';
+                    }
+                    if (this.openclawApplying || this.openclawSaving) {
+                        return 'OpenClaw 保存/应用中';
+                    }
+                    return 'JSON5 可保存并应用';
+                },
+                inspectorBusyStatus() {
+                    const tasks = [];
+                    if (this.loading) tasks.push('初始化');
+                    if (this.sessionsLoading) tasks.push('会话加载');
+                    if (this.codexModelsLoading || this.claudeModelsLoading) tasks.push('模型加载');
+                    if (this.codexApplying || this.configTemplateApplying || this.openclawApplying) tasks.push('配置应用');
+                    if (this.agentsSaving) tasks.push('AGENTS 保存');
+                    if (this.proxySaving || this.proxyApplying || this.proxyStarting || this.proxyStopping) tasks.push('代理更新');
+                    return tasks.length ? tasks.join(' / ') : '空闲';
+                },
+                inspectorMessageSummary() {
+                    const value = typeof this.message === 'string' ? this.message.trim() : '';
+                    return value || '暂无提示';
+                },
+                inspectorSessionSourceLabel() {
+                    if (this.sessionFilterSource === 'codex') return 'Codex';
+                    if (this.sessionFilterSource === 'claude') return 'Claude Code';
+                    return '全部';
+                },
+                inspectorSessionPathLabel() {
+                    const value = typeof this.sessionPathFilter === 'string' ? this.sessionPathFilter.trim() : '';
+                    return value || '全部路径';
+                },
+                inspectorSessionQueryLabel() {
+                    if (!this.isSessionQueryEnabled) return '当前来源不支持';
+                    const value = typeof this.sessionQuery === 'string' ? this.sessionQuery.trim() : '';
+                    return value || '未设置';
+                },
+                inspectorHealthStatus() {
+                    if (this.initError) return '读取失败';
+                    if (this.loading) return '初始化中';
+                    return '正常';
+                },
+                inspectorHealthTone() {
+                    if (this.initError) return 'error';
+                    if (this.loading) return 'warn';
+                    return 'ok';
+                },
+                inspectorModelLoadStatus() {
+                    if (this.codexModelsLoading || this.claudeModelsLoading) {
+                        return '加载中';
+                    }
+                    if (this.modelsSource === 'error' || this.claudeModelsSource === 'error') {
+                        return '加载异常';
+                    }
+                    return '正常';
+                },
+                inspectorProxyStatus() {
+                    if (this.proxySaving || this.proxyApplying || this.proxyStarting || this.proxyStopping) {
+                        return '状态更新中';
+                    }
+                    if (this.proxyRuntime && this.proxyRuntime.running === true) {
+                        return `运行中（${this.proxyRuntimeDisplayProvider}）`;
+                    }
+                    return '未运行';
+                },
+                installTroubleshootingTips() {
+                    const platform = this.resolveInstallPlatform();
+                    if (platform === 'win32') {
+                        return [
+                            'PowerShell 报权限不足（EACCES/EPERM）时，请以管理员身份执行安装命令。',
+                            '安装后若仍提示找不到命令，重开终端并执行：where codex / where claude。',
+                            '公司网络受限时，可先切换镜像源快捷项（npmmirror / 腾讯云 / 自定义）。'
+                        ];
+                    }
+                    return [
+                        '出现 EACCES 权限错误时，优先修复 Node 全局目录权限，不建议直接 sudo npm。',
+                        '安装后若命令未生效，重开终端并执行：which codex / which claude。',
+                        '公司网络受限时，可先切换镜像源快捷项（npmmirror / 腾讯云 / 自定义）。'
+                    ];
                 }
             },
             methods: {
@@ -323,6 +528,15 @@
                     } catch (e) {
                         // loadModelsForProvider 内部已有 toast，这里吞掉防止抛出
                     }
+
+                    try {
+                        await Promise.all([
+                            this.loadCodexAuthProfiles(),
+                            this.loadProxyStatus()
+                        ]);
+                    } catch (e) {
+                        // 认证/代理状态加载失败不阻塞主界面
+                    }
                 },
 
                 async loadModelsForProvider(providerName) {
@@ -704,12 +918,39 @@
                     this.showMessage('复制失败', 'error');
                 },
 
-                copyInstallCommand(cmd) {
+                exportAgentsContent() {
+                    const text = typeof this.agentsContent === 'string' ? this.agentsContent : '';
+                    if (!text) {
+                        this.showMessage('没有可导出内容', 'info');
+                        return;
+                    }
+                    const now = new Date();
+                    const year = String(now.getFullYear());
+                    const month = String(now.getMonth() + 1).padStart(2, '0');
+                    const day = String(now.getDate()).padStart(2, '0');
+                    const hour = String(now.getHours()).padStart(2, '0');
+                    const minute = String(now.getMinutes()).padStart(2, '0');
+                    const second = String(now.getSeconds()).padStart(2, '0');
+                    const fileName = `agent-${year}${month}${day}-${hour}${minute}${second}.txt`;
+                    this.downloadTextFile(fileName, text, 'text/plain;charset=utf-8');
+                    this.showMessage(`已导出 ${fileName}`, 'success');
+                },
+
+                async copyInstallCommand(cmd) {
                     const text = typeof cmd === 'string' ? cmd.trim() : '';
                     if (!text) {
                         this.showMessage('没有可复制内容', 'info');
                         return;
                     }
+                    try {
+                        if (navigator.clipboard && window.isSecureContext) {
+                            await navigator.clipboard.writeText(text);
+                            this.showMessage('已复制命令', 'success');
+                            return;
+                        }
+                    } catch (e) {
+                        // fallback to legacy copy path
+                    }
                     const ok = this.fallbackCopyText(text);
                     if (ok) {
                         this.showMessage('已复制命令', 'success');
@@ -778,6 +1019,10 @@
                         this.showMessage('参数无效', 'error');
                         return;
                     }
+                    if (!this.shouldAllowProviderShare(provider)) {
+                        this.showMessage('本地入口不可分享', 'info');
+                        return;
+                    }
                     if (this.providerShareLoading[name]) {
                         return;
                     }
@@ -1256,10 +1501,10 @@
                     }
                 },
 
-                downloadTextFile(fileName, content) {
+                downloadTextFile(fileName, content, mimeType = 'text/markdown;charset=utf-8') {
                     // 使用 UTF-8 BOM 确保文本编辑器正确识别编码
                     const BOM = '\uFEFF';
-                    const blob = new Blob([BOM + content], { type: 'text/markdown;charset=utf-8' });
+                    const blob = new Blob([BOM + content], { type: mimeType });
                     const url = URL.createObjectURL(blob);
                     const link = document.createElement('a');
                     link.href = url;
@@ -1632,6 +1877,9 @@
                     if (!name) {
                         return this.showMessage('名称不能为空', 'error');
                     }
+                    if (name.toLowerCase() === 'local') {
+                        return this.showMessage('local provider 为系统保留名称，不可新增', 'error');
+                    }
                     if (this.providersList.some(item => item.name === name)) {
                         return this.showMessage('名称已存在', 'error');
                     }
@@ -1655,7 +1903,89 @@
                     }
                 },
 
+                getCurrentCodexAuthProfile() {
+                    const list = Array.isArray(this.codexAuthProfiles) ? this.codexAuthProfiles : [];
+                    return list.find((item) => !!(item && item.current)) || null;
+                },
+
+                isLocalLikeProvider(providerOrName) {
+                    if (!providerOrName) return false;
+                    const rawName = typeof providerOrName === 'object'
+                        ? String(providerOrName.name || '')
+                        : String(providerOrName);
+                    const normalized = rawName.trim().toLowerCase();
+                    return normalized === 'local' || normalized === 'codexmate-proxy';
+                },
+
+                providerPillState(provider) {
+                    if (this.isLocalLikeProvider(provider)) {
+                        const currentProfile = this.getCurrentCodexAuthProfile();
+                        return currentProfile
+                            ? { configured: true, text: '已登录' }
+                            : { configured: false, text: '未登录' };
+                    }
+                    const configured = !!(provider && provider.hasKey);
+                    return {
+                        configured,
+                        text: configured ? '已配置' : '未配置'
+                    };
+                },
+
+                providerPillConfigured(provider) {
+                    return this.providerPillState(provider).configured;
+                },
+
+                providerPillText(provider) {
+                    return this.providerPillState(provider).text;
+                },
+
+                isReadOnlyProvider(providerOrName) {
+                    if (!providerOrName) return false;
+                    if (typeof providerOrName === 'object') {
+                        return !!providerOrName.readOnly;
+                    }
+                    const name = String(providerOrName).trim();
+                    if (!name) return false;
+                    const target = (this.providersList || []).find((item) => item && item.name === name);
+                    return !!(target && target.readOnly);
+                },
+
+                isNonDeletableProvider(providerOrName) {
+                    if (!providerOrName) return false;
+                    if (typeof providerOrName === 'object') {
+                        const directName = String(providerOrName.name || '').trim().toLowerCase();
+                        if (directName === 'local' || directName === 'codexmate-proxy') {
+                            return true;
+                        }
+                        return !!providerOrName.nonDeletable;
+                    }
+                    const name = String(providerOrName).trim();
+                    if (!name) return false;
+                    const normalized = name.toLowerCase();
+                    if (normalized === 'local' || normalized === 'codexmate-proxy') {
+                        return true;
+                    }
+                    const target = (this.providersList || []).find((item) => item && item.name === name);
+                    return !!(target && target.nonDeletable);
+                },
+
+                shouldShowProviderDelete(provider) {
+                    return !this.isReadOnlyProvider(provider) && !this.isNonDeletableProvider(provider);
+                },
+
+                shouldShowProviderEdit(provider) {
+                    return !this.isReadOnlyProvider(provider) && !this.isNonDeletableProvider(provider);
+                },
+
+                shouldAllowProviderShare(provider) {
+                    return !this.isReadOnlyProvider(provider) && !this.isLocalLikeProvider(provider);
+                },
+
                 async deleteProvider(name) {
+                    if (this.isNonDeletableProvider(name)) {
+                        this.showMessage('该 provider 为保留项，不可删除', 'info');
+                        return;
+                    }
                     const res = await api('delete-provider', { name });
                     if (res.error) {
                         this.showMessage(res.error, 'error');
@@ -1670,15 +2000,26 @@
                 },
 
                 openEditModal(provider) {
+                    if (!this.shouldShowProviderEdit(provider)) {
+                        this.showMessage('该 provider 为保留项，不可编辑', 'info');
+                        return;
+                    }
                     this.editingProvider = {
                         name: provider.name,
                         url: provider.url || '',
-                        key: ''
+                        key: '',
+                        readOnly: !!provider.readOnly,
+                        nonEditable: this.isNonDeletableProvider(provider)
                     };
                     this.showEditModal = true;
                 },
 
                 async updateProvider() {
+                    if (this.editingProvider.readOnly || this.editingProvider.nonEditable) {
+                        this.showMessage('该 provider 为保留项，不可编辑', 'error');
+                        this.closeEditModal();
+                        return;
+                    }
                     if (!this.editingProvider.url) {
                         return this.showMessage('URL 必填', 'error');
                     }
@@ -1702,7 +2043,7 @@
 
                 closeEditModal() {
                     this.showEditModal = false;
-                    this.editingProvider = { name: '', url: '', key: '' };
+                    this.editingProvider = { name: '', url: '', key: '', readOnly: false, nonEditable: false };
                 },
 
                 async resetConfig() {
@@ -2751,6 +3092,136 @@
                     this.resetOpenclawQuick();
                 },
 
+                normalizeInstallPackageManager(value) {
+                    const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+                    if (normalized === 'pnpm' || normalized === 'bun' || normalized === 'npm') {
+                        return normalized;
+                    }
+                    return 'npm';
+                },
+
+                normalizeInstallAction(value) {
+                    const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+                    if (normalized === 'update' || normalized === 'uninstall' || normalized === 'install') {
+                        return normalized;
+                    }
+                    return 'install';
+                },
+
+                normalizeInstallRegistryPreset(value) {
+                    const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
+                    if (normalized === 'default' || normalized === 'npmmirror' || normalized === 'tencent' || normalized === 'custom') {
+                        return normalized;
+                    }
+                    return 'default';
+                },
+
+                normalizeInstallRegistryUrl(value) {
+                    const normalized = typeof value === 'string' ? value.trim() : '';
+                    if (!normalized) return '';
+                    if (!/^https?:\/\//i.test(normalized)) {
+                        return '';
+                    }
+                    return normalized.replace(/\/+$/, '');
+                },
+
+                resolveInstallRegistryUrl(presetValue, customValue) {
+                    const preset = this.normalizeInstallRegistryPreset(presetValue);
+                    if (preset === 'npmmirror') {
+                        return 'https://registry.npmmirror.com';
+                    }
+                    if (preset === 'tencent') {
+                        return 'https://mirrors.cloud.tencent.com/npm';
+                    }
+                    if (preset === 'custom') {
+                        return this.normalizeInstallRegistryUrl(customValue);
+                    }
+                    return '';
+                },
+
+                appendInstallRegistryOption(command, actionName) {
+                    const base = typeof command === 'string' ? command.trim() : '';
+                    if (!base) return '';
+                    const action = this.normalizeInstallAction(actionName);
+                    if (action === 'uninstall') {
+                        return base;
+                    }
+                    const registry = this.resolveInstallRegistryUrl(this.installRegistryPreset, this.installRegistryCustom);
+                    if (!registry) {
+                        return base;
+                    }
+                    return `${base} --registry=${registry}`;
+                },
+
+                resolveInstallPlatform() {
+                    const navPlatform = typeof navigator !== 'undefined' && typeof navigator.platform === 'string'
+                        ? navigator.platform.trim().toLowerCase()
+                        : '';
+                    if (navPlatform.includes('win')) return 'win32';
+                    if (navPlatform.includes('mac')) return 'darwin';
+                    return 'linux';
+                },
+
+                buildInstallCommandMatrix(packageManager) {
+                    const manager = this.normalizeInstallPackageManager(packageManager);
+                    const matrix = {
+                        claude: {
+                            install: '',
+                            update: '',
+                            uninstall: ''
+                        },
+                        codex: {
+                            install: '',
+                            update: '',
+                            uninstall: ''
+                        }
+                    };
+                    if (manager === 'pnpm') {
+                        matrix.claude.install = 'pnpm add -g @anthropic-ai/claude-code';
+                        matrix.claude.update = 'pnpm up -g @anthropic-ai/claude-code';
+                        matrix.claude.uninstall = 'pnpm remove -g @anthropic-ai/claude-code';
+                        matrix.codex.install = 'pnpm add -g @openai/codex';
+                        matrix.codex.update = 'pnpm up -g @openai/codex';
+                        matrix.codex.uninstall = 'pnpm remove -g @openai/codex';
+                        return matrix;
+                    }
+                    if (manager === 'bun') {
+                        matrix.claude.install = 'bun add -g @anthropic-ai/claude-code';
+                        matrix.claude.update = 'bun update -g @anthropic-ai/claude-code';
+                        matrix.claude.uninstall = 'bun remove -g @anthropic-ai/claude-code';
+                        matrix.codex.install = 'bun add -g @openai/codex';
+                        matrix.codex.update = 'bun update -g @openai/codex';
+                        matrix.codex.uninstall = 'bun remove -g @openai/codex';
+                        return matrix;
+                    }
+                    matrix.claude.install = 'npm install -g @anthropic-ai/claude-code';
+                    matrix.claude.update = 'npm update -g @anthropic-ai/claude-code';
+                    matrix.claude.uninstall = 'npm uninstall -g @anthropic-ai/claude-code';
+                    matrix.codex.install = 'npm install -g @openai/codex';
+                    matrix.codex.update = 'npm update -g @openai/codex';
+                    matrix.codex.uninstall = 'npm uninstall -g @openai/codex';
+                    return matrix;
+                },
+
+                getInstallCommand(targetId, actionName) {
+                    const targetKey = typeof targetId === 'string' ? targetId.trim() : '';
+                    if (!targetKey) return '';
+                    const action = this.normalizeInstallAction(actionName);
+                    const currentMap = this.buildInstallCommandMatrix(this.installPackageManager);
+                    const current = currentMap[targetKey] && typeof currentMap[targetKey][action] === 'string'
+                        ? currentMap[targetKey][action]
+                        : '';
+                    return this.appendInstallRegistryOption(current, action);
+                },
+
+                setInstallCommandAction(actionName) {
+                    this.installCommandAction = this.normalizeInstallAction(actionName);
+                },
+
+                setInstallRegistryPreset(presetName) {
+                    this.installRegistryPreset = this.normalizeInstallRegistryPreset(presetName);
+                },
+
                 openInstallModal() {
                     this.showInstallModal = true;
                 },
@@ -2955,6 +3426,427 @@
                     }
                 },
 
+                async downloadClaudeDirectory() {
+                    if (this.claudeDownloadLoading) return;
+                    this.claudeDownloadLoading = true;
+                    this.claudeDownloadProgress = 5;
+                    this.claudeDownloadTimer = setInterval(() => {
+                        if (this.claudeDownloadProgress < 90) {
+                            this.claudeDownloadProgress += 5;
+                        }
+                    }, 400);
+                    try {
+                        const res = await api('download-claude-dir');
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        if (!res || res.success !== true || !res.fileName) {
+                            this.showMessage('备份失败', 'error');
+                            return;
+                        }
+                        this.claudeDownloadProgress = 100;
+                        const downloadUrl = `/download/${encodeURIComponent(res.fileName)}`;
+                        const link = document.createElement('a');
+                        link.href = downloadUrl;
+                        link.download = res.fileName;
+                        document.body.appendChild(link);
+                        link.click();
+                        document.body.removeChild(link);
+                        this.showMessage('备份成功，开始下载', 'success');
+                    } catch (e) {
+                        this.showMessage('备份失败：' + (e && e.message ? e.message : '未知错误'), 'error');
+                    } finally {
+                        if (this.claudeDownloadTimer) {
+                            clearInterval(this.claudeDownloadTimer);
+                            this.claudeDownloadTimer = null;
+                        }
+                        this.claudeDownloadLoading = false;
+                        setTimeout(() => {
+                            this.claudeDownloadProgress = 0;
+                        }, 800);
+                    }
+                },
+
+                async downloadCodexDirectory() {
+                    if (this.codexDownloadLoading) return;
+                    this.codexDownloadLoading = true;
+                    this.codexDownloadProgress = 5;
+                    this.codexDownloadTimer = setInterval(() => {
+                        if (this.codexDownloadProgress < 90) {
+                            this.codexDownloadProgress += 5;
+                        }
+                    }, 400);
+                    try {
+                        const res = await api('download-codex-dir');
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        if (!res || res.success !== true || !res.fileName) {
+                            this.showMessage('备份失败', 'error');
+                            return;
+                        }
+                        this.codexDownloadProgress = 100;
+                        const downloadUrl = `/download/${encodeURIComponent(res.fileName)}`;
+                        const link = document.createElement('a');
+                        link.href = downloadUrl;
+                        link.download = res.fileName;
+                        document.body.appendChild(link);
+                        link.click();
+                        document.body.removeChild(link);
+                        this.showMessage('备份成功，开始下载', 'success');
+                    } catch (e) {
+                        this.showMessage('备份失败：' + (e && e.message ? e.message : '未知错误'), 'error');
+                    } finally {
+                        if (this.codexDownloadTimer) {
+                            clearInterval(this.codexDownloadTimer);
+                            this.codexDownloadTimer = null;
+                        }
+                        this.codexDownloadLoading = false;
+                        setTimeout(() => {
+                            this.codexDownloadProgress = 0;
+                        }, 800);
+                    }
+                },
+
+                triggerClaudeImport() {
+                    const input = this.$refs.claudeImportInput;
+                    if (input) {
+                        input.value = '';
+                        input.click();
+                    }
+                },
+
+                triggerCodexImport() {
+                    const input = this.$refs.codexImportInput;
+                    if (input) {
+                        input.value = '';
+                        input.click();
+                    }
+                },
+
+                handleClaudeImportChange(event) {
+                    const file = event && event.target && event.target.files ? event.target.files[0] : null;
+                    if (file) {
+                        void this.importBackupFile('claude', file);
+                    }
+                },
+
+                handleCodexImportChange(event) {
+                    const file = event && event.target && event.target.files ? event.target.files[0] : null;
+                    if (file) {
+                        void this.importBackupFile('codex', file);
+                    }
+                },
+
+                async importBackupFile(type, file) {
+                    const maxSize = 200 * 1024 * 1024;
+                    const loadingKey = type === 'claude' ? 'claudeImportLoading' : 'codexImportLoading';
+                    if (file.size > maxSize) {
+                        this.showMessage('备份文件过大，限制 200MB', 'error');
+                        this.resetImportInput(type);
+                        return;
+                    }
+                    this[loadingKey] = true;
+                    try {
+                        const base64 = await this.readFileAsBase64(file);
+                        const action = type === 'claude' ? 'restore-claude-dir' : 'restore-codex-dir';
+                        const res = await api(action, {
+                            fileName: file.name || `${type}-backup.zip`,
+                            fileBase64: base64
+                        });
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        const backupTip = res && res.backupPath ? `，原配置已备份到临时文件：${res.backupPath}` : '';
+                        this.showMessage(`导入成功${backupTip}`, 'success');
+                        if (type === 'claude') {
+                            await this.refreshClaudeSelectionFromSettings({ silent: true });
+                        } else {
+                            await this.loadAll();
+                        }
+                    } catch (e) {
+                        this.showMessage('导入失败：' + (e && e.message ? e.message : '未知错误'), 'error');
+                    } finally {
+                        this[loadingKey] = false;
+                        this.resetImportInput(type);
+                    }
+                },
+
+                readFileAsBase64(file) {
+                    return new Promise((resolve, reject) => {
+                        const reader = new FileReader();
+                        reader.onload = () => {
+                            const result = reader.result;
+                            if (result instanceof ArrayBuffer) {
+                                resolve(this.arrayBufferToBase64(result));
+                                return;
+                            }
+                            if (typeof result === 'string') {
+                                const idx = result.indexOf('base64,');
+                                resolve(idx >= 0 ? result.slice(idx + 7) : result);
+                                return;
+                            }
+                            reject(new Error('不支持的文件读取结果'));
+                        };
+                        reader.onerror = () => reject(new Error('读取文件失败'));
+                        reader.readAsArrayBuffer(file);
+                    });
+                },
+
+                arrayBufferToBase64(buffer) {
+                    const bytes = new Uint8Array(buffer);
+                    const chunkSize = 0x8000;
+                    let binary = '';
+                    for (let i = 0; i < bytes.byteLength; i += chunkSize) {
+                        binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize));
+                    }
+                    return btoa(binary);
+                },
+
+                resetImportInput(type) {
+                    const refName = type === 'claude' ? 'claudeImportInput' : 'codexImportInput';
+                    const el = this.$refs[refName];
+                    if (el) {
+                        el.value = '';
+                    }
+                },
+
+                async loadCodexAuthProfiles(options = {}) {
+                    const silent = !!options.silent;
+                    try {
+                        const res = await api('list-auth-profiles');
+                        if (res && res.error) {
+                            if (!silent) {
+                                this.showMessage(res.error, 'error');
+                            }
+                            return;
+                        }
+                        const list = Array.isArray(res && res.profiles) ? res.profiles : [];
+                        this.codexAuthProfiles = list.sort((a, b) => {
+                            if (!!a.current !== !!b.current) {
+                                return a.current ? -1 : 1;
+                            }
+                            return String(a.name || '').localeCompare(String(b.name || ''));
+                        });
+                    } catch (e) {
+                        if (!silent) {
+                            this.showMessage('读取认证列表失败', 'error');
+                        }
+                    }
+                },
+
+                triggerCodexAuthUpload() {
+                    const input = this.$refs.codexAuthImportInput;
+                    if (input) {
+                        input.value = '';
+                        input.click();
+                    }
+                },
+
+                handleCodexAuthImportChange(event) {
+                    const file = event && event.target && event.target.files ? event.target.files[0] : null;
+                    if (file) {
+                        void this.importCodexAuthFile(file);
+                    }
+                },
+
+                resetCodexAuthImportInput() {
+                    const el = this.$refs.codexAuthImportInput;
+                    if (el) {
+                        el.value = '';
+                    }
+                },
+
+                async importCodexAuthFile(file) {
+                    this.codexAuthImportLoading = true;
+                    try {
+                        const base64 = await this.readFileAsBase64(file);
+                        const res = await api('import-auth-profile', {
+                            fileName: file.name || 'codex-auth.json',
+                            fileBase64: base64,
+                            activate: true
+                        });
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        await this.loadCodexAuthProfiles({ silent: true });
+                        this.showMessage('认证文件已导入并切换', 'success');
+                    } catch (e) {
+                        this.showMessage('导入认证文件失败', 'error');
+                    } finally {
+                        this.codexAuthImportLoading = false;
+                        this.resetCodexAuthImportInput();
+                    }
+                },
+
+                async switchCodexAuthProfile(name) {
+                    const key = String(name || '').trim();
+                    if (!key || this.codexAuthSwitching[key]) return;
+                    this.codexAuthSwitching[key] = true;
+                    try {
+                        const res = await api('switch-auth-profile', { name: key });
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        await this.loadCodexAuthProfiles({ silent: true });
+                        this.showMessage(`已切换认证: ${key}`, 'success');
+                    } catch (e) {
+                        this.showMessage('切换认证失败', 'error');
+                    } finally {
+                        this.codexAuthSwitching[key] = false;
+                    }
+                },
+
+                async deleteCodexAuthProfile(name) {
+                    const key = String(name || '').trim();
+                    if (!key || this.codexAuthDeleting[key]) return;
+                    this.codexAuthDeleting[key] = true;
+                    try {
+                        const res = await api('delete-auth-profile', { name: key });
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        await this.loadCodexAuthProfiles({ silent: true });
+                        const switchedTip = res && res.switchedTo ? `，已切换到 ${res.switchedTo}` : '';
+                        this.showMessage(`已删除认证${switchedTip}`, 'success');
+                    } catch (e) {
+                        this.showMessage('删除认证失败', 'error');
+                    } finally {
+                        this.codexAuthDeleting[key] = false;
+                    }
+                },
+
+                mergeProxySettings(nextSettings) {
+                    const safe = nextSettings && typeof nextSettings === 'object' ? nextSettings : {};
+                    const port = parseInt(String(safe.port), 10);
+                    const timeoutMs = parseInt(String(safe.timeoutMs), 10);
+                    this.proxySettings = {
+                        enabled: safe.enabled !== false,
+                        host: typeof safe.host === 'string' && safe.host.trim() ? safe.host.trim() : '127.0.0.1',
+                        port: Number.isFinite(port) ? port : 8318,
+                        provider: typeof safe.provider === 'string' ? safe.provider.trim() : '',
+                        authSource: safe.authSource === 'profile' || safe.authSource === 'none' ? safe.authSource : 'provider',
+                        timeoutMs: Number.isFinite(timeoutMs) ? timeoutMs : 30000
+                    };
+                },
+
+                async loadProxyStatus(options = {}) {
+                    const silent = !!options.silent;
+                    this.proxyLoading = true;
+                    try {
+                        const res = await api('proxy-status');
+                        if (res && res.error) {
+                            if (!silent) {
+                                this.showMessage(res.error, 'error');
+                            }
+                            return;
+                        }
+                        this.mergeProxySettings(res && res.settings ? res.settings : {});
+                        this.proxyRuntime = res && res.runtime ? { running: true, ...res.runtime } : null;
+                    } catch (e) {
+                        if (!silent) {
+                            this.showMessage('读取代理状态失败', 'error');
+                        }
+                    } finally {
+                        this.proxyLoading = false;
+                    }
+                },
+
+                async saveProxySettings(options = {}) {
+                    const silent = !!options.silent;
+                    this.proxySaving = true;
+                    try {
+                        const res = await api('proxy-save-config', this.proxySettings);
+                        if (res && res.error) {
+                            if (!silent) {
+                                this.showMessage(res.error, 'error');
+                            }
+                            return;
+                        }
+                        if (res && res.settings) {
+                            this.mergeProxySettings(res.settings);
+                        }
+                        if (!silent) {
+                            this.showMessage('代理配置已保存', 'success');
+                        }
+                    } catch (e) {
+                        if (!silent) {
+                            this.showMessage('保存代理配置失败', 'error');
+                        }
+                    } finally {
+                        this.proxySaving = false;
+                    }
+                },
+
+                async startBuiltinProxy() {
+                    this.proxyStarting = true;
+                    try {
+                        const res = await api('proxy-start', {
+                            ...this.proxySettings,
+                            enabled: true
+                        });
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        if (res && res.settings) {
+                            this.mergeProxySettings(res.settings);
+                        }
+                        await this.loadProxyStatus({ silent: true });
+                        const listenTip = res && res.listenUrl ? `：${res.listenUrl}` : '';
+                        this.showMessage(`代理已启动${listenTip}`, 'success');
+                    } catch (e) {
+                        this.showMessage('启动代理失败', 'error');
+                    } finally {
+                        this.proxyStarting = false;
+                    }
+                },
+
+                async stopBuiltinProxy() {
+                    this.proxyStopping = true;
+                    try {
+                        const res = await api('proxy-stop');
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        await this.loadProxyStatus({ silent: true });
+                        this.showMessage('代理已停止', 'success');
+                    } catch (e) {
+                        this.showMessage('停止代理失败', 'error');
+                    } finally {
+                        this.proxyStopping = false;
+                    }
+                },
+
+                async applyBuiltinProxyProvider() {
+                    this.proxyApplying = true;
+                    try {
+                        const saveRes = await api('proxy-save-config', this.proxySettings);
+                        if (saveRes && saveRes.error) {
+                            this.showMessage(saveRes.error, 'error');
+                            return;
+                        }
+                        const res = await api('proxy-apply-provider', { switchToProxy: true });
+                        if (res && res.error) {
+                            this.showMessage(res.error, 'error');
+                            return;
+                        }
+                        await this.loadAll();
+                        this.showMessage('本地代理 provider 已写入并切换', 'success');
+                    } catch (e) {
+                        this.showMessage('应用代理 provider 失败', 'error');
+                    } finally {
+                        this.proxyApplying = false;
+                    }
+                },
+
                 showMessage(text, type) {
                     this.message = text;
                     this.messageType = type || 'info';
@@ -2968,3 +3860,4 @@
         app.mount('#app');
     });
     
+