# XWUIOpsHRDepartmentsPage

HR "Departments" master organizational-chart builder (route `/en/hr/departments`) - an XWUITreeTable presenting the recursive department hierarchy with columns Name (En) carrying the tree expand/collapse affordance, Name (Ar), Manager (em-dash when empty), Headcount, Attendance Offset Rules (hours-before-TX clock-in, e.g. "6h" / "10h" / "--"), Crew Roles count, and Actions. Each department node nests sub-departments via a recursive `children` array, and the toolbar pairs an XWUISearch with a primary "+ Add Department" button that opens an XWUIDialog placeholder. Use it to model and audit the bilingual org chart with per-node TX-staging offsets and crew-role aggregation.

## Basic Usage

A 2-level demo tree where Production Operations and Engineering each carry sub-departments (Camera/Audio Operations; Network Engineering/Field Support), while Office is a flat administrative root with no TX-staging offset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A three-root org chart with two expandable parents and a flat Office node, showing bilingual names, managers, headcounts, and attendance offsets.
```

## News & Sports Divisions

A three-level content org chart contrasting a 24/7 News Division with a live-match Sports Division, each nesting its own production sub-units and per-node TX-staging offsets.

```example
file: examples/NewsAndSportsDivisions.ts
html: examples/NewsAndSportsDivisions.html
title: News & Sports Divisions
description: News (newsroom desk → Arabic/English bulletin pods at 2h) versus Sports (live-match production → stadium camera/pitch audio at 8h) across three nesting levels.
```

## Regional Bureaus Org Chart

The geographic org chart of three Saudi city bureaus mounted inside the Ops shell, with edit/delete/add row-action callbacks wired to the Actions column.

```example
file: examples/RegionalBureausOrgChart.ts
html: examples/RegionalBureausOrgChart.html
title: Regional Bureaus Org Chart
description: Riyadh HQ, Jeddah, and Dammam bureaus each nesting a field crew, composed as the shell-app main page with live row actions.
```

```api
```