refactor(web): remove the stories dashboard from the UI (Phase 3)

The observability UI drops the stories surface: the Stories tab, the stories
panel, the New/Detail story modals, and all their app.js code
(STORY_STATUS_LABELS, storyStatusLabel, renderStoryCard, renderStoriesPanel,
openStoryDetail, openStoryModal, renderElaboratedPlan, the story-modal init
handlers, and the panel-dispatch 'stories' case) plus stories.test.mjs.

The stories BACKEND (table, /api/stories* handlers, story-elaborate) is left
intact for the Phase 8 cleanup pass; this only removes the UI surface. Dead CSS
for the removed elements is likewise deferred to Phase 8.

Verified with node --test (251 JS tests pass) and a module-import check. Not
browser-verified in this environment.

https://claude.ai/code/session_01SESwn7kQ7oP62trWw6pc39

1 files changed, 0 insertions, 32 deletions

diff --git a/web/index.html b/web/index.html
index d3bf81b..8a705cc 100644
--- a/web/index.html
+++ b/web/index.html
@@ -39,7 +39,6 @@
     </div>
   </header>
   <nav class="tab-bar">
-    <button class="tab" data-tab="stories" title="Stories">📖</button>
     <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>
@@ -68,7 +67,6 @@
     <div data-panel="drops" hidden>
       <div class="drops-panel"></div>
     </div>
-    <div data-panel="stories" hidden></div>
     <div data-panel="stats" hidden></div>
     <div data-panel="settings" hidden>
       <p class="task-meta" style="padding:1rem">Settings coming soon.</p>
@@ -97,36 +95,6 @@
     </div>
   </dialog>
 
-  <!-- New Story modal -->
-  <dialog id="story-modal">
-    <div class="story-modal-header">
-      <h2>New Story</h2>
-      <button id="btn-close-story-modal" class="btn-close-panel" aria-label="Close">&#x2715;</button>
-    </div>
-    <div class="story-modal-body">
-      <label>Project
-        <select id="story-project"></select>
-      </label>
-      <label>Goal
-        <textarea id="story-goal" rows="4" placeholder="Describe the feature or change you want to build…"></textarea>
-      </label>
-      <button type="button" id="btn-story-elaborate" class="btn-secondary">Elaborate with AI ✦</button>
-      <div id="story-plan-area" hidden></div>
-      <div class="form-actions">
-        <button type="button" id="btn-story-approve" class="btn-primary" hidden>Approve &amp; Queue</button>
-      </div>
-    </div>
-  </dialog>
-
-  <!-- Story detail modal -->
-  <dialog id="story-detail-modal">
-    <div class="story-modal-header">
-      <h2 id="story-detail-name">Story</h2>
-      <button id="btn-close-story-detail" class="btn-close-panel" aria-label="Close">&#x2715;</button>
-    </div>
-    <div id="story-detail-body" class="story-detail-body meta-grid"></div>
-  </dialog>
-
   <script type="module" src="app.js"></script>
 </body>
 </html>