@bongos/core 1.21.175 → 1.21.176

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

@@ -124,12 +124,10 @@
 <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 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>

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

@@ -148,10 +148,14 @@ main:focus{outline:none;box-shadow:none}
   padding:0 26px;background:var(--bg);border-bottom:1px solid var(--rule)}
 .barLeft{display:flex;align-items:center;gap:26px;flex:1 1 auto;min-width:0}
 .barRight{display:flex;align-items:center;gap:20px;flex:none}
-.barMark{display:inline-flex;align-items:center;gap:10px;min-height:44px;flex:none;
-  font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:-.015em;
+.barMark{display:inline-flex;align-items:center;gap:9px;min-height:44px;flex:none;
+  font-family:var(--font-display);font-size:17px;font-weight:300;letter-spacing:-.01em;text-transform:lowercase;
   color:var(--ink);text-shadow:var(--type-halo)}
-.barMark svg{width:23px;height:18px;display:block;flex:none}
+/* the mark: Ink and one light; its Night ink twin on a dark ground (task 1004846) */
+.barMark svg{width:32px;height:32px;display:block;flex:none}
+:root[data-mode="dark"] .bongosMark .mr{stroke:#e2e1e4}
+:root[data-mode="dark"] .bongosMark .mp{fill:#e2e1e4}
+@media (prefers-color-scheme: dark){:root:not([data-mode="light"]) .bongosMark .mr{stroke:#e2e1e4}:root:not([data-mode="light"]) .bongosMark .mp{fill:#e2e1e4}}
 /* the right group is lowercase text; the OPEN trigger is underlined in the accent */
 .trig{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;cursor:pointer;
   background:none;border:0;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;
@@ -677,12 +681,10 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
 <header class="topbar bar">
   <div class="barLeft">
     <a class="barMark" href="/" aria-label="{{productName}}">
-      <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 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 class="mark-word">{{productName}}</span>
     </a>

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

@@ -79,12 +79,10 @@
 <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 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>

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

@@ -48,12 +48,10 @@
 <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 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>

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

@@ -522,6 +522,7 @@ body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;backgr
 .setFactGrp{margin-top:22px;max-width:680px;}
 .setFactGrp>h3{margin:0 0 4px;font-family:var(--label-face);font-size:var(--label-size);font-weight:400;letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
 .setFact{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--rule);}
+.setFact[hidden]{display:none;}
 .setFact:first-child{border-top:0;}
 .setFact .d{box-sizing:border-box;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;border:1px solid var(--glass-edge);color:var(--ink-soft);}
 .setFact .t{font-size:15px;font-weight:400;line-height:1.4;color:var(--ink-soft);min-width:0;overflow-wrap:anywhere;}
@@ -546,7 +547,10 @@ body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;backgr
 .setFact .acctPick .acctTyped{margin-top:10px;}
 .setFact .acctPick .hint{min-height:0;}
 @media (prefers-reduced-motion:no-preference){
-  .setFact.now .d{animation:factBreathe 1.4s ease-in-out infinite;}
+  .setFact.now .d{animation:factBreathe 1.4s ease-in-out infinite,factSpin 1s linear infinite;border-top-color:transparent;}
+  @keyframes factSpin{to{transform:rotate(360deg)}}
+  .setNow.working::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:workDots 1.4s steps(4,end) infinite;}
+  @keyframes workDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
   @keyframes factBreathe{0%,100%{border-color:var(--accent)}50%{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}}
 }
 @media (max-width:520px){
@@ -554,9 +558,21 @@ body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;backgr
   .setFact .r{grid-column:2;text-align:left;white-space:normal;}
   .setFact .acts{grid-column:2;}
 }
-.hopLink{display:inline-block;margin-top:16px;min-height:24px;padding:3px 0;background:none;border:0;cursor:pointer;font-family:var(--font-body);font-size:13px;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
-.hopLink:hover{color:var(--ink);}
-.hopLink[hidden]{display:none;}
+.doneActs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;}
+.doneActs .btn.small{min-height:40px;padding:0 16px;font-size:13.5px;}
+.doneActs .btn[hidden],.hopLink[hidden]{display:none;}
+.doneActs .again{margin:0;text-decoration:none;font-family:var(--font-display);font-weight:700;color:var(--ink-soft);background:transparent;border:2px solid var(--line);border-radius:999px;padding:0 16px;min-height:40px;font-size:13.5px;}
+.doneActs .again:hover{border-color:var(--accent);color:var(--accent-deep);}
+/* what was set up: the plain list that replaces the checklist once the project is ready */
+.setDone{list-style:none;margin:14px 0 0;padding:0;max-width:62ch;}
+.setDone li{position:relative;padding:6px 0 6px 26px;font-size:15px;line-height:1.5;color:var(--ink);}
+.setDone li::before{content:"✓";position:absolute;left:0;top:6px;color:var(--ok);font-weight:700;}
+/* tips: slow, quiet advice at the bottom right while the wait runs */
+.wizTip{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:40;width:min(340px,calc(100vw - 32px));padding:14px 38px 14px 16px;border-radius:14px;border:1px solid var(--rule);background:var(--bg-card);color:var(--ink);font-size:14px;line-height:1.5;}
+.wizTip[hidden]{display:none;}
+.wizTip b{display:block;font-family:var(--label-face);font-size:var(--label-size);font-weight:400;letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;}
+.wizTip button{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:none;color:var(--ink-soft);font-size:18px;line-height:1;cursor:pointer;}
+@media (prefers-reduced-motion:no-preference){ .wizTip.in{animation:tipIn 1.8s ease-out both;} @keyframes tipIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} }
 .samePath{font-size:13px;font-weight:400;color:var(--ink-faint);margin-top:18px;}
 .samePath a{display:inline-block;padding:3px 0;min-height:24px;line-height:18px;}
 /* the cloud hop (task 1004578), opened in place by "Play cloud hop while you wait" */
@@ -627,7 +643,7 @@ summary{min-height:24px;padding:3px 0;}
    painted from the chosen look's own values through --mh-* properties lookKit sets
    on each one; nothing here names a colour, and the page's own tokens are the
    fallback before a choice is painted. */
-.lookGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;align-items:start;}
+.lookGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;}
 @media (max-width:760px){.lookGrid{grid-template-columns:minmax(0,1fr);}}
 /* in part 02's Look row the picker has one column's width, so its preview sits under it */
 #reviewRows .lookGrid{grid-template-columns:minmax(0,1fr);}
@@ -645,6 +661,7 @@ summary{min-height:24px;padding:3px 0;}
 .lookLogoImg{width:44px;height:44px;border-radius:10px;object-fit:contain;background:var(--bg-deep);}
 .lookLogoName{flex:1;min-width:0;font-size:14px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .lookPrev{display:grid;gap:14px;}
+.lookPrev[hidden]{display:none;}
 .lookPrevHead{margin:0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
 .lookFig{margin:0;display:grid;gap:6px;}
 .lookFig figcaption{font-size:12.5px;color:var(--ink-faint);}
@@ -790,12 +807,10 @@ summary{min-height:24px;padding:3px 0;}
 <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 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 data-brand-product-inline>Cloud Bongos</span>
     </a>
@@ -1543,7 +1558,7 @@ summary{min-height:24px;padding:3px 0;}
                  Baked markup, hidden until enter() has a record to name. -->
             <p class="resumeOffer" id="wizResume" hidden>still watching <strong id="wizResumeName">your project</strong> — <a href="#" id="wizResumeGo">resume it</a></p>
             <h1 id="page-h">Make something.<span class="demoTag" id="demoTag" hidden>demo</span></h1>
-            <p class="pageSub" id="pageSub">Three parts, one page. Just looking? <button type="button" class="linklike" id="wizDemo" aria-controls="demoSetup" aria-expanded="false">Try a small demo instead</button>.</p>
+            <p class="pageSub" id="pageSub">Just looking? <button type="button" class="linklike" id="wizDemo" aria-controls="demoSetup" aria-expanded="false">Try a small demo instead</button>.</p>
 
             <div class="wizParts" id="wizParts">
               <!-- 01 · your project -->
@@ -1632,7 +1647,7 @@ summary{min-height:24px;padding:3px 0;}
                         <ul class="cboxList" id="physCountryList" role="listbox" aria-labelledby="physCountryLbl" hidden><li id="physCountryNone" role="option" aria-disabled="true" aria-selected="false" hidden>No country matches that</li></ul>
                       </div>
                     </div>
-                    <label class="wizField" id="physRegionField" hidden><span>State or province</span><select id="physRegion"><option value="">Choose…</option></select></label>
+                    <label class="wizField" id="physRegionField" hidden><span>State or province</span><input type="text" id="physRegion" list="physRegionList" autocomplete="off" autocapitalize="off" spellcheck="false" placeholder="Type a state or province"><datalist id="physRegionList"></datalist></label>
                   </div>
                   <div class="wizField"><span id="physAgeLbl">Will anyone under 18 build?</span>
                     <div class="typeCards physCells" role="group" aria-labelledby="physAgeLbl">
@@ -1657,13 +1672,16 @@ summary{min-height:24px;padding:3px 0;}
                       <button type="button" class="tpill" data-phys="builder_geography" data-val="not-sure" aria-pressed="false">Not sure</button>
                     </div>
                   </div>
-                  <div class="wizField" id="physIntent"><span id="physWhoLbl">Who’s behind it?</span>
+                  <div class="wizField" id="physIntent"><span id="physWhoLbl">Who is the Project owner?</span>
                     <div class="typeCards physCells" role="group" aria-labelledby="physWhoLbl">
                       <button type="button" class="tpill" data-phys="entity" data-val="intent-solo" aria-pressed="false">Just me</button>
                       <button type="button" class="tpill" data-phys="entity" data-val="intent-company" aria-pressed="false">A company</button>
                       <button type="button" class="tpill" data-phys="entity" data-val="intent-nonprofit" aria-pressed="false">A nonprofit</button>
-                      <button type="button" class="tpill" data-phys="entity" data-val="intent-unsure" aria-pressed="false">Not sure yet</button>
+                      <button type="button" class="tpill" data-phys="entity" data-val="intent-group" aria-pressed="false">A group</button>
                     </div>
+                    <label class="wizField" id="physGroupField" hidden><span>What type of group?</span>
+                      <input type="text" id="physGroupType" maxlength="120" placeholder="A university class, a book club, a neighborhood association" autocomplete="off">
+                    </label>
                     <button type="button" class="physLink" id="physHaveEntity">We already have a legal entity</button>
                   </div>
                   <div class="wizField" id="physForms" hidden><span>Your legal entity</span>
@@ -1674,11 +1692,6 @@ summary{min-height:24px;padding:3px 0;}
                       <button type="button" class="tpill" data-phys="entity" data-val="corporate-division" aria-pressed="false">Division of a corporation</button>
                       <button type="button" class="tpill" data-phys="entity" data-val="research" aria-pressed="false">Research entity</button>
                     </div>
-                    <p class="physGrp">Group</p>
-                    <div class="typeCards physCells" role="group" aria-label="Group">
-                      <button type="button" class="tpill" data-phys="entity" data-val="university-project" aria-pressed="false">University project</button>
-                      <button type="button" class="tpill" data-phys="entity" data-val="social-group" aria-pressed="false">Social group</button>
-                    </div>
                     <p class="physGrp">Individual</p>
                     <div class="typeCards physCells" role="group" aria-label="Individual">
                       <button type="button" class="tpill" data-phys="entity" data-val="single-owner-llc" aria-pressed="false">Single-owner LLC</button>
@@ -2063,7 +2076,7 @@ summary{min-height:24px;padding:3px 0;}
               <!-- "Connect GitHub" and "opens once your project exists" are the before-Create words;
                    paintFacts() names it "Getting <name> ready" with its count after Create -->
               <h2 id="done-part-h"><span class="n">03</span><span id="donePartT">Connect GitHub</span> <span class="state" id="ghState">opens once your project exists</span></h2>
-              <p class="partSub">One trip to GitHub. Approve the app, pick your repo, and you land back here. We tick each step as it happens, from any tab or device.</p>
+              <p class="partSub" id="doneSub" hidden>Two steps on GitHub: approve the app, then install it on your repo. You land back here afterwards.</p>
               <div class="doneBody" id="doneBody">
                 <!-- the ONE live region of part 03: written only when the sentence changes -->
                 <p class="setNow" id="setupNow" role="status" aria-live="polite"></p>
@@ -2090,7 +2103,13 @@ summary{min-height:24px;padding:3px 0;}
                 <!-- the cloud hop (task 1004578): one cloud per public project on the platform,
                      in its planet's colour. It opens in place only when asked, and the wait never
                      depends on it; under reduced motion the sky is drawn once and stands still. -->
-                <button type="button" class="hopLink" id="hopLink" aria-expanded="false" aria-controls="hop">Play cloud hop while you wait</button>
+                <!-- the three small doors, side by side at the bottom: the install page (only while
+                     it is the founder's turn), another project, and the game -->
+                <aside class="wizTip" id="wizTip" aria-label="A tip while you wait" hidden><b id="wizTipH">Did you know</b><span id="wizTipT"></span><button type="button" id="wizTipX" aria-label="Close this tip">×</button></aside>
+                <div class="doneActs" id="doneActs">
+                  <a class="btn small" id="installBtn" target="_blank" rel="noopener" hidden>Install it on your repo ↗</a>
+                  <button type="button" class="btn small ghost hopLink" id="hopLink" aria-expanded="false" aria-controls="hop">Play cloud hop while you wait</button>
+                </div>
                 <div class="hop" id="hop" hidden>
                   <div class="hopStage">
                     <canvas id="hopCanvas" tabindex="0" role="img" aria-label="A cloud-hopping game to pass the wait: each cloud is a public project on the platform. Arrow keys steer, space jumps."></canvas>
@@ -2108,6 +2127,7 @@ summary{min-height:24px;padding:3px 0;}
                 <div class="alive" id="doneAlive" hidden>
                   <!-- shown only when every required fact is done; paintAlive() puts the name in -->
                   <h2 class="aliveH" id="done-h">Your project is alive.</h2>
+                  <ul class="setDone" id="setDone" aria-label="What was set up"></ul>
                   <!-- the invite step (task 1002346, BV1.R27; ADR 0249) — OPTIONAL, and it stands
                        HERE because an invite needs a project that already exists. Hidden until the
                        created record carries an id and a slug; the script is the only thing that
@@ -4464,7 +4484,7 @@ summary{min-height:24px;padding:3px 0;}
       });
       logoDrop.addEventListener('click', function () { model.logo = null; model.logoUrl = ''; model.logoDropped = true; file.value = ''; changed(); });
 
-      left.appendChild(el('p', 'finePrint', 'Whatever you pick, we keep text readable in both modes.'));
+      left.appendChild(el('p', 'finePrint', 'You can change your project’s colors at any time. Whatever you pick, we keep text readable in both modes.'));
       grid.appendChild(left);
 
       var prev = el('div', 'lookPrev');
@@ -4478,6 +4498,8 @@ summary{min-height:24px;padding:3px 0;}
         fig.appendChild(el('figcaption', null, mode === 'light' ? 'Light mode' : 'Dark mode'));
         prev.appendChild(fig);
       });
+      /* the mini-hall previews are built but not shown (hidden): repaint() keeps one code path */
+      prev.hidden = true;
       grid.appendChild(prev);
       host.appendChild(grid);
 
@@ -5725,7 +5747,7 @@ summary{min-height:24px;padding:3px 0;}
       'CA-NL': 'Newfoundland and Labrador', 'CA-NS': 'Nova Scotia', 'CA-NT': 'Northwest Territories', 'CA-NU': 'Nunavut',
       'CA-ON': 'Ontario', 'CA-PE': 'Prince Edward Island', 'CA-QC': 'Quebec', 'CA-SK': 'Saskatchewan', 'CA-YT': 'Yukon'
     };
