bring the boys back home

webui/src/components/DriverVideo/index.jsx

@@ -1,3 +1,4 @@
+import { useSessionSelector } from '../../context/SessionContext.jsx';
 import RoverMediaPlayer from '../RoverMediaPlayer/index.jsx';
 import { useControlSystem } from '../../controls/index.js';
 import TurnsOverlay from '../HudOverlays/TurnsOverlay/index.jsx';
@@ -9,9 +10,26 @@ import DriverBottomStrip from '../HudOverlays/DriverBottomStrip/index.jsx';
 import HudChatInput from '../HudOverlays/HudChatInput/index.jsx';
 
 export default function DriverVideo({ layoutFormat = 'desktop' }) {
+  const roverId = useSessionSelector((state) => state.session?.assignment?.roverId ?? null);
   const {
     state: { lastControlIntentAt },
   } = useControlSystem();
+
+  if (!roverId) {
+    return (
+      <section className="panel">
+        <div className="panel-muted content-center text-center text-sm text-slate-400 aspect-[4/3]">
+          <p>You are not assigned to a rover.</p>
+          <p className="mt-0">
+            <a href="/spectate" className="text-blue-400 underline hover:text-blue-500">
+              Click here to visit the spectator page.
+            </a>
+          </p>
+        </div>
+      </section>
+    );
+  }
+
   const mobileHud = layoutFormat !== 'desktop';
   return (
     <section className="panel">