@bongos/core 1.24.42 → 1.24.44

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

@@ -174,6 +174,47 @@
               </div>
             </section>
 
+            <!-- ============ yours: only on your own profile (task 1005050) ============ -->
+
+            <!-- Accomplishments folded into this page (owner decision 2026-11-03,
+                 idea 1001315): what was only ever yours there lives here, and
+                 profile-own.js draws it ONLY on the viewer's own profile. Every
+                 section starts hidden, and so does the screen's rail key, so
+                 someone else's profile never shows it. -->
+            <section class="scroll" id="rank-scroll" aria-labelledby="rank-standing-h" data-group="yours" hidden>
+              <h2 id="rank-standing-h" class="scroll__h">Where you stand</h2>
+              <div id="rank-standing-body"><div class="hall-loading" role="status">Loading…</div></div>
+            </section>
+            <section class="scroll" id="grades-scroll" aria-labelledby="marks-h" data-group="yours" hidden>
+              <h2 id="marks-h" class="scroll__h">Reviews</h2>
+              <table class="ledger" id="recent-grades"><thead><tr><th>№</th><th>Work</th><th>Score</th><th>Verdict</th><th>Reviewed</th></tr></thead>
+                <tbody><tr><td colspan="5" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>
+              <p class="ledger__note" id="grades-rolling-note" hidden></p>
+            </section>
+            <section class="scroll" id="karma-scroll" aria-labelledby="karma-h" data-group="yours" hidden>
+              <h2 id="karma-h" class="scroll__h">Karma</h2>
+              <p class="scroll__lede">Ideas passed, peer votes and approvals earn karma. Shipped work earns <span data-currency-label>credits</span>.</p>
+              <table class="ledger" id="karma-feed"><thead><tr><th>When</th><th>Delta</th><th>Reason</th><th>Granted by</th></tr></thead>
+                <tbody><tr><td colspan="4" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>
+            </section>
+            <section class="scroll" id="acclaim-scroll" aria-labelledby="acclaim-h" data-group="yours" hidden>
+              <h2 id="acclaim-h" class="scroll__h">Peer recognition</h2>
+              <p class="scroll__lede">Vote on others’ finished work. A vote counts toward their karma after a week.</p>
+              <table class="ledger" id="acclaim-feed"><thead><tr><th>Work</th><th>By</th><th>Votes</th></tr></thead>
+                <tbody><tr><td colspan="3" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>
+              <div id="acclaim-pager-mount"></div>
+            </section>
+            <section class="scroll" id="analytics-scroll" aria-labelledby="curve-h" data-group="yours" hidden>
+              <h2 id="curve-h" class="scroll__h">Progress</h2>
+              <p class="scroll__lede">How your work has changed over time. <span id="curve-scope-note"></span></p>
+              <div class="curve" id="curve-body">
+                <div class="profile__placeholder" id="curve-empty" style="display:none;">Not enough shipped work yet to chart.</div>
+                <div class="curve__headline" id="curve-headline"></div>
+                <div class="curve__grid" id="curve-grid"></div>
+                <div class="curve__kinds" id="curve-kinds"></div>
+              </div>
+            </section>
+
             <!-- ============ connections: hub-only ============ -->
 
             <!-- Connections — section 6 of the profile-page spec (R20, task
@@ -205,10 +246,10 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<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-11-05-oversight"></script>
-<script src="/builders/shell.js?v=2026-11-05-setup-gate"></script>
+<script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
+<script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
+<script src="/builders/shell.js?v=2026-11-05-goals"></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 -->
@@ -237,6 +278,8 @@
      what the tabs draw. Both loaded BEFORE profile.js. -->
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>
 <script src="/builders/profile-crafts.js?v=2026-10-01-crafts"></script>
-<script src="/builders/profile.js?v=2026-10-01-roles"></script>
+<!-- task 1005050: the "Just you" screen, drawn only on your own profile. -->
+<script src="/builders/profile-own.js?v=2026-11-05-own"></script>
+<script src="/builders/profile.js?v=2026-11-05-own"></script>
 </body>
 </html>

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

@@ -862,13 +862,21 @@
     { id: 'works', label: 'Works' },
     { id: 'activity', label: 'Activity' },
     { id: 'connections', label: 'Connections' },
+    // task 1005050: Accomplishments' private half, offered on your own profile only.
+    { id: 'yours', label: 'Just you' },
   ];
   const RAIL_GROUPS = RAIL_ITEMS.map((i) => i.id);
   let rail = null;
 
