@bongos/core 1.23.9 → 1.23.11

package/modules/public-landing/public/community.probes.json

@@ -0,0 +1,92 @@
+{
+  "_": "The community pages' interaction contract for modules/ui-design/kit/probe.js (task 1003363): the Community menu as the current section with each sub-page marked, the window dropdown and a craft each re-reading the board, the search on Enter with its too-short refusal and a hidden builder found by name, and the recruiter list as a door signed out and a refusal for a builder the recruiting door does not admit.",
+  "page": "/community",
+  "surface": "public-landing",
+  "probes": [
+    {
+      "name": "community signed out: the leaderboard for everyone; Community the current section, Leaderboard the current item",
+      "auth": false,
+      "width": 1440,
+      "steps": [["wait", 400], ["click", "#commTrig"], ["wait", 150]],
+      "expect": {
+        "open": "#menuCommunity",
+        "visible": ["#boardList", "#signinTop"],
+        "hidden": ["#find", "#recruit"],
+        "count": [["#boardList .commRow", 6], ["#menuCommunity a[aria-current=\"page\"]", 1]],
+        "attr": [["#commTrig", "aria-current", "true"]],
+        "href": [["#menuCommunity a[aria-current=\"page\"]", "/community"], ["#signinTop", "/api/bongos/auth/web/start?return=/community&repos=1"]]
+      }
+    },
+    {
+      "name": "community: the 7-day window from the dropdown re-reads the board",
+      "auth": false,
+      "width": 1440,
+      "steps": [["wait", 400], ["select", "#boardWindow", "7d"], ["wait", 300]],
+      "expect": {
+        "count": [["#boardList .commRow", 2]],
+        "value": [["#boardWindow", "7d"]],
+        "text": [["#boardList .commRow:last-child .commNum", "-15"], ["#boardNote", "Credits earned in the last 7 days, across every project."]]
+      }
+    },
+    {
+      "name": "community: a craft filters the board and renumbers nothing the server did not",
+      "auth": false,
+      "width": 390,
+      "steps": [["wait", 400], ["click", "#craftTabs [data-craft=\"engineer\"]"], ["wait", 300]],
+      "expect": {
+        "count": [["#boardList .commRow", 3]],
+        "attr": [["#craftTabs [data-craft=\"engineer\"]", "aria-pressed", "true"]],
+        "text": [["#boardList .commRow:first-child .commPlace", "1"], ["#boardList .commRow:first-child .mineRow__name", "Priya Nair"]]
+      }
+    },
+    {
+      "name": "community find: the sub-page is marked, the search refuses one letter",
+      "auth": false,
+      "width": 1440,
+      "url": "/community/find",
+      "steps": [["wait", 400], ["fill", "#findQ", "s"], ["press", "Enter"], ["wait", 200]],
+      "expect": {
+        "hidden": ["#board", "#recruit"],
+        "count": [["#findList .mineRow", 0], ["#menuCommunity a[aria-current=\"page\"]", 1]],
+        "href": [["#menuCommunity a[aria-current=\"page\"]", "/community/find"], ["#signinTop", "/api/bongos/auth/web/start?return=/community/find&repos=1"]],
+        "text": [["#findStatus", "Type at least 2 letters of a name."]]
+      }
+    },
+    {
+      "name": "community find: a hidden builder is found by name, with no craft said",
+      "auth": false,
+      "width": 1440,
+      "url": "/community/find",
+      "steps": [["wait", 400], ["fill", "#findQ", "sam"], ["press", "Enter"], ["wait", 300]],
+      "expect": {
+        "count": [["#findList .mineRow", 1], ["#findList .mineRow__hint", 0]],
+        "text": [["#findStatus", "1 builder found."], ["#findList .mineRow:first-child .mineRow__name", "Sam Rivera"]]
+      }
+    },
+    {
+      "name": "community recruiters signed out: the sign-in door, and no list",
+      "auth": false,
+      "width": 1440,
+      "url": "/community/recruiters",
+      "steps": [["wait", 400]],
+      "expect": {
+        "visible": ["#recruitDoor"],
+        "hidden": ["#recruitClosed"],
+        "count": [["#recruitList .mineRow", 0]],
+        "href": [["#recruitSignin", "/api/bongos/auth/web/start?return=/community/recruiters&repos=1"]]
+      }
+    },
+    {
+      "name": "community recruiters signed in, not a project owner: told it is for project owners, and shown no one",
+      "auth": true,
+      "width": 1440,
+      "url": "/community/recruiters",
+      "steps": [["wait", 600]],
+      "expect": {
+        "visible": ["#recruitClosed", "#who"],
+        "hidden": ["#recruitDoor", "#signinTop"],
+        "count": [["#recruitList .mineRow", 0]]
+      }
+    }
+  ]
+}

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

