From a3d345d1afc33be7b86f785545f7c8ec30edb919 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Mon, 12 Aug 2024 04:47:07 -0400
Subject: [PATCH] Add disclaimer to OpenRouter provider

---
 webview-ui/src/components/ApiOptions.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/ApiOptions.tsx b/webview-ui/src/components/ApiOptions.tsx
index 43e30aa..b0b59a3 100644
--- a/webview-ui/src/components/ApiOptions.tsx
+++ b/webview-ui/src/components/ApiOptions.tsx
@@ -67,8 +67,8 @@ const ApiOptions: React.FC<ApiOptionsProps> = ({ showModelOptions, apiConfigurat
 				</label>
 				<VSCodeDropdown id="api-provider" value={selectedProvider} onChange={handleInputChange("apiProvider")}>
 					<VSCodeOption value="anthropic">Anthropic</VSCodeOption>
-					<VSCodeOption value="openrouter">OpenRouter</VSCodeOption>
 					<VSCodeOption value="bedrock">AWS Bedrock</VSCodeOption>
+					<VSCodeOption value="openrouter">OpenRouter</VSCodeOption>
 				</VSCodeDropdown>
 			</div>
 
@@ -113,7 +113,11 @@ const ApiOptions: React.FC<ApiOptionsProps> = ({ showModelOptions, apiConfigurat
 						This key is stored locally and only used to make API requests from this extension.
 						<VSCodeLink href="https://openrouter.ai/" style={{ display: "inline" }}>
 							You can get an OpenRouter API key by signing up here.
-						</VSCodeLink>
+						</VSCodeLink>{" "}
+						<span style={{ color: "var(--vscode-errorForeground)" }}>
+							(<b>Note:</b> OpenRouter support is experimental and may not work well with tool use or
+							large outputs.)
+						</span>
 					</p>
 				</div>
 			)}