@bongos/core 1.20.75 → 1.20.77

package/modules/hall-ui/public/profile-roles.js

@@ -0,0 +1,170 @@
+// modules/hall-ui/public/profile-roles.js — what the profile's header and "By
+// the numbers" say, for each craft (task 1004434 / WA6.RP04, goal 1000095,
+// criterion wa6-roles-read-true-in-public).
+//
+// WHY. The profile led with "Works shipped" for everybody, so an artist with
+// nine approved pages and an ideator with seven ignited thoughts both read as
+// "0 works shipped": a person who had done real work looked like a person who
+// had done none. The owner-approved mock (docs/design/mocks/profile-roles/, the
+// pixel contract) has each craft lead with its own work: an engineer with works
+// shipped, an artist with pages approved and the per-surface "N of M tweaked",
+// an ideator with thoughts filed, ignited, size and what is still alive.
+//
+// WHERE THE NUMBERS COME FROM. The profile route's `roles` block (task 1004433,
+// src/bongos/role-stats.js): `main` is the craft the builder chose (or, until
+// they choose, the one they earned most in), `shown` is main first and then
+// every other craft that has EARNED credits, in the order of their preferred
+// crafts. This file decides nothing about which crafts a person has; it only
+// says, for the crafts the server named, what to put on the page.
+//
+// PURE, like profile-charts.js: no document, no fetch, no window beyond the
+// export at the foot, so a test requires it and runs the real wording against
+// the real fixture instead of agreeing with a copy of it. profile.js turns the
+// result into markup.
+//
+// A NUMBER THAT COULD NOT BE READ IS A DASH, NEVER A ZERO. The role ports are
+// optional (an instance without the copy desk has no artist numbers); the
+// server says so with `unavailable` and nulls, and "0 pages approved" would be
+// a claim about the person rather than about the instance.
+
+(function () {
+  'use strict';
+
+  const CRAFT_WORD = Object.freeze({ engineer: 'Engineer', artist: 'Artist', ideator: 'Ideator' });
+  const DASH = '—';
+
+  function count(n) {
+    return Number.isFinite(n) ? n : null;
+  }
+  function plural(n, one, many) {
+    return n === 1 ? one : many;
+  }
+
+  // The crafts to show, main first. A response from before the roles block
+  // existed reads as the engineer it always rendered.
+  function craftsOf(roles) {
+    const shown = roles && Array.isArray(roles.shown) ? roles.shown.filter((c) => CRAFT_WORD[c]) : [];
+    return shown.length ? shown : ['engineer'];
+  }
+
+  function makeNum(fmt) {
+    return (n) => (count(n) == null ? DASH : fmt(n));
+  }
+
+  // The share of the work a person's thoughts caused that is still alive, as the
+  // tile shows it. A person whose thoughts caused nothing yet has no share at all
+  // (zero over zero), and one whose work could not be traced has an unknown one;
+  // both say so in the foot rather than drawing a 0%.
+  function aliveTile(alive) {
+    const a = alive || {};
+    if (Number.isFinite(a.share)) return { n: `${Math.round(a.share * 100)}%`, w: 'still alive', f: 'of the work they caused' };
+    if (a.has_work === false) return { n: DASH, w: 'still alive', f: 'nothing has come of them yet' };
+    return { n: DASH, w: 'still alive', f: 'not measurable yet' };
+  }
+
+  // headline(data, opts) — everything the header and "By the numbers" print.
+  //   data   the profile route's response ({ builder, shipped_count, achievements, roles })
+  //   opts   { fmt, currency, rank } — the page's number format, its currency word
+  //          (branding, never hardcoded) and the rank's display label
+  // Returns { crafts, tally, tiles, surfaces, sub }.
+  function headline(data, opts = {}) {
+    const fmt = typeof opts.fmt === 'function' ? opts.fmt : (n) => Number(n).toLocaleString('en-US');
+    const num = makeNum(fmt);
+    const cur = opts.currency || 'credits';
+    const d = data || {};
+    const builder = d.builder || {};
+    const roles = d.roles || null;
+    const crafts = craftsOf(roles);
+    const main = crafts[0];
+    const shipped = Number(d.shipped_count) || 0;
+    const artist = (roles && roles.artist) || {};
+    const ideator = (roles && roles.ideator) || {};
+    const achievements = Array.isArray(d.achievements) ? d.achievements.length : 0;
+    const credits = { n: num(count(Number(builder.total_credits))), w: cur, lead: true };
+    const weekGain = (n) => (count(n) == null ? DASH : `+${fmt(n)}`);
+
+    // The tally: the person's total, then the two numbers their main craft leads with.
+    const LEAD = {
+      engineer: () => [{ n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') },
+        { n: num(count(Number(builder.karma))), w: 'karma' }],
+      artist: () => [{ n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved') },
+        { n: weekGain(artist.this_week), w: 'this week' }],
+      ideator: () => [{ n: num(ideator.filed), w: plural(ideator.filed, 'thought filed', 'thoughts filed') },
+        { n: num(ideator.ignited), w: 'ignited' }],
+    };
+
+    // The main craft's full set of tiles.
+    const surfacesWord = (n) => (count(n) == null ? '' : `${fmt(n)} ${plural(n, 'surface', 'surfaces')}`);
+    const MAIN = {
+      engineer: () => [
+        { n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') },
+        { n: num(count(Number(builder.total_credits))), w: cur, f: 'all kinds, see below' },
+        { n: num(count(Number(builder.karma))), w: 'karma' },
+        { n: num(achievements), w: plural(achievements, 'achievement', 'achievements'), f: 'earned' },
+      ],
+      artist: () => [
+        { n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved'), f: surfacesWord(artist.surfaces_touched) },
+        { n: num(artist.credits), w: `${cur} from pages` },
+        { n: weekGain(artist.this_week), w: 'this week' },
+      ],
+      ideator: () => {
+        const size = ideator.size || {};
+        const ratified = count(ideator.ratified);
+        return [
+          { n: num(ideator.filed), w: plural(ideator.filed, 'thought filed', 'thoughts filed') },
+          { n: num(ideator.ignited), w: 'ignited', f: 'became work' },
+          { n: num(ideator.full_ideas), w: plural(ideator.full_ideas, 'Full Idea', 'Full Ideas'), f: ratified == null ? '' : `${fmt(ratified)} ratified by the board` },
+          // The ~ is the sky's own mark for a size that includes a historical
+          // estimate (idea-size.js): the ledger did not record idea pay exactly
+          // before the streams were split, so part of the number is estimated.
+          { n: count(size.total) == null ? DASH : `${fmt(size.total)}${size.historical ? '~' : ''}`, w: 'total size',
+            f: size.historical ? `${cur}, every idea stream; ~ partly estimated` : `${cur}, every idea stream`,
+            title: size.historical ? `Includes ${fmt(size.estimated)} ${cur} of historical estimate, from before the ledger recorded idea pay exactly.` : '' },
+          aliveTile(ideator.alive),
+        ];
+      },
+    };
+
+    // Each OTHER craft a person has earned in gets its one headline tile, after
+    // the main craft's, in the order the server put them.
+    const SECOND = {
+      engineer: () => ({ n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') }),
+      artist: () => ({ n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved'), f: surfacesWord(artist.surfaces_touched) }),
+      ideator: () => ({ n: num(ideator.filed), w: plural(ideator.filed, 'thought filed', 'thoughts filed'), f: count(ideator.ignited) == null ? '' : `${fmt(ideator.ignited)} ignited` }),
+    };
+
+    const tiles = MAIN[main]().concat(crafts.slice(1).map((c) => SECOND[c]()));
+    // Karma is on every profile (the owner, 2026-10-01, reviewing this build:
+    // "karma for artists and ideators is definitely key"). The engineer's set
+    // already carries it; every other main craft ends with it.
+    if (main !== 'engineer') tiles.push({ n: num(count(Number(builder.karma))), w: 'karma' });
+
+    // The artist leads with the studio's "N of M tweaked", one row per surface.
+    const surfaces = main === 'artist' && Array.isArray(artist.surfaces)
+      ? artist.surfaces.filter((s) => s && Number(s.total) > 0).map((s) => ({
+        label: String(s.label || s.id || ''),
+        tweaked: Number(s.tweaked) || 0,
+        total: Number(s.total) || 0,
+        line: s.line || `${Number(s.tweaked) || 0} of ${Number(s.total) || 0} tweaked`,
+      }))
+      : [];
+
+    // The page subtitle under the h1: the main craft's headline, not always
+    // "works shipped".
+    const first = LEAD[main]()[0];
+    const name = builder.display_name || builder.github_login || 'Builder';
+    const sub = `${name} — ${opts.rank || ''} · ${first.n} ${first.w}`;
+
+    return {
+      crafts: crafts.map((c, i) => ({ craft: c, label: i === 0 ? `${CRAFT_WORD[c]}, main role` : CRAFT_WORD[c], lead: i === 0 })),
+      tally: [credits].concat(LEAD[main]()),
+      tiles,
+      surfaces,
+      sub,
+    };
+  }
+
+  const api = { headline };
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+  if (typeof window !== 'undefined') window.OTBProfileRoles = api;
+})();

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

@@ -50,12 +50,47 @@
 .profile--ident .profile__resp-craft { font-weight: 500; }
 .profile--ident .profile__resp-craft::after { content: " — "; font-weight: 400; color: var(--ink-faint); }
 .profile--ident .profile__resp-text { color: var(--ink-soft); }
-.profile--ident .profile__credits-num { font-family: var(--font-display); font-weight: 300; font-size: clamp(26px, 2.4vw, 32px); letter-spacing: -.035em; line-height: 1; color: var(--ink); }
-.profile--ident .profile__credits-label,
-.profile--ident .profile__karma-label { font-family: var(--label-face); font-size: var(--label-size); font-weight: 400; letter-spacing: var(--label-space); text-transform: var(--label-case); color: var(--ink-faint); }
-.profile--ident .profile__karma-num { font-weight: 500; }
 .profile--ident .profile__placeholder { grid-column: 1 / -1; }
 
+/* The crafts, main role first (task 1004434, the approved mock at
+   docs/design/mocks/profile-roles/). A chip is glass on the card; the main role
+   takes the stronger glass and the ink, the others the soft ink. */
+.profile--ident .profile__crafts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+.profile--ident .profile__craft { display: inline-flex; align-items: center; min-height: 26px; padding: 0 11px; border-radius: var(--radius-pill); background: var(--glass); font-size: 12.5px; color: var(--ink-soft); }
+.profile--ident .profile__craft--lead { background: var(--glass-strong); color: var(--ink); }
+
+/* The headline tally: the studio's corner tally, carried onto the profile. The
+   person's total first, then the two numbers their main craft leads with,
+   hairline separators between. It replaces the credits/karma column. */
+.profile--ident .profile__tally { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 12px 22px; border-radius: var(--radius-pill); background: var(--glass); min-height: 48px; align-self: start; }
+.profile--ident .profile__tally-item { display: flex; align-items: baseline; gap: 6px; }
+.profile--ident .profile__tally-n { font-size: 20px; font-weight: 300; font-variant-numeric: tabular-nums; color: var(--ink); }
+.profile--ident .profile__tally-w { font-size: 13px; color: var(--ink-soft); }
+.profile--ident .profile__tally-sep { width: 1px; height: 20px; background: var(--rule); }
+
+/* ---- by the numbers (task 1004434) -----------------------------------------
+   One tile per figure, a tonal step down from the panel: the number, what it
+   counts, then a quieter foot. The mock's .stat, on the hall's tokens. */
+.profile-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: var(--sp-sm); }
+/* Six tiles (an ideator with karma) sit as two even rows of three, not five
+   and an orphan. The phone's two columns below already divide six evenly. */
+.profile-nums[data-count="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+.profile-num { padding: 14px 16px; border-radius: var(--radius-sm); background: var(--bg-frame); }
+.profile-num__n { display: block; font-size: 28px; font-weight: 300; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ink); }
+.profile-num__w { display: block; font-size: 13px; color: var(--ink-soft); }
+.profile-num__f { display: block; margin-top: 4px; font-size: 12px; color: var(--ink-faint); }
+.profile-surfaces { margin-top: var(--sp-md); }
+.profile-surfaces__h { margin: 0 0 12px; font-family: var(--label-face); font-size: var(--label-size); font-weight: 400; letter-spacing: var(--label-space); text-transform: var(--label-case); color: var(--ink-faint); }
+/* The mock's row: the surface's name and its count on one line, the bar under
+   them across the full width. The kit draws the bar; only the placement of its
+   three cells changes here, so a phone keeps a usable bar instead of a sliver
+   between two fixed columns. */
+.profile-surfaces .kit-bars { gap: 12px; }
+.profile-surfaces .kit-bars__row { grid-template-columns: minmax(0, 1fr) auto; row-gap: 7px; column-gap: 12px; }
+.profile-surfaces .kit-bars__label { grid-column: 1; grid-row: 1; font-size: 16px; font-weight: 300; color: var(--ink); }
+.profile-surfaces .kit-bars__val { grid-column: 2; grid-row: 1; font-size: 13.5px; color: var(--ink-soft); }
+.profile-surfaces .kit-bars__track { grid-column: 1 / -1; grid-row: 2; }
+
 /* ---- the shelf -------------------------------------------------------------
    An achievement is a --bg-card tile on the ground (the section is bare, so a
    tile is the panel and not a card in a card), a hairline on top, the mark as
@@ -106,7 +141,9 @@
 @media (max-width: 640px) {
   .profile--ident { grid-template-columns: 48px minmax(0, 1fr); }
   .profile--ident .profile__avatar { width: 48px; height: 48px; }
-  .profile--ident .profile__credits { grid-column: 2; align-items: flex-start; text-align: left; }
+  .profile--ident .profile__tally { grid-column: 1 / -1; border-radius: var(--radius-sm); padding: 12px 16px; }
+  .profile--ident .profile__tally-sep { display: none; }
+  .profile-nums, .profile-nums[data-count="6"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 
 /* ---- the rail and the groups (task 1003489) ---------------------------------

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

@@ -27,7 +27,8 @@
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
       <!-- The page's ONE h1 (one-header-main-h1), in the family's voice; the
-           sub-line is profile.js's — "<name> — <rank> · N works shipped". -->
+           sub-line is profile.js's — "<name> — <rank> · <the main craft's
+           headline>": works shipped, pages approved or thoughts filed. -->
       <div class="page-head page-head--room page-head--panel">
         <p class="page-head__eyebrow">the page everyone else reads</p>
         <h1 id="profile-h1" class="page-head__h">profile</h1>
@@ -55,11 +56,14 @@
               </div>
             </section>
 
-            <!-- By the numbers — credits, karma, works shipped. -->
+            <!-- By the numbers — led by the person's own craft (task 1004434):
+                 works shipped for an engineer, pages approved and the per-surface
+                 "N of M tweaked" for an artist, thoughts, size and what is still
+                 alive for an ideator. profile-roles.js says what; profile.js draws. -->
             <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 class="stat-row" id="numbers-body">
-                <div class="stat-tile"><span class="stat-tile__label">Loading…</span></div>
+              <div id="numbers-body">
+                <p class="profile__placeholder">Loading…</p>
               </div>
             </section>
 
@@ -211,6 +215,9 @@
      omits this script simply has no charts section content. -->
 <script src="/builders/profile-charts.js?v=2026-09-04-calendar"></script>
 <script src="/builders/founding-mark.js?v=2026-09-30-founding"></script>
-<script src="/builders/profile.js?v=2026-09-30-founding"></script>
+<!-- What the header and By the numbers say, per craft (task 1004434). Pure, and
+     loaded BEFORE profile.js, which draws what it returns. -->
+<script src="/builders/profile-roles.js?v=2026-10-01-roles"></script>
+<script src="/builders/profile.js?v=2026-10-01-roles"></script>
 </body>
 </html>

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

@@ -75,7 +75,33 @@
        </div>`;
   }
 
-  function renderHead(builder) {
+  // What the header and "By the numbers" say for this person's crafts (task
+  // 1004434): profile-roles.js decides the words and numbers, this page draws them.
+  function roleHeadline(data) {
+    const builder = (data && data.builder) || {};
+    return window.OTBProfileRoles.headline(data, {
+      fmt: fmtNum,
+      currency: curLabel(),
+      rank: rankLabel(normalizeRank(builder.rank)),
+    });
+  }
+
+  // The headline tally (task 1004434): the studio's corner tally carried onto the
+  // profile, the person's total first and then the two numbers their main craft
+  // leads with.
+  function tallyHtml(items) {
+    return items.map((t, i) => {
+      const title = t.lead
+        ? ` title="${escapeHtml(curLabel(true))} — everything earned: shipped work, approved pages and ideas."`
+        : '';
+      return (i ? '<span class="profile__tally-sep" aria-hidden="true"></span>' : '')
+        + `<span class="profile__tally-item"${title}>`
+        + `<span class="profile__tally-n">${escapeHtml(t.n)}</span>`
+        + `<span class="profile__tally-w">${escapeHtml(t.w)}</span></span>`;
+    }).join('');
+  }
+
+  function renderHead(builder, view) {
     const head = $('#profile-head');
     if (!head) return;
     const name = escapeHtml(builder.display_name || builder.github_login || 'Builder');
@@ -83,13 +109,11 @@
       ? `<img class="profile__avatar" src="${escapeHtml(builder.avatar_url)}" alt="">`
       : `<div class="profile__avatar" aria-hidden="true"></div>`;
     const prefs = Array.isArray(builder.preferred_disciplines) ? builder.preferred_disciplines : [];
-    const disciplines = prefs.length
-      ? `<div class="profile__disciplines">
-           <span class="profile__disc-label">Preferred work:</span>
-           <span class="profile__disc-value">${escapeHtml(prefs.join(', '))}</span>
-         </div>
-         ${responsibilitiesBlock(prefs)}`
-      : '';
+    // The crafts as chips, main role first; any other craft shows only once it
+    // has earned (the owner, 2026-09-30) — the server's `roles.shown` says which.
+    const crafts = `<div class="profile__crafts" aria-label="Roles">${view.crafts
+      .map((c) => `<span class="profile__craft${c.lead ? ' profile__craft--lead' : ''}">${escapeHtml(c.label)}</span>`)
+      .join('')}</div>`;
 
     head.innerHTML = `
       ${avatar}
@@ -102,16 +126,10 @@
         <div class="profile__stats">
           <span>Member since ${fmtDate(builder.created_at)}</span>
         </div>
-        ${disciplines}
+        ${crafts}
+        ${responsibilitiesBlock(prefs)}
       </div>
-      <div class="profile__credits">
-        <span class="profile__credits-num" title="${escapeHtml(curLabel(true))} — everything earned: shipped work, approved pages and ideas.">${fmtNum(builder.total_credits)}</span>
-        <span class="profile__credits-label">${escapeHtml(curLabel())}</span>
-        <span class="profile__karma" title="Karma — peer recognition and approvals, a separate counter from ${escapeHtml(curLabel())}.">
-          <span class="profile__karma-num">${fmtNum(builder.karma)}</span>
-          <span class="profile__karma-label">karma</span>
-        </span>
-      </div>`;
+      <div class="profile__tally" role="group" aria-label="Headline numbers">${tallyHtml(view.tally)}</div>`;
   }
 
   // ---- render: the founding mark (task 1004424) ----------------------------
@@ -142,13 +160,33 @@
       </div>`;
   }
 
-  function renderNumbers(shippedCount, achievements) {
+  // By the numbers, led by the person's own craft (task 1004434). Each tile is
+  // number, then what it counts, then a quieter foot, as the approved mock reads.
+  function numberTile(t) {
+    return `<div class="profile-num"${t.title ? ` title="${escapeHtml(t.title)}"` : ''}>`
+      + `<span class="profile-num__n">${escapeHtml(t.n)}</span>`
+      + `<span class="profile-num__w">${escapeHtml(t.w)}</span>`
+      + (t.f ? `<span class="profile-num__f">${escapeHtml(t.f)}</span>` : '')
+      + '</div>';
+  }
+
+  // The studio's "N of M tweaked", one row per surface, on the kit's bar series:
+  // each bar is that surface's own share, so the axis is a percentage and the
+  // value cell says the count in words.
+  function surfacesHtml(surfaces) {
+    if (!surfaces.length || !window.OTBKit || !window.OTBKit.barSeriesHtml) return '';
+    const bars = window.OTBKit.barSeriesHtml(surfaces.map((s) => ({
+      label: s.label,
+      value: s.total > 0 ? (s.tweaked / s.total) * 100 : 0,
+      valueLabel: s.line,
+    })), { max: 100, tone: 'neutral', pill: true, track: 'soft', barHeight: '4px', list: true, ariaLabel: 'Pages tweaked, per surface' });
+    return `<div class="profile-surfaces"><h3 class="profile-surfaces__h">pages tweaked, per surface</h3>${bars}</div>`;
+  }
+
+  function renderNumbers(view) {
     const body = $('#numbers-body');
     if (!body) return;
-    const achCount = Array.isArray(achievements) ? achievements.length : 0;
-    body.innerHTML =
-      tile('Works shipped', fmtNum(shippedCount)) +
-      tile('Achievements', fmtNum(achCount), 'earned');
+    body.innerHTML = `<div class="profile-nums" data-count="${view.tiles.length}">${view.tiles.map(numberTile).join('')}</div>${surfacesHtml(view.surfaces)}`;
   }
 
   // ---- render: achievements shelf -----------------------------------------
@@ -777,12 +815,13 @@
 
   function renderProfile(data, selfId) {
     const builder = data.builder || {};
-    const name = builder.display_name || builder.github_login || 'Builder';
-    const shipped = Number(data.shipped_count) || 0;
-    showMessage(`${name} — ${rankLabel(normalizeRank(builder.rank))} · ${fmtNum(shipped)} work${shipped === 1 ? '' : 's'} shipped`);
-    renderHead(builder);
+    // The subtitle, the header and By the numbers all lead with the person's
+    // main craft (task 1004434) — "N works shipped" only for an engineer.
+    const view = roleHeadline(data);
+    showMessage(view.sub);
+    renderHead(builder, view);
     renderFoundingMark(builder);
-    renderNumbers(data.shipped_count, data.achievements);
+    renderNumbers(view);
     // The charts (task 1003489) read the activity route and the credits ledger
     // (task 1003491), so they need the same session the ledgers do; on the
     // viewer's own profile they add the pace.

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

@@ -34,7 +34,9 @@
           "#numbers-body",
           "#charts-controls",
           "#charts-grid",
-          "#ach-grid"
+          "#ach-grid",
+          ".profile__tally",
+          ".profile-nums"
         ]
       }
     },
@@ -88,6 +90,42 @@
         ]
       }
     },
+    "artist": {
+      "_": "An artist who has never shipped a task (task 1004434): the header and By the numbers lead with pages approved and the per-surface N of M tweaked. Fixture builders__2001__profile.",
+      "auth": true,
+      "url": "/profile?id=2001",
+      "actions": [
+        [
+          "wait",
+          1200
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#profile-head",
+          ".profile__tally",
+          ".profile-nums"
+        ]
+      }
+    },
+    "ideator": {
+      "_": "An ideator who has never shipped a task (task 1004434): thoughts filed, ignited, Full Ideas, total size with its historical-estimate mark, and what is still alive. Fixture builders__2002__profile.",
+      "auth": true,
+      "url": "/profile?id=2002",
+      "actions": [
+        [
+          "wait",
+          1200
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#profile-head",
+          ".profile__tally",
+          ".profile-nums"
+        ]
+      }
+    },
     "out": {
       "_": "A signed-out visitor with no ?id= gets renderEmpty(), not a bounce — but this state only RENDERS that empty markup against the kit's own stub. Run it WITHOUT --base-out: under the hall-preview harness's --fixture-me the /me read still answers, so `out` quietly renders the viewer's own populated profile and the empty state is never measured. That is how its two prose links sat at 18px, under the 24px control floor, through the whole re-skin (walk 1003309, fixed in task 1003497).",
       "auth": false,

package/modules/hall-ui/records/profile-roles.md

@@ -0,0 +1,32 @@
+# The role-led profile header and "By the numbers" — each person leads with their own craft (task 1004434)
+
+**WA6.RP04 (goal 1000095, criterion `<redacted>`).** The pixel contract is the owner-approved mock `docs/design/mocks/profile-roles/index.html` (task 1004431). Before this, the header's subtitle and the first tile said "N works shipped" for everybody, so an artist with nine approved pages read as someone who had done nothing.
+
+## What the page says now
+
+- **The subtitle** under the h1 is the main craft's headline: "N works shipped" (engineer), "N pages approved" (artist), "N thoughts filed" (ideator).
+- **The identity band** keeps the avatar, name, rank badge, handle, member-since and the "Answerable for" block unchanged. The "Preferred work:" line became **craft chips**, main role first ("Artist, main role"), then every other craft the server lists in `roles.shown`, which is a craft that has *earned* credits (the owner's 2026-09-30 rule; the server decides it, never this page).
+- **The tally** replaces the credits/karma column: the studio's corner tally carried onto the profile, the total first and then the two numbers the main craft leads with (engineer: works shipped, karma; artist: pages approved, this week; ideator: thoughts filed, ignited).
+- **By the numbers** is the main craft's set of tiles, then one headline tile per other shown craft. The artist adds the studio's "N of M tweaked" per surface underneath, on `OTBKit.barSeriesHtml` with this sheet only moving the three cells into the mock's layout (name and count on a line, the bar under them).
+
+## Where the words live
+
+`public/profile-roles.js` (`window.OTBProfileRoles.headline`) is **pure** and decides every word and number; `profile.js` only draws. This is the `profile-charts.js` precedent, and it is what lets `tests/profile_role_headline.mjs` run the real wording against the harness fixtures, the real page in a vm, and the real server reader (`src/bongos/role-stats.js`) through JSON into the real page.
+
+## Rules an edit must keep
+
+- **A number the instance could not read is a dash, never a zero.** The role ports are optional; "0 pages approved" would be a claim about the person.
+- **The ~ on an ideator's total size** is the sky's historical-estimate mark; its tile's tooltip says how much is estimated.
+- **The per-surface rows follow the MAIN craft only.**
+- Every page that boots `profile.js` in a vm must load `profile-roles.js` first (`tests/helpers.mjs` `bootProfilePage` and `tests/profile_ui_cross_project.mjs` do).
+
+## Harness
+
+Three fixtures, one per craft: `builders__profile` (the engineer, id 95, the viewer's own), `<redacted>` (an artist who never shipped), `builders__2002__profile` (an ideator who never shipped, part of whose size is estimated). `profile.states.json` renders them as `own`, `artist` and `ideator`.
+
+## Deliberate differences from the mock
+
+- The engineer's tally shows **karma** where the mock shows "+120 this week", and the fourth engineer tile is **achievements** where the mock shows a shipping streak: neither weekly engineer credits nor a weekly streak is in the profile read, and a number the page cannot read is not drawn.
+- The engineer tile "works shipped" has no "across N goals" foot, the ideator's "thoughts filed" no "since <month>" foot, the artist's "credits from pages" no "N a page" foot, and the surface rows no "where" sub-label: none of those is in the read.
+- **Karma ends every artist's and ideator's set of tiles**, which the mock does not draw. The owner's call, reviewing this build on 2026-10-01: "karma for artists and ideators is definitely key". The engineer's set carries it already.
+- The tiles' grid fits at 148px rather than 170px, so five tiles sit on one row inside the hall's narrower panel.

package/modules/provisioning/planet-physics.js

@@ -14,6 +14,9 @@
 //   6 rewards     reward_intents (all being considered — intent, never binding)
 //   7 framing     framing (A–D: managed, hybrid, local, open-source) and services
 //
+// plus `voice` (planet · professional), which nobody is asked: it follows the entity
+// answer (spec D5) and can be switched later.
+//
 // THREE KINDS OF QUESTION. `one` takes a single member of its list, `many` takes an
 // array of members (stored de-duplicated, in the list's own order, so two spellings of
 // one answer store the same bytes), and `count` takes a whole number in a range.
@@ -100,6 +103,11 @@ const PLANET_PHYSICS_QUESTIONS = Object.freeze({
   reward_intents: Object.freeze({ kind: 'many', values: Object.freeze(['non-monetary', 'cash', 'equity', 'future-payouts']) }),
   framing: Object.freeze({ kind: 'one', values: FRAMINGS }),
   services: Object.freeze({ kind: 'many', values: SERVICES }),
+  // Not a question: the VOICE the project's copy speaks in (spec D5, task 1004419). The
+  // startup flow sets it from the entity answer — the planet voice for individuals and
+  // groups, a plain professional one for a formed organization — and stores it here
+  // so the project's settings can switch it later with an ordinary PATCH …/detail.
+  voice: Object.freeze({ kind: 'one', values: Object.freeze(['planet', 'professional']) }),
 });
 
 // The answer as it may be STORED, or undefined when it is not one. `many` answers come

package/modules/provisioning/soft-limits.js

@@ -42,6 +42,15 @@ const SOFT_LIMIT_RULES = Object.freeze([
     effect: 'hide',
     reason: 'Your planet is new, so there is nothing built yet to describe.',
   }),
+  // Task 1004419: question 6 is hidden for a founder building alone with nobody
+  // expected — one builder now AND one by month three. Expecting company keeps it.
+  Object.freeze({
+    id: 'rewards-need-other-builders',
+    when: { builders_at_start: { in: [1] }, builders_expected: { in: [1] } },
+    options: ['reward_intents'],
+    effect: 'hide',
+    reason: "You're building solo, so there is nobody to reward yet. Expect builders to join and the question comes back.",
+  }),
   Object.freeze({
     id: 'equity-needs-a-company',
     when: { entity: { in: ['intent-company', 'intent-nonprofit', 'intent-solo', 'intent-unsure', 'university-project', 'social-group', 'private-individual'] } },