# XWUIOpsHRDashboardPage

HR landing-page dashboard (route `/en/hr`) embedding an XWUIDashboard with a 6-tile KPI ribbon - Total Employees (with Saudi / Non-Saudi split), Attendance Rate (with a trend delta), Visa Alerts, Iqama Renewals, Avg. Rating, and Overtime Hours - over a 2-up widget grid: Urgent Actions (full-row grid of expired/expiring documents), Department Attendance (bar chart), Top Performers (ranked list), and Compliance Summary (2x2 grid of GOSI / Visa / Iqama / Passport status cards). Each widget body is a content slot; when omitted the dashboard renders the spec-quoted empty-state strings. Use it as the workforce-health, compliance-tracking, and performance overview entry point for the HR module.

## Basic Usage

The OPFlow spec defaults - 1226 total employees (0 Saudi / 1226 Non-Saudi), 0% attendance with a -50 trend, and zeroed visa / iqama / rating / overtime metrics - with widget bodies omitted so each renders its empty state.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The six HR KPI tiles populated from the spec defaults, with all four widgets falling back to their empty-state strings.
```

## Iqama Renewal Deadlines

The compliance-watch view with non-zero visa and iqama alerts, an Urgent Actions table of expiring documents, and the Compliance Summary status cards filled.

```example
file: examples/IqamaRenewalDeadlines.ts
html: examples/IqamaRenewalDeadlines.html
title: Iqama Renewal Deadlines
description: Compliance-pressure HR dashboard with expiring-document table and GOSI / Visa / Iqama / Passport status cards for the expat workforce.
```

## Monthly Performance Review

The workforce-health view with strong attendance and rating KPIs, a per-department attendance breakdown, and a ranked Top Performers list.

```example
file: examples/MonthlyPerformanceReview.ts
html: examples/MonthlyPerformanceReview.html
title: Monthly Performance Review
description: Performance-review HR dashboard populating the Department Attendance bars and a ranked Top Performers list with healthy KPIs.
```

```api
```