@bongos/core 1.19.440 → 1.19.442

package/public-landing/assets/world/r4-card-chrome.jpg.json

@@ -0,0 +1,14 @@
+{
+  "kind": "card-band",
+  "model": "soul_location (Higgsfield) — nano_banana_pro was asked first; its queue had not started a job after 25 minutes, so the round moved to the model that answered",
+  "job_id": "a9e4cb59-7436-4f8f-9289-aba9b1fd567e",
+  "aspect_ratio": "5:2",
+  "source_aspect_ratio": "21:9",
+  "generated": "2026-08-30T17:09Z",
+  "round": 4,
+  "task": 1003352,
+  "prompt": "Ultra-wide studio photograph on a pure black ground: a single sweeping ribbon of liquid chrome, polished mirror metal with soft neutral specular highlights and a faint cool blue and warm bronze reflection, curving gently through the centre-right of the frame and fading into black at both ends. Abstract material study, not an object, no recognisable shape, no product. The left third and both lower corners stay almost pure black and empty. No text, no watermark, no logo, no border, no reflection of a studio or a person. Pure black dominates the frame.",
+  "source": ".impeccable/mocks/world-assets/r4-card-chrome-src.jpg",
+  "encoded": "ffmpeg crop=2560:1024:0:24 (21:9 → 5:2, centred), JPEG -q:v 4",
+  "use": "the poster card's backdrop on /projects, chosen by an owner as card_backdrop=\"chrome\": a sweeping ribbon of liquid chrome — the world's own material with no object in it. Dark only (ADR 0204); composed so the left third and the lower corners stay near-black, where the card puts its disc, its name and its two figure callouts."
+}

package/public-landing/assets/world/r4-card-deepfield.jpg.json

@@ -0,0 +1,14 @@
+{
+  "kind": "card-band",
+  "model": "soul_location (Higgsfield) — nano_banana_pro was asked first; its queue had not started a job after 25 minutes, so the round moved to the model that answered",
+  "job_id": "debaaba3-6094-4670-9b08-c578fc6e8bb9",
+  "aspect_ratio": "5:2",
+  "source_aspect_ratio": "21:9",
+  "generated": "2026-08-30T17:09Z",
+  "round": 4,
+  "task": 1003352,
+  "prompt": "Ultra-wide deep-field astronomical photograph on a pure black ground: many very small, very distant galaxies and faint stars scattered sparsely across an almost entirely black frame, a few with the faintest cool blue or warm amber tint, no bright object anywhere, extremely quiet and even. No planets, no moons, no large nebula, no ground plane, no horizon, no lens flare, no text, no watermark, no logo, no border. Pure black dominates the frame.",
+  "source": ".impeccable/mocks/world-assets/r4-card-deepfield-src.jpg",
+  "encoded": "ffmpeg crop=2560:1024:0:24 (21:9 → 5:2, centred), JPEG -q:v 4",
+  "use": "the poster card's backdrop on /projects, chosen by an owner as card_backdrop=\"deepfield\": a deep field of very distant galaxies on near-black; the quietest of the four. Dark only (ADR 0204); composed so the left third and the lower corners stay near-black, where the card puts its disc, its name and its two figure callouts."
+}

package/public-landing/assets/world/r4-card-dust.jpg.json

@@ -0,0 +1,14 @@
+{
+  "kind": "card-band",
+  "model": "soul_location (Higgsfield) — nano_banana_pro was asked first; its queue had not started a job after 25 minutes, so the round moved to the model that answered",
+  "job_id": "7ec35328-3943-4765-8dd7-8392fb8c48c3",
+  "aspect_ratio": "5:2",
+  "source_aspect_ratio": "21:9",
+  "generated": "2026-08-30T17:09Z",
+  "round": 4,
+  "task": 1003352,
+  "prompt": "Ultra-wide cinematic deep-space photograph on a pure black ground: soft interstellar dust lanes in warm bronze and dark amber sweeping diagonally across the centre-right, very low contrast, a haze rather than a shape, a scatter of tiny faint stars. The left third and both lower corners stay almost pure black and empty. No planets, no moons, no nebula pillars, no ground plane, no horizon, no lens flare, no text, no watermark, no logo, no border. Pure black dominates the frame.",
+  "source": ".impeccable/mocks/world-assets/r4-card-dust-src.jpg",
+  "encoded": "ffmpeg crop=2560:1024:0:24 (21:9 → 5:2, centred), eq=gamma=1.20, JPEG -q:v 4",
+  "use": "the poster card's backdrop on /projects, chosen by an owner as card_backdrop=\"dust\": warm bronze dust lanes, very low contrast; a haze rather than a shape. Dark only (ADR 0204); composed so the left third and the lower corners stay near-black, where the card puts its disc, its name and its two figure callouts."
+}

package/public-landing/assets/world/r4-card-nebula.jpg.json

