Replay UI
Use the browser workflow to create, preview, and start replay jobs.
Phase 5 adds a replay workspace directly to the Lighthouse operations console. It stays narrowly focused on the replay path instead of turning the application into a generic dashboard shell.
What You Can Do
- save a draft replay job
- create drafts by offset range or timestamp window
- set an optional max messages-per-second cap
- select a persisted job from the recent jobs table
- preview message payloads and replay headers
- start a replay from the selected draft
- cancel draft, failed, or running jobs
- monitor job status, percent complete, current offset, throughput, elapsed time, and ETA
Open the Workspace
http://localhost:3000/#replay
Recommended Demo Flow
- start the sample stack with
npm run docker:sample - open Lighthouse in the browser
- save a draft for
orders -> orders-replay - preview the selected job
- start the replay
- watch the selected job panel and recent jobs table update
Leave Max messages/sec blank for unthrottled replay, or
set a positive integer when sandbox consumers need a slower replay.
Current Limits
- replay execution still runs in-process in the Next.js app
- there is no replay comparison or filtering UI yet