[Docs] Added Ask AI

docs/assets/stylesheets/extra.css

@@ -29,6 +29,43 @@
     }
 }
 
+#kapa-widget-container .mantine-Text-root {
+    font-size: 0.7em !important;
+    font-weight: 700;
+    color: black !important;
+    text-shadow: none !important;
+    letter-spacing: -0.5px;
+}
+
+#kapa-widget-container .mantine-Button-inner:focus-visible {
+    border: none !important;
+}
+
+#kapa-widget-container .mantine-Button-root {
+    height: 4.5rem !important;
+    width: 4.25rem !important;
+    background: -webkit-linear-gradient(45deg, rgba(0, 42, 255, 0.075), rgba(0, 42, 255, 0.075), rgba(0, 42, 255, 0.025)) !important;
+    box-shadow: none !important;
+    border: none !important;
+}
+
+#kapa-widget-container .mantine-Image-image {
+    width: 1.3rem !important;
+    height: 1.3rem !important;;
+}
+
+#kapa-widget-container .mantine-Image-root {
+    width: 1.3rem !important;
+}
+
+.mantine-Modal-body .mantine-Input-input {
+    font-size: 18px !important;
+}
+
+.mantine-Modal-body .mantine-Text-root, .mantine-Modal-body .mantine-List-root, .mantine-Modal-body .mantine-List-item, .mantine-Modal-body .mantine-Prism-code {
+    font-size: 17px !important;
+}
+
 .md-copyright {
     width: inherit;
 }

docs/overrides/main.html

@@ -63,6 +63,14 @@
 <script src="/assets/javascripts/termynal.js" data-termynal-container="#termynal"></script>
 <script async src="https://tally.so/widgets/embed.js"></script>
 {{ super() }}
+<script src="https://widget.kapa.ai/kapa-widget.bundle.js"
+        data-website-id="1c028b8e-609e-40e3-b792-f3939a461850"
+        data-project-name="dstack"
+        data-project-color="#000000"
+        data-project-logo="/assets/images/ask-ai-logo.svg"
+        data-modal-disclaimer="This is a custom LLM for dstack with access to Documentation, API references and GitHub issues. This feature is experimental - Give it a try!"
+        data-user-analytics-fingerprint-enabled="true"
+        async></script>
 {% endblock %}
 
 {% block announce %}