Chatbot Interface Component - Copy this Html, Bootstrap Component to your project

You want the chatbot interface to have the following features: Rasa: To perform course registration. RAG: To upload PDF files and ask questions related to the content of the file. Chatbot: General chat functionality. Here are some suggestions for the interface design: Window frame: A small frame in the bottom left corner of the screen, so it doesn't take up too much space. This could be a rectangular box with rounded corners, large enough to display chatbot messages and main functions. Main chatbot window: Displays the conversation flow with a text input box at the bottom for users to type in their queries or perform actions. Toolbar at the top or bottom: Contains small navigation buttons for the following functions: Course registration button (linked to Rasa). Upload PDF file button (linked to RAG). Chat button for general chatbot interaction (connected to the conversational system).