Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Read-Only Dashboard

Use This When

Use this workflow when the first product goal is to show API status, user access, latest evidence, or report information without editing a case.

What You Will Build

You will build a dashboard that proves the API is reachable, the user can authenticate, and read-only KYC information can be displayed safely.

What Must Already Be True

API Contract

Typical endpoints:

GET /healthz
GET /readyz
GET /api/v1/kyc/search
GET /api/v1/kyc-cases/{case_id}
GET /api/v1/kyc-cases/{case_id}/reports/latest?view={view}
GET /api/v1/workflow/events?after_id={after_id}&limit={limit}

Choose only the endpoints needed for the dashboard.

UI States

AreaRequired states
DiagnosticsReachable, not reachable, ready, degraded.
AuthSigned out, signed in, unauthorized.
EvidenceEmpty, loading, success, partial evidence, error.
ReportNo report, loading, snapshot available, restricted view.
TimelineNo events, polling, warning, error.

Implementation Steps

  1. Add Diagnostics.
  2. Add Error States.
  3. Add Quick Screening if dashboard users need lightweight evidence lookup.
  4. Add Report Snapshots when the dashboard displays generated summaries.
  5. Add Workflow Events when active work is visible.

Checkpoint

  • A user can tell whether the API, readiness, and auth are working.
  • Read-only views do not expose restricted compliance fields to customer-facing audiences.
  • Support details preserve API request metadata when failures occur.

Common Mistakes

  • Starting with reports before diagnostics works.
  • Rendering compliance report data in a general support dashboard.
  • Polling workflow events after the dashboard is no longer visible.
  • Treating read-only UI as permission enforcement.