# XWUIOpsExecutiveDashboardPage

Executive-level operations overview (route `/en/executive`) embedding an XWUIDashboard with a 6-up KPI ribbon - Active Productions, Completed This Month, Total Crew, OB Utilization (e.g. "0.7%"), Reliability Score (e.g. "100.0%"), and Avg. Delay (e.g. "0.0 min") - over a 2-up widget grid: Productions by Status (donut), Productions by Category (horizontal bar), OB Van Utilization, Generator Utilization, Quality (reliability trend + avg delay), and Workforce by Department. KPI values accept strings so the caller controls locale and precision; each widget body is a content slot the host fills. Use it for the high-level operations, resources, and quality snapshot for leadership.

## Basic Usage

The OPFlow KPI snapshot (Active = 0, Completed-this-month = 5, Total Crew = 8, OB Utilization 0.7%, Reliability 100%, Avg Delay 0 min) with placeholder widget bodies.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The six executive KPI tiles populated from the spec snapshot, with the widget grid left as empty placeholders.
```

## Quarterly Board Review

The Q1 board snapshot with healthy KPIs and three populated widgets - productions by status, productions by category, and workforce by department.

```example
file: examples/QuarterlyBoardReview.ts
html: examples/QuarterlyBoardReview.html
title: Quarterly Board Review
description: Healthy quarter KPIs with status, category and workforce-by-department widgets rendered as labelled progress bars.
```

## Peak Load Alert

The Hajj-season capacity view with strained KPIs and the OB-van, generator and quality widgets filled to show where the fleet pressure sits.

```example
file: examples/PeakLoadAlert.ts
html: examples/PeakLoadAlert.html
title: Peak Load Alert
description: Near-capacity Hajj-peak snapshot with OB-van and generator utilization lists and a quality widget flagging a reliability dip and delays.
```

```api
```