Update app.py

app.py

@@ -23,7 +23,7 @@ def initialize_game():
     status = "<div style='font-size: 1.5em; color: green; font-weight: bold;'>Player 1's turn (X)</div>"
     difficulty = "Medium"
     buttons = [gr.Button(value="", elem_classes=["cell-btn"], interactive=True) for _ in range(9)]
-    return board, current_player, difficulty, status, *buttons
+    return board, current_player, difficulty, status, *buttons, ""
 
 # Check for a winner
 def check_winner(board):
@@ -104,25 +104,25 @@ def get_ai_move(board, difficulty):
 def handle_move(board, current_player, button_idx, difficulty, game_status):
     if "wins" in game_status or "draw" in game_status:
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
-        return board, current_player, difficulty, game_status, *buttons
+        return board, current_player, difficulty, game_status, *buttons, ""
 
     row, col = divmod(button_idx, 3)
     if board[row][col] != "":
         status = f"<div style='font-size: 1.5em; color: orange; font-weight: bold;'>Invalid move! Player {1 if current_player == 'X' else 2}'s turn ({current_player})</div>"
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"]) for i in range(9)]
-        return board, current_player, difficulty, status, *buttons
+        return board, current_player, difficulty, status, *buttons, ""
 
     board[row][col] = current_player
     winner = check_winner(board)
     if winner:
         status = f"<div style='font-size: 2em; color: red; font-weight: bold;'>Player {1 if winner == 'X' else 2} ({winner}) wins! 🎉</div>"
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
-        return board, current_player, difficulty, status, *buttons
+        return board, current_player, difficulty, status, *buttons, ""
 
     if check_draw(board):
         status = "<div style='font-size: 2em; color: blue; font-weight: bold;'>It's a draw! 🤝</div>"
         buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
-        return board, current_player, difficulty, status, *buttons
+        return board, current_player, difficulty, status, *buttons, ""
 
     if current_player == "X":
         current_player = "O"
@@ -132,18 +132,18 @@ def handle_move(board, current_player, button_idx, difficulty, game_status):
         if winner:
             status = f"<div style='font-size: 2em; color: purple; font-weight: bold;'>AI ({winner}) wins! 🎉</div>"
             buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
-            return board, current_player, difficulty, status, *buttons
+            return board, current_player, difficulty, status, *buttons, ""
 
         if check_draw(board):
             status = "<div style='font-size: 2em; color: blue; font-weight: bold;'>It's a draw! 🤝</div>"
             buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"], interactive=False) for i in range(9)]
-            return board, current_player, difficulty, status, *buttons
+            return board, current_player, difficulty, status, *buttons, ""
 
         current_player = "X"
         status = "<div style='font-size: 1.5em; color: green; font-weight: bold;'>Player 1's turn (X)</div>"
 
     buttons = [gr.Button(value=board[i // 3][i % 3], elem_classes=["cell-btn"]) for i in range(9)]
-    return board, current_player, difficulty, status, *buttons
+    return board, current_player, difficulty, status, *buttons, ""
 
 # Generate a hint using LLM
 def get_hint_from_llm(board):
@@ -151,7 +151,6 @@ def get_hint_from_llm(board):
     hint = llm(prompt)
     return hint
 
-
 # Build the Gradio UI
 css = """
 .cell-btn {
@@ -194,25 +193,24 @@ with gr.Blocks(css=css) as tic_tac_toe:
                 btn = gr.Button(value="", elem_classes=["cell-btn"])
                 buttons.append(btn)
 
-     # Hint button
+    # Hint button
     hint_button = gr.Button("Get Hint")
     hint_display = gr.Textbox(value="", label="Hint", interactive=False)
     hint_button.click(get_hint_from_llm, inputs=[board_state], outputs=[hint_display])
 
-    
-    
+    # Handle button clicks
     for idx, btn in enumerate(buttons):
         btn.click(
             handle_move,
             inputs=[board_state, current_player, gr.Number(idx, visible=False), difficulty, game_status],
-            outputs=[board_state, current_player, difficulty, game_status, *buttons],
+            outputs=[board_state, current_player, difficulty, game_status, *buttons, hint_display],
         )
 
     reset_button = gr.Button("Reset Game")
     reset_button.click(
         initialize_game,
         inputs=[],
-        outputs=[board_state, current_player, difficulty, game_status, *buttons],
+        outputs=[board_state, current_player, difficulty, game_status, *buttons, hint_display],
     )
 
-tic_tac_toe.launch()
+tic_tac_toe.launch()