Update public/index.html

public/index.html

@@ -135,7 +135,7 @@
   // --- URL params ---
   const qs = new URLSearchParams(location.search);
   const role = (qs.get('role') || 'client').toLowerCase(); // 'admin' | 'client'
-  const room = qs.get('room') || 'default';
+  const room = (qs.get('room') || 'default').toLowerCase();
 
   // --- Elements ---
   const adminView = document.getElementById('adminView');
@@ -157,6 +157,9 @@
   // --- Socket.IO connection (rooms + role passed as query) ---
   const socket = io({ query: { role, room } });
 
+  // Ask server to refresh stats on admin load
+  if (role === 'admin') socket.emit('stats:refresh');
+
   // --- Wake lock (client) ---
   let wakeLock;
   async function keepAwake() {
@@ -170,7 +173,7 @@
     });
   }
 
-  // --- Admin: stats + server clock via NTP-style sync ---
+  // --- Admin: server clock via NTP-style sync ---
   const roomNameEl = document.getElementById('roomName');
   const statsEl = document.getElementById('stats');
   const serverNowEl = document.getElementById('serverNow');
@@ -236,7 +239,6 @@
   // --- Client timer state machine ---
   const State = { IDLE:'IDLE', RUNNING:'RUNNING', STOPPED:'STOPPED' };
   let state = State.IDLE;
-  let label = '';
   let zeroPerfTs = null;  // when timer hits 00:00 (in performance.now() space)
   let rafId = 0;
 
@@ -281,7 +283,7 @@
     renderElapsed(0);
   }
 
-  // --- Command handling (both roles listen so admin preview works too) ---
+  // --- Command handling ---
   socket.on('cmd', (msg) => {
     if (!msg || !msg.type) return;
     switch (msg.type) {
@@ -289,7 +291,8 @@
       case 'stop':   stopPause(); break;
       case 'reset':  resetAll();  break;
       case 'blackout':
-        if (role === 'client'){
+        // Only clients should go black
+        if (role === 'client') {
           blackoutEl.style.display = msg.on ? 'block' : 'none';
           document.documentElement.style.cursor = msg.on ? 'none' : 'auto';
         }
@@ -297,7 +300,7 @@
     }
   });
 
-  // Initial UI
+  // Initial UI (client)
   if (role === 'client') {
     document.getElementById('roomBadge').textContent = `room: ${room}`;
     setState(State.IDLE);