@bongos/core 1.21.174 → 1.21.176

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": ""
+}

package/modules/raise/content/nda.html

@@ -0,0 +1,39 @@
+<p>This Confidentiality and Non-Disclosure Agreement (this &quot;Agreement&quot;) is entered into as of 08/06/2026 (the &quot;Effective Date&quot;) by and between:</p>
+<p>Cloud Bongos LLC, an Ohio limited liability company with its principal place of business at 51 Paw Paw Lake Drive (&quot;Company&quot;); and</p>
+<p>[FULL NAME], an individual residing at [ADDRESS] (&quot;Recipient&quot;).</p>
+<p>Company and Recipient are each a &quot;Party&quot; and together the &quot;Parties.&quot;</p>
+<p><strong>Background.</strong> Recipient will contribute to the design, development, testing, or operation of Company’s products, software, and business (the &quot;Project&quot;). In connection with the Project, Company will share confidential information with Recipient. Recipient agrees to protect that information on the terms below.</p>
+<h3>1. Confidential Information</h3>
+<p>&quot;Confidential Information&quot; means any non-public information that Company discloses to Recipient, or that Recipient learns, observes, or creates in connection with the Project, in any form and whether or not marked &quot;confidential.&quot; It includes, without limitation: source code, architecture, algorithms, models, prompts, datasets, and technical documentation; product plans, roadmaps, and unreleased features; business plans, financials, pricing, and fundraising materials; customer, user, vendor, investor, and personnel information; credentials, API keys, and access tokens; and the existence and terms of this Agreement and of any engagement discussions between the Parties.</p>
+<h3>2. Exclusions</h3>
+<p>Confidential Information does not include information that: (a) is or becomes publicly available through no fault of Recipient; (b) Recipient can document was rightfully in Recipient’s possession, without restriction, before Company disclosed it; (c) is rightfully received from a third party who owes no duty of confidentiality to Company; or (d) Recipient can document was independently developed without use of or reference to Confidential Information.</p>
+<h3>3. Recipient’s Obligations</h3>
+<p>Recipient will:</p>
+<p>(a) hold Confidential Information in strict confidence and not disclose it to anyone other than Company personnel or contractors who need it for the Project and are bound by written confidentiality obligations at least as protective as this Agreement;</p>
+<p>(b) use Confidential Information solely to perform work on the Project and for no other purpose, including no personal, competitive, academic, or commercial use;</p>
+<p>(c) protect Confidential Information with at least the same care Recipient uses for Recipient’s own confidential information, and in no event less than reasonable care;</p>
+<p>(d) not copy, transmit, or store Confidential Information — particularly source code, credentials, or user data — on any personal account, personal device, or third-party service other than those Company has approved;</p>
+<p>(e) not submit Confidential Information to any third-party artificial intelligence, machine learning, or similar service other than those Company has approved; and</p>
+<p>(f) promptly notify Company on discovering any unauthorized use or disclosure of Confidential Information, and cooperate reasonably in remedying it.</p>
+<h3>4. Compelled Disclosure</h3>
+<p>If Recipient is legally compelled to disclose Confidential Information, Recipient may do so to the extent required, provided that Recipient gives Company prompt written notice (unless legally prohibited from doing so) and reasonable cooperation, at Company’s expense, in seeking protective treatment.</p>
+<h3>5. Return or Destruction</h3>
+<p>On Company’s request, or on the end of Recipient’s involvement in the Project, Recipient will promptly return or destroy all Confidential Information and all copies, and will delete it from any personal device or account. Recipient will confirm compliance in writing on request. Recipient may retain copies to the extent required by law or created by automatic backup systems; those copies remain subject to this Agreement.</p>
+<h3>6. No Rights Granted</h3>
+<p>All Confidential Information remains the property of Company. Nothing in this Agreement grants Recipient any license or other right in Company’s intellectual property, and nothing in this Agreement obligates either Party to enter into any employment, engagement, or other business relationship.</p>
+<h3>7. Term and Survival</h3>
+<p>This Agreement takes effect on the Effective Date and continues for as long as Recipient is involved in the Project. Recipient’s obligations survive for three (3) years after the later of the Effective Date or the end of Recipient’s involvement — except that obligations with respect to (a) information that qualifies as a trade secret and (b) Company credentials, personal data, and source code continue for as long as such information is protected under applicable law.</p>
+<h3>8. Not a Restraint on Employment</h3>
+<p>This Agreement does not prevent Recipient from working for any other person or company, and does not restrict Recipient’s use of general knowledge, skill, and experience, including skill gained during the Project. It restricts only the use and disclosure of Confidential Information.</p>
+<h3>9. Protected Activity and Immunity Notice</h3>
+<p>Nothing in this Agreement prevents Recipient from (a) reporting a possible violation of law to, or participating in an investigation by, any government agency, or (b) exercising rights under Section 7 of the National Labor Relations Act. Recipient is further notified that under 18 U.S.C. § 1833(b), an individual may not be held criminally or civilly liable under any federal or state trade secret law for disclosing a trade secret (i) in confidence to a government official or to an attorney solely for the purpose of reporting or investigating a suspected violation of law, or (ii) in a complaint or other document filed under seal in a lawsuit or other proceeding.</p>
+<h3>10. Remedies</h3>
+<p>Recipient acknowledges that a breach of this Agreement may cause Company irreparable harm for which monetary damages are inadequate. Company is entitled to seek injunctive or other equitable relief without posting a bond, in addition to any other remedies available at law or in equity.</p>
+<h3>11. Governing Law and Venue</h3>
+<p>This Agreement is governed by the laws of the State of [STATE], without regard to its conflict-of-laws rules. The Parties consent to the exclusive jurisdiction and venue of the state and federal courts located in [COUNTY / CITY, STATE].</p>
+<h3>12. General</h3>
+<p>(a) Entire Agreement. This Agreement is the entire agreement between the Parties on its subject matter and supersedes all prior discussions on that subject. It does not supersede any separate invention assignment, employment, or contractor agreement between the Parties.</p>
+<p>(b) Amendment and Waiver. Any amendment or waiver must be in writing and signed by both Parties. A failure to enforce any provision is not a waiver of it.</p>
+<p>(c) Assignment. Recipient may not assign this Agreement. Company may assign it in connection with a merger, acquisition, financing, or sale of substantially all of its assets. This Agreement binds the Parties’ permitted successors and assigns.</p>
+<p>(d) Severability. If any provision is held unenforceable, it will be modified to the minimum extent necessary to make it enforceable, and the remaining provisions will stay in full force.</p>
+<p>(e) Counterparts and Electronic Signature. This Agreement may be signed in counterparts and by electronic signature, each of which is an original and all of which together are one agreement.</p>

