🚀 ChatEngage Agent-Based Chat System

Real-time Agent-Customer Chat System

👥 Agent Team System

Agents can belong to multiple teams (Support, Sales, etc.) while maintaining equal access to all conversations.

⚡ Real-time Messaging

Instant message delivery using WebSocket connections with live typing indicators.

📝 Dynamic Contact Forms

Configurable contact form fields with validation - collect exactly what you need from users.

⭐ Automatic Feedback Collection

Collect feedback when conversations end with configurable rating scales and comments.

📋 How to Test the Complete System

Contact Form: Click the chat widget to see the configurable contact form
Customer Side: Fill out the contact form and start a conversation
Agent Side: Login as agent (agent1@demo.com / password123) and open /chat
Assignment: Assign the conversation to yourself or transfer to another agent
Real-time: Send messages and see live typing indicators
Conversation Closure: Close or resolve the conversation as an agent
Feedback: Watch for the automatic feedback form to appear in the widget
Widget Management: Visit /widget-management to configure contact form fields and feedback settings

🧪 Test Controls

🔧 Widget Configuration

Current configuration:

window.ChatEngageConfig = {
  widgetId: 'cmf7wzocn00018czcsdioi7sx',
  apiUrl: 'auto-detected',
  position: 'bottom-right',
  theme: 'light'
};
            

📡 System Status

Connection Status: Checking...
Authentication: Not authenticated
Conversation ID: None
Message Count: 0
Available Agents: Alice (Support+Sales), Bob (Support), Charlie (Sales)

📊 Agent System Benefits

Simplified Architecture: No complex role hierarchies
Equal Access: All agents can see all conversations
Flexible Teams: Agents can belong to multiple teams
Real-time Updates: WebSocket-based live communication
Easy Assignment: Self-assignment and transfer capabilities
JWT Security: Simple, secure authentication