@@ -0,0 +1,14 @@
+{
+  "kind": "card-band",
+  "model": "soul_location (Higgsfield) — nano_banana_pro was asked first; its queue had not started a job after 25 minutes, so the round moved to the model that answered",
+  "job_id": "35ad2c18-aaa3-413c-9fd8-958e5017d77c",
+  "aspect_ratio": "5:2",
+  "source_aspect_ratio": "21:9",
+  "generated": "2026-08-30T17:09Z",
+  "round": 4,
+  "task": 1003352,
+  "prompt": "Ultra-wide cinematic deep-space photograph on a pure black ground: a faint nebula wash in muted violet and deep blue with a soft bronze warmth drifting through the centre-right of the frame, very sparse pin-sharp stars of varied brightness, gentle depth. The left third and both lower corners stay almost pure black and empty. No planets, no moons, no ground plane, no horizon, no lens flare, no text, no watermark, no logo, no border. Pure black dominates the frame.",
+  "source": ".impeccable/mocks/world-assets/r4-card-nebula-src.jpg",
+  "encoded": "ffmpeg crop=2560:1024:0:24 (21:9 → 5:2, centred), eq=gamma=1.75:saturation=1.30, JPEG -q:v 4 — the render was too dark to read at the card's 560px; a gamma lift raises the wash without crushing the black the disc and the name sit on (contrast would have)",
+  "use": "the poster card's backdrop on /projects, chosen by an owner as card_backdrop=\"nebula\": a violet-and-bronze nebula wash, sparse stars — the field's own language in the card's shape. Dark only (ADR 0204); composed so the left third and the lower corners stay near-black, where the card puts its disc, its name and its two figure callouts."
+}

package/public-landing/projects-floor.states.json

@@ -1,5 +1,5 @@
 {
-  "_": "The all-null floor card (task 1003301) on the hub's own catalog (task 1003345): the same page, the same stub, the catalog aliased to featured-hub.json — the landing's three plus Tidewater, a null row nobody owns. Demo, the landing catalog's floor row, is owned by the signed-in stub, and an owned orb's plain click opens its manage view, never its card. Rendered by name: node modules/ui-design/kit/render.js --states public-landing/projects-floor.states.json",
+  "_": "The all-null floor card (task 1003301) on the hub's own catalog (task 1003345): the same page, the same stub, the catalog aliased to featured-hub.json — the landing's three plus Tidewater, a null row nobody owns. Demo, the landing catalog's floor row, is owned by the signed-in stub, and an owned orb's plain click opens its manage view, never its card. Since task 1003352 it also carries the card BACKDROP state: featured-hub gives Off the Boats a card_backdrop, so the owner's plate can be seen standing in front of the project's own picture. Rendered by name: node modules/ui-design/kit/render.js --states public-landing/projects-floor.states.json",
   "page": "/projects",
   "surface": "public-landing",
   "modes": [
@@ -58,6 +58,33 @@
           "#cardListed"
         ]
       }
+    },
+    "card-backdrop": {
+      "auth": true,
+      "actions": [
+        [
+          "dispatchClick",
+          "#orbField a.worldOrb[data-origin=\"https://amazonprimea.com\"]"
+        ],
+        [
+          "wait",
+          600
+        ]
+      ],
+      "expect": {
+        "dialog": true,
+        "visible": [
+          "#cardArt",
+          "#cardOpen"
+        ],
+        "attr": [
+          [
+            "#cardArt",
+            "src",
+            "/assets/world/r4-card-nebula.jpg"
+          ]
+        ]
+      }
     }
   }
 }

package/public-landing/projects.html

@@ -492,37 +492,32 @@ summary{min-height:24px;padding:3px 0;}
       <h2 class="tblTitle">every project</h2>
       <span class="mastObj" aria-hidden="true"></span>
     </div>
-    <table class="tbl">
-      <thead>
-        <tr>
-          <th class="colName" data-sort="name" aria-sort="ascending"><button type="button" class="thSort">Project</button></th>
-          <th class="colType">Type</th>
-          <th class="right colBuilders" data-sort="builders"><button type="button" class="thSort">Builders</button></th>
-          <th class="colTags">Runs</th>
-          <th class="right colStatus">Status</th>
-          <th class="colGo"></th>
-        </tr>
-      </thead>
-      <tbody id="mapRows">
-        <!-- The platform's own row. Static and apex-only for exactly the reason
-             the orb above is (stripApexOnly() is a string transform that cannot
-             reach anything a script renders later), and preserved across
-             re-renders by the same data-generated contract renderOrbs uses. -->
-        <!--apex-only:start-->
-        <tr id="selfRow">
-          <td class="colName"><span class="pname"><span class="pdot" style="--acc:var(--accent)"></span>
-            <span><span class="ptitle" data-brand-product-inline>Cloud Bongos</span><span id="selfPill"></span><br>
-            <span class="ptag">this platform</span></span></span></td>
-          <td class="colType">—</td>
-          <td class="right num" id="selfBuilders">—</td>
-          <td class="colTags" id="selfTags">—</td>
-          <td class="right colStatus"><span class="chip calm"><span class="cdot"></span>—</span></td>
-          <td class="colGo"><a class="rowGo" href="/">Open →</a><a class="rowHall" id="selfHall" href="{{buildersOrigin}}" aria-label="Builders' hall" title="Builders' hall" hidden><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M2.8 7.4 10 3.5l7.2 3.9"/><path d="M5.2 8.8v5.6M10 8.8v5.6M14.8 8.8v5.6"/><path d="M3.4 16.3h13.2"/></svg></a></td>
-        </tr>
-        <!--apex-only:end-->
-      </tbody>
-    </table>
-    <p class="finePrint" style="text-align:center">Sort by Project or Builders.</p>
+    <!-- The sort left the column head with the header row (task 1003356): a
+         ledger row has no columns to head, so the two orders are hairline
+         pills in the mine view's own grammar — real buttons, aria-pressed, the
+         live order stated under the list where a screen reader hears it. -->
+    <div class="tblSort" role="group" aria-label="Sort the projects">
+      <span class="sortLbl">sort</span>
+      <button type="button" class="sortPill" data-sort="name" aria-pressed="true">name <span class="dir">a to z</span></button>
+      <button type="button" class="sortPill" data-sort="builders" aria-pressed="false">builders</button>
+    </div>
+    <ul class="tbl" id="mapRows">
+      <!-- The platform's own row. Static and apex-only for exactly the reason
+           the orb above is (stripApexOnly() is a string transform that cannot
+           reach anything a script renders later), and preserved across
+           re-renders by the same data-generated contract renderOrbs uses. -->
+      <!--apex-only:start-->
+      <li class="tblRow" id="selfRow">
+        <span class="worldOrb" data-shape="pair" data-style="chrome" data-template="pair-chrome" style="--acc:var(--accent);--d:64px" aria-hidden="true"><span class="disc"></span></span>
+        <div class="tWho"><span class="ptitle" data-brand-product-inline>Cloud Bongos</span><span id="selfPill"></span><span class="chip calm"><span class="cdot"></span>not checked</span></div>
+        <div class="facts"><span class="fact" id="selfBuilders">builders not known</span><span class="fact" id="selfShipped" hidden></span></div>
+        <p class="ptag">this platform</p>
+        <div class="runs"><span class="rLbl">runs</span><span id="selfTags">—</span></div>
+        <div class="rowDoors"><a class="rowGo" href="/">view</a><a class="rowHall" id="selfHall" href="{{buildersOrigin}}" aria-label="Builders' hall" title="Builders' hall" hidden><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M2.8 7.4 10 3.5l7.2 3.9"/><path d="M5.2 8.8v5.6M10 8.8v5.6M14.8 8.8v5.6"/><path d="M3.4 16.3h13.2"/></svg></a></div>
+      </li>
+      <!--apex-only:end-->
+    </ul>
+    <p class="finePrint" id="mapSorted" role="status" aria-live="polite">Sorted by name, A to Z.</p>
   </div>
 
   <!-- The project card. An OVERLAY inside the map, not a fourth view: opening
