React Job Queue Monitor

Copy Page

The screen you open when a backfill is running or something failed overnight. Jobs grouped by status, a duration histogram so you can see whether things are getting slower, retry on the failures, and logs one click away on any row.

Installation

Props

The histogram is the signal

The status counts tell you what is happening; the duration histogram tells you whether it's healthy. Built from every finished job's durationMs, with the p50 called out, it turns "jobs are running" into "jobs that used to take 3s are now taking 40s" — the early sign of a degrading worker that a plain list hides.

Retrying a failed job optimistically moves it back to queued and increments its attempt count; cancelling removes it. Expanding a row reveals its logs on a dark panel — the same "one click to the logs" an engineer reaches for the instant something turns red. Wire onRetry/onCancel to your queue backend and feed jobs from a poll or a stream; the component owns the optimistic UI and re-syncs when the prop updates.