From 62068d8335af3b12206a4a867f38c6bf6a0f2325 Mon Sep 17 00:00:00 2001
From: Claudomator Agent <agent@claudomator>
Date: Sun, 15 Mar 2026 01:35:13 +0000
Subject: feat: add task count badges to interrupted, ready, and running tabs

- Add computeTabBadgeCounts(tasks) exported pure function
- Add updateTabBadges(tasks) that updates badge spans in tab buttons
- Call updateTabBadges on every poll regardless of active tab
- Add .tab-count-badge spans to interrupted/ready/running tab buttons in HTML
- Add CSS for .tab-count-badge pill styling (hidden when count is zero)
- Add 11 tests in web/test/tab-badges.test.mjs covering all states

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'web/index.html')

diff --git a/web/index.html b/web/index.html
index 19cba2c..59bc56e 100644
--- a/web/index.html
+++ b/web/index.html
@@ -23,9 +23,9 @@
   </header>
   <nav class="tab-bar">
     <button class="tab active" data-tab="queue" title="Queue">⏳</button>
-    <button class="tab" data-tab="interrupted" title="Interrupted">⚠️</button>
-    <button class="tab" data-tab="ready" title="Ready">✅</button>
-    <button class="tab" data-tab="running" title="Running">▶️</button>
+    <button class="tab" data-tab="interrupted" title="Interrupted">⚠️<span class="tab-count-badge" hidden></span></button>
+    <button class="tab" data-tab="ready" title="Ready">✅<span class="tab-count-badge" hidden></span></button>
+    <button class="tab" data-tab="running" title="Running">▶️<span class="tab-count-badge" hidden></span></button>
     <button class="tab" data-tab="all" title="All">☰</button>
     <button class="tab" data-tab="stats" title="Stats">📊</button>
     <button class="tab" data-tab="settings" title="Settings">⚙️</button>
-- 
cgit v1.2.3