From cddbdfaae84e07e17dee28aa5fb1382f4a7a1a64 Mon Sep 17 00:00:00 2001
From: KeshavAnandCode <keshavanand.dev@gmail.com>
Date: Wed, 8 Apr 2026 18:53:43 -0500
Subject: [PATCH] Client: show numeric IDs in player roster and buzz feed
 instead of names

---
 src/public/script.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/public/script.js b/src/public/script.js
index 1b82991..33ba638 100644
--- a/src/public/script.js
+++ b/src/public/script.js
@@ -525,7 +525,7 @@ function renderPlayer(){
     if(!room)return;
     document.getElementById('p-code').textContent=room.id;
     const me=room.players.find(p=>p.id===myId);
-    document.getElementById('p-namelbl').textContent=me?.name??'';
+    document.getElementById('p-namelbl').textContent=me?.id||'';
     renderTeamPicker();
     renderPlayerBuzzer();
     renderRoster();
@@ -624,7 +624,7 @@ function renderRoster(){
         row.className='roster-row'+(isMe?' roster-me':'');
         row.innerHTML=`
           <div class="roster-dot" style="background:${p.isConnected?(isMe?'var(--g)':color):'var(--border2)'}"></div>
-          <div style="flex:1">${esc(p.name)}${isMe?' <span style="font-size:11px;color:var(--dim);letter-spacing:1px;">(YOU)</span>':''}</div>
+          <div style="flex:1">${p.id}${isMe?' <span style="font-size:11px;color:var(--dim);letter-spacing:1px;">(YOU)</span>':''}</div>
           ${teamName?`<div style="font-size:12px;color:${color};letter-spacing:0.5px;">${esc(teamName)}</div>`:''}
         `;
         el.appendChild(row);
@@ -639,7 +639,7 @@ function addFeed(evt){
     const div=document.createElement('div');
     div.className='feed-entry'+(isFirst?' first':'');
     div.style.borderLeftColor=isFirst?'var(--yellow)':color;
-    div.innerHTML=`<strong>${esc(evt.playerName)}</strong>${teamStr} buzzed${isFirst?' <span style="color:var(--yellow);font-weight:700;"> — FIRST!</span>':''}`;
+    div.innerHTML=`<strong>#${evt.playerId}</strong>${teamStr} buzzed${isFirst?' <span style="color:var(--yellow);font-weight:700;"> — FIRST!</span>':''}`;
     feed.prepend(div);
     if(typeof gsap!=='undefined'){
         gsap.fromTo(div,