FOrmatting Adjustments

Removed MathJax and added LaTeX delimiters.

app.py

@@ -79,22 +79,6 @@ if (document.documentElement) {
 </script>
 """
 
-mathjax_config = """
-<script>
-window.MathJax = {
-  tex: {
-    inlineMath: [['$', '$'], ['\\(', '\\)']],
-    displayMath: [['$$', '$$'], ['\\[', '\\]']],
-    processEscapes: true,
-    processEnvironments: true
-  },
-  options: {
-    skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre']
-  }
-};
-</script>
-"""
-
 # Environment and Logging Setup
 def setup_metrics_logger():
     """Setup a simple file logger for human-readable metrics"""
@@ -1043,11 +1027,10 @@ def create_interface():
         fill_height=True,
         theme=gr.themes.Origin()
     ) as demo:
-        # Add head content and MathJax
+        # Add head content
         gr.HTML(html_head_content)
         gr.HTML(force_light_mode)
-        gr.HTML('<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>')
-        gr.HTML(mathjax_config)
+
         
         with gr.Column(elem_classes=["main-container"]):
             # Title Section
@@ -1063,7 +1046,11 @@ def create_interface():
                     elem_id="main-chatbot",
                     container=False,
                     scale=1,
-                    height="70vh"
+                    height="70vh",
+                    latex_delimiters=[
+                        {"left": "$$", "right": "$$", "display": True},  # For centered display math
+                        {"left": "$", "right": "$", "display": False},    # For inline math
+                    ]
                 )
             
             # Input Section