docs(ui): add design system visual preview + screenshots

Browse Source

Self-contained HTML report at ui/docs/design-system-preview.html with
embedded base64 screenshots so the PR review and the report itself remain
viewable without external hosting. Companion to the live /_styleguide
route.

Screenshots captured with Privacy mode ON via Playwright; all data
anonymized (Provider A/B/C, fake metrics) -- no real account names,
emails, or OAuth identifiers.

...

This commit is contained in:

Tam Nhu Tran

2026-04-25 12:21:33 -04:00

parent 64e78f6e69

commit e0d2ab0444

5 changed files with 122 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

ui/docs/design-system-preview.html

+122

File diff suppressed because one or more lines are too long

ui/docs/screenshots/01-styleguide-overview.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 149 KiB

ui/docs/screenshots/02-config-multi-entity.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 134 KiB

ui/docs/screenshots/03-config-single-entity.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 129 KiB

ui/docs/screenshots/04-monitor-archetype.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 131 KiB