screencastgen

JobDetail Page

Job monitoring with real-time progress and download.

Source: web/frontend/src/pages/JobDetail.tsx Route: /jobs/:id

Job metadata — ID, pipeline type, creation date
Real-time progress — ProgressBar Component updated via SSE
Reader entry point — Completed highlight/lip-sync jobs show an Open in Reader CTA while availability is ready or still being checked
Lip-sync run details — Running lip-sync jobs show per-page timings and a confirmed stop control via LipsyncRunPanel
Partial-run result — A completed job that was stopped early shows the completed and total page counts from pipeline result metadata
Visualization output — Completed visualization jobs show an inline MP4 preview, generated source, and render log excerpts
Download — Non-reader outputs, or reader jobs without reader availability, fall back to the direct download link
Error display — Error message when failed
Delete — With confirmation dialog
Auto-refresh — Re-fetches job data on completion/failure

Status	Shows
`pending`	ProgressBar Component (waiting)
`running`	ProgressBar Component (animated, with phase)
`completed`	Visualization preview, reader CTA for highlight/lip-sync jobs when available or pending verification, partial lip-sync notice when applicable, otherwise output path + download link
`failed`	Error message

getJob(id) from Jobs API — initial fetch + on completion
deleteJob(id) from Jobs API — on delete confirmation
getDownloadUrl(id) from Jobs API — download link
getReaderStatus(id) from Reader API — checks browser reader availability for completed highlight/lip-sync jobs
useJobProgress Hook — SSE real-time updates