@knowcode/doc-builder 1.9.15 → 1.9.17

package/html/guides/troubleshooting-guide.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.936Z",
-  "dateModified": "2025-08-01T14:40:41.936Z",
+  "datePublished": "2025-08-02T07:34:26.255Z",
+  "dateModified": "2025-08-02T07:34:26.255Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/troubleshooting-guide.html"
@@ -139,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -187,6 +187,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -609,7 +610,8 @@ npm --version
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/guides/windows-setup-guide.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.941Z",
-  "dateModified": "2025-08-01T14:40:41.941Z",
+  "datePublished": "2025-08-02T07:34:26.260Z",
+  "dateModified": "2025-08-02T07:34:26.260Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/windows-setup-guide.html"
@@ -139,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -187,6 +187,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -835,7 +836,8 @@ npm cache clean --force
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/image-modal-test.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.944Z",
-  "dateModified": "2025-08-01T14:40:41.944Z",
+  "datePublished": "2025-08-02T07:34:26.262Z",
+  "dateModified": "2025-08-02T07:34:26.262Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/image-modal-test.html"
@@ -133,7 +133,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -181,6 +181,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item active" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -294,7 +295,8 @@
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/index.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.828Z",
-  "dateModified": "2025-08-01T14:40:41.828Z",
+  "datePublished": "2025-08-02T07:34:26.193Z",
+  "dateModified": "2025-08-02T07:34:26.193Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/README.html"
@@ -133,7 +133,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -181,6 +181,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -498,7 +499,8 @@ docBuilder.build({
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/js/main.js

@@ -54,6 +54,100 @@ document.addEventListener('DOMContentLoaded', function() {
   initializeMermaidFullScreen();
 });
 
+// Mermaid Theme Configuration
+function configureMermaidTheme() {
+  // Check if enhanced styling is enabled (passed from config)
+  const enhancedStyling = window.docBuilderConfig?.features?.mermaidEnhanced !== false;
+  
+  // Set data attribute for CSS styling
+  document.documentElement.setAttribute('data-mermaid-enhanced', enhancedStyling.toString());
+  
+  // Get current theme (light/dark mode)
+  const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';
+  
+  // Notion-inspired color palette
+  const lightTheme = {
+    primaryColor: '#F7F6F3',           // Light background for shapes
+    primaryTextColor: '#37352F',       // Dark text
+    primaryBorderColor: '#E3E2E0',     // Subtle borders
+    lineColor: '#787774',              // Connection lines
+    secondaryColor: '#EDEBE9',         // Secondary backgrounds
+    tertiaryColor: '#E9E9E7',          // Tertiary elements
+    background: '#FFFFFF',             // Diagram background
+    fontSize: '16px',                  // Text size
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  };
+  
+  const darkTheme = {
+    primaryColor: '#2F2F2F',           // Dark background for shapes
+    primaryTextColor: '#E3E2E0',       // Light text
+    primaryBorderColor: '#454545',     // Darker borders
+    lineColor: '#9B9A97',              // Lighter connection lines
+    secondaryColor: '#404040',         // Secondary backgrounds
+    tertiaryColor: '#4A4A4A',          // Tertiary elements
+    background: '#1A1A1A',             // Dark diagram background
+    fontSize: '16px',                  // Text size
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  };
+  
+  const currentTheme = isDarkMode ? darkTheme : lightTheme;
+  
+  // Initialize Mermaid with custom theme (only if enhanced styling is enabled)
+  const mermaidConfig = {
+    startOnLoad: false,  // We'll manually start it after configuration
+    theme: enhancedStyling ? 'base' : 'default',
+    ...(enhancedStyling && { themeVariables: currentTheme }),
+    flowchart: {
+      curve: 'basis',                  // Smoother curves
+      padding: 20,                     // More padding around elements
+      nodeSpacing: 50,                 // Space between nodes
+      rankSpacing: 50,                 // Space between ranks
+      marginX: 20,                     // Horizontal margins
+      marginY: 20                      // Vertical margins
+    },
+    sequence: {
+      actorMargin: 50,
+      width: 150,
+      height: 65,
+      boxMargin: 10,
+      boxTextMargin: 5,
+      noteMargin: 10,
+      messageMargin: 35
+    },
+    ...(enhancedStyling && {
+      gantt: {
+        leftPadding: 75,
+        gridLineStartPadding: 35,
+        fontSize: 12,
+        sectionFontSize: 24
+      }
+    })
+  };
+  
+  mermaid.initialize(mermaidConfig);
+  
+  // Manually render all mermaid diagrams after configuration
+  setTimeout(() => {
+    console.log('[Mermaid] Running mermaid.run() with config:', mermaidConfig);
+    console.log('[Mermaid] Enhanced styling enabled:', enhancedStyling);
+    console.log('[Mermaid] Data attribute set to:', document.documentElement.getAttribute('data-mermaid-enhanced'));
+    mermaid.run();
+    
+    // After rendering, log some debug info
+    setTimeout(() => {
+      const diagrams = document.querySelectorAll('.mermaid svg');
+      console.log('[Mermaid] Found', diagrams.length, 'rendered diagrams');
+      
+      const firstRect = document.querySelector('.mermaid svg rect');
+      if (firstRect) {
+        console.log('[Mermaid] First rect element:', firstRect);
+        console.log('[Mermaid] Rect rx value:', firstRect.getAttribute('rx'));
+        console.log('[Mermaid] Computed styles:', window.getComputedStyle(firstRect));
+      }
+    }, 500);
+  }, 100);
+}
+
 // Mermaid Full Screen Viewer
 function initializeMermaidFullScreen() {
   // Wait for Mermaid to initialize
@@ -62,6 +156,9 @@ function initializeMermaidFullScreen() {
     return;
   }
 
+  // Configure Mermaid with enhanced styling
+  configureMermaidTheme();
+
   // Find all Mermaid diagrams and wrap them with full-screen controls
   const mermaidDivs = document.querySelectorAll('.mermaid');
   

package/html/private/cache-control-anti-pattern.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.946Z",
-  "dateModified": "2025-08-01T14:40:41.946Z",
+  "datePublished": "2025-08-02T07:34:26.263Z",
+  "dateModified": "2025-08-02T07:34:26.263Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/cache-control-anti-pattern.html"
@@ -139,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -187,6 +187,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -405,7 +406,8 @@ module.exports = {
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/launch/README.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.948Z",
-  "dateModified": "2025-08-01T14:40:41.948Z",
+  "datePublished": "2025-08-02T07:34:26.264Z",
+  "dateModified": "2025-08-02T07:34:26.264Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/README.html"
@@ -145,7 +145,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -193,6 +193,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -347,7 +348,8 @@
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/launch/auth-cleanup-summary.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.950Z",
-  "dateModified": "2025-08-01T14:40:41.950Z",
+  "datePublished": "2025-08-02T07:34:26.266Z",
+  "dateModified": "2025-08-02T07:34:26.266Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/auth-cleanup-summary.html"
@@ -145,7 +145,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -193,6 +193,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -337,7 +338,8 @@ auth: {
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/launch/bubble-plugin-specification.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.952Z",
-  "dateModified": "2025-08-01T14:40:41.952Z",
+  "datePublished": "2025-08-02T07:34:26.268Z",
+  "dateModified": "2025-08-02T07:34:26.268Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/bubble-plugin-specification.html"
@@ -145,7 +145,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -193,6 +193,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -983,7 +984,8 @@ generateDocs({
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/launch/go-to-market-strategy.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.956Z",
-  "dateModified": "2025-08-01T14:40:41.956Z",
+  "datePublished": "2025-08-02T07:34:26.271Z",
+  "dateModified": "2025-08-02T07:34:26.271Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/go-to-market-strategy.html"
@@ -145,7 +145,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -193,6 +193,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -713,7 +714,8 @@
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/launch/launch-announcements.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.960Z",
-  "dateModified": "2025-08-01T14:40:41.960Z",
+  "datePublished": "2025-08-02T07:34:26.276Z",
+  "dateModified": "2025-08-02T07:34:26.276Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/launch-announcements.html"
@@ -145,7 +145,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -193,6 +193,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -643,7 +644,8 @@ doc-builder deploy
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/launch/vercel-deployment-auth-setup.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.962Z",
-  "dateModified": "2025-08-01T14:40:41.962Z",
+  "datePublished": "2025-08-02T07:34:26.277Z",
+  "dateModified": "2025-08-02T07:34:26.277Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/launch/vercel-deployment-auth-setup.html"
@@ -145,7 +145,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -193,6 +193,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -393,7 +394,8 @@ npx @knowcode/doc-builder auth:add-user production-email@example.com
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/next-steps-walkthrough.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.964Z",
-  "dateModified": "2025-08-01T14:40:41.964Z",
+  "datePublished": "2025-08-02T07:34:26.280Z",
+  "dateModified": "2025-08-02T07:34:26.280Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/next-steps-walkthrough.html"
@@ -139,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -187,6 +187,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -655,7 +656,8 @@ find docs/ -name &quot;*.md&quot; -exec grep -l &quot;]\(&quot; {} \;
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/private/supabase-auth-implementation-completed.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-08-01T14:40:41.966Z",
-  "dateModified": "2025-08-01T14:40:41.966Z",
+  "datePublished": "2025-08-02T07:34:26.282Z",
+  "dateModified": "2025-08-02T07:34:26.282Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/private/supabase-auth-implementation-completed.html"
@@ -139,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.14">Last updated: Aug 1, 2025, 02:40 PM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.16">Last updated: Aug 2, 2025, 07:34 AM UTC</span>
                 </div>
                 
                 
@@ -187,6 +187,7 @@
         <a href="/about-doc-builder.html" class="nav-item" data-tooltip="About @knowcode/doc-builder."><i class="ph ph-check-circle" style="color: #059669;"></i> About Doc Builder</a>
         <a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Documentation Index</a>
         <a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="ph ph-file-text"></i> Image Modal Test</a>
+        <a href="/test-mermaid-enhanced.html" class="nav-item" data-tooltip="Mermaid Enhanced Styling Test."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Test Mermaid Enhanced</a>
         <a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel Cli Setup Guide</a>
         <a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="ph ph-check-circle" style="color: #059669;"></i> Vercel First Time Setup Guide</a></div></div>
       <div class="nav-section" data-level="1">
@@ -430,7 +431,8 @@ auth: {
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>