From a4c31b2badccb7770dda73c2ae657ebb7905400d Mon Sep 17 00:00:00 2001
From: Amar Bathwal <110378139+amar-1995@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:58:27 +0530
Subject: [PATCH 1/2] fix: toggle chat in fullscreen landscape mode

---
 packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx b/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx
index d8d2230a75..d45555d5ce 100644
--- a/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx
+++ b/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx
@@ -602,7 +602,10 @@ const HLSView = () => {
                               if (isFullScreen) {
                                 toggle();
                               }
-                              toggleChat();
+                              // toggle and closing fullscreen takes few ms, to make it synced we are calling settimeout
+                              setTimeout(() => {
+                                toggleChat();
+                              }, 0);
                             }}
                           />
                         )}

From 1cf6e5502ef775d9c96dbedaecc7dfd1050b3cf0 Mon Sep 17 00:00:00 2001
From: "Eswar Prasad Clinton. A" <64120992+eswarclynn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:59:38 +0530
Subject: [PATCH 2/2] feat: add pause/freeze duration to tile SFN

---
 packages/roomkit-react/src/Stats/Stats.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/roomkit-react/src/Stats/Stats.tsx b/packages/roomkit-react/src/Stats/Stats.tsx
index 453b9275ee..72a639a22d 100644
--- a/packages/roomkit-react/src/Stats/Stats.tsx
+++ b/packages/roomkit-react/src/Stats/Stats.tsx
@@ -56,7 +56,7 @@ export function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = f
                 }
                 const layer = stat.rid ? simulcastMapping[stat.rid as RID] : '';
                 return (
-                  <Fragment>
+                  <Fragment key={`${stat.id}${stat.rid}`}>
                     {layer && <StatsRow label={layer.toUpperCase()} value="" />}
                     <StatsRow
                       show={isNotNullishAndNot0(stat.frameWidth)}
@@ -106,6 +106,16 @@ export function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = f
                     : ''
                 }`}
               />
+              <StatsRow
+                show={isNotNullish(videoTrackStats?.totalPausesDuration)}
+                label="Pauses Duration"
+                value={videoTrackStats?.totalPausesDuration}
+              />
+              <StatsRow
+                show={isNotNullish(videoTrackStats?.totalFreezesDuration)}
+                label="Freezes Duration"
+                value={videoTrackStats?.totalFreezesDuration}
+              />
               <StatsRow
                 show={isNotNullish(videoTrackStats?.bitrate)}
                 label="Bitrate(V)"
@@ -185,7 +195,7 @@ const RawStatsRow = ({
   show?: boolean;
   tooltip?: string;
 }) => {
-  const statsLabel = <Stats.Label css={{ fontWeight: !value ? '$semiBold' : '$regular' }}>{label}</Stats.Label>;
+  const statsLabel = <Stats.Label>{label}</Stats.Label>;
 
   return (
     <>