Phase 2 Component Gallery

All 9 components with representative governance data. Events are logged below each interactive component.

1. Decision Tag

2. Tier Badge

3. Pill

Primary Danger Outline Disabled
Click a pill...

4. Status Card

Click the "Pending" card...

5. Status Grid

Auto-fit responsive grid — resize the browser to see reflow

6. Pagination

Navigate pages...

7. KV List

8. Code Block

Click copy...

9. Data Table

Sortable columns, row click, row highlighting (DENY=red, observed=amber), pagination

Sort, click rows, paginate...