From 184757a20fe9e1bd5991b5680d11e9ee68c26586 Mon Sep 17 00:00:00 2001
From: ConnorN <connor.needham2015@gmail.com>
Date: Sun, 2 Aug 2026 11:30:33 -0400
Subject: [PATCH] feat: seperate RTP stats

---
 src/components/panels/MosaicDashboard.tsx | 11 +++++++++++
 src/components/{ => panels}/RtpStats.tsx  |  2 +-
 src/components/panels/VideoControls.tsx   |  2 --
 3 files changed, 12 insertions(+), 3 deletions(-)
 rename src/components/{ => panels}/RtpStats.tsx (99%)

diff --git a/src/components/panels/MosaicDashboard.tsx b/src/components/panels/MosaicDashboard.tsx
index add4ce1..c68405b 100644
--- a/src/components/panels/MosaicDashboard.tsx
+++ b/src/components/panels/MosaicDashboard.tsx
@@ -28,6 +28,7 @@ import WebRTCClient from './WebRTCClient';
 import TimerPanel from './TimerPanel';
 import HeadlightControlPanel from './HeadlightControlPanel';
 import MorseTransmissionPanel from './MorseTransmissionPanel';
+import RtpStats from './RtpStats';
 import TopicEchoPanel from './TopicEchoPanel';
 
 import { ROVER_IP } from '@/constants';
@@ -37,6 +38,7 @@ type TileType =
   | 'rosMonitor'
   | 'waypointList'
   | 'videoControls'
+  | 'rtpStats'
   | 'gasSensor'
   | 'orientationDisplay'
   | 'goalSetter'
@@ -62,6 +64,7 @@ const TILE_DISPLAY_NAMES: Record<TileType, string> = {
   rosMonitor: 'System Telemetry',
   waypointList: 'Waypoint List',
   videoControls: 'Video Stream',
+  rtpStats: 'RTP Statistics',
   gasSensor: 'Science',
   orientationDisplay: 'Rover Orientation',
   goalSetter: 'Nav2',
@@ -86,6 +89,7 @@ const ALL_TILE_TYPES: TileType[] = [
   'networkHealthMonitor',
   'orientationDisplay',
   'videoControls',
+  'rtpStats',
   'waypointList',
   'gasSensor',
   'goalSetter',
@@ -373,6 +377,13 @@ const MosaicDashboard: React.FC = () => {
             <VideoControls />
           </MosaicWindow>
         );
+      
+      case 'rtpStats':
+        return (
+          <MosaicWindow {...windowProps}>
+            <RtpStats />
+          </MosaicWindow>
+        );
 
       case 'rosMonitor':
         return (
diff --git a/src/components/RtpStats.tsx b/src/components/panels/RtpStats.tsx
similarity index 99%
rename from src/components/RtpStats.tsx
rename to src/components/panels/RtpStats.tsx
index 368f3d4..810c1f1 100644
--- a/src/components/RtpStats.tsx
+++ b/src/components/panels/RtpStats.tsx
@@ -82,7 +82,7 @@ const RtpStats: React.FC = () => {
           }}
         >
           <h2 style={{ margin: 0, fontSize: "1.1rem", color: "#f1f1f1" }}>
-            SRT Stats:
+            RTP Stats:
           </h2>
         </div>
         <div
diff --git a/src/components/panels/VideoControls.tsx b/src/components/panels/VideoControls.tsx
index c8540b7..a18d975 100644
--- a/src/components/panels/VideoControls.tsx
+++ b/src/components/panels/VideoControls.tsx
@@ -4,7 +4,6 @@ import VideoCustomPresetForm from "../VideoCustomPresetForm";
 import ROSLIB from "roslib";
 import { useROS } from "@/ros/ROSContext";
 import VideoPresetsPanel from "../VideoPresetsPanel";
-import RtpStats from "../RtpStats";
 import toast from "react-hot-toast";
 
 export interface VideoSource {
@@ -277,7 +276,6 @@ const VideoControls: React.FC = () => {
               <VideoPresetsPanel onPresetSelect={(name, preset) => newPreset(name, preset)} />
             </div>
           </div>
-          <RtpStats />
         </div>
 
         <div style={{ height: "100%", overflow: "auto", flex: 1, minWidth: 0 }}>