# XWUIOpsReportsDashboardPage

The OPFlow Ops `/en/reports` analytics page: an `XWUIShellPage` that embeds an `XWUIDashboard` with a 4-tile KPI ribbon (Reliability Score as a percentage, Total Reports, Total Issues, Avg. Delay in minutes) over an 8-widget 2-column grid: Issues by Category, Issues by Root Cause, Issues by OB Van, Issues by Venue, Trend Over Time, On-Air Delay Tracker, plus two full-width rows - Attendance Rate (bar with 90% SLA threshold) and a Reports data grid. KPI values come from `data.kpis`; each widget body is consumer-supplied via `setWidgetBody(id, …)` and falls back to a "No data" empty-state when omitted (the chart/grid bodies are wired in by the host with live data). Use it as the post-production reliability and fault-analysis command center.

## Basic Usage

Shows the dashboard with the OPFlow KPI figures (Reliability 83.3%, 3 reports, 4 issues, 0.0 min delay) and every widget left in its "No data" empty-state.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Reports dashboard rendering only the KPI ribbon with spec values while all eight widgets show the default "No data" placeholder.
```

## High Reliability Quarter

The KPI ribbon with a perfect end-of-quarter snapshot - 100% reliability, 142 reports, zero issues, no delay.

```example
file: examples/HighReliability.ts
title: High Reliability Quarter
description: Dashboard KPI tiles showing a flawless reliability quarter; widgets stay empty.
```

## With Widget Bodies

Three of the eight widgets populated via the `widgetBodies` override (HTML-string bodies) while the rest keep their "No data" state.

```example
file: examples/WithWidgetBodies.ts
title: With Widget Bodies
description: Issues by Category, Issues by OB Van, and On-Air Delay Tracker filled with host-supplied content.
```

```api
```