From c151cc46655cd60614f766f97789ca46d7073582 Mon Sep 17 00:00:00 2001
From: coso <wutongci@hotmail.com>
Date: Sat, 20 Dec 2025 13:03:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=20API=20Server=20?=
 =?UTF-8?q?=E5=87=AD=E8=AF=81=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除红色背景，改用统一的中性背景色
- 健康状态用绿色圆点，非健康用黄色圆点（不再用红色）
- 添加定时刷新凭证池数据（5秒），使用次数能够实时更新
---
 src/components/api-server/ApiServerPage.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/api-server/ApiServerPage.tsx b/src/components/api-server/ApiServerPage.tsx
index 501b3507c..631bf7f72 100644
--- a/src/components/api-server/ApiServerPage.tsx
+++ b/src/components/api-server/ApiServerPage.tsx
@@ -188,6 +188,9 @@ export function ApiServerPage() {
 
   useEffect(() => {
     loadPoolOverview();
+    // 定时刷新凭证池数据，以便使用次数能够更新
+    const poolInterval = setInterval(loadPoolOverview, 5000);
+    return () => clearInterval(poolInterval);
   }, []);
 
   // 自动清除 provider 切换提示
@@ -627,22 +630,12 @@ export function ApiServerPage() {
                     {credentials.map((cred) => (
                       <div
                         key={cred.uuid}
-                        className={`flex items-center justify-between rounded-lg border px-3 py-2 text-sm ${
-                          cred.is_healthy
-                            ? "border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950"
-                            : cred.is_disabled
-                              ? "border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900"
-                              : "border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950"
-                        }`}
+                        className="flex items-center justify-between rounded-lg border border-border bg-muted/30 px-3 py-2 text-sm"
                       >
                         <div className="flex items-center gap-2">
                           <span
                             className={`h-2 w-2 rounded-full ${
-                              cred.is_healthy
-                                ? "bg-green-500"
-                                : cred.is_disabled
-                                  ? "bg-gray-400"
-                                  : "bg-red-500"
+                              cred.is_healthy ? "bg-green-500" : "bg-yellow-500"
                             }`}
                           />
                           <span>{cred.name || cred.uuid.slice(0, 8)}</span>