AI Assistant Widget

This page demonstrates the AI Assistant Widget with full configuration control for development and testing. Click the button below to initialize and open the widget. The widget will appear in the bottom-right corner.

Development Configuration

The widget is configured with the following development parameters:

Integration Code

Development Mode - Full configuration for testing:

<script src="/dist/widget.js"></script>
<script>
  AIAssistantWidget.init({
    assistantId: 'test-assistant-123',
    apiUrl: 'http://localhost:3001',
    streamApiKey: 'demo-key-123',
    theme: 'light',
    introVideo: 'https://example.com/intro.mp4'
  });
</script>

Production Mode - Simplified query parameters only:

<!-- Option 1: Iframe embed -->
<iframe 
  src="https://widget.yourcompany.com/?assistantId=your-assistant-id&theme=light&voiceInput=true"
  width="400" height="600" frameborder="0" allow="microphone">
</iframe>

<!-- Option 2: JavaScript embed (no API keys) -->
<script src="https://widget.yourcompany.com/embed.js?assistantId=your-assistant-id&theme=light"></script>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

AI Assistant Widget Test Page (Development Mode)

Development Configuration

Integration Code