Streamline dashboard header system with simplified navigation

[Copilot]

This PR establishes a clean and simplified header system for the dashboard by removing redundant elements and creating a streamlined navigation experience.

Simplified Header Architecture

Clean Navigation Hierarchy

• Level 1 (Dashboard Banner): Subtle light gray background (#f1f5f9) with "Rolldown-Vite Dashboard" identification
• Level 2 (Page Navigation): Consistent light background (#f8fafc) with "Rolldown Stats" / "Minification Benchmarks" tabs
• Level 3 (Metric Navigation): "Bundle Size" / "Build Time" buttons with unified styling

Key Improvements

• Eliminated redundant headers: Removed the dark "Rolldown Stats" banner that duplicated navigation information
• Streamlined user flow: Direct progression from top banner → page selection → metric selection
• Consistent design language: Unified color palette, spacing (0.75rem padding), and typography across all navigation levels
• Reduced visual noise: Simplified interface focuses attention on data visualization and functionality

Design System Benefits

• All navigation elements use consistent styling with proper hover and active states
• Eliminated gradient backgrounds for clean, professional appearance
• Standardized button dimensions and spacing throughout the interface
• Responsive design maintains clarity across desktop, tablet, and mobile viewports

The dashboard now provides a more intuitive user experience with clear navigation paths and reduced cognitive load, allowing users to focus on the performance metrics and data insights.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[Boshen]

@copilot the rolldown-vite dashboard banner should be at the top of the page. It should be small and clean.

[Copilot]

@copilot the rolldown-vite dashboard banner should be at the top of the page. It should be small and clean.

Added the rolldown-vite dashboard banner at the top of the page. It's small and clean with just a small chart icon and the text "Rolldown-Vite Dashboard" in a subtle gray color. The banner is positioned above all navigation elements and uses sticky positioning. Commit: 4b3b7d3

[Boshen]

@copilot The order of the 3 headers should be:

1. rolldown-vite dashboard
2. rolldown status / minification benchmarks
3. bundle size / build time

[Copilot]

@copilot The order of the 3 headers should be:

1. rolldown-vite dashboard
   ...

Fixed the header order as requested. The hierarchy now follows the correct sequence:

1. Rolldown-Vite Dashboard (top banner)
2. Rolldown Stats / Minification Benchmarks (page headers)
3. Bundle Size / Build Time (metric navigation)

Changed the RolldownStatsPage header from "Rolldown-Vite Dashboard" to "Rolldown Stats" to avoid duplication with the top banner. Commit: 4ea6902

[Boshen]

@copilot redo the 3 header banners and make them consistent.

[Copilot]

@copilot redo the 3 header banners and make them consistent.

Redesigned all three header banners with a unified design system. The headers now have consistent typography, color palette, spacing, and styling across all levels:

1. Dashboard Banner: Light gray (#f1f5f9), 0.875rem font, subtle identification
2. Page Headers: Dark background (#334155), 1.5rem font, main page titles
3. Navigation Elements: Consistent styling, unified button design, matching color scheme

All headers now follow the same design language with standardized spacing, typography scales, and simplified styling. Commit: e7bf52a

[Boshen]

@copilot remove the "Rolldown Stats" banner

[Copilot]

@copilot remove the "Rolldown Stats" banner

Removed the "Rolldown Stats" banner completely from the Rolldown Stats page. The dark header section with the title and subtitle has been eliminated, creating a cleaner interface with streamlined navigation. Commit: 7d3aa84