fix(openai-compatible) fix load model when change baseUrl

Author: samhvw8

src/core/webview/ClineProvider.ts

@@ -522,9 +522,10 @@ export class ClineProvider implements vscode.WebviewViewProvider {
 						await this.refreshOpenRouterModels()
 						break
 					case "refreshOpenAiModels":
-						const { apiConfiguration } = await this.getState()
-						const openAiModels = await this.getOpenAiModels(apiConfiguration.openAiBaseUrl, apiConfiguration.openAiApiKey)
-						this.postMessageToWebview({ type: "openAiModels", openAiModels })
+						if (message?.values?.baseUrl && message?.values?.apiKey) {
+							const openAiModels = await this.getOpenAiModels(message?.values?.baseUrl, message?.values?.apiKey)
+							this.postMessageToWebview({ type: "openAiModels", openAiModels })
+						}	
 						break
 					case "openImage":
 						openImage(message.text!)

src/shared/WebviewMessage.ts

@@ -59,6 +59,7 @@ export interface WebviewMessage {
 	toolName?: string
 	alwaysAllow?: boolean
 	dataUrls?: string[]
+	values?: Record<string, any>
 }
 
 export type ClineAskResponse = "yesButtonClicked" | "noButtonClicked" | "messageResponse"

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

@@ -26,7 +26,16 @@ const OpenAiModelPicker: React.FC = () => {
 	}
 
 	useEffect(() => {
-		vscode.postMessage({ type: "refreshOpenAiModels" })
+		if (!apiConfiguration?.openAiBaseUrl || !apiConfiguration?.openAiApiKey) {
+			return
+		}
+
+		vscode.postMessage({
+			type: "refreshOpenAiModels", values: {
+				baseUrl: apiConfiguration?.openAiBaseUrl,
+				apiKey: apiConfiguration?.openAiApiKey
+			}
+		})
 	}, [apiConfiguration?.openAiBaseUrl, apiConfiguration?.openAiApiKey])
 
 	useEffect(() => {