@bongos/core 1.21.104 → 1.21.106

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

@@ -78,11 +78,11 @@
    by scope (#view-new: no card ground, no progress rail since task 1004504,
    the doors as pills); what lands here is the wizard’s own structure —
    fields on one bottom hairline, the choices as cells of one band, the review
-   as a ledger, the human steps as a numbered ledger, the standup strip as the
-   same strip. No literal color anywhere: every surface is a cosmos token or a
+   as a ledger, part 03's checked facts as one list (.setFact). No literal color
+   anywhere: every surface is a cosmos token or a
    color-mix over one (C1/C2/C4); no plate, no box shadow, no glow — halos are
    outlines. Naming: the wizard's field wrapper is .wizField — cosmos owns
-   .field (the orb map) — and its done checklist is .humanSteps. Its inputs are
+   .field (the orb map). Its inputs are
    scoped to the view so the glass
    search pills (#mapQ, #mineQ) keep their own look. */
 .panel{display:none;}
@@ -486,21 +486,7 @@ body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;backgr
 .reassure.on{display:block;}
 .reassure p{margin:0 0 10px;}
 
-/* the GitHub doors: one-click deep links to GitHub's own pages (the visitor
-   acts in GitHub's UI; we fill in the blanks). GitHub's brand black used to
-   be pinned here; in the world every GitHub door is the INVERTED pill the
-   gate's sign-in wears — ink on the ground — one grammar, still not the
-   accent, so a re-brand never paints it. */
-.ghbtn{
-  display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;
-  min-height:44px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:999px;
-  font-family:var(--font-body);font-weight:500;font-size:15px;padding:0 22px;
-  box-shadow:none;transition:background .15s ease;
-}
-.ghbtn:hover{background:color-mix(in srgb,var(--ink) 88%,var(--bg));transform:none;}
-.ghbtn:active{transform:none;}
-.ghbtn .gh{width:17px;height:17px;fill:currentColor;}
-.humanSteps .ghbtn{min-height:40px;font-size:14.5px;padding:0 18px;margin-top:12px;}
+
 
 /* the doors under a step: back on the left, the primary on the right; the
    About step's skip beside its next (task 1002334) wraps rather than crushes */
@@ -510,81 +496,61 @@ body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;backgr
 /* the review: a ledger of what is about to be filed — label · value rows on
    soft hairlines, the last row closed */
 
-/* ── done / human steps: the tick leaves (the rail says filed), the title
-   stands in the display voice, the steps only you can play are a numbered
-   ledger on soft hairlines — the finished one reads DONE in the ok ink, a
-   locked one keeps muted TOKENS, never subtree opacity (task 1002751) ── */
-.doneHead{display:block;margin-bottom:8px;}
-.doneHead .tick{display:none;}
-.stepsHead{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;font-weight:400;color:var(--ink-faint);margin:40px 0 0;}
-.humanSteps{list-style:none;counter-reset:hs;margin-top:16px;max-width:680px;}
-.humanSteps>li{
-  display:grid;grid-template-columns:44px 1fr;gap:0 16px;position:static;background:none;border:0;border-top:1px solid var(--rule-soft);border-radius:0;
-  padding:16px 0 18px;margin:0;counter-increment:hs;
-}
-.humanSteps>li:last-child{border-bottom:1px solid var(--rule-soft);}
-.humanSteps>li>*{grid-column:2;min-width:0;}
-.humanSteps>li::before{
-  content:counter(hs,decimal-leading-zero);grid-column:1;grid-row:1;position:static;width:auto;height:auto;border-radius:0;
-  background:none;color:var(--ink-faint);font-family:var(--label-face);font-weight:400;font-size:var(--label-size);letter-spacing:var(--label-space);
-  display:block;padding-top:4px;
+/* ── part 03 after Create (task 1004683; the design of record
+   docs/design/mocks/day-night-rooms/setup-status.html): one sentence saying what is
+   happening now, then two groups of facts the server checked, Its home and GitHub.
+   Each fact is a dot, the fact itself, and on the right when it was checked or what
+   it found. No bar, no stage dots, nothing said twice; a fact that is not done keeps
+   muted TOKENS, never subtree opacity (task 1002751). The cloud hop opens only when
+   asked, below the facts. ── */
+#panel-done:not(.on) .doneBody,#panel-done:not(.on) .again{display:none;}
+#panel-done.on .partSub{display:none;}
+.setNow{margin:10px 0 0;font-size:16px;font-weight:400;line-height:1.5;color:var(--ink-soft);max-width:62ch;min-height:24px;}
+.setNow b{font-weight:500;color:var(--ink);}
+.setNow a{display:inline-block;min-height:24px;line-height:24px;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
+.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: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;}
+.setFact .t small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--ink-faint);}
+.setFact .t small a{display:inline-block;min-height:24px;padding:3px 0;line-height:18px;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
+.setFact .r{font-size:12.5px;color:var(--ink-faint);text-align:right;white-space:nowrap;}
+.setFact .optional{margin-left:8px;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.setFact.done .d{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);border-color:var(--ok);}
+.setFact.done .t,.setFact.now .t,.setFact.you .t{color:var(--ink);}
+.setFact.now .d{border:2px solid var(--accent);}
+.setFact.you .d{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:var(--ink);}
+.setFact.bad .d{background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--err);border-color:var(--err);}
+.setFact.bad .t{color:var(--err);}
+.setFact .acts{grid-column:2 / 4;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;}
+.setFact .acts .btn{min-height:44px;}
+.setFact .acts .linklike{min-height:24px;padding:3px 0;font-weight:400;}
+.setFact .acts details{flex-basis:100%;font-size:13px;color:var(--ink-soft);}
+.setFact .acts details p{margin:6px 0 0;overflow-wrap:anywhere;}
+/* the account choice sits beside Connect GitHub, inside the Approve fact (task 1004651) */
+.setFact .acctPick{flex:1 1 220px;max-width:none;}
+#view-new .part .setFact .acctPick .wizField{margin:0;}
+.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;}
+  @keyframes factBreathe{0%,100%{border-color:var(--accent)}50%{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}}
 }
-.humanSteps b{display:block;font-size:16px;font-weight:500;color:var(--ink);}
-.humanSteps p{font-size:14px;font-weight:400;color:var(--ink-soft);line-height:1.5;margin-top:4px;max-width:56ch;overflow-wrap:anywhere;}
-/* a repo the platform already handled is named as a plain inline link (task 1002855) —
-   the .ghbtn treatment reads as an action to take, and there is nothing here to do */
-.humanSteps p a{color:var(--ink);font-weight:400;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:3px 0;min-height:24px;line-height:18px;}
-.humanSteps p a:hover{color:var(--ink);}
-/* live checklist states (task 1002694): a step the platform has verified done, and a
-   step that can't be performed yet (its prerequisite — usually the domain — is missing) */
-.humanSteps>li.sdone{border-color:var(--rule-soft);background:none;}
-.humanSteps>li.sdone::before{content:"done";text-transform:uppercase;background:none;color:var(--ok);}
-.humanSteps>li.sdone b{color:var(--ink-soft);}
-.humanSteps>li.slocked{border-color:var(--rule-soft);}
-.humanSteps>li.slocked b{color:var(--ink-soft);}
-.humanSteps>li.slocked p{color:var(--ink-faint);}
-.humanSteps>li.slocked::before{color:var(--ink-faint);}
-.humanSteps details{margin-top:10px;}
-.humanSteps summary{cursor:pointer;font-weight:400;font-size:13.5px;color:var(--ink-soft);}
-.humanSteps summary:hover{color:var(--ink);}
-.humanSteps details p{margin-top:8px;}
-.kv{display:flex;align-items:center;gap:10px;margin-top:8px;background:none;border:0;border-top:1px solid var(--rule-soft);border-radius:0;padding:8px 0;font-size:12.5px;}
-.kv .kk{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;font-weight:400;color:var(--ink-faint);flex:0 0 auto;}
-.kv code{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);word-break:break-all;flex:1;}
-.copy{
-  flex:0 0 auto;cursor:pointer;min-height:28px;border-radius:999px;background:none;border:1px solid var(--rule);
-  font-family:var(--font-body);font-size:12.5px;font-weight:400;color:var(--ink-soft);padding:0 12px;
-  transition:border-color .12s ease,color .12s ease;
+@media (max-width:520px){
+  .setFact{grid-template-columns:24px minmax(0,1fr);}
+  .setFact .r{grid-column:2;text-align:left;white-space:normal;}
+  .setFact .acts{grid-column:2;}
 }
-.copy:hover{border-color:var(--ink-faint);color:var(--ink);}
-.copy.did{background:none;border-color:var(--ok);color:var(--ok);}
+.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;}
 .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;}
-#liveProgress{margin-top:4px;}
-/* the sign-in wait inside its step + the "open it when ready" tick (task 1004548) */
-.humanSteps .prog{margin-top:14px;}
-.autoOpen{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-soft);cursor:pointer;min-height:24px;}
-.autoOpen input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--accent);cursor:pointer;}
-
-/* ── the done panel's two moments (task 1004578): WAIT — one status line, a
-   thin bar and the cloud hop — then ARRIVE — the steps one at a time. The
-   panel's data-moment says which; "plain" (a snag, a teardown, a stopped
-   watch) is the panel as it always was. While waiting the strip, the locked
-   checklist and the later-lines stand down; the sign-in step can be opened
-   in place (the one step a founder can do before the project answers). ── */
-.hop{display:none;margin-top:22px;max-width:680px;}
-#panel-done[data-moment="wait"] .hop{display:block;}
-#panel-done[data-moment="wait"] #liveProgress,
-#panel-done[data-moment="wait"] #wizInvite,
-#panel-done[data-moment="wait"] #wizInviteLater,
-#panel-done[data-moment="wait"] #doneModules,
-#panel-done[data-moment="wait"] .samePath,
-#panel-done[data-moment="wait"] .again{display:none;}
-/* part 03 before Create: the heading, its state and the sentence; the rest waits */
-#panel-done:not(.on) .doneBody,#panel-done:not(.on) .again{display:none;}
-.hopStatus{font-size:14px;font-weight:400;line-height:1.45;color:var(--ink-soft);margin:0;min-height:20px;}
-.hopBar{height:3px;background:var(--rule-soft);margin:10px 0 12px;overflow:hidden;}
-.hopBar span{display:block;height:100%;width:0;background:var(--accent);transition:width .8s ease;}
+/* the cloud hop (task 1004578), opened in place by "Play cloud hop while you wait" */
+.hop{margin-top:14px;max-width:680px;}
+.hop[hidden]{display:none;}
 .hopStage{position:relative;border-radius:14px;overflow:hidden;background:var(--space-deep);}
 .hopStage{transition:opacity .5s ease;}
 .hop.hopFading .hopStage{opacity:0;}
@@ -597,66 +563,13 @@ body:has(#view-new:not([hidden])) footer.foot{position:relative;z-index:1;backgr
 .hopScore{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-soft);}
 /* reduced motion: the sky stands still and there is nothing to steer */
 .hop.isStill .hopRow{display:none;}
-/* ARRIVE — the strip's three dots stand down (its note stays: it carries the address) */
-#panel-done[data-moment="arrive"] #liveProgress .stages{display:none;}
-/* the checklist (task 1004648, the mockup's steps): one dot per step — an empty ring,
-   a tick in the ok ink once the server has verified it — and every step on show */
-#panel-done .humanSteps{margin-top:18px;}
-#panel-done .humanSteps>li{grid-template-columns:24px 1fr;gap:0 12px;padding:12px 0 14px;border-top:0;}
-#panel-done .humanSteps>li:last-child{border-bottom:0;}
-#panel-done .humanSteps>li::before{content:"";box-sizing:border-box;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid var(--glass-edge);
-  display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:13px;letter-spacing:0;}
-#panel-done .humanSteps>li.sdone::before{content:"✓";text-transform:none;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid var(--ok);}
-#panel-done .humanSteps>li.slocked::before{border:1px solid var(--rule-soft);}
-/* a stopped step (task 1004652, the mockup's "!" dot): what stopped, and the button that fixes it */
-#panel-done .humanSteps>li.sstopped::before{content:"!";color:var(--err);background:color-mix(in srgb,var(--err) 10%,transparent);border:1px solid var(--err);}
-.humanSteps .linklike{display:block;margin-top:10px;min-height:24px;padding:3px 0;background:none;border:0;cursor:pointer;font-family:var(--font-body);font-size:13.5px;color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;text-align:left;}
-.humanSteps .linklike:hover{color:var(--ink);}
-/* the optional step (command-line sign-in, task 1004649): a dashed ring until it ticks */
-#panel-done .humanSteps>li.soptional:not(.sdone)::before{border-style:dashed;}
-#panel-done .humanSteps b{font-size:15px;line-height:24px;}
+/* every required fact done: "<name> is alive.", the invite, and the Enter Genesis door */
 .alive{margin-top:18px;padding-top:18px;border-top:1px solid var(--rule);}
+.alive[hidden]{display:none;}
 #view-new .aliveH{margin:0;font-family:var(--font-display);font-size:28px;font-weight:200;letter-spacing:-.02em;line-height:1.2;text-transform:none;color:var(--ink);}