@@ -774,6 +769,18 @@ summary{min-height:24px;padding:3px 0;}
         </details>
       </div>
 
+      <!-- its card (task 1003352): the poster card's backdrop, a plate the
+           platform drew. Beside the planet, on the same settings channel, and
+           like it: nothing is pushed to the project and nothing restarts. -->
+      <div class="card mSec" id="mCard">
+        <h2>Its card</h2>
+        <div id="mCardPick"><p class="finePrint">Reading the project…</p></div>
+        <details class="finePrint" id="mCardWhat">
+          <summary>What the choice changes</summary>
+          <p>The backdrop behind this project’s name on its card — the panel that opens when someone picks it out of the map. Four plates the platform drew, or the project’s own picture if you have given it one. Saving here changes nothing on the project itself: no restart, nothing to apply.</p>
+        </details>
+      </div>
+
       <!-- live since task 1003042: the teardown control, for a project in ANY
            state that still holds something. The server used to refuse a
            'requested' or an 'error' project outright — and force-teardown reused
@@ -1471,7 +1478,9 @@ summary{min-height:24px;padding:3px 0;}
   }
   function typeHtml(t) {
     var l = typeLabel(t);
-    return l ? '<span class="typeTag">' + l + '</span>' : '—';
+    /* a ledger row's fact is a self-describing line, so "not declared" is said
+       in words where the table's Type cell used to print a dash (task 1003356) */
+    return l ? '<span class="typeTag">' + l + '</span>' : 'type not declared';
   }
   function matchesMapQuery(p, q) {
     if (!q) return true;
@@ -1545,44 +1554,63 @@ summary{min-height:24px;padding:3px 0;}
     });
   }
 
