feat(host-control): allow deselecting active team

- Click active team button to deselect (sets no team as active)
- Add visual feedback with checkmark on active team button
- Update tooltip to indicate deselection action when hovering active team
- Broadcast team-deselected event when clearing active team

Also includes fix for negative score display in scoreboard

Author: MiniCodeMonkey

app/Livewire/HostControl.php

@@ -83,21 +83,37 @@ public function loadGame($gameId)
     // Team Selection
     public function selectCurrentTeam($teamId)
     {
-        $this->currentTeam = Team::find($teamId);
+        // If clicking on already selected team, deselect it
+        if ($this->currentTeam && $this->currentTeam->id == $teamId) {
+            $this->currentTeam = null;
+            $this->game->current_team_id = null;
+            $this->game->save();
 
-        // Update the database and ensure it's saved
-        $this->game->current_team_id = $teamId;
-        $this->game->save();
+            Log::info('Team deselected', [
+                'game_id' => $this->game->id,
+                'previous_team_id' => $teamId,
+            ]);
 
-        // Verify the save worked
-        Log::info('Team selected', [
-            'game_id' => $this->game->id,
-            'team_id' => $teamId,
-            'saved_team_id' => $this->game->fresh()->current_team_id,
-        ]);
+            // Broadcast team deselection to all clients
+            broadcast(new GameStateChanged($this->game->id, 'team-deselected'));
+        } else {
+            // Select the new team
+            $this->currentTeam = Team::find($teamId);
+
+            // Update the database and ensure it's saved
+            $this->game->current_team_id = $teamId;
+            $this->game->save();
+
+            // Verify the save worked
+            Log::info('Team selected', [
+                'game_id' => $this->game->id,
+                'team_id' => $teamId,
+                'saved_team_id' => $this->game->fresh()->current_team_id,
+            ]);
 
-        // Broadcast team selection to all clients
-        broadcast(new GameStateChanged($this->game->id, 'team-selected', ['teamId' => $teamId]));
+            // Broadcast team selection to all clients
+            broadcast(new GameStateChanged($this->game->id, 'team-selected', ['teamId' => $teamId]));
+        }
     }
 
     // Clue Control

resources/views/livewire/host-control.blade.php

@@ -52,11 +52,11 @@ class="font-bold text-green-400">${{ number_format($team->score) }}</span>
                                         <button wire:click="selectCurrentTeam({{ $team->id }})"
                                                 class="cursor-pointer px-4 py-3 rounded-lg font-bold transition-all hover:scale-105
                                                 {{ $currentTeam && $currentTeam->id === $team->id
-                                                    ? 'bg-yellow-500 text-slate-900'
+                                                    ? 'bg-yellow-500 text-slate-900 hover:bg-yellow-600'
                                                     : 'bg-slate-700 hover:bg-slate-600 text-white' }}"
-                                                title="Set as active team">
+                                                title="{{ $currentTeam && $currentTeam->id === $team->id ? 'Click to deselect' : 'Set as active team' }}">
                                             @if($currentTeam && $currentTeam->id === $team->id)
-                                                Active
+                                                Active ✓
                                             @else
                                                 Set Active
                                             @endif

resources/views/livewire/team-scoreboard.blade.php

@@ -29,10 +29,13 @@ class="text-lg font-bold mb-3 tracking-wider uppercase transition-all duration-3
                         class="text-3xl font-black transition-all duration-300
                             {{ $team['score'] < 0 ? 'text-red-400' : 'text-white' }}
                             {{ $hasRecentChange && $isCorrect ? 'animate-pulse' : '' }}">
-                        <span class="text-sm">$</span>
-                        @if($team['score'] < 0)
-                            <span class="text-red-400">-</span>
-                        @endif
+                        <span class="text-sm">
+                            @if($team['score'] < 0)
+                                <span class="text-red-400">-</span>
+                            @endif
+
+                            $
+                        </span>
                         <span>{{ number_format(abs($team['score'])) }}</span>
                     </div>