@@ -0,0 +1,25 @@
+{
+  "_": "The community pages' states for modules/ui-design/kit/render.js (task 1003363; ADR 0217 D1, ADR 0337 D4.1): one file served as three sub-pages of the bar's Community menu, each state naming its `url`. The leaderboard and the search are the same for every viewer, from the stub's fixtures (community-leaderboard.json: six builders all time, fewer in each window; community-search.json). The recruiter list signed out is a sign-in door, and signed in it is the default fixture's 403 (most builders own no project); community-recruiter.states.json is a project owner's list, community-empty.states.json a board with nobody on it. Dark only, like every apex page (ADR 0204).",
+  "page": "/community",
+  "surface": "public-landing",
+  "modes": ["dark"],
+  "modeQuery": false,
+  "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": { "auth": false, "actions": [["wait", 400]], "expect": { "visible": ["#board", "#boardList", "#boardWindow", "#signinTop", "#projTrig"], "hidden": ["#find", "#recruit", "#who", "#boardLoading", "#boardFailed", "#boardEmpty"], "count": [["#boardList .commRow", 6]], "value": [["#boardWindow", "all"]], "attr": [["#craftTabs [data-craft=\"\"]", "aria-pressed", "true"], ["#commTrig", "aria-current", "true"], ["#menuCommunity a[href=\"/community\"]", "aria-current", "page"]], "text": [["#boardList .commRow:first-child .mineRow__name", "Priya Nair"], ["#boardList .commRow:first-child .commNum", "18,420"], ["#boardList .commRow:first-child .mineRow__hint", "212 works shipped · 64 karma"], ["#boardNote", "Credits earned across every project, since each builder started."]] } },
+    "out-30d": { "auth": false, "actions": [["wait", 400], ["select", "#boardWindow", "30d"], ["wait", 300]], "expect": { "count": [["#boardList .commRow", 3]], "value": [["#boardWindow", "30d"]], "text": [["#boardList .commRow:first-child .mineRow__name", "Ada Okafor"], ["#boardNote", "Credits earned in the last 30 days, across every project."]] } },
+    "out-artists": { "auth": false, "actions": [["wait", 400], ["click", "#craftTabs [data-craft=\"artist\"]"], ["wait", 300]], "expect": { "count": [["#boardList .commRow", 1]], "text": [["#boardList .commRow:first-child .mineRow__name", "Ada Okafor"], ["#boardList .commRow:first-child .commPlace", "1"]] } },
+    "out-community-band": { "auth": false, "actions": [["wait", 400], ["clickIfVisible", "#commTrig"], ["wait", 300]], "expect": { "hidden": ["#menuCommunity .knowCell"], "count": [["#menuCommunity .bandCell:not([hidden])", 3]], "attr": [["#menuCommunity a[href=\"/community\"]", "aria-current", "page"]] } },
+    "in-community-band": { "auth": true, "actions": [["wait", 400], ["clickIfVisible", "#commTrig"], ["wait", 300]], "expect": { "count": [["#menuCommunity .bandCell:not([hidden])", 4]], "href": [["#menuCommunity .knowCell a", "/connections#connSuggest"]] } },
+    "in-projects-band": { "auth": true, "actions": [["wait", 400], ["click", "#projTrig"], ["wait", 300]], "expect": { "visible": ["#menuProjects"], "count": [["#menuProjects .knowCell:not([hidden])", 1]] } },
+    "out-projects-band": { "auth": false, "actions": [["wait", 400], ["click", "#projTrig"], ["wait", 300]], "expect": { "visible": ["#menuProjects"], "attr": [["#menuProjects a[href=\"/community\"]", "aria-current", "page"]] } },
+    "out-find": { "auth": false, "url": "/community/find", "actions": [["wait", 400]], "expect": { "visible": ["#find", "#findQ", "#findCraft", "#findBtn"], "hidden": ["#board", "#recruit"], "attr": [["#menuCommunity a[href=\"/community/find\"]", "aria-current", "page"]] } },
+    "out-find-search": { "auth": false, "url": "/community/find", "actions": [["wait", 400], ["fill", "#findQ", "pri"], ["click", "#findBtn"], ["wait", 300]], "expect": { "count": [["#findList .mineRow", 2]], "text": [["#findStatus", "2 builders found."], ["#findList .mineRow:first-child .mineRow__hint", "engineer · designer"]] } },
+    "out-recruiters": { "auth": false, "url": "/community/recruiters", "actions": [["wait", 400]], "expect": { "visible": ["#recruit", "#recruitDoor", "#recruitSignin"], "hidden": ["#board", "#find", "#recruitLoading", "#recruitClosed"], "count": [["#recruitList .mineRow", 0]], "attr": [["#menuCommunity a[href=\"/community/recruiters\"]", "aria-current", "page"]] } },
+    "in-recruiters": { "auth": true, "url": "/community/recruiters", "actions": [["wait", 600]], "expect": { "visible": ["#recruit", "#recruitClosed", "#who"], "hidden": ["#recruitDoor", "#recruitLoading", "#recruitFailed"], "count": [["#recruitList .mineRow", 0]] } },
+    "in": { "auth": true, "actions": [["wait", 600]], "expect": { "visible": ["#board", "#who"], "hidden": ["#find", "#recruit", "#signinTop", "#boardFailed"], "count": [["#boardList .commRow", 6]] } }
+  },
+  "reducedMotion": { "auth": false, "actions": [["wait", 400]] }
+}