+  /* ── the row's facts, the ledger grammar (task 1003356) ──
+     Each fact is one self-describing label-face line, the shape the Your-projects
+     row uses, so the two views read as one ledger. The distinction the columns
+     drew survives the move: "we could not ask" (null) and "we asked, the answer
+     is none" (0) are two different sentences, not a dash and a zero. A figure
+     that was never a column — shipped in 30 days, the Listed date — takes no
+     space when it has no answer, the poster card's own rule. */
+  function factLines(p) {
+    var out = ['<span class="fact">' + typeHtml(p.type) + '</span>'];
+    out.push('<span class="fact">' + (p.builders == null ? 'builders not known'
+      : esc(String(p.builders)) + (p.builders === 1 ? ' builder' : ' builders')) + '</span>');
+    var shipped = shippedFigure(p);
+    if (shipped) out.push('<span class="fact">' + esc(shipped) + ' shipped in 30 days</span>');
+    if (p.created_at) out.push('<span class="fact">listed ' + esc(listedDate(p.created_at)) + '</span>');
+    return out.join('');
+  }
+
   function renderRows(list) {
     var body = $('mapRows');
     /* replace only the generated rows — the platform's own row is static
        apex-only markup and must survive every re-render, for the same reason
        #selfOrb does in the sky. It stays pinned first: it is "this platform",
        not a peer in the catalog's sort order. */
-    body.querySelectorAll('tr[data-generated]').forEach(function (n) { n.remove(); });
+    body.querySelectorAll('li[data-generated]').forEach(function (n) { n.remove(); });
     body.insertAdjacentHTML('beforeend', list.map(function (p) {
       var rel = relOf(p);
-      var pill = rel === 'owner' ? ' <span class="pill">yours</span>'
-        : rel === 'builder' ? ' <span class="pill">you build here</span>' : '';
-      return '<tr data-generated ' + (p._inst ? 'data-manage="' + esc(String(p._inst.id)) + '" ' : '') +
-        'data-origin="' + esc(String(p.origin || '')) + '">' +
-        '<td class="colName"><span class="pname"><span class="pdot" style="--acc:' +
-          accentOf(p) + '"></span>' +
-          '<span>' + (p._inst
+      var pill = rel === 'owner' ? '<span class="pill">yours</span>'
+        : rel === 'builder' ? '<span class="pill">you build here</span>' : '';
+      /* the project's own planet, the object the sky and the Your-projects row
+         already draw — the owner's chosen template and colour first (task
+         1003347), the slug walk otherwise. Decorative here: the name beside it
+         is the row's accessible door. */
+      var planet = '<span class="worldOrb"' + planetAttrs({ tpl: templateOf(p) }) +
+        ' style="--acc:' + accentOf(p) + ';--d:64px" aria-hidden="true"><span class="disc"></span></span>';
+      return '<li class="tblRow" data-generated ' + (p._inst ? 'data-manage="' + esc(String(p._inst.id)) + '" ' : '') +
+        'data-origin="' + esc(String(p.origin || '')) + '">' + planet +
+        '<div class="tWho">' + (p._inst
             ? '<a class="ptitle" data-manage="' + esc(String(p._inst.id)) + '" href="?view=manage&id=' + esc(String(p._inst.id)) + '">' + esc(p.name) + '</a>'
-            : '<span class="ptitle">' + esc(p.name) + '</span>') + pill + '<br>' +
-          '<span class="ptag">' + esc(p.tagline || '') + '</span></span></span></td>' +
-        /* Builders and Runs come from the project's OWN public API, enriched
-           server-side (task 1002771). null is unknown — the project was
-           unreachable — and an em dash says exactly that. 0 is a real answer and
-           renders as 0, because "nobody has joined yet" is a different fact from
-           "we could not ask". */
-        '<td class="colType">' + typeHtml(p.type) + '</td>' +
-        '<td class="right num">' + (p.builders == null ? '—' : esc(String(p.builders))) + '</td>' +
-        '<td class="colTags">' + tagsHtml(p.tags) + '</td>' +
+            : '<span class="ptitle">' + esc(p.name) + '</span>') + pill +
         /* liveness on a CATALOG row is NOT probed by this surface — a chip
            saying "live" there would claim more than anything verified (C6).
            An OWNED row is different: the own-scoped feed answers for it, so
            it carries chipFor()'s truth, the same chip its orb and its manage
            card show (task 1002744). */
-        '<td class="right colStatus">' + (p._inst ? chipFor(p._inst)
-          : '<span class="chip calm"><span class="cdot"></span>—</span>') + '</td>' +
-        '<td class="colGo">' + (safeHttpUrl(p.origin)
-          ? '<a class="rowGo" href="' + esc(safeHttpUrl(p.origin)) + '" target="_blank" rel="noopener">Open →</a>'
-          : '') + hallGlyphHtml(p, rel) + '</td>' +
-        '</tr>';
+        (p._inst ? chipFor(p._inst)
+          : '<span class="chip calm"><span class="cdot"></span>not checked</span>') + '</div>' +
+        '<div class="facts">' + factLines(p) + '</div>' +
+        '<p class="ptag">' + esc(p.tagline || '') + '</p>' +
+        /* Runs stays the module list here, where the poster card's Runs is the
+           address (direction §7): null is "we could not ask", [] is "core" */
+        '<div class="runs"><span class="rLbl">runs</span>' + tagsHtml(p.tags) + '</div>' +
+        /* at most two doors (task 1003356): the site, and the hall where the
+           viewer builds there and the hall answers at a different address */
+        '<div class="rowDoors">' + (safeHttpUrl(p.origin)
+          ? '<a class="rowGo" href="' + esc(safeHttpUrl(p.origin)) + '" target="_blank" rel="noopener">view</a>'
+          : '') + hallGlyphHtml(p, rel) + '</div>' +
+        '</li>';
     }).join(''));
   }
 
@@ -1665,7 +1693,7 @@ summary{min-height:24px;padding:3px 0;}
     }
     if (row) {
       row.hidden = !selfShown;
-      $('selfPill').innerHTML = badge ? ' <span class="pill">' + badge + '</span>' : '';
+      $('selfPill').innerHTML = badge ? '<span class="pill">' + badge + '</span>' : '';
       /* the hall glyph: member-gated (the badge says so) and address-gated */
       var sh = $('selfHall');
       if (sh) sh.hidden = !badge || !hallUrlOf(SELF_PROJECT);
@@ -1804,7 +1832,7 @@ summary{min-height:24px;padding:3px 0;}
     var href = p.isSelf ? '/' : safeHttpUrl(p.origin);
     /* the art: catalog text an Archon typed, scheme-checked server-side and
        again here before it becomes a src */
-    cardArt(p.isSelf ? '' : safeHttpUrl(p.art_url));
+    cardArt(p.isSelf ? '' : (backdropPlate(p.card_backdrop) || safeHttpUrl(p.art_url)));
     $('cardDot').style.setProperty('--acc', p.isSelf ? 'var(--accent)' : accentOf(p));
     $('cardName').textContent = p.name || '';
     $('cardTag').textContent = p.tagline || '';
@@ -1911,7 +1939,7 @@ summary{min-height:24px;padding:3px 0;}
     }
     /* the row's own "Open →" keeps its job — the card is for the rest of the row */
     if (ev.target.closest && ev.target.closest('a')) return;
