@bongos/core 1.19.298 → 1.19.300

package/docs/file-map.md

@@ -234,7 +234,7 @@
 │       ├── terrain.js           ← (Phase D + ADR 0012, CJS): TERRAIN + OBJECT enums + BLOCKING_TERRAINS + BLOCKING_OBJECTS (server twin of public/game/world/terrain.js)
 │       └── map.js               ← (Phase D + ADR 0012): two-grid INITIAL_MAP {ground, objects}; isBlocked checks both layers (mirrors public/game/world/{terrain,map}.js)
 │   (public-status/ moved to modules/status-ui/public/ in BV1.R84 — see the modules/ block above)
-│   (public-builders/ moved to modules/hall-ui/public/ in BV1.R85 — the authenticated builders' hall; see the modules/ block above. It keeps its DEDICATED serving block in src/bongos/serve-internal.js: the builders.<apex> + apex /builders/* shim, canonical redirects, the citizen/Archon page gates, asset-stamping, and the module hall-widget injection — partitioned out of the generic web-surface loop. index.html=the hall dashboard; work/board/roadmap/goals/watch/harbor/gate/pair/settings/ranks/sessions/primer/diagrams/atlas pages; profile.html/profile.js=the public, shareable builder profile page (/profile?id=N — rank, works, credits, karma, achievements; task 1467); task.html/task.js=the task-detail page (/task/:id, task 751 — replaced the old #/task/N overlay); builders.js=the controller; dom-utils.js/hall-widgets.js=the widget+settings-panel registries.)
+│   (public-builders/ moved to modules/hall-ui/public/ in BV1.R85 — the authenticated builders' hall; see the modules/ block above. It keeps its DEDICATED serving block in src/bongos/serve-internal.js: the builders.<apex> + apex /builders/* shim, canonical redirects, the citizen/Archon page gates, asset-stamping, and the module hall-widget injection — partitioned out of the generic web-surface loop. index.html=the hall dashboard; work/board/roadmap/goals/watch/harbor/gate/pair/settings/ranks/sessions/primer/diagrams/atlas pages; ideas.{html,js,css}=the Full Idea composer (task 1002928 / R152 of goal 1000062 — the five R141 fields with a live R142 completeness meter, both fetched from the server so the page carries no copy of the rules; drafts in localStorage so navigation costs nothing); idea.html/idea.js=the idea-detail PAGE (/idea/:id, task 1002929 / R153 — the SECOND two-segment hall page after /task/:id: grade, the five answers in template order, the score, and both attributions. The GRADE decides what the page contains — a quick idea gets no five-field skeleton. task-detail.js keeps the #/idea/N overlay because ~320 of its lines are the Metic+ triage panel; the overlay now links here); profile.html/profile.js=the public, shareable builder profile page (/profile?id=N — rank, works, credits, karma, achievements; task 1467); task.html/task.js=the task-detail page (/task/:id, task 751 — replaced the old #/task/N overlay); builders.js=the controller; dom-utils.js/hall-widgets.js=the widget+settings-panel registries.)
 │
 ├── infra/                          ← ON-BOX scripts (task 1002699): the four reporter/heartbeat crons every dev box runs from its /workspace clone — box-heartbeat.sh (idle-sweep activity signal), box-report-version.sh (HEAD → POST /box/version), box-report-host-keys.sh (SSH host keys → POST /box/host-keys), box-report-terminal.sh (ttyd URL+credential → POST /box/terminal). Delivered by the workspace clone itself (modules/dev-box/box-access.js sparse scope includes infra/); crons self-installed by box-source-fetch.sh's per-tick bring-up. API base resolves GDS_BASE env → session-file api_base → skip (no hardcoded host in the neutral core).
 ├── devbox-app/                     ← OTB Dev Box — Electron menu-bar/tray switch for the builder's box (#904, ADR 0045; internal). SELF-CONTAINED: own package.json (never feeds the droplet's npm ci); built by .github/workflows/build-devbox-app.yml; published to the public releases repo per config/devbox-app.json; release recipe docs/recipes/devbox-app-release.md

package/modules/dev-box/app/src/vendor/bongos-client.cjs

@@ -416,8 +416,12 @@ function createClient(opts = {}) {
       postInboxIdSpark: (args) => request("POST", "/inbox/{id}/spark", { hasBody: true }, args),
       // GET /inbox/awaiting-nod — rank: metic+archon — GET /inbox/awaiting-nod
       getInboxAwaitingNod: (args) => request("GET", "/inbox/awaiting-nod", { hasBody: false }, args),
+      // POST /inbox/score — rank: any-builder — POST /inbox/score
+      postInboxScore: (args) => request("POST", "/inbox/score", { hasBody: true }, args),
       // GET /inbox/sparks — rank: any-builder — GET /inbox/sparks
       getInboxSparks: (args) => request("GET", "/inbox/sparks", { hasBody: false }, args),
+      // GET /inbox/template — rank: any-builder — GET /inbox/template
+      getInboxTemplate: (args) => request("GET", "/inbox/template", { hasBody: false }, args),
     },
     "instance": {
       // GET /instance — rank: public — GET /instance

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

@@ -0,0 +1,74 @@
+/* modules/hall-ui/public/idea.css — the idea-detail page (task 1002929 / R153
+   of goal 1000062).
+
+   Promoted out of an inline <style> because tests/hall_audit.mjs budgets an inline
+   block at 15 lines and this is ~60: past that the documented pattern (task 2176)
+   is a per-page stylesheet. The exceptions in that budget map are grandfathered or
+   deliberate; a brand-new page has no business claiming one.
+
+   Built on the hall's tokens. No --line/--panel: neither is defined in style.css,
+   so a fallback is all you would ever get and both assume a dark ground the hall
+   does not have by default (--bg is #f5f6f8). */
+
+/* Page-local, like task.html (task 751) — this page adds a handful of shapes
+   and reuses the hall's tokens for everything else. No --line/--panel here:
+   neither is defined in style.css, so a fallback is all you would ever get
+   and both assume a dark ground the hall does not have by default. */
+
+.idea-detail__back { font-size: 13px; color: var(--ink-soft); text-decoration: none; display: inline-block; margin-bottom: 10px; }
+.idea-detail__back:hover { color: var(--ink); text-decoration: underline; }
+
+/* The grade is the first thing to read: it decides what the rest of the page
+   even contains. Three states, distinguished by colour AND by word — a badge
+   that only differs by hue is unreadable to a chunk of readers. */
+.ig-grade {
+  display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 10px;
+  border-radius: 999px; font-size: 12px; font-weight: 600;
+  background: var(--surface-2); border: 1px solid var(--border); color: var(--ink-soft);
+}
+.ig-grade--full  { background: var(--ok-weak);     color: var(--ok);          border-color: color-mix(in srgb, var(--ok) 30%, transparent); }
+.ig-grade--spark { background: var(--warn-weak);   color: var(--warn);        border-color: color-mix(in srgb, var(--warn) 30%, transparent); }
+.ig-grade--quick { background: var(--accent-weak); color: var(--accent-text); border-color: color-mix(in srgb, var(--accent) 30%, transparent); }
+
+.ig-head { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; margin-bottom: 4px; }
+.ig-title { margin: 0; font-size: 1.15rem; text-wrap: balance; }
+
+.ig-meta {
+  font-size: 13px; color: var(--ink-soft); margin: 0 0 16px;
+  display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline;
+}
+.ig-meta strong { color: var(--ink); font-weight: 600; }
+
+/* Attribution is its own block, not a line in the meta run: on a developed
+   idea it carries TWO people and the whole point of R146 was that both
+   survive. Burying that in a comma list is how one of them gets lost. */
+.ig-credit {
+  display: grid; gap: 6px;
+  padding: 12px 14px; margin: 0 0 18px;
+  border: 1px solid var(--border); border-radius: var(--radius-sm);
+  background: var(--surface-2); font-size: 13px;
+}
+.ig-credit__row { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
+.ig-credit__who { color: var(--ink); font-weight: 600; }
+.ig-credit__role { color: var(--ink-faint); }
+
+/* The five answers, laid out to be READ: one column, generous leading, a
+   measure that stops around 70 characters. */
+.ig-answers { display: grid; gap: 18px; margin: 4px 0 0; }
+.ig-answer__q { margin: 0 0 4px; font-size: 0.92rem; font-weight: 600; }
+.ig-answer__a { margin: 0; max-width: 70ch; line-height: 1.65; white-space: pre-wrap; }
+.ig-answer__a[data-empty="1"] { color: var(--ink-faint); font-style: italic; }
+
+.ig-score { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; }
+.ig-score__track { width: 140px; height: 8px; border-radius: 4px; background: var(--border); overflow: hidden; }
+.ig-score__fill { height: 100%; border-radius: 4px; background: var(--accent); }
+.ig-score__fill[data-band="full"] { background: var(--ok); }
+.ig-score__fill[data-band="part"] { background: var(--warn); }
+.ig-score__fill[data-band="thin"] { background: var(--danger); }
+.ig-score__n { font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ink-soft); }
+
+.ig-body { max-width: 70ch; line-height: 1.65; white-space: pre-wrap; margin: 4px 0 0; }
+.ig-empty { color: var(--ink-faint); font-size: 0.9rem; }
+.ig-note { font-size: 0.82rem; color: var(--ink-faint); line-height: 1.55; margin: 14px 0 0; }
+.ig-sub { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
+.ig-sub__h { margin: 0 0 8px; font-size: 0.95rem; }

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

@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Idea — {{worldName}}</title>
+  <meta name="description" content="One idea, read end to end: its grade, its five answers, how complete they are, who had the thought and who developed it.">
+  <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
+  <link rel="stylesheet" href="/builders/idea.css">
+</head>
+<body data-page="idea" data-page-title="Idea">
+
+<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">
+      <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. -->
+        <a class="idea-detail__back" href="/ideas">← Back to Ideas</a>
+        <p class="page-head__sub" id="idea-sub">Loading idea…</p>
+      </div>
+
+      <main>
+        <section class="scroll" id="idea-scroll" aria-labelledby="idea-h">
+          <div id="idea-body">
+            <p class="deeplink-card__title" id="idea-h">Loading…</p>
+          </div>
+        </section>
+      </main>
+
+      <footer class="app-foot" id="app-foot"></footer>
+    </div>
+  </div>
+</div>
+
+<div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
+
+<script src="/builders/shell.js?v=2026-07-02-shell1"></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
+     written inside an idea's own prose keeps resolving from this page. -->
+<script src="/builders/task-detail.js?v=2026-07-03-taskdetail2" defer></script>
+<script src="/builders/brand-apply.js?v=2026-06-19-r56" defer></script>
+<script src="/builders/idea.js?v=2026-08-22-r153" defer></script>
+</body>
+</html>

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

@@ -0,0 +1,203 @@
+// modules/hall-ui/public/idea.js — the idea-detail PAGE (/idea/:id).
+// Task 1002929 / BV1.R153 of goal 1000062 (three grades of idea).
+//
+// A real page rather than a wider modal, following task 751: that task replaced
+// the #/task/N overlay with /task/:id so a record got a shareable URL and working
+// back/forward. A Full Idea is five prose answers — the thing an overlay is worst
+// at — so it earns the same treatment.
+//
+// THE OVERLAY IS NOT REPLACED. task-detail.js keeps owning #/idea/N, because ~320
+// of its ~650 lines are the Metic+ triage panel (promote → POST /tasks, merge,
+// discard, with goal hints and version pickers). Moving that machinery is its own
+// task; breaking a shipped triage flow to make a read prettier would be a bad
+// trade. So the overlay stays the fast peek and links here, and this page stays a
+// READ — the summary→detail relationship the hall already has between the Work
+// board and /task/:id.
+//
+// WHAT THE GRADE DECIDES. The grade is not decoration on this page, it selects
+// what the page contains:
+//   full  → the five answers, each under its own question, plus the score
+//   spark → the body, plus "someone is invited to develop this"
+//   quick → the body, and NOTHING about the five fields
+// The done-when names that last case explicitly: a quick idea must render with no
+// empty five-field skeleton. Five headings over five dashes is not an empty
+// state, it is a page telling a builder they did something wrong by filing a
+// quick idea — which is the opposite of what a quick idea is for.
+//
+// The five QUESTIONS come from GET /inbox/template, not from this file, for the
+// same reason the composer's do (R152): the labels live in the R141 declaration,
+// and a copy here would silently ignore a per-project template.
+
+(() => {
+  'use strict';
+
+  const API = '/api/gds';
+  const api = window.BongosClient.createClient({ baseUrl: '', credentials: 'same-origin', throwOnError: false });
+  const { escapeHtml, $, fmtDate } = window.OTB;
+
+  const ideaId = () => {
+    const m = /\/idea\/(\d+)/.exec(location.pathname);
+    return m ? m[1] : null;
+  };
+
+  const hallBase = () => (location.hostname.startsWith('builders.') ? '' : '/builders');
+
+  // ---------------------------------------------------------------------------
+  // pieces
+  // ---------------------------------------------------------------------------
+
+  // Colour AND word. A badge distinguished only by hue tells a colour-blind
+  // reader nothing, and this badge decides how to read the whole page.
+  const GRADE_WORD = { full: 'Full Idea', spark: 'Big Idea Spark', quick: 'Quick idea' };
+
+  function gradeBadge(grade) {
+    const g = GRADE_WORD[grade] ? grade : 'quick';
+    return `<span class="ig-grade ig-grade--${escapeHtml(g)}">${escapeHtml(GRADE_WORD[g])}</span>`;
+  }
+
+  function scoreRow(score) {
+    if (!Number.isInteger(score)) {
+      // A Full Idea with no score is a real state (R142 returns null for
+      // anything it cannot score, and that is stored as-is). Say so rather than
+      // drawing an empty bar that reads as zero.
+      return '<p class="ig-empty">Not scored.</p>';
+    }
+    const band = score >= 80 ? 'full' : score >= 40 ? 'part' : 'thin';
+    return `
+      <div class="ig-score">
+        <span class="ig-score__track"><span class="ig-score__fill" data-band="${band}" style="width:${score}%"></span></span>
+        <span class="ig-score__n">${score}/100 complete</span>
+      </div>`;
+  }
+
+  // Who had the thought, and who wrote it out. Two rows when they are two people
+  // — R146's whole point is that the author survives being developed by someone
+  // else, so this never collapses them into one line.
+  function credit(idea) {
+    const who = (login, id) => (login ? `@${escapeHtml(login)}` : (id ? `builder ${escapeHtml(String(id))}` : 'someone'));
+    const rows = [];
+    rows.push(`
+      <div class="ig-credit__row">
+        <span class="ig-credit__who">${who(idea.filed_by_login, idea.captured_by)}</span>
+        <span class="ig-credit__role">had the thought${idea.captured_at ? ` · ${escapeHtml(fmtDate(idea.captured_at))}` : ''}</span>
+      </div>`);
+    if (idea.developed_by) {
+      const same = String(idea.developed_by) === String(idea.captured_by);
+      rows.push(`
+        <div class="ig-credit__row">
+          <span class="ig-credit__who">${who(idea.developed_by_login, idea.developed_by)}</span>
+          <span class="ig-credit__role">${same ? 'developed it themselves' : 'developed it into a Full Idea'}${idea.developed_at ? ` · ${escapeHtml(fmtDate(idea.developed_at))}` : ''}</span>
+        </div>`);
+    }
+    return `<div class="ig-credit">${rows.join('')}</div>`;
+  }
+
+  function prose(text) {
+    const s = String(text == null ? '' : text).trim();
+    return s
+      ? `<p class="ig-body">${escapeHtml(s)}</p>`
+      : '<p class="ig-body" data-empty="1">No description.</p>';
+  }
+
+  // The five answers, in TEMPLATE order, each under its own question. Missing
+  // answers are marked rather than hidden: on a Full Idea a blank answer is
+  // information (it is why the score is what it is).
+  function answers(idea, template) {
+    const values = (idea.field_values && typeof idea.field_values === 'object') ? idea.field_values : {};
+    return `<div class="ig-answers">${template.fields.map((f) => {
+      const v = String(values[f.key] == null ? '' : values[f.key]).trim();
+      return `
+        <div class="ig-answer">
+          <p class="ig-answer__q">${escapeHtml(f.label)}</p>
+          <p class="ig-answer__a"${v ? '' : ' data-empty="1"'}>${v ? escapeHtml(v) : 'Not answered.'}</p>
+        </div>`;
+    }).join('')}</div>`;
+  }
+
+  function statusLine(idea) {
+    const bits = [];
+    bits.push(`<span><strong>${escapeHtml(idea.status || 'open')}</strong></span>`);
+    if (idea.kind) bits.push(`<span>${escapeHtml(idea.kind)}</span>`);
+    if (idea.promoted_to_task_id) {
+      bits.push(`<span>became <a href="${hallBase()}/task/${encodeURIComponent(idea.promoted_to_task_id)}">task ${escapeHtml(String(idea.promoted_to_task_id))}</a></span>`);
+    }
+    if (idea.merged_into_idea_id) {
+      bits.push(`<span>merged into <a href="${hallBase()}/idea/${encodeURIComponent(idea.merged_into_idea_id)}">idea ${escapeHtml(String(idea.merged_into_idea_id))}</a></span>`);
+    }
+    return `<p class="ig-meta">${bits.join('')}</p>`;
+  }
+
+  // ---------------------------------------------------------------------------
+  // render
+  // ---------------------------------------------------------------------------
+
+  function render(idea, template) {
+    const grade = GRADE_WORD[idea.grade] ? idea.grade : 'quick';
+    const parts = [];
+
+    parts.push(`<div class="ig-head">${gradeBadge(grade)}</div>`);
+    parts.push(`<h1 class="ig-title" id="idea-h">${escapeHtml(idea.title || `Idea ${idea.id}`)}</h1>`);
+    parts.push(statusLine(idea));
+    parts.push(credit(idea));
+
+    if (grade === 'full') {
+      parts.push(scoreRow(idea.completeness_score));
+      if (template) {
+        parts.push(answers(idea, template));
+      } else {
+        // The template read failed. Show the raw answers rather than nothing —
+        // but WITHOUT inventing an order, since jsonb key order is not the
+        // template's order and pretending otherwise would misreport the idea.
+        parts.push('<p class="ig-empty">Could not load the question labels; showing the answers as stored.</p>');
+        parts.push(`<div class="ig-answers">${Object.keys(idea.field_values || {}).map((k) =>
+          `<div class="ig-answer"><p class="ig-answer__q">${escapeHtml(k)}</p><p class="ig-answer__a">${escapeHtml(String(idea.field_values[k] || ''))}</p></div>`
+        ).join('')}</div>`);
+      }
+      // A Full Idea's body_md is the original quick-idea text it grew out of, when
+      // it had one. Shown after the answers, subordinate to them.
+      if (String(idea.body_md || '').trim()) {
+        parts.push(`<div class="ig-sub"><h2 class="ig-sub__h">As first filed</h2>${prose(idea.body_md)}</div>`);
+      }
+    } else {
+      // quick AND spark: the body, and NOT a five-field skeleton.
+      parts.push(prose(idea.body_md));
+      if (grade === 'spark') {
+        parts.push(`<p class="ig-note">Its author marked this as needing development — anyone can turn it into a Full Idea, and they keep the credit for having had it. <a href="${hallBase()}/ideas">Write one</a>.</p>`);
+      } else {
+        parts.push('<p class="ig-note">A quick idea is a thought filed fast. It is not an unfinished Full Idea — only its author can offer it up for development.</p>');
+      }
+    }
+
+    $('#idea-body').innerHTML = parts.join('');
+    $('#idea-sub').textContent = `Idea ${idea.id}`;
+    document.title = `${idea.title || `Idea ${idea.id}`} — idea ${idea.id}`;
+  }
+
+  function fail(msg) {
+    $('#idea-body').innerHTML = `<p class="deeplink-card__title" id="idea-h">${escapeHtml(msg)}</p>`;
+    $('#idea-sub').textContent = '';
+  }
+
+  async function main() {
+    const id = ideaId();
+    if (!id) return fail('No idea id in the address.');
+
+    const r = await api.inbox.getInboxId({ id });
+    if (r.status === 401) { window.location.assign(`${API}/auth/web/start`); return; }
+    if (r.status === 404) return fail(`No idea ${id}.`);
+    if (!r.ok || !r.data || !r.data.idea) return fail('Could not load this idea.');
+    const idea = r.data.idea;
+
+    // The labels are only needed for a Full Idea, so a quick idea costs one
+    // request, not two — and a template outage cannot stop a quick idea rendering.
+    let template = null;
+    if (idea.grade === 'full') {
+      const key = idea.template_key;
+      const t = await api.inbox.getInboxTemplate(key ? { query: { template_key: key } } : {});
+      if (t.ok && t.data && t.data.template) template = t.data.template;
+    }
+    render(idea, template);
+  }
+
+  main();
+})();

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

@@ -0,0 +1,120 @@
+/* modules/hall-ui/public/ideas.css — the Ideas tab (task 1002928 / BV1.R152 of
+   goal 1000062).
+
+   Built on the hall's existing tokens (style.css), not a new palette. Only the
+   shapes this page needs are here: a wide-screen two-column composer with the
+   meter alongside, collapsing to one column where there is no room for it.
+
+   USES THE REAL TOKEN NAMES — --border / --surface-2 / --accent / --ok / --warn /
+   --danger / --radius. Note for anyone copying a sibling sheet: copy-desk.css
+   reaches for `var(--line, rgba(255,255,255,.12))` and `var(--panel, …)`, and
+   NEITHER --line NOR --panel is defined in style.css — so those fallbacks apply,
+   and they assume a dark ground the hall does not have by default (--bg is
+   #f5f6f8). Borders drawn that way are invisible on the light theme. This sheet
+   deliberately does not inherit that. The hall's dark theme flips only the
+   neutrals, so every token below re-derives on its own and this page needs no
+   theme-specific block at all. */
+
+/* The composer and its meter sit side by side once there is room. Below that
+   width the meter stacks ABOVE the fields — a readout you cannot see while
+   typing is not a live meter. */
+@media (min-width: 62rem) {
+  .app-content > main { padding-right: 20rem; }
+  .fi-meter {
+    position: fixed;
+    top: 6.5rem;
+    right: 1.5rem;
+    width: 17rem;
+    max-height: calc(100vh - 8rem);
+    overflow-y: auto;
+  }
+}
+
+.fi-label {
+  display: block;
+  margin: 1.1rem 0 0.3rem;
+  font-size: 0.9rem;
+  font-weight: 600;
+}
+.fi-hint { font-weight: 400; font-size: 0.8rem; opacity: 0.7; }
+
+.fi-input,
+.fi-text {
+  width: 100%;
+  padding: 0.55rem 0.7rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--surface-2);
+  color: inherit;
+  font: inherit;
+  line-height: 1.55;
+}
+.fi-text { resize: vertical; min-height: 5.5rem; }
+.fi-input:focus,
+.fi-text:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
+
+.fi-fields { margin-top: 0.5rem; }
+.fi-field + .fi-field { margin-top: 0.35rem; }
+
+.fi-fieldnote { margin: 0.3rem 0 0; font-size: 0.78rem; opacity: 0.7; min-height: 1.1em; }
+.fi-fieldnote[data-ok="1"] { opacity: 0.85; color: var(--ok); }
+
+.fi-note { font-size: 0.85rem; opacity: 0.75; }
+
+.fi-err {
+  margin: 0.9rem 0 0;
+  font-size: 0.87rem;
+  line-height: 1.5;
+  color: var(--danger);
+}
+.fi-err[data-visible="0"] { display: none; }
+
+.fi-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem 0.75rem;
+  align-items: center;
+  margin-top: 1.2rem;
+}
+.fi-draft { font-size: 0.8rem; opacity: 0.7; }
+
+/* ---- the meter ---------------------------------------------------------- */
+
+.fi-meter {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface-2);
+  padding: 0.9rem 1rem 1rem;
+  margin: 1.5rem;
+}
+.fi-meter__h { margin: 0 0 0.6rem; font-size: 0.95rem; }
+
+.fi-gauge { display: flex; align-items: center; gap: 0.6rem; }
+.fi-gauge__track {
+  flex: 1;
+  height: 0.55rem;
+  border-radius: 0.3rem;
+  background: var(--border);
+  overflow: hidden;
+}
+.fi-gauge__fill {
+  height: 100%;
+  width: 0;
+  border-radius: 0.3rem;
+  transition: width 0.18s ease-out;
+  background: var(--accent);
+}
+/* Three bands describing the TEXT, not a verdict — the pass bar lives in the
+   economy module and this readout deliberately does not know it. */
+.fi-gauge__fill[data-band="thin"] { background: var(--danger); }
+.fi-gauge__fill[data-band="part"] { background: var(--warn); }
+.fi-gauge__fill[data-band="full"] { background: var(--ok); }
+.fi-gauge__n { margin: 0; font-size: 0.9rem; font-variant-numeric: tabular-nums; min-width: 4.2rem; text-align: right; }
+
+.fi-meter__list { list-style: none; margin: 0.85rem 0 0; padding: 0; display: grid; gap: 0.45rem; }
+.fi-mrow { display: grid; gap: 0.2rem; }
+.fi-mrow__l { font-size: 0.76rem; opacity: 0.8; line-height: 1.3; }
+.fi-mrow__bar { display: block; height: 0.3rem; border-radius: 0.2rem; background: var(--border); overflow: hidden; }
+.fi-mrow__fill { display: block; height: 100%; width: 0; border-radius: 0.2rem; background: var(--accent); transition: width 0.18s ease-out; }
+
+.fi-meter__note { margin: 0.9rem 0 0; font-size: 0.76rem; opacity: 0.65; line-height: 1.5; }

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