package/modules/public-landing/public/connections-nosuggest.states.json

@@ -0,0 +1,15 @@
+{
+  "_": "The connections page with nothing to suggest, opened by the Community menu's \"Builders you may know\" item (task 1004256): the graph is fixtures/connections-nosuggest.json, so the panel stands with its one empty line instead of vanishing. Any other visit keeps \"no suggestions, no empty shell\".",
+  "page": "/connections",
+  "surface": "public-landing",
+  "modes": ["dark"],
+  "modeQuery": false,
+  "stub": { "fixtures": { "connections": "connections-nosuggest" } },
+  "ignoreRequests": ["/api/(gds|bongos)/me$", "/my-projects", "/me/guild-"],
+  "ignoreConsole": ["/api/(gds|bongos)/me", "\\b401\\b", "Unauthorized"],
+  "ignoreControls": [".vh"],
+  "states": {
+    "in-suggest-none": { "auth": true, "url": "/connections#connSuggest", "actions": [["wait", 500]], "expect": { "visible": ["#connSuggest", "#suggestNone"], "count": [["#suggestList .mineRow", 0]] } },
+    "in-plain-none": { "auth": true, "actions": [["wait", 500]], "expect": { "visible": ["#connBody"], "hidden": ["#connSuggest"] } }
+  }
+}

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

@@ -55,6 +55,8 @@
    rows; a row with ONE button (Remove, Connect, Withdraw) keeps it beside the name */
 @media (max-width:480px){.mineRow.connOne{flex-wrap:nowrap;}.connOne .mineRow__actions{flex-basis:auto;margin-top:0;}}
 .connSub{margin:26px 0 4px;font-size:14px;font-weight:600;color:var(--ink-soft);}
+/* opened as /connections#connSuggest, the panel's heading clears the fixed bar */
+#connSuggest{scroll-margin-top:calc(var(--top-h) + 16px);}
 </style>
 </head>
 <body>
@@ -76,6 +78,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. -->
@@ -84,6 +87,16 @@
   </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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div>
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -91,6 +104,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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
     </ul>
   </div>
 </div>
@@ -146,9 +160,11 @@
 
     <!-- "Builders you may know" (ADR 0202 D5, ADR 0337 D4.2): the server's own
          suggestions and their one-line reasons, rendered as they come. One panel:
-         the hub community page links here rather than drawing a second one. -->
+         the Community menu's "Builders you may know" item opens it here
+         (#connSuggest, task 1004256) rather than drawing a second one. -->
     <section id="connSuggest" aria-labelledby="connSuggestH" hidden>
       <h2 id="connSuggestH">Builders you may know</h2>
+      <p class="mineEmpty" id="suggestNone" hidden>No one to suggest yet. Suggestions come from the connections and projects you have in common with other builders.</p>
       <ul class="mineRows" id="suggestList"></ul>
     </section>
 
@@ -322,7 +338,11 @@
       p.row.className += ' connOne';
       sug.appendChild(p.row);
     });
