@makemore/agent-frontend 1.8.0 → 2.0.0

package/dist/chat-widget.js

@@ -1,1390 +1,319 @@
-/**
- * Embeddable Chat Widget
- * A standalone chat widget that can be embedded in any website.
- * 
- * Usage:
- *   <script src="chat-widget.js"></script>
- *   <link rel="stylesheet" href="chat-widget.css">
- *   <script>
- *     ChatWidget.init({
- *       backendUrl: 'https://your-api.com',
- *       agentKey: 'your-agent',
- *       title: 'Support Chat',
- *       primaryColor: '#0066cc',
- *     });
- *   </script>
- */
-(function(global) {
-  'use strict';
-
-  // Default configuration
-  const DEFAULT_CONFIG = {
-    backendUrl: 'http://localhost:8000',
-    agentKey: 'insurance-agent',
-    title: 'Chat Assistant',
-    subtitle: 'How can we help you today?',
-    primaryColor: '#0066cc',
-    position: 'bottom-right', // bottom-right, bottom-left
-    defaultJourneyType: 'general',
-    enableDebugMode: true,
-    enableAutoRun: true,
-    journeyTypes: {},
-    customerPrompts: {},
-    placeholder: 'Type your message...',
-    emptyStateTitle: 'Start a Conversation',
-    emptyStateMessage: 'Send a message to get started.',
-    // Authentication configuration
-    authStrategy: null, // 'token' | 'jwt' | 'session' | 'anonymous' | 'none' (auto-detected if null)
-    authToken: null, // Token value for 'token' or 'jwt' strategies
-    authHeader: null, // Custom header name (defaults based on strategy)
-    authTokenPrefix: null, // Custom token prefix (defaults based on strategy)
-    anonymousSessionEndpoint: null, // Endpoint for anonymous session (defaults to apiPaths.anonymousSession)
-    anonymousTokenKey: 'chat_widget_anonymous_token', // Storage key for anonymous token
-    onAuthError: null, // Callback for auth errors: (error) => void
-    // Legacy config (deprecated but still supported)
-    anonymousTokenHeader: 'X-Anonymous-Token',
-    conversationIdKey: 'chat_widget_conversation_id',
-    sessionTokenKey: 'chat_widget_session_token', // Deprecated: use anonymousTokenKey
-    // API endpoint paths (can be customized for different backend setups)
-    apiPaths: {
-      anonymousSession: '/api/accounts/anonymous-session/',
-      runs: '/api/agent-runtime/runs/',
-      runEvents: '/api/agent-runtime/runs/{runId}/events/',
-      simulateCustomer: '/api/agent-runtime/simulate-customer/',
-      ttsVoices: '/api/tts/voices/', // For fetching available voices (proxy mode)
-      ttsSetVoice: '/api/tts/set-voice/', // For setting voice (proxy mode)
-    },
-    // Demo flow control
-    autoRunDelay: 1000, // Delay in ms before auto-generating next message
-    autoRunMode: 'automatic', // 'automatic', 'confirm', or 'manual'
-    // Text-to-speech (ElevenLabs)
-    enableTTS: false,
-    ttsProxyUrl: null, // If set, uses Django proxy instead of direct API calls
-    elevenLabsApiKey: null, // Only needed if not using proxy
-    ttsVoices: {
-      assistant: null, // ElevenLabs voice ID for assistant (not needed if using proxy)
-      user: null, // ElevenLabs voice ID for simulated user (not needed if using proxy)
-    },
-    ttsModel: 'eleven_turbo_v2_5', // ElevenLabs model (not needed if using proxy)
-    ttsSettings: {
-      stability: 0.5,
-      similarity_boost: 0.75,
-      style: 0.0,
-      use_speaker_boost: true,
-    },
-    availableVoices: [], // List of available voices for UI dropdown
-    // UI visibility controls
-    showClearButton: true,
-    showDebugButton: true,
-    showTTSButton: true,
-    showVoiceSettings: true,
-    showExpandButton: true,
-    // Event callback
-    onEvent: null, // Callback for SSE events: (eventType, payload) => void
-  };
-
-  // State
-  let config = { ...DEFAULT_CONFIG };
-  let state = {
-    isOpen: false,
-    isExpanded: false,
-    isLoading: false,
-    isSimulating: false,
-    autoRunActive: false,
-    autoRunPaused: false,
-    debugMode: false,
-    journeyType: 'general',
-    messages: [],
-    conversationId: null,
-    sessionToken: null, // Deprecated: use authToken
-    authToken: null, // Current auth token (for token/jwt/anonymous strategies)
-    error: null,
-    eventSource: null,
-    currentAudio: null,
-    isSpeaking: false,
-    speechQueue: [],
-    voiceSettingsOpen: false,
-  };
-
-  // DOM elements
-  let container = null;
-  let widgetEl = null;
-  let fabEl = null;
-
-  // ============================================================================
-  // Utility Functions
-  // ============================================================================
-
-  function generateId() {
-    return 'msg-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);
-  }
-
-  function escapeHtml(text) {
-    const div = document.createElement('div');
-    div.textContent = text;
-    return div.innerHTML;
-  }
-
-  function parseMarkdown(text) {
-    // Check if enhanced markdown parser is available (from chat-widget-markdown.js)
-    if (global.ChatWidget && global.ChatWidget._enhancedMarkdownParser) {
-      return global.ChatWidget._enhancedMarkdownParser(text);
-    }
-
-    // Fallback: Simple markdown parsing for common patterns
-    let html = escapeHtml(text);
-
-    // Bold: **text** or __text__
-    html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
-    html = html.replace(/__(.+?)__/g, '<strong>$1</strong>');
-
-    // Italic: *text* or _text_
-    html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
-    html = html.replace(/_(.+?)_/g, '<em>$1</em>');
-
-    // Code: `code`
-    html = html.replace(/`(.+?)`/g, '<code>$1</code>');
-
-    // Links: [text](url)
-    html = html.replace(/\[(.+?)\]\((.+?)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>');
-
-    // Line breaks
-    html = html.replace(/\n/g, '<br>');
-
-    // Lists: - item or * item
-    html = html.replace(/^[\-\*]\s+(.+)$/gm, '<li>$1</li>');
-    html = html.replace(/(<li>.*<\/li>)/s, '<ul>$1</ul>');
-
-    return html;
-  }
-
-  function getStoredValue(key) {
-    try {
-      return localStorage.getItem(key);
-    } catch (e) {
-      return null;
-    }
-  }
-
-  function setStoredValue(key, value) {
-    try {
-      if (value === null) {
-        localStorage.removeItem(key);
-      } else {
-        localStorage.setItem(key, value);
-      }
-    } catch (e) {
-      // Ignore storage errors
-    }
-  }
-
-  // ============================================================================
-  // Text-to-Speech (ElevenLabs)
-  // ============================================================================
-
-  async function speakText(text, role) {
-    if (!config.enableTTS) return;
-
-    // Check if we have either proxy or direct API access
-    if (!config.ttsProxyUrl && !config.elevenLabsApiKey) return;
-
-    // If using direct API, check for voice ID
-    if (!config.ttsProxyUrl) {
-      const voiceId = role === 'assistant' ? config.ttsVoices.assistant : config.ttsVoices.user;
-      if (!voiceId) return;
-    }
-
-    // Add to queue
-    state.speechQueue.push({ text, role });
-
-    // Process queue if not already speaking
-    if (!state.isSpeaking) {
-      processSpeechQueue();
-    }
-  }
-
-  async function processSpeechQueue() {
-    if (state.speechQueue.length === 0) {
-      state.isSpeaking = false;
-      render();
-
-      // If auto-run is waiting for speech to finish, continue
-      if (state.autoRunActive && state.autoRunPaused && config.autoRunMode === 'automatic') {
-        setTimeout(() => {
-          if (state.autoRunActive && !state.isSpeaking) {
-            continueAutoRun();
-          }
-        }, config.autoRunDelay);
-      }
-      return;
-    }
-
-    state.isSpeaking = true;
-    render();
-
-    const { text, role } = state.speechQueue.shift();
-
-    try {
-      let response;
-
-      if (config.ttsProxyUrl) {
-        // Use Django proxy
-        response = await fetch(config.ttsProxyUrl, getFetchOptions({
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({
-            text: text,
-            role: role,
-          }),
-        }));
-      } else {
-        // Direct ElevenLabs API call
-        const voiceId = role === 'assistant' ? config.ttsVoices.assistant : config.ttsVoices.user;
-        response = await fetch(`https://api.elevenlabs.io/v1/text-to-speech/${voiceId}`, {
-          method: 'POST',
-          headers: {
-            'Accept': 'audio/mpeg',
-            'Content-Type': 'application/json',
-            'xi-api-key': config.elevenLabsApiKey,
-          },
-          body: JSON.stringify({
-            text: text,
-            model_id: config.ttsModel,
-            voice_settings: config.ttsSettings,
-          }),
-        });
-      }
-
-      if (!response.ok) {
-        throw new Error(`TTS API error: ${response.status}`);
-      }
-
-      const audioBlob = await response.blob();
-      const audioUrl = URL.createObjectURL(audioBlob);
-      const audio = new Audio(audioUrl);
-
-      state.currentAudio = audio;
-
-      audio.onended = () => {
-        URL.revokeObjectURL(audioUrl);
-        state.currentAudio = null;
-        processSpeechQueue();
-      };
-
-      audio.onerror = () => {
-        console.error('[ChatWidget] Audio playback error');
-        URL.revokeObjectURL(audioUrl);
-        state.currentAudio = null;
-        processSpeechQueue();
-      };
-
-      await audio.play();
-    } catch (err) {
-      console.error('[ChatWidget] TTS error:', err);
-      state.currentAudio = null;
-      processSpeechQueue();
-    }
-  }
-
-  function stopSpeech() {
-    if (state.currentAudio) {
-      state.currentAudio.pause();
-      state.currentAudio = null;
-    }
-    state.speechQueue = [];
-    state.isSpeaking = false;
-    render();
-  }
-
-  function toggleTTS() {
-    config.enableTTS = !config.enableTTS;
-    if (!config.enableTTS) {
-      stopSpeech();
-    }
-    render();
-  }
-
-  function toggleVoiceSettings() {
-    state.voiceSettingsOpen = !state.voiceSettingsOpen;
-    render();
-  }
-
-  async function setVoice(role, voiceId) {
-    config.ttsVoices[role] = voiceId;
-
-    // If using proxy, notify backend of voice change
-    if (config.ttsProxyUrl) {
-      try {
-        await getOrCreateSession();
-
-        await fetch(`${config.backendUrl}${config.apiPaths.ttsSetVoice}`, getFetchOptions({
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({ role, voice_id: voiceId }),
-        }));
-      } catch (err) {
-        console.error('[ChatWidget] Failed to set voice on backend:', err);
-      }
-    }
-
-    render();
-  }
-
-  async function fetchAvailableVoices() {
-    try {
-      let voices = [];
-
-      if (config.ttsProxyUrl) {
-        // Fetch voices from Django backend
-        await getOrCreateSession();
-
-        const response = await fetch(`${config.backendUrl}${config.apiPaths.ttsVoices}`, getFetchOptions());
-
-        if (response.ok) {
-          const data = await response.json();
-          voices = data.voices || [];
-        }
-      } else if (config.elevenLabsApiKey) {
-        // Fetch voices directly from ElevenLabs
-        const response = await fetch('https://api.elevenlabs.io/v1/voices', {
-          headers: {
-            'xi-api-key': config.elevenLabsApiKey,
-          },
-        });
-
-        if (response.ok) {
-          const data = await response.json();
-          voices = data.voices || [];
-        }
-      }
-
-      config.availableVoices = voices;
-      render(); // Re-render to update dropdowns
-    } catch (err) {
-      console.error('[ChatWidget] Failed to fetch voices:', err);
-    }
-  }
-
-  // ============================================================================
-  // Authentication
-  // ============================================================================
-
-  /**
-   * Determine the effective auth strategy based on config
-   */
-  function getAuthStrategy() {
-    if (config.authStrategy) {
-      return config.authStrategy;
-    }
-
-    // Auto-detect strategy based on config
-    if (config.authToken) {
-      return 'token'; // Default to token auth if token provided
-    }
-
-    // Check for legacy anonymous session config
-    if (config.apiPaths.anonymousSession || config.anonymousSessionEndpoint) {
-      return 'anonymous';
-    }
-
-    return 'none';
-  }
-
-  /**
-   * Get auth headers based on current strategy
-   */
-  function getAuthHeaders() {
-    const strategy = getAuthStrategy();
-    const headers = {};
-
-    switch (strategy) {
-      case 'token': {
-        const token = config.authToken || state.authToken;
-        if (token) {
-          const headerName = config.authHeader || 'Authorization';
-          const prefix = config.authTokenPrefix !== undefined ? config.authTokenPrefix : 'Token';
-          headers[headerName] = prefix ? `${prefix} ${token}` : token;
-        }
-        break;
-      }
-
-      case 'jwt': {
-        const token = config.authToken || state.authToken;
-        if (token) {
-          const headerName = config.authHeader || 'Authorization';
-          const prefix = config.authTokenPrefix !== undefined ? config.authTokenPrefix : 'Bearer';
-          headers[headerName] = prefix ? `${prefix} ${token}` : token;
-        }
-        break;
-      }
-
-      case 'anonymous': {
-        const token = state.authToken || state.sessionToken; // Support legacy sessionToken
-        if (token) {
-          const headerName = config.authHeader || config.anonymousTokenHeader || 'X-Anonymous-Token';
-          headers[headerName] = token;
-        }
-        break;
-      }
-
-      case 'session':
-        // Session auth uses cookies, no headers needed
-        break;
-
-      case 'none':
-        // No auth
-        break;
-    }
-
-    return headers;
-  }
-
-  /**
-   * Get fetch options including auth credentials
-   */
-  function getFetchOptions(options = {}) {
-    const strategy = getAuthStrategy();
-    const fetchOptions = { ...options };
-
-    // Add auth headers
-    fetchOptions.headers = {
-      ...fetchOptions.headers,
-      ...getAuthHeaders(),
-    };
-
-    // For session auth, include credentials
-    if (strategy === 'session') {
-      fetchOptions.credentials = 'include';
-    }
-
-    return fetchOptions;
-  }
-
-  /**
-   * Handle auth errors (401, 403)
-   */
-  function handleAuthError(error, response) {
-    if (config.onAuthError && typeof config.onAuthError === 'function') {
-      const authError = new Error(error.message || 'Authentication failed');
-      authError.status = response?.status;
-      authError.response = response;
-      config.onAuthError(authError);
-    }
-  }
-
-  // ============================================================================
-  // Session Management
-  // ============================================================================
-
-  async function getOrCreateSession() {
-    const strategy = getAuthStrategy();
-
-    // For non-anonymous strategies, return the configured token
-    if (strategy !== 'anonymous') {
-      return config.authToken || state.authToken;
-    }
-
-    // Anonymous strategy: get or create anonymous token
-    if (state.authToken) {
-      return state.authToken;
-    }
-
-    // Support legacy sessionToken
-    if (state.sessionToken) {
-      state.authToken = state.sessionToken;
-      return state.authToken;
-    }
-
-    // Try to restore from storage
-    const storageKey = config.anonymousTokenKey || config.sessionTokenKey;
-    const stored = getStoredValue(storageKey);
-    if (stored) {
-      state.authToken = stored;
-      state.sessionToken = stored; // Keep legacy field in sync
-      return stored;
-    }
-
-    // Create new anonymous session
-    try {
-      const endpoint = config.anonymousSessionEndpoint || config.apiPaths.anonymousSession;
-      const response = await fetch(`${config.backendUrl}${endpoint}`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        const token = data.token;
-        state.authToken = token;
-        state.sessionToken = token; // Keep legacy field in sync
-        setStoredValue(storageKey, token);
-        return token;
-      } else if (response.status === 401 || response.status === 403) {
-        handleAuthError(new Error('Failed to create anonymous session'), response);
-      }
-    } catch (e) {
-      console.warn('[ChatWidget] Failed to create session:', e);
-    }
-
-    return null;
-  }
-
-  // ============================================================================
-  // API Functions
-  // ============================================================================
-
-  async function sendMessage(content) {
-    if (!content.trim() || state.isLoading) return;
-
-    state.isLoading = true;
-    state.error = null;
-
-    // Add user message immediately
-    const userMessage = {
-      id: generateId(),
-      role: 'user',
-      content: content.trim(),
-      timestamp: new Date(),
-      type: 'message',
-    };
-    state.messages.push(userMessage);
-    render();
-
-    try {
-      // Get auth token (if using anonymous strategy)
-      const token = await getOrCreateSession();
-
-      // Restore conversation ID from storage if not set
-      if (!state.conversationId) {
-        state.conversationId = getStoredValue(config.conversationIdKey);
-      }
-
-      const response = await fetch(`${config.backendUrl}${config.apiPaths.runs}`, getFetchOptions({
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          agentKey: config.agentKey,
-          conversationId: state.conversationId,
-          messages: [{ role: 'user', content: content.trim() }],
-          metadata: { journey_type: state.journeyType },
-        }),
-      }));
-
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}));
-        const error = new Error(errorData.error || `HTTP ${response.status}`);
-
-        // Handle auth errors
-        if (response.status === 401 || response.status === 403) {
-          handleAuthError(error, response);
-        }
-
-        throw error;
-      }
-
-      const run = await response.json();
-
-      // Store conversation ID
-      if (!state.conversationId && run.conversationId) {
-        state.conversationId = run.conversationId;
-        setStoredValue(config.conversationIdKey, run.conversationId);
-      }
-
-      // Subscribe to SSE events
-      await subscribeToEvents(run.id, token);
-
-    } catch (err) {
-      state.error = err.message || 'Failed to send message';
-      state.isLoading = false;
-      render();
-    }
-  }
-
-  async function subscribeToEvents(runId, token) {
-    // Close existing connection
-    if (state.eventSource) {
-      state.eventSource.close();
-    }
-
-    const eventPath = config.apiPaths.runEvents.replace('{runId}', runId);
-    let url = `${config.backendUrl}${eventPath}`;
-    if (token) {
-      url += `?anonymous_token=${encodeURIComponent(token)}`;
-    }
-
-    const eventSource = new EventSource(url);
-    state.eventSource = eventSource;
-
-    let assistantContent = '';
-
-    // Handler for assistant messages
-    eventSource.addEventListener('assistant.message', (event) => {
-      try {
-        const data = JSON.parse(event.data);
-
-        // Call onEvent callback if provided
-        if (config.onEvent && typeof config.onEvent === 'function') {
-          config.onEvent('assistant.message', data.payload);
-        }
-
-        const content = data.payload.content;
-        if (content) {
-          assistantContent += content;
-
-          // Update or add assistant message
-          const lastMsg = state.messages[state.messages.length - 1];
-          if (lastMsg?.role === 'assistant' && lastMsg.id.startsWith('assistant-stream-')) {
-            lastMsg.content = assistantContent;
-          } else {
-            state.messages.push({
-              id: 'assistant-stream-' + Date.now(),
-              role: 'assistant',
-              content: assistantContent,
-              timestamp: new Date(),
-              type: 'message',
-            });
-          }
-          render();
-        }
-      } catch (err) {
-        console.error('[ChatWidget] Failed to parse assistant.message:', err);
-      }
-    });
-
-    // Handler for tool calls (debug mode)
-    eventSource.addEventListener('tool.call', (event) => {
-      try {
-        const data = JSON.parse(event.data);
-
-        // Call onEvent callback if provided
-        if (config.onEvent && typeof config.onEvent === 'function') {
-          config.onEvent('tool.call', data.payload);
-        }
-
-        if (state.debugMode) {
-          state.messages.push({
-            id: 'tool-call-' + Date.now(),
-            role: 'system',
-            content: `🔧 Tool: ${data.payload.name}`,
-            timestamp: new Date(),
-            type: 'tool_call',
-            metadata: { name: data.payload.name, arguments: data.payload.arguments },
-          });
-          render();
-        }
-      } catch (err) {
-        console.error('[ChatWidget] Failed to parse tool.call:', err);
-      }
-    });
-
-    // Handler for tool results (debug mode)
-    eventSource.addEventListener('tool.result', (event) => {
-      try {
-        const data = JSON.parse(event.data);
-
-        // Call onEvent callback if provided
-        if (config.onEvent && typeof config.onEvent === 'function') {
-          config.onEvent('tool.result', data.payload);
-        }
-
-        if (state.debugMode) {
-          const result = data.payload.result || '';
-          state.messages.push({
-            id: 'tool-result-' + Date.now(),
-            role: 'system',
-            content: `✅ Result: ${result.substring(0, 100)}${result.length > 100 ? '...' : ''}`,
-            timestamp: new Date(),
-            type: 'tool_result',
-            metadata: { result },
-          });
-          render();
-        }
-      } catch (err) {
-        console.error('[ChatWidget] Failed to parse tool.result:', err);
-      }
-    });
-
-    // Terminal event handlers
-    const handleTerminal = (event) => {
-      try {
-        const data = JSON.parse(event.data);
-
-        // Call onEvent callback if provided
-        if (config.onEvent && typeof config.onEvent === 'function') {
-          config.onEvent(data.type, data.payload);
-        }
-
-        if (data.type === 'run.failed') {
-          state.error = data.payload.error || 'Agent run failed';
-          state.messages.push({
-            id: 'error-' + Date.now(),
-            role: 'system',
-            content: `❌ Error: ${state.error}`,
-            timestamp: new Date(),
-            type: 'error',
-          });
-        }
-      } catch (err) {
-        console.error('[ChatWidget] Failed to parse terminal event:', err);
-      }
-      state.isLoading = false;
-      eventSource.close();
-      state.eventSource = null;
-      render();
-
-      // Speak assistant message if TTS enabled
-      if (assistantContent && !state.error) {
-        speakText(assistantContent, 'assistant');
-      }
-
-      // Trigger auto-run if enabled
-      if (state.autoRunActive && !state.error) {
-        if (config.autoRunMode === 'automatic') {
-          // Wait for speech to finish before continuing
-          if (config.enableTTS && assistantContent) {
-            state.autoRunPaused = true;
-            // processSpeechQueue will continue when done
-          } else {
-            setTimeout(() => triggerAutoRun(), config.autoRunDelay);
-          }
-        } else if (config.autoRunMode === 'confirm') {
-          state.autoRunPaused = true;
-          render();
-        }
-      }
-    };
-
-    eventSource.addEventListener('run.succeeded', handleTerminal);
-    eventSource.addEventListener('run.failed', handleTerminal);
-    eventSource.addEventListener('run.cancelled', handleTerminal);
-    eventSource.addEventListener('run.timed_out', handleTerminal);
-
-    // Generic handler for any other custom events
-    eventSource.onmessage = (event) => {
-      try {
-        const data = JSON.parse(event.data);
-
-        // Call onEvent callback for any unhandled events
-        if (config.onEvent && typeof config.onEvent === 'function') {
-          // Extract event type from data or use 'message' as default
-          const eventType = data.type || 'message';
-          config.onEvent(eventType, data.payload || data);
-        }
-      } catch (err) {
-        console.debug('[ChatWidget] Received non-JSON SSE message:', event.data);
-      }
-    };
-
-    eventSource.onerror = () => {
-      if (eventSource.readyState !== EventSource.CLOSED) {
-        console.debug('[ChatWidget] SSE connection closed');
-      }
-      state.isLoading = false;
-      eventSource.close();
-      state.eventSource = null;
-      render();
-    };
-  }
-
-  // ============================================================================
-  // Auto-Run / Demo Mode
-  // ============================================================================
-
-  async function triggerAutoRun() {
-    if (!state.autoRunActive || state.isLoading || state.isSimulating) return;
-
-    const lastMessage = state.messages[state.messages.length - 1];
-    if (lastMessage?.role !== 'assistant') return;
-
-    state.isSimulating = true;
-    state.autoRunPaused = false;
-    render();
-
-    try {
-      const response = await fetch(`${config.backendUrl}${config.apiPaths.simulateCustomer}`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          messages: state.messages.map(m => ({ role: m.role, content: m.content })),
-          journey_type: state.journeyType,
-        }),
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        if (data.response) {
-          state.isSimulating = false;
-
-          // Speak simulated user message if TTS enabled
-          if (config.enableTTS) {
-            await speakText(data.response, 'user');
-          }
-
-          await sendMessage(data.response);
-          return;
-        }
-      }
-    } catch (err) {
-      console.error('[ChatWidget] Failed to simulate customer:', err);
-    }
-
-    state.isSimulating = false;
-    render();
-  }
-
-  async function startDemoFlow(journeyType) {
-    clearMessages();
-    state.journeyType = journeyType;
-    state.autoRunActive = true;
-    state.autoRunPaused = false;
-    render();
-
-    const journey = config.journeyTypes[journeyType];
-    if (journey?.initialMessage) {
-      setTimeout(async () => {
-        state.isSimulating = true;
-        render();
-
-        // Speak initial message if TTS enabled
-        if (config.enableTTS) {
-          await speakText(journey.initialMessage, 'user');
-        }
-
-        sendMessage(journey.initialMessage).then(() => {
-          state.isSimulating = false;
-          render();
-        });
-      }, 100);
-    }
-  }
-
-  function stopAutoRun() {
-    state.autoRunActive = false;
-    state.autoRunPaused = false;
-    render();
-  }
-
-  function continueAutoRun() {
-    if (state.autoRunActive && state.autoRunPaused) {
-      triggerAutoRun();
-    }
-  }
-
-  function setAutoRunMode(mode) {
-    if (['automatic', 'confirm', 'manual'].includes(mode)) {
-      config.autoRunMode = mode;
-      render();
-    }
-  }
-
-  function setAutoRunDelay(delay) {
-    config.autoRunDelay = Math.max(0, parseInt(delay) || 1000);
-    render();
-  }
-
-  // ============================================================================
-  // UI Actions
-  // ============================================================================
-
-  function openWidget() {
-    state.isOpen = true;
-    getOrCreateSession();
-    render();
-  }
-
-  function closeWidget() {
-    state.isOpen = false;
-    state.autoRunActive = false;
-    state.autoRunPaused = false;
-    render();
-  }
-
-  function toggleExpand() {
-    state.isExpanded = !state.isExpanded;
-    render();
-  }
-
-  function toggleDebugMode() {
-    state.debugMode = !state.debugMode;
-    render();
-  }
-
-  function clearMessages() {
-    state.messages = [];
-    state.conversationId = null;
-    state.error = null;
-    state.autoRunActive = false;
-    state.autoRunPaused = false;
-    setStoredValue(config.conversationIdKey, null);
-    render();
-  }
-
-  // ============================================================================
-  // Render Functions
-  // ============================================================================
-
-  function renderMessage(msg) {
-    const isUser = msg.role === 'user';
-    const isToolCall = msg.type === 'tool_call';
-    const isToolResult = msg.type === 'tool_result';
-    const isError = msg.type === 'error';
-
-    // Hide debug messages if debug mode is off
-    if ((isToolCall || isToolResult) && !state.debugMode) {
-      return '';
-    }
-
-    let classes = 'cw-message';
-    if (isUser) classes += ' cw-message-user';
-    if (isToolCall) classes += ' cw-message-tool-call';
-    if (isToolResult) classes += ' cw-message-tool-result';
-    if (isError) classes += ' cw-message-error';
-
-    let content = msg.role === 'assistant' ? parseMarkdown(msg.content) : escapeHtml(msg.content);
-
-    // Add tool arguments for tool calls
-    if (isToolCall && msg.metadata?.arguments) {
-      content += `<pre class="cw-tool-args">${escapeHtml(JSON.stringify(msg.metadata.arguments, null, 2))}</pre>`;
-    }
-
-    return `
-      <div class="cw-message-row ${isUser ? 'cw-message-row-user' : ''}">
-        <div class="${classes}">${content}</div>
+var ChatWidgetModule=(()=>{var he=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var $t=Object.getOwnPropertyNames;var bt=Object.prototype.hasOwnProperty;var kt=(e,t)=>{for(var n in t)he(e,n,{get:t[n],enumerable:!0})},Ct=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of $t(t))!bt.call(e,a)&&a!==n&&he(e,a,{get:()=>t[a],enumerable:!(s=wt(t,a))||s.enumerable});return e};var St=e=>Ct(he({},"__esModule",{value:!0}),e);var Xt={};kt(Xt,{ChatWidget:()=>fe,default:()=>Gt});var re,M,De,Tt,G,xe,He,Ae,Ne,ve,me,ye,Mt,Z={},Oe=[],xt=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,le=Array.isArray;function q(e,t){for(var n in t)e[n]=t[n];return e}function we(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function ie(e,t,n){var s,a,o,l={};for(o in t)o=="key"?s=t[o]:o=="ref"?a=t[o]:l[o]=t[o];if(arguments.length>2&&(l.children=arguments.length>3?re.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(o in e.defaultProps)l[o]===void 0&&(l[o]=e.defaultProps[o]);return se(e,l,s,a,null)}function se(e,t,n,s,a){var o={type:e,props:t,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:a??++De,__i:-1,__u:0};return a==null&&M.vnode!=null&&M.vnode(o),o}function ce(e){return e.children}function Y(e,t){this.props=e,this.context=t}function X(e,t){if(t==null)return e.__?X(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?X(e):null}function Re(e){var t,n;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null){e.__e=e.__c.base=n.__e;break}return Re(e)}}function Ee(e){(!e.__d&&(e.__d=!0)&&G.push(e)&&!ae.__r++||xe!=M.debounceRendering)&&((xe=M.debounceRendering)||He)(ae)}function ae(){for(var e,t,n,s,a,o,l,c=1;G.length;)G.length>c&&G.sort(Ae),e=G.shift(),c=G.length,e.__d&&(n=void 0,s=void 0,a=(s=(t=e).__v).__e,o=[],l=[],t.__P&&((n=q({},s)).__v=s.__v+1,M.vnode&&M.vnode(n),$e(t.__P,n,s,t.__n,t.__P.namespaceURI,32&s.__u?[a]:null,o,a??X(s),!!(32&s.__u),l),n.__v=s.__v,n.__.__k[n.__i]=n,Le(o,n,l),s.__e=s.__=null,n.__e!=a&&Re(n)));ae.__r=0}function Ue(e,t,n,s,a,o,l,c,_,i,u){var r,f,d,m,S,b,g,w=s&&s.__k||Oe,N=t.length;for(_=Et(n,t,w,_,N),r=0;r<N;r++)(d=n.__k[r])!=null&&(f=d.__i==-1?Z:w[d.__i]||Z,d.__i=r,b=$e(e,d,f,a,o,l,c,_,i,u),m=d.__e,d.ref&&f.ref!=d.ref&&(f.ref&&be(f.ref,null,d),u.push(d.ref,d.__c||m,d)),S==null&&m!=null&&(S=m),(g=!!(4&d.__u))||f.__k===d.__k?_=Fe(d,_,e,g):typeof d.type=="function"&&b!==void 0?_=b:m&&(_=m.nextSibling),d.__u&=-7);return n.__e=S,_}function Et(e,t,n,s,a){var o,l,c,_,i,u=n.length,r=u,f=0;for(e.__k=new Array(a),o=0;o<a;o++)(l=t[o])!=null&&typeof l!="boolean"&&typeof l!="function"?(typeof l=="string"||typeof l=="number"||typeof l=="bigint"||l.constructor==String?l=e.__k[o]=se(null,l,null,null,null):le(l)?l=e.__k[o]=se(ce,{children:l},null,null,null):l.constructor===void 0&&l.__b>0?l=e.__k[o]=se(l.type,l.props,l.key,l.ref?l.ref:null,l.__v):e.__k[o]=l,_=o+f,l.__=e,l.__b=e.__b+1,c=null,(i=l.__i=It(l,n,_,r))!=-1&&(r--,(c=n[i])&&(c.__u|=2)),c==null||c.__v==null?(i==-1&&(a>u?f--:a<u&&f++),typeof l.type!="function"&&(l.__u|=4)):i!=_&&(i==_-1?f--:i==_+1?f++:(i>_?f--:f++,l.__u|=4))):e.__k[o]=null;if(r)for(o=0;o<u;o++)(c=n[o])!=null&&!(2&c.__u)&&(c.__e==s&&(s=X(c)),Ke(c,c));return s}function Fe(e,t,n,s){var a,o;if(typeof e.type=="function"){for(a=e.__k,o=0;a&&o<a.length;o++)a[o]&&(a[o].__=e,t=Fe(a[o],t,n,s));return t}e.__e!=t&&(s&&(t&&e.type&&!t.parentNode&&(t=X(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function It(e,t,n,s){var a,o,l,c=e.key,_=e.type,i=t[n],u=i!=null&&(2&i.__u)==0;if(i===null&&c==null||u&&c==i.key&&_==i.type)return n;if(s>(u?1:0)){for(a=n-1,o=n+1;a>=0||o<t.length;)if((i=t[l=a>=0?a--:o++])!=null&&!(2&i.__u)&&c==i.key&&_==i.type)return l}return-1}function Ie(e,t,n){t[0]=="-"?e.setProperty(t,n??""):e[t]=n==null?"":typeof n!="number"||xt.test(t)?n:n+"px"}function oe(e,t,n,s,a){var o,l;e:if(t=="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof s=="string"&&(e.style.cssText=s=""),s)for(t in s)n&&t in n||Ie(e.style,t,"");if(n)for(t in n)s&&n[t]==s[t]||Ie(e.style,t,n[t])}else if(t[0]=="o"&&t[1]=="n")o=t!=(t=t.replace(Ne,"$1")),l=t.toLowerCase(),t=l in e||t=="onFocusOut"||t=="onFocusIn"?l.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+o]=n,n?s?n.u=s.u:(n.u=ve,e.addEventListener(t,o?ye:me,o)):e.removeEventListener(t,o?ye:me,o);else{if(a=="http://www.w3.org/2000/svg")t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!="width"&&t!="height"&&t!="href"&&t!="list"&&t!="form"&&t!="tabIndex"&&t!="download"&&t!="rowSpan"&&t!="colSpan"&&t!="role"&&t!="popover"&&t in e)try{e[t]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&t[4]!="-"?e.removeAttribute(t):e.setAttribute(t,t=="popover"&&n==1?"":n))}}function Pe(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t.t==null)t.t=ve++;else if(t.t<n.u)return;return n(M.event?M.event(t):t)}}}function $e(e,t,n,s,a,o,l,c,_,i){var u,r,f,d,m,S,b,g,w,N,A,j,O,L,W,F,p,$=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(_=!!(32&n.__u),o=[c=t.__e=n.__e]),(u=M.__b)&&u(t);e:if(typeof $=="function")try{if(g=t.props,w="prototype"in $&&$.prototype.render,N=(u=$.contextType)&&s[u.__c],A=u?N?N.props.value:u.__:s,n.__c?b=(r=t.__c=n.__c).__=r.__E:(w?t.__c=r=new $(g,A):(t.__c=r=new Y(g,A),r.constructor=$,r.render=Dt),N&&N.sub(r),r.state||(r.state={}),r.__n=s,f=r.__d=!0,r.__h=[],r._sb=[]),w&&r.__s==null&&(r.__s=r.state),w&&$.getDerivedStateFromProps!=null&&(r.__s==r.state&&(r.__s=q({},r.__s)),q(r.__s,$.getDerivedStateFromProps(g,r.__s))),d=r.props,m=r.state,r.__v=t,f)w&&$.getDerivedStateFromProps==null&&r.componentWillMount!=null&&r.componentWillMount(),w&&r.componentDidMount!=null&&r.__h.push(r.componentDidMount);else{if(w&&$.getDerivedStateFromProps==null&&g!==d&&r.componentWillReceiveProps!=null&&r.componentWillReceiveProps(g,A),t.__v==n.__v||!r.__e&&r.shouldComponentUpdate!=null&&r.shouldComponentUpdate(g,r.__s,A)===!1){for(t.__v!=n.__v&&(r.props=g,r.state=r.__s,r.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(E){E&&(E.__=t)}),j=0;j<r._sb.length;j++)r.__h.push(r._sb[j]);r._sb=[],r.__h.length&&l.push(r);break e}r.componentWillUpdate!=null&&r.componentWillUpdate(g,r.__s,A),w&&r.componentDidUpdate!=null&&r.__h.push(function(){r.componentDidUpdate(d,m,S)})}if(r.context=A,r.props=g,r.__P=e,r.__e=!1,O=M.__r,L=0,w){for(r.state=r.__s,r.__d=!1,O&&O(t),u=r.render(r.props,r.state,r.context),W=0;W<r._sb.length;W++)r.__h.push(r._sb[W]);r._sb=[]}else do r.__d=!1,O&&O(t),u=r.render(r.props,r.state,r.context),r.state=r.__s;while(r.__d&&++L<25);r.state=r.__s,r.getChildContext!=null&&(s=q(q({},s),r.getChildContext())),w&&!f&&r.getSnapshotBeforeUpdate!=null&&(S=r.getSnapshotBeforeUpdate(d,m)),F=u,u!=null&&u.type===ce&&u.key==null&&(F=We(u.props.children)),c=Ue(e,le(F)?F:[F],t,n,s,a,o,l,c,_,i),r.base=t.__e,t.__u&=-161,r.__h.length&&l.push(r),b&&(r.__E=r.__=null)}catch(E){if(t.__v=null,_||o!=null)if(E.then){for(t.__u|=_?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o[o.indexOf(c)]=null,t.__e=c}else{for(p=o.length;p--;)we(o[p]);ge(t)}else t.__e=n.__e,t.__k=n.__k,E.then||ge(t);M.__e(E,t,n)}else o==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):c=t.__e=Pt(n.__e,t,n,s,a,o,l,_,i);return(u=M.diffed)&&u(t),128&t.__u?void 0:c}function ge(e){e&&e.__c&&(e.__c.__e=!0),e&&e.__k&&e.__k.forEach(ge)}function Le(e,t,n){for(var s=0;s<n.length;s++)be(n[s],n[++s],n[++s]);M.__c&&M.__c(t,e),e.some(function(a){try{e=a.__h,a.__h=[],e.some(function(o){o.call(a)})}catch(o){M.__e(o,a.__v)}})}function We(e){return typeof e!="object"||e==null||e.__b&&e.__b>0?e:le(e)?e.map(We):q({},e)}function Pt(e,t,n,s,a,o,l,c,_){var i,u,r,f,d,m,S,b=n.props||Z,g=t.props,w=t.type;if(w=="svg"?a="http://www.w3.org/2000/svg":w=="math"?a="http://www.w3.org/1998/Math/MathML":a||(a="http://www.w3.org/1999/xhtml"),o!=null){for(i=0;i<o.length;i++)if((d=o[i])&&"setAttribute"in d==!!w&&(w?d.localName==w:d.nodeType==3)){e=d,o[i]=null;break}}if(e==null){if(w==null)return document.createTextNode(g);e=document.createElementNS(a,w,g.is&&g),c&&(M.__m&&M.__m(t,o),c=!1),o=null}if(w==null)b===g||c&&e.data==g||(e.data=g);else{if(o=o&&re.call(e.childNodes),!c&&o!=null)for(b={},i=0;i<e.attributes.length;i++)b[(d=e.attributes[i]).name]=d.value;for(i in b)if(d=b[i],i!="children"){if(i=="dangerouslySetInnerHTML")r=d;else if(!(i in g)){if(i=="value"&&"defaultValue"in g||i=="checked"&&"defaultChecked"in g)continue;oe(e,i,null,d,a)}}for(i in g)d=g[i],i=="children"?f=d:i=="dangerouslySetInnerHTML"?u=d:i=="value"?m=d:i=="checked"?S=d:c&&typeof d!="function"||b[i]===d||oe(e,i,d,b[i],a);if(u)c||r&&(u.__html==r.__html||u.__html==e.innerHTML)||(e.innerHTML=u.__html),t.__k=[];else if(r&&(e.innerHTML=""),Ue(t.type=="template"?e.content:e,le(f)?f:[f],t,n,s,w=="foreignObject"?"http://www.w3.org/1999/xhtml":a,o,l,o?o[0]:n.__k&&X(n,0),c,_),o!=null)for(i=o.length;i--;)we(o[i]);c||(i="value",w=="progress"&&m==null?e.removeAttribute("value"):m!=null&&(m!==e[i]||w=="progress"&&!m||w=="option"&&m!=b[i])&&oe(e,i,m,b[i],a),i="checked",S!=null&&S!=e[i]&&oe(e,i,S,b[i],a))}return e}function be(e,t,n){try{if(typeof e=="function"){var s=typeof e.__u=="function";s&&e.__u(),s&&t==null||(e.__u=e(t))}else e.current=t}catch(a){M.__e(a,n)}}function Ke(e,t,n){var s,a;if(M.unmount&&M.unmount(e),(s=e.ref)&&(s.current&&s.current!=e.__e||be(s,null,t)),(s=e.__c)!=null){if(s.componentWillUnmount)try{s.componentWillUnmount()}catch(o){M.__e(o,t)}s.base=s.__P=null}if(s=e.__k)for(a=0;a<s.length;a++)s[a]&&Ke(s[a],t,n||typeof e.type!="function");n||we(e.__e),e.__c=e.__=e.__e=void 0}function Dt(e,t,n){return this.constructor(e,n)}function ue(e,t,n){var s,a,o,l;t==document&&(t=document.documentElement),M.__&&M.__(e,t),a=(s=typeof n=="function")?null:n&&n.__k||t.__k,o=[],l=[],$e(t,e=(!s&&n||t).__k=ie(ce,null,[e]),a||Z,Z,t.namespaceURI,!s&&n?[n]:a?null:t.firstChild?re.call(t.childNodes):null,o,!s&&n?n:a?a.__e:t.firstChild,s,l),Le(o,e,l)}re=Oe.slice,M={__e:function(e,t,n,s){for(var a,o,l;t=t.__;)if((a=t.__c)&&!a.__)try{if((o=a.constructor)&&o.getDerivedStateFromError!=null&&(a.setState(o.getDerivedStateFromError(e)),l=a.__d),a.componentDidCatch!=null&&(a.componentDidCatch(e,s||{}),l=a.__d),l)return a.__E=a}catch(c){e=c}throw e}},De=0,Tt=function(e){return e!=null&&e.constructor===void 0},Y.prototype.setState=function(e,t){var n;n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=q({},this.state),typeof e=="function"&&(e=e(q({},n),this.props)),e&&q(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),Ee(this))},Y.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Ee(this))},Y.prototype.render=ce,G=[],He=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Ae=function(e,t){return e.__v.__b-t.__v.__b},ae.__r=0,Ne=/(PointerCapture)$|Capture$/i,ve=0,me=Pe(!1),ye=Pe(!0),Mt=0;var je=function(e,t,n,s){var a;t[0]=0;for(var o=1;o<t.length;o++){var l=t[o++],c=t[o]?(t[0]|=l?1:2,n[t[o++]]):t[++o];l===3?s[0]=c:l===4?s[1]=Object.assign(s[1]||{},c):l===5?(s[1]=s[1]||{})[t[++o]]=c:l===6?s[1][t[++o]]+=c+"":l?(a=e.apply(c,je(e,c,n,["",null])),s.push(a),c[0]?t[0]|=2:(t[o-2]=0,t[o]=a)):s.push(c)}return s},Be=new Map;function Je(e){var t=Be.get(this);return t||(t=new Map,Be.set(this,t)),(t=je(this,t.get(e)||(t.set(e,t=function(n){for(var s,a,o=1,l="",c="",_=[0],i=function(f){o===1&&(f||(l=l.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?_.push(0,f,l):o===3&&(f||l)?(_.push(3,f,l),o=2):o===2&&l==="..."&&f?_.push(4,f,0):o===2&&l&&!f?_.push(5,0,!0,l):o>=5&&((l||!f&&o===5)&&(_.push(o,0,l,a),o=6),f&&(_.push(o,f,0,a),o=6)),l=""},u=0;u<n.length;u++){u&&(o===1&&i(),i(u));for(var r=0;r<n[u].length;r++)s=n[u][r],o===1?s==="<"?(i(),_=[_],o=3):l+=s:o===4?l==="--"&&s===">"?(o=1,l=""):l=s+l[0]:c?s===c?c="":l+=s:s==='"'||s==="'"?c=s:s===">"?(i(),o=1):o&&(s==="="?(o=5,a=l,l=""):s==="/"&&(o<5||n[u][r+1]===">")?(i(),o===3&&(_=_[0]),o=_,(_=_[0]).push(2,0,o),o=0):s===" "||s==="	"||s===`
+`||s==="\r"?(i(),o=2):l+=s),o===3&&l==="!--"&&(o=4,_=_[0])}return i(),_}(e)),t),arguments,[])).length>1?t:t[0]}var y=Je.bind(ie);var ee,P,ke,Ve,te=0,et=[],D=M,qe=D.__b,ze=D.__r,Ge=D.diffed,Xe=D.__c,Qe=D.unmount,Ye=D.__;function Se(e,t){D.__h&&D.__h(P,e,te||t),te=0;var n=P.__H||(P.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function C(e){return te=1,Ht(nt,e)}function Ht(e,t,n){var s=Se(ee++,2);if(s.t=e,!s.__c&&(s.__=[n?n(t):nt(void 0,t),function(c){var _=s.__N?s.__N[0]:s.__[0],i=s.t(_,c);_!==i&&(s.__N=[i,s.__[1]],s.__c.setState({}))}],s.__c=P,!P.__f)){var a=function(c,_,i){if(!s.__c.__H)return!0;var u=s.__c.__H.__.filter(function(f){return!!f.__c});if(u.every(function(f){return!f.__N}))return!o||o.call(this,c,_,i);var r=s.__c.props!==c;return u.forEach(function(f){if(f.__N){var d=f.__[0];f.__=f.__N,f.__N=void 0,d!==f.__[0]&&(r=!0)}}),o&&o.call(this,c,_,i)||r};P.__f=!0;var o=P.shouldComponentUpdate,l=P.componentWillUpdate;P.componentWillUpdate=function(c,_,i){if(this.__e){var u=o;o=void 0,a(c,_,i),o=u}l&&l.call(this,c,_,i)},P.shouldComponentUpdate=a}return s.__N||s.__}function R(e,t){var n=Se(ee++,3);!D.__s&&tt(n.__H,t)&&(n.__=e,n.u=t,P.__H.__h.push(n))}function z(e){return te=5,ne(function(){return{current:e}},[])}function ne(e,t){var n=Se(ee++,7);return tt(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function U(e,t){return te=8,ne(function(){return e},t)}function At(){for(var e;e=et.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(_e),e.__H.__h.forEach(Ce),e.__H.__h=[]}catch(t){e.__H.__h=[],D.__e(t,e.__v)}}D.__b=function(e){P=null,qe&&qe(e)},D.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Ye&&Ye(e,t)},D.__r=function(e){ze&&ze(e),ee=0;var t=(P=e.__c).__H;t&&(ke===P?(t.__h=[],P.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(t.__h.forEach(_e),t.__h.forEach(Ce),t.__h=[],ee=0)),ke=P},D.diffed=function(e){Ge&&Ge(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(et.push(t)!==1&&Ve===D.requestAnimationFrame||((Ve=D.requestAnimationFrame)||Nt)(At)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),ke=P=null},D.__c=function(e,t){t.some(function(n){try{n.__h.forEach(_e),n.__h=n.__h.filter(function(s){return!s.__||Ce(s)})}catch(s){t.some(function(a){a.__h&&(a.__h=[])}),t=[],D.__e(s,n.__v)}}),Xe&&Xe(e,t)},D.unmount=function(e){Qe&&Qe(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach(function(s){try{_e(s)}catch(a){t=a}}),n.__H=void 0,t&&D.__e(t,n.__v))};var Ze=typeof requestAnimationFrame=="function";function Nt(e){var t,n=function(){clearTimeout(s),Ze&&cancelAnimationFrame(t),setTimeout(e)},s=setTimeout(n,35);Ze&&(t=requestAnimationFrame(n))}function _e(e){var t=P,n=e.__c;typeof n=="function"&&(e.__c=void 0,n()),P=t}function Ce(e){var t=P;e.__c=e.__(),P=t}function tt(e,t){return!e||e.length!==t.length||t.some(function(n,s){return n!==e[s]})}function nt(e,t){return typeof t=="function"?t(e):t}function de(){return"msg-"+Date.now()+"-"+Math.random().toString(36).substr(2,9)}function H(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function ot(e){if(!e)return"";try{let t=new Date(e),s=new Date-t,a=Math.floor(s/6e4),o=Math.floor(s/36e5),l=Math.floor(s/864e5);return a<1?"Just now":a<60?`${a}m ago`:o<24?`${o}h ago`:l<7?`${l}d ago`:t.toLocaleDateString()}catch{return""}}function st(e,t=null){if(t)return t(e);let n=H(e);return n=n.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),n=n.replace(/__(.+?)__/g,"<strong>$1</strong>"),n=n.replace(/\*(.+?)\*/g,"<em>$1</em>"),n=n.replace(/_(.+?)_/g,"<em>$1</em>"),n=n.replace(/`(.+?)`/g,"<code>$1</code>"),n=n.replace(/\[(.+?)\]\((.+?)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'),n=n.replace(/\n/g,"<br>"),n}function at(e=""){let t=n=>e?`${n}_${e}`:n;return{get(n){try{return localStorage.getItem(t(n))}catch{return null}},set(n,s){try{let a=t(n);s===null?localStorage.removeItem(a):localStorage.setItem(a,s)}catch{}}}}function rt(e="csrftoken"){let t=document.cookie.split(";");for(let s of t){let[a,o]=s.trim().split("=");if(a===e)return decodeURIComponent(o)}let n=document.querySelector('meta[name="csrf-token"]');return n?n.getAttribute("content"):null}function lt({config:e,debugMode:t,isExpanded:n,isSpeaking:s,messagesCount:a,isLoading:o,currentAgent:l,onClose:c,onToggleExpand:_,onToggleDebug:i,onToggleTTS:u,onClear:r,onToggleSidebar:f}){let{title:d,primaryColor:m,embedded:S,showConversationSidebar:b,showClearButton:g,showDebugButton:w,enableDebugMode:N,showTTSButton:A,showExpandButton:j,enableTTS:O,elevenLabsApiKey:L,ttsProxyUrl:W}=e,F=L||W;return y`
+    <div class="cw-header" style=${{backgroundColor:m}}>
+      ${b&&y`
+        <button
+          class="cw-header-btn cw-hamburger"
+          onClick=${f}
+          title="Conversations"
+        >
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16">
+            <line x1="3" y1="6" x2="21" y2="6"></line>
+            <line x1="3" y1="12" x2="21" y2="12"></line>
+            <line x1="3" y1="18" x2="21" y2="18"></line>
+          </svg>
+        </button>
+      `}
+
+      <div class="cw-title-container">
+        <span class="cw-title">${H(d)}</span>
+        ${l&&y`
+          <span class="cw-current-agent" title="Currently active agent">
+            <span class="cw-agent-indicator">🤖</span>
+            <span class="cw-agent-name">${H(l.name||l.key)}</span>
+          </span>
+        `}
       </div>
-    `;
-  }
-
-  function renderVoiceSettings() {
-    if (!state.voiceSettingsOpen) return '';
-
-    const voiceOptions = (role) => {
-      if (config.availableVoices.length === 0) {
-        return '<option value="">Loading voices...</option>';
-      }
-      return config.availableVoices.map(voice => `
-        <option value="${voice.voice_id}" ${config.ttsVoices[role] === voice.voice_id ? 'selected' : ''}>
-          ${escapeHtml(voice.name)}
-        </option>
-      `).join('');
-    };
-
-    return `
-      <div class="cw-voice-settings">
-        <div class="cw-voice-settings-header">
-          <span>🎙️ Voice Settings</span>
-          <button class="cw-voice-settings-close" data-action="toggle-voice-settings">✕</button>
-        </div>
-        <div class="cw-voice-settings-content">
-          <div class="cw-voice-setting">
-            <label>Assistant Voice</label>
-            <select class="cw-voice-select" data-role="assistant" onchange="ChatWidget.setVoice('assistant', this.value)">
-              ${voiceOptions('assistant')}
-            </select>
-          </div>
-          <div class="cw-voice-setting">
-            <label>Customer Voice (Demo)</label>
-            <select class="cw-voice-select" data-role="user" onchange="ChatWidget.setVoice('user', this.value)">
-              ${voiceOptions('user')}
-            </select>
-          </div>
-        </div>
+      
+      <div class="cw-header-actions">
+        ${g&&y`
+          <button 
+            class="cw-header-btn" 
+            onClick=${r}
+            title="Clear"
+            disabled=${o||a===0}
+          >🗑️</button>
+        `}
+        
+        ${w&&N&&y`
+          <button 
+            class="cw-header-btn ${t?"cw-btn-active":""}" 
+            onClick=${i}
+            title="Debug"
+          >🐛</button>
+        `}
+        
+        ${A&&F&&y`
+          <button 
+            class="cw-header-btn ${O?"cw-btn-active":""}" 
+            onClick=${u}
+            title="TTS"
+          >${O?"\u{1F50A}":"\u{1F507}"}</button>
+        `}
+        
+        ${j&&!S&&y`
+          <button 
+            class="cw-header-btn" 
+            onClick=${_}
+            title=${n?"Minimize":"Expand"}
+          >${n?"\u2296":"\u2295"}</button>
+        `}
+        
+        ${!S&&y`
+          <button 
+            class="cw-header-btn" 
+            onClick=${c}
+            title="Close"
+          >✕</button>
+        `}
       </div>
-    `;
-  }
-
-  function renderJourneyDropdown() {
-    if (!config.enableAutoRun || Object.keys(config.journeyTypes).length === 0) {
-      return '';
-    }
-
-    const journeyItems = Object.entries(config.journeyTypes).map(([key, journey]) => `
-      <button class="cw-dropdown-item" data-journey="${key}">
-        ${escapeHtml(journey.label)}
-      </button>
-    `).join('');
-
-    const controlsSection = state.autoRunActive ? `
-      <div class="cw-dropdown-separator"></div>
-      <div class="cw-dropdown-label">Demo Controls</div>
-      <div class="cw-autorun-controls">
-        <label class="cw-control-label">
-          <input type="radio" name="autorun-mode" value="automatic"
-                 ${config.autoRunMode === 'automatic' ? 'checked' : ''}
-                 onchange="ChatWidget.setAutoRunMode('automatic')">
-          <span>⚡ Automatic</span>
-        </label>
-        <label class="cw-control-label">
-          <input type="radio" name="autorun-mode" value="confirm"
-                 ${config.autoRunMode === 'confirm' ? 'checked' : ''}
-                 onchange="ChatWidget.setAutoRunMode('confirm')">
-          <span>👆 Confirm Next</span>
-        </label>
-        <label class="cw-control-label">
-          <input type="radio" name="autorun-mode" value="manual"
-                 ${config.autoRunMode === 'manual' ? 'checked' : ''}
-                 onchange="ChatWidget.setAutoRunMode('manual')">
-          <span>✋ Manual</span>
-        </label>
+    </div>
+  `}function Te({msg:e,show:t,onToggle:n}){return t?y`
+    <div class="cw-debug-payload">
+      <button class="cw-debug-payload-close" onClick=${n}>×</button>
+      <pre class="cw-debug-payload-content">${JSON.stringify(e,null,2)}</pre>
+    </div>
+  `:y`
+      <button
+        class="cw-debug-payload-btn"
+        onClick=${n}
+        title="Show message payload"
+      >{ }</button>
+    `}function it({msg:e,debugMode:t,markdownParser:n}){let[s,a]=C(!1),[o,l]=C(!1),c=e.role==="user",_=e.role==="system",i=e.type==="tool_call",u=e.type==="tool_result",r=e.type==="error",f=e.type==="sub_agent_start",d=e.type==="sub_agent_end",m=e.type==="agent_context";if(_&&!t)return null;if(f||d||m)return y`
+      <div class="cw-agent-context ${f?"cw-agent-delegating":""} ${d?"cw-agent-returned":""}" style="position: relative;">
+        <span class="cw-agent-context-icon">${f?"\u{1F517}":d?"\u2713":"\u{1F916}"}</span>
+        <span class="cw-agent-context-text">${e.content}</span>
+        ${e.metadata?.agentName&&y`
+          <span class="cw-agent-context-name">${e.metadata.agentName}</span>
+        `}
+        ${t&&y`<${Te} msg=${e} show=${o} onToggle=${()=>l(!o)} />`}
       </div>
-      ${config.autoRunMode === 'automatic' ? `
-        <div class="cw-delay-control">
-          <label class="cw-control-label">
-            <span>Delay: ${config.autoRunDelay}ms</span>
-            <input type="range" min="0" max="5000" step="100"
-                   value="${config.autoRunDelay}"
-                   oninput="ChatWidget.setAutoRunDelay(this.value)">
-          </label>
-        </div>
-      ` : ''}
-      <div class="cw-dropdown-separator"></div>
-      <button class="cw-dropdown-item cw-dropdown-item-danger" data-action="stop-autorun">
-        ⏹️ Stop Demo
-      </button>
-    ` : '';
-
-    return `
-      <div class="cw-dropdown">
-        <button class="cw-header-btn ${state.autoRunActive ? 'cw-btn-active' : ''}"
-                data-action="toggle-journey-dropdown"
-                title="Demo Flows"
-                ${state.isLoading || state.isSimulating ? 'disabled' : ''}>
-          ${state.isSimulating ? '<span class="cw-spinner"></span>' : '▶'}
-        </button>
-        <div class="cw-dropdown-menu cw-dropdown-hidden" id="cw-journey-dropdown">
-          <div class="cw-dropdown-label">Demo Flows</div>
-          <div class="cw-dropdown-separator"></div>
-          ${journeyItems}
-          ${controlsSection}
-        </div>
+    `;if(i||u){let w=e.metadata?.arguments||e.metadata?.result,N=A=>{if(typeof A=="string")try{return JSON.stringify(JSON.parse(A),null,2)}catch{return A}return JSON.stringify(A,null,2)};return y`
+      <div class="cw-tool-message ${u?"cw-tool-result":"cw-tool-call"}" style="position: relative;">
+        <span class="cw-tool-label" onClick=${()=>w&&a(!s)}>
+          ${e.content}
+          ${w&&y`<span class="cw-tool-expand">${s?"\u25BC":"\u25B6"}</span>`}
+        </span>
+        ${s&&w&&y`
+          <pre class="cw-tool-details">${H(N(i?e.metadata.arguments:e.metadata.result))}</pre>
+        `}
+        ${t&&y`<${Te} msg=${e} show=${o} onToggle=${()=>l(!o)} />`}
       </div>
-    `;
-  }
-
-  function render() {
-    if (!container) return;
-
-    // Render FAB (floating action button)
-    if (!state.isOpen) {
-      container.innerHTML = `
-        <button class="cw-fab" style="background-color: ${config.primaryColor}">
-          <svg class="cw-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-          </svg>
-        </button>
-      `;
-      container.querySelector('.cw-fab').addEventListener('click', openWidget);
-      return;
-    }
-
-    // Render chat widget
-    const messagesHtml = state.messages.length === 0
-      ? `
+    `}let S=["cw-message",c&&"cw-message-user",r&&"cw-message-error"].filter(Boolean).join(" "),b=`cw-message-row ${c?"cw-message-row-user":""}`,g=e.role==="assistant"?st(e.content,n):H(e.content);return y`
+    <div class=${b} style="position: relative;">
+      <div class=${S} dangerouslySetInnerHTML=${{__html:g}} />
+      ${t&&y`<${Te} msg=${e} show=${o} onToggle=${()=>l(!o)} />`}
+    </div>
+  `}function ct({messages:e,isLoading:t,hasMoreMessages:n,loadingMoreMessages:s,onLoadMore:a,debugMode:o,markdownParser:l,emptyStateTitle:c,emptyStateMessage:_}){let i=z(null),u=z(!0),r=d=>{let m=d.target,S=m.scrollHeight-m.scrollTop-m.clientHeight<100;if(u.current=S,m.scrollTop<50&&n&&!s){let b=m.scrollHeight;a().then(()=>{let g=m.scrollHeight;m.scrollTop=g-b+m.scrollTop})}};R(()=>{let d=i.current;d&&u.current&&requestAnimationFrame(()=>{d.scrollTop=d.scrollHeight})},[e,t]),R(()=>{let d=i.current;d&&e.length<=2&&(u.current=!0,requestAnimationFrame(()=>{d.scrollTop=d.scrollHeight}))},[e.length]);let f=e.length===0;return y`
+    <div class="cw-messages" ref=${i} onScroll=${r}>
+      ${f&&y`
         <div class="cw-empty-state">
           <svg class="cw-empty-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
           </svg>
-          <h3>${escapeHtml(config.emptyStateTitle)}</h3>
-          <p>${escapeHtml(config.emptyStateMessage)}</p>
+          <h3>${H(c)}</h3>
+          <p>${H(_)}</p>
         </div>
-      `
-      : state.messages.map(renderMessage).join('');
-
-    const typingIndicator = state.isLoading ? `
-      <div class="cw-message-row">
-        <div class="cw-typing">
-          <span class="cw-spinner"></span>
-          <span>Thinking...</span>
+      `}
+      
+      ${!f&&n&&y`
+        <div class="cw-load-more" onClick=${a}>
+          ${s?y`<span class="cw-spinner"></span><span>Loading...</span>`:y`<span>↑ Scroll up or click to load older messages</span>`}
         </div>
+      `}
+      
+      ${e.map(d=>y`
+        <${it} 
+          key=${d.id} 
+          msg=${d} 
+          debugMode=${o}
+          markdownParser=${l}
+        />
+      `)}
+      
+      ${t&&y`
+        <div class="cw-message-row">
+          <div class="cw-typing">
+            <span class="cw-spinner"></span>
+            <span>Thinking...</span>
+          </div>
+        </div>
+      `}
+    </div>
+  `}function ut({onSend:e,onCancel:t,isLoading:n,placeholder:s,primaryColor:a}){let[o,l]=C(""),[c,_]=C(!1),i=z(null);R(()=>{!n&&i.current&&i.current.focus()},[n]),R(()=>{i.current&&(i.current.style.height="auto",i.current.style.height=Math.min(i.current.scrollHeight,150)+"px")},[o]);let u=m=>{m.preventDefault(),o.trim()&&!n&&(e(o),l(""),i.current&&(i.current.style.height="auto"))},r=m=>{m.key==="Enter"&&!m.shiftKey&&(m.preventDefault(),u(m))},f=m=>{n&&t&&(m.preventDefault(),t())},d=y`
+    <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
+      <rect x="2" y="2" width="10" height="10" rx="1" />
+    </svg>
+  `;return y`
+    <form class="cw-input-form" onSubmit=${u}>
+      <textarea
+        ref=${i}
+        class="cw-input"
+        placeholder=${H(s)}
+        value=${o}
+        onInput=${m=>l(m.target.value)}
+        onKeyDown=${r}
+        disabled=${n}
+        rows="1"
+      />
+      <button
+        type=${n?"button":"submit"}
+        class=${`cw-send-btn ${n?"cw-send-btn-loading":""} ${n&&c?"cw-send-btn-stop":""}`}
+        style=${{backgroundColor:n&&c?"#dc2626":a}}
+        onClick=${f}
+        onMouseEnter=${()=>_(!0)}
+        onMouseLeave=${()=>_(!1)}
+        title=${n?"Stop":"Send"}
+      >
+        ${n?c?d:y`<span class="cw-spinner"></span>`:"\u27A4"}
+      </button>
+    </form>
+  `}function _t({isOpen:e,conversations:t,conversationsLoading:n,currentConversationId:s,onClose:a,onNewConversation:o,onSwitchConversation:l}){return y`
+    <div class="cw-sidebar ${e?"cw-sidebar-open":""}">
+      <div class="cw-sidebar-header">
+        <span>Conversations</span>
+        <button class="cw-sidebar-close" onClick=${a}>✕</button>
       </div>
-    ` : '';
-
-    const continueButton = (state.autoRunActive && state.autoRunPaused && config.autoRunMode === 'confirm') ? `
-      <div class="cw-continue-bar">
-        <button class="cw-continue-btn" data-action="continue-autorun" style="background-color: ${config.primaryColor}">
-          ▶️ Continue Demo
-        </button>
-      </div>
-    ` : '';
-
-    const statusBar = (state.autoRunActive || state.debugMode) ? `
-      <div class="cw-status-bar">
-        ${state.autoRunActive ? `<span>🤖 Demo: ${config.journeyTypes[state.journeyType]?.label || state.journeyType} (${config.autoRunMode})</span>` : ''}
-        ${state.debugMode ? '<span>🐛 Debug</span>' : ''}
+      
+      <button class="cw-new-conversation" onClick=${o}>
+        <span>+ New Conversation</span>
+      </button>
+      
+      <div class="cw-conversation-list">
+        ${n&&y`
+          <div class="cw-sidebar-loading">
+            <span class="cw-spinner"></span>
+          </div>
+        `}
+        
+        ${!n&&t.length===0&&y`
+          <div class="cw-sidebar-empty">No conversations yet</div>
+        `}
+        
+        ${t.map(c=>y`
+          <div 
+            key=${c.id}
+            class="cw-conversation-item ${c.id===s?"cw-conversation-active":""}"
+            onClick=${()=>l(c.id)}
+          >
+            <div class="cw-conversation-title">${H(c.title||"Untitled")}</div>
+            <div class="cw-conversation-date">${ot(c.updatedAt||c.createdAt)}</div>
+          </div>
+        `)}
       </div>
-    ` : '';
-
-    const errorBar = state.error ? `
-      <div class="cw-error-bar">${escapeHtml(state.error)}</div>
-    ` : '';
-
-    container.innerHTML = `
-      <div class="cw-widget ${state.isExpanded ? 'cw-widget-expanded' : ''}" style="--cw-primary: ${config.primaryColor}">
-        <div class="cw-header" style="background-color: ${config.primaryColor}">
-          <span class="cw-title">${escapeHtml(config.title)}</span>
-          <div class="cw-header-actions">
-            ${config.showClearButton ? `
-              <button class="cw-header-btn" data-action="clear" title="Clear Conversation" ${state.isLoading || state.messages.length === 0 ? 'disabled' : ''}>
-                <svg class="cw-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                  <polyline points="3 6 5 6 21 6"></polyline>
-                  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
-                </svg>
-              </button>
-            ` : ''}
-            ${config.showDebugButton && config.enableDebugMode ? `
-              <button class="cw-header-btn ${state.debugMode ? 'cw-btn-active' : ''}" data-action="toggle-debug" title="${state.debugMode ? 'Hide Debug Info' : 'Show Debug Info'}">
-                <svg class="cw-icon-sm ${state.debugMode ? 'cw-icon-warning' : ''}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                  <path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z"></path>
-                  <circle cx="12" cy="12" r="3"></circle>
-                </svg>
-              </button>
-            ` : ''}
-            ${config.showTTSButton && (config.elevenLabsApiKey || config.ttsProxyUrl) ? `
-              <button class="cw-header-btn ${config.enableTTS ? 'cw-btn-active' : ''} ${state.isSpeaking ? 'cw-btn-speaking' : ''}"
-                      data-action="toggle-tts"
-                      title="${config.enableTTS ? (state.isSpeaking ? 'Speaking...' : 'TTS Enabled') : 'TTS Disabled'}">
-                ${state.isSpeaking ? '🔊' : (config.enableTTS ? '🔉' : '🔇')}
-              </button>
-            ` : ''}
-            ${config.showVoiceSettings && (config.elevenLabsApiKey || config.ttsProxyUrl) ? `
-              <button class="cw-header-btn ${state.voiceSettingsOpen ? 'cw-btn-active' : ''}" data-action="toggle-voice-settings" title="Voice Settings">
-                🎙️
-              </button>
-            ` : ''}
-            ${renderJourneyDropdown()}
-            ${config.showExpandButton ? `
-              <button class="cw-header-btn" data-action="toggle-expand" title="${state.isExpanded ? 'Minimize' : 'Expand'}">
-                ${state.isExpanded ? '⊖' : '⊕'}
-              </button>
-            ` : ''}
-            <button class="cw-header-btn" data-action="close" title="Close">
-              ✕
+    </div>
+    
+    <div 
+      class="cw-sidebar-overlay ${e?"cw-sidebar-overlay-visible":""}" 
+      onClick=${a}
+    />
+  `}function dt({availableModels:e,selectedModel:t,onSelectModel:n,disabled:s}){let[a,o]=C(!1);if(!e||e.length===0)return null;let c=e.find(u=>u.id===t)?.name||"Select Model",_=()=>{s||o(!a)},i=u=>{n(u),o(!1)};return y`
+    <div class="cw-model-selector">
+      <button 
+        class="cw-model-btn" 
+        onClick=${_}
+        disabled=${s}
+        title="Select Model"
+      >
+        <span class="cw-model-icon">🤖</span>
+        <span class="cw-model-name">${H(c)}</span>
+        <span class="cw-model-chevron">${a?"\u25B2":"\u25BC"}</span>
+      </button>
+      
+      ${a&&y`
+        <div class="cw-model-dropdown">
+          ${e.map(u=>y`
+            <button 
+              key=${u.id}
+              class="cw-model-option ${u.id===t?"cw-model-option-selected":""}"
+              onClick=${()=>i(u.id)}
+            >
+              <span class="cw-model-option-name">${H(u.name)}</span>
+              <span class="cw-model-option-provider">${H(u.provider)}</span>
+              ${u.description&&y`
+                <span class="cw-model-option-desc">${H(u.description)}</span>
+              `}
             </button>
-          </div>
-        </div>
-        ${renderVoiceSettings()}
-        ${statusBar}
-        <div class="cw-messages" id="cw-messages">
-          ${messagesHtml}
-          ${typingIndicator}
+          `)}
         </div>
-        ${continueButton}
-        ${errorBar}
-        <form class="cw-input-form" id="cw-input-form">
-          <input type="text" class="cw-input" placeholder="${escapeHtml(config.placeholder)}" ${state.isLoading ? 'disabled' : ''}>
-          <button type="submit" class="cw-send-btn" style="background-color: ${config.primaryColor}" ${state.isLoading ? 'disabled' : ''}>
-            ${state.isLoading ? '<span class="cw-spinner"></span>' : '➤'}
-          </button>
-        </form>
-      </div>
-    `;
-
-    // Attach event listeners
-    attachEventListeners();
-
-    // Scroll to bottom
-    const messagesEl = document.getElementById('cw-messages');
-    if (messagesEl) {
-      messagesEl.scrollTop = messagesEl.scrollHeight;
-    }
-
-    // Focus input field
-    const inputEl = container.querySelector('.cw-input');
-    if (inputEl && !state.isLoading) {
-      // Use setTimeout to ensure focus happens after render completes
-      setTimeout(() => inputEl.focus(), 0);
-    }
-  }
-
-  function attachEventListeners() {
-    // Header buttons
-    container.querySelectorAll('[data-action]').forEach(btn => {
-      btn.addEventListener('click', (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        const action = btn.dataset.action;
-
-        switch (action) {
-          case 'close': closeWidget(); break;
-          case 'toggle-expand': toggleExpand(); break;
-          case 'toggle-debug': toggleDebugMode(); break;
-          case 'toggle-tts': toggleTTS(); break;
-          case 'toggle-voice-settings': toggleVoiceSettings(); break;
-          case 'clear': clearMessages(); break;
-          case 'stop-autorun': stopAutoRun(); break;
-          case 'continue-autorun': continueAutoRun(); break;
-          case 'toggle-journey-dropdown':
-            const dropdown = document.getElementById('cw-journey-dropdown');
-            if (dropdown) {
-              dropdown.classList.toggle('cw-dropdown-hidden');
-            }
-            break;
-        }
-      });
-    });
-
-    // Journey selection
-    container.querySelectorAll('[data-journey]').forEach(btn => {
-      btn.addEventListener('click', (e) => {
-        e.preventDefault();
-        const journeyType = btn.dataset.journey;
-        const dropdown = document.getElementById('cw-journey-dropdown');
-        if (dropdown) dropdown.classList.add('cw-dropdown-hidden');
-        startDemoFlow(journeyType);
-      });
-    });
-
-    // Form submission
-    const form = document.getElementById('cw-input-form');
-    if (form) {
-      form.addEventListener('submit', (e) => {
-        e.preventDefault();
-        const input = form.querySelector('.cw-input');
-        if (input && input.value.trim()) {
-          sendMessage(input.value);
-          input.value = '';
-          // Keep focus on input after sending
-          input.focus();
-        }
-      });
-    }
-
-    // Close dropdown when clicking outside
-    document.addEventListener('click', (e) => {
-      if (!e.target.closest('.cw-dropdown')) {
-        const dropdown = document.getElementById('cw-journey-dropdown');
-        if (dropdown) dropdown.classList.add('cw-dropdown-hidden');
-      }
-    });
-  }
-
-  // ============================================================================
-  // Public API
-  // ============================================================================
-
-  function init(userConfig = {}) {
-    // Deep merge apiPaths to allow partial overrides
-    const mergedApiPaths = {
-      ...DEFAULT_CONFIG.apiPaths,
-      ...(userConfig.apiPaths || {}),
-    };
-
-    config = {
-      ...DEFAULT_CONFIG,
-      ...userConfig,
-      apiPaths: mergedApiPaths,
-    };
-    state.journeyType = config.defaultJourneyType;
-
-    // Initialize auth token from config
-    if (config.authToken) {
-      state.authToken = config.authToken;
-    }
-
-    // Restore conversation ID
-    state.conversationId = getStoredValue(config.conversationIdKey);
-
-    // Create container
-    container = document.createElement('div');
-    container.id = 'chat-widget-container';
-    container.className = `cw-container cw-position-${config.position}`;
-    document.body.appendChild(container);
-
-    // Initial render
-    render();
-
-    // Fetch available voices if TTS is configured
-    if (config.elevenLabsApiKey || config.ttsProxyUrl) {
-      fetchAvailableVoices();
-    }
-
-    console.log('[ChatWidget] Initialized with config:', config);
-  }
-
-  function destroy() {
-    if (state.eventSource) {
-      state.eventSource.close();
-    }
-    if (container) {
-      container.remove();
-      container = null;
-    }
-  }
-
-  function open() {
-    openWidget();
-  }
-
-  function close() {
-    closeWidget();
-  }
-
-  function send(message) {
-    if (!state.isOpen) {
-      openWidget();
-    }
-    sendMessage(message);
-  }
-
-  /**
-   * Update authentication configuration
-   * @param {Object} authConfig - { strategy?: string, token?: string }
-   */
-  function setAuth(authConfig = {}) {
-    if (authConfig.strategy) {
-      config.authStrategy = authConfig.strategy;
-    }
-    if (authConfig.token !== undefined) {
-      config.authToken = authConfig.token;
-      state.authToken = authConfig.token;
-
-      // For anonymous strategy, also persist to storage
-      if (getAuthStrategy() === 'anonymous' && authConfig.token) {
-        const storageKey = config.anonymousTokenKey || config.sessionTokenKey;
-        setStoredValue(storageKey, authConfig.token);
-      }
-    }
-    console.log('[ChatWidget] Auth updated:', { strategy: getAuthStrategy(), hasToken: !!state.authToken });
-  }
-
-  /**
-   * Clear authentication
-   */
-  function clearAuth() {
-    config.authToken = null;
-    state.authToken = null;
-    state.sessionToken = null;
-
-    // Clear from storage
-    const storageKey = config.anonymousTokenKey || config.sessionTokenKey;
-    setStoredValue(storageKey, null);
-
-    console.log('[ChatWidget] Auth cleared');
-  }
-
-  // Export public API
-  global.ChatWidget = {
-    init,
-    destroy,
-    open,
-    close,
-    send,
-    clearMessages,
-    startDemoFlow,
-    stopAutoRun,
-    continueAutoRun,
-    setAutoRunMode,
-    setAutoRunDelay,
-    toggleTTS,
-    stopSpeech,
-    setVoice,
-    setAuth,
-    clearAuth,
-    getState: () => ({ ...state }),
-    getConfig: () => ({ ...config }),
-  };
-
-})(typeof window !== 'undefined' ? window : this);
+      `}
+    </div>
+  `}function pt(e,t,n){let[s,a]=C([]),[o,l]=C(!1),[c,_]=C(null),[i,u]=C(()=>n?.get(e.conversationIdKey)||null),[r,f]=C(!1),[d,m]=C(!1),[S,b]=C(0),g=z(null),w=z(null);R(()=>{i&&n?.set(e.conversationIdKey,i)},[i,e.conversationIdKey,n]);let N=U(async(p,$,E)=>{g.current&&g.current.close();let I=e.apiPaths.runEvents.replace("{runId}",p),K=`${e.backendUrl}${I}`;$&&(K+=`?anonymous_token=${encodeURIComponent($)}`);let k=new EventSource(K);g.current=k;let B="";k.addEventListener("assistant.message",v=>{try{let h=JSON.parse(v.data);e.onEvent&&e.onEvent("assistant.message",h.payload);let x=h.payload.content;x&&(B+=x,a(V=>{let Q=V[V.length-1];return Q?.role==="assistant"&&Q.id.startsWith("assistant-stream-")?[...V.slice(0,-1),{...Q,content:B}]:[...V,{id:"assistant-stream-"+Date.now(),role:"assistant",content:B,timestamp:new Date,type:"message"}]}))}catch(h){console.error("[ChatWidget] Parse error:",h)}}),k.addEventListener("tool.call",v=>{try{let h=JSON.parse(v.data);e.onEvent&&e.onEvent("tool.call",h.payload),a(x=>[...x,{id:"tool-call-"+Date.now(),role:"assistant",content:`\u{1F527} ${h.payload.name}`,timestamp:new Date,type:"tool_call",metadata:{toolName:h.payload.name,arguments:h.payload.arguments,toolCallId:h.payload.id}}])}catch(h){console.error("[ChatWidget] Parse error:",h)}}),k.addEventListener("tool.result",v=>{try{let h=JSON.parse(v.data);e.onEvent&&e.onEvent("tool.result",h.payload);let x=h.payload.result,V=x?.error;a(Q=>[...Q,{id:"tool-result-"+Date.now(),role:"system",content:V?`\u274C ${x.error}`:"\u2713 Done",timestamp:new Date,type:"tool_result",metadata:{toolName:h.payload.name,result:x,toolCallId:h.payload.tool_call_id}}])}catch(h){console.error("[ChatWidget] Parse error:",h)}}),k.addEventListener("custom",v=>{try{let h=JSON.parse(v.data);e.onEvent&&e.onEvent("custom",h.payload),h.payload?.type==="ui_control"&&e.onUIControl&&e.onUIControl(h.payload),h.payload?.type==="agent_context"&&a(x=>[...x,{id:"agent-context-"+Date.now(),role:"system",content:`\u{1F517} ${h.payload.agent_name||"Sub-agent"} is now handling this request`,timestamp:new Date,type:"agent_context",metadata:{agentKey:h.payload.agent_key,agentName:h.payload.agent_name,action:h.payload.action}}])}catch(h){console.error("[ChatWidget] Parse error:",h)}}),k.addEventListener("sub_agent.start",v=>{try{let h=JSON.parse(v.data);e.onEvent&&e.onEvent("sub_agent.start",h.payload),a(x=>[...x,{id:"sub-agent-start-"+Date.now(),role:"system",content:`\u{1F517} Delegating to ${h.payload.agent_name||h.payload.sub_agent_key||"sub-agent"}...`,timestamp:new Date,type:"sub_agent_start",metadata:{subAgentKey:h.payload.sub_agent_key,agentName:h.payload.agent_name,invocationMode:h.payload.invocation_mode}}])}catch(h){console.error("[ChatWidget] Parse error:",h)}}),k.addEventListener("sub_agent.end",v=>{try{let h=JSON.parse(v.data);e.onEvent&&e.onEvent("sub_agent.end",h.payload),a(x=>[...x,{id:"sub-agent-end-"+Date.now(),role:"system",content:`\u2713 ${h.payload.agent_name||"Sub-agent"} completed`,timestamp:new Date,type:"sub_agent_end",metadata:{subAgentKey:h.payload.sub_agent_key,agentName:h.payload.agent_name}}])}catch(h){console.error("[ChatWidget] Parse error:",h)}});let J=v=>{try{let h=JSON.parse(v.data);if(e.onEvent&&e.onEvent(h.type,h.payload),h.type==="run.failed"){let x=h.payload.error||"Agent run failed";_(x),a(V=>[...V,{id:"error-"+Date.now(),role:"system",content:`\u274C Error: ${x}`,timestamp:new Date,type:"error"}])}}catch(h){console.error("[ChatWidget] Parse error:",h)}l(!1),k.close(),g.current=null,B&&E&&E(B)};k.addEventListener("run.succeeded",J),k.addEventListener("run.failed",J),k.addEventListener("run.cancelled",J),k.addEventListener("run.timed_out",J),k.onerror=()=>{l(!1),k.close(),g.current=null}},[e]),A=U(async(p,$={})=>{if(!p.trim()||o)return;let{model:E,onAssistantMessage:I}=typeof $=="function"?{onAssistantMessage:$}:$;l(!0),_(null);let K={id:de(),role:"user",content:p.trim(),timestamp:new Date,type:"message"};a(k=>[...k,K]);try{let k=await t.getOrCreateSession(),B={agentKey:e.agentKey,conversationId:i,messages:[{role:"user",content:p.trim()}],metadata:{...e.metadata,journeyType:e.defaultJourneyType}};E&&(B.model=E);let J=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B)}));if(!J.ok){let x=await J.json().catch(()=>({}));throw new Error(x.error||`HTTP ${J.status}`)}let v=await J.json();w.current=v.id;let h=v.conversationId||v.conversation_id;!i&&h&&u(h),await N(v.id,k,I)}catch(k){_(k.message||"Failed to send message"),l(!1)}finally{w.current=null}},[e,t,i,o,N]),j=U(async()=>{let p=w.current;if(!(!p||!o))try{let $=e.apiPaths.cancelRun?e.apiPaths.cancelRun.replace("{runId}",p):`${e.apiPaths.runs}${p}/cancel/`;(await fetch(`${e.backendUrl}${$}`,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"}}))).ok&&(g.current&&(g.current.close(),g.current=null),l(!1),w.current=null,a(I=>[...I,{id:"cancelled-"+Date.now(),role:"system",content:"\u23F9 Run cancelled",timestamp:new Date,type:"cancelled"}]))}catch($){console.error("[ChatWidget] Failed to cancel run:",$)}},[e,t,o]),O=U(()=>{a([]),u(null),_(null),f(!1),b(0),n?.set(e.conversationIdKey,null)},[e.conversationIdKey,n]),L=p=>{let $={id:de(),role:p.role,timestamp:p.timestamp?new Date(p.timestamp):new Date};if(p.role==="tool")return{...$,role:"system",content:"\u2713 Done",type:"tool_result",metadata:{result:p.content,toolCallId:p.tool_call_id}};if(p.role==="assistant"&&p.tool_calls&&p.tool_calls.length>0)return p.tool_calls.map(I=>({id:de(),role:"assistant",content:`\u{1F527} ${I.function?.name||I.name||"tool"}`,timestamp:$.timestamp,type:"tool_call",metadata:{toolName:I.function?.name||I.name,arguments:I.function?.arguments||I.arguments,toolCallId:I.id}}));let E=typeof p.content=="string"?p.content:JSON.stringify(p.content);return p.role==="assistant"&&!E?.trim()?null:{...$,content:E,type:"message"}},W=U(async p=>{l(!0),a([]),u(p);try{let $=await t.getOrCreateSession(),I=`${e.backendUrl}${e.apiPaths.conversations}${p}/?limit=10&offset=0`,K=await fetch(I,t.getFetchOptions({method:"GET"}));if(K.ok){let k=await K.json();k.messages&&a(k.messages.flatMap(L).filter(Boolean)),f(k.has_more||k.hasMore||!1),b(k.messages?.length||0)}else K.status===404&&(u(null),n?.set(e.conversationIdKey,null))}catch($){console.error("[ChatWidget] Failed to load conversation:",$)}finally{l(!1)}},[e,t,n]),F=U(async()=>{if(!(!i||d||!r)){m(!0);try{let $=`${e.backendUrl}${e.apiPaths.conversations}${i}/?limit=10&offset=${S}`,E=await fetch($,t.getFetchOptions({method:"GET"}));if(E.ok){let I=await E.json();if(I.messages?.length>0){let K=I.messages.flatMap(L).filter(Boolean);a(k=>[...K,...k]),b(k=>k+I.messages.length),f(I.has_more||I.hasMore||!1)}else f(!1)}}catch(p){console.error("[ChatWidget] Failed to load more messages:",p)}finally{m(!1)}}},[e,t,i,S,d,r]);return R(()=>()=>{g.current&&g.current.close()},[]),{messages:s,isLoading:o,error:c,conversationId:i,hasMoreMessages:r,loadingMoreMessages:d,sendMessage:A,cancelRun:j,clearMessages:O,loadConversation:W,loadMoreMessages:F,setConversationId:u}}function ft(e,t,n){let[s,a]=C([]),[o,l]=C(null),[c,_]=C(null),[i,u]=C(!1);R(()=>{(async()=>{if(e.showModelSelector){u(!0);try{let m=await fetch(`${e.backendUrl}${e.apiPaths.models}`,t.getFetchOptions({method:"GET"}));if(m.ok){let S=await m.json(),b=S.models||[];a(b),_(S.default);let g=n?.get(e.modelKey);g&&b.some(w=>w.id===g)?l(g):l(S.default)}}catch(m){console.warn("[ChatWidget] Failed to load models:",m)}finally{u(!1)}}})()},[e.backendUrl,e.apiPaths.models,e.showModelSelector,e.modelKey,t,n]);let r=U(d=>{l(d),n?.set(e.modelKey,d)},[e.modelKey,n]),f=U(()=>s.find(d=>d.id===o)||null,[s,o]);return{availableModels:s,selectedModel:o,defaultModel:c,isLoading:i,selectModel:r,getSelectedModelInfo:f}}function ht(e,t,n){let s=()=>e.authStrategy?e.authStrategy:e.authToken?"token":e.apiPaths.anonymousSession||e.anonymousSessionEndpoint?"anonymous":"none",a=()=>{let c=s(),_={},i=e.authToken||t().authToken;if(c==="token"&&i){let u=e.authHeader||"Authorization",r=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Token";_[u]=r?`${r} ${i}`:i}else if(c==="jwt"&&i){let u=e.authHeader||"Authorization",r=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Bearer";_[u]=r?`${r} ${i}`:i}else if(c==="anonymous"&&i){let u=e.authHeader||e.anonymousTokenHeader||"X-Anonymous-Token";_[u]=i}if(c==="session"){let u=rt(e.csrfCookieName);u&&(_["X-CSRFToken"]=u)}return _};return{getAuthStrategy:s,getAuthHeaders:a,getFetchOptions:(c={})=>{let _=s(),i={...c};return i.headers={...i.headers,...a()},_==="session"&&(i.credentials="include"),i},getOrCreateSession:async()=>{let c=s(),_=t();if(c!=="anonymous")return e.authToken||_.authToken;if(_.authToken)return _.authToken;let i=e.anonymousTokenKey||e.sessionTokenKey,u=_.storage?.get(i);if(u)return n(r=>({...r,authToken:u})),u;try{let r=e.anonymousSessionEndpoint||e.apiPaths.anonymousSession,f=await fetch(`${e.backendUrl}${r}`,{method:"POST",headers:{"Content-Type":"application/json"}});if(f.ok){let d=await f.json();return n(m=>({...m,authToken:d.token})),_.storage?.set(i,d.token),d.token}}catch(r){console.warn("[ChatWidget] Failed to create session:",r)}return null}}}function mt({config:e,onStateChange:t,markdownParser:n,apiRef:s}){let[a,o]=C(e.embedded||e.forceOpen===!0),[l,c]=C(!1),[_,i]=C(!1),[u,r]=C(!1),[f,d]=C([]),[m,S]=C(!1),[b,g]=C(e.enableTTS),[w,N]=C(!1),[A,j]=C(null);R(()=>{e.forceOpen!==void 0&&o(e.forceOpen)},[e.forceOpen]);let O=ne(()=>at(e.containerId),[e.containerId]),[L,W]=C(e.authToken||null),F=ne(()=>ht(e,()=>({authToken:L,storage:O}),x=>{let V=x({authToken:L,storage:O});V.authToken!==L&&W(V.authToken)}),[e,L,O]),p=pt(e,F,O),$=ft(e,F,O);R(()=>{for(let v=p.messages.length-1;v>=0;v--){let h=p.messages[v];if(h.type==="sub_agent_start"){j({key:h.metadata?.subAgentKey,name:h.metadata?.agentName});return}if(h.type==="sub_agent_end"){j(null);return}}},[p.messages]),R(()=>{let v=O.get(e.conversationIdKey);v&&p.loadConversation(v)},[]),R(()=>{t&&t({isOpen:a,isExpanded:l,debugMode:_,messages:p.messages,conversationId:p.conversationId,isLoading:p.isLoading,error:p.error})},[a,l,_,p.messages,p.conversationId,p.isLoading,p.error]);let E=U(async()=>{if(e.showConversationSidebar){S(!0);try{let v=`${e.backendUrl}${e.apiPaths.conversations}?agent_key=${encodeURIComponent(e.agentKey)}`,h=await fetch(v,F.getFetchOptions({method:"GET"}));if(h.ok){let x=await h.json();d(x.results||x)}}catch(v){console.error("[ChatWidget] Failed to load conversations:",v),d([])}finally{S(!1)}}},[e,F]),I=U(()=>{let v=!u;r(v),v&&E()},[u,E]),K=U(v=>{v!==p.conversationId&&p.loadConversation(v),r(!1)},[p]),k=U(()=>{p.clearMessages(),r(!1)},[p]),B=U(v=>{p.sendMessage(v,{model:$.selectedModel,onAssistantMessage:h=>{}})},[p,b,$.selectedModel]);if(R(()=>{s&&(s.current={open:()=>o(!0),close:()=>o(!1),send:v=>B(v),clearMessages:()=>p.clearMessages(),toggleTTS:()=>g(v=>!v),stopSpeech:()=>N(!1),setAuth:v=>{v.token!==void 0&&W(v.token)},clearAuth:()=>W(null)})},[p,s,B]),!e.embedded&&!a)return y`
+      <button 
+        class="cw-fab" 
+        style=${{backgroundColor:e.primaryColor}}
+        onClick=${()=>o(!0)}
+      >
+        <svg class="cw-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+        </svg>
+      </button>
+    `;let J=["cw-widget",l&&"cw-widget-expanded",e.embedded&&"cw-widget-embedded"].filter(Boolean).join(" ");return y`
+    <div class=${J} style=${{"--cw-primary":e.primaryColor}}>
+      ${e.showConversationSidebar&&y`
+        <${_t}
+          isOpen=${u}
+          conversations=${f}
+          conversationsLoading=${m}
+          currentConversationId=${p.conversationId}
+          onClose=${()=>r(!1)}
+          onNewConversation=${k}
+          onSwitchConversation=${K}
+        />
+      `}
+      
+      <${lt}
+        config=${e}
+        debugMode=${_}
+        isExpanded=${l}
+        isSpeaking=${w}
+        messagesCount=${p.messages.length}
+        isLoading=${p.isLoading}
+        currentAgent=${A}
+        onClose=${()=>o(!1)}
+        onToggleExpand=${()=>c(!l)}
+        onToggleDebug=${()=>i(!_)}
+        onToggleTTS=${()=>g(!b)}
+        onClear=${p.clearMessages}
+        onToggleSidebar=${I}
+      />
+
+      ${_&&y`<div class="cw-status-bar"><span>🐛 Debug</span></div>`}
+
+      <${ct}
+        messages=${p.messages}
+        isLoading=${p.isLoading}
+        hasMoreMessages=${p.hasMoreMessages}
+        loadingMoreMessages=${p.loadingMoreMessages}
+        onLoadMore=${p.loadMoreMessages}
+        debugMode=${_}
+        markdownParser=${n}
+        emptyStateTitle=${e.emptyStateTitle}
+        emptyStateMessage=${e.emptyStateMessage}
+      />
+
+      ${p.error&&y`<div class="cw-error-bar">${p.error}</div>`}
+
+      ${e.showModelSelector&&$.availableModels.length>0&&y`
+        <${dt}
+          availableModels=${$.availableModels}
+          selectedModel=${$.selectedModel}
+          onSelectModel=${$.selectModel}
+          disabled=${p.isLoading}
+        />
+      `}
+
+      <${ut}
+        onSend=${B}
+        onCancel=${p.cancelRun}
+        isLoading=${p.isLoading}
+        placeholder=${e.placeholder}
+        primaryColor=${e.primaryColor}
+      />
+    </div>
+  `}var yt={backendUrl:"http://localhost:8000",agentKey:"default-agent",title:"Chat Assistant",subtitle:"How can we help you today?",primaryColor:"#0066cc",position:"bottom-right",defaultJourneyType:"general",enableDebugMode:!0,enableAutoRun:!0,journeyTypes:{},customerPrompts:{},placeholder:"Type your message...",emptyStateTitle:"Start a Conversation",emptyStateMessage:"Send a message to get started.",authStrategy:null,authToken:null,authHeader:null,authTokenPrefix:null,anonymousSessionEndpoint:null,anonymousTokenKey:"chat_widget_anonymous_token",onAuthError:null,anonymousTokenHeader:"X-Anonymous-Token",conversationIdKey:"chat_widget_conversation_id",sessionTokenKey:"chat_widget_session_token",apiPaths:{anonymousSession:"/api/accounts/anonymous-session/",conversations:"/api/agent-runtime/conversations/",runs:"/api/agent-runtime/runs/",runEvents:"/api/agent-runtime/runs/{runId}/events/",simulateCustomer:"/api/agent-runtime/simulate-customer/",ttsVoices:"/api/tts/voices/",ttsSetVoice:"/api/tts/set-voice/",models:"/api/agent-runtime/models/"},showConversationSidebar:!0,showClearButton:!0,showDebugButton:!0,showTTSButton:!0,showVoiceSettings:!0,showExpandButton:!0,showModelSelector:!1,modelKey:"chat_widget_selected_model",autoRunDelay:1e3,autoRunMode:"automatic",enableTTS:!1,ttsProxyUrl:null,elevenLabsApiKey:null,ttsVoices:{assistant:null,user:null},ttsModel:"eleven_turbo_v2_5",ttsSettings:{stability:.5,similarity_boost:.75,style:0,use_speaker_boost:!0},availableVoices:[],onEvent:null,containerId:null,embedded:!1,metadata:{}};function gt(e){let t={...yt.apiPaths,...e.apiPaths||{}};return{...yt,...e,apiPaths:t}}var pe=new Map,Ot=0,T=null,Me=class{constructor(t={}){this.instanceId=`cw-${++Ot}`,this.config=gt(t),this.container=null,this._state={},this._apiRef={current:null},pe.set(this.instanceId,this)}_handleStateChange=t=>{this._state=t};init(){if(this.config.containerId){if(this.container=document.getElementById(this.config.containerId),!this.container)return console.error(`[ChatWidget] Container not found: ${this.config.containerId}`),this;this.container.classList.add("cw-container-embedded")}else this.container=document.createElement("div"),this.container.id=this.instanceId,this.container.className=`cw-container cw-position-${this.config.position}`,document.body.appendChild(this.container);return this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} initialized`),this}_render(t={}){this.container&&ue(y`<${mt}
+        config=${{...this.config,...t}}
+        onStateChange=${this._handleStateChange}
+        markdownParser=${fe._enhancedMarkdownParser}
+        apiRef=${this._apiRef}
+      />`,this.container)}destroy(){this.container&&(ue(null,this.container),this.config.containerId?this.container.classList.remove("cw-container-embedded"):this.container.remove(),this.container=null),pe.delete(this.instanceId),console.log(`[ChatWidget] Instance ${this.instanceId} destroyed`)}open(){this._apiRef.current?this._apiRef.current.open():this._render({forceOpen:!0})}close(){this._apiRef.current?this._apiRef.current.close():this._render({forceOpen:!1})}send(t){this._apiRef.current&&this._apiRef.current.send(t)}clearMessages(){this._apiRef.current&&this._apiRef.current.clearMessages()}toggleTTS(){this._apiRef.current&&this._apiRef.current.toggleTTS()}stopSpeech(){this._apiRef.current&&this._apiRef.current.stopSpeech()}setAuth(t){this._apiRef.current&&this._apiRef.current.setAuth(t)}clearAuth(){this._apiRef.current&&this._apiRef.current.clearAuth()}getState(){return{...this._state}}getConfig(){return{...this.config}}};function vt(e={}){return new Me(e).init()}function Rt(e={}){return T&&T.destroy(),T=vt(e),T}function Ut(){T&&(T.destroy(),T=null)}function Ft(){T&&T.open()}function Lt(){T&&T.close()}function Wt(e){T&&T.send(e)}function Kt(){T&&T.clearMessages()}function Bt(){T&&T.toggleTTS()}function jt(){T&&T.stopSpeech()}function Jt(e){T&&T.setAuth(e)}function Vt(){T&&T.clearAuth()}function qt(){return T?T.getState():null}function zt(){return T?T.getConfig():null}var fe={createInstance:vt,getInstance:e=>pe.get(e),getAllInstances:()=>Array.from(pe.values()),init:Rt,destroy:Ut,open:Ft,close:Lt,send:Wt,clearMessages:Kt,toggleTTS:Bt,stopSpeech:jt,setAuth:Jt,clearAuth:Vt,getState:qt,getConfig:zt,_enhancedMarkdownParser:null};var Gt=fe;typeof window<"u"&&(window.ChatWidget=fe);return St(Xt);})();