{"product_id":"lumen-ai-sidebar-chat","title":"Lumen - AI Sidebar Chat","description":"\u003cp style=\"text-align: center; margin-top: 16px; margin-bottom: 24px;\"\u003e\n  \u003ca href=\"https:\/\/demo.projetostack.com\/extensions\/ai-sidebar-chat\" _blank style=\"display: inline-block; background-color: #0A0A0A; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 12px 24px; border-radius: 4px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;\"\u003e\n    Live Demo ↗\n  \u003c\/a\u003e\n\u003c\/p\u003e\n\u003cp\u003eAdd AI assistance directly beside any webpage with a modern and customisable browser sidebar.\u003c\/p\u003e\n\u003cp\u003eLumen is a React and TypeScript AI sidebar extension with streaming chat, webpage context, selected-text tools, local conversation history, and configurable OpenAI-compatible API support. It includes builds for Chrome, Microsoft Edge, and Firefox.\u003c\/p\u003e\n\u003ch2\u003ePerfect For\u003c\/h2\u003e\n\u003cp\u003e✓ AI Productivity Tools\u003c\/p\u003e\n\u003cp\u003e✓ Research Assistants\u003c\/p\u003e\n\u003cp\u003e✓ Study \u0026amp; Learning Tools\u003c\/p\u003e\n\u003cp\u003e✓ Content Writing Tools\u003c\/p\u003e\n\u003cp\u003e✓ Developer Utilities\u003c\/p\u003e\n\u003cp\u003e✓ Browser-Based SaaS Products\u003c\/p\u003e\n\u003cp\u003e✓ Internal Business Applications\u003c\/p\u003e\n\u003cp\u003e✓ Startup Products\u003c\/p\u003e\n\u003cp\u003e✓ Agency Client Projects\u003c\/p\u003e\n\u003cp\u003e✓ OpenAI-Compatible Integrations\u003c\/p\u003e\n\u003ch2\u003eWhy Choose Lumen?\u003c\/h2\u003e\n\u003cp\u003e✓ Modern AI sidebar interface\u003c\/p\u003e\n\u003cp\u003e✓ Streaming AI responses\u003c\/p\u003e\n\u003cp\u003e✓ Bring-your-own API architecture\u003c\/p\u003e\n\u003cp\u003e✓ Current webpage context support\u003c\/p\u003e\n\u003cp\u003e✓ Selected-text context\u003c\/p\u003e\n\u003cp\u003e✓ Built-in quick actions\u003c\/p\u003e\n\u003cp\u003e✓ Local conversation history\u003c\/p\u003e\n\u003cp\u003e✓ Custom API endpoint and model settings\u003c\/p\u003e\n\u003cp\u003e✓ Adjustable response temperature\u003c\/p\u003e\n\u003cp\u003e✓ Custom system prompt\u003c\/p\u003e\n\u003cp\u003e✓ Chrome, Edge, and Firefox support\u003c\/p\u003e\n\u003cp\u003e✓ Clean and organised source code\u003c\/p\u003e\n\u003cp\u003e✓ Easy to customise and extend\u003c\/p\u003e\n\u003cp\u003e✓ No recurring subscription fees\u003c\/p\u003e\n\u003ch2\u003eWhat’s Included\u003c\/h2\u003e\n\u003cp\u003eYour download includes:\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Complete React \u0026amp; TypeScript Source Code\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Chrome Manifest V3 Production Build\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Microsoft Edge-Compatible Build\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Firefox Manifest V3 Production Build\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Firefox Manifest V2 Build\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Native Chrome \u0026amp; Edge Side Panel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Firefox Right-Side Dock Interface\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 AI Chat Interface\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Streaming Response System\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Page Context Extraction\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Selected Text Extraction\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Quick AI Actions\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Local Conversation History\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Conversation Management\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 AI Settings Panel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Background Service Worker\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Runtime Content Script\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Extension Icons \u0026amp; Assets\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 WXT Configuration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 TypeScript Configuration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📦 Package Configuration\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e📄 Documentation (README.md)\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eKey Features\u003c\/h2\u003e\n\u003cp\u003e✓ AI Sidebar Chat\u003c\/p\u003e\n\u003cp\u003e✓ Streaming AI Responses\u003c\/p\u003e\n\u003cp\u003e✓ OpenAI-Compatible API Support\u003c\/p\u003e\n\u003cp\u003e✓ Current Page Title Context\u003c\/p\u003e\n\u003cp\u003e✓ Current Page URL Context\u003c\/p\u003e\n\u003cp\u003e✓ Visible Page Excerpt\u003c\/p\u003e\n\u003cp\u003e✓ Selected Text Context\u003c\/p\u003e\n\u003cp\u003e✓ Summarise Page Action\u003c\/p\u003e\n\u003cp\u003e✓ Explain Selection Action\u003c\/p\u003e\n\u003cp\u003e✓ Key Takeaways Action\u003c\/p\u003e\n\u003cp\u003e✓ Local Conversation History\u003c\/p\u003e\n\u003cp\u003e✓ Maximum of 30 Saved Conversations\u003c\/p\u003e\n\u003cp\u003e✓ Create New Conversations\u003c\/p\u003e\n\u003cp\u003e✓ Reopen Previous Conversations\u003c\/p\u003e\n\u003cp\u003e✓ Delete Individual Conversations\u003c\/p\u003e\n\u003cp\u003e✓ Clear All Local Data\u003c\/p\u003e\n\u003cp\u003e✓ Stop Active AI Responses\u003c\/p\u003e\n\u003cp\u003e✓ Markdown Response Rendering\u003c\/p\u003e\n\u003cp\u003e✓ Configurable API Key\u003c\/p\u003e\n\u003cp\u003e✓ Configurable API Base URL\u003c\/p\u003e\n\u003cp\u003e✓ Configurable AI Model\u003c\/p\u003e\n\u003cp\u003e✓ Adjustable Temperature\u003c\/p\u003e\n\u003cp\u003e✓ Custom System Prompt\u003c\/p\u003e\n\u003cp\u003e✓ Page Metadata Toggle\u003c\/p\u003e\n\u003cp\u003e✓ Selected Text Toggle\u003c\/p\u003e\n\u003cp\u003e✓ Keyboard Shortcut Support\u003c\/p\u003e\n\u003cp\u003e✓ Native Chrome \u0026amp; Edge Side Panel\u003c\/p\u003e\n\u003cp\u003e✓ Firefox Right-Side Dock\u003c\/p\u003e\n\u003ch2\u003eTechnology Stack\u003c\/h2\u003e\n\u003cp\u003eBuilt using modern browser-extension technologies:\u003c\/p\u003e\n\u003cp\u003e✓ React 19\u003c\/p\u003e\n\u003cp\u003e✓ TypeScript\u003c\/p\u003e\n\u003cp\u003e✓ WXT\u003c\/p\u003e\n\u003cp\u003e✓ Manifest V3\u003c\/p\u003e\n\u003cp\u003e✓ React Markdown\u003c\/p\u003e\n\u003cp\u003e✓ Browser Storage API\u003c\/p\u003e\n\u003cp\u003e✓ Browser Tabs API\u003c\/p\u003e\n\u003cp\u003e✓ Browser Scripting API\u003c\/p\u003e\n\u003cp\u003e✓ Chrome Side Panel API\u003c\/p\u003e\n\u003cp\u003e✓ Fetch API\u003c\/p\u003e\n\u003cp\u003e✓ Server-Sent Event Streaming\u003c\/p\u003e\n\u003cp\u003e✓ OpenAI-Compatible Chat Completions API\u003c\/p\u003e\n\u003cp\u003e✓ Component-Based Architecture\u003c\/p\u003e\n\u003cp\u003e✓ Modern CSS\u003c\/p\u003e\n\u003cp\u003e✓ Modern Folder Structure\u003c\/p\u003e\n\u003ch2\u003ePerformance Features\u003c\/h2\u003e\n\u003cp\u003eDesigned for responsive AI conversations:\u003c\/p\u003e\n\u003cp\u003e✓ Streaming Response Rendering\u003c\/p\u003e\n\u003cp\u003e✓ Limited Webpage Text Extraction\u003c\/p\u003e\n\u003cp\u003e✓ Maximum 4,000-Character Page Excerpt in Requests\u003c\/p\u003e\n\u003cp\u003e✓ Maximum 4,000-Character Selected Text in Requests\u003c\/p\u003e\n\u003cp\u003e✓ Local Settings Storage\u003c\/p\u003e\n\u003cp\u003e✓ Local Conversation Storage\u003c\/p\u003e\n\u003cp\u003e✓ Maximum Conversation Limit\u003c\/p\u003e\n\u003cp\u003e✓ Lightweight Sidebar Interface\u003c\/p\u003e\n\u003cp\u003e✓ Responsive Extension Layout\u003c\/p\u003e\n\u003cp\u003e✓ Abortable AI Requests\u003c\/p\u003e\n\u003cp\u003e✓ Reusable React Components\u003c\/p\u003e\n\u003cp\u003e✓ Clean TypeScript Implementation\u003c\/p\u003e\n\u003cp\u003e✓ Modern Manifest V3 Architecture\u003c\/p\u003e\n\u003cp\u003e✓ No Bundled Backend Required\u003c\/p\u003e\n\u003cp\u003e✓ Easy AI Provider Configuration\u003c\/p\u003e\n\u003cp\u003e✓ Easy Branding Customisation\u003c\/p\u003e\n\u003cp\u003e✓ Scalable Source-Code Structure\u003c\/p\u003e\n\u003ch2\u003eHow It Works\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003eDownload and extract the project files.\u003c\/li\u003e\n\u003cli\u003eInstall the project dependencies.\u003c\/li\u003e\n\u003cli\u003eRun the development environment or generate a production build.\u003c\/li\u003e\n\u003cli\u003eLoad the appropriate extension build into your browser.\u003c\/li\u003e\n\u003cli\u003eOpen Lumen from the toolbar or press \u003ccode\u003eAlt + L\u003c\/code\u003e.\u003c\/li\u003e\n\u003cli\u003eEnter your OpenAI-compatible API key.\u003c\/li\u003e\n\u003cli\u003eConfigure the API base URL, model, temperature, and system prompt.\u003c\/li\u003e\n\u003cli\u003eEnable or disable page metadata and selected-text context.\u003c\/li\u003e\n\u003cli\u003eAsk a question or choose one of the built-in quick actions.\u003c\/li\u003e\n\u003cli\u003eReceive the response directly inside the browser sidebar.\u003c\/li\u003e\n\u003cli\u003eCustomise the branding, interface, prompts, icons, and functionality.\u003c\/li\u003e\n\u003cli\u003eBuild and publish the completed extension when ready.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch2\u003eBrowser Compatibility\u003c\/h2\u003e\n\u003cp\u003eIncluded builds support:\u003c\/p\u003e\n\u003cp\u003e✓ Google Chrome\u003c\/p\u003e\n\u003cp\u003e✓ Microsoft Edge\u003c\/p\u003e\n\u003cp\u003e✓ Mozilla Firefox\u003c\/p\u003e\n\u003cp\u003eCompatibility with other Chromium-based browsers may be possible but should be tested before production use.\u003c\/p\u003e\n\u003ch2\u003eLicense\u003c\/h2\u003e\n\u003cp\u003eYour purchase includes:\u003c\/p\u003e\n\u003cp\u003e✓ Lifetime access to the purchased source code\u003c\/p\u003e\n\u003cp\u003e✓ Commercial use for personal and client projects\u003c\/p\u003e\n\u003cp\u003e✓ Full customisation rights\u003c\/p\u003e\n\u003cp\u003e✓ Unlimited personal and client projects\u003c\/p\u003e\n\u003cp\u003eYou may not:\u003c\/p\u003e\n\u003cp\u003e✗ Resell the original source code\u003c\/p\u003e\n\u003cp\u003e✗ Redistribute the files\u003c\/p\u003e\n\u003cp\u003e✗ Share the files publicly\u003c\/p\u003e\n\u003cp\u003e✗ Repackage the source code as a competing digital product for resale\u003c\/p\u003e\n\u003ch2\u003eInstant Digital Download\u003c\/h2\u003e\n\u003cp\u003eNo physical product will be shipped.\u003c\/p\u003e\n\u003cp\u003eImmediately after purchase, you’ll receive access to download the complete AI-sidebar source code, included browser builds, and documentation so you can begin creating your own AI browser assistant.\u003c\/p\u003e\n\u003ch2\u003eImportant Note\u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003eLumen requires a user-provided OpenAI-compatible API key and endpoint to generate responses.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eThe extension sends chat messages and any enabled webpage context to the API endpoint configured by the user.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eAPI keys, settings, and conversation history are stored locally using browser extension storage.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eLumen does not include:\u003c\/p\u003e\n\u003cp\u003e✗ AI API Credits\u003c\/p\u003e\n\u003cp\u003e✗ An AI Subscription\u003c\/p\u003e\n\u003cp\u003e✗ A Hosted AI Service\u003c\/p\u003e\n\u003cp\u003e✗ A Backend Server\u003c\/p\u003e\n\u003cp\u003e✗ Cloud Conversation Synchronisation\u003c\/p\u003e\n\u003cp\u003e✗ User Account Management\u003c\/p\u003e\n\u003cp\u003e✗ Guaranteed Compatibility With Every AI Provider\u003c\/p\u003e\n\u003cp\u003e✗ Browser Marketplace Publication\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eThe configured provider must support an OpenAI-compatible streaming \u003ccode\u003e\/chat\/completions\u003c\/code\u003e endpoint.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eAPI charges, limits, privacy terms, and data handling depend on the provider selected by the user.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePROJETO STACK - Premium software templates and digital products built for modern businesses.\u003c\/strong\u003e\u003c\/p\u003e","brand":"PROJETO STACK","offers":[{"title":"Default Title","offer_id":65177172443485,"sku":null,"price":19.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1089\/3633\/1613\/files\/E7D588EF-8E6B-4918-A9FD-61ED9EBBA75A.png?v=1786284819","url":"https:\/\/projetostack.com\/products\/lumen-ai-sidebar-chat","provider":"PROJETO STACK","version":"1.0","type":"link"}