add mermaid support

Author: jsladerman

generated/routes.json

@@ -13,12 +13,16 @@
   },
   "/overview/management-api-reference": {
     "relPath": "/overview/management-api-reference.md",
-    "lastmod": "2025-11-03T09:07:35.000Z"
+    "lastmod": "2025-11-18T00:53:40.000Z"
   },
   "/overview/agent-api-reference": {
     "relPath": "/overview/agent-api-reference.md",
     "lastmod": "2025-11-03T09:07:35.000Z"
   },
+  "/components-test": {
+    "relPath": "/components-test.md",
+    "lastmod": "2025-11-19T21:23:13.000Z"
+  },
   "/getting-started": {
     "relPath": "/getting-started/index.md",
     "lastmod": "2025-03-12T14:59:41.000Z"
@@ -225,11 +229,11 @@
   },
   "/plural-features/plural-ai/sentinels": {
     "relPath": "/plural-features/plural-ai/sentinels.md",
-    "lastmod": "2025-11-08T15:56:41.000Z"
+    "lastmod": "2025-11-08T16:45:39.000Z"
   },
   "/plural-features/plural-ai/arch-diagram": {
     "relPath": "/plural-features/plural-ai/arch-diagram.md",
-    "lastmod": "2025-11-08T16:28:24.261Z"
+    "lastmod": "2025-11-08T16:45:39.000Z"
   },
   "/plural-features/plural-ai/cost": {
     "relPath": "/plural-features/plural-ai/cost.md",

package.json

@@ -35,6 +35,7 @@
     "@loomhq/loom-embed": "1.5.0",
     "@markdoc/markdoc": "0.4.0",
     "@markdoc/next.js": "0.2.2",
+    "@mermaid-js/layout-elk": "0.2.0",
     "@open-draft/until": "2.1.0",
     "@pluralsh/design-system": "3.72.1",
     "@react-aria/ssr": "3.6.0",
@@ -55,6 +56,7 @@
     "js-yaml": "4.1.0",
     "lodash": "4.17.21",
     "memoize-one": "6.0.0",
+    "mermaid": "11.12.1",
     "next": "14.2.15",
     "raw-loader": "4.0.2",
     "react": "18.3.1",

pages/components-test.md

@@ -0,0 +1,9 @@
+---
+title: Mermaid
+---
+{% mermaid %}
+  graph TD
+      A[Client] --> B[Load Balancer]
+      B --> C[Server01]
+      B --> D[Server02]
+{% /mermaid %}