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">

webui/src/components/HudOverlays/HudOverlay/RoverLabelOverlay.jsx

@@ -24,7 +24,7 @@ export default function RoverLabelOverlay({
             className="font-semibold text-white rounded px-1 py-[1px] border border-transparent"
             style={roverNameChromeStyle(roverColor, 0.18)}
           >
-            {label || 'Unnamed Rover'}
+            {label || 'No rover'}
           </span>
           {driverLabel ? <span className="text-slate-300">• {driverLabel}</span> : null}
         </div>
@@ -41,7 +41,7 @@ export default function RoverLabelOverlay({
             className="rounded px-1 py-[1px] border border-transparent"
             style={roverNameChromeStyle(roverColor, 0.18)}
           >
-            "{label || 'Unnamed Rover'}"
+            "{label || 'No rover'}"
           </span>
         </span>
       </div>