docs(playback): playback-qa-2 record actual-app offline boot blocker

docs/agents/backlog/playback-qa-2.json

@@ -1,9 +1,10 @@
 {
-  "id": "playback-qa-2",
-  "area": "playback-qa",
-  "status": "open",
-  "title": "Capture actual-app local core-flow/mobile baseline before UI changes",
-  "blockedOn": null,
-  "addedOn": "2026-10-20",
-  "filedAt": "1bb3a4fc452969f060c09a286b72b8cd7ac4123e"
+ "id": "playback-qa-2",
+ "area": "playback-qa",
+ "status": "blocked",
+ "title": "Capture actual-app local core-flow/mobile baseline before UI changes",
+ "blockedOn": "Dispatch routing for offline app assets/harness: static jsDelivr buffer import blocked; source generated CSS absent; no build/public network authorized.",
+ "addedOn": "2026-10-20",
+ "filedAt": "1bb3a4fc452969f060c09a286b72b8cd7ac4123e",
+ "notes": "HEADac99ae9a; browser-only START15:08:13, actual run15:08:16.718→15:08:32.952Z. Actual app at360x800 failed documented15s test-harness readiness bound: js/index.js imports bufferPolyfill.js statically requiring public jsDelivr [email protected]/+esm,blocked by non-local guard. Source generated CSS404 too. Stopped first hard blocker,no390/desktop/UI validation/no seeded identity/events; no product defect claim. Browser+own private app/relay servers closed,RELEASE15:08:53 sent;deps symlink removed;preview3000 untouched. Unique evidence/script+screenshot prepared; no retained test/full/build/normal submit without explicit scope/slot."
 }

docs/testing/playback-qa-2-evidence.md

@@ -0,0 +1,138 @@
+# playback-qa-2: actual-app offline baseline blocked
+
+Baseline HEAD: `ac99ae9a6bdbeae555a30f659b0720ae67e777e8`.
+Assignment `filedAt`: `1bb3a4fc452969f060c09a286b72b8cd7ac4123e`.
+`git diff 1bb3a4fc..HEAD -- js index.html config scripts/agent/simple-relay.mjs tests/e2e/helpers/bitvidTestFixture.ts`
+was empty. Relevant actual app/harness behavior is unchanged; no product/CSS/test/helper/config edits.
+
+## Plan and authority
+
+- Use actual repository index/app modules with existing simple-relay and documented test harness relay overrides.
+- One Chromium pass at360×800,390×844,1280×720; stop at the first hard offline boot blocker.
+- Block/log non-local HTTP and WebSocket attempts, use only synthetic local notes/test identities if needed.
+- Inspect feed/nav/Profile/Upload/required fields/overflow/focus only after successful actual app boot.
+- Preserve precise failure evidence; no module substitution, public downloads, build/full suite or product edits.
+
+Browser-only slot granted in dispatch mailbox20261020T150619, consumed before preparation.
+START sent to dispatch15:08:13Z **before** browser/server launch; reservation was in `.task`.
+Actual execution15:08:16.718Z→15:08:32.952Z (16.234s); no browser/gate contention observed during this pass,
+no resource waiting between START and execution, no claim about unrelated host work.
+
+## Actual result
+
+`node /tmp/bitvid-playback-qa-2/baseline.mjs`: process exit0, **scenario blocked**, not a passing app scenario.
+Chromium154.0.8037.97, fresh context, first viewport360×800. Existing app is served directly from this worktree
+on127.0.0.1:31847; existing simple-relay runs on private31848/31849 using its unchanged API.
+Temporary own node_modules symlink reused existing installed dependencies read-only and was removed afterward.
+Service workers were disabled to keep interception deterministic; no application methods/toolkit were substituted.
+
+`page.waitForFunction(() => typeof window.__bitvidTest__ === 'object', null, {timeout:15000})`
+timed out. This is the documented fixture harness-ready bound, not a retry or relaxed assertion.
+Static import chain `js/index.js:4` → `js/bufferPolyfill.js:1` requires:
+
+```js
+import { Buffer } from "https://cdn.jsdelivr.net/npm/[email protected]/+esm";
+```
+
+The network guard blocked that request. Static dependency loading cannot complete, so the app's early
+`installTestHarness()` statement is never reached. Exactly1 blocked non-local HTTP attempt was observed;
+0 WebSocket attempts reached the non-local guard,0 pageerror events. This is an offline boot/fixture constraint,
+not a demonstrated mobile-layout product defect. Missing assets are a separate environment limitation:
+`http://127.0.0.1:31847/css/tailwind.generated.css` returned404; own worktree has no generated CSS/dist,
+and building is excluded from this pass. Screenshot shows unstyled static shell/search/logo, not a hydrated app.
+
+[Captured360×800 screenshot](playback-qa-2-boot-blocker.png)
+
+| Viewport / flow | Outcome |
+| --- | --- |
+|360×800 actual app boot / harness |BLOCKED:15s harness timeout |
+|390×844 /1280×720 |Not run after first hard blocker |
+| Feed initial hydration/local seeded cards |Unverified; no synthetic events needed/seeded |
+| Home/Explore/ForYou navigation |Unverified |
+| Profile/Upload open-close / required fields |Unverified |
+| Card controls/touch target sizes/overflow/focus |Unverified; unstyled shell cannot qualify layout |
+
+No real signer,peers,buckets,public media,production data or external publishing was used.
+No successful non-local page requests were allowed. Actual local page bootstrap was attempted; this is not
+module-harness success, full app/mobile qualification, or a Firefox/KNOWN_ISSUES hydration-flake diagnosis.
+
+## Cleanup and routing
+
+Own browser/context and app/relay servers closed in finally at15:08:32.952Z. Browser slot RELEASE explicitly
+sent to dispatch15:08:53Z; .task updated. Preview3000 was untouched; no other processes stopped.
+Blocker sent with exact trigger and evidence; waiting on dispatch to route an offline asset/harness strategy.
+Do not permit public CDN traffic or substitute Buffer/app/modules and silently call this an actual-app pass.
+No full/normal queue submission without dispatch's explicit slot for this new item.
+
+## Observed browser errors
+
+```text
+Failed to load resource: the server responded with a status of 404 (Not Found)
+Failed to load resource: net::ERR_BLOCKED_BY_CLIENT.Inspector
+```
+
+## Reproduction script
+
+Create `/tmp/bitvid-playback-qa-2`; temporarily link existing installed node_modules into this worktree if absent,
+then save/run this script using the granted browser-only slot. It closes its own resources on the first blocker.
+Remove that own symlink after the process exits. Requires existing main checkout Playwright/dependencies;
+no installing or downloading assets is part of this reproduction.
+
+```js
+import { createServer } from 'node:http';
+import { readFile } from 'node:fs/promises';
+import { resolve, extname } from 'node:path';
+import { chromium } from '/home/user/Documents/GitHub/bitvid/node_modules/playwright/index.mjs';
+import { startRelay } from '/home/user/Documents/GitHub/bitvid-playback-qa/scripts/agent/simple-relay.mjs';
+const root='/home/user/Documents/GitHub/bitvid-playback-qa';
+const out='/tmp/bitvid-playback-qa-2';
+const {writeFile}=await import('node:fs/promises');
+const result={started:new Date().toISOString(),viewports:[],blockedHttp:[],blockedWs:[],failedLocal:[],pageErrors:[],consoleErrors:[]};
+const server=createServer(async(req,res)=>{
+ const url=new URL(req.url,'http://127.0.0.1:31847');
+ let path=decodeURIComponent(url.pathname);if(path==='/')path='/index.html';
+ const file=resolve(root,'.'+path);
+ if(!file.startsWith(root+'/')||path.includes('/.')||!['.html','.js','.mjs','.json','.css','.svg','.png','.jpg','.jpeg','.webp','.ico','.woff','.woff2','.ttf','.wasm','.map','.webmanifest'].includes(extname(file))){res.writeHead(404);res.end();return;}
+ try{const data=await readFile(file);res.setHeader('Content-Type',({'.html':'text/html','.js':'text/javascript','.mjs':'text/javascript','.json':'application/json','.css':'text/css','.svg':'image/svg+xml','.wasm':'application/wasm','.png':'image/png','.webmanifest':'application/manifest+json'})[extname(file)]||'application/octet-stream');res.end(data);}
+ catch{res.writeHead(404);res.end();}
+});
+let relay,browser;
+try{
+ await new Promise((ok,no)=>{server.once('error',no);server.listen(31847,'127.0.0.1',ok);});
+ relay=startRelay(31848,{httpPort:31849});
+ browser=await chromium.launch({headless:true,executablePath:'/usr/bin/google-chrome',args:['--no-sandbox']});
+ result.browserVersion=browser.version();
+ const context=await browser.newContext({viewport:{width:360,height:800},serviceWorkers:'block'});
+ await context.route('**/*',route=>{const u=new URL(route.request().url());if(['127.0.0.1','localhost','[::1]'].includes(u.hostname))return route.continue();result.blockedHttp.push(route.request().url());return route.abort('blockedbyclient');});
+ await context.routeWebSocket('**/*',ws=>{const u=new URL(ws.url());if(['127.0.0.1','localhost','[::1]'].includes(u.hostname))ws.connectToServer();else{result.blockedWs.push(ws.url());ws.close();}});
+ await context.addInitScript(()=>{localStorage.setItem('hasSeenDisclaimer','true');localStorage.setItem('__bitvidTestMode__','1');localStorage.setItem('__bitvidTestRelays__',JSON.stringify(['ws://127.0.0.1:31848']));window.__bitvidTestRelays__=['ws://127.0.0.1:31848'];localStorage.setItem('bitvid_admin_whitelist_mode','false');});
+ const page=await context.newPage();
+ page.on('pageerror',e=>result.pageErrors.push(e.message));
+ page.on('console',m=>{if(m.type()==='error')result.consoleErrors.push(m.text().slice(0,700));});
+ page.on('response',r=>{if(r.status()>=400&&new URL(r.url()).hostname==='127.0.0.1')result.failedLocal.push({url:r.url(),status:r.status()});});
+ for(const viewport of [{width:360,height:800},{width:390,height:844},{width:1280,height:720}]){
+  await page.setViewportSize(viewport);
+  await page.goto('http://127.0.0.1:31847/?__test__=1&__testRelays__=ws%3A%2F%2F127.0.0.1%3A31848',{waitUntil:'domcontentloaded'});
+  const v={viewport,flows:{}};result.viewports.push(v);
+  try{
+   await page.waitForFunction(()=>typeof window.__bitvidTest__==='object',null,{timeout:15000});
+   await page.waitForFunction(async()=>{const m=await import('/js/applicationContext.js');return !!m.getApplication();},null,{timeout:15000});
+   await page.locator('[data-testid="video-list"]').waitFor({state:'visible',timeout:15000});
+   v.flows.boot='passed';
+  }catch(e){v.flows.boot='blocked';v.blocker=e.message.split('\n')[0];v.dom=await page.locator('body').innerText();await page.screenshot({path:root+'/docs/testing/playback-qa-2-boot-blocker.png',fullPage:true});result.firstHardBlocker=true;break;}
+  v.layout=await page.evaluate(()=>({clientWidth:document.documentElement.clientWidth,scrollWidth:document.documentElement.scrollWidth,focus:document.activeElement?.tagName}));
+  // Stop at a new blocker rather than modifying product/fixture behavior.
+  v.flows.remaining='actual app booted; further actions require live harness state inspection';
+  await page.screenshot({path:out+`/${viewport.width}.png`,fullPage:true});
+ }
+ await context.close();
+} catch(e){result.runError=e.stack;process.exitCode=1;}
+finally{
+ if(browser)await browser.close();
+ if(relay)await relay.close();
+ await new Promise(ok=>server.close(ok));
+ result.ended=new Date().toISOString();result.resourcesClosed=true;
+ await writeFile(out+'/result.json',JSON.stringify(result,null,2));
+ console.log(JSON.stringify({started:result.started,ended:result.ended,browserVersion:result.browserVersion,viewports:result.viewports.map(v=>({viewport:v.viewport,flows:v.flows,blocker:v.blocker})),blockedHttp:result.blockedHttp,blockedWs:result.blockedWs,failedLocal:result.failedLocal,pageErrors:result.pageErrors,runError:result.runError,resourcesClosed:result.resourcesClosed}));
+}
+```