Preview image. Unlock full-res
A minimal agent status component for a timeline view featuring an iridescent pill badge that animates through workflow states like Investigating, Reproducing, Verifying, and Waiting with elapsed.
More like this
See all
Summary
A minimal agent status component for a timeline view featuring an iridescent pill badge that animates through workflow states like Investigating, Reproducing, Verifying, and Waiting with elapsed.
Visual description
A light gray canvas shows a status tracking component split into two rows. The top badge displays a gray pill with text "Investigating the root cause" and elapsed time "5m 10s", with a gradient accent fading from pink to blue on the right edge. Below are four connected state pills in a single row reading "Investigating", "Reproducing", "Verifying", and "Waiting", each with a thin light border on a neutral background.
Key takeaway
A subtle gradient wash on the elapsed time badge creates focus and visual progress indication without adding icons or animation, keeping the interface minimal.
Reuse notes
Reach for this as a ui screen reference. Pairs with minimal, soft ui directions. Original by Jakub Krehel.
