Update app.py

app.py

@@ -19,7 +19,7 @@ def generate_response(prompt_template, **kwargs):
     response = ""
     for chunk in stream:
         response += chunk.choices[0].delta.content
-        yield response  # Yield incrementally
+        yield response  # Yield incrementally for streaming
 
 # Wrapper function for Gradio compatibility
 def stream_response(prompt_template, **kwargs):
@@ -28,7 +28,7 @@ def stream_response(prompt_template, **kwargs):
 # Gradio app interface
 with gr.Blocks() as app:
     gr.Markdown("## Mathematical Insight Tutor")
-    gr.Markdown("An advanced AI-powered tutor to help you master math concepts.")
+    gr.Markdown("An advanced AI-powered tutor to help you master math concepts with step-by-step explanations and LaTeX rendering.")
 
     def create_tab(tab_name, prompt_template, inputs):
         with gr.Tab(tab_name):
@@ -48,7 +48,7 @@ with gr.Blocks() as app:
                     )
             # Button and output
             button = gr.Button(f"{tab_name} Execute")
-            output = gr.Textbox(label="Output", placeholder="Generated response will appear here.", lines=10)
+            output = gr.Markdown(label="Output", elem_id="latex-output")
             # Link button to the response wrapper
             button.click(
                 fn=lambda *args: stream_response(prompt_template, **dict(zip([inp["key"] for inp in inputs], args))),
@@ -103,5 +103,14 @@ with gr.Blocks() as app:
         ]
     )
 
+# Add custom CSS for LaTeX rendering
+app.css = """
+#latex-output {
+    font-family: "Computer Modern", serif;
+    font-size: 16px;
+    line-height: 1.5;
+}
+"""
+
 # Launch the app
-app.launch(debug=True)
+app.launch(debug=True)