-    $('connSuggest').hidden = !sug.children.length;
+    // Arriving by the Community menu's item, an empty panel says so instead of
+    // vanishing; any other visit keeps "no suggestions, no empty shell".
+    var asked = location.hash === '#connSuggest' && lists.suggestionsRead;
+    $('suggestNone').hidden = !!sug.children.length || !asked;
+    $('connSuggest').hidden = !sug.children.length && !asked;
 
     var out = $('outgoingList');
     out.textContent = '';
@@ -340,6 +360,7 @@
     $('sentH').hidden = !outgoing.length;
   }
 
+  var landed = false;
   function load() {
     return Promise.all([read('/connections'), read('/connections/requests'), read('/connections/suggestions')]).then(function (r) {
       var list = r[0], reqs = r[1], sugg = r[2];
@@ -354,7 +375,11 @@
         outgoing: arr(reqs.data.outgoing),
         // additive, never load-bearing: a failed suggestions read only omits that panel
         suggestions: sugg.ok ? arr(sugg.data.suggestions) : [],
+        suggestionsRead: sugg.ok,
       });
+      // the panel draws after the browser's own jump to #connSuggest, so make it once
+      if (!landed && location.hash === '#connSuggest' && !$('connSuggest').hidden) $('connSuggest').scrollIntoView();
+      landed = true;
     });
   }
 
@@ -435,6 +460,12 @@
     if (id !== 'connBody') $('connMsg').hidden = true;
   }
   function showDoor() { show('door'); }
