@bongos/core 1.21.22 → 1.21.24

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

@@ -91,7 +91,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/atlas.js?v=2026-09-02-index" defer></script>

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

@@ -50,7 +50,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></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

package/modules/hall-ui/public/board-room.html

@@ -60,7 +60,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-board"></script>

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

@@ -83,7 +83,7 @@
   </div>
 </div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/city-draw.js?v=2026-10-02-city1"></script>
 <script src="/builders/city.js?v=2026-10-02-city1"></script>

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

@@ -148,7 +148,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/collab-lib.js?v=2026-09-24-archive"></script>

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

@@ -54,7 +54,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

package/modules/hall-ui/public/copy-desk.html

@@ -177,7 +177,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -74,7 +74,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -97,7 +97,7 @@
 
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/diagram-viewer.js?v=2026-06-14-diagviewer-1" defer></script>

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

@@ -84,7 +84,7 @@
             <div class="primer-note primer-note--error scroll" id="primer-error" hidden>
               <p class="primer-note__label">The reference did not load</p>
               <p class="primer-note__body">The markdown behind this page could not be fetched. Reload to try again, or read it in the repo.</p>
-              <p class="primer-note__acts"><a class="btn btn--ghost" href="/builders">Back to home</a></p>
+              <p class="primer-note__acts"><a class="btn btn--ghost" data-shell-exit href="/builders">Back to home</a></p>
             </div>
 
           </div>
@@ -98,7 +98,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/md-reader.js?v=2026-09-02-mdreader-2"></script>

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

@@ -54,7 +54,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -77,7 +77,7 @@
 <div id="gate-modal-root"></div>
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

package/modules/hall-ui/public/goal-map.html

@@ -137,7 +137,7 @@
   </div>
 </div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

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

@@ -230,7 +230,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

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

@@ -134,7 +134,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -14,7 +14,7 @@
   <link rel="stylesheet" href="/builders/record.css">
   <link rel="stylesheet" href="/builders/idea.css">
 </head>
-<body data-page="idea" data-page-title="Idea">
+<body data-page="idea" data-page-title="Idea" data-back-fallback="/thinking">
 
 <div class="app">
   <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
@@ -23,12 +23,10 @@
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
       <div class="page-head">
-        <!-- This page is deliberately not in the nav (it is always reached from a
-             link), so a deep-linked visitor needs a way back before the body loads
-             — the task.html precedent. -->
+        <!-- task 1004477: the way back is the shell's top-bar Back link. This
+             page is deliberately not in the nav, so <body data-back-fallback>
+             sends a deep-linked visitor to their thinking. -->
         <div class="rec-crumb">
-          <a class="rec-back" href="/thinking">
-            <svg class="rec-back__ic" viewBox="0 0 16 16" aria-hidden="true"><path d="M9.4 3.6 5 8l4.4 4.4"/><path d="M5 8h7.2"/></svg>Back to your thinking</a>
           <p class="rec-sub" id="idea-sub">Loading idea</p>
         </div>
       </div>
@@ -52,7 +50,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N overlay, so a ref

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

@@ -225,7 +225,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <!-- task 1003069 (R08) — the quick-filing form's routed result links a task

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

@@ -106,7 +106,7 @@
 <script src="/builders/brand-apply.js?v=2026-06-27-r75" defer></script>
 <!-- The app shell (sidebar + top bar + view router). Dependency-free; loaded
      BEFORE builders.js so the chrome ids exist when events are wired. -->
-<script src="/builders/shell.js?v=2026-10-02-theme" defer></script>
+<script src="/builders/shell.js?v=2026-10-02-back" defer></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 2166: the shared component kit (window.OTBKit) — pager/ledger/rail.

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

@@ -101,7 +101,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>

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

@@ -87,7 +87,7 @@
             <div class="primer-note primer-note--error scroll" id="primer-error" hidden>
               <p class="primer-note__label">The primer did not load</p>
               <p class="primer-note__body">The markdown behind this page could not be fetched. Reload to try again, or read it in the repo.</p>
-              <p class="primer-note__acts"><a class="btn btn--ghost" href="/builders">Back to home</a></p>
+              <p class="primer-note__acts"><a class="btn btn--ghost" data-shell-exit href="/builders">Back to home</a></p>
             </div>
 
             <!-- Footer ack module. The button is soft-gated with aria-disabled
