Update app.py

app.py

@@ -156,8 +156,13 @@ function HTMLClean() {
     alert("This page is in-dev stage, expect lots of restarts, the interface is open-sourced (not the backend that is responsible for API Keys)")
  }
 """
-
-with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #262626; padding: 10px; background-color: #171717; display: flex;  flex-direction: column-reverse;}", js=js) as demo:
+css="""
+.chatbox {height: 400px; overflow: auto; border: 1px solid #262626; padding: 10px; background-color: #171717; display: flex;  flex-direction: column-reverse;}
+#chatbox-container .katex-display { display: inline; }
+#chatbox-container .katex-display>.katex { display: inline; }
+#chatbox-container .katex-display>.katex>.katex-html { display: inline; }
+"""
+with gr.Blocks(css=css, js=js) as demo:
 
     with gr.Column(visible=True) as auth_view:
         gr.Markdown("## P-MSQ Authorization")
@@ -169,7 +174,37 @@ with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #
 
     with gr.Column(visible=False) as chat_view:
         gr.Markdown("## P-MSQ Chat Interface")
-
+        gr.Markdown(label="answer",
+                                    latex_delimiters=[{
+                                        "left": "\\(",
+                                        "right": "\\)",
+                                        "display": True
+                                    }, {
+                                        "left": "\\begin\{equation\}",
+                                        "right": "\\end\{equation\}",
+                                        "display": True
+                                    }, {
+                                        "left": "\\begin\{align\}",
+                                        "right": "\\end\{align\}",
+                                        "display": True
+                                    }, {
+                                        "left": "\\begin\{alignat\}",
+                                        "right": "\\end\{alignat\}",
+                                        "display": True
+                                    }, {
+                                        "left": "\\begin\{gather\}",
+                                        "right": "\\end\{gather\}",
+                                        "display": True
+                                    }, {
+                                        "left": "\\begin\{CD\}",
+                                        "right": "\\end\{CD\}",
+                                        "display": True
+                                    }, {
+                                        "left": "\\[",
+                                        "right": "\\]",
+                                        "display": True
+                                    }],
+                                    elem_id="chatbox-container")
         chatbot_output = gr.HTML(elem_id="chatbox-container")
 
         msg_input = gr.Text(