Update app.py

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 import time
 
-# Dados baseados na sua versão 1.4 EN
+# Dados extraídos do seu factorization_game.py
 GRID_NUMBERS = [
     10, 12, 14, 15, 16, 18, 20, 21,
     24, 25, 27, 28, 30, 32, 35, 36,
@@ -12,7 +12,6 @@ KEYBOARD_KEYS = [2, 3, 4, 5, 6, 7, 8, 9, 10]
 MAX_TIME = 150
 
 def get_empty_state():
-    """Inicializa o estado conforme o script original"""
     return {
         "solved": [False] * 32,
         "selected_idx": None,
@@ -32,7 +31,7 @@ def format_grid_button(idx, solved_list, selected_idx):
 
 def handle_game_logic(state, action_type, value=None):
     if state["game_over"]:
-        return state, "Fim de jogo! Reinicie para jogar novamente."
+        return state, "Fim de jogo! Reinicie para jogar."
 
     feedback = "Selecione um número na grade..."
     
@@ -46,9 +45,8 @@ def handle_game_logic(state, action_type, value=None):
             feedback = "⚠️ Selecione um número na grade primeiro!"
         else:
             state["current_factors"].append(int(value))
-            # Mostra os fatores atuais
             factors_str = " x ".join(map(str, state["current_factors"]))
-            feedback = f"Calculando: {factors_str}"
+            feedback = f"Multiplicando: {factors_str}"
             
             if len(state["current_factors"]) == 2:
                 a, b = state["current_factors"]
@@ -60,27 +58,40 @@ def handle_game_logic(state, action_type, value=None):
                     state["selected_idx"] = None
                     state["current_factors"] = []
                 else:
-                    feedback = f"❌ {a} x {b} = {a*b} (Errado para {target}). Tente de novo!"
+                    feedback = f"❌ {a} x {b} = {a*b} (Errado para {target})."
                     state["current_factors"] = []
 
-    # Atualiza Score e Verifica Conclusão
     elapsed = int(time.time() - state["start_time"])
     state["score"] = max(0, MAX_TIME - elapsed)
     
     if all(state["solved"]):
         state["game_over"] = True
-        feedback = f"🏆 PARABÉNS! Você completou a grade com {state['score']} pontos!"
+        feedback = f"🏆 COMPLETO! Pontuação: {state['score']}"
 
     return state, feedback
 
-with gr.Blocks(title="Interactive Factorization v1.4", css=".grid-btn { height: 70px !important; }") as demo:
+# CSS customizado para garantir retângulos idênticos
+custom_css = """
+.grid-btn { 
+    min-width: 70px !important; 
+    height: 70px !important; 
+    font-size: 18px !important;
+    margin: 2px !important;
+}
+.kb-btn {
+    min-width: 50px !important;
+    height: 50px !important;
+}
+"""
+
+with gr.Blocks(title="Factorization Game v1.4", css=custom_css) as demo:
     state = gr.State(get_empty_state())
     
-    gr.Markdown(f"# 🎮 Interactive Factorization - Marcos Autúori")
+    gr.Markdown("# 🎮 Interactive Factorization v1.4 EN\n**Desenvolvedor:** Marcos Autúori")
     
     with gr.Row():
-        with gr.Column(scale=3):
-            # Grade de Números (4x8)
+        with gr.Column(scale=4):
+            # Grade 4x8 Uniforme
             grid_buttons = []
             for r in range(4):
                 with gr.Row():
@@ -90,28 +101,26 @@ with gr.Blocks(title="Interactive Factorization v1.4", css=".grid-btn { height:
                         grid_buttons.append(btn)
         
         with gr.Column(scale=1):
-            # Painel Lateral de Status
-            status_box = gr.Textbox(label="Instruções / Feedback", value="Clique em um número azul para começar", interactive=False)
-            score_display = gr.Number(label="Pontuação", value=MAX_TIME, interactive=False)
+            status_box = gr.Textbox(label="Status", value="Selecione um número", interactive=False)
+            score_display = gr.Number(label="Pontos", value=MAX_TIME, interactive=False)
             
-            gr.Markdown("### Teclado de Fatores")
-            # Criamos os botões do teclado e vinculamos a lógica
+            gr.Markdown("### Fatores")
             keyboard_btns = []
-            with gr.Row():
-                for val in KEYBOARD_KEYS:
-                    kb_btn = gr.Button(str(val), variant="secondary", min_width=50)
-                    keyboard_btns.append(kb_btn)
+            # Organiza o teclado em 3 linhas para melhor visual no painel lateral
+            for r_kb in range(3):
+                with gr.Row():
+                    for c_kb in range(3):
+                        val = KEYBOARD_KEYS[r_kb * 3 + c_kb]
+                        kb_btn = gr.Button(str(val), variant="secondary", elem_classes="kb-btn")
+                        keyboard_btns.append(kb_btn)
             
-            reset_btn = gr.Button("Reiniciar Partida", variant="stop")
-
-    # --- MAPEAMENTO DE EVENTOS ---
+            reset_btn = gr.Button("Reiniciar", variant="stop")
 
-    # Função auxiliar para atualizar visualmente toda a interface
     def update_ui(s):
         updates = [format_grid_button(i, s["solved"], s["selected_idx"]) for i in range(32)]
         return updates + [s["score"]]
 
-    # Clique na Grade
+    # Eventos da Grade
     for i, btn in enumerate(grid_buttons):
         btn.click(
             fn=lambda s, idx=i: handle_game_logic(s, "select_target", idx),
@@ -119,25 +128,20 @@ with gr.Blocks(title="Interactive Factorization v1.4", css=".grid-btn { height:
             outputs=[state, status_box]
         ).then(fn=update_ui, inputs=[state], outputs=grid_buttons + [score_display])
 
-    # Clique no Teclado (Correção da Closure aqui)
+    # Eventos do Teclado (Correção de loop/closure)
     for kb_btn in keyboard_btns:
-        # Usamos o próprio valor do botão como entrada para garantir que o número correto seja enviado
         kb_btn.click(
             fn=lambda s, v=kb_btn.value: handle_game_logic(s, "select_factor", v),
             inputs=[state],
             outputs=[state, status_box]
         ).then(fn=update_ui, inputs=[state], outputs=grid_buttons + [score_display])
 
-    # Função de Reset
     def reset_all():
         new_state = get_empty_state()
         updates = [gr.update(value=str(num), variant="secondary", interactive=True) for num in GRID_NUMBERS]
         return [new_state, "Jogo reiniciado!"] + updates + [MAX_TIME]
 
-    reset_btn.click(
-        fn=reset_all,
-        outputs=[state, status_box] + grid_buttons + [score_display]
-    )
+    reset_btn.click(fn=reset_all, outputs=[state, status_box] + grid_buttons + [score_display])
 
 if __name__ == "__main__":
     demo.launch()