Update app.py

app.py

@@ -102,7 +102,7 @@ def create_math_system_message():
 Be clear, precise, and educational."""
 
 def render_latex(text):
-    """Clean and normalize LaTeX"""
+    """Clean and normalize LaTeX for proper rendering"""
     if not text:
         return text
     
@@ -119,6 +119,9 @@ def render_latex(text):
     # Remove duplicate $$
     text = re.sub(r'\$\$+', '$$', text)
     
+    # Escape backslashes for proper rendering in Gradio
+    text = text.replace('\\\\', '\\')
+    
     return text
 
 def try_sympy_compute(message):
@@ -208,10 +211,22 @@ def get_random_sample():
     return random.choice(math_samples)
 
 # Gradio Interface
-with gr.Blocks(title="🧮 Mathetics AI", theme=gr.themes.Soft()) as demo:
+with gr.Blocks(title="🧮 Mathetics AI", theme=gr.themes.Soft(), css="""
+    .katex { font-size: 1.1em; }
+    .katex-display { margin: 1em 0; }
+""") as demo:
     gr.Markdown("# 🧮 **Mathetics AI**\n*Advanced Math Tutor powered by Qwen2.5-Math*")
     
-    chatbot = gr.Chatbot(height=500, type='messages', label="💬 Conversation")
+    chatbot = gr.Chatbot(
+        height=500, 
+        type='messages', 
+        label="💬 Conversation",
+        latex_delimiters=[
+            {"left": "$$", "right": "$$", "display": True},
+            {"left": "$", "right": "$", "display": False}
+        ],
+        show_copy_button=True
+    )
     msg = gr.Textbox(placeholder="Ask any math problem...", show_label=False, scale=4)
     
     with gr.Row():