docs: Add mermaid support in docs (#3797)

docs/docusaurus.config.js

@@ -50,14 +50,16 @@ const config = {
                 },
                 blog: false,
                 theme: {
-                    customCss: [
-                        require.resolve('./src/css/custom.css'),
-                    ],
+                    customCss: [require.resolve('./src/css/custom.css')],
                 },
             }),
         ],
     ],
-    themes: ['docusaurus-theme-search-typesense'],
+    themes: ['docusaurus-theme-search-typesense', '@docusaurus/theme-mermaid'],
+
+    markdown: {
+        mermaid: true,
+    },
 
     plugins: [llmTxtPlugin],
 

docs/package-lock.json

@@ -11,6 +11,7 @@
                 "@docusaurus/core": "^3.7.0",
                 "@docusaurus/preset-classic": "^3.7.0",
                 "@mdx-js/react": "^3.0.0",
+                "@docusaurus/theme-mermaid": "3.7.0",
                 "clsx": "^1.2.1",
                 "docusaurus-theme-search-typesense": "^0.24.0",
                 "prism-react-renderer": "^1.3.5",

docs/package.json

@@ -17,6 +17,7 @@
     "dependencies": {
         "@docusaurus/core": "^3.7.0",
         "@docusaurus/preset-classic": "^3.7.0",
+        "@docusaurus/theme-mermaid": "3.7.0",
         "@mdx-js/react": "^3.0.0",
         "clsx": "^1.2.1",
         "docusaurus-theme-search-typesense": "^0.24.0",