# XWUIProjectPlanBoardPage

The kanban "Board" view of a work plan. It extends the shared `XWUIProjectPlanShellPage` chrome (breadcrumbs, the Goals/Grid/Board/Calendar/Charts pivot tabs, a Group-by select, and a task search box) and fills the body with an `XWUIKanbanBoard` whose columns come from `api.groupTasks(planId, groupBy)`. Pass `data.api` (an `IProjectWorkApi`), the `planId`, an optional `planTitle`, and `activeView: "board"`; completing, moving, or adding cards calls back into the API and reloads the board. Use it as the board tab of a plan workspace.

## Basic Usage

The board for `plan-team-ops` loaded from `createMockProjectWorkApi()`, grouped into its default buckets.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The kanban board for plan-team-ops with the shared plan chrome and bucket columns.
```

## Design Sprint Board

The same board chrome pointed at a different plan.

```example
file: examples/DesignSprintBoard.ts
html: examples/DesignSprintBoard.html
title: Design Sprint Board
description: The board mounted against plan-design with its own title and header description.
```

## Custom Breadcrumbs

An explicit breadcrumb trail plus a wired search callback.

```example
file: examples/CustomBreadcrumbs.ts
html: examples/CustomBreadcrumbs.html
title: Custom Breadcrumbs
description: Replaces the auto-derived trail with a three-level breadcrumb and logs the search query.
```

```api
```