-#view-new #panel-done .lede{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
-#view-new #panel-done .lede a{color:var(--link-ink);text-decoration:underline;text-underline-offset:3px;}
-
-/* ── the standup strip (task 2083), drawn as the lifecycle rail (DESIGN.md):
-   three hairlines, a 7px dot, one lit step — no plate, no connector, no
-   pulse. The vocabulary is the page's fixed one (F22): filed / standing it
-   up / live; isLive in the ok ink, isErr in the error ink, flowDown neutral.
-   The marks mirror cosmos's .strip on the derived tokens (task 1002751). ── */
-.prog{background:none;border:0;border-radius:0;padding:0;margin-top:22px;max-width:520px;}
-.prog .stages{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px;list-style:none;margin:0;}
-.prog .stages li{display:block;position:relative;border-top:1px solid var(--rule);padding:12px 0 0;}
-.prog .stages li:not(:first-child)::before{content:none;}
-.prog .sdot{position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--rule);border-radius:50%;background:var(--bg);display:block;}
-.prog .stages li.done{border-top-color:var(--ink-soft);}
-.prog .stages li.done .sdot{border-color:var(--ink-soft);background:var(--ink-soft);}
-.prog .stages li.done .sdot::after{content:none;}
-.prog .stages li.now{border-top-color:var(--accent);}
-.prog .stages li.now .sdot{border-color:var(--accent);background:var(--accent);outline:4px solid color-mix(in srgb,var(--accent) 22%,transparent);}
-.prog .stages li.now .sdot::after{content:none;animation:none;}
-.prog .slbl{display:block;font-family:var(--label-face);font-size:var(--label-size);font-weight:400;letter-spacing:var(--label-space);text-transform:uppercase;line-height:1.3;color:var(--ink-faint);}
-.prog .stages li.now .slbl{color:var(--ink);}
-.prog .stages li.done .slbl{color:var(--ink-soft);}
-.prog .pnote{text-align:left;font-size:13px;font-weight:400;line-height:1.45;color:var(--ink-soft);margin:8px 0 0;min-height:0;}
-.prog .pnote a{color:var(--ink);font-weight:400;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:3px 0;min-height:24px;line-height:18px;}
-.prog.isLive{background:none;border-color:transparent;}
-.prog.isLive .stages li.done{border-top-color:var(--ok);}
-.prog.isLive .stages li.done .sdot{border-color:var(--ok);background:var(--ok);}
-.prog.isLive .slbl{color:var(--ok);}
-.prog.isLive .stages li.done .slbl{color:var(--ok);}
-.prog.isLive .pnote{color:var(--ok);font-size:13.5px;}
-.prog.isErr{background:none;border-color:transparent;}
-.prog.isErr .stages li.now{border-top-color:var(--err);}
-.prog.isErr .stages li.now .sdot{border-color:var(--err);background:var(--err);outline:4px solid color-mix(in srgb,var(--err) 22%,transparent);}
-.prog.isErr .pnote{color:var(--err);}
-/* teardown's calm neutral (F22), the same vocabulary cosmos's .strip.flowDown speaks */
-.prog.flowDown .stages li.done{border-top-color:var(--ink-soft);}
-.prog.flowDown .stages li.now{border-top-color:var(--ink-soft);}
-.prog.flowDown .stages li.now .sdot{border-color:var(--ink-soft);background:var(--ink-soft);outline:none;}
-.prog.flowDown .slbl{color:var(--ink-faint);}
-.prog.flowDown .stages li.now .slbl,.prog.flowDown .stages li.done .slbl{color:var(--ink-soft);}
+.aliveDoor{display:flex;margin-top:16px;}
+.aliveDoor .btn{min-height:48px;padding:0 28px;}
+
 .again{
   display:inline-block;margin-top:14px;font-size:13.5px;font-weight:400;color:var(--ink-soft);
   background:none;border:none;cursor:pointer;font-family:var(--font-body);text-decoration:underline;
@@ -1815,7 +1728,7 @@ summary{min-height:24px;padding:3px 0;}
                           <!-- visibility stated on EVERY repo path (task 1002721) -->
                           <div class="hint">We never change it: public stays public, private stays private.</div>
                         </div>
-                        <div id="ghFresh" class="wizField" hidden>
+                        <div id="ghFresh" class="wizField" data-onboard-step="github-repo" hidden>
                           <span>New repository name</span>
                           <input type="text" id="ghNewName" placeholder="moonbase" autocomplete="off" maxlength="100" aria-label="New repository name">
                           <!-- visibility is stated on EVERY repo path (task 1002721); updateFreshPreview()
@@ -2120,21 +2033,30 @@ summary{min-height:24px;padding:3px 0;}
             <p class="hint createWhy" id="createWhy" aria-live="polite">&nbsp;</p>
             <div class="alert" id="createAlert" role="alert"></div>
 
-            <!-- 03 · Connect GitHub: waits until the project exists, then drives the steps only
-                 the founder can do (today's onboard-plan steps, task 1002694), drawn as one
-                 checklist that ticks itself from what the server has verified. -->
+            <!-- 03 · Connect GitHub until Create; then "Getting <name> ready" (task 1004683, the
+                 design of record docs/design/mocks/day-night-rooms/setup-status.html): one sentence
+                 saying what is happening now, then one list of facts the server checked, in two
+                 groups. Every fact's state is read off a server field (paintFacts); the facts are
+                 drawn from nodes, never markup from strings. -->
             <div class="part waiting" id="panel-done" aria-labelledby="done-part-h">
-              <h2 id="done-part-h"><span class="n">03</span>Connect GitHub <span class="state" id="ghState">opens once your project exists</span></h2>
+              <!-- "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>
               <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>
                 <p class="hint" id="doneRender" role="status" hidden></p>
                 <p class="hint" id="doneLook" role="status" hidden></p>
                 <div id="doneApp" hidden></div>
-                <!-- whose account GitHub makes the app on (task 1004651, the mockup's
-                     account select beside Connect GitHub); shown while Connect is offered -->
+                <div class="setFactGrp"><h3 id="homeFactsH">Its home</h3><div class="setFacts" id="homeFacts" role="list" aria-labelledby="homeFactsH"></div></div>
+                <div class="setFactGrp"><h3 id="ghFactsH">GitHub</h3><div class="setFacts" id="ghFacts" role="list" aria-labelledby="ghFactsH"></div></div>
+                <!-- whose account GitHub makes the app on (task 1004651, the mockup's account
+                     select beside Connect GitHub): paintFacts moves it into the Approve fact
+                     while Connect is offered, and back here otherwise -->
                 <div class="acctPick" id="aaPick" hidden>
                   <div class="row2">
-                    <label class="wizField"><span>Make the app on</span>
+                    <label class="wizField"><span class="vh">Make the app on</span>
                       <select id="aaSel" aria-label="Which GitHub account"><option value="personal">On my account</option><option value="org">On an organisation</option></select></label>
                     <label class="wizField" id="aaOrgField" hidden><span>Organisation</span><select id="aaOrg"></select></label>
                   </div>
@@ -2144,17 +2066,11 @@ summary{min-height:24px;padding:3px 0;}
                   </div>
                   <p class="hint" id="aaNote" aria-live="polite"></p>
                 </div>
-                <ol class="humanSteps" id="humanSteps"></ol>
-                <!-- the STABLE live region: the strip inside is rebuilt every 5s tick,
-                     and a live region that is itself replaced never announces -->
-                <div id="liveProgress" role="status" aria-live="polite"></div>
-                <!-- the wait (task 1004578): one status line, a thin bar, and the cloud
-                     hop — one cloud per public project on the platform, in its planet's
-                     colour. Shown only while data-moment="wait"; under reduced motion
-                     the sky is drawn once and stands still. -->
-                <div class="hop" id="hop">
-                  <p class="hopStatus" id="hopStatus" role="status" aria-live="polite"></p>
-                  <div class="hopBar" aria-hidden="true"><span id="hopBarFill"></span></div>
+                <!-- 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>
+                <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>
                   </div>
@@ -2163,18 +2079,20 @@ summary{min-height:24px;padding:3px 0;}
                     <button type="button" class="btn small ghost" id="hopJump">Jump</button>
                     <button type="button" class="btn small ghost" id="hopRight" aria-label="Move right">→</button>
                     <span class="hopHint">Arrows or A and D steer, space jumps.</span>
-                    <span class="hopScore" id="hopScore" aria-live="polite"></span>
+                    <span class="hopScore" id="hopScore"></span>
                   </div>
                 </div>
-                <div class="alive">
-                  <h2 class="aliveH" id="done-h">Setting up your project</h2>
-                  <p class="lede" id="doneLede"></p>
+                <!-- every required fact done (paintFacts): "<name> is alive.", the invite box once
+                     the hall answers (PS15), and the door into Genesis, the hall's founding mode -->
+                <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>
                   <!-- 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
                        shows it. -->
                   <div class="inviteBox" id="wizInvite" hidden>
-                    <p class="finePrint">Invite your first builders. They become founding builders. Optional: the invite comes from your project’s hall, and you can invite anyone later.</p>
+                    <p class="finePrint">Invite your first builders. They become founding builders. Optional: the invite comes from your project’s hall.</p>
                     <div class="attach">
                       <label class="vh" for="wizInviteWho">GitHub handle</label>
                       <input type="text" id="wizInviteWho" placeholder="GitHub handle" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="200">
@@ -2187,13 +2105,13 @@ summary{min-height:24px;padding:3px 0;}
                     <ul class="inviteList" id="wizInviteList"></ul>
                     <div class="projMsg" id="wizInviteMsg" role="status" aria-live="polite"></div>
                   </div>
+                  <div class="aliveDoor"><a class="btn" id="enterGenesis" data-onboard-step="enter-hall" target="_blank" rel="noopener">Enter Genesis</a></div>
                   <!-- the way back, the doneModules idiom: an optional step is a default
                        rather than a dead end only if the panel names where it lives after -->
                   <p class="samePath" id="wizInviteLater"></p>
                   <!-- the extras row was a default (task 1002342, BV1.R23) — one line saying
                        where they live afterwards, so accepting them is never a dead end -->
                   <p class="samePath" id="doneModules"></p>
-                  <p class="samePath">These steps are the same however a project is created.</p>
                 </div>
               </div>
             </div>
@@ -4805,35 +4723,6 @@ summary{min-height:24px;padding:3px 0;}
         $('addrCustom').open = true;
       }
     }
-    /* Pinned GitHub OAuth-app values for a domain (auth.js WEB_REDIRECT_ORIGIN —
-       callback is the apex /api/gds/auth/web/callback). Mirrors onboard.oauthAppInstructions. */
-    function oauthAppValues(domain) {
-      var origin = 'https://' + domain;
-      return { homepageUrl: origin, callbackUrl: origin + '/api/gds/auth/web/callback' };
-    }
-    /* GitHub's own "New repository" page, pre-filled with the owner + name. No auth or
-       permissions on our side — the visitor creates the empty repo in GitHub's UI, which
-       is exactly what the scaffold then clones. `owner` selects the account/org; omitting
-       a blank param just leaves that field empty on GitHub. */
-    function githubNewRepoUrl(owner, repo) {
-      var u = new URL('https://github.com/new');
-      if (repo) u.searchParams.set('name', repo);
-      if (owner) u.searchParams.set('owner', owner);
-      return u.toString();
-    }
-    /* github.com address of the repo this draft points at, or '' when we can't name one
-       honestly. Adopt: owner/repo IS the address the owner picked. Auto-create: the
-       html_url the create call returned — a draft predating task 1002855 has none, and
-       gets no link rather than a guess that could 404. The scheme is hard-coded and both
-       segments are encoded, so nothing here can become an off-site or javascript: href. */
-    function repoLinkFor() {
-      if (!state.owner || !state.repo) return '';
-      if (state.mode === 'adopt') {
-        return 'https://github.com/' + encodeURIComponent(state.owner) + '/' + encodeURIComponent(state.repo);
-      }
-      var stored = String(state.repoUrl || '');
-      return stored.indexOf('https://github.com/') === 0 ? stored : '';
-    }
     function saveDraft() {
       try { sessionStorage.setItem(DRAFT_KEY, JSON.stringify(state)); } catch (e) {}
     }
@@ -4871,12 +4760,12 @@ summary{min-height:24px;padding:3px 0;}
         var h = created ? $('done-part-h') : $(panels[step]).querySelector('h1');
         if (h) { h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false }); }
       }
-      /* the cloud hop's motion runs only while part 03 is live (task 1004578) — a
-         start/stop, not a paint: renderDone paints the part */
-      if (typeof hopStart === 'function') { if (created) hopStart(); else hopStop(); }
+      /* the cloud hop runs only on part 03, and only once asked (tasks 1004578, 1004683) —
+         a stop, not a paint: renderDone paints the part */
+      if (!created && typeof hopOpen === 'function') hopOpen(false);
       if (step === 1) paintPage();
       else paintCreate();
-      if (typeof stepsPaint === 'function') stepsPaint();
+      if (typeof paintFacts === 'function') paintFacts();
     }
     /* The page hosts every control at once, so it paints them all on entry. The repo
        probe is authenticated — never fire it before /me settles (a pre-auth probe 401s
@@ -5202,7 +5091,7 @@ summary{min-height:24px;padding:3px 0;}
        files — the server applies the bundle. A picker that could block a
        project from being created would be worse than no picker. */
     var starterBundles = null;   /* the payload once it lands; null until then */
-    var bundlesPromise = null;   /* memoised like fetchPlan below — entering the step twice asks once */
+    var bundlesPromise = null;   /* memoised — entering the step twice asks once */
     var bundlesFailed = false;   /* asked and did not get it; distinct from not yet asked */
     /* Lazy, not at boot: /projects serves four views from one file, and the map
        has no business paying for the picker's read. */
