Skip to main content

Add a Report or Diagnostic

Add a Report or Diagnostic

A diagnostic is visible system state: a backend collector reads one subsystem, a route serves it, and a frontend panel shows a status pill plus drill-down.

Pattern:

  1. Add one focused backend collector.
  2. Serve it through the existing diagnostics route shape.
  3. Add a frontend section with healthy, degraded, failing, and not-enough-data states.
  4. Add it to the high-level diagnostics flow so the summary remains complete.

The diagnostics page in packages/frontend/src/pages/diagnostics/+Page.tsx is the frontend reference implementation.