# XWUIOpsLogisticsPage

Crew-travel tracking page for broadcast operations: a 4-tile KPI strip (Flights / Hotels / Cars each as orange Pending · green Booked counts, plus Total Crew headcount), a cascading filter strip (Category dropdown + In Progress / Ready workflow toggle + Flights / Hotels / Cars resource tabs), and one swappable data grid whose columns track the active tab. Flights show Project · Crew Member · Origin → Destination · Departure · Return · Status; Hotels show Hotel · Check-in · Check-out · Nights; Cars show Vendor · Pickup · Return · Vehicle. Use it as the centralized command center for booking flights, hotels, and ground transport across upcoming projects, with `setFlights`/`setHotels`/`setCars`/`setKPIs` hot-swapping data and "Manage Hotels" / "Manage Car Rentals" toolbar buttons.

## Basic Usage

Seeds the page with flight, hotel, and car bookings plus RSL / King Cup / Concert categories and live KPI counts, defaulting to the Flights tab in the In Progress workflow.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Logistics page with sample flight, hotel, and car bookings driving the KPI strip and the swappable resource grid.
```

## Hotel Booking - Ready Queue

The logistics desk flips to the Hotels tab in the Ready workflow to confirm multi-night lodging for the King Cup travelling party.

```example
file: examples/HotelBookingReady.ts
html: examples/HotelBookingReady.html
title: Hotel Booking - Ready Queue
description: The Hotels resource in the Ready workflow with four 2-4 night stays across two Riyadh properties and the Manage Hotels gear wired for vendor-agreement CRUD.
```

## Ground Transport Fleet

A concert-tour ground-transport view on the Cars tab - a mixed fleet across three rental vendors, shown in the Ops shell.

```example
file: examples/GroundTransportFleet.ts
html: examples/GroundTransportFleet.html
title: Ground Transport Fleet
description: The Cars resource for a Diriyah concert run - crew shuttles, an equipment truck and an exec SUV across three vendors (one cancelled), mounted inside the Ops shell.
```

```api
```