fix: Fix idle workers display showing player1's workers when spectating

src/components/game/IdleWorkerButton.tsx

@@ -18,8 +18,11 @@ export function IdleWorkerButton() {
   // Update idle worker count via event-driven approach + throttled polling
   // Note: Hooks must be called unconditionally, so spectator check is after all hooks
   useEffect(() => {
-    // Skip for spectators
-    if (isSpectator) return;
+    // Skip for spectators and reset count
+    if (isSpectator) {
+      setIdleWorkerCount(0);
+      return;
+    }
     const bridge = getWorkerBridge();
     if (!bridge) return;
 

src/components/game/WebGPUGameCanvas.tsx

@@ -232,6 +232,8 @@ export function WebGPUGameCanvas() {
   const handleLoadingComplete = useCallback(() => {
     setIsLoading(false);
     useGameStore.getState().setGameReady(true);
+    // Sync playerId with game setup (handles spectator mode where localPlayerId is null)
+    useGameStore.getState().syncWithGameSetup();
 
     setTimeout(() => {
       const eventBus = workerBridgeRef.current?.eventBus;

src/store/gameStore.ts

@@ -447,9 +447,9 @@ export const useGameStore = create<GameState>((set, get) => ({
 
   syncWithGameSetup: () => {
     const localPlayerId = getLocalPlayerId();
-    if (localPlayerId) {
-      set({ playerId: localPlayerId });
-    }
+    // Set playerId to local player, or empty string if spectating
+    // This ensures we don't keep showing player1's data when spectating
+    set({ playerId: localPlayerId ?? '' });
   },
 
   reset: () => set(initialState),