diff --git a/package.json b/package.json
index 8d52fc699..283bd2b97 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "esbuild": "^0.20.0",
     "jquery": "^3.6.0",
     "markdown-it-footnote": "^4.0.0",
-    "mermaid": "^10.8.0",
+    "mermaid": "^10.9.0",
     "vue": "3.3.13"
   }
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f6c1901b6..c049f1d3f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,8 +39,8 @@ dependencies:
     specifier: ^4.0.0
     version: 4.0.0
   mermaid:
-    specifier: ^10.8.0
-    version: 10.8.0
+    specifier: ^10.9.0
+    version: 10.9.0
   vue:
     specifier: 3.3.13
     version: 3.3.13(typescript@5.3.3)
@@ -3674,6 +3674,13 @@ packages:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  /katex@0.16.9:
+    resolution: {integrity: sha512-fsSYjWS0EEOwvy81j3vRA8TEAhQhKiqO+FQaKWp0m39qwOzHVBgAUBIXWj1pB+O2W3fIpNa6Y9KSKCVbfPhyAQ==}
+    hasBin: true
+    dependencies:
+      commander: 8.3.0
+    dev: false
+
   /khroma@2.1.0:
     resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
     dev: false
@@ -3864,8 +3871,8 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  /mermaid@10.8.0:
-    resolution: {integrity: sha512-9CzfSreRjdDJxX796+jW4zjEq0DVw5xVF0nWsqff8OTbrt+ml0TZ5PyYUjjUZJa2NYxYJZZXewEquxGiM8qZEA==}
+  /mermaid@10.9.0:
+    resolution: {integrity: sha512-swZju0hFox/B/qoLKK0rOxxgh8Cf7rJSfAUc1u8fezVihYMvrJAS45GzAxTVf4Q+xn9uMgitBcmWk7nWGXOs/g==}
     dependencies:
       '@braintree/sanitize-url': 6.0.4
       '@types/d3-scale': 4.0.8
@@ -3878,6 +3885,7 @@ packages:
       dayjs: 1.11.10
       dompurify: 3.0.8
       elkjs: 0.9.1
+      katex: 0.16.9
       khroma: 2.1.0
       lodash-es: 4.17.21
       mdast-util-from-markdown: 1.3.1