chatbot appears as small icon in every page - no new page for chatbot

Author: patriciaflutterflow

docs/intro/chatbot.md

@@ -11,8 +11,10 @@ const config: Config = {
   onBrokenMarkdownLinks: 'throw',
   onBrokenAnchors: 'throw',
   favicon: 'logos/favicon.png',
+
   clientModules: [
     require.resolve('./src/js/table-helpers.js'),
+    require.resolve('./src/js/chatbot.js'),
   ],
   i18n: {
     defaultLocale: 'en',

docusaurus.config.ts

@@ -132,11 +132,6 @@ const sidebars: SidebarsConfig = {
                     dirName: 'misc'
                 }
             ],
-        },
-        {
-            type: 'doc',
-            id: 'intro/chatbot',
-            label: 'Documentation Chatbot',
         }
     ]
 };

sidebars.ts

@@ -0,0 +1,24 @@
+// Simple Dify chatbot loader
+(function() {
+  if (typeof window === 'undefined') return;
+
+  // Set configuration
+  window.difyChatbotConfig = {
+    token: 'bYIppJMzMieMPDHm'
+  };
+
+  // Load the script
+  const script = document.createElement('script');
+  script.src = 'https://udify.app/embed.min.js';
+  script.defer = true;
+  document.head.appendChild(script);
+
+  // Add custom styles for purple color
+  const style = document.createElement('style');
+  style.textContent = `
+    #dify-chatbot-bubble-button {
+      background-color: #4B39EF !important;
+    }
+  `;
+  document.head.appendChild(style);
+})();