fix(webview/xai): provide complete ModelInfo fallback in useSelectedModel to satisfy UI type expectations

Author: hannesrudolph

webview-ui/src/components/ui/hooks/useSelectedModel.ts

@@ -165,9 +165,27 @@ function getSelectedModel({
 		case "xai": {
 			const id = apiConfiguration.apiModelId ?? xaiDefaultModelId
 			const dynamicInfo = routerModels.xai?.[id]
+			if (dynamicInfo) {
+				return { id, info: dynamicInfo }
+			}
 			const staticInfo = xaiModels[id as keyof typeof xaiModels]
-			const info = dynamicInfo ?? staticInfo
-			return info ? { id, info } : { id, info: undefined }
+			// Build a complete ModelInfo fallback to satisfy UI expectations until dynamic models load
+			const info: ModelInfo = {
+				...openAiModelInfoSaneDefaults,
+				contextWindow:
+					apiConfiguration.xaiModelContextWindow ??
+					staticInfo?.contextWindow ??
+					openAiModelInfoSaneDefaults.contextWindow,
+				maxTokens: staticInfo?.maxTokens ?? openAiModelInfoSaneDefaults.maxTokens,
+				supportsPromptCache: false, // Placeholder; dynamic API will provide real value
+				supportsImages: false, // Placeholder; dynamic API will provide real value
+				description: staticInfo?.description,
+				supportsReasoningEffort:
+					staticInfo && "supportsReasoningEffort" in staticInfo
+						? staticInfo.supportsReasoningEffort
+						: undefined,
+			}
+			return { id, info }
 		}
 		case "groq": {
 			const id = apiConfiguration.apiModelId ?? groqDefaultModelId