@bongos/core 1.23.8 → 1.23.10

package/modules/public-landing/public/account.html

@@ -105,6 +105,7 @@
     </a>
   </div>
   <div class="barRight">
+    <button class="trig commTrig" type="button" id="commTrig" data-menu="community" aria-expanded="false" aria-controls="menuCommunity">Community<svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
     <button class="trig" type="button" id="projTrig" data-menu="projects" aria-expanded="false" aria-controls="menuProjects">Projects<svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
     <!-- the identity chip IS the profile trigger; assets/hub-bar.js fills it from GET /me.
          Signed out it stays hidden and the sign-in door takes its slot. -->
@@ -113,6 +114,15 @@
   </div>
 </header>
 
+<div class="menuBand" id="menuCommunity" data-menu="community" hidden>
+  <div class="bandIn">
+    <ul class="bandRow">
+      <li class="bandCell"><a class="bandT" href="/community">Leaderboard</a><span class="bandC">who earned the most, across every project</span></li>
+      <li class="bandCell"><a class="bandT" href="/community/find">Find a builder</a><span class="bandC">anyone building here, by name or role</span></li>
+      <li class="bandCell"><a class="bandT" href="/community/recruiters">Open to recruiters</a><span class="bandC">who is open to recruiting, for project owners</span></li>
+    </ul>
+  </div>
+</div>
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -120,6 +130,7 @@
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
       <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
+      <li class="bandCell bandFold"><a class="bandT" href="/community">Leaderboard</a><span class="bandC">who earned the most, across every project</span></li><li class="bandCell bandFold"><a class="bandT" href="/community/find">Find a builder</a><span class="bandC">anyone building here, by name or role</span></li><li class="bandCell bandFold"><a class="bandT" href="/community/recruiters">Open to recruiters</a><span class="bandC">who is open to recruiting, for project owners</span></li>
     </ul>
   </div>
 </div>

package/modules/public-landing/public/assets/cosmos.css

@@ -617,12 +617,18 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
   font-family:var(--font-body);font-size:15px;font-weight:400;text-transform:lowercase;
   color:var(--ink-soft);transition:color .2s cubic-bezier(.2,.7,.3,1);}
 .trig:hover{color:var(--ink);}
-.trig[aria-expanded="true"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);
+.trig[aria-expanded="true"],.trig[aria-current="true"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);
   text-decoration-thickness:2px;text-underline-offset:7px;}
 /* the chevron — NOT .caret, which was the typing wordmark's blinking bar */
 .trig .cv{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;
   stroke-linecap:round;stroke-linejoin:round;transition:transform .2s cubic-bezier(.2,.7,.3,1);}
 .trig[aria-expanded="true"] .cv{transform:rotate(180deg);}
