Update app.py

app.py

@@ -55,11 +55,12 @@ with gr.Blocks(css=".cell-btn {height: 100px; width: 100px; font-size: 2em; text
     current_player = gr.State("X")
     game_status = gr.Textbox(value="Player 1's turn (X)", label="Game Status", interactive=False)
 
-    # Create grid buttons
+    # Create grid buttons without displaying any Number components
     buttons = []
     for i in range(3):
         with gr.Row():
             for j in range(3):
+                # Each button is clickable, the index is passed in hidden and used internally
                 btn = gr.Button(value="", elem_classes=["cell-btn"], elem_id=f"button_{i*3 + j}")
                 buttons.append(btn)
 
@@ -67,7 +68,7 @@ with gr.Blocks(css=".cell-btn {height: 100px; width: 100px; font-size: 2em; text
     for idx, btn in enumerate(buttons):
         btn.click(
             handle_move,
-            inputs=[board_state, current_player, gr.Number(idx)],  # Pass the index without displaying it
+            inputs=[board_state, current_player, gr.Number(idx, visible=False)],  # Hide the number input
             outputs=[board_state, current_player, game_status, *buttons],
         )