Jobs table filtered by status
A status pill doubles as a facet toggle; the bar above shows the applied chipFilter
Status
8 of 8 jobs
| Job | Module | Catalog | Status |
|---|---|---|---|
| job_9421 | Content | AC Delco Q3 | |
| job_9420 | Normalize | Brake & Chassis | |
| job_9419 | Scrape | Lighting SKUs | |
| job_9418 | Part Type | Filters (May) | |
| job_9417 | Content | AC Delco Q3 | |
| job_9416 | Normalize | Brake & Chassis | |
| job_9415 | Scrape | Lighting SKUs | |
| job_9414 | Content | Filters (May) |
Job list with a status legend
StatusDot leads each row; click a legend kind to isolate itAC Delco Q3 content passAakarsh C.
Brake & Chassis normalizeDana P.
Lighting SKUs scrapeJeremy O.
Filters (May) part type matchKate M.
AC Delco Q3 content retryAakarsh C.
Lighting SKUs normalizeDana P.
Click a legend kind to isolate it.
A run's live pill
kind, dotPulse, and the row count all move on a timer; pause holds itQueued0
Compact dots in a dense table
StatusDot trades the label for width; toggle to compare against the full pill| Job | Module | Status |
|---|---|---|
| job_9421 | Content | |
| job_9420 | Normalize | |
| job_9419 | Scrape | |
| job_9418 | Part Type | |
| job_9417 | Content | |
| job_9416 | Normalize |
What a state means, on hover
Tooltip explains the pill; step through the states to see each explanationQueued
Hover the pill for what this state means.A module's own codes
CodePill reads a code's label and description from the map the module's manifest declares (error types, review reasons); a code the map does not know shows as typedError types
Rate limited
No match
Bad input
timeout
Review reasons
Hover a pill for the description the manifest declared.Low confidence
Ambiguous
Soft (default)
bg from the status var, text in its line toneCompleteNeeds reviewFailedProcessingIn reviewDraft
Line
transparent bg, bordered, text in the line toneCompleteNeeds reviewFailedProcessingIn reviewDraft
Solid
soft/line pair inverted: bg=line, text=softCompleteNeeds reviewFailedProcessingIn reviewDraft
Small pills for table cells
sm/md sizes, an optional leading icon, a trailing countSmallMediumErrorsQueued12
Kind, variant, icon, and count together
kind x variant x icon x count: the shapes real tables useEnhancedNeeds review3FailedQueuedIn review12Draft
Done148AttentionErrors2Processing
StatusDot
the compact sibling for ledgers, tab bars, steppersCompleteNeeds reviewFailedProcessingIn reviewDraft
xssmpulse (in-progress)
In the wild
The combinations walmart's 28 live call sites actually use, as one matrixactivedegradedfailedin review3archivedlive
kind everywhere; size=sm inside tables; dot and dotPulse for liveness; count rides review queues; soft-outline marks the muted archive states.
Styling slots
Every className the component exposes, and what it reachesStatusPill
- className
- the pill itself
- iconClassName
- the leading icon
- countClassName
- the trailing count
StatusDot
- className
- the dot
- labelClassName
- the text beside it