NextTabAI - AI Assistant Browser Extension

A powerful and free sidebar chatbot extension supporting all the latest AI models

🚀 Overview

NextTabAI is a browser extension that brings cutting-edge artificial intelligence directly to your browser's sidebar. Chat with multiple AI engines, enjoy seamless conversations, and access the latest AI models - all for free. The extension integrates with the Puter platform to provide a robust and reliable AI chat experience.

✨ Features

🤖 Multi-Model AI Support

• Support for all latest AI models
• Real-time conversations with cutting-edge artificial intelligence
• Model selection dropdown for switching between different AI engines
• Always up-to-date with the newest AI technologies

💬 Advanced Chat Interface

• Clean and intuitive sidebar chat interface
• Conversation history management
• New chat functionality to start fresh conversations
• Message threading and context preservation

🎙️ Text-to-Speech Integration

• Built-in TTS (Text-to-Speech) functionality
• Multiple voice options including:
  • Joanna (Default)
  • Matthew, Amy, Brian, Emma
  • Olivia, Salli, Joey, Justin
  • Kendra, Kevin
• Voice selection controls in the sidebar

📱 User Experience

• Browser sidebar integration using Chrome Extension Manifest V3
• Responsive design that works seamlessly in your browser
• Conversation persistence across browser sessions
• Delete all history option for privacy
• Puter platform authentication for enhanced features

🔧 Technical Features

• Chrome Extension Manifest V3 compatibility
• Service Worker background processing
• Content Security Policy compliant
• Cross-origin resource sharing support
• Optimized memory usage and performance

🛠️ Installation

Prerequisites

• Chrome, Edge, or other Chromium-based browser
• Internet connection for AI model access

Steps

1. Clone this repository:

   git clone https://github.com/vikashkhati007/NextTabAi.git
   cd NextTabAi

2. Load the extension in your browser:

   • Open Chrome and navigate to chrome://extensions/
   • Enable "Developer mode" in the top right
   • Click "Load unpacked" and select the project directory
   • The NextTabAI extension should now appear in your extensions list

3. Pin the extension:

   • Click the extension icon in your browser toolbar
   • Pin it for easy access

📖 Usage

Getting Started

1. Authentication: Click "Sign in with Puter" to authenticate and access AI features
2. Select Model: Choose your preferred AI model from the dropdown menu
3. Start Chatting: Type your message in the input field and press Enter or click Send
4. Voice Options: Select your preferred TTS voice from the sidebar settings
5. Chat History: Access previous conversations from the sidebar history panel

Features Guide

• New Chat: Start a fresh conversation with the AI
• Voice Selection: Choose from 11 different TTS voices
• History Management: View, access, or delete conversation history
• Model Switching: Change between different AI models mid-conversation
• Sidebar Toggle: Open/close the conversation history sidebar

🏗️ Project Structure

NextTabAi/
├── manifest.json          # Extension manifest and configuration
├── background.js           # Service worker for background processing
├── sidebar.html           # Main sidebar interface
├── style.css              # Styling for the extension UI
├── function.js            # Core functionality and AI integration
├── constant.js            # Configuration constants
├── puter.js               # Puter platform integration
├── icon.png               # Extension icon
├── icons/                 # Additional icon assets
└── package-lock.json      # Node.js dependencies lockfile

🔧 Development

Tech Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Extension: Chrome Extension Manifest V3
• AI Integration: Puter Platform API
• TTS: Browser Web Speech API
• Storage: Chrome Extension Storage API

Key Files

• manifest.json: Extension configuration and permissions
• background.js: Background service worker handling
• function.js: Main application logic and AI communication
• sidebar.html: User interface structure
• style.css: Responsive design and theming

🤝 Contributing

We welcome contributions to NextTabAI! Please read our Contributing Guidelines before submitting pull requests.

How to Contribute

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Puter Platform for providing the AI infrastructure
• The open-source community for inspiration and support
• All contributors who help improve this project

🐛 Issues and Support

If you encounter any issues or need support:

1. Check the Issues page for existing problems
2. Create a new issue with detailed information about the problem
3. Include browser version, extension version, and steps to reproduce

🗺️ Roadmap

• Support for additional AI models
• Enhanced conversation export features
• Theme customization options
• Mobile browser compatibility
• Advanced conversation search and filtering
• Plugin system for extended functionality

---

Made with ❤️ by vikashkhati007