# XWUIDashboard

Generic dashboard composer - filter bar + KPI ribbon + widget grid + extra sections. Composes one XWUIDashboardWidget per entry in `widgets`. Designed to be embedded inside an XWUIShellPage subclass via `afterSetupDOM()` - every analytics / overview page in a host application (Dashboard, Executive Dashboard, HR Dashboard, Commercial Dashboard, Reports) reuses this one component with different data.

## Basic Usage

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
```

## With Custom Body

```example
file: examples/WithCustomBody.ts
html: examples/WithCustomBody.html
title: With Custom Body
```

## Sales Overview

A three-column commercial overview with trend arrows, a filter bar and KPI drill-down.

```example
file: examples/SalesOverview.ts
html: examples/SalesOverview.html
title: Sales Overview
description: Trend KPIs, a filter slot and an interactive onKPIClick drill-in.
```

## DevOps Monitor

A service-health board using semantic colors and an incident feed in the extra slot.

```example
file: examples/DevOpsMonitor.ts
html: examples/DevOpsMonitor.html
title: DevOps Monitor
description: Status-colored KPIs plus a stacked open-incidents section.
```

```api
```