@bongos/core 1.21.55 → 1.21.57

package/modules/hall-ui/public/street-draw.js

@@ -289,7 +289,6 @@
   // the tiers whose label shows without a hover, most important first
   const LABEL_TIERS = Object.freeze(['urgent', 'needs', 'queue']);
   const MAX_CRATES = 3;
-  const HINT = 'work moves left to right · orange waits on you · white is moving without you';
   const READING_KEYS = Object.freeze(['flow', 'promises', 'money', 'people', 'fairness', 'rules']);
   const READING_LABELS = Object.freeze({ flow: 'flow', promises: 'promises', money: 'money', people: 'people', fairness: 'fairness', rules: 'rules at work' });
   const READING_BUILDING = Object.freeze({ flow: 'review', promises: 'planning', money: 'treasury', people: 'people', fairness: 'disputes', rules: 'rules' });
@@ -626,7 +625,6 @@
       flat: flat, blds: blds, crates: crates, cols: cols, groups: groups, pins: pins, doors: doors, signs: signs,
       hud: { needs: docket ? String(needs) : '—', moving: docket ? String(moving) : '—', share: money(share), hot: needs > 0 },
       line: docket ? String(docket.line || '') : FALLBACK_LINE,
-      hint: docket && !evening ? HINT : '',
       eveningLine: 'this month · ' + moving + ' moving · ' + settled + ' settled · ' + money(share) + ' to your share',
       label: 'The street: the nine civic buildings in the order work moves, and '
         + (goals.length === 1 ? 'one district' : goals.length + ' districts') + ', one for each open goal'
@@ -661,7 +659,7 @@
     whenWord: whenWord, reviewHeldOf: reviewHeldOf, monthShare: monthShare, money: money, parseHash: parseHash, buildingHref: buildingHref, districtHref: districtHref,
     streetModel: streetModel, cardFor: cardFor, placeLabels: placeLabels, labelBox: labelBox, shownLabels: shownLabels, pinLabel: pinLabel,
     G: G, SEGS: SEGS, GROUP_NAMES: GROUP_NAMES, CIVIC_KEYS: CIVIC_KEYS, READING_KEYS: READING_KEYS, ARTBOARD_W: ARTBOARD_W,
-    PIN_W: PIN_W, PIN_LABEL: PIN_LABEL, LABEL_MAX_W: LABEL_MAX_W, PIN_STACK: PIN_STACK, MAX_CRATES: MAX_CRATES, MAX_DISTRICTS: MAX_DISTRICTS, GOALS_HREF: GOALS_HREF, HINT: HINT, FALLBACK_LINE: FALLBACK_LINE, HOME_HREF: '/builders/city',
+    PIN_W: PIN_W, PIN_LABEL: PIN_LABEL, LABEL_MAX_W: LABEL_MAX_W, PIN_STACK: PIN_STACK, MAX_CRATES: MAX_CRATES, MAX_DISTRICTS: MAX_DISTRICTS, GOALS_HREF: GOALS_HREF, FALLBACK_LINE: FALLBACK_LINE, HOME_HREF: '/builders/city',
   };
   root.GovStreet = api;
   if (typeof module !== 'undefined' && module.exports) module.exports = api;

package/modules/hall-ui/public/street.css

@@ -93,7 +93,6 @@ html[data-fullscreen="on"] .street-top { padding-right: 184px; }
 .street-layer { position: absolute; left: 0; top: 0; width: 100%; height: 900px; pointer-events: none; }
 .street-layer > * { pointer-events: auto; }
 
-.street-hint { position: absolute; left: 0; right: 0; top: 84px; margin: 0; text-align: center; font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-faint); pointer-events: none; z-index: 2; }
 .street-evening { position: absolute; left: 0; right: 0; top: 104px; display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none; z-index: 2; }
 .street-evening[hidden] { display: none; }
 .street-evening__h { margin: 0; font-size: 46px; font-weight: 300; letter-spacing: -0.042em; line-height: 1; }

package/modules/hall-ui/public/street.html

@@ -96,7 +96,6 @@
 <div class="street-window" id="streetWindow">
   <div class="street-sizer" id="streetSizer">
   <div class="street-board" id="streetBoard" role="group" aria-label="The street">
-    <p class="street-hint" id="streetHint"></p>
     <div class="street-evening" id="streetEvening" hidden>
       <p class="street-evening__h">nothing waits on you.</p>
       <p class="street-evening__line" id="streetEveningLine"></p>

package/modules/hall-ui/public/street.js

