# XWUIOpsSNGMobilityPage

Operations "SNG Mobility" command-centre page (route `/en/sng-mobility`) for tracking Satellite News Gathering trucks and LIVE U cellular-bonding uplink units, with four XWUINavTabs panels: Fleet Overview (a responsive grid of XWUICardSNGTruck tiles keyed on transmission type SNG vs LIVE U, frequency bands Ku/C/Ka, and formats), City Schedule (a 7-day XWUIResourceMatrix of city-name cells coloured by geographic state - on-site/in-transit/home/warehouse/scheduled), Timeline (a 7-day matrix of operational-phase pills - production/rigging/rehearsal/travel/de-rig/park-and-power/sng-only - with trailing Total + KM columns), and Monthly Stats (an XWUIChart fleet-utilisation snapshot over a per-truck table of TX / Rig / Rehearsal / De-Rig / Park & Power / Total / Utilization). Use it as the SNG-fleet logistics surface; trucks carry `id`, `status`, `transmissionType`, `bands`, `formats`, `locationKind`, `city`, and `telemetryStamp` (fleet defaults to LIVE U-01 + SNG01..SNG19 skipping SNG16, week "03 May - 09 May 2026").

## Basic Usage

A four-tab SNG Mobility page with a mixed LIVE U + SNG demo fleet, City Schedule postings, and a Timeline rigging-then-production block.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: 1 LIVE U + 3 SNG units (one parked at warehouse with an em-dash city), Riyadh/Jeddah City Schedule cells, an SNG01 RIG→PRD Timeline block, and an empty Monthly Stats tab, defaulting to Fleet Overview.
```

## Timeline Tab

Opens on the Timeline matrix exercising the full operational-phase palette over the 03-09 May week, with Total and KM trailing columns.

```example
file: examples/TimelineTab.ts
title: Timeline Tab
description: Seven-day phase pills (travel/rigging/production/de-rig/rehearsal/park-and-power/SNG-only) with per-truck totals.
```

## Monthly Stats Tab

Opens on Monthly Stats with a populated per-truck aggregation table (TX / Rig / Rehearsal / De-Rig / Park & Power / Total / Utilization) for May 2026.

```example
file: examples/MonthlyStatsTab.ts
title: Monthly Stats Tab
description: Four-truck month-end utilisation breakdown including a low-utilisation maintenance truck.
```

```api
```