Internal preview · ATEAAA-125
§5.14b state surfaces
Manual visual review for the three drop-in state primitives. Mirrors
design/mockups/states.html sections §2–§4. Not deployed publicly.
1 · Writings list states
The /writings index renders loading skeletons during hydration, an empty-state when filters return nothing, and an error surface when the content collection fails to resolve.
Try refreshing in a moment. If this persists, email us.
2 · Search loading
Pagefind defers its index fetch, so the search panel renders a title-bar + body-bar skeleton until results land.
3 · Contact form error
v0 contact is a mailto: CTA, not a form, but the StateError primitive carries the
same shape for any future submit failure — always with a fallback path that does not depend on
the surface that just failed.
Try again — or email us. We always reply within a business day.
4 · Empty variants
Drop-in usage of StateEmpty across surfaces.
5 · Form-field states
Reference parity with mockup §4. Form-disabled is only ever rendered here — v0 contact is mailto-only, so no shipping page uses these inputs.