# XWUIOpsPlannerRouteMapPage

AI-Planner "Route Map" geospatial dashboard (route `/en/planner/route-map`) for the OB-van fleet across KSA. Extends `XWUIShellPage` with a toolbar month stepper ("< May 2026 >") and a Current / Planned / Compare `XWUIInputSegmentedControl`, over a split layout: a dominant `XWUIMap` (~70%) showing one coloured marker per van plus a timeline-driven playback overlay (default: OB10 animating Riyadh→Buraidah over 5s with 0.5×/1×/2× speeds and loop), and a right-rail `XWUISidePanel` (~30%) titled "OB Vans (N vans)" stacking one `XWUICardOBVan` per van (id, status, home city, "No movement this month" footer). Drives both the map markers and rail cards from a single `vans[]` source so they never drift; emits `onMonthStep(direction)` and `onStateChange(state)`.

## Basic Usage

KSA-centroid map with four van markers (OB01 Riyadh, OB02 Jeddah, OB09 Al Ehssa, OB10 Riyadh) and a three-waypoint OB10 Riyadh→Buraidah playback timeline, paired with the matching four-card right-rail listing.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Four OB-van markers plus an OB10 Riyadh→Buraidah playback path with a paired van-card side rail.
```

## Planned Redeployment

The "Planned" state for next month, projecting where each rig will be positioned with the fixture it is being deployed for on every rail card.

```example
file: examples/PlannedRedeployment.ts
html: examples/PlannedRedeployment.html
title: Planned Redeployment
description: A static June 2026 forward-planning snapshot - OB01 Riyadh derby, OB04 Abha, OB07 Tabuk, OB10 Najran - with month-step and Current/Planned/Compare toggle handlers wired.
```

## Multi-Van Convoy Playback

A Compare-state derby weekend where three rigs leave the Riyadh base and fan out simultaneously, each on its own interpolated playback track.

```example
file: examples/ConvoyPlaybackCompare.ts
html: examples/ConvoyPlaybackCompare.html
title: Multi-Van Convoy Playback
description: OB01 → Dammam, OB04 → Jeddah and OB10 → Buraidah animate at once over ~6s via per-marker waypoint tracks, driving the floating play/speed/loop overlay.
```

```api
```