-    var tr = ev.target.closest && ev.target.closest('tr');
+    var tr = ev.target.closest && ev.target.closest('li');
     if (!tr || !isPlainClick(ev)) return;
     if (tr.id === 'selfRow') return openCard(SELF_PROJECT, selfRel(), null);
     /* an owned row goes to MANAGE, exactly like its orb — two views, one job */
@@ -2030,7 +2058,7 @@ summary{min-height:24px;padding:3px 0;}
         var rows = (d && d.leaderboard) || [];
         if (!rows.length) return;
         var real = rows.filter(function (b) { return !/-system$/.test(String(b.github_login || '')); });
-        $('selfBuilders').textContent = String(real.length);
+        $('selfBuilders').textContent = real.length === 1 ? '1 builder' : real.length + ' builders';
         /* the card reads these too: the same payload answers the platform's
            builder count and its owner — the archon row — by the same rule the
            server-side enrichment applies to every other project */
@@ -2056,6 +2084,10 @@ summary{min-height:24px;padding:3px 0;}
         var n = d.tasks.filter(function (t) { return Date.parse(t && t.shipped_at) >= since; }).length;
         SELF_PROJECT.shipped_30d = n;
         SELF_PROJECT.shipped_30d_capped = d.tasks.length >= 200 && n === d.tasks.length;
+        /* the row's own fact, by the same rule every other row's is written */
+        var sf = $('selfShipped');
+        sf.textContent = shippedFigure(SELF_PROJECT) + ' shipped in 30 days';
+        sf.hidden = false;
       })
       .catch(function () { /* unknown stays unknown: the figure hides */ });
   }
@@ -2113,21 +2145,33 @@ summary{min-height:24px;padding:3px 0;}
 
   $('onlyMine').addEventListener('change', applyMapFilter);
   $('mapQ').addEventListener('input', applyMapFilter);
-  /* the sort control is the BUTTON, not the th: a th takes no focus and no
-     Enter/Space, so the column sort was mouse-only. aria-sort stays on the th,
-     which is where a screen reader reads it from. */
-  document.querySelectorAll('.tbl th[data-sort]').forEach(function (th) {
-    var btn = th.querySelector('button');
-    if (!btn) return;
+  /* ── the sort, off the column head (task 1003356) ──
+     A ledger row has no columns to head, so aria-sort has no host: the two
+     orders are toggle buttons in a group, pressed = the live order, and the
+     sentence under the list states it for a screen reader that never saw the
+     press. Pressing the pressed one reverses, exactly as the header did. */
+  var SORT_WORDS = { name: ['a to z', 'z to a'], builders: ['fewest first', 'most first'] };
+  function paintSort() {
+    document.querySelectorAll('.tblSort button[data-sort]').forEach(function (b) {
+      var on = b.getAttribute('data-sort') === mapSort.key;
+      b.setAttribute('aria-pressed', on ? 'true' : 'false');
+      var dir = b.querySelector('.dir');
+      if (on && !dir) { dir = document.createElement('span'); dir.className = 'dir'; b.appendChild(document.createTextNode(' ')); b.appendChild(dir); }
+      if (dir) { dir.hidden = !on; dir.textContent = on ? SORT_WORDS[mapSort.key][mapSort.dir === 1 ? 0 : 1] : ''; }
+    });
+    $('mapSorted').textContent = 'Sorted by ' + mapSort.key + ', ' +
+      SORT_WORDS[mapSort.key][mapSort.dir === 1 ? 0 : 1] + '.';
+  }
+  document.querySelectorAll('.tblSort button[data-sort]').forEach(function (btn) {
     btn.addEventListener('click', function () {
-      var k = th.getAttribute('data-sort');
+      var k = btn.getAttribute('data-sort');
       mapSort.dir = (mapSort.key === k) ? -mapSort.dir : 1;
       mapSort.key = k;
-      document.querySelectorAll('.tbl th[data-sort]').forEach(function (o) { o.removeAttribute('aria-sort'); });
-      th.setAttribute('aria-sort', mapSort.dir === 1 ? 'ascending' : 'descending');
+      paintSort();
       applyMapFilter();
     });
   });
+  paintSort();
 
   /* ══ THE LIVING SKY (task 1002762) ═════════════════════════════════════════
      The retired gate's cluster, rewritten for the hub. Physics is the gate's
@@ -4819,6 +4863,7 @@ summary{min-height:24px;padding:3px 0;}
     /* its planet (task 1003347) reads off the row — fetch-free too; a pick in
        progress survives the tick because only a different project re-renders it */
     renderPick(inst);
+    renderCardPick(inst);
     /* the page names its project — the heading holds #mName; and in the tab */
     document.title = (inst.slug ? inst.slug + ' — ' : '') + BASE_TITLE;
     /* the card's own story, on the project's own page (task 1003232): the
@@ -5400,6 +5445,20 @@ summary{min-height:24px;padding:3px 0;}
   var PICK_STYLES = [['tint', 'tinted'], ['wash', 'washed'], ['plain', 'plain']];
   var PICK_ACCENTS = [['sea', 'sea'], ['terracotta', 'terracotta'], ['gold-soft', 'soft gold'], ['sun-lit', 'sunlit'], ['accent', 'the accent']];
   var PICK_FIELDS = { mPickShape: 'shape', mPickMaterial: 'material', mPickStyle: 'style', mPickAccent: 'accent' };
+  /* ── the card's backdrop (task 1003352): the same KIND of key as the planet —
+     a closed list of platform-drawn plates, saved on the same settings channel,
+     pushed to no instance and restarting nothing. '' is "its own picture": the
+     card falls back to the project's art_url, which is all it read before. The
+     plates are the world's own material (DESIGN.md, round 4), dark only. ── */
+  var CARD_BACKDROPS = [['', 'its own picture'], ['nebula', 'nebula'], ['dust', 'dust'], ['deepfield', 'deep field'], ['chrome', 'chrome']];
+  var CARD_PLATES = { nebula: 'r4-card-nebula.jpg', dust: 'r4-card-dust.jpg', deepfield: 'r4-card-deepfield.jpg', chrome: 'r4-card-chrome.jpg' };
+  var CARD_WORDS = { nebula: 'a violet and bronze nebula wash', dust: 'warm bronze dust lanes',
+    deepfield: 'a deep field of distant galaxies', chrome: 'a sweep of liquid chrome' };
+  /* a key → the plate's path, or '' for anything this platform does not draw
+     (an unknown key from an older row must never become a broken src) */
+  function backdropPlate(key) {
+    return CARD_PLATES[key] ? '/assets/world/' + CARD_PLATES[key] : '';
+  }
   var mPick = null;         /* the pending choice: { shape, material, style, accent } */
   var mPickFor = null;      /* which project it belongs to — a different one starts afresh */
   var mPickTouched = false; /* the owner changed something since the seed — a late catalog must not undo it */
@@ -5508,6 +5567,79 @@ summary{min-height:24px;padding:3px 0;}
     });
   }
 
