# XWUIResourceMatrix

Generic Gantt-like 2D allocation grid. Rows = entities (assets, people, vehicles); columns = an evenly-divided time range (day / week / month); cells = coloured status pills that can span multiple columns. Optional trailing calculated columns (Work Days, Utilisation %, Total, KM). Used across resource-planning surfaces: OB Vans / SNG Trucks / Generators Availability, Employee Availability, OB Mobility City Schedule / Timeline, SNG Mobility City Schedule / Timeline.

## O B Vans Availability

```example
file: examples/OBVansAvailability.ts
html: examples/OBVansAvailability.html
title: O B Vans Availability
```

## Employee roster

Crew availability by week with status pills and tooltips.

```example
file: examples/EmployeeRoster.ts
html: examples/EmployeeRoster.html
title: Employee roster
description: Crew availability across weeks - rows are people, columns are ISO weeks.
```

## Meeting Rooms

Room bookings across an hourly day, with a trailing booked-hours column.

```example
file: examples/MeetingRooms.ts
html: examples/MeetingRooms.html
title: Meeting Rooms
description: Rooms by hour with internal/customer/maintenance booking pills.
```

## Project Roadmap

A portfolio roadmap at month granularity with clickable multi-month phases.

```example
file: examples/ProjectRoadmap.ts
html: examples/ProjectRoadmap.html
title: Project Roadmap
description: Month-granularity initiatives with discovery/build/GA phases and onCellClick.
```

```api
```