Repository navigation
Float the sidebar and page header as cards - #4
Merged
Merged
Conversation
- Sidebar and page toolbar are floating cards; active nav items are gray. - Dashboard pages move into the app/(dashboard) route group, so /sign-in never shows the sidebar, even with an expired session cookie. - Stat cards put the change next to the number, with the sparkline below it; charts use flat fills instead of gradients. - Tooltips match the light chart tooltips; sign out gets an icon. - public/overview.jpg retaken with a larger synthetic dataset. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
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
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
Dashboard polish to match the RawTree product: floating card sidebar and page header, gray nav highlights, stat cards with the change next to the number, flat chart fills, light tooltips, and a refreshed sign-in preview.
Changes
app/(dashboard)/layout.tsx: the app shell moves out of the root layout into a route group, so/sign-innever shows the sidebar (it did on/sign-in?expired=1, where the session cookie is still set). URLs are unchanged. The sidebar is a full-height floating card; sign out has an icon.components/ui.tsx:PageToolbaris a sticky row card aligned with the sidebar card, 16px above the content like the other card gaps.components/sidebar-nav.tsx: active page and section use gray instead of blue.components/charts.tsx: stat cards show the change beside the number (its dotted underline sits on the number's baseline) and the sparkline below with more space. Sparklines and trend charts use a flat fill instead of a gradient.components/tooltip.tsx: light card tooltips, matching the chart ones.components/console/console-app.tsx: viewport height accounts for the new top padding.public/overview.jpg: retaken from ~1.47M synthetic events in a separatedemo_eventstable; the realeventstable is untouched.README.md,AGENTS.md,lib/queries.ts: paths updated for the route group.Test plan
npm run typechecknpm test(47 + 48 passing)/sign-in?expired=1renders without the sidebar🤖 Generated with Claude Code