mirror of
https://github.com/rcourtman/Pulse.git
synced 2026-10-22 11:45:52 +00:00
rcourtman
09bf209afd
The Backups Size and Duration columns were rendering a bespoke `InlineProgressBar` — a small fixed-width bar floating next to text. Every other row metric in Pulse (Storage usage, Ceph pool usage, Workloads CPU/Memory/Disk) is rendered by `ProgressBar` from `@/components/shared`: full-cell-width fill with the value text overlaid on top, via a foreignObject-clipped label. Introducing a second pattern just for these two columns was a needless divergence called out in the second consistency pass. Drop the bespoke component. Wrap shared `ProgressBar` in a RowMetricBar helper that matches the Storage/Ceph convention (`STORAGE_BAR_LABEL_WRAP_CLASS` shape) and use it for both columns. The Size and Duration headers move to the `metric-bar` column kind so alignment lines up with the bar's natural centring. Bars now share the same shape, animation curve (320ms width transition from `progress-fill`), and label-clipping behaviour as the rest of the app — same code path, same look.