From e3f94d124e2a4142af2169a625f86202b6aba1c3 Mon Sep 17 00:00:00 2001
From: ochenstarik-ui <ochenstarik.ui@gmail.com>
Date: Mon, 20 Jul 2026 22:31:58 +0700
Subject: [PATCH] =?UTF-8?q?Phase=206.2:=20account=20info=20=D0=BD=D0=B0=20?=
 =?UTF-8?q?AgentCard=20(provider=20+=20account)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/models.py                            |  2 ++
 frontend/src/components/agents/AgentCard.tsx | 20 +++++++++++++++-----
 frontend/src/components/agents/AgentGrid.tsx |  2 ++
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/backend/models.py b/backend/models.py
index 98c00a1..00dbd39 100644
--- a/backend/models.py
+++ b/backend/models.py
@@ -14,6 +14,8 @@ class Agent(BaseModel):
     tokens_limit: int = 100000
     budget_used: float = 0
     budget_limit: float = 50
+    account: str = ""
+    provider: str = ""
 
 class AgentUpdate(BaseModel):
     status: Literal["online", "offline", "busy"]
diff --git a/frontend/src/components/agents/AgentCard.tsx b/frontend/src/components/agents/AgentCard.tsx
index 493a36a..5934c1b 100644
--- a/frontend/src/components/agents/AgentCard.tsx
+++ b/frontend/src/components/agents/AgentCard.tsx
@@ -19,12 +19,22 @@ export function AgentCard({ agent }: { agent: any }) {
     >
       {/* Header */}
       <div className="flex items-start justify-between mb-6">
-        <div className="flex items-center gap-4">
-          <div className={`w-5 h-5 rounded-2xl ${statusColor} flex-shrink-0 ring-4 ring-background`} />
-          <div>
-            <div className="font-semibold text-xl tracking-tight">{agent.name}</div>
-            <div className="text-muted-foreground text-sm">{agent.runtime} · {agent.model}</div>
+        <div>
+          <div className="flex items-center gap-4">
+            <div className={`w-5 h-5 rounded-2xl ${statusColor} flex-shrink-0 ring-4 ring-background`} />
+            <div>
+              <div className="font-semibold text-xl tracking-tight">{agent.name}</div>
+              <div className="text-muted-foreground text-sm">{agent.runtime} · {agent.model}</div>
+            </div>
           </div>
+          {agent.provider && (
+            <div className="mt-3 flex items-center gap-2 text-xs">
+              <div className="px-2.5 py-0.5 bg-secondary rounded-full text-muted-foreground">
+                {agent.provider}
+              </div>
+              <div className="text-muted-foreground font-mono">{agent.account}</div>
+            </div>
+          )}
         </div>
         <div className="text-xs uppercase tracking-widest text-emerald-500 font-medium">{agent.status}</div>
       </div>
diff --git a/frontend/src/components/agents/AgentGrid.tsx b/frontend/src/components/agents/AgentGrid.tsx
index d5c6d07..a94a937 100644
--- a/frontend/src/components/agents/AgentGrid.tsx
+++ b/frontend/src/components/agents/AgentGrid.tsx
@@ -23,6 +23,8 @@ export function AgentGrid() {
         tokens_limit: 200000,
         budget_used: [12.4, 42.5, 5.2, 28.0][i] || 20,
         budget_limit: 100,
+        account: ['kimi-k2.7-main', 'kimi-k2.7-fast', 'gemini-3-flash', 'deepseek-v4-pro'][i] || '?',
+        provider: ['OpenCode Go', 'OpenCode Go', 'Google', 'NVIDIA'][i] || '?',
       }))
       setAgents(mapped)
       return mapped