fix(openrouter): support extended reasoning efforts and add refresh models button

src/api/providers/fetchers/__tests__/openrouter.spec.ts

@@ -43,7 +43,7 @@ describe("OpenRouter API", () => {
 				description: expect.any(String),
 				supportsReasoningBudget: true,
 				requiredReasoningBudget: true,
-				supportsReasoningEffort: true,
+				supportsReasoningEffort: ["low", "medium", "high", "xhigh", "max"],
 				supportedParameters: ["max_tokens", "temperature", "reasoning", "include_reasoning"],
 			})
 

src/api/providers/fetchers/openrouter.ts

@@ -217,7 +217,9 @@ export const parseOpenRouterModel = ({
 		cacheWritesPrice,
 		cacheReadsPrice,
 		description: model.description,
-		supportsReasoningEffort: supportedParameters ? supportedParameters.includes("reasoning") : undefined,
+		supportsReasoningEffort: supportedParameters?.includes("reasoning")
+			? ["low", "medium", "high", "xhigh", "max"]
+			: undefined,
 		supportedParameters: supportedParameters ? supportedParameters.filter(isModelParameter) : undefined,
 	}
 

webview-ui/src/components/settings/providers/OpenRouter.tsx

@@ -1,4 +1,5 @@
-import { useCallback, useState } from "react"
+import { useCallback, useEffect, useRef, useState } from "react"
+import { useQueryClient } from "@tanstack/react-query"
 import { Checkbox } from "vscrui"
 import { VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
 
@@ -7,17 +8,31 @@ import {
 	type OrganizationAllowList,
 	type RouterModels,
 	openRouterDefaultModelId,
+	allRouterModelsProvider,
+	providerIdentifiers,
+	RouterModelsMessageType,
+	type ExtensionMessage,
 } from "@roo-code/types"
+import type { RouterName } from "@roo/api"
 
 import { useAppTranslation } from "@src/i18n/TranslationContext"
 import { getOpenRouterAuthUrl } from "@src/oauth/urls"
 import { VSCodeButtonLink } from "@src/components/common/VSCodeButtonLink"
+import { vscode } from "@src/utils/vscode"
+import { Button } from "@src/components/ui"
 
 import { inputEventTransform } from "../transforms"
 
 import { ModelPicker } from "../ModelPicker"
 import { OpenRouterBalanceDisplay } from "./OpenRouterBalanceDisplay"
 
+enum RefreshStatus {
+	Idle = "idle",
+	Loading = "loading",
+	Success = "success",
+	Error = "error",
+}
+
 type OpenRouterProps = {
 	apiConfiguration: ProviderSettings
 	setApiConfigurationField: (field: keyof ProviderSettings, value: ProviderSettings[keyof ProviderSettings]) => void
@@ -42,6 +57,59 @@ export const OpenRouter = ({
 
 	const [openRouterBaseUrlSelected, setOpenRouterBaseUrlSelected] = useState(!!apiConfiguration?.openRouterBaseUrl)
 
+	const queryClient = useQueryClient()
+	const [refreshStatus, setRefreshStatus] = useState<RefreshStatus>(RefreshStatus.Idle)
+	const [refreshError, setRefreshError] = useState<string | undefined>()
+	const errorJustReceived = useRef(false)
+
+	useEffect(() => {
+		const handleMessage = (event: MessageEvent<ExtensionMessage>) => {
+			const message = event.data
+			if (message.type === RouterModelsMessageType.singleRouterModelFetchResponse && !message.success) {
+				const providerName = message.values?.provider as RouterName
+				if (providerName === providerIdentifiers.openrouter && refreshStatus === RefreshStatus.Loading) {
+					errorJustReceived.current = true
+					setRefreshStatus(RefreshStatus.Error)
+					setRefreshError(message.error)
+				}
+			} else if (message.type === RouterModelsMessageType.routerModels) {
+				const providerName = message.values?.provider as RouterName | undefined
+				// Scoped responses must match our provider; unscoped (legacy/global)
+				// broadcasts are still accepted so Loading cannot hang.
+				if (
+					(providerName === undefined || providerName === providerIdentifiers.openrouter) &&
+					refreshStatus === RefreshStatus.Loading &&
+					!errorJustReceived.current
+				) {
+					setRefreshStatus(RefreshStatus.Success)
+					void queryClient.invalidateQueries({
+						queryKey: [RouterModelsMessageType.routerModels, providerIdentifiers.openrouter],
+					})
+					void queryClient.invalidateQueries({
+						queryKey: [RouterModelsMessageType.routerModels, allRouterModelsProvider],
+					})
+				}
+			}
+		}
+
+		window.addEventListener("message", handleMessage)
+		return () => window.removeEventListener("message", handleMessage)
+	}, [refreshStatus, queryClient])
+
+	const handleRefreshModels = useCallback(() => {
+		errorJustReceived.current = false
+		setRefreshStatus(RefreshStatus.Loading)
+		setRefreshError(undefined)
+
+		vscode.postMessage({
+			type: RouterModelsMessageType.requestRouterModels,
+			values: {
+				provider: providerIdentifiers.openrouter,
+				refresh: true,
+			},
+		})
+	}, [])
+
 	const handleInputChange = useCallback(
 		<K extends keyof ProviderSettings, E>(
 			field: K,
@@ -103,6 +171,33 @@ export const OpenRouter = ({
 					)}
 				</div>
 			)}
+			<Button
+				variant="outline"
+				onClick={handleRefreshModels}
+				disabled={refreshStatus === RefreshStatus.Loading}
+				className="w-full">
+				<div className="flex items-center gap-2">
+					{refreshStatus === RefreshStatus.Loading ? (
+						<span className="codicon codicon-loading codicon-modifier-spin" />
+					) : (
+						<span className="codicon codicon-refresh" />
+					)}
+					{t("settings:providers.refreshModels.label")}
+				</div>
+			</Button>
+			{refreshStatus === RefreshStatus.Loading && (
+				<div className="text-sm text-vscode-descriptionForeground">
+					{t("settings:providers.refreshModels.loading")}
+				</div>
+			)}
+			{refreshStatus === RefreshStatus.Success && (
+				<div className="text-sm text-vscode-foreground">{t("settings:providers.refreshModels.success")}</div>
+			)}
+			{refreshStatus === RefreshStatus.Error && (
+				<div className="text-sm text-vscode-errorForeground">
+					{refreshError || t("settings:providers.refreshModels.error")}
+				</div>
+			)}
 			<ModelPicker
 				apiConfiguration={apiConfiguration}
 				setApiConfigurationField={setApiConfigurationField}