@bongos/core 1.19.440 → 1.19.441

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
@@ -1471,7 +1466,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 +1542,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 +1681,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);
@@ -1911,7 +1927,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 +2046,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 +2072,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 +2133,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

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"] } },

package/public-landing/projects.states.json

@@ -15,7 +15,8 @@
     "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]] } },

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.441'; // 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');

package/tests/projects_hub.mjs

@@ -384,9 +384,9 @@ test('the platform has a self entry in the TABLE, not only in the sky', () => {
   // reason: stripApexOnly() is a string transform and cannot reach JS output
   assert.match(HUB, /id="selfOrb"/, 'the sky keeps its self orb');
   assert.match(HUB, /id="selfRow"/, 'the table needs one too — this is the bug');
-  // and the row must sit INSIDE the tbody the renderer owns
-  const tbody = (HUB.match(/<tbody id="mapRows">([\s\S]*?)<\/tbody>/) || [, ''])[1];
-  assert.match(tbody, /id="selfRow"/, 'the self row belongs in #mapRows');
+  // and the row must sit INSIDE the list the renderer owns
+  const rows = (HUB.match(/<ul class="tbl" id="mapRows">([\s\S]*?)<\/ul>/) || [, ''])[1];
+  assert.match(rows, /id="selfRow"/, 'the self row belongs in #mapRows');
 });
 
 test('both self entries are apex-only — a child instance has no "this platform"', () => {
@@ -404,9 +404,9 @@ test('the renderer preserves the self row exactly as it preserves the self orb',
   // delete a static row on the first catalog paint
   assert.doesNotMatch(SCRIPT, /\$\('mapRows'\)\.innerHTML\s*=/,
     'a wholesale innerHTML= on #mapRows destroys the static self row');
-  assert.match(SCRIPT, /querySelectorAll\('tr\[data-generated\]'\)/,
+  assert.match(SCRIPT, /querySelectorAll\('li\[data-generated\]'\)/,
     'generated rows must be removed selectively, like .worldOrb[data-generated]');
-  assert.match(SCRIPT, /<tr data-generated[ >]/, 'generated rows must be markable');
+  assert.match(SCRIPT, /<li class="tblRow" data-generated[ >]/, 'generated rows must be markable');
 });
 
 test('"only mine" no longer hides the platform from a signed-in builder', () => {
@@ -573,11 +573,11 @@ test('exactly one hall-URL derivation: the DOM for the hub, the feed for a proje
   assert.equal((SCRIPT.match(/isMember\(rel\) \? hallUrlOf\(p\) : ''/g) || []).length, 2, 'member-gated on the card AND on the row, one rule');
   assert.match(SCRIPT, /'<a class="cardHall" id="cardHall" href="' \+ esc\(hall\)/, 'the card\'s hall door is escaped');
   assert.match(SCRIPT, /'<a class="rowHall" href="' \+ esc\(hall\) \+ '" target="_blank" rel="noopener"/, 'the row\'s hall glyph is escaped and opens a new tab');
-  assert.match(SCRIPT, /: ''\) \+ hallGlyphHtml\(p, rel\) \+ '<\/td>'/, 'the glyph rides the existing door cell — no seventh column');
+  assert.match(SCRIPT, /: ''\) \+ hallGlyphHtml\(p, rel\) \+ '<\/div>'/, 'the glyph is the row\'s SECOND door, inside the one door slot — never a third');
 });
 
 test('the platform row carries a stamped, hidden hall glyph the session unhides — same tab, no target', () => {
-  const selfRow = (HUB.match(/<tr id="selfRow">([\s\S]*?)<\/tr>/) || [, ''])[1];
+  const selfRow = (HUB.match(/<li class="tblRow" id="selfRow">([\s\S]*?)\r?\n\s*<\/li>/) || [, ''])[1];
   assert.match(selfRow, /<a class="rowHall" id="selfHall" href="\{\{buildersOrigin\}\}"[^>]*hidden>/, 'server-stamped and hidden until the session says member');
   assert.match(SCRIPT, /if \(sh\) sh\.hidden = !badge \|\| !hallUrlOf\(SELF_PROJECT\);/, 'member-gated and address-gated, and null-safe: the stamp drops the anchor whole when a pack names no hall');
   assert.match(SCRIPT, /if \(p\.isSelf\) \{\r?\n\s*var a = \$\('selfHall'\);/);
@@ -614,7 +614,7 @@ test('the poster is in the world: 560 wide, one hairline, no shadow, the disc su
   assert.match(COSMOS, /\.projCard \.cardMeta dd\{[^}]*text-align:right[^}]*border-top:1px solid var\(--rule-soft\)/, 'the value right and on the same hairline');
   assert.match(COSMOS, /\.projCard \.cardRel\{[^}]*font-family:var\(--label-face\)/, 'the relationship is a mono label, not an accent pill');
   assert.doesNotMatch(COSMOS, /\.projCard \.cardMeta \.tags/, 'the card no longer renders the module list');
-  assert.match(COSMOS, /\.rowHall\{[^}]*width:28px;height:28px/, 'the row glyph clears the 24px floor');
+  assert.match(COSMOS, /\.rowHall\{[^}]*width:44px;height:40px/, 'the row\'s second door is a door, not a glyph: the same 40px the "view" pill stands at');
 });
 
 test('the row keeps its own Open link working underneath the card', () => {
@@ -631,14 +631,16 @@ test('the row keeps its own Open link working underneath the card', () => {
    task 1002772 when a project began DECLARING it at creation — a nullable
    declared field, so an em dash now means "not declared", never a guess. ── */
 
-test('every table column has a source — Type is declared, never guessed', () => {
-  const thead = (HUB.match(/<thead>([\s\S]*?)<\/thead>/) || [, ''])[1];
-  assert.match(thead, />Type</, 'Type has a source now: the project declares it at creation (task 1002772)');
-  assert.match(SCRIPT, /typeHtml\(p\.type\)/, 'the Type cell must read the declared field through the one formatter');
-  assert.match(thead, />Builders</);
-  assert.match(thead, />Runs</);
-  assert.match(SCRIPT, /p\.builders/, 'the Builders cell must read real data');
-  assert.match(SCRIPT, /tagsHtml\(p\.tags\)/, 'the Runs cell must read real data');
+test('every fact the row states has a source — Type is declared, never guessed', () => {
+  // the header row left with the table (task 1003356): a fact is a line now, so
+  // what once had to be a column with a source is a line with a source
+  const facts = (SCRIPT.match(/function factLines\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
+  assert.ok(facts, 'factLines() must exist');
+  assert.match(facts, /typeHtml\(p\.type\)/, 'the Type line must read the declared field through the one formatter');
+  assert.match(facts, /p\.builders/, 'the Builders line must read real data');
+  assert.match(facts, /shippedFigure\(p\)/, 'shipped-in-30-days is the feed\'s own figure, capped mark and all');
+  assert.match(facts, /listedDate\(p\.created_at\)/, 'the Listed date is the catalog\'s');
+  assert.match(SCRIPT, /tagsHtml\(p\.tags\)/, 'the Runs line must read real data');
   // the wizard files the declaration with the create — the source end of the pipe
   assert.match(SCRIPT, /type: state\.projType/, 'the create request carries the declared type');
 });
@@ -712,13 +714,20 @@ test('a renumbering of the wizard invalidates old drafts — the key carries the
   assert.equal(count, 8, 'gate + six numbered steps + done — bump DRAFT_KEY when this changes');
 });
 
-test('header and body agree on the column count', () => {
-  // a stray <td> shifts every cell after it — silent, and only visible on screen
-  const n = ((HUB.match(/<thead>([\s\S]*?)<\/thead>/) || [, ''])[1].match(/<th/g) || []).length;
-  const selfRow = (HUB.match(/<tr id="selfRow">([\s\S]*?)<\/tr>/) || [, ''])[1];
-  const generated = (SCRIPT.match(/return '<tr data-generated([\s\S]*?)'<\/tr>';/) || [, ''])[1];
-  assert.equal((selfRow.match(/<td/g) || []).length, n, 'the self row must match the header');
-  assert.equal((generated.match(/<td/g) || []).length, n, 'a generated row must match the header');
+test('every row lays the same five parts — the ledger has no ragged row', () => {
+  // a stray <td> used to shift every cell after it; the ledger's version of that
+  // bug is a row that skips one grid area, which silently collapses its track
+  const selfRow = (HUB.match(/<li class="tblRow" id="selfRow">([\s\S]*?)\r?\n\s*<\/li>/) || [, ''])[1];
+  const generated = (SCRIPT.match(/return '<li class="tblRow" data-generated([\s\S]*?)'<\/li>';/) || [, ''])[1];
+  assert.ok(selfRow && generated, 'both row templates must keep their extractable shape');
+  // the generated row builds its planet into a local first, so the parts test
+  // reads that expression too — otherwise dropping the planet would go unseen
+  const planet = (SCRIPT.match(/var planet = '<span class="worldOrb"[\s\S]*?;\r?\n/) || [''])[0];
+  for (const part of ['worldOrb', 'tWho', 'facts', 'ptag', 'runs', 'rowDoors']) {
+    assert.match(selfRow, new RegExp('class="[^"]*\\b' + part + '\\b'), `the self row is missing its ${part}`);
+    assert.match(generated + planet, new RegExp('class="[^"]*\\b' + part + '\\b'), `a generated row is missing its ${part}`);
+  }
+  assert.match(generated, /' \+ planet \+/, 'the generated row plants the planet it built');
 });
 
 test('no sort control is offered for a column that cannot sort', () => {
@@ -735,22 +744,25 @@ test('no sort control is offered for a column that cannot sort', () => {
 test('the table is in the world: a masthead, then ledger rows — no panel, no shadow, the accent only on the row\'s door (task 1003332)', () => {
   // the owner's pick from three rendered treatments: the view title in the display
   // voice and one chrome object; the title is two words ("every project", the owner cut ", as rows")
-  assert.match(HUB, /<div class="tblMast">\s*<h2 class="tblTitle">every project<\/h2>\s*<span class="mastObj" aria-hidden="true"><\/span>\s*<\/div>\s*<table class="tbl">/, 'one masthead ahead of the table');
+  assert.match(HUB, /<div class="tblMast">\s*<h2 class="tblTitle">every project<\/h2>\s*<span class="mastObj" aria-hidden="true"><\/span>\s*<\/div>/, 'one masthead ahead of the rows');
   assert.doesNotMatch(HUB, /tblMast--t[123]|data-tbl|mastCallouts|mastField/, 'the render round\'s switch and the unpicked mastheads left with the pick');
-  assert.match(COSMOS, /\.tbl\{width:100%;border-collapse:collapse;background:none;\}/, 'the rows sit on the page ground — no card');
-  assert.doesNotMatch((COSMOS.match(/\.tbl\{[^}]*\}/) || [''])[0], /border-radius|box-shadow/, 'no radius, no shadow on the table');
-  assert.match(COSMOS, /\.tbl td\{padding:17px 14px;border-bottom:1px solid var\(--rule-soft\);/, 'ledger rows: hairlines');
-  assert.match(COSMOS, /\.tbl tbody tr:hover td\{border-bottom-color:var\(--ink-faint\);\}/, 'hover is the hairline taking ink, not an accent tint');
-  assert.match(COSMOS, /\.rowGo\{[^}]*color:var\(--accent-deep\);text-decoration:underline;/, 'the row\'s door is accent text');
-  assert.match(HUB, /<a class="rowGo" href="\/">Open →<\/a>/, 'the self row\'s door');
+  // the table itself left with task 1003356: a list of ledger rows, no header
+  // row, no cell borders, no <table> wearing a role it no longer has
+  assert.doesNotMatch(HUB, /<table class="tbl">|<thead>|<th class="col/, 'the table markup, its header row and its cells are gone');
+  assert.match(COSMOS, /\.tbl\{list-style:none;margin:0;padding:0;\}/, 'the rows sit on the page ground — no card, no table');
+  assert.doesNotMatch((COSMOS.match(/\.tbl\{[^}]*\}/) || [''])[0], /border-radius|box-shadow/, 'no radius, no shadow on the list');
+  assert.match(COSMOS, /\.tbl \.tblRow:last-child\{border-bottom:1px solid var\(--rule-soft\);\}/, 'ledger rows: hairlines, and the last one closes');
+  assert.match(COSMOS, /\.tbl \.tblRow:hover\{border-top-color:var\(--ink-faint\);\}/, 'hover is the hairline taking ink, not an accent tint');
+  assert.match(COSMOS, /\.rowGo\{[^}]*border:1px solid var\(--rule\);border-radius:var\(--radius-pill\);/, 'the row\'s door is the mine row\'s hairline pill');
+  assert.match(HUB, /<a class="rowGo" href="\/">view<\/a>/, 'the self row\'s door');
   assert.match(SCRIPT, /'<a class="rowGo" href="' \+ esc\(safeHttpUrl\(p\.origin\)\)/, 'the generated rows\' door');
   assert.match(COSMOS, /\.mastObj\{display:block;--dia:clamp\(96px,10vw,132px\);[^}]*background-image:var\(--plate-set-cut\);/, 'the object is the set\'s small bead by token, in both modes');
   assert.doesNotMatch(COSMOS, /mix-blend-mode:var\(--mast/, 'the cutout needs no blend — the view wrap is a stacking context');
 });
 
-test('every live column keeps its styling — .colType included since task 1002772', () => {
-  for (const live of ['.tbl .num', '.tbl .tags', '.colTags', '.colType', '.typeTag']) {
-    assert.ok(COSMOS.includes(live), `${live} styles a column that renders real data`);
+test('every live part of the row keeps its styling — .typeTag included since task 1002772', () => {
+  for (const live of ['.tbl .facts', '.tbl .runs', '.tbl .tags', '.tbl .ptag', '.typeTag']) {
+    assert.ok(COSMOS.includes(live), `${live} styles a part of the row that renders real data`);
   }
   // the type tag is its own vocabulary: not the relationship .pill, not the
   // liveness .chip — two different facts must not wear the same chrome
@@ -766,8 +778,11 @@ test('every live column keeps its styling — .colType included since task 10027
 test('unknown and zero are rendered as different things', () => {
   // 0 builders is a real answer — "nobody has joined yet". null is not an
   // answer at all. Collapsing them would restate the lie 1002764 removed.
-  assert.match(SCRIPT, /p\.builders == null \? '—'/,
-    'only null becomes a dash; 0 must render as 0');
+  // since task 1003356 the fact is a line, so the two answers are two sentences
+  assert.match(SCRIPT, /p\.builders == null \? 'builders not known'/,
+    'only null says "not known"');
+  assert.match(SCRIPT, /esc\(String\(p\.builders\)\) \+ \(p\.builders === 1 \? ' builder' : ' builders'\)/,
+    '0 must render as "0 builders" — a real answer, not an absence');
 });
 
 test('a project that cannot be reached degrades to a dash, not to a wrong number', () => {
@@ -796,7 +811,7 @@ test('each card fact is wired to its data, not just present in the markup', () =
   assert.match(SCRIPT, /cardFact\('cardRuns', runsOf\(p\)\)/, 'runs is the address on the poster');
   const runs = (SCRIPT.match(/function runsOf\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
   assert.match(runs, /hostOf\(p\.origin\)/, 'the address is the catalog origin\'s host');
-  assert.match(SCRIPT, /'<td class="colTags">' \+ tagsHtml\(p\.tags\)/, 'the table row keeps the module list');
+  assert.match(SCRIPT, /'<div class="runs"><span class="rLbl">runs<\/span>' \+ tagsHtml\(p\.tags\)/, 'the table row keeps the module list, under its own label');
   assert.match(SCRIPT, /cardFact\('cardOwner', rel === 'owner' \? '' : ownerHtml\(p\), true\)/,
     'owner comes from the enrichment and yields to the rel chip saying "yours"');
   const oh = (SCRIPT.match(/function ownerHtml\(p\)\s*\{([\s\S]*?)\n  \}/) || [, ''])[1];
@@ -907,21 +922,21 @@ test('the card metadata block lives inside the card, not a hideable sub-view', (
    ignores clicks inside an <a> so real links keep their jobs — but this link
    had no job, so the click was swallowed AND went nowhere. ── */
 
-test('the self row Open is a real link home, not an unwired hook', () => {
-  const selfRow = (HUB.match(/<tr id="selfRow">([\s\S]*?)<\/tr>/) || [, ''])[1];
-  assert.match(selfRow, /<a[^>]*href="\/"[^>]*>Open/,
-    'the platform project IS this site — its Open navigates to /');
+test('the self row\'s door is a real link home, not an unwired hook', () => {
+  const selfRow = (HUB.match(/<li class="tblRow" id="selfRow">([\s\S]*?)\r?\n\s*<\/li>/) || [, ''])[1];
+  assert.match(selfRow, /<a[^>]*href="\/"[^>]*>view/,
+    'the platform project IS this site — its door navigates to /');
   assert.doesNotMatch(selfRow, /target=/,
     'a new tab for the page you are already on is a bug, not a courtesy');
   assert.doesNotMatch(HUB, /data-self-open/, 'the never-wired hook must not survive');
 });
 
-test('no anchor in the table ships a placeholder href', () => {
+test('no anchor in the every-project list ships a placeholder href', () => {
   // href="#" is the shape of this bug: a dead link wearing button clothes
-  const table = (HUB.match(/<table[\s\S]*?<\/table>/) || [''])[0];
-  assert.ok(table, 'the table must be findable');
-  assert.doesNotMatch(table, /href="#"/, 'no anchor in the table may ship href="#"');
-  const generated = (SCRIPT.match(/return '<tr data-generated([\s\S]*?)'<\/tr>';/) || [, ''])[1];
+  const rows = (HUB.match(/<ul class="tbl" id="mapRows">[\s\S]*?<\/ul>/) || [''])[0];
+  assert.ok(rows, 'the list must be findable');
+  assert.doesNotMatch(rows, /href="#"/, 'no anchor in the list may ship href="#"');
+  const generated = (SCRIPT.match(/return '<li class="tblRow" data-generated([\s\S]*?)'<\/li>';/) || [, ''])[1];
   assert.doesNotMatch(generated, /href="#"/, 'generated rows must not ship placeholders either');
 });
 
@@ -958,11 +973,11 @@ test('a project both featured and owned renders once, marked owned', () => {
 test('owned truth reaches the TABLE too — same list, same chip, same manage job', () => {
   // the count, the sky and the table read ONE merged browse list; an owned row
   // carries chipFor()'s truth in Status and routes its click to manage
-  const generated = (SCRIPT.match(/return '<tr data-generated([\s\S]*?)'<\/tr>';/) || [, ''])[1];
+  const generated = (SCRIPT.match(/return '<li class="tblRow" data-generated([\s\S]*?)'<\/li>';/) || [, ''])[1];
   assert.ok(generated, 'the generated-row template must keep its extractable shape');
   assert.match(generated, /data-manage/, 'an owned row carries the manage route key');
-  assert.match(generated, /p\._inst \? chipFor\(p\._inst\)/, 'an owned row\'s Status is the overlay truth');
-  assert.match(generated, /chip calm/, 'an unprobed catalog row keeps the honest calm dash');
+  assert.match(generated, /p\._inst \? chipFor\(p\._inst\)/, 'an owned row\'s chip is the overlay truth');
+  assert.match(generated, /chip calm[\s\S]{0,80}not checked/, 'an unprobed catalog row says so in words beside the name');
   assert.match(SCRIPT, /tr\.hasAttribute\('data-manage'\)\) return goToManage/,
     'an owned row click goes to manage, exactly like its orb');
 });
@@ -1783,25 +1798,35 @@ test('the feed carries the owner\'s choice through a seam: platform-identity res
 
 /* ── the table's columns on FIXED tracks (task 1003348; the owner, 2026-08-29: "the
    columns in that projects table view dont look aligned") ── */
-test('one column grammar: the table lays every row on one set of fixed tracks (each header over its cells), and the mine list shares the rule', () => {
-  assert.match(COSMOS, /\.tbl\{table-layout:fixed;min-width:860px;\}/, 'the header row\'s widths are the table\'s — no per-row content sizing');
-  // the task's other half — the Your projects list — landed with task 1003345 and is pinned above
-  // ('the mine list lays every row on one set of FIXED tracks'); it is asserted here too so the two
-  // halves of the grammar can never drift apart: fixed planet + doors, ratio tracks with no content minimum
+test('one row grammar: the every-project row and the Your-projects row lay the SAME five tracks', () => {
+  // task 1003348 aligned the two views on one set of fixed tracks while one was
+  // still a table; task 1003356 gave the table the mine row's whole grammar, so
+  // the tracks must now match line for line or the two ledgers drift apart
   assert.match(COSMOS, /#view-mine \.proj\{display:grid;grid-template-columns:72px minmax\(0,1fr\);/, 'the mine row: the planet track is a width');
   assert.match(COSMOS, /#view-mine \.projBody\{display:grid;grid-template-columns:minmax\(0,1\.1fr\) minmax\(0,1\.3fr\) minmax\(0,1fr\) 232px;/, 'the mine row: name, facts and rail by ratio with no content minimum, the doors a width');
-  assert.match(COSMOS, /the same column grammar the every-project table takes/, 'the mine block names the table as its twin');
-  for (const [col, w] of [['colType', 88], ['colBuilders', 96], ['colTags', 168], ['colStatus', 224], ['colGo', 112]]) {
-    assert.match(COSMOS, new RegExp(`\\.tbl th\\.${col}\\{width:${w}px;\\}`), `${col} is a width, not a 1% hug`);
-  }
-  assert.doesNotMatch(COSMOS, /\.tbl \.col\w+\{width:1%/, 'no column hugs its widest cell any more');
-  assert.match(COSMOS, /\.tbl th\.colName\{padding-left:22px;\}/, 'the Project header sits over the name, past the dot and its gap');
-  assert.match(COSMOS, /\.tbl th\.right\{text-align:right;\}/, 'a right-aligned column\'s header is right-aligned too');
-  assert.match(HUB, /<th class="right colBuilders" data-sort="builders">/, 'the builders header names its column so its width can be set');
-  assert.match(COSMOS, /@media \(max-width:780px\)\{\.tbl \.colTags,\.tbl \.colType\{display:none;\}\.tbl\{min-width:600px;\}\}/, 'a phone scrolls the table inside its wrap');
+  assert.match(COSMOS, /\.tbl \.tblRow\{display:grid;\r?\n\s*grid-template-columns:72px minmax\(0,1\.1fr\) minmax\(0,1\.3fr\) minmax\(0,1fr\) 232px;/, 'the table row: the same five tracks, composed into one grid');
+  assert.match(COSMOS, /grid-template-areas:"orb who facts runs doors" "orb who tag runs doors";/, 'runs where the mine row draws its rail, the tagline where it puts its address');
+  assert.match(COSMOS, /the SAME five tracks in its \S\.tbl \.tblRow\S rule/, 'the mine block names the table as its twin');
+  assert.doesNotMatch(COSMOS, /table-layout:fixed|\.tbl th|\.tbl td/, 'no table rule outlived the table');
   assert.match(COSMOS, /#sub-table-body\{overflow-x:auto;\}/, 'the wrap scrolls, never the page');
 });
 
+test('the sort left the column head for a control the keyboard and a screen reader can both read (task 1003356)', () => {
+  // aria-sort is only valid on a columnheader; with no header row the order has
+  // to be stated by the control itself and by a sentence in a live region
+  assert.doesNotMatch(HUB, /aria-sort=/, 'aria-sort has no host once the header row is gone');
+  assert.match(HUB, /<div class="tblSort" role="group" aria-label="Sort the projects">/, 'the two orders are one group');
+  for (const k of ['name', 'builders']) {
+    assert.match(HUB, new RegExp(`<button type="button" class="sortPill" data-sort="${k}"`), `${k} is a real button`);
+  }
+  assert.match(HUB, /<p class="finePrint" id="mapSorted" role="status" aria-live="polite">/, 'the live order is announced, not only drawn');
+  assert.match(SCRIPT, /b\.setAttribute\('aria-pressed', on \? 'true' : 'false'\)/, 'pressed IS the live order');
+  assert.match(SCRIPT, /mapSort\.dir = \(mapSort\.key === k\) \? -mapSort\.dir : 1;/, 'pressing the pressed one reverses, exactly as the header did');
+  assert.match(SCRIPT, /\$\('mapSorted'\)\.textContent = 'Sorted by '/, 'the sentence is written from the same state the pills paint from');
+  assert.match(COSMOS, /\.tblSort button\[aria-pressed="true"\]\{background:var\(--ink\);border-color:var\(--ink\);color:var\(--bg\);\}/, 'the pressed pill inverts to ink, the mine filters\' rule');
+  assert.match(COSMOS, /\.tblSort button:focus-visible\{outline:2px solid var\(--accent\);outline-offset:2px;\}/, 'keyboard focus on the sort is visible');
+});
+
 /* ── the create wizard in the world (task 1003346; direction record §15, the pick: v1 the
    rail above, the bongo pair kept). Two sheets carry it: cosmos.css draws the FRAME by scope
    (#view-new), projects.html's own wizard block draws the wizard's structures. ── */