ProcessingStatus

A typed queued/processing/done/error indicator — presentational only, no polling or websocket logic of its own.

sample-job.zipQueued

Demo only — click the button above to manually step through queued → processing → done → error. This does not run or simulate any real job.

Usage

import { ProcessingStatus } from "@/components/ProcessingStatus";

// Your app owns how status updates arrive (a fetch poll, a websocket
// message, etc) — <ProcessingStatus> only renders what it's handed.
<ProcessingStatus status="processing" progress={0.42} label="site-survey.pdf" />