Dashboard

Admin overview: hero stats with trends, an activity feed beside a range-switchable sign-ins chart, and secondary widgets. Built from live Canvas components.

Hero stats

Anatomy. Stats group of four stat cards (label, headline value, toned delta, Sparkline trend) that reflows from one row down to a single column as the viewport narrows.
Active identities
12,348
+142 today
Active sessions
1,204
+8% vs yesterday
OAuth2 clients
38
6 M2M, 32 user
Locked accounts
6
+2 since 1 h ago

Activity and chart

Anatomy. Recent-activity Feed (connector timeline, View all toasts) beside the sign-ins LineChart with a pills-Tabs range switcher (24 h / 7 d / 30 d) that swaps the plotted data. The panes are a Row stacks of two span-6 halves that stacks once the section is sm wide or narrower.

Recent activity

  • RA
    rachel.chen@example.com signed in (session.created)
    2 min ago
  • AD
    admin@example.com revoked a session (session.revoked)
    12 min ago
  • CL
    cli_billing_m2m exchanged client credentials (token.issued)
    27 min ago

Sign-ins

Secondary widgets

Anatomy. Auto-wrapping Cards: sign-in method shares as labeled Progress meters, service health rows with status Badges and latencies, and the storage meter with its manage action.

Sign-in methods

Password
48%
Google
22%
WebAuthn
14%
GitHub
9%
Other
7%

Service health

Healthy
Login flow
22 ms
Healthy
Admin API
8 ms
Degraded
Webhooks
340 ms
Healthy
Database
3 ms

Storage

Used
68 GB of 100 GB
Session recordings and audit exports count toward storage.