pass 2

webui/src/components/DriverVideoPanel.jsx

@@ -24,7 +24,6 @@ export default function DriverVideoPanel({layoutFormat = 'desktop'}) {
     return () => clearInterval(timer);
   }, [session?.mode]);
   const roverId = session?.assignment?.roverId;
-  const av1Supported = supportsAv1WebRtc();
   const rosterEntry =
     roverId && session?.roster ? session.roster.find((item) => String(item.id) === String(roverId)) : null;
   const hasAudio = Boolean(rosterEntry?.media?.audioPublishUrl);
@@ -71,6 +70,7 @@ export default function DriverVideoPanel({layoutFormat = 'desktop'}) {
   const sources = useVideoRequests(entries);
   const info = roverId && shouldShowVideo ? sources[roverId] : null;
   const audioInfo = roverId && hasAudio ? sources[`${roverId}-audio`] : null;
+  const av1Supported = supportsAv1WebRtc();
   const previewEntries = roverId
     ? [
         {

webui/src/components/RoomCameraPanel.jsx

@@ -118,7 +118,7 @@ export default function RoomCameraPanel({
                 feed={feed}
                 label={camera.name || camera.id}
                 videoSession={previewSession}
-                preferVideo={av1Supported}
+                preferVideo={Boolean(previewSession?.url)}
               />
             </article>
           );

webui/src/mini/MiniSummaryApp.jsx

@@ -36,13 +36,13 @@ function MiniSummaryContent() {
     enabled: !inLockdown,
     version: session?.mode,
   });
-  const av1Supported = supportsAv1WebRtc();
   const [index, setIndex] = useState(0);
 
   const snapshotFeeds = useRoverSnapshots(
     roster.map((rover) => rover.id),
     { enabled: !inLockdown, version: session?.mode },
   );
+  const av1Supported = supportsAv1WebRtc();
   const previewEntries = roster.map((rover) => ({
     type: 'rover',
     id: rover.id,
@@ -162,7 +162,12 @@ function MiniSummaryContent() {
           </FitViewportFrame>
         ) : activeCamera ? (
           <FitViewportFrame>
-            <RoomCameraFrame camera={activeCamera} feed={activeFeed} videoSession={activeRoomPreview} preferVideo={av1Supported} />
+            <RoomCameraFrame
+              camera={activeCamera}
+              feed={activeFeed}
+              videoSession={activeRoomPreview}
+              preferVideo={Boolean(activeRoomPreview?.url)}
+            />
           </FitViewportFrame>
         ) : (
           <div className="flex h-full w-full items-center justify-center text-sm text-slate-500">

webui/src/spectate/SpectatorApp.jsx

@@ -103,11 +103,11 @@ function SpectatorContent() {
   useSpectatorMode();
   const frames = useTelemetryFrames();
   const roster = session?.roster ?? [];
-  const av1Supported = supportsAv1WebRtc();
   const snapshotFeeds = useRoverSnapshots(
     roster.map((rover) => rover.id),
     { enabled: !inLockdown, version: session?.mode },
   );
+  const av1Supported = supportsAv1WebRtc();
   const previewEntries = roster.map((rover) => ({
     type: 'rover',
     id: rover.id,