@knowcode/doc-builder 1.9.14 → 1.9.16

package/html/css/notion-style.css

@@ -459,6 +459,43 @@ pre code {
   color: var(--color-text-primary);
 }
 
+/* Banner types */
+.banner-warning {
+  background: var(--color-accent-yellow-bg);
+  border-bottom: 1px solid var(--color-accent-yellow);
+}
+
+.banner-warning .banner-icon {
+  color: var(--color-accent-yellow);
+}
+
+.banner-info {
+  background: var(--color-accent-blue-bg);
+  border-bottom: 1px solid var(--color-accent-blue);
+}
+
+.banner-info .banner-icon {
+  color: var(--color-accent-blue);
+}
+
+.banner-success {
+  background: var(--color-accent-green-bg);
+  border-bottom: 1px solid var(--color-accent-green);
+}
+
+.banner-success .banner-icon {
+  color: var(--color-accent-green);
+}
+
+.banner-error {
+  background: var(--color-accent-red-bg);
+  border-bottom: 1px solid var(--color-accent-red);
+}
+
+.banner-error .banner-icon {
+  color: var(--color-accent-red);
+}
+
 /* Breadcrumbs - definition moved to line 888 to avoid duplication */
 
 .breadcrumb-item {
@@ -1092,6 +1129,82 @@ tr:hover {
   border-radius: var(--radius-lg);
   overflow-x: auto;
   margin: var(--space-2) 0;
+  transition: all var(--duration-normal);
+}
+
+/* Enhanced Mermaid SVG Styling */
+.mermaid svg {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Enhanced Mermaid Styling - only applied when mermaidEnhanced is enabled */
+[data-mermaid-enhanced="true"] .mermaid .node rect,
+[data-mermaid-enhanced="true"] .mermaid .node polygon,
+[data-mermaid-enhanced="true"] .mermaid .node circle,
+[data-mermaid-enhanced="true"] .mermaid .node ellipse {
+  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+  transition: all 0.2s ease;
+}
+
+/* Enhanced rectangle shapes with rounded corners */
+[data-mermaid-enhanced="true"] .mermaid .node rect {
+  rx: 8px !important;
+  ry: 8px !important;
+}
+
+/* Enhanced flowchart nodes */
+[data-mermaid-enhanced="true"] .mermaid .flowchart-node {
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
+}
+
+/* Smoother connection lines */
+[data-mermaid-enhanced="true"] .mermaid .flowchart-link {
+  stroke-width: 2px;
+  fill: none;
+}
+
+/* Enhanced text styling */
+[data-mermaid-enhanced="true"] .mermaid .node text,
+[data-mermaid-enhanced="true"] .mermaid .edgeLabel {
+  font-family: var(--font-sans);
+  font-size: var(--text-base);
+  font-weight: var(--font-medium);
+}
+
+/* Hover effects for interactive elements */
+[data-mermaid-enhanced="true"] .mermaid .node:hover rect,
+[data-mermaid-enhanced="true"] .mermaid .node:hover polygon,
+[data-mermaid-enhanced="true"] .mermaid .node:hover circle,
+[data-mermaid-enhanced="true"] .mermaid .node:hover ellipse {
+  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
+  transform: translateY(-1px);
+}
+
+/* Enhanced cluster/subgraph styling */
+[data-mermaid-enhanced="true"] .mermaid .cluster rect {
+  rx: 12px !important;
+  ry: 12px !important;
+  stroke-dasharray: none;
+  opacity: 0.8;
+}
+
+/* Decision diamond improvements */
+[data-mermaid-enhanced="true"] .mermaid .flowchart-node polygon {
+  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));
+}
+
+/* Process node styling */
+[data-mermaid-enhanced="true"] .mermaid .flowchart-node rect {
+  stroke-width: 1.5px;
+}
+
+/* Edge label background */
+[data-mermaid-enhanced="true"] .mermaid .edgeLabel .label {
+  background: var(--color-bg-card);
+  border-radius: var(--radius-sm);
+  padding: var(--space-1) var(--space-2);
+  border: 1px solid var(--color-border-default);
 }
 
 /* Mermaid Full Screen Viewer */
@@ -2245,5 +2358,69 @@ body.has-private-access .private-nav {
     padding: var(--space-2) var(--space-3);
   }
 }
-  opacity: 0.6;
+
+/* Print styles - hide breadcrumbs and other UI elements for clean PDF output */
+@media print {
+  /* Hide breadcrumbs completely when printing */
+  .breadcrumbs {
+    display: none !important;
+  }
+  
+  /* Hide navigation and header elements for clean printing */
+  .navigation,
+  .menu-toggle,
+  .theme-toggle,
+  .auth-btn,
+  .header {
+    display: none !important;
+  }
+  
+  /* Adjust main content area for printing without breadcrumbs */
+  .main-content {
+    margin-top: 0 !important;
+    min-height: auto !important;
+    padding-top: var(--space-4);
+  }
+  
+  /* Ensure content takes full width for printing */
+  .content-area {
+    max-width: none !important;
+    padding: 0;
+    margin: 0;
+  }
+  
+  /* Optimize text for printing */
+  body {
+    background: white !important;
+    color: black !important;
+    font-size: 12pt;
+    line-height: 1.4;
+  }
+  
+  /* Hide interactive elements */
+  .image-modal,
+  .tooltip,
+  button:not(.copy-btn) {
+    display: none !important;
+  }
+  
+  /* Ensure code blocks print well */
+  pre, code {
+    background: #f5f5f5 !important;
+    border: 1px solid #ddd !important;
+    page-break-inside: avoid;
+  }
+  
+  /* Page break optimization */
+  h1, h2, h3, h4, h5, h6 {
+    page-break-after: avoid;
+    color: black !important;
+  }
+  
+  /* Avoid breaking images */
+  img {
+    page-break-inside: avoid;
+    max-width: 100% !important;
+    height: auto !important;
+  }
 }

package/html/documentation-index.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-31T07:08:27.337Z",
-  "dateModified": "2025-07-31T07:08:27.337Z",
+  "datePublished": "2025-08-02T07:26:07.891Z",
+  "dateModified": "2025-08-02T07:26:07.891Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/documentation-index.html"
@@ -133,7 +133,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.15">Last updated: Aug 2, 2025, 07:26 AM UTC</span>
                 </div>
                 
                 
@@ -153,16 +153,7 @@
         </div>
     </header>
     
-    <!-- Preview Banner -->
-    <div id="preview-banner" class="preview-banner">
-        <div class="banner-content">
-            <i class="fas fa-exclamation-triangle banner-icon"></i>
-            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
-            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
-                <i class="fas fa-times"></i>
-            </button>
-        </div>
-    </div>
+    
     
     <!-- Breadcrumbs -->
     <nav class="breadcrumbs" id="breadcrumbs">
@@ -175,7 +166,7 @@
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="filter-box">
-                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
                     <i class="fas fa-search filter-icon"></i>
                 </div>
             </div>
@@ -187,8 +178,10 @@
         </a>
         <div class="nav-content" >
         <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <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 active" 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">
@@ -243,7 +236,8 @@
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
         <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
-        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
             </nav>
             <div class="resize-handle"></div>
         </aside>
@@ -454,7 +448,8 @@ Detailed information...
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/guides/authentication-default-change.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-31T07:08:27.341Z",
-  "dateModified": "2025-07-31T07:08:27.341Z",
+  "datePublished": "2025-08-02T07:26:07.896Z",
+  "dateModified": "2025-08-02T07:26:07.896Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/authentication-default-change.html"
@@ -139,7 +139,7 @@
             
             <div class="header-actions">
                 <div class="deployment-info">
-                    <span class="deployment-date" title="Built with doc-builder v1.9.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.15">Last updated: Aug 2, 2025, 07:26 AM UTC</span>
                 </div>
                 
                 
@@ -159,16 +159,7 @@
         </div>
     </header>
     
-    <!-- Preview Banner -->
-    <div id="preview-banner" class="preview-banner">
-        <div class="banner-content">
-            <i class="fas fa-exclamation-triangle banner-icon"></i>
-            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
-            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
-                <i class="fas fa-times"></i>
-            </button>
-        </div>
-    </div>
+    
     
     <!-- Breadcrumbs -->
     <nav class="breadcrumbs" id="breadcrumbs">
@@ -181,7 +172,7 @@
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="filter-box">
-                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
                     <i class="fas fa-search filter-icon"></i>
                 </div>
             </div>
@@ -193,8 +184,10 @@
         </a>
         <div class="nav-content" >
         <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <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">
@@ -249,7 +242,8 @@
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
         <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
-        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
             </nav>
             <div class="resize-handle"></div>
         </aside>
@@ -353,7 +347,8 @@ module.exports = {
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/guides/authentication-guide.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-31T07:08:27.344Z",
-  "dateModified": "2025-07-31T07:08:27.344Z",
+  "datePublished": "2025-08-02T07:26:07.902Z",
+  "dateModified": "2025-08-02T07:26:07.902Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/authentication-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.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.15">Last updated: Aug 2, 2025, 07:26 AM UTC</span>
                 </div>
                 
                 
@@ -159,16 +159,7 @@
         </div>
     </header>
     
-    <!-- Preview Banner -->
-    <div id="preview-banner" class="preview-banner">
-        <div class="banner-content">
-            <i class="fas fa-exclamation-triangle banner-icon"></i>
-            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
-            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
-                <i class="fas fa-times"></i>
-            </button>
-        </div>
-    </div>
+    
     
     <!-- Breadcrumbs -->
     <nav class="breadcrumbs" id="breadcrumbs">
@@ -181,7 +172,7 @@
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="filter-box">
-                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
                     <i class="fas fa-search filter-icon"></i>
                 </div>
             </div>
@@ -193,8 +184,10 @@
         </a>
         <div class="nav-content" >
         <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <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">
@@ -249,7 +242,8 @@
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
         <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
-        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
             </nav>
             <div class="resize-handle"></div>
         </aside>
@@ -492,7 +486,8 @@ auth: {
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/guides/claude-workflow-guide.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-31T07:08:27.348Z",
-  "dateModified": "2025-07-31T07:08:27.348Z",
+  "datePublished": "2025-08-02T07:26:07.907Z",
+  "dateModified": "2025-08-02T07:26:07.907Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/claude-workflow-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.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.15">Last updated: Aug 2, 2025, 07:26 AM UTC</span>
                 </div>
                 
                 
@@ -159,16 +159,7 @@
         </div>
     </header>
     
-    <!-- Preview Banner -->
-    <div id="preview-banner" class="preview-banner">
-        <div class="banner-content">
-            <i class="fas fa-exclamation-triangle banner-icon"></i>
-            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
-            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
-                <i class="fas fa-times"></i>
-            </button>
-        </div>
-    </div>
+    
     
     <!-- Breadcrumbs -->
     <nav class="breadcrumbs" id="breadcrumbs">
@@ -181,7 +172,7 @@
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="filter-box">
-                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
                     <i class="fas fa-search filter-icon"></i>
                 </div>
             </div>
@@ -193,8 +184,10 @@
         </a>
         <div class="nav-content" >
         <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <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">
@@ -249,7 +242,8 @@
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
         <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
-        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
             </nav>
             <div class="resize-handle"></div>
         </aside>
@@ -1057,7 +1051,8 @@ The key to success is iterative refinement of your CLAUDE.md file to capture you
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>

package/html/guides/configuration-guide.html

@@ -99,8 +99,8 @@
     "name": "Knowcode Ltd",
     "url": "https://knowcode.tech"
   },
-  "datePublished": "2025-07-31T07:08:27.351Z",
-  "dateModified": "2025-07-31T07:08:27.351Z",
+  "datePublished": "2025-08-02T07:26:07.910Z",
+  "dateModified": "2025-08-02T07:26:07.910Z",
   "mainEntityOfPage": {
     "@type": "WebPage",
     "@id": "https://doc-builder-delta.vercel.app/guides/configuration-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.11">Last updated: Jul 31, 2025, 07:08 AM UTC</span>
+                    <span class="deployment-date" title="Built with doc-builder v1.9.15">Last updated: Aug 2, 2025, 07:26 AM UTC</span>
                 </div>
                 
                 
@@ -159,16 +159,7 @@
         </div>
     </header>
     
-    <!-- Preview Banner -->
-    <div id="preview-banner" class="preview-banner">
-        <div class="banner-content">
-            <i class="fas fa-exclamation-triangle banner-icon"></i>
-            <span class="banner-text">This documentation is a preview version - some content may be incomplete</span>
-            <button id="dismiss-banner" class="banner-dismiss" aria-label="Dismiss banner">
-                <i class="fas fa-times"></i>
-            </button>
-        </div>
-    </div>
+    
     
     <!-- Breadcrumbs -->
     <nav class="breadcrumbs" id="breadcrumbs">
@@ -181,7 +172,7 @@
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="filter-box">
-                    <input type="text" placeholder="Filter items..." class="filter-input" id="nav-filter">
+                    <input type="text" placeholder="Search menu..." class="filter-input" id="nav-filter">
                     <i class="fas fa-search filter-icon"></i>
                 </div>
             </div>
@@ -193,8 +184,10 @@
         </a>
         <div class="nav-content" >
         <a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="ph ph-file-text"></i> Overview</a>
+        <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">
@@ -249,7 +242,8 @@
         </a>
         <div class="nav-content collapsed" id="nav-prompts-1">
         <a href="/prompts/beautiful-documentation-design.html" class="nav-item" data-tooltip="🎨 Beautiful Documentation Design Guide."><i class="ph ph-check-circle" style="color: #059669;"></i> Beautiful Documentation Design</a>
-        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a></div></div>
+        <a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="ph ph-pencil-simple" style="color: #d97706;"></i> Markdown Document Standards</a>
+        <a href="/prompts/project-rename-strategy-sasha-publish.html" class="nav-item" data-tooltip="This document outlines the comprehensive strategy for renaming the @knowcode/doc-builder project to &quot;sasha-publish&quot;, including all package references,..."><i class="ph ph-x-circle" style="color: #dc2626;"></i> Project Rename Strategy Sasha Publish</a></div></div>
             </nav>
             <div class="resize-handle"></div>
         </aside>
@@ -432,7 +426,8 @@
     window.docBuilderConfig = {
       features: {
         showPdfDownload: true,
-        menuDefaultOpen: false
+        menuDefaultOpen: false,
+        mermaidEnhanced: true
       }
     };
     </script>