From 57c1ba3543fa59d5a5fd89ddfdb1e2e5c25819fa Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Thu, 5 Mar 2026 12:25:11 +0800
Subject: [PATCH] fix(web): hide divider above empty API keys state in dropdown

Move the border from UsagePrioritySection (always visible) to
ApiKeySection's list variant (only when credentials exist). This
removes the unwanted divider line above the "No API Keys" empty
state card when on the AI Credits tab with no keys configured.
---
 .../provider-added-card/model-auth-dropdown/api-key-section.tsx | 2 +-
 .../model-auth-dropdown/usage-priority-section.tsx              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/api-key-section.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/api-key-section.tsx
index 3bd34c2cfc..1b235c1e2b 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/api-key-section.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/api-key-section.tsx
@@ -52,7 +52,7 @@ function ApiKeySection({
   }
 
   return (
-    <div>
+    <div className="border-t border-t-divider-subtle">
       <div className="px-1">
         <div className="pb-1 pl-7 pr-2 pt-3 text-text-tertiary system-xs-medium-uppercase">
           {t('modelProvider.auth.apiKeys', { ns: 'common' })}
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/usage-priority-section.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/usage-priority-section.tsx
index a923068e0c..80059f0d96 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/usage-priority-section.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/usage-priority-section.tsx
@@ -21,7 +21,7 @@ export default function UsagePrioritySection({ value, disabled, onSelect }: Usag
     : PreferredProviderTypeEnum.custom
 
   return (
-    <div className="border-b border-b-divider-subtle p-1">
+    <div className="p-1">
       <div className="flex items-center gap-1 rounded-lg p-1">
         <div className="shrink-0 px-0.5 py-1">
           <span className="i-ri-arrow-up-double-line block h-4 w-4 text-text-tertiary" />