Update app.py

app.py

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------
 # AGI + Safe Math + Awareness + 100% Accurate Math Solver (Best-Practice)
-# Hugging Face Spaces Version – Fixed CSS Error
+# Hugging Face Spaces Version – Fixed readonly Error
 # ------------------------------------------------------------
 
 import gradio as gr
@@ -85,6 +85,7 @@ def advanced_math_solver(question: str):
         # --- 1. جبر: حل المعادلات ---
         if any(op in question for op in ["=", "حل", "solve"]):
             if "x" in question or "y" in question:
+                # استخراج المعادلة
                 eq_part = re.sub(r"[^=0-9xXyY\+\-\*/\^\(\)]", "", question)
                 if "=" in eq_part:
                     left, right = eq_part.split("=", 1)
@@ -188,17 +189,15 @@ def gpt2_reply(user_text: str) -> str:
     reply = reply.split("AGI:")[-1].strip()
     return reply
 
-# ---------- 11. Main Logic (Terminal-style for Web) ----------
-def process_input(user_input, history):
+# ---------- Terminal-style Interface ----------
+def process_input(user_input, output_text):
     global context
 
-    if not user_input.strip():
-        return history, ""
+    if user_input.lower() in ["exit", "quit", "خروج"]:
+        reply = "تم الإغلاق. شكرًا!"
+        output_text += f"\nأنت: {user_input}\nAGI: {reply}\n"
+        return output_text, ""
 
-    # Add user input to history
-    history.append([f"<span style='color:#00ff00'>أنت:</span> {user_input}", None])
-
-    # Your original logic (no changes)
     logging.info(f"USER: {user_input}")
 
     if contains_bad_word(user_input):
@@ -223,12 +222,10 @@ def process_input(user_input, history):
         logging.info(f"AGI REPLY: {reply}")
         context.append((user_input, reply))
 
-    # Add reply to history
-    history.append([None, f"<span style='color:#00ffff'>AGI:</span> {reply}"])
-
-    return history, ""
+    output_text += f"\nأنت: {user_input}\nAGI: {reply}"
+    return output_text, ""
 
-# ---------- Gradio UI (Fixed: No CSS in Blocks, Inline Styles Only) ----------
+# ---------- Gradio UI (Fixed: No readonly, Use HTML for Output) ----------
 print("AGI + 100% Accurate Math Solver (Best-Practice) جاهز!")
 print("أمثلة:")
 print("   حل x^3 - 6x^2 + 11x - 6 = 0")
@@ -239,7 +236,7 @@ print("   5 + 3 * 2")
 print("اكتب 'exit' للخروج.\n")
 
 with gr.Blocks(title="AGI Math Solver Terminal") as demo:
-    # Header with inline style (no external CSS)
+    # Header
     gr.HTML("""
     <div style="text-align:center; padding:20px; background-color:#000; color:#00ff00; border-radius:15px; margin-bottom:20px; font-family:monospace;">
         <h1>AGI + 100% Accurate Math Solver – Terminal Mode</h1>
@@ -247,13 +244,19 @@ with gr.Blocks(title="AGI Math Solver Terminal") as demo:
     </div>
     """)
 
-    # Terminal-like output (use Textbox for scrolling history)
-    output = gr.Textbox(
-        label="المحادثة (Terminal)",
-        value="AGI: AGI + 100% Accurate Math Solver جاهز!\nأمثلة:\n   • حل x^3 - 6x^2 + 11x - 6 = 0\n   • اشتق x^2 + sin(x)\n   • تكامل x^2 + 2x\n   • 5 + 3 * 2\nاكتب 'exit' للخروج.\n\n",
-        lines=15,
-        readonly=True,
-        interactive=False
+    # Output as HTML (no readonly error)
+    output_html = gr.HTML(
+        value="""
+        <pre style="background:#000; color:#00ff00; padding:10px; height:400px; overflow-y:scroll; font-family:monospace;">
+AGI: AGI + 100% Accurate Math Solver جاهز!<br>
+أمثلة:<br>
+  • حل x^3 - 6x^2 + 11x - 6 = 0<br>
+  • اشتق x^2 + sin(x)<br>
+  • تكامل x^2 + 2x<br>
+  • 5 + 3 * 2<br>
+اكتب 'exit' للخروج.
+        </pre>
+        """
     )
 
     msg = gr.Textbox(
@@ -262,35 +265,37 @@ with gr.Blocks(title="AGI Math Solver Terminal") as demo:
         lines=1
     )
 
-    # Process input and update output
-    def terminal_process(message, output_text):
+    # Process input and update HTML output
+    def update_output(message, current_html):
         if message.lower() in ["exit", "quit", "خروج"]:
             reply = "تم الإغلاق. شكرًا!"
-            output_text += f"\nأنت: {message}\nAGI: {reply}\n"
-            return output_text, ""
+            new_html = current_html + f"<br><span style='color:#00ff00'>أنت:</span> {message}<br><span style='color:#ffff00'>AGI:</span> {reply}"
         else:
             # Your original logic
             if contains_bad_word(message):
-                reply = "AGI: آسف، لا أقبل اللغة السيئة.\n"
+                reply = "AGI: آسف، لا أقبل اللغة السيئة."
             elif is_math_expression(message):
                 math_result = advanced_math_solver(message)
                 if math_result["success"]:
-                    reply = f"AGI: الإجابة: {math_result['answer']}\n"
+                    reply = f"AGI: الإجابة: {math_result['answer']}<br>"
                     if math_result["steps"]:
-                        reply += "الخطوات:\n"
+                        reply += "الخطوات:<br>"
                         for step in math_result["steps"]:
-                            reply += f"   • {step}\n"
+                            reply += f"   • {step}<br>"
                     context.append((message, str(math_result["answer"])))
                 else:
-                    reply = "AGI: لم أتمكن من حلها رمزيًا، سأستخدم الذكاء العام...\n"
+                    reply = "AGI: لم أتمكن من حلها رمزيًا، سأستخدم الذكاء العام..."
             else:
                 reply = gpt2_reply(message)
                 context.append((message, reply))
 
-            output_text += f"\nأنت: {message}\nAGI: {reply}"
-            return output_text, ""
+            new_html = current_html + f"<br><span style='color:#00ff00'>أنت:</span> {message}<br><span style='color:#ffff00'>AGI:</span> {reply}"
+        
+        # Return updated HTML
+        return gr.update(value=new_html)
 
-    msg.submit(terminal_process, [msg, output], [output, msg])
+    msg.submit(update_output, [msg, output_html], output_html)
+    msg.submit(lambda x: "", outputs=[msg])  # Clear input after submit
 
 demo.launch(
     share=True,