feat(ui): integrate display brightness slider and historical trend charts into main views

Sources/App/SystemTelemetryStore.swift

@@ -252,6 +252,13 @@ public final class SystemTelemetryStore {
     public private(set) var batteryHealth = BatteryHealthMetrics()
     public private(set) var peripherals: [PeripheralDeviceItem] = []
     public private(set) var audioDevices: [AudioDeviceItem] = []
+    public private(set) var displays: [MMDisplayInfo] = []
+    
+    /// Historical Telemetry Store
+    public let historyStore = TelemetryHistoryStore.shared
+    
+    /// Display Manager helper
+    public let displayManager = MMDisplayManager.shared()
     
     /// Process detail inspection helper
     public let processInspector = MMProcessDetailInspector()
@@ -653,6 +660,28 @@ public final class SystemTelemetryStore {
                 )
             }
         }
+        
+        // 18. Display Hardware
+        self.displays = self.displayManager.activeDisplays()
+        
+        // 19. Record to Historical Ring Buffers
+        let totalDownBps = self.networkBandwidth.reduce(0.0) { $0 + $1.downloadBps }
+        let totalUpBps = self.networkBandwidth.reduce(0.0) { $0 + $1.uploadBps }
+        let totalDiskReadBps = self.diskIO.reduce(0.0) { $0 + $1.readBps }
+        let totalDiskWriteBps = self.diskIO.reduce(0.0) { $0 + $1.writeBps }
+        
+        let snapshotRecord = TelemetrySnapshotRecord(
+            cpuLoad: self.cpuLoad.totalLoad,
+            memoryUsedPercent: self.memory.utilizationPercentage,
+            networkInBps: totalDownBps,
+            networkOutBps: totalUpBps,
+            diskReadBps: totalDiskReadBps,
+            diskWriteBps: totalDiskWriteBps,
+            cpuTemp: self.cpuThermal.packageTemperature,
+            systemPowerWatts: self.power.systemTotalWatts,
+            timestamp: self.lastUpdateTimestamp
+        )
+        self.historyStore.record(snapshot: snapshotRecord)
     }
     
     public func terminateProcess(pid: pid_t, force: Bool) -> Bool {

Sources/UI/ContentView.swift

@@ -60,6 +60,8 @@ public struct ContentView: View {
             }
             
             Section("Hardware & Devices") {
+                Label("Displays & Brightness", systemImage: "sun.max")
+                    .tag("Displays")
                 Label("Process Explorer", systemImage: "list.bullet.rectangle")
                     .tag("Processes")
                 Label("Graphics (GPU)", systemImage: "display")
@@ -70,6 +72,8 @@ public struct ContentView: View {
                     .tag("Peripherals")
                 Label("Audio Devices", systemImage: "speaker.wave.3.fill")
                     .tag("Audio")
+                Label("Historical Trends", systemImage: "chart.line.uptrend.xyaxis")
+                    .tag("Trends")
             }
         }
         .listStyle(.sidebar)
@@ -119,8 +123,12 @@ public struct ContentView: View {
                     powerCard
                 case "Peripherals":
                     peripheralsCard
+                case "Displays":
+                    displaysCard
                 case "Audio":
                     audioDevicesCard
+                case "Trends":
+                    historicalTrendsView
                 default:
                     dashboardView
                 }
@@ -153,6 +161,7 @@ public struct ContentView: View {
                 gpuTelemetryCard
                 batteryHealthCard
             }
+            displaysCard
         }
     }
     
@@ -990,6 +999,146 @@ public struct ContentView: View {
         .overlay(RoundedRectangle(cornerRadius: 12).stroke(.separator, lineWidth: 1))
     }
     