@@ -115,7 +115,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the shared markdown reader (window.OTBMdReader) — primer.js renders through

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

@@ -206,7 +206,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></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) — loaded before profile.js, which pulls from it. -->

package/modules/hall-ui/public/project-settings.html

@@ -58,7 +58,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -77,7 +77,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></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) — loaded before ranks.js, which pulls from it. -->

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

@@ -23,12 +23,10 @@
    spending one is legal CSS that quietly opts this sheet back out of the world.
    `--line` is a WIDTH; the hairline's colour is --rule / --rule-soft. */
 
-/* ---- the way back ------------------------------------------------------- */
-/* These two pages are deliberately not in the sidebar (both are always reached
-   from a link), so a deep-linked visitor needs a way back BEFORE the record has
-   loaded — which is why the crumb is static markup and not rendered by the page
-   script. 3px of padding buys the 24px control floor without changing the line's
-   own leading; the link measured 21px on task.html and 20px on idea.html. */
+/* ---- the crumb ----------------------------------------------------------- */
+/* task 1004477: the way back left this line for the shell's top-bar Back link
+   (with <body data-back-fallback> for a deep-linked visitor), so the crumb is
+   the record's address and nothing else. */
 .rec-crumb {
   display: flex;
   align-items: baseline;
@@ -36,19 +34,6 @@
   flex-wrap: wrap;
   margin: 0 0 4px;
 }
-.rec-back {
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  min-height: 24px;
-  padding: 3px 0;
-  color: var(--ink-soft);
-  font-size: 13.5px;
-  text-transform: lowercase;
-  text-decoration: none;
-}
-.rec-back:hover { color: var(--ink); text-decoration: underline; }
-.rec-back__ic { width: 14px; height: 14px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
 /* The sub line is the record's address, so it is tabular: an id that re-renders
    must not re-space the line it sits in. */
 .rec-sub {

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

@@ -41,7 +41,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

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

@@ -53,7 +53,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></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

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

@@ -36,3 +36,19 @@
    white-space: nowrap — task 1003470 removed the blanket nowrap that broke this
    table on a phone, and "Automated run" is short enough to wrap harmlessly. */
 .ledger-kind { color: var(--ink-soft); }
+
+/* task 1002830 — the transcript reader. Prose first: a conversation is read, not
+   scanned, so turns are a plain stack with the speaker as a quiet label rather than
+   a table. Tool calls and results are folded (<details>) because they are the bulk
+   of a transcript and the least interesting part of the story. pre-wrap keeps the
+   builder's own line breaks; overflow-wrap stops a long path pushing the card wide. */
+.ledger-read { margin-left: 8px; font-size: 12px; }
+.transcript { display: flex; flex-direction: column; gap: var(--sp-sm); }
+.turn { border-left: 3px solid var(--rule); padding: 4px 0 4px 12px; }
+.turn--user { border-left-color: var(--accent-ink); }
+.turn__who { font-size: 12px; color: var(--ink-faint); margin: 0 0 2px; }
+.turn__text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
+.turn details { margin-top: 4px; font-size: 13px; color: var(--ink-soft); }
+.turn pre { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--font-mono); font-size: 12px; }
+.turn__err { color: var(--danger); }
+.transcript__note { color: var(--ink-faint); font-size: 13px; }

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

@@ -88,6 +88,18 @@
           <div id="sessions-pager-mount"></div>
           <p class="ledger__note" id="ledger-foot"></p>
         </section>
+
+        <!-- task 1002830: the narrative. Opened from a row's Read door; the SAME page
+             and the same gate as the ledger above (ADR 0051 — no second page). The
+             server decides who may read a transcript and records an administrator's
+             cross-builder read BEFORE serving it; this panel only displays. -->
+        <section class="scroll" id="transcript-scroll" aria-labelledby="transcript-h" hidden>
+          <h2 id="transcript-h" class="scroll__h">Transcript</h2>
+          <p class="scroll__lede" id="transcript-sub"></p>
+          <p><button type="button" class="btn" id="transcript-close">Close transcript</button></p>
+          <div id="transcript-body" class="transcript"></div>
+          <p><button type="button" class="btn" id="transcript-more" hidden>Load more turns</button></p>
+        </section>
       </main>
 
       <footer class="app-foot" id="app-foot"></footer>
@@ -99,7 +111,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></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) — loaded BEFORE sessions.js so it can pull from it. -->
@@ -110,6 +122,6 @@
      sessions.js, which reads window.OTBKit at boot. -->
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/brand-apply.js?v=2026-06-19-r56"></script>
-<script src="/builders/sessions.js?v=2026-08-28-kitpager"></script>
+<script src="/builders/sessions.js?v=2026-10-02-transcript"></script>
 </body>
 </html>

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

