Health Probes & System Status Dashboard

[ElioNeto]

Health Probes & System Status Dashboard

Create an Angular page that displays system health status using the existing health probe endpoints.

Backend Endpoints (already exist)

GET /health/liveness    — Is the server alive? (200 OK / 503)
GET /health/readiness   — Is the server ready to serve? (200 OK / 503)
GET /health/startup     — Has startup completed? (200 OK / 503)
GET /stats              — Engine statistics
GET /metrics            — Prometheus-formatted metrics

UI Requirements

Health Status Cards

• Liveness: Green/Red badge + last check timestamp
• Readiness: Green/Red badge + last check timestamp
• Startup: Green/Red badge + time since startup
• Auto-refresh every 10 seconds
• Visual indicator (pulsing animation when healthy)

System Overview

• Uptime: Display server uptime
• Version: Server version info
• Active Connections: Current connection count
• Request Rate: Requests per minute (from metrics)

Component Sections

1. Health Overview — Three large status cards (liveness, readiness, startup)
2. System Info — Version, uptime, build info
3. Recent Events — Last health transitions (if backed by log)
4. Quick Actions — Links to compaction page, stats page

Acceptance Criteria

• Liveness check shows correct status
• Readiness check shows correct status
• Startup check shows correct status
• Auto-refresh works and updates badges
• Error state when backend is unreachable
• Responsive layout

Parent Epic

#290

[ElioNeto]

Resolved via feat/notes-engine-v2 branch (PR #321) - commit closes via merge to main