# XWUIOpsPowerGeneratorsPage

Operations "Resources > Power Generators" dual-view page (route `/en/resources/power-generators`) that presents both views at once: the body is an XWUIResizablePanel split 50/50, with an XWUIDataGrid inventory list on the LEFT (columns Name / Type chip / Capacity kVA sortable / Status badge / Current Location / Actions) and an XWUIResourceMatrix on the RIGHT (rows = generators, May 2026 daily, status palette Production/Rigging/Rehearsal/Park&Power/SNG-Only/Maintenance, trailing Work Days + Utilization columns). The shared toolbar carries an XWUISearch, a Status filter, a Default-Location filter seeded from the data, and a primary "+ Add Generator" button that opens an XWUIDialog. Use it to plan a warehouse-anchored generator fleet against a calendar; generators carry `id`, `name`, `type` (e.g. Diesel), `capacityKva`, `status`, `currentLocation`, and `defaultLocation` (fleet defaults to GEN01..GEN12, divider position via `initialSplit`).

## Basic Usage

A dual-pane Power Generators page with a 5-generator demo fleet and a synchronized two-generator availability block.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: GEN01..GEN05 Diesel units (100-500 kVA) with GEN03 (Riyadh) and GEN04 (Jeddah) running synchronized RIG-then-PRD blocks on days 5-6, split 50/50.
```

## Mixed Fleet

A fleet spanning Diesel/Hybrid/Battery types and active/maintenance/offline statuses across two warehouses, with the divider biased toward the list pane.

```example
file: examples/MixedFleet.ts
title: Mixed Fleet
description: Five generators across three types and three statuses, split 62 toward the inventory list.
```

## Busy Availability Matrix

A dense right-pane matrix exercising the full status palette plus Work-Days and Utilization, opened matrix-heavy.

```example
file: examples/BusyMatrix.ts
title: Busy Availability Matrix
description: Production/rigging/rehearsal/park-and-power/SNG-only/maintenance cells with a 35/65 split.
```

```api
```
