@bongos/core 1.19.454 → 1.19.456

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

@@ -0,0 +1,60 @@
+{
+  "_": "Collab — the two-sided ask board. ASKED OF YOU comes first because it is the half where someone is waiting, and the empty state of that half is the page's most common render. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "page": "/builders/collab",
+  "surface": "hall-ui",
+  "stub": {
+    "prefix": "/builders/"
+  },
+  "modeQuery": false,
+  "_feeds": "The kit's own stub carries no feed for this page, so against it the page renders its EMPTY and SKELETON states — which is the point: those are states the floors must hold in. Against the hall-preview harness the same states render populated. Every declared 404 below is a fixture the harness does not carry, named rather than hidden.",
+  "ignoreRequests": [
+    "/api/(gds|bongos)/me$",
+    "/api/(gds|bongos)/me/",
+    "/api/(gds|bongos)/goals",
+    "/api/(gds|bongos)/inbox/",
+    "/api/(gds|bongos)/versions",
+    "/api/(gds|bongos)/collab",
+    "/api/(gds|bongos)/connections",
+    "/api/(gds|bongos)/v1/help-requests"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/",
+    "\\b401\\b",
+    "\\b403\\b",
+    "\\b404\\b",
+    "\\b501\\b",
+    "Unauthorized",
+    "Forbidden",
+    "Not Found",
+    "Not Implemented",
+    "load failed"
+  ],
+  "states": {
+    "board": {
+      "auth": true,
+      "actions": [
+        [
+          "wait",
+          700
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#cb-for-me"
+        ]
+      }
+    },
+    "out": {
+      "auth": false
+    }
+  },
+  "reducedMotion": {
+    "auth": true,
+    "actions": [
+      [
+        "wait",
+        600
+      ]
+    ]
+  }
+}

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

@@ -17,18 +17,20 @@
   flex-direction: column;
   gap: 0.15rem;
   padding: 0.75rem 0.9rem;
