# XWUIOpsPlannerSessionsPage

AI-Planner "Sessions" workspace (route `/en/planner/sessions`) - the trigger UI for the algorithmic scheduling engine. Extends `XWUIShellPage` with a primary "+ New Session" toolbar CTA. With no sessions it shows an `XWUIEmpty` zero-state ("No planning sessions yet" / "Create your first session"); with sessions it renders a vertical `XWUILayoutCards` stack, one card per session showing name, month/year, event count, an `XWUIDisplayBadge` status pill (Draft / Running / Generated / Failed), and a View action. The CTA opens an `XWUIDialog` form: Session Name (`XWUIInputText`), Month + Year (`XWUIInputNumber`), a Select-Events `XWUIInputCheckbox` checklist, and a 0-100 Crew Pairing Priority `XWUIInputSlider` (default 50), emitting `onCreateSession(draft)` on "Create & Generate".

## Basic Usage

Opens in the zero-state (`sessions: []`); both the toolbar "+ New Session" and the empty-state CTA open the New Session dialog seeded with one event option ("Al Ain vs Al Ahli", Tier A), default month 5 / year 2026, and the crew-pairing slider at 50.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Sessions zero-state whose New Session dialog captures name, month/year, an event checklist, and a crew-pairing slider.
```

## Populated Sessions History

The "with sessions" list state with one card per status - Draft, Running, Generated and Failed - and the View action wired for drill-down.

```example
file: examples/SessionsHistory.ts
html: examples/SessionsHistory.html
title: Populated Sessions History
description: Four session cards (July Draft, June Running, May Generated 38 events, April Failed re-run) demonstrating every status badge with onViewSession handling the click.
```

## Busy-Month Event Picker

A packed May window whose New Session dialog is seeded with a full eight-fixture league checklist and a logistics-biased crew-pairing slider.

```example
file: examples/BusyMonthEventPicker.ts
html: examples/BusyMonthEventPicker.html
title: Busy-Month Event Picker
description: Eight Roshn Saudi League fixtures across Tiers A-C with the two unconfirmed matches pre-deselected and the crew-pairing slider at 70, emitting the ticked event ids on Create & Generate.
```

```api
```