From cc6b3234c6ad7f0f6acef83f6ccb3556581e80cb Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Sat, 4 Jul 2026 17:08:50 +0000
Subject: feat(web): simplify nav to tracker board, model dashboard, drops,
 settings+roles

Remove the old queue/interrupted/ready/running/budget/roles tabs.
Keep: stories (tracker board, now the default tab), stats (model
visibility dashboard), drops (file drop), settings.

Role configuration moves into the Settings tab as a section below the
general settings, rendered by renderSettingsPanel calling renderRolesPanel
with a sub-container. renderRolesPanel now accepts an optional container
parameter and uses safe DOM methods instead of innerHTML for error/empty
states.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DNDHfCtTZDbQueEV5sUBiD
---
 web/index.html | 34 ++++------------------------------
 1 file changed, 4 insertions(+), 30 deletions(-)

(limited to 'web/index.html')

diff --git a/web/index.html b/web/index.html
index 32c029e..0704cb8 100644
--- a/web/index.html
+++ b/web/index.html
@@ -40,35 +40,13 @@
     <div id="budget-bar" class="budget-bar"></div>
   </header>
   <nav class="tab-bar">
-    <button class="tab active" data-tab="queue" title="Queue">⏳</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="stories" title="Stories">📋</button>
+    <button class="tab active" data-tab="stories" title="Tracker">📋</button>
+    <button class="tab" data-tab="stats" title="Model Dashboard">📊</button>
     <button class="tab" data-tab="drops" title="Drops">📁</button>
-    <button class="tab" data-tab="stats" title="Stats">📊</button>
-    <button class="tab" data-tab="budget" title="Budget &amp; Escalation">💰</button>
-    <button class="tab" data-tab="roles" title="Roles">🎛️</button>
     <button class="tab" data-tab="settings" title="Settings">⚙️</button>
   </nav>
   <main id="app">
-    <div data-panel="queue">
-      <div class="panel-task-list">
-        <div class="task-empty">Loading…</div>
-      </div>
-    </div>
-    <div data-panel="interrupted" hidden>
-      <div class="panel-task-list"></div>
-    </div>
-    <div data-panel="ready" hidden>
-      <div class="panel-task-list"></div>
-      <div class="ready-completed-history"></div>
-    </div>
-    <div data-panel="running" hidden>
-      <div class="running-current"></div>
-      <div class="running-history"></div>
-    </div>
-    <div data-panel="stories" hidden>
+    <div data-panel="stories">
       <div class="stories-toolbar">
         <div class="view-toggle" role="tablist" aria-label="Stories view">
           <button class="view-toggle-btn active" data-view="board" type="button">Board</button>
@@ -83,11 +61,7 @@
       <div class="drops-panel"></div>
     </div>
     <div data-panel="stats" hidden></div>
-    <div data-panel="budget" hidden></div>
-    <div data-panel="roles" hidden></div>
-    <div data-panel="settings" hidden>
-      <p class="task-meta" style="padding:1rem">Settings coming soon.</p>
-    </div>
+    <div data-panel="settings" hidden></div>
   </main>
 
   <!-- Side panel backdrop -->
-- 
cgit v1.2.3