Security Dashboard Page
Component Detail
Description
Server-side rendered Next.js page providing organization administrators with a real-time overview of platform security posture. Aggregates active sessions, failed login attempts, suspicious activity patterns, and token anomalies into a unified actionable surface with drill-down navigation.
security-dashboard-page
Responsibilities
- Render SSR security metrics dashboard with tenant-scoped data
- Display prioritized alert panel for items requiring immediate attention
- Show configurable time-range trend charts for longer-term analysis
- Enforce role-based visibility: org admins see tenant data, global admins see cross-tenant summary
Interfaces
GET /admin/security/dashboard
fetchSecurityMetrics(tenantId, timeRange)
renderAlertPanel(alerts)
renderMetricsCharts(metricsData)
Relationships
Sub-Components (2)
Renders prioritized active security alerts surfaced by the anomaly detection pipeline, with severity indicators and direct links to audit log entries or session management pages for investigation.
- Render severity-ranked list of active security alerts
- Provide drill-down links to audit log and session management pages
- Poll or revalidate alert state at a short configurable interval
Lightweight SSR-compatible client-side chart components rendering time-series trend data for failed logins, active session counts, and anomaly scores over a user-selected time range. Uses a hydration-safe chart library compatible with Next.js.
- Render time-series trend charts for key security metrics
- Support configurable time range selection (24h, 7d, 30d)
- Ensure SSR compatibility with zero hydration mismatch