fix(vscode): stop reporting a managed provider as missing its key

A provider that authenticates over OAuth is required by the config schema to
carry no apiKey at all, so the providers list flagged it in red as "No key
configured" — a warning about a provider that is working. It now reads as
signed in, and each row shows the provider's API host rather than only its
wire type, which is what identifies a managed provider at a glance.

Author: elkaix

apps/vscode/shared/types.ts

@@ -75,7 +75,9 @@ export interface ConfiguredProvider {
   id: string;
   type: string;
   baseUrl?: string;
-  keySource: "config" | "env" | "none";
+  keySource: "config" | "env" | "oauth" | "none";
+  /** Host of the provider's base URL, shown so a managed provider is identifiable. */
+  host?: string;
   apiKeyEnvVar?: string;
   catalogUrl?: string;
   models: string[];

apps/vscode/src/handlers/provider.handler.ts

@@ -47,14 +47,18 @@ function toConfiguredProvider(id: string, provider: any, config: any): Configure
     id,
     type: provider.type ?? "unknown",
     baseUrl: provider.baseUrl,
+    host: hostOf(provider.baseUrl),
     // Never send the key itself to the Webview; only whether one is configured
-    // and where it comes from.
+    // and where it comes from. A managed provider authenticates over OAuth and
+    // is required by the schema to carry no key at all, so it is not missing one.
     keySource:
-      typeof provider.apiKey === "string" && provider.apiKey.length > 0
-        ? "config"
-        : typeof provider.apiKeyEnvVar === "string" && provider.apiKeyEnvVar.length > 0
-          ? "env"
-          : "none",
+      provider.oauth !== undefined
+        ? "oauth"
+        : typeof provider.apiKey === "string" && provider.apiKey.length > 0
+          ? "config"
+          : typeof provider.apiKeyEnvVar === "string" && provider.apiKeyEnvVar.length > 0
+            ? "env"
+            : "none",
     apiKeyEnvVar: provider.apiKeyEnvVar,
     catalogUrl: provider.source?.kind === "modelsDev" ? provider.source.url : undefined,
     models: models.toSorted((left, right) => left.localeCompare(right)),
@@ -113,6 +117,15 @@ export const providerHandlers: Record<string, Handler<any, any>> = {
   },
 };
 
+function hostOf(baseUrl: unknown): string | undefined {
+  if (typeof baseUrl !== "string" || baseUrl.length === 0) return undefined;
+  try {
+    return new URL(baseUrl).host;
+  } catch {
+    return undefined;
+  }
+}
+
 function toCatalogSummary(id: string, entry: any): CatalogProviderSummary {
   const wire = catalogConnectionWire(entry);
   return {

apps/vscode/webview-ui/src/components/ProvidersModal.tsx

@@ -36,6 +36,7 @@ import type {
 const KEY_SOURCE_LABEL: Record<ConfiguredProvider["keySource"], string> = {
   config: "Key in config.toml",
   env: "Key from environment",
+  oauth: "Signed in",
   none: "No key configured",
 };
 
@@ -179,7 +180,9 @@ function ProviderRow({
         >
           <IconChevronDown className={cn("size-3 text-muted-foreground transition-transform", !expanded && "-rotate-90")} />
           <span className="text-xs font-medium truncate">{provider.id}</span>
-          <span className="text-[10px] text-muted-foreground shrink-0">{provider.type}</span>
+          <span className="text-[10px] text-muted-foreground shrink-0 truncate">
+            {provider.host ?? provider.type}
+          </span>
           <span className="text-[10px] text-muted-foreground tabular-nums shrink-0">
             {provider.models.length} model{provider.models.length === 1 ? "" : "s"}
           </span>