CyberMind-FR
f71100150a
feat(system-hub): remove duplicate widgets and add modern histograms
Major UI/UX redesign for v0.3.2:
REMOVED:
- Duplicate Resource Monitors section (sh-metrics-grid)
- Old metric cards that duplicated stats overview data
- Redundant getMetricConfig() logic
ADDED - Real-Time Performance Metrics:
- Modern histogram-based visualizations
- 4 metric cards: CPU, Memory, Disk, Temperature
- Animated gradient progress bars with shimmer effect
- Mini histogram for CPU load average (1m/5m/15m)
- Multi-segment bar for memory+swap visualization
- Status badges (ok/warning/critical) with color coding
- Detailed info grids (3 columns per metric)
UI Improvements:
- Gradient-animated progress bars
- Hover effects with lift and glow
- Color-coded top border per metric type
- Modern card layout with glassmorphism
- Status icons with pulsing animation
- Responsive histogram bars (interactive)
- JetBrains Mono for numeric values
CSS Features:
- Shimmer animation on progress bars
- Gradient shadows for visual depth
- Smooth transitions (cubic-bezier)
- Responsive grid layout (auto-fit)
- Mobile-optimized (single column)
- Dark/light theme support
Performance:
- Removed 4 duplicate DOM nodes
- Optimized update cycle
- Smooth 30s auto-refresh
- Hardware-accelerated animations
Visual Design:
- CPU: Indigo → Purple gradient
- Memory: Purple → Pink gradient
- Disk: Pink → Rose gradient
- Temp: Amber → Red gradient