Add Comprehensive Sensors and Controllers Tab

[DonHugo]

📊 Feature Request: Comprehensive Sensors and Controllers Tab

🎯 Objective

Add a dedicated tab that displays all available sensors and controllers in a comprehensive, organized view.

📋 Current State

• GUI has basic sensor display in Overview tab
• Limited sensor information shown
• No comprehensive view of all system components
• Missing controller status information

🎯 Requirements

Sensors Tab Should Display:

• Temperature Sensors:

  • Tank Top Temperature
  • Tank Bottom Temperature
  • Collector In Temperature
  • Collector Out Temperature
  • Ambient Temperature
  • Heat Exchanger In Temperature
  • Heat Exchanger Out Temperature

• System Sensors:

  • Pump Status (ON/OFF)
  • Cartridge Heater Status (ON/OFF)
  • System Mode (Auto/Manual/Eco)
  • Manual Control Status
  • Energy Collected Today
  • Pump Runtime Hours

• Hardware Sensors:

  • RTD Board Status
  • Relay Board Status
  • MQTT Connection Status
  • Home Assistant Connection Status

Controllers Tab Should Display:

• Pump Controllers:

  • Primary Pump Control
  • Pump Start/Stop Status
  • Pump Runtime Tracking
  • Pump Performance Metrics

• Heater Controllers:

  • Cartridge Heater Control
  • Heater Status (ON/OFF)
  • Heater Temperature Limits
  • Heater Safety Controls

• System Controllers:

  • Mode Control (Auto/Manual/Eco)
  • Manual Override Control
  • Emergency Stop Control
  • System Reset Control

🎨 UI Design Requirements

Layout:

• Grid Layout: 3-4 columns responsive grid
• Card Design: Each sensor/controller in its own card
• Color Coding:
  • Green: Active/Normal
  • Yellow: Warning
  • Red: Error/Off
  • Blue: Information

Real-time Updates:

• Auto-refresh every 5 seconds
• Live data updates
• Status change indicators
• Historical data trends

Mobile Responsive:

• 2 columns on tablets
• 1 column on mobile
• Touch-friendly controls
• Swipe navigation

🔧 Technical Implementation

Backend Changes:

• Add comprehensive sensor data endpoint
• Add controller status endpoint
• Implement real-time data streaming
• Add historical data tracking

Frontend Changes:

• Create new tab in navigation
• Implement responsive grid layout
• Add real-time data updates
• Add status indicators
• Add control buttons

API Endpoints:

• /api/sensors/all - All sensor data
• /api/controllers/status - All controller status
• /api/sensors/history - Historical sensor data
• /api/controllers/history - Historical controller data

📊 Data Requirements

Sensor Data:

• Current values
• Units (°C, %, ON/OFF)
• Last updated timestamp
• Status (Active/Inactive/Error)
• Min/Max values
• Trends (Rising/Falling/Stable)

Controller Data:

• Current status
• Last change timestamp
• Control permissions
• Safety limits
• Performance metrics
• Error states

🎯 Success Criteria

• All sensors displayed in organized grid
• All controllers shown with status
• Real-time updates working
• Mobile responsive design
• Color-coded status indicators
• Touch-friendly controls
• Historical data available
• Performance optimized

🔗 Related Issues

• 🌐 Local Web GUI for Raspberry Pi Direct Access #24: Local GUI Feature
• Fix Energy Calculation Bug - Unrealistic Values #19: Energy Calculation Bug
• Improve MQTT Connection Stability #20: MQTT Connection Stability

📱 User Experience

• Easy navigation to all system components
• Clear status indicators
• Intuitive control interface
• Mobile-friendly design
• Real-time data updates

🚀 Priority

High - This is a core feature for system monitoring and control

📝 Notes

• Should integrate with existing GUI framework
• Must maintain performance with real-time updates
• Should be extensible for future sensors/controllers
• Must work with current hardware interface