diff --git a/docs/design-admin-hero-489.md b/docs/design-admin-hero-489.md new file mode 100644 index 0000000..afb7bd9 --- /dev/null +++ b/docs/design-admin-hero-489.md @@ -0,0 +1,19 @@ +# Admin Dashboard Hero Design + +## System-health tiles +Hero section for admin dashboard showing system health at a glance. + +## Tiles +- **API Status**: green/yellow/red with uptime % +- **Active Users**: count + 24h trend arrow +- **Queue Depth**: pending tasks with threshold warning +- **Error Rate**: % with sparkline +- **DB Health**: connection pool status + +## Layout +- 5-column responsive grid +- Each tile: icon + metric + trend indicator +- Skeleton loading state +- Auto-refresh every 30s with subtle animation + +Closes #489 \ No newline at end of file