+  // the menu item pressed while already here moves only the hash: answer it as an arrival
+  window.addEventListener('hashchange', function () {
+    if (location.hash !== '#connSuggest' || $('connBody').hidden) return;
+    landed = false;
+    load();
+  });
   bar.ready.then(function (me) {
     if (!me) { showDoor(); return; }
     load();

package/modules/public-landing/public/connections.states.json

@@ -10,6 +10,7 @@
   "states": {
     "out": { "auth": false, "actions": [["wait", 300]], "expect": { "visible": ["#door", "#signin", "#signinTop", "#projTrig"], "hidden": ["#connBody", "#who", "#loading", "#inactive", "#readFailed"] } },
     "in": { "auth": true, "actions": [["wait", 500]], "expect": { "visible": ["#connBody", "#connAsks", "#connSuggest", "#sentH", "#askHandle", "#askBtn", "#who"], "hidden": ["#door", "#loading", "#inactive", "#readFailed", "#menuProfile"], "count": [["#incomingList .mineRow", 2], ["#connList .mineRow", 3], ["#suggestList .mineRow", 3], ["#outgoingList .mineRow", 1]], "text": [["#connCount", "3 connections."], ["#incomingList .mineRow:first-child .mineRow__name", "Priya Nair"], ["#incomingList .mineRow:first-child .connNote", "We were both on the Tidepool hall last month. Good working with you."], ["#suggestList .mineRow:first-child .mineRow__hint", "2 connections in common"], ["#outgoingList .mineRow:first-child .mineRow__hint", "Request sent"]] } },
+    "in-suggest-linked": { "auth": true, "url": "/connections#connSuggest", "actions": [["wait", 500]], "expect": { "visible": ["#connSuggest"], "hidden": ["#suggestNone"], "count": [["#suggestList .mineRow", 3]] } },
     "in-profile-band": { "auth": true, "actions": [["wait", 400], ["click", "#who"], ["wait", 300]], "expect": { "visible": ["#menuProfile"], "hidden": ["#menuProjects"], "text": [["#bandWhoLogin", "builder"], ["#menuProfile [aria-current=\"page\"]", "Connections"]] } },
     "in-ask-filled": { "auth": true, "actions": [["wait", 500], ["fill", "#askHandle", "nadia"], ["fill", "#askNote", "We met on the Tidepool hall."]], "expect": { "value": [["#askHandle", "nadia"], ["#askNote", "We met on the Tidepool hall."]] } }
   },

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

@@ -58,6 +58,7 @@
     </a>
   </div>
   <div class="barRight">
+    <!--apex-only:start--><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><!--apex-only:end-->
     <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. -->
@@ -66,6 +67,16 @@
   </div>
 </header>
 
+<!--apex-only:start--><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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div><!--apex-only:end-->
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -73,6 +84,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>
+      <!--apex-only:start--><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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li><!--apex-only:end-->
     </ul>
   </div>
 </div>

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

@@ -133,6 +133,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. -->
@@ -141,6 +142,16 @@
   </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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div>
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -148,6 +159,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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
     </ul>
   </div>
 </div>

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

@@ -166,6 +166,12 @@ main:focus{outline:none;box-shadow:none}
 .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), a trigger like Projects. Under 900 this bar has no
+   room for it (the New account pill and the chip), so its three items fold into the
+   Projects band as its last cells; above 900 those cells are not drawn */
+.bandFold{display:none}
+/* no global [hidden] rule on the landing: a signed-in-only fold cell stays down when the fold shows */
+.bandFold[hidden]{display:none}
 .whoSlot{display:inline-flex;align-items:center}
 .who{gap:9px}
 .who img{width:26px;height:26px;border-radius:var(--radius-pill);object-fit:cover;flex:none;border:1px solid var(--rule)}
@@ -501,6 +507,8 @@ body{
   .barMark{min-width:44px;justify-content:center}
   .mark-word{display:none}
   .trig{font-size:13.5px}
+  .commTrig{display:none}
+  .bandFold{display:block}
   .who-name{display:none}
   .pill{min-height:42px;font-size:13.5px}
   .signin,.newacct{padding:0 14px}
@@ -690,6 +698,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
     </a>
   </div>
   <div class="barRight">
+    <!--apex-only:start--><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><!--apex-only:end-->
     <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 slot: the sign-in door signed out; the chip (the profile trigger) once
          the session resolves — swapped client-side, never a wrong-state flash -->
@@ -707,6 +716,16 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
      component, two instances (the script at the foot of the page): Escape closes and returns focus
      to the trigger, the arrows walk the items, Tab out closes, a click outside closes, opening one
      closes the other. -->
+<!--apex-only:start--><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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div><!--apex-only:end-->
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -714,6 +733,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
       <li class="bandCell"><a class="bandT" href="/projects?view=map&amp;sub=table">Table</a><span class="bandC">sky project directory</span></li>
       <li class="bandCell" id="mineCell" hidden><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">+ Create New Project</a><span class="bandC">fresh start/fresh idea</span></li>
+      <!--apex-only:start--><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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li><!--apex-only:end-->
     </ul>
     <!-- About and Docs are site pages, not project views: they live in the footer row with
          Privacy / Terms / Contact (owner, 2026-08-28; task 1003332). -->
@@ -1036,9 +1056,10 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
     chip.appendChild(cv);
     slot.appendChild(chip);
     wireTrigger(chip);
-    /* a member sees the Your-projects cell of the Projects band */
+    /* a member sees the Your-projects cell of the Projects band, and Builders you may know */
     var mine = document.getElementById('mineCell');
     if (mine) mine.hidden = false;
+    document.querySelectorAll('.knowCell').forEach(function (c) { c.hidden = false; });
   });
   /* the sign-out anchor keeps its honest href; the click is the real POST */
   var signout = document.querySelector('#menuProfile a.signout');
@@ -1085,7 +1106,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
     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/index.probes.json

@@ -26,7 +26,7 @@
       "expect": { "closed": "#menuProfile", "expanded": false } },
     { "name": "landing: the band deep-links the hub views; About and Docs are footer links (task 1003332)", "continue": true,
       "steps": [["click", "#projTrig"], ["wait", 120]],
-      "expect": { "count": [["#menuProjects a", 4], ["#menuProjects a[href=\"/docs\"]", 0]], "href": [["#menuProjects .bandCell:nth-child(1) a", "/projects?view=map"], ["#menuProjects .bandCell:nth-child(2) a", "/projects?view=map&sub=table"], ["footer a[href=\"#about\"]", "#about"], ["footer a[href=\"/docs\"]", "/docs"]] } },
+      "expect": { "count": [["#menuProjects a", 7], ["#menuProjects a[href=\"/community\"]", 1], ["#menuCommunity a", 3], ["#menuProjects a[href=\"/docs\"]", 0]], "href": [["#menuProjects .bandCell:nth-child(1) a", "/projects?view=map"], ["#menuProjects .bandCell:nth-child(2) a", "/projects?view=map&sub=table"], ["footer a[href=\"#about\"]", "#about"], ["footer a[href=\"/docs\"]", "/docs"]] } },
     { "name": "landing: #about exists", "continue": true,
       "steps": [["press", "Escape"]],
       "expect": { "count": [["#about", 1]] } },

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

