feat: auto load free openrouter model

src/commands/login/login.tsx

@@ -109,7 +109,9 @@ export async function call(
           // Increment authVersion to trigger re-fetching of auth-dependent data in hooks (e.g., MCP servers)
           context.setAppState(prev => ({
             ...prev,
-            authVersion: prev.authVersion + 1 // 触发全局更新, 用 version 触发所有 hook 重新 fetch
+            authVersion: prev.authVersion + 1, // 触发全局更新, 用 version 触发所有 hook 重新 fetch
+            mainLoopModel: null, // 重置为 null，使用新 provider 的默认模型
+            mainLoopModelForSession: null, // 重置 session 模型
           }));
         }
 

src/components/OpenRouterLoginFlow.tsx

@@ -29,13 +29,15 @@ export function OpenRouterLoginFlow({
 
   async function handleSubmit(value?: string): Promise<void> {
     if (!value && !existingKey) {
+      setStatus('Please enter an API key or press Esc to cancel')
       return
     }
-    
+
     const trimmed = value?.trim() || ''
-    const keyToSave = trimmed || existingKey
-    
+    const keyToSave = trimmed || existingKey || ''
+
     if (!keyToSave) {
+      setStatus('Please enter an API key or press Esc to cancel')
       return
     }
 

src/components/SearchableModelPicker.tsx

@@ -104,9 +104,9 @@ export function SearchableModelPicker({
     return filteredOptions
   }, [filteredOptions, initial])
 
-  const initialFocusValue = Array.isArray(optionsWithInitial) && optionsWithInitial.some(opt => opt.value === initialValue)
+  const initialFocusValue = Array.isArray(filteredOptions) && filteredOptions.some(opt => opt.value === initialValue)
     ? initialValue
-    : (Array.isArray(optionsWithInitial) && optionsWithInitial[0]?.value) ?? undefined
+    : (Array.isArray(filteredOptions) && filteredOptions[0]?.value) ?? undefined
 
   // Helper functions
   function resolveOptionModel(value?: string): string | undefined {

src/utils/auth.ts

@@ -404,17 +404,26 @@ export async function saveOpenRouterApiKey(apiKey: string): Promise<void> {
       'Invalid API key: API key must be a non-empty string.',
     )
   }
-  
-  if (!isValidApiKey(apiKey)) {
+
+  // Trim the API key to remove any leading/trailing whitespace
+  const trimmedKey = apiKey.trim()
+
+  if (!trimmedKey) {
+    throw new Error(
+      'Invalid API key: API key cannot be empty or whitespace only.',
+    )
+  }
+
+  if (!isValidApiKey(trimmedKey)) {
     throw new Error(
       'Invalid API key format. API key must contain only alphanumeric characters, dashes, and underscores.',
     )
   }
-  
+
   saveGlobalConfig(current => ({
     ...current,
     authProvider: 'openrouter',
-    openRouterApiKey: apiKey,
+    openRouterApiKey: trimmedKey,
   }))
   // Clear provider cache so it will be re-read on next access
   const { clearStoredProviderCache } = await import('./model/providers.js')

src/utils/model/model.ts

@@ -178,12 +178,50 @@ export function getRuntimeMainLoopModel(params: {
  * @returns The default model setting to use
  */
 export function getDefaultMainLoopModelSetting(): ModelName | ModelAlias {
+  // Check if using OpenRouter provider
+  const apiProvider = getAPIProvider()
+  let isOpenRouterProvider = apiProvider === 'openrouter'
+
+  // If getAPIProvider() returns null, check the config file directly
+  if (!isOpenRouterProvider && apiProvider === null) {
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const { readFileSync } = require('fs') as typeof import('fs')
+      const { getGlobalClaudeFile } = require('./env.js') as typeof import('./env.js')
+      const raw = readFileSync(getGlobalClaudeFile(), 'utf8')
+      const config = JSON.parse(raw) as {
+        authProvider?: string
+        openRouterApiKey?: string
+      }
+      isOpenRouterProvider = config.authProvider === 'openrouter' && !!config.openRouterApiKey
+    } catch {
+      // Ignore errors, fall through to default behavior
+    }
+  }
+
+  if (isOpenRouterProvider) {
+    // Try to get the first free model from OpenRouter
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const openRouterModelsModule = require('./openRouterModels.js') as {
+        getFirstFreeModel: () => { value: string } | null
+      }
+      const firstFreeModel = openRouterModelsModule.getFirstFreeModel()
+      if (firstFreeModel) {
+        return firstFreeModel.value as ModelName
+      }
+    } catch {
+      // Module not yet loaded or error, fall through to default behavior
+    }
+    // Fallback to 'default' if no free model found
+    return 'default'
+  }
+
   // Check if using Local provider
   // Need to check both getAPIProvider() and direct file read because
   // getAPIProvider() might return null if cache was cleared
-  const apiProvider = getAPIProvider()
   let isLocalProvider = apiProvider === 'local'
-  
+
   // If getAPIProvider() returns null, check the config file directly
   if (!isLocalProvider && apiProvider === null) {
     try {
@@ -200,7 +238,7 @@ export function getDefaultMainLoopModelSetting(): ModelName | ModelAlias {
       // Ignore errors, fall through to default behavior
     }
   }
-  
+
   if (isLocalProvider) {
     const localModelName = getLocalModelName()
     if (localModelName) {

src/utils/model/openRouterModels.ts

@@ -142,12 +142,13 @@ export function getFirstFreeModel(): ModelOption | null {
   if (!openRouterModelsCache || openRouterModelsCache.length === 0) {
     return null
   }
-  
+
   return openRouterModelsCache.find(model => {
     // Check if this model is free by looking at the model name
-    // Models with "(free)" in the name are free
-    const label = model.label || ''
-    return label.toLowerCase().includes('(free)')
+    // Models with ":free" or "(free)" in the name are free
+    const label = (model.label || '').toLowerCase()
+    const value = (model.value || '').toLowerCase()
+    return label.includes(':free') || label.includes('(free)') || value.includes(':free') || value.includes('(free)')
   }) || null
 }