+    // MARK: - Displays Card
+    private var displaysCard: some View {
+        VStack(alignment: .leading, spacing: 14) {
+            HStack {
+                Label("Connected Displays & Brightness", systemImage: "sun.max")
+                    .font(.headline)
+                Spacer()
+                Text("\(store.displays.count) Display\(store.displays.count == 1 ? "" : "s")")
+                    .font(.caption.bold())
+                    .foregroundStyle(.secondary)
+            }
+            
+            if store.displays.isEmpty {
+                Text("No active displays detected.")
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            } else {
+                ForEach(store.displays, id: \.displayID) { display in
+                    VStack(alignment: .leading, spacing: 8) {
+                        HStack {
+                            Image(systemName: display.isBuiltin ? "laptopcomputer" : "display")
+                                .foregroundStyle(.blue)
+                            VStack(alignment: .leading, spacing: 2) {
+                                HStack {
+                                    Text(display.name)
+                                        .font(.subheadline.bold())
+                                    if display.isMain {
+                                        Text("MAIN")
+                                            .font(.caption2.bold())
+                                            .padding(.horizontal, 6)
+                                            .padding(.vertical, 2)
+                                            .background(Color.blue.opacity(0.15), in: Capsule())
+                                    }
+                                }
+                                Text("\(display.width) × \(display.height) @ \(Int(display.refreshRate))Hz")
+                                    .font(.caption)
+                                    .foregroundStyle(.secondary)
+                            }
+                            Spacer()
+                            if display.brightness >= 0 {
+                                Text("\(Int(display.brightness * 100))%")
+                                    .font(.subheadline.bold().monospacedDigit())
+                            }
+                        }
+                        
+                        if display.brightness >= 0 {
+                            Slider(
+                                value: Binding(
+                                    get: { Double(display.brightness) },
+                                    set: { newBrightness in
+                                        _ = store.displayManager.setBrightness(Float(newBrightness), forDisplay: display.displayID)
+                                        store.triggerManualSample()
+                                    }
+                                ),
+                                in: 0.0...1.0
+                            )
+                        } else {
+                            Text("Hardware brightness control not supported for this monitor.")
+                                .font(.caption2)
+                                .foregroundStyle(.secondary)
+                        }
+                    }
+                    .padding(12)
+                    .background(.quaternary.opacity(0.5), in: RoundedRectangle(cornerRadius: 8))
+                }
+            }
+        }
+        .padding(16)
+        .background(.background, in: RoundedRectangle(cornerRadius: 12))
+        .overlay(RoundedRectangle(cornerRadius: 12).stroke(.separator, lineWidth: 1))
+    }
+    
+    // MARK: - Historical Trends View
+    private var historicalTrendsView: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            TelemetryTrendChartView(
+                title: "CPU Utilization History",
+                unit: "%",
+                color: .blue,
+                samples: store.historyStore.cpuHistory.samples,
+                maxY: 100.0
+            )
+            
+            TelemetryTrendChartView(
+                title: "Memory Utilization History",
+                unit: "%",
+                color: .purple,
+                samples: store.historyStore.memoryHistory.samples,
+                maxY: 100.0
+            )
+            
+            TelemetryTrendChartView(
+                title: "CPU Temperature History",
+                unit: "°C",
+                color: .orange,
+                samples: store.historyStore.cpuTempHistory.samples,
+                maxY: 110.0
+            )
+            
+            TelemetryTrendChartView(
+                title: "System Power Draw History",
+                unit: "W",
+                color: .yellow,
+                samples: store.historyStore.powerHistory.samples
+            )
+            
+            HStack(spacing: 16) {
+                TelemetryTrendChartView(
+                    title: "Network Download Rate",
+                    unit: "B/s",
+                    color: .green,
+                    samples: store.historyStore.networkInHistory.samples
+                )
+                
+                TelemetryTrendChartView(
+                    title: "Network Upload Rate",
+                    unit: "B/s",
+                    color: .teal,
+                    samples: store.historyStore.networkOutHistory.samples
+                )
+            }
+            
+            HStack(spacing: 16) {
+                TelemetryTrendChartView(
+                    title: "Disk Read Throughput",
+                    unit: "B/s",
+                    color: .indigo,
+                    samples: store.historyStore.diskReadHistory.samples
+                )
+                
+                TelemetryTrendChartView(
+                    title: "Disk Write Throughput",
+                    unit: "B/s",
+                    color: .pink,
+                    samples: store.historyStore.diskWriteHistory.samples
+                )
+            }
+        }
+    }
+    
     // MARK: - Formatting Helpers
     private func formatBytes(_ bytes: UInt64) -> String {
         let formatter = ByteCountFormatter()