# XWUIOpsCommercialTargetsPage

The OPFlow Commercial > Revenue Targets matrix: an `XWUIShellPage` wrapping an `XWUIDataGrid` that lays out a fixed Q1 / Q2 / Q3 / Q4 / Annual set of rows for the selected year, with a toolbar holding a Year dropdown plus "+ Add Target" and "Export" buttons. Each row carries an inline-editable Target (`XWUIInputMonetary`, SAR), a host-fed read-only Actual, a green/red Variance, an `XWUIProgressBar` Progress cell, a categorical Pacing badge (`ahead` / `on-track` / `behind`), a Last-Updated label, and a kebab row action; the Annual row is the read-only aggregate of the four quarters. Use it as the baseline-setting screen that defines the targets every downstream commercial dashboard and chart compares against.

## Basic Usage

Renders the 2026 targets matrix with Q1 ahead, Q2 on track, Q3 trailing mid-quarter, Q4 not yet started, and the read-only Annual aggregate.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Revenue Targets for 2026 with per-quarter SAR targets and actuals exercising the ahead / on-track / behind pacing states plus the Annual aggregate row.
```

## Year-End Review

A closed prior year where every quarter beat target, so all rows render positive Variance and full Progress bars.

```example
file: examples/YearEndReview.ts
html: examples/YearEndReview.html
title: Year-End Review
description: Closed 2025 retrospective where all four quarters and the Annual row land "Ahead" with actuals above target, positive green Variance, and 100% Progress.
```

## Annual Kick-off

A freshly-opened year with baselines set but zero actuals, so every Progress bar is empty and Pacing shows the neutral placeholder.

```example
file: examples/AnnualKickoff.ts
html: examples/AnnualKickoff.html
title: Annual Kick-off
description: A new 2027 plan with quarterly SAR targets set but every Actual at 0 - full negative Variance, 0% Progress bars, and an em-dash Pacing cell from the omitted pacing field.
```

```api
```