Merge branch 'feature/deploy_chatbot' into 'master'

feature: deploy chatbot in online docs

See merge request ae_group/esp-iot-solution!1239

Author: leeebo

docs/_static/js/chatbot_widget.css

@@ -0,0 +1,10 @@
+
+#kapa-widget-container {
+    z-index: 10000 !important;
+    position: absolute !important;
+  }
+
+  .mantine-Modal-root {
+    z-index: 10000;
+    position: absolute;
+  }

docs/_static/js/chatbot_widget.js

@@ -0,0 +1,29 @@
+
+document.addEventListener("DOMContentLoaded", function () {
+    var script = document.createElement("script");
+    script.src = "https://widget.kapa.ai/kapa-widget.bundle.js";
+    script.setAttribute("data-website-id", "4f47d0c5-ab75-4808-877d-eeb96559cd84");
+    script.setAttribute("data-project-name", "ESP-IoT-Solution");
+    script.setAttribute("data-project-color", "#C62817");
+    script.setAttribute("data-project-logo", "https://dl.espressif.com/public/logo.png");
+    script.setAttribute("data-button-image", "https://dl.espressif.com/chatbot/Chatbot.png");
+    script.setAttribute("data-button-text-font-size", "0px");
+    script.setAttribute("data-button-border-radius", "50%");
+    script.setAttribute("data-button-bg-color", "#38393a");
+    script.setAttribute("data-button-border", "#38393a");
+    script.setAttribute("data-button-height", "52px");
+    script.setAttribute("data-button-width", "52px");
+    script.setAttribute("data-button-animation-enabled", "false");
+    script.setAttribute("data-button-image-height", "100%");
+    script.setAttribute("data-button-image-width", "100%");
+    script.setAttribute("data-button-padding", "0");
+    script.setAttribute("data-button-hover-animation-enabled", "false");
+    script.setAttribute("data-button-position-top", "10px");
+    script.setAttribute("data-button-position-left", "1048px");
+    script.setAttribute("data-button-box-shadow", "0px 6px 12px 1px rgba(0,0,0,0.16)");
+    script.setAttribute("data-modal-override-open-class", "test-ai");
+    script.setAttribute("data-modal-disclaimer", "This custom large language model (LLM), trained on official documentation from espressif.com, is designed to provide technical support and answers related to Espressif’s products and services. Give it a try, share your thoughts, and let us know your feedback—we truly appreciate it! \n\n**Note**: AI-generated information may be incomplete or inaccurate. Always verify critical information with official sources.");
+    script.setAttribute("data-modal-example-questions", "How to add button to my project?,Does ESP32-S3 support USB Camera?");
+    script.async = true;
+    document.head.appendChild(script);
+  });

docs/conf_common.py

@@ -35,6 +35,8 @@
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
 html_static_path = ['../_static']
+html_js_files = ['js/chatbot_widget.js']
+html_css_files = ['js/chatbot_widget.css']
 
 versions_url = './_static/js/generic_version.js'