diff --git a/README.md b/README.md
index e74c037..e4f944b 100644
--- a/README.md
+++ b/README.md
@@ -41,6 +41,25 @@ Code invariants:
 - Tests and typecheck green, one runnable check for new logic
 - No dead code, stale comments, or debug residue
 
+## Does it actually help? (measured)
+
+Fair skepticism: a strong model already fixes plenty of UI bugs on its own.
+So the skill was A/B tested - the same audit run with it and without it, scored by a script that renders the output and measures pixels, not by opinion.
+
+The headline result is on the exact bug class this plugin exists for: a layout shift that only appears in a state the default view never shows.
+An agent is handed a toolbar and told only "audit this" - the bug is never named - across 8 trials per condition:
+
+![ocd vs baseline on a hidden-state layout shift](eval/ablation/shots/d2_real_comparison.png)
+
+- **Without the skill: 0/8 found it.** Every run fixed a *different*, visible issue (the buttons' font) and never simulated the changing count, so the shift sailed through.
+- **With the skill: 8/8 found it.** Its "simulate every state" rule renders the count at 3 and at 9999, sees the buttons drift, and reserves the width.
+
+That is the skill doing the one thing a fast read cannot: catching the bug you only see when you render a state that isn't on screen.
+
+Honest scope, because the same study measured it: when a bug is named, visible on sight, or readable in the source - even buried in a real, heavy landing page - a strong base model already fixes it, and the skill adds no correctness there while costing 2-3x more tokens.
+Its edge is specifically the source-invisible, state-dependent bug.
+Full write-up, all five rounds, both render-and-measure scorers, and every number including the ties: [`eval/ablation`](eval/ablation).
+
 ## Install
 
 As a plugin (recommended, gets updates):
@@ -88,6 +107,25 @@ The natural move after changing a button is to screenshot the button - a frame i
 It uses whatever browser tooling the session already has, or falls back to a bundled ~50-line puppeteer-core script that reuses your installed Chrome (no browser download, <2s per shot).
 The heuristic handles shadow DOM, inner scroll containers, `display:contents`, and `position:fixed`, and returns why it picked the frame.
 
+### Verified, not asserted
+
+Those handling claims are backed by an eval + bench, not just prose - fittingly, given the skill's own "measurements, not impressions" rule.
+The suite lives in [`skills/wideshot/scripts/test`](skills/wideshot/scripts/test) (12 correctness cases in real headless Chrome, plus a perf bench): `npm test`, `npm run bench`.
+
+The heuristic is a *container-selection* step that runs before a screenshot, so the fair comparison is against the framing other tools give you.
+Measured on one engine (puppeteer-core + Chrome), same page and target, so the only variable is what gets framed (Apple M5, arm64 - ratios matter, not absolute ms):
+
+| framing strategy | time (median) | output | note |
+|------------------|---------------|--------|------|
+| element-only (Playwright / shot-scraper / capture-website `--element`) | 25.1 ms | 40 x 30 px | no siblings -> alignment/shift unverifiable |
+| **wideshot** | 24.5 ms | 920 x 50 px | frames the pane, same speed as element-only |
+| full-page | 41.9 ms | 1280 x 4400 px | captures everything, 1.7x slower, unfocused |
+
+The heuristic itself adds < 0.1 ms (p95), below the `performance.now()` floor.
+So wideshot costs the same as a plain element shot but returns a frame you can actually verify in - where element-only deleted the siblings and full-page buried the change.
+Every other tool screenshots exactly the selector you hand it or the whole page; only wideshot walks to the meaningful container.
+Full matrix and how-to in the [eval README](skills/wideshot/scripts/test/README.md).
+
 ## Structure
 
 ```
@@ -98,6 +136,7 @@ skills/
   ocd/SKILL.md               the audit-and-fix pass
   wideshot/SKILL.md          context-framed screenshots for visual verification
   wideshot/scripts/          container heuristic + fallback capture tool
+  wideshot/scripts/test/     eval (12 cases) + perf bench for the heuristic
 ```
 
 Skills under `skills/` are auto-discovered by the plugin.
diff --git a/eval/ablation/README.md b/eval/ablation/README.md
new file mode 100644
index 0000000..d48ce65
--- /dev/null
+++ b/eval/ablation/README.md
@@ -0,0 +1,129 @@
+# ocd skill ablation
+
+Does the ocd *skill* (a prompt) change what Claude produces? The wideshot eval proves the *tool* works; this asks a different question about the *skill*, and answers it with a controlled A/B, scored by a deterministic script - not by model judgment.
+
+## Method
+
+- **Corpus** (`tasks/`): 3 single-file bugs with objective ground truth a script can measure.
+  - `t1` - layout shift: a TUI progress row whose `%` label isn't padded, so the `|` column drifts as the percent widens.
+  - `t2` - drift: a caret marker at a hardcoded column instead of one computed from the count's width.
+  - `t3` - root cause vs symptom: `pct()` divides by zero on an empty list; the shared bug also reaches `bar()`. A symptom-only patch of `summary()` leaves the sibling caller broken.
+  - `a1`/`a2`/`a3` - adversarial versions: clamp both ends (not just >100), one shared bug reached by 3 named-only-once callers, column width from max (not the first row).
+  - `va`/`vb`/`vc` - visual (HTML), scored by rendered bounding-rects: layout shift, box-model width trap, off-center card.
+  - `d1`/`d2`/`d3` - discovery (HTML): same measurement, but the bug is NEVER named to the agent ("audit this, may or may not have issues"). Tests detection, not fixing.
+- **Conditions**: `base` = agent gets only the symptom + "no slash-command skills"; `ocd` = agent told to read and follow `skills/ocd/SKILL.md`. Same tools, same model. The only variable is the method.
+- **Trials**: 2 per (task x condition) = 12 runs. Symptom prompts state the symptom only, never the full check the scorer applies (so a lazy fix that only addresses the named case fails).
+- **Score** (`score.mjs`): imports each edited module and measures `{fixed, regression}` across all states / callers. `fixed` = defect gone everywhere, normal cases intact. `regression` = new breakage OR a symptom-only patch that left a sibling caller broken.
+- **Scorer is self-tested first** (`selftest.mjs`): buggy -> not fixed; reference fixes -> fixed/no-regression; a symptom-only patch -> fixed BUT regression. A wrong scorer would invalidate everything, so it is validated before any agent runs.
+
+## Results
+
+### Round 1 - easy tasks (`t1`-`t3`, n=2)
+
+| condition | fixed | regressions | mean tokens | mean tool-uses |
+|-----------|-------|-------------|-------------|----------------|
+| base      | 6 / 6 | 0           | ~26.8k      | 2.0            |
+| ocd       | 6 / 6 | 0           | ~30.5k      | 4.7            |
+
+Ceiling effect. Baseline `t3` runs guarded the shared `pct()` (root cause), not just `summary()` (symptom) - the exact discipline the skill teaches, applied unprompted.
+
+### Round 2 - adversarial tasks (`a1`-`a3`, n=2)
+
+Tasks redesigned so the lazy fix passes the *named* case but fails a deeper check: clamp both ends (not one), trace 3 callers (not the one named), size to max (not a sampled row).
+
+| condition | fixed | regressions | mean tokens | mean tool-uses |
+|-----------|-------|-------------|-------------|----------------|
+| base      | 6 / 6 | 0           | ~27.0k      | 2.2            |
+| ocd       | 6 / 6 | 0           | ~30.7k      | 4.7            |
+
+Same ceiling. Baseline clamped **both** ends (`Math.max(0, Math.min(10, ...||0))`), sized to `Math.max` over all rows, and guarded the shared `fmtPct` - every trap, unprompted.
+
+### Round 3 - visual tasks, scored by headless-browser rects (`va`-`vc`, n=2)
+
+The skill's home turf: bugs invisible-or-misleading in source, measurable only by rendering. `va` layout shift (a `%` label with no reserved width moves the Cancel button); `vb` box-model trap (two cards both `width:320px`, one `border-box`, render 38px apart); `vc` off-center card (hardcoded `left:120px`, centered needs 150). Scored by `visual-score.mjs` (puppeteer bounding-rects).
+
+| condition | fixed | regressions | mean tokens | mean tool-uses |
+|-----------|-------|-------------|-------------|----------------|
+| base      | 6 / 6 | 0           | ~26.9k      | 2.2            |
+| ocd       | 6 / 6 | 0           | ~34.3k      | 8.3            |
+
+Same outcome - but here the **process** finally diverged: ocd-condition agents actually **rendered and measured** (headless CDP - "button left edge holds at 246.53px", "verified A=B=320"), while base agents reasoned from source in 2 tool-uses. The skill did exactly what it promises (measure, don't eyeball). The base model's source reasoning simply reached the same correct fix without rendering - so measuring was right but redundant, at +27% tokens and ~4x the tool calls.
+
+### Round 4 - DISCOVERY: bug not named (`d1`-`d3`, n=2)
+
+The decisive change: the agent is told only "audit this, it may or may not have issues" - the defect is never named. This tests *detection*, the skill's actual headline. Planted defects that don't scream in source: `d1` one stat card silently wider (padding shorthand), `d2` a counter with no reserved width **that looks perfect at its default value and only shifts siblings when the number grows**, `d3` a flex-centered modal nudged off-center by a stray `margin-left`.
+
+| task | base found | ocd found | note |
+|------|-----------|-----------|------|
+| d1 (card bulge, visible in one render) | 2/2 | 2/2 | ceiling |
+| **d2 (shift invisible at default state)** | **0/2** | **2/2** | **the signal** |
+| d3 (off-center, visible in one render) | 2/2 | 2/2 | ceiling |
+| **total** | **4/6** | **6/6** | |
+
+**First real difference in the whole study.** On `d2`, base audited what it could see in the default render - it even found and fixed a *different, unplanted* real defect (buttons not inheriting the monospace font) - but never varied the count, so it missed the layout shift entirely, both trials. Verified in the file: base left `.count { }` untouched; ocd added `min-width: 4ch` after rendering across counts. The skill's "simulate the states - layout bugs live in the transitions" discipline is exactly what closed the gap. It cost ~46% more tokens on that task.
+
+`d1`/`d3` stayed at ceiling because those defects are visible in a single default render - no state simulation needed, so base catches them too.
+
+### Bottom line (48 runs, 12 bug types)
+
+- **Fixing a *named* bug (rounds 1-3, code + visual): no measurable difference.** Baseline Opus already clamps both ends, traces callers, sizes to max, reasons box-model. The skill changed the process (made agents render+measure) but not the outcome, at +14-27% cost.
+- **Discovering an *unnamed* bug (round 4): a real, mechanistic gap - but only for defects invisible in the default view.** base 4/6 vs ocd 6/6, the entire delta on the one state-dependent bug. For bugs visible on sight, still ceiling.
+
+So the skill earns its keep in one specific place: **finding the bug that isn't visible until you simulate a state the default render doesn't show.** That is a narrow but genuine slice of what it claims - and the slice where "render it, count the cells, across every state" is doing work a strong model skips when it isn't told to.
+
+### Round 5 - hardening d2 (n=8) + a real heavy page
+
+**d2 rerun at n=8 per condition** (discovery mode, bug never named), split into *detection* (found the shift at all) and *robust fix* (holds at count=9999):
+
+| condition | detected the shift | robust fix (holds @9999) |
+|-----------|--------------------|--------------------------|
+| base      | **0 / 8**          | 0 / 8                    |
+| ocd       | **8 / 8**          | 5 / 8                    |
+
+The 0/8 vs 8/8 detection split holds up. All 8 base runs instead found and fixed a *different* real defect (buttons not inheriting the monospace font) and never simulated the count. 3 of the 8 ocd runs detected the shift but sized the reserve to `3ch`, too small for 4-digit counts - detection is the robust signal; fix-completeness varies. Before/after screenshots (fixture and real agent outputs) in `shots/` - `d2_comparison.png`, `d2_real_comparison.png`.
+
+**Real heavy landing page** (HTML5 UP "Stellar", full template with parallax/animations, CCA 3.0). Clean template has zero horizontal overflow at any width. Planted one realistic state-dependent bug - an inline `min-width: 720px` on the stats row that renders perfectly on desktop but forces ~385px of horizontal overflow on mobile (375px). Scored by `heavy-score.mjs` (overflow across 1280/1024/768/414/375), discovery mode, n=4:
+
+| condition | overflow fixed | mean cost |
+|-----------|----------------|-----------|
+| base      | **4 / 4**      | ~32k tok, 4-5 tools |
+| ocd       | **4 / 4**      | ~77k tok, 12-21 tools |
+
+**Ceiling - both found it, on a real cluttered page.** The reason matters: this bug was an *inline style*, a visible source smell, so base spotted it by reading even buried in a heavy template. Contrast d2, whose bug is an *empty `.count {}` rule* - nothing to see in source, only behavior across states. Screenshots: `shots/heavy_buggy_375.png` (stats overflow the viewport) vs `shots/heavy_fixed_375.png` (stats stack cleanly).
+
+**Refined conclusion: the discriminator is not page heaviness or bug difficulty - it is source-visibility.** A bug base can *read* (inline style, odd value, box-model math), it fixes with or without the skill, even amid real-page clutter. A bug base cannot read - one that exists only as behavior in a non-default state (d2's shift) - base misses and the skill's "simulate every state" catches. That is the narrow, real slice where the skill earns its 2-3x cost.
+
+## Caveats that still stand
+
+- **Small n.** d2 is now 16 runs (8+8) and holds 0/8 vs 8/8; other tasks are still n=2. Solid for d2, suggestive elsewhere.
+- **Self-authored corpus**, scored objectively. The d2 result is only as good as the claim that an empty-rule layout shift is a fair, representative "invisible-in-source" bug (it is a common real one).
+- **Opus only.** On a weaker model the gap is plausibly wider on every round, not just discovery.
+- **The tail.** Even where the mean ties, the skill may cut the rare miss.
+- **Cost scales with the skill's effort.** It rendered/measured far more (up to ~100k tokens, 20+ tool calls on the heavy page) - 2-3x baseline - whether or not that changed the outcome.
+
+## Screenshots
+
+In `shots/` (generated by `shots.mjs`): `d2_comparison.png` (fixture before/after), `d2_real_comparison.png` (real base-missed vs ocd-fixed agent outputs), `heavy_buggy_375.png` / `heavy_fixed_375.png` (real landing-page stats overflowing vs stacked on mobile).
+
+The heavy page (HTML5 UP "Stellar", CCA 3.0) is fetched to `/tmp`, not vendored: `curl -sSL https://html5up.net/stellar/download -o s.zip && unzip s.zip`, then plant `min-width:720px` on `<ul class="statistics">`.
+
+Honest one-liner: **the ocd skill shows no lift when the bug is named or readable in source - even buried in a real heavy landing page - and costs 2-3x more. Its one robust win is discovery of a source-invisible, state-dependent bug: d2 detection base 0/8 vs ocd 8/8. Its value concentrates on the bug you can only find by simulating a state the default render hides.**
+
+## Honest limitations
+
+- **n=2 per cell** - indicative, not significant. Wide CIs.
+- **Ceiling** - needs harder, subtler bugs where a strong-but-lazy baseline actually cuts a corner (a defect that only shows in one uncommon state; an anchor that looks right for the sampled values but drifts at an unsampled one; a caller two hops away). That is where a with/without gap could appear, if one exists.
+- **Self-authored corpus** - written by the same model family being tested. Mitigated by the objective script scorer, not eliminated.
+- **Marginal-lift framing** - this measures the skill on top of an already-strong base model, not against a naive one.
+
+## Run it
+
+```bash
+node selftest.mjs                    # validate the code scorer (v1 + v2)
+node visual-selftest.mjs             # validate the render+measure scorer (v3)
+# seed trial dirs (<task>__<cond>__t<trial>/mod.{mjs,html}), one buggy copy each, run agents
+node score.mjs        /tmp/ablation-run   # code tasks  -> {fixed, regression} per run
+node visual-score.mjs /tmp/ablation-v3    # visual tasks (headless browser)
+```
+
+Requires a Chrome/Chromium for the visual scorer (reuses the wideshot heuristic test's puppeteer-core + browser).
diff --git a/eval/ablation/fixtures/dfixedD1.html b/eval/ablation/fixtures/dfixedD1.html
new file mode 100644
index 0000000..c9cc6cc
--- /dev/null
+++ b/eval/ablation/fixtures/dfixedD1.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 14px sans-serif; padding: 20px; }
+  .stats { display: flex; gap: 16px; }
+  .card { width: 160px; padding: 16px; border: 2px solid #ccc; border-radius: 8px; background: #fafafa; }
+  .card.mid { padding: 16px; }
+  .num { font-size: 24px; font-weight: 600; }
+  .lbl { color: #888; font-size: 12px; }
+</style></head><body>
+  <div class="stats">
+    <div class="card" id="c1"><div class="num">42</div><div class="lbl">Active</div></div>
+    <div class="card mid" id="c2"><div class="num">7</div><div class="lbl">Pending</div></div>
+    <div class="card" id="c3"><div class="num">128</div><div class="lbl">Done</div></div>
+  </div>
+</body></html>
diff --git a/eval/ablation/fixtures/dfixedD2.html b/eval/ablation/fixtures/dfixedD2.html
new file mode 100644
index 0000000..7c32382
--- /dev/null
+++ b/eval/ablation/fixtures/dfixedD2.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 14px monospace; padding: 20px; }
+  .toolbar { display: inline-flex; align-items: center; gap: 12px; border: 1px solid #ddd; padding: 8px 12px; border-radius: 6px; }
+  .count { display: inline-block; min-width: 4ch; text-align: right; }
+  .actions { display: flex; gap: 8px; }
+  .btn { border: 1px solid #333; background: #fff; padding: 4px 8px; border-radius: 4px; }
+</style></head><body>
+  <div class="toolbar">
+    <span>Items</span>
+    <span class="count" id="count">3</span>
+    <div class="actions">
+      <button class="btn" id="clear">Clear</button>
+      <button class="btn">Export</button>
+    </div>
+  </div>
+  <script>
+    const c = new URLSearchParams(location.search).get('count') || '3';
+    document.getElementById('count').textContent = c;
+  </script>
+</body></html>
diff --git a/eval/ablation/fixtures/dfixedD3.html b/eval/ablation/fixtures/dfixedD3.html
new file mode 100644
index 0000000..8e2f51d
--- /dev/null
+++ b/eval/ablation/fixtures/dfixedD3.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 14px sans-serif; }
+  .overlay { position: fixed; inset: 0; background: rgba(0,0,0,.3); display: flex; align-items: center; justify-content: center; }
+  .modal { width: 320px; background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
+  h2 { margin: 0 0 8px; font-size: 18px; }
+  p { margin: 0; color: #555; }
+</style></head><body>
+  <div class="overlay" id="overlay">
+    <div class="modal" id="modal">
+      <h2>Delete project?</h2>
+      <p>This action cannot be undone.</p>
+    </div>
+  </div>
+</body></html>
diff --git a/eval/ablation/fixtures/fixed1.mjs b/eval/ablation/fixtures/fixed1.mjs
new file mode 100644
index 0000000..db9d700
--- /dev/null
+++ b/eval/ablation/fixtures/fixed1.mjs
@@ -0,0 +1,5 @@
+export function renderRow(pct, status) {
+  const filled = Math.round(pct / 10);
+  const bar = '#'.repeat(filled) + '.'.repeat(10 - filled);
+  return `[${bar}] ${String(pct).padStart(3)}% | ${status}`;
+}
diff --git a/eval/ablation/fixtures/fixed2.mjs b/eval/ablation/fixtures/fixed2.mjs
new file mode 100644
index 0000000..69485af
--- /dev/null
+++ b/eval/ablation/fixtures/fixed2.mjs
@@ -0,0 +1,6 @@
+export function renderStats(count) {
+  const line = `Total: ${count} items`;
+  const caretCol = 'Total: '.length + String(count).length;
+  const marker = ' '.repeat(caretCol) + '^';
+  return line + '\n' + marker;
+}
diff --git a/eval/ablation/fixtures/fixed3.mjs b/eval/ablation/fixtures/fixed3.mjs
new file mode 100644
index 0000000..36ebcb2
--- /dev/null
+++ b/eval/ablation/fixtures/fixed3.mjs
@@ -0,0 +1,11 @@
+export function pct(done, total) {
+  if (total === 0) return 0;
+  return Math.round((done / total) * 100);
+}
+export function bar(done, total) {
+  const f = Math.round(pct(done, total) / 10);
+  return '#'.repeat(f) + '.'.repeat(10 - f);
+}
+export function summary(done, total) {
+  return `${pct(done, total)}% ${bar(done, total)}`;
+}
diff --git a/eval/ablation/fixtures/fixedA1.mjs b/eval/ablation/fixtures/fixedA1.mjs
new file mode 100644
index 0000000..6f9a70d
--- /dev/null
+++ b/eval/ablation/fixtures/fixedA1.mjs
@@ -0,0 +1,4 @@
+export function bar(pct) {
+  const f = Math.max(0, Math.min(10, Math.round(pct / 10)));
+  return '#'.repeat(f) + '.'.repeat(10 - f);
+}
diff --git a/eval/ablation/fixtures/fixedA2.mjs b/eval/ablation/fixtures/fixedA2.mjs
new file mode 100644
index 0000000..d5d482d
--- /dev/null
+++ b/eval/ablation/fixtures/fixedA2.mjs
@@ -0,0 +1,13 @@
+export function fmtPct(done, total) {
+  if (total === 0) return '0%';
+  return Math.round((done / total) * 100) + '%';
+}
+export function statusLine(t) {
+  return `${t.name}: ${fmtPct(t.done, t.total)}`;
+}
+export function tooltip(t) {
+  return `${fmtPct(t.done, t.total)} complete`;
+}
+export function ariaLabel(t) {
+  return `progress ${fmtPct(t.done, t.total)}`;
+}
diff --git a/eval/ablation/fixtures/fixedA3.mjs b/eval/ablation/fixtures/fixedA3.mjs
new file mode 100644
index 0000000..b5a614d
--- /dev/null
+++ b/eval/ablation/fixtures/fixedA3.mjs
@@ -0,0 +1,4 @@
+export function table(counts) {
+  const w = Math.max(...counts.map(c => String(c).length));
+  return counts.map(c => `item ${String(c).padStart(w)}`).join('\n');
+}
diff --git a/eval/ablation/fixtures/symptom3.mjs b/eval/ablation/fixtures/symptom3.mjs
new file mode 100644
index 0000000..1058f99
--- /dev/null
+++ b/eval/ablation/fixtures/symptom3.mjs
@@ -0,0 +1,13 @@
+// Symptom-only patch: guards summary() but leaves the shared pct()/bar() broken.
+// The scorer must catch this as fixed=true BUT regression=true.
+export function pct(done, total) {
+  return Math.round((done / total) * 100);
+}
+export function bar(done, total) {
+  const f = Math.round(pct(done, total) / 10);
+  return '#'.repeat(f) + '.'.repeat(10 - f);
+}
+export function summary(done, total) {
+  if (total === 0) return '0% ' + '.'.repeat(10);
+  return `${pct(done, total)}% ${bar(done, total)}`;
+}
diff --git a/eval/ablation/fixtures/symptomA1.mjs b/eval/ablation/fixtures/symptomA1.mjs
new file mode 100644
index 0000000..f62e8e1
--- /dev/null
+++ b/eval/ablation/fixtures/symptomA1.mjs
@@ -0,0 +1,6 @@
+// One-end guard only: clamps the over-100 case named-ish by the symptom, still throws for pct<0.
+export function bar(pct) {
+  if (pct > 100) pct = 100;
+  const f = Math.round(pct / 10);
+  return '#'.repeat(f) + '.'.repeat(10 - f);
+}
diff --git a/eval/ablation/fixtures/symptomA2.mjs b/eval/ablation/fixtures/symptomA2.mjs
new file mode 100644
index 0000000..b8e081b
--- /dev/null
+++ b/eval/ablation/fixtures/symptomA2.mjs
@@ -0,0 +1,15 @@
+// Symptom-only patch: guards the named statusLine, leaves shared fmtPct broken for the
+// other two callers. Scorer must catch this as fixed=true BUT regression=true.
+export function fmtPct(done, total) {
+  return Math.round((done / total) * 100) + '%';
+}
+export function statusLine(t) {
+  const p = t.total === 0 ? '0%' : fmtPct(t.done, t.total);
+  return `${t.name}: ${p}`;
+}
+export function tooltip(t) {
+  return `${fmtPct(t.done, t.total)} complete`;
+}
+export function ariaLabel(t) {
+  return `progress ${fmtPct(t.done, t.total)}`;
+}
diff --git a/eval/ablation/fixtures/vfixedVA.html b/eval/ablation/fixtures/vfixedVA.html
new file mode 100644
index 0000000..e31833c
--- /dev/null
+++ b/eval/ablation/fixtures/vfixedVA.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 16px monospace; }
+  .row { display: inline-flex; align-items: center; gap: 8px; padding: 12px; }
+  .bar { width: 180px; height: 8px; background: #ddd; }
+  .pct { display: inline-block; width: 4ch; text-align: right; }
+  .btn { padding: 4px 10px; border: 1px solid #333; }
+</style></head><body>
+  <div class="row">
+    <div class="bar"></div>
+    <span class="pct" id="pct">45%</span>
+    <button class="btn" id="btn">Cancel</button>
+  </div>
+  <script>
+    const p = new URLSearchParams(location.search).get('pct') || '45';
+    document.getElementById('pct').textContent = p + '%';
+  </script>
+</body></html>
diff --git a/eval/ablation/fixtures/vfixedVB.html b/eval/ablation/fixtures/vfixedVB.html
new file mode 100644
index 0000000..252e136
--- /dev/null
+++ b/eval/ablation/fixtures/vfixedVB.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 16px sans-serif; }
+  .card { margin: 12px; padding: 16px; border: 3px solid #333; background: #eee; }
+  .a { width: 320px; box-sizing: border-box; }
+  .b { width: 320px; box-sizing: border-box; }
+</style></head><body>
+  <div class="card a" id="a">Card A</div>
+  <div class="card b" id="b">Card B</div>
+</body></html>
diff --git a/eval/ablation/fixtures/vfixedVC.html b/eval/ablation/fixtures/vfixedVC.html
new file mode 100644
index 0000000..df8d604
--- /dev/null
+++ b/eval/ablation/fixtures/vfixedVC.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; }
+  .container { width: 600px; height: 200px; background: #eee; position: relative; }
+  .card { width: 300px; height: 80px; background: #6af; position: absolute; top: 60px; left: 150px; }
+</style></head><body>
+  <div class="container" id="container">
+    <div class="card" id="card"></div>
+  </div>
+</body></html>
diff --git a/eval/ablation/fixtures/wrongA3.mjs b/eval/ablation/fixtures/wrongA3.mjs
new file mode 100644
index 0000000..d0eb8b2
--- /dev/null
+++ b/eval/ablation/fixtures/wrongA3.mjs
@@ -0,0 +1,6 @@
+// Sampled-row shortcut: width from the LAST row instead of the max. Passes lists whose
+// widest count is last, fails the killer list [7,100,5]. Scorer must reject (fixed=false).
+export function table(counts) {
+  const w = String(counts[counts.length - 1]).length;
+  return counts.map(c => `item ${String(c).padStart(w)}`).join('\n');
+}
diff --git a/eval/ablation/heavy-score.mjs b/eval/ablation/heavy-score.mjs
new file mode 100644
index 0000000..7816b3a
--- /dev/null
+++ b/eval/ablation/heavy-score.mjs
@@ -0,0 +1,51 @@
+// Scorer for the heavy real-page test: a page must not scroll horizontally at narrow
+// viewport widths (the classic "breaks on mobile" bug - a state the default desktop
+// render hides). Measures scrollWidth vs innerWidth across widths.
+import { createRequire } from 'node:module';
+import { pathToFileURL } from 'node:url';
+import { findChrome } from '../../skills/wideshot/scripts/test/harness.mjs';
+
+const require = createRequire('/Users/xiao/Dev/ocd/skills/wideshot/scripts/test/harness.mjs');
+const puppeteer = require('puppeteer-core');
+
+const WIDTHS = [1280, 1024, 768, 414, 375];
+
+export async function overflow(file) {
+  const b = await puppeteer.launch({ headless: true, executablePath: findChrome() });
+  const out = {};
+  for (const w of WIDTHS) {
+    const p = await b.newPage();
+    await p.setViewport({ width: w, height: 900, deviceScaleFactor: 1 });
+    await p.goto(pathToFileURL(file).href, { waitUntil: 'networkidle2' });
+    const m = await p.evaluate(() => {
+      const sw = document.documentElement.scrollWidth, iw = window.innerWidth;
+      let widest = null, max = 0;
+      if (sw > iw) for (const el of document.querySelectorAll('*')) {
+        const r = el.getBoundingClientRect();
+        if (r.right > max) { max = r.right; widest = el.tagName.toLowerCase() + (el.className ? '.' + String(el.className).split(' ')[0] : ''); }
+      }
+      return { sw, iw, overflow: Math.max(0, sw - iw), widest };
+    });
+    await p.close();
+    out[w] = m;
+  }
+  await b.close();
+  return out;
+}
+
+// fixed = no meaningful horizontal overflow at any width; regression = lost core content.
+export async function score(file) {
+  const o = await overflow(file);
+  const worst = Math.max(...WIDTHS.map(w => o[w].overflow));
+  const fixed = worst <= 2;
+  const b = await puppeteer.launch({ headless: true, executablePath: findChrome() });
+  const p = await b.newPage();
+  await p.goto(pathToFileURL(file).href, { waitUntil: 'networkidle2' });
+  const hasContent = await p.evaluate(() => !!document.querySelector('#header h1') && document.querySelectorAll('section').length >= 4);
+  await b.close();
+  return { fixed, regression: !hasContent, worstOverflow: worst, byWidth: o };
+}
+
+if (import.meta.url === pathToFileURL(process.argv[1]).href) {
+  console.log(JSON.stringify(await score(process.argv[2]), null, 2));
+}
diff --git a/eval/ablation/results-d2hard.json b/eval/ablation/results-d2hard.json
new file mode 100644
index 0000000..a4aa51f
--- /dev/null
+++ b/eval/ablation/results-d2hard.json
@@ -0,0 +1,114 @@
+[
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t3",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t4",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t5",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t6",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t7",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t8",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t3",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t4",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t5",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t6",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t7",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t8",
+    "fixed": true,
+    "regression": false
+  }
+]
diff --git a/eval/ablation/results-heavy.json b/eval/ablation/results-heavy.json
new file mode 100644
index 0000000..19692b9
--- /dev/null
+++ b/eval/ablation/results-heavy.json
@@ -0,0 +1,10 @@
+[
+  {"cond":"base","trial":"t1","fixed":true,"worstOverflow":0},
+  {"cond":"base","trial":"t2","fixed":true,"worstOverflow":0},
+  {"cond":"base","trial":"t3","fixed":true,"worstOverflow":0},
+  {"cond":"base","trial":"t4","fixed":true,"worstOverflow":0},
+  {"cond":"ocd","trial":"t1","fixed":true,"worstOverflow":0},
+  {"cond":"ocd","trial":"t2","fixed":true,"worstOverflow":0},
+  {"cond":"ocd","trial":"t3","fixed":true,"worstOverflow":0},
+  {"cond":"ocd","trial":"t4","fixed":true,"worstOverflow":0}
+]
diff --git a/eval/ablation/results-v2.json b/eval/ablation/results-v2.json
new file mode 100644
index 0000000..fd8882f
--- /dev/null
+++ b/eval/ablation/results-v2.json
@@ -0,0 +1,86 @@
+[
+  {
+    "task": "a1",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a1",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a1",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a1",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a2",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a2",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a2",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a2",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a3",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a3",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a3",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "a3",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  }
+]
diff --git a/eval/ablation/results-v3.json b/eval/ablation/results-v3.json
new file mode 100644
index 0000000..800ad33
--- /dev/null
+++ b/eval/ablation/results-v3.json
@@ -0,0 +1,86 @@
+[
+  {
+    "task": "va",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "va",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "va",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "va",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vb",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vb",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vb",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vb",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vc",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vc",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vc",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "vc",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  }
+]
diff --git a/eval/ablation/results-v4.json b/eval/ablation/results-v4.json
new file mode 100644
index 0000000..894670b
--- /dev/null
+++ b/eval/ablation/results-v4.json
@@ -0,0 +1,86 @@
+[
+  {
+    "task": "d1",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d1",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d1",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d1",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": false,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d2",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d3",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d3",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d3",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "d3",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  }
+]
diff --git a/eval/ablation/results.json b/eval/ablation/results.json
new file mode 100644
index 0000000..a71572d
--- /dev/null
+++ b/eval/ablation/results.json
@@ -0,0 +1,86 @@
+[
+  {
+    "task": "t1",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t1",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t1",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t1",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t2",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t2",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t2",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t2",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t3",
+    "cond": "base",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t3",
+    "cond": "base",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t3",
+    "cond": "ocd",
+    "trial": "t1",
+    "fixed": true,
+    "regression": false
+  },
+  {
+    "task": "t3",
+    "cond": "ocd",
+    "trial": "t2",
+    "fixed": true,
+    "regression": false
+  }
+]
diff --git a/eval/ablation/score.mjs b/eval/ablation/score.mjs
new file mode 100644
index 0000000..99f38d9
--- /dev/null
+++ b/eval/ablation/score.mjs
@@ -0,0 +1,108 @@
+// Deterministic scorers for the ablation tasks. Each imports a (possibly agent-edited)
+// module and returns { fixed, regression } by MEASURING behavior - no model judgment.
+//   fixed      - the objective defect is gone across ALL states / callers, normal cases intact
+//   regression - a new breakage, or a symptom-only patch that left a sibling caller broken
+import { pathToFileURL } from 'node:url';
+import { readdirSync } from 'node:fs';
+import { join } from 'node:path';
+
+const load = f => import(pathToFileURL(f).href + '?t=' + f); // path is unique per trial => fresh
+
+// T1: the separator column must not shift as the percentage width changes.
+async function score1(f) {
+  const m = await load(f);
+  const pcts = [0, 9, 55, 100];
+  const cols = pcts.map(p => m.renderRow(p, 'ok').indexOf('|'));
+  const fixed = cols.every(c => c > 0 && c === cols[0]);
+  let regression = false;
+  for (const p of pcts) {
+    const r = m.renderRow(p, 'ok');
+    const inside = r.slice(r.indexOf('[') + 1, r.indexOf(']'));
+    const hashes = (inside.match(/#/g) || []).length;
+    if (inside.length !== 10 || hashes !== Math.round(p / 10)) regression = true; // bar mangled to force alignment
+    if (!r.includes(String(p)) || !r.includes('ok')) regression = true;           // dropped the number/status
+  }
+  return { fixed, regression };
+}
+
+// T2: caret must sit just past the last digit of the count, for every count width.
+async function score2(f) {
+  const m = await load(f);
+  let fixed = true, regression = false;
+  for (const c of [5, 42, 1234]) {
+    const [line, marker = ''] = m.renderStats(c).split('\n');
+    if (marker.indexOf('^') !== 'Total: '.length + String(c).length) fixed = false;
+    if (line !== `Total: ${c} items`) regression = true;
+  }
+  return { fixed, regression };
+}
+
+// T3: empty list shows 0%; root cause must be fixed so sibling callers (bar/pct) work too.
+async function score3(f) {
+  const m = await load(f);
+  const dots = '.'.repeat(10);
+  const fixed = m.summary(0, 0) === `0% ${dots}` && m.summary(3, 4) === '75% ########..';
+  const regression = m.pct(0, 0) !== 0 || m.bar(0, 0) !== dots;  // symptom-only patch => sibling still broken
+  return { fixed, regression };
+}
+
+// --- v2 adversarial tasks: lazy fix passes the named case, fails a deeper check ---
+
+// A1: bar must clamp BOTH ends. Symptom names "some values"; a one-end guard still throws.
+async function scoreA1(f) {
+  const m = await load(f);
+  const cell = pct => { const k = Math.max(0, Math.min(10, Math.round(pct / 10))); return '#'.repeat(k) + '.'.repeat(10 - k); };
+  let fixed = true, regression = false;
+  for (const p of [-10, 0, 3, 55, 100, 130]) {
+    let out; try { out = m.bar(p); } catch { fixed = false; continue; }
+    if (out !== cell(p)) fixed = false;
+  }
+  for (const p of [0, 50, 100]) { try { if (m.bar(p) !== cell(p)) regression = true; } catch { regression = true; } }
+  return { fixed, regression };
+}
+
+// A2: shared fmtPct reached by 3 callers; only statusLine is named. Symptom-only patch
+// leaves tooltip + ariaLabel producing NaN -> regression.
+async function scoreA2(f) {
+  const m = await load(f);
+  const empty = { name: 'x', done: 0, total: 0 };
+  const fixed = m.statusLine(empty) === 'x: 0%' && m.statusLine({ name: 'x', done: 3, total: 4 }) === 'x: 75%';
+  const regression = m.tooltip(empty) !== '0% complete' || m.ariaLabel(empty) !== 'progress 0%';
+  return { fixed, regression };
+}
+
+// A3: column width must come from the MAX count, not a sampled row. Killer list puts the
+// widest value in the middle, so first-row / last-row shortcuts both fail.
+async function scoreA3(f) {
+  const m = await load(f);
+  let fixed = true, regression = false;
+  for (const list of [[7, 100, 5], [100, 7, 5], [7, 5, 100], [42]]) {
+    const lines = m.table(list).split('\n');
+    const len = lines[0].length;
+    if (!lines.every(l => l.length === len)) fixed = false;                 // not all aligned
+    list.forEach((c, i) => {
+      if (!lines[i] || !lines[i].startsWith('item ') || !lines[i].endsWith(String(c))) regression = true;
+    });
+  }
+  return { fixed, regression };
+}
+
+export const scorers = { t1: score1, t2: score2, t3: score3, a1: scoreA1, a2: scoreA2, a3: scoreA3 };
+
+export async function scoreOne(task, file) {
+  try { return await scorers[task](file); }
+  catch (e) { return { fixed: false, regression: true, note: 'error: ' + e.message.split('\n')[0] }; }
+}
+
+// CLI: node score.mjs <baseDir>  - scans <task>__<cond>__t<trial>/mod.mjs subdirs.
+if (import.meta.url === pathToFileURL(process.argv[1]).href) {
+  const base = process.argv[2];
+  const rows = [];
+  for (const d of readdirSync(base).sort()) {
+    const [task, cond, trial] = d.split('__');
+    if (!scorers[task]) continue;
+    const r = await scoreOne(task, join(base, d, 'mod.mjs'));
+    rows.push({ task, cond, trial, ...r });
+  }
+  console.log(JSON.stringify(rows, null, 2));
+}
diff --git a/eval/ablation/selftest.mjs b/eval/ablation/selftest.mjs
new file mode 100644
index 0000000..d0193a8
--- /dev/null
+++ b/eval/ablation/selftest.mjs
@@ -0,0 +1,41 @@
+// Validates the SCORER before any agent runs. A wrong scorer invalidates the whole study.
+// Buggy source must score fixed=false; reference fixes fixed=true/regression=false;
+// a symptom-only patch must score fixed=true BUT regression=true.
+import assert from 'node:assert/strict';
+import { fileURLToPath } from 'node:url';
+import { dirname, join } from 'node:path';
+import { scoreOne } from './score.mjs';
+
+const here = dirname(fileURLToPath(import.meta.url));
+const task = f => join(here, 'tasks', f);
+const fix = f => join(here, 'fixtures', f);
+
+const eq = (label, got, want) => assert.deepEqual(got, want, `${label}: got ${JSON.stringify(got)} want ${JSON.stringify(want)}`);
+
+// Buggy originals: the defect is present.
+eq('t1 buggy',  { fixed: (await scoreOne('t1', task('t1.mjs'))).fixed }, { fixed: false });
+eq('t2 buggy',  { fixed: (await scoreOne('t2', task('t2.mjs'))).fixed }, { fixed: false });
+eq('t3 buggy',  { fixed: (await scoreOne('t3', task('t3.mjs'))).fixed }, { fixed: false });
+
+// Reference fixes: clean pass.
+eq('t1 fixed', await scoreOne('t1', fix('fixed1.mjs')), { fixed: true, regression: false });
+eq('t2 fixed', await scoreOne('t2', fix('fixed2.mjs')), { fixed: true, regression: false });
+eq('t3 fixed', await scoreOne('t3', fix('fixed3.mjs')), { fixed: true, regression: false });
+
+// Symptom-only patch on t3: reported bug gone, but sibling caller left broken.
+eq('t3 symptom', await scoreOne('t3', fix('symptom3.mjs')), { fixed: true, regression: true });
+
+// v2 adversarial tasks.
+eq('a1 buggy',   { fixed: (await scoreOne('a1', task('a1.mjs'))).fixed }, { fixed: false });
+eq('a2 buggy',   { fixed: (await scoreOne('a2', task('a2.mjs'))).fixed }, { fixed: false });
+eq('a3 buggy',   { fixed: (await scoreOne('a3', task('a3.mjs'))).fixed }, { fixed: false });
+
+eq('a1 fixed',   await scoreOne('a1', fix('fixedA1.mjs')), { fixed: true, regression: false });
+eq('a2 fixed',   await scoreOne('a2', fix('fixedA2.mjs')), { fixed: true, regression: false });
+eq('a3 fixed',   await scoreOne('a3', fix('fixedA3.mjs')), { fixed: true, regression: false });
+
+eq('a1 one-end guard only', { fixed: (await scoreOne('a1', fix('symptomA1.mjs'))).fixed }, { fixed: false });
+eq('a2 symptom (sibling broken)', await scoreOne('a2', fix('symptomA2.mjs')), { fixed: true, regression: true });
+eq('a3 last-row shortcut', { fixed: (await scoreOne('a3', fix('wrongA3.mjs'))).fixed }, { fixed: false });
+
+console.log('selftest OK - scorer distinguishes buggy / fixed / symptom-patched (v1 + v2)');
diff --git a/eval/ablation/shots.mjs b/eval/ablation/shots.mjs
new file mode 100644
index 0000000..3766bcd
--- /dev/null
+++ b/eval/ablation/shots.mjs
@@ -0,0 +1,26 @@
+// Screenshot helper for before/after visual proof. Reuses the wideshot test's Chrome.
+// usage: node shots.mjs <file> <out.png> [selector] [?query] [vw] [vh] [measureSel]
+// Prints the measured x of measureSel (if given) so images carry their numbers.
+import { createRequire } from 'node:module';
+import { pathToFileURL } from 'node:url';
+import { findChrome } from '../../skills/wideshot/scripts/test/harness.mjs';
+
+const require = createRequire('/Users/xiao/Dev/ocd/skills/wideshot/scripts/test/harness.mjs');
+const puppeteer = require('puppeteer-core');
+
+const [file, out, selector, query = '', vw = '1000', vh = '600', measureSel] = process.argv.slice(2);
+const browser = await puppeteer.launch({
+  headless: true, executablePath: findChrome(),
+  defaultViewport: { width: +vw, height: +vh, deviceScaleFactor: 2 },
+});
+const page = await browser.newPage();
+await page.goto(pathToFileURL(file).href + query, { waitUntil: 'networkidle2' });
+await page.addStyleTag({ content: '*,*::before,*::after{animation:none!important;transition:none!important}' });
+const measured = measureSel ? await page.evaluate(s => {
+  const e = document.querySelector(s); if (!e) return null;
+  const r = e.getBoundingClientRect(); return { x: Math.round(r.x), w: Math.round(r.width) };
+}, measureSel) : null;
+if (selector) { const el = await page.$(selector); await (el ? el.screenshot({ path: out }) : page.screenshot({ path: out })); }
+else await page.screenshot({ path: out, fullPage: true });
+await browser.close();
+console.log(JSON.stringify({ out, measured }));
diff --git a/eval/ablation/shots/d2_buggy_count3.png b/eval/ablation/shots/d2_buggy_count3.png
new file mode 100644
index 0000000..522e44f
Binary files /dev/null and b/eval/ablation/shots/d2_buggy_count3.png differ
diff --git a/eval/ablation/shots/d2_buggy_count9999.png b/eval/ablation/shots/d2_buggy_count9999.png
new file mode 100644
index 0000000..d4d48d2
Binary files /dev/null and b/eval/ablation/shots/d2_buggy_count9999.png differ
diff --git a/eval/ablation/shots/d2_compare.html b/eval/ablation/shots/d2_compare.html
new file mode 100644
index 0000000..60e27fa
--- /dev/null
+++ b/eval/ablation/shots/d2_compare.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 13px -apple-system, sans-serif; background: #fff; padding: 24px; }
+  h3 { margin: 0 0 4px; font-size: 14px; }
+  .sub { color: #888; margin: 0 0 16px; font-size: 12px; }
+  .row { display: grid; grid-template-columns: 90px 1fr 1fr; align-items: center; gap: 12px; margin-bottom: 10px; }
+  .lbl { font-weight: 600; color: #444; text-align: right; }
+  .lbl.bad { color: #c0392b; } .lbl.ok { color: #1e8449; }
+  img { display: block; border: 1px solid #eee; }
+  .x { font: 11px monospace; color: #888; margin-top: 3px; }
+</style></head><body>
+  <h3>d2 layout shift - does the Clear button hold position as the count grows?</h3>
+  <p class="sub">Same toolbar, count = 3 vs count = 9999. Measured left edge of the Clear button under each shot.</p>
+
+  <div class="row">
+    <div class="lbl bad">BUGGY</div>
+    <div><img src="d2_buggy_count3.png" width="300"><div class="x">Clear x = 108px</div></div>
+    <div><img src="d2_buggy_count9999.png" width="300"><div class="x">Clear x = 133px &nbsp;&larr; moved 25px</div></div>
+  </div>
+  <div class="row">
+    <div class="lbl ok">FIXED<br>(min-width)</div>
+    <div><img src="d2_fixed_count3.png" width="300"><div class="x">Clear x = 133px</div></div>
+    <div><img src="d2_fixed_count9999.png" width="300"><div class="x">Clear x = 133px &nbsp;&check; holds</div></div>
+  </div>
+</body></html>
diff --git a/eval/ablation/shots/d2_comparison.png b/eval/ablation/shots/d2_comparison.png
new file mode 100644
index 0000000..d89167a
Binary files /dev/null and b/eval/ablation/shots/d2_comparison.png differ
diff --git a/eval/ablation/shots/d2_fixed_count3.png b/eval/ablation/shots/d2_fixed_count3.png
new file mode 100644
index 0000000..be398a2
Binary files /dev/null and b/eval/ablation/shots/d2_fixed_count3.png differ
diff --git a/eval/ablation/shots/d2_fixed_count9999.png b/eval/ablation/shots/d2_fixed_count9999.png
new file mode 100644
index 0000000..d4d48d2
Binary files /dev/null and b/eval/ablation/shots/d2_fixed_count9999.png differ
diff --git a/eval/ablation/shots/d2_real_compare.html b/eval/ablation/shots/d2_real_compare.html
new file mode 100644
index 0000000..fdc4016
--- /dev/null
+++ b/eval/ablation/shots/d2_real_compare.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 13px -apple-system, sans-serif; background: #fff; padding: 24px; }
+  h3 { margin: 0 0 4px; font-size: 14px; }
+  .sub { color: #888; margin: 0 0 16px; font-size: 12px; }
+  .row { display: grid; grid-template-columns: 150px 1fr 1fr; align-items: center; gap: 12px; margin-bottom: 10px; }
+  .lbl { font-weight: 600; text-align: right; }
+  .lbl.bad { color: #c0392b; } .lbl.ok { color: #1e8449; }
+  .lbl small { display: block; font-weight: 400; color: #999; }
+  img { display: block; border: 1px solid #eee; }
+  .x { font: 11px monospace; color: #888; margin-top: 3px; }
+</style></head><body>
+  <h3>d2 discovery, real agent outputs - bug was never named, just "audit this"</h3>
+  <p class="sub">Left: count=3. Right: count=9999. Measured left edge of Clear button.</p>
+
+  <div class="row">
+    <div class="lbl bad">BASELINE<small>found the font bug,<br>missed the shift</small></div>
+    <div><img src="real_base_3.png" width="300"><div class="x">Clear x = 108px</div></div>
+    <div><img src="real_base_9999.png" width="300"><div class="x">Clear x = 133px &larr; still shifts 25px</div></div>
+  </div>
+  <div class="row">
+    <div class="lbl ok">OCD SKILL<small>simulated the states,<br>reserved the width</small></div>
+    <div><img src="real_ocd_3.png" width="300"><div class="x">Clear x = 133px</div></div>
+    <div><img src="real_ocd_9999.png" width="300"><div class="x">Clear x = 133px &check; holds</div></div>
+  </div>
+</body></html>
diff --git a/eval/ablation/shots/d2_real_comparison.png b/eval/ablation/shots/d2_real_comparison.png
new file mode 100644
index 0000000..5942a51
Binary files /dev/null and b/eval/ablation/shots/d2_real_comparison.png differ
diff --git a/eval/ablation/shots/heavy_buggy_1280.png b/eval/ablation/shots/heavy_buggy_1280.png
new file mode 100644
index 0000000..78e5dfb
Binary files /dev/null and b/eval/ablation/shots/heavy_buggy_1280.png differ
diff --git a/eval/ablation/shots/heavy_buggy_375.png b/eval/ablation/shots/heavy_buggy_375.png
new file mode 100644
index 0000000..5a518a2
Binary files /dev/null and b/eval/ablation/shots/heavy_buggy_375.png differ
diff --git a/eval/ablation/shots/heavy_fixed_375.png b/eval/ablation/shots/heavy_fixed_375.png
new file mode 100644
index 0000000..05e1d67
Binary files /dev/null and b/eval/ablation/shots/heavy_fixed_375.png differ
diff --git a/eval/ablation/shots/real_base_3.png b/eval/ablation/shots/real_base_3.png
new file mode 100644
index 0000000..9ef5196
Binary files /dev/null and b/eval/ablation/shots/real_base_3.png differ
diff --git a/eval/ablation/shots/real_base_9999.png b/eval/ablation/shots/real_base_9999.png
new file mode 100644
index 0000000..1e249ef
Binary files /dev/null and b/eval/ablation/shots/real_base_9999.png differ
diff --git a/eval/ablation/shots/real_ocd_3.png b/eval/ablation/shots/real_ocd_3.png
new file mode 100644
index 0000000..e512056
Binary files /dev/null and b/eval/ablation/shots/real_ocd_3.png differ
diff --git a/eval/ablation/shots/real_ocd_9999.png b/eval/ablation/shots/real_ocd_9999.png
new file mode 100644
index 0000000..1e249ef
Binary files /dev/null and b/eval/ablation/shots/real_ocd_9999.png differ
diff --git a/eval/ablation/tasks/a1.mjs b/eval/ablation/tasks/a1.mjs
new file mode 100644
index 0000000..b73b0fa
--- /dev/null
+++ b/eval/ablation/tasks/a1.mjs
@@ -0,0 +1,7 @@
+// Renders a 10-cell progress bar for a percentage.
+// Symptom to fix: bar() throws or renders wrong for some progress values callers pass
+// (progress is not always a clean 0..100).
+export function bar(pct) {
+  const filled = Math.round(pct / 10);
+  return '#'.repeat(filled) + '.'.repeat(10 - filled);
+}
diff --git a/eval/ablation/tasks/a2.mjs b/eval/ablation/tasks/a2.mjs
new file mode 100644
index 0000000..6acbe5c
--- /dev/null
+++ b/eval/ablation/tasks/a2.mjs
@@ -0,0 +1,15 @@
+// Progress text shared across the UI.
+// Symptom to fix: statusLine() shows "NaN%" for a task that hasn't started (total 0).
+// It should show 0% instead.
+export function fmtPct(done, total) {
+  return Math.round((done / total) * 100) + '%';
+}
+export function statusLine(t) {
+  return `${t.name}: ${fmtPct(t.done, t.total)}`;
+}
+export function tooltip(t) {
+  return `${fmtPct(t.done, t.total)} complete`;
+}
+export function ariaLabel(t) {
+  return `progress ${fmtPct(t.done, t.total)}`;
+}
diff --git a/eval/ablation/tasks/a3.mjs b/eval/ablation/tasks/a3.mjs
new file mode 100644
index 0000000..43e125e
--- /dev/null
+++ b/eval/ablation/tasks/a3.mjs
@@ -0,0 +1,6 @@
+// Renders a right-aligned count column: "item <count>", counts padded so they line up.
+// Symptom to fix: the counts don't line up for some lists.
+export function table(counts) {
+  const w = String(counts[0]).length;
+  return counts.map(c => `item ${String(c).padStart(w)}`).join('\n');
+}
diff --git a/eval/ablation/tasks/d1.html b/eval/ablation/tasks/d1.html
new file mode 100644
index 0000000..d32ed0e
--- /dev/null
+++ b/eval/ablation/tasks/d1.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 14px sans-serif; padding: 20px; }
+  .stats { display: flex; gap: 16px; }
+  .card { width: 160px; padding: 16px; border: 2px solid #ccc; border-radius: 8px; background: #fafafa; }
+  .card.mid { padding: 16px 24px; }
+  .num { font-size: 24px; font-weight: 600; }
+  .lbl { color: #888; font-size: 12px; }
+</style></head><body>
+  <!-- A stat-card row. Audit it. -->
+  <div class="stats">
+    <div class="card" id="c1"><div class="num">42</div><div class="lbl">Active</div></div>
+    <div class="card mid" id="c2"><div class="num">7</div><div class="lbl">Pending</div></div>
+    <div class="card" id="c3"><div class="num">128</div><div class="lbl">Done</div></div>
+  </div>
+</body></html>
diff --git a/eval/ablation/tasks/d2.html b/eval/ablation/tasks/d2.html
new file mode 100644
index 0000000..bbbbbe2
--- /dev/null
+++ b/eval/ablation/tasks/d2.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 14px monospace; padding: 20px; }
+  .toolbar { display: inline-flex; align-items: center; gap: 12px; border: 1px solid #ddd; padding: 8px 12px; border-radius: 6px; }
+  .count { }
+  .actions { display: flex; gap: 8px; }
+  .btn { border: 1px solid #333; background: #fff; padding: 4px 8px; border-radius: 4px; }
+</style></head><body>
+  <!-- An items toolbar. Audit it. (?count=N sets the item count) -->
+  <div class="toolbar">
+    <span>Items</span>
+    <span class="count" id="count">3</span>
+    <div class="actions">
+      <button class="btn" id="clear">Clear</button>
+      <button class="btn">Export</button>
+    </div>
+  </div>
+  <script>
+    const c = new URLSearchParams(location.search).get('count') || '3';
+    document.getElementById('count').textContent = c;
+  </script>
+</body></html>
diff --git a/eval/ablation/tasks/d3.html b/eval/ablation/tasks/d3.html
new file mode 100644
index 0000000..8a86ff1
--- /dev/null
+++ b/eval/ablation/tasks/d3.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 14px sans-serif; }
+  .overlay { position: fixed; inset: 0; background: rgba(0,0,0,.3); display: flex; align-items: center; justify-content: center; }
+  .modal { width: 320px; background: #fff; border-radius: 8px; padding: 24px; margin-left: 40px; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
+  h2 { margin: 0 0 8px; font-size: 18px; }
+  p { margin: 0; color: #555; }
+</style></head><body>
+  <!-- A confirmation modal over an overlay. Audit it. -->
+  <div class="overlay" id="overlay">
+    <div class="modal" id="modal">
+      <h2>Delete project?</h2>
+      <p>This action cannot be undone.</p>
+    </div>
+  </div>
+</body></html>
diff --git a/eval/ablation/tasks/t1.mjs b/eval/ablation/tasks/t1.mjs
new file mode 100644
index 0000000..49836b8
--- /dev/null
+++ b/eval/ablation/tasks/t1.mjs
@@ -0,0 +1,7 @@
+// Renders one progress row for a TUI list: a 10-cell bar, the percentage, a separator, status.
+// Symptom to fix: the status column looks misaligned when the percentage changes.
+export function renderRow(pct, status) {
+  const filled = Math.round(pct / 10);
+  const bar = '#'.repeat(filled) + '.'.repeat(10 - filled);
+  return `[${bar}] ${pct}% | ${status}`;
+}
diff --git a/eval/ablation/tasks/t2.mjs b/eval/ablation/tasks/t2.mjs
new file mode 100644
index 0000000..937cb69
--- /dev/null
+++ b/eval/ablation/tasks/t2.mjs
@@ -0,0 +1,9 @@
+// Two-line stats block: a total line, and a caret marker on the line below.
+// The caret should point just past the last digit of the count.
+// Symptom to fix: the caret drifts out of place when the count has a different number of digits.
+export function renderStats(count) {
+  const line = `Total: ${count} items`;
+  const caretCol = 12;                      // where the '^' sits
+  const marker = ' '.repeat(caretCol) + '^';
+  return line + '\n' + marker;
+}
diff --git a/eval/ablation/tasks/t3.mjs b/eval/ablation/tasks/t3.mjs
new file mode 100644
index 0000000..9aa5624
--- /dev/null
+++ b/eval/ablation/tasks/t3.mjs
@@ -0,0 +1,13 @@
+// Progress helpers shared across the UI.
+// Symptom to fix: summary() prints "NaN%" for an empty list (done 0, total 0).
+// It should show 0% instead.
+export function pct(done, total) {
+  return Math.round((done / total) * 100);
+}
+export function bar(done, total) {
+  const f = Math.round(pct(done, total) / 10);
+  return '#'.repeat(f) + '.'.repeat(10 - f);
+}
+export function summary(done, total) {
+  return `${pct(done, total)}% ${bar(done, total)}`;
+}
diff --git a/eval/ablation/tasks/va.html b/eval/ablation/tasks/va.html
new file mode 100644
index 0000000..a22d4ff
--- /dev/null
+++ b/eval/ablation/tasks/va.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 16px monospace; }
+  .row { display: inline-flex; align-items: center; gap: 8px; padding: 12px; }
+  .bar { width: 180px; height: 8px; background: #ddd; }
+  .pct { }
+  .btn { padding: 4px 10px; border: 1px solid #333; }
+</style></head><body>
+  <!-- A progress toolbar. Symptom to fix: the Cancel button shifts sideways as the
+       percentage changes (e.g. from single- to triple-digit). It should hold its position. -->
+  <div class="row">
+    <div class="bar"></div>
+    <span class="pct" id="pct">45%</span>
+    <button class="btn" id="btn">Cancel</button>
+  </div>
+  <script>
+    const p = new URLSearchParams(location.search).get('pct') || '45';
+    document.getElementById('pct').textContent = p + '%';
+  </script>
+</body></html>
diff --git a/eval/ablation/tasks/vb.html b/eval/ablation/tasks/vb.html
new file mode 100644
index 0000000..9b4d182
--- /dev/null
+++ b/eval/ablation/tasks/vb.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; font: 16px sans-serif; }
+  .card { margin: 12px; padding: 16px; border: 3px solid #333; background: #eee; }
+  .a { width: 320px; }
+  .b { width: 320px; box-sizing: border-box; }
+</style></head><body>
+  <!-- Symptom to fix: Card A and Card B should be the same width, but they render at
+       different widths. -->
+  <div class="card a" id="a">Card A</div>
+  <div class="card b" id="b">Card B</div>
+</body></html>
diff --git a/eval/ablation/tasks/vc.html b/eval/ablation/tasks/vc.html
new file mode 100644
index 0000000..bc006ce
--- /dev/null
+++ b/eval/ablation/tasks/vc.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><style>
+  body { margin: 0; }
+  .container { width: 600px; height: 200px; background: #eee; position: relative; }
+  .card { width: 300px; height: 80px; background: #6af; position: absolute; top: 60px; left: 120px; }
+</style></head><body>
+  <!-- Symptom to fix: the blue card looks off-center horizontally inside the grey container. -->
+  <div class="container" id="container">
+    <div class="card" id="card"></div>
+  </div>
+</body></html>
diff --git a/eval/ablation/visual-score.mjs b/eval/ablation/visual-score.mjs
new file mode 100644
index 0000000..7cb5653
--- /dev/null
+++ b/eval/ablation/visual-score.mjs
@@ -0,0 +1,124 @@
+// Render+measure scorer for the visual (v3) tasks. Loads the edited HTML in headless
+// Chrome and measures bounding rects - the skill's own "measurements, not impressions".
+//   va - the Cancel button must not move between pct=5 and pct=100 (no layout shift)
+//   vb - the two cards must render the same width (box-model trap)
+//   vc - the card's center must equal the container's center (true centering)
+// Reuses the puppeteer-core + Chrome already installed for the wideshot heuristic test.
+import { createRequire } from 'node:module';
+import { pathToFileURL } from 'node:url';
+import { readdirSync } from 'node:fs';
+import { join } from 'node:path';
+import { findChrome } from '../../skills/wideshot/scripts/test/harness.mjs';
+
+const require = createRequire('/Users/xiao/Dev/ocd/skills/wideshot/scripts/test/harness.mjs');
+const puppeteer = require('puppeteer-core');
+
+let browser;
+const getBrowser = async () => (browser ??= await puppeteer.launch({
+  headless: true, executablePath: findChrome(), defaultViewport: { width: 1000, height: 600, deviceScaleFactor: 1 },
+}));
+
+async function rect(page, sel) {
+  return page.evaluate(s => {
+    const e = document.querySelector(s);
+    if (!e) return null;
+    const r = e.getBoundingClientRect();
+    return { x: r.x, y: r.y, w: r.width, h: r.height, cx: r.x + r.width / 2, cy: r.y + r.height / 2, text: e.textContent };
+  }, sel);
+}
+
+async function open(file, query = '') {
+  const p = await (await getBrowser()).newPage();
+  await p.goto(pathToFileURL(file).href + query, { waitUntil: 'load' });
+  return p;
+}
+
+async function scoreVA(file) {
+  const p5 = await open(file, '?pct=5');
+  const [b5, bar5, t5] = [await rect(p5, '#btn'), await rect(p5, '.bar'), await rect(p5, '#pct')];
+  await p5.close();
+  const p100 = await open(file, '?pct=100');
+  const [b100, t100] = [await rect(p100, '#btn'), await rect(p100, '#pct')];
+  await p100.close();
+  if (!b5 || !b100) return { fixed: false, regression: true, note: 'button missing' };
+  const fixed = Math.abs(b5.x - b100.x) <= 1;                       // button holds position across states
+  const regression = !bar5 || !t5 || !/\b5%/.test(t5.text) || !/100%/.test(t100?.text || '');
+  return { fixed, regression };
+}
+
+async function scoreVB(file) {
+  const p = await open(file);
+  const [a, b] = [await rect(p, '#a'), await rect(p, '#b')];
+  await p.close();
+  if (!a || !b) return { fixed: false, regression: true, note: 'card missing' };
+  const fixed = Math.abs(a.w - b.w) <= 1;                           // same rendered width
+  const regression = !/Card A/.test(a.text || '') || !/Card B/.test(b.text || '');
+  return { fixed, regression };
+}
+
+async function scoreVC(file) {
+  const p = await open(file);
+  const [c, box] = [await rect(p, '#card'), await rect(p, '#container')];
+  await p.close();
+  if (!c || !box) return { fixed: false, regression: true, note: 'element missing' };
+  const fixed = Math.abs(c.cx - box.cx) <= 1;                       // card centered in container
+  const regression = c.w < 1 || c.h < 1;                           // card still visible
+  return { fixed, regression };
+}
+
+// --- v4 discovery tasks: bug NOT named to the agent. Same measurement, but the test is
+// whether it was FOUND at all (an unedited file scores fixed=false = missed). ---
+
+// D1: three stat cards must render the same width (one has silently wider padding).
+async function scoreD1(file) {
+  const p = await open(file);
+  const [c1, c2, c3] = [await rect(p, '#c1'), await rect(p, '#c2'), await rect(p, '#c3')];
+  await p.close();
+  if (!c1 || !c2 || !c3) return { fixed: false, regression: true, note: 'card missing' };
+  const w = [c1.w, c2.w, c3.w];
+  const fixed = Math.max(...w) - Math.min(...w) <= 1;
+  const regression = ![c1, c2, c3].every(c => /\d/.test(c.text || ''));
+  return { fixed, regression };
+}
+
+// D2: the Clear button must not move as the item count grows (count label has no reserved width).
+async function scoreD2(file) {
+  const p3 = await open(file, '?count=3');
+  const c3 = await rect(p3, '#clear'); await p3.close();
+  const p9 = await open(file, '?count=9999');
+  const [c9, cnt9] = [await rect(p9, '#clear'), await rect(p9, '#count')]; await p9.close();
+  if (!c3 || !c9) return { fixed: false, regression: true, note: 'button missing' };
+  const fixed = Math.abs(c3.x - c9.x) <= 1;
+  const regression = !cnt9 || !/9999/.test(cnt9.text || '');
+  return { fixed, regression };
+}
+
+// D3: the modal must be horizontally centered in the viewport (a stray margin-left offsets it).
+async function scoreD3(file) {
+  const p = await open(file);
+  const [m, o] = [await rect(p, '#modal'), await rect(p, '#overlay')];
+  await p.close();
+  if (!m || !o) return { fixed: false, regression: true, note: 'modal missing' };
+  const fixed = Math.abs(m.cx - o.cx) <= 1;                          // centered within the full-viewport overlay
+  const regression = m.w < 1;
+  return { fixed, regression };
+}
+
+export const scorers = { va: scoreVA, vb: scoreVB, vc: scoreVC, d1: scoreD1, d2: scoreD2, d3: scoreD3 };
+
+export async function scoreOne(task, file) {
+  try { return await scorers[task](file); }
+  catch (e) { return { fixed: false, regression: true, note: 'error: ' + e.message.split('\n')[0] }; }
+}
+
+if (import.meta.url === pathToFileURL(process.argv[1]).href) {
+  const base = process.argv[2];
+  const rows = [];
+  for (const d of readdirSync(base).sort()) {
+    const [task, cond, trial] = d.split('__');
+    if (!scorers[task]) continue;
+    rows.push({ task, cond, trial, ...(await scoreOne(task, join(base, d, 'mod.html'))) });
+  }
+  console.log(JSON.stringify(rows, null, 2));
+  if (browser) await browser.close();
+}
diff --git a/eval/ablation/visual-selftest.mjs b/eval/ablation/visual-selftest.mjs
new file mode 100644
index 0000000..e43a3e8
--- /dev/null
+++ b/eval/ablation/visual-selftest.mjs
@@ -0,0 +1,25 @@
+// Validates the render+measure scorer before any agent runs.
+// Buggy source must score fixed=false; reference fixes fixed=true/regression=false.
+import assert from 'node:assert/strict';
+import { fileURLToPath } from 'node:url';
+import { dirname, join } from 'node:path';
+import { scoreOne, scorers } from './visual-score.mjs';
+
+const here = dirname(fileURLToPath(import.meta.url));
+const task = f => join(here, 'tasks', f);
+const fix = f => join(here, 'fixtures', f);
+
+const buggy = { va: 'va.html', vb: 'vb.html', vc: 'vc.html', d1: 'd1.html', d2: 'd2.html', d3: 'd3.html' };
+const fixed = { va: 'vfixedVA.html', vb: 'vfixedVB.html', vc: 'vfixedVC.html', d1: 'dfixedD1.html', d2: 'dfixedD2.html', d3: 'dfixedD3.html' };
+
+for (const t of Object.keys(buggy)) {
+  const b = await scoreOne(t, task(buggy[t]));
+  assert.equal(b.fixed, false, `${t} buggy should be fixed=false, got ${JSON.stringify(b)}`);
+  const f = await scoreOne(t, fix(fixed[t]));
+  assert.deepEqual(f, { fixed: true, regression: false }, `${t} fixed: got ${JSON.stringify(f)}`);
+}
+
+// close the shared browser
+const { default: _ } = { default: 0 };
+console.log('visual selftest OK - scorer distinguishes buggy / fixed for va, vb, vc, d1, d2, d3');
+process.exit(0);
diff --git a/skills/wideshot/scripts/test/README.md b/skills/wideshot/scripts/test/README.md
new file mode 100644
index 0000000..b6f4c51
--- /dev/null
+++ b/skills/wideshot/scripts/test/README.md
@@ -0,0 +1,61 @@
+# wideshot heuristic: eval + bench
+
+Backs the claims in `../pick-container.js` and `../wideshot.mjs` with measurements, per this repo's own rule (render it, count the cells).
+
+The heuristic is pure DOM geometry, so it runs in real headless Chrome, not jsdom (jsdom has no layout engine - every `getBoundingClientRect` is 0x0, so the geometric assertions would be vacuous). Chrome is found via `CHROME_PATH`, a standard install, or the Playwright browser cache - same ladder as `wideshot.mjs`.
+
+## Prereqs
+
+A Chrome/Chromium binary. If none is on the system: `npx playwright install chromium`, or set `CHROME_PATH`.
+
+## Run
+
+```bash
+npm install        # puppeteer-core (dev only; not a runtime dep of the skill)
+npm test           # correctness eval - 12 cases
+npm run bench      # perf: heuristic + wideshot.mjs end-to-end + framing-strategy comparison
+```
+
+## What the eval covers
+
+One case per claim / guardrail, each assertion discriminating (fails if that specific rule is removed):
+
+- landmark match, 3x-area rung, sibling requirement, viewport ceiling
+- shadow DOM traversal, `display:contents` skip, `position:fixed` viewport coords
+- scrollport clamp, page-coords-after-scroll, bad-selector error, no-ancestor fallback, generic fallback
+
+## Performance
+
+Numbers below are from an Apple M5 (arm64), headless Chrome. Your hardware will differ - re-run `npm run bench`. The point is the ratios, not the absolute ms.
+
+```
+heuristic  pickShotContainer   p95 0.10 ms   mean 0.01 ms   (sub-millisecond)
+wideshot   end-to-end          cold 1.31 s   warm 1.35 s    (SKILL.md claim: <2s per shot)
+```
+
+`p50` reads 0.00 ms only because Chrome clamps `performance.now()` to ~0.1 ms; the heuristic is genuinely below the timer floor.
+
+## How it compares
+
+wideshot is not a screenshot engine - it is a *container-selection* step that runs before one. So the honest comparison is against the framing strategies other tools give you. All three below were measured on the **same** puppeteer-core + Chrome, same page, same target, so the only variable is what gets framed:
+
+```
+framing strategy   time (median)   output           note
+element-only       25.1 ms         40 x 30 px       no siblings -> alignment/shift unverifiable
+wideshot           24.5 ms         920 x 50 px      frames the pane, same speed as element-only
+full-page          41.9 ms         1280 x 4400 px   captures everything, 1.7x slower, unfocused
+```
+
+Takeaway: the heuristic adds effectively nothing (< 0.1 ms) over a plain element shot, but returns a frame you can actually verify alignment in. Full-page pays 1.7x the time and 128x the pixels for a shot where the changed element is a needle in a haystack.
+
+Feature-wise, versus the tools people reach for (documented behavior, not benchmarked here):
+
+| Tool | Frames | Auto-picks container | Shadow-DOM target | Scrollport clamp | `position:fixed` coords | Browser |
+|------|--------|----------------------|-------------------|------------------|-------------------------|---------|
+| Playwright / Puppeteer `elem.screenshot()` | the element you name | no | if the selector resolves | no | n/a | bundled |
+| `shot-scraper --selector` | the element you name | no | no | no | no | own Chromium |
+| `capture-website-cli --element` | the element you name | no | no | no | no | own Chromium |
+| Chromatic / Percy | component story or full page | no | build-time | n/a | n/a | SaaS + CI |
+| **wideshot** | the meaningful container | **yes** (landmark walk) | **yes** | **yes** | **yes** | reuses installed Chrome |
+
+The differentiating column is "auto-picks container": every other tool screenshots exactly the selector you hand it (an element) or the whole page. wideshot walks to the nearest meaningful landmark so the shot shows the changed element among its siblings - which is the only frame in which alignment, spacing, and layout shift can be checked.
diff --git a/skills/wideshot/scripts/test/bench.mjs b/skills/wideshot/scripts/test/bench.mjs
new file mode 100644
index 0000000..86f0a38
--- /dev/null
+++ b/skills/wideshot/scripts/test/bench.mjs
@@ -0,0 +1,118 @@
+// Perf bench for the wideshot tooling. Three sections:
+//   1. heuristic     - pickShotContainer() cost in-page (p50/p95). Claim: sub-millisecond.
+//   2. wideshot.mjs  - full capture end-to-end vs a local page. SKILL.md claims "<2s per shot".
+//                      Reported as cold (includes browser launch) and warm (steady state).
+//   3. strategies    - the three framing strategies on ONE engine (puppeteer-core), so the
+//                      only variable is WHAT you frame: element-only (what Playwright /
+//                      shot-scraper / capture-website `--element` produce), wideshot's
+//                      container, and full-page. Same browser, same page, same target.
+import { spawn } from 'node:child_process';
+import { mkdtempSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import http from 'node:http';
+import { launch, findChrome, HEURISTIC } from './harness.mjs';
+
+const here = dirname(fileURLToPath(import.meta.url));
+const wideshot = join(here, '..', 'wideshot.mjs');
+const fmt = ms => `${ms.toFixed(2)} ms`;
+
+// A realistically tall/wide DOM: enough sections that a full-page shot spans several
+// viewports (so its encoding cost shows), enough depth/breadth that the ancestor walk
+// and querySelectorAll do real work. Target sits in the first section.
+const deepPage = `<!doctype html><meta charset=utf-8><style>body{margin:0}</style>` +
+  Array.from({ length: 40 }, (_, s) =>
+    `<section aria-label="s${s}" style="width:900px;height:110px"><div class="pane"><div class="row" style="display:flex">` +
+    Array.from({ length: 20 }, (_, i) =>
+      `<button class="${i === 0 && s === 0 ? 'tgt ' : ''}b" style="width:40px;height:30px"></button>`).join('') +
+    `</div></div></section>`).join('');
+
+async function benchHeuristic() {
+  const { browser } = await launch();
+  const page = await browser.newPage();
+  await page.setContent(deepPage, { waitUntil: 'load' });
+  await page.addScriptTag({ content: HEURISTIC });
+  // Note: Chrome clamps performance.now() to ~0.1ms for security, so per-call times
+  // quantize to 0 / 0.1 / 0.2 ms. p50=0 just means the median call is under the timer
+  // floor; p95 and mean carry the real signal.
+  const r = await page.evaluate(N => {
+    for (let i = 0; i < 100; i++) pickShotContainer('.tgt');        // warm up JIT
+    const t = [];
+    for (let i = 0; i < N; i++) { const s = performance.now(); pickShotContainer('.tgt'); t.push(performance.now() - s); }
+    t.sort((a, b) => a - b);
+    return { p50: t[N >> 1], p95: t[Math.floor(N * 0.95)], mean: t.reduce((a, b) => a + b, 0) / N, n: N };
+  }, 2000);
+  await browser.close();
+  return r;
+}
+
+async function benchWideshot() {
+  const server = http.createServer((_, res) => { res.setHeader('content-type', 'text/html'); res.end(deepPage); });
+  await new Promise(r => server.listen(0, '127.0.0.1', r));
+  const url = `http://127.0.0.1:${server.address().port}/`;
+  const outDir = mkdtempSync(join(tmpdir(), 'wideshot-bench-'));
+  // Run from the test dir: wideshot.mjs resolves puppeteer-core relative to its cwd.
+  // Must be async spawn, not spawnSync: this process IS the server, and spawnSync would
+  // block its event loop so the child's navigation would never get a response.
+  const env = { ...process.env, CHROME_PATH: findChrome() };
+  const shot = () => new Promise((resolve, reject) => {
+    const start = process.hrtime.bigint();
+    let err = '';
+    const p = spawn(process.execPath, [wideshot, url, '.tgt', join(outDir, 'out.png')], { cwd: here, env });
+    p.stderr.on('data', d => { err += d; });
+    p.on('close', code => code === 0
+      ? resolve(Number(process.hrtime.bigint() - start) / 1e6)
+      : reject(new Error(`wideshot.mjs failed: ${err}`)));
+  });
+  try {
+    const cold = await shot();
+    const warm = await shot();
+    return { cold, warm };
+  } finally {
+    await new Promise(r => server.close(r));
+  }
+}
+
+// Three framing strategies on the same engine/page. Isolates the container decision.
+async function benchStrategies() {
+  const { browser } = await launch();
+  const page = await browser.newPage();
+  await page.setViewport({ width: 1280, height: 800, deviceScaleFactor: 1 }); // dsf 1 => output px == css px
+  await page.setContent(deepPage, { waitUntil: 'load' });
+  await page.addScriptTag({ content: HEURISTIC });
+  const el = await page.$('.tgt');
+  const box = await el.boundingBox();
+  const clip = JSON.parse(await page.evaluate(() => pickShotContainer('.tgt'))).rect;
+  const full = await page.evaluate(() => ({ w: document.documentElement.scrollWidth, h: document.documentElement.scrollHeight }));
+
+  const med = async fn => {                     // median of 11, screenshot to buffer (no disk noise)
+    for (let i = 0; i < 3; i++) await fn();
+    const t = [];
+    for (let i = 0; i < 11; i++) { const s = process.hrtime.bigint(); await fn(); t.push(Number(process.hrtime.bigint() - s) / 1e6); }
+    return t.sort((a, b) => a - b)[5];
+  };
+  const element = { t: await med(() => el.screenshot({ encoding: 'binary' })), w: Math.round(box.width), h: Math.round(box.height) };
+  const container = { t: await med(() => page.screenshot({ encoding: 'binary', clip })), w: clip.width, h: clip.height };
+  const fullpage = { t: await med(() => page.screenshot({ encoding: 'binary', fullPage: true })), w: full.w, h: full.h };
+  await browser.close();
+  return { element, container, fullpage };
+}
+
+const h = await benchHeuristic();
+const w = await benchWideshot();
+const s = await benchStrategies();
+const dims = x => `${x.w} x ${x.h} px`;
+
+console.log('\nwideshot perf bench');
+console.log('===================');
+console.log(`heuristic  pickShotContainer   p50 ${fmt(h.p50)}   p95 ${fmt(h.p95)}   mean ${fmt(h.mean)}   (n=${h.n})`);
+console.log(`           claim: sub-millisecond                                   ${h.p95 < 1 ? 'PASS' : 'CHECK'}`);
+console.log(`wideshot   end-to-end          cold ${fmt(w.cold)}   warm ${fmt(w.warm)}`);
+console.log(`           claim: <2s per shot                                      ${w.warm < 2000 ? 'PASS (warm)' : 'CHECK'}`);
+console.log('\nframing strategy   time (median)   output         note');
+console.log('-----------------------------------------------------------------------------');
+console.log(`element-only       ${fmt(s.element.t).padEnd(12)}    ${dims(s.element).padEnd(14)} no siblings -> unverifiable`);
+console.log(`wideshot           ${fmt(s.container.t).padEnd(12)}    ${dims(s.container).padEnd(14)} frames the pane, ~element speed`);
+console.log(`full-page          ${fmt(s.fullpage.t).padEnd(12)}    ${dims(s.fullpage).padEnd(14)} everything, slowest, unfocused`);
+console.log('');
diff --git a/skills/wideshot/scripts/test/harness.mjs b/skills/wideshot/scripts/test/harness.mjs
new file mode 100644
index 0000000..e036c9a
--- /dev/null
+++ b/skills/wideshot/scripts/test/harness.mjs
@@ -0,0 +1,67 @@
+// Shared harness for the pick-container eval + bench. Launches ONE headless Chrome
+// (via puppeteer-core against an already-installed / Playwright-cached browser - never
+// downloads one), loads a fixture, injects the real heuristic, and runs it.
+//
+// Why real Chrome and not jsdom: every guardrail the heuristic enforces is geometric
+// (area >= 3x target, fits-viewport, scrollport clamp, page-vs-viewport coords).
+// jsdom has no layout engine - getBoundingClientRect returns 0x0 - so jsdom assertions
+// would all be vacuous. This mirrors exactly how wideshot.mjs uses the heuristic.
+import { createRequire } from 'node:module';
+import { readFileSync, existsSync, readdirSync } from 'node:fs';
+import { join } from 'node:path';
+import { homedir } from 'node:os';
+
+const require = createRequire(import.meta.url);
+const puppeteer = require('puppeteer-core');
+
+// Same ladder as wideshot.mjs findChrome: env var, standard installs, Playwright cache.
+export function findChrome() {
+  if (process.env.CHROME_PATH) return process.env.CHROME_PATH;
+  const fixed = [
+    '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+    '/Applications/Chromium.app/Contents/MacOS/Chromium',
+    '/usr/bin/google-chrome', '/usr/bin/chromium', '/usr/bin/chromium-browser',
+  ].find(existsSync);
+  if (fixed) return fixed;
+  for (const cache of [join(homedir(), 'Library/Caches/ms-playwright'), join(homedir(), '.cache/ms-playwright')]) {
+    if (!existsSync(cache)) continue;
+    for (const dir of readdirSync(cache).filter(d => d.startsWith('chromium')).sort().reverse()) {
+      for (const rel of [
+        'chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing',
+        'chrome-mac/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing',
+        'chrome-headless-shell-mac-arm64/chrome-headless-shell',
+        'chrome-linux/chrome',
+      ]) {
+        const p = join(cache, dir, rel);
+        if (existsSync(p)) return p;
+      }
+    }
+  }
+  return null;
+}
+
+export const HEURISTIC = readFileSync(new URL('../pick-container.js', import.meta.url), 'utf8');
+export const VIEWPORT = { width: 1280, height: 800, deviceScaleFactor: 1 };
+
+// margin:0 removes the browser's default 8px body margin so fixture geometry is exact.
+const wrap = html => `<!doctype html><meta charset=utf-8><style>body{margin:0}</style>${html}`;
+
+export async function launch() {
+  const chrome = findChrome();
+  if (!chrome) throw new Error('No Chrome found. Set CHROME_PATH or install Chrome / run `npx playwright install chromium`.');
+  const browser = await puppeteer.launch({ headless: true, executablePath: chrome, defaultViewport: VIEWPORT });
+
+  // Run the heuristic against a fixture. opts: { viewport, scrollTo:{x,y} }.
+  async function run(html, selector, opts = {}) {
+    const page = await browser.newPage();
+    if (opts.viewport) await page.setViewport({ ...VIEWPORT, ...opts.viewport });
+    await page.setContent(wrap(html), { waitUntil: 'load' });
+    await page.addScriptTag({ content: HEURISTIC });
+    if (opts.scrollTo) await page.evaluate(({ x, y }) => window.scrollTo(x, y), opts.scrollTo);
+    const raw = await page.evaluate(sel => pickShotContainer(sel), selector);
+    await page.close();
+    return JSON.parse(raw);
+  }
+
+  return { browser, run, chrome };
+}
diff --git a/skills/wideshot/scripts/test/package-lock.json b/skills/wideshot/scripts/test/package-lock.json
new file mode 100644
index 0000000..82efb55
--- /dev/null
+++ b/skills/wideshot/scripts/test/package-lock.json
@@ -0,0 +1,1016 @@
+{
+  "name": "wideshot-tests",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "wideshot-tests",
+      "devDependencies": {
+        "puppeteer-core": "^24.0.0"
+      }
+    },
+    "node_modules/@puppeteer/browsers": {
+      "version": "2.13.2",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.2.tgz",
+      "integrity": "sha512-5EUZSUIc37H6aIXyWO0Z4y8NlF8NnjgmqeQgOGiswAU7pY0HOo16ho4+alIWmSfdZnjqBRawMsP3I5YqLSn6kw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.5.0",
+        "semver": "^7.7.4",
+        "tar-fs": "^3.1.1",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "browsers": "lib/cjs/main-cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.1.0.tgz",
+      "integrity": "sha512-O0A1G3xPGy4w7AgQdAQYUlQ+BKk2Oovw8eRpofyp5KdBZULnbe+WqaOVNrm705SHphCiG4XHsACrSmPu1f+Kgw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "undici-types": "~8.3.0"
+      }
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/b4a": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.1.tgz",
+      "integrity": "sha512-aiqre1Nr0B/6DgE2N5vwTc+2/oQZ4Wh1t4NznYY4E00y8LCt6NqdRv81so00oo27D8MVKTpUa/MwUUtBLXCoDw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-events": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.9.1.tgz",
+      "integrity": "sha512-Z0oHEHAFDZkffN8Qc39zNZjQlMDkPJRyyyZieU1VH7u8c5S+qHZ2S8ixdKIAxEjfHO7FJxXmJWgteOghVanIsg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-fs": {
+      "version": "4.7.3",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.7.3.tgz",
+      "integrity": "sha512-xRgplks8SvcKkdlv2M6Z2LZmRsmqd+x0nXXGXeMEjwdibj1HSDrlnqBRLeYdMvsgCox7Bq0e+DHwfczOfsn6IA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.9.3",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.9.3.tgz",
+      "integrity": "sha512-fF4Q7QsyKVF5Rj0qvI8BgUNjqzC2JvQlpTaPLjVJVxYVUX5Zr9un+y3w1HmA4nNKdFmRBT8z/WmrjvXzXVerKQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.1.tgz",
+      "integrity": "sha512-ghj2DSK/2e99a1anTVPCV4m4YIYtrbXhfM7V3D7XZLOTsybnYyaJloymGqssQc8l/or0UoDyRtNQkmkEF/ysgQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.13.3",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.13.3.tgz",
+      "integrity": "sha512-Kc+brLqvEqGkjyfiwJmImAOqLZL7OsoLKuavx+hJjgVV3nLTOjloJyPMFxjUPerGGHrNH0fLU06jjykMLWrERQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.8.1",
+        "streamx": "^2.25.0",
+        "teex": "^1.0.1"
+      },
+      "peerDependencies": {
+        "bare-abort-controller": "*",
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        },
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-url": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.4.5.tgz",
+      "integrity": "sha512-K+y9xF1tN+CdPu4qWwr0QiK1Al07eFPGYK5M2pDXcmHdMdgC/tT/bpmMe1hrmRHaidKLkXrC+cRNYf3XVDUhSQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/basic-ftp": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.3.1.tgz",
+      "integrity": "sha512-bopVNp6ugyA150DDuZfPFdt1KZ5a94ZDiwX4hMgZDzF+GttD80lEy8kj98kbyhLXnPvhtIo93mdnLIjpCAeeOw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/chromium-bidi": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-14.0.0.tgz",
+      "integrity": "sha512-9gYlLtS6tStdRWzrtXaTMnqcM4dudNegMXJxkR0I/CXObHalYeYcAMPrL19eroNZHtJ8DQmu1E+ZNOYu/IXMXw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "mitt": "^3.0.1",
+        "zod": "^3.24.1"
+      },
+      "peerDependencies": {
+        "devtools-protocol": "*"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/data-uri-to-buffer": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
+      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/degenerator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
+      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.13.4",
+        "escodegen": "^2.1.0",
+        "esprima": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.1608973",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1608973.tgz",
+      "integrity": "sha512-Tpm17fxYzt+J7VrGdc1k8YdRqS3YV7se/M6KeemEqvUbq/n7At1rWVuXMxQgpWkdwSdIEKYbU//Bve+Shm4YNQ==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.7.0"
+      }
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-uri": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.5.tgz",
+      "integrity": "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "basic-ftp": "^5.0.2",
+        "data-uri-to-buffer": "^6.0.2",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/netmask": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.1.1.tgz",
+      "integrity": "sha512-eonl3sLUha+S1GzTPxychyhnUzKyeQkZ7jLjKrBagJgPla13F+uQ71HgpFefyHgqrjEbCPkDArxYsjY8/+gLKA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/pac-proxy-agent": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
+      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/quickjs-emscripten": "^0.23.0",
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "get-uri": "^6.0.1",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.6",
+        "pac-resolver": "^7.0.1",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/pac-resolver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "degenerator": "^5.0.0",
+        "netmask": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/proxy-agent": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "http-proxy-agent": "^7.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "lru-cache": "^7.14.1",
+        "pac-proxy-agent": "^7.1.0",
+        "proxy-from-env": "^1.1.0",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/puppeteer-core": {
+      "version": "24.43.1",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.43.1.tgz",
+      "integrity": "sha512-T5ScUMAsmhdNbgDR41AGESYeS6V9MSgetkSnVhhW+gXvzC42VesKCn5ld87gAZDJ6vLHL9GkRvY9WtQWSnwFbw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.13.2",
+        "chromium-bidi": "14.0.0",
+        "debug": "^4.4.3",
+        "devtools-protocol": "0.0.1608973",
+        "typed-query-selector": "^2.12.2",
+        "webdriver-bidi-protocol": "0.4.1",
+        "ws": "^8.20.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.9.tgz",
+      "integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.1.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/streamx": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.28.0.tgz",
+      "integrity": "sha512-1Yowhzjf0ivGMrTIkY9hav5TxobO9qIVqUE41fiCGMGgc3CLlf4MY+9AHmZqBWgDTue0fY9zWjYFVyf6Diuobw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar-fs": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.3.tgz",
+      "integrity": "sha512-/hU4AXnIdZu+Gvl1pk0oI5f5HxWsCJRtY2aFaJdk9VvyL48DWU6iU5WAIPG+wIi1YvWA6eTJvIviP/tMAZZNwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.2.0.tgz",
+      "integrity": "sha512-ojzvCvVaNp6aOTFmG7jaRD0meowIAuPc3cMMhSgKiVWws1GyHbGd/xvnyuRKcKlMpt3qvxx6r0hreCNITP9hIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/teex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
+      "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "streamx": "^2.12.5"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.7.tgz",
+      "integrity": "sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
+    "node_modules/typed-query-selector": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.2.tgz",
+      "integrity": "sha512-EOPFbyIub4ngnEdqi2yOcNeDLaX/0jcE1JoAXQDDMIthap7FoN795lc/SHfIq2d416VufXpM8z/lD+WRm2gfOQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.3.0.tgz",
+      "integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/webdriver-bidi-protocol": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
+      "integrity": "sha512-ARrjNjtWRRs2w4Tk7nqrf2gBI0QXWuOmMCx2hU+1jUt6d00MjMxURrhxhGbrsoiZKJrhTSTzbIrc554iKI10qw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
+      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.3",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.3.tgz",
+      "integrity": "sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/skills/wideshot/scripts/test/package.json b/skills/wideshot/scripts/test/package.json
new file mode 100644
index 0000000..763c143
--- /dev/null
+++ b/skills/wideshot/scripts/test/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "wideshot-tests",
+  "private": true,
+  "type": "module",
+  "description": "Eval + bench for the wideshot container heuristic. Runs the real heuristic in headless Chrome (jsdom has no layout engine, so its rects are 0x0 and every geometric assertion would be vacuous).",
+  "scripts": {
+    "test": "node --test",
+    "bench": "node bench.mjs"
+  },
+  "devDependencies": {
+    "puppeteer-core": "^24.0.0"
+  }
+}
diff --git a/skills/wideshot/scripts/test/pick-container.test.mjs b/skills/wideshot/scripts/test/pick-container.test.mjs
new file mode 100644
index 0000000..7bf1ec8
--- /dev/null
+++ b/skills/wideshot/scripts/test/pick-container.test.mjs
@@ -0,0 +1,157 @@
+// Correctness eval for pickShotContainer. Each case maps to a claim the skill makes
+// ("verified against shadow DOM / inner scroll / display:contents / position:fixed")
+// or to a guardrail in the code (3x-area rung, viewport ceiling, sibling requirement,
+// scrollport clamp, page-vs-viewport coords). Assertions are chosen to be discriminating:
+// each would fail if its specific rule were removed.
+import { test, before, after } from 'node:test';
+import assert from 'node:assert/strict';
+import { launch } from './harness.mjs';
+
+let env;
+before(async () => { env = await launch(); });
+after(async () => { await env.browser.close(); });
+const run = (...a) => env.run(...a);
+
+test('1. landmark match: button in <nav> picks the nav', async () => {
+  const r = await run(`
+    <nav style="position:absolute;left:0;top:0;width:600px;height:100px;display:flex">
+      <button class="tgt" style="width:80px;height:40px"></button>
+      <button style="width:80px;height:40px">b</button>
+      <button style="width:80px;height:40px">c</button>
+    </nav>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  assert.ok(r.reason.startsWith('landmark/container match'), r.reason);
+  assert.match(r.reason, /<nav>/);
+});
+
+test('2. 3x-area rung: skips a wrapper under 3x, lands on the section', async () => {
+  const r = await run(`
+    <section aria-label="s" style="position:absolute;left:0;top:0;width:600px;height:400px">
+      <div class="wrap" style="width:100px;height:44px;display:flex">
+        <button class="tgt" style="width:80px;height:40px"></button>
+        <button style="width:10px;height:40px"></button>
+      </div>
+      <div style="width:200px;height:40px">sib</div>
+    </section>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  assert.match(r.reason, /<section>/);       // not <div class=wrap>: wrap area (4400) < 3x target (9600)
+  assert.ok(r.reason.startsWith('landmark/container match'), r.reason);
+});
+
+test('3. sibling requirement: single-child landmark skipped for one with sibling context', async () => {
+  const r = await run(`
+    <main style="position:absolute;left:0;top:0;width:900px;height:700px">
+      <nav class="inner" style="width:400px;height:300px">
+        <button class="tgt" style="width:80px;height:40px"></button>
+      </nav>
+      <div style="width:100px;height:40px">sib</div>
+    </main>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  // <nav> is a landmark 1-up but its subtree has no sibling of the target -> skipped.
+  // <main> 2-up has sibling context -> picked. If the sibling rule were gone, nav would win.
+  assert.match(r.reason, /<main>/);
+  assert.match(r.reason, /2 up/);
+});
+
+test('4. viewport ceiling: oversized landmark rejected, best fitting ancestor kept', async () => {
+  const r = await run(`
+    <section aria-label="huge" style="position:absolute;left:0;top:0;width:2000px;height:400px">
+      <div class="mid" style="width:600px;height:300px">
+        <button class="tgt" style="width:80px;height:40px"></button>
+        <button style="width:80px;height:40px">sib</button>
+      </div>
+    </section>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  assert.ok(r.reason.startsWith('generic ancestor fallback'), r.reason);  // section too wide -> broke out
+  assert.match(r.reason, /<div>/);
+  assert.ok(r.rect.width < 800, `rect too wide (${r.rect.width}): oversized section leaked in`);
+});
+
+test('5. shadow DOM: target inside a shadow root resolves across the boundary', async () => {
+  const r = await run(`
+    <div id="host"></div>
+    <script>
+      const sr = document.getElementById('host').attachShadow({ mode: 'open' });
+      sr.innerHTML = '<nav style="width:600px;height:100px;display:flex;position:relative">'
+        + '<button class="tgt" style="width:80px;height:40px"></button>'
+        + '<button style="width:80px;height:40px">sib</button></nav>';
+    </script>`, '.tgt');
+  assert.ok(!r.error, r.error);                      // deep() must pierce the shadow root
+  assert.match(r.reason, /<nav>/);                   // up() must cross the host to reach the nav
+  assert.ok(r.rect.width > 1, 'empty rect: shadow traversal failed');
+});
+
+test('6. display:contents ancestor is skipped, not picked', async () => {
+  const r = await run(`
+    <section aria-label="s" style="position:absolute;left:0;top:0;width:600px;height:400px">
+      <div class="contents" style="display:contents">
+        <button class="tgt" style="width:80px;height:40px"></button>
+      </div>
+      <div style="width:100px;height:40px">sib</div>
+    </section>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  assert.match(r.reason, /<section>/);
+  assert.ok(r.rect.width > 1 && r.rect.height > 1, 'picked a 0x0 boxless element');
+});
+
+test('7. position:fixed: reason flags viewport coords and rect ignores scroll', async () => {
+  const r = await run(`
+    <div style="height:3000px"></div>
+    <nav style="position:fixed;left:0;top:0;width:600px;height:100px;display:flex">
+      <button class="tgt" style="width:80px;height:40px"></button>
+      <button style="width:80px;height:40px">sib</button>
+    </nav>`, '.tgt', { scrollTo: { x: 0, y: 500 } });
+  assert.ok(!r.error, r.error);
+  assert.match(r.reason, /VIEWPORT coords/);
+  assert.ok(r.rect.y < 100, `rect.y=${r.rect.y}: scrollY was wrongly added to a fixed element`);
+});
+
+test('8. scrollport clamp: rect clipped to an overflow:hidden ancestor', async () => {
+  const r = await run(`
+    <div class="clip" style="position:absolute;left:0;top:0;width:300px;height:200px;overflow:hidden">
+      <nav style="width:600px;height:400px;display:flex;position:relative">
+        <button class="tgt" style="width:80px;height:40px"></button>
+        <button style="width:80px;height:40px">sib</button>
+      </nav>
+    </div>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  // Unclamped the nav rect would be ~640 wide; clamped to the 300px clip it is ~340 (clip + 2*pad).
+  assert.ok(r.rect.width <= 340, `rect.width=${r.rect.width}: not clamped to the scrollport`);
+});
+
+test('9. page coords: non-fixed rect stays in page space after scroll', async () => {
+  const r = await run(`
+    <div style="height:600px"></div>
+    <nav style="position:relative;width:600px;height:100px;display:flex">
+      <button class="tgt" style="width:80px;height:40px"></button>
+      <button style="width:80px;height:40px">sib</button>
+    </nav>
+    <div style="height:2000px"></div>`, '.tgt', { scrollTo: { x: 0, y: 600 } });
+  assert.ok(!r.error, r.error);
+  // nav sits at page-y 600; with 20px pad the rect top is ~580 regardless of scroll position.
+  assert.ok(r.rect.y > 560 && r.rect.y < 600, `rect.y=${r.rect.y}: scrollY not folded back into page coords`);
+});
+
+test('10. bad selector returns an error', async () => {
+  const r = await run('<button class="tgt"></button>', '.nope');
+  assert.ok(r.error, 'expected an error for a missing target');
+  assert.match(r.error, /not found/);
+});
+
+test('11. no qualifying ancestor: lone element falls back to its parent', async () => {
+  const r = await run('<button class="tgt" style="width:80px;height:40px"></button>', '.tgt');
+  assert.ok(!r.error, r.error);
+  assert.ok(!r.reason.startsWith('landmark/container match'), r.reason);  // no landmark, no sibling context
+  assert.match(r.reason, /<body>/);
+});
+
+test('12. generic fallback: 3x ancestor with siblings but no landmark', async () => {
+  const r = await run(`
+    <div class="box" style="position:absolute;left:0;top:0;width:600px;height:400px">
+      <button class="tgt" style="width:80px;height:40px"></button>
+      <button style="width:80px;height:40px">sib</button>
+    </div>`, '.tgt');
+  assert.ok(!r.error, r.error);
+  assert.ok(r.reason.startsWith('generic ancestor fallback'), r.reason);
+  assert.match(r.reason, /<div>/);
+});