@@ -8,7 +8,10 @@
 // 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.
+// pair, every id on a row a door, the floor named from the pack. Task 1002830 added
+// the narrative: a row's Read door opens the session's full transcript (ADR 0051)
+// on THIS page, under the same gate — the owner or an Archon, the latter audited
+// by the server before it serves a word.
 
 (() => {
   'use strict';
@@ -159,7 +162,7 @@
         const errs = num(s.tool_errors);
         return (
           '<tr>' +
-          `<td><span class="ov-mono" title="${escapeHtml(s.session_id)}">${escapeHtml(shortSid(s.session_id))}</span></td>` +
+          `<td><span class="ov-mono" title="${escapeHtml(s.session_id)}">${escapeHtml(shortSid(s.session_id))}</span>${readDoor(s)}</td>` +
           `<td>${whoHtml}` +
           (s.rank ? ` <span class="ledger-rank">${escapeHtml(rankLabel(s.rank))}</span>` : '') +
           '</td>' +
@@ -178,6 +181,105 @@
       .join('');
   }
 
+  // ---- the transcript reader (task 1002830, ADR 0051) -----------------------
+
+  // A Read door only where there is something to read AND the server will serve it.
+  function canRead(s) {
+    if (!s.has_transcript || !viewer) return false;
+    return viewer.rank === 'archon' || String(s.builder_id) === String(viewer.id);
+  }
+  function readDoor(s) {
+    return canRead(s)
+      ? ` <button type="button" class="btn ledger-read" data-read="${escapeHtml(String(s.id))}" data-sid="${escapeHtml(shortSid(s.session_id))}">Read</button>`
+      : '';
+  }
+
+  // One turn as markup. EVERY string goes through escapeHtml — the stored text is
+  // scrubbed of secrets, not of markup, and it is arbitrary builder + tool output.
+  function turnHtml(t) {
+    const user = t.role === 'user';
+    let html = `<div class="turn turn--${user ? 'user' : 'assistant'}"><p class="turn__who">${user ? 'Builder' : 'Claude'}${t.ts ? ' · ' + escapeHtml(fmtDate(t.ts)) : ''}</p>`;
+    if (t.text) html += `<p class="turn__text">${escapeHtml(t.text)}</p>`;
+    for (const c of Array.isArray(t.tool_calls) ? t.tool_calls : []) {
+      html += `<details><summary>Ran ${escapeHtml(String(c.name || 'a tool'))}</summary><pre>${escapeHtml(c.input || '')}</pre></details>`;
+    }
+    for (const r of Array.isArray(t.tool_results) ? t.tool_results : []) {
+      html += `<details><summary${r.is_error ? ' class="turn__err"' : ''}>${r.is_error ? 'Tool error' : 'Tool result'}</summary><pre>${escapeHtml(r.text || '')}</pre></details>`;
+    }
+    return html + '</div>';
+  }
+
+  // `seq` is the open-reader generation: Read on another row while a fetch is in
+  // flight bumps it, and the older fetch then drops its answer instead of painting
+  // one session's turns into another's panel (the same idiom as `inFlight` above).
+  const reader = { id: null, sid: '', offset: 0, total: 0, busy: false, seq: 0 };
+
+  async function loadTranscript(reset) {
+    if (reader.id == null) return;
+    // Load-more while a page is already loading is a no-op; opening a DIFFERENT
+    // session is not (openTranscript bumps seq and clears busy).
+    if (reader.busy && !reset) return;
+    const seq = reader.seq;
+    const id = reader.id;
+    const sid = reader.sid;
+    reader.busy = true;
+    const more = $('#transcript-more');
+    more.disabled = true;
+    try {
+      const res = await api.request('GET', `${API}/sessions/${encodeURIComponent(reader.id)}/transcript?offset=${reset ? 0 : reader.offset}`);
+      if (seq !== reader.seq) return;
+      if (res.status === 401) { window.location.assign(`${API}/auth/web/start`); return; }
+      if (res.status === 404) {
+        $('#transcript-sub').textContent = `Session ${sid}.`;
+        $('#transcript-body').innerHTML = '<p class="transcript__note">There is no transcript you can read for this session.</p>';
+        more.hidden = true;
+        return;
+      }
+      if (!res.ok) throw new Error(`transcript → ${res.status}`);
+      const tr = res.data && res.data.transcript;
+      const turns = (tr && Array.isArray(tr.turns)) ? tr.turns : [];
+      reader.total = num(tr && tr.turn_count);
+      const body = $('#transcript-body');
+      if (reset) body.innerHTML = '';
+      body.insertAdjacentHTML('beforeend', turns.map(turnHtml).join(''));
+      reader.offset += turns.length;
+      more.hidden = !(turns.length > 0 && reader.offset < reader.total);
+      const trunc = tr && tr.truncated ? ' The middle of this very long session was left out when it was recorded.' : '';
+      $('#transcript-sub').textContent =
+        `Session ${sid} — showing ${fmtInt(reader.offset)} of ${fmtInt(reader.total)} turns.${trunc}`;
+    } catch (err) {
+      console.error('[sessions] failed to load transcript', err);
+      toast('Could not load the transcript.');
+    } finally {
+      if (seq === reader.seq) { reader.busy = false; more.disabled = false; }
+    }
+  }
+
+  function openTranscript(id, sid) {
+    reader.seq += 1; reader.busy = false;
+    reader.id = id; reader.sid = sid; reader.offset = 0; reader.total = 0;
+    $('#transcript-scroll').hidden = false;
+    $('#transcript-body').innerHTML = '';
+    $('#transcript-sub').textContent = `Session ${sid} — loading…`;
+    $('#transcript-more').hidden = true;
+    $('#transcript-scroll').scrollIntoView({ behavior: 'smooth', block: 'start' });
+    loadTranscript(true);
+  }
+
+  function wireReader() {
+    $('#sessions-body').addEventListener('click', (e) => {
+      const b = e.target.closest && e.target.closest('[data-read]');
+      if (b) openTranscript(b.getAttribute('data-read'), b.getAttribute('data-sid'));
+    });
+    $('#transcript-more').addEventListener('click', () => loadTranscript(false));
+    $('#transcript-close').addEventListener('click', () => {
+      reader.seq += 1; reader.busy = false;
+      reader.id = null;
+      $('#transcript-scroll').hidden = true;
+      $('#transcript-body').innerHTML = '';
+    });
+  }
+
   // 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) {
@@ -243,6 +345,9 @@
     } catch { /* no-op: the filter still works for this visit */ }
   }
   let loading = false;
