add a chatbot

index.html

@@ -703,5 +703,62 @@
 
     <script src="/static/js/howler.min.js"></script>
     <script src="/static/js/app.js"></script>
+
+    <script type="module">
+        import Chatbot from "https://cdn.jsdelivr.net/npm/flowise-embed/dist/web.js"
+        Chatbot.init({
+            chatflowid: "dd9ac7c1-1d2a-4ef1-a23b-5fe6aca4d1d5",
+            apiHost: "https://bitsnaps-flowise.hf.space",
+            chatflowConfig: {
+                /* Chatflow Config */
+            },
+            observersConfig: {
+                /* Observers Config */
+            },
+            theme: {
+                customCSS: ``,
+                chatWindow: {
+                    showTitle: true,
+                    showAgentMessages: true,
+                    title: 'Support Assistant',
+                    titleAvatarSrc: 'https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg',
+                    welcomeMessage: 'Hello!',
+                    // errorMessage: 'This is a custom error message',
+                    backgroundColor: '#ffffff',
+                    // backgroundImage: 'enter image path or link',
+                    height: 700,
+                    width: 400,
+                    fontSize: 16,
+                    starterPrompts: [
+                        "I got an 429 error, what does this mean?",
+                        "What are the rate limits?"
+                    ],
+                    starterPromptFontSize: 15,
+                    clearChatOnReload: false,
+                    // sourceDocsTitle: 'Sources:',
+                    renderHTML: true,
+                    textInput: {
+                        placeholder: 'Type your question here...', //Are you having an issue?
+                        backgroundColor: '#ffffff',
+                        textColor: '#303235',
+                        sendButtonColor: '#3B81F6',
+                        maxChars: 50,
+                        maxCharsWarningMessage: 'You exceeded the characters limit. Please input less than 50 characters.',
+                        autoFocus: true,
+                        // sendMessageSound: true,
+                        // sendSoundLocation: 'send_message.mp3',
+                        // receiveMessageSound: true,
+                        // receiveSoundLocation: 'receive_message.mp3'
+                    },
+                    footer: {
+                        textColor: '#303235',
+                        text: 'Powered by',
+                        company: 'CorpoSense',
+                        companyLink: 'https://corposense.com'
+                    }
+                }
+            }
+        })
+    </script>
 </body>
 </html>