# XWUIBoardView

A Monday.com-style table-of-rows board: items are organized into colored `data.groups` (each with a collapsible header showing its title and item count), and every row is laid out across the shared `data.columns`. Each column declares a `type` - `text`, `number`, `status`, `person`, `date`, `priority`, `tags`, or `progress` - and the matching cell is rendered with the right control: an `XWUIStatusPicker` for status, an `XWUIPersonPicker` (stacked avatars) for assignees, an `XWUIDisplayDueDate` (relative) for dates, and an `XWUIDisplayPriorityFlag` pill for priority. Config toggles include `selectable` (row checkboxes), `editable` (inline text/number editing and live pickers), `showAddItemRow`, `showAddGroupRow`, and `density` (`comfortable` | `compact`); cell edits fire through `onCellChange(itemId, columnId, value)`.

## Basic Usage

A board with five typed columns (Task/text, Status/status with To do · In progress · Done options, Assignee/person, Due/date, Priority/priority) split across two colored groups, "This week" (2 items) and "Next week" (1 item), in editable and selectable mode.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A two-group board (This week / Next week) with text, status, person, date, and priority columns rendered editable.
```

## Swimlanes by Assignee

A sprint board split into one colored group per engineer (Sarah / Alex / Priya), so each owner becomes a swimlane whose header counts their cards, with shared status, priority, due-date, and progress columns across every lane.

```example
file: examples/Swimlanes.ts
html: examples/Swimlanes.html
title: Swimlanes by Assignee
description: One colored group per team member acts as a swimlane, with each owner's cards laid out across the shared status / priority / progress columns.
```

## WIP Limits per Stage

A compact Kanban board where each workflow stage is a group - Backlog, In progress (3/3, at cap), In review (1/2), Done - using the group header's built-in card count as the live WIP indicator alongside a numeric "WIP cap" column.

```example
file: examples/WIPLimits.ts
html: examples/WIPLimits.html
title: WIP Limits per Stage
description: Each workflow stage is a group whose header shows its live card count against a WIP target encoded in the title and a numeric cap column.
```

## Filtered Board

A two-group board (Platform / Growth) topped by a live search box and priority dropdown that narrow the visible cards by computing a filtered `XWUIBoardViewData` and re-rendering through the board's real `destroy()` + constructor cycle, hiding any emptied lane.

```example
file: examples/FilteredBoard.ts
html: examples/FilteredBoard.html
title: Filtered Board
description: A search box and priority dropdown narrow the cards by re-rendering the board through its real destroy() + constructor API with filtered data.
```

```api
```