Skip to content

viewer: Lit chart spike + CSS tokens + charts.css extraction #913

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
thinkingfish merged 6 commits into from
May 12, 2026
Merged

viewer: Lit chart spike + CSS tokens + charts.css extraction #913

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
0b37b74
docs: TODO entry for embed-friendly charts with swappable data backend
claude May 12, 2026
ced6fd3
viewer: <rezolus-chart> Lit web component spike
claude May 12, 2026
6e5314f
viewer: promote chart palette to CSS custom properties
claude May 12, 2026
f8fe97f
viewer: extract chart-specific styles into charts.css
claude May 12, 2026
4a85ed0
viewer: wire embed demo to a real plot from the rezolus self-report
claude May 12, 2026
41a01e9
viewer: fix orphan separator + unreachable systeminfo on mobile
claude May 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions docs/TODOs.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,3 +37,9 @@ The system-wide `scheduler_offcpu` is a histogram; the per-cgroup `cgroup_schedu
Surface boot-time and runtime configuration that affects performance posture: CPU isolation (`isolcpus`, `nohz_full`, cgroup `cpuset`), block device tuning (IO scheduler, completion affinity, NVMe queue mode), and IRQ affinity.

**Why it matters.** A host can be misconfigured against its intended QoS posture in ways that are silent until traffic hits a corner case. Pulling configuration into the metrics stream lets dashboards flag drift (e.g., "completion just landed on a CPU listed in `isolcpus`") and lets fleets compare intent against reality at scale.

## Embed-friendly charts with swappable data backend

Wrap chart/section rendering as web components (e.g. `<rezolus-chart>`, `<rezolus-section>`) that take a `Plot`/`View` descriptor (already produced by `crates/dashboard/`) plus a pluggable data adapter. Two adapters: a WASM adapter that resolves `promql_query` locally against an in-browser TSDB (small, portable, GitHub Pages friendly), and a Datastar/SSE adapter that subscribes to a server-resolved stream (large, live data). Same descriptor and same component API on both sides.

**Why it matters.** It makes Rezolus charts droppable into other dashboards or docs pages without iframing, and gives a clean split between the static file-mode viewer and a future streaming server viewer without forking the frontend.
1 change: 1 addition & 0 deletions site/viewer/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@
<script src="lib/charts/echarts.min.js"></script>
<script type="module" src="lib/script.js"></script>
<link rel="stylesheet" href="lib/style.css" />
<link rel="stylesheet" href="lib/charts.css" />
</head>

<body>
Expand Down
1 change: 1 addition & 0 deletions site/viewer/lib/charts.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
../../../src/viewer/assets/lib/charts.css
1 change: 1 addition & 0 deletions site/viewer/lib/embed
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
../../../src/viewer/assets/lib/embed
1 change: 1 addition & 0 deletions site/viewer/lib/lit
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
../../../src/viewer/assets/lib/lit
1 change: 1 addition & 0 deletions src/viewer/assets/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@

<!-- Styles -->
<link rel="stylesheet" href="lib/style.css" />
<link rel="stylesheet" href="lib/charts.css" />
</head>

<body>
Expand Down
Loading
Loading