@fusioni/client-sdk 1.1.10 → 1.1.12

package/dist/index.esm.js

@@ -4955,11 +4955,12 @@ const DocumentVideoGrid = ({ videos, attachedVideosLabel, }) => {
 // Module-level Set to track which message IDs have been animated
 // This persists across component unmounts/remounts (e.g., when chat closes and reopens)
 const animatedMessageIds = new Set();
+const TYPING_PREVIEW_CHARACTER_LIMIT = 200;
 const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete, onConfirmation, enableButtons = true, apiBaseUrl, apiKey, agencyId, currentLanguage = 'en', onOpenGallery }) => {
     const { t } = useTranslation(currentLanguage);
     const [displayedContent, setDisplayedContent] = useState('');
     const typingIntervalRef = useRef(null);
-    const typingSpeed = 15; // milliseconds per character
+    const typingSpeed = 5; // milliseconds per character
     const enhanceMessageContent = (content) => {
         if (!content)
             return content;
@@ -5109,6 +5110,7 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
         // Now animate through segments
         let segmentIndex = 0;
         let textIndex = 0;
+        let typedCharacterCount = 0;
         const nextTextStep = (text, index) => {
             if (index >= text.length)
                 return { nextIndex: index, slice: '' };
@@ -5145,6 +5147,11 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
                 typingIntervalRef.current = setTimeout(typeNextChar, 0);
             }
             else {
+                if (typedCharacterCount >= TYPING_PREVIEW_CHARACTER_LIMIT) {
+                    setDisplayedContent(fullContent);
+                    animatedMessageIds.add(messageId);
+                    return;
+                }
                 // Text segments are typed character by character
                 if (textIndex < segment.content.length) {
                     const step = nextTextStep(segment.content, textIndex);
@@ -5162,6 +5169,14 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
                     content += step.slice;
                     setDisplayedContent(content);
                     textIndex = step.nextIndex;
+                    typedCharacterCount++;
+                    if (typedCharacterCount >= TYPING_PREVIEW_CHARACTER_LIMIT) {
+                        typingIntervalRef.current = setTimeout(() => {
+                            setDisplayedContent(fullContent);
+                            animatedMessageIds.add(messageId);
+                        }, typingSpeed);
+                        return;
+                    }
                     typingIntervalRef.current = setTimeout(typeNextChar, typingSpeed);
                 }
                 else {
@@ -5701,11 +5716,9 @@ const FloatingButton = ({ isOpen, onClick, position = 'bottom-right', primaryCol
     const [showAttentionSequence, setShowAttentionSequence] = useState(false);
     const [isAttentionActive, setIsAttentionActive] = useState(false);
     useEffect(() => {
-        // Sophisticated entrance animation
         const entranceTimer = setTimeout(() => {
             setIsVisible(true);
         }, 200);
-        // Periodic attention sequence (every 15 seconds)
         const attentionInterval = setInterval(() => {
             if (!isHovered && !isOpen) {
                 setShowAttentionSequence(true);
@@ -6089,6 +6102,33 @@ function useIsMobileLayout() {
     return isMobile;
 }
 
+const getStoredConversationIdKey = (agencyId) => `fusioni:selectedConversationId:${agencyId}`;
+const readStoredConversationId = (agencyId) => {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        return window.sessionStorage.getItem(getStoredConversationIdKey(agencyId));
+    }
+    catch {
+        return null;
+    }
+};
+const writeStoredConversationId = (agencyId, conversationId) => {
+    if (typeof window === 'undefined')
+        return;
+    try {
+        const key = getStoredConversationIdKey(agencyId);
+        if (conversationId) {
+            window.sessionStorage.setItem(key, conversationId);
+        }
+        else {
+            window.sessionStorage.removeItem(key);
+        }
+    }
+    catch {
+        // Storage can be unavailable in restricted browser contexts.
+    }
+};
 const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMessageReceived, onConversationCreated, onConversationDeleted, onError }, ref) {
     const [languageOverride, setLanguageOverride] = useState(null);
     const [isOpen, setIsOpen] = useState(false);
@@ -6103,12 +6143,15 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
     const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
     const [messageToDelete, setMessageToDelete] = useState(null);
     const [isDeleteMessageDialogOpen, setIsDeleteMessageDialogOpen] = useState(false);
+    const [hasLoadedConversations, setHasLoadedConversations] = useState(false);
     // Refs
     const floatingButtonRef = useRef(null);
+    const restoredConversationIdRef = useRef(null);
     const translationDefault = languageOverride ?? mergedConfig?.language ?? config.language ?? 'en';
     // Translation and language management - use merged config or fallback to user config
     const { t, currentLanguage, changeLanguage } = useTranslation(translationDefault);
-    const { conversations, currentConversation, messages, streamMessages, setCurrentConversation, setStreamMessages, addMessage, updateMessage, removeMessage, removeOptimisticUserMessages, truncateMessagesAt, addConversation, updateConversation, removeConversation, loadConversations, loadMessages, clearMessages } = useChatState(mergedConfig?.agencyId || config.agencyId);
+    const activeAgencyId = mergedConfig?.agencyId || config.agencyId;
+    const { conversations, currentConversation, messages, streamMessages, setCurrentConversation, setStreamMessages, addMessage, updateMessage, removeMessage, removeOptimisticUserMessages, truncateMessagesAt, addConversation, updateConversation, removeConversation, loadConversations, loadMessages, clearMessages } = useChatState(activeAgencyId);
     const { theme, toggleTheme, setTheme } = useTheme(mergedConfig?.theme || config.theme);
     const isMobileLayout = useIsMobileLayout();
     const handleLanguageChange = useCallback((language) => {
@@ -6175,12 +6218,22 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
     }, [config, onError, t]);
     // Load initial conversations
     useEffect(() => {
-        if (mergedConfig?.agencyId) {
-            loadConversations().then();
+        if (activeAgencyId) {
+            let isCancelled = false;
+            restoredConversationIdRef.current = null;
+            setHasLoadedConversations(false);
+            loadConversations().finally(() => {
+                if (!isCancelled) {
+                    setHasLoadedConversations(true);
+                }
+            });
+            return () => {
+                isCancelled = true;
+            };
         }
-    }, [mergedConfig?.agencyId, loadConversations]);
+    }, [activeAgencyId, loadConversations]);
     // SSE connection for real-time updates - only when a chat panel is open
-    useSSE(mergedConfig?.agencyId || config.agencyId, (data) => {
+    useSSE(activeAgencyId, (data) => {
         // Same as fusioni-web chat.component: latest SSE line replaces stream (single loading row updates)
         if (data?.data != null && String(data.data).trim() !== '') {
             setStreamMessages([String(data.data)]);
@@ -6204,6 +6257,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
     const handleCreateConversation = useCallback(() => {
         if (!mergedConfig)
             return;
+        writeStoredConversationId(activeAgencyId, null);
         // Create a new conversation with null ID - will be created on server when first message is sent
         const newConversation = {
             id: null,
@@ -6219,7 +6273,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
         // Auto-hide conversation list when a new conversation is created
         setIsConversationListOpen(false);
         onConversationCreated?.(newConversation);
-    }, [mergedConfig, addConversation, setCurrentConversation, clearMessages, onConversationCreated, t]);
+    }, [activeAgencyId, mergedConfig, addConversation, setCurrentConversation, clearMessages, onConversationCreated, t]);
     const handleSelectConversation = useCallback(async (conversation) => {
         try {
             setIsLoading(true);
@@ -6227,6 +6281,9 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
             clearMessages();
             setStreamMessages([]);
             setCurrentConversation(conversation);
+            if (conversation.id) {
+                writeStoredConversationId(activeAgencyId, conversation.id);
+            }
             // Auto-hide conversation list when a conversation is selected
             setIsConversationListOpen(false);
             if (conversation.id) {
@@ -6241,7 +6298,51 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
         finally {
             setIsLoading(false);
         }
-    }, [setCurrentConversation, loadMessages, clearMessages, onError]);
+    }, [activeAgencyId, setCurrentConversation, loadMessages, clearMessages, onError, t]);
+    useEffect(() => {
+        if (!hasLoadedConversations || !activeAgencyId || currentConversation) {
+            return;
+        }
+        const storedConversationId = readStoredConversationId(activeAgencyId);
+        if (!storedConversationId || restoredConversationIdRef.current === storedConversationId) {
+            return;
+        }
+        restoredConversationIdRef.current = storedConversationId;
+        let isCancelled = false;
+        const restoreConversation = async () => {
+            let storedConversation = conversations.find((conversation) => conversation.id === storedConversationId);
+            if (!storedConversation) {
+                try {
+                    storedConversation = await getConversationService().getConversation(storedConversationId);
+                }
+                catch {
+                    storedConversation = undefined;
+                }
+            }
+            if (isCancelled) {
+                return;
+            }
+            if (!storedConversation) {
+                writeStoredConversationId(activeAgencyId, null);
+                return;
+            }
+            if (!conversations.some((conversation) => conversation.id === storedConversation?.id)) {
+                addConversation(storedConversation);
+            }
+            handleSelectConversation(storedConversation);
+        };
+        restoreConversation();
+        return () => {
+            isCancelled = true;
+        };
+    }, [
+        addConversation,
+        activeAgencyId,
+        conversations,
+        currentConversation,
+        handleSelectConversation,
+        hasLoadedConversations
+    ]);
     const handleDeleteConversation = useCallback((conversationId) => {
         setConversationToDelete(conversationId);
         setIsDeleteDialogOpen(true);
@@ -6254,6 +6355,9 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
             const conversationService = getConversationService();
             await conversationService.deleteConversation(conversationToDelete);
             removeConversation(conversationToDelete);
+            if (readStoredConversationId(activeAgencyId) === conversationToDelete) {
+                writeStoredConversationId(activeAgencyId, null);
+            }
             if (currentConversation?.id === conversationToDelete) {
                 setCurrentConversation(null);
                 clearMessages();
@@ -6275,7 +6379,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
         finally {
             setIsLoading(false);
         }
-    }, [conversationToDelete, removeConversation, currentConversation, setCurrentConversation, clearMessages, setStreamMessages, onConversationDeleted, onError, t]);
+    }, [activeAgencyId, conversationToDelete, removeConversation, currentConversation, setCurrentConversation, clearMessages, setStreamMessages, onConversationDeleted, onError, t]);
     const cancelDeleteConversation = useCallback(() => {
         setIsDeleteDialogOpen(false);
         setConversationToDelete(null);
@@ -6283,21 +6387,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
     const handleSendMessage = useCallback(async (content, image, audio, messageId) => {
         if (!mergedConfig)
             return;
-        // Debug logging for conversation state
-        console.log('🔍 ChatWidget.handleSendMessage - Starting message send:', {
-            currentConversation: currentConversation,
-            conversationId: currentConversation?.id,
-            content: content?.substring(0, 100) + (content?.length > 100 ? '...' : ''),
-            hasImage: !!image,
-            hasAudio: !!audio,
-            agencyId: mergedConfig.agencyId
-        });
         if (!currentConversation || (!content.trim() && !audio)) {
-            console.warn('⚠️ ChatWidget.handleSendMessage - Early return:', {
-                hasCurrentConversation: !!currentConversation,
-                hasContent: !!content?.trim(),
-                hasAudio: !!audio
-            });
             return;
         }
         try {
@@ -6305,18 +6395,11 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
             let conversationId = currentConversation.id;
             // If this is a new conversation (null ID), create it on the server first
             if (!conversationId) {
-                console.log('🔍 ChatWidget.handleSendMessage - Creating server conversation for new conversation:', {
-                    agencyId: mergedConfig.agencyId
-                });
                 const conversationService = getConversationService();
                 conversationId = await conversationService.createConversation({
                     title: t('chat.conversations.newConversation'),
                     agency_id: mergedConfig.agencyId,
                 });
-                console.log('🔍 ChatWidget.handleSendMessage - Server conversation created:', {
-                    conversationId: conversationId,
-                    conversationIdType: typeof conversationId
-                });
                 // Update the conversation with the real server ID
                 const updatedConversation = {
                     ...currentConversation,
@@ -6325,10 +6408,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
                 // Update the conversation in the list and set as current
                 updateConversation(updatedConversation.id, updatedConversation);
                 setCurrentConversation(updatedConversation);
-                console.log('🔍 ChatWidget.handleSendMessage - Conversation ID updated:', {
-                    conversationId: conversationId,
-                    updatedConversation: updatedConversation
-                });
+                writeStoredConversationId(activeAgencyId, conversationId);
             }
             // Clear stream messages for new conversation
             setStreamMessages([]);
@@ -6382,7 +6462,6 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
             if (userMessage) {
                 onMessageSent?.(userMessage);
             }
-            // Debug logging before pipeline execution
             const pipelineRequest = {
                 conversation_id: conversationId,
                 agency_id: mergedConfig.agencyId,
@@ -6391,14 +6470,6 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
                 audio,
                 message_id: messageId
             };
-            console.log('🔍 ChatWidget.handleSendMessage - About to call executePipeline:', {
-                conversationId: conversationId,
-                conversationIdType: typeof conversationId,
-                conversationIdLength: conversationId?.length,
-                isNewConversation: !conversationId,
-                pipelineRequest: pipelineRequest,
-                currentConversation: currentConversation
-            });
             // Execute pipeline - this calls /pipeline/${agency_id}/exec
             const pipelineService = getPipelineService();
             const response = await pipelineService.executePipeline(pipelineRequest);
@@ -6450,6 +6521,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
         }
     }, [
         currentConversation,
+        activeAgencyId,
         mergedConfig,
         messages,
         addMessage,
@@ -6609,10 +6681,7 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
     if (error) {
         return (jsxs("div", { className: "fusioni-chat-error", children: [jsxs("p", { children: [t('common.error'), ": ", error] }), jsx("button", { onClick: () => setError(null), children: t('chat.errors.retry') })] }));
     }
-    // Debug: Log the primary color and button variant being applied
-    console.log('Primary color being applied:', mergedConfig.primaryColor || '#6366f1');
-    console.log('Button variant being applied:', mergedConfig.buttonVariant || 'glass');
-    return (jsxs("div", { className: `fusioni-chat-widget ${theme}`, style: { '--primary-color': mergedConfig.primaryColor || '#6366f1' }, children: [jsx(FloatingButton, { isOpen: isOpen, onClick: handleToggleChat, position: mergedConfig.position || 'bottom-right', primaryColor: mergedConfig.primaryColor, buttonRef: floatingButtonRef, variant: mergedConfig.buttonVariant || 'glass', shouldDisplay: !hasConfigError && (!isMobileLayout || !isOpen) }), isOpen && (jsx(ChatPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), position: mergedConfig.position || 'bottom-right', isFullscreen: isFullscreen, floatingButtonRef: floatingButtonRef, children: jsxs("div", { className: "fusioni-chat-container", children: [mergedConfig.showConversationList !== false && (jsxs(Fragment, { children: [jsx("div", { className: `fusioni-conversation-backdrop ${isConversationListOpen ? 'open' : ''}`, onClick: () => setIsConversationListOpen(false) }), jsx(ConversationList, { conversations: conversations, selectedConversationId: currentConversation?.id || undefined, onSelectConversation: handleSelectConversation, onDeleteConversation: handleDeleteConversation, onCreateConversation: handleCreateConversation, isOpen: isConversationListOpen, currentLanguage: currentLanguage })] })), jsxs("div", { className: "fusioni-chat-main", children: [jsxs("div", { className: "fusioni-chat-main-header", children: [mergedConfig.showConversationList !== false ? (jsxs("button", { type: "button", onClick: handleToggleConversationList, className: `fusioni-conversation-toggle ${isConversationListOpen ? 'open' : ''}`, children: [jsx("svg", { className: "fusioni-conversation-toggle-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M3 12h18M3 6h18M3 18h18" }) }), t('chat.conversations.title')] })) : (jsx("span", { className: "fusioni-chat-main-header-title", children: t('chat.title') })), jsxs("div", { className: "fusioni-header-actions", children: [isMobileLayout && (jsx("button", { type: "button", onClick: () => setIsOpen(false), className: "fusioni-btn fusioni-btn-icon fusioni-chat-toolbar-close-mobile", title: t('common.close'), "aria-label": t('common.close'), children: jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: jsx("path", { d: "M18 6L6 18M6 6L18 18", strokeLinecap: "round", strokeLinejoin: "round" }) }) })), mergedConfig.showThemeToggle !== false && (jsx("button", { type: "button", onClick: toggleTheme, className: "fusioni-btn fusioni-btn-icon", title: theme === 'dark' ? t('chat.theme.light') : t('chat.theme.dark'), children: theme === 'dark' ? (jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "12", cy: "12", r: "5" }), jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }), jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }), jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }), jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }), jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }), jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }), jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }), jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })] })) : (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) })) })), mergedConfig.showFullscreenToggle !== false && (jsx("button", { type: "button", onClick: handleToggleFullscreen, className: "fusioni-btn fusioni-btn-icon", title: isFullscreen ? t('chat.fullscreen.exit') : t('chat.fullscreen.enter'), children: isFullscreen ? (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M8 3V5M8 3H5M8 3L3 8M16 3V5M16 3H19M16 3L21 8M8 21V19M8 21H5M8 21L3 16M16 21V19M16 21H19M16 21L21 16" }) })) : (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M8 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V8M21 8V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H16M16 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V16M3 16V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H8" }) })) })), mergedConfig.showLanguageSwitcher !== false && (jsx(LanguageSwitcher, { currentLanguage: currentLanguage, onLanguageChange: handleLanguageChange }))] })] }), currentConversation ? (jsxs(Fragment, { children: [jsx(MessageList, { messages: messages, streamMessages: streamMessages, showThoughts: false, onDeleteMessage: handleDeleteMessage, onEditMessage: handleEditMessage, onConfirmation: handleConfirmation, enableButtons: !isLoading, apiBaseUrl: mergedConfig.apiBaseUrl, apiKey: mergedConfig.accessToken, agencyId: mergedConfig.agencyId, currentLanguage: currentLanguage, theme: theme }), jsx(ChatInput, { onSendMessage: handleSendMessage, onFileUpload: handleFileUpload, disabled: isLoading, placeholder: t('chat.input.placeholder'), enableAudioRecording: mergedConfig.enableAudioRecording !== false, enableFileUpload: mergedConfig.enableFileUpload !== false, maxFileSize: mergedConfig.maxFileSize || 10, allowedFileTypes: mergedConfig.allowedFileTypes || ['image/*'], currentLanguage: currentLanguage })] })) : (jsx("div", { className: "fusioni-chat-welcome", children: jsxs("div", { className: "fusioni-chat-welcome-content", children: [jsx("h3", { children: t('chat.welcome.title') }), jsx("p", { children: t('chat.welcome.description') }), jsx("button", { onClick: handleCreateConversation, disabled: isLoading, className: "fusioni-btn fusioni-btn-primary", children: isLoading ? t('chat.welcome.creating') : t('chat.welcome.startButton') })] }) }))] })] }) })), jsx(ConfirmationDialog, { isOpen: isDeleteDialogOpen, title: t('chat.conversations.deleteConfirm.title'), message: t('chat.conversations.deleteConfirm.message'), confirmText: t('chat.conversations.deleteConfirm.confirm'), cancelText: t('chat.conversations.deleteConfirm.cancel'), onConfirm: confirmDeleteConversation, onCancel: cancelDeleteConversation, currentLanguage: currentLanguage, variant: "danger" }), jsx(ConfirmationDialog, { isOpen: isDeleteMessageDialogOpen, title: t('chat.messages.deleteConfirm.title'), message: t('chat.messages.deleteConfirm.message'), confirmText: t('chat.messages.deleteConfirm.confirm'), cancelText: t('chat.messages.deleteConfirm.cancel'), onConfirm: confirmDeleteMessage, onCancel: cancelDeleteMessage, currentLanguage: currentLanguage, variant: "danger" })] }));
+    return (jsxs("div", { className: `fusioni-chat-widget ${theme}`, style: { '--primary-color': mergedConfig.primaryColor || '#6366f1' }, children: [jsx(FloatingButton, { isOpen: isOpen, onClick: handleToggleChat, position: mergedConfig.position || 'bottom-right', primaryColor: mergedConfig.primaryColor, buttonRef: floatingButtonRef, variant: mergedConfig.buttonVariant || 'glass', shouldDisplay: !hasConfigError && (!isMobileLayout || !isOpen) }), isOpen && (jsx(ChatPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), position: mergedConfig.position || 'bottom-right', isFullscreen: isFullscreen, floatingButtonRef: floatingButtonRef, children: jsxs("div", { className: "fusioni-chat-container", children: [mergedConfig.showConversationList !== false && (jsxs(Fragment, { children: [jsx("div", { className: `fusioni-conversation-backdrop ${isConversationListOpen ? 'open' : ''}`, onClick: () => setIsConversationListOpen(false) }), jsx(ConversationList, { conversations: conversations, selectedConversationId: currentConversation?.id || undefined, onSelectConversation: handleSelectConversation, onDeleteConversation: handleDeleteConversation, onCreateConversation: handleCreateConversation, isOpen: isConversationListOpen, currentLanguage: currentLanguage })] })), jsxs("div", { className: "fusioni-chat-main", children: [jsxs("div", { className: "fusioni-chat-main-header", children: [mergedConfig.showConversationList !== false ? (jsxs("button", { type: "button", onClick: handleToggleConversationList, className: `fusioni-conversation-toggle ${isConversationListOpen ? 'open' : ''}`, children: [jsx("svg", { className: "fusioni-conversation-toggle-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M3 12h18M3 6h18M3 18h18" }) }), t('chat.conversations.title')] })) : (jsx("span", { className: "fusioni-chat-main-header-title", children: t('chat.title') })), jsxs("div", { className: "fusioni-header-actions", children: [mergedConfig.showThemeToggle !== false && (jsx("button", { type: "button", onClick: toggleTheme, className: "fusioni-btn fusioni-btn-icon", title: theme === 'dark' ? t('chat.theme.light') : t('chat.theme.dark'), children: theme === 'dark' ? (jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "12", cy: "12", r: "5" }), jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }), jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }), jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }), jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }), jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }), jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }), jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }), jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })] })) : (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) })) })), mergedConfig.showFullscreenToggle !== false && (jsx("button", { type: "button", onClick: handleToggleFullscreen, className: "fusioni-btn fusioni-btn-icon", title: isFullscreen ? t('chat.fullscreen.exit') : t('chat.fullscreen.enter'), children: isFullscreen ? (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M8 3V5M8 3H5M8 3L3 8M16 3V5M16 3H19M16 3L21 8M8 21V19M8 21H5M8 21L3 16M16 21V19M16 21H19M16 21L21 16" }) })) : (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M8 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V8M21 8V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H16M16 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V16M3 16V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H8" }) })) })), mergedConfig.showLanguageSwitcher !== false && (jsx(LanguageSwitcher, { currentLanguage: currentLanguage, onLanguageChange: handleLanguageChange })), jsx("button", { type: "button", onClick: () => setIsOpen(false), className: "fusioni-btn fusioni-btn-icon fusioni-chat-toolbar-close-mobile", title: t('common.close'), "aria-label": t('common.close'), children: jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: jsx("path", { d: "M18 6L6 18M6 6L18 18", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] }), currentConversation ? (jsxs(Fragment, { children: [jsx(MessageList, { messages: messages, streamMessages: streamMessages, showThoughts: false, onDeleteMessage: handleDeleteMessage, onEditMessage: handleEditMessage, onConfirmation: handleConfirmation, enableButtons: !isLoading, apiBaseUrl: mergedConfig.apiBaseUrl, apiKey: mergedConfig.accessToken, agencyId: mergedConfig.agencyId, currentLanguage: currentLanguage, theme: theme }), jsx(ChatInput, { onSendMessage: handleSendMessage, onFileUpload: handleFileUpload, disabled: isLoading, placeholder: t('chat.input.placeholder'), enableAudioRecording: mergedConfig.enableAudioRecording !== false, enableFileUpload: mergedConfig.enableFileUpload !== false, maxFileSize: mergedConfig.maxFileSize || 10, allowedFileTypes: mergedConfig.allowedFileTypes || ['image/*'], currentLanguage: currentLanguage })] })) : (jsx("div", { className: "fusioni-chat-welcome", children: jsxs("div", { className: "fusioni-chat-welcome-content", children: [jsx("h3", { children: t('chat.welcome.title') }), jsx("p", { children: t('chat.welcome.description') }), jsx("button", { onClick: handleCreateConversation, disabled: isLoading, className: "fusioni-btn fusioni-btn-primary", children: isLoading ? t('chat.welcome.creating') : t('chat.welcome.startButton') })] }) }))] })] }) })), jsx(ConfirmationDialog, { isOpen: isDeleteDialogOpen, title: t('chat.conversations.deleteConfirm.title'), message: t('chat.conversations.deleteConfirm.message'), confirmText: t('chat.conversations.deleteConfirm.confirm'), cancelText: t('chat.conversations.deleteConfirm.cancel'), onConfirm: confirmDeleteConversation, onCancel: cancelDeleteConversation, currentLanguage: currentLanguage, variant: "danger" }), jsx(ConfirmationDialog, { isOpen: isDeleteMessageDialogOpen, title: t('chat.messages.deleteConfirm.title'), message: t('chat.messages.deleteConfirm.message'), confirmText: t('chat.messages.deleteConfirm.confirm'), cancelText: t('chat.messages.deleteConfirm.cancel'), onConfirm: confirmDeleteMessage, onCancel: cancelDeleteMessage, currentLanguage: currentLanguage, variant: "danger" })] }));
 });
 ChatWidget.displayName = 'ChatWidget';