+  // True once render() has drawn the "Just you" screen — the viewer's own profile.
+  let ownShown = false;
+  // Whether the profile asked for is the viewer's own: /profile with no id, or an
+  // ?id= equal to the viewer's. Settled in load() from the REQUEST, before any
+  // profile data is read, so someone else's profile can never count as yours.
+  let ownRequest = false;
   function railItems() {
     const conn = $('#conn-scroll');
-    return RAIL_ITEMS.filter((i) => i.id !== 'connections' || (conn && !conn.hidden));
+    return RAIL_ITEMS.filter((i) => (i.id !== 'connections' || (conn && !conn.hidden)) && (i.id !== 'yours' || ownShown));
   }
 
   function activateGroup(group, opts) {
@@ -877,6 +885,8 @@
     if (!groups) return;
     groups.dataset.active = group;
     rail?.activate(group);
+    // task 1005050: the "Just you" screen's feeds load the first time it opens.
+    if (group === 'yours' && window.OTBProfileOwn && window.OTBProfileOwn.open) window.OTBProfileOwn.open();
     if (!opts || opts.scroll !== false) window.scrollTo({ top: 0 });
   }
 
@@ -963,6 +973,18 @@
     // reveals its own section or leaves it hidden. Optional by design: a page
     // that does not load it simply has no connections section.
     if (window.OTBConnections) window.OTBConnections.render(data, selfId);
+    // task 1005050: what only you see (Accomplishments, folded in) — your own
+    // profile only. Someone else's profile never calls it, so its screen and
+    // rail key stay hidden. The data is the viewer's own /me and public feeds.
+    if (ownRequest && selfId != null && selfMe && window.OTBProfileOwn) {
+      window.OTBProfileOwn.render({ api, API, me: selfMe });
+      ownShown = true;
+      if (rail) {
+        rail.refresh(railItems());
+        rail.activate($('#profile-groups')?.dataset.active || 'overview');
+      }
+      applyHash(); // an old Accomplishments link lands here as #yours
+    }
   }
 
   // Render the friendly "no builder chosen" empty state for a signed-out visitor
@@ -1025,7 +1047,9 @@
     const idParam = new URLSearchParams(location.search).get('id');
     try {
       if (idParam) {
-        await fetchProfile(idParam, await resolveSelfId());
+        const selfId = await resolveSelfId();
+        ownRequest = selfId != null && String(idParam) === String(selfId);
+        await fetchProfile(idParam, selfId);
         return;
       }
       // No id — soft-resolve the viewer's OWN id from /me (no hard redirect; a
@@ -1043,6 +1067,7 @@
         renderEmpty();
         return;
       }
+      ownRequest = true;
       await fetchProfile(selfId, selfId);
     } catch (err) {
       console.error('[profile] failed to load', err);

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

@@ -73,6 +73,24 @@
         ]
       }
     },