@@ -0,0 +1,95 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Ideas — {{worldName}}</title>
+  <meta name="description" content="Write a Full Idea: five questions that turn a thought into a baseline scope of work someone else can deliver against, with a live completeness score.">
+  <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
+  <link rel="stylesheet" href="/builders/ideas.css">
+</head>
+<body data-page="ideas" data-page-title="Ideas">
+
+<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">
+      <div class="page-head"><p class="page-head__sub" id="fi-sub">Loading the idea template…</p></div>
+
+      <main>
+        <!-- The composer. ONE section, deliberately: this page's whole job is
+             "write the thing down", and the second panel that would explain the
+             grades belongs in the Primer, not above the field you came to fill in.
+             The idea detail view (R153) and the spark queue (R154) are separate
+             tasks and will add their own sections here. -->
+        <section class="scroll" id="fi-compose-scroll" aria-labelledby="fi-compose-h">
+          <h2 id="fi-compose-h" class="scroll__h">Write a Full Idea</h2>
+          <p class="scroll__lede">
+            A Full Idea answers five questions, so that someone else can deliver against it
+            without having to interview you first. Open to every role — the score below is
+            the only filter, and it counts substance, not who you are.
+          </p>
+
+          <form id="fi-form" novalidate>
+            <label class="fi-label" for="fi-title">
+              Title
+              <span class="fi-hint">One line. This is what the idea is called everywhere else.</span>
+            </label>
+            <input type="text" id="fi-title" class="fi-input" maxlength="200" autocomplete="off"
+                   placeholder="what the idea is, in one line">
+
+            <!-- The five fields are rendered from GET /inbox/template — the R141
+                 declaration — never hand-written here. A hard-coded form is the
+                 same "second copy of the rules" defect as a hard-coded scorer,
+                 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>
+            </div>
+
+            <p class="fi-err" id="fi-err" role="alert"></p>
+
+            <div class="fi-actions">
+              <button type="submit" class="btn" id="fi-submit" disabled>File this idea</button>
+              <button type="button" class="btn btn--ghost" id="fi-clear">Discard draft</button>
+              <span class="fi-draft" id="fi-draft" role="status" aria-live="polite"></span>
+            </div>
+          </form>
+        </section>
+      </main>
+
+      <footer class="app-foot" id="app-foot"></footer>
+    </div>
+  </div>
+</div>
+
+<!-- The meter rides along beside the form on a wide screen and above it on a
+     narrow one (CSS decides). It is a READOUT, never an input: every number in
+     it comes from the server's own scorer. -->
+<aside class="fi-meter" id="fi-meter" aria-labelledby="fi-meter-h" hidden>
+  <h2 class="fi-meter__h" id="fi-meter-h">Completeness</h2>
+  <div class="fi-gauge">
+    <div class="fi-gauge__track"><div class="fi-gauge__fill" id="fi-gauge-fill"></div></div>
+    <p class="fi-gauge__n" id="fi-gauge-n" role="status" aria-live="polite">—</p>
+  </div>
+  <ul class="fi-meter__list" id="fi-meter-list"></ul>
+  <p class="fi-meter__note">
+    Counted, not judged: each question is worth the same, and earns its share in
+    proportion to how much real text it carries. Whitespace and padding score nothing.
+  </p>
+</aside>
+
+<div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
+
+<script src="/builders/shell.js?v=2026-07-02-shell1"></script>
+<script src="/builders/palette.js" defer></script>
+<script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
+<script src="/builders/ideas.js?v=2026-08-22-r152"></script>
+</body>
+</html>