@bongos/core 1.19.457 → 1.19.458

package/modules/hall-ui/public/watch.html

@@ -9,9 +9,11 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
-  <!-- Page-local styles (task 2173) — extracted from the old inline <style>
-       block per the hall placement rules; the attention tiles + tabs come from
-       style.css's shared .stat-row/.stat-tile + hall-kit rules. -->
+  <!-- The oversight family's sheet (task 1003469): the figure band, the group
+       head, the row, the form. Then the page's own: severities, the report
+       reader, the grade trend. The attention tiles + tabs come from style.css's
+       shared .stat-row/.stat-tile + hall-kit rules. -->
+  <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/watch.css">
 </head>
 <body data-page="watch" data-page-title="Watch">
@@ -22,30 +24,29 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <!-- task 1003307: the board page head. Watch shipped with NO <h1> at all
-           (one-header-main-h1 measured 0 on every render), so the re-skin
-           carries the structural fix rather than porting the hole. The heading
-           is the LABEL voice, not a display line: on a working surface the
-           page's own name is the least interesting thing on it. -->
+      <!-- The board page head (task 1003307): the LABEL voice, not a display
+           line, because on a working surface the page's own name is the least
+           interesting thing on it. -->
       <div class="page-head page-head--board">
         <h1 class="page-head__h">Watch</h1>
         <p class="page-head__sub" id="watch-sub">Loading…</p>
       </div>
 
       <main id="hall-main">
-        <!-- Restricted notice — shown by watch.js when the viewer is not an Archon. -->
+        <!-- Restricted notice — shown by watch.js when the viewer is below the
+             floor, with the floor written in from the pack's rank label. -->
         <section class="scroll" id="sealed-scroll" aria-labelledby="sealed-h" hidden>
-          <h2 id="sealed-h" class="scroll__h">Archons only</h2>
-          <p class="scroll__lede" id="sealed-body">This page is available to Archons only.</p>
+          <h2 id="sealed-h" class="scroll__h">Restricted</h2>
+          <p class="scroll__lede" id="sealed-body">This page opens at a higher rank.</p>
         </section>
 
         <!-- task 2173: "what needs me today" first — the attention row's tiles
              carry live counts and each links to the tab that holds the detail. -->
-        <div class="stat-row watch-attention" id="watch-attention" hidden>
-          <a class="stat-tile" href="#people"><span class="stat-tile__label">Access requests</span><span class="stat-tile__num" id="att-access">—</span><span class="stat-tile__sub">pending — People tab</span></a>
-          <a class="stat-tile" href="#security"><span class="stat-tile__label">Security reports</span><span class="stat-tile__num" id="att-security">—</span><span class="stat-tile__sub">open — Security tab</span></a>
-          <a class="stat-tile" href="#people"><span class="stat-tile__label">Stale claims</span><span class="stat-tile__num" id="att-stale">—</span><span class="stat-tile__sub">builders — People tab</span></a>
-          <a class="stat-tile" href="#operations"><span class="stat-tile__label">Sessions</span><span class="stat-tile__num" id="att-sessions">—</span><span class="stat-tile__sub">recorded — Operations tab</span></a>
+        <div class="stat-row ov-summary" id="watch-attention" hidden>
+          <a class="stat-tile" href="#people"><span class="stat-tile__label">Access requests</span><span class="stat-tile__num" id="att-access">—</span><span class="stat-tile__sub">pending, on the People tab</span></a>
+          <a class="stat-tile" href="#security"><span class="stat-tile__label">Security reports</span><span class="stat-tile__num" id="att-security">—</span><span class="stat-tile__sub">open, on the Security tab</span></a>
+          <a class="stat-tile" href="#people"><span class="stat-tile__label">Stale claims</span><span class="stat-tile__num" id="att-stale">—</span><span class="stat-tile__sub">builders, on the People tab</span></a>
+          <a class="stat-tile" href="#operations"><span class="stat-tile__label">Sessions</span><span class="stat-tile__num" id="att-sessions">—</span><span class="stat-tile__sub">recorded, on the Operations tab</span></a>
         </div>
 
         <!-- task 2173: the nine surfaces sit behind three OTBKit tabs, hash-synced
@@ -80,7 +81,7 @@
           <section class="scroll" id="mason-marks-scroll" aria-labelledby="mason-marks-h" hidden>
             <h2 id="mason-marks-h" class="scroll__h">Review quality</h2>
             <p class="scroll__lede">Grades across all recent shipped work — a rolling aggregate.</p>
-            <div id="mason-marks-stats" class="watch-stats"></div>
+            <div id="mason-marks-stats" class="ov-figs"><span class="kit-skel"></span></div>
             <div id="mason-marks-trend"></div>
           </section>
         </div>
@@ -95,19 +96,21 @@
             <div id="box-costs-body"><span class="kit-skel"></span></div>
           </section>
 
