rule log

src/client/Dashboard.js

@@ -1,11 +1,13 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { Grid, Typography, Button, ButtonGroup, Box, Alert } from '@mui/material';
 import ControllerCard from './ControllerCard';
+import OutputChart from './OutputChart';
 import { useI18n } from './I18nContext';
 
 export default function Dashboard() {
     const { t } = useI18n();
     const [groupedDevices, setGroupedDevices] = useState({});
+    const [allDevices, setAllDevices] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     const [range, setRange] = useState('day'); // 'day', 'week', 'month'
@@ -31,6 +33,7 @@ export default function Dashboard() {
             }, {});
 
             setGroupedDevices(grouped);
+            setAllDevices(devices);
             setLoading(false);
         } catch (err) {
             console.error(err);
@@ -82,6 +85,8 @@ export default function Dashboard() {
                     range={range}
                 />
             ))}
+
+            <OutputChart range={range} devices={allDevices} />
         </Box>
     );
 }