From 035d752cfabff35d2a50fe0929307c47950b29d5 Mon Sep 17 00:00:00 2001
From: arkon <arkon.85@hotmail.com>
Date: Mon, 26 Jan 2026 20:43:39 +0100
Subject: [PATCH] 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>
---
 CLAUDE.md                 | 2 +-
 package.json              | 2 +-
 src/web/public/app.js     | 4 +++-
 src/web/public/styles.css | 9 +--------
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index 92adf03c..484827af 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -21,7 +21,7 @@ When user says "COM": 1) Increment version in BOTH `package.json` AND `CLAUDE.md
 
 Claudeman is a Claude Code session manager with a web interface and autonomous Ralph Loop. It spawns Claude CLI processes via PTY, streams output in real-time via SSE, and supports scheduled/timed runs.
 
-**Version**: 0.1386 (must match `package.json`)
+**Version**: 0.1387 (must match `package.json`)
 
 **Tech Stack**: TypeScript (ES2022/NodeNext, strict mode), Node.js, Fastify, Server-Sent Events, node-pty
 
diff --git a/package.json b/package.json
index 3174caf7..113f5edf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1386",
+  "version": "0.1387",
   "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
   "type": "module",
   "main": "dist/index.js",
diff --git a/src/web/public/app.js b/src/web/public/app.js
index 7a72529a..2f62c83f 100644
--- a/src/web/public/app.js
+++ b/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>
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 11d15527..ea625f9d 100644
--- a/src/web/public/styles.css
+++ b/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 */