feat: improve game UI: disabled dice button and victory popup

backend/ai_service.py

@@ -160,6 +160,55 @@ Rends-le incisif et mémorable."""
             print(f"Error generating comment: {e}")
             return None
 
+    async def generate_victory_comment(
+        self,
+        player_name: str,
+        character: str,
+        weapon: str,
+        room: str,
+        narrative_tone: str = "🕵️ Sérieuse",
+    ) -> Optional[str]:
+        """
+        Generate a skeptical victory comment from Desland.
+        Returns None if AI is disabled or if generation fails.
+        """
+        print(f"[AI Service] generate_victory_comment called for {player_name}")
+
+        if not self.enabled or not self.client:
+            print(f"[AI Service] AI disabled or client not initialized")
+            return None
+
+        try:
+            prompt = f"""Desland commente la victoire (1-2 phrases max):
+
+Gagnant: {player_name}
+Solution: {character} avec {weapon} dans {room}
+
+IMPORTANT: Desland est SCEPTIQUE et JALOUX. Il minimise la victoire en suggérant que c'était de la chance, pas du talent. Ton:
+- "C'était sûrement de la chance, je ne crois pas en son talent à celui-là..."
+- "Pff, n'importe qui aurait pu trouver ça. Même un péchailloux masqué..."
+- "Bon, arrête de te vanter {player_name}, on sait tous que c'était armankaboul et que t'as eu du bol."
+
+Ton narratif: {narrative_tone}
+Sois sarcastique, minimise la victoire, suggère que c'était de la chance."""
+
+            print(f"[AI Service] Calling OpenAI API...")
+            response = await asyncio.wait_for(
+                asyncio.to_thread(self._generate_text, prompt), timeout=10.0
+            )
+            print(f"[AI Service] OpenAI response received: {response}")
+
+            return response
+
+        except asyncio.TimeoutError:
+            print("[AI Service] AI victory comment generation timed out")
+            return None
+        except Exception as e:
+            import traceback
+            print(f"[AI Service] Error generating victory comment: {e}")
+            print(traceback.format_exc())
+            return None
+
     def _generate_text(self, prompt: str) -> str:
         """
         Internal method to generate text using OpenAI API.

backend/main.py

@@ -192,7 +192,8 @@ async def get_game_state(game_id: str, player_id: str):
         ],
         "current_turn": {
             "player_name": current_player.name if current_player else None,
-            "is_my_turn": current_player.id == player_id if current_player else False
+            "is_my_turn": current_player.id == player_id if current_player else False,
+            "has_rolled": player.has_rolled if player else False
         },
         "recent_actions": [
             {
@@ -225,7 +226,7 @@ async def roll_dice(game_id: str, req: DiceRollRequest):
     # Check if player already rolled
     player = next((p for p in game.players if p.id == req.player_id), None)
     if player and player.has_rolled:
-        raise HTTPException(status_code=400, detail="Vous avez déjà lancé les dés ce tour")
+        raise HTTPException(status_code=400, detail="Vous avez déjà lancé les dés ce tour ! Faites une suggestion ou passez votre tour.")
 
     # Roll dice
     dice = GameEngine.roll_dice()
@@ -377,6 +378,7 @@ async def make_accusation(game_id: str, req: AccusationRequest):
 
     # Generate AI comment if enabled
     ai_comment = None
+    victory_comment = None
     if game.use_ai:
         try:
             from backend.ai_service import ai_service
@@ -390,6 +392,18 @@ async def make_accusation(game_id: str, req: AccusationRequest):
                 game.narrative_tone
             )
             print(f"[AI] Generated comment: {ai_comment}")
+
+            # Generate victory comment if correct
+            if is_correct:
+                print(f"[AI] Generating victory comment for {player_name}...")
+                victory_comment = await ai_service.generate_victory_comment(
+                    player_name,
+                    req.suspect,
+                    req.weapon,
+                    req.room,
+                    game.narrative_tone
+                )
+                print(f"[AI] Generated victory comment: {victory_comment}")
         except Exception as e:
             print(f"[AI] AI comment generation failed: {e}")
 
@@ -410,7 +424,13 @@ async def make_accusation(game_id: str, req: AccusationRequest):
     return {
         "is_correct": is_correct,
         "message": message,
-        "winner": game.winner
+        "winner": game.winner,
+        "victory_comment": victory_comment,
+        "solution": {
+            "suspect": req.suspect,
+            "weapon": req.weapon,
+            "room": req.room
+        } if is_correct else None
     }
 
 

frontend/src/pages/Game.jsx

@@ -16,6 +16,7 @@ function Game() {
   const [selectedWeapon, setSelectedWeapon] = useState('')
   const [selectedRoom, setSelectedRoom] = useState('')
   const [revealedCard, setRevealedCard] = useState(null)
+  const [victoryModal, setVictoryModal] = useState(null)
 
   useEffect(() => {
     loadGameState()
@@ -97,7 +98,17 @@ function Game() {
 
     setActionLoading(true)
     try {
-      await makeAccusation(gameId, playerId, selectedSuspect, selectedWeapon, selectedRoom)
+      const result = await makeAccusation(gameId, playerId, selectedSuspect, selectedWeapon, selectedRoom)
+
+      // Show victory modal if correct
+      if (result.is_correct && result.solution) {
+        setVictoryModal({
+          winner: result.winner,
+          solution: result.solution,
+          victoryComment: result.victory_comment
+        })
+      }
+
       await loadGameState()
       setSelectedSuspect('')
       setSelectedWeapon('')
@@ -257,10 +268,10 @@ function Game() {
                 <div className="flex gap-4 mb-4">
                   <button
                     onClick={handleRollDice}
-                    disabled={actionLoading}
+                    disabled={actionLoading || gameState.current_turn.has_rolled}
                     className="px-6 py-3 bg-haunted-blood hover:bg-red-800 disabled:bg-dark-600 disabled:opacity-50 text-white font-bold rounded-lg transition-all hover:shadow-[0_0_20px_rgba(139,0,0,0.5)] border border-red-900"
                   >
-                    🎲 Lancer les dés
+                    🎲 {gameState.current_turn.has_rolled ? 'Dés lancés' : 'Lancer les dés'}
                   </button>
                   <button
                     onClick={handlePassTurn}
@@ -346,6 +357,53 @@ function Game() {
           </div>
         </div>
       </div>
+
+      {/* Victory Modal */}
+      {victoryModal && (
+        <div className="fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center z-50 animate-fade-in">
+          <div className="bg-gradient-to-b from-haunted-blood to-black p-8 rounded-lg border-4 border-haunted-purple max-w-lg mx-4 animate-bounce-in shadow-[0_0_50px_rgba(139,0,0,0.8)]">
+            <div className="text-center">
+              <h2 className="text-4xl font-bold text-white mb-4 animate-flicker">
+                🎉 Victoire !
+              </h2>
+              <p className="text-2xl text-haunted-purple mb-6">
+                {victoryModal.winner} a résolu l'enquête !
+              </p>
+
+              <div className="bg-black/60 p-6 rounded-lg mb-6 border-2 border-haunted-purple/50">
+                <h3 className="text-xl font-bold text-haunted-fog mb-4">Solution :</h3>
+                <div className="space-y-2 text-lg">
+                  <p><span className="text-haunted-purple font-bold">Suspect :</span> {victoryModal.solution.suspect}</p>
+                  <p><span className="text-haunted-purple font-bold">Arme :</span> {victoryModal.solution.weapon}</p>
+                  <p><span className="text-haunted-purple font-bold">Lieu :</span> {victoryModal.solution.room}</p>
+                </div>
+              </div>
+
+              {victoryModal.victoryComment && (
+                <div className="bg-black/80 p-4 rounded-lg border-l-4 border-haunted-purple mb-6">
+                  <p className="text-sm text-haunted-fog/70 mb-1">👻 Desland :</p>
+                  <p className="text-haunted-fog italic">"{victoryModal.victoryComment}"</p>
+                </div>
+              )}
+
+              <div className="flex gap-4 justify-center">
+                <button
+                  onClick={() => window.location.href = '/'}
+                  className="px-6 py-3 bg-haunted-purple hover:bg-purple-800 text-white font-bold rounded-lg transition-all hover:shadow-[0_0_20px_rgba(107,33,168,0.5)] border border-purple-900"
+                >
+                  🏠 Accueil
+                </button>
+                <button
+                  onClick={() => window.location.reload()}
+                  className="px-6 py-3 bg-haunted-blood hover:bg-red-800 text-white font-bold rounded-lg transition-all hover:shadow-[0_0_20px_rgba(139,0,0,0.5)] border border-red-900"
+                >
+                  🔄 Nouvelle partie
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   )
 }