I've created a futuristic AI chatbot named Juspinder AI (Beta) using React, Vite, and TypeScript. The application includes all the requested features:

Core Features Implemented:

1. User Input & Response System:

   • Users can type messages and the chatbot responds intelligently
   • The chatbot only replies after the user submits a message

2. File Upload Support:

   • Users can upload files by clicking the upload button
   • The chatbot acknowledges the upload with a confirmation message

3. Microphone Input:

   • A microphone button allows users to record audio and convert it to text
   • Uses the Web Speech API for speech-to-text conversion

4. Settings Panel:

   • A settings button in the top-right corner opens a settings panel
   • Users can toggle between light mode and dark mode

5. Code Generator Feature:

   • A dedicated "Code" tab for generating code
   • Users can enter prompts and the chatbot generates code (simulated Gemini API)
   • Generated code is displayed in a CodeMirror editor with syntax highlighting

Technical Implementation:

• Built with React, Vite, and TypeScript
• Used shadcn/ui components for a modern UI
• Implemented a responsive design that works on all device sizes
• Used Tailwind CSS for styling with a custom color scheme
• Implemented tabs to switch between chat and code generation
• Added toast notifications for user feedback

How to Use:

1. Chat Interface:

   • Type messages in the input field and press Enter or click the send button
   • Upload files using the upload button
   • Use the microphone button for voice input

2. Code Generation:

   • Switch to the "Code" tab
   • Enter a prompt describing the code you want to generate
   • Click "Generate Code" to get the code
   • Copy the generated code with the copy button

3. Settings:

   • Click the settings icon in the top-right corner
   • Toggle between light and dark mode

The application has a futuristic design with a dark theme by default and includes all the requested functionality.

I've created a futuristic AI chatbot named Juspinder AI (Beta) using only HTML, CSS, and JavaScript as requested. This version has all the same functionality as the previous React version but is built with vanilla web technologies.

Core Features:

1. User Input & Response System:

   • Users can type messages and the chatbot responds intelligently
   • The chatbot only replies after the user submits a message

2. File Upload Support:

   • Users can upload files by clicking the upload button
   • The chatbot acknowledges the upload with a confirmation message

3. Microphone Input:

   • A microphone button allows users to record audio and convert it to text
   • Uses the Web Speech API for speech-to-text conversion

4. Settings Panel:

   • A settings button in the top-right corner opens a settings panel
   • Users can toggle between light mode and dark mode

5. Code Generator Feature:

   • A dedicated "Code" tab for generating code
   • Users can enter prompts and the chatbot generates code (simulated Gemini API)
   • Generated code is displayed with syntax highlighting using highlight.js

Technical Implementation:

• Built with pure HTML, CSS, and JavaScript (no frameworks or libraries except highlight.js for code syntax highlighting)
• Responsive design that works on all device sizes
• Custom CSS for styling with a dark theme by default
• Implemented tabs to switch between chat and code generation
• Added toast notifications for user feedback

The application has a clean, modern interface with all the requested functionality, and it doesn't rely on any JavaScript frameworks or build tools.