+/* the Community menu (task 1003363) is a trigger like Projects; on its own pages it is the
+   current section (aria-current="true"), underlined like an open menu. Under 480 the bar has
+   no room for it beside the map search, Projects and the chip, so its three items fold into
+   the Projects band as that band's last cells; above 480 those cells are not drawn (the
+   arrows skip them: hub-bar.js asks offsetParent) */
+.bandFold{display:none;}
 /* the identity chip is the profile trigger: avatar + login + the chevron */
 .who{gap:9px;}
 .who img{width:26px;height:26px;border-radius:var(--radius-pill);object-fit:cover;flex:none;
@@ -756,6 +762,8 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
   .barLeft{gap:8px;}
   .barRight{gap:6px;}
   .signinDoor{padding:0 13px;}
+  .commTrig{display:none;}
+  .bandFold{display:block;}
 }
 @media (max-width:360px){
   /* the field measured 95px with the count and the switch beside it; the

package/modules/public-landing/public/assets/hub-bar.js

@@ -77,7 +77,7 @@
     if (!open) return;
     if (ev.key === 'Escape') { closeMenus(); return; }
     if (ev.key !== 'ArrowDown' && ev.key !== 'ArrowUp') return;
-    var items = Array.prototype.filter.call(open.querySelectorAll('a'), function (a) { return !a.closest('[hidden]'); });
+    var items = Array.prototype.filter.call(open.querySelectorAll('a'), function (a) { return !a.closest('[hidden]') && a.offsetParent !== null; });
     if (!items.length) return;
     var at = items.indexOf(document.activeElement);
     ev.preventDefault();

package/modules/public-landing/public/community-empty.states.json

@@ -0,0 +1,15 @@
+{
+  "_": "The community page with nobody on any board (task 1003363): a hub on its first day (fixtures/community-leaderboard-empty.json). The board says so in one line instead of drawing empty rows.",
+  "page": "/community",
+  "surface": "public-landing",
+  "modes": ["dark"],
+  "modeQuery": false,
+  "stub": { "fixtures": { "community-leaderboard": "community-leaderboard-empty" } },
+  "ignoreRequests": ["/api/(gds|bongos)/me$", "/my-projects", "/me/guild-", "/scouting$"],
+  "ignoreConsole": ["/api/(gds|bongos)/me", "/scouting", "\\b40[13]\\b", "Unauthorized", "Forbidden"],
+  "ignoreControls": [".vh"],
+  "states": {
+    "out-empty": { "auth": false, "actions": [["wait", 400]], "expect": { "visible": ["#boardEmpty", "#boardWindow"], "hidden": ["#boardFailed", "#boardLoading", "#find", "#recruit"], "count": [["#boardList .commRow", 0]], "text": [["#boardEmpty", "No builders on the leaderboard yet."]] } }
+  },
+  "reducedMotion": { "auth": false, "actions": [["wait", 400]] }
+}

package/modules/public-landing/public/community-recruiter.states.json

@@ -0,0 +1,15 @@
+{
+  "_": "The recruiter list for a viewer the recruiting door admits — a project owner (task 1003363, ADR 0337 D4.1): GET /scouting answers 200 (fixtures/scouting-recruiter.json), so /community/recruiters lists the builders who hide their numbers but are open to recruiters, by name, face and GitHub login only. The ranked `builders` half of the answer is never drawn.",
+  "page": "/community",
+  "surface": "public-landing",
+  "modes": ["dark"],
+  "modeQuery": false,
+  "stub": { "fixtures": { "scouting": "scouting-recruiter" } },
+  "ignoreRequests": ["/api/(gds|bongos)/me$", "/my-projects", "/me/guild-"],
+  "ignoreConsole": ["/api/(gds|bongos)/me", "\\b401\\b", "Unauthorized"],
+  "ignoreControls": [".vh"],
+  "states": {
+    "in-recruiter": { "auth": true, "url": "/community/recruiters", "actions": [["wait", 600]], "expect": { "visible": ["#recruit", "#recruitList"], "hidden": ["#board", "#find", "#recruitDoor", "#recruitClosed", "#recruitLoading", "#recruitEmpty"], "count": [["#recruitList .mineRow", 3], ["#recruitList .mineRow__hint", 0]], "text": [["#recruitList .mineRow:first-child .mineRow__name", "Kemi Adeyemi"], ["#recruitList .mineRow:first-child .mineRow__host", "GitHub: kemi-a"], ["#recruitList .mineRow:last-child .mineRow__name", "yuki-t"]] } }
+  },
+  "reducedMotion": { "auth": true, "url": "/community/recruiters", "actions": [["wait", 600]] }
+}

package/modules/public-landing/public/community.html

@@ -0,0 +1,469 @@
+<!DOCTYPE html>
+<html lang="en" data-mode="dark">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- THE COMMUNITY PAGES (task 1003363; ADR 0217 D1, ADR 0337 D1/D3/D4.1, the community
+     spec docs/specs/bongos-v1-community-tab.md D1/D3/D4/D8). Who is building, across every
+     project, as three sub-pages of the bar's Community menu (owner, 2026-10-27), all served
+     from this one file: /community is the leaderboard, /community/find the builder search,
+     /community/recruiters the builders who hide their numbers but are open to recruiters.
+     The script shows the section the path names and marks it current in the menu.
+     VIEWING IS UNGATED (ADR 0217 D1): the leaderboard and the search are the same for every
+     viewer, signed in or not. Both reads are public, viewer-independent routes
+     (modules/platform-identity/routes/community-leaderboard.js, community-search.js),
+     which decide WHO appears through account-visibility.js; these pages add no rule of
+     their own. The one viewer-relative page is the recruiter list: drawn only from a 200 of
+     GET /scouting, whose door (a project owner, or project.curate) is the server's, never
+     this page's (scouting-authz.js). A 401 or 403 draws no row.
+     Hub-only, like /account: platform-server.js serves /community only where
+     platform-identity is on. noindex until the SEO goal decides (owner, 2026-10-27).
+     Server-stamped like the footer doors: {{…}} tokens filled by landingPage(). -->
+<title>{{productName}} — Community</title>
+<meta name="description" content="Who is building on {{productName}}: the leaderboard across every project, and a search for builders by name.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">
+<link rel="stylesheet" href="/assets/cosmos.css">
+<!-- Dark only, like every apex page (ADR 0204): data-mode="dark" is fixed on <html>. -->
+<style>
+/* The pages' own frame. No top block (the /design floor, owner 2026-10-23): the bar's
+   Community menu names the section and marks the sub-page, so each page starts at its one
+   section and keeps a visually hidden h1. Rows, fields and buttons are cosmos.css's own
+   rules (.mineRows, .mineJoinRow, .btn); no :root block — the pack's theme owns the tokens. */
+/* the skip link un-hides itself on focus, reversing everything .vh sets (the hub's rule) */
+.skip:focus{position:fixed;top:8px;left:8px;z-index:100;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;
+  font-size:14px;font-weight:800;text-decoration:none;color:var(--ink);background:var(--bg-card);
+  border:2px solid var(--ctl-line);border-radius:12px;padding:10px 16px;}
+.acct{position:relative;z-index:2;max-width:1060px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 56px;}
+.acct .lede{margin:0 0 14px;max-width:62ch;font-size:15px;line-height:1.55;color:var(--ink-soft);}
+/* one section per sub-page, right under the bar's hairline, so it draws no second one */
+.mineExtra>section{margin-top:0;border-top:0;padding-top:clamp(18px,3vw,30px);}
+/* the leaderboard's filters on one line: the craft as lowercase text, the pressed one
+   underlined in the accent (the bar's open-trigger grammar), and the window as a dropdown */
+.commFilters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin:0 0 2px;}
+.commTabs{display:flex;flex-wrap:wrap;gap:0 18px;}
+.commTab{min-height:44px;padding:0;cursor:pointer;background:none;border:0;border-radius:var(--radius-sm);
+  font-family:var(--font-body);font-size:14.5px;text-transform:lowercase;color:var(--ink-soft);
+  transition:color .2s cubic-bezier(.2,.7,.3,1);}
+.commTab:hover{color:var(--ink);}
+.commTab[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);
+  text-decoration-thickness:2px;text-underline-offset:7px;}
+.commTab:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 8px var(--bg);}
+.commNote{margin:6px 0 4px;max-width:62ch;font-size:13.5px;line-height:1.5;color:var(--ink-soft);}
+.commMsg{margin:10px 0 0;max-width:62ch;font-size:14.5px;line-height:1.55;color:var(--ink-soft);}
+/* one place on the board: the place, the face, the name over the @handle and the
+   works and karma, then the credits — the board's order — big on the right */
+.commRows{list-style:none;margin:8px 0 0;padding:0;}
+.commRow{display:grid;grid-template-columns:3ch 36px minmax(0,1fr) auto;align-items:center;gap:0 14px;
+  padding:14px 0;border-top:1px solid var(--rule-soft);}
+.commRows>.commRow:first-child{border-top:0;}
+.commPlace{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums;text-align:right;}
+.commCredits{text-align:right;}
+.commNum{display:block;font-family:var(--font-display);font-weight:300;font-size:22px;letter-spacing:-.02em;line-height:1.1;
+  color:var(--ink);font-variant-numeric:tabular-nums;}
+.commUnit{display:block;margin-top:2px;font-family:var(--label-face);font-size:11.5px;text-transform:lowercase;color:var(--ink-faint);}
+/* a builder as a row (the connections page's voice): avatar, then the name over the handle */
+.connWho{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;}
+.connAv{width:36px;height:36px;border-radius:50%;flex:none;object-fit:cover;background:color-mix(in srgb,var(--ink) 12%,transparent);}
+.commRow .mineRow__name,.connWho .mineRow__name{overflow-wrap:anywhere;}
+/* the two dropdowns (the window, the search's craft): the field's pill */
+.commWhen select,.commFind select{flex:0 1 auto;min-height:44px;padding:0 14px;font:inherit;font-size:14.5px;color:var(--ink);
+  background:var(--bg-card);border:1px solid var(--ctl-line);border-radius:var(--radius-pill);cursor:pointer;}
+.commWhen select:focus-visible,.commFind input:focus-visible,.commFind select:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 8px var(--bg);}
+#findStatus{margin-top:8px;}
+/* the recruiter list, signed out: the account page's door */
+.commDoor{padding:8px 0 10px;max-width:62ch;}
+.commDoor p{margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--ink-soft);}
+.commDoor .gh{width:18px;height:18px;fill:currentColor;}
+.commDoor .btn{text-transform:none;}
+@media (max-width:480px){
+  .commRow{grid-template-columns:3ch 32px minmax(0,1fr) auto;gap:0 10px;}
+  .commRow .connAv{width:32px;height:32px;}
+  .commNum{font-size:19px;}
+}
+</style>
+</head>
+<body>
+<!-- THE BAR and its two bands are the hub's own (projects.html, task 1004455):
+     same markup, same cosmos.css rules. No map search (it only filters the map), and
+     the band links name /projects in full because this page has no views of its own.
+     assets/hub-bar.js runs it, shared with /account, /invitations, /connections and
+     the three footer doors. -->
+<a class="skip vh" href="#comm">Skip to content</a>
+<header class="shell bar">
+  <div class="barLeft">
+    <a class="barMark" id="barMark" href="/">
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
+        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
+        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
+        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
+      </svg>
+      <span>{{productName}}</span>
+    </a>
+  </div>
+  <div class="barRight">
+    <button class="trig commTrig" type="button" id="commTrig" data-menu="community" aria-expanded="false" aria-controls="menuCommunity" aria-current="true">Community<svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
+    <button class="trig" type="button" id="projTrig" data-menu="projects" aria-expanded="false" aria-controls="menuProjects">Projects<svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
+    <!-- the identity chip IS the profile trigger; assets/hub-bar.js fills it from GET /me.
+         Signed out it stays hidden and the sign-in door takes its slot. -->
+    <button class="trig who" type="button" id="who" data-menu="profile" aria-expanded="false" aria-controls="menuProfile" hidden><img id="whoImg" alt="" hidden><span class="whoName" id="whoLogin"></span><svg class="cv" viewBox="0 0 20 20" aria-hidden="true"><path d="m5.6 8 4.4 4.4L14.4 8"/></svg></button>
+    <a class="signinDoor" id="signinTop" hidden href="/api/bongos/auth/web/start?return=/community&amp;repos=1">Sign in</a>
+  </div>
+</header>
+
+<div class="menuBand" id="menuCommunity" data-menu="community" hidden>
+  <div class="bandIn">
+    <ul class="bandRow">
+      <li class="bandCell"><a class="bandT" href="/community">Leaderboard</a><span class="bandC">who earned the most, across every project</span></li>
+      <li class="bandCell"><a class="bandT" href="/community/find">Find a builder</a><span class="bandC">anyone building here, by name or role</span></li>
+      <li class="bandCell"><a class="bandT" href="/community/recruiters">Open to recruiters</a><span class="bandC">who is open to recruiting, for project owners</span></li>
+    </ul>
+  </div>
+</div>
+<div class="menuBand" id="menuProjects" data-menu="projects" hidden>
+  <div class="bandIn">
+    <ul class="bandRow">
+      <li class="bandCell"><a class="bandT" href="/projects?view=map">Sky</a><span class="bandC">the sky of every project</span></li>
+      <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">the same projects as rows</span></li>
+      <li class="bandCell" id="mineCell"><a class="bandT" href="/projects?view=mine">Your projects</a><span class="bandC">the ones you own</span></li>
+      <li class="bandCell"><a class="bandT" href="/projects?view=new">New project</a><span class="bandC">five questions and a home</span></li>
+      <li class="bandCell bandFold"><a class="bandT" href="/community">Leaderboard</a><span class="bandC">who earned the most, across every project</span></li><li class="bandCell bandFold"><a class="bandT" href="/community/find">Find a builder</a><span class="bandC">anyone building here, by name or role</span></li><li class="bandCell bandFold"><a class="bandT" href="/community/recruiters">Open to recruiters</a><span class="bandC">who is open to recruiting, for project owners</span></li>
+    </ul>
+  </div>
+</div>
+<div class="menuBand" id="menuProfile" data-menu="profile" hidden>
+  <div class="bandIn bandProfile">
+    <p class="bandWho" id="bandWho"><img id="bandWhoImg" alt="" hidden><span class="whoName" id="bandWhoLogin"></span></p>
+    <ul class="bandRow">
+      <li class="bandCell"><a class="bandT" href="/projects?view=mine">My projects</a></li>
+      <li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li>
+      <!-- the honest hover target; the delegated click upgrades it to the POST -->
+      <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
+    </ul>
+  </div>
+</div>
+
+<main class="acct" id="comm">
+  <h1 class="vh">Community</h1>
+
+  <!-- THREE SUB-PAGES, ONE FILE: every section is real markup; the script un-hides the one
+       the path names (/community, /community/find, /community/recruiters). -->
+  <div class="mineExtra">
+    <!-- THE LEADERBOARD (spec D3): GET /community/leaderboard, one window and one craft
+         at a time. The server ranks; this page draws its rows in the order and with the
+         `place` it was given, and every count it prints is the length of a list. -->
+    <section id="board" data-view="leaderboard" aria-labelledby="boardH">
+      <h2 id="boardH">Leaderboard</h2>
+      <div class="commFilters">
+        <div class="commTabs" id="craftTabs" role="group" aria-label="Role">
+          <button class="commTab" type="button" data-craft="" aria-pressed="true">Everyone</button>
+          <button class="commTab" type="button" data-craft="engineer" aria-pressed="false">Engineers</button>
+          <button class="commTab" type="button" data-craft="artist" aria-pressed="false">Artists</button>
+          <button class="commTab" type="button" data-craft="ideator" aria-pressed="false">Ideators</button>
+          <button class="commTab" type="button" data-craft="ui" aria-pressed="false">Designers</button>
+        </div>
+        <div class="commWhen">
+          <label class="vh" for="boardWindow">Over</label>
+          <select id="boardWindow">
+            <option value="7d">Last 7 days</option>
+            <option value="30d">Last 30 days</option>
+            <option value="365d">Past year</option>
+            <option value="all" selected>All time</option>
+          </select>
+        </div>
+      </div>
+      <p class="commNote" id="boardNote">{{Currency}} earned across every project, since each builder started.</p>
+      <p class="commMsg" id="boardLoading" role="status">Reading the leaderboard…</p>
+      <p class="projMsg err" id="boardFailed" role="alert" hidden></p>
+      <p class="commMsg" id="boardEmpty" hidden></p>
+      <ol class="commRows" id="boardList" data-unit="{{currency}}" aria-labelledby="boardH"></ol>
+      <p class="commNote" id="boardFine">A project reports a builder’s numbers when they sign in or ship there, so a window counts work when it was reported, not when it was done.</p>
+    </section>
+
+    <!-- THE SEARCH (spec D4): GET /community/search, a name and an optional craft. A
+         builder who hides their numbers is still found by name, and drops out once a
+         craft is chosen — the server's rule (builder-search.js), never this page's. -->
+    <section id="find" data-view="find" aria-labelledby="findH" hidden>
+      <h2 id="findH">Find a builder</h2>
+      <form class="mineJoinRow commFind" id="findForm" role="search" aria-labelledby="findH">
+        <label class="vh" for="findQ">Their name or handle</label>
+        <input id="findQ" type="search" placeholder="Their name or handle" maxlength="100" autocomplete="off" autocapitalize="off" spellcheck="false">
+        <label class="vh" for="findCraft">Role</label>
+        <select id="findCraft">
+          <option value="">Any role</option>
+          <option value="engineer">Engineers</option>
+          <option value="artist">Artists</option>
+          <option value="ideator">Ideators</option>
+          <option value="ui">Designers</option>
+        </select>
+        <button id="findBtn" type="submit" class="btn small">Search</button>
+      </form>
+      <p class="projMsg" id="findStatus" role="status" aria-live="polite"></p>
+      <ul class="mineRows" id="findList"></ul>
+    </section>
+
+    <!-- THE RECRUITER LIST (ADR 0337 D4.1, ADR 0334): builders who hide their numbers but
+         are open to recruiters, by name, face and login only — GET /scouting's `name_only`,
+         alphabetical as the server sends it. Rows come ONLY from a 200: the door is the
+         route's. Signed out it is a sign-in door, a viewer the route refuses is told the
+         list is for project owners, and neither is told who is on it. The ranked
+         `builders` half of the answer is never drawn; the leaderboard shows those numbers
+         to everyone. -->
+    <section id="recruit" data-view="recruiters" aria-labelledby="recruitH" hidden>
+      <h2 id="recruitH">Open to recruiters</h2>
+      <p class="lede">Builders who keep their numbers hidden but are open to hearing from projects. Only project owners see who they are, and only by name.</p>
+      <p class="commMsg" id="recruitLoading" role="status">Checking whether you can see this list…</p>
+      <div class="commDoor" id="recruitDoor" hidden>
+        <p>Sign in to see whether this list is open to you.</p>
+        <a class="btn" id="recruitSignin" href="/api/bongos/auth/web/start?return=/community/recruiters&amp;repos=1">
+          <svg class="gh" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23 .82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2 .82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12 .51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29 .25.54.73 .54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15 .46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
+          Sign in with GitHub
+        </a>
+      </div>
+      <p class="commMsg" id="recruitClosed" hidden>Only project owners can see this list.</p>
+      <p class="projMsg err" id="recruitFailed" role="alert" hidden></p>
+      <p class="commMsg" id="recruitEmpty" hidden>Nobody is on this list right now.</p>
+      <ul class="mineRows" id="recruitList"></ul>
+    </section>
+  </div>
+</main>
+
+<footer class="foot"><!--apex-only:start--><span>A non-profit, capture-resistant commons. </span><!--apex-only:end-->Built by agents, on Cloud&nbsp;Bongos. <a href="https://www.npmjs.com/package/@bongos/core" target="_blank" rel="noopener">Open source</a> (<a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank" rel="noopener">AGPL-3.0</a>).<nav class="footNav" aria-label="Site"><a href="/privacy">Privacy</a><a href="/terms">Terms</a><a href="/contact">Contact</a><a data-link-hall href="{{buildersOrigin}}">Builders' hall</a></nav></footer>
+
+<script src="/assets/hub-bar.js"></script>
+<script>
+(function () {
+  'use strict';
+  var API = '/api/bongos';
+  // Boundary-forced copies of the routes' own vocabulary and limits
+  // (modules/platform-identity/community-leaderboard.js WINDOWS, builder-search.js
+  // MIN_QUERY_CHARS / MAX_QUERY_CHARS); tests/hub_community_page.mjs holds them equal.
+  var WINDOWS = ['7d', '30d', '365d', 'all'];
+  var QUERY_MIN = 2;
+  var QUERY_MAX = 100;
+  var CRAFT_WORD = { engineer: 'engineer', artist: 'artist', ideator: 'ideator', ui: 'designer' };
+  // The three sub-pages this file is served as (platform-server.js's /community routes);
+  // the path picks one, and its menu items are marked current.
+  var VIEWS = {
+    leaderboard: { path: '/community', section: 'board', title: 'Leaderboard' },
+    find: { path: '/community/find', section: 'find', title: 'Find a builder' },
+    recruiters: { path: '/community/recruiters', section: 'recruit', title: 'Open to recruiters' },
+  };
+  function $(id) { return document.getElementById(id); }
+  // The bar's chip, bands and sign out are assets/hub-bar.js (task 1004489); its
+  // `ready` settles with who GET /me says is signed in. Only the recruiter list asks.
+  var bar = window.HubBar || { paint: function () {}, ready: Promise.resolve(null) };
+  var UNIT = $('boardList').getAttribute('data-unit') || 'credits';
+
+  /* THREE THINGS THESE PAGES MUST NOT DO (ADR 0217 D1, ADR 0337 D4.1, ADR 0255):
+       1. differ for a viewer anywhere but the recruiter list — the leaderboard and the
+          search are drawn from viewer-independent reads, and neither asks /me;
+       2. draw a recruiter row from anything but a 200 of GET /scouting, or draw more of a
+          name-only row than its name, face and login;
+       3. re-rank, re-filter or re-count what the server sent — rows are drawn in the
+          order and with the `place` they came with, and a count is a list's length. */
+
+  function el(tag, cls, text) {
+    var e = document.createElement(tag);
+    if (cls) e.className = cls;
+    if (text != null) e.textContent = text;
+    return e;
+  }
+  function arr(v) { return Array.isArray(v) ? v : []; }
+  function num(v) { var n = Number(v); return isFinite(n) ? n : 0; }
+  function plural(n, word) { return n + ' ' + word + (n === 1 ? '' : 's'); }
+  function safeHttpUrl(raw) {
+    try {
+      var u = new URL(String(raw));
+      return (u.protocol === 'https:' || u.protocol === 'http:') ? u.href : '';
+    } catch (e) { return ''; }
+  }
+  function read(path) {
+    return fetch(API + path, { credentials: 'same-origin' }).then(function (res) {
+      return res.json().catch(function () { return {}; }).then(function (data) {
+        return { ok: res.ok, status: res.status, data: data || {} };
+      });
+    }).catch(function () { return { ok: false, status: 0, data: {} }; });
+  }
+  function failText(status, what) {
+    if (status === 429) return 'Too many requests from your network just now. Wait a minute, then try again.';
+    return what + ' could not be read. Reload the page to try again.';
+  }
+  function viewOf(pathname) {
+    var m = String(pathname || '').replace(/\/+$/, '').match(/^\/community(?:\/(find|recruiters))?$/);
+    return m ? (m[1] || 'leaderboard') : 'leaderboard';
+  }
+
+  // ── one builder: the avatar, then the name over the @handle ─────────────────
+  // No link: there is no public profile page to point at yet (/u/<handle> is
+  // unbuilt, canonical-profile.js).
+  function face(p) {
+    var src = safeHttpUrl(p.avatar_url);
+    var av;
+    if (src) { av = el('img', 'connAv'); av.src = src; av.alt = ''; }
+    else { av = el('span', 'connAv'); av.setAttribute('aria-hidden', 'true'); }
+    return av;
+  }
+  function nameBlock(p, sub) {
+    var main = el('div', 'mineRow__main');
+    main.appendChild(el('div', 'mineRow__name', p.display_name || p.handle || p.github_login || 'Builder'));
+    if (sub) main.appendChild(el('span', 'mineRow__host', sub));
+    return main;
+  }
+  function crafts(list) {
+    return arr(list).map(function (d) { return CRAFT_WORD[d] || String(d); }).join(' · ');
+  }
+
+  // ── the leaderboard ─────────────────────────────────────────────────────────
+  var board = { window: 'all', craft: '' };
+  var boardSeq = 0;
+  var NOTE = {
+    '7d': ' earned in the last 7 days, across every project.',
+    '30d': ' earned in the last 30 days, across every project.',
+    '365d': ' earned in the past year, across every project.',
+    all: ' earned across every project, since each builder started.',
+  };
+  function capital(s) { return s ? s.charAt(0).toUpperCase() + s.slice(1) : s; }
+  function boardRow(r) {
+    var li = el('li', 'commRow');
+    li.appendChild(el('span', 'commPlace', String(num(r.place))));
+    li.appendChild(face(r));
+    var main = nameBlock(r, r.handle ? '@' + r.handle : '');
+    main.appendChild(el('p', 'mineRow__hint', plural(num(r.tasks_shipped), 'work') + ' shipped · ' + num(r.karma) + ' karma'));
+    li.appendChild(main);
+    var credits = el('div', 'commCredits');
+    credits.appendChild(el('span', 'commNum', num(r.credits).toLocaleString()));
+    credits.appendChild(el('span', 'commUnit', UNIT));
+    li.appendChild(credits);
+    return li;
+  }
+  function emptyText() {
+    var who = (board.craft ? CRAFT_WORD[board.craft] || board.craft : 'builder') + 's';
+    if (board.window === 'all') return 'No ' + who + ' on the leaderboard yet.';
+    return 'No ' + who + ' earned ' + UNIT + ' in this window yet.';
+  }
+  function paintBoard(results) {
+    var list = $('boardList');
+    list.textContent = '';
+    results.forEach(function (r) { if (r) list.appendChild(boardRow(r)); });
+    $('boardEmpty').textContent = list.children.length ? '' : emptyText();
+    $('boardEmpty').hidden = !!list.children.length;
+  }
+  function loadBoard() {
+    var seq = ++boardSeq;
+    Array.prototype.forEach.call($('craftTabs').querySelectorAll('.commTab'), function (b) {
+      b.setAttribute('aria-pressed', String(b.getAttribute('data-craft') === board.craft));
+    });
+    $('boardWindow').value = board.window;
+    $('boardNote').textContent = capital(UNIT) + NOTE[board.window];
+    $('boardLoading').hidden = false;
+    $('boardFailed').hidden = true;
+    var q = '?window=' + encodeURIComponent(board.window) + (board.craft ? '&discipline=' + encodeURIComponent(board.craft) : '');
+    return read('/community/leaderboard' + q).then(function (r) {
+      if (seq !== boardSeq) return; // a later pick answered first; its rows win
+      $('boardLoading').hidden = true;
+      if (!r.ok) {
+        $('boardList').textContent = '';
+        $('boardEmpty').hidden = true;
+        $('boardFailed').textContent = failText(r.status, 'The leaderboard');
+        $('boardFailed').hidden = false;
+        return;
+      }
+      paintBoard(arr(r.data.results));
+    });
+  }
+  $('boardWindow').addEventListener('change', function () {
+    var w = $('boardWindow').value;
+    if (WINDOWS.indexOf(w) < 0 || w === board.window) return;
+    board.window = w;
+    loadBoard();
+  });
+  $('craftTabs').addEventListener('click', function (ev) {
+    var b = ev.target.closest && ev.target.closest('[data-craft]');
+    if (!b || b.getAttribute('data-craft') === board.craft) return;
+    board.craft = b.getAttribute('data-craft');
+    loadBoard();
+  });
+
+  // ── the search ──────────────────────────────────────────────────────────────
+  function say(text, kind) {
+    var s = $('findStatus');
+    s.textContent = text || '';
+    s.className = 'projMsg' + (kind ? ' ' + kind : '');
+  }
+  function findRow(r) {
+    var li = el('li', 'mineRow');
+    var who = el('div', 'connWho');
+    who.appendChild(face(r));
+    var main = nameBlock(r, r.handle ? '@' + r.handle : '');
+    var c = crafts(r.disciplines);
+    if (c) main.appendChild(el('p', 'mineRow__hint', c));
+    who.appendChild(main);
+    li.appendChild(who);
+    return li;
+  }
+  function find() {
+    var q = String($('findQ').value || '').trim();
+    var craft = $('findCraft').value || '';
+    var list = $('findList');
+    if (q.length < QUERY_MIN) { list.textContent = ''; say('Type at least ' + QUERY_MIN + ' letters of a name.', 'err'); return Promise.resolve(); }
+    if (q.length > QUERY_MAX) { list.textContent = ''; say('A search is at most ' + QUERY_MAX + ' characters.', 'err'); return Promise.resolve(); }
+    var btn = $('findBtn');
+    btn.disabled = true;
+    say('Searching…');
+    var path = '/community/search?q=' + encodeURIComponent(q) + (craft ? '&discipline=' + encodeURIComponent(craft) : '');
+    return read(path).then(function (r) {
+      btn.disabled = false;
+      list.textContent = '';
+      if (!r.ok) { say(failText(r.status, 'The search'), 'err'); return; }
+      arr(r.data.results).forEach(function (p) { if (p) list.appendChild(findRow(p)); });
+      var n = list.children.length;
+      say(n ? plural(n, 'builder') + ' found.' : 'No builder by that name' + (craft ? ' in that role' : '') + '.');
+    });
+  }
+  $('findForm').addEventListener('submit', function (ev) { ev.preventDefault(); find(); });
+
+  // ── the recruiter list: signed in, and admitted by GET /scouting's own door ──
+  var RECRUIT_STATES = ['recruitLoading', 'recruitDoor', 'recruitClosed', 'recruitFailed', 'recruitEmpty'];
+  function showRecruit(id) { RECRUIT_STATES.forEach(function (s) { $(s).hidden = s !== id; }); }
+  function recruitRow(p) {
+    var li = el('li', 'mineRow');
+    var who = el('div', 'connWho');
+    who.appendChild(face(p));
+    who.appendChild(nameBlock({ display_name: p.display_name, github_login: p.github_login }, p.github_login ? 'GitHub: ' + p.github_login : ''));
+    li.appendChild(who);
+    return li;
+  }
+  function loadRecruit() {
+    return read('/scouting').then(function (r) {
+      var list = $('recruitList');
+      list.textContent = '';
+      if (r.status === 401) { showRecruit('recruitDoor'); return; }
+      if (r.status === 403) { showRecruit('recruitClosed'); return; }
+      if (!r.ok) { $('recruitFailed').textContent = failText(r.status, 'This list'); showRecruit('recruitFailed'); return; }
+      arr(r.data.name_only).forEach(function (p) { if (p) list.appendChild(recruitRow(p)); });
+      showRecruit(list.children.length ? '' : 'recruitEmpty');
+    });
+  }
+
+  // ── the sub-page the path names: shown, named, marked current, and read ──────
+  var VIEW = viewOf(window.location.pathname);
+  var view = VIEWS[VIEW];
+  Object.keys(VIEWS).forEach(function (k) { $(VIEWS[k].section).hidden = k !== VIEW; });
+  // its item in the Community band and its folded twin in the Projects band
+  Array.prototype.forEach.call(document.querySelectorAll('a[href="' + view.path + '"]'), function (a) {
+    a.setAttribute('aria-current', 'page');
+  });
+  document.title = document.title + ' · ' + view.title;
+  $('signinTop').setAttribute('href', '/api/bongos/auth/web/start?return=' + view.path + '&repos=1');
+  if (VIEW === 'leaderboard') loadBoard();
+  if (VIEW === 'recruiters') bar.ready.then(function (me) { if (me) loadRecruit(); else showRecruit('recruitDoor'); });
+})();
+</script>
+<script src="/assets/invite-badge.js"></script>
+<!-- the Artist review button: signed-in builders only (task 1004499) -->
+<script src="/assets/artist-review.js" data-hall="{{buildersOrigin}}"></script>
+</body>
+</html>