From 814d4c897db5157139f51e01016e103968a34cef Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Fri, 24 Apr 2026 23:12:49 -0700
Subject: [PATCH] fix(dashboard): move AgentMetricsBar and ActiveAgentsPanel
 above the agent collection

Restores the stats-first ordering on the Agents view. Stats (AgentMetricsBar)
and live agents (ActiveAgentsPanel) now render above the tree/list collection
instead of underneath it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 packages/dashboard/app/components/AgentsView.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/dashboard/app/components/AgentsView.tsx b/packages/dashboard/app/components/AgentsView.tsx
index 8381da690..820f414ac 100644
--- a/packages/dashboard/app/components/AgentsView.tsx
+++ b/packages/dashboard/app/components/AgentsView.tsx
@@ -864,6 +864,10 @@ export function AgentsView({ addToast, projectId }: AgentsViewProps) {
           projectId={projectId}
         />
 
+        {/* Stats and live agents above the collection */}
+        <AgentMetricsBar stats={stats} />
+        <ActiveAgentsPanel agents={activeAgents} projectId={projectId} onAgentSelect={setSelectedAgentId} />
+
         {/* Agent Collection */}
         {agentView === "tree" ? (
           <div className="agent-tree__view">
@@ -1263,10 +1267,6 @@ export function AgentsView({ addToast, projectId }: AgentsViewProps) {
           )}
         </div>
         )}
-
-        {/* Secondary sections */}
-        <AgentMetricsBar stats={stats} />
-        <ActiveAgentsPanel agents={activeAgents} projectId={projectId} onAgentSelect={setSelectedAgentId} />
       </div>
 
       {/* Agent Detail Modal */}