💬 Chat Widget System

Configure and test floating chat widgets connected to our AI API. Choose from presets or customize your own configuration.

Chat Configurations

Choose from pre-built configurations optimized for different use cases

Support Chat
lg

Customer support chat widget with quick responses

Position: bottom-right
API: Connected
AI Assistant
xl

General purpose AI assistant for any questions

Position: bottom-right
API: Connected
Quick Help
md

Compact help widget for quick questions

Position: bottom-left
API: Connected
Sales Chat
lg

Sales-focused chat with lead generation features

Position: bottom-right
API: Connected
Developer Chat
xl

Technical chat widget for developers with code support

Position: bottom-right
API: Connected
Side Panel Chat
lg

Sliding panel from the right side for immersive conversations

Position: right
API: Connected

Current Configuration

Size & Position

xl • bottom-right

Title

🤖 AI Assistant

API Endpoint

/api/ai/chat

Chat ID

ai-assistant

🔧 Integration Details

@core/chat Package
AI-Powered Responses
Streaming Support
Message History
Rich Markdown

Full-featured chat system with AI integration, real-time streaming, and rich message rendering with syntax highlighting.

@core/floating Package
Floating Windows
Multiple Positions
Responsive Design
Smooth Animations

Flexible floating window system that can display any React component in a customizable, positioned overlay interface.

🎯 What's Included

🤖

AI-Powered Chat

Connected to our multi-provider AI system with streaming responses

⚙️

Fully Configurable

Customize size, position, behavior, and appearance

🎨

Floating Widget

Responsive floating interface that adapts to any page