- Moved dashboard components (Donut, Gauge, Sparkline) to their own files for better organization.
- Created a new DashboardHeader component to manage the header state and display service status.
- Introduced a layout component for the dashboard to encapsulate common layout styles.
- Simplified the Dashboard component by utilizing new components and reducing inline logic.
- Added type definitions for dashboard data in a new types.ts file.
- Enhanced the visual representation of data with improved SVG elements and accessibility attributes.
- Removed redundant code and improved overall readability and maintainability.
Replace manual CSS classes with shadcn Card, CardHeader, CardTitle,
CardContent, and Badge components. Remove inline <style> block —
use Tailwind utility classes via shadcn theme tokens. Add Biome
formatting across all components.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Added new dependencies: @base-ui/react, class-variance-authority, clsx, lucide-react, shadcn, tailwind-merge, and tw-animate-css.
- Updated globals.css to include new styles and color variables using oklch color space.
- Created components.json for shadcn configuration.
- Implemented a Button component using @base-ui/react and class-variance-authority for styling variants.
- Added utility function `cn` for merging class names with tailwind-merge.
asepharyana
