From 677fbba1ac9dcef940c709f9275ff9f8125705d3 Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Mon, 9 Jun 2025 19:42:58 -0500
Subject: [PATCH] FFmpeg stats added to channel card.

---
 frontend/src/pages/Stats.jsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/frontend/src/pages/Stats.jsx b/frontend/src/pages/Stats.jsx
index fa3250ef..09163a5c 100644
--- a/frontend/src/pages/Stats.jsx
+++ b/frontend/src/pages/Stats.jsx
@@ -14,6 +14,7 @@ import {
   Tooltip,
   useMantineTheme,
   Select,
+  Badge,
 } from '@mantine/core';
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table';
 import { TableHelper } from '../helpers';
@@ -474,6 +475,30 @@ const ChannelCard = ({ channel, clients, stopClient, stopChannel, logos, channel
           </Tooltip>
         )}
 
+        {/* Add stream information badges */}
+        <Group gap="xs" mt="xs">
+          {channel.video_codec && (
+            <Badge size="sm" variant="light" color="blue">
+              {channel.video_codec.toUpperCase()}
+            </Badge>
+          )}
+          {channel.resolution && (
+            <Badge size="sm" variant="light" color="green">
+              {channel.resolution}
+            </Badge>
+          )}
+          {channel.source_fps && (
+            <Badge size="sm" variant="light" color="orange">
+              {channel.source_fps} FPS
+            </Badge>
+          )}
+          {channel.audio_codec && (
+            <Badge size="sm" variant="light" color="purple">
+              {channel.audio_codec.toUpperCase()}
+            </Badge>
+          )}
+        </Group>
+
         <Group justify="space-between">
           <Group gap={4}>
             <Tooltip label={`Current bitrate: ${formatSpeed(bitrates.at(-1) || 0)}`}>