fix: change provider not update without done, update chatbox change provider from MrUbens

webview-ui/src/components/settings/ApiConfigManager.tsx

@@ -12,8 +12,8 @@ interface ApiConfigManagerProps {
 }
 
 const ApiConfigManager = ({
-    currentApiConfigName,
-    listApiConfigMeta,
+    currentApiConfigName = "",
+    listApiConfigMeta = [],
     onSelectConfig,
     onDeleteConfig,
     onRenameConfig,

webview-ui/src/components/settings/ApiOptions.tsx

@@ -46,9 +46,10 @@ interface ApiOptionsProps {
 	showModelOptions: boolean
 	apiErrorMessage?: string
 	modelIdErrorMessage?: string
+	onSelectProvider: (apiProvider: any) => void
 }
 
-const ApiOptions = ({ showModelOptions, apiErrorMessage, modelIdErrorMessage }: ApiOptionsProps) => {
+const ApiOptions = ({ showModelOptions, apiErrorMessage, modelIdErrorMessage, onSelectProvider }: ApiOptionsProps) => {
 	const { apiConfiguration, setApiConfiguration, uriScheme } = useExtensionState()
 	const [ollamaModels, setOllamaModels] = useState<string[]>([])
 	const [lmStudioModels, setLmStudioModels] = useState<string[]>([])
@@ -130,7 +131,10 @@ const ApiOptions = ({ showModelOptions, apiErrorMessage, modelIdErrorMessage }:
 				<VSCodeDropdown
 					id="api-provider"
 					value={selectedProvider}
-					onChange={handleInputChange("apiProvider")}
+					onChange={(event: any) => {
+						onSelectProvider(event.target.value);
+						handleInputChange("apiProvider")(event);
+					}}
 					style={{ minWidth: 130, position: "relative", zIndex: OPENROUTER_MODEL_PICKER_Z_INDEX + 1 }}>
 					<VSCodeOption value="openrouter">OpenRouter</VSCodeOption>
 					<VSCodeOption value="anthropic">Anthropic</VSCodeOption>

webview-ui/src/components/settings/SettingsView.tsx

@@ -183,7 +183,7 @@ const SettingsView = ({ onDone }: SettingsViewProps) => {
 						onRenameConfig={(oldName: string, newName: string) => {
 							vscode.postMessage({
 								type: "renameApiConfiguration",
-								values: {oldName, newName},
+								values: { oldName, newName },
 								apiConfiguration
 							})
 						}}
@@ -199,6 +199,16 @@ const SettingsView = ({ onDone }: SettingsViewProps) => {
 						showModelOptions={true}
 						apiErrorMessage={apiErrorMessage}
 						modelIdErrorMessage={modelIdErrorMessage}
+						onSelectProvider={(apiProvider: any) => {
+							vscode.postMessage({
+								type: "upsertApiConfiguration",
+								text: currentApiConfigName,
+								apiConfiguration: {
+									...apiConfiguration,
+									apiProvider: apiProvider,
+								}
+							})
+						}}
 					/>
 				</div>
 

webview-ui/src/components/welcome/WelcomeView.tsx

@@ -38,7 +38,7 @@ const WelcomeView = () => {
 			<b>To get started, this extension needs an API provider for Claude 3.5 Sonnet.</b>
 
 			<div style={{ marginTop: "10px" }}>
-				<ApiOptions showModelOptions={false} />
+				<ApiOptions showModelOptions={false} onSelectProvider={() => {}} />
 				<VSCodeButton onClick={handleSubmit} disabled={disableLetsGoButton} style={{ marginTop: "3px" }}>
 					Let's go!
 				</VSCodeButton>