From 9d964a27aa585e23e1f1a8b730ce0e1eaf7eba40 Mon Sep 17 00:00:00 2001
From: Serge Gatezh <2880401+gatezh@users.noreply.github.com>
Date: Tue, 22 Sep 2026 21:21:41 -0600
Subject: [PATCH] feat(devcontainers): add Mermaid preview extension

Mermaid code blocks render as plain text in VS Code's built-in Markdown
preview. bierner.markdown-mermaid renders them, and sits next to the
already-bundled bierner.markdown-preview-github-styles in the repo's own
devcontainers and both claude-code template variants.

Fixes #81
---
 .devcontainer/claude-sandbox/devcontainer.json             | 1 +
 .devcontainer/devcontainer.json                            | 2 ++
 claude-code/.devcontainer/claude-sandbox/devcontainer.json | 2 ++
 claude-code/.devcontainer/devcontainer.json                | 2 ++
 4 files changed, 7 insertions(+)

diff --git a/.devcontainer/claude-sandbox/devcontainer.json b/.devcontainer/claude-sandbox/devcontainer.json
index 4609482..c62ed6d 100644
--- a/.devcontainer/claude-sandbox/devcontainer.json
+++ b/.devcontainer/claude-sandbox/devcontainer.json
@@ -23,6 +23,7 @@
         // **General**
         "redhat.vscode-yaml",
         "bierner.markdown-preview-github-styles",
+        "bierner.markdown-mermaid",
         "ms-azuretools.vscode-docker"
       ],
       "settings": {
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index dd06dda..931e2f7 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -23,6 +23,8 @@
         "redhat.vscode-yaml",
         // Markdown Preview Github Styles - Markdown preview
         "bierner.markdown-preview-github-styles",
+        // Markdown Preview Mermaid Support - Mermaid diagrams
+        "bierner.markdown-mermaid",
         // Docker - Dockerfile support
         "ms-azuretools.vscode-docker"
       ],
diff --git a/claude-code/.devcontainer/claude-sandbox/devcontainer.json b/claude-code/.devcontainer/claude-sandbox/devcontainer.json
index 8067bde..729fb32 100644
--- a/claude-code/.devcontainer/claude-sandbox/devcontainer.json
+++ b/claude-code/.devcontainer/claude-sandbox/devcontainer.json
@@ -42,6 +42,8 @@
         "redhat.vscode-yaml",
         // Markdown Preview Github Styles - renders Markdown preview with GitHub's CSS
         "bierner.markdown-preview-github-styles",
+        // Markdown Preview Mermaid Support - renders Mermaid diagrams in Markdown preview
+        "bierner.markdown-mermaid",
         // Docker - Dockerfile and Compose syntax, linting, and image management
         "ms-azuretools.vscode-docker",
 
diff --git a/claude-code/.devcontainer/devcontainer.json b/claude-code/.devcontainer/devcontainer.json
index 1fe25bf..8215a2b 100644
--- a/claude-code/.devcontainer/devcontainer.json
+++ b/claude-code/.devcontainer/devcontainer.json
@@ -40,6 +40,8 @@
         "redhat.vscode-yaml",
         // Markdown Preview Github Styles - renders Markdown preview with GitHub's CSS
         "bierner.markdown-preview-github-styles",
+        // Markdown Preview Mermaid Support - renders Mermaid diagrams in Markdown preview
+        "bierner.markdown-mermaid",
         // Docker - Dockerfile and Compose syntax, linting, and image management
         "ms-azuretools.vscode-docker",