Update app.py

app.py

@@ -127,20 +127,18 @@ def render_message(history):
     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:
             seen_messages.add(("user", user_message))
-            user_message_html = user_message.replace('\n', '<br>')  
             messages_html += f"""
             <div style='display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 10px;'>
                 <img src='{user_pic}' style='width: 40px; height: 40px; border-radius: 50%; margin-bottom: 5px;'>
-                <div style='color: white; white-space: pre-wrap;'>{user_message_html}</div>
+                <div style='color: white; white-space: pre-wrap;'>{user_message}</div>
             </div>"""
 
         if assistant_message and ("assistant", assistant_message) not in seen_messages:
             seen_messages.add(("assistant", assistant_message))
-            assistant_message_html = assistant_message.replace('\n', '<br>')  
             messages_html += f"""
             <div style='display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 10px;'>
                 <img src='{assistant_pic}' style='width: 40px; height: 40px; border-radius: 50%; margin-bottom: 5px;'>
-                <div style='color: white; white-space: pre-wrap;'>{assistant_message_html}</div>
+                <div style='color: white; white-space: pre-wrap;'>{assistant_message}</div>
             </div>"""
 
     messages_html += "</div></div>"
@@ -151,16 +149,16 @@ def render_message(history):
             tex: {
                 inlineMath: [['$', '$'], ['\\(', '\\)']],
                 displayMath: [['$$', '$$'], ['\\[', '\\]']]
-            }
+            },
+            svg: { fontCache: 'global' }
         };
     </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>
+    <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
 
 
-
 def escape_html(unsafe_text):
     escaped_text = ''.join(f"&#{ord(char)};" if char not in ('\n', '\r') else '<br>' for char in unsafe_text)
     return escaped_text