-  border: 1px solid var(--rule-soft);
-  border-radius: 0.5rem;
-  background: var(--surface-2);
+  border: var(--line) solid var(--rule-soft);
+  border-radius: var(--radius-sm);
+  background: var(--glass);
 }
 .cd-stat__n { font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
 .cd-stat__l { font-size: 0.8rem; opacity: 0.7; }
 
 .cd-note { font-size: 0.85rem; opacity: 0.75; line-height: 1.5; }
+/* 4px, not --radius-sm: a 10px radius on a 16px-tall inline span reads as a
+   pill, and the tier has no smaller token. Deliberate, not missed. */
 .cd-note code {
   padding: 0.05rem 0.3rem;
   border-radius: 0.25rem;
-  background: var(--surface-2);
+  background: var(--glass);
   font-size: 0.95em;
 }
 
@@ -40,8 +42,8 @@
 .cd-dialog__input,
 .cd-dialog__text {
   padding: 0.4rem 0.6rem;
-  border: 1px solid var(--rule-soft);
-  border-radius: 0.35rem;
+  border: var(--line) solid var(--rule-soft);
+  border-radius: var(--radius-sm);
   background: var(--bg-deep);
   color: inherit;
   font: inherit;
@@ -56,9 +58,9 @@
 
 .cd-card {
   padding: 0.85rem 1rem;
-  border: 1px solid var(--rule-soft);
-  border-radius: 0.5rem;
-  background: var(--surface-2);
+  border: var(--line) solid var(--rule-soft);
+  border-radius: var(--radius-sm);
+  background: var(--glass);
 }
 .cd-card--slim { padding: 0.6rem 0.8rem; }
 .cd-card__head { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; margin-bottom: 0.4rem; }
@@ -70,23 +72,23 @@
    leading and trailing space in a string is often exactly what is wrong. */
 .cd-quote {
   quotes: '"' '"';
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-family: var(--font-mono);
   font-size: 0.9em;
   white-space: pre-wrap;
   word-break: break-word;
 }
-.cd-where { font-size: 0.8rem; opacity: 0.6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
+.cd-where { font-size: 0.8rem; opacity: 0.6; font-family: var(--font-mono); }
 .cd-byline { font-size: 0.8rem; opacity: 0.65; margin-left: auto; }
 .cd-reason { margin: 0.3rem 0 0; line-height: 1.55; }
 .cd-snapshot-label { font-size: 0.8rem; opacity: 0.6; }
 .cd-closed { margin: 0.5rem 0 0; font-size: 0.85rem; opacity: 0.8; line-height: 1.5; }
-.cd-places { margin: 0.3rem 0 0; padding-left: 1.1rem; font-size: 0.8rem; opacity: 0.65; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
+.cd-places { margin: 0.3rem 0 0; padding-left: 1.1rem; font-size: 0.8rem; opacity: 0.65; font-family: var(--font-mono); }
 
 .cd-tag {
   display: inline-block;
   padding: 0.1rem 0.45rem;
-  border: 1px solid var(--rule);
-  border-radius: 999px;
+  border: var(--line) solid var(--rule);
+  border-radius: var(--radius-pill);
   font-size: 0.72rem;
   letter-spacing: 0.02em;
   opacity: 0.85;
@@ -103,11 +105,14 @@
 .cd-dialog {
   width: min(34rem, 92vw);
   padding: 1.25rem;
-  border: 1px solid var(--rule);
-  border-radius: 0.6rem;
+  border: var(--line) solid var(--rule);
+  border-radius: var(--radius);
   background: var(--bg-card);
   color: inherit;
 }
+/* The one literal this sheet keeps. Pure black with alpha used as a SCRIM is
+   the single exception the Fifteen Rule names, and a backdrop cannot take a
+   ground token: it has to darken whatever is behind it in either mode. */
 .cd-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
 .cd-dialog__h { margin: 0 0 0.5rem; font-size: 1.1rem; }
 .cd-dialog__target { margin: 0 0 0.9rem; line-height: 1.5; }

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

@@ -19,7 +19,15 @@
   <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="cd-sub">Loading the copy desk…</p></div>
+      <!-- task 1003307: the board page head. Copy desk shipped with NO <h1> at all
+           (one-header-main-h1 measured 0 on every render), so the re-skin
+           carries the structural fix rather than porting the hole. The heading
+           is the LABEL voice, not a display line: on a working surface the
+           page's own name is the least interesting thing on it. -->
+      <div class="page-head page-head--board">
+        <h1 class="page-head__h">Copy desk</h1>
+        <p class="page-head__sub" id="cd-sub">Loading the copy desk…</p>
+      </div>
 
       <main id="hall-main">
         <!-- The counts. Deliberately four numbers and not a dashboard: open work,

package/modules/hall-ui/public/copy-desk.states.json

@@ -0,0 +1,59 @@
+{
+  "_": "Copy desk — the one-voice review queue. Its confirm dialog is a real <dialog>, so its ::backdrop is the sheet's single sanctioned literal (black with alpha as a scrim). Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "page": "/builders/copy-desk",
+  "surface": "hall-ui",
+  "stub": {
+    "prefix": "/builders/"
+  },
+  "modeQuery": false,
+  "_feeds": "The kit's own stub carries no feed for this page, so against it the page renders its EMPTY and SKELETON states — which is the point: those are states the floors must hold in. Against the hall-preview harness the same states render populated. Every declared 404 below is a fixture the harness does not carry, named rather than hidden.",
+  "ignoreRequests": [
+    "/api/(gds|bongos)/me$",
+    "/api/(gds|bongos)/me/",
+    "/api/(gds|bongos)/goals",
+    "/api/(gds|bongos)/inbox/",
+    "/api/(gds|bongos)/versions",
+    "/api/(gds|bongos)/copy",
+    "/api/(gds|bongos)/security/"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/",
+    "\\b401\\b",
+    "\\b403\\b",
+    "\\b404\\b",
+    "\\b501\\b",
+    "Unauthorized",
+    "Forbidden",
+    "Not Found",
+    "Not Implemented",
+    "load failed"
+  ],
+  "states": {
+    "queue": {
+      "auth": true,
+      "actions": [
+        [
+          "wait",
+          700
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#cd-summary-scroll"
+        ]
+      }
+    },
+    "out": {
+      "auth": false
+    }
+  },
+  "reducedMotion": {
+    "auth": true,
+    "actions": [
+      [
+        "wait",
+        600
+      ]
+    ]
+  }
+}

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

@@ -9,9 +9,15 @@
   <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">
+  <!-- task 1003307: the reading-room archetype's own sheet. drachmae reuses the
+       primer's layout and loaded primer.css for it, but never room.css — so it
+       had the room's DOM and none of the room's world: no reading measure, no
+       prose-link 24px floor, no table wrapper. Loading it is the fix; the order
+       matches primer.html (room first, the page's own sheet on top). -->
+  <link rel="stylesheet" href="/builders/room.css">
   <link rel="stylesheet" href="/builders/primer.css?v=2026-07-02-shell1">
 </head>
-<body class="primer-body" data-page="drachmae" data-page-title="Drachmae &amp; karma">
+<body class="room primer-body" data-page="drachmae" data-page-title="Drachmae &amp; karma">
 
 <!-- Reading-progress bar — fills as the reader scrolls through the article. -->
 <div class="primer-progress" aria-hidden="true"><div class="primer-progress__bar" id="primer-progress-bar"></div></div>
@@ -23,7 +29,13 @@
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
 
-      <div class="page-head">
+      <!-- task 1003307: the reading-room head. drachmae shares the primer's
+           .primer-layout and is read as a document, so it takes .page-head--room
+           (task 1003306's archetype) rather than the board's label voice — and
+           it gets the <h1> it never had. -->
+      <div class="page-head page-head--room">
+        <p class="page-head__eyebrow">Docs</p>
+        <h1 class="page-head__h">Drachmae &amp; karma</h1>
         <p class="page-head__sub">How you get paid, and how you earn trust — the reward model in plain language. About a five-minute read.</p>
       </div>
 
@@ -45,9 +57,30 @@
           </aside>
 
           <!-- Article column — markdown rendered here. -->
-          <article class="primer-article" id="primer-article" aria-busy="true">
-            <div class="primer-loading">Loading the drachmae guide…</div>
-          </article>
+          <!-- The room's loading shape: skeleton lines in the article's own
+               measure, not a sentence. (.primer-loading, which used to sit in the
+               article, is defined in no stylesheet and rendered unstyled.) -->
+          <div class="primer-skeleton scroll" id="primer-skeleton" aria-hidden="true">
+            <span class="primer-sk primer-skeleton__h"></span>
+            <div class="primer-skeleton__p">
+              <span class="primer-sk"></span>
+              <span class="primer-sk"></span>
+              <span class="primer-sk"></span>
+            </div>
+            <div class="primer-skeleton__rule"></div>
+            <div class="primer-skeleton__p">
+              <span class="primer-sk"></span>
+              <span class="primer-sk"></span>
+            </div>
+          </div>
+
+          <article class="primer-article scroll" id="primer-article" aria-busy="true" hidden></article>
+
+          <div class="primer-note primer-note--error scroll" id="primer-error" hidden>
+            <p class="primer-note__label">The guide did not load</p>
+            <p class="primer-note__body">The markdown behind this page could not be fetched. Reload to try again, or read it in the repo.</p>
+            <p class="primer-note__acts"><a class="btn btn--ghost" href="/builders">Back to home</a></p>
+          </div>
 
         </div>
       </main>

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

@@ -146,9 +146,21 @@
     });
   }
 
+  // The three panels the article can resolve into (the primer's show(), which
+  // this page's DOM has mirrored since task 1472 and now finally matches).
+  function show(which) {
+    for (const [id, on] of [['#primer-skeleton', which === 'loading'],
+                            ['#primer-article', which === 'article'],
+                            ['#primer-error', which === 'error']]) {
+      const el = $(id);
+      if (el) el.hidden = !on;
+    }
+  }
+
   async function boot() {
     const article = $('#primer-article');
     if (!article || !window.OTBMdReader) return;
+    show('loading');
     let md;
     try {
       const [mdRes] = await Promise.all([
@@ -159,8 +171,8 @@
       md = await mdRes.text();
     } catch (err) {
       console.error('[drachmae] failed to load doc', err);
-      article.innerHTML = `<p class="primer-loading">Could not load the drachmae guide. <a href="/builders">Go back</a> and try again.</p>`;
       article.removeAttribute('aria-busy');
+      show('error');
       return;
     }
     const resolveLinkHref = window.OTBMdReader.makeResolveLinkHref({
@@ -169,9 +181,15 @@
       getTreeBase: () => repoTreeBase,
       diagramsHref: '/builders/diagrams',
     });
-    const { html, headings } = window.OTBMdReader.parseMarkdown(md, resolveLinkHref);
+    const parsed = window.OTBMdReader.parseMarkdown(md, resolveLinkHref);
+    // The doc's leading "# …" is the same page name .page-head--room already
+    // renders. Two <h1>s fails one-header-main-h1, and the page head is the one
+    // that exists before the fetch and survives its failure (task 1003307).
+    const html = parsed.html.replace(/^\s*<h1\b[^>]*>[\s\S]*?<\/h1>\s*/, '');
+    const headings = parsed.headings.filter((h) => h.level > 1);
     article.innerHTML = html;
     article.removeAttribute('aria-busy');
+    show('article');
     // Awaited before the TOC is built so the rate card gets a TOC entry and a
     // scrollspy target; the article itself is already on screen by now.
     const bountyHeading = await appendBountySection(article);

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

@@ -0,0 +1,64 @@
+{
+  "_": "Drachmae & karma — a READING ROOM, not a board: it shares the primer .primer-layout and takes .page-head--room. Public (no page gate), so the signed-out render is the one most readers get. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "page": "/builders/drachmae",
+  "surface": "hall-ui",
+  "stub": {
+    "prefix": "/builders/"
+  },
+  "modeQuery": false,
+  "_feeds": "The kit's own stub carries no feed for this page, so against it the page renders its EMPTY and SKELETON states — which is the point: those are states the floors must hold in. Against the hall-preview harness the same states render populated. Every declared 404 below is a fixture the harness does not carry, named rather than hidden.",
+  "ignoreRequests": [
+    "/api/(gds|bongos)/me$",
+    "/api/(gds|bongos)/me/",
+    "/api/(gds|bongos)/goals",
+    "/api/(gds|bongos)/inbox/",
+    "/api/(gds|bongos)/versions"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/",
+    "\\b401\\b",
+    "\\b403\\b",
+    "\\b404\\b",
+    "\\b501\\b",
+    "Unauthorized",
+    "Forbidden",
+    "Not Found",
+    "Not Implemented",
+    "load failed"
+  ],
+  "states": {
+    "read": {
+      "auth": true,
+      "actions": [
+        [
+          "wait",
+          600
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#primer-article",
+          "#primer-toc"
+        ]
+      }
+    },
+    "out": {
+      "auth": false,
+      "actions": [
+        [
+          "wait",
+          600
+        ]
+      ]
+    }
+  },
+  "reducedMotion": {
+    "auth": true,
+    "actions": [
+      [
+        "wait",
+        600
+      ]
+    ]
+  }
+}

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

@@ -13,8 +13,8 @@
   margin: 6px 0 22px;
 }
 .gate-stat {
-  border: 1px solid var(--border); border-radius: var(--radius-sm);
-  background: var(--surface); padding: 12px 14px;
+  border: var(--line) solid var(--rule-soft); border-radius: var(--radius-sm);
+  background: var(--bg-card); padding: 12px 14px;
 }
 .gate-stat__label {
   font-size: 11.5px; font-weight: 600;
@@ -28,8 +28,8 @@
 .gate-list { display: flex; flex-direction: column; gap: 16px; }
 
 .gate-crate {
-  border: 1px solid var(--border); border-radius: var(--radius);
-  background: var(--surface); overflow: hidden;
+  border: var(--line) solid var(--rule-soft); border-radius: var(--radius);
+  background: var(--bg-card); overflow: hidden;
 }
 /* Verdict band along the top, painted by the held-verdict. */
 .gate-crate__seal { height: 4px; background-color: var(--danger); }
@@ -40,45 +40,40 @@
 .gate-crate__title a { color: inherit; text-decoration: none; }
 .gate-crate__title a:hover { text-decoration: underline; }
 .gate-crate__meta { color: var(--ink-soft); font-size: 12.5px; }
-.gate-crate__meta a { color: var(--accent-text); }
+.gate-crate__meta a { color: var(--accent-ink); }
 
-.gate-pill {
-  font-size: 11px; font-weight: 600;
-  letter-spacing: 0.04em; text-transform: uppercase;
-  padding: 2px 8px; border-radius: 999px; white-space: nowrap;
-  border: 1px solid var(--border); color: var(--ink-soft); background: var(--surface-2);
-}
-.gate-pill--escalate { background: var(--danger-weak); border-color: color-mix(in srgb, var(--danger) 30%, transparent); color: var(--danger); }
-.gate-pill--needs_trust { background: var(--warn-weak); border-color: color-mix(in srgb, var(--warn) 30%, transparent); color: var(--warn); }
-.gate-pill--trusted { background: var(--info-weak); border-color: color-mix(in srgb, var(--info) 30%, transparent); color: var(--info); }
+/* Base: the shell's .fact-pill (task 1003307). States are hairlines, not fills. */
+.gate-pill--escalate { color: var(--danger); }
+.gate-pill--needs_trust { color: var(--warn); }
+.gate-pill--trusted { color: var(--info); }
 
 .gate-reasons { list-style: none; padding: 0; margin: 0; }
 .gate-reasons li {
-  padding: 6px 0; border-bottom: 1px solid var(--border);
+  padding: 6px 0; border-bottom: var(--line) solid var(--rule-soft);
   font-size: 13px; color: var(--ink);
 }
 .gate-reasons li:last-child { border-bottom: 0; }
 .gate-reasons code {
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px;
-  color: var(--accent-text); background: var(--surface-2);
+  font-family: var(--font-mono); font-size: 12px;
+  color: var(--accent-ink); background: var(--glass);
   padding: 1px 5px; border-radius: 4px;
 }
 .gate-reasons .floor { color: var(--danger); font-weight: 600; }
 
 .gate-files { font-size: 12.5px; color: var(--ink-soft); }
-.gate-files code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
+.gate-files code { font-family: var(--font-mono); }
 
 .gate-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 2px; }
 .gate-btn {
   font: inherit; font-size: 13px; font-weight: 600;
-  padding: 7px 16px; border: 1px solid var(--accent);
-  background: var(--accent); color: #fff;
+  padding: 7px 16px; border: var(--line) solid var(--accent);
+  background: var(--accent); color: var(--accent-on);
   border-radius: var(--radius-sm); cursor: pointer;
 }
-.gate-btn:hover:not(:disabled) { background: var(--accent-deep); border-color: var(--accent-deep); }
+.gate-btn:hover:not(:disabled) { background: var(--accent-lift); border-color: var(--accent-lift); }
 .gate-btn:disabled { opacity: 0.45; cursor: default; }
-.gate-btn--ghost { background: var(--surface); color: var(--ink); border-color: var(--border-strong); }
-.gate-btn--ghost:hover:not(:disabled) { background: var(--surface-2); border-color: var(--border-strong); }
+.gate-btn--ghost { background: var(--bg-card); color: var(--ink); border-color: var(--rule); }
+.gate-btn--ghost:hover:not(:disabled) { background: var(--glass); border-color: var(--rule); }
 .gate-approved-note { color: var(--ok); font-size: 13px; }
 
 .gate-empty, .gate-sealed { color: var(--ink-soft); padding: 16px 0; }
@@ -87,10 +82,10 @@
 /* Lightweight confirm modal (mirrors harbor). */
 .gate-modal-bg {
   position: fixed; inset: 0; background: color-mix(in srgb, var(--ink) 40%, transparent);
-  display: flex; align-items: center; justify-content: center; z-index: 50; padding: 20px;
+  display: flex; align-items: center; justify-content: center; z-index: var(--z-modal); padding: 20px;
 }
 .gate-modal {
-  background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius);
+  background: var(--bg-card); border: var(--line) solid var(--rule); border-radius: var(--radius);
   max-width: 480px; width: 100%; padding: 20px 22px; box-shadow: var(--shadow-pop);
 }
 .gate-modal h2 { color: var(--ink); margin: 0 0 8px; font-size: 17px; font-weight: 600; }

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

@@ -19,7 +19,15 @@
   <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="gate-sub">Loading…</p></div>
+      <!-- task 1003307: the board page head. Gate shipped with NO <h1> at all
+           (one-header-main-h1 measured 0 on every render), so the re-skin
+           carries the structural fix rather than porting the hole. The heading
+           is the LABEL voice, not a display line: on a working surface the
+           page's own name is the least interesting thing on it. -->
+      <div class="page-head page-head--board">
+        <h1 class="page-head__h">Gate</h1>
+        <p class="page-head__sub" id="gate-sub">Loading…</p>
+      </div>
 
       <main id="hall-main">
         <p class="gate-sealed" id="gate-sealed" hidden>Archons only.</p>

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

@@ -0,0 +1,60 @@
+{
+  "_": "Gate — the access-request queue behind requireGovernmentPage. Same confirm-modal component as harbor, which is why the two had guessed two different z-indexes for it. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "page": "/builders/gate",
+  "surface": "hall-ui",
+  "stub": {
+    "prefix": "/builders/"
+  },
+  "modeQuery": false,
+  "_feeds": "The kit's own stub carries no feed for this page, so against it the page renders its EMPTY and SKELETON states — which is the point: those are states the floors must hold in. Against the hall-preview harness the same states render populated. Every declared 404 below is a fixture the harness does not carry, named rather than hidden.",
+  "ignoreRequests": [
+    "/api/(gds|bongos)/me$",
+    "/api/(gds|bongos)/me/",
+    "/api/(gds|bongos)/goals",
+    "/api/(gds|bongos)/inbox/",
+    "/api/(gds|bongos)/versions",
+    "/api/(gds|bongos)/gate-approvals",
+    "/api/(gds|bongos)/builders",
+    "/api/(gds|bongos)/access-requests"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/",
+    "\\b401\\b",
+    "\\b403\\b",
+    "\\b404\\b",
+    "\\b501\\b",
+    "Unauthorized",
+    "Forbidden",
+    "Not Found",
+    "Not Implemented",
+    "load failed"
+  ],
+  "states": {
+    "queue": {
+      "auth": true,
+      "actions": [
+        [
+          "wait",
+          700
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#gate-body"
+        ]
+      }
+    },
+    "out": {
+      "auth": false
+    }
+  },
+  "reducedMotion": {
+    "auth": true,
+    "actions": [
+      [
+        "wait",
+        600
+      ]
+    ]
+  }
+}

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

@@ -90,15 +90,32 @@
   // goals.html loads task-lib.js before this file (the render-family order).
   const { msOf, taskActivityMs } = window.OTBTaskLib;
 
-  // task 1003224 — on a LIST, a goal's subtitle is a TOOLTIP, never a second
-  // visible line. The board's job there is to let someone find a goal by name;
-  // rendering every explanation inline is what led 29 of 38 titles to carry
-  // their own after a dash. Escaped because it lands inside an attribute.
+  // task 1003224 made a goal's subtitle a TOOLTIP on a list, because 29 of 38
+  // titles already carried their own explanation after a dash and a row would
+  // then say the same thing twice.
+  //
+  // Task 1003307 REVERSES that for the row, on the owner's call, against the
+  // approved archetype (docs/design/mocks/hall/goals/v3.html, .goal__sub). Two
+  // things changed under 1003224's reasoning: the dash-in-title rate fell to 17
+  // of 72, and 35 of those 72 goals now carry a real subtitle that a tooltip
+  // hides from anyone reading — and hides COMPLETELY from anyone on a touch
+  // screen, where there is no hover. A duplicated explanation is a copy-desk
+  // fix; an invisible one is not fixable at all.
+  //
+  // subtitleAttr survives for the CARD view, which has no room for a line.
   function subtitleAttr(g) {
     const t = (g && g.subtitle ? String(g.subtitle) : '').trim();
     return t ? ` title="${window.OTB.escapeHtml(t)}"` : '';
   }
 
+  // The row's visible subtitle. Empty string when the goal has none, so the row
+  // collapses to title + facts rather than reserving a blank line — the card's
+  // "every region hides on null" grammar, applied to a row.
+  function subtitleLine(g) {
+    const t = (g && g.subtitle ? String(g.subtitle) : '').trim();
+    return t ? `<p class="gr-sub">${window.OTB.escapeHtml(t)}</p>` : '';
+  }
+
   // task 1003224 — the three-layer prose rules for a goal's detail head, kept
   // here rather than in goals-page.js because that file is 500 lines over the
   // excess-lines ratchet and this one exists for exactly that reason. It WRITES
@@ -120,6 +137,6 @@
     ring, memberName,
     readinessOf, EMPTY_ROLLUP, goalRollLine,
     matchesTodoSearch, msOf, taskActivityMs,
-    subtitleAttr, applyGoalProse,
+    subtitleAttr, subtitleLine, applyGoalProse,
   };
 })();