From 2db07db2cba59e049d360e05a843cfb78986b6ce Mon Sep 17 00:00:00 2001
From: Natalie Bridgers <natalie@stream.place>
Date: Tue, 22 Sep 2026 14:36:37 -0500
Subject: [PATCH] Fix streamer prop and clean up video section comments

Signed-off-by: Natalie Bridgers <natalie@stream.place>
---
 js/web/src/components/stream/video-section.tsx | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/js/web/src/components/stream/video-section.tsx b/js/web/src/components/stream/video-section.tsx
index 11053e274..d4ed97b3d 100644
--- a/js/web/src/components/stream/video-section.tsx
+++ b/js/web/src/components/stream/video-section.tsx
@@ -139,9 +139,7 @@ export function VideoSectionInner({
   const { theatre } = useFullscreen();
   const neverLive = liveness === "never-live";
   const offline = liveness === "offline";
-  // Show the live player when neither never-live nor offline. This
-  // includes the initial loading state before the WebSocket sends its
-  // first snapshot, plus live and temporarily stale streams.
+  // Show the live player when neither never-live nor offline, including initial loading state
   const showPlayer = !neverLive && !offline;
 
   // calculate seg ratio for poster aspect ratio correction
@@ -151,18 +149,14 @@ export function VideoSectionInner({
     <div
       className="w-full bg-black transition-[height] duration-500 ease-in-out"
       style={{
-        // In theatre mode the sidebar and header are hidden, so the video
-        // fills the full viewport. Otherwise match the live aspect ratio
-        // via the segRatio-driven maxHeight. When offline, collapse to a
-        // 4:3 panel (75vw of height) capped at half the viewport so the
-        // page below gets room. Using an explicit height (not
-        // aspect-ratio) lets CSS transition the size change when the
-        // stream goes live/offline.
+        // In theatre mode the sidebar and header are hidden
         ...(theatre
           ? { height: "100vh" }
           : offline
-            ? { height: "min(100vw, 50vh)" }
-            : {
+            ? // if offline, use a fixed aspect ratio panel
+              { height: "min(100vw, 50vh)" }
+            : // else calculate from segment aspect ratio
+              {
                 height: `min(calc(100vw / ${segRatio}), calc(100vh - 240px))`,
               }),
       }}
-- 
knotmirror 0.0.1