# XWUIOpsCitiesPage

The OPFlow Master Data > Cities directory: an `XWUIShellPage` wrapping an `XWUIDataGrid` of geographic nodes with columns Name (English) / Name (Arabic) / Region / Country / Coordinates / Venue Count / Active / Actions, plus a toolbar carrying a "+ Add City" primary button, free-text search, and a Region filter (defaulting to the Central / Western / Eastern / Northern / Southern Saudi Arabia split). Country defaults to "Saudi Arabia". Use it as the foundational location registry that feeds the travel-flag, crew-deployment, and venue rollups across the Ops suite.

## Basic Usage

Mounts the Cities grid pre-seeded with five Saudi cities spanning every region and both active and inactive states.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Cities directory seeded with Abha, Al Bukayriyah, Al-Kharj, Dammam, and an inactive Al-Madinah across all five regions.
```

## Tournament Host Cities

The directory narrowed to one tournament's Western-region host cities, with a retargeted search placeholder and every row action plus Add-City wired to host callbacks.

```example
file: examples/TournamentHostCities.ts
html: examples/TournamentHostCities.html
title: Tournament Host Cities
description: Four Western-region host cities with a custom search placeholder and wired view/edit/delete + Add-City callbacks.
```

## GCC Multi-Country

A multi-country deployment that overrides the Region filter with a per-country list and seeds cities with their own country values.

```example
file: examples/GCCMultiCountry.ts
html: examples/GCCMultiCountry.html
title: GCC Multi-Country
description: Custom regionOptions per-country filter with Riyadh, Dubai, Doha and Manama rows carrying non-default country values.
```

```api
```