# XWUIOpsHREmployeesPage

Administrative master personnel directory and onboarding hub (route `/en/hr/employees`) that extends `XWUIShellPage` with a two-mode view toggle. The List view is an `XWUIDataGrid` with columns: bulk checkbox, Employee Code, Full Name (avatar + EN/AR composite), Crew Role chip, Department, Availability badge, Invite Status outlined pill, City, and an Actions triad; the Availability view is an `XWUIResourceMatrix` of personnel rows over a May 2026 daily calendar, colour-coded Production (green) / Rigging (orange) / Rehearsal (blue) / Vacation (purple) / Sick Leave (pink) / Free. The toolbar carries the List|Availability segmented control, search, four filter dropdowns (Crew Role · Department · Availability · Invite Status), a "Show Inactive" switch, and a primary "+ Add Employee" button. Feed it the `employees` array (code, nameEn/nameAr, crewRole, department, availability, inviteStatus, city, inactive) plus `availabilityCells`; switching views swaps only the body so search/filter context is preserved. Distinct from the operational `/en/resources/employees` directory.

## Basic Usage

HR Employees directory in List view with a three-record demo dataset and a few allocation cells for the Availability matrix.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Three "Not Invited", "Available", Riyadh-based employees (Replay Operator, Video Rigger, Camera Operator) with production/rigging/vacation availability cells, defaulting to the List view.
```

## Availability Matrix Week

Opens straight into the Availability view as a scheduler would use it during a heavy broadcast week, exercising every cell status across overlapping blocks.

```example
file: examples/AvailabilityMatrixWeek.ts
html: examples/AvailabilityMatrixWeek.html
title: Availability Matrix Week
description: Six crew booked into overlapping production, rigging, rehearsal, vacation and sick-leave blocks, with the gaps reading as free capacity.
```

## Onboarding Invite Tracker

The List view as an IT/HR onboarding board where every invite-status stage appears and "Show Inactive" surfaces offboarded records, mounted in the Ops shell.

```example
file: examples/OnboardingInviteTracker.ts
html: examples/OnboardingInviteTracker.html
title: Onboarding Invite Tracker
description: Active, pending, invited and not-invited joiners plus two inactive (offboarded) records, with live view/edit/delete row actions inside the shell.
```

```api
```