Empty States

A brand-new wallet has no anchors, no history, and an empty watchlist. Rather than a bare no-data line, every page that can be empty shows a short explanation of what belongs there and a button that points you to the next step.

What an empty state includes

• An icon that signals the kind of content the page holds.
• A title naming what is missing, such as No anchors yet.
• A sentence explaining what will appear here and why.
• A primary action, such as Anchor a Document, and sometimes a quieter secondary link.

Where you will see them

Empty states appear across the app: your anchors, the protocol feed, groups, search, the dashboard, activity, watchlist, collections, calendar, notifications, the audit trail, and the developer API keys. Each one is tailored to the page it lives on.

For contributors

These are built from a single reusable EmptyState component, so a new page can adopt the same pattern by supplying an icon, a title, a description, and an optional action. Keeping them consistent means the app reads the same way no matter where a new user lands first.