Update app.py

app.py

@@ -144,7 +144,7 @@ class SyntaxFixerApp:
             return "No history available."
         
         history_text = "=== Fix History ===\n"
-        for entry in self.history:
+        for entry in self.history[-5:]:  # Show only last 5 entries to avoid too much text
             history_text += f"Timestamp: {entry['timestamp']}\n"
             history_text += f"Language: {entry['language']}\n"
             history_text += f"Broken Code:\n{entry['broken_code']}\n"
@@ -191,7 +191,9 @@ def create_gradio_interface():
         
         with gr.Accordion("History of Fixes", open=False):
             history_output = gr.Textbox(label="Fix History", lines=10)
-            clear_history_button = gr.Button("Clear History")
+            with gr.Row():
+                refresh_history_button = gr.Button("Refresh History")
+                clear_history_button = gr.Button("Clear History")
         
         with gr.Accordion("About & License", open=False):
             gr.Markdown("""
@@ -206,36 +208,52 @@ def create_gradio_interface():
         def update_code_language(language):
             return gr.update(language=language)
         
+        def fix_and_update_history(code, language):
+            """Fix code and return both fixed code and updated history."""
+            fixed = app.fix_syntax(code, language)
+            history = app.get_history()
+            return fixed, history
+        
+        # Main fix button - fixes code and updates history
         fix_button.click(
-            fn=app.fix_syntax,
+            fn=fix_and_update_history,
             inputs=[code_input, language_dropdown],
-            outputs=code_output
+            outputs=[code_output, history_output]
         )
+        
+        # Load example button
         example_button.click(
             fn=app.load_example,
             inputs=language_dropdown,
             outputs=code_input
         )
+        
+        # Clear input button
         clear_button.click(
             fn=lambda: "",
             inputs=None,
             outputs=code_input
         )
+        
+        # Language dropdown change - updates code editor language
         language_dropdown.change(
             fn=update_code_language,
-            4
+            inputs=language_dropdown,
             outputs=code_input
         )
-        clear_history_button.click(
-            fn=app.clear_history,
+        
+        # Refresh history button
+        refresh_history_button.click(
+            fn=app.get_history,
             inputs=None,
             outputs=history_output
         )
-        fix_button.click(
-            fn=app.get_history,
+        
+        # Clear history button
+        clear_history_button.click(
+            fn=app.clear_history,
             inputs=None,
-            outputs=history_output,
-            _js="() => {return []}"  # Ensure history updates after fixing
+            outputs=history_output
         )
     
     return demo