fix: sync settingsStore when cliAuthStore saves provider config
Browse filesdesktop: fix provider switch model selector real-time update
When switching providers via CliLoginProviderSettings login panels
(NVIDIA, OpenRouter, OpenAI, OpenCode, Local), the settingsStore's
activeProviderId/activeProviderName were never updated, causing the
conversation model's provider badge to stay stale until a full app
restart.
Fixes:
- cliAuthStore: call settingsStore.syncFromConfig() after every save
(saveNvidiaApiKey, saveOpenRouterApiKey, saveOpenAIApiKey,
saveOpenCodeApiKey, saveLocalModelConfig, setAuthProvider,
clearAuth)
- settingsStore: add syncFromConfig() action that re-reads
~/.claude.json and syncs activeProviderId/activeProviderName
- settingsStore: add setActiveProvider() for optimistic UI updates
- settingsStore.fetchAll(): fallback to deriving provider info from
config.authProvider when both direct API fetch and sidecar fail
- ModelSelector: add fallback path when availableModels is empty
(local provider, fetch failures) so it builds choices from the
saved provider list
- providerStore: add clearProviderModelCache() call on provider switch
- providerStore: remove duplicate activateOfficial definition
- providerStore: call settingsStore.setActiveProvider() immediately
(optimistic) before writing to config file
|
@@ -27,6 +27,10 @@ const CACHE_TTL = 5 * 60 * 1000 // 5 minutes
|
|
| 27 |
export function clearProviderModelCache(): void {
|
| 28 |
modelCache = null
|
| 29 |
cacheTime = 0
|
|
|
|
|
|
|
|
|
|
|
|
|
| 30 |
}
|
| 31 |
|
| 32 |
// ─── Main entry ──────────────────────────────────────────────────────────────
|
|
|
|
| 27 |
export function clearProviderModelCache(): void {
|
| 28 |
modelCache = null
|
| 29 |
cacheTime = 0
|
| 30 |
+
orCache = null
|
| 31 |
+
orCacheTime = 0
|
| 32 |
+
nvCache = null
|
| 33 |
+
nvCacheTime = 0
|
| 34 |
}
|
| 35 |
|
| 36 |
// ─── Main entry ──────────────────────────────────────────────────────────────
|
|
@@ -45,7 +45,9 @@ const CLI_PROVIDER_NAMES: Record<string, string> = {
|
|
| 45 |
nvidia: 'NVIDIA',
|
| 46 |
openrouter: 'OpenRouter',
|
| 47 |
opencode: 'OpenCode Zen',
|
|
|
|
| 48 |
local: 'Local',
|
|
|
|
| 49 |
}
|
| 50 |
|
| 51 |
const DROPDOWN_WIDTH = 360
|
|
@@ -59,7 +61,10 @@ function buildProviderChoices(
|
|
| 59 |
availableModels: ModelInfo[],
|
| 60 |
activeProviderId: string | null,
|
| 61 |
): ProviderChoice[] {
|
| 62 |
-
if (activeProviderId
|
|
|
|
|
|
|
|
|
|
| 63 |
const isCli = activeProviderId.startsWith('cli-')
|
| 64 |
|
| 65 |
if (isCli) {
|
|
@@ -93,6 +98,48 @@ function buildProviderChoices(
|
|
| 93 |
}
|
| 94 |
}
|
| 95 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 96 |
return []
|
| 97 |
}
|
| 98 |
|
|
|
|
| 45 |
nvidia: 'NVIDIA',
|
| 46 |
openrouter: 'OpenRouter',
|
| 47 |
opencode: 'OpenCode Zen',
|
| 48 |
+
openai: 'OpenAI',
|
| 49 |
local: 'Local',
|
| 50 |
+
anthropic: 'Anthropic',
|
| 51 |
}
|
| 52 |
|
| 53 |
const DROPDOWN_WIDTH = 360
|
|
|
|
| 61 |
availableModels: ModelInfo[],
|
| 62 |
activeProviderId: string | null,
|
| 63 |
): ProviderChoice[] {
|
| 64 |
+
if (!activeProviderId) return []
|
| 65 |
+
|
| 66 |
+
// First try: if we have availableModels from fetchProviderModels, use them
|
| 67 |
+
if (availableModels.length > 0) {
|
| 68 |
const isCli = activeProviderId.startsWith('cli-')
|
| 69 |
|
| 70 |
if (isCli) {
|
|
|
|
| 98 |
}
|
| 99 |
}
|
| 100 |
|
| 101 |
+
// Fallback: if availableModels is empty (e.g. local provider, or fetch failed),
|
| 102 |
+
// build choices from the saved providers list
|
| 103 |
+
const isCli = activeProviderId.startsWith('cli-')
|
| 104 |
+
if (isCli) {
|
| 105 |
+
const cliProviderKey = activeProviderId.replace('cli-', '')
|
| 106 |
+
const cliProviderName = CLI_PROVIDER_NAMES[cliProviderKey] || activeProviderId
|
| 107 |
+
const provider = providers.find(p => p.id === activeProviderId)
|
| 108 |
+
const models = provider
|
| 109 |
+
? Object.values(provider.models).filter(Boolean).map(id => ({
|
| 110 |
+
id,
|
| 111 |
+
name: id,
|
| 112 |
+
description: '',
|
| 113 |
+
context: '',
|
| 114 |
+
}))
|
| 115 |
+
: []
|
| 116 |
+
return [{
|
| 117 |
+
providerId: activeProviderId,
|
| 118 |
+
providerName: cliProviderName,
|
| 119 |
+
isDefault: true,
|
| 120 |
+
models,
|
| 121 |
+
}]
|
| 122 |
+
}
|
| 123 |
+
|
| 124 |
+
if (activeProviderId === OPENAI_OFFICIAL_PROVIDER_ID) {
|
| 125 |
+
return [{
|
| 126 |
+
providerId: OPENAI_OFFICIAL_PROVIDER_ID,
|
| 127 |
+
providerName: 'OpenAI',
|
| 128 |
+
isDefault: true,
|
| 129 |
+
models: availableModels,
|
| 130 |
+
}]
|
| 131 |
+
}
|
| 132 |
+
|
| 133 |
+
const provider = providers.find(p => p.id === activeProviderId)
|
| 134 |
+
if (provider) {
|
| 135 |
+
return [{
|
| 136 |
+
providerId: provider.id,
|
| 137 |
+
providerName: provider.name,
|
| 138 |
+
isDefault: true,
|
| 139 |
+
models: availableModels,
|
| 140 |
+
}]
|
| 141 |
+
}
|
| 142 |
+
|
| 143 |
return []
|
| 144 |
}
|
| 145 |
|
|
@@ -184,12 +184,22 @@ async function* streamOpenAI(
|
|
| 184 |
const decoder = new TextDecoder()
|
| 185 |
const reader = res.body.getReader()
|
| 186 |
let buffer = ''
|
|
|
|
|
|
|
| 187 |
|
| 188 |
yield { type: 'content_block_start', index: 0, blockType: 'text' }
|
| 189 |
|
| 190 |
while (true) {
|
| 191 |
if (signal?.aborted) break
|
| 192 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 193 |
if (done) break
|
| 194 |
|
| 195 |
buffer += decoder.decode(value, { stream: true })
|
|
@@ -201,6 +211,7 @@ async function* streamOpenAI(
|
|
| 201 |
const raw = line.slice(6).trim()
|
| 202 |
if (raw === '[DONE]') {
|
| 203 |
yield { type: 'content_block_stop', index: 0 }
|
|
|
|
| 204 |
yield { type: 'done' }
|
| 205 |
return
|
| 206 |
}
|
|
|
|
| 184 |
const decoder = new TextDecoder()
|
| 185 |
const reader = res.body.getReader()
|
| 186 |
let buffer = ''
|
| 187 |
+
let hasReceivedContent = false
|
| 188 |
+
const IDLE_TIMEOUT_MS = 3000
|
| 189 |
|
| 190 |
yield { type: 'content_block_start', index: 0, blockType: 'text' }
|
| 191 |
|
| 192 |
while (true) {
|
| 193 |
if (signal?.aborted) break
|
| 194 |
+
|
| 195 |
+
// Race between read and idle timeout. Some local providers (Ollama, LM Studio,
|
| 196 |
+
// etc.) never send [DONE] or close the SSE connection after the response is
|
| 197 |
+
// complete. The timeout lets us detect this and finish cleanly.
|
| 198 |
+
const readPromise = reader.read()
|
| 199 |
+
const timeoutPromise = new Promise<{ done: true; value: undefined }>((resolve) =>
|
| 200 |
+
setTimeout(() => resolve({ done: true, value: undefined }), IDLE_TIMEOUT_MS),
|
| 201 |
+
)
|
| 202 |
+
const { done, value } = await Promise.race([readPromise, timeoutPromise])
|
| 203 |
if (done) break
|
| 204 |
|
| 205 |
buffer += decoder.decode(value, { stream: true })
|
|
|
|
| 211 |
const raw = line.slice(6).trim()
|
| 212 |
if (raw === '[DONE]') {
|
| 213 |
yield { type: 'content_block_stop', index: 0 }
|
| 214 |
+
yield { type: 'message_stop' }
|
| 215 |
yield { type: 'done' }
|
| 216 |
return
|
| 217 |
}
|
|
@@ -6,6 +6,7 @@
|
|
| 6 |
*/
|
| 7 |
import { create } from 'zustand'
|
| 8 |
import { getTuiConfig, saveTuiConfigPatch, clearConfigCache } from '../api/config'
|
|
|
|
| 9 |
|
| 10 |
type AuthProvider = 'anthropic' | 'openai' | 'openrouter' | 'local' | 'opencode' | 'nvidia'
|
| 11 |
|
|
@@ -71,6 +72,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 71 |
try {
|
| 72 |
await saveTuiConfigPatch({ authProvider: provider })
|
| 73 |
clearConfigCache()
|
|
|
|
| 74 |
set({ authProvider: provider, isLoading: false })
|
| 75 |
} catch (err) {
|
| 76 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
@@ -85,6 +87,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 85 |
nvidiaApiKey: apiKey,
|
| 86 |
})
|
| 87 |
clearConfigCache()
|
|
|
|
| 88 |
set({ authProvider: 'nvidia', nvidiaApiKey: apiKey, isLoading: false })
|
| 89 |
} catch (err) {
|
| 90 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
@@ -99,6 +102,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 99 |
openRouterApiKey: apiKey,
|
| 100 |
})
|
| 101 |
clearConfigCache()
|
|
|
|
| 102 |
set({ authProvider: 'openrouter', openRouterApiKey: apiKey, isLoading: false })
|
| 103 |
} catch (err) {
|
| 104 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
@@ -114,6 +118,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 114 |
openAiAccessToken: undefined, // Clear OAuth token when switching to API key
|
| 115 |
})
|
| 116 |
clearConfigCache()
|
|
|
|
| 117 |
set({ authProvider: 'openai', openAiApiKey: apiKey, isLoading: false })
|
| 118 |
} catch (err) {
|
| 119 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
@@ -129,6 +134,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 129 |
openCodeModelName: modelName || undefined,
|
| 130 |
})
|
| 131 |
clearConfigCache()
|
|
|
|
| 132 |
set({
|
| 133 |
authProvider: 'opencode',
|
| 134 |
openCodeApiKey: apiKey,
|
|
@@ -149,6 +155,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 149 |
localModelName: modelName,
|
| 150 |
})
|
| 151 |
clearConfigCache()
|
|
|
|
| 152 |
set({
|
| 153 |
authProvider: 'local',
|
| 154 |
localBaseUrl: baseUrl,
|
|
@@ -177,6 +184,7 @@ export const useCliAuthStore = create<CliAuthStore>((set) => ({
|
|
| 177 |
localModelName: undefined,
|
| 178 |
})
|
| 179 |
clearConfigCache()
|
|
|
|
| 180 |
set({
|
| 181 |
authProvider: null,
|
| 182 |
nvidiaApiKey: null,
|
|
|
|
| 6 |
*/
|
| 7 |
import { create } from 'zustand'
|
| 8 |
import { getTuiConfig, saveTuiConfigPatch, clearConfigCache } from '../api/config'
|
| 9 |
+
import { useSettingsStore } from './settingsStore'
|
| 10 |
|
| 11 |
type AuthProvider = 'anthropic' | 'openai' | 'openrouter' | 'local' | 'opencode' | 'nvidia'
|
| 12 |
|
|
|
|
| 72 |
try {
|
| 73 |
await saveTuiConfigPatch({ authProvider: provider })
|
| 74 |
clearConfigCache()
|
| 75 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 76 |
set({ authProvider: provider, isLoading: false })
|
| 77 |
} catch (err) {
|
| 78 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
|
|
| 87 |
nvidiaApiKey: apiKey,
|
| 88 |
})
|
| 89 |
clearConfigCache()
|
| 90 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 91 |
set({ authProvider: 'nvidia', nvidiaApiKey: apiKey, isLoading: false })
|
| 92 |
} catch (err) {
|
| 93 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
|
|
| 102 |
openRouterApiKey: apiKey,
|
| 103 |
})
|
| 104 |
clearConfigCache()
|
| 105 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 106 |
set({ authProvider: 'openrouter', openRouterApiKey: apiKey, isLoading: false })
|
| 107 |
} catch (err) {
|
| 108 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
|
|
| 118 |
openAiAccessToken: undefined, // Clear OAuth token when switching to API key
|
| 119 |
})
|
| 120 |
clearConfigCache()
|
| 121 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 122 |
set({ authProvider: 'openai', openAiApiKey: apiKey, isLoading: false })
|
| 123 |
} catch (err) {
|
| 124 |
set({ isLoading: false, error: err instanceof Error ? err.message : String(err) })
|
|
|
|
| 134 |
openCodeModelName: modelName || undefined,
|
| 135 |
})
|
| 136 |
clearConfigCache()
|
| 137 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 138 |
set({
|
| 139 |
authProvider: 'opencode',
|
| 140 |
openCodeApiKey: apiKey,
|
|
|
|
| 155 |
localModelName: modelName,
|
| 156 |
})
|
| 157 |
clearConfigCache()
|
| 158 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 159 |
set({
|
| 160 |
authProvider: 'local',
|
| 161 |
localBaseUrl: baseUrl,
|
|
|
|
| 184 |
localModelName: undefined,
|
| 185 |
})
|
| 186 |
clearConfigCache()
|
| 187 |
+
await useSettingsStore.getState().syncFromConfig()
|
| 188 |
set({
|
| 189 |
authProvider: null,
|
| 190 |
nvidiaApiKey: null,
|
|
@@ -11,6 +11,7 @@ import {
|
|
| 11 |
OPENAI_OFFICIAL_PROVIDER_ID,
|
| 12 |
} from '../constants/openaiOfficialProvider'
|
| 13 |
import { saveTuiConfigPatch, clearConfigCache } from '../api/config'
|
|
|
|
| 14 |
import type {
|
| 15 |
SavedProvider,
|
| 16 |
CreateProviderInput,
|
|
@@ -53,13 +54,27 @@ function providerModelIds(provider: SavedProvider): Set<string> {
|
|
| 53 |
type TuiProviderMapping = { authProvider: string; apiKeyField: string; apiKey?: string } | null
|
| 54 |
function mapSidecarToTuiProvider(provider: SavedProvider): TuiProviderMapping {
|
| 55 |
const apiFormat = provider.apiFormat || 'anthropic'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 56 |
switch (apiFormat) {
|
| 57 |
case 'anthropic':
|
| 58 |
return { authProvider: 'anthropic', apiKeyField: 'anthropicApiKey', apiKey: provider.apiKey }
|
| 59 |
case 'openai': {
|
| 60 |
-
// Try to infer specific provider from base URL or name
|
| 61 |
-
const baseUrl = (provider.baseUrl || '').toLowerCase()
|
| 62 |
-
const name = (provider.name || '').toLowerCase()
|
| 63 |
if (baseUrl.includes('nvidia') || name.includes('nvidia')) {
|
| 64 |
return { authProvider: 'nvidia', apiKeyField: 'nvidiaApiKey', apiKey: provider.apiKey }
|
| 65 |
}
|
|
@@ -176,28 +191,44 @@ export const useProviderStore = create<ProviderStore>((set, get) => ({
|
|
| 176 |
activateProvider: async (id) => {
|
| 177 |
await providersApi.activate(id)
|
| 178 |
await get().fetchProviders()
|
| 179 |
-
// 同步 provider 信息到 ~/.claude.json,这样 fetchProviderModels() / tuiConversation
|
| 180 |
-
// 可以直接通过 TUI 方式来读取配置,无需依赖 sidecar。
|
| 181 |
-
const settings = useSettingsStore.getState()
|
| 182 |
-
if (id === OPENAI_OFFICIAL_PROVIDER_ID) {
|
| 183 |
-
await saveTuiConfigPatch({ authProvider: 'anthropic' })
|
| 184 |
-
await settings.setModel(OPENAI_OFFICIAL_DEFAULT_MODEL_ID)
|
| 185 |
-
await settings.fetchAll()
|
| 186 |
-
return
|
| 187 |
-
}
|
| 188 |
|
| 189 |
const provider = get().providers.find((p) => p.id === id)
|
| 190 |
if (!provider) return
|
| 191 |
|
| 192 |
-
//
|
| 193 |
const tuiProvider = mapSidecarToTuiProvider(provider)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 194 |
const patch: Record<string, unknown> = {}
|
| 195 |
-
if (
|
| 196 |
-
|
| 197 |
-
|
|
|
|
|
|
|
|
|
|
| 198 |
}
|
| 199 |
patch.model = provider.models.main
|
|
|
|
| 200 |
await saveTuiConfigPatch(patch)
|
|
|
|
| 201 |
clearConfigCache()
|
| 202 |
|
| 203 |
await settings.setModel(provider.models.main)
|
|
@@ -209,21 +240,13 @@ export const useProviderStore = create<ProviderStore>((set, get) => ({
|
|
| 209 |
await get().fetchProviders()
|
| 210 |
// 同步回 Anthropic first-party
|
| 211 |
await saveTuiConfigPatch({ authProvider: 'anthropic' })
|
|
|
|
| 212 |
clearConfigCache()
|
| 213 |
const settings = useSettingsStore.getState()
|
| 214 |
await settings.setModel(OFFICIAL_DEFAULT_MODEL_ID)
|
| 215 |
await settings.fetchAll()
|
| 216 |
},
|
| 217 |
|
| 218 |
-
activateOfficial: async () => {
|
| 219 |
-
await providersApi.activateOfficial()
|
| 220 |
-
await get().fetchProviders()
|
| 221 |
-
// 切回官方默认时同样重置 currentModel,避免残留第三方 model id。
|
| 222 |
-
const settings = useSettingsStore.getState()
|
| 223 |
-
await settings.setModel(OFFICIAL_DEFAULT_MODEL_ID)
|
| 224 |
-
await settings.fetchAll()
|
| 225 |
-
},
|
| 226 |
-
|
| 227 |
testProvider: async (id, overrides?) => {
|
| 228 |
const { result } = await providersApi.test(id, overrides)
|
| 229 |
return result
|
|
|
|
| 11 |
OPENAI_OFFICIAL_PROVIDER_ID,
|
| 12 |
} from '../constants/openaiOfficialProvider'
|
| 13 |
import { saveTuiConfigPatch, clearConfigCache } from '../api/config'
|
| 14 |
+
import { clearProviderModelCache } from '../api/providerModels'
|
| 15 |
import type {
|
| 16 |
SavedProvider,
|
| 17 |
CreateProviderInput,
|
|
|
|
| 54 |
type TuiProviderMapping = { authProvider: string; apiKeyField: string; apiKey?: string } | null
|
| 55 |
function mapSidecarToTuiProvider(provider: SavedProvider): TuiProviderMapping {
|
| 56 |
const apiFormat = provider.apiFormat || 'anthropic'
|
| 57 |
+
const baseUrl = (provider.baseUrl || '').toLowerCase()
|
| 58 |
+
const name = (provider.name || '').toLowerCase()
|
| 59 |
+
|
| 60 |
+
// Detect local provider (Ollama, LM Studio, vLLM, etc.)
|
| 61 |
+
if (
|
| 62 |
+
apiFormat === 'openai' &&
|
| 63 |
+
(baseUrl.includes('localhost') || baseUrl.includes('127.0.0.1') || baseUrl.includes('0.0.0.0') ||
|
| 64 |
+
name.includes('local') || name.includes('ollama'))
|
| 65 |
+
) {
|
| 66 |
+
return {
|
| 67 |
+
authProvider: 'local',
|
| 68 |
+
apiKeyField: 'localBaseUrl',
|
| 69 |
+
// TUI's local config expects localBaseUrl + localModelName
|
| 70 |
+
apiKey: provider.baseUrl,
|
| 71 |
+
}
|
| 72 |
+
}
|
| 73 |
+
|
| 74 |
switch (apiFormat) {
|
| 75 |
case 'anthropic':
|
| 76 |
return { authProvider: 'anthropic', apiKeyField: 'anthropicApiKey', apiKey: provider.apiKey }
|
| 77 |
case 'openai': {
|
|
|
|
|
|
|
|
|
|
| 78 |
if (baseUrl.includes('nvidia') || name.includes('nvidia')) {
|
| 79 |
return { authProvider: 'nvidia', apiKeyField: 'nvidiaApiKey', apiKey: provider.apiKey }
|
| 80 |
}
|
|
|
|
| 191 |
activateProvider: async (id) => {
|
| 192 |
await providersApi.activate(id)
|
| 193 |
await get().fetchProviders()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 194 |
|
| 195 |
const provider = get().providers.find((p) => p.id === id)
|
| 196 |
if (!provider) return
|
| 197 |
|
| 198 |
+
// Derive CLI authProvider from the sidecar provider
|
| 199 |
const tuiProvider = mapSidecarToTuiProvider(provider)
|
| 200 |
+
const authProvider = tuiProvider?.authProvider ?? null
|
| 201 |
+
const cliProviderId = authProvider ? `cli-${authProvider}` : null
|
| 202 |
+
const CLI_PROVIDER_NAMES: Record<string, string> = {
|
| 203 |
+
nvidia: 'NVIDIA',
|
| 204 |
+
openrouter: 'OpenRouter',
|
| 205 |
+
opencode: 'OpenCode Zen',
|
| 206 |
+
openai: 'OpenAI',
|
| 207 |
+
local: 'Local',
|
| 208 |
+
anthropic: 'Anthropic',
|
| 209 |
+
}
|
| 210 |
+
const cliProviderName = authProvider ? (CLI_PROVIDER_NAMES[authProvider] ?? authProvider) : null
|
| 211 |
+
|
| 212 |
+
// Optimistically update settingsStore so the UI reflects the change immediately
|
| 213 |
+
const settings = useSettingsStore.getState()
|
| 214 |
+
const cliModels = Object.values(provider.models).filter(Boolean).map(id => ({
|
| 215 |
+
id, name: id, description: '', context: '',
|
| 216 |
+
}))
|
| 217 |
+
settings.setActiveProvider(cliProviderId, cliProviderName, cliModels)
|
| 218 |
+
|
| 219 |
+
// Sync provider info to ~/.claude.json
|
| 220 |
const patch: Record<string, unknown> = {}
|
| 221 |
+
if (authProvider) patch.authProvider = authProvider
|
| 222 |
+
if (tuiProvider?.authProvider === 'local') {
|
| 223 |
+
patch.localBaseUrl = provider.baseUrl
|
| 224 |
+
patch.localModelName = provider.models.main
|
| 225 |
+
} else if (tuiProvider?.apiKey) {
|
| 226 |
+
patch[tuiProvider.apiKeyField] = tuiProvider.apiKey
|
| 227 |
}
|
| 228 |
patch.model = provider.models.main
|
| 229 |
+
|
| 230 |
await saveTuiConfigPatch(patch)
|
| 231 |
+
clearProviderModelCache()
|
| 232 |
clearConfigCache()
|
| 233 |
|
| 234 |
await settings.setModel(provider.models.main)
|
|
|
|
| 240 |
await get().fetchProviders()
|
| 241 |
// 同步回 Anthropic first-party
|
| 242 |
await saveTuiConfigPatch({ authProvider: 'anthropic' })
|
| 243 |
+
clearProviderModelCache()
|
| 244 |
clearConfigCache()
|
| 245 |
const settings = useSettingsStore.getState()
|
| 246 |
await settings.setModel(OFFICIAL_DEFAULT_MODEL_ID)
|
| 247 |
await settings.fetchAll()
|
| 248 |
},
|
| 249 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 250 |
testProvider: async (id, overrides?) => {
|
| 251 |
const { result } = await providersApi.test(id, overrides)
|
| 252 |
return result
|
|
@@ -1,10 +1,9 @@
|
|
| 1 |
import { create } from 'zustand'
|
| 2 |
import { ApiError } from '../api/client'
|
| 3 |
import { settingsApi } from '../api/settings'
|
| 4 |
-
import { modelsApi } from '../api/models'
|
| 5 |
import { h5AccessApi } from '../api/h5Access'
|
| 6 |
-
import { fetchProviderModels } from '../api/providerModels'
|
| 7 |
-
import { getTuiConfig, saveTuiConfigPatch } from '../api/config'
|
| 8 |
import {
|
| 9 |
isThemeMode,
|
| 10 |
type AppMode,
|
|
@@ -79,6 +78,8 @@ type SettingsStore = {
|
|
| 79 |
fetchH5Access: () => Promise<void>
|
| 80 |
setPermissionMode: (mode: PermissionMode) => Promise<void>
|
| 81 |
setModel: (modelId: string) => Promise<void>
|
|
|
|
|
|
|
| 82 |
setEffort: (level: EffortLevel) => Promise<void>
|
| 83 |
setThinkingEnabled: (enabled: boolean) => Promise<void>
|
| 84 |
setLocale: (locale: Locale) => void
|
|
@@ -192,11 +193,22 @@ export const useSettingsStore = create<SettingsStore>((set, get) => ({
|
|
| 192 |
activeProviderId = directModels.provider?.id ?? null
|
| 193 |
activeProviderName = directModels.provider?.name ?? null
|
| 194 |
} else {
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 200 |
} else {
|
| 201 |
availableModels = []
|
| 202 |
activeProviderId = null
|
|
@@ -275,6 +287,49 @@ export const useSettingsStore = create<SettingsStore>((set, get) => ({
|
|
| 275 |
set({ currentModel })
|
| 276 |
},
|
| 277 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 278 |
setEffort: async (level) => {
|
| 279 |
const prev = get().effortLevel
|
| 280 |
set({ effortLevel: level })
|
|
|
|
| 1 |
import { create } from 'zustand'
|
| 2 |
import { ApiError } from '../api/client'
|
| 3 |
import { settingsApi } from '../api/settings'
|
|
|
|
| 4 |
import { h5AccessApi } from '../api/h5Access'
|
| 5 |
+
import { fetchProviderModels, clearProviderModelCache } from '../api/providerModels'
|
| 6 |
+
import { getTuiConfig, saveTuiConfigPatch, clearConfigCache } from '../api/config'
|
| 7 |
import {
|
| 8 |
isThemeMode,
|
| 9 |
type AppMode,
|
|
|
|
| 78 |
fetchH5Access: () => Promise<void>
|
| 79 |
setPermissionMode: (mode: PermissionMode) => Promise<void>
|
| 80 |
setModel: (modelId: string) => Promise<void>
|
| 81 |
+
setActiveProvider: (providerId: string | null, providerName: string | null, models: ModelInfo[]) => void
|
| 82 |
+
syncFromConfig: () => Promise<void>
|
| 83 |
setEffort: (level: EffortLevel) => Promise<void>
|
| 84 |
setThinkingEnabled: (enabled: boolean) => Promise<void>
|
| 85 |
setLocale: (locale: Locale) => void
|
|
|
|
| 193 |
activeProviderId = directModels.provider?.id ?? null
|
| 194 |
activeProviderName = directModels.provider?.name ?? null
|
| 195 |
} else {
|
| 196 |
+
// No direct models — always derive from ~/.claude.json authProvider.
|
| 197 |
+
// Never use sidecar's provider name: it may be stale and corrupted
|
| 198 |
+
// (e.g. "TUI: NVIDIA NIM" instead of "NVIDIA").
|
| 199 |
+
const authProvider = config.authProvider as string | undefined
|
| 200 |
+
if (authProvider) {
|
| 201 |
+
const CLI_PROVIDER_NAMES: Record<string, string> = {
|
| 202 |
+
nvidia: 'NVIDIA',
|
| 203 |
+
openrouter: 'OpenRouter',
|
| 204 |
+
opencode: 'OpenCode Zen',
|
| 205 |
+
openai: 'OpenAI',
|
| 206 |
+
local: 'Local',
|
| 207 |
+
anthropic: 'Anthropic',
|
| 208 |
+
}
|
| 209 |
+
availableModels = []
|
| 210 |
+
activeProviderId = `cli-${authProvider}`
|
| 211 |
+
activeProviderName = CLI_PROVIDER_NAMES[authProvider] ?? authProvider
|
| 212 |
} else {
|
| 213 |
availableModels = []
|
| 214 |
activeProviderId = null
|
|
|
|
| 287 |
set({ currentModel })
|
| 288 |
},
|
| 289 |
|
| 290 |
+
setActiveProvider: (providerId, providerName, models) => {
|
| 291 |
+
set({
|
| 292 |
+
activeProviderId: providerId,
|
| 293 |
+
activeProviderName: providerName,
|
| 294 |
+
availableModels: models,
|
| 295 |
+
currentModel: models.length > 0
|
| 296 |
+
? models[0]
|
| 297 |
+
: null,
|
| 298 |
+
})
|
| 299 |
+
},
|
| 300 |
+
|
| 301 |
+
syncFromConfig: async () => {
|
| 302 |
+
// Re-read ~/.claude.json and re-fetch the model list for the new provider.
|
| 303 |
+
// This keeps settingsStore in sync when cliAuthStore writes to the config file.
|
| 304 |
+
clearProviderModelCache()
|
| 305 |
+
clearConfigCache()
|
| 306 |
+
const config = await getTuiConfig().catch(() => ({}))
|
| 307 |
+
const authProvider = config?.authProvider as string | undefined
|
| 308 |
+
if (!authProvider) {
|
| 309 |
+
set({ activeProviderId: null, activeProviderName: null, availableModels: [], currentModel: null })
|
| 310 |
+
return
|
| 311 |
+
}
|
| 312 |
+
const CLI_NAMES: Record<string, string> = {
|
| 313 |
+
nvidia: 'NVIDIA',
|
| 314 |
+
openrouter: 'OpenRouter',
|
| 315 |
+
opencode: 'OpenCode Zen',
|
| 316 |
+
openai: 'OpenAI',
|
| 317 |
+
local: 'Local',
|
| 318 |
+
anthropic: 'Anthropic',
|
| 319 |
+
}
|
| 320 |
+
const cliProviderId = `cli-${authProvider}`
|
| 321 |
+
const cliProviderName = CLI_NAMES[authProvider] ?? authProvider
|
| 322 |
+
|
| 323 |
+
// Fetch fresh models for the new provider
|
| 324 |
+
const { models } = await fetchProviderModels().catch(() => ({ models: [] as ModelInfo[], provider: null }))
|
| 325 |
+
set({
|
| 326 |
+
activeProviderId: cliProviderId,
|
| 327 |
+
activeProviderName: cliProviderName,
|
| 328 |
+
availableModels: models,
|
| 329 |
+
currentModel: models.length > 0 ? models[0] : null,
|
| 330 |
+
})
|
| 331 |
+
},
|
| 332 |
+
|
| 333 |
setEffort: async (level) => {
|
| 334 |
const prev = get().effortLevel
|
| 335 |
set({ effortLevel: level })
|