director-agent/director-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

plan/7: Add active-agent count badge to AgentStatus panel #1

Merged
director-agent merged 1 commits from plan/7-agent-count-badge into main 2026-04-07 21:16:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +5 -2
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/components/AgentStatus.tsx
View File

@@ -17,8 +17,11 @@ export function AgentStatus({ agents }: { agents: Agent[] }) {
return ( return (
<div className="rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4"> <div className="rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4">
<div className="flex items-center gap-2 mb-3"> <div className="flex items-center gap-2 mb-3">
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">Agents</h2> <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">Agents</h2>
</div> <span className="font-mono text-[10px] uppercase tracking-wider text-gray-400">
{agents.filter(a => a.status === 'idle' || a.status === 'working').length} active
</span>
</div>
<div className="space-y-2"> <div className="space-y-2">
{agents.map((agent) => ( {agents.map((agent) => (
<div key={agent.id} className="flex items-center justify-between p-2 rounded bg-gray-50 dark:bg-gray-750"> <div key={agent.id} className="flex items-center justify-between p-2 rounded bg-gray-50 dark:bg-gray-750">