-    var PHYS_ENTITY_FORMS = ['nonprofit', 'for-profit', 'corporate-division', 'research', 'university-project', 'social-group', 'single-owner-llc', 'private-individual'];
+    var PHYS_ENTITY_FORMS = ['nonprofit', 'for-profit', 'corporate-division', 'research', 'single-owner-llc', 'private-individual'];
     /* Questions 5 to 7 (task 1004419). The lists are planet-physics.js's, in its order. */
     var PHYS_REWARDS = ['non-monetary', 'cash', 'equity', 'future-payouts'];
     var PHYS_FRAMINGS = ['managed', 'hybrid', 'local', 'open-source'];
@@ -5740,7 +5762,7 @@ summary{min-height:24px;padding:3px 0;}
       project_state: { 'new': 'New', existing: 'Existing' },
       builder_geography: { 'us-only': 'Builders in the US only', 'us-eu': 'Builders in the US and EU', global: 'Builders anywhere', 'not-sure': 'Not sure yet where builders will be' },
       entity: {
-        'intent-company': 'Probably a company', 'intent-nonprofit': 'Probably a nonprofit', 'intent-solo': 'Just me for now', 'intent-unsure': 'Don’t know yet',
+        'intent-company': 'Probably a company', 'intent-nonprofit': 'Probably a nonprofit', 'intent-solo': 'Just me for now', 'intent-group': 'A group', 'intent-unsure': 'Don’t know yet',
         nonprofit: 'Nonprofit', 'for-profit': 'For-profit company', 'corporate-division': 'Division of a corporation', research: 'Research entity',
         'university-project': 'University project', 'social-group': 'Social group', 'single-owner-llc': 'Single-owner LLC', 'private-individual': 'Private individual'
       },
