From 55c20922cc7a671787fe94fdd53a7eb72ebd2596 Mon Sep 17 00:00:00 2001
From: Claudomator Agent <agent@claudomator>
Date: Wed, 11 Mar 2026 19:05:12 +0000
Subject: feat: add Stats tab with task distribution and execution health
 metrics
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Export computeTaskStats and computeExecutionStats from app.js
- Add renderStatsPanel with state count grid, KPI row (total/success-rate/cost/avg-duration), and outcome bar chart
- Wire stats tab into switchTab and poll for live refresh
- Add Stats tab button and panel to index.html
- Add CSS for .stats-counts, .stats-kpis, .stats-bar-chart using existing state color variables
- Add docs/stats-tab-plan.md with component structure and data flow
- 14 new unit tests in web/test/stats.test.mjs (140 total, all passing)

No backend changes — derives all metrics from existing /api/tasks and /api/executions endpoints.

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

(limited to 'web/index.html')

diff --git a/web/index.html b/web/index.html
index 0b4ee35..438216f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -18,6 +18,7 @@
     <button class="tab active" data-tab="tasks">Tasks</button>
     <button class="tab" data-tab="active">Active</button>
     <button class="tab" data-tab="running">Running</button>
+    <button class="tab" data-tab="stats">Stats</button>
   </nav>
   <main id="app">
     <div data-panel="tasks">
@@ -38,6 +39,7 @@
       <div class="running-current"></div>
       <div class="running-history"></div>
     </div>
+    <div data-panel="stats" hidden></div>
   </main>
 
   <dialog id="task-modal">
-- 
cgit v1.2.3