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
           })),
         }
       })