node_test_viewer

Summary Modernizes the Node Test Viewer with upgraded dependencies, new chart visualizations, and improved UI polish across all pages. Dependency upgrades Fresh alpha.29 → 2.2.0 (fixed breaking API changes: , , , ) Tailwind CSS v3 → v4 (, removed , added ) Updated all other deps (, , ) Day page () Accordion-style categories: collapsed by default showing pass rate, pass/total count, and fail count per OS; clickable to expand individual categories Expand/Collapse all buttons Heatmap chart: categories × OS grid with Overall row, color-coded by pass rate bands Treemap chart: square-root scaled rectangles sized by test count, colored by health Toggle to switch between heatmap and treemap views Left-aligned columns, subtle hover highlights, increased row padding Index page () Chart: 200px → 500px height, shows pass rate % instead of raw count, auto-scaled y-axis, distinct muted colors per OS, smooth curves with zoom Summary table**: shows percentage diff and nominal test count change between consecutive runs (), left-aligned with consistent styling Other Added with project documentation and Fresh 2.2.0 patterns Dark mode hover toned down across all tables Test plan [ ] starts without errors [ ] Home page loads with chart and summary table [ ] Chart shows percentage pass rates with visible slope over 3 months [ ] Summary table rows show diffs between runs (green/red) [ ] Day page accordion: categories collapse/expand correctly [ ] Heatmap/Treemap toggle works, both render correctly [ ] Dark mode looks good (no overly bright hovers, readable text) [ ] passes (except pre-existing Chart.tsx CDN import) 🤖 Generated with Claude Code