From 65c2b73e23508421be465138d6c3c347a389e428 Mon Sep 17 00:00:00 2001
From: paisley <8197966+su8su@users.noreply.github.com>
Date: Tue, 10 Mar 2026 14:08:45 +0800
Subject: [PATCH] fix(settings): display correct configuration status for OAuth
 providers (#382)

---
 src/components/settings/ProvidersSettings.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/settings/ProvidersSettings.tsx b/src/components/settings/ProvidersSettings.tsx
index 85ef6b5ab..6c14828f0 100644
--- a/src/components/settings/ProvidersSettings.tsx
+++ b/src/components/settings/ProvidersSettings.tsx
@@ -41,6 +41,7 @@ import {
 import {
   buildProviderAccountId,
   buildProviderListItems,
+  hasConfiguredCredentials,
   type ProviderListItem,
 } from '@/lib/provider-accounts';
 import { cn } from '@/lib/utils';
@@ -435,7 +436,7 @@ function ProviderCard({
               )}
               <span className="w-1 h-1 rounded-full bg-black/20 dark:bg-white/20" />
               <span className="flex items-center gap-1">
-                {status?.hasKey ? (
+                {hasConfiguredCredentials(account, status) ? (
                   <><div className="w-1.5 h-1.5 rounded-full bg-green-500" /> {t('aiProviders.card.configured')}</>
                 ) : (
                   <><div className="w-1.5 h-1.5 rounded-full bg-red-500" /> {t('aiProviders.dialog.apiKeyMissing')}</>
@@ -575,12 +576,12 @@ function ProviderCard({
               <div className="space-y-0.5">
                 <Label className="text-[14px] font-bold text-foreground/80">{t('aiProviders.dialog.apiKey')}</Label>
                 <p className="text-[12px] text-muted-foreground">
-                  {status?.hasKey
+                  {hasConfiguredCredentials(account, status)
                     ? t('aiProviders.dialog.apiKeyConfigured')
                     : t('aiProviders.dialog.apiKeyMissing')}
                 </p>
               </div>
-              {status?.hasKey ? (
+              {hasConfiguredCredentials(account, status) ? (
                 <div className="flex items-center gap-1.5 text-[11px] font-medium text-green-600 dark:text-green-500 bg-green-500/10 px-2 py-1 rounded-md">
                   <div className="w-1.5 h-1.5 rounded-full bg-current" />
                   {t('aiProviders.card.configured')}