feat: modernize UI, upgrade Fresh 2.2.0 + Tailwind v4#2
Merged
Conversation
…o v4 Accordion-style category view on the day page: - Categories collapsed by default with test count, pass rate, and fail count - Clickable headers to expand/collapse individual categories - Expand all / Collapse all buttons - Removed flat category navigation links bar Upgrade Fresh from alpha.29 to 2.2.0: - Update all dependencies via deno update - Fix fsRoutes: standalone import -> app.fsRoutes() method - Fix Builder.listen: pass async function instead of app directly - Fix tailwind(): 2 args (builder, options) instead of 3 - Add required jsxPrecompileSkipElements entries Migrate Tailwind CSS from v3 to v4: - Replace @tailwind directives with @import "tailwindcss" - Remove tailwind.config.ts (v4 auto-detects content, media dark mode is default) - Add nodeModulesDir: "auto" for PostCSS resolver compatibility - Update tailwindcss dependency to ^4 Add project documentation (CLAUDE.md) and Deno skills (.deno-skills/). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
bartlomieju
force-pushed
the
feat/accordion-categories-and-fresh-upgrade
branch
from
6f59662 to
5805034
Compare
ReportTable improvements: - Left-align header and category columns with matching background - Left-align expanded test result cells - Category summary shows percentage and pass/total on separate lines - Softer dark mode hover on category rows - More padding on expanded test rows with subtle hover highlight Replace dense stacked bar chart with two new chart types: - Heatmap: categories × OS grid with Overall row, color-coded by pass rate - Treemap: square-root scaled rectangles sized by test count, colored by health - Toggle button to switch between heatmap and treemap views Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Move content from .deno-skills/node-test-viewer.md into CLAUDE.md and update outdated info (Fresh 2.2.0, Tailwind v4, chart descriptions). Adds Fresh patterns, formatting gotchas, and common operations sections. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Chart: - Increase height from 200px to 500px for visible slope - Show pass rate percentage instead of raw count - Auto-scaled y-axis, distinct muted colors per OS - Smooth curves with markers, zoom enabled SummaryTable: - Show percentage diff and nominal test count change between runs - Left-aligned columns with header background - Consistent styling with day page Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
bartlomieju
changed the title
Replace deprecated denoland/deployctl@v1 GitHub Action with the built-in deno deploy CLI subcommand (requires Deno >= 2.4). Production deploys on push to main, preview deploys on PRs. Add deploy config to deno.json. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
kt3k
reviewed
Feb 6, 2026
.github/workflows/deploy.yml
Outdated
| root: "." | ||
| - name: Deploy to production | ||
| if: github.event_name == 'push' | ||
| run: deno deploy --prod |
Contributor
There was a problem hiding this comment.
I think it's easier to use builtin git integration than deno deploy command. I'll update the deployment settings
kt3k
approved these changes
Feb 6, 2026
Contributor
kt3k
left a comment
kt3k
left a comment
There was a problem hiding this comment.
Treemap looks fun!
The switched the build setup to the new pattern (using vite directly)
Landing for testing the deployment in the main branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Modernizes the Node Test Viewer with upgraded dependencies, new chart visualizations, and improved UI polish across all pages.
Dependency upgrades
fsRoutes,Builder.listen,tailwind(),jsxPrecompileSkipElements)@import "tailwindcss", removedtailwind.config.ts, addednodeModulesDir: "auto")@std/*,preact,@preact/signals)Day page (
/results/:date)Index page (
/)+0.11% / +2), left-aligned with consistent stylingOther
CLAUDE.mdwith project documentation and Fresh 2.2.0 patternsTest plan
deno task devstarts without errorsdeno task checkpasses (except pre-existing Chart.tsx CDN import)🤖 Generated with Claude Code