Show other system processes in system page (#6276)

frigate/util.py

@@ -824,7 +824,14 @@ def get_cpu_stats() -> dict[str, dict]:
                 else:
                     mem_pct = stats[9]
 
-                usages[stats[0]] = {
+                idx = stats[0]
+
+                if stats[-1] == "go2rtc":
+                    idx = "go2rtc"
+                elif stats[-1] == "frigate.r+":
+                    idx = "recording"
+
+                usages[idx] = {
                     "cpu": stats[8],
                     "mem": mem_pct,
                 }

web/src/routes/System.jsx

@@ -345,6 +345,33 @@ export default function System() {
             </div>
           )}
 
+          <Heading size="lg">Other Processes</Heading>
+          <div data-testid="cameras" className="grid grid-cols-1 3xl:grid-cols-3 md:grid-cols-2 gap-4">
+            {['go2rtc', 'recording'].map((process) => (
+              <div key={process} className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow">
+                <div className="capitalize text-lg flex justify-between p-4">
+                  <div className="text-lg flex justify-between">{process}</div>
+                </div>
+                <div className="p-2">
+                  <Table className="w-full">
+                    <Thead>
+                      <Tr>
+                        <Th>CPU %</Th>
+                        <Th>Memory %</Th>
+                      </Tr>
+                    </Thead>
+                    <Tbody>
+                      <Tr key="ffmpeg" index="0">
+                        <Td>{cpu_usages[process]?.['cpu'] || '- '}%</Td>
+                        <Td>{cpu_usages[process]?.['mem'] || '- '}%</Td>
+                      </Tr>
+                    </Tbody>
+                  </Table>
+                </div>
+              </div>
+            ))}
+          </div>
+
           <p>System stats update automatically every {config.mqtt.stats_interval} seconds.</p>
         </Fragment>
       )}