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.

Loading
Loading writings…

No writings match this filter

Try clearing filters, or browse all writings.

Pagefind defers its index fetch, so the search panel renders a title-bar + body-bar skeleton until results land.

Search · loading
Searching writings…

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.

4 · Empty variants

Drop-in usage of StateEmpty across surfaces.

No engagements yet

Engagements will appear here once a contract is signed.

No matches for that query

Try a broader term or browse the writings index.

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.

Default
We use this only to reply.
Error
That doesn't look like an email address.
Disabled
Field unavailable in v0.