@bongos/core 1.24.25 → 1.24.27

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

@@ -140,7 +140,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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-page.js

@@ -741,7 +741,7 @@
     // the goal's tasks load, and reset the To-do count + hide the bulk toolbar.
     const todoList = $('#goal-todo-list');
     const doneBody = document.querySelector('#goal-done tbody');
-    if (todoList) todoList.innerHTML = '<div class="profile__placeholder">…</div>';
+    if (todoList) todoList.innerHTML = '<div class="hall-loading" role="status">Loading…</div>';
     if (doneBody) doneBody.innerHTML = skeletonRows(3, 5);
     const todoCount = $('#goal-todo-count');
     if (todoCount) todoCount.textContent = '';

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

@@ -407,9 +407,10 @@
 .gr-pills--muted .gr-pill { color: var(--ink-faint); }
 .gr-pills--muted .gr-pill__mark { stroke: var(--ink-faint); }
 
-/* Boot skeleton: row-shaped, in the skeleton tone (--bg-deep is black in dark). */
+/* Boot skeleton: row-shaped, in the skeleton tone (--bg-deep is black in dark).
+   The ring breathes with the bars, in the hall loader's beat (task 1005043). */
 .gr-row--skel { pointer-events: none; }
-.gr-skel__ring { display: block; width: var(--ring); height: var(--ring); border-radius: 50%; background: var(--skeleton); }
+.gr-skel__ring { display: block; width: var(--ring); height: var(--ring); border-radius: 50%; background: var(--skeleton); animation: hall-loading-breathe .8s ease-in-out infinite alternate-reverse; }
 .gr-row--skel .kit-skel { display: block; width: 60%; }
 .gr-row--skel .kit-skel + .kit-skel { width: 40%; margin-top: 10px; }
 

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

@@ -156,7 +156,7 @@
               <div id="goal-work-filters"></div>
               <p class="claim-count-line" id="goal-todo-count" aria-live="polite"></p>
               <div class="task-list" id="goal-todo-list">
-                <div class="profile__placeholder">…</div>
+                <div class="hall-loading" role="status">Loading…</div>
               </div>
               <div id="goal-todo-pager-mount"></div>
             </div>
@@ -167,7 +167,7 @@
                 <th class="ledger__sortable" id="goal-done-sort-credits" role="button" tabindex="0" aria-sort="none" data-currency-label="caps">Credits</th>
                 <th class="ledger__sortable" id="goal-done-sort-shipped" role="button" tabindex="0" aria-sort="none">Shipped</th>
               </tr></thead>
-              <tbody><tr><td colspan="5" class="ledger__empty">…</td></tr></tbody></table>
+              <tbody><tr><td colspan="5" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>
               <div id="goal-done-pager-mount"></div>
             </div>
           </div>
@@ -244,7 +244,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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 1004727: the ONE karma vote control every task/idea list renders -->

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

@@ -107,7 +107,7 @@
 
   const SKELETON =
     '<h2 id="goals-h" class="scroll__h">Goals</h2>' +
-    '<div id="goals-body"><div class="profile__placeholder">Loading your goals…</div></div>';
+    '<div id="goals-body"><div class="hall-loading" role="status">Loading your goals…</div></div>';
 
   async function load() {
     if (!host) return;

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

@@ -27,6 +27,8 @@
       </div>
 
       <main id="hall-main">
+        <!-- task 1005043: the page loader, shown until any section below is revealed. -->
+        <p class="hall-loading hall-loading--page hall-loading--wait" role="status">Loading…</p>
         <!-- task 1003469: the sealed state is a panel with a heading, not a bare
              line on the ground. government.js writes the real floor into the
              lede from the pack's rank label, so the copy cannot drift. -->
@@ -155,7 +157,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/hall-kit.js"></script>

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

@@ -51,14 +51,14 @@
   w('welcome-scroll', 'Welcome', 0,
     '<button type="button" class="welcome__minimize" id="welcome-minimize" aria-label="Minimize the welcome panel" title="Minimize">−</button>' +
     '<h2 id="welcome-h" class="scroll__h">Welcome</h2>' +
-    '<div class="welcome" id="welcome-body"><div class="profile__placeholder">…</div></div>',
+    '<div class="welcome" id="welcome-body"><div class="hall-loading" role="status">Loading…</div></div>',
     { view: 'home', zone: 'home-banner', welcomeChip: true, sectionClass: 'scroll scroll--welcome', labelledby: 'welcome-h', hiddenByDefault: true });
 
   // 0b. Onboarding checklist — V3.R75 (#294).
   w('onboarding-scroll', 'Getting started', 10,
     '<h2 id="onboarding-h" class="scroll__h">Getting started</h2>' +
     '<p class="scroll__lede">A short path to finding your feet. Tick the steps you’ve done; the rest are tracked for you.</p>' +
-    '<ol class="onboarding-list" id="onboarding-list"><li class="onboarding-item onboarding-item--placeholder">…</li></ol>' +
+    '<ol class="onboarding-list" id="onboarding-list"><li class="hall-loading" role="status">Loading…</li></ol>' +
     '<p class="ledger__note" id="onboarding-status" hidden></p>',
     { view: 'home', zone: 'home-banner', labelledby: 'onboarding-h', hiddenByDefault: true });
 
@@ -114,7 +114,7 @@
     '<div class="home-split__col">' +
     '<h3 class="ginbox__sec-h" id="home-recent-subh" hidden>Recently shipped</h3>' +
     '<table class="ledger" id="home-recent-table"><thead><tr><th>№</th><th>Work</th><th data-currency-label="caps">Credits</th><th>Shipped</th></tr></thead>' +
-    '<tbody><tr><td colspan="4" class="ledger__empty">…</td></tr></tbody></table>' +
+    '<tbody><tr><td colspan="4" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>' +
     '<p class="card-foot"><a href="#accomplishments-work">All your work →</a></p>' +
     '</div>' +
     '</div>',
@@ -157,7 +157,7 @@
   // the band sits above the rail sections and is never a rail entry.
   w('profile-scroll', 'Profile', 20,
     '<h2 id="profile-h" class="sr-only">Profile</h2>' +
-    '<div class="profile" id="profile-body"><div class="profile__placeholder">…</div></div>',
+    '<div class="profile" id="profile-body"><div class="hall-loading" role="status">Loading…</div></div>',
     { view: 'standing', sectionClass: 'scroll scroll--profile', labelledby: 'profile-h' });
 
   /* -- Work — "what have I shipped, and how was it judged" -- */
@@ -179,7 +179,7 @@
       '<span id="ships-count" aria-live="polite" class="filter__count"></span>' +
     '</div>' +
     '<table class="ledger" id="recent-ships"><thead><tr><th>№</th><th>Work</th><th data-currency-label="caps">Credits</th><th>Shipped</th></tr></thead>' +
-    '<tbody><tr><td colspan="4" class="ledger__empty">…</td></tr></tbody></table>' +
+    '<tbody><tr><td colspan="4" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>' +
     // task 2174: the hand-rolled prev/next bar gives way to the OTBKit pager
     // (per-page select, page indicator, clamping) — same #ships-* id prefix.
     window.OTBKit.pagerBarHtml('ships', { label: 'shipped work' }),
@@ -190,7 +190,7 @@
     '<h2 id="marks-h" class="scroll__h">Reviews</h2>' +
     '<div class="profile__placeholder" id="marks-empty" style="display:none;">No work reviewed yet.</div>' +
     '<table class="ledger" id="recent-grades"><thead><tr><th>№</th><th>Work</th><th>Score</th><th>Verdict</th><th>Reviewed</th></tr></thead>' +
-    '<tbody><tr><td colspan="5" class="ledger__empty">…</td></tr></tbody></table>' +
+    '<tbody><tr><td colspan="5" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>' +
     '<p class="ledger__note" id="grades-rolling-note" hidden></p>',
     { view: 'standing', group: 'work', labelledby: 'marks-h' });
 
@@ -201,7 +201,7 @@
     '<h2 id="karma-h" class="scroll__h">Karma</h2>' +
     '<p class="scroll__lede">Ideas passed, peer votes and approvals earn karma. Shipped work earns ' + curLabel() + '.</p>' +
     '<table class="ledger" id="karma-feed"><thead><tr><th>When</th><th>Delta</th><th>Reason</th><th>Granted by</th></tr></thead>' +
-    '<tbody><tr><td colspan="4" class="ledger__empty">…</td></tr></tbody></table>',
+    '<tbody><tr><td colspan="4" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>',
     { view: 'standing', group: 'karma', labelledby: 'karma-h', hiddenByDefault: true });
 
   // 4b. Peer acclaim — V3.R25 (#245). Hidden until data.
@@ -209,7 +209,7 @@
     '<h2 id="acclaim-h" class="scroll__h">Peer recognition</h2>' +
     '<p class="scroll__lede">Vote on others’ finished work. A vote counts toward their karma after a week.</p>' +
     '<table class="ledger" id="acclaim-feed"><thead><tr><th>Work</th><th>By</th><th>Votes</th></tr></thead>' +
-    '<tbody><tr><td colspan="3" class="ledger__empty">…</td></tr></tbody></table>' +
+    '<tbody><tr><td colspan="3" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>' +
     // task 1002446: the last unpaged list in the hall. The feed is already
     // client-side, so the kit's pager fits without touching the endpoint.
     window.OTBKit.pagerBarHtml('acclaim', { label: 'entries' }),
@@ -236,7 +236,7 @@
   w('honours-scroll', 'Achievements', 60,
     '<h2 id="ach-h" class="scroll__h">Achievements</h2>' +
     '<p class="scroll__lede">Earned ones are lit; the rest show what is left.</p>' +
-    '<div class="ach-grid" id="ach-grid"><div class="profile__placeholder">…</div></div>',
+    '<div class="ach-grid" id="ach-grid"><div class="hall-loading" role="status">Loading…</div></div>',
     { view: 'standing', group: 'achievements', labelledby: 'ach-h' });
 
   // task 1003441: the Leaderboard widget is GONE from this page. It is a real

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

@@ -53,7 +53,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N overlay, so a ref
      written inside an idea's own prose keeps resolving from this page. -->

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

@@ -129,7 +129,7 @@
             Anyone can develop one — the author keeps the credit for having had it,
             and you are recorded as its developer.
           </p>
-          <div id="fi-queue"><p class="fi-note">Loading…</p></div>
+          <div id="fi-queue"><p class="hall-loading" role="status">Loading…</p></div>
         </section>
 
         <!-- The composer. The idea detail view lives on its own page (R153).
@@ -180,7 +180,7 @@
                  one step earlier, and it would silently ignore a per-project
                  template (R156). -->
             <div id="fi-fields" class="fi-fields">
-              <p class="fi-note">Loading the five questions…</p>
+              <p class="hall-loading" role="status">Loading the five questions…</p>
             </div>
 
             <!-- The scope recommendation (BV2.R13). Rendered from the same
@@ -228,7 +228,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->
 <script src="/builders/vote-control.js"></script>

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

@@ -69,6 +69,8 @@
            .view/.view-zone wrappers are shell layout only. -->
       <main class="app-views" id="hall-main">
         <section class="view" id="view-home" data-view-title="Home">
+          <!-- task 1005043: Home's loader, shown until a card mounts into a zone. -->
+          <p class="hall-loading hall-loading--page hall-loading--zones" role="status">Loading…</p>
           <div class="view-zone" id="zone-home-banner">
             <!-- Landing card for signed-out visitors (builders.js renderLanding)
                  + the re-open affordance for a dismissed welcome banner. -->
@@ -119,7 +121,7 @@
 <script src="/builders/welcome-boot.js?v=2026-10-23-city1" defer></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab" defer></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch" defer></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip" defer></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill" 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/lightbulb.js

@@ -83,7 +83,7 @@
         '<button class="pn__submit" type="button" data-lb-submit>Turn into ideas</button>' +
       '</div>' +
       '<section class="pn__list" aria-labelledby="lb-list-h"><h3 class="pn__list-h" id="lb-list-h">Ideas from this page</h3>' +
-        '<div id="lb-list"><p class="pn__quiet">Loading…</p></div>' +
+        '<div id="lb-list"><p class="hall-loading" role="status">Loading…</p></div>' +
       '</section>';
   }
   function listHtml(ideas) {

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

@@ -26,7 +26,7 @@
 
       <main id="hall-main">
         <a class="mw-back" href="/market-watch">‹ Market Watch</a>
-        <p class="mw-quiet" id="mw-loading">Loading the case file…</p>
+        <p class="hall-loading hall-loading--page" id="mw-loading" role="status">Loading the case file…</p>
 
         <section class="mw-panel mw-off" id="mw-off" hidden>
           <span class="mw-label">market watch</span>
@@ -74,7 +74,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-09-living3"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/market-watch-lib.js"></script>

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

@@ -28,7 +28,7 @@
       <main id="hall-main" class="mwr">
         <div id="mwr-slider"></div>
         <div class="mwr-pipe" id="mwr-pipe" aria-label="the watch, step by step"></div>
-        <section class="mwr-panel" id="mwr-panel" aria-live="polite"><p class="mwr-empty">Loading the watch rules…</p></section>
+        <section class="mwr-panel" id="mwr-panel" aria-live="polite"><p class="hall-loading hall-loading--page" role="status">Loading the watch rules…</p></section>
         <h2 class="mwr-lbl">cost of one run, by step</h2>
         <div id="mwr-cost"></div>
       </main>
@@ -43,7 +43,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/hall-kit.js"></script>

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

@@ -25,6 +25,8 @@
       </div>
 
       <main id="hall-main">
+        <!-- task 1005043: the page loader, shown until any section below is revealed. -->
+        <p class="hall-loading hall-loading--page hall-loading--wait" role="status">Loading…</p>
         <!-- What a reader who is not the owner sees. The routes are the wall (403); this is
              only what stands in for an empty gauge. -->
         <section class="scroll" id="mws-sealed" aria-labelledby="mws-sealed-h" hidden>
@@ -105,7 +107,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/market-watch-settings.js"></script>

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

@@ -25,7 +25,7 @@
       </div>
 
       <main id="hall-main">
-        <p class="mw-quiet" id="mw-loading">Loading the watch…</p>
+        <p class="hall-loading hall-loading--page" id="mw-loading" role="status">Loading the watch…</p>
 
         <!-- Market Watch is off on this project: a quiet line, never an error. -->
         <section class="mw-panel mw-off" id="mw-off" hidden>
@@ -102,7 +102,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-09-living3"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/market-watch-lib.js"></script>

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

@@ -56,7 +56,7 @@
               <span class="ov-group__name">Shipped with the core</span>
               <span class="ov-group__n" id="core-n"></span>
             </div>
-            <ul class="ov-rows" id="core-grid"><li class="mod-loading">Loading the catalog…</li></ul>
+            <ul class="ov-rows" id="core-grid"><li class="hall-loading" role="status">Loading the catalog…</li></ul>
           </div>
 
           <!-- Built by this project — the pool `bongos module submit` draws from
@@ -128,7 +128,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/brand-apply.js"></script>

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

@@ -41,13 +41,13 @@
           <section class="scroll ma-desk" id="ma-desk" aria-labelledby="ma-desk-h">
             <h2 class="scroll__h" id="ma-desk-h">Your agents</h2>
             <p class="scroll__lede" id="ma-desk-lede">One line each. Tap to change; it saves straight away.</p>
-            <div id="ma-rows" aria-live="polite"><p class="ma-quiet">Reading your settings…</p></div>
+            <div id="ma-rows" aria-live="polite"><p class="hall-loading" role="status">Reading your settings…</p></div>
           </section>
 
           <aside class="scroll ma-reads" id="ma-reads" aria-labelledby="ma-reads-h">
             <h2 class="scroll__h" id="ma-reads-h">What your agent reads first</h2>
             <p class="scroll__lede">At the start of every session, in this order.</p>
-            <div id="ma-reads-body" aria-live="polite"><p class="ma-quiet">Reading…</p></div>
+            <div id="ma-reads-body" aria-live="polite"><p class="hall-loading" role="status">Reading…</p></div>
           </aside>
         </div>
       </main>
@@ -62,7 +62,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/gov-living.js?v=2026-10-10-real1"></script>

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

@@ -52,7 +52,7 @@
             <nav class="primer-toc__inner">
               <p class="primer-toc__heading" id="primer-toc-heading">In this primer</p>
               <ol class="primer-toc__list" id="primer-toc-list" aria-labelledby="primer-toc-heading">
-                <li class="primer-toc__placeholder">Loading…</li>
+                <li class="hall-loading hall-loading--inline" role="status">Loading…</li>
               </ol>
             </nav>
           </aside>
@@ -113,7 +113,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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

@@ -52,7 +52,7 @@
             <section class="scroll" id="standing-scroll" aria-labelledby="standing-h" data-group="overview">
               <h2 id="standing-h" class="sr-only">About</h2>
               <div class="profile profile--ident" id="profile-head">
-                <div class="profile__placeholder">…</div>
+                <div class="hall-loading" role="status">Loading…</div>
               </div>
             </section>
 
@@ -63,7 +63,7 @@
             <section class="scroll" id="numbers-scroll" aria-labelledby="numbers-h" data-group="overview">
               <h2 id="numbers-h" class="scroll__h">By the numbers</h2>
               <div id="numbers-body">
-                <p class="profile__placeholder">Loading…</p>
+                <p class="hall-loading" role="status">Loading…</p>
               </div>
             </section>
 
@@ -79,7 +79,7 @@
                    first"). profile-charts.js fills it and re-draws on change. -->
               <div id="charts-controls"></div>
               <div class="pcharts" id="charts-grid">
-                <p class="pchart__note">…</p>
+                <p class="hall-loading" role="status">Loading…</p>
               </div>
             </section>
 
@@ -87,7 +87,7 @@
             <section class="scroll scroll--bare" id="ach-scroll" aria-labelledby="ach-h" data-group="overview">
               <h2 id="ach-h" class="scroll__h">Achievements</h2>
               <div class="ach-grid" id="ach-grid">
-                <div class="profile__placeholder">…</div>
+                <div class="hall-loading" role="status">Loading…</div>
               </div>
             </section>
 
@@ -120,7 +120,7 @@
                   </tr>
                 </thead>
                 <tbody>
-                  <tr><td colspan="4">…</td></tr>
+                  <tr><td colspan="4"><span class="hall-loading" role="status">Loading…</span></td></tr>
                 </tbody>
               </table>
               <div id="works-pager"></div>
@@ -208,7 +208,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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 1004727: the ONE karma vote control every task/idea list renders -->

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

@@ -27,6 +27,8 @@
       </div>
 
       <main id="hall-main">
+        <!-- task 1005043: the page loader, shown until any section below is revealed. -->
+        <p class="hall-loading hall-loading--page hall-loading--wait" role="status">Loading…</p>
         <!-- The sealed state is a panel with a heading, not a bare line on the ground
              (task 1003469). The page gate is the real wall; this is what a reader who
              followed a link sees instead of an empty page. -->
@@ -85,7 +87,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/hall-kit.js"></script>

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

@@ -29,7 +29,7 @@
         <section class="scroll" id="standing-scroll" aria-labelledby="standing-h">
           <h2 id="standing-h" class="scroll__h">Where you stand</h2>
           <div class="ranks-standing" id="standing-body">
-            <div class="profile__placeholder">…</div>
+            <div class="hall-loading" role="status">Loading…</div>
           </div>
         </section>
 
@@ -49,7 +49,7 @@
           <h2 id="ladder-h" class="scroll__h">The ranks, lowest to highest</h2>
           <p class="scroll__lede">Each rank opens more of the system. Yours and the one above are shown in full; the rest open as you get closer.</p>
           <ol class="ranks-ladder" id="ladder-body">
-            <li class="rank-card rank-card--placeholder">…</li>
+            <li class="hall-loading" role="status">Loading…</li>
           </ol>
         </section>
 
@@ -57,7 +57,7 @@
         <section class="scroll" id="rise-scroll" aria-labelledby="rise-h">
           <h2 id="rise-h" class="scroll__h">How you advance</h2>
           <div class="ranks-rise" id="rise-body">
-            <div class="profile__placeholder">…</div>
+            <div class="hall-loading" role="status">Loading…</div>
           </div>
         </section>
       </main>
@@ -74,7 +74,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/founding-mark.js?v=2026-09-30-founding"></script>

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

@@ -30,7 +30,7 @@
 
       <main id="hall-main">
         <div id="rm-root">
-          <div class="profile__placeholder">Loading the roadmap…</div>
+          <div class="hall-loading hall-loading--page" role="status">Loading the roadmap…</div>
         </div>
       </main>
 
@@ -44,7 +44,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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 chart kit and the timeline's series builders (task 1003447). Both MUST

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

@@ -39,7 +39,7 @@
           <div class="roster-roles" id="roster-roles" role="group" aria-label="Show"></div>
           <div id="roster-filters"></div>
           <div id="roster-body">
-            <div class="profile__placeholder">Loading the roster…</div>
+            <div class="hall-loading hall-loading--page" role="status">Loading the roster…</div>
           </div>
         </section>
       </main>
@@ -56,7 +56,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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 branding pack's currency label, loaded BEFORE roster.js. -->

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

@@ -29,6 +29,8 @@
       </div>
 
       <main id="hall-main">
+        <!-- task 1005043: the page loader, shown until any section below is revealed. -->
+        <p class="hall-loading hall-loading--page hall-loading--wait" role="status">Loading…</p>
         <!-- 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. -->
@@ -112,7 +114,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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/task-detail.js?v=2026-07-03-taskdetail"></script>