+  /* ── its card (task 1003352; the owner's ask on the planet round: "this could
+     also house project card backdrop customization"). Its own section BESIDE the
+     planet rather than inside it, so each heading stays true — one is how the
+     project is drawn everywhere, the other is one surface's backdrop. Same
+     mechanics as the planet, key for key: reads off the row, saves on the
+     settings PATCH, and the reply is a receipt the card repaints from. ── */
+  var mCard = null;         /* the pending choice: the backdrop key, or '' */
+  var mCardFor = null;      /* which project it belongs to */
+  function renderCardPick(inst) {
+    if (mCard === null || mCardFor !== inst.id) { mCard = inst.card_backdrop || ''; mCardFor = inst.id; }
+    var plate = backdropPlate(mCard);
+    $('mCardPick').innerHTML =
+      '<div class="pick">' +
+        '<div class="pickPreview"><span class="cardBand"' +
+          (plate ? ' style="background-image:url(' + esc(plate) + ')"' : ' data-own') + ' aria-hidden="true"></span>' +
+          /* the line speaks for the ROW, so a pick that is ahead of the row says
+             so — the preview above it is already showing the plate */
+          '<p class="pickWords">' + esc(CARD_WORDS[mCard] || 'the project’s own picture, when it has one') +
+          '<small>' + (mCard !== (inst.card_backdrop || '') ? 'not saved yet'
+            : inst.card_backdrop ? 'your choice' : 'nothing chosen') + '</small></p></div>' +
+        '<div class="pickBands">' + pickBand('Backdrop', 'mCardBackdrop', CARD_BACKDROPS, mCard) + '</div>' +
+      '</div>' +
+      '<div class="actions"><button type="button" class="btn small" data-card-save>Save its card</button></div>' +
+      '<div class="projMsg" id="mCardMsg" role="status" aria-live="polite"></div>';
+  }
+  $('mCardPick').addEventListener('change', function (ev) {
+    var t = ev.target;
+    if (!t || t.type !== 'radio' || t.name !== 'mCardBackdrop' || !manageInst) return;
+    mCard = t.value;
+    renderCardPick(manageInst);   /* the preview follows the pick, keeping the cell's focus */
+    var again = document.querySelector('#mCardPick input[value="' + t.value + '"]');
+    if (again) again.focus({ preventScroll: true });
+  });
+  $('mCardPick').addEventListener('click', function (ev) {
+    var t = ev.target.closest && ev.target.closest('button');
+    if (t && t.hasAttribute('data-card-save')) doCardSave();
+  });
+  function doCardSave() {
+    if (!manageInst || mCard === null) return;
+    var box = $('mCardMsg');
+    document.querySelectorAll('#mCardPick .actions button').forEach(function (b) { b.disabled = true; });
+    box.className = 'projMsg'; box.textContent = 'Saving…';
+    fetch(API + '/provisioning/instances/' + encodeURIComponent(manageId) + '/settings', {
+      method: 'PATCH', credentials: 'same-origin', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ card_backdrop: mCard || null })
+    }).then(function (res) {
+      return jsonOrEmpty(res).then(function (data) {
+        if (res.ok) {
+          /* the row now holds the choice; the card reads it from there */
+          manageInst.card_backdrop = (data.planet || {}).card_backdrop || null;
+          var row = byId[manageInst.id];
+          if (row) row.card_backdrop = manageInst.card_backdrop;
+          mCard = null;
+          renderCardPick(manageInst);
+          var done = $('mCardMsg');
+          done.className = 'projMsg ok';
+          done.textContent = (data.push && data.push.message) || 'Saved.';
+          loadCatalog();
+          return;
+        }
+        var e = apiError(data, res.status);
+        if (res.status === 401) { box.className = 'projMsg err'; box.innerHTML = signInAgain(); return; }
+        box.className = 'projMsg err';
+        box.textContent = e.message || 'The choice could not be saved — try again in a moment.';
+      });
+    }).catch(function () {
+      box.className = 'projMsg err';
+      box.textContent = 'Couldn’t reach the platform — check your connection and try again.';
+    }).then(function () {
+      document.querySelectorAll('#mCardPick .actions button').forEach(function (b) { b.disabled = false; });
+    });
+  }
+
   /* ── how people join (task 1003044): the joinability toggle — the visibility
      section's shape, key for key: the CHOICE from the platform's settings row,
      what the project RUNS from its own manifest (brand.project.joinability),

package/public-landing/projects.probes.json

@@ -75,8 +75,16 @@
                   "text": [["#cardRel", "yours"]], "href": [["#cardOpen", "/"]] } },
     { "name": "the table: the hall glyph rides the door cell on the one member row whose hall is elsewhere, and on the platform's row", "continue": true,
       "steps": [["press", "Escape"], ["wait", 150], ["click", "#projTrig"], ["wait", 120], ["click", "a[data-sub=\"table\"]"], ["wait", 300]],
-      "expect": { "dialog": false, "visible": ["#selfHall"], "count": [["#mapRows tr[data-generated] .rowHall", 1], ["#mapRows tr[data-generated] td", 42]],
-                  "href": [["#mapRows tr[data-generated] .rowHall", "https://builders.amazonprimea.com/"]] } },
+      "expect": { "dialog": false, "visible": ["#selfHall"], "count": [["#mapRows li[data-generated] .rowHall", 1], ["#mapRows li[data-generated] .facts", 7], ["#mapRows li[data-generated] .runs", 7], ["#mapRows li[data-generated] .rowDoors", 7]],
+                  "href": [["#mapRows li[data-generated] .rowHall", "https://builders.amazonprimea.com/"]] } },
+    { "name": "the table: the sort left the column head — the pills carry the order, and the sentence under the list states it (task 1003356)", "continue": true,
+      "steps": [["click", ".tblSort button[data-sort=\"builders\"]"], ["wait", 200]],
+      "expect": { "attr": [[".tblSort button[data-sort=\"builders\"]", "aria-pressed", "true"], [".tblSort button[data-sort=\"name\"]", "aria-pressed", "false"]],
+                  "text": [["#mapSorted", "Sorted by builders, fewest first."]] } },
+    { "name": "the table: pressing the pressed sort reverses it, exactly as the column header did", "continue": true,
+      "steps": [["click", ".tblSort button[data-sort=\"builders\"]"], ["wait", 200]],
+      "expect": { "attr": [[".tblSort button[data-sort=\"builders\"]", "aria-pressed", "true"]],
+                  "text": [["#mapSorted", "Sorted by builders, most first."]] } },
     { "name": "back to the sky for the rest of the sequence", "continue": true,
       "steps": [["click", "#projTrig"], ["wait", 120], ["click", "a[data-sub=\"sky\"]"], ["wait", 300]],
       "expect": { "hidden": ["#sub-table-body"] } },
@@ -123,6 +131,12 @@
     { "name": "manage flows: try again from the snagged project's own page re-files it too", "auth": true, "width": 1440, "url": "/projects?view=manage&id=103",
       "steps": [["wait",900],["click","[data-m-retry]"],["wait",900]],
       "expect": {"text":[["#mMsg","Queued. The platform picks it up from here."]],"hasClass":[["#mMsg","ok",true]],"hidden":["#mAddress"]} },
+    { "name": "manage flows: its card (task 1003352) — pick the nebula plate; save; the receipt lands and the preview takes the plate", "auth": true, "width": 1440, "url": "/projects?view=manage&id=101",
+      "steps": [["wait",900],["check","#mCardPick input[name=\"mCardBackdrop\"][value=\"nebula\"]"],["wait",150],["click","[data-card-save]"],["wait",700]],
+      "expect": {"text":[["#mCardMsg","Saved. The sky, your list and the card draw it this way from here; nothing on your project restarts for it."]],"hasClass":[["#mCardMsg","ok",true]],"count":[["#mCardPick .cardBand[data-own]",0]]} },
+    { "name": "manage flows: its card — handing it back to the platform restores the project's own picture", "continue": true,
+      "steps": [["check","#mCardPick input[name=\"mCardBackdrop\"][value=\"\"]"],["wait",150],["click","[data-card-save]"],["wait",700]],
+      "expect": {"hasClass":[["#mCardMsg","ok",true]],"count":[["#mCardPick .cardBand[data-own]",1]]} },
     { "name": "manage flows: how people join — pick a cell, save, the receipt lands under the choice", "auth": true, "width": 1440, "url": "/projects?view=manage&id=101",
       "steps": [["wait",900],["check","input[name=\"mJoinPick\"][value=\"apply\"]"],["click","[data-join-save]"],["wait",600]],
       "expect": {"text":[["#mJoinMsg","Saved. The project restarts to apply it."],["#mName","demo"]],"checked":"input[name=\"mJoinPick\"][value=\"apply\"]","visible":["#mOrb .worldOrb","#mFacts .ledger .k"]} },

package/public-landing/projects.states.json

@@ -15,11 +15,13 @@
     "in-map-kbd": { "auth": true, "actions": [["focus", "#projTrig"], ["press", "Enter"], ["wait", 350], ["press", "ArrowDown"], ["wait", 120]], "expect": { "expanded": true, "activeText": "Table" } },
     "in-map-search": { "auth": true, "actions": [["clickIfVisible", "#qToggle"], ["wait", 200], ["fill", "#mapQ", "emer"], ["wait", 300]], "expect": { "value": [["#mapQ", "emer"]] } },
     "in-map-mine-on": { "auth": true, "actions": [["check", "#onlyMine"], ["wait", 300]], "expect": { "checked": "#onlyMine" } },
-    "in-table": { "auth": true, "actions": [["click", "#projTrig"], ["wait", 250], ["click", "a[data-sub=\"table\"]"], ["wait", 400]], "expect": { "visible": ["#sub-table-body", ".tblMast", ".mastObj", "#selfHall"], "closed": "#menuProjects", "count": [["#mapRows tr[data-generated] .rowHall", 1]] } },
+    "in-table": { "auth": true, "actions": [["click", "#projTrig"], ["wait", 250], ["click", "a[data-sub=\"table\"]"], ["wait", 400]], "expect": { "visible": ["#sub-table-body", ".tblMast", ".mastObj", "#selfHall"], "closed": "#menuProjects", "count": [["#mapRows li[data-generated] .rowHall", 1], ["#mapRows .tblRow .facts", 7], ["#mapRows .tblRow .rowDoors", 7]], "text": [["#mapSorted", "Sorted by name, a to z."]] } },
+    "in-table-by-builders": { "auth": true, "actions": [["click", "#projTrig"], ["wait", 250], ["click", "a[data-sub=\"table\"]"], ["wait", 400], ["click", ".tblSort button[data-sort=\"builders\"]"], ["wait", 200]], "expect": { "visible": ["#sub-table-body"], "attr": [[".tblSort button[data-sort=\"builders\"]", "aria-pressed", "true"], [".tblSort button[data-sort=\"name\"]", "aria-pressed", "false"]], "text": [["#mapSorted", "Sorted by builders, fewest first."]] } },
     "in-mine": { "auth": true, "url": "/projects?view=mine", "expect": { "hidden": ["#qWrap", "#empty"], "visible": ["#mineBar", "#projectsList", "#projectsList .proj .worldOrb .disc"], "count": [["#projectsList .proj", 5], ["#projectsList .proj.gone", 1], ["#projectsList .proj .worldOrb[data-shape][data-material][data-style]", 5], ["#projectsList .proj .worldOrb[data-template=\"blob-frost-tint\"]", 1], ["#projectsList .proj .strip", 1], ["#projectsList .proj .worldOrb.ashen", 2], ["#projectsList .proj .actions a", 7], ["#projectsList .proj .actions button", 0]] } },
     "in-manage": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mMain", "#mChip .chip", "#mOrb .worldOrb", "#mFacts .ledger .k", "#mActs", "#mAddress"], "hidden": ["#qWrap", "#mGate", "#mMissing", "#mErr"], "text": [["#mName", "demo"], ["#mTitle", "demo"]] } },
     "in-manage-address": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mAddress", "#mAddress h2", "#mDom .plain", "#mDomName", "#mDom [data-m-attach]", "#mDomWhat summary"], "count": [["#mDom .attach input[type=text]", 1], ["#mDom .attach button", 1]] } },
     "in-manage-planet": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mPlanetPick", "#mPick .pick .pickPreview .worldOrb .disc", "#mPick [data-pick-save]", "#mPick [data-pick-reset]", "#mPickWhat summary"], "count": [["#mPick .pickCells[role=\"radiogroup\"]", 3], ["#mPick .pickCell", 10], ["#mPick .pickCell.on", 3], ["#mPick .pickSw", 5], ["#mPick .pickSw.on", 1]], "attr": [["#mPick .pickPreview .worldOrb", "data-template", "pair-obsidian-tint"], ["#mOrb .worldOrb", "data-template", "pair-obsidian-tint"]], "checked": "#mPick input[name=\"mPickAccent\"][value=\"sea\"]", "text": [["#mPlanet .v small", "your choice."]] } },
+    "in-manage-card": { "auth": true, "url": "/projects?view=manage&id=101", "expect": { "visible": ["#mCard", "#mCardPick .pick .pickPreview .cardBand", "#mCardPick [data-card-save]", "#mCardWhat summary"], "count": [["#mCardPick .pickCells[role=\"radiogroup\"]", 1], ["#mCardPick .pickCell", 5], ["#mCardPick .pickCell.on", 1]], "checked": "#mCardPick input[name=\"mCardBackdrop\"][value=\"\"]", "attr": [["#mCardPick .cardBand", "data-own", ""]] } },
     "in-manage-snag": { "auth": true, "url": "/projects?view=manage&id=103", "expect": { "visible": ["#mMain", "#mErr", "#mActs"], "hidden": ["#mAddress"], "text": [["#mName", "tidepool"]] } },
     "in-manage-gone": { "auth": true, "url": "/projects?view=manage&id=104", "expect": { "visible": ["#mMain", "#mActs"], "hidden": ["#mErr", "#mAddress"], "text": [["#mName", "old-lantern"]] } },
     "in-manage-missing": { "auth": true, "url": "/projects?view=manage&id=999", "expect": { "visible": ["#mMissing"], "hidden": ["#mMain", "#mGate"] } },

package/src/module-api.js

@@ -33,7 +33,7 @@ const { validateOrRespond, LIMITS, parseId, asyncHandler, corsPublicGet, parsePa
 // there. scripts/gds/bump-version.js still rewrites the literal below; it appends
 // the entry to that file. Look for a version's history there, not here.
 // ---------------------------------------------------------------------------
-const CORE_VERSION = '1.19.440'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.19.442'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('dev-box'); log.info('mounted');