@bongos/core 1.21.91 → 1.21.92

package/tests/projects_hub.mjs

@@ -283,36 +283,28 @@ test('/create is absorbed — the wizard lives here and the route only redirects
   const server = fs.readFileSync(path.join(ROOT, 'src', 'platform-server.js'), 'utf8');
   assert.match(server, /res\.redirect\(302, '\/projects\?view=new'/,
     '/create must 302 into the hub (302, not 301: the URL is an OAuth return target in the wild)');
-  // the six blended screens (task 1004504): every one is real markup, and the steps they
-  // folded in are gone rather than left behind as dead panels
-  for (const id of ['panel-gate', 'panel-fork', 'panel-what', 'panel-checks', 'panel-review', 'panel-look', 'panel-done']) {
+  // the one page (task 1004648): the gate, then the page and its three parts, all real
+  // markup, and the screens they folded in are gone rather than left behind as dead panels
+  for (const id of ['panel-gate', 'panel-page', 'part-project', 'part-run', 'panel-done']) {
     assert.match(HUB, new RegExp(`id="${id}"`), `the wizard's ${id} ships as real markup (C7)`);
   }
-  for (const id of ['panel-terms', 'panel-physics', 'panel-name', 'panel-type', 'panel-detail', 'panel-modules', 'panel-home', 'panel-address', 'panel-app']) {
-    assert.doesNotMatch(HUB, new RegExp(`id="${id}"`), `the retired ${id} is gone (task 1004504)`);
+  for (const id of ['panel-terms', 'panel-physics', 'panel-name', 'panel-type', 'panel-detail', 'panel-modules', 'panel-home', 'panel-address', 'panel-app',
+    'panel-fork', 'panel-what', 'panel-checks', 'panel-review', 'panel-look']) {
+    assert.doesNotMatch(HUB, new RegExp(`id="${id}"`), `the retired ${id} is gone (tasks 1004504, 1004648)`);
   }
 });
 
-test('the wizard step indices stay coupled — data-next lands one past its own panel (task 1002772)', () => {
-  // The whole renumbering turns on validateStep(next - 1): a form's data-next
-  // must sit inside panels[next - 1], or the validator guards the wrong step.
+test('the wizard has no steps left to couple: one page, no data-next forms, no per-panel Back (task 1004648)', () => {
+  // The old renumbering risk turned on validateStep(next - 1) and data-next forms; the one
+  // page has neither, so the map is the gate, the page, and the same page created.
   const pm = SCRIPT.match(/var panels = \{([^}]*)\}/);
   assert.ok(pm, 'the panels map must exist');
   const map = {};
   for (const m of pm[1].matchAll(/(\d+):\s*'([a-z-]+)'/g)) map[Number(m[1])] = m[2];
-  const nexts = [...HUB.matchAll(/data-next="(\d+)"/g)];
-  assert.ok(nexts.length >= 4, 'every wizard form declares its next step');
-  for (const m of nexts) {
-    const before = HUB.slice(0, m.index);
-    const sec = before.lastIndexOf('id="panel-');
-    assert.ok(sec !== -1, 'a data-next form lives inside a panel');
-    const id = HUB.slice(sec + 4).match(/^(panel-[a-z]+)/)[1];
-    assert.equal(id, map[Number(m[1]) - 1],
-      `data-next="${m[1]}" must live in panels[${Number(m[1]) - 1}] — validateStep(next-1) guards that panel`);
-  }
-  for (const m of HUB.matchAll(/data-back="(\d+)"/g)) {
-    assert.ok(map[Number(m[1])], `data-back="${m[1]}" must point at a mapped panel`);
-  }
+  assert.deepEqual(map, { 0: 'panel-gate', 1: 'panel-page', 2: 'panel-page' });
+  assert.deepEqual([...HUB.matchAll(/data-next="(\d+)"/g)], [], 'no form walks to a next step');
+  assert.deepEqual([...HUB.matchAll(/data-back="(\d+)"/g)], [], 'and nothing walks back');
+  assert.doesNotMatch(SCRIPT, /function validateStep\(/, 'no per-step validator is left');
   // the numbered rail is gone (task 1004504): no beat is left to drift from the map
   const beats = [...HUB.matchAll(/data-step="(\d+)"/g)].map((x) => Number(x[1]));
   assert.deepEqual(beats, [], 'no rail beat is left on the page');
@@ -662,59 +654,49 @@ test('every per-step hook in show() still points at the panel it belongs to (ren
   const STEP = {};
   for (const m of map.matchAll(/(\d+):\s*'([a-z-]+)'/g)) STEP[m[2]] = Number(m[1]);
   const show = SCRIPT.slice(SCRIPT.indexOf('function show(step, moveFocus)'));
-  const endAt = show.search(/\n\s*\$\('wizBack'\)\.addEventListener\('click'/);
-  assert.ok(endAt > 0, 'show() still ends where the one Back button is wired — re-point this slice if it moved');
+  const endAt = show.search(/\r?\n {4}\/\* ── the room's sky/);
+  assert.ok(endAt > 0, 'show() and paintPage() end where the room\'s sky begins — re-point this slice if it moved');
   const body = show.slice(0, endAt);
 
-  // task 1004504: the old Home / Address / App steps live as rows on the review, so their
-  // entry hooks moved there — one block, run on every entry to the review
-  const review = (body.match(new RegExp(`if \\(step === ${STEP['panel-review']}\\) \\{([\\s\\S]*?)\\n      \\}`)) || [, ''])[1];
-  assert.ok(review, 'the review screen has its own entry block');
-  assert.match(review, /syncHome\(\);/, 'the code row repaints its repo controls on the review');
-  assert.match(review, /if \(authKnown\) ensureRepoAccess\(\);/, 'the repo probe fires on the review, and never before /me settles');
-  assert.match(review, /checkSlugAvailable\(\); renderAddrPanel\(\);/, 'the handle re-check fires on the review (N10)');
-  assert.match(review, /syncAppStep\(\); syncRenderSetup\(\);/, 'the app row repaints its choice');
-  assert.match(review, /renderModules\(\);/, 'the extras row paints the picker');
-  assert.match(review, /paintSetup\(\);/, 'and the rows are painted on the review');
-  assert.ok(body.includes(`if (step === ${STEP['panel-fork']}) paintDoors();`),
-    'the fork repaints its two doors against the tick');
-  assert.ok(body.includes(`if (step === ${STEP['panel-checks']}) { physLoadAccountOnce(); paintChecks(); }`),
-    'the quick checks paint on the checks screen');
-  assert.ok(body.includes(`if (step === ${STEP['panel-look']}) { renderLook(); renderRecap(); }`),
-    'the look and the recap paint on the look screen, the one Create sits on');
-  // the room behind the wizard follows the screen, through one map keyed like panels
+  // task 1004648: every old step's entry hook lives in ONE block, paintPage, run on every
+  // entry to the page — the rows host the old steps' controls, all on one page
+  assert.ok(body.includes('if (step === 1) paintPage();'), 'the page (step 1) paints on entry');
+  const page = (body.match(/function paintPage\(\) \{([\s\S]*?)\r?\n {4}\}/) || [, ''])[1];
+  assert.ok(page, 'the page has its own entry block');
+  assert.match(page, /physLoadAccountOnce\(\);/, 'the quick checks offer the account\'s last answers');
+  assert.match(page, /paintChecks\(\);/, 'and paint');
+  assert.match(page, /syncHome\(\);/, 'the code row repaints its repo controls');
+  assert.match(page, /if \(authKnown\) ensureRepoAccess\(\);/, 'the repo probe fires on the page, and never before /me settles');
+  assert.match(page, /checkSlugAvailable\(\); renderAddrPanel\(\);/, 'the handle re-check fires on entry (N10)');
+  assert.match(page, /syncAppStep\(\); syncRenderSetup\(\);/, 'the hosting row repaints its choice');
+  assert.match(page, /renderModules\(\);/, 'the extras row paints the picker');
+  assert.match(page, /renderLook\(\);/, 'the look row builds its picker');
+  assert.match(page, /paintSetup\(\);\s*paintCreate\(\);/, 'and the rows, then Create, are painted');
+  // the room behind the wizard follows the page, through one map keyed like panels
   assert.match(body, /\$\('wizRoom'\)\.setAttribute\('data-screen', SCREEN\[step\]\);/, 'show() writes the room\'s data-screen');
   const screens = (SCRIPT.match(/var SCREEN = \{([^}]*)\}/) || [, ''])[1];
-  assert.deepEqual([...screens.matchAll(/(\d+):/g)].map((m) => Number(m[1])), Object.values(STEP).sort((a, b) => a - b),
-    'SCREEN names every panel the map holds, and nothing else');
-  // and the done panel claims no hook of its own — renderDone runs from the create
-  assert.ok(!body.includes(`if (step === ${STEP['panel-done']})`),
-    'the done panel is painted by the create, not by a show() hook');
+  assert.deepEqual([...screens.matchAll(/(\d+):/g)].map((m) => Number(m[1])), [0, 1, 2], 'SCREEN names every step the map holds, and nothing else');
+  // and part 03 claims no paint of its own here — renderDone runs from the create
+  assert.doesNotMatch(body, /renderDone\(\)/, 'part 03 is painted by the create, not by show()');
 });
 
 test('the About answers are OFFERED by every form and can be walked past (task 1002334; folded into the screens by task 1004504)', () => {
-  // the About step is gone (task 1004504): its sentence is the optional field on "What are
-  // you making?", and its team shape is a choice on the review's Team size row
+  // the About step is gone (task 1004504): its sentence is the optional field of part 01
+  // (task 1004648), and its team shape is a choice on part 02's Team row
   assert.doesNotMatch(HUB, /id="panel-detail"|id="skipDetail"|id="detailSkipNote"/, 'no About panel and no skip button are left');
-  const what = (HUB.match(/<section class="panel" id="panel-what"[\s\S]*?<\/section>/) || [''])[0];
-  assert.ok(what, '#panel-what ships as real markup');
+  const what = (HUB.match(/<div class="part" id="part-project"[\s\S]*?\n {14}<\/div>\n/) || [''])[0];
+  assert.ok(what, 'part 01 ships as real markup');
   assert.match(what, /<input type="text" id="f-desc"/, 'it asks what the owner is building — the publish gate half');
-  // optional, and the consequence of filling it in is stated on the field itself
-  assert.match(what, /<span>In a sentence <small>\(optional — puts it on the public map\)<\/small><\/span>/,
+  // optional, and what it is for is stated on the field itself
+  assert.match(what, /<span>In a sentence <small>\(optional, it goes on the public map\)<\/small><\/span>/,
     'the field says it is optional and names what it is for (ADR 0182 D4), before it asks');
   const team = (HUB.match(/<div class="setRow" data-row="team">[\s\S]*?<span class="acts">/) || [''])[0];
-  assert.match(team, /id="teamCards"/, 'and who is building it — what the recommendations read — on the Team size row');
-  // nothing in validateStep may gate the sentence: the screen asks only for the name and the kind
-  const validate = SCRIPT.slice(SCRIPT.indexOf('function validateStep('));
-  const map = SCRIPT.match(/var panels = \{([^}]*)\}/)[1];
-  const whatStep = Number((map.match(/(\d+):\s*'panel-what'/) || [, 0])[1]);
-  assert.ok(whatStep > 0, 'the What panel is in the map');
-  const fn = validate.slice(0, validate.indexOf('\n    function ', 1));
-  const clause = (fn.match(new RegExp(`if \\(step === ${whatStep}\\) \\{([\\s\\S]*?)\\n      \\}`)) || [, ''])[1];
-  assert.ok(clause, 'the What screen has a validation clause (name + kind)');
-  assert.match(clause, /state\.name\.trim\(\)/, 'the name is required');
-  assert.match(clause, /state\.projType/, 'the kind is required');
-  assert.doesNotMatch(clause, /description|teamShape/, 'the optional answers have no validation — Continue past an empty one is the point');
+  assert.match(team, /id="teamCards"/, 'and who is building it — what the recommendations read — on the Team row');
+  // Create waits only for a name and the tick: nothing may gate the sentence or the team
+  const why = (SCRIPT.match(/function createWhy\(\) \{([\s\S]*?)\r?\n {4}\}/) || [, ''])[1];
+  assert.match(why, /state\.name/, 'the name is required');
+  assert.match(why, /state\.termsAck/, 'and the tick');
+  assert.doesNotMatch(why, /description|teamShape|projType/, 'the optional answers — the kind included — never hold Create');
 });
 
 test('the About answers travel on the create request, and an empty one is OMITTED not blanked', () => {
@@ -725,12 +707,11 @@ test('the About answers travel on the create request, and an empty one is OMITTE
   assert.match(SCRIPT, /detail: createDetail\(\),/);
   assert.match(SCRIPT, /if \(state\.teamShape\) d\.team_shape = state\.teamShape;\r?\n\s*return Object\.keys\(d\)\.length \? d : undefined;/,
     'and an unanswered team shape is never guessed into the request');
-  // task 1004504: the ledger review is gone; the review now confirms only the answers the
-  // wizard PREFILLED, and the sentence is never prefilled, so it has no row there — its
-  // cost is stated on its own field (pinned above)
+  // task 1004648: part 02 says only the answers the page PREFILLED, and the sentence is never
+  // prefilled, so it has no row there — what it is for is stated on its own field (pinned above)
   assert.doesNotMatch(SCRIPT, /function renderReview\(|\$\('reviewList'\)/, 'no ledger review is left');
-  assert.match(SCRIPT, /var ROWS = \['code', 'address', 'app', 'extras', 'team', 'rewards', 'run', 'ship'\];/,
-    'the review rows are the seven prefilled answers');
+  assert.match(SCRIPT, /var ROWS = \['code', 'address', 'team', 'extras', 'rewards', 'app', 'run', 'ship', 'look'\];/,
+    'part 02\'s rows are the prefilled answers, in the mockup\'s order');
 });
 
 test('a renumbering of the wizard invalidates old drafts — the key carries the version', () => {
@@ -746,8 +727,9 @@ test('a renumbering of the wizard invalidates old drafts — the key carries the
   // task 1004421 put the Look step between App and Review: the seventh
   // task 1004418 put planet physics right after the fork: the eighth
   // task 1004504 blended the thirteen into six screens: the ninth
-  assert.equal(count, 7, 'gate + the six blended screens (fork, what, checks, review, look, done) — bump DRAFT_KEY when this changes');
-  assert.equal(key, 'cb-create-draft-v9', 'and the key moved with the six screens');
+  // task 1004648 put the whole flow on one page: the tenth
+  assert.equal(count, 3, 'gate, the page, and the page created — bump DRAFT_KEY when this changes');
+  assert.equal(key, 'cb-create-draft-v10', 'and the key moved with the one page');
 });
 
 test('every row lays the same five parts — the ledger has no ragged row', () => {
@@ -2201,7 +2183,7 @@ test('the wizard folds at one width: no rail fold is left, and no 900px rule is
   assert.match(STYLE, /@media \(max-width:840px\)\{\s*\.row2,\.choices\{grid-template-columns:1fr;\}[\s\S]*?\.typeCards\{grid-template-columns:1fr;\}/, 'the page\'s own wizard block still folds its bands at that same 840');
   // the ledger review is gone (task 1004504); its rows stack at their own, narrower width
   assert.doesNotMatch(STYLE, /\.review\{/, 'no .review ledger rule is left');
-  assert.match(STYLE, /@media \(max-width:560px\)\{\s*\.setRow\{grid-template-columns:minmax\(0,1fr\);/, 'the review\'s rows stack under 560');
+  assert.match(STYLE, /@media \(max-width:560px\)\{\s*\.setRow\{grid-template-columns:minmax\(0,1fr\) auto;grid-template-areas:"k acts" "v v";/, 'part 02\'s rows stack under 560, Change beside the label');
 });
 
 test('the wizard\'s own structures wear the world: hairline fields, cells of one band, the review as a ledger, the human steps as a numbered ledger, the standup strip as the rail (task 1003346)', () => {
@@ -2214,13 +2196,14 @@ test('the wizard\'s own structures wear the world: hairline fields, cells of one
   assert.match(block, /\.tpill\[aria-pressed=true\]::before\{background:var\(--accent\);/, 'the chosen cell carries the dot');
   assert.match(block, /\.choices\{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var\(--rule\);/, 'start fresh / adopt are two cells of one band');
   assert.match(block, /\.choice svg\{display:none;\}/, 'the dot is the mark, the icon leaves');
-  // task 1004504: the review is one hairline column of rows to confirm, not a ledger of li
-  assert.match(block, /\.setRows\{margin:24px 0 0;border-top:1px solid var\(--rule\);\}/, 'the review\'s rows hang from one hairline');
-  assert.match(block, /\.setRow\{display:grid;grid-template-columns:120px minmax\(0,1fr\) auto;[^}]*border-bottom:1px solid var\(--rule\);\}/, 'each row is label · value · actions on its own hairline');
+  // task 1004648: part 02 is one hairline column of rows to skim, not a ledger of li
+  assert.match(block, /\.setRows\{margin:14px 0 0;border-top:1px solid var\(--rule\);\}/, 'part 02\'s rows hang from one hairline');
+  assert.match(block, /\.setRow\{display:grid;grid-template-columns:108px minmax\(0,1fr\) auto;[^}]*border-bottom:1px solid var\(--rule\);\}/, 'each row is label · value · Change on its own hairline');
   assert.doesNotMatch(block, /\.review( li)?\{/, 'the ledger\'s rules are gone with renderReview');
-  assert.match(block, /\.humanSteps>li\{\s*display:grid;grid-template-columns:44px 1fr;/, 'the human steps are a numbered ledger');
+  assert.match(block, /\.humanSteps>li\{\s*display:grid;grid-template-columns:44px 1fr;/, 'the human steps keep the ledger grid');
+  assert.match(block, /#panel-done \.humanSteps>li\{grid-template-columns:24px 1fr;/, 'which part 03 draws as the mockup\'s checklist: a dot, then the step');
   assert.match(block, /\.humanSteps>li>\*\{grid-column:2;/, 'every child of a step sits in the text column, never under the counter (the sheet\'s bug)');
-  assert.match(block, /\.humanSteps>li\.sdone::before\{content:"done";/, 'a finished step reads DONE in the ok ink');
+  assert.match(block, /#panel-done \.humanSteps>li\.sdone::before\{content:"✓";/, 'a verified step wears the tick in the ok ink');
   assert.match(block, /\.prog\{background:none;border:0;border-radius:0;padding:0;/, 'the standup strip is drawn as the rail');
   assert.match(block, /\.prog \.stages li\.now \.sdot::after\{content:none;animation:none;\}/, 'no pulse on the rail');
   assert.match(block, /\.doneHead \.tick\{display:none;\}/, 'the tick leaves; the rail says filed');
@@ -2229,13 +2212,12 @@ test('the wizard\'s own structures wear the world: hairline fields, cells of one
   // the one exception is drawn, not chrome: the night room's moon glows in the window
   // (task 1004504), and a control's halo is still an outline
   const shadows = [...block.matchAll(/([^{}]*)\{[^}]*box-shadow:(?!none)/g)].map((m) => m[1].trim());
-  assert.deepEqual(shadows, ['#view-new .rmMoon'], 'no box shadow in the wizard block but the room\'s moon');
-  // no per-panel Back any more (task 1004504): one Back in the wizard's top row, and Create
-  // stands alone on the look screen
-  assert.doesNotMatch(HUB, /data-back="/, 'no per-panel back door is left');
-  assert.match(HUB, /<div class="wizTop">\s*<span class="wizEyebrow" id="wizEyebrow">New project<\/span>\s*<button type="button" class="wizBack" id="wizBack" hidden>← Back<\/button>\s*<\/div>/, 'one Back, beside the eyebrow');
-  assert.match(HUB, /<div class="nav">\s*<span><\/span>\s*<button type="button" class="btn big" id="doCreate">Create my project<\/button>/, 'the look screen\'s one door is Create');
-  assert.match(HUB, /<h2 class="stepsHead" id="doneStepsHead">Your steps — the parts only you can play<\/h2>/, 'the steps heading is the label face by class, not an inline style (the id is where a skipped invite step hands focus on, task 1002346)');
+  assert.deepEqual(shadows, ['#view-new .rmMoon', '#view-new[data-sky="day"] .rmMoon'], 'no box shadow in the wizard block but the room\'s moon, and its sun by day');
+  // no Back at all any more (task 1004648): one page, and Create with its recap beside it
+  assert.doesNotMatch(HUB, /data-back="|id="wizBack"/, 'no back door is left');
+  assert.match(HUB, /<div class="wizTop">\s*<span class="wizEyebrow" id="wizEyebrow">New project<\/span>\s*<\/div>/, 'the eyebrow alone in the top row');
+  assert.match(HUB, /<div class="createBar">\s*<button type="button" class="btn big" id="doCreate">Create my project<\/button>\s*<span class="wizRecap" id="wizRecap"><\/span>/, 'Create, with the one-line recap beside it');
+  assert.match(HUB, /<h2 id="done-part-h"><span class="n">03<\/span>Connect GitHub <span class="state" id="ghState">opens once your project exists<\/span><\/h2>/, 'part 03 names itself and where it is');
   // what is enqueued is unchanged (ADR 0111): the filing body the control plane reads
   assert.match(SCRIPT, /body: JSON\.stringify\(\{\s*slug: state\.slug,/, 'the filing still carries the slug first');
   assert.match(SCRIPT, /hosting_shape: 'cloud-host',/, 'the shape is unchanged');
@@ -2243,9 +2225,9 @@ test('the wizard\'s own structures wear the world: hairline fields, cells of one
   assert.match(SCRIPT, /onboard_mode: state\.mode === 'adopt' \? 'adopt' : 'greenfield'/, 'the onboard mode is unchanged');
   // the kit walks every step and files against the stub
   const states = JSON.parse(fs.readFileSync(path.join(LANDING, 'projects.states.json'), 'utf8')).states;
-  for (const s of ['fork-ticked', 'what', 'checks', 'review', 'review-extras', 'look', 'done']) assert.ok(states['in-new-' + s], `the ${s} screen has a kit state`);
+  for (const s of ['named', 'ready', 'demo', 'checks-filled', 'row-code', 'row-extras', 'look', 'create-blocked', 'done']) assert.ok(states['in-new-' + s], `the ${s} state has a kit state`);
   const probes = JSON.parse(fs.readFileSync(path.join(LANDING, 'projects.probes.json'), 'utf8')).probes;
-  assert.ok(probes.some((p) => /the wizard driver \(tasks? 1003346\b/.test(p.name) && p.steps.some((st) => st[1] === '#doCreate')), 'the wizard driver files a project end to end');
+  assert.ok(probes.some((p) => /the wizard driver \(task 1004648\b/.test(p.name) && p.steps.some((st) => st[1] === '#doCreate')), 'the wizard driver files a project end to end');
   // a walk that clicks a panel the page no longer has stops dead at that click: every panel a
   // state or probe names must be one of the screens (task 1004504 retired seven of them)
   const live = new Set([...HUB.matchAll(/<section class="panel(?: on)?" id="(panel-[a-z]+)"/g)].map((m) => m[1]));
@@ -2316,20 +2298,17 @@ test('the extras picker ships as real markup on the review\'s Extras row and is
   assert.match(EXTRAS_ROW, /id="modCards"/, 'the band the picker paints its rows into');
   assert.match(EXTRAS_ROW, /class="typeCards"/, 'and it is the SAME band the type and team questions use — no new grammar');
   assert.match(EXTRAS_ROW, /id="modCoreNote"/, 'the always-on core is stated on the row');
-  // the suggested set is accepted by a control — the page's "Looks right, continue", or
-  // Done on the open row (task 1004550) — never inferred
-  assert.match(HUB, /<div class="setRow" data-row="extras">[\s\S]*?<button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit<\/button>/,
+  // the suggestion is the server's own until the owner toggles (task 1004648): no row is
+  // confirmed, so an untouched picker files no answer and the server applies the same bundle
+  assert.match(HUB, /<div class="setRow" data-row="extras">[\s\S]*?<button type="button" class="rowChg" data-row-chg aria-expanded="false">Change<\/button>/,
     'the row can be opened and changed');
-  assert.match(HUB, /<button type="submit" class="btn" id="reviewGo">Looks right, continue<\/button>/,
-    'accepting the suggested set is a control, not an inference');
-  // confirming turns the shown set into an answer given; the row's validity never refuses it
-  const confirm = (SCRIPT.match(/function confirmRow\(key\) \{([\s\S]*?)\n    \}/) || [, ''])[1];
-  assert.match(confirm, /if \(key === 'extras' && starterBundles\) state\.modules = pickedModules\(\);/,'confirming the row is the answer — once the catalog has landed, never an empty list in its place');
+  assert.doesNotMatch(HUB, /id="reviewGo"/, 'and there is no confirm control to accept it with');
+  assert.doesNotMatch(SCRIPT, /state\.modules = pickedModules\(\);/, 'nothing turns the suggestion into an answer the owner did not give');
   const valid = (SCRIPT.match(/function rowValid\(key\) \{([\s\S]*?)\n    \}/) || [, ''])[1];
   assert.ok(valid, 'rowValid() must exist');
   assert.doesNotMatch(valid, /'extras'/, 'the extras row has no check that can refuse it — any set, even none, is an answer');
-  // and the kind is what the suggestion follows, so changing it asks again
-  assert.match(SCRIPT, /\/\* the suggested extras follow the kind, so the review asks about them again \*\/\s*unconfirm\(\['extras'\]\);/);
+  // and the kind is what the suggestion follows, so changing it repaints the row
+  assert.match(SCRIPT, /\/\* the suggested extras follow the kind, so their row repaints with it \*\/\s*renderModules\(\);\s*paintSetup\(\);/);
 });
 
 test('the picker\'s search ships as real markup, in the wizard\'s own field grammar (task 1002340)', () => {
@@ -2399,7 +2378,7 @@ test('the kit stub answers the picker\'s read, so the panel renders in the desig
   const stub = fs.readFileSync(path.join(ROOT, 'modules', 'ui-design', 'kit', 'serve.js'), 'utf8');
   assert.match(stub, /rest === '\/provisioning\/starter-bundles'/, 'the stub serves the picker\'s read');
   const probes = JSON.parse(fs.readFileSync(path.join(LANDING, 'projects.probes.json'), 'utf8')).probes;
-  assert.ok(probes.some((p) => /the wizard driver \(tasks? 1003346\b/.test(p.name)
-    && p.steps.some((st) => st[1] === '#reviewGo')),
-  'and the end-to-end driver confirms the review rather than stopping at it (tasks 1004504, 1004550)');
+  assert.ok(probes.some((p) => /the wizard driver \(task 1004648\b/.test(p.name)
+    && p.steps.some((st) => st[1] === '#doCreate')),
+  'and the end-to-end driver walks the page through to Create rather than stopping at it');
 });

package/tests/projects_hub_app_status.mjs

@@ -257,9 +257,9 @@ test('a repaint never lands on top of an open Retry — from this watch or a fre
 });
 
 test('both surfaces use it: the done panel and the project page', () => {
-  // the done panel is screen 6 of the six blended screens (task 1004504)
-  assert.match(HUB, /6: 'panel-done' \};/);
-  assert.match(HUB, /if \(box\) watchApp\(instanceId, box, function \(\) \{ return state\.step === 6; \}, 5000\);/);
+  // part 03 goes live on the created page, step 2 of the one-page flow (task 1004648)
+  assert.match(HUB, /var SCREEN = \{ 0: 'signin', 1: 'page', 2: 'done' \};/);
+  assert.match(HUB, /if \(box\) watchApp\(instanceId, box, function \(\) \{ return state\.step === 2; \}, 5000\);/);
   assert.match(HUB, /<div id="doneApp" hidden><\/div>/);
   assert.match(HUB, /<div class="card mSec" id="mAppCard" hidden>\n\s*<h2>Where its app runs<\/h2>\n\s*<div id="mApp"><\/div>/);
   assert.match(HUB, /loadAppStatus\(inst\.id \|\| asked, inst\);/);

package/tests/projects_hub_app_step.mjs

@@ -157,22 +157,22 @@ const ANSWERS = { [LOOKUP]: TWO, [LOOKUP + '#' + TEA_A]: SERVICES };
 
 test('the row is real markup: Render and Decide later, Decide later the default', () => {
   assert.ok(PANEL, 'the review carries a data-row="app" row');
-  assert.match(PANEL, /<span class="k">App hosting<\/span>/, 'the row is named for the app alone');
+  assert.match(PANEL, /<span class="k">Hosting<\/span>/, 'the row is the mockup\'s Hosting (task 1004648)');
   assert.match(PANEL, /<input type="radio" name="appPlatform" value="render" aria-describedby="appRenderWhat">/, 'Render can be picked (task 1004352)');
   assert.doesNotMatch(PANEL, /Coming soon/, 'and is no longer marked soon');
   assert.match(PANEL, /<input type="radio" name="appPlatform" value="later" checked>/, 'Decide later is the default');
   assert.ok(PANEL.indexOf('value="later"') < PANEL.indexOf('value="render"'), 'Decide later comes first');
-  assert.match(HUB.slice(HUB.indexOf('<div class="setRow" data-row="app">')), /^[\s\S]*?<span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Edit<\/button>/, 'Edit opens the row, and reads Done to confirm it (task 1004550)');
+  assert.match(HUB.slice(HUB.indexOf('<div class="setRow" data-row="app">')), /^[\s\S]*?<span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change<\/button>/, 'Change opens the row in place, and reads Done while open (task 1004648)');
   assert.doesNotMatch(HUB, /id="panel-app"/, 'the old App panel is gone');
 });
 
-test("the row sits in the review, between Address and Extras, and its checks are the old step's (task 1004504)", () => {
-  assert.match(HUB, /var panels = \{ 0: 'panel-gate', 1: 'panel-fork', 2: 'panel-what', 3: 'panel-checks', 4: 'panel-review', 5: 'panel-look', 6: 'panel-done' \};/);
-  assert.match(HUB, /var ROWS = \['code', 'address', 'app', 'extras', 'team', 'rewards', 'run', 'ship'\];/);
+test("the row sits in part 02, between Rewards and We run, and its checks are the old step's (task 1004648)", () => {
+  assert.match(HUB, /var panels = \{ 0: 'panel-gate', 1: 'panel-page', 2: 'panel-page' \};/);
+  assert.match(HUB, /var ROWS = \['code', 'address', 'team', 'extras', 'rewards', 'app', 'run', 'ship', 'look'\];/);
   assert.doesNotMatch(HUB, /<li[^>]*data-step="\d+"/, 'no rail beat names the step any more');
-  assert.match(HUB, /if \(step === 4\) \{[^}]*syncAppStep\(\); syncRenderSetup\(\);\r?\n\s*paintSetup\(\);\r?\n\s*\}/, 'entering the review repaints the row, Render setup included');
+  assert.match(HUB, /function paintPage\(\) \{[^}]*syncAppStep\(\); syncRenderSetup\(\); syncShipStep\(\);/, 'entering the page repaints the row, Render setup included');
   assert.match(HUB, /if \(key === 'app'\) \{ syncAppStep\(\); syncRenderSetup\(\); \}/, 'opening the row repaints it too');
-  assert.match(HUB, /if \(key === 'app'\) return rowFixed\('app'\) \|\| validateRender\(\);/, 'confirming the row runs the Render check');
+  assert.match(HUB, /if \(key === 'app'\) return rowFixed\('app'\) \|\| validateRender\(\);/, 'filing the row runs the Render check');
 });
 
 test('a fresh draft reads "decide later", and the Render setup stays hidden', () => {
@@ -517,5 +517,5 @@ test('the row names exactly what was chosen, prices included', () => {
 });
 
 test('Create hands the app to Render straight after the project is filed', () => {
-  assert.match(HUB, /show\(6, true\);\r?\n\s*sendRenderSetup\(data\.instance && data\.instance\.id\);/);
+  assert.match(HUB, /show\(2, true\);\r?\n\s*sendRenderSetup\(data\.instance && data\.instance\.id\);/);
 });

package/tests/projects_hub_cloud_hop.mjs

@@ -3,13 +3,13 @@
 // The create wizard's done panel in two moments (task 1004578, from idea 1001205):
 // WAIT — one status line, a thin bar and the cloud hop, a little game with one
 // cloud per PUBLIC project on the platform — then ARRIVE — the steps only the
-// founder can play, one at a time. The owner set the game's rules on a played
+// founder can play, all on show as one checklist (part 03, task 1004648). The owner set the game's rules on a played
 // prototype, and the nausea ones are the ones a refactor would quietly lose: the
 // clouds stand still, the sky stands still, the view does not follow a jump.
 //
 // EXECUTED by the vm-slice idiom: momentFor/setMoment ride the same region the DNS
 // test runs (renderProgress); the physics (hopStep), the score line (hopScore),
-// the status sync (hopSync) and the pager (stepsPaint) are sliced function by
+// the status sync (hopSync) and the checklist's state line (stepsPaint) are sliced function by
 // function and run under narrow stubs. Every slice is asserted to exist, so a
 // rename fails loudly instead of testing nothing. vm-born values are compared as
 // primitives or through JSON.
@@ -238,66 +238,42 @@ test('the status line and the bar read what the strip says', () => {
   assert.match(fn('setProgress'), /hopSync\(el\)/, 'every strip write syncs the line');
 });
 
-function bootSteps(items, signin) {
-  const list = { children: items, querySelector: (q) => items.find((li) => q.includes(li.key) || (q === 'li.cur' && li.classList.contains('cur'))) || null };
-  const panel = el(signin ? ['hopSignin'] : []);
-  const nodes = { 'panel-done': panel, humanSteps: list, hopWhile: el(), stepCount: el(), stepBack: el(), stepNext: el() };
-  const sandbox = { $: (id) => nodes[id] || null, Math, Array };
+// ── part 03's checklist (task 1004648): every step on show, the state line from it ──
+function bootSteps(items, { step = 2, inFlight = false } = {}) {
+  const list = { children: items };
+  const ghState = { textContent: '' };
+  const sandbox = { $: (id) => ({ humanSteps: list, ghState })[id] || null, Array, state: { step }, manifestInFlight: () => inFlight };
   vm.createContext(sandbox);
-  vm.runInContext('var stepIdx = -1, stepAuto = true;' + fn('stepsPaint') + fn('stepGo'), sandbox);
-  return { sandbox, nodes };
-}
-function li(key, cls = []) { const e = el(cls); e.key = key; e.focus = () => {}; return e; }
-
-test('the arrival shows one step at a time, opening on the first not yet done', () => {
-  const items = [li('github-repo', ['sdone']), li('oauth-app'), li('device-flow', ['slocked']), li('enter-hall', ['slocked'])];
-  const { sandbox, nodes } = bootSteps(items);
-  sandbox.stepsPaint(true);
-  assert.deepEqual(items.map((i) => i.classList.contains('cur')), [false, true, false, false]);
-  assert.equal(nodes.stepCount.textContent, 'Step 2 of 4');
-  assert.equal(items[1].attrs['data-n'], '02', 'the step on show carries its own number — a hidden step never counts');
-  assert.equal(nodes.stepBack.hidden, false);
-  assert.equal(nodes.stepNext.hidden, false);
-  // the checklist ticks itself: the step on show finishing moves the founder on
-  items[1].classList.add('sdone');
-  sandbox.stepsPaint();
-  assert.equal(nodes.stepCount.textContent, 'Step 3 of 4');
-  // once they page for themselves, their choice holds
-  sandbox.stepGo(-1);
-  items[2].classList.add('sdone');
+  vm.runInContext(fn('stepsPaint'), sandbox);
   sandbox.stepsPaint();
-  assert.equal(nodes.stepCount.textContent, 'Step 2 of 4');
-  sandbox.stepGo(1); sandbox.stepGo(1);
-  assert.equal(nodes.stepNext.hidden, true, 'no Continue past the last step');
-});
+  return ghState.textContent;
+}
+function li(key, cls = []) { const e = el(cls); e.key = key; return e; }
 
-test('while waiting, the sign-in step is offered only when it can be done', () => {
-  const open = bootSteps([li('github-repo'), li('oauth-app')]);
-  open.sandbox.stepsPaint();
-  assert.equal(open.nodes.hopWhile.hidden, false, 'a domain and a public platform: offer it');
-  const locked = bootSteps([li('github-repo'), li('oauth-app', ['slocked'])]);
-  locked.sandbox.stepsPaint();
-  assert.equal(locked.nodes.hopWhile.hidden, true, 'locked: nothing to offer');
-  const done = bootSteps([li('github-repo'), li('oauth-app', ['sdone'])]);
-  done.sandbox.stepsPaint();
-  assert.equal(done.nodes.hopWhile.hidden, true, 'already wired: nothing to offer');
-  const opened = bootSteps([li('github-repo'), li('oauth-app', ['sdone'])], true);
-  opened.sandbox.stepsPaint();
-  assert.equal(opened.nodes.hopWhile.hidden, false, 'but an open one keeps its door so it can be closed');
+test('part 03\'s state line reads the checklist: ready, how many done, waiting on GitHub, connected', () => {
+  assert.equal(bootSteps([li('github-repo'), li('oauth-app')], { step: 1 }), 'opens once your project exists', 'before Create');
+  assert.equal(bootSteps([li('github-repo'), li('oauth-app')]), 'ready');
+  assert.equal(bootSteps([li('github-repo', ['sdone']), li('oauth-app'), li('enter-hall', ['slocked'])]), '1 of 3 done');
+  assert.equal(bootSteps([li('github-repo', ['sdone']), li('oauth-app')], { inFlight: true }), 'waiting on GitHub…', 'a GitHub leg in flight says so');
+  assert.equal(bootSteps([li('github-repo', ['sdone']), li('oauth-app', ['sdone'])]), 'connected ✓');
+  assert.doesNotMatch(fn('stepsPaint'), /innerHTML|\.cur|data-n/, 'no paging, and no markup from strings');
 });
 
 // ── the markup and the sheet ────────────────────────────────────────────────────
-test('the wait stands the strip, the locked checklist and the later lines down; the arrival pages', () => {
-  for (const id of ['hop', 'hopStatus', 'hopBarFill', 'hopCanvas', 'hopLeft', 'hopJump', 'hopRight', 'hopScore', 'hopWhile', 'hopSignin', 'stepPager', 'stepCount', 'stepBack', 'stepNext']) {
-    assert.ok(HUB.includes(`id="${id}"`), `#${id} is baked into the panel`);
+test('the wait stands the strip and the later lines down, the checklist stays on show, and nothing is paged', () => {
+  for (const id of ['hop', 'hopStatus', 'hopBarFill', 'hopCanvas', 'hopLeft', 'hopJump', 'hopRight', 'hopScore', 'humanSteps', 'ghState']) {
+    assert.ok(HUB.includes(`id="${id}"`), `#${id} is baked into part 03`);
+  }
+  for (const id of ['hopWhile', 'hopSignin', 'stepPager', 'stepCount', 'stepBack', 'stepNext']) {
+    assert.ok(!HUB.includes(`id="${id}"`), `#${id} is gone: the checklist is on show the whole time (task 1004648)`);
   }
   const panel = HUB.slice(HUB.indexOf('id="panel-done"'), HUB.indexOf('</section>', HUB.indexOf('id="panel-done"')));
-  assert.ok(panel.indexOf('id="liveProgress"') < panel.indexOf('id="hop"') && panel.indexOf('id="hop"') < panel.indexOf('id="wizInvite"'),
-    'the hop sits where the strip was, above the invite');
+  assert.ok(panel.indexOf('id="humanSteps"') < panel.indexOf('id="hop"') && panel.indexOf('id="hop"') < panel.indexOf('id="wizInvite"'),
+    'the checklist first, then the hop, then the invite');
   assert.match(panel, /id="hopStatus" role="status" aria-live="polite"/, 'the line is the live region while the strip is hidden');
   assert.match(STYLE, /#panel-done\[data-moment="wait"\] #liveProgress,/);
-  assert.match(STYLE, /#panel-done\[data-moment="wait"\]:not\(\.hopSignin\) #humanSteps\{display:none;\}/);
-  assert.match(STYLE, /#panel-done\[data-moment="arrive"\] \.humanSteps>li:not\(\.cur\)\{display:none;\}/);
+  assert.doesNotMatch(STYLE, /#panel-done\[data-moment="wait"\][^{]*#humanSteps\{display:none;\}/, 'the wait no longer hides the checklist');
+  assert.doesNotMatch(STYLE, /humanSteps>li:not\(\.cur\)/, 'and the arrival does not page it');
   assert.match(STYLE, /#panel-done\[data-moment="arrive"\] #liveProgress \.stages\{display:none;\}/, 'the arrival keeps the note with the address, not the dots');
-  assert.match(STYLE, /@media \(prefers-reduced-motion:no-preference\)\{\n {2}#panel-done\[data-moment="arrive"\] \.humanSteps>li\.cur,/, 'the arrival\'s fade-in is motion-gated');
+  assert.match(STYLE, /#panel-done \.humanSteps>li\.sdone::before\{content:"✓";/, 'a verified step wears the tick');
 });

package/tests/projects_hub_look.mjs

@@ -5,8 +5,8 @@
 //   • the previews paint the REAL looks: every colour lookKit carries equals its
 //     pack.json, and the night shares equal src/night-tint.js — a preview that drifted
 //     from the hall would promise a look the hall does not wear;
-//   • the screen sits after the review and holds Create (review 4, look 5, done 6,
-//     draft v9 since task 1004504; no rail), and every kit walk files only from it;
+//   • the look is part 02's Look row on the one page (task 1004648), above Create,
+//     draft v10, no rail, and the kit pictures the row and "make your own";
 //   • EXECUTED by the vm-slice idiom: the picker offers the four looks and "make your
 //     own", shows the accent only for your own, shows the ADJUSTED colour in the
 //     preview and says so, paints a black night when the tint is off, refuses an SVG
@@ -105,41 +105,31 @@ test('every colour the previews paint is its pack\'s, and the night shares are t
   assert.equal(kit.NIGHT.card, '#101012');
 });
 
-test('the screen sits after the review and holds Create: review 4, look 5, done 6, draft v9, no rail (task 1004504)', () => {
-  // task 1004504 blended the wizard into six screens; the look moved AFTER the review and
-  // became the screen Create stands on, so the look is the last thing chosen
-  assert.match(HUB, /4: 'panel-review', 5: 'panel-look', 6: 'panel-done' \};/);
-  assert.match(HUB, /var DRAFT_KEY = 'cb-create-draft-v9';/);
+test('the look is part 02\'s Look row: Change opens the picker in place, above Create on the one page (task 1004648)', () => {
+  // task 1004648 put the whole flow on one page; the look is the summary's last row, so it
+  // is chosen beside everything else, and Create stands under it
+  assert.match(HUB, /var panels = \{ 0: 'panel-gate', 1: 'panel-page', 2: 'panel-page' \};/);
+  assert.match(HUB, /var DRAFT_KEY = 'cb-create-draft-v10';/);
   assert.doesNotMatch(HUB, /<li[^>]*data-step="\d+"/, 'no rail beat is left on the page');
-  assert.doesNotMatch(HUB, /id="panel-app"/, 'the App step is the review\'s App hosting row now');
-  const panel = (HUB.match(/<section class="panel" id="panel-look"[\s\S]*?<\/section>/) || [''])[0];
-  assert.match(panel, /<h1 id="look-h">Give it a look\.<\/h1>/);
-  assert.doesNotMatch(panel, /<form|data-next=|data-back=/, 'no form and no per-panel Back: the one door is Create, the one Back is the wizard\'s');
-  assert.match(panel, /<div class="lookPick" id="wizLook"><\/div>/);
-  assert.match(panel, /<p class="wizRecap" id="wizRecap"><\/p>/, 'the one-line recap of what Create makes');
-  assert.match(panel, /<button type="button" class="btn big" id="doCreate">Create my project<\/button>/, 'Create stands on this screen');
-  assert.ok(HUB.indexOf('id="panel-review"') < HUB.indexOf('id="panel-look"') && HUB.indexOf('id="panel-look"') < HUB.indexOf('id="panel-done"'), 'in document order too');
-  assert.match(HUB, /if \(step === 5\) \{ renderLook\(\); renderRecap\(\); \}/);
+  assert.doesNotMatch(HUB, /id="panel-look"|id="look-h"/, 'no Look screen any more');
+  const row = (HUB.match(/<div class="setRow" data-row="look">[\s\S]*?\n {18}<\/div>\n/) || [''])[0];
+  assert.match(row, /<span class="k">Look<\/span>/);
+  assert.match(row, /<div class="opts" hidden>\s*<div class="lookPick" id="wizLook"><\/div>/, 'Change opens the shared picker in place');
+  assert.match(row, /<span class="swDot" id="lookDot" aria-hidden="true"><\/span>/, 'the row wears the look\'s own accent');
+  assert.ok(HUB.indexOf('id="wizLook"') < HUB.indexOf('id="doCreate"'), 'the picker sits above Create');
+  assert.match(HUB, /if \(key === 'look'\) renderLook\(\);/, 'opening the row builds or repaints the picker');
+  assert.match(HUB, /lookKit\.buildLookPicker\(\$\('wizLook'\), state\.look, function \(\) \{ saveDraft\(\); paintSetup\(\); \}, 'wiz',/, 'a pick saves and repaints the row');
   assert.doesNotMatch(fs.readFileSync(path.join(LANDING, 'assets', 'cosmos.css'), 'utf8'), /#view-new \.steps/, 'and no rail grid in cosmos.css');
 });
 
-test('every kit walk that files a project passes the review and the Look screen first, and the kit has a state on it', () => {
+test('the kit has states on the Look row, the picker and "make your own"', () => {
   const states = JSON.parse(fs.readFileSync(path.join(LANDING, 'projects.states.json'), 'utf8')).states;
-  const probes = JSON.parse(fs.readFileSync(path.join(LANDING, 'projects.probes.json'), 'utf8')).probes;
-  const walks = [...Object.entries(states).map(([k, v]) => [k, v.actions]), ...probes.map((p) => [p.name, p.steps])];
-  let past = 0;
-  for (const [name, steps] of walks) {
-    const at = (steps || []).findIndex((a) => a[1] === '#reviewGo');
-    if (at < 0) continue;
-    past++;
-    // the retired App and Look submits must not linger in a walk (they would stop it dead)
-    assert.ok(!steps.some((a) => a[1] === '#panel-app button[type=submit]' || a[1] === '#panel-look button[type=submit]'), `${name}: walks no retired step`);
-    const create = steps.findIndex((a) => a[1] === '#doCreate');
-    if (create >= 0) assert.ok(create > at, `${name}: files only after the review's Continue lands it on the Look screen`);
-  }
-  assert.ok(past >= 4, `sanity: the walks that leave the review were found (${past})`);
-  assert.deepEqual(states['in-new-look'].expect.visible.slice(0, 2), ['#panel-look', '#wizLook']);
+  assert.ok(states['in-new-look'].expect.visible.includes('#wizLook'));
+  assert.ok(states['in-new-look'].actions.some((a) => a[1] === '#reviewRows .setRow[data-row="look"] [data-row-chg]'), 'opened by its own Change');
   assert.ok(states['in-new-look-custom'].actions.some((a) => a[1] === '#wizLook-custom'), 'a state pictures "make your own"');
+  for (const [name, s] of Object.entries(states)) {
+    for (const a of s.actions || []) assert.ok(!/panel-look|reviewGo|panel-app/.test(String(a[1])), `${name}: walks no retired screen`);
+  }
 });
 
 test('executed: the picker offers the four looks and your own, and the accent shows only for your own', () => {
@@ -239,17 +229,17 @@ test('executed: sendLook sends the look, then the logo — and a removed logo is
   assert.deepEqual(calls.map((c) => [c.method, c.url.split('/').pop(), c.body]), [['PATCH', 'look', { look: 'grove', night_tint: 'on' }], ['DELETE', 'logo', null]]);
 });
 
-test('Create sends the look right after the project is filed, and the look is chosen on the screen Create stands on', () => {
+test('Create sends the look right after the project is filed, and the look is chosen on the page Create stands on', () => {
   assert.match(HUB, /sendRenderSetup\(data\.instance && data\.instance\.id\);[^\n]*\n\s*sendLookSetup\(data\.instance && data\.instance\.id\);/);
   assert.match(HUB, /lookKit\.sendLook\(instanceId, state\.look \|\| defaultLook\(\)\)/);
   assert.match(HUB, /function defaultLook\(\) \{ return \{ look: 'chrome-world', nightTint: true, accent: '#b48cf2', logo: null \}; \}/, 'the default is the platform\'s look with the tint ON (owner D2)');
-  // the ledger review and its Look row are gone (task 1004504): the picker and Create share
-  // one screen, so the look being filed is the one on screen beside the button
-  assert.doesNotMatch(HUB, /function lookRow\(|\['Look', lookRow\(\)\]/, 'no review row restates the look');
-  const panel = (HUB.match(/<section class="panel" id="panel-look"[\s\S]*?<\/section>/) || [''])[0];
-  assert.ok(panel.indexOf('id="wizLook"') > -1 && panel.indexOf('id="wizLook"') < panel.indexOf('id="doCreate"'), 'the picker sits above Create on the same screen');
-  assert.match(HUB, /<p class="hint" id="doneLook" role="status" hidden><\/p>/, 'a refused look is said on the done panel');
-  assert.equal((HUB.match(/look: null, termsAck: false, confirmed: \{\} \};/g) || []).length, 2, 'the draft carries the look (and its reset clears it)');
+  // the picker and Create share one page (task 1004648), so the look being filed is the one
+  // the Look row says, above the button
+  assert.doesNotMatch(HUB, /function lookRow\(|\['Look', lookRow\(\)\]/, 'no second copy restates the look');
+  const page = (HUB.match(/<section class="panel on" id="panel-page"[\s\S]*?\n {10}<\/section>/) || [''])[0];
+  assert.ok(page.indexOf('id="wizLook"') > -1 && page.indexOf('id="wizLook"') < page.indexOf('id="doCreate"'), 'the picker sits above Create on the same page');
+  assert.match(HUB, /<p class="hint" id="doneLook" role="status" hidden><\/p>/, 'a refused look is said in part 03');
+  assert.equal((HUB.match(/look: null, termsAck: false \};/g) || []).length, 2, 'the draft carries the look (and its reset clears it)');
 });
 
 test('the manage page has "Its look", read once per project — never on the minute tick', () => {