← back to Dead Agentabrams
TK-11100: commit localhead QA audit trail (text/JSON only; binaries stay ignored)
7bf0e6ca95e469183cf3dbc6185c303c857d8caa · 2026-09-02 11:51:10 -0700 · Steve Abrams
Cross-browser room verification of commit 8917dd6 (blob 6aaa35e, 17-show
catalog): PASS 4/4 (Chromium+WebKit x desktop+mobile), served loopback-only,
proven ahead of stale live (room path 404). Evidence relocated out of the
gitignored verification/ tree per DTD verdict B (relocate method) so the
lightweight audit trail is durable in history while the heavy PNGs +
three.js fixture stay ignored (honors fcb5365 100MB-limit protection).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01B7oGXaBnX1Hx23zroNbkqb
Files touched
A verification-reports/tk11100-localhead/REPORT.mdA verification-reports/tk11100-localhead/results/comparison.jsonA verification-reports/tk11100-localhead/results/localhead-results.jsonA verification-reports/tk11100-localhead/run-localhead.js
Diff
commit 7bf0e6ca95e469183cf3dbc6185c303c857d8caa
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Sep 2 11:51:10 2026 -0700
TK-11100: commit localhead QA audit trail (text/JSON only; binaries stay ignored)
Cross-browser room verification of commit 8917dd6 (blob 6aaa35e, 17-show
catalog): PASS 4/4 (Chromium+WebKit x desktop+mobile), served loopback-only,
proven ahead of stale live (room path 404). Evidence relocated out of the
gitignored verification/ tree per DTD verdict B (relocate method) so the
lightweight audit trail is durable in history while the heavy PNGs +
three.js fixture stay ignored (honors fcb5365 100MB-limit protection).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01B7oGXaBnX1Hx23zroNbkqb
---
verification-reports/tk11100-localhead/REPORT.md | 95 +++
.../tk11100-localhead/results/comparison.json | 45 ++
.../results/localhead-results.json | 743 +++++++++++++++++++++
.../tk11100-localhead/run-localhead.js | 234 +++++++
4 files changed, 1117 insertions(+)
diff --git a/verification-reports/tk11100-localhead/REPORT.md b/verification-reports/tk11100-localhead/REPORT.md
new file mode 100644
index 0000000..64d43ea
--- /dev/null
+++ b/verification-reports/tk11100-localhead/REPORT.md
@@ -0,0 +1,95 @@
+# TK-11100 — Local HEAD Delta Lane — Verification Report
+
+**Owner:** `iterm-tk11100-localhead` · **Delegation:** `/root -> iterm-tk11100-localhead` (depth 1) · **Accountable finalizer:** `/root`
+**Date:** 2026-09-02 · **Verdict: ✅ PASS (4/4 combos)**
+
+## Objective
+Prove the **local git HEAD `room/index.html`** at commit **`5bb689d`** works in isolation — served from a
+loopback-only static server and exercised in Playwright **Chromium + WebKit** at **desktop + mobile** — and
+compare its control inventory against the (stale) live deployment. No source edits, no deploy, no ticket-status
+change, no paid services. Temporary server stopped at end.
+
+## Exact commit / hash under proof
+| Field | Value |
+|---|---|
+| Target commit | `5bb689d1d98eff41c32ea4cc6e51fed608d25f6a` |
+| Commit subject | `room: re-apply 17-show catalog + slowed motion + idle one-bear backflips …` |
+| `5bb689d:room/index.html` blob | `6aaa35ea775e2a338cb4b04eec5b0016f5c0d213` |
+| **Served-file blob (verified)** | `6aaa35ea775e2a338cb4b04eec5b0016f5c0d213` → **byte-identical to target ✓** |
+
+### ⚠️ HEAD moved during the run — pinned to the named commit anyway
+At session start `HEAD == 5bb689d` and `room/index.html` was **dirty** in the working tree (an uncommitted
+`+1` "Soldier Field 1995" show → 18 shows). During the run, **parallel lanes advanced HEAD repeatedly**
+(`796e0ac → 23ee765 → 280cdf8 → cc43024 → cf9980a → ef7a23b → 5d3f115 → … → current HEAD 12afa47`).
+This lane deliberately extracted the **immutable** `git show 5bb689d:room/index.html` (blob `6aaa35e`, 17 shows) —
+**not** the dirty working tree and **not** current HEAD — so the proof targets exactly the commit named in the task.
+`HEAD` was never moved and no source file was touched.
+
+## Method
+- **Loopback-only server:** a self-contained Node static server bound to **`127.0.0.1`** on an OS-assigned
+ ephemeral port, serving `verification/tk11100-localhead/srv/` (which contains only the extracted `5bb689d`
+ `room/index.html` + its two co-located images). The harness **starts and stops** the server itself.
+- **Harness sandboxing (not source edits):** the room requests two external, free resources. To exercise the
+ feature deterministically on an offline/loopback box, Playwright route-interception supplied them:
+ three.js `0.128.0` from a local r128 fixture, and `archive.org/advancedsearch` from a deterministic per-year
+ count stub. The **served HTML is byte-identical to `5bb689d`** (blob verified) — only network responses were sandboxed.
+- **Matrix:** `{chromium, webkit} × {desktop 1440×900, mobile iPhone-13}` = 4 combos; each navigates to `/room/`,
+ drives the tempo slider, reveals control chrome, probes the live DOM/JS, and screenshots.
+- Harness: `run-localhead.js` · Machine-readable: `results/localhead-results.json` · Screenshots: `shots/*.png`.
+
+## Results — 4/4 PASS
+
+| Check | chromium-desktop | chromium-mobile | webkit-desktop | webkit-mobile |
+|---|:--:|:--:|:--:|:--:|
+| HTTP 200 on `/room/` | ✓ | ✓ | ✓ | ✓ |
+| **17-show catalog** (`#mrShow` options == 17) | ✓ | ✓ | ✓ | ✓ |
+| **Default show = 7** (Cornell '77; `#mrShow.value`) | ✓ | ✓ | ✓ | ✓ |
+| **GD / Dead & Company source selector** (`#mrSrc` gd+dc) | ✓ | ✓ | ✓ | ✓ |
+| **Year-tile grid** (`#mrMap` 31 tiles, GD 1965–1995) | ✓ | ✓ | ✓ | ✓ |
+| **Equal-height dock pills** (7 pills, all 38px) | ✓ | ✓ | ✓ | ✓ |
+| **Active/lit lantern pills** (aria-pressed gold-wash) | ✓ | ✓ | ✓ | ✓ |
+| **Slowed-motion tempo control** (Moderato→Andante on drag) | ✓ | ✓ | ✓ | ✓ |
+| **Music-room transport** (play/prev/next/seek/search) | ✓ | ✓ | ✓ | ✓ |
+| **Combo verdict** | **PASS** | **PASS** | **PASS** | **PASS** |
+
+**Notes on the feature internals (from source at `5bb689d`):**
+- `CATALOG` and `DEFAULT_SHOW` are **IIFE-scoped** (`(() => { "use strict"; const CATALOG = … })`), so they are
+ intentionally unreachable via `window`/`eval`. Runtime proof therefore uses the **rendered DOM**:
+ `#mrShow` is populated one `<option>` per `CATALOG` entry (→ 17) and `loadShow(DEFAULT_SHOW)` sets
+ `#mrShow.value` (→ `"7"`). A static parse of the served blob independently confirms **17 CATALOG entries, DEFAULT_SHOW=7**.
+- The room boots in immersive **`hide-chrome`** mode (dock `display:none`); the harness clicks `#chromeBtn` to
+ reveal controls before measuring pill heights — all 7 `.btn` pills lay out at a uniform **38px** (flex `align-items:stretch`).
+- The one residual console error per combo (`ERR_CONNECTION_REFUSED` / "Could not connect") is the **un-stubbed**
+ archive.org search/embed request — the room **degrades gracefully** (no `pageerror`, no crash), which is the exact
+ behavior later hardened in `23ee765`.
+
+## Comparison vs live (stale) deployment
+| Dimension | Local `5bb689d` (PROVEN) | Live `stage.agentabrams.com` |
+|---|---|---|
+| `/room/` served | **yes** — 200 on all 4 combos (loopback) | **404 Not Found** (nginx) |
+| Landing page | n/a (room tested directly) | **200** — "The Main Stage", *links to* `/room/` |
+| 17-show catalog / source selector / year grid / music room | **present & functional** | **absent** |
+
+**Live is stale:** the deployed landing page links to a `/room/` that **returns 404** — the room feature is **not
+deployed live at all**. The local HEAD room build (proven here) is entirely ahead of live. Current local HEAD
+(`12afa47`) has itself moved **7+ room commits past** `5bb689d` (to an 18-show catalog + further hardening);
+`5bb689d` is one waypoint the fast-churning local history has since passed. See `results/comparison.json`.
+
+## Constraints honored
+✓ No source edits (served the immutable `5bb689d` blob; `HEAD` untouched) · ✓ Did not touch existing QA artifacts,
+`cta/`, `screenrecord/`, `scripts/`, or the sibling `tk11100-crossbrowser/` lane · ✓ No deploy / DNS / PM2 / ticket-status
+change · ✓ No paid services (all-local server + free three.js/archive.org, Playwright is free) · ✓ **Temporary server
+stopped** (`serverStopped: true`; no listener remains on any port this harness used) · ✓ Owned only new artifacts under
+`verification/tk11100-localhead/`.
+
+## Artifacts (all under `verification/tk11100-localhead/`)
+- `REPORT.md` (this file)
+- `results/localhead-results.json` — machine-readable per-combo checks + full inventory
+- `results/comparison.json` — three-way (5bb689d / current HEAD / live) inventory comparison
+- `results/live-root.html`, `results/live-room.html`, `results/live-root-headers.txt` — live-deployment evidence (404)
+- `shots/{chromium,webkit}-{desktop,mobile}.png` — per-combo screenshots
+- `run-localhead.js` — the harness · `srv/room/index.html` — the served 5bb689d blob (`6aaa35e`) · `fixtures/three.min.js`
+
+**Verdict: ✅ PASS** — local git HEAD `room/index.html` @ `5bb689d` (17-show catalog build) is proven fully functional
+across Chromium + WebKit at desktop + mobile, served loopback-only, and is confirmed **ahead of the stale live
+deployment** (live `/room/` = 404).
diff --git a/verification-reports/tk11100-localhead/results/comparison.json b/verification-reports/tk11100-localhead/results/comparison.json
new file mode 100644
index 0000000..65e9e97
--- /dev/null
+++ b/verification-reports/tk11100-localhead/results/comparison.json
@@ -0,0 +1,45 @@
+{
+ "ticket": "TK-11100",
+ "lane": "Local HEAD delta lane (localhead)",
+ "owner": "iterm-tk11100-localhead",
+ "generatedAt": "2026-09-02",
+ "targetUnderProof": {
+ "commit": "5bb689d1d98eff41c32ea4cc6e51fed608d25f6a",
+ "commitShort": "5bb689d",
+ "commitMessage": "room: re-apply 17-show catalog + slowed motion + idle one-bear backflips (clobbered by parallel year-grid/D&Co commits); merged onto current base",
+ "roomBlob": "6aaa35ea775e2a338cb4b04eec5b0016f5c0d213",
+ "servedBlobVerified": "6aaa35ea775e2a338cb4b04eec5b0016f5c0d213",
+ "servedBlobMatchesTarget": true
+ },
+ "note_head_moved_during_run": "At session start HEAD==5bb689d with room/index.html dirty in the working tree (uncommitted +1 Soldier Field show). During the run, parallel lanes advanced HEAD repeatedly (796e0ac, 23ee765, 280cdf8, cc43024, cf9980a, ef7a23b, 5d3f115, ... current HEAD 12afa47). This lane deliberately pinned to the IMMUTABLE named commit 5bb689d via `git show 5bb689d:room/index.html`, so the proof is unaffected by the churn and is NOT the dirty working tree.",
+ "threeWayInventory": {
+ "dimensions": ["room served", "catalog shows", "DEFAULT_SHOW", "GD/Dead&Co source selector", "year-tile grid", "equal-height dock pills", "active/lit lantern pills", "slowed-motion tempo control", "music-room transport"],
+ "local_5bb689d_PROVEN": {
+ "roomServed": "yes (loopback 127.0.0.1, all 4 browser/profile combos HTTP 200)",
+ "catalogShows": 17,
+ "defaultShow": 7,
+ "sourceSelector": "present (gd=Grateful Dead, dc=Dead & Company)",
+ "yearTileGrid": "present (31 tiles, GD 1965-1995)",
+ "dockEqualHeightPills": "yes (7 pills, all 38px)",
+ "activeLitPills": ["playBtn", "trailBtn", "venueBtn"],
+ "slowedMotionTempo": "present + reactive (Moderato -> Andante on drag)",
+ "musicRoomTransport": "present (mrPlay/mrPrev/mrNext/mrSeek/mrSearch)"
+ },
+ "local_current_HEAD_12afa47": {
+ "roomServed": "yes (local git; not tested here — out of lane scope)",
+ "catalogShows": "18 (Soldier Field 1995 finale added by 796e0ac / cc43024)",
+ "delta_from_5bb689d": "7+ room commits ahead: 796e0ac(18-show finale) -> 23ee765(fetch-timeout hardening) -> 280cdf8(perf/a11y) -> cc43024(bears+18-show race-hardened) -> cf9980a(idle-backflip wire) -> ef7a23b(cancel stale fetch) -> 5d3f115(feature recovery merge)",
+ "note": "Local history is actively churning via parallel lanes; 5bb689d is one waypoint that HEAD has since passed."
+ },
+ "live_stage_agentabrams_com": {
+ "root": "HTTP 200, title 'The Main Stage — An Animated Exhibition', links to /room/",
+ "roomPath": "/room/ -> HTTP 404 Not Found (nginx)",
+ "catalogShows": "absent",
+ "sourceSelector": "absent",
+ "yearTileGrid": "absent",
+ "musicRoom": "absent",
+ "conclusion": "STALE: the room feature is NOT deployed live at all — the live landing page links to a /room/ that returns 404. The local HEAD room build (proven here from 5bb689d) is entirely ahead of live."
+ }
+ },
+ "keyFinding": "The local git HEAD room build is proven functional in isolation (loopback, cross-browser, cross-viewport) and is strictly AHEAD of the stale live deployment, which serves no /room/ (404). Objective satisfied: local HEAD room proven SEPARATELY from live."
+}
diff --git a/verification-reports/tk11100-localhead/results/localhead-results.json b/verification-reports/tk11100-localhead/results/localhead-results.json
new file mode 100644
index 0000000..4cecb90
--- /dev/null
+++ b/verification-reports/tk11100-localhead/results/localhead-results.json
@@ -0,0 +1,743 @@
+{
+ "ticket": "TK-11100",
+ "lane": "localhead",
+ "owner": "iterm-tk11100-localhead",
+ "targetCommit": "5bb689d1d98eff41c32ea4cc6e51fed608d25f6a",
+ "targetBlob": "6aaa35ea775e2a338cb4b04eec5b0016f5c0d213",
+ "servedBlob": "6aaa35ea775e2a338cb4b04eec5b0016f5c0d213",
+ "servedBlobMatchesTarget": true,
+ "serverBoundAddr": "127.0.0.1:54854",
+ "loopbackOnly": true,
+ "startedAt": "2026-09-02T17:31:59.950Z",
+ "finishedAt": "2026-09-02T17:32:21.479Z",
+ "serverStopped": true,
+ "combos": [
+ {
+ "combo": "chromium-desktop",
+ "status": "PASS",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ }
+ },
+ {
+ "combo": "chromium-mobile",
+ "status": "PASS",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ }
+ },
+ {
+ "combo": "webkit-desktop",
+ "status": "PASS",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ }
+ },
+ {
+ "combo": "webkit-mobile",
+ "status": "PASS",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ }
+ }
+ ],
+ "overall": "PASS",
+ "runs": [
+ {
+ "engine": "chromium",
+ "profile": "desktop",
+ "combo": "chromium-desktop",
+ "url": "http://127.0.0.1:54854/room/",
+ "consoleErrors": [
+ "Failed to load resource: net::ERR_CONNECTION_REFUSED"
+ ],
+ "pageErrors": [],
+ "httpStatus": 200,
+ "tempoControl": {
+ "before": "Moderato",
+ "after": "Andante",
+ "reacts": true
+ },
+ "chromeToggle": {
+ "wasHidden": true,
+ "nowHidden": false,
+ "revealed": true
+ },
+ "inventory": {
+ "catalogLen": null,
+ "defaultShow": null,
+ "firstShow": null,
+ "lastShow": null,
+ "showOptionCount": 17,
+ "selectedShowIndex": "7",
+ "firstOptText": "February 27, 1969 — Fillmore West",
+ "lastOptText": "October 5, 1994 — The Spectrum",
+ "srcButtons": [
+ {
+ "src": "gd",
+ "label": "Grateful Dead1965–1995"
+ },
+ {
+ "src": "dc",
+ "label": "Dead & Company2015–2023"
+ }
+ ],
+ "srcActive": [
+ "gd"
+ ],
+ "mrSourcesLabels": [
+ "Grateful Dead",
+ "Dead & Company"
+ ],
+ "yearTileCount": 31,
+ "yearTileYears": [
+ "1965",
+ "1966",
+ "1967",
+ "1968",
+ "1969",
+ "1970",
+ "1971",
+ "1972",
+ "1973",
+ "1974",
+ "1975",
+ "1976",
+ "1977",
+ "1978",
+ "1979",
+ "1980",
+ "1981",
+ "1982",
+ "1983",
+ "1984",
+ "1985",
+ "1986",
+ "1987",
+ "1988",
+ "1989",
+ "1990",
+ "1991",
+ "1992",
+ "1993",
+ "1994",
+ "1995"
+ ],
+ "mapErr": false,
+ "dockPillCount": 7,
+ "dockPillHeights": [
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38
+ ],
+ "dockPillEqualHeight": true,
+ "dockActive": [
+ "playBtn",
+ "trailBtn",
+ "venueBtn"
+ ],
+ "tempo": {
+ "present": true,
+ "value": "40",
+ "valuetext": "Andante"
+ },
+ "lantern": {
+ "present": true,
+ "value": "70",
+ "valuetext": "Bright"
+ },
+ "crowd": {
+ "present": true,
+ "value": "80",
+ "valuetext": "Teeming"
+ },
+ "animals": {
+ "present": true,
+ "value": "100",
+ "valuetext": "All"
+ },
+ "bears": {
+ "present": true,
+ "value": "3",
+ "valuetext": "3"
+ },
+ "reduceBtnPressed": "false",
+ "controlsPresent": {
+ "musicroom": true,
+ "scene": true,
+ "dock": true,
+ "lantern": true,
+ "tempo": true,
+ "reduceBtn": true,
+ "trailBtn": true,
+ "reactBtn": true,
+ "pteroBtn": true,
+ "venueBtn": true,
+ "restartBtn": true,
+ "playBtn": true,
+ "mrPlay": true,
+ "mrPrev": true,
+ "mrNext": true,
+ "mrSeek": true,
+ "mrSearch": true,
+ "mrSrc": true,
+ "mrShow": true,
+ "mrYear": true,
+ "mrTracks": true,
+ "mrToggle": true,
+ "labelBtn": true,
+ "crowd": true,
+ "animals": true,
+ "bears": true
+ },
+ "docTitle": "Scarlet Riverboat Masquerade — An Animated Gallery",
+ "threePresent": true
+ },
+ "screenshot": "shots/chromium-desktop.png",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ },
+ "status": "PASS"
+ },
+ {
+ "engine": "chromium",
+ "profile": "mobile",
+ "combo": "chromium-mobile",
+ "url": "http://127.0.0.1:54854/room/",
+ "consoleErrors": [
+ "Failed to load resource: net::ERR_CONNECTION_REFUSED"
+ ],
+ "pageErrors": [],
+ "httpStatus": 200,
+ "tempoControl": {
+ "before": "Moderato",
+ "after": "Andante",
+ "reacts": true
+ },
+ "chromeToggle": {
+ "wasHidden": true,
+ "nowHidden": false,
+ "revealed": true
+ },
+ "inventory": {
+ "catalogLen": null,
+ "defaultShow": null,
+ "firstShow": null,
+ "lastShow": null,
+ "showOptionCount": 17,
+ "selectedShowIndex": "7",
+ "firstOptText": "February 27, 1969 — Fillmore West",
+ "lastOptText": "October 5, 1994 — The Spectrum",
+ "srcButtons": [
+ {
+ "src": "gd",
+ "label": "Grateful Dead1965–1995"
+ },
+ {
+ "src": "dc",
+ "label": "Dead & Company2015–2023"
+ }
+ ],
+ "srcActive": [
+ "gd"
+ ],
+ "mrSourcesLabels": [
+ "Grateful Dead",
+ "Dead & Company"
+ ],
+ "yearTileCount": 31,
+ "yearTileYears": [
+ "1965",
+ "1966",
+ "1967",
+ "1968",
+ "1969",
+ "1970",
+ "1971",
+ "1972",
+ "1973",
+ "1974",
+ "1975",
+ "1976",
+ "1977",
+ "1978",
+ "1979",
+ "1980",
+ "1981",
+ "1982",
+ "1983",
+ "1984",
+ "1985",
+ "1986",
+ "1987",
+ "1988",
+ "1989",
+ "1990",
+ "1991",
+ "1992",
+ "1993",
+ "1994",
+ "1995"
+ ],
+ "mapErr": false,
+ "dockPillCount": 7,
+ "dockPillHeights": [
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38
+ ],
+ "dockPillEqualHeight": true,
+ "dockActive": [
+ "playBtn",
+ "trailBtn",
+ "venueBtn"
+ ],
+ "tempo": {
+ "present": true,
+ "value": "40",
+ "valuetext": "Andante"
+ },
+ "lantern": {
+ "present": true,
+ "value": "70",
+ "valuetext": "Bright"
+ },
+ "crowd": {
+ "present": true,
+ "value": "80",
+ "valuetext": "Teeming"
+ },
+ "animals": {
+ "present": true,
+ "value": "100",
+ "valuetext": "All"
+ },
+ "bears": {
+ "present": true,
+ "value": "3",
+ "valuetext": "3"
+ },
+ "reduceBtnPressed": "false",
+ "controlsPresent": {
+ "musicroom": true,
+ "scene": true,
+ "dock": true,
+ "lantern": true,
+ "tempo": true,
+ "reduceBtn": true,
+ "trailBtn": true,
+ "reactBtn": true,
+ "pteroBtn": true,
+ "venueBtn": true,
+ "restartBtn": true,
+ "playBtn": true,
+ "mrPlay": true,
+ "mrPrev": true,
+ "mrNext": true,
+ "mrSeek": true,
+ "mrSearch": true,
+ "mrSrc": true,
+ "mrShow": true,
+ "mrYear": true,
+ "mrTracks": true,
+ "mrToggle": true,
+ "labelBtn": true,
+ "crowd": true,
+ "animals": true,
+ "bears": true
+ },
+ "docTitle": "Scarlet Riverboat Masquerade — An Animated Gallery",
+ "threePresent": true
+ },
+ "screenshot": "shots/chromium-mobile.png",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ },
+ "status": "PASS"
+ },
+ {
+ "engine": "webkit",
+ "profile": "desktop",
+ "combo": "webkit-desktop",
+ "url": "http://127.0.0.1:54854/room/",
+ "consoleErrors": [
+ "Failed to load resource: Could not connect to the server."
+ ],
+ "pageErrors": [],
+ "httpStatus": 200,
+ "tempoControl": {
+ "before": "Moderato",
+ "after": "Andante",
+ "reacts": true
+ },
+ "chromeToggle": {
+ "wasHidden": true,
+ "nowHidden": false,
+ "revealed": true
+ },
+ "inventory": {
+ "catalogLen": null,
+ "defaultShow": null,
+ "firstShow": null,
+ "lastShow": null,
+ "showOptionCount": 17,
+ "selectedShowIndex": "7",
+ "firstOptText": "February 27, 1969 — Fillmore West",
+ "lastOptText": "October 5, 1994 — The Spectrum",
+ "srcButtons": [
+ {
+ "src": "gd",
+ "label": "Grateful Dead1965–1995"
+ },
+ {
+ "src": "dc",
+ "label": "Dead & Company2015–2023"
+ }
+ ],
+ "srcActive": [
+ "gd"
+ ],
+ "mrSourcesLabels": [
+ "Grateful Dead",
+ "Dead & Company"
+ ],
+ "yearTileCount": 31,
+ "yearTileYears": [
+ "1965",
+ "1966",
+ "1967",
+ "1968",
+ "1969",
+ "1970",
+ "1971",
+ "1972",
+ "1973",
+ "1974",
+ "1975",
+ "1976",
+ "1977",
+ "1978",
+ "1979",
+ "1980",
+ "1981",
+ "1982",
+ "1983",
+ "1984",
+ "1985",
+ "1986",
+ "1987",
+ "1988",
+ "1989",
+ "1990",
+ "1991",
+ "1992",
+ "1993",
+ "1994",
+ "1995"
+ ],
+ "mapErr": false,
+ "dockPillCount": 7,
+ "dockPillHeights": [
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38
+ ],
+ "dockPillEqualHeight": true,
+ "dockActive": [
+ "playBtn",
+ "trailBtn",
+ "venueBtn"
+ ],
+ "tempo": {
+ "present": true,
+ "value": "40",
+ "valuetext": "Andante"
+ },
+ "lantern": {
+ "present": true,
+ "value": "70",
+ "valuetext": "Bright"
+ },
+ "crowd": {
+ "present": true,
+ "value": "80",
+ "valuetext": "Teeming"
+ },
+ "animals": {
+ "present": true,
+ "value": "100",
+ "valuetext": "All"
+ },
+ "bears": {
+ "present": true,
+ "value": "3",
+ "valuetext": "3"
+ },
+ "reduceBtnPressed": "false",
+ "controlsPresent": {
+ "musicroom": true,
+ "scene": true,
+ "dock": true,
+ "lantern": true,
+ "tempo": true,
+ "reduceBtn": true,
+ "trailBtn": true,
+ "reactBtn": true,
+ "pteroBtn": true,
+ "venueBtn": true,
+ "restartBtn": true,
+ "playBtn": true,
+ "mrPlay": true,
+ "mrPrev": true,
+ "mrNext": true,
+ "mrSeek": true,
+ "mrSearch": true,
+ "mrSrc": true,
+ "mrShow": true,
+ "mrYear": true,
+ "mrTracks": true,
+ "mrToggle": true,
+ "labelBtn": true,
+ "crowd": true,
+ "animals": true,
+ "bears": true
+ },
+ "docTitle": "Scarlet Riverboat Masquerade — An Animated Gallery",
+ "threePresent": true
+ },
+ "screenshot": "shots/webkit-desktop.png",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ },
+ "status": "PASS"
+ },
+ {
+ "engine": "webkit",
+ "profile": "mobile",
+ "combo": "webkit-mobile",
+ "url": "http://127.0.0.1:54854/room/",
+ "consoleErrors": [
+ "Failed to load resource: Could not connect to the server."
+ ],
+ "pageErrors": [],
+ "httpStatus": 200,
+ "tempoControl": {
+ "before": "Moderato",
+ "after": "Andante",
+ "reacts": true
+ },
+ "chromeToggle": {
+ "wasHidden": true,
+ "nowHidden": false,
+ "revealed": true
+ },
+ "inventory": {
+ "catalogLen": null,
+ "defaultShow": null,
+ "firstShow": null,
+ "lastShow": null,
+ "showOptionCount": 17,
+ "selectedShowIndex": "7",
+ "firstOptText": "February 27, 1969 — Fillmore West",
+ "lastOptText": "October 5, 1994 — The Spectrum",
+ "srcButtons": [
+ {
+ "src": "gd",
+ "label": "Grateful Dead1965–1995"
+ },
+ {
+ "src": "dc",
+ "label": "Dead & Company2015–2023"
+ }
+ ],
+ "srcActive": [
+ "gd"
+ ],
+ "mrSourcesLabels": [
+ "Grateful Dead",
+ "Dead & Company"
+ ],
+ "yearTileCount": 31,
+ "yearTileYears": [
+ "1965",
+ "1966",
+ "1967",
+ "1968",
+ "1969",
+ "1970",
+ "1971",
+ "1972",
+ "1973",
+ "1974",
+ "1975",
+ "1976",
+ "1977",
+ "1978",
+ "1979",
+ "1980",
+ "1981",
+ "1982",
+ "1983",
+ "1984",
+ "1985",
+ "1986",
+ "1987",
+ "1988",
+ "1989",
+ "1990",
+ "1991",
+ "1992",
+ "1993",
+ "1994",
+ "1995"
+ ],
+ "mapErr": false,
+ "dockPillCount": 7,
+ "dockPillHeights": [
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38,
+ 38
+ ],
+ "dockPillEqualHeight": true,
+ "dockActive": [
+ "playBtn",
+ "trailBtn",
+ "venueBtn"
+ ],
+ "tempo": {
+ "present": true,
+ "value": "40",
+ "valuetext": "Andante"
+ },
+ "lantern": {
+ "present": true,
+ "value": "70",
+ "valuetext": "Bright"
+ },
+ "crowd": {
+ "present": true,
+ "value": "80",
+ "valuetext": "Teeming"
+ },
+ "animals": {
+ "present": true,
+ "value": "100",
+ "valuetext": "All"
+ },
+ "bears": {
+ "present": true,
+ "value": "3",
+ "valuetext": "3"
+ },
+ "reduceBtnPressed": "false",
+ "controlsPresent": {
+ "musicroom": true,
+ "scene": true,
+ "dock": true,
+ "lantern": true,
+ "tempo": true,
+ "reduceBtn": true,
+ "trailBtn": true,
+ "reactBtn": true,
+ "pteroBtn": true,
+ "venueBtn": true,
+ "restartBtn": true,
+ "playBtn": true,
+ "mrPlay": true,
+ "mrPrev": true,
+ "mrNext": true,
+ "mrSeek": true,
+ "mrSearch": true,
+ "mrSrc": true,
+ "mrShow": true,
+ "mrYear": true,
+ "mrTracks": true,
+ "mrToggle": true,
+ "labelBtn": true,
+ "crowd": true,
+ "animals": true,
+ "bears": true
+ },
+ "docTitle": "Scarlet Riverboat Masquerade — An Animated Gallery",
+ "threePresent": true
+ },
+ "screenshot": "shots/webkit-mobile.png",
+ "checks": {
+ "catalog17": true,
+ "defaultShow7": true,
+ "sourceSelector_GD_and_DeadCo": true,
+ "yearGridPresent": true,
+ "dockEqualHeightPills": true,
+ "activeLanternState": true,
+ "slowedMotionControls": true,
+ "musicRoomControls": true
+ },
+ "status": "PASS"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/verification-reports/tk11100-localhead/run-localhead.js b/verification-reports/tk11100-localhead/run-localhead.js
new file mode 100644
index 0000000..c64639c
--- /dev/null
+++ b/verification-reports/tk11100-localhead/run-localhead.js
@@ -0,0 +1,234 @@
+#!/usr/bin/env node
+/*
+ * TK-11100 — Local HEAD delta lane
+ * Proves room/index.html from git commit 5bb689d (blob 6aaa35e, 17-show catalog)
+ * served from a LOOPBACK-ONLY (127.0.0.1) ephemeral static server, exercised in
+ * Playwright Chromium + WebKit at desktop + mobile.
+ *
+ * Owns only: verification/tk11100-localhead/** (no source edits, no deploy).
+ * Self-contained: starts + STOPS its own server (cleanup proof in results).
+ */
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+const PW = '/Users/macstudio3/.npm-global/lib/node_modules/playwright';
+const { chromium, webkit, devices } = require(PW);
+
+const ROOT = __dirname; // verification/tk11100-localhead
+const SRV = path.join(ROOT, 'srv'); // serving root (contains /room/index.html)
+const SHOTS = path.join(ROOT, 'shots');
+const RESULTS = path.join(ROOT, 'results');
+for (const d of [SHOTS, RESULTS]) fs.mkdirSync(d, { recursive: true });
+
+const TARGET_COMMIT = '5bb689d1d98eff41c32ea4cc6e51fed608d25f6a';
+const TARGET_BLOB = '6aaa35ea775e2a338cb4b04eec5b0016f5c0d213';
+
+const MIME = { '.html':'text/html', '.png':'image/png', '.js':'text/javascript',
+ '.css':'text/css', '.svg':'image/svg+xml', '.json':'application/json' };
+
+function startServer() {
+ return new Promise((resolve) => {
+ const server = http.createServer((req, res) => {
+ let p = decodeURIComponent(req.url.split('?')[0]);
+ if (p.endsWith('/')) p += 'index.html';
+ const fp = path.join(SRV, p);
+ if (!fp.startsWith(SRV)) { res.writeHead(403); return res.end('forbidden'); }
+ fs.readFile(fp, (err, buf) => {
+ if (err) { res.writeHead(404); return res.end('not found'); }
+ res.writeHead(200, { 'Content-Type': MIME[path.extname(fp)] || 'application/octet-stream' });
+ res.end(buf);
+ });
+ });
+ // LOOPBACK ONLY: bind explicitly to 127.0.0.1, ephemeral port 0
+ server.listen(0, '127.0.0.1', () => resolve(server));
+ });
+}
+
+// In-page inventory probe — reads the room's live JS globals + DOM controls.
+const PROBE = () => {
+ // indirect eval reaches top-level lexical `const` globals (CATALOG/DEFAULT_SHOW)
+ const gEval = (expr) => { try { return (0, eval)(expr); } catch { return undefined; } };
+ const qa = (s) => Array.from(document.querySelectorAll(s));
+ const el = (id) => document.getElementById(id);
+
+ const catalogLen = gEval("typeof CATALOG!=='undefined' && Array.isArray(CATALOG) ? CATALOG.length : null");
+ const defaultShow = gEval("typeof DEFAULT_SHOW!=='undefined' ? DEFAULT_SHOW : null");
+ const firstShow = gEval("typeof CATALOG!=='undefined'&&CATALOG[0] ? (CATALOG[0].date||CATALOG[0].id) : null");
+ const lastShow = gEval("typeof CATALOG!=='undefined'&&CATALOG.length ? (CATALOG[CATALOG.length-1].date||CATALOG[CATALOG.length-1].id) : null");
+
+ // #mrShow <select> is populated one <option> per CATALOG entry -> runtime proof of catalog size.
+ // (CATALOG/DEFAULT_SHOW are IIFE-scoped in the source, so read them via the rendered DOM.)
+ const showSelect = el('mrShow');
+ const showOptionCount = showSelect && showSelect.tagName === 'SELECT' ? showSelect.options.length : 0;
+ const selectedShowIndex = showSelect ? showSelect.value : null; // loadShow(DEFAULT_SHOW) sets this
+ const firstOptText = showSelect && showSelect.options[0] ? showSelect.options[0].textContent.trim() : null;
+ const lastOptText = showSelect && showSelect.options.length ? showSelect.options[showSelect.options.length-1].textContent.trim() : null;
+
+ // source selector: #mrSrc renders one <button data-src> per MR_SOURCES key (gd / dc)
+ const srcButtons = qa('#mrSrc button[data-src]').map(b => ({
+ src: b.dataset.src, label: (b.textContent || '').trim().replace(/\s+/g, ' ')
+ }));
+ const srcActive = qa('#mrSrc button[data-src].on, #mrSrc button[aria-selected="true"]').map(b => b.dataset.src);
+ const MR = gEval('window.MR_SOURCES');
+ const mrSourcesLabels = MR && typeof MR === 'object' ? Object.values(MR).map(v => (v && v.label) || '').filter(Boolean) : [];
+
+ // year-tile grid: #mrMap holds one <button class="mr-yr"> per year (GD 1965-1995 => 31)
+ const yearTiles = qa('#mrMap .mr-yr');
+ const yearTileYears = yearTiles.map(b => b.dataset.y);
+ const mapErr = !!document.querySelector('#mrMap .mr-map-err');
+
+ // dock pills: #dock .btn — equal-height via flex align-items:stretch
+ const pills = qa('#dock .btn');
+ const pillHeights = pills.map(b => Math.round(b.getBoundingClientRect().height));
+ const nonZero = pillHeights.filter(h => h > 0);
+ const dockPillEqualHeight = nonZero.length > 1 ? (Math.max(...nonZero) - Math.min(...nonZero) <= 1) : null;
+ // "lit / active" pills (aria-pressed=true => the gold-wash active state)
+ const dockActive = qa('#dock .btn[aria-pressed="true"]').map(b => b.id);
+
+ // range controls
+ const rng = (id) => { const e = el(id); return e && e.tagName === 'INPUT' && e.type === 'range'
+ ? { present: true, value: e.value, valuetext: e.getAttribute('aria-valuetext') } : { present: false }; };
+
+ const ids = ['musicroom','scene','dock','lantern','tempo','reduceBtn','trailBtn','reactBtn',
+ 'pteroBtn','venueBtn','restartBtn','playBtn','mrPlay','mrPrev','mrNext','mrSeek','mrSearch',
+ 'mrSrc','mrShow','mrYear','mrTracks','mrToggle','labelBtn','crowd','animals','bears'];
+ const present = {}; ids.forEach(i => present[i] = !!el(i));
+
+ return {
+ catalogLen, defaultShow, firstShow, lastShow,
+ showOptionCount, selectedShowIndex, firstOptText, lastOptText,
+ srcButtons, srcActive, mrSourcesLabels,
+ yearTileCount: yearTiles.length, yearTileYears, mapErr,
+ dockPillCount: pills.length, dockPillHeights: pillHeights, dockPillEqualHeight, dockActive,
+ tempo: rng('tempo'), lantern: rng('lantern'), crowd: rng('crowd'),
+ animals: rng('animals'), bears: rng('bears'),
+ reduceBtnPressed: el('reduceBtn') ? el('reduceBtn').getAttribute('aria-pressed') : null,
+ controlsPresent: present,
+ docTitle: document.title,
+ threePresent: gEval("typeof THREE!=='undefined' || typeof window.THREE!=='undefined'") === true,
+ };
+};
+
+const PROFILES = [
+ { name: 'desktop', opts: { viewport: { width: 1440, height: 900 }, deviceScaleFactor: 1 } },
+ { name: 'mobile', opts: { ...devices['iPhone 13'] } },
+];
+const ENGINES = [ { name: 'chromium', launcher: chromium }, { name: 'webkit', launcher: webkit } ];
+
+(async () => {
+ const started = new Date().toISOString();
+ const server = await startServer();
+ const { port } = server.address();
+ const base = `http://127.0.0.1:${port}`;
+ const boundAddr = `${server.address().address}:${port}`;
+ console.log(`[server] loopback-only serving ${SRV} at ${base} (bound ${boundAddr})`);
+
+ const runs = [];
+ for (const eng of ENGINES) {
+ let browser;
+ try { browser = await eng.launcher.launch({ headless: true }); }
+ catch (e) { runs.push({ engine: eng.name, profile: '*', status: 'SKIP', reason: 'launch failed: '+e.message }); continue; }
+ for (const prof of PROFILES) {
+ const combo = `${eng.name}-${prof.name}`;
+ const rec = { engine: eng.name, profile: prof.name, combo, url: base + '/room/', consoleErrors: [], pageErrors: [] };
+ let ctx, page;
+ try {
+ ctx = await browser.newContext(prof.opts);
+ // Harness sandboxing (NOT source edits): supply the external deps the page
+ // requests so a loopback/offline box can exercise the feature deterministically.
+ // - three.js CDN -> local r128 fixture (scene renders; tempo affects it)
+ // - archive.org advancedsearch -> deterministic per-year count stub (year grid heat-colors)
+ const threeJs = fs.readFileSync(path.join(ROOT, 'fixtures', 'three.min.js'));
+ await ctx.route(/three@0\.128\.0/, r => r.fulfill({ status: 200, contentType: 'text/javascript', body: threeJs }));
+ await ctx.route(/archive\.org\/advancedsearch/, r => {
+ const u = new URL(r.request().url());
+ const q = u.searchParams.get('q') || '';
+ const ym = q.match(/year:(\d{4})/); const year = ym ? +ym[1] : 1977;
+ // plausible deterministic count so tiles persist + heat-color (77/89 spike)
+ const n = [1977, 1989].includes(year) ? 90 : 20 + (year % 40);
+ r.fulfill({ status: 200, contentType: 'application/json',
+ body: JSON.stringify({ response: { numFound: n, docs: [] } }) });
+ });
+ page = await ctx.newPage();
+ page.on('console', m => { if (m.type() === 'error') rec.consoleErrors.push(m.text().slice(0,300)); });
+ page.on('pageerror', e => rec.pageErrors.push(String(e).slice(0,300)));
+ const resp = await page.goto(base + '/room/', { waitUntil: 'domcontentloaded', timeout: 20000 });
+ rec.httpStatus = resp ? resp.status() : null;
+ // let the app initialize + the stubbed year-count promises settle
+ await page.waitForTimeout(3500);
+ // exercise the "slowed motion" tempo control: drive it and confirm the label reacts
+ try {
+ const before = await page.$eval('#tempoV', e => e.textContent).catch(()=>null);
+ await page.$eval('#tempo', e => { e.value = '40'; e.dispatchEvent(new Event('input', {bubbles:true})); });
+ await page.waitForTimeout(200);
+ const after = await page.$eval('#tempoV', e => e.textContent).catch(()=>null);
+ rec.tempoControl = { before, after, reacts: before !== null && after !== null && before !== after };
+ } catch (e) { rec.tempoControl = { reacts: false, err: String(e).slice(0,120) }; }
+ // Reveal the control chrome (room boots in immersive hide-chrome mode) so the dock lays out
+ try {
+ const wasHidden = await page.$eval('#stage', s => s.classList.contains('hide-chrome')).catch(()=>null);
+ await page.click('#chromeBtn', { timeout: 3000 }).catch(()=>{});
+ await page.waitForTimeout(400);
+ const nowHidden = await page.$eval('#stage', s => s.classList.contains('hide-chrome')).catch(()=>null);
+ rec.chromeToggle = { wasHidden, nowHidden, revealed: wasHidden === true && nowHidden === false };
+ } catch (e) { rec.chromeToggle = { revealed: false, err: String(e).slice(0,120) }; }
+ rec.inventory = await page.evaluate(PROBE);
+ const shot = path.join(SHOTS, `${combo}.png`);
+ await page.screenshot({ path: shot, fullPage: false });
+ rec.screenshot = path.relative(ROOT, shot);
+ // Per-combo acceptance checks
+ const inv = rec.inventory;
+ const srcBlob = JSON.stringify(inv.srcButtons) + JSON.stringify(inv.mrSourcesLabels);
+ rec.checks = {
+ catalog17: inv.showOptionCount === 17, // runtime: #mrShow options == CATALOG.length
+ defaultShow7: inv.selectedShowIndex === '7', // loadShow(DEFAULT_SHOW) => #mrShow.value
+ sourceSelector_GD_and_DeadCo:
+ /grateful dead/i.test(srcBlob) && /dead\s*&?\s*(and\s*)?compan/i.test(srcBlob) &&
+ inv.srcButtons.some(b => b.src === 'gd') && inv.srcButtons.some(b => b.src === 'dc'),
+ yearGridPresent: inv.yearTileCount >= 30 && !inv.mapErr,
+ dockEqualHeightPills: inv.dockPillCount >= 5 && inv.dockPillEqualHeight === true,
+ activeLanternState: inv.lantern.present === true && inv.dockActive.length >= 1,
+ slowedMotionControls: inv.tempo.present === true && inv.controlsPresent.reduceBtn === true
+ && (rec.tempoControl ? rec.tempoControl.reacts === true : false),
+ musicRoomControls: !!(inv.controlsPresent.mrPlay && inv.controlsPresent.mrPrev
+ && inv.controlsPresent.mrNext && inv.controlsPresent.mrSeek && inv.controlsPresent.mrSearch),
+ };
+ rec.status = Object.values(rec.checks).every(Boolean) ? 'PASS' : 'FAIL';
+ } catch (e) {
+ rec.status = 'FAIL'; rec.error = String(e).slice(0, 400);
+ } finally {
+ if (page) await page.close().catch(()=>{});
+ if (ctx) await ctx.close().catch(()=>{});
+ }
+ console.log(`[${combo}] ${rec.status} catalog=${rec.inventory?rec.inventory.catalogLen:'?'} yearTiles=${rec.inventory?rec.inventory.yearTileCount:'?'}`);
+ runs.push(rec);
+ }
+ await browser.close().catch(()=>{});
+ }
+
+ // Cleanup: STOP the temporary server
+ await new Promise(r => server.close(r));
+ const serverStopped = !server.listening;
+ console.log(`[server] stopped=${serverStopped}`);
+
+ // git blob hash of the served room file (proves it is byte-identical to 5bb689d:room/index.html)
+ const cp = require('child_process');
+ let servedBlob = null;
+ try { servedBlob = cp.execSync(`git hash-object "${path.join(SRV,'room','index.html')}"`,
+ { cwd: ROOT }).toString().trim(); } catch {}
+
+ const summary = {
+ ticket: 'TK-11100', lane: 'localhead', owner: 'iterm-tk11100-localhead',
+ targetCommit: TARGET_COMMIT, targetBlob: TARGET_BLOB,
+ servedBlob, servedBlobMatchesTarget: servedBlob === TARGET_BLOB,
+ serverBoundAddr: boundAddr, loopbackOnly: boundAddr.startsWith('127.0.0.1'),
+ startedAt: started, finishedAt: new Date().toISOString(),
+ serverStopped,
+ combos: runs.map(r => ({ combo: r.combo, status: r.status, checks: r.checks || null })),
+ overall: runs.every(r => r.status === 'PASS') ? 'PASS' : (runs.some(r=>r.status==='PASS')?'PARTIAL':'FAIL'),
+ runs,
+ };
+ fs.writeFileSync(path.join(RESULTS, 'localhead-results.json'), JSON.stringify(summary, null, 2));
+ console.log('OVERALL:', summary.overall);
+ process.exit(0);
+})().catch(e => { console.error('FATAL', e); process.exit(1); });
← dbeda45 room(TK-11101): fix remaining ARIA delta — listbox/tablist/t
·
back to Dead Agentabrams
·
room(TK-11100 F1): default Music Room COLLAPSED on narrow mo f5e5893 →