From 99c8804a5331c72b952b00c59b028c35cfdf00ed Mon Sep 17 00:00:00 2001
From: ochenstarik-ui <ochenstarik.ui@gmail.com>
Date: Mon, 20 Jul 2026 23:20:25 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=D1=81=D1=82=D0=B0=D1=82=D1=83=D1=81=20?=
 =?UTF-8?q?=D0=B0=D0=BA=D0=BA=D0=B0=D1=83=D0=BD=D1=82=D0=BE=D0=B2=20(ok?=
 =?UTF-8?q?=E2=86=92status),=20=D1=81=D0=BF=D0=B8=D1=81=D0=BE=D0=BA=20?=
 =?UTF-8?q?=D0=B8=D0=BC=D1=91=D0=BD=20=D1=81=20=D1=82=D0=BE=D1=87=D0=BA?=
 =?UTF-8?q?=D0=B0=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/agents/AgentCard.tsx | 15 +++++++++++++--
 frontend/src/components/agents/AgentGrid.tsx |  4 ++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/agents/AgentCard.tsx b/frontend/src/components/agents/AgentCard.tsx
index 4b9b7e1..163ce75 100644
--- a/frontend/src/components/agents/AgentCard.tsx
+++ b/frontend/src/components/agents/AgentCard.tsx
@@ -22,12 +22,23 @@ export function AgentCard({ agent }: { agent: any }) {
         </div>
       </div>
 
-      {/* Provider + Account */}
+      {/* Provider + Accounts detail */}
       <div className="mb-8">
-        <div className="flex items-center gap-2 text-sm">
+        <div className="flex items-center gap-2 text-sm mb-3">
           <span className="bg-secondary px-3 py-1 text-xs">{agent.provider}</span>
           <span className="font-mono text-muted-foreground">{agent.account}</span>
         </div>
+        {agent.accounts_detail && (
+          <div className="space-y-1">
+            {agent.accounts_detail.map((acc: any, i: number) => (
+              <div key={i} className="flex items-center gap-1.5 text-xs">
+                <span className={`w-1.5 h-1.5 rounded-full ${acc.status === 'ok' ? 'bg-emerald-500' : 'bg-red-500'}`} />
+                <span className="text-muted-foreground">{acc.name}</span>
+                {acc.error_code && <span className="text-red-400 font-mono">{acc.error_code}</span>}
+              </div>
+            ))}
+          </div>
+        )}
       </div>
 
       {/* Metrics */}
diff --git a/frontend/src/components/agents/AgentGrid.tsx b/frontend/src/components/agents/AgentGrid.tsx
index 6ae8bd1..d9bab20 100644
--- a/frontend/src/components/agents/AgentGrid.tsx
+++ b/frontend/src/components/agents/AgentGrid.tsx
@@ -31,7 +31,7 @@ export function AgentGrid() {
       const mapped = Object.entries(raw).map(([id, info]: [string, any], i: number) => {
         const prov = info.model?.split('/')[0] || 'opencode-go'
         const provAccounts = byProvider[prov] || []
-        const activeAccs = provAccounts.filter(a => a.ok)
+        const activeAccs = provAccounts.filter(a => a.status === 'ok')
         const totalAccs = provAccounts.length
 
         return {
@@ -50,7 +50,7 @@ export function AgentGrid() {
           provider: providerNames[prov] || prov,
           account: `${activeAccs.length}/${totalAccs} accounts`,
           accounts_detail: provAccounts.map(a => ({
-            name: a.name, ok: a.ok, error_code: a.error_code
+            name: a.name, status: a.status, error_code: a.error_code
           })),
         }
       })