# XWUIProjectPlansPage

A plan-gallery page (extends `XWUIShellPage`) that loads every work plan via `api.listPlans()` and lays them out as a responsive card grid. Supplying `data.onOpenPlan` makes each card actionable (fires with the plan id for routing into the board), and shell-page fields like `description` and `breadcrumbs` let the gallery sit anywhere in a navigation hierarchy.

## Basic Usage

Mounts the plan gallery against `#app` with a mock `IProjectWorkApi`, rendering a card per plan.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Plan gallery rendering a card for each work plan from the mock API.
```

## Clickable Cards

Wires `onOpenPlan`, turning each card into an actionable tile that fires the callback with the plan id.

```example
file: examples/ClickableCards.ts
html: examples/ClickableCards.html
title: Clickable Cards
description: data.onOpenPlan makes plan cards actionable, firing the plan id a host uses to open the board.
```

## With Breadcrumbs

Places the gallery one level deep under a workspace using `breadcrumbs` and `onBreadcrumbSelect` for upward navigation.

```example
file: examples/WithBreadcrumbs.ts
html: examples/WithBreadcrumbs.html
title: With Breadcrumbs
description: Workspaces / Broadcast Ops crumbs route back up via onBreadcrumbSelect above the plan gallery.
```

```api
```