@bongos/core 1.19.391 → 1.19.393

package/.bongos-core.json

@@ -2,22 +2,22 @@
   "artifact": "bongos-core",
   "manifest_schema": 1,
   "generator": "scripts/gds/package-core.js",
-  "core_version": "1.19.391",
-  "core_contract": "1.19.391",
-  "source_commit": "340dd8cf2dc62375b464f1deb56fa203cb37e47a",
+  "core_version": "1.19.393",
+  "core_contract": "1.19.393",
+  "source_commit": "e4673d8af6d2b24d57be0c3a9d31c15627ef07db",
   "source_ref": "HEAD",
-  "built_at": "2026-08-28T01:59:37.546Z",
+  "built_at": "2026-08-28T13:49:26.259Z",
   "redaction": {
     "model": "docs-redacted+functional-verbatim",
-    "docs_redacted": 339,
+    "docs_redacted": 340,
     "agent_docs_stubbed": 22,
-    "functional_verbatim": 1624,
+    "functional_verbatim": 1630,
     "rules": 3,
     "gate_literals": 3,
     "gate": "passed"
   },
-  "file_count": 1985,
-  "tree_sha256": "5e47c4db4acc79aeebd5d9582aa0d5bc78dfac50ac7fceab7fb64269a6c0f76b",
+  "file_count": 1992,
+  "tree_sha256": "f327722f7c80662fb8f132891464528b071371bd874c73487b6f3a55b6424113",
   "files": [
     {
       "path": ".claude/skills/blocker-review/SKILL.md",
@@ -367,7 +367,7 @@
     {
       "path": "clients/bongos-client/index.d.ts",
       "mode": "0000644",
-      "sha256": "4b36b46a77832a0f4fb56f627691e396e519ba886addcb9624db2301d67d5006"
+      "sha256": "e2924c48715177477a8f828e2118f832acad6b3f63ae7b4fe5f124e80a4e7c17"
     },
     {
       "path": "clients/bongos-client/index.mjs",
@@ -1487,12 +1487,12 @@
     {
       "path": "docs/api-reference.md",
       "mode": "0000644",
-      "sha256": "01f4d002d3ea1b02c204b48674125deae8e0ffabdd77384852cc51348ecbd18b"
+      "sha256": "3e488311a87f4db6ffbb85b26c7a61fba0204ff6cc1cc8ab6c09b2ae21cea24b"
     },
     {
       "path": "docs/api/openapi.json",
       "mode": "0000644",
-      "sha256": "246192acc035ea58448701176e6f98f6d2f0a01cf27930efcbc58c019291cd3e"
+      "sha256": "6e93e2f283103158bc46062459b79b5528424ffb57f4730eb29a1cdba1b4976b"
     },
     {
       "path": "docs/architecture.md",
@@ -1569,6 +1569,26 @@
       "mode": "0000644",
       "sha256": "c77dbf2152c6109b6ce925e2badf6dfaa74f74c2d0cb7eb76fa1101eec7b3310"
     },
+    {
+      "path": "docs/design/mocks/hub/hub-sheet.html",
+      "mode": "0000644",
+      "sha256": "195002c1d320a42f15bcae68d38fd60d49facd339a34a32860b32cbebcbf15a7"
+    },
+    {
+      "path": "docs/design/mocks/hub/v1.html",
+      "mode": "0000644",
+      "sha256": "a71d44848f98465aa5bfea1af4786c1c15841b94acd479a88f73260666812215"
+    },
+    {
+      "path": "docs/design/mocks/hub/v2.html",
+      "mode": "0000644",
+      "sha256": "5ba56b1c17921bd19032d74e7547339946e260841889fc1af35d8e07c6962cf7"
+    },
+    {
+      "path": "docs/design/mocks/hub/v3.html",
+      "mode": "0000644",
+      "sha256": "fe34413d588f2b1afd327a9246a8ce5c995cbe7e5e50232db8115d8e615b6c5d"
+    },
     {
       "path": "docs/design/mocks/landing-page-mock.html",
       "mode": "0000644",
@@ -1744,6 +1764,11 @@
       "mode": "0000644",
       "sha256": "8a8430af4bbf082d3bab28d5b82b353a6921782014c2852a87eb1056ba101722"
     },
+    {
+      "path": "docs/design/projects-hub-direction-v2.md",
+      "mode": "0000644",
+      "sha256": "a29bd3d9cfe29b4eb7dff290134d818996f691e7669d7c8f1abee3c3fd57422b"
+    },
     {
       "path": "docs/design/projects-hub-direction.md",
       "mode": "0000644",
@@ -4679,6 +4704,11 @@
       "mode": "0000644",
       "sha256": "8f03dc84d8fe3864aa5f933512df71259c266e8a16214a926cf89eaf01cc5668"
     },
+    {
+      "path": "modules/platform-identity/migrations/platform_identity_011_project_visibility.sql",
+      "mode": "0000644",
+      "sha256": "18e3641beba26d8a515616ba9bdb1bcc83151e620d6e038243d7d67850da3be8"
+    },
     {
       "path": "modules/platform-identity/module.json",
       "mode": "0000644",
@@ -4687,7 +4717,7 @@
     {
       "path": "modules/platform-identity/platform-identity.js",
       "mode": "0000644",
-      "sha256": "8e51d1b28d33534e04dffd0ac139aecb85b9f2a8e1c5a0adbd2847893b650f24"
+      "sha256": "89672916aa04ee2246df97e008ff1b42cd2945321760452676b80b26301a4783"
     },
     {
       "path": "modules/platform-identity/pollers/code-sweep.js",
@@ -4712,7 +4742,7 @@
     {
       "path": "modules/platform-identity/routes/projects.js",
       "mode": "0000644",
-      "sha256": "a3e25369ad9edc6aed1a8a6997d6b6cb794dce14abb3605954d535525af1a93a"
+      "sha256": "fc7be0e85b029ae4cd252ad9978bf64d481b743d1fc99143cf8c6bb250636bda"
     },
     {
       "path": "modules/platform-identity/routes/public-profile.js",
@@ -4732,7 +4762,7 @@
     {
       "path": "modules/platform-identity/tests/platform-identity.mjs",
       "mode": "0000644",
-      "sha256": "6f442cd4ae9ebb770e3537ae82da30e555f7e6ce3a293a60fbd154eff6c1eaf1"
+      "sha256": "dfb9a451afa52143f9d68aef371432e38b318d94fa83c8322f1dfd831780cd9c"
     },
     {
       "path": "modules/platform-identity/ui/.gitkeep",
@@ -5122,12 +5152,12 @@
     {
       "path": "package-lock.json",
       "mode": "0000644",
-      "sha256": "fa2614ac06762df93cebbd6d3b31ee9aa8610187156003199b894dedb875587c"
+      "sha256": "e07dabb4292a7652cbd2f4bf6092eb6e4037693fcd55ee4964cb6b091749228d"
     },
     {
       "path": "package.json",
       "mode": "0000644",
-      "sha256": "7ba34a8faeb6cf944e2603900caf3f203dc032a1a1eae04b87b93cf5a28cc293"
+      "sha256": "f8304e8d1f9338bccfae2cac3ea289dd58262eeccf5820857145a5490660a2e8"
     },
     {
       "path": "public-docs/index.html",
@@ -6337,7 +6367,7 @@
     {
       "path": "scripts/gds/run-unit-tests.js",
       "mode": "0000644",
-      "sha256": "21726e53ad33bef62c5a2a0e0d59c380927e06cfa00994d5bbfd9669b83ce167"
+      "sha256": "29ee6bd76bdfb65522170808b6e636032079a145df4f995570901fb4f05b6035"
     },
     {
       "path": "scripts/gds/sandbox-stage.js",
@@ -7117,7 +7147,7 @@
     {
       "path": "src/module-api.js",
       "mode": "0000644",
-      "sha256": "b5e645e16766a357b39033daec49842b257e6ce4450718d2f4e76667e4c6f304"
+      "sha256": "14825991cbc68b5a14edfedbcb6ed78739254bc02ea966ce02516f65c9d5abc0"
     },
     {
       "path": "src/module-loader/catalog.js",
@@ -9124,6 +9154,11 @@
       "mode": "0000644",
       "sha256": "6bd78c47b6dbbdd81f862df8afdc0b514e27f0ffb71d14161ac8feb19f9fbe19"
     },
+    {
+      "path": "tests/project_visibility_db.mjs",
+      "mode": "0000644",
+      "sha256": "cf233daef30554217cfcde137ad0718e2bcef3f3504198769dea6448a90af3b0"
+    },
     {
       "path": "tests/projects_hub.mjs",
       "mode": "0000644",

package/clients/bongos-client/index.d.ts

@@ -296,7 +296,7 @@ export interface PostMyProjectsJoinRequest { origin: string }
 export interface PostMyProjectsJoinResponse { ok: boolean; status: unknown; project: unknown; message: unknown }
 export interface PostOverrideRequestsIdDecideRequest { decision: string; note?: string }
 export interface PostProjectsInviteRequest { client_id: string; github_login: string }
-export interface PostProjectsRequest { origin: string; name: string; tagline?: string; art_url?: string; type?: string }
+export interface PostProjectsRequest { origin: string; name: string; tagline?: string; description?: string; art_url?: string; type?: string }
 export interface PostProjectsResponse { project: unknown }
 export interface PostProvisioningInstancesIdDomainRequest { domain: string }
 export interface PostProvisioningInstancesIdDomainResponse { ok: boolean; changed: boolean; queued: unknown; domain: unknown; message: unknown }

package/docs/api/openapi.json

@@ -19040,6 +19040,10 @@
             "type": "string",
             "maxLength": 400
           },
+          "description": {
+            "type": "string",
+            "maxLength": 2000
+          },
           "art_url": {
             "type": "string",
             "maxLength": 2048

package/docs/api-reference.md

@@ -415,7 +415,7 @@ Base path: `/api/bongos`. Ranks (enforced server-side, [ADR 0016](adr/<redacted>
 | Method | Path | Rank | Body | Description |
 |---|---|---|---|---|
 | GET | `/api/bongos/projects` | `metic+archon` | — | the full curation list (includes unfeatured + owner attribution). |
-| POST | `/api/bongos/projects` | `metic+archon` | `origin`, `name`, `tagline`, `art_url`, `type` | create / update a catalog entry (manual seed for hand-wired instances; federated projects auto-catalogue at registration). |
+| POST | `/api/bongos/projects` | `metic+archon` | `origin`, `name`, `tagline`, `description`, `art_url`, `type` | create / update a catalog entry (manual seed for hand-wired instances; federated projects auto-catalogue at registration). |
 | PATCH | `/api/bongos/projects/:id/featured` | `metic+archon` | `featured` | the feature / unfeature control (the ADR 0141 §5 curation gate). |
 | GET | `/api/bongos/projects/featured` | `public` | — | a curated public showcase; no auth by design. |
 | POST | `/api/bongos/projects/invite` | `metic+archon` | `client_id`, `github_login` | invite a builder into a project (ADR 0141 §5, task #1002115). |

package/docs/design/mocks/hub/hub-sheet.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Hub composition round: bar, dropdowns, search and the poster card, three versions (task 1003299)</title>
+<style>
+:root{--ink:#14151a;--soft:#585c6b;--faint:#8a8fa0;--line:#d9dce5;--bg:#f3f4f8;--card:#ffffff;--kick:#0b5fff;}
+:root[data-mode="dark"]{--ink:#f1f2f7;--soft:#a9aec0;--faint:#737890;--line:#2a2e3b;--bg:#0c0e14;--card:#151822;--kick:#7aa2ff;}
+@media (prefers-color-scheme:dark){:root:not([data-mode="light"]){--ink:#f1f2f7;--soft:#a9aec0;--faint:#737890;--line:#2a2e3b;--bg:#0c0e14;--card:#151822;--kick:#7aa2ff;}}
+*{box-sizing:border-box;margin:0;padding:0}
+body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding:clamp(18px,3vw,40px);-webkit-font-smoothing:antialiased;line-height:1.5}
+h1{font-size:clamp(22px,3vw,32px);letter-spacing:-.4px;margin-bottom:6px}
+.sub{color:var(--soft);max-width:100ch;font-size:14.5px;margin-bottom:8px}
+.sub b{color:var(--ink)}
+.read{border-left:3px solid var(--kick);padding:10px 14px;margin:14px 0 18px;font-size:14px;max-width:110ch;background:color-mix(in srgb,var(--kick) 7%,transparent);border-radius:0 8px 8px 0}
+.read code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}
+.read ol,.read ul{margin:6px 0 0 18px}
+.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 22px;position:sticky;top:0;background:var(--bg);padding:10px 0;z-index:5;border-bottom:1px solid var(--line)}
+.bar span{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);margin-left:10px}
+.bar span:first-child{margin-left:0}
+.bar button,.bar select{cursor:pointer;font:inherit;font-weight:600;font-size:13px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink)}
+.bar button[aria-pressed="true"]{background:var(--ink);color:var(--card);border-color:var(--ink)}
+.cand{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:16px 18px 18px;margin-bottom:22px}
+.kick{font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:var(--kick);font-weight:700}
+.cand h2{font-size:20px;margin:2px 0 4px;letter-spacing:-.2px}
+.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 22px;font-size:13.5px;color:var(--soft);margin:6px 0 12px}
+.meta b{color:var(--ink);font-weight:600}
+.meta ul{margin:2px 0 0 16px}
+.tiles{display:grid;grid-template-columns:3fr 3fr 1fr 1fr;gap:12px;align-items:start;margin-bottom:12px}
+.boards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start}
+@media (max-width:1100px){.tiles{grid-template-columns:1fr 1fr}.boards{grid-template-columns:1fr}}
+@media (max-width:640px){.tiles{grid-template-columns:1fr}}
+.tile{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}
+.tileHead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--soft);border-bottom:1px solid var(--line)}
+.tileHead a{color:var(--kick);font-weight:600;text-decoration:none;white-space:nowrap}
+.frame{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden}
+.frame iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:0 0}
+.phone .frame{aspect-ratio:390/844}
+.phone .frame iframe{width:390px;height:844px}
+.tall .frame{aspect-ratio:1440/2400}
+.tall .frame iframe{height:2400px}
+.decide{border:1.5px solid var(--kick);border-radius:16px;padding:16px 18px;margin-bottom:22px;font-size:14px;max-width:120ch}
+.decide h2{font-size:18px;margin-bottom:6px}
+.decide ol,.decide ul{margin:6px 0 0 20px}
+.decide li{margin:4px 0}
+footer{color:var(--faint);font-size:12.5px;margin-top:28px}
+</style>
+<script>
+(function(){try{var q=new URLSearchParams(location.search).get('mode');var m=(q==='light'||q==='dark')?q:'dark';document.documentElement.setAttribute('data-mode',m);}catch(e){}})();
+</script>
+</head>
+<body>
+
+<h1>The /projects hub in the chrome world: three versions of the bar, the dropdowns, the search and the poster card</h1>
+<p class="sub">Round 4 of the apex pass (task 1003299, goal 1000080), after the landing was built and <code>DESIGN.md</code> recorded the world. Each version keeps the sky, the orbs, the hover card, the toolbar, the table (plus a hall glyph), the mine view and the new view exactly as they ship today, and recomposes what the owner settled: <b>one grounded top bar</b> (not sticky), the logo as home, a <b>Projects dropdown</b> holding Map / Your projects / New project, a <b>profile dropdown</b> on the identity chip, the <b>map search in the bar</b> (hidden off the map), no Home, no hall pill (hall entry becomes a per-project affordance), and the <b>poster card</b> with its degradation ladder. Mocks are judged <b>dark first</b>; flip to light. Open this sheet from the checkout that holds <code>docs/design/mocks/hub/</code>; the tiles are local iframes.</p>
+
+<div class="read">
+<b>How to read the three.</b> Same givens, same real data, same state contract, same sky. What differs is the bar's material, the menu's mechanism and the card's composition. <b>v1 "the shelf"</b>: the landing's pill grammar set down on a real shelf; floating card panels. <b>v2 "the hairline"</b>: no pills, hairlines only; the menu unfolds as a full-width band under the bar; the card's figures are leader-line callouts on the art. <b>v3 "the glass strip"</b>: one continuous glass surface the sky shows through; segments and attached glass panels; the card's name sits on the art. The state picker flips every version to the same state at once; <b>boards</b> show every bar state, the whole card ladder and the menu component on one tall page each. <code>open full</code> walks any state at full size.
+</div>
+
+<div class="decide" id="decision">
+  <h2>The decision this round asks of the owner</h2>
+  <ol>
+    <li><b>Pick one version</b> (or name a merge: for example v1's bar with v3's card).</li>
+    <li><b>Beyond the skin.</b> Each version's head comment lists what changes on the page beyond restyling, each item tagged <code>given</code> / <code>consequence</code> / <code>proposal</code>. The proposals are yours to take or leave; they are summarised per version below and in <code>docs/design/projects-hub-direction-v2.md</code>.</li>
+    <li><b>Two things the build needs that no feed carries yet</b> (not a design question, recorded so the pick is informed): the faces and the shipped-in-30-days figure need new enrichment fields; a per-project hall address is needed to know where the hall entry shows.</li>
+  </ol>
+</div>
+
+<div class="bar">
+  <span>mode</span>
+  <button data-md="dark" aria-pressed="true" type="button">dark</button>
+  <button data-md="light" aria-pressed="false" type="button">light</button>
+  <span>state</span>
+  <select id="statePick" aria-label="State shown in the first tile of every version">
+    <option value="in-map-projects">signed in, map, Projects menu open</option>
+    <option value="in-map">signed in, map</option>
+    <option value="out-map">signed out, map</option>
+    <option value="in-map-profile">signed in, profile menu open</option>
+    <option value="in-map-focus">keyboard focus in the menu</option>
+    <option value="in-map-search">search focused with a query</option>
+    <option value="in-mine">your projects (search hidden)</option>
+    <option value="in-new">new project (search hidden)</option>
+    <option value="out-new">signed out, new project</option>
+    <option value="in-table">table view with the hall glyph</option>
+  </select>
+  <span>card</span>
+  <select id="cardPick" aria-label="Card state shown in the second tile of every version">
+    <option value="card">the platform's own project, everything present</option>
+    <option value="card-member">Off the Boats: no art, a real zero, no hall entry</option>
+    <option value="card-noart">no art</option>
+    <option value="card-nofaces">no faces</option>
+    <option value="card-onefig">one figure</option>
+    <option value="card-nofig">no figures</option>
+    <option value="card-floor">everything null: today's card</option>
+  </select>
+</div>
+
+<section class="cand" id="v1">
+  <div class="kick">v1 · the shelf</div>
+  <h2>The landing's pill grammar, set down on a real shelf</h2>
+  <div class="meta"><div><b>The bar:</b> the landing's pills on a <code>bg-frame</code> shelf, 72px, hairline edge; the search a glass pill in the left group.</div><div><b>The menu:</b> a floating card panel, 240px, 8px under its trigger; the current view a 6px accent dot.</div><div><b>The card:</b> the poster as a stack: banner, disc, name, faces, a two-up figure band, hairline ledger rows, the landing's door bar.</div><div><b>Proposes:</b> About in the menu; the card at 560; Runs as the address; the empty state as a hairline; <code>not checked</code> for the status cell.</div></div>
+  <div class="tiles">
+    <div class="tile" data-v="v1" data-kind="state"><div class="tileHead"><span class="lab">in-map-projects</span><a class="open" href="v1.html?mode=dark&state=in-map-projects" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1, the bar state picked above, 1440" loading="lazy"></iframe></div></div>
+    <div class="tile" data-v="v1" data-kind="card"><div class="tileHead"><span class="lab">card</span><a class="open" href="v1.html?mode=dark&state=card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1, the card state picked above, 1440" loading="lazy"></iframe></div></div>
+    <div class="tile phone" data-v="v1" data-kind="fixed" data-state="in-map-projects"><div class="tileHead"><span class="lab">390 · menu open</span><a class="open" href="v1.html?mode=dark&state=in-map-projects" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1 at 390, the Projects menu open" loading="lazy"></iframe></div></div>
+    <div class="tile phone" data-v="v1" data-kind="fixed" data-state="card"><div class="tileHead"><span class="lab">390 · card</span><a class="open" href="v1.html?mode=dark&state=card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1 at 390, the card" loading="lazy"></iframe></div></div>
+  </div>
+  <div class="boards">
+    <div class="tile tall" data-v="v1" data-kind="fixed" data-state="board-bar"><div class="tileHead"><span class="lab">board · every bar state</span><a class="open" href="v1.html?mode=dark&state=board-bar" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1, the bar states board" loading="lazy"></iframe></div></div>
+    <div class="tile tall" data-v="v1" data-kind="fixed" data-state="board-card"><div class="tileHead"><span class="lab">board · the card ladder</span><a class="open" href="v1.html?mode=dark&state=board-card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1, the card ladder board" loading="lazy"></iframe></div></div>
+    <div class="tile tall" data-v="v1" data-kind="fixed" data-state="board-menu"><div class="tileHead"><span class="lab">board · the menu and the search</span><a class="open" href="v1.html?mode=dark&state=board-menu" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v1, the menu component board" loading="lazy"></iframe></div></div>
+  </div>
+</section>
+
+<section class="cand" id="v2">
+  <div class="kick">v2 · the hairline</div>
+  <h2>Hairlines, not containers: the menu unfolds as a band under the bar</h2>
+  <div class="meta"><div><b>The bar:</b> no pills; the page ground closed by one hairline, 64px; a bare search field with a bottom hairline; lowercase text triggers, the open one underlined in the accent.</div><div><b>The menu:</b> a full-width band that unfolds under the bar and pushes the page down; three titled cells; the current one lit by a 2px accent hairline on top.</div><div><b>The card:</b> the specimen: the two figures as leader-line callouts on the art; a mono ledger; one accent door plus the hall as a text link.</div><div><b>Proposes:</b> the toolbar as a hairline row; the empty state as a band; About as a fourth cell; the card at 560; the under-24px controls floored.</div></div>
+  <div class="tiles">
+    <div class="tile" data-v="v2" data-kind="state"><div class="tileHead"><span class="lab">in-map-projects</span><a class="open" href="v2.html?mode=dark&state=in-map-projects" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2, the bar state picked above, 1440" loading="lazy"></iframe></div></div>
+    <div class="tile" data-v="v2" data-kind="card"><div class="tileHead"><span class="lab">card</span><a class="open" href="v2.html?mode=dark&state=card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2, the card state picked above, 1440" loading="lazy"></iframe></div></div>
+    <div class="tile phone" data-v="v2" data-kind="fixed" data-state="in-map-projects"><div class="tileHead"><span class="lab">390 · menu open</span><a class="open" href="v2.html?mode=dark&state=in-map-projects" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2 at 390, the Projects menu open" loading="lazy"></iframe></div></div>
+    <div class="tile phone" data-v="v2" data-kind="fixed" data-state="card"><div class="tileHead"><span class="lab">390 · card</span><a class="open" href="v2.html?mode=dark&state=card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2 at 390, the card" loading="lazy"></iframe></div></div>
+  </div>
+  <div class="boards">
+    <div class="tile tall" data-v="v2" data-kind="fixed" data-state="board-bar"><div class="tileHead"><span class="lab">board · every bar state</span><a class="open" href="v2.html?mode=dark&state=board-bar" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2, the bar states board" loading="lazy"></iframe></div></div>
+    <div class="tile tall" data-v="v2" data-kind="fixed" data-state="board-card"><div class="tileHead"><span class="lab">board · the card ladder</span><a class="open" href="v2.html?mode=dark&state=board-card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2, the card ladder board" loading="lazy"></iframe></div></div>
+    <div class="tile tall" data-v="v2" data-kind="fixed" data-state="board-menu"><div class="tileHead"><span class="lab">board · the menu and the search</span><a class="open" href="v2.html?mode=dark&state=board-menu" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v2, the menu component board" loading="lazy"></iframe></div></div>
+  </div>
+</section>
+
+<section class="cand" id="v3">
+  <div class="kick">v3 · the glass strip</div>
+  <h2>One continuous glass surface the sky shows through</h2>
+  <div class="meta"><div><b>The bar:</b> one continuous glass plate over the sky, 64px; the search fused into it; the right end cut into three segments by hairlines.</div><div><b>The menu:</b> a card panel welded to the strip's bottom edge; the current view marked by an accent bar at its left.</div><div><b>The card:</b> the room: the name on the art's lower third over a card-ground scrim; a shelf line with the disc, the relationship and the faces; figures and facts as one hairline ledger; a full-width door bar.</div><div><b>Proposes:</b> the card at 640; the hover card on the panel's glass; search by tag; the table scrolling in its panel on a phone; the wizard's bongo pair on the chrome ramp; a rule for dark art on a paper card.</div></div>
+  <div class="tiles">
+    <div class="tile" data-v="v3" data-kind="state"><div class="tileHead"><span class="lab">in-map-projects</span><a class="open" href="v3.html?mode=dark&state=in-map-projects" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3, the bar state picked above, 1440" loading="lazy"></iframe></div></div>
+    <div class="tile" data-v="v3" data-kind="card"><div class="tileHead"><span class="lab">card</span><a class="open" href="v3.html?mode=dark&state=card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3, the card state picked above, 1440" loading="lazy"></iframe></div></div>
+    <div class="tile phone" data-v="v3" data-kind="fixed" data-state="in-map-projects"><div class="tileHead"><span class="lab">390 · menu open</span><a class="open" href="v3.html?mode=dark&state=in-map-projects" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3 at 390, the Projects menu open" loading="lazy"></iframe></div></div>
+    <div class="tile phone" data-v="v3" data-kind="fixed" data-state="card"><div class="tileHead"><span class="lab">390 · card</span><a class="open" href="v3.html?mode=dark&state=card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3 at 390, the card" loading="lazy"></iframe></div></div>
+  </div>
+  <div class="boards">
+    <div class="tile tall" data-v="v3" data-kind="fixed" data-state="board-bar"><div class="tileHead"><span class="lab">board · every bar state</span><a class="open" href="v3.html?mode=dark&state=board-bar" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3, the bar states board" loading="lazy"></iframe></div></div>
+    <div class="tile tall" data-v="v3" data-kind="fixed" data-state="board-card"><div class="tileHead"><span class="lab">board · the card ladder</span><a class="open" href="v3.html?mode=dark&state=board-card" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3, the card ladder board" loading="lazy"></iframe></div></div>
+    <div class="tile tall" data-v="v3" data-kind="fixed" data-state="board-menu"><div class="tileHead"><span class="lab">board · the menu and the search</span><a class="open" href="v3.html?mode=dark&state=board-menu" target="_blank" rel="noopener">open full</a></div><div class="frame"><iframe title="v3, the menu component board" loading="lazy"></iframe></div></div>
+  </div>
+</section>
+
+<footer>Task 1003299 · goal 1000080 · mocks under <code>docs/design/mocks/hub/</code> · the world: <code>DESIGN.md</code>, ADR 0196 · the record: <code>docs/design/projects-hub-direction-v2.md</code>.</footer>
+
+<script>
+(function () {
+  var mode = document.documentElement.getAttribute('data-mode') || 'dark';
+  var state = 'in-map-projects', card = 'card';
+  function src(v, st) { return v + '.html?mode=' + mode + '&state=' + st; }
+  function paint() {
+    document.querySelectorAll('.tile[data-v]').forEach(function (t) {
+      var v = t.getAttribute('data-v'), kind = t.getAttribute('data-kind');
+      var st = kind === 'state' ? state : kind === 'card' ? card : t.getAttribute('data-state');
+      var f = t.querySelector('iframe'), a = t.querySelector('a.open');
+      var u = src(v, st);
+      if (f.getAttribute('src') !== u) f.setAttribute('src', u);
+      if (a) a.setAttribute('href', u);
+      var lab = t.querySelector('.lab'); if (lab && (kind === 'state' || kind === 'card')) lab.textContent = st;
+    });
+  }
+  document.querySelectorAll('.bar button[data-md]').forEach(function (b) {
+    b.addEventListener('click', function () {
+      mode = b.getAttribute('data-md');
+      document.documentElement.setAttribute('data-mode', mode);
+      document.querySelectorAll('.bar button[data-md]').forEach(function (x) { x.setAttribute('aria-pressed', String(x === b)); });
+      paint();
+    });
+  });
+  document.getElementById('statePick').addEventListener('change', function (e) { state = e.target.value; paint(); });
+  document.getElementById('cardPick').addEventListener('change', function (e) { card = e.target.value; paint(); });
+  function scale() {
+    document.querySelectorAll('.frame').forEach(function (fr) {
+      var f = fr.querySelector('iframe'); if (!f) return;
+      var w = parseFloat(f.style.width || f.getAttribute('width')) || (fr.closest('.phone') ? 390 : 1440);
+      f.style.transform = 'scale(' + (fr.clientWidth / w) + ')';
+    });
+  }
+  window.addEventListener('resize', scale);
+  paint(); scale();
+  window.addEventListener('load', scale);
+})();
+</script>
+</body>
+</html>