ImageGenerationProgress
Full lifecycle UI for an image-generation job — pending, prompting, generating, denoising, upscaling, done, and error. In-flight stages render a blur-to-sharp preview under an acid-green overlay with a stage label, progress bar, and percentage. On done the final image fades in clean; on error a red overlay with retry takes over.
src/components/ai/image-generation-progress.tsxDenoising (in-flight)
An intermediate stage with a progress percentage. The overlay renders a brand-tinted bar and the blur amount scales with the remaining progress.
Done (final image)
On stage='done' the overlay disappears and the image fades in at full sharpness. Pass finalUrl to swap in the production asset once upscaling completes.
Pending
Queued jobs show a staggered 3×3 grid of pulsing dots instead of a blurred preview.
Error with retry
stage='error' dims the preview, lays a danger card over it, and optionally surfaces an onRetry handler.