@@ -5780,6 +5802,7 @@ summary{min-height:24px;padding:3px 0;}
       if ((a.framing === 'hybrid' || a.framing === 'local') && Array.isArray(a.services)) {
         out.services = PHYS_SERVICES.filter(function (s) { return a.services.indexOf(s) !== -1; });
       }
+      if (a.entity === 'intent-group' && a.entity_group_type) out.entity_group_type = a.entity_group_type;
       /* the voice (spec D5) is the plain one for every founder since task 1004504;
          still stored, so settings can switch it later */
       if (a.entity) out.voice = 'professional';
@@ -5845,12 +5868,11 @@ summary{min-height:24px;padding:3px 0;}
       }
       var a = phys().answers, country = a.home_country || '';
       c.value = country;
-      while (r.options.length > 1) r.removeChild(r.lastChild);
-      Object.keys(PHYS_REGIONS).filter(function (k) { return k.indexOf(country + '-') === 0; }).forEach(function (k) {
-        var opt = document.createElement('option'); opt.value = k; opt.textContent = PHYS_REGIONS[k]; r.appendChild(opt);
-      });
-      $('physRegionField').hidden = r.options.length === 1;
-      r.value = a.home_region || '';
+      var rl = $('physRegionList'), regionKeys = Object.keys(PHYS_REGIONS).filter(function (k) { return k.indexOf(country + '-') === 0; });
+      while (rl.firstChild) rl.removeChild(rl.firstChild);
+      regionKeys.forEach(function (k) { var opt = document.createElement('option'); opt.value = PHYS_REGIONS[k]; rl.appendChild(opt); });
+      $('physRegionField').hidden = regionKeys.length === 0;
+      if (document.activeElement !== r) r.value = a.home_region ? (PHYS_REGIONS[a.home_region] || '') : '';
       cboxPaint();
     }
 