@@ -377,8 +377,6 @@
     var signs = $('streetSigns'); clear(signs);
     m.signs.forEach(function (sg) { signs.appendChild(drawSign(sg)); });
 
-    var hint = $('streetHint');
-    if (hint) { hint.textContent = m.hint; hint.hidden = !m.hint || !!view.open || showInside; }
     var eve = $('streetEvening');
     if (eve) eve.hidden = !(m.evening && !view.open) || showInside;
     var eveLine = $('streetEveningLine');

package/modules/hall-ui/records/governor-street.md

@@ -96,3 +96,13 @@ Owner decision 2026-10-04: Work categories was the last floor row that still lef
 Walked in the hall preview harness at 1440 and 375, light and dark: the rows, an open detail with its move chips, the rename and add fields, and a rename sent (the write answered inside the page, since the harness refuses writes) with its pip, toast and record line. Nothing was changed on the live site. The old Project settings page keeps its own category list.
 
 Tests: `tests/hall_street_desk.mjs` (the `1004580` cases) hold the server rows and their gates, every act's route, the move arithmetic, and on the page rename, retire and bring back, a move from the open detail, an add, and a refused act and a refused move that count nothing. `tests/goal_category.mjs` holds the grouped count.
+
+## No legend hint (task 1004581)
+
+Owner decision 2026-10-04: the street should read at a glance without words, so the small grey line over the sky ("work moves left to right · orange waits on you · white is moving without you") is gone, in both themes and at every width. This is a deliberate departure from the prototype, whose `Street.dc.html` still draws the line; everything else on the reference board stands. The line was also wrong in light mode, where moving pins are black, not white.
+
+- **Gone with it:** the `streetHint` element, the `.street-hint` style, the `HINT` constant and the model's `hint` field in `street-draw.js`, the code in `street.js` that showed and hid it, and its entry in `docs/page-readings.json` (regenerated).
+- **No gap where it stood.** The line was laid over the sky, not in the flow, so the header and the reading band keep their places; walked in the hall preview harness at 1440 and 375, light and dark.
+- **The evening view is unchanged** ("nothing waits on you." and its line still show when nothing needs you).
+
+Tests: `tests/hall_street.mjs` asserts the model has no hint field, the module exports no `HINT`, and none of the street's four files carries the line; putting the markup or the constant back reds it.

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

