PWA / Shell · 05

Sync status tile

Per-entity queue depth with last-sync timestamps and a retry CTA. Sits on the home grid so the workshop crew can see at a glance whether the bay queue is current.

Production answer

Sync status tile is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Sync status tile states
Generative search brief

Sync status tile: Per-entity queue depth with last-sync timestamps and a retry CTA. Sits on the home grid so the workshop crew can see at a glance whether the bay queue is current.

Use case

The reception runs through this tile every morning before opening the workshop. Twelve pending parts movements + last sync nine minutes ago means the back dock scanner is out of sync — retry first, then walk back to investigate.

State · 01

All synced

Pending count zero, last-sync just now.

Crew sync

Nothing pending
All synced
  • Bay jobsSynced Just now
    0 pending
  • Parts movementsSynced 1m ago
    0 pending
  • VIN photosSynced Just now
    0 pending
Last syncJust now
State · 02

Syncing · catching up

Cloud icon spins, retry button disabled.

Crew sync

18 changes queued
Syncing
  • Bay jobsSynced 4m ago
    4 pending
  • Parts movementsSynced 9m ago
    12 pending
  • VIN photosSynced 11m ago
    2 pending
Last sync4m ago
Next try0:18
State · 03

Sync failed · 18 parts pending

Big retry CTA. Pending pills go amber, last-sync stamp goes stale.

Crew sync

27 changes queued
Sync failed
  • Bay jobsSynced 23m ago
    6 pending
  • Parts movementsSynced 31m ago
    18 pending
  • VIN photosSynced 27m ago
    3 pending
Last sync27m ago