+    "yours": {
+      "_": "Your own profile's \"Just you\" screen (task 1005050): Accomplishments' private half — where you stand, reviews, karma, peer recognition, progress.",
+      "auth": true,
+      "url": "/profile#yours",
+      "actions": [
+        [
+          "wait",
+          1500
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#profile-rail",
+          "#rank-scroll",
+          "#grades-scroll"
+        ]
+      }
+    },
     "activity-artist": {
       "_": "The artist's Activity tab (task 1004435): approved pages, each with its before/after. Fixtures builders__2001__profile + copy-desk__artists__2001__pages.",
       "auth": true,

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

@@ -74,10 +74,10 @@
 
 <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-11-05-oversight"></script>
-<script src="/builders/shell.js?v=2026-11-05-setup-gate"></script>
+<script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
+<script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
+<script src="/builders/shell.js?v=2026-11-05-goals"></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/roadmap.css

@@ -1,12 +1,14 @@
-/* roadmap.css — the Roadmap "command deck" (task 1002426; lifted out of the
+/* roadmap.css — the version band at the top of Goals (task 1005051: the Roadmap
+   page folded into Goals and /roadmap redirects there). Once the Roadmap
+   "command deck" (task 1002426; lifted out of the
    page's inline <style> by task 1002176; rebuilt into the chrome world by task
    1003306, goal 1000081). The ?v= cache-bust is stamped automatically from this
    file's content hash at boot (src/asset-version.js).
 
-   THE PAGE: a program-level hero, then versions GROUPED BY their real status
-   (planning=Staged · building=In flight · frozen=Parked · shipped=Shipped),
-   and a SUMMARIZED goal layer per version (status bar + only the goals active
-   right now, the full list on the Goals page).
+   THE BAND: each version in flight (the focus version first) — its phase, name,
+   ring, task count and lifecycle bar — then the timeline. The program hero, the
+   per-version goal summaries and the staged / parked / shipped cards it drew as
+   a page went with the page; the goals are the list right below the band.
 
    It is a reading room by task, not by archetype: nothing here is long-form, so
    it does not load room.css. What it takes from the world is the world itself —
@@ -28,13 +30,6 @@
 
    `--line` is a WIDTH; the hairline's colour is --rule / --rule-soft. */
 
-body[data-page="roadmap"] {
-  --rm-plan:  color-mix(in srgb, var(--ink) 16%, var(--bg));
-  --rm-terra-weak: color-mix(in srgb, var(--terracotta) 13%, var(--bg-card));
-}
-
-.rm-num { font-variant-numeric: tabular-nums; }
-
 /* ---- shared atoms ----
    The chips are the deck's label voice: they name a KIND, so they take the
    label tokens rather than a hand-written uppercase of their own. */
@@ -66,56 +61,11 @@ body[data-page="roadmap"] {
 .rm-ring b { position:relative; z-index:1; font-family:var(--font-display); font-size:16px; font-weight:300;
   font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
 .rm-ring b i { font-style:normal; font-size:9.5px; font-weight:400; color:var(--ink-faint); }
-
-/* goal-status bar (segmented by goal COUNT: achieved / in progress / not started) */
-.rm-gbar { display:flex; height:8px; border-radius:var(--radius-pill); overflow:hidden;
-  background:var(--rule-soft); }
-.rm-gbar__s { height:100%; }
-.rm-gbar__s--ach  { background:var(--ok); }
-.rm-gbar__s--prog { background:var(--accent); }
-.rm-gbar__s--plan { background:var(--rm-plan); }
-
-/* ---- program hero ----
-   v3's figure band: one glass strip of numbers, not a tinted card. The old
-   accent gradient spent the warm colour on something nobody can press. */
-.rm-hero { background:var(--glass); border:var(--line) solid var(--glass-edge);
-  -webkit-backdrop-filter:blur(var(--glass-blur)); backdrop-filter:blur(var(--glass-blur));
-  border-radius:var(--radius); padding:var(--sp-md); margin-bottom:var(--sp-md); }
-.rm-hero__top { display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center; }
-.rm-big { display:flex; align-items:baseline; gap:3px; }
-.rm-big .n { font-family:var(--font-display); font-size:52px; font-weight:300; line-height:.95;
-  letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
-.rm-big .u { font-size:18px; font-weight:400; color:var(--ink-faint); }
-/* The cap is load-bearing — the hero's left column is `auto`, so without it the
-   caption sizes to its content and never wraps under the figure. It is a length
-   and not a `ch`: this is a label in the mono face, and a `ch` there is the zero
-   glyph's width, which is the measurement that put 90 characters on the primer. */
-.rm-lab { 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);
-  margin-top:7px; max-width:8rem; }
-.rm-hbar { height:15px; }
-.rm-stats { display:flex; flex-wrap:wrap; gap:9px 24px; margin-top:14px; }
-.rm-stat { display:flex; flex-direction:column; gap:1px; }
-.rm-stat .v { font-family:var(--font-display); font-size:19px; font-weight:300;
-  font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
-.rm-stat .k { font-size:11.5px; color:var(--ink-faint); }
-.rm-stat .v.sh { color:var(--ok); } .rm-stat .v.co { color:var(--info); } .rm-stat .v.cm { color:var(--warn); }
-.rm-hgoals { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:16px; padding-top:15px;
-  border-top:var(--line) solid var(--rule-soft); }
-.rm-hgoals .glab { 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); }
-.rm-hgoals .rm-gbar { width:200px; max-width:44vw; }
-.rm-hgoals .gleg { font-size:12.5px; color:var(--ink-soft); }
-.rm-hgoals .gleg b { color:var(--ink); font-weight:500; font-variant-numeric:tabular-nums; }
-
 /* ---- section rhythm ---- */
 .rm-sec { margin-top:var(--sp-md); }
 .rm-sec__h { display:flex; align-items:center; gap:10px; margin:0 2px 13px; }
 .rm-sec__dot { width:8px; height:8px; border-radius:50%; }
 .rm-sec__dot--flight  { background:var(--ok); }
-.rm-sec__dot--staged  { background:var(--accent); }
-.rm-sec__dot--parked  { background:var(--ink-faint); }
-.rm-sec__dot--shipped { background:var(--sea); }
 .rm-sec__t { 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); }
 .rm-sec__n { font-size:11.5px; color:var(--ink-faint); font-variant-numeric:tabular-nums;
@@ -129,10 +79,6 @@ body[data-page="roadmap"] {
 .rm-card { background:var(--bg-card); border:var(--line) solid transparent;
   border-radius:var(--radius); padding:var(--sp-md); }
 .rm-card--feat { grid-column:1 / -1; }
-.rm-card--parked { background:var(--glass); }
-/* staged is the one card that IS a drawn edge, and it earns it: a dashed border
-   is the deck's whole signal that the version is not real yet. */
-.rm-card--staged { background:none; border-style:dashed; border-color:var(--rule); }
 .rm-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
 .rm-name { font-family:var(--font-display); font-size:19px; font-weight:300; line-height:1.15;
   letter-spacing:-.03em; margin:9px 0 0; }
@@ -143,46 +89,8 @@ body[data-page="roadmap"] {
 .rm-cardprog { margin-top:14px; }
 .rm-count { display:flex; justify-content:space-between; gap:10px; font-size:12.5px; color:var(--ink-soft); margin-bottom:6px; }
 .rm-count b { color:var(--ink); font-weight:500; font-variant-numeric:tabular-nums; }
-.rm-featgrid { display:grid; grid-template-columns:1.05fr 1fr; gap:22px; align-items:start; }
-.rm-featgrid__l { min-width:0; }
 .rm-feat-top { display:flex; align-items:flex-start; gap:16px; }
 .rm-feat-top .rt { flex:1; min-width:0; }
-
-/* ---- goals block ---- */
-.rm-goals { min-width:0; }
-.rm-goals__frame { background:var(--glass); border:var(--line) solid var(--glass-edge);
-  border-radius:var(--radius-sm); padding:var(--sp-sm); }
-.rm-goals__h { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:10px; }
-.rm-goals__h .t { 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); }
-.rm-goals__h .n { font-size:12px; color:var(--ink-soft); font-variant-numeric:tabular-nums; }
-.rm-gdist { display:flex; gap:12px; flex-wrap:wrap; margin-top:9px; font-size:12.5px; color:var(--ink-soft); }
-.rm-gdist span { display:inline-flex; align-items:center; gap:6px; }
-.rm-gdist i { width:9px; height:9px; border-radius:2px; }
-.rm-gdist i.rm-ach { background:var(--ok); } .rm-gdist i.rm-prog { background:var(--accent); } .rm-gdist i.rm-plan { background:var(--rm-plan); }
-.rm-gdist b { color:var(--ink); font-weight:500; font-variant-numeric:tabular-nums; }
-.rm-ginp { margin-top:14px; }
-.rm-ginp__cap { 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); margin-bottom:2px; }
-.rm-goal { display:flex; align-items:center; gap:10px; padding:4px 0; }
-.rm-goal + .rm-goal { border-top:var(--line) solid var(--rule-soft); }
-.rm-goal__dot { flex:none; width:8px; height:8px; border-radius:50%; background:var(--accent); }
-/* THE 24px FLOOR, BOTH AXES (task 1003304's rule, applied here). This is a link
-   in a row whose only height was its 13px line box plus 7px of row padding —
-   measured 20px, and it is the deck's most-clicked target. The row's padding
-   comes down by the same amount the link's goes up, so the target grows and the
-   list does not re-space around it. */
-.rm-goal__t { flex:1; min-width:0; display:flex; align-items:center; min-height:24px; padding:3px 0;
-  font-size:13px; color:var(--ink); text-decoration:none;
-  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-a.rm-goal__t:hover { color:var(--accent-ink); text-decoration:underline; }
-.rm-goal__ready { flex:none; font-family:var(--label-face); font-size:10px; font-weight:400;
-  letter-spacing:var(--label-space); text-transform:var(--label-case);
-  color:var(--ok); background:var(--ok-weak); padding:3px 7px; border-radius:var(--radius-pill); }
-.rm-goal__meter { flex:none; width:70px; height:5px; border-radius:var(--radius-pill); background:var(--rule-soft); overflow:hidden; }
-.rm-goal__meter i { display:block; height:100%; background:var(--accent); }
-.rm-goal__n { flex:none; font-size:11.5px; color:var(--ink-soft); font-variant-numeric:tabular-nums; min-width:28px; text-align:right; }
-.rm-goal__seed { flex:none; font-size:11.5px; color:var(--ink-faint); }
 /* the same floor: this link measured 19px */
 .rm-gmore { display:inline-flex; align-items:center; gap:6px; min-height:24px; margin-top:10px; padding:3px 0;
   font-size:12.5px; font-weight:500; color:var(--accent-ink); text-decoration:none; }
@@ -194,49 +102,10 @@ a.rm-goal__t:hover { color:var(--accent-ink); text-decoration:underline; }
    above zero (see admissionNote). */
 .rm-gadm { font-size:12.5px; color:var(--warn); margin:10px 0 0; }
 .rm-gadm b { font-weight:600; }
-
-/* parked note + staged state */
-.rm-parknote { display:flex; gap:9px; font-size:12.5px; color:var(--ink-soft); background:var(--bg-card);
-  border-radius:var(--radius-sm); padding:10px 12px; margin-top:13px; }
-.rm-parknote svg { flex:none; width:15px; height:15px; margin-top:1px; color:var(--ink-faint); }
-.rm-staged-state { display:flex; align-items:center; gap:11px; margin-top:15px; padding:12px 14px;
-  border:var(--line) dashed var(--rule); border-radius:var(--radius-sm); }
-.rm-staged-state svg { flex:none; width:18px; height:18px; color:var(--accent); }
-.rm-staged-state .s1 { font-size:13px; font-weight:500; color:var(--ink); }
-.rm-staged-state .s2 { font-size:12.5px; color:var(--ink-soft); margin-top:1px; }
-.rm-staged-state .s2 b { color:var(--ink); font-weight:500; font-variant-numeric:tabular-nums; }
-
-/* shipped strip */
-.rm-shipstrip { display:flex; flex-wrap:wrap; gap:10px; }
-.rm-shippill { display:flex; align-items:center; gap:11px; min-height:38px; background:var(--bg-card);
-  border:var(--line) solid transparent; border-radius:var(--radius-pill); padding:8px 15px 8px 10px; text-decoration:none; }
-.rm-shippill:hover { border-color:var(--rule); }
-.rm-shippill .ok { width:20px; height:20px; border-radius:50%; background:var(--ok-weak); color:var(--ok);
-  display:grid; place-items:center; font-size:11px; }
-.rm-shippill .nm { font-size:13px; font-weight:500; color:var(--ink); }
-.rm-shippill .mt { font-size:11.5px; color:var(--ink-faint); font-variant-numeric:tabular-nums; }
-
 @media (max-width:820px) {
   .rm-grid { grid-template-columns:1fr; }
-  .rm-featgrid { grid-template-columns:1fr; }
-  .rm-hero__top { grid-template-columns:1fr; gap:14px; }
 }
 
-/* A goal row is dot + title + ready pill + meter + count on ONE line, and the
-   title is the only flexible item — so at 320 the four fixed ones eat the row
-   and `flex: 1; min-width: 0` resolves the title to ZERO width. Measured: a
-   0x26 link, which passes the 24px floor's height and fails its width, and is
-   invisible either way. The row wraps here instead: the title takes the first
-   line whole and the meters follow under it. */
-@media (max-width:400px) {
-  .rm-goal { flex-wrap:wrap; row-gap:2px; }
-  /* the title takes the first line whole; the meter, count and ready pill
-     follow under it. The dot goes — it is a decorative repeat of a state the
-     meter already carries, and left in place it would sit alone above the
-     title on a line of its own. */
-  .rm-goal__dot { display:none; }
-  .rm-goal__t { flex:1 0 100%; white-space:normal; }
-}
 /* Focus star (task 1004551): ink-faint when off, accent when on. */
 .rm-star { margin-left:auto; font-size:17px; line-height:1; color:var(--ink-faint); background:none; border:0; padding:0 2px; }
 .rm-star--on { color:var(--accent); }