@@ -0,0 +1,571 @@
+<!DOCTYPE html>
+<html lang="en" data-mode="dark">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- THE GUILD PAGE (task 1002301, R25; ADR 0336 D4/D6, ADR 0337 D4.4). A guild
+     is a group of builders across projects, so its page lives on the hub, at the
+     /g/<slug> namespace ADR 0336 D6 reserved. One shell for every slug: the
+     script reads the slug from the path and asks two routes of platform-identity —
+       GET /guilds/:slug           the PUBLIC read: name, public roster, size and
+                                   the rounded weekly totals; 404 for an unknown
+                                   slug AND for an unlisted guild, to everyone;
+       GET /guilds/:slug/members   the OWN-SCOPE read, signed in only: a member's
+                                   door to their guild, unlisted ones included,
+                                   with their own two switches;
+     and writes one: PATCH /guilds/:slug/membership (those two switches). A
+     stranger, an unknown slug and an unlisted guild seen from outside are one
+     "no guild here", so the page never confirms an unlisted guild exists.
+     Hub-only, like /account: platform-server.js serves /g/<slug> only where
+     platform-identity is on. noindex while one shell answers every slug (a guild
+     that does not exist would otherwise index as a page); putting guilds in
+     search is the SEO goal's call (ADR 0336 D6). Server-stamped: {{…}} tokens are
+     filled by landingPage(). -->
+<title>{{productName}} — Guild</title>
+<meta name="description" content="A guild on {{productName}}: the builders in it, and what they have built together.">
+<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 guild page's own layout, in the account page's voice (account.html): a
+   lowercase light heading, hairline sections with the title left and the body
+   right, the choice cells with the dot. No :root block — the pack's injected
+   theme owns the tokens; everything below reads them. The bar and the bands are
+   cosmos.css's own rules, not restyled here. */
+/* 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;}
+.gld{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:clamp(6px,1.5vw,18px) clamp(16px,4vw,40px) 56px;}
+.gld h1{font-family:var(--font-display);font-weight:300;font-size:clamp(30px,4.2vw,56px);letter-spacing:-.04em;line-height:1.02;text-transform:lowercase;color:var(--ink);margin:6px 0 0;overflow-wrap:anywhere;}
+.gld .lede{margin:12px 0 0;max-width:62ch;font-size:15.5px;font-weight:400;line-height:1.55;color:var(--ink-soft);white-space:pre-line;overflow-wrap:anywhere;}
+.gld .loading{font-size:15px;color:var(--ink-soft);}
+.gKicker,.gMeta{margin:18px 0 0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.gMeta{margin:16px 0 26px;font-variant-numeric:tabular-nums;}
+.gMiss{padding:0 0 10px;max-width:62ch;}
+.gMiss h1{margin-top:28px;}
+.gMiss .lede{margin-bottom:22px;}
+.gMiss .gh{width:18px;height:18px;fill:currentColor;}
+.gMiss .btn{text-transform:none;}
+/* the sections: the account page's .aSec grid */
+.aSec{display:grid;grid-template-columns:minmax(200px,300px) 1fr;grid-template-rows:auto 1fr;gap:6px 40px;border-top:1px solid var(--rule);padding:30px 0 34px;}
+.aSec>h2{grid-column:1;font-family:var(--font-display);font-weight:300;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;line-height:1.08;text-transform:lowercase;color:var(--ink);margin:0;}
+.aSec>.aSide{grid-column:1;align-self:start;margin:4px 0 0;max-width:34ch;font-size:13.5px;line-height:1.5;color:var(--ink-faint);}
+.aSec>.aBody{grid-column:2;grid-row:1/span 2;display:grid;gap:18px;align-content:start;min-width:0;}
+.aLabel{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.aBand{display:grid;gap:8px;}
+.aBand [role="radiogroup"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
+.aOpt{position:relative;display:block;margin:0;padding:16px 18px 18px;border-left:1px solid var(--rule-soft);cursor:pointer;}
+.aOpt:first-child{border-left:0;padding-left:0;}
+.aOpt input{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);}
+.aOpt>span{display:block;font-size:13px;line-height:1.45;color:var(--ink-faint);}
+.aOpt b{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-family:var(--font-body);font-weight:500;font-size:15px;color:var(--ink);}
+.aOpt b::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--rule);background:var(--bg);flex:none;}
+.aOpt:has(input:checked) b::before{background:var(--accent);border-color:var(--accent);outline:4px solid color-mix(in srgb,var(--accent) 22%,transparent);}
+.aOpt:focus-within{outline:2px solid var(--accent);outline-offset:3px;}
+.aWhat{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft);max-width:70ch;}
+.gld .actions{margin:0;gap:14px;}
+.gld .btn{min-height:44px;padding:0 22px;font-family:var(--font-body);font-weight:500;font-size:15px;text-transform:lowercase;white-space:nowrap;box-shadow:none;}
+.gld .btn:hover,.gld .btn:active{transform:none;box-shadow:none;}
+.gld .projMsg{margin:0;min-height:0;font-weight:400;}
+/* the prompt after a guild goes public (ADR 0336 D4 §3): asked, never assumed */
+.gAsk{display:grid;gap:14px;padding:18px 0 20px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
+.gAsk p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-soft);max-width:62ch;}
+.gAsk p b{display:block;margin-bottom:4px;font-family:var(--font-body);font-weight:500;font-size:17px;color:var(--ink);}
+/* the record: four band floors as figures, two by two so a long band ("200,000+")
+   keeps its cell, a hairline above each (the ledger grammar) */
+.gFigs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;margin:0;}
+.gFigs>div{display:grid;gap:6px;align-content:start;padding:14px 0 4px;border-top:1px solid var(--rule-soft);min-width:0;}
+.gFigs dt{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.gFigs dd{margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.035em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
+.gFigs dd.under{font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;color:var(--ink-soft);}
+/* the roster: one hairline row per member */
+.gRoster{list-style:none;margin:0;padding:0;}
+.gRoster li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:0 14px;align-items:center;padding:12px 0;border-top:1px solid var(--rule-soft);}
+.gRoster li:last-child{border-bottom:1px solid var(--rule-soft);}
+.gRoster .gAv{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-card);}
+.gRoster span.gAv{display:grid;place-items:center;font-family:var(--font-body);font-weight:500;font-size:15px;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--rule);box-sizing:border-box;}
+.gRoster .gWho{display:grid;gap:2px;min-width:0;}
+.gRoster .gName{font-family:var(--font-body);font-weight:500;font-size:15.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.gRoster .gHandle{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.gRoster .gKind{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-soft);}
+@media (max-width:900px){
+  .aSec{grid-template-columns:1fr;gap:12px;}
+  .aSec>h2,.aSec>.aSide,.aSec>.aBody{grid-column:1;grid-row:auto;}
+  .aSec>.aSide{max-width:none;}
+}
+@media (max-width:560px){
+  .gFigs{gap:0 18px;}
+  .aBand [role="radiogroup"]{grid-template-columns:1fr;}
+  .aOpt{padding:14px 0 16px;border-left:0;border-top:1px solid var(--rule-soft);}
+  .aOpt:first-child{border-top:0;}
+}
+</style>
+</head>
+<body>
+<!-- THE BAR and its two bands are the hub's own (projects.html, task 1004455):
+     the account page's markup with no current place, so /projects → /g/<slug>
+     keeps the chrome. assets/hub-bar.js runs it. The sign-in doors name no return
+     in the markup — one shell serves every slug — so the page script points them
+     back at this guild once it has read the slug (and without script, the sign-in
+     route falls back to the Referer, which is this page). -->
+<a class="skip vh" href="#guild">Skip to content</a>
+<header class="shell bar">
+  <div class="barLeft">
+    <a class="barMark" id="barMark" href="/">
+      <svg viewBox="0 0 26 20" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.4"
+           stroke-linecap="round" stroke-linejoin="round">
+        <ellipse cx="8.4" cy="5.6" rx="6.6" ry="2.9"/>
+        <path d="M1.8 5.6v6.6a6.6 2.9 0 0 0 13.2 0V5.6"/>
+        <ellipse cx="19.6" cy="8.4" rx="4.7" ry="2.1"/>
+        <path d="M14.9 8.4v4.6a4.7 2.1 0 0 0 9.4 0V8.4"/>
+      </svg>
+      <span>{{productName}}</span>
+    </a>
+  </div>
+  <div class="barRight">
+    <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?repos=1">Sign in</a>
+  </div>
+</header>
+
+<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 or build on</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>
+    </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="/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="gld" id="guild">
+  <p class="loading" id="loading">Reading this guild…</p>
+  <div class="alert" id="pageAlert" role="alert"></div>
+
+  <!-- NO GUILD HERE: an unknown slug, a malformed one, and an unlisted guild seen
+       by anyone but its members get this one answer (ADR 0336 D4). Signed out,
+       it offers sign-in, because a member reaches an unlisted guild that way. -->
+  <section class="gMiss" id="missing" hidden aria-labelledby="missing-h">
+    <h1 id="missing-h">no guild here</h1>
+    <p class="lede" id="missingWhy"></p>
+    <a class="btn" id="missingSignin" hidden href="/api/bongos/auth/web/start?repos=1">
+      <!-- keep the spaces inside this path's numbers: same shape, and they are load-bearing (task 1004401) -->
+      <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>
+  </section>
+
+  <!-- THE GUILD: ships hidden, revealed once either read answers -->
+  <div id="guildBody" hidden>
+    <p class="gKicker" id="gKicker">Guild</p>
+    <h1 id="gName"></h1>
+    <p class="lede" id="gDesc" hidden></p>
+    <p class="gMeta" id="gMeta"></p>
+
+    <!-- YOUR PLACE — members only, from the own-scope read. Two switches, each the
+         member's own (ADR 0336 D4, ADR 0337 D4.4): shown on the public page, and
+         counted in the totals. Only what changed is sent. -->
+    <section class="aSec" id="gYou" hidden aria-labelledby="gYou-h">
+      <h2 id="gYou-h">your place</h2>
+      <p class="aSide" id="gYouSide"></p>
+      <form class="aBody" id="youForm" novalidate>
+        <!-- the prompt after an unlisted → public flip: a member who joined an
+             unlisted guild is not shown on its public page until they say yes -->
+        <div class="gAsk" id="showAsk" hidden>
+          <p><b>Show you on this guild’s public page?</b>This guild is public, and you’re a member who isn’t on its public page. Nobody is listed there until they say yes.</p>
+          <div class="actions"><button type="button" class="btn" id="askYes">show me</button><button type="button" class="btn ghost" id="askNo">not now</button></div>
+        </div>
+        <div class="aBand" id="shownBand">
+          <span class="aLabel" id="shownLabel">On this guild’s public page</span>
+          <div role="radiogroup" aria-labelledby="shownLabel">
+            <label class="aOpt"><input type="radio" name="shown" value="on"><span><b>Show me</b>Your name and picture are listed on its public page, while your account is public.</span></label>
+            <label class="aOpt"><input type="radio" name="shown" value="off"><span><b>Keep me off</b>You stay a member, and the public page doesn’t list you.</span></label>
+          </div>
+        </div>
+        <p class="aWhat" id="shownUnlisted" hidden></p>
+        <div class="aBand" id="countBand">
+          <span class="aLabel" id="countLabel">In this guild’s totals</span>
+          <div role="radiogroup" aria-labelledby="countLabel">
+            <label class="aOpt"><input type="radio" name="counted" value="on"><span><b>Count my numbers</b>They add to this guild’s totals.</span></label>
+            <label class="aOpt"><input type="radio" name="counted" value="off"><span><b>Leave them out</b>The totals add up everyone else.</span></label>
+          </div>
+          <p class="aWhat" id="countWhat"></p>
+        </div>
+        <div class="actions"><button type="submit" class="btn" id="youSave">save</button></div>
+        <p class="projMsg" id="youMsg" role="status" aria-live="polite"></p>
+      </form>
+    </section>
+
+    <!-- THE RECORD — R26's rounded weekly totals (ADR 0337 D4.4), from the public
+         read only: band floors ("100+"), never an exact sum, and no count of who
+         is in them. An unlisted guild publishes none. -->
+    <section class="aSec" id="gRecord" aria-labelledby="gRecord-h">
+      <h2 id="gRecord-h">the record</h2>
+      <p class="aSide">What its members have built together, across every project. Rounded down to a band, and counted once a week.</p>
+      <div class="aBody">
+        <dl class="gFigs" id="gFigs">
+          <div><dt>Works shipped</dt><dd id="tShipped">—</dd></div>
+          <div><dt>Credits</dt><dd id="tCredits">—</dd></div>
+          <div><dt>Karma</dt><dd id="tKarma">—</dd></div>
+          <div><dt>Projects</dt><dd id="tProjects">—</dd></div>
+        </dl>
+        <p class="aWhat" id="gRecordNote"></p>
+      </div>
+    </section>
+
+    <!-- MEMBERS — the public roster (ADR 0336 D4: handle, display name, avatar,
+         kind; never a GitHub id or login), or, for a member, the members' roster,
+         which lists everyone in the guild. -->
+    <section class="aSec" id="gMembers" aria-labelledby="gMembers-h">
+      <h2 id="gMembers-h">members</h2>
+      <p class="aSide" id="gMembersSide"></p>
+      <div class="aBody">
+        <ul class="gRoster" id="gRoster"></ul>
+        <p class="aWhat" id="gRosterEmpty" hidden>Nobody is listed on this page yet.</p>
+      </div>
+    </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';
+  function $(id) { return document.getElementById(id); }
+  // The bar's chip, bands and sign out are assets/hub-bar.js (task 1004489), loaded
+  // just above; bar.ready settles with GET /me's answer, null when nobody is
+  // signed in. Without the asset the page still shows the public guild.
+  var bar = window.HubBar || { paint: function () {}, ready: Promise.resolve(null) };
+
+  // The slug rule is guilds.js's (normalizeHandle's charset, a two-character
+  // floor, at most 39) — boundary-forced duplication (ADR 0091 §2): a page cannot
+  // import a module. A path that cannot be a slug is "no guild here" without a
+  // request. tests/hub_guild_page.mjs holds this to the module's rule.
+  var SLUG_RE = /^(?=.{2,39}$)[a-z0-9](?:[a-z0-9-]{0,37}[a-z0-9])?$/;
+  var MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  var BASE_TITLE = document.title;
+
+  // What the server last said: the public read and the own-scope read. Every
+  // save re-paints from the server's answer, never from what was clicked.
+  var slug = null;
+  var pub = null;
+  var mine = null;
+
+  function request(method, path, body) {
+    var init = { method: method, credentials: 'same-origin', headers: { Accept: 'application/json' } };
+    if (body !== undefined) { init.headers['Content-Type'] = 'application/json'; init.body = JSON.stringify(body); }
+    return fetch(API + path, init).then(function (res) {
+      return res.json().catch(function () { return null; }).then(function (data) {
+        return { status: res.status, ok: res.ok, data: data };
+      });
+    });
+  }
+  function serverWords(res, fallback) {
+    var m = res && res.data && res.data.error && res.data.error.message;
+    if (typeof m !== 'string' || !m) return fallback;
+    return m.charAt(0).toUpperCase() + m.slice(1) + (/[.!?]$/.test(m) ? '' : '.');
+  }
+  function say(el, text, kind) {
+    el.className = 'projMsg' + (kind ? ' ' + kind : '');
+    el.textContent = text;
+  }
+  function plural(n, one, many) { return n + ' ' + (n === 1 ? one : many); }
+  function monthYear(iso) {
+    var d = new Date(iso);
+    return isNaN(d.getTime()) ? '' : MONTHS[d.getUTCMonth()] + ' ' + d.getUTCFullYear();
+  }
+  function dayMonthYear(iso) {
+    var d = new Date(iso);
+    return isNaN(d.getTime()) ? '' : d.getUTCDate() + ' ' + MONTHS[d.getUTCMonth()] + ' ' + d.getUTCFullYear();
+  }
+  // A total is published as its band floor (guild-totals.js bandFloor): 0 means
+  // below the first band, which a page says as "under 10".
+  function band(n) {
+    var v = Number(n);
+    if (!isFinite(v) || v <= 0) return { text: 'under 10', under: true };
+    return { text: Math.floor(v).toLocaleString('en-US') + '+', under: false };
+  }
+
+  // ---- the slug, and the sign-in doors that return to it ----
+  function slugFromPath(pathname) {
+    var m = /^\/g\/([^/]+)\/?$/.exec(pathname || '');
+    if (!m) return null;
+    var s;
+    try { s = decodeURIComponent(m[1]).toLowerCase(); } catch (e) { return null; }
+    return SLUG_RE.test(s) ? s : null;
+  }
+  function pointSigninHere() {
+    // the slug is SLUG_RE-clean ([a-z0-9-]), so it needs no encoding: the shape the
+    // other hub doors send (return=/account&repos=1)
+    var href = API + '/auth/web/start?return=/g/' + slug + '&repos=1';
+    $('signinTop').setAttribute('href', href);
+    $('missingSignin').setAttribute('href', href);
+  }
+
+  // ---- the page's states: reading, no guild here, the guild ----
+  function showAlert(text) {
+    $('loading').hidden = true;
+    var a = $('pageAlert');
+    a.textContent = text;
+    a.className = 'alert on';
+  }
+  function showMissing(signedIn) {
+    $('loading').hidden = true;
+    $('guildBody').hidden = true;
+    $('missingWhy').textContent = signedIn
+      ? 'There is no guild at this address that you can see. A guild that is unlisted is shown only to its members.'
+      : 'There is no public guild at this address. If it is an unlisted guild you belong to, sign in to see it.';
+    $('missingSignin').hidden = !!signedIn;
+    $('missing').hidden = false;
+  }
+
+  function load() {
+    slug = slugFromPath(location.pathname);
+    if (!slug) { return bar.ready.then(function (me) { showMissing(!!me); }); }
+    pointSigninHere();
+    return Promise.all([
+      request('GET', '/guilds/' + slug),
+      // the own-scope read only for someone signed in: a stranger's page makes one call
+      bar.ready.then(function (me) { return me ? request('GET', '/guilds/' + slug + '/members') : null; }),
+    ]).then(function (both) {
+      var p = both[0], m = both[1];
+      var signedIn = !!m && m.status !== 401;
+      pub = p.ok && p.data && p.data.guild ? p.data : null;
+      mine = m && m.ok && m.data && m.data.guild ? m.data : null;
+      if (!pub && !mine) {
+        if (p.status === 404 && (!m || m.status === 404 || m.status === 401)) { showMissing(signedIn); return; }
+        showAlert('Couldn’t read this guild right now — refresh in a moment.');
+        return;
+      }
+      paint();
+      $('loading').hidden = true;
+      $('missing').hidden = true;
+      $('guildBody').hidden = false;
+    }, function () { showAlert('Couldn’t reach the server — check your connection and refresh.'); });
+  }
+
+  // ---- paint: every region from the server's answers ----
+  function paint() { paintHead(); paintYou(); paintRecord(); paintRoster(); }
+
+  function guild() { return (mine && mine.guild) || pub.guild; }
+
+  function paintHead() {
+    var g = guild();
+    document.title = g.name + ' — ' + BASE_TITLE.replace(/ — Guild$/, '');
+    $('gName').textContent = g.name;
+    var desc = g.description ? String(g.description).trim() : '';
+    $('gDesc').textContent = desc;
+    $('gDesc').hidden = !desc;
+    // a member is told which kind of guild this is; the public sees only public ones
+    $('gKicker').textContent = mine ? 'Guild · ' + (mine.guild.visibility === 'public' ? 'public' : 'unlisted') : 'Guild';
+    var parts = [];
+    if (mine) {
+      parts.push(plural(mine.count, 'member', 'members'));
+      if (pub) parts.push(pub.size + ' on the public page');
+    } else {
+      parts.push(plural(pub.size, 'member', 'members'));
+    }
+    var since = pub && pub.guild.created_at ? monthYear(pub.guild.created_at) : '';
+    if (since) parts.push('since ' + since);
+    $('gMeta').textContent = parts.join(' · ');
+  }
+
+  // ---- your place: the member's own two switches ----
+  var ASK_KEY = 'cb-guild-ask-';
+  function askDismissed() {
+    try { return window.localStorage.getItem(ASK_KEY + slug) === 'no'; } catch (e) { return false; }
+  }
+  function dismissAsk() {
+    try { window.localStorage.setItem(ASK_KEY + slug, 'no'); } catch (e) { /* a per-viewer convenience only */ }
+  }
+  function pick(name, value) {
+    document.querySelectorAll('input[name="' + name + '"]').forEach(function (r) { r.checked = r.value === value; });
+  }
+  function picked(name) {
+    var r = document.querySelector('input[name="' + name + '"]:checked');
+    return r ? r.value : null;
+  }
+  function paintYou() {
+    if (!mine) { $('gYou').hidden = true; return; }
+    var you = mine.you;
+    var isPublic = mine.guild.visibility === 'public';
+    $('gYou').hidden = false;
+    $('gYouSide').textContent = (you.membership_kind === 'owner' ? 'You own this guild.' : 'You’re a member of this guild.') +
+      ' Only you see this, and only you can change it.';
+    // Asked, never assumed: while the prompt stands it IS the control, so the pair
+    // for the same switch waits until it is answered.
+    var asking = isPublic && !you.shown_publicly && !askDismissed();
+    $('showAsk').hidden = !asking;
+    $('shownBand').hidden = !isPublic || asking;
+    $('shownUnlisted').hidden = isPublic;
+    // A visibility change flips only the OWNER's own flag (ADR 0336 D4 §3), so the
+    // owner is listed the moment they make it public; everyone else is asked.
+    $('shownUnlisted').textContent = 'This guild is unlisted, so it has no public page. ' + (you.membership_kind === 'owner'
+      ? 'If you make it public, you’ll be listed on it as its owner, and each member will be asked before they are.'
+      : 'If it is made public, you’ll be asked here before you’re listed on it.');
+    pick('shown', you.shown_publicly ? 'on' : 'off');
+    pick('counted', you.counted_in_totals ? 'on' : 'off');
+    paintCountWhat();
+  }
+  // The notice IS the consent (ADR 0337 D4.4): said for the choice as it stands
+  // on the page, before anything is saved.
+  function paintCountWhat() {
+    $('countWhat').textContent = picked('counted') === 'off'
+      ? 'Your numbers are left out of this guild’s totals, from its next weekly count.'
+      : 'Your numbers count toward this guild’s rounded totals — even while your record is hidden or your account is private. ' +
+        'They are never shown on their own: only inside totals rounded down to a band (10+, 20+, 50+ …) and counted once a week. ' +
+        'Leave them out of any guild you’d rather not share them with.';
+  }
+  document.querySelectorAll('input[name="counted"]').forEach(function (r) { r.addEventListener('change', paintCountWhat); });
+
+  // Re-read both after a save: the public roster and size move with the switch.
+  function reread() {
+    return Promise.all([
+      request('GET', '/guilds/' + slug),
+      request('GET', '/guilds/' + slug + '/members'),
+    ]).then(function (both) {
+      if (both[0].ok && both[0].data && both[0].data.guild) pub = both[0].data;
+      else if (both[0].status === 404) pub = null;
+      if (both[1].ok && both[1].data && both[1].data.guild) mine = both[1].data;
+      paint();
+    });
+  }
+  function saveSwitches(body, done, btns) {
+    var msg = $('youMsg');
+    btns.forEach(function (b) { b.disabled = true; });
+    say(msg, 'Saving…');
+    return request('PATCH', '/guilds/' + slug + '/membership', body).then(function (res) {
+      btns.forEach(function (b) { b.disabled = false; });
+      if (res.status === 401) { say(msg, 'Your session expired — sign in again to save.', 'err'); bar.paint(null); return; }
+      if (!res.ok) { say(msg, serverWords(res, 'Couldn’t save that. Try again.'), 'err'); return; }
+      mine.you.shown_publicly = !!res.data.shown_publicly;
+      mine.you.counted_in_totals = !!res.data.counted_in_totals;
+      paint();
+      say(msg, done, 'ok');
+      return reread();
+    }, function () { btns.forEach(function (b) { b.disabled = false; }); say(msg, 'Couldn’t reach the server. Try again.', 'err'); });
+  }
+  $('youForm').addEventListener('submit', function (ev) {
+    ev.preventDefault();
+    var you = mine.you;
+    var body = {};
+    var said = [];
+    var shown = picked('shown');
+    if (mine.guild.visibility === 'public' && shown && (shown === 'on') !== !!you.shown_publicly) {
+      body.shown_publicly = shown === 'on';
+      said.push(shown === 'on' ? 'you’re listed on its public page' : 'you’re off its public page');
+      // a member who answered here has answered the prompt too
+      dismissAsk();
+    }
+    var counted = picked('counted');
+    if (counted && (counted === 'on') !== !!you.counted_in_totals) {
+      body.counted_in_totals = counted === 'on';
+      said.push(counted === 'on' ? 'your numbers count toward its totals' : 'your numbers are left out of its totals');
+    }
+    if (!Object.keys(body).length) { say($('youMsg'), 'Nothing has changed.'); return; }
+    saveSwitches(body, 'Saved — ' + said.join(', and ') + '.', [$('youSave')]);
+  });
+  $('askYes').addEventListener('click', function () {
+    dismissAsk();
+    saveSwitches({ shown_publicly: true }, 'Saved — you’re listed on its public page.', [$('askYes'), $('askNo'), $('youSave')]);
+  });
+  $('askNo').addEventListener('click', function () {
+    dismissAsk();
+    $('showAsk').hidden = true;
+    $('shownBand').hidden = false;
+    say($('youMsg'), 'You’re staying off its public page. You can change that here at any time.');
+  });
+
+  // ---- the record ----
+  function paintRecord() {
+    var t = pub && pub.totals;
+    [['tShipped', 'works_shipped'], ['tCredits', 'credits'], ['tKarma', 'karma'], ['tProjects', 'projects']].forEach(function (pair) {
+      var dd = $(pair[0]);
+      if (!t) { dd.textContent = '—'; dd.className = 'under'; return; }
+      var b = band(t[pair[1]]);
+      dd.textContent = b.text;
+      dd.className = b.under ? 'under' : '';
+    });
+    $('gFigs').hidden = !pub;
+    var note;
+    if (!pub) note = 'This guild is unlisted, so its record isn’t published anywhere.';
+    else if (!t) note = 'Not counted yet. A guild’s record is counted once a week.';
+    else note = 'Counted on ' + dayMonthYear(t.as_of) + '. Projects are the public projects its listed members build on.';
+    $('gRecordNote').textContent = note;
+  }
+
+  // ---- the roster ----
+  function avatarOf(m) {
+    var url = typeof m.avatar_url === 'string' && /^https?:\/\//i.test(m.avatar_url) ? m.avatar_url : null;
+    if (url) {
+      var img = document.createElement('img');
+      img.className = 'gAv';
+      img.alt = '';
+      img.loading = 'lazy';
+      img.src = url;
+      return img;
+    }
+    var span = document.createElement('span');
+    span.className = 'gAv';
+    span.setAttribute('aria-hidden', 'true');
+    span.textContent = Array.from(String(m.display_name || m.handle || '?').trim())[0] || '?';
+    return span;
+  }
+  function rowOf(m) {
+    var li = document.createElement('li');
+    li.appendChild(avatarOf(m));
+    var who = document.createElement('span');
+    who.className = 'gWho';
+    var name = document.createElement('span');
+    name.className = 'gName';
+    name.textContent = m.display_name || m.handle;
+    var handle = document.createElement('span');
+    handle.className = 'gHandle';
+    handle.textContent = m.handle;
+    who.appendChild(name);
+    who.appendChild(handle);
+    li.appendChild(who);
+    var kind = document.createElement('span');
+    kind.className = 'gKind';
+    kind.textContent = m.membership_kind === 'owner' ? 'Owner' : '';
+    li.appendChild(kind);
+    return li;
+  }
+  function paintRoster() {
+    var list = mine ? mine.members : pub.members;
+    $('gMembersSide').textContent = mine
+      ? 'Everyone in the guild. Only its members see this list; the public page lists only the members who chose to be on it.'
+      : 'The members who chose to be listed on this page.';
+    var ul = $('gRoster');
+    ul.textContent = '';
+    (list || []).forEach(function (m) { ul.appendChild(rowOf(m)); });
+    $('gRosterEmpty').hidden = !!(list && list.length);
+  }
+
+  load();
+})();
+</script>
+</body>
+</html>