The booking list at /bookings is your central hub for managing reservations. Until today, the status of each booking was displayed as plain colored text — readable, but not immediately scannable. When you have multiple bookings, finding the one that needs your attention means reading each entry rather than glancing at the list.

That changes now. Each status is rendered as a colored pill badge with a soft-tinted background and compact pill shape. The color mapping follows an intuitive visual hierarchy:

Pending — yellow badge, signals action required (provider needs to confirm).

Confirmed — blue badge, booking is locked in and ready.

Charging (Active) — green badge, the session is live and progressing.

Completed — gray badge, the session is done, no action needed.

Cancelled — red badge, booking has been terminated.

The badge itself uses the same semantic color tokens as the rest of the ChargePeer design system — primary (cyan/blue) for confirmed, success (green) for active, warning (yellow) for pending, danger (red) for cancelled. The background uses the corresponding -light variant at 10-12% opacity, creating a subtle tinted tag that sits cleanly on any card background in both light and dark themes.

This is a small visual change with a measurable UX benefit: less cognitive load when scanning the booking list, faster decision-making about which booking needs your attention. Whether you are a seeker checking if your charge is confirmed or a provider monitoring active sessions, the status is now readable at a glance.