@bongos/core 1.19.461 → 1.19.463

package/modules/hall-ui/public/people.js

@@ -1,16 +1,29 @@
-// people.js — the People page: the /scouting cross-project builder directory
-// graduated into the hall (task 1002577; ADR 0141 §4 is the data's design of
-// record). Same data endpoint as scouting.js — /api/gds/scouting, gated
-// server-side on 'project.curate' OR being a project owner (R14, ADR 0210); the
-// page itself is gated in serve-internal.js on that same pair, so a visitor who
-// is neither never sees this shell. The hall chrome + kit primitives are what
-// "graduate" means: searchable, paged, shell-navigable.
+// people.js — the People page: the cross-project builder directory (task
+// 1002577; ADR 0141 §4 is the data's design of record), served at /people and
+// at its legacy door /scouting — task 1003470 made the two ONE page, this
+// script, because the same /api/gds/scouting rollup was being drawn three
+// different ways (a kit ledger here, a hand-built table there, and the same
+// columns in a different order). The endpoint is gated server-side on
+// 'project.curate' OR being a project owner (R14, ADR 0210); both pages are
+// gated in serve-internal.js on that same pair, so a visitor who is neither
+// never sees this shell.
+//
+// What a directory row is (task 1003470): WHO — the avatar the API returns and
+// both pages dropped, the display name, the login under it as the door (GitHub
+// is the identity the platform account is keyed on, and the one page every
+// listed builder has: the directory is cross-project, so no local profile id
+// exists); then the four figures in tabular columns, the crafts as chips, and
+// when they were last seen. Search, a sort and a craft lens are the kit's
+// filter bar; the rows page through the kit's pager.
 // All network values render through OTBKit.esc — never raw innerHTML.
 (function () {
   'use strict';
   var kit = window.OTBKit;
+  var OTB = window.OTB;
   var esc = kit.esc;
   var body = document.getElementById('people-body');
+  var sub = document.getElementById('people-sub');
+  var countPill = document.getElementById('people-count');
 
   function fmtRecency(iso) {
     if (!iso) return '—';
@@ -22,38 +35,90 @@
     if (days < 30) return days + ' days ago';
     return Math.floor(days / 30) + ' mo ago';
   }
+  var fmtInt = function (n) { return OTB && OTB.fmtInt ? OTB.fmtInt(n) : String(n == null ? 0 : n); };
+  var rankLabel = function (r) { return OTB && OTB.rankLabel ? OTB.rankLabel(r) : r; };
+  var currencyLabel = function () {
+    var b = window.OTBBranding;
+    return (b && b.currencyLabel && b.currencyLabel({ caps: true })) || 'Credits';
+  };
 
   function builderName(b) {
-    return b.github_login || b.display_name || ('#' + b.github_id);
+    return b.display_name || b.github_login || ('#' + b.github_id);
+  }
+  function initialOf(b) {
+    var n = String(builderName(b)).replace(/^[@#]/, '');
+    return (n.charAt(0) || '?').toUpperCase();
+  }
+
+  // The identity cell. The name is the shell's .lb-name (a door that reads as
+  // text until hovered) when a login exists to open; the login sits under it in
+  // mono so the door's destination is never a surprise.
+  function whoHtml(b) {
+    var name = esc(builderName(b));
+    var avatar = b.avatar_url
+      ? '<img class="dir-avatar" src="' + esc(b.avatar_url) + '" alt="" loading="lazy">'
+      : '<span class="dir-avatar dir-avatar--initial" aria-hidden="true">' + esc(initialOf(b)) + '</span>';
+    var nameHtml = b.github_login
+      ? '<a class="lb-name dir-name" href="https://github.com/' + encodeURIComponent(b.github_login) + '" rel="noopener">' + name + '</a>'
+      : '<span class="dir-name">' + name + '</span>';
+    var login = b.github_login ? '<span class="dir-login">@' + esc(b.github_login) + '</span>' : '';
+    return '<span class="dir-who">' + avatar + '<span class="dir-who__t">' + nameHtml + login + '</span></span>';
+  }
+  function craftsHtml(b) {
+    var list = Array.isArray(b.disciplines) ? b.disciplines : [];
+    if (!list.length) return '<span class="dir-none">—</span>';
+    return '<span class="dir-crafts">' + list.map(function (d) {
+      return '<span class="fact-chip">' + esc(String(d)) + '</span>';
+    }).join('') + '</span>';
   }
 
   var all = [];
   var query = '';
+  var craft = '';
+  var sortBy = '';
 
   function matches(b) {
+    if (craft && !(Array.isArray(b.disciplines) && b.disciplines.indexOf(craft) !== -1)) return false;
     if (!query) return true;
-    var hay = (builderName(b) + ' ' + (b.display_name || '') + ' ' +
+    var hay = ((b.github_login || '') + ' ' + (b.display_name || '') + ' ' +
       (Array.isArray(b.disciplines) ? b.disciplines.join(' ') : '')).toLowerCase();
     return hay.indexOf(query) !== -1;
   }
+  // The server's order IS "track record" (ADR 0141 §4 ranks the rollup); the
+  // other lenses re-order the loaded set client-side, ties keeping that order.
+  var SORTS = {
+    '': null,
+    ships: function (b) { return -(b.total_tasks_shipped || 0); },
+    credits: function (b) { return -(b.total_credits || 0); },
+    karma: function (b) { return -(b.total_karma || 0); },
+    projects: function (b) { return -(b.project_count || 0); },
+    recent: function (b) { var t = Date.parse(b.last_active || ''); return isNaN(t) ? Infinity : -t; },
+  };
+  function ordered(rows) {
+    var key = SORTS[sortBy];
+    if (!key) return rows;
+    return rows.map(function (b, i) { return { b: b, i: i }; })
+      .sort(function (x, y) { return (key(x.b) - key(y.b)) || (x.i - y.i); })
+      .map(function (x) { return x.b; });
+  }
 
   var pager = kit.makePager('people', 'hall-people-per-page');
   var ledger = null;
 
   function rowHtml(b) {
     return '<tr>' +
-      '<td><span class="who">' + esc(builderName(b)) + '</span></td>' +
-      '<td class="num">' + esc(b.project_count != null ? b.project_count : '—') + '</td>' +
-      '<td class="num">' + esc(b.total_credits != null ? b.total_credits : 0) + '</td>' +
-      '<td class="num">' + esc(b.total_tasks_shipped != null ? b.total_tasks_shipped : 0) + '</td>' +
-      '<td class="num">' + esc(b.total_karma != null ? b.total_karma : 0) + '</td>' +
-      '<td>' + esc(Array.isArray(b.disciplines) ? b.disciplines.join(', ') : '—') + '</td>' +
-      '<td>' + esc(fmtRecency(b.last_active)) + '</td>' +
+      '<td>' + whoHtml(b) + '</td>' +
+      '<td class="ledger__num">' + esc(fmtInt(b.project_count != null ? b.project_count : 0)) + '</td>' +
+      '<td class="ledger__num">' + esc(fmtInt(b.total_tasks_shipped != null ? b.total_tasks_shipped : 0)) + '</td>' +
+      '<td class="ledger__num">' + esc(fmtInt(b.total_credits != null ? b.total_credits : 0)) + '</td>' +
+      '<td class="ledger__num">' + esc(fmtInt(b.total_karma != null ? b.total_karma : 0)) + '</td>' +
+      '<td>' + craftsHtml(b) + '</td>' +
+      '<td class="ledger__date">' + esc(fmtRecency(b.last_active)) + '</td>' +
       '</tr>';
   }
 
   function rerender() {
-    if (ledger) ledger.render(all.filter(matches));
+    if (ledger) ledger.render(ordered(all.filter(matches)));
   }
 
   function mountDirectory(builders) {
@@ -77,22 +142,44 @@
         + 'and none are listed without it. Their work still shows on each project’s own ledger.');
       return;
     }
+    if (countPill) { countPill.textContent = String(all.length); countPill.hidden = false; }
+    if (sub) {
+      sub.textContent = fmtInt(all.length) + ' builder' + (all.length === 1 ? '' : 's') + ' listed across hosted projects, ranked by track record. '
+        + 'Descriptive only — cross-project numbers never carry authority here.';
+    }
+    var crafts = [];
+    all.forEach(function (b) {
+      (Array.isArray(b.disciplines) ? b.disciplines : []).forEach(function (d) {
+        if (crafts.indexOf(d) === -1) crafts.push(d);
+      });
+    });
+    crafts.sort();
     kit.makeFilterBar({
       mount: document.getElementById('people-filters'),
-      search: { id: 'people-q', label: 'Search', placeholder: 'name or discipline' },
+      search: { id: 'people-q', label: 'Search', placeholder: 'name or craft' },
+      primary: [
+        { id: 'people-sort', label: 'Sort', options: [
+          { value: '', label: 'track record' }, { value: 'ships', label: 'most ships' },
+          { value: 'credits', label: 'most ' + currencyLabel().toLowerCase() }, { value: 'karma', label: 'most karma' },
+          { value: 'projects', label: 'most projects' }, { value: 'recent', label: 'most recently active' }] },
+        { id: 'people-craft', label: 'Craft', options: [{ value: '', label: '— any —' }].concat(crafts) },
+      ],
       onChange: function (vals) {
         query = String(vals['people-q'] || '').trim().toLowerCase();
+        craft = String(vals['people-craft'] || '');
+        sortBy = String(vals['people-sort'] || '');
         pager.page = 1;
         rerender();
       },
     });
     body.textContent = '';
+    body.className = '';
     ledger = kit.makeLedger({
       mount: body,
-      columns: ['Builder', { label: 'Projects', class: 'num' }, { label: 'Credits', class: 'num' },
-        { label: 'Ships', class: 'num' }, { label: 'Karma', class: 'num' }, 'Disciplines', 'Last active'],
+      columns: ['Builder', { label: 'Projects', class: 'ledger__num' }, { label: 'Ships', class: 'ledger__num' },
+        { label: currencyLabel(), class: 'ledger__num' }, { label: 'Karma', class: 'ledger__num' }, 'Crafts', 'Last active'],
       rowHtml: rowHtml,
-      // Reached only when the directory HAS builders and the search excluded them
+      // Reached only when the directory HAS builders and the lenses excluded them
       // all — the empty-API case returns above with its own explanation.
       emptyMsg: 'No listed builder matches that search.',
       pager: pager,
@@ -114,8 +201,10 @@
     })
     .then(function (data) { mountDirectory(data && data.builders); })
     .catch(function (e) {
+      // The floor is the pack's label for metic, never a hardcoded rank name —
+      // and the page used to say "Archon-only", which was wrong since ADR 0210.
       notice(e && e.gated
-        ? 'The builder directory is Archon-only for now.'
+        ? 'The directory opens at the ' + rankLabel('metic') + ' rank, or to a project’s owner.'
         : 'Couldn’t load the directory right now.');
     });
 }());

package/modules/hall-ui/public/people.states.json

@@ -1,5 +1,5 @@
 {
-  "_": "People — the cross-project directory behind requireProjectCuratePage (metic+ via project.curate). Descriptive only; it grants no authority, and the page says so above the fold. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "_": "People — the cross-project directory behind requireProjectCuratePage (metic+ via project.curate, or a project owner). Descriptive only; it grants no authority, and the page says so above the fold. Written with the re-skin (task 1003307); the redesign (task 1003470) added the identity cell, the sort and craft lenses, and the `search` state. /scouting is the legacy door to this same page (scouting.states.json measures it separately). Populated look: the hall-preview harness (scripts/hall-preview/fixtures/scouting.json carries five builders, three with avatars).",
   "page": "/builders/people",
   "surface": "hall-ui",
   "stub": {
@@ -14,6 +14,7 @@
     "/api/(gds|bongos)/inbox/",
     "/api/(gds|bongos)/versions",
     "/api/(gds|bongos)/builders",
+    "/api/(gds|bongos)/scouting",
     "/api/(gds|bongos)/public/"
   ],
   "ignoreConsole": [
@@ -43,6 +44,35 @@
         ]
       }
     },
+    "search": {
+      "auth": true,
+      "actions": [
+        [
+          "wait",
+          700
+        ],
+        [
+          "fill",
+          "#people-q",
+          "hyp"
+        ],
+        [
+          "wait",
+          200
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#people-scroll"
+        ],
+        "value": [
+          [
+            "#people-q",
+            "hyp"
+          ]
+        ]
+      }
+    },
     "out": {
       "auth": false
     }

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

@@ -3,17 +3,22 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Scouting — {{worldName}}</title>
-  <meta name="description" content="Cross-project builder activity — an internal talent view for project curators.">
+  <title>People — {{worldName}}</title>
+  <meta name="description" content="The builder directory: everyone building across {{worldName}} projects, searchable and ranked by track record.">
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <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">
-  <style>
-    #body .who { font-weight: 600; }
-  </style>
+  <!-- /scouting is the LEGACY DOOR to the People directory (task 1002577
+       graduated it into the hall; task 1002710 walled it on the same
+       project.curate gate). Task 1003470 made it the SAME PAGE: the body below
+       is byte-identical to people.html and runs people.js — the one
+       /api/gds/scouting rollup used to be drawn three different ways, and a
+       door that renders a different page from the same data is the drift.
+       tests/hall_roster_world.mjs holds the two bodies equal. -->
+  <link rel="stylesheet" href="/builders/people.css">
 </head>
-<body data-page="scouting" data-page-title="Scouting">
+<body data-page="people" data-page-title="People">
 
 <div class="app">
   <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
@@ -21,20 +26,24 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <!-- task 1003307: the board page head. Scouting 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, because on a
+           working surface the page's own name is the least interesting thing on
+           it. The sub is rewritten by people.js once the directory has loaded. -->
       <div class="page-head page-head--board">
-        <h1 class="page-head__h">Scouting</h1>
-        <p class="page-head__sub">Builders active across all hosted projects — an internal talent view. Descriptive only; it grants no authority anywhere.</p>
+        <h1 class="page-head__h">People</h1>
+        <p class="page-head__sub" id="people-sub">Everyone building across hosted projects, ranked by track record. Descriptive only — cross-project numbers never carry authority here.</p>
       </div>
 
       <main id="hall-main">
-        <section class="scroll" aria-labelledby="scouting-h">
-          <h2 id="scouting-h" class="scroll__h">Cross-project builders</h2>
-          <div id="body" class="profile__placeholder">Loading…</div>
+        <!-- task 1003470: ONE directory. /people and its legacy door /scouting
+             render this same page from the same script — the same
+             /api/gds/scouting rollup used to be drawn three different ways. -->
+        <section class="scroll" id="people-scroll" aria-labelledby="people-h">
+          <h2 id="people-h" class="scroll__h">Builder directory<span class="count-pill" id="people-count" hidden></span></h2>
+          <div id="people-filters"></div>
+          <div id="people-body">
+            <div class="profile__placeholder">Loading the directory…</div>
+          </div>
         </section>
       </main>
 
@@ -50,7 +59,11 @@
 <script src="/builders/shell.js?v=2026-07-02-shell1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
+<!-- shared frontend toolkit (window.OTB — rank labels, number formats) + the
+     branding pack's currency label, loaded BEFORE people.js. -->
+<script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>
 <script src="/builders/brand-apply.js"></script>
-<script src="/builders/scouting.js"></script>
+<script src="/builders/hall-kit.js"></script>
+<script src="/builders/people.js"></script>
 </body>
 </html>

package/modules/hall-ui/public/scouting.states.json

@@ -1,5 +1,5 @@
 {
-  "_": "Scouting — the internal talent view, same project.curate gate as People. Carries the hall's last three-line inline <style>, which is well inside hall_audit's budget and is left alone deliberately. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "_": "Scouting — the LEGACY DOOR to the People directory, on the same project.curate gate. Since task 1003470 it renders the People page itself (the same body, the same people.js), so this file measures the door, not a second design: the same floors at the same widths, with the People panel expected. The three-line inline <style> it used to carry went with the page it belonged to.",
   "page": "/builders/scouting",
   "surface": "hall-ui",
   "stub": {
@@ -36,7 +36,12 @@
           "wait",
           700
         ]
-      ]
+      ],
+      "expect": {
+        "visible": [
+          "#people-scroll"
+        ]
+      }
     },
     "out": {
       "auth": false

package/modules/hall-ui/public/sessions.css

@@ -1,16 +1,19 @@
-/* sessions.css — Page-local styles for the Session log page.
-   Lifted verbatim out of the page's inline <style> block (task 1002176);
-   the ?v= cache-bust is stamped automatically from this file's content hash
-   at boot (src/asset-version.js). */
-
-/* Page-local styles for the session log — small additions on top of the
-   shared .ledger / .stat-row components in style.css. */
-.ledger-table-wrap { overflow-x: auto; margin-top: 6px; }
-table.ledger th, table.ledger td { white-space: nowrap; }
+/* sessions.css — page-local styles for the session ledger (task 1002176;
+   redesigned in task 1003470, goal 1000081). The ledger, the pager and the
+   totals strip are the shell's; this holds only what the page adds. Gone with
+   the redesign: `white-space: nowrap` on every cell, and the .ledger-table-wrap
+   that existed only to give it a scrollport — a scrollport the shell's sticky
+   header then stuck to, so the column heads sat over the first row on desktop.
+   The shell's card strip handles a phone, the way it does on every other
+   ledger page. The session id is the family's .ov-mono (oversight.css). */
+/* Six figures on the strip: the shell's auto-fit strands the sixth alone on a
+   second row at desktop width, so the strip fixes its columns — six across
+   from 1100px, three across under it, the shell's own pair on a phone. */
+#stats-body { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+@media (min-width: 1100px) { #stats-body { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
+@media (max-width: 480px) { #stats-body { grid-template-columns: 1fr 1fr; } }
 .ledger td.warn { color: var(--danger); font-weight: 600; }
-.ledger-sid {
-  font-family: var(--font-mono);
-  font-size: 12.5px;
-  color: var(--info);
-}
-.ledger-rank { font-size: 12px; color: var(--ink-faint); }
+.ledger-rank { font-size: 12px; color: var(--ink-faint); }
+/* The task ids: chips that are doors (the family's a.fact-chip hover). */
+.ledger-tasks { display: inline-flex; flex-wrap: wrap; gap: 6px; }
+.ledger-tasks .fact-chip { text-decoration: none; }

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

@@ -4,11 +4,14 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Sessions — {{worldName}}</title>
-  <meta name="description" content="The record of every work session — Archon view.">
+  <meta name="description" content="The record of every work session — who built, what it touched, what it cost.">
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <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-06-04-sessions">
+  <!-- task 1003470: the family sheet (the top-of-page strip, the mono fact,
+       the chip that is a door), linked before the page's own. -->
+  <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/sessions.css">
 </head>
 <body data-page="sessions" data-page-title="Sessions">
@@ -30,35 +33,37 @@
       </div>
 
       <main id="hall-main">
-        <!-- Access notice — shown by sessions.js when the viewer is not an Archon. -->
+        <!-- Access notice — shown by sessions.js when the viewer is below the
+             floor. The heading and the line are written from the pack's rank
+             label (ADR 0157: metic and up), so the static text never renders. -->
         <section class="scroll" id="gate-scroll" aria-labelledby="gate-h" hidden>
-          <h2 id="gate-h" class="scroll__h">Archons only</h2>
-          <p class="scroll__lede" id="gate-body">The session log is available to Archons only.</p>
+          <h2 id="gate-h" class="scroll__h">Higher ranks only</h2>
+          <p class="scroll__lede" id="gate-body">The session log opens from a higher rank.</p>
         </section>
 
-        <!-- Totals — aggregate stats, filled by sessions.js. -->
-        <section class="scroll" id="stats-scroll" aria-labelledby="stats-h" hidden>
-          <h2 id="stats-h" class="scroll__h">Totals</h2>
-          <p class="scroll__lede">Aggregate totals across every recorded work session.</p>
+        <!-- Totals — the shell's glass strip at the top of the page (the way
+             Watch, Harbor and Gate carry theirs), not a strip inside a panel. -->
+        <section class="ov-summary" id="stats-scroll" aria-labelledby="stats-h" hidden>
+          <h2 id="stats-h" class="sr-only">Totals</h2>
           <div class="stat-row" id="stats-body"></div>
         </section>
 
-        <!-- Every recorded session — the corpus table. -->
+        <!-- Every recorded session — the corpus table. No wrapper: the shell's
+             card strip scrolls a wide ledger on a phone, and the old wrapper
+             turned the sticky header into a scrollport overlay on desktop. -->
         <section class="scroll" id="sessions-scroll" aria-labelledby="sessions-h" hidden>
           <h2 id="sessions-h" class="scroll__h">Recorded sessions</h2>
-          <p class="scroll__lede">Most recent first. Each row is one recorded work session.</p>
-          <div class="ledger-table-wrap">
-            <table class="ledger" id="sessions-table">
-              <thead>
-                <tr>
-                  <th>Session</th><th>Builder</th><th>Tasks</th>
-                  <th>Turns</th><th>Tokens</th><th>Tool errs</th>
-                  <th>Duration</th><th>Recorded</th>
-                </tr>
-              </thead>
-              <tbody id="sessions-body"></tbody>
-            </table>
-          </div>
+          <p class="scroll__lede">Most recent first. Each row is one recorded work session; every id on it opens its record.</p>
+          <table class="ledger" id="sessions-table">
+            <thead>
+              <tr>
+                <th>Session</th><th>Builder</th><th>Tasks</th>
+                <th class="ledger__num">Earned</th><th class="ledger__num">Turns</th><th class="ledger__num">Tokens</th><th class="ledger__num">Tool errors</th>
+                <th class="ledger__num">Duration</th><th>Recorded</th>
+              </tr>
+            </thead>
+            <tbody id="sessions-body"></tbody>
+          </table>
           <nav class="pager" id="ledger-pager" hidden aria-label="Session pages">
             <button type="button" class="btn-ghost" id="pager-prev">← Newer</button>
             <span class="pager__range" id="pager-pos"></span>

package/modules/hall-ui/public/sessions.js

@@ -1,11 +1,14 @@
 // public-builders/sessions.js — the Session Ledger (/builders/sessions).
 //
-// Archon-only monitoring view of the BFG session corpus (ADR 0027 / cluster 6D).
-// Read-only. Fetches /api/bongos/me to learn the viewer's rank; only the Archon
-// sees data. The data itself comes from GET /api/bongos/sessions/search, which the
-// SERVER gates to Archon and AUDITS (one audit_log row per load, by design) —
-// this page only reflects what that endpoint returns; it is not the authority.
-// On a 401 it redirects into the web sign-in flow, like the other hall pages.
+// Metic+ monitoring view of the BFG session corpus (ADR 0027 / cluster 6D;
+// the floor moved archon→metic in ADR 0157). Read-only. Fetches /api/bongos/me
+// to learn the viewer's rank. The data itself comes from GET
+// /api/bongos/sessions/search, which the SERVER gates and AUDITS (one audit_log
+// row per load, by design) — this page only reflects what that endpoint
+// returns; it is not the authority. On a 401 it redirects into the web sign-in
+// flow, like the other hall pages. Redesigned in task 1003470 (goal 1000081):
+// the totals on the shell's top strip, the ledger without its nowrap + wrapper
+// pair, every id on a row a door, the floor named from the pack.
 
 (() => {
   'use strict';
@@ -62,26 +65,38 @@
       .join('');
   }
 
+  // task 1003470 — every id on the row is a door: the task ids are chips to the
+  // task page (`/builders/task/N`, which both hosts serve), the builder is the
+  // shell's .lb-name to their profile, and the session id is a mono fact with
+  // the full id on hover — it was painted in the info colour, which reads as a
+  // link to nowhere. The row also shows what the session EARNED, a fact the
+  // ledger had and dropped.
   function renderTable(sessions) {
     const body = $('#sessions-body');
     if (!sessions.length) {
       body.innerHTML =
-        '<tr><td colspan="8" class="ledger__empty">No sessions recorded yet. They land here as builders ship and end sessions.</td></tr>';
+        '<tr><td colspan="9" class="ledger__empty">No sessions recorded yet. They land here as builders ship and end sessions.</td></tr>';
       return;
     }
     body.innerHTML = sessions
       .map((s) => {
         const tasks = Array.isArray(s.task_ids) && s.task_ids.length
-          ? s.task_ids.map((t) => `#${escapeHtml(t)}`).join(', ')
+          ? `<span class="ledger-tasks">${s.task_ids.map((t) =>
+            `<a class="fact-chip" href="/builders/task/${encodeURIComponent(String(t))}">task ${escapeHtml(String(t))}</a>`).join('')}</span>`
           : '—';
+        const who = s.github_login ? `@${escapeHtml(s.github_login)}` : `#${escapeHtml(String(s.builder_id ?? '?'))}`;
+        const whoHtml = s.builder_id != null
+          ? `<a class="lb-name" href="/builders/profile?id=${encodeURIComponent(String(s.builder_id))}">${who}</a>`
+          : who;
         const errs = num(s.tool_errors);
         return (
           '<tr>' +
-          `<td><span class="ledger-sid" title="${escapeHtml(s.session_id)}">${escapeHtml(shortSid(s.session_id))}</span></td>` +
-          `<td>${escapeHtml(s.github_login || ('#' + s.builder_id))}` +
-          (s.rank ? ` <span class="ledger-rank">(${escapeHtml(rankLabel(s.rank))})</span>` : '') +
+          `<td><span class="ov-mono" title="${escapeHtml(s.session_id)}">${escapeHtml(shortSid(s.session_id))}</span></td>` +
+          `<td>${whoHtml}` +
+          (s.rank ? ` <span class="ledger-rank">${escapeHtml(rankLabel(s.rank))}</span>` : '') +
           '</td>' +
           `<td>${tasks}</td>` +
+          `<td class="ledger__num">${fmtInt(s.drachmae_earned)}</td>` +
           `<td class="ledger__num">${fmtInt(s.assistant_turns)}</td>` +
           `<td class="ledger__num" title="${fmtInt(s.total_tokens)} tokens">${escapeHtml(fmtCompact(s.total_tokens))}</td>` +
           `<td class="ledger__num${errs > 0 ? ' warn' : ''}">${errs}</td>` +
@@ -93,9 +108,13 @@
       .join('');
   }
 
+  // The floor is written from the pack's rank label (ADR 0157: metic and up),
+  // never a hardcoded rank name — the page used to say "Archons only".
   function showSealed(message) {
-    $('#ledger-sub').textContent = 'Archons only.';
+    const floor = rankLabel('metic');
+    $('#ledger-sub').textContent = `${floor} and up.`;
     const gate = $('#gate-scroll');
+    $('#gate-h').textContent = `${floor} and up`;
     if (message) $('#gate-body').textContent = message;
     gate.hidden = false;
     $('#stats-scroll').hidden = true;
@@ -211,7 +230,7 @@
     // ADR 0157: `session.search` moved archon→metic, so the session log is a
     // Metic+ surface now. Cosmetic — the route gate is the wall.
     if (!builder || (builder.rank !== 'metic' && builder.rank !== 'archon')) {
-      showSealed('The session log is available from the Metic rank up. Your current rank does not have access.');
+      showSealed(`The session log opens at the ${rankLabel('metic')} rank. Your current rank does not have access.`);
       return;
     }
 

package/modules/hall-ui/public/sessions.states.json

@@ -1,5 +1,5 @@
 {
-  "_": "Sessions — the session ledger behind requireGovernmentPage. sessions.js pages SERVER-SIDE by offset and is the one sanctioned hand-rolled pager in the hall; this file measures it, it does not ask it to change. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "_": "Sessions — the session ledger behind requireGovernmentPage. sessions.js pages SERVER-SIDE by offset and is the one sanctioned hand-rolled pager in the hall; this file measures it, it does not ask it to change. Written with the re-skin (task 1003307); the redesign (task 1003470) put the totals on the shell's top-of-page strip, dropped the nowrap + wrapper pair that broke the sticky header, and made every id on a row a door. Populated look: the hall-preview harness (five rows in sessions__search.json).",
   "page": "/builders/sessions",
   "surface": "hall-ui",
   "stub": {
@@ -38,7 +38,8 @@
       ],
       "expect": {
         "visible": [
-          "#stats-scroll"
+          "#stats-scroll",
+          "#sessions-scroll"
         ]
       }
     },

package/modules/ui-design/module.json

@@ -5,7 +5,7 @@
   "coreVersion": "^1.19.0",
   "default": true,
   "maintenance": { "status": "core-maintained" },
-  "contributes": { "skills": ["design", "design-sync", "figma-design-sync", "design-taste-frontend", "design-taste-frontend-v1", "high-end-visual-design", "redesign-existing-projects"] },
+  "contributes": { "skills": ["design", "design-sync", "figma-design-sync", "design-taste-frontend", "design-taste-frontend-v1", "high-end-visual-design", "redesign-existing-projects", "impeccable"] },
   "provides": [],
   "consumes": []
 }