Dashboard States Catalog

Real captures, documentation only. Empty, Full, and Loading states were rendered from the app's built-in ui-mock mode (static in-browser JSON, zero database queries). The Partial column was captured in db-seed mode against the test Supabase project, with a seeded client (Hatfield) connected to only some sources (Google Ads, Meta, Basis, but not GA4 / Search Console / TikTok). Only is_seed=true rows were written, and only to the test project.
7 pages (rows) × 4 states (columns). Each cell is a full-page screenshot at 1280px viewport width. Captures live in docs/states-shots/.
Emptyno data, fresh deploy
Partialsome sources only
Fullshowroom data
Loading / Specialskeleton / select state
Home/dashboard
Home empty
Home partial
Home full
Home loading
Reporting/reporting/overall
Reporting empty
Reporting partial
Reporting full
Reporting loading
Connections/pipeline-health
Connections empty
Connections partial
Connections full
Connections loading
Raw Data/raw-data
Raw Data empty
Raw Data partial
Raw Data full
Raw Data select-client state
Clients/clients
Clients empty
Clients partial
Clients full
Clients loading
Targets & Alerts/targets
Targets empty
Targets partial
Targets full
Targets loading
Settings/settings
Settings empty
Settings partial
Settings full
Settings loading