Friendly zero-state with icon, copy, CTA.
Standardized zero-state. Centered icon + headline + body copy + CTA button. Use anywhere a list is empty, a search has no results, or a feature hasn't been set up.
import { EmptyState } from "@/components/ui/empty-state";
<EmptyState
icon={<InboxIcon />}
title="Your inbox is empty"
body="When agents @mention you, notifications show up here."
action={<Button>Connect an agent</Button>}
/>components/ui/ folder. You own the code.