@@ -6806,325 +6695,400 @@ summary{min-height:24px;padding:3px 0;}
       });
     });
 
-    /* ── done panel: rendered FROM the canonical onboard plan (task 1002694, gap 2 /
-          idea 1000675). GET /provisioning/onboard-plan is the single source the
-          /new-project skill + `bongos onboard` read too, so the checklist can't
-          drift. A per-key renderer adds this page's rich UI; an unknown human step
-          falls back to the plan's own label, so a new canonical step surfaces here
-          by default instead of silently vanishing. ── */
-    function copyBtn(text) {
-      return '<button type="button" class="copy" data-copy="' + esc(text) + '">Copy</button>';
-    }
-    var GH_ICON = '<svg class="gh" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>';
-
+    /* ── part 03 after Create (task 1004683; the design of record
+          docs/design/mocks/day-night-rooms/setup-status.html, owner 2026-10-09): ONE list of
+          facts the server checked, in two groups. Its home reads the owner's instance read
+          (GET /provisioning/instances/:id: status, open_intent, domain, dns_resolves,
+          last_verified_up); GitHub reads the github-setup checklist and its pick-up word
+          (tasks 1004649–1004652). homeFacts() and ghFacts() are PURE over what those reads
+          last said: every fact's state is one of todo · now · you · done · bad, and each
+          comes from a server field — never a timer, a stage count or a click this page
+          assumed. setupSentence() says what is happening now, once; paintFacts() draws it
+          all from nodes. Nothing is said twice. ── */
     var instanceId = null;             /* set when a create lands / a resumed watch starts */
     /* where a project is ACTED on since task 1003355: its own page. A list row
        carries only view and manage now, so every pointer that names a control —
        attach an address, retry a snagged standup, bring a torn-down project
        back — must land there, not on the list, which has no such button. */
     function projectPageLink(label) {
-      return '<a href="' + (instanceId ? '?view=manage&id=' + encodeURIComponent(instanceId) : '?view=mine') +
-        '">' + label + '</a>';
-    }
-    var live = { instStatus: null, addrReady: false, manifest: null, manifestMsg: '', manifestCode: '', manifestFailure: null, appSlug: null, appOrg: null, setup: null, installUrl: null, pickUp: null, verifying: false, askedPlatform: false };
-    var planPromises = {};             /* mode|domain → Promise<steps[]> */
-    var lastStepsHtml = '';
-    var lastProgHtml = '';            /* same change-only contract, for the progress strip */
-    var FALLBACK_HUMAN_KEYS = ['github-repo', 'oauth-app', 'device-flow', 'app-install', 'first-sign-in', 'enter-hall'];
-
-    function fetchPlan() {
-      var domain = resolvedDomain() || '';
-      var key = state.mode + '|' + domain;
-      if (!planPromises[key]) {
-        /* shape=cloud-host: this wizard only creates control-plane cloud-host
-           instances, and the plan is shape-filtered server-side (direction §7) */
-        planPromises[key] = fetch(API + '/provisioning/onboard-plan?mode=' + encodeURIComponent(state.mode) + '&shape=cloud-host' + (domain ? '&domain=' + encodeURIComponent(domain) : ''))
-          .then(function (res) { if (!res.ok) throw new Error('plan'); return res.json(); })
-          .then(function (d) { return (d && d.steps) || []; })
-          .catch(function () {
-            delete planPromises[key];  /* transient — retried on the next render */
-            return FALLBACK_HUMAN_KEYS.map(function (k) { return { key: k, kind: 'human', label: '' }; });
-          });
-      }
-      return planPromises[key];
-    }
-
-    /* github-repo — adopt / auto-created / manual-create, each aware of whether the
-       scaffold has landed (instance active ⇒ the build already pushed). The wizard
-       files onboard_mode to the server, so for adopt the RUNNER clones + layers
-       (task 1002562) — the owner no longer runs `bongos init --adopt` here. */
-    function renderStepGithubRepo() {
-      var landed = live.instStatus === 'active';
-      /* the one-page checklist (task 1004649) shows only the GitHub steps the founder
-         takes; a repo the platform made or adopted needs nothing, so it is not a row */
-      if (state.mode === 'adopt' || state.repoAutoCreated || landed) return '';
-      var repoLabel = state.owner && state.repo ? '<strong>' + esc(state.owner + '/' + state.repo) + '</strong>' : 'your new repository';
-      /* Naming a repo without linking it stranded the owner on exactly the path where the
-         platform did the work (task 1002855). Adopt links the repo the owner picked;
-         auto-create links the html_url GitHub itself returned. A draft written before this
-         change carries no stored URL and degrades to the bare name — never a guessed link.
-         Only these two branches link: the manual branch below still has a real .ghbtn
-         action, and nesting an <a> inside it would be malformed. */
-      var repoUrl = repoLinkFor();
-      var repoLink = repoUrl ? '<a href="' + esc(repoUrl) + '" target="_blank" rel="noopener">' + repoLabel + '</a>' : repoLabel;
-      if (state.mode === 'adopt') {
-        return landed
-          ? '<li class="sdone" data-onboard-step="github-repo"><b>Your repo carries the platform</b><p>The build layered the platform onto ' + repoLink + ' — existing files, history, and backlog kept. Pull to see it.</p></li>'
-          : '<li data-onboard-step="github-repo"><b>Your existing repo</b><p>The build clones ' + repoLink + ' and layers the platform onto its existing history — nothing is created or emptied, and your backlog is imported. Nothing for you to do here.</p></li>';
-      }
-      if (state.repoAutoCreated) {
-        return landed
-          ? '<li class="sdone" data-onboard-step="github-repo"><b>Repo ready — scaffold landed</b><p>We created ' + repoLink + ' (public, by design) and the build pushed your project’s starting files to it.</p></li>'
-          : '<li data-onboard-step="github-repo"><b>Your empty repo is ready</b><p>We created ' + repoLink + ' on GitHub for you — public (projects here are open by design), empty, and waiting. The scaffold lands there when the build runs; nothing for you to do here.</p></li>';
-      }
-      var ghNewUrl = githubNewRepoUrl(state.owner, state.repo);
-      return '<li' + (landed ? ' class="sdone"' : '') + ' data-onboard-step="github-repo"><b>Create the empty GitHub repo</b><p>Do this first — the build needs the repo to exist. Click below (GitHub opens with the owner and name already filled in), press <strong>Create repository</strong>, and leave it completely empty. It must land at exactly ' + repoLabel + ' — leave GitHub’s Owner box as prefilled, because the build watches that exact address; a repo created under a different owner is never found. GitHub will ask public or private — your choice; both work here, and we never change it. Seeing “repository not found” above? That just means the repo isn’t created yet — make it here.</p>' +
-        '<a class="ghbtn" href="' + esc(ghNewUrl) + '" target="_blank" rel="noopener">' + GH_ICON + 'Create ' + repoLabel + ' on GitHub</a></li>';
-    }
-
-    /* The manual OAuth-app path stays as a documented fallback (ADR 0133), but the
-       control-plane placement is named as the operator's, never handed to the owner
-       as a command to run (gap 4). */
-    function manualOauthDetails() {
-      var oa = oauthAppValues(resolvedDomain());
-      return '<details><summary>Prefer to create an OAuth app by hand?</summary>' +
-        '<p>GitHub → <em>your account’s</em> Settings → Developer settings → OAuth Apps → New OAuth App. (Developer settings live under your account, not the repo.)</p>' +
-        '<div class="kv"><span class="kk">Homepage URL</span><code>' + esc(oa.homepageUrl) + '</code>' + copyBtn(oa.homepageUrl) + '</div>' +
-        '<div class="kv"><span class="kk">Callback URL</span><code>' + esc(oa.callbackUrl) + '</code>' + copyBtn(oa.callbackUrl) + '</div>' +
-        '<p>The platform team places the generated credentials; this step ticks itself once they land.</p></details>';
-    }
-
-    /* "Open it when it's ready" (task 1004548). The founder now waits for sign-in on
-       this checklist instead of on the callback page, so the auto-open lives here: a
-       tick, on unless they untick it (remembered per browser), that opens the project
-       the moment it answers AND sign-in is wired. Armed only by a wait this page has
-       actually watched, so revisiting a long-finished checklist never jumps away. */
-    var AUTO_OPEN_KEY = 'cb-open-when-ready';
-    var autoOpenArmed = false;
-    var autoOpened = false;
-    function autoOpenPref() {
-      try { return localStorage.getItem(AUTO_OPEN_KEY) !== '0'; } catch (e) { return true; }
-    }
-    function autoOpenTick() {
-      return '<label class="autoOpen"><input type="checkbox" data-action="auto-open"' + (autoOpenPref() ? ' checked' : '') + '>' +
-        '<span>Open my project automatically when it’s ready</span></label>';
-    }
-    function maybeAutoOpen() {
-      var domain = resolvedDomain();
-      if (autoOpened || !autoOpenArmed || !domain || !autoOpenPref()) return;
-      if (live.manifest !== 'done' || live.instStatus !== 'active' || !live.addrReady) return;
-      autoOpened = true;
-      var url = 'https://' + domain;
-      /* a new tab keeps this checklist (two steps follow sign-in); a browser that
-         blocks an unprompted tab gets this one sent instead — the founder asked */
-      var w = null;
-      try { w = window.open(url, '_blank'); } catch (e) {}
-      if (w) { try { w.opener = null; } catch (e) {} }
-      else window.location.assign(url);
-    }
-
-    /* The four GitHub steps of part 03, in the mockup's words and order (task 1004649,
-       docs/design/mocks/day-night-rooms/): Approve the <name> app on GitHub · Install it
-       on your repo · Builders can sign in · Command-line sign-in is on. One click starts
-       ONE trip — approve, straight on to installing, back here — and every tick is what
-       the server verified (live.setup, the status poll's `checklist`). Every value that
-       reaches the markup goes through esc(). */
+      return '<a href="' + manageHref() + '">' + label + '</a>';
+    }
+    function manageHref() {
+      return instanceId ? '?view=manage&id=' + encodeURIComponent(instanceId) : '?view=mine';
+    }
+    var live = { instStatus: null, addrReady: false, manifest: null, manifestMsg: '', manifestCode: '', manifestFailure: null, appSlug: null, appOrg: null, setup: null, installUrl: null, pickUp: null, verifying: false, askedPlatform: false, inst: null, readAt: 0, gone: '', repo: null };
+
     function ghStep(key) { return live.setup && live.setup[key]; }
     /* "Pick up where it stopped" (task 1004652): a stopped step says what stopped in one plain
        sentence and carries the action that fixes it, with the app GitHub already made, never a
        second one. live.pickUp is the server's word for what that action does (github-setup.js
-       pickUpFor); live.verifying is whether the runner is still checking. Static words only. */
+       pickUpFor); live.verifying is whether the runner is still checking. */
     var ghTabTrouble = null;   /* 'behind' | 'closed': what this page saw of the GitHub tab it opened */
     var NO_SECOND_APP = 'Nothing is lost, and no second app will be made.';