package/modules/raise/content/settings.json

@@ -0,0 +1,49 @@
+{
+  "_note": "Starting settings for the /raise page. goalUsd/committedUsd/lead/runwayYears are the STARTING values only: builders change them from the page, and the saved values (raise_settings) win. null shows as TBA. Amounts are whole US dollars.",
+  "draft": true,
+  "entity": "Cloud Bongos LLC",
+  "round": "Pre-seed",
+  "goalUsd": null,
+  "committedUsd": 0,
+  "lead": null,
+  "runwayYears": null,
+  "instrument": {
+    "_note": "type: null (undecided) | \"safe\" (uses capUsd) | \"priced\" (uses preMoneyUsd)",
+    "type": null,
+    "capUsd": null,
+    "preMoneyUsd": null
+  },
+  "videos": {
+    "_note": "File names in the instance's raise media folder (RAISE_MEDIA_DIR), or null for a placeholder slot.",
+    "roles": null,
+    "current": null,
+    "government": null,
+    "system": null
+  },
+  "citations": {
+    "_note": "[Label] in page text becomes a citation link to this address.",
+    "Goldman Sachs": "https://www.goldmansachs.com/insights/articles/the-global-market-for-robots-could-reach-38-billion-by-2035"
+  },
+  "founders": [
+    {
+      "name": "Niels Kristensen",
+      "linkedin": "https://www.linkedin.com/in/niels-kristensen-794149140/",
+      "photo": null
+    },
+    {
+      "name": "Lars Kristensen",
+      "linkedin": "https://www.linkedin.com/in/lars-k",
+      "photo": null
+    },
+    {
+      "name": "Will O'Brien",
+      "linkedin": "https://www.linkedin.com/in/williamobrien20/",
+      "photo": null
+    },
+    {
+      "name": "Scotty McCormack",
+      "linkedin": "https://www.linkedin.com/in/scottymccormack/",
+      "photo": null
+    }
+  ]
+}