@@ -6059,6 +6081,8 @@ summary{min-height:24px;padding:3px 0;}
       var forms = PHYS_ENTITY_FORMS.indexOf(a.entity) !== -1 || p.entityForms === true;
       $('physForms').hidden = !forms;
       $('physIntent').hidden = forms;
+      $('physGroupField').hidden = a.entity !== 'intent-group';
+      if (document.activeElement !== $('physGroupType')) $('physGroupType').value = a.entity_group_type || '';
       physFillSelects();
       physApplyLimits();
     }
@@ -6228,7 +6252,18 @@ summary{min-height:24px;padding:3px 0;}
       physHint(''); saveDraft(); paintChecks(); paintCreate(); physRecheck();
     }
     $('physCountry').addEventListener('change', physCountryChanged);
-    $('physRegion').addEventListener('change', function () { phys().answers.home_region = $('physRegion').value || null; saveDraft(); });
+    /* the region is typed, like the country: a name or its code, matched to the code the
+       server reads; anything else is no answer (the country alone still stands) */
+    function physRegionFromText(txt) {
+      var f = cboxFold(txt), country = phys().answers.home_country || '';
+      if (!f) return null;
+      return Object.keys(PHYS_REGIONS).filter(function (k) { return k.indexOf(country + '-') === 0; }).filter(function (k) {
+        return cboxFold(PHYS_REGIONS[k]) === f || k.slice(country.length + 1).toLowerCase() === f;
+      })[0] || null;
+    }
+    $('physRegion').addEventListener('input', function () { phys().answers.home_region = physRegionFromText($('physRegion').value); saveDraft(); });
+    $('physRegion').addEventListener('blur', function () { var a = phys().answers; $('physRegion').value = a.home_region ? PHYS_REGIONS[a.home_region] : ''; });
+    $('physGroupType').addEventListener('input', function () { phys().answers.entity_group_type = $('physGroupType').value.trim().slice(0, 120) || null; saveDraft(); });
     $('physHaveEntity').addEventListener('click', function () { phys().entityForms = true; saveDraft(); paintChecks(); });
     $('physNoEntity').addEventListener('click', function () {
       var p = phys();
@@ -7063,6 +7098,7 @@ summary{min-height:24px;padding:3px 0;}
 
     function factDone(r) { return r.state === 'done'; }
     function factRequired(r) { return !r.opt; }
+    function factVisible(r) { return r.state === 'now' || r.state === 'bad' || (r.state === 'you' && (r.key === 'install' || [].concat(r.act || []).length > 0)); }
     /* every required fact done: the optional one never holds the project back. PURE. */
     function setupReady(home, gh) { return home.concat(gh).filter(factRequired).every(factDone); }
     /* the part's count: "N of M done", the optional fact not counted; "ready ✓" when done. PURE. */
@@ -7079,7 +7115,7 @@ summary{min-height:24px;padding:3px 0;}
       if (live.gone === 'missing') return [{ t: 'This project can’t be seen any more. It may have been switched off.' }];
       if (!inst) return [{ t: 'Asking the platform how it is going…' }];
       if (setupReady(home, gh)) {
-        return [{ t: name + ' is ready.', b: true }].concat(ghStep('device_flow') === 'done' ? [] : [{ t: ' Command-line sign-in is optional; it ticks itself whenever you turn it on.' }]);
+        return [{ t: name + ' is ready.', b: true }, { t: ' You and your team can now manage your project from here, in its builders hall.' }];
       }
       var oi = inst.open_intent;
       if (inst.status === 'tearing_down' || (oi && oi.action === 'teardown') || (inst.status === 'torn_down' && !(oi && oi.action === 'provision'))) {
@@ -7091,14 +7127,19 @@ summary{min-height:24px;padding:3px 0;}
       if (!hostOk(inst.domain)) return [{ t: 'It has no address yet, so GitHub has to wait. Attach one any time from ' }, { t: 'its own page', href: manageHref() }, { t: '.' }];
       var homeDone = home.every(factDone);
       var approve = gh[0], install = gh[1];
-      if (approve.state === 'you' && live.manifest) return [{ t: 'Your turn on GitHub:', b: true }, { t: ' approve the app in the tab that opened. This page ticks on its own when you do, on any device.' }];
+      if (approve.state === 'you' && live.manifest) return [{ t: 'Your turn:', b: true }, { t: ' approve the app in the GitHub tab that just opened. This page updates by itself when you do.' }];
       if (approve.state === 'you') {
-        return homeDone ? [{ t: 'Its home is ready. ' }, { t: 'Your turn: connect GitHub.', b: true }]
-          : [{ t: 'Setting up its home. ' }, { t: 'You can connect GitHub now', b: true }, { t: '; nothing waits on you otherwise.' }];
+        return homeDone ? [{ t: 'Your project is running. ' }, { t: 'Your turn: connect GitHub.', b: true }, { t: ' Approve the app, then install it on your repo.' }]
+          : [{ t: 'Your project is starting. ' }, { t: 'Nothing to do yet.', b: true }, { t: ' We will ask for your next step here as soon as it is ready.' }];
       }
-      if (install.state === 'you') return [{ t: 'Your turn on GitHub:', b: true }, { t: ' confirm the install on ' + (repoName() || 'your repo') + '. The repo is already picked.' }];
-      if (gh.some(function (r) { return r.state === 'now'; })) return [{ t: 'Nothing is needed from you. The platform is checking with GitHub, and this page ticks on its own.' }];
-      return [{ t: homeDone ? 'Its home is ready.' : 'Setting up its home. Nothing is needed from you.' }];
+      if (install.state === 'you') {
+        /* GitHub answers a 404 when the signed-in account may not see the app's page; the install page in
+           the app's own settings works for the account that made it */
+        var slugUrl = appSettingsUrl();
+        return [{ t: 'Your turn:', b: true }, { t: ' press “Install it on your repo” below and confirm ' + (repoName() || 'your repo') + '. ' }].concat(slugUrl ? [{ t: 'Seeing a 404 on GitHub? Sign in as the account that approved the app, or ' }, { t: 'open the install page from the app’s settings', href: slugUrl + '/installations' }, { t: '.' }] : []);
+      }
+      if (gh.some(function (r) { return r.state === 'now'; })) return [{ t: 'Nothing to do. ', b: true }, { t: 'We are checking with GitHub. This page updates by itself.' }];
+      return [{ t: homeDone ? 'Your project is running.' : 'Your project is starting. ' }].concat(homeDone ? [] : [{ t: 'Nothing to do yet.', b: true }]);
     }
 
     /* ── drawing it: nodes and textContent only (no innerHTML), change-only so a poll that
@@ -7174,7 +7215,7 @@ summary{min-height:24px;padding:3px 0;}
       if (r.sub && r.sub.length) { var sm = textNode('small'); partsInto(sm, [].concat(r.sub)); t.appendChild(sm); }
       f.appendChild(t);
       f.appendChild(textNode('span', 'r', r.right || ''));
-      var acts = [].concat(r.act || []);
+      var acts = [].concat(r.act || []).filter(function (k) { return k !== 'install-link'; });
       if (acts.length || r.tech) {
         var box = textNode('div', 'acts');
         acts.forEach(function (k) { box.appendChild(factAct(k, r)); });
@@ -7188,17 +7229,22 @@ summary{min-height:24px;padding:3px 0;}
       }
       return f;
     }
-    function drawFacts(list, rows) {
+    /* every fact stays in the list, in order; one that is not live yet is just hidden, so it
+       appears in place (and the checklist keeps its shape) the moment its turn comes */
+    function drawFacts(list, rows, shown) {
       if (!list) return;
       rows.forEach(function (r, i) {
         var shape = JSON.stringify(Object.assign({}, r, { right: '' }));
         var have = list.children[i];
+        var vis = shown ? shown(r) : true;
         if (have && have.getAttribute('data-fact') === r.key && factsDrawn[r.key] === shape) {
           var right = have.querySelector('.r');
           if (right && right.textContent !== (r.right || '')) right.textContent = r.right || '';
+          if (have.hidden !== !vis) have.hidden = !vis;
           return;
         }
         var fresh = factNode(r);
+        fresh.hidden = !vis;
         if (have) { parkAppPick(have); list.replaceChild(fresh, have); } else list.appendChild(fresh);
         factsDrawn[r.key] = shape;
       });
@@ -7208,7 +7254,7 @@ summary{min-height:24px;padding:3px 0;}
        fact while Connect is offered, and back to its own place otherwise */
     function parkAppPick(from) {
       var box = $('aaPick');
-      if (box && from && from.contains(box)) $('doneBody').insertBefore(box, $('hopLink'));
+      if (box && from && from.contains(box)) $('doneBody').insertBefore(box, $('doneActs'));
     }
     function placeAppPick(offered) {
       var box = $('aaPick');
@@ -7242,9 +7288,25 @@ summary{min-height:24px;padding:3px 0;}
       var ready = setupReady(home, gh);
       title.textContent = 'Getting ' + projectName() + ' ready';
       count.textContent = setupCount(home, gh);
-      drawFacts($('homeFacts'), home);
-      drawFacts($('ghFacts'), gh);
-      placeAppPick([].concat(gh[0].act || []).indexOf('connect') !== -1);
+      /* only what is live: a step shows while the platform is working on it (it animates), or
+         while it is the founder's turn AND there is something to press or open — never a
+         step still waiting its turn, and no GitHub step until the project's home is up */
+      var homeUp = home.every(factDone);
+      var visHome = home.filter(factVisible);
+      var visGh = homeUp ? gh.filter(factVisible) : [];
+      drawFacts($('homeFacts'), home, function (r) { return visHome.indexOf(r) !== -1; });
+      drawFacts($('ghFacts'), gh, function (r) { return visGh.indexOf(r) !== -1; });
+      $('homeFactsH').parentNode.hidden = !visHome.length;
+      $('ghFactsH').parentNode.hidden = !visGh.length;
+      $('doneSub').hidden = !visGh.length;
+      var ib = $('installBtn'), instRow = gh[1];
+      var instHref = instRow && instRow.state !== 'done' && homeUp && (instRow.act === 'install-link' || instRow.act === 'pick-up-link') ? installHrefOf(instRow) : '';
+      if (instHref) ib.setAttribute('href', instHref); else ib.removeAttribute('href');
+      ib.hidden = !instHref;
+      paintSetDone(ready, home, gh);
+      tipsRun(!ready);
+      $('setupNow').classList.toggle('working', !ready && home.concat(gh).some(function (r) { return r.state === 'now'; }));
+      placeAppPick(visGh.length > 0 && [].concat(gh[0].act || []).indexOf('connect') !== -1);
       var said = setupSentence(home, gh), key = JSON.stringify(said);
       if (key !== sentenceSaid) {
         sentenceSaid = key;
@@ -7255,6 +7317,66 @@ summary{min-height:24px;padding:3px 0;}
       $('hopLink').hidden = ready;
       paintAlive(ready);
     }
+    /* the install page of THIS app on GitHub, or the founder's own installations list as the
+       fallback (the same rule the fact's own link followed) */
+    function installHrefOf(r) {
+      return /^https:\/\/github\.com\/apps\/[A-Za-z0-9-]+\/installations\/new(\?state=[A-Za-z0-9%_-]+)?$/.test(r.href || '') ? r.href : 'https://github.com/settings/installations';
+    }
+    /* once ready, the checklist gives way to a plain list of what was set up (nodes only) */
+    function paintSetDone(ready, home, gh) {
+      var ul = $('setDone');
+      if (!ul) return;
+      var want = [];
+      if (ready) {
+        var dom = live.inst && hostOk(live.inst.domain) ? live.inst.domain : '';
+        want.push(dom ? 'Your project is running at ' + dom + '.' : 'Your project is running.');
+        if (repoName()) want.push('Your code lives in ' + repoName() + ' on GitHub.');
+        want.push('Builders can sign in with their GitHub account.');
+        want.push('You and your team can now manage your project from here (its builders hall).');
+      }
+      if (ul.getAttribute('data-said') === JSON.stringify(want)) return;
+      ul.setAttribute('data-said', JSON.stringify(want));
+      ul.textContent = '';
+      want.forEach(function (t) { ul.appendChild(textNode('li', null, t)); });
+    }
+    /* Tips: one short piece of advice at a time, bottom right, while the wait runs. Slow on
+       purpose: the first after a few seconds, then one every 25, each left up for 15.
+       They stop when the project is ready or the founder closes them. */
+    var TIPS = [
+      ['Did you know', 'Bongos can connect directly to Discord, so you can bring in an existing community or start a new one.'],
+      ['Try this', 'Turn on simple mode and your AI will speak plainly to you.'],
+      ['Did you know', 'A builders hall can be set up any way you want, and the way you run your project can be fully customized. Just tell your AI to change it.'],
+      ['Did you know', 'You can change your project’s colors at any time from its page.'],
+      ['Your builders hall', 'It is where you and your team pick up work, review it and see what has shipped.'],
+      ['Next up', 'Once your project is live you can invite your first builders. They become founding builders.']
+    ];
+    var tipAt = 0, tipTimer = null, tipHideTimer = null, tipClosed = false;
+    function tipsRun(on) {
+      var box = $('wizTip');
+      if (!box) return;
+      if (!on || tipClosed) { tipsStop(); return; }
+      if (tipTimer) return;
+      tipTimer = setTimeout(tipShow, 6000);
+    }
+    function tipsStop() {
+      if (tipTimer) { clearTimeout(tipTimer); tipTimer = null; }
+      if (tipHideTimer) { clearTimeout(tipHideTimer); tipHideTimer = null; }
+      var box = $('wizTip');
+      if (box) { box.hidden = true; box.classList.remove('in'); }
+    }
+    function tipShow() {
+      var box = $('wizTip');
+      tipTimer = null;
+      if (!box || tipClosed || state.step !== 2 || currentView !== 'new') { tipsStop(); return; }
+      var t = TIPS[tipAt % TIPS.length]; tipAt += 1;
+      $('wizTipH').textContent = t[0]; $('wizTipT').textContent = t[1];
+      box.classList.remove('in'); void box.offsetWidth; box.classList.add('in');
+      box.hidden = false;
+      tipHideTimer = setTimeout(function () { box.hidden = true; tipHideTimer = null; }, 15000);
+      tipTimer = setTimeout(tipShow, 25000);
+    }
+    $('wizTipX').addEventListener('click', function () { tipClosed = true; tipsStop(); });
+
     /* a fact's buttons drawn afresh — after an action that may have changed nothing the
        server says (a refused start, a pick-up that did not go through) */
     function repaintFacts() { factsDrawn = {}; paintFacts(); }
@@ -7738,7 +7860,7 @@ summary{min-height:24px;padding:3px 0;}
         paintResumeOffer(null);
         show(1, true);
       });
-      $('panel-done').appendChild(again);
+      $('doneActs').insertBefore(again, $('hopLink'));
     }
     wireAgain();
 

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

@@ -48,12 +48,10 @@
 <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 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>

package/modules/raise/content/copy.json

@@ -0,0 +1,40 @@
+{
+  "_note": "The /raise page copy — Lars's text from the Cloud bongos IR page doc, verbatim (owner rule: never reword it). Builders edit it in place on the page; saved edits (raise_copy) win over these defaults, and this file is never changed by the page. Keys ending .body/.bio are paragraphs (one per line), .items are list items (one per line), everything else is a single line. {goal} {lead} {runway} insert the raise numbers; [Label] inserts a citation link from settings.json citations.",
+  "hero.title": "Problem definition & Product Showcase",
+  "problem.title": "So … what’s the problem",
+  "problem.body": "We have the technology to govern, operate, and automate most businesses digitally today. In the advent of mass-produced cheap robotics expected to reach us by 2030 [Goldman Sachs], this will change from most to all businesses.\nCurrent corporate structures do not embrace this reality. Internal politics and human hierarchies dramatically slow this process.\nExisting SaaS (AI is also SaaS) is built to fit into this hierarchical structure and make corporate politicking more efficient, rather than to reshape how it works.\nWe have reimagined what a digital company is by answering the hard questions: who contributes, who benefits, and how it is governed. The result is the gamification of capitalism.",
+  "contributes.title": "Who contributes",
+  "contributes.body": "Anyone with a bongos console. There are four roles, none are exclusive. All work can be assisted with existing and future AI products:",
+  "role.artist.title": "Artist:",
+  "role.artist.items": "submits artwork (sketches, graphics, sculptures, blueprints, paintings, etc.)\nreviews outputs",
+  "role.artisan.title": "Artisan:",
+  "role.artisan.items": "AI development (near fully autonomous already)\nimplementation scoping",
+  "role.thinker.title": "Thinker:",
+  "role.thinker.items": "submit ideas",
+  "role.governor.title": "Governor:",
+  "role.governor.items": "manage government of the digital business",
+  "benefits.title": "Who benefits",
+  "benefits.body": "Anyone with a bongos console. Contributors earn cash or equity in the digital business for their contributions.\nThe world. This will lower barriers to entry across industries (more competition -> more innovation -> more wealth) and will help distribute the new wealth to those who contribute.\nCloud Bongos. In orchestrating this opportunity, we are creating a foundation for digital businesses to exist, and there are many places to earn without harming their ability to compete in existing markets.",
+  "governed.title": "How it is governed",
+  "governed.body": "Government of a digital business scales with contributors (or citizens). It grows at a much slower rate than in physical businesses, but this is still the nature of the system when we have human contributors.",
+  "market.title": "The Bongos Marketplace",
+  "market.body": "By building this platform, we (very quickly) create the opportunity for a new marketplace.\nIn this marketplace, people and companies will be able to trade their: labor/compute, ideas, and code modules.\nHere are some figures about these current markets to give a sense of scale.",
+  "market.labor.title": "labor/compute",
+  "market.labor.fig": "figure pending",
+  "market.ideas.title": "ideas",
+  "market.ideas.fig": "figure pending",
+  "market.code.title": "code modules",
+  "market.code.fig": "figure pending",
+  "beliefs.title": "Our opinions and outlooks that drive this project:",
+  "beliefs.items": "The frontier labs focused on producing superior outputs from the same inputs are on a competition course to drive down the cost of ‘tokens’ towards the cost of compute.\nAI accelerates digital outputs in all fields. Increasing digital output doesn’t mean less work for those delivering, it actually means receiving more work from others, and also more responsibility as others become dependent on that output. Capability to review and refine AI outputs is not growing as fast as the ability to produce these outputs, creating a bottleneck on review and refinement of outputs. It also creates a near term bottleneck for those producing, there will be an overflow of ideas from new capabilities as well that need to be implemented, which places a bottleneck on the productive builders.\nPre-AI SaaS companies (which still holds the vast majority of users) are racing to add more and more value to their products, all seeking the ability for their users to do more all from one platform. They have yet to compromise on price, if anything their products are getting more expensive and ambiguous with AI credits. These companies are relying more and more on service contracts to retain their customers and are becoming service consultancies. Consultancies and SaaS companies have never looked more similar.\nEvery individual has their own precious context. Collaboration is done with sharing end products and then revising them. There is no sharing of context development, the output is the context for the next output.\nVery large portion of users are currently excluded from building with AI due to developer focus. Very large portion of people employed are unhappy with their job.",
+  "raise.title": "The Pre-seed Raise",
+  "raise.body": "We are currently opening a raise to our trusted network of friends and their networks to jointly raise {goal}. The raise is currently lead by {lead}.",
+  "raise.after.body": "This will give us {runway} years of operating capital. 1 year to seed.",
+  "leads.items": "Niels will lead governance.\nWill O’Brien will lead tech.\nLars will oversee product design.\nScotty McCormack will lead hardware engineering.",
+  "calc.title": "How much would you like to contribute.",
+  "founders.title": "The Founders",
+  "founder.1.bio": "",
+  "founder.2.bio": "",
+  "founder.3.bio": "",
+  "founder.4.bio": ""
+}