+  // The viewer, kept so a row only offers Read where the server will answer: a
+  // transcript is the owner's, or an Archon's (audited). Cosmetic — the route is the wall.
+  let viewer = null;
   // Two clicks can be in flight at once; only the newest may paint (the profile
   // activity-log idiom, task 1003281).
   let inFlight = 0;
@@ -338,7 +443,7 @@
     $('#ledger-sub').textContent =
       `${fmtInt(totals.total)}${scope} session${num(totals.total) === 1 ? '' : 's'} across ${fmtInt(totals.builders)} builder${num(totals.builders) === 1 ? '' : 's'}.`;
     $('#ledger-foot').textContent =
-      'Most recent first. Each load of this page is itself recorded in the audit log.';
+      `Most recent first. Each load of this page is itself recorded in the audit log, and so is every transcript ${rankLabel('archon')} opens.`;
     return clamped;
   }
 
@@ -445,6 +550,9 @@
       return;
     }
 
+    viewer = { id: builder.id, rank: builder.rank };
+    wireReader();
+
     if (!kit) {
       console.error('[sessions] OTBKit did not load — the pager cannot be built');
       $('#ledger-sub').textContent = 'The session log could not be loaded. Try again.';

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

@@ -435,7 +435,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page scripts run. -->
-<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/shell.js?v=2026-10-02-back"></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) — loaded before consuming IIFEs. -->