- Added motion effects to Donut, Gauge, Header, NoData, Sparkline components for improved user experience.
- Implemented initial and animate properties for SVG elements to create smooth transitions.
- Introduced new motion primitives for reusable animations across components.
- Updated UI elements like badges and buttons with hover effects and transitions.
- Enhanced skeleton and spinner components for better loading states.
- Created a motion library for consistent animation variants and utility constants.
- 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>
- Remove Go dashboard (replaced by Next.js)
- Add API route /api/dashboard: Docker container list, Jaeger
traces, Prometheus metrics, node resources
- Add /dashboard page: React client component with inline SVG
charts (donut, sparkline, gauge), auto-refresh every 15s
- Same dark theme as original Go dashboard
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
asepharyana