diff --git a/package.json b/package.json
index 89dc8079..5ea250c3 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,6 @@
     "@types/lodash": "^4.17.4",
     "@umijs/max": "^4.2.11",
     "@xterm/addon-fit": "^0.10.0",
-    "@xterm/addon-webgl": "^0.18.0",
     "@xterm/xterm": "^5.5.0",
     "ansi-to-html": "^0.7.2",
     "antd": "^5.21.6",
@@ -43,11 +42,13 @@
     "highlight.js": "^11.10.0",
     "jotai": "^2.8.4",
     "jszip": "^3.10.1",
+    "katex": "^0.16.21",
     "lamejs": "github:zhuker/lamejs",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",
     "mammoth": "^1.8.0",
     "marked": "^14.1.0",
+    "marked-katex-extension": "^5.1.4",
     "ml-dataset-iris": "^1.2.1",
     "ml-pca": "^4.1.1",
     "numeral": "^2.0.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c90364ed..cac817a0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,9 +41,6 @@ dependencies:
   '@xterm/addon-fit':
     specifier: ^0.10.0
     version: 0.10.0(@xterm/xterm@5.5.0)
-  '@xterm/addon-webgl':
-    specifier: ^0.18.0
-    version: 0.18.0(@xterm/xterm@5.5.0)
   '@xterm/xterm':
     specifier: ^5.5.0
     version: 5.5.0
@@ -92,6 +89,9 @@ dependencies:
   jszip:
     specifier: ^3.10.1
     version: 3.10.1
+  katex:
+    specifier: ^0.16.21
+    version: 0.16.21
   lamejs:
     specifier: github:zhuker/lamejs
     version: github.com/zhuker/lamejs/582bbba6a12f981b984d8fb9e1874499fed85675
@@ -107,6 +107,9 @@ dependencies:
   marked:
     specifier: ^14.1.0
     version: 14.1.0
+  marked-katex-extension:
+    specifier: ^5.1.4
+    version: 5.1.4(katex@0.16.21)(marked@14.1.0)
   ml-dataset-iris:
     specifier: ^1.2.1
     version: 1.2.1
@@ -7217,14 +7220,6 @@ packages:
       '@xterm/xterm': 5.5.0
     dev: false
 
-  /@xterm/addon-webgl@0.18.0(@xterm/xterm@5.5.0):
-    resolution: {integrity: sha512-xCnfMBTI+/HKPdRnSOHaJDRqEpq2Ugy8LEj9GiY4J3zJObo3joylIFaMvzBwbYRg8zLtkO0KQaStCeSfoaI2/w==, tarball: https://registry.npmjs.org/@xterm/addon-webgl/-/addon-webgl-0.18.0.tgz}
-    peerDependencies:
-      '@xterm/xterm': ^5.0.0
-    dependencies:
-      '@xterm/xterm': 5.5.0
-    dev: false
-
   /@xterm/xterm@5.5.0:
     resolution: {integrity: sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A==, tarball: https://registry.npmjs.org/@xterm/xterm/-/xterm-5.5.0.tgz}
     dev: false
@@ -12349,6 +12344,13 @@ packages:
       setimmediate: 1.0.5
     dev: false
 
+  /katex@0.16.21:
+    resolution: {integrity: sha512-XvqR7FgOHtWupfMiigNzmh+MgUVmDGU2kXZm899ZkPfcuoPuFxyHmXsgATDpFZDAXCI8tvinaVcDo8PIIJSo4A==, tarball: https://registry.npmjs.org/katex/-/katex-0.16.21.tgz}
+    hasBin: true
+    dependencies:
+      commander: 8.3.0
+    dev: false
+
   /keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
@@ -12802,6 +12804,16 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
+  /marked-katex-extension@5.1.4(katex@0.16.21)(marked@14.1.0):
+    resolution: {integrity: sha512-GQOio4vCp0laxB1IY+2oNVo5nbn82yWMDP/jILRYHmyu2WXMVlXCB+krq2/U2fQn+V9j8aqDmnNdrsgqG2AkGQ==, tarball: https://registry.npmjs.org/marked-katex-extension/-/marked-katex-extension-5.1.4.tgz}
+    peerDependencies:
+      katex: '>=0.16 <0.17'
+      marked: '>=4 <16'
+    dependencies:
+      katex: 0.16.21
+      marked: 14.1.0
+    dev: false
+
   /marked@14.1.0:
     resolution: {integrity: sha512-P93GikH/Pde0hM5TAXEd8I4JAYi8IB03n8qzW8Bh1BIEFpEyBoYxi/XWZA53LSpTeLBiMQOoSMj0u5E/tiVYTA==, tarball: https://registry.npmjs.org/marked/-/marked-14.1.0.tgz}
     engines: {node: '>= 18'}
diff --git a/src/pages/playground/components/multiple-chat/message-body.tsx b/src/pages/playground/components/multiple-chat/message-body.tsx
index 98269e61..d90d8997 100644
--- a/src/pages/playground/components/multiple-chat/message-body.tsx
+++ b/src/pages/playground/components/multiple-chat/message-body.tsx
@@ -123,6 +123,9 @@ const MessageBody: React.FC<MessageBodyProps> = ({
       content: e.target.value,
       uid: data.uid
     });
+    if (data.role === Roles.Assistant) {
+      thinkerRef.current?.reset();
+    }
   };
 
   const handleDeleteLastImage = useCallback(() => {