docs: [verified] answer the six-month AI Architect assignment

scripts/browser/roadmap-timeline.cjs

@@ -26,7 +26,7 @@ const views = {
     const ids=views[name];
     geometry.cards.sort((a,b)=>ids.indexOf(a.id)-ids.indexOf(b.id));
     assert.deepEqual(geometry.cards.map(n => n.id), ids);
-    assert.deepEqual(geometry.cards.map(n => n.number), ids.length === 6 ? ids.map((_,i)=>`Step ${i+1}`) : name === 'strategy-roadmap' ? ['Stage 1','Stage 2'] : ['First','Then']);
+    assert.deepEqual(geometry.cards.map(n => n.number), ids.length === 6 ? ids.map((_,i)=>`Step ${i+1}`) : name === 'strategy-roadmap' ? ['Proposed M1–4','Proposed M5–6'] : ['First','If justified']);
     assert.equal(geometry.edges.length,ids.length===6?6:1);
     if(ids.length===6) assert(geometry.edges.some(e=>e.id==='repeat'));
     for(const edge of geometry.edges) assert(edge.box.left>=0 && edge.box.right<=geometry.width+1 && edge.box.top>=0 && edge.box.bottom<=geometry.height+1, `clipped edge ${name} ${edge.id}`);
@@ -60,7 +60,9 @@ const views = {
           for(const theme of ['light','dark']) {
             const frameTop=await iframe.evaluate(n=>n.getBoundingClientRect().top+scrollY);
             await page.evaluate(y=>scrollTo({top:y-120,behavior:'instant'}),frameTop);
-            if(await frame.locator('html').getAttribute('data-theme')!==theme) await frame.locator('#btn-theme').click();
+            if(await frame.locator('html').getAttribute('data-theme')!==theme) {
+              await frame.locator('#btn-theme').focus(); await page.keyboard.press('Enter');
+            }
             await page.waitForFunction(t=>document.documentElement.dataset.theme===t,theme);
             const inline=await inspect(frame,name,width<1100);
             await frame.locator('#btn-preset').focus();await page.keyboard.press('Enter');