About this block

Account Overview Card is the home card for the account settings area: a ruled list shows Plan (Pro, Active badge, Upgrade button), Role (Member), Member since (Mar 14, 2024), and Last sign in (Jun 13, 2026 at 09:41). Below that a Connected accounts section lists the Google identity with its email. A muted footer strip carries three quick-link rows to Security and sessions, Notifications, and Billing and plan, each with a chevron.

Quick links and identities are separate const arrays so adding an SSO provider or a settings destination takes one entry. The footer strip separates navigational links from the factual rows so they do not compete.

When to use

Reach for this block as the landing card on an account or settings overview page, wired to your user and subscription endpoints. Disable the Upgrade button and show a Manage plan label when the user is already on the top tier.

A natural flow around it on an Application Pro page:

Before

• Settings shell

After

• Edit profile form
• Settings pages

What you can display

One strong use is the personal account home. Other summary shapes:

• Team account. Plan shows seat count and renewal date; Role becomes owner with a transfer link.
• API consumer. Replace connected accounts with active API keys and last-used timestamps.
• Trial state. Plan row shows days remaining with a prominent Upgrade button and trial end date.

Tip: Last sign in is the first thing a security- conscious user checks; showing it here lets them spot unexpected access without opening a second page.