@@ -88,6 +88,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. -->
@@ -96,6 +97,16 @@
   </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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div>
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -103,6 +114,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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
     </ul>
   </div>
 </div>

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

@@ -57,6 +57,7 @@
     </a>
   </div>
   <div class="barRight">
+    <!--apex-only:start--><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><!--apex-only:end-->
     <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. -->
@@ -65,6 +66,16 @@
   </div>
 </header>
 
+<!--apex-only:start--><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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div><!--apex-only:end-->
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -72,6 +83,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>
+      <!--apex-only:start--><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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li><!--apex-only:end-->
     </ul>
   </div>
 </div>

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

@@ -837,6 +837,7 @@ summary{min-height:24px;padding:3px 0;}
     </div>
   </div>
   <div class="barRight">
+    <!--apex-only:start--><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><!--apex-only:end-->
     <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; renderWho fills it. Signed
          out it does not exist and the sign-in door takes its slot. -->
@@ -854,6 +855,16 @@ summary{min-height:24px;padding:3px 0;}
      a click outside closes, opening one closes the other. Plain links in a
      disclosure (aria-expanded + aria-controls, no menu role), so what is
      announced is what ships. ── -->
+<!--apex-only:start--><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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div><!--apex-only:end-->
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -863,6 +874,7 @@ summary{min-height:24px;padding:3px 0;}
       <li class="bandCell"><a class="bandT" href="?view=map&amp;sub=table" data-nav="map" data-sub="table">Table</a><span class="bandC">the same projects as rows</span></li>
       <li class="bandCell"><a class="bandT" href="?view=mine" data-nav="mine">Your projects</a><span class="bandC">the ones you own</span></li>
       <li class="bandCell"><a class="bandT" href="?view=new" data-nav="new">New project</a><span class="bandC">five questions and a home</span></li>
+      <!--apex-only:start--><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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li><!--apex-only:end-->
     </ul>
     <!-- About and Docs are site pages, not project views: they live in the
          footer row with Privacy / Terms / Contact (owner, 2026-08-28; task 1003332). -->
@@ -3610,7 +3622,7 @@ summary{min-height:24px;padding:3px 0;}
     }
     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();
@@ -11797,6 +11809,8 @@ summary{min-height:24px;padding:3px 0;}
     /* every Your-projects item a band carries (§6 asked for querySelectorAll so
        a second data-nav="mine" item could never become a signed-out leak) */
     document.querySelectorAll('[data-nav="mine"]').forEach(function (a) { (a.closest('.bandCell') || a).hidden = !signedIn; });
+    /* Builders you may know reads your own connections (task 1004256) */
+    document.querySelectorAll('.knowCell').forEach(function (c) { c.hidden = !signedIn; });
     $('onlyMine').closest('.switch').hidden = !signedIn;
     if (!signedIn) closeMenus();
     if (!signedIn && $('onlyMine').checked) { $('onlyMine').checked = false; applyMapFilter(); }

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

@@ -57,6 +57,7 @@
     </a>
   </div>
   <div class="barRight">
+    <!--apex-only:start--><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><!--apex-only:end-->
     <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. -->
@@ -65,6 +66,16 @@
   </div>
 </header>
 
+<!--apex-only:start--><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>
+      <li class="bandCell knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li>
+    </ul>
+  </div>
+</div><!--apex-only:end-->
 <div class="menuBand" id="menuProjects" data-menu="projects" hidden>
   <div class="bandIn">
     <ul class="bandRow">
@@ -72,6 +83,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>
+      <!--apex-only:start--><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><li class="bandCell bandFold knowCell" hidden><a class="bandT" href="/connections#connSuggest">Builders you may know</a><span class="bandC">connections or projects in common</span></li><!--apex-only:end-->
     </ul>
   </div>
 </div>

package/modules/ui-design/kit/fixtures/community-leaderboard-empty.json

@@ -0,0 +1,4 @@
+{
+  "_": "GET /community/leaderboard with nobody on any board (task 1003363): a hub on its first day.",
+  "boards": {}
+}