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

@@ -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 */}