Update app.py

app.py

@@ -122,7 +122,7 @@ def render_message(history):
     <div id="chatbox-container" class="chatbox" style="height: 400px; overflow: auto; border: 1px solid #262626; padding: 10px; background-color: #171717; display: flex; flex-direction: column-reverse;">
         <div id="messages" style="display: block; margin-bottom: 10px;">"""
 
-    seen_messages = set()
+    seen_messages = set()  
 
     for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history:
         if user_message and ("user", user_message) not in seen_messages:
@@ -145,10 +145,24 @@ def render_message(history):
 
     mathjax_script = """
     <script type="text/javascript">
-        if (typeof MathJax !== 'undefined') {
-            MathJax.typesetPromise();
-        }
+        MathJax = {
+            tex: {
+                inlineMath: [['\\(', '\\)']],
+                displayMath: [
+                    ['\\[', '\\]'],
+                    ['\\begin{equation}', '\\end{equation}'],
+                    ['\\begin{align}', '\\end{align}'],
+                    ['\\begin{alignat}', '\\end{alignat}'],
+                    ['\\begin{gather}', '\\end{gather}'],
+                    ['\\begin{CD}', '\\end{CD}']
+                ],
+                processEscapes: true
+            },
+            svg: { fontCache: 'global' }
+        };
     </script>
+    <script type="text/javascript" async
+        src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-svg.js"></script>
     """
     return messages_html + mathjax_script
 
@@ -175,12 +189,10 @@ with gr.Blocks(css=css) as demo:
 
     with gr.Column(visible=False) as chat_view:
         gr.HTML("""
-            <script type="text/javascript" id="MathJax-script" async
-                src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js">
-            </script>
-         """)
-    
-
+    <script type="text/javascript" id="MathJax-script" async
+        src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js">
+    </script>
+    """)
         gr.Markdown("## P-MSQ Chat Interface")
         chatbot_output = gr.HTML(elem_id="chatbox-container")
         gr.Markdown(elem_id="chatbox-container") 
@@ -239,7 +251,7 @@ with gr.Blocks(css=css) as demo:
         msg_input.submit(
             user_interaction, 
             inputs=[msg_input, history_state, api_key_input, max_tokens, top_p, temperature], 
-            outputs=[chatbot_output, history_state, msg_input]
+            outputs=[chatbot_output, history_state, msg_input],
         )
 
         send_btn.click(