PageLoading / PageError
PageLoading
Spinner + title + optional descriptionLoading jobs
Fetching the latest runs.
PageLoading: compact
For nested panels and cardsLoading
PageError
Error-toned disc, description, and a recovery actionCouldn't load this page
The request timed out after 30 seconds.
PageError: custom icon/tone
Any registry icon; warning tone for softer failuresYou don't have access
Ask an admin to add you to this workspace.
PageError: pulsing while idle
iconPulse keeps a waiting state visibly alive without a spinnerWaiting for the first run
This job has never produced output; results appear here after its first run completes.
Full lifecycle
One container swapping loading → error → contentFetching catalog
This usually takes a few seconds.
ListState
The four-way branch as one component: error beats loading beats true-empty beats filtered-empty; collapsing them into one message becomes unwritableThe loaded list renders here.
Styling slots
Every className the component exposes, and what it reachesPageLoading
- className
- the outer container
- iconWrapClassName
- the disc behind the icon
- iconClassName
- the icon
- titleClassName
- the heading
- descriptionClassName
- the body copy
- actionClassName
- the recovery action slot
- spinnerClassName
- the spinner, alongside the separate spinnerSize prop
PageError
- className
- the outer container
- iconWrapClassName
- the disc behind the icon
- iconClassName
- the icon
- titleClassName
- the heading
- descriptionClassName
- the body copy
- actionClassName
- the recovery action slot