-    function pickUpBtn() { return '<button type="button" class="ghbtn" data-action="pick-up">Pick up where it stopped</button>'; }
-    function askPlatformBtn() {
-      if (live.askedPlatform === true) return '<p>Sent. The platform team has it and finishes it from here; there is nothing else for you to do.</p>';
-      return (live.askedPlatform === 'failed' ? '<p>That didn’t send. Try again.</p>' : '') +
-        '<button type="button" class="linklike" data-action="ask-platform">Send it to the platform team</button>';
+    function projectName() { return state.name || state.slug || 'your project'; }
+    /* a host name as the server stores it; anything else is no address. PURE. */
+    function hostOk(d) { return typeof d === 'string' && d.length < 254 && /^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?(?:\.[a-z0-9](?:[a-z0-9-]*[a-z0-9])?)+$/i.test(d); }
+    /* the project's address: the server's once it has read, the page's own until then */
+    function setupDomain() {
+      if (live.inst) return hostOk(live.inst.domain) ? live.inst.domain : '';
+      var d = resolvedDomain();
+      return hostOk(d) ? d : '';
+    }
+    /* owner/repo: the server's (github-setup.js targetRepo, strict), else the page's own */
+    function repoName() {
+      if (live.repo) return live.repo;
+      return state.owner && state.repo ? state.owner + '/' + state.repo : null;
     }
-    function appTitle() { return 'Approve the ' + esc(state.name || state.slug || 'project') + ' app on GitHub'; }
     /* the organisation that owns the app, when the founder made it on one (task 1004651) */
     function appOrgLogin() {
       return typeof live.appOrg === 'string' && /^[A-Za-z0-9](?:[A-Za-z0-9]|-(?=[A-Za-z0-9])){0,38}$/.test(live.appOrg) ? live.appOrg : null;
     }
     /* the app's own settings on GitHub: under its organisation, or under the founder's
-       account. A raw URL; callers esc() it into an attribute. */
+       account. A raw URL, set as an attribute, never parsed as markup. */
     function appSettingsUrl() {
       if (!live.appSlug) return null;
       var org = appOrgLogin();
       return 'https://github.com' + (org ? '/organizations/' + encodeURIComponent(org) : '') + '/settings/apps/' + encodeURIComponent(live.appSlug);
     }
 
-    /* oauth-app — the ADR 0133 one-click GitHub-App manifest flow is the primary path
-       (gap 3 / idea 1000676); locked until a domain exists (the App needs the real
-       callback host — the server refuses domainless with domain_required). */
-    function renderStepOauthApp() {
-      var domain = resolvedDomain();
-      if (!domain) {
-        return '<li class="slocked" data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>Unlocks once your project has an address — sign-in needs a real domain. Attach one any time from ' + projectPageLink('this project’s own page') + '.</p></li>';
+    /* When a fact was seen, said plainly, from a server timestamp (or the moment this page's
+       read answered): "just now" / "2:14 pm" for when it happened, "checked 6s ago" /
+       "checked 3m ago" / "checked 2:14 pm" for when it was looked at. '' when there is none. PURE. */
+    function whenSaid(at, now, checked) {
+      var t = typeof at === 'number' ? at : Date.parse(at || '');
+      if (!t || isNaN(t)) return '';
+      var s = Math.max(0, Math.round((now - t) / 1000));
+      if (checked && s < 60) return 'checked ' + s + 's ago';
+      if (checked && s < 3600) return 'checked ' + Math.floor(s / 60) + 'm ago';
+      if (!checked && s < 60) return 'just now';
+      var d = new Date(t), h = d.getHours(), m = d.getMinutes();
+      var said = s < 86400 ? ((h % 12) || 12) + ':' + (m < 10 ? '0' : '') + m + ' ' + (h < 12 ? 'am' : 'pm')
+        : d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
+      return (checked ? 'checked ' : '') + said;
+    }
+
+    /* Its home: three facts from the owner's instance read. PURE over (inst, now) and the
+       time that read answered. A domain is NAMED only once the platform's own lookup has
+       seen it answer (addressReady, task 1004505): a name typed before it resolves is
+       cached as not found for up to half an hour. */
+    function homeFacts(inst, now) {
+      var checked = live.readAt ? whenSaid(live.readAt, now, true) : '';
+      if (!inst) {
+        return [{ key: 'address', state: 'todo', title: 'Address kept for you' },
+          { key: 'server', state: 'todo', title: 'Server and database running' },
+          { key: 'answers', state: 'todo', title: 'Address answers' }];
+      }
+      var s = inst.status, oi = inst.open_intent;
+      /* an intent speaks only where the status does not already (F22): a requested project
+         always has its provision intent open */
+      var act = oi && s !== 'provisioning' && s !== 'tearing_down' && s !== 'requested' ? oi.action : '';
+      var dom = hostOk(inst.domain) ? inst.domain : '', ready = addressReady(inst);
+      var address = dom
+        ? { key: 'address', state: 'done', title: 'Address kept for you', sub: ready ? dom : 'Its name shows here once it reaches everyone.', right: whenSaid(inst.created_at, now) }
+        : { key: 'address', state: 'todo', title: 'Address kept for you' };
+      var server;
+      if (act === 'teardown' || s === 'tearing_down') server = { state: 'todo', title: 'Server and database switching off', sub: 'The repository stays yours, and the database is kept.' };
+      else if (s === 'torn_down' && act !== 'provision') server = { state: 'todo', title: 'Server and database switched off' };
+      else if (s === 'requested' || s === 'provisioning' || act === 'provision') server = { state: 'now', title: 'Server and database starting', sub: 'Usually a few minutes.', right: checked };
+      /* a settings change restarts the project (task 1003140): said by its state, queued or running */
+      else if (s === 'active' && act === 'settings-apply') {
+        server = oi.state === 'running'
+          ? { state: 'now', title: 'Server and database restarting', sub: 'To apply a settings change.', right: checked }
+          : { state: 'now', title: 'Server and database running', sub: 'A settings change is queued. It restarts to apply it.', right: checked };
       }
+      else if (s === 'active') server = { state: 'done', title: 'Server and database running', right: whenSaid(inst.provisioned_at, now) };
+      else if (s === 'error') server = { state: 'bad', title: 'Server and database stopped', sub: 'It stopped partway and won’t carry on by itself.', right: checked, act: 'manage', actText: 'Retry it on its own page' };
+      else server = { state: 'todo', title: 'Server and database running' };
+      server.key = 'server';
+      var answers = { key: 'answers', state: 'todo', title: 'Address answers' };
+      if (dom && s === 'active' && act !== 'teardown') {
+        if (!ready) { answers.state = 'now'; answers.sub = 'New addresses can take a few minutes to reach everyone.'; answers.right = checked; }
+        else if (inst.last_verified_up === true) { answers.state = 'done'; answers.right = whenSaid(inst.last_verified_at, now, true); }
+        else if (inst.last_verified_up === false) { answers.state = 'now'; answers.sub = 'Not answering yet. We keep checking.'; answers.right = whenSaid(inst.last_verified_at, now, true); }
+        else { answers.state = 'now'; answers.sub = 'Checking that it answers.'; answers.right = checked; }
+      }
+      return [address, server, answers];
+    }
+
+    /* GitHub: the four facts of the one trip (task 1004649), each from the checklist the
+       server derived (live.setup), the attempt's effective status (live.manifest and how far
+       a failure got, task 1004572) and what picking it up does (live.pickUp, task 1004652).
+       PURE over those and `now`. A stopped fact carries the one action that fixes it; only
+       the FIRST stopped fact carries "Pick up where it stopped". */
+    function ghFacts(now) {
+      var checked = live.readAt ? whenSaid(live.readAt, now, true) : '';
+      var dom = setupDomain(), name = projectName(), repo = repoName();
+      var approve = { key: 'approve', title: 'Approve the ' + name + ' app on GitHub' };
       /* GitHub made the app and the platform placed its keys: the slug is recorded only
          after the placement (the runner), so a known slug outside a failure is the tick —
-         a fact, whatever the venue says about starting a NEW trip */
-      /* …including when a LATER step stopped (sign-in unconfirmed): the app and its keys are
-         real, so this step stays ticked and the stopped one says so (task 1004652) */
+         including when a LATER step stopped (sign-in unconfirmed) */
       var appMade = (ghStep('approve') === 'done' || live.appSlug) && live.manifest !== 'expired' &&
         (live.manifest !== 'error' || live.manifestFailure === 'sign_in_unconfirmed');
-      if (appMade) {
-        return '<li class="sdone" data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>GitHub made the app, and its keys are on your project.</p></li>';
+      if (appMade) { approve.state = 'done'; approve.sub = name + ' app on ' + (appOrgLogin() || 'your account'); }
+      else if (!dom) { approve.state = 'todo'; approve.sub = 'Opens once it has an address.'; }
+      /* GitHub refuses app manifests whose hook URL it cannot reach (owner walk, 2026-08-12) */
+      else if (!apexBase()) { approve.state = 'todo'; approve.sub = 'GitHub can’t reach a platform on a local address, so this works only on a public one.'; }
+      else if (live.manifest === 'error' || live.manifest === 'expired') {
+        approve.state = 'bad'; approve.right = checked; approve.act = 'connect';
+        if (live.manifest === 'expired') approve.sub = 'That setup link expired before GitHub was approved, so nothing was made. Start a fresh one.';
+        else if (live.manifestCode === 'domain_required') { approve.sub = 'It needs an address first. Attach one on its own page.'; approve.act = 'manage'; approve.actText = 'Open its own page'; }
+        else if (live.pickUp === 'convert') { approve.sub = 'GitHub approved the app, and the platform stopped before it finished collecting the app’s keys.'; approve.act = 'pick-up'; }
+        else if (live.pickUp === 'operator' || live.manifestFailure === 'finish_failed') { approve.sub = 'GitHub made the app, but its keys never reached your project. Making another would leave you with two, so the platform team finishes this one.'; approve.act = 'ask-platform'; }
+        else { approve.sub = 'GitHub setup didn’t start. Nothing was changed on GitHub.'; approve.tech = live.manifestMsg || ''; }
       }
-      /* honesty about the venue (owner walk, 2026-08-12): GitHub rejects app
-         manifests whose hook URL isn't publicly reachable, so a locally-hosted
-         platform can't complete the one-click flow — say it BEFORE the bounce. */
-      if (!apexBase()) {
-        return '<li class="slocked" data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>This platform is running on a local address, and GitHub refuses app setups it can’t reach over the public internet — so the one-click flow can’t complete here. On a publicly-addressed platform this is one click.</p>' + manualOauthDetails() + '</li>';
+      else if (live.manifest === 'code_received' || live.manifest === 'converting') { approve.state = 'now'; approve.sub = 'Approved. The platform is collecting the app’s keys.'; }
+      else if (live.manifest) {
+        /* waiting on GitHub: "Reopen GitHub" posts the SAME attempt again, never a second app */
+        approve.state = 'you'; approve.act = 'reopen';
+        approve.sub = ghTabTrouble === 'closed' ? 'The GitHub tab closed before you approved, so nothing was made. Reopen it to carry on.'
+          : ghTabTrouble === 'behind' ? 'Your GitHub tab opened behind this window.' : 'Waiting for you in the GitHub tab.';
       }
-      if (live.manifest === 'error' || live.manifest === 'expired') {
-        /* a plain sentence first; the raw route text folds under Technical
-           details (task 1003244). The one refusal a founder can act on — no
-           address yet — says where to go instead of what the server said. */
-        var snag, raw = '';
-        /* a failure AFTER GitHub's approval left an app on the founder's account, so
-           "nothing was changed" would be false, and a new link would make a second app —
-           the server says how far it got (live.manifestFailure, task 1004572) and what
-           picking it up does (live.pickUp, task 1004652); the words and the action follow */
-        var act = '<button type="button" class="ghbtn" data-action="manifest-start">' + GH_ICON + 'Connect GitHub ↗</button>' + manualOauthDetails();
-        if (live.manifest === 'expired') snag = 'That setup link expired (they last 30 minutes) before GitHub was approved, so nothing was made on GitHub. Start a fresh one.';
-        else if (live.manifestCode === 'domain_required') snag = 'This project needs an address first — attach one from ' + projectPageLink('its own page') + ', then come back to this step.';
-        else if (live.pickUp === 'convert') {
-          snag = 'GitHub approved the app, and the platform stopped before it finished collecting the app’s keys. ' + NO_SECOND_APP;
-          act = pickUpBtn();
-        }
-        else if (live.manifestFailure === 'finish_failed') {
-          snag = 'GitHub made the app, but its keys never reached your project, so it can’t be used yet. Making another would leave you with two, so we won’t: the platform team finishes this one. Send it to them from here.';
-          act = askPlatformBtn();
+      else { approve.state = 'you'; approve.act = 'connect'; approve.sub = 'One trip: approve, install on your repo, and you are back here.'; }
+
+      var install = { key: 'install', title: 'Install it on your repo', sub: repo || '' };
+      var installUrl = live.installUrl || (live.appSlug ? 'https://github.com/apps/' + encodeURIComponent(live.appSlug) + '/installations/new' : null);
+      if (ghStep('install') === 'done') install.state = 'done';
+      else if (!live.appSlug) install.state = 'todo';
+      /* the runner stopped checking and GitHub never confirmed the install: the link opens the
+         SAME app's install page, and the click asks the runner to look again */
+      else if (live.pickUp === 'check') { install.state = 'bad'; install.sub = 'GitHub stopped before the app was on ' + (repo || 'your repo') + '.'; install.right = checked; install.act = 'pick-up-link'; install.href = installUrl; }
+      else { install.state = 'you'; install.right = 'not yet seen'; install.act = 'install-link'; install.href = installUrl; }
+
+      var signIn = { key: 'sign_in', title: 'Builders can sign in' };
+      if (live.manifest === 'done' || ghStep('sign_in') === 'done') { signIn.state = 'done'; signIn.sub = dom && live.addrReady ? 'Tested on ' + dom : ''; }
+      else if (live.manifest === 'error' && live.manifestFailure === 'sign_in_unconfirmed') {
+        /* the keys are placed but the project never confirmed sign-in: the runner re-asks it
+           with the keys already there; a project that still will not answer goes to the
+           platform team */
+        if (live.verifying) { signIn.state = 'now'; signIn.sub = 'Asking your project again, with the app GitHub already made.'; }
+        else {
+          signIn.state = 'bad'; signIn.sub = 'Your project didn’t confirm that sign-in works.'; signIn.right = checked;
+          signIn.act = live.pickUp === 'check' && install.state !== 'bad' ? ['pick-up', 'ask-platform'] : ['ask-platform'];
         }
-        else { snag = 'GitHub setup didn’t start. Nothing was changed on GitHub — try again.'; raw = live.manifestMsg; }
-        return '<li class="sstopped" data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>' + snag + '</p>' +
-          (raw ? '<details><summary>Technical details</summary><p>' + esc(raw) + '</p></details>' : '') + act + '</li>';
       }
-      if (live.manifest === 'code_received' || live.manifest === 'converting') {
-        /* GitHub's half of the approval is done — say so, rather than keep telling the
-           founder to approve an app they just approved */
-        autoOpenArmed = true;
-        return '<li data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>Approved on GitHub. The platform is placing the app’s keys on your project, and the GitHub tab goes on to installing it on your repo. This step ticks itself.</p>' +
-          progressMarkup(1, 1, 'Placing the app’s keys on your project…', '', 'signin') + autoOpenTick() + '</li>';
-      }
-      if (live.manifest) {   /* pending — GitHub holds the manifest, nobody has approved it yet */
-        autoOpenArmed = true;
-        /* the tab this page opened, as seen from here (task 1004652): behind this window, or
-           closed before the approval. "Reopen GitHub" posts the SAME attempt again (the mint
-           route hands back a link still waiting), so it can never make a second app. */
-        var wait = ghTabTrouble === 'closed'
-          ? 'The GitHub tab closed before the app was approved, so nothing was made on GitHub. Reopen it to carry on with this same setup.'
-          : ghTabTrouble === 'behind'
-            ? 'Your GitHub tab opened behind this window. Reopen it to bring it to the front; it is this same setup, so no second app will be made.'
-            : 'Waiting on GitHub — approve the app in the tab that opened. No GitHub tab? It may have opened behind this window or in another one. Once approved, GitHub takes you straight on to installing it on your repo, then back here; every step ticks itself.';
-        return '<li data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>' + wait + '</p>' +
-          progressMarkup(0, 0, 'Waiting for your approval on GitHub…', '', 'signin') + autoOpenTick() +
-          (ghTabTrouble
-            ? '<button type="button" class="ghbtn" data-action="reopen-github">' + GH_ICON + 'Reopen GitHub ↗</button>'
-            : '<button type="button" class="linklike" data-action="reopen-github">No GitHub tab? Reopen GitHub</button>') + '</li>';
-      }
-      return '<li data-onboard-step="oauth-app"><b>' + appTitle() + '</b><p>One trip to GitHub: approve the app, install it on your repo, and you land back here. No keys to copy, and the secret never leaves the server side.</p>' +
-        '<button type="button" class="ghbtn" data-action="manifest-start">' + GH_ICON + 'Connect GitHub ↗</button>' + manualOauthDetails() + '</li>';
-    }
-
-    /* device-flow — "Command-line sign-in is on", the OPTIONAL fourth step (task 1004649).
-       GitHub creates a manifest-born App with Device Flow OFF and offers no manifest
-       field and no API to switch it on (the spike in task 1004649), so only the founder's
-       own tick in the app's settings can — and the runner ticks this step when GitHub
-       starts a device sign-in for the app. It never holds the project back: web sign-in
-       works without it, and the CLI falls back to a web token meanwhile. */
-    function renderStepDeviceFlow() {
-      var title = '<b>Command-line sign-in is on</b>';
-      if (ghStep('device_flow') === 'done') {
-        return '<li class="sdone soptional" data-onboard-step="device-flow">' + title + '<p>Builders can sign in from a terminal too — the <code style="font-family:var(--font-mono)">bongos setup</code> command builders run on their own machine.</p></li>';
-      }
-      if (live.manifest !== 'done') {
-        return '<li class="slocked soptional" data-onboard-step="device-flow">' + title + '<p>Optional — turn it on later. It lets builders sign in from a terminal, with the <code style="font-family:var(--font-mono)">bongos setup</code> command they run on their own machine; web sign-in works without it.</p></li>';
+      else if (ghStep('sign_in') === 'now') { signIn.state = 'now'; signIn.right = 'not yet seen'; }
+      else signIn.state = 'todo';
+
+      /* optional: GitHub leaves device flow off on a new app and lets only the founder switch
+         it on (the spike in task 1004649); it never holds the project back */
+      var device = { key: 'device_flow', title: 'Command-line sign-in', opt: true };
+      if (ghStep('device_flow') === 'done') { device.state = 'done'; device.sub = 'Builders can sign in from a terminal too.'; }
+      else {
+        var settings = live.manifest === 'done' ? appSettingsUrl() : null;
+        device.state = 'todo';
+        device.sub = settings ? ['Turn it on later in ', { t: 'the app settings', href: settings }, '.'] : 'Turn it on later in the app settings.';
+        /* past the runner's checking window: ask it to look again, once the install has ticked */
+        if (live.pickUp === 'check' && ghStep('install') === 'done') device.act = 'check-again';
       }
-      var appUrl = live.appSlug ? esc(appSettingsUrl()) : null;
-      return '<li class="soptional" data-onboard-step="device-flow">' + title + '<p>Optional — turn it on later. GitHub leaves it off on new apps and lets only you switch it on: ' +
-        (appUrl
-          ? 'open <a href="' + appUrl + '" target="_blank" rel="noopener">your app’s settings</a>, check <strong>Enable Device Flow</strong>, and save. '
-          : 'GitHub → Settings → Developer settings → GitHub Apps → your app → check <strong>Enable Device Flow</strong> → save. ') +
-        'We tick this when GitHub has it on. Until then builders sign in on the web, and terminal sign-in falls back to a web token from the hall’s Settings page.</p>' +
-        /* past the runner's checking window (task 1004652): ask it to look again. The
-           install step carries the same action while it is unverified, so it shows here
-           only once the install has ticked. */
-        (live.pickUp === 'check' && ghStep('install') === 'done' ? '<button type="button" class="linklike" data-action="pick-up">Turned it on? Check again</button>' : '') + '</li>';
-    }
-
-    /* app-install — "Install it on your repo": the ADR 0055 publish credential (task
-       1003049). The same trip carries the founder here straight from the approval (task
-       1004649); this step ticks only once the runner has asked GitHub, with the app's own
-       key, and GitHub said the app is on this repo. The button is the way back for a
-       founder who returned without installing. */
-    function renderStepAppInstall() {
-      var title = '<b>Install it on your repo</b>';
-      if (ghStep('install') === 'done') {
-        return '<li class="sdone" data-onboard-step="app-install">' + title + '<p>The app is on ' + (state.owner && state.repo ? esc(state.owner + '/' + state.repo) : 'your repo') + ', so finished work can merge and ship itself.</p></li>';
+
+      var rows = [approve, install, signIn, device];
+      /* "Send it to the platform team", once per attempt: sent, or try again */
+      rows.forEach(function (r) {
+        var acts = [].concat(r.act || []);
+        if (acts.indexOf('ask-platform') === -1) return;
+        if (live.askedPlatform === true) { r.sub = 'Sent. The platform team has it and finishes it from here.'; r.act = acts.filter(function (a) { return a !== 'ask-platform'; }); }
+        else if (live.askedPlatform === 'failed') r.sub = [].concat(r.sub || [], ' That didn’t send. Try again.');
+      });
+      return rows;
+    }
+
+    function factDone(r) { return r.state === 'done'; }
+    function factRequired(r) { return !r.opt; }
+    /* 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. */
+    function setupCount(home, gh) {
+      var req = home.concat(gh).filter(factRequired);
+      var done = req.filter(factDone).length;
+      return done === req.length ? 'ready ✓' : done + ' of ' + req.length + ' done';
+    }
+    /* ONE sentence: what is happening now, and whether it is the founder's turn. Parts are
+       { t, b (bold), href } — text only, drawn as nodes. PURE over the facts and the reads. */
+    function setupSentence(home, gh) {
+      var inst = live.inst, name = projectName();
+      if (live.gone === 'session') return [{ t: 'Your session ended. ' }, { t: 'Sign in again', href: API + '/auth/web/start?return=/projects%3Fview%3Dnew&repos=1' }, { t: ' to keep watching.' }];
+      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.' }]);
       }
-      if (!live.appSlug) {
-        return '<li class="slocked" data-onboard-step="app-install">' + title + '<p>Comes straight after the approval, on the same trip: pick your repo and you land back here.</p></li>';
+      var oi = inst.open_intent;
+      if (inst.status === 'tearing_down' || (oi && oi.action === 'teardown') || (inst.status === 'torn_down' && !(oi && oi.action === 'provision'))) {
+        return [{ t: (inst.status === 'torn_down' ? 'This project is switched off.' : 'This project is switching off.') + ' Bring it back any time from ' }, { t: 'its own page', href: manageHref() }, { t: '.' }];
       }
-      var installUrl = live.installUrl || ('https://github.com/apps/' + encodeURIComponent(live.appSlug) + '/installations/new');
-      /* the runner stopped checking and GitHub never confirmed the install (task 1004652):
-         the link opens the SAME app's install page, and the click asks the runner to look again */
-      if (live.pickUp === 'check') {
-        return '<li class="sstopped" data-onboard-step="app-install">' + title + '<p>GitHub stopped before the app was installed on your repo. ' + NO_SECOND_APP + '</p>' +
-          '<a class="ghbtn" href="' + esc(installUrl) + '" target="_blank" rel="noopener" data-action="pick-up">' + GH_ICON + 'Pick up where it stopped ↗</a></li>';
+      var all = home.concat(gh);
+      var bad = all.filter(function (r) { return r.state === 'bad'; })[0];
+      if (bad) return [{ t: 'One step stopped.', b: true }, { t: ' ' + (gh.indexOf(bad) !== -1 ? NO_SECOND_APP : 'Nothing is lost.') }];
+      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') {
+        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 '<li data-onboard-step="app-install">' + title + '<p>Your GitHub tab goes here next. We check with GitHub that the app is on your repo, and this step ticks itself. Came back without installing it?</p>' +
-        '<a class="ghbtn" href="' + esc(installUrl) + '" target="_blank" rel="noopener">' + GH_ICON + 'Install it on your repo ↗</a></li>';
-    }
-
-    /* first-sign-in — "Builders can sign in": ticks when the platform has seen sign-in
-       work on the project (the runner's auth_configured check, the manifest 'done'). The
-       door opens only when the project ANSWERS too: a link to an address that does not
-       resolve yet is the worst first impression a founder can get (task 1003232). */
-    function renderStepFirstSignIn() {
-      var domain = resolvedDomain();
-      var title = '<b>Builders can sign in</b>';
-      if (!domain) {
-        return '<li class="slocked" data-onboard-step="first-sign-in">' + title + '<p>Unlocks with an address — then you open it, sign in with GitHub once, and take the owner’s seat (the founding Archon).</p></li>';
+      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.' }];
+    }
+
+    /* ── drawing it: nodes and textContent only (no innerHTML), change-only so a poll that
+          moved nothing writes nothing, and a fact's buttons are rebuilt only when the fact
+          itself changed (its "checked 6s ago" is rewritten in place). The sentence is the
+          one live region (#setupNow), written only when its words change. ── */
+    var FACT_MARK = { done: '✓', bad: '!', you: '→', now: '', todo: '' };
+    var FACT_SAID = { done: 'done', bad: 'stopped', you: 'your turn', now: 'under way', todo: 'not yet' };
+    /* the canonical onboard plan's human step each GitHub fact is (modules/provisioning/
+       onboard-plan.js); the plan's other two live on the page too — github-repo is the new
+       repo part 02 makes at Create (#ghFresh), enter-hall the Enter Genesis door. The drift
+       guard in tests/onboard.mjs holds the set equal to the plan's. */
+    var FACT_PLAN_STEP = { approve: 'oauth-app', install: 'app-install', sign_in: 'first-sign-in', device_flow: 'device-flow' };
+    var factsDrawn = {};   /* fact key → what was last drawn, without its right-hand time */
+    var sentenceSaid = '';
+    function textNode(tag, cls, text) {
+      var e = document.createElement(tag);
+      if (cls) e.className = cls;
+      if (text != null) e.textContent = text;
+      return e;
+    }
+    /* the only places a part 03 link may go: GitHub's own pages (the app's install page and
+       settings), this page's own views, and this platform's sign-in. Anything else — a value
+       a read handed over that is not one of these — is drawn as plain text, never a link. PURE. */
+    function factHref(h) {
+      h = String(h || '');
+      return /^https:\/\/github\.com\/[A-Za-z0-9/_.?=&%-]*$/.test(h) || /^\?view=[a-z]+(&id=[0-9A-Za-z%]+)?$/.test(h) || /^\/api\/[A-Za-z0-9/_.?=&%-]*$/.test(h) ? h : '';
+    }
+    function partsInto(el, parts) {
+      parts.forEach(function (p) {
+        if (typeof p === 'string') p = { t: p };
+        if (p.href && !factHref(p.href)) p = { t: p.t };
+        var n;
+        if (p.href) {
+          n = textNode('a', null, p.t);
+          n.setAttribute('href', p.href);
+          if (/^https:\/\//.test(p.href)) { n.setAttribute('target', '_blank'); n.setAttribute('rel', 'noopener'); }
+        } else n = p.b ? textNode('b', null, p.t) : document.createTextNode(p.t);
+        el.appendChild(n);
+      });
+    }
+    function factAct(k, r) {
+      var b;
+      if (k === 'pick-up-link' || k === 'install-link') {
+        b = textNode('a', k === 'pick-up-link' ? 'btn small ghost' : 'linklike', k === 'pick-up-link' ? 'Pick up where it stopped ↗' : 'Open the install page ↗');
+        /* the install page of THIS app on GitHub (seedSetup and ghFacts both build it to that
+           shape); anything else falls back to the founder's own GitHub installations list */
+        b.setAttribute('href', /^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');
+        b.setAttribute('target', '_blank'); b.setAttribute('rel', 'noopener');
+        if (k === 'pick-up-link') b.setAttribute('data-action', 'pick-up');
+        return b;
       }
-      /* the app and its keys are placed, but the project never confirmed sign-in (task
-         1004652): the runner re-asks it with the keys already there, so picking it up never
-         makes a second app — and a project that still will not answer goes to the platform team */
-      if (live.manifest === 'error' && live.manifestFailure === 'sign_in_unconfirmed') {
-        return '<li' + (live.verifying ? '' : ' class="sstopped"') + ' data-onboard-step="first-sign-in">' + title + '<p>' +
-          (live.verifying
-            ? 'Your project hasn’t confirmed sign-in yet. We’re asking it again, with the app GitHub already made, and this step ticks itself.'
-            : 'Your project didn’t confirm that sign-in works. ' + NO_SECOND_APP) + '</p>' +
-          (live.pickUp === 'check' ? pickUpBtn() : '') + askPlatformBtn() + '</li>';
+      if (k === 'manage') { b = textNode('a', 'btn small ghost', r.actText); b.setAttribute('href', manageHref()); return b; }
+      var words = { connect: 'Connect GitHub ↗', reopen: 'Reopen GitHub ↗', 'pick-up': 'Pick up where it stopped', 'check-again': 'Turned it on? Check again', 'ask-platform': 'Send it to the platform team' };
+      var cls = { connect: 'btn', reopen: 'btn small ghost', 'pick-up': 'btn small ghost', 'check-again': 'linklike', 'ask-platform': 'linklike' };
+      var action = { connect: 'manifest-start', reopen: 'reopen-github', 'pick-up': 'pick-up', 'check-again': 'pick-up', 'ask-platform': 'ask-platform' };
+      b = textNode('button', cls[k], words[k]);
+      b.setAttribute('type', 'button');
+      b.setAttribute('data-action', action[k]);
+      return b;
+    }
+    function factNode(r) {
+      var f = textNode('div', 'setFact ' + r.state);
+      f.setAttribute('role', 'listitem');
+      f.setAttribute('data-fact', r.key);
+      if (FACT_PLAN_STEP[r.key]) f.setAttribute('data-onboard-step', FACT_PLAN_STEP[r.key]);
+      var d = textNode('span', 'd', FACT_MARK[r.state]);
+      d.setAttribute('aria-hidden', 'true');
+      f.appendChild(d);
+      var t = textNode('span', 't', r.title);
+      if (r.opt) t.appendChild(textNode('span', 'optional', 'optional'));
+      t.appendChild(textNode('span', 'vh', ', ' + FACT_SAID[r.state]));
+      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 || []);
+      if (acts.length || r.tech) {
+        var box = textNode('div', 'acts');
+        acts.forEach(function (k) { box.appendChild(factAct(k, r)); });
+        if (r.tech) {
+          var det = textNode('details');
+          det.appendChild(textNode('summary', null, 'Technical details'));
+          det.appendChild(textNode('p', null, r.tech));
+          box.appendChild(det);
+        }
+        f.appendChild(box);
       }
-      if (live.manifest !== 'done') {
-        return '<li class="slocked" data-onboard-step="first-sign-in">' + title + '<p>Ticks once the platform has seen sign-in work on <code style="font-family:var(--font-mono)">' + esc(domain) + '</code>.</p></li>';
+      return f;
+    }
+    function drawFacts(list, rows) {
+      if (!list) return;
+      rows.forEach(function (r, i) {
+        var shape = JSON.stringify(Object.assign({}, r, { right: '' }));
+        var have = list.children[i];
+        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 || '';
+          return;
+        }
+        var fresh = factNode(r);
+        if (have) { parkAppPick(have); list.replaceChild(fresh, have); } else list.appendChild(fresh);
+        factsDrawn[r.key] = shape;
+      });
+      while (list.children.length > rows.length) list.removeChild(list.lastChild);
+    }
+    /* the account choice sits beside Connect GitHub (task 1004651): moved into the Approve
+       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'));
+    }
+    function placeAppPick(offered) {
+      var box = $('aaPick');
+      var acts = offered ? document.querySelector('#ghFacts [data-fact="approve"] .acts') : null;
+      if (acts && box.parentNode !== acts) acts.appendChild(box);
+      else if (!acts) parkAppPick($('ghFacts'));
+      syncAppPick(!!acts);
+    }
+    /* every required fact done: "<name> is alive.", the invite once the hall answers (PS15)
+       and the door into Genesis, the hall's founding mode, on the address that answered */
+    function paintAlive(ready) {
+      var inst = live.inst;
+      var on = !!(ready && inst && hostOk(inst.domain) && addressReady(inst) && inst.last_verified_up === true);
+      $('done-h').textContent = projectName() + ' is alive.';
+      var box = $('doneAlive');
+      if (box.hidden === !on) return;
+      box.hidden = !on;
+      /* inst.domain has passed hostOk (a bare host name, nothing else), so this is always an
+         https URL to the project's own address — stricter than safeHttpUrl, which takes any URL */
+      if (on) $('enterGenesis').setAttribute('href', 'https://' + inst.domain);
+      else $('enterGenesis').removeAttribute('href');
+      paintInviteGate(on);
+      if (on) hopArrive();
+    }
+    function paintFacts() {
+      var title = $('donePartT'), count = $('ghState');
+      if (!title || !count || !live) return;   /* hoisted: show() can ask before live is set */
+      if (state.step !== 2) { title.textContent = 'Connect GitHub'; count.textContent = 'opens once your project exists'; return; }
+      var now = Date.now();
+      var home = homeFacts(live.inst, now), gh = ghFacts(now);
+      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);
+      var said = setupSentence(home, gh), key = JSON.stringify(said);
+      if (key !== sentenceSaid) {
+        sentenceSaid = key;
+        var line = $('setupNow');
+        line.textContent = '';
+        partsInto(line, said);
       }
-      var open = live.instStatus === 'active' && live.addrReady;
-      return '<li class="sdone" data-onboard-step="first-sign-in">' + title + '<p>Sign-in works on <code style="font-family:var(--font-mono)">' + esc(domain) + '</code>.' +
-        (open ? ' Open it and sign in with GitHub once to take the owner’s seat — the founding Archon.' : ' The door opens here once your project is answering.') + '</p>' +
-        (open ? '<a class="ghbtn" href="https://' + esc(domain) + '" target="_blank" rel="noopener">Open ' + esc(domain) + ' →</a>' : '') + '</li>';
-    }
-
-    /* enter-hall — not a row of the GitHub checklist (the "is alive" block below carries
-       the way in); kept only for a project with no address, whose hall is local */
-    function renderStepEnterHall() {
-      var domain = resolvedDomain();
-      if (domain) return '';
-      return '<li data-onboard-step="enter-hall"><b>Enter your builders hall</b><p>No address yet — run <code style="font-family:var(--font-mono)">bongos dev</code> in your repo checkout to start the local hall on your machine (on an address it lives at /builders).</p></li>';
-    }
-
-    var STEP_RENDERERS = {
-      'github-repo': renderStepGithubRepo,
-      'oauth-app': renderStepOauthApp,
-      'device-flow': renderStepDeviceFlow,
-      'app-install': renderStepAppInstall,
-      'first-sign-in': renderStepFirstSignIn,
-      'enter-hall': renderStepEnterHall
-    };
+      $('hopLink').hidden = ready;
+      paintAlive(ready);
+    }
+    /* 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(); }
 
     /* The newborn-instance welcome + account-nag suppression (direction §5.6,
        idea 1000701) is NOT implemented here by design: it lives on the CHILD
@@ -7132,42 +7096,19 @@ summary{min-height:24px;padding:3px 0;}
        control-plane wizard cannot reach. Spun out per the direction's §9
        delivery-split as task 1002739. */
 
-    /* the mockup's order: the repo (only when the founder must make it), approve,
-       install, sign-in, command line; a plan step this page has no row for goes last */
-    var STEP_ORDER = ['github-repo', 'oauth-app', 'app-install', 'first-sign-in', 'device-flow', 'enter-hall'];
-    function stepRank(s) { var i = STEP_ORDER.indexOf(s.key); return i < 0 ? STEP_ORDER.length : i; }
-    function renderSteps() {
-      fetchPlan().then(function (steps) {
-        var html = steps.filter(function (s) { return s && s.kind === 'human'; }).slice().sort(function (a, b) { return stepRank(a) - stepRank(b); }).map(function (s) {
-          var r = STEP_RENDERERS[s.key];
-          return r ? r(s) : '<li data-onboard-step="' + esc(s.key) + '"><b>' + esc(s.label || s.key) + '</b></li>';
-        }).join('');
-        /* the account picker stands beside Connect GitHub, so it shows while that is offered */
-        syncAppPick(html.indexOf('data-action="manifest-start"') !== -1);
-        if (html === lastStepsHtml) return;   /* change-only re-render — polls never clobber open UI */
-        lastStepsHtml = html;
-        $('humanSteps').innerHTML = html;
-        if (typeof stepsPaint === 'function') stepsPaint();
-        maybeAutoOpen();
-      });
-    }
-
     function renderDone() {
-      var adopt = state.mode === 'adopt';
       $('doneRender').hidden = true;   // sendRenderSetup shows it again when Render is the choice
       $('doneApp').hidden = true; $('doneApp').textContent = '';
-      $('done-h').textContent = 'Setting up ' + (state.name || state.slug || 'your project');
-      $('doneLede').innerHTML = 'We’re setting up <strong>' + esc(state.name || state.slug) + '</strong>' +
-        (adopt ? ' on your existing repo' : '') +
-        ': its server, database and address. Watch it here, or any time on <a href="?view=mine">your projects page</a>.';
       /* the picker's later half (task 1002342, BV1.R23). The modules step is
          skippable, so this panel names where it lives afterwards rather than
          leaving an owner to go looking for it. */
-      $('doneModules').innerHTML = 'Add or remove modules later in ' + projectPageLink('the project’s settings') + '.';
+      var mods = $('doneModules');
+      mods.textContent = '';
+      partsInto(mods, ['Add or remove modules later in ', { t: 'the project’s settings', href: manageHref() }, '.']);
       /* the invite step waits for the hall (task 1004503): until it answers, one line */
       paintInviteGate(false);
-      setMoment('wait');   /* the cloud hop until the project answers (task 1004578) */
-      renderSteps();
+      hopOpen(false);   /* the cloud hop waits behind its link until asked (task 1004683) */
+      paintFacts();
     }
 
     /* The wizard's own copy links between views ("your projects page", the
@@ -7190,30 +7131,20 @@ summary{min-height:24px;padding:3px 0;}
       setView(to, true);
     });
 
-    /* One delegated listener — renderSteps swaps innerHTML, so handlers live on the list. */
-    $('humanSteps').addEventListener('click', function (ev) {
-      var mBtn = ev.target.closest('[data-action="manifest-start"]');
-      if (mBtn) { startManifest(mBtn); return; }
-      /* task 1004652: the pick-up link to GitHub's install page keeps its default (it opens) */
-      var pBtn = ev.target.closest('[data-action="pick-up"]');
-      if (pBtn) { pickUpSetup(pBtn); return; }
-      var rBtn = ev.target.closest('[data-action="reopen-github"]');
-      if (rBtn) { reopenGithub(rBtn); return; }
-      var aBtn = ev.target.closest('[data-action="ask-platform"]');
-      if (aBtn) { askPlatform(aBtn); return; }
-      var t = ev.target.closest('.copy');
-      if (!t) return;
-      navigator.clipboard.writeText(t.getAttribute('data-copy')).then(function () {
-        t.classList.add('did'); t.textContent = 'Copied';
-        setTimeout(function () { t.classList.remove('did'); t.textContent = 'Copy'; }, 1600);
-      });
-    });
-
-    $('humanSteps').addEventListener('change', function (ev) {
-      var box = ev.target.closest && ev.target.closest('[data-action="auto-open"]');
-      if (!box) return;
-      try { localStorage.setItem(AUTO_OPEN_KEY, box.checked ? '1' : '0'); } catch (e) {}
+    /* One delegated listener for part 03's actions — paintFacts redraws a fact's buttons,
+       so the handlers live on the body. The pick-up LINK to GitHub's install page keeps its
+       default (it opens) and asks the runner to look again (task 1004652). */
+    $('doneBody').addEventListener('click', function (ev) {
+      var b = ev.target.closest && ev.target.closest('[data-action]');
+      if (!b) return;
+      var a = b.getAttribute('data-action');
+      if (a === 'manifest-start') startManifest(b);
+      else if (a === 'pick-up') pickUpSetup(b);
+      else if (a === 'reopen-github') reopenGithub(b);
+      else if (a === 'ask-platform') askPlatform(b);
     });
+    /* the right-hand "checked 6s ago" stays true between reads (text only, change-only) */
+    setInterval(function () { if (currentView === 'new' && state.step === 2 && !document.hidden) paintFacts(); }, 15000);
 
     /* ── C8: the wizard's polls run only while the create view is on stage, like the
        sky. Off-view a due tick parks itself instead of fetching; enter() resumes it.
@@ -7325,8 +7256,7 @@ summary{min-height:24px;padding:3px 0;}
     function applyPickUp(d) {
       if (typeof d.status === 'string') { live.manifest = d.status; live.manifestFailure = d.failure || null; rememberManifest(undefined, d.status); }
       seedSetup(d.checklist, d.install_url, d);
-      lastStepsHtml = '';
-      renderSteps();
+      repaintFacts();
     }
     /* …and keep watching: the attempt's own poll when this tab knows it, else the instance read */
     function watchSetupAgain() {
@@ -7353,7 +7283,7 @@ summary{min-height:24px;padding:3px 0;}
       }).then(function (res) {
         live.askedPlatform = res.ok ? true : 'failed';
       }).catch(function () { live.askedPlatform = 'failed'; })
-        .then(function () { lastStepsHtml = ''; renderSteps(); });
+        .then(repaintFacts);
     }
 
     function startManifest(btn) {
@@ -7390,7 +7320,7 @@ summary{min-height:24px;padding:3px 0;}
         noteAppOrg(d.account === 'org' ? d.org_login : null);
         manifestStartedAt = Date.now();
         rememberManifest(d.state, 'pending');
-        renderSteps();
+        paintFacts();
         pollManifest(d.state);
       }).catch(function (err) {
         if (String(err && err.message) === 'signing in') return;
@@ -7398,13 +7328,13 @@ summary{min-height:24px;padding:3px 0;}
         /* GitHub already approved an app for this project (task 1004652): no second one —
            this page was behind, so it re-learns the truth and draws that step's own action */
         if (err && (err.code === 'app_exists' || err.code === 'github_in_progress')) {
-          lastStepsHtml = '';
+          repaintFacts();
           if (instanceId) startProgress(instanceId);
           return;
         }
         live.manifest = 'error'; live.manifestFailure = null; live.manifestMsg = String((err && err.message) || 'could not start');
         live.manifestCode = String((err && err.code) || '');
-        renderSteps();
+        repaintFacts();
       });
     }
 
@@ -7422,8 +7352,10 @@ summary{min-height:24px;padding:3px 0;}
       var moreMoved = false;
       if (more && typeof more === 'object') {
         var pick = typeof more.pick_up === 'string' ? more.pick_up : null, ver = !!more.verifying;
-        moreMoved = pick !== live.pickUp || ver !== live.verifying;
-        live.pickUp = pick; live.verifying = ver;
+        /* the repo it installs on: github-setup.js targetRepo, strict, re-checked here */
+        var repo = typeof more.repo === 'string' && /^[A-Za-z0-9][A-Za-z0-9-]{0,38}\/[A-Za-z0-9._-]{1,100}$/.test(more.repo) ? more.repo : live.repo;
+        moreMoved = pick !== live.pickUp || ver !== live.verifying || repo !== live.repo;
+        live.pickUp = pick; live.verifying = ver; live.repo = repo;
       }
       var next = JSON.stringify(checklist), was = live.setup ? JSON.stringify(live.setup) : '';
       var url = typeof installUrl === 'string' && /^https:\/\/github\.com\/apps\//.test(installUrl) ? installUrl : null;
@@ -7466,7 +7398,7 @@ summary{min-height:24px;padding:3px 0;}
       }
       var focused = !document.hidden && (typeof document.hasFocus !== 'function' || document.hasFocus());
       var next = ghTabState(ghTab, ghTabLeft, ghTabSince, Date.now(), focused);
-      if (next !== ghTabTrouble) { ghTabTrouble = next; renderSteps(); }
+      if (next !== ghTabTrouble) { ghTabTrouble = next; paintFacts(); }
     }
     function pollManifest(stateToken) {
       stopManifestPoll();
@@ -7480,14 +7412,15 @@ summary{min-height:24px;padding:3px 0;}
           .then(function (res) { if (!res.ok) throw new Error('soft'); return res.json(); })
           .then(function (d) {
             if (myGen !== manifestGen) return;
-            if (d.app_slug && d.app_slug !== live.appSlug) { live.appSlug = d.app_slug; rememberManifest(undefined, undefined, d.app_slug); renderSteps(); }
+            live.readAt = Date.now();   /* the state-keyed read is a server read too */
+            if (d.app_slug && d.app_slug !== live.appSlug) { live.appSlug = d.app_slug; rememberManifest(undefined, undefined, d.app_slug); paintFacts(); }
             /* the server-verified ticks (task 1004649), and whose account the app is on */
             var setupMoved = seedSetup(d.checklist, d.install_url, d);
             if (noteAppOrg(d.app_org)) setupMoved = true;
-            if (setupMoved) renderSteps();
+            if (setupMoved) paintFacts();
             var next = d.ready ? 'done' : (d.status || 'pending');
             var failure = d.failure || null;
-            if (next !== live.manifest || failure !== live.manifestFailure) { live.manifest = next; live.manifestFailure = failure; rememberManifest(undefined, next); renderSteps(); }
+            if (next !== live.manifest || failure !== live.manifestFailure) { live.manifest = next; live.manifestFailure = failure; rememberManifest(undefined, next); paintFacts(); }
             else noteManifestWait();
             if (!d.terminal) manifestPollTimer = setTimeout(tick, wizPollDelay(4000));
             else manifestPollTimer = null;   /* a stale fired id would read as "still polling" and resume a finished poll */
@@ -7497,179 +7430,23 @@ summary{min-height:24px;padding:3px 0;}
       tick();
     }
 
-    /* ── live build progress (task 2083): poll the instance until it's up.
-          Read-only — GET /provisioning/instances/:id (own-scoped) every 5s. ── */
+    /* ── the owner's instance read (task 2083): poll the project until it is up.
+          Read-only — GET /provisioning/instances/:id (own-scoped) every 5s. That one read
+          is part 03's Its home, and its github_setup is the GitHub checklist after a reload
+          (task 1004683: no stage strip, no tick counter — the facts are the read). ── */
     var pollTimer = null;
     var watchPending = false;      /* a parked progress watch, resumed on re-entry */
     var watchGen = 0;              /* same orphaning contract as manifestGen above */
     function stopPolling() { watchGen += 1; if (pollTimer) { clearTimeout(pollTimer); pollTimer = null; } }
-    /* The done panel's own flow vocabularies (F22). A local mirror of the mine
-       view's FLOWS — that table lives in the OTHER page IIFE, out of scope here,
-       the same isolation that makes .prog duplicate .strip. */
-    var PROG_FLOWS = {
-      standup: { names: ['Request filed', 'Standing it up', 'Live'], cls: '' },
-      revive: { names: ['Revive queued', 'Standing it up', 'Back live'], cls: '' },
-      teardown: { names: ['Teardown queued', 'Winding down', 'Torn down'], cls: 'flowDown' },
-      settings: { names: ['Change saved', 'Restarting to apply it', 'Applied'], cls: '' },
-      /* the GitHub sign-in wait, drawn inside its checklist step (task 1004548) */
-      signin: { names: ['Approve on GitHub', 'Placing credentials', 'Ready to sign in'], cls: '' }
-    };
-    /* No live-region attributes here: this strip is destroyed and rebuilt on
-       every 5s tick, and a live region that is itself replaced never announces.
-       #liveProgress is the stable region; this is only its contents. (The
-       mine-card twin stripMarkup() still carries its own — left for a later pass.) */
-    function progressMarkup(stageNow, stagesDone, note, cls, flow) {
-      var f = PROG_FLOWS[flow || 'standup'];
-      return '<div class="prog ' + (f.cls ? f.cls + ' ' : '') + (cls || '') + '">' +
-        '<ul class="stages">' + f.names.map(function (n, i) {
-          var c = stagesDone > i ? 'done' : (stageNow === i ? 'now' : '');
-          /* the dot carries the state for the eye only — a screen reader needs
-             the word, and the live stage marked, or it hears three bare names */
-          var word = c === 'done' ? 'done' : (c === 'now' ? 'current' : 'upcoming');
-          return '<li class="' + c + '"' + (c === 'now' ? ' aria-current="step"' : '') + '>' +
-            '<span class="sdot"></span><span class="slbl">' + n + '</span>' +
-            '<span class="vh">, ' + word + '</span></li>';
-        }).join('') + '</ul>' +
-        '<p class="pnote">' + note + '</p></div>';
-    }
-    /* Change-only write into the stable live region: an identical tick performs
-       no DOM write at all, so the region announces real movement only — the same
-       contract renderSteps() uses with lastStepsHtml. */
-    function setProgress(html) {
-      var el = $('liveProgress');
-      if (!el || html === lastProgHtml) return;
-      lastProgHtml = html;
-      el.innerHTML = html;
-      if (typeof hopSync === 'function') hopSync(el);
-    }
-    /* The done panel's moment (task 1004578): 'wait' while the project is being
-       stood up (the cloud hop), 'arrive' once it answers, and 'plain' for a snag,
-       a teardown, a settings change, or a project standing with no address (it
-       will never answer, so there is nothing to arrive at) — each keeps the strip
-       as it always was. Same branch order as renderProgress below. */
-    function momentFor(inst) {
-      var s = inst && inst.status, oi = inst && inst.open_intent;
-      /* only the intents renderProgress itself speaks for count — any other
-         (a running standup, say) falls through to the status, as it does there */
-      var spoken = oi && s !== 'provisioning' && s !== 'tearing_down' && s !== 'requested' ? oi.action : '';
-      if (spoken === 'teardown' || spoken === 'settings-apply') return 'plain';
-      if (spoken === 'provision') return 'wait';
-      if (s === 'error' || s === 'tearing_down' || s === 'torn_down') return 'plain';
-      if (s === 'active') {
-        if (!inst.domain) return 'plain';
-        if (addressReady(inst) && inst.last_verified_up) return 'arrive';
-      }
-      return 'wait';
-    }
-    function setMoment(m) {
-      var panel = $('panel-done');
-      if (!panel) return;
-      if (typeof hopMoment === 'function') hopMoment(panel, m);
-      else panel.setAttribute('data-moment', m);
-    }
-    /* Renders the current instance state; returns true when the state is terminal
-       (no further polling wanted). The strip is chosen by the OPEN INTENT first,
-       then status (F22): a torn-down instance with a queued revive must never be
-       told to "start another project". */
-    function renderProgress(inst) {
-      if (!$('liveProgress')) return true;
-      if (inst) setMoment(momentFor(inst));
-      var s = inst && inst.status;
-      var revive = !!(inst && inst.torn_down_at);
-      var oi = inst && inst.open_intent;
-      /* requested/provisioning/tearing_down speak their STATUS (a requested
-         instance always has its provision intent open — the intent branch
-         would make the status branch dead and diverge from the mine card) */
-      if (oi && s !== 'provisioning' && s !== 'tearing_down' && s !== 'requested') {
-        if (oi.action === 'provision') {
-          setProgress(progressMarkup(0, 0,
-            (s === 'torn_down' ? 'A revive is queued' : 'A standup is queued') + ' — this panel updates when it starts.',
-            '', s === 'torn_down' ? 'revive' : 'standup'));
-          return false;
-        }
-        if (oi.action === 'teardown') {
-          setProgress(progressMarkup(0, 0, 'A teardown is queued — this panel updates when it starts.', '', 'teardown'));
-          return false;
-        }
-        /* task 1003140: a settings change restarts the project — the panel says so, by state */
-        if (oi.action === 'settings-apply') {
-          setProgress(oi.state === 'running'
-            ? progressMarkup(1, 1, 'Applying a settings change — the project restarts to pick it up.', '', 'settings')
-            : progressMarkup(0, 0, 'A settings change is queued — this panel updates when it starts.', '', 'settings'));
-          return false;
-        }
-      }
-      if (s === 'requested') {
-        setProgress(progressMarkup(0, 0, 'Filed — waiting for the platform to pick it up. This updates the moment it starts.', '', revive ? 'revive' : 'standup'));
-      } else if (s === 'provisioning') {
-        setProgress(progressMarkup(1, 1,
-          revive ? 'Bringing it back on the newest platform version — nothing needed from you.'
-                 : 'Raising the server, database, and address — nothing needed from you.',
-          '', revive ? 'revive' : 'standup'));
-      } else if (s === 'active') {
-        /* Live lights on a VERIFIED answer, not on script completion (direction
-           §7): the strip keys on the same last_verified_* overlay the manage
-           list's chips read. null is deliberately distinct from false — a fresh
-           standup stays unprobed for up to a sweep interval and must not read
-           as a failure. */
-        var addr = inst.domain ? 'https://' + inst.domain : null;
-        var link = addr ? '<a href="' + esc(addr) + '" target="_blank" rel="noopener">' + esc(inst.domain) + '</a>' : null;
-        var flow = revive ? 'revive' : 'standup';
-        if (!addr) {
-          /* domainless instances are never probed — there is no address to
-             answer at, so a verified answer can never arrive; say what IS true
-             instead of promising the hall (sign-in stays locked without one) */
-          setProgress(progressMarkup(-1, 2,
-            'The build finished — your project is standing, but it has no address yet, so sign-in can’t be wired up. Attach a domain any time from ' +
-            projectPageLink('its own page') + '; the steps below that need one unlock then.', '', flow));
-          return true;
-        }
-        /* task 1004505: no link until the platform's own lookup has seen the name
-           answer. A founder's first click on a name that does not resolve yet is
-           cached as "not found" by their resolver for up to half an hour. */
-        if (!addressReady(inst)) {
-          setProgress(progressMarkup(2, 2,
-            'The build finished — your address is being set up. This panel links it the moment it answers.', '', flow));
-          return false;
-        }
-        if (inst.last_verified_up === false) {
-          setProgress(progressMarkup(2, 2,
-            'The build finished, but ' + link + ' isn’t answering right now — this panel keeps checking.', '', flow));
-          return false;
-        }
-        if (inst.last_verified_up) {
-          /* the alive moment (task 1004504): said only once the project has answered */
-          $('done-h').textContent = (state.name || state.slug || 'Your project') + ' is alive.';
-          paintInviteGate(true);   /* the hall answers, so others can join now */
-          /* task 1004543: the line under it stops saying "setting up" once it answers */
-          $('doneLede').innerHTML = 'Its home is ready. Watch the rest here, or any time on <a href="?view=mine">your projects page</a>.';
-          setProgress(progressMarkup(-1, 3,
-            'Your project is answering at ' + link + '. Finish the steps below and the hall is yours.', 'isLive', flow));
-          return true;
-        }
-        /* null: standing, not checked yet — keep watching until the first probe */
-        setProgress(progressMarkup(2, 2,
-          'The build finished — checking that ' + link + ' answers…', '', flow));
-        return false;
-      } else if (s === 'error') {
-        /* the honest snag (direction §5 / F19): no raw stderr as the headline, no
-           false "keeps retrying" — retries stop, and the retry door is the project's
-           own page (task 1003355 moved it off the row) */
-        setProgress(progressMarkup(1, 1,
-          'The standup stopped partway — it won’t continue on its own. Retry it (and see the technical details) from ' +
-          projectPageLink('its own page') + '.', 'isErr'));
-      } else if (s === 'tearing_down') {
-        /* a deliberate end is calm, never styled as a failure (direction §5) —
-           and it speaks the teardown vocabulary, not the standup's (F22) */
-        setProgress(progressMarkup(1, 1, 'Taking the server offline. The repository stays yours; the database is kept.', '', 'teardown'));
-      } else if (s === 'torn_down') {
-        setProgress(progressMarkup(-1, 3, 'This instance was torn down. Bring it back any time from ' +
-          projectPageLink('its own page') + ', or start another below.', '', 'teardown'));
-        return true;
-      } else {
-        setProgress(progressMarkup(0, 0, 'Filed. Watching for the standup to start…'));
-      }
-      return false;
+    /* Nothing more will change without the founder: every required fact done (and the
+       runner no longer checking), a project switched off, or one standing with no address. */
+    function setupSettled() {
+      var inst = live.inst, oi = inst && inst.open_intent;
+      if (!inst) return false;
+      if (inst.status === 'torn_down' && !(oi && oi.action === 'provision')) return true;
+      if (inst.status === 'active' && !hostOk(inst.domain) && !oi) return true;
+      var now = Date.now();
+      return setupReady(homeFacts(inst, now), ghFacts(now)) && !live.verifying;
     }
     function startProgress(id) {
       if (!id) return;
@@ -7677,41 +7454,21 @@ summary{min-height:24px;padding:3px 0;}
       stopPolling();
       watchPending = false;
       var myGen = watchGen;
-      var ticks = 0;
-      var watchFlow = 'standup'; /* the vocabulary the strip is speaking (F22) */
-      setProgress(progressMarkup(0, 0, 'Filed. Watching for the standup to start…'));
       function tick() {
         if (myGen !== watchGen) return;
         if (!wizPollActive()) { watchPending = true; stopPolling(); return; }
         progressKick = tick;
-        ticks += 1;
-        if (ticks > 400) {
-          /* ~33 min: this tab stops watching, but the standup keeps going — hand
-             the long watch to the mine view, the owner's durable surface (task
-             1002693). The old "stop quietly" here was a dead-end lie: the hall
-             card it assumed was removed in task 1002675. */
-          /* a SNAGGED standup keeps its honest error — "still building" would be
-             a lie exactly when the founder most needs the truth */
-          if (live.instStatus !== 'error') {
-            setProgress(progressMarkup(1, 1,
-              'Still working — this tab will stop watching now. Follow it any time on <a href="?view=mine">your projects page</a>.', '', watchFlow));
-          }
-          setMoment('plain');
-          stopPolling();
-          return;
-        }
         fetch(API + '/provisioning/instances/' + encodeURIComponent(id), { credentials: 'same-origin' })
           .then(function (res) {
-            if (res.status === 401) { throw new Error('gone:Your session expired — <a href="' + API + '/auth/web/start?return=/projects%3Fview%3Dnew&amp;repos=1">sign in again</a> to keep watching.'); }
-            if (res.status === 404) { throw new Error('gone:Can’t see this instance any more — it may have been torn down.'); }
+            if (res.status === 401) throw new Error('gone:session');
+            if (res.status === 404) throw new Error('gone:missing');
             if (!res.ok) throw new Error('soft');
             return res.json();
           })
           .then(function (data) {
             if (myGen !== watchGen) return;
             var inst = data.instance;
-            if (inst) inst.open_intent = data.open_intent || null;   /* F22: the strip reads intents */
-            if (inst) watchFlow = inst.torn_down_at ? 'revive' : 'standup';
+            if (inst) inst.open_intent = data.open_intent || null;   /* F22: the facts read intents */
             /* server-derived manifest truth (task 1003235): a reload, a second tab
                or another device re-learns the GitHub-App leg from this same read.
                A live manifest poll owns live.manifest while it runs, so the seed
@@ -7726,22 +7483,19 @@ summary{min-height:24px;padding:3px 0;}
               /* the wait is timed from when the link was MINTED, so a reload still
                  reaches the "start again" offer (task 1004572) */
               if (!manifestStartedAt && ga.started_at) manifestStartedAt = Date.parse(ga.started_at) || 0;
-              if (seedChanged) { rememberManifest(undefined, live.manifest, live.appSlug || undefined); renderSteps(); }
+              if (seedChanged) rememberManifest(undefined, live.manifest, live.appSlug || undefined);
               else noteManifestWait();
             }
             /* the server-verified checklist rides the same read (task 1004649) */
             if (data.github_setup && !manifestPollTimer) {
-              var seedMoved = seedSetup(data.github_setup.checklist, data.github_setup.install_url, data.github_setup);
-              if (noteAppOrg(data.github_setup.app_org)) seedMoved = true;
-              if (seedMoved) renderSteps();
-            }
-            /* the checklist reflects live state (task 1002694): a status transition —
-               e.g. the scaffold landing — re-renders the steps (change-only, so the
-               5s tick never clobbers an open dropdown or mid-flight button) */
-            if (inst && (inst.status !== live.instStatus || addressReady(inst) !== live.addrReady)) {
-              live.instStatus = inst.status; live.addrReady = addressReady(inst); renderSteps();
+              seedSetup(data.github_setup.checklist, data.github_setup.install_url, data.github_setup);
+              noteAppOrg(data.github_setup.app_org);
             }
-            var terminal = renderProgress(inst);
+            /* the read IS Its home: every fact is redrawn from it (change-only) */
+            live.inst = inst || null; live.readAt = Date.now(); live.gone = '';
+            if (inst) { live.instStatus = inst.status; live.addrReady = addressReady(inst); }
+            paintFacts();
+            var terminal = setupSettled();
             /* a GitHub leg still in flight keeps this read alive even once the
                project is up — after a reload it is the ONLY thing watching it */
             if (!terminal || manifestInFlight() || setupOpen()) pollTimer = setTimeout(tick, wizPollDelay(5000));
@@ -7751,8 +7505,9 @@ summary{min-height:24px;padding:3px 0;}
             if (myGen !== watchGen) return;
             var m = String(err && err.message || '');
             if (m.indexOf('gone:') === 0) {
-              setProgress(progressMarkup(1, 1, m.slice(5), 'isErr', watchFlow));
-              setMoment('plain');
+              /* signed out, or the project is gone: said once, in the sentence */
+              live.gone = m.slice(5);
+              paintFacts();
               stopPolling();
               return;
             }
@@ -7774,9 +7529,8 @@ summary{min-height:24px;padding:3px 0;}
       instanceId = null;
       watchPending = false; manifestPending = false; manifestState = null;
       manifestStartedAt = 0; ghTabTrouble = null;
-      live = { instStatus: null, addrReady: false, manifest: null, manifestMsg: '', manifestCode: '', manifestFailure: null, appSlug: null, appOrg: null, setup: null, installUrl: null, pickUp: null, verifying: false, askedPlatform: false };
-      lastStepsHtml = '';
-      lastProgHtml = '';
+      live = { instStatus: null, addrReady: false, manifest: null, manifestMsg: '', manifestCode: '', manifestFailure: null, appSlug: null, appOrg: null, setup: null, installUrl: null, pickUp: null, verifying: false, askedPlatform: false, inst: null, readAt: 0, gone: '', repo: null };
+      factsDrawn = {}; sentenceSaid = '';
       hopReset();
       try { sessionStorage.removeItem(DRAFT_KEY); } catch (e) {}
       /* Every key the initial state declares has to be re-declared here. `modules`
@@ -7985,7 +7739,7 @@ summary{min-height:24px;padding:3px 0;}
     }
     function hopStart() {
       var hopEl = $('hop');
-      if (!hop || !hopEl) return;   /* hoisted: show() can ask before the hop is declared */
+      if (!hop || !hopEl || hopEl.hidden) return;   /* hoisted; and the game runs only once asked */
       hopEl.classList.toggle('isStill', REDUCED);
       hopLoadFeed();
       if (!hopSize()) return;
@@ -8161,28 +7915,31 @@ summary{min-height:24px;padding:3px 0;}
       hop.raf = requestAnimationFrame(hopFrame);
     }
 
-    /* the panel's moment, from renderProgress (setMoment). Arriving from a
-       game that has been running gets the curtain first; a resume onto a
-       project that is already live, or reduced motion, switches straight. */
-    function hopMoment(panel, m) {
-      if (!hop) { panel.setAttribute('data-moment', m); return; }
-      if (hop.target === m) return;
-      var was = hop.target;
-      hop.target = m;
-      if (hop.tr) return;   /* the curtain is up — it applies the LATEST target when it lands */
-      function apply() {
-        panel.setAttribute('data-moment', hop.target);
-        $('hop').classList.remove('hopFading');
-        if (hop.target === 'wait') hopStart(); else hopStop();
-        stepsPaint();
-      }
-      if (m === 'arrive' && was === 'wait' && !REDUCED && hop.raf && performance.now() - hop.since > 2500) {
+    /* "Play cloud hop while you wait" (task 1004683): the game opens in place only when
+       asked, and the wait never depends on it — the facts above tick whether it is open or
+       not. Hoisted: show() can ask before the hop is declared. */
+    function hopOpen(on) {
+      var box = $('hop'), link = $('hopLink');
+      if (!box || !link) return;
+      box.hidden = !on;
+      box.classList.remove('hopFading');
+      link.setAttribute('aria-expanded', on ? 'true' : 'false');
+      link.textContent = on ? 'Put the game away' : 'Play cloud hop while you wait';
+      if (!hop) return;
+      hop.target = on ? 'wait' : '';
+      if (on) hopStart(); else hopStop();
+    }
+    /* every required fact done: a game that has been running gets the curtain first and
+       then puts itself away; a closed game, or reduced motion, just stays away */
+    function hopArrive() {
+      if (!hop || hop.tr) return;   /* the curtain is already up */
+      if (!$('hop').hidden && !REDUCED && hop.raf && performance.now() - hop.since > 2500) {
         cancelAnimationFrame(hop.raf); hop.raf = 0;
-        hopCurtain(apply);
+        hopCurtain(function () { hopOpen(false); });
         hop.raf = requestAnimationFrame(hopFrame);
         return;
       }
-      apply();
+      hopOpen(false);
     }
     function hopReset() {
       if (!hop) return;
@@ -8190,35 +7947,7 @@ summary{min-height:24px;padding:3px 0;}
       hop.target = ''; hop.since = 0; hop.tr = 0; hop.trDone = null; hop.p = null;
       hop.best = 0; hop.maxed = false;
       if (hop.w) hopBuild();
-      $('panel-done').removeAttribute('data-moment');
-    }
-
-    /* the status line and the bar read what the strip already says — one
-       vocabulary, one source (renderProgress), never a second copy */
-    function hopSync(el) {
-      var st = $('hopStatus');
-      if (!st || !el) return;
-      var note = el.querySelector('.pnote');
-      var text = note ? note.textContent : '';
-      if (st.textContent !== text) st.textContent = text;
-      var lis = el.querySelectorAll('.stages li').length;
-      var done = el.querySelectorAll('.stages li.done').length + (el.querySelector('.stages li.now') ? 0.5 : 0);
-      $('hopBarFill').style.width = Math.max(4, lis ? Math.min(100, done / lis * 100) : 0) + '%';
-    }
-
-    /* Part 03's checklist (task 1004648): every step on show at once, each ticking
-       itself from what the server has verified (renderSteps, change-only), and the
-       part's state line saying where the founder is. It replaces the paged steps. */
-    function stepsPaint() {
-      var list = $('humanSteps'), st = $('ghState');
-      if (!list || !st) return;
-      if (state.step !== 2) { st.textContent = 'opens once your project exists'; return; }
-      /* the optional step (command-line sign-in) never holds "connected" back */
-      var items = Array.prototype.slice.call(list.children).filter(function (li) { return !li.classList.contains('soptional'); });
-      var done = items.filter(function (li) { return li.classList.contains('sdone'); }).length;
-      st.textContent = items.length && done === items.length ? 'connected ✓'
-        : manifestInFlight() ? 'waiting on GitHub…'
-          : done ? done + ' of ' + items.length + ' done' : 'ready';
+      hopOpen(false);
     }
 
     (function hopInput() {
@@ -8249,6 +7978,8 @@ summary{min-height:24px;padding:3px 0;}
       }
       pad('hopLeft', 'L'); pad('hopRight', 'R');
       $('hopJump').addEventListener('click', hopJump);
+      /* the game opens in place only when asked, and puts itself away the same way */
+      $('hopLink').addEventListener('click', function () { hopOpen($('hop').hidden); });
       document.addEventListener('visibilitychange', function () { if (!document.hidden) hopStart(); });
       window.addEventListener('resize', function () { if (hop.target === 'wait') { hop.sky = null; hopStart(); } });
     })();