ui: agent badge shows AGENT or AGENTS (n)

- Single agent: "AGENT"
- Multiple: "AGENTS (2)", "AGENTS (3)", etc.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/web/public/app.js

@@ -1975,12 +1975,14 @@ class ClaudemanApp {
     }
 
     // Compact badge - shows on hover, click to pin open
+    const count = minimizedAgents.size;
+    const label = count === 1 ? 'AGENT' : `AGENTS (${count})`;
     return `
       <span class="tab-subagent-badge"
             onmouseenter="app.showSubagentDropdown(this)"
             onmouseleave="app.scheduleHideSubagentDropdown(this)"
             onclick="event.stopPropagation(); app.pinSubagentDropdown(this);">
-        <span class="subagent-label">Agent</span><span class="subagent-count">${minimizedAgents.size}</span>
+        <span class="subagent-label">${label}</span>
         <div class="subagent-dropdown" onmouseenter="app.cancelHideSubagentDropdown()" onmouseleave="app.scheduleHideSubagentDropdown(this.parentElement)">
           ${agentItems.join('')}
         </div>

src/web/public/styles.css

@@ -2977,15 +2977,8 @@ kbd {
 
 .session-tab .tab-subagent-badge .subagent-label {
   font-size: 0.55rem;
-  opacity: 0.85;
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
-}
-
-.session-tab .tab-subagent-badge .subagent-count {
-  font-size: 0.65rem;
   font-weight: 600;
-  line-height: 1;
+  letter-spacing: 0.03em;
 }
 
 /* Subagent Dropdown - compact, hover-triggered */