-          <!-- 6. SESSIONS -->
+          <!-- 6. SESSIONS — the tally, and the five most recent sessions the page
+               always fetched and used to throw away (task 1003469). -->
           <section class="scroll" id="sessions-scroll" aria-labelledby="sessions-h" hidden>
             <h2 id="sessions-h" class="scroll__h">Sessions</h2>
-            <p class="scroll__lede">A tally of recorded work sessions. The full record lives on the Sessions page.</p>
-            <div id="sessions-stats" class="watch-stats"></div>
-            <a class="watch-foot-link" href="/sessions">View all sessions →</a>
+            <p class="scroll__lede">A tally of recorded work sessions, and the latest five. The full record lives on the Sessions page.</p>
+            <div id="sessions-stats" class="ov-figs"><span class="kit-skel"></span></div>
+            <div id="sessions-recent"></div>
+            <p class="ov-foot"><a href="/sessions">View all sessions</a></p>
           </section>
 
           <!-- 7. REPO HEALTH -->
           <section class="scroll" id="ledger-scroll" aria-labelledby="ledger-h" hidden>
             <h2 id="ledger-h" class="scroll__h">Repo health</h2>
             <p class="scroll__lede">The shape and health of the codebase.</p>
-            <div id="ledger-stats" class="watch-stats"></div>
+            <div id="ledger-stats" class="ov-figs"><span class="kit-skel"></span></div>
             <div id="ledger-loc"></div>
             <div id="ledger-files"></div>
           </section>
@@ -116,30 +119,38 @@
         <!-- ============ tab: Security ============ -->
         <div id="pane-security" role="tabpanel" aria-labelledby="tab-security" hidden>
 
-          <!-- 8. SECURITY -->
+          <!-- 8. SECURITY — four runs under one heading, each a group head. -->
           <section class="scroll" id="watch-scroll" aria-labelledby="watch-h" hidden>
             <h2 id="watch-h" class="scroll__h">Security</h2>
             <p class="scroll__lede">Vulnerability reports, engagement reports, override requests, and the audit log.</p>
 
-            <h3 class="watch-sub-h">Vulnerability reports</h3>
-            <div id="reports-body"><span class="kit-skel"></span></div>
-
-            <h3 class="watch-sub-h">Engagement reports</h3>
-            <p class="watch-note">Dated exploit-detail engagement reports — kept out of the repo (threat-model §6.3) and served only to Archons. Upload via POST /api/bongos/security/docs.</p>
-            <div id="engagement-docs-body"><span class="kit-skel"></span></div>
-
-            <h3 class="watch-sub-h">Override requests</h3>
-            <div id="overrides-body"><span class="kit-skel"></span></div>
-
-            <h3 class="watch-sub-h">Audit log</h3>
-            <div id="audit-body"><span class="kit-skel"></span></div>
+            <section class="ov-group">
+              <div class="ov-group__head"><span class="ov-group__name">Vulnerability reports</span></div>
+              <div id="reports-body"><span class="kit-skel"></span></div>
+            </section>
+
+            <section class="ov-group">
+              <div class="ov-group__head"><span class="ov-group__name">Engagement reports</span></div>
+              <p class="ov-foot">Dated exploit-detail engagement reports — kept out of the repo (threat-model §6.3) and served only to Archons. Upload via POST /api/bongos/security/docs.</p>
+              <div id="engagement-docs-body"><span class="kit-skel"></span></div>
+            </section>
+
+            <section class="ov-group">
+              <div class="ov-group__head"><span class="ov-group__name">Override requests</span></div>
+              <div id="overrides-body"><span class="kit-skel"></span></div>
+            </section>
+
+            <section class="ov-group">
+              <div class="ov-group__head"><span class="ov-group__name">Audit log</span></div>
+              <div id="audit-body"><span class="kit-skel"></span></div>
+            </section>
           </section>
 
           <!-- 9. ESTIMATION ACCURACY -->
           <section class="scroll" id="surveyor-scroll" aria-labelledby="surveyor-h" hidden>
             <h2 id="surveyor-h" class="scroll__h">Estimation accuracy</h2>
             <p class="scroll__lede">How task estimates compare with the time work actually took.</p>
-            <div id="surveyor-stats" class="watch-stats"></div>
+            <div id="surveyor-stats" class="ov-figs"><span class="kit-skel"></span></div>
             <div id="surveyor-body"></div>
           </section>
         </div>
@@ -163,6 +174,6 @@
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/task-detail.js?v=2026-07-03-taskdetail"></script>
 <script src="/builders/brand-apply.js?v=2026-06-19-r56"></script>
-<script src="/builders/watch.js?v=2026-07-10-tabs"></script>
+<script src="/builders/watch.js?v=2026-09-02-ledgers"></script>
 </body>
 </html>