@bongos/core 1.24.10 → 1.24.12

package/modules/government/decision-rules.js

@@ -67,6 +67,7 @@ const AREAS = Object.freeze([
       'PATCH /project-settings/rot-days',
       'PATCH /project-settings/ship-mode',
       'PATCH /project-settings/tweak-autopickup',
+      'PATCH /project-settings/pay-terms', // task 1004990: the project's standing pay terms
       'PATCH /work-categories/:id',
       // task 1004941: the owner approving a Market Watch proposal (a passed
       // matter approves it through the market_watch_proposal act instead)

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

@@ -88,7 +88,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/tweak-editor-lib.js?v=2026-09-28-tw23"></script>
 <script src="/builders/studio-lib.js?v=2026-10-09-day"></script>

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

@@ -92,7 +92,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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

@@ -61,7 +61,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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 blockers.js. -->

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

@@ -61,7 +61,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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/city.html

@@ -108,7 +108,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" 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-market-watch" defer></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages" defer></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1" defer></script>
 <script src="/builders/gov-feeds.js?v=2026-10-09-living3" defer></script>

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

@@ -162,7 +162,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/collab-lib.js?v=2026-09-24-archive"></script>
 <script src="/builders/collab.js?v=2026-09-24-archive"></script>

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

@@ -54,7 +54,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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/copy-desk.html

@@ -180,7 +180,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/copy-desk.js?v=2026-09-01-redesign"></script>

package/modules/hall-ui/public/craft-mode.js

@@ -103,9 +103,9 @@
   var MODE_TABS = {
     building: ['home', 'roadmap', 'goals', 'goal-map', 'work', 'blockers', 'thinking', 'studio',
       'standing',
-      'primer', 'ranks', 'economy', 'commands', 'diagrams', 'atlas', 'modules', 'apidocs'],
+      'primer', 'ranks', 'economy', 'commands', 'diagrams', 'atlas', 'modules', 'apidocs', 'market-watch'],
     artistry: ['studio', 'goals', 'thinking'],
-    ideating: ['goal-map', 'thinking', 'goals'],
+    ideating: ['goal-map', 'thinking', 'goals', 'market-watch'],
     governing: ['city', 'blockers', 'board-room',
       'watch', 'gate', 'sessions', 'project-settings', 'deploy', 'fleet', 'market-watch-settings', 'government'],
   };

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

@@ -79,7 +79,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <!-- the shared ask card the move is drawn with (task 1004829) -->

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

@@ -97,7 +97,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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

@@ -97,7 +97,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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

@@ -58,7 +58,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/fleet-costs.js"></script>

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

@@ -65,7 +65,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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/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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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

@@ -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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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/government.html

@@ -155,7 +155,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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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/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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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

@@ -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-market-watch"></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages"></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

@@ -119,7 +119,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-market-watch" defer></script>
+<script src="/builders/shell.js?v=2026-10-30-market-watch-pages" 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/market-watch-item.html

@@ -0,0 +1,83 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Market Watch item — {{worldName}}</title>
+  <meta name="description" content="One tracked competitor, partner or topic: its card, its scores over time and its sourced case file.">
+  <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">
+  <link rel="stylesheet" href="/builders/market-watch.css">
+</head>
+<body data-page="market-watch-item" data-page-title="Market Watch">
+
+<div class="app">
+  <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
+  <div class="app-scrim" id="app-scrim" hidden></div>
+  <div class="app-body">
+    <header class="app-topbar" id="app-topbar"></header>
+    <div class="app-content">
+      <!-- The page's one h1, for screen readers: no page shows its head (task 1004836). -->
+      <div class="page-head page-head--room">
+        <h1 class="page-head__h" id="mw-h1">Market Watch item</h1>
+      </div>
+
+      <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>
+
+        <section class="mw-panel mw-off" id="mw-off" hidden>
+          <span class="mw-label">market watch</span>
+          <p>Market Watch is off on this project.</p>
+          <p class="mw-quiet">An owner can turn it on from <a href="/modules">Modules</a>.</p>
+        </section>
+
+        <section class="mw-panel mw-off" id="mw-fail" hidden>
+          <p id="mw-fail-text">Could not read this item. Try reloading the page.</p>
+        </section>
+
+        <div class="mw-wrap" id="mw-wrap" hidden>
+          <aside class="mw-card" id="mw-card" aria-label="The item card"></aside>
+          <section>
+            <div class="mw-sec"><span class="mw-label">why it's on the watch</span><div class="mw-panel mw-why" id="mw-why"></div></div>
+            <div class="mw-sec" id="mw-facts-sec"><span class="mw-label">known facts</span><div class="mw-panel mw-facts" id="mw-facts"></div></div>
+            <div class="mw-sec"><span class="mw-label" id="mw-logl">case file</span>
+              <div class="mw-filter" id="mw-filter"></div>
+              <div class="mw-panel mw-log">
+                <table>
+                  <thead><tr>
+                    <th data-s="found" aria-sort="descending"><button type="button">found</button></th>
+                    <th class="mw-c-run" data-s="run"><button type="button">run</button></th>
+                    <th data-s="type"><button type="button">type</button></th>
+                    <th data-s="takeaway"><button type="button">takeaway</button></th>
+                    <th class="mw-c-conf" data-s="confidence"><button type="button">conf.</button></th>
+                    <th><span>source</span></th>
+                  </tr></thead>
+                  <tbody id="mw-log"></tbody>
+                </table>
+              </div>
+            </div>
+          </section>
+        </div>
+      </main>
+
+      <footer class="app-foot" id="app-foot"></footer>
+    </div>
+  </div>
+</div>
+
+<dialog class="mw-dialog" id="mw-propose" aria-label="Propose a change"></dialog>
+<div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
+
+<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-market-watch-pages"></script>
+<script src="/builders/palette.js" defer></script>
+<script src="/builders/hall-kit.js"></script>
+<script src="/builders/market-watch-lib.js"></script>
+<script src="/builders/market-watch-item.js"></script>
+</body>
+</html>

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

@@ -0,0 +1,150 @@
+// market-watch-item.js — one tracked item, the dossier (task 1004939; design of record
+// docs/design/mocks/market-watch/item.html, option B). The item is a card that levels up
+// run by run; beside it, why it is watched, its facts and its sortable case file.
+//
+// One read, GET /market-watch/items/:id (every signed-in member). The buttons:
+//   Propose a change  re-score, move between partner and competitor, add a source, or
+//                     correct an entry, each with a one-line reason → a proposal row
+//   Stop tracking     a one-line reason → a remove_item proposal (the government decides)
+//   Pin               this viewer's own shortcut on the Market Watch home (localStorage)
+(() => {
+  'use strict';
+
+  const MW = window.OTBMarketWatch;
+  const esc = MW.esc;
+  const $ = (id) => document.getElementById(id);
+  const toast = (m) => (window.OTB && window.OTB.toast ? window.OTB.toast(m, { duration: 2400, clear: true }) : null);
+  let VIEW = null;
+  let SORT = { key: 'found', dir: -1 };
+  let TYPE = ''; // the case file's type filter: '' is every type
+
+  function show(id) {
+    $('mw-loading').hidden = true;
+    for (const k of ['mw-off', 'mw-fail', 'mw-wrap']) $(k).hidden = k !== id;
+  }
+  function fail(msg) { $('mw-fail-text').textContent = msg; show('mw-fail'); }
+  function moduleOff() {
+    const m = window.__MODULES__;
+    return !!(m && m.enabled && 'market-watch' in m.enabled && m.enabled['market-watch'] !== true);
+  }
+
+  function shortName(name) { return String(name).replace(/\s*\(.*\)\s*$/, '') || String(name); }
+
+  function renderCard(v) {
+    const it = v.item;
+    const o = v.overall;
+    const last = o.latest;
+    const word = it.kind === 'partner' ? 'fit' : 'likeness';
+    const runs = v.runs.length;
+    const solid = v.entries.filter((e) => e.confidence === 3).length;
+    const pinned = MW.pins.has(it.id);
+    $('mw-card').innerHTML = `<div class="mw-holo"><span class="mw-holo__kind">${esc(it.kind)}</span><span class="mw-holo__ini" aria-hidden="true">${esc(MW.initials(it.name))}</span><div class="mw-holo__nm" title="${esc(it.name)}">${esc(it.name)}</div></div>
+      <div class="mw-lvl"><div class="mw-ring" style="--p:${last == null ? 0 : Math.round((last / 10) * 100)}"><b>${last == null ? '–' : esc(last)}</b></div>
+        <div class="mw-one"><div class="mw-vtag">Level ${esc(it.level)}</div><div class="mw-quiet">${word} ${o.first == null ? '–' : esc(o.first)} → ${last == null ? '–' : esc(last)} over ${runs} ${runs === 1 ? 'run' : 'runs'}</div></div>
+        <div style="margin-left:auto">${MW.spark(o.series, 60, 26, `${word} over the runs`)}</div></div>
+      <div class="mw-stats">${v.dimensions.map((d) => `<div class="mw-st">${window.OTBKit.barSeriesHtml([{ label: d.label, value: d.latest == null ? 0 : d.latest, valueLabel: d.latest == null ? '–' : d.latest }], { max: 10, tone: 'neutral', valueWidth: '24px' })}${MW.spark(d.series, 70, 20, `${d.label} over the runs`)}</div>`).join('')}</div>
+      <div class="mw-badges"><span class="mw-bdg${it.streak > 1 ? ' mw-bdg--hot' : ''}">${esc(it.streak)}-run streak</span><span class="mw-bdg">◆ ${solid} solid ${solid === 1 ? 'find' : 'finds'}</span>${v.moved ? `<span class="mw-bdg">↗ ${v.moved} ${v.moved === 1 ? 'score' : 'scores'} moved</span>` : ''}${v.open_proposals ? `<span class="mw-bdg mw-bdg--hot">${v.open_proposals} open ${v.open_proposals === 1 ? 'proposal' : 'proposals'}</span>` : ''}</div>
+      <div class="mw-acts"><button class="btn mw-wide" type="button" data-act="propose">propose a change</button><button class="btn btn--ghost" type="button" data-act="pin" aria-pressed="${pinned}">${pinned ? 'pinned' : 'pin'}</button><button class="btn btn--ghost" type="button" data-act="stop"${it.status !== 'active' ? ' disabled' : ''}>stop tracking</button></div>`;
+    $('mw-card').querySelectorAll('[data-act]').forEach((b) => b.addEventListener('click', () => act(b.dataset.act, b)));
+  }
+
+  function act(a, btn) {
+    const it = VIEW.item;
+    if (a === 'pin') {
+      const on = MW.pins.toggle(it);
+      btn.setAttribute('aria-pressed', String(on));
+      btn.textContent = on ? 'pinned' : 'pin';
+      toast(on ? `${shortName(it.name)} pinned to the top of Market Watch` : 'Unpinned');
+    } else if (a === 'stop') {
+      MW.openPropose('stop', { item: it }, () => toast(`Asked the government to stop tracking ${shortName(it.name)}`));
+    } else if (a === 'propose') {
+      MW.openPropose('change', { item: it, dimensions: VIEW.dimensions, entries: VIEW.entries }, () => {
+        toast('Proposal sent to the project government');
+        VIEW.open_proposals += 1;
+        renderCard(VIEW);
+      });
+    }
+  }
+
+  function renderSides(v) {
+    const it = v.item;
+    const added = it.added_via === 'seed' ? 'the 2026-10-28 research' : it.added_via === 'run' ? 'a weekly run' : it.added_via === 'proposal' ? 'an approved proposal' : 'a member';
+    $('mw-why').innerHTML = `${esc(it.why_tracked || 'No reason recorded yet.')}<small>${it.description ? `${esc(it.description)} · ` : ''}added by ${esc(added)}</small>`;
+    const rows = MW.factRows(it.facts);
+    if (it.category) rows.unshift(['Category', it.category]);
+    const site = it.url ? `<div class="mw-f"><span>Site</span><a class="mw-src" href="${MW.safeHref(it.url)}" target="_blank" rel="noopener noreferrer">${esc(String(it.url).replace(/^https?:\/\//, ''))} ↗</a></div>` : '';
+    $('mw-facts').innerHTML = rows.map(([k, val]) => `<div class="mw-f"><span>${esc(k)}</span><span class="mw-one" title="${esc(val)}">${esc(val)}</span></div>`).join('') + site;
+    $('mw-facts-sec').hidden = !rows.length && !site;
+    $('mw-logl').textContent = `case file · ${v.entries.length} ${v.entries.length === 1 ? 'entry' : 'entries'}`;
+  }
+
+  function cmp(a, b) {
+    const k = SORT.key;
+    if (k === 'found') return (a.found_on < b.found_on ? -1 : a.found_on > b.found_on ? 1 : 0) || (a.id - b.id);
+    if (k === 'run') return ((a.run ?? -1) - (b.run ?? -1)) || (a.id - b.id);
+    if (k === 'confidence') return (a.confidence - b.confidence) || (a.id - b.id);
+    return String(a[k] || '').localeCompare(String(b[k] || '')) || (a.id - b.id);
+  }
+  function drawLog() {
+    const rows = VIEW.entries.filter((e) => !TYPE || e.type === TYPE).sort((a, b) => (Number(b.pinned) - Number(a.pinned)) || SORT.dir * cmp(a, b));
+    $('mw-log').innerHTML = rows.length ? rows.map((e) => `<tr class="${e.pinned ? 'pin' : ''}">
+      <td class="mw-date">${esc(MW.fmtDay(e.found_on))}</td>
+      <td class="mw-c-run mw-run">${e.run == null ? '–' : `run ${esc(e.run)}`}</td>
+      <td>${MW.typePill(e.type)}</td>
+      <td class="mw-tk"><div class="mw-one" title="${esc(e.takeaway)}">${esc(e.takeaway)}</div></td>
+      <td class="mw-c-conf">${MW.confDots(e.confidence)}</td>
+      <td><a class="mw-src" href="${MW.safeHref(e.source_url)}" target="_blank" rel="noopener noreferrer">${esc(e.source_label || 'source')} ↗</a></td></tr>`).join('')
+      : `<tr><td colspan="6" class="mw-quiet">${TYPE ? `No ${esc(TYPE)} entries yet.` : 'Nothing found on it yet.'}</td></tr>`;
+  }
+  function wireSort() {
+    document.querySelectorAll('.mw-log th[data-s] button').forEach((b) => {
+      b.addEventListener('click', () => {
+        const th = b.closest('th');
+        const key = th.dataset.s;
+        SORT = SORT.key === key ? { key, dir: -SORT.dir } : { key, dir: key === 'type' || key === 'takeaway' ? 1 : -1 };
+        document.querySelectorAll('.mw-log th').forEach((x) => x.removeAttribute('aria-sort'));
+        th.setAttribute('aria-sort', SORT.dir < 0 ? 'descending' : 'ascending');
+        drawLog();
+      });
+    });
+  }
+
+  async function load() {
+    if (moduleOff()) return show('mw-off');
+    const id = new URLSearchParams(window.location.search).get('id') || '';
+    if (!/^[1-9]\d{0,17}$/.test(id)) return fail('No item was named. Open one from the Market Watch home.');
+    let res;
+    try {
+      res = await fetch(`/api/bongos/market-watch/items/${id}`, { credentials: 'same-origin' });
+    } catch (e) {
+      return fail('Could not reach the server.');
+    }
+    if (res.status === 401) { window.location.assign(`/api/bongos/auth/web/start?return=${encodeURIComponent(window.location.pathname + window.location.search)}`); return; }
+    const data = await res.json().catch(() => null);
+    if (res.status === 404) {
+      const code = data && data.error && data.error.code;
+      return code === 'item_not_found' ? fail('That item is not tracked on this project.') : show('mw-off');
+    }
+    if (!res.ok || !data) return fail('Could not read this item. Try reloading the page.');
+    VIEW = data;
+    $('mw-h1').textContent = data.item.name;
+    document.title = `${data.item.name} — ${document.title.split(' — ').pop()}`;
+    show('mw-wrap');
+    renderCard(VIEW);
+    renderSides(VIEW);
+    drawLog();
+    wireSort();
+    // Filter the case file by type: the kit's filter bar, one select, kept in the URL.
+    const types = ['insight', 'news', 'datapoint'];
+    window.OTBKit.makeFilterBar({
+      mount: $('mw-filter'),
+      url: true,
+      primary: [{ id: 'type', label: 'type', options: [{ value: '', label: 'every type' }, ...types.map((t) => ({ value: t, label: t }))] }],
+      onChange: (v) => { TYPE = types.includes(v.type) ? v.type : ''; drawLog(); },
+    });
+    const pre = new URLSearchParams(window.location.search).get('type');
+    if (types.includes(pre)) { TYPE = pre; drawLog(); }
+  }
+
+  document.addEventListener('DOMContentLoaded', load);
+})();

package/modules/hall-ui/public/market-watch-item.states.json

@@ -0,0 +1,143 @@
+{
+  "_": "MARKET WATCH ITEM, the dossier (task 1004939; design of record docs/design/mocks/market-watch/item.html, option B). One read, GET /market-watch/items/:id. Against the kit's own stub it 404s with no item code, which the page reads as the module being off. The populated card and case file need the hall-preview harness with the module reported on; its market-watch__items__4.json (GitHub Copilot coding agent) and market-watch__items__37.json (NLnet Foundation) fixtures were built from the committed 2026-10-28 seed through the real shapes:\n\n  node scripts/hall-preview/server.js --port 4639 --fixture-me --modules-on market-watch\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/market-watch-item.states.json --base-in http://localhost:4639 --base-out http://localhost:4639",
+  "page": "/builders/market-watch-item?id=4",
+  "surface": "hall-ui",
+  "stub": {
+    "prefix": "/builders/"
+  },
+  "modeQuery": false,
+  "ignoreRequests": [
+    "/api/(gds|bongos)/"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/",
+    "\\b401\\b",
+    "\\b403\\b",
+    "\\b404\\b",
+    "\\b501\\b",
+    "Unauthorized",
+    "Forbidden",
+    "Not Found",
+    "Not Implemented",
+    "load failed"
+  ],
+  "states": {
+    "dossier": {
+      "auth": true,
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          200
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#mw-wrap",
+          "#mw-card .mw-ring"
+        ]
+      }
+    },
+    "out": {
+      "auth": false,
+      "actions": [
+        [
+          "wait",
+          600
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ]
+      ]
+    },
+    "propose": {
+      "auth": true,
+      "_": "Propose a change open: the four kinds, the score picker for a re-score, and the one-line reason.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          200
+        ],
+        [
+          "click",
+          "[data-act=\"propose\"]"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#mw-propose form"
+        ]
+      }
+    },
+    "filtered": {
+      "auth": true,
+      "_": "The case file filtered to one type through the kit filter bar (insight): one row on the seeded Copilot item.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          200
+        ],
+        [
+          "select",
+          "#type",
+          "insight"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#mw-filter select",
+          "#mw-log tr"
+        ]
+      }
+    }
+  },
+  "reducedMotion": {
+    "auth": true,
+    "actions": [
+      [
+        "wait",
+        900
+      ],
+      [
+        "clickIfVisible",
+        "[data-craft-close]"
+      ],
+      [
+        "wait",
+        200
+      ]
+    ]
+  }
+}