ai-agent-router 0.2.1 → 0.2.2

package/dist/src/app/api/ide/claude/apply/route.js

@@ -11,6 +11,10 @@ const queries_1 = require("@/db/queries");
 const CLAUDE_DIR = (0, path_1.join)((0, os_1.homedir)(), '.claude');
 const SETTINGS_FILE = (0, path_1.join)(CLAUDE_DIR, 'settings.json');
 const BACKUP_FILE = (0, path_1.join)(CLAUDE_DIR, 'settings.json.aar.bak');
+// Claude 登录配置文件（用于 hasCompletedOnboarding）
+const CLAUDE_JSON_FILE = (0, path_1.join)((0, os_1.homedir)(), '.claude.json');
+// AAR 备份目录
+const AAR_BACKUP_DIR = (0, path_1.join)((0, os_1.homedir)(), '.aar', 'backups');
 // 默认模型映射
 const DEFAULT_MODEL_MAPPING = {
     haiku: 'GLM-4.5-air',
@@ -34,6 +38,15 @@ async function POST(request) {
         const gatewayApiKey = await getGatewayApiKey();
         const modelMapping = { haiku, sonnet, opus, default: defaultModel, reasoning: reasoningModel };
         const aarEnv = buildAarEnv(gatewayAddress, gatewayApiKey, modelMapping);
+        // 在修改配置前，先备份到 ~/.aar/backups 目录
+        const settingsBackup = backupToAar(SETTINGS_FILE, 'settings');
+        const claudeJsonBackup = backupToAar(CLAUDE_JSON_FILE, 'claude');
+        if (!settingsBackup.success) {
+            console.warn('[Claude Apply] Settings backup warning:', settingsBackup.error);
+        }
+        if (!claudeJsonBackup.success) {
+            console.warn('[Claude Apply] Claude.json backup warning:', claudeJsonBackup.error);
+        }
         const backupResult = backupOriginalConfig();
         if (!backupResult.success) {
             return server_1.NextResponse.json({ error: backupResult.error }, { status: 500 });
@@ -62,12 +75,22 @@ async function POST(request) {
         if (!validationResult.success) {
             return server_1.NextResponse.json({ error: validationResult.error }, { status: 500 });
         }
+        // 处理 ~/.claude.json，确保包含 hasCompletedOnboarding: true
+        const onboardingResult = ensureClaudeOnboarding();
+        if (!onboardingResult.success) {
+            console.warn('[Claude Apply] Onboarding update warning:', onboardingResult.error);
+        }
         return server_1.NextResponse.json({
             success: true,
             message: 'Configuration applied successfully',
             config: configToWrite,
             backup: backupResult.existed ? 'Created backup' : 'No existing config to backup',
             previousWasFromAar: backupResult.existed && backupResult.isFromAar,
+            onboarding: onboardingResult.created ? 'Created ~/.claude.json' : 'Updated ~/.claude.json',
+            aarBackups: {
+                settings: settingsBackup.backupPath,
+                claudeJson: claudeJsonBackup.backupPath,
+            },
         });
     }
     catch (error) {
@@ -168,3 +191,64 @@ function validateAndWriteConfig(config) {
         };
     }
 }
+/**
+ * 备份文件到 ~/.aar/backups 目录
+ */
+function backupToAar(filePath, backupName) {
+    try {
+        if (!(0, fs_1.existsSync)(filePath)) {
+            return { success: true }; // 文件不存在，无需备份
+        }
+        if (!(0, fs_1.existsSync)(AAR_BACKUP_DIR)) {
+            (0, fs_1.mkdirSync)(AAR_BACKUP_DIR, { recursive: true });
+        }
+        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+        const backupPath = (0, path_1.join)(AAR_BACKUP_DIR, `${backupName}-${timestamp}.json`);
+        (0, fs_1.copyFileSync)(filePath, backupPath);
+        return { success: true, backupPath };
+    }
+    catch (error) {
+        return {
+            success: false,
+            error: `Backup to AAR failed: ${error.message}`,
+        };
+    }
+}
+/**
+ * 确保 ~/.claude.json 文件中包含 hasCompletedOnboarding: true
+ * 这允许用户跳过 Claude 登录使用自定义模型
+ */
+function ensureClaudeOnboarding() {
+    try {
+        let config = {};
+        let created = false;
+        if ((0, fs_1.existsSync)(CLAUDE_JSON_FILE)) {
+            try {
+                const content = (0, fs_1.readFileSync)(CLAUDE_JSON_FILE, 'utf-8');
+                config = JSON.parse(content);
+            }
+            catch {
+                // 文件存在但解析失败，使用空对象
+                config = {};
+            }
+        }
+        else {
+            created = true;
+        }
+        // 检查是否已经有 hasCompletedOnboarding
+        if (config.hasCompletedOnboarding === true) {
+            return { success: true, created: false };
+        }
+        // 添加 hasCompletedOnboarding
+        config.hasCompletedOnboarding = true;
+        (0, fs_1.writeFileSync)(CLAUDE_JSON_FILE, JSON.stringify(config, null, 2), 'utf-8');
+        return { success: true, created };
+    }
+    catch (error) {
+        return {
+            success: false,
+            created: false,
+            error: `Failed to update claude.json: ${error.message}`,
+        };
+    }
+}

package/dist/src/app/api/ide/claude/restore/route.js

@@ -10,6 +10,8 @@ const os_1 = require("os");
 const CLAUDE_DIR = (0, path_1.join)((0, os_1.homedir)(), '.claude');
 const SETTINGS_FILE = (0, path_1.join)(CLAUDE_DIR, 'settings.json');
 const BACKUP_FILE = (0, path_1.join)(CLAUDE_DIR, 'settings.json.aar.bak');
+// AAR 备份目录
+const AAR_BACKUP_DIR = (0, path_1.join)((0, os_1.homedir)(), '.aar', 'backups');
 /**
  * 还原 Claude IDE 配置
  */
@@ -26,6 +28,11 @@ async function POST(request) {
         if (!(0, fs_1.existsSync)(CLAUDE_DIR)) {
             return server_1.NextResponse.json({ error: 'Claude config directory does not exist' }, { status: 500 });
         }
+        // 在还原前，先备份当前配置到 ~/.aar/backups 目录
+        const currentBackup = backupToAar(SETTINGS_FILE, 'settings-before-restore');
+        if (!currentBackup.success) {
+            console.warn('[IDE Restore] Current config backup warning:', currentBackup.error);
+        }
         // 将备份内容复制到原配置文件
         (0, fs_1.copyFileSync)(BACKUP_FILE, SETTINGS_FILE);
         // 尝试解析备份内容以验证格式
@@ -71,3 +78,26 @@ async function DELETE(request) {
         return server_1.NextResponse.json({ error: error.message || 'Internal server error', stack: process.env.NODE_ENV === 'development' ? error.stack : undefined }, { status: 500 });
     }
 }
+/**
+ * 备份文件到 ~/.aar/backups 目录
+ */
+function backupToAar(filePath, backupName) {
+    try {
+        if (!(0, fs_1.existsSync)(filePath)) {
+            return { success: true }; // 文件不存在，无需备份
+        }
+        if (!(0, fs_1.existsSync)(AAR_BACKUP_DIR)) {
+            (0, fs_1.mkdirSync)(AAR_BACKUP_DIR, { recursive: true });
+        }
+        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+        const backupPath = (0, path_1.join)(AAR_BACKUP_DIR, `${backupName}-${timestamp}.json`);
+        (0, fs_1.copyFileSync)(filePath, backupPath);
+        return { success: true, backupPath };
+    }
+    catch (error) {
+        return {
+            success: false,
+            error: `Backup to AAR failed: ${error.message}`,
+        };
+    }
+}

package/dist/src/app/api/ide/claude/save/route.js

@@ -10,9 +10,13 @@ const queries_1 = require("@/db/queries");
 // Claude settings.json 文件路径
 const CLAUDE_DIR = (0, path_1.join)((0, os_1.homedir)(), '.claude');
 const SETTINGS_FILE = (0, path_1.join)(CLAUDE_DIR, 'settings.json');
+// Claude 登录配置文件（用于 hasCompletedOnboarding）
+const CLAUDE_JSON_FILE = (0, path_1.join)((0, os_1.homedir)(), '.claude.json');
 // AAR 临时配置目录和文件
 const AAR_DIR = (0, path_1.join)((0, os_1.homedir)(), '.aar');
 const TEMP_SETTINGS_FILE = (0, path_1.join)(AAR_DIR, 'settings.tmp.json');
+// AAR 备份目录
+const AAR_BACKUP_DIR = (0, path_1.join)(AAR_DIR, 'backups');
 /**
  * 保存 IDE 配置
  * - 如果当前已应用配置（ ~/.claude/settings.json 存在且匹配当前网关），直接更新 settings.json
@@ -47,6 +51,15 @@ async function POST(request) {
             // 已应用当前网关配置，更新 settings.json
             savePath = SETTINGS_FILE;
             saveType = 'applied';
+            // 备份到 ~/.aar/backups 目录
+            const settingsBackup = backupToAar(SETTINGS_FILE, 'settings');
+            const claudeJsonBackup = backupToAar(CLAUDE_JSON_FILE, 'claude');
+            if (!settingsBackup.success) {
+                console.warn('[IDE Save] Settings backup warning:', settingsBackup.error);
+            }
+            if (!claudeJsonBackup.success) {
+                console.warn('[IDE Save] Claude.json backup warning:', claudeJsonBackup.error);
+            }
             mergedConfig = generateClaudeConfig(gatewayAddress, gatewayApiKey, {
                 haiku: haiku,
                 sonnet: sonnet,
@@ -54,6 +67,11 @@ async function POST(request) {
                 default: defaultModel,
                 reasoning: reasoningModel
             });
+            // 确保 ~/.claude.json 包含 hasCompletedOnboarding: true
+            const onboardingResult = ensureClaudeOnboarding();
+            if (!onboardingResult.success) {
+                console.warn('[IDE Save] Onboarding update warning:', onboardingResult.error);
+            }
         }
         else {
             // 未应用网络关配置，保存到临时文件 ~/.aar/settings.tmp.json
@@ -149,3 +167,64 @@ function generateClaudeConfig(gatewayAddress, gatewayApiKey, modelMapping) {
         },
     };
 }
+/**
+ * 备份文件到 ~/.aar/backups 目录
+ */
+function backupToAar(filePath, backupName) {
+    try {
+        if (!(0, fs_1.existsSync)(filePath)) {
+            return { success: true }; // 文件不存在，无需备份
+        }
+        if (!(0, fs_1.existsSync)(AAR_BACKUP_DIR)) {
+            (0, fs_1.mkdirSync)(AAR_BACKUP_DIR, { recursive: true });
+        }
+        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+        const backupPath = (0, path_1.join)(AAR_BACKUP_DIR, `${backupName}-${timestamp}.json`);
+        (0, fs_1.copyFileSync)(filePath, backupPath);
+        return { success: true, backupPath };
+    }
+    catch (error) {
+        return {
+            success: false,
+            error: `Backup to AAR failed: ${error.message}`,
+        };
+    }
+}
+/**
+ * 确保 ~/.claude.json 文件中包含 hasCompletedOnboarding: true
+ * 这允许用户跳过 Claude 登录使用自定义模型
+ */
+function ensureClaudeOnboarding() {
+    try {
+        let config = {};
+        let created = false;
+        if ((0, fs_1.existsSync)(CLAUDE_JSON_FILE)) {
+            try {
+                const content = (0, fs_1.readFileSync)(CLAUDE_JSON_FILE, 'utf-8');
+                config = JSON.parse(content);
+            }
+            catch {
+                // 文件存在但解析失败，使用空对象
+                config = {};
+            }
+        }
+        else {
+            created = true;
+        }
+        // 检查是否已经有 hasCompletedOnboarding
+        if (config.hasCompletedOnboarding === true) {
+            return { success: true, created: false };
+        }
+        // 添加 hasCompletedOnboarding
+        config.hasCompletedOnboarding = true;
+        (0, fs_1.writeFileSync)(CLAUDE_JSON_FILE, JSON.stringify(config, null, 2), 'utf-8');
+        return { success: true, created };
+    }
+    catch (error) {
+        return {
+            success: false,
+            created: false,
+            error: `Failed to update claude.json: ${error.message}`,
+        };
+    }
+}

package/dist/src/app/components/Footer.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Footer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const package_json_1 = __importDefault(require("../../../package.json"));
+function Footer() {
+    return ((0, jsx_runtime_1.jsx)("footer", { className: "fixed bottom-0 left-0 right-0 py-2 text-center text-xs text-gray-400 bg-gray-50 border-t border-gray-200", children: (0, jsx_runtime_1.jsxs)("span", { children: ["AAR v", package_json_1.default.version] }) }));
+}

package/dist/src/app/ide/page.js

@@ -263,6 +263,66 @@ function IDEConfigPage() {
         document.addEventListener('mousedown', onDocClick);
         return () => document.removeEventListener('mousedown', onDocClick);
     }, [openClawDropdown]);
+    // 同步 Claude 下拉框默认值：确保状态值在可用模型列表中
+    (0, react_1.useEffect)(() => {
+        const allModels = Object.values(models).flat();
+        if (allModels.length === 0)
+            return;
+        const modelIds = allModels.map(m => m.model_id);
+        const firstModelId = allModels[0].model_id;
+        // 如果当前状态值不在可用模型列表中，更新为第一个可用模型
+        if (!modelIds.includes(haikuModel)) {
+            setHaikuModel(firstModelId);
+        }
+        if (!modelIds.includes(sonnetModel)) {
+            setSonnetModel(firstModelId);
+        }
+        if (!modelIds.includes(opusModel)) {
+            setOpusModel(firstModelId);
+        }
+        if (!modelIds.includes(defaultModel)) {
+            setDefaultModel(firstModelId);
+        }
+        if (!modelIds.includes(reasoningModel)) {
+            setReasoningModel(firstModelId);
+        }
+    }, [models]);
+    // 同步 OpenCode 下拉框默认值
+    (0, react_1.useEffect)(() => {
+        const allModels = Object.values(opencodeModels).flat();
+        if (allModels.length === 0)
+            return;
+        const modelIds = allModels.map(m => m.model_id);
+        const firstModelId = allModels[0].model_id;
+        if (!modelIds.includes(opencodeDefaultModel)) {
+            setOpencodeDefaultModel(firstModelId);
+        }
+    }, [opencodeModels]);
+    // 同步 OpenClaw 下拉框默认值
+    (0, react_1.useEffect)(() => {
+        const allModels = Object.values(openclawModels).flat();
+        if (allModels.length === 0)
+            return;
+        const modelIds = allModels.map(m => m.model_id);
+        const firstModelId = allModels[0].model_id;
+        if (!modelIds.includes(openclawDefaultModel)) {
+            setOpenclawDefaultModel(firstModelId);
+        }
+        // 过滤无效的 fallback 模型
+        const validFallbacks = openclawDefaultFallbacks.filter(id => modelIds.includes(id));
+        if (validFallbacks.length !== openclawDefaultFallbacks.length) {
+            setOpenclawDefaultFallbacks(validFallbacks);
+        }
+        // 检查 image model
+        if (openclawImageModel && !modelIds.includes(openclawImageModel)) {
+            setOpenclawImageModel('');
+        }
+        // 过滤无效的 image fallback 模型
+        const validImageFallbacks = openclawImageFallbacks.filter(id => modelIds.includes(id));
+        if (validImageFallbacks.length !== openclawImageFallbacks.length) {
+            setOpenclawImageFallbacks(validImageFallbacks);
+        }
+    }, [openclawModels]);
     // Claude Handlers
     const handleApply = async () => {
         setApplying(true);
@@ -645,7 +705,7 @@ function IDEConfigPage() {
                                                 ? 'text-slate-900'
                                                 : 'text-slate-400 hover:text-slate-600'}`, children: ["OpenCode", activeTab === 'opencode' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('openclaw'), className: `relative px-4 py-3.5 text-sm font-medium transition-all duration-200 ${activeTab === 'openclaw'
                                                 ? 'text-slate-900'
-                                                : 'text-slate-400 hover:text-slate-600'}`, children: ["OpenClaw", activeTab === 'openclaw' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setActiveTab('cursor'), disabled: true, className: "relative px-4 py-3.5 text-sm font-medium text-slate-300 disabled:cursor-not-allowed", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: ["Cursor", (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-0.5 text-[10px] font-medium text-slate-400 bg-slate-100/60 rounded-full border border-slate-200/50", children: "\u5373\u5C06\u63A8\u51FA" })] }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "p-5 sm:p-6", children: [activeTab === 'claude' && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [status && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-white/60 rounded-lg border border-slate-200/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-6 h-6 rounded-full flex items-center justify-center ${status.applied
+                                                : 'text-slate-400 hover:text-slate-600'}`, children: ["OpenClaw", activeTab === 'openclaw' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setActiveTab('picoclaw'), disabled: true, className: "relative px-4 py-3.5 text-sm font-medium text-slate-300 disabled:cursor-not-allowed", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: ["PicoClaw", (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-0.5 text-[10px] font-medium text-slate-400 bg-slate-100/60 rounded-full border border-slate-200/50", children: "\u5373\u5C06\u63A8\u51FA" })] }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "p-5 sm:p-6", children: [activeTab === 'claude' && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [status && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-white/60 rounded-lg border border-slate-200/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-6 h-6 rounded-full flex items-center justify-center ${status.applied
                                                                     ? 'bg-emerald-100 text-emerald-600'
                                                                     : 'bg-slate-100 text-slate-400'}`, children: status.applied ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-slate-700", children: status.applied ? '已配置' : '未配置' }), status.applied && status.routerProvider === 'aar' && status.matchCurrentGateway !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: `inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full border ${status.matchCurrentGateway
                                                                             ? 'bg-emerald-50/80 text-emerald-700 border-emerald-200/60'
@@ -794,5 +854,5 @@ function IDEConfigPage() {
                                                                             ? 'bg-white text-slate-800 font-semibold shadow-sm'
                                                                             : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u9884\u89C8" }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpenclawConfigSubTab('current'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${openclawConfigSubTab === 'current'
                                                                             ? 'bg-white text-slate-800 font-semibold shadow-sm'
-                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u751F\u6548\u4E2D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative overflow-hidden rounded-b-lg bg-slate-950 border border-slate-200 border-t-0", children: openclawConfigSubTab === 'preview' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "openclaw.json\uFF08\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF09" })] }), openclawPreviewLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-400 font-mono", children: "\u52A0\u8F7D\u4E2D..." })) : ((0, jsx_runtime_1.jsx)("textarea", { className: "openclaw-preview-textarea w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono bg-slate-950 border-0 focus:ring-0 focus:ring-offset-0 focus:outline-none resize-y max-h-96 overflow-y-auto placeholder:text-slate-500\n                                [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", placeholder: "\u6682\u65E0\u9884\u89C8", spellCheck: false, value: openclawPreviewText, onChange: (e) => setOpenclawPreviewText(e.target.value) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "openclaw.json\uFF08\u5F53\u524D\u78C1\u76D8\u5185\u5BB9\uFF0C\u8FD8\u539F\u540E\u5373\u66F4\u65B0\uFF09" })] }), openclawStatus?.config != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono overflow-auto max-h-96 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", children: JSON.stringify(openclawStatus.config, null, 2) })) : ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-500 font-mono", children: "\u6682\u65E0\u914D\u7F6E\u6587\u4EF6" }))] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-lg border border-slate-200/50 bg-slate-50/60 px-4 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-slate-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xs font-semibold text-slate-700", children: "\u4F7F\u7528\u8BF4\u660E" })] }), (0, jsx_runtime_1.jsxs)("ul", { className: "space-y-1.5 text-[10px] text-slate-600", children: [(0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u751F\u6548\u4E2D\u300D\u4E3A\u5F53\u524D\u78C1\u76D8\u4E0A\u7684 openclaw.json\uFF1B\u300C\u9884\u89C8\u300D\u4E3A\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF08\u542B AAR \u7F51\u5173\uFF09" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: "\u9009\u62E9\u9ED8\u8BA4\u6A21\u578B\u7B49\u540E\uFF0C\u5728\u300C\u9884\u89C8\u300D\u4E2D\u67E5\u770B\u5408\u5E76\u7ED3\u679C\uFF0C\u70B9\u51FB\u300C\u5E94\u7528\u914D\u7F6E\u300D\u5199\u5165" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u6587\u4EF6\u4F4D\u4E8E ~/.openclaw/openclaw.json" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "4." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u8FD8\u539F\u914D\u7F6E\u300D\u6062\u590D\u4E3A\u5E94\u7528\u524D\u7684\u5907\u4EFD\uFF1B\u8FD8\u539F\u540E\u8BF7\u5728\u300C\u751F\u6548\u4E2D\u300D\u67E5\u770B\u5F53\u524D\u5185\u5BB9" })] })] })] })] })), activeTab === 'cursor' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mb-4", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-8 h-8 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-sm font-medium text-slate-900 mb-1", children: "Cursor \u652F\u6301\u5373\u5C06\u63A8\u51FA" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-slate-500 max-w-xs", children: "\u6211\u4EEC\u5C06\u5F88\u5FEB\u6DFB\u52A0\u5BF9 Cursor \u7F16\u8F91\u5668\u7684\u652F\u6301\uFF0C\u656C\u8BF7\u671F\u5F85\u3002" })] }))] })] })] })] }));
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u751F\u6548\u4E2D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative overflow-hidden rounded-b-lg bg-slate-950 border border-slate-200 border-t-0", children: openclawConfigSubTab === 'preview' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "openclaw.json\uFF08\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF09" })] }), openclawPreviewLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-400 font-mono", children: "\u52A0\u8F7D\u4E2D..." })) : ((0, jsx_runtime_1.jsx)("textarea", { className: "openclaw-preview-textarea w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono bg-slate-950 border-0 focus:ring-0 focus:ring-offset-0 focus:outline-none resize-y max-h-96 overflow-y-auto placeholder:text-slate-500\n                                [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", placeholder: "\u6682\u65E0\u9884\u89C8", spellCheck: false, value: openclawPreviewText, onChange: (e) => setOpenclawPreviewText(e.target.value) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "openclaw.json\uFF08\u5F53\u524D\u78C1\u76D8\u5185\u5BB9\uFF0C\u8FD8\u539F\u540E\u5373\u66F4\u65B0\uFF09" })] }), openclawStatus?.config != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono overflow-auto max-h-96 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", children: JSON.stringify(openclawStatus.config, null, 2) })) : ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-500 font-mono", children: "\u6682\u65E0\u914D\u7F6E\u6587\u4EF6" }))] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-lg border border-slate-200/50 bg-slate-50/60 px-4 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-slate-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xs font-semibold text-slate-700", children: "\u4F7F\u7528\u8BF4\u660E" })] }), (0, jsx_runtime_1.jsxs)("ul", { className: "space-y-1.5 text-[10px] text-slate-600", children: [(0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u751F\u6548\u4E2D\u300D\u4E3A\u5F53\u524D\u78C1\u76D8\u4E0A\u7684 openclaw.json\uFF1B\u300C\u9884\u89C8\u300D\u4E3A\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF08\u542B AAR \u7F51\u5173\uFF09" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: "\u9009\u62E9\u9ED8\u8BA4\u6A21\u578B\u7B49\u540E\uFF0C\u5728\u300C\u9884\u89C8\u300D\u4E2D\u67E5\u770B\u5408\u5E76\u7ED3\u679C\uFF0C\u70B9\u51FB\u300C\u5E94\u7528\u914D\u7F6E\u300D\u5199\u5165" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u6587\u4EF6\u4F4D\u4E8E ~/.openclaw/openclaw.json" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "4." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u8FD8\u539F\u914D\u7F6E\u300D\u6062\u590D\u4E3A\u5E94\u7528\u524D\u7684\u5907\u4EFD\uFF1B\u8FD8\u539F\u540E\u8BF7\u5728\u300C\u751F\u6548\u4E2D\u300D\u67E5\u770B\u5F53\u524D\u5185\u5BB9" })] })] })] })] })), activeTab === 'picoclaw' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mb-4", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-8 h-8 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-sm font-medium text-slate-900 mb-1", children: "PicoClaw \u652F\u6301\u5373\u5C06\u63A8\u51FA" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-slate-500 max-w-xs", children: "\u6211\u4EEC\u5C06\u5F88\u5FEB\u6DFB\u52A0\u5BF9 PicoClaw \u7684\u652F\u6301\uFF0C\u656C\u8BF7\u671F\u5F85\u3002" })] }))] })] })] })] }));
 }

package/dist/src/app/layout.js

@@ -1,14 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.metadata = void 0;
 exports.default = RootLayout;
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("./globals.css");
 const ToastProvider_1 = require("./components/ToastProvider");
+const Footer_1 = __importDefault(require("./components/Footer"));
 exports.metadata = {
     title: 'AAR - AI Agent Router',
     description: 'Unified API gateway for managing multiple AI model providers',
 };
 function RootLayout({ children, }) {
-    return ((0, jsx_runtime_1.jsx)("html", { lang: "zh-CN", suppressHydrationWarning: true, children: (0, jsx_runtime_1.jsx)("body", { children: (0, jsx_runtime_1.jsx)(ToastProvider_1.ToastProvider, { children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)("html", { lang: "zh-CN", suppressHydrationWarning: true, children: (0, jsx_runtime_1.jsxs)("body", { className: "pb-10", children: [(0, jsx_runtime_1.jsx)(ToastProvider_1.ToastProvider, { children: children }), (0, jsx_runtime_1.jsx)(Footer_1.default, {})] }) }));
 }

package/dist/src/db/database.js

@@ -14,7 +14,14 @@ const schema_1 = require("./schema");
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
+const crypto_1 = __importDefault(require("crypto"));
 const DB_PATH = process.env.DB_PATH || path_1.default.join(os_1.default.homedir(), '.aar', 'gateway.db');
+/**
+ * 生成随机的 API Key（用于网关密码默认值）
+ */
+function generateRandomApiKey() {
+    return `aar-${crypto_1.default.randomBytes(16).toString('hex')}`;
+}
 // Use hardcoded path for the built/distributed WASM file
 // Next.js copies sql-wasm.wasm to its chunks directory
 function findSqlJsWasmPath() {
@@ -104,6 +111,7 @@ async function getDatabase() {
     if (!dbInstance) {
         const engine = await initSqlJsEngine();
         const loaded = loadDatabase();
+        let isNewDatabase = false;
         if (loaded) {
             dbInstance = loaded;
             if (fs_1.default.existsSync(DB_PATH))
@@ -112,7 +120,9 @@ async function getDatabase() {
         else {
             dbInstance = new engine.Database();
             lastLoadMtimeMs = 0;
+            isNewDatabase = true; // 标记为新数据库
         }
+        let migrationPerformed = false;
         try {
             dbInstance.run(schema_1.CREATE_TABLES_SQL);
             // Migration: Allow NULL model_id in request_logs table
@@ -144,7 +154,7 @@ async function getDatabase() {
                             dbInstance.run(`INSERT INTO request_logs_new SELECT * FROM request_logs;`);
                             dbInstance.run(`DROP TABLE request_logs;`);
                             dbInstance.run(`ALTER TABLE request_logs_new RENAME TO request_logs;`);
-                            saveDatabase(dbInstance);
+                            migrationPerformed = true;
                             console.log('[Database] Migration completed successfully');
                         }
                     }
@@ -157,7 +167,16 @@ async function getDatabase() {
                     console.warn('[Database] Migration warning (non-critical):', migrationError.message);
                 }
             }
-            saveDatabase(dbInstance);
+            // 只在新数据库创建或执行了 migration 时才保存，避免覆盖现有数据
+            if (isNewDatabase || migrationPerformed) {
+                // 为新数据库初始化默认的 api_key
+                if (isNewDatabase) {
+                    const defaultApiKey = generateRandomApiKey();
+                    dbInstance.run(`INSERT OR IGNORE INTO config (key, value, updated_at) VALUES ('api_key', ?, datetime('now'))`, [defaultApiKey]);
+                    console.log('[Database] Generated default API key for new database');
+                }
+                saveDatabase(dbInstance);
+            }
         }
         catch (schemaError) {
             if (!schemaError.message.includes('already exists') &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ai-agent-router",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A unified API gateway for managing multiple AI model providers (Anthropic, OpenAI, Gemini, etc.)",
   "main": "dist/src/cli/index.js",
   "bin": {

package/src/app/api/config/route.ts

@@ -1,10 +1,18 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { getDatabase } from '@/db/database';
 import { getConfig, setConfig, getAllConfig } from '@/db/queries';
+import crypto from 'crypto';
 
 // Ensure Node.js runtime (required for SQLite)
 export const runtime = 'nodejs';
 
+/**
+ * 生成随机的 API Key（用于网关密码默认值）
+ */
+function generateRandomApiKey(): string {
+  return `aar-${crypto.randomBytes(16).toString('hex')}`;
+}
+
 export async function GET(request: NextRequest) {
   try {
     // Initialize database on request (safer than module load)
@@ -25,6 +33,15 @@ export async function GET(request: NextRequest) {
     }
 
     const configs = await getAllConfig();
+    
+    // 如果 api_key 为空，生成一个随机默认值
+    if (!configs.api_key) {
+      const defaultApiKey = generateRandomApiKey();
+      await setConfig('api_key', defaultApiKey);
+      configs.api_key = defaultApiKey;
+      console.log('[Config API] Generated default API key');
+    }
+    
     return NextResponse.json(configs);
   } catch (error: any) {
     console.error('Config API error:', error);

package/src/app/api/ide/claude/apply/route.ts

@@ -10,6 +10,12 @@ const CLAUDE_DIR = join(homedir(), '.claude');
 const SETTINGS_FILE = join(CLAUDE_DIR, 'settings.json');
 const BACKUP_FILE = join(CLAUDE_DIR, 'settings.json.aar.bak');
 
+// Claude 登录配置文件（用于 hasCompletedOnboarding）
+const CLAUDE_JSON_FILE = join(homedir(), '.claude.json');
+
+// AAR 备份目录
+const AAR_BACKUP_DIR = join(homedir(), '.aar', 'backups');
+
 // 默认模型映射
 const DEFAULT_MODEL_MAPPING = {
   haiku: 'GLM-4.5-air',
@@ -41,6 +47,17 @@ export async function POST(request: NextRequest) {
     const modelMapping = { haiku, sonnet, opus, default: defaultModel, reasoning: reasoningModel };
     const aarEnv = buildAarEnv(gatewayAddress, gatewayApiKey, modelMapping);
 
+    // 在修改配置前，先备份到 ~/.aar/backups 目录
+    const settingsBackup = backupToAar(SETTINGS_FILE, 'settings');
+    const claudeJsonBackup = backupToAar(CLAUDE_JSON_FILE, 'claude');
+    
+    if (!settingsBackup.success) {
+      console.warn('[Claude Apply] Settings backup warning:', settingsBackup.error);
+    }
+    if (!claudeJsonBackup.success) {
+      console.warn('[Claude Apply] Claude.json backup warning:', claudeJsonBackup.error);
+    }
+
     const backupResult = backupOriginalConfig();
     if (!backupResult.success) {
       return NextResponse.json(
@@ -77,12 +94,23 @@ export async function POST(request: NextRequest) {
       );
     }
 
+    // 处理 ~/.claude.json，确保包含 hasCompletedOnboarding: true
+    const onboardingResult = ensureClaudeOnboarding();
+    if (!onboardingResult.success) {
+      console.warn('[Claude Apply] Onboarding update warning:', onboardingResult.error);
+    }
+
     return NextResponse.json({
       success: true,
       message: 'Configuration applied successfully',
       config: configToWrite,
       backup: backupResult.existed ? 'Created backup' : 'No existing config to backup',
       previousWasFromAar: backupResult.existed && backupResult.isFromAar,
+      onboarding: onboardingResult.created ? 'Created ~/.claude.json' : 'Updated ~/.claude.json',
+      aarBackups: {
+        settings: settingsBackup.backupPath,
+        claudeJson: claudeJsonBackup.backupPath,
+      },
     });
   } catch (error: any) {
     console.error('IDE Apply API error:', error);
@@ -204,3 +232,69 @@ function validateAndWriteConfig(config: any): { success: boolean; error?: string
     };
   }
 }
+
+/**
+ * 备份文件到 ~/.aar/backups 目录
+ */
+function backupToAar(filePath: string, backupName: string): { success: boolean; backupPath?: string; error?: string } {
+  try {
+    if (!existsSync(filePath)) {
+      return { success: true }; // 文件不存在，无需备份
+    }
+    
+    if (!existsSync(AAR_BACKUP_DIR)) {
+      mkdirSync(AAR_BACKUP_DIR, { recursive: true });
+    }
+    
+    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+    const backupPath = join(AAR_BACKUP_DIR, `${backupName}-${timestamp}.json`);
+    copyFileSync(filePath, backupPath);
+    
+    return { success: true, backupPath };
+  } catch (error: any) {
+    return {
+      success: false,
+      error: `Backup to AAR failed: ${error.message}`,
+    };
+  }
+}
+
+/**
+ * 确保 ~/.claude.json 文件中包含 hasCompletedOnboarding: true
+ * 这允许用户跳过 Claude 登录使用自定义模型
+ */
+function ensureClaudeOnboarding(): { success: boolean; created: boolean; error?: string } {
+  try {
+    let config: any = {};
+    let created = false;
+    
+    if (existsSync(CLAUDE_JSON_FILE)) {
+      try {
+        const content = readFileSync(CLAUDE_JSON_FILE, 'utf-8');
+        config = JSON.parse(content);
+      } catch {
+        // 文件存在但解析失败，使用空对象
+        config = {};
+      }
+    } else {
+      created = true;
+    }
+    
+    // 检查是否已经有 hasCompletedOnboarding
+    if (config.hasCompletedOnboarding === true) {
+      return { success: true, created: false };
+    }
+    
+    // 添加 hasCompletedOnboarding
+    config.hasCompletedOnboarding = true;
+    writeFileSync(CLAUDE_JSON_FILE, JSON.stringify(config, null, 2), 'utf-8');
+    
+    return { success: true, created };
+  } catch (error: any) {
+    return {
+      success: false,
+      created: false,
+      error: `Failed to update claude.json: ${error.message}`,
+    };
+  }
+}