Merge branch 'main' into DOC-5496

Author: cmilesb

.github/workflows/redisvl_docs_sync.yaml

@@ -40,8 +40,7 @@ jobs:
 
       - name: 'Install deps'
         run: |
-          pip3 install -U sphinx
-          pip3 install sphinx_design sphinx_copybutton nbsphinx sphinx_favicon myst_nb sphinx_markdown_builder==0.6.8 jupyter
+          pip3 install sphinx sphinx_design sphinx_copybutton nbsphinx==0.9.7 sphinx_favicon myst_nb sphinx_markdown_builder==0.6.8 jupyter
 
       - name: 'Fetch redisvl repo'
         run: |
@@ -338,4 +337,4 @@ jobs:
                 --head "$branch" \
                 --base "main"
             fi
-          fi
+          fi

assets/css/index.css

@@ -88,6 +88,16 @@ section.prose {
   @apply bg-slate-900 rounded-lg;
 }
 
+.prose pre.mermaid {
+  background-color: white !important;
+  border-radius: 0.5rem;
+  padding: 1rem;
+}
+
+.prose pre.decision-tree-source {
+  display: none;
+}
+
 .prose pre > code {
   @apply bg-none font-monogeist;
 }
@@ -1068,7 +1078,22 @@ a[href*="#no-click"], img[src*="#no-click"] {
   background-color: #ddd;
 }
 
-/* Redis AI Agent Builder Styles */
+/* Copy button wrapper positioning */
+.copy-button-wrapper {
+  position: absolute;
+  top: 24px;
+  right: 10px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.copy-button-wrapper.expand-content-wrapper {
+  right: 20px;
+}
+
+/* AI Agent Builder Styles */
 
 .agent-builder-container {
   @apply max-w-4xl mx-auto p-6 bg-white rounded-lg border border-redis-pen-800 shadow-lg;
@@ -1219,6 +1244,51 @@ a[href*="#no-click"], img[src*="#no-click"] {
   }
 }
 
+/* Fix copy button overlap on smaller screens */
+@media (max-width: 768px) {
+  /* Ensure code blocks have enough padding on the right to accommodate copy button */
+  .highlight {
+    padding-right: 60px !important;
+  }
+
+  /* Adjust copy button wrapper positioning for smaller screens */
+  .copy-button-wrapper {
+    right: 8px !important;
+    top: 8px !important;
+  }
+
+  .copy-button-wrapper.expand-content-wrapper {
+    right: 12px !important;
+  }
+
+  /* Make copy buttons slightly smaller on mobile */
+  .copy-button-wrapper .clipboard-button,
+  .copy-button-wrapper .download-yaml-btn {
+    width: 28px !important;
+    height: 28px !important;
+    padding: 2px !important;
+  }
+}
+
+@media (max-width: 480px) {
+  /* Even more padding for very small screens */
+  .highlight {
+    padding-right: 70px !important;
+  }
+
+  /* Stack buttons vertically on very small screens if both copy and download are present */
+  .copy-button-wrapper {
+    flex-direction: column !important;
+    gap: 4px !important;
+    right: 4px !important;
+    top: 4px !important;
+  }
+
+  .copy-button-wrapper.expand-content-wrapper {
+    right: 8px !important;
+  }
+}
+
 /* Form Groups */
 .form-group {
   @apply space-y-2;

build/components/example.py

@@ -28,6 +28,7 @@
     'java-async': '//',
     'java-reactive': '//',
     'go': '//',
+    'c': '//',
     'c#': '//',
     'c#-sync': '//',
     'c#-async': '//',