# XWUIOpsOBVansPage

Operations "Resources > OB Vans" roster page (route `/en/resources/ob-vans`) with a three-mode XWUIInputSegmentedControl toggle - List, Availability, and Cards - sharing one toolbar (XWUISearch, a Status filter, a Base-Location filter seeded from the data, and a primary "+ Add OB Van" button that opens an XWUIDialog). List is an XWUIDataGrid with columns Name / Status badge / Camera Count / Resolution chips / Current Location / Notes / Actions (view·edit·delete); Availability is an XWUIResourceMatrix over May 2026 (status palette Production/Rigging/Rehearsal/Park&Power/SNG-Only/Maintenance) with trailing Work Days + Utilization columns; Cards renders one compact XWUICardOBVan per van. Use it as the OB-van inventory/availability surface; each van carries `id`, `name`, `status`, `cameraCount`, `resolutions`, `currentLocation`, and `notes` (fleet defaults to OB01..OB18 when no data is supplied).

## Basic Usage

A List-view OB Vans roster with a 3-van demo inventory and a single OB10 availability block.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: OB01/OB04/OB10 inventory (15/21/26 cameras, HD 1080i + UHD 4K) plus an OB10 RIG-then-PRD availability block on days 4-5, opening in the List view.
```

## Monthly Availability Matrix

A busy May 2026 across a 5-van fleet, opening on the Availability view with multi-status spans and Work-Days / Utilization trailing columns.

```example
file: examples/MonthlyAvailabilityMatrix.ts
html: examples/MonthlyAvailabilityMatrix.html
title: Monthly Availability Matrix
description: Overlapping production/rigging/rehearsal/SNG spans across OB01/OB04/OB05/OB07/OB10 with a 12-day OB05 maintenance window, opening on the Availability matrix.
```

## Full Fleet Cards Roster

The full six-van fleet as compact OB van cards with pre-projected location and assignment data, in mixed active / maintenance / offline states.

```example
file: examples/FleetCardsRoster.ts
html: examples/FleetCardsRoster.html
title: Full Fleet Cards Roster
description: Six vans with caller-supplied cardData (location kind, source timestamp, upcoming assignments) and operational notes - OB05 in maintenance, OB13 offline - opening on the Cards view.
```

```api
```