# XWUIProjectPlanGoalsPage

The "Goals" 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 the plan's `XWUIProjectGoalsPanel`, fed by `api.listGoals(planId)`. Pass `data.api` (an `IProjectWorkApi`), the `planId`, an optional `planTitle`, and `activeView: "goals"`. Use it as the goals tab of a plan workspace.

## Basic Usage

The goals panel for `plan-team-ops` loaded from `createMockProjectWorkApi()`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The plan goals panel for plan-team-ops with the shared plan chrome.
```

## Design Sprint Goals

The goals view pointed at a different plan.

```example
file: examples/DesignSprintGoals.ts
html: examples/DesignSprintGoals.html
title: Design Sprint Goals
description: The goals panel re-targeted to plan-design with its own header description.
```

## Wired Toolbar

The plan chrome's view-tab and search controls wired to handlers.

```example
file: examples/WiredToolbar.ts
html: examples/WiredToolbar.html
title: Wired Toolbar
description: onViewChange and onSearch callbacks that log every toolbar interaction.
```

```api
```