Comparison toggle in image preview

Project 📁 agent-review-template

Agent 🤖 codex

Created At 📅 2026-07-22 06:30:45

Git Branch 🌿 main

Git Commit 📌 b0a02f4

📝 Summary

Comparison images now open the normal enlarged preview when clicked, while dedicated controls can switch between before and after both inline and in the enlarged preview.

Try the interactive comparison below: use Toggle to switch in place, or click either image to enlarge it and use Show before / Show after inside the preview.

👤 Items Requiring Human Confirmation

The agent requested manual human verification or left items marked as needs_human:

Human verification (human)
Note: Confirm pointer interaction and responsive presentation in a browser.

🖼 Visual Evidence (1)

Interactive comparison toggle demo

AFTER

BEFORE

↔

BEFORE

AFTER

Comparison: Interactive comparison toggle demo

AFTER

Use Toggle for an inline switch, or click the image and switch Before/After inside the enlarged preview.

🛠 Changes Made

Kept image clicks dedicated to opening the enlarged preview
Added before/after metadata to every comparison image presentation
Added a comparison-only toggle control inside the global image preview
Preserved the existing inline toggle control for switching in place

✅ Verification Checks

Build & Check Passed Command

📄 logs/build.txt

Human verification Needs Human Human Verification

💡 Confirm pointer interaction and responsive presentation in a browser.

📋 Technical Logs

Logs recorded during command execution or automated test verification:

📄 build.txt (logs/build.txt)

Click to expand


> agent-review-template@0.1.0 build
> npm run review:validate && astro check && astro build


> agent-review-template@0.1.0 review:validate
> tsx scripts/validate-reviews.mjs

🔍 Validating review runs in public/reviews/runs/ ...


✅ All 3 review run(s) validated successfully!

14:34:13 [content] Syncing content
14:34:13 [content] Synced content
14:34:13 [types] Generated 462ms
14:34:13 [check] Getting diagnostics for Astro files in /home/yoyo/Documents/website_template...
Result (20 files):
- 0 errors
- 0 warnings
- 0 hints

14:34:18 [content] Syncing content
14:34:18 [content] Synced content
14:34:18 [types] Generated 444ms
14:34:18 [build] output: "static"
14:34:18 [build] mode: "static"
14:34:18 [build] directory: /home/yoyo/Documents/website_template/dist/
14:34:18 [build] Collecting build info...
14:34:18 [build] ✓ Completed in 459ms.
14:34:18 [build] Building static entrypoints...
14:34:19 [vite] ✓ built in 1.06s
14:34:19 [build] ✓ Completed in 1.09s.

 building client (vite)
14:34:19 [vite] transforming...
14:34:19 [vite] ✓ 3 modules transformed.
14:34:19 [vite] rendering chunks...
14:34:19 [vite] ✓ built in 26ms

 generating static routes
14:34:19 ▶ src/pages/index.astro
14:34:19   └─ /index.html (+14ms)
14:34:19 ▶ src/pages/runs/[id].astro
14:34:19   ├─ /runs/20260718-120000-example-ui-change/index.html (+5ms)
14:34:19   ├─ /runs/20260718-135825-doorway-fix-example/index.html (+3ms)
14:34:19   └─ /runs/20260722-143045-comparison-toggle-in-image-preview/index.html (+2ms)
14:34:19 ▶ src/pages/runs/index.astro
14:34:19   └─ /runs/index.html (+3ms)
14:34:19 ✓ Completed in 41ms.

14:34:19 [build] 5 page(s) built in 1.63s
14:34:19 [build] Complete!