Annotations

About

table.annotations is a programmatic row / column / cell overlay. Phase 4 layers the visible rendering on top: CSS tints on rows / cells / column headers and a library-owned popover grouped by scope.

Click a Scenario button (A–E) to seed a specific overlay.
Hover or keyboard-focus an annotated cell or header to open the popover.
Toggle the severity filter checkboxes to hide a severity tint without modifying the store.

Scenarios

Each scenario clears existing annotations first so they don't accumulate. Clear all empties the store directly.

Severity filter

Show error tints Show warning tints Show info tints

Visual-only — annotations remain in the store regardless.

Session JSON

Note: Load replaces everything currently in the store.