@fusioni/client-sdk 1.1.16 → 1.1.18

package/dist/index.esm.js

@@ -61,6 +61,7 @@ const en = {
         emptyState: {
             title: 'How can I help today?',
             description: 'Ask a question, share a task, or describe what you need. Fusioni is ready when you are.',
+            suggestionsLabel: 'Suggested actions',
             suggestionOne: 'Ask a question',
             suggestionTwo: 'Compare options',
             suggestionThree: 'Get next steps'
@@ -162,6 +163,7 @@ const el = {
         emptyState: {
             title: 'Πώς μπορώ να βοηθήσω σήμερα;',
             description: 'Κάντε μια ερώτηση, μοιραστείτε μια εργασία ή περιγράψτε τι χρειάζεστε. Το Fusioni είναι έτοιμο όταν είστε κι εσείς.',
+            suggestionsLabel: 'Προτεινόμενες ενέργειες',
             suggestionOne: 'Κάντε μια ερώτηση',
             suggestionTwo: 'Συγκρίνετε επιλογές',
             suggestionThree: 'Δείτε επόμενα βήματα'
@@ -5369,8 +5371,65 @@ const ImageGallery = ({ images, initialIndex = 0, onClose, theme = 'light', }) =
                                 }, children: jsx("img", { src: images[gi], alt: "", loading: "lazy", referrerPolicy: "no-referrer" }) })) }) }))] })] }));
 };
 
-const MessageList = ({ messages, streamMessages, showThoughts = false, onDeleteMessage, onEditMessage, onConfirmation, enableButtons = true, apiBaseUrl, apiKey, agencyId, currentLanguage = 'en', theme = 'light' }) => {
+function resolveActionLiteral(action, language) {
+    if (!action.literals?.length) {
+        return undefined;
+    }
+    return (action.literals.find((l) => l.language === language)
+        ?? action.literals.find((l) => l.language === 'en')
+        ?? action.literals[0]);
+}
+function toActionSuggestion(action, language) {
+    if (action.enabled === false) {
+        return null;
+    }
+    const literal = resolveActionLiteral(action, language);
+    const label = (literal?.text || action.title || '').trim();
+    const prompt = (literal?.prompt || literal?.text || action.title || '').trim();
+    if (!label) {
+        return null;
+    }
+    return {
+        id: action.id,
+        label,
+        prompt: prompt || label,
+    };
+}
+class ActionService {
+    getApiClient() {
+        return getApiClient();
+    }
+    async findEnabledByAgencyId(agencyId) {
+        const apiClient = this.getApiClient();
+        return await apiClient.get('/action/enabled', {
+            params: {
+                agency_id: agencyId,
+            },
+        });
+    }
+    async findByAgencyId(agencyId, page = 0, size = 100) {
+        const apiClient = this.getApiClient();
+        const response = await apiClient.get('/action/list', {
+            params: {
+                agency_id: agencyId,
+                page,
+                size,
+            },
+        });
+        return response?.body ?? [];
+    }
+}
+let actionServiceInstance = null;
+const getActionService = () => {
+    if (!actionServiceInstance) {
+        actionServiceInstance = new ActionService();
+    }
+    return actionServiceInstance;
+};
+
+const MessageList = ({ messages, streamMessages, showThoughts = false, onDeleteMessage, onEditMessage, onConfirmation, enableButtons = true, apiBaseUrl, apiKey, agencyId, currentLanguage = 'en', theme = 'light', onSuggestionClick, }) => {
     const { t } = useTranslation(currentLanguage);
+    const [suggestions, setSuggestions] = useState([]);
     const messagesEndRef = useRef(null);
     const scrollContainerRef = useRef(null);
     const editRef = useRef(null);
@@ -5403,6 +5462,51 @@ const MessageList = ({ messages, streamMessages, showThoughts = false, onDeleteM
     useEffect(() => {
         scrollToBottom();
     }, [messages, streamMessages]);
+    useEffect(() => {
+        if (!agencyId) {
+            setSuggestions([]);
+            return;
+        }
+        let cancelled = false;
+        getActionService()
+            .findEnabledByAgencyId(agencyId)
+            .then((actions) => {
+            if (cancelled) {
+                return;
+            }
+            const items = actions
+                .map((action) => toActionSuggestion(action, currentLanguage))
+                .filter((item) => item !== null);
+            setSuggestions(items);
+        })
+            .catch((error) => {
+            console.error('Failed to load action suggestions:', error);
+            if (!cancelled) {
+                setSuggestions([]);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [agencyId, currentLanguage]);
+    const defaultSuggestions = useMemo(() => [
+        {
+            id: 'default-suggestion-1',
+            label: t('chat.emptyState.suggestionOne'),
+            prompt: t('chat.emptyState.suggestionOne'),
+        },
+        {
+            id: 'default-suggestion-2',
+            label: t('chat.emptyState.suggestionTwo'),
+            prompt: t('chat.emptyState.suggestionTwo'),
+        },
+        {
+            id: 'default-suggestion-3',
+            label: t('chat.emptyState.suggestionThree'),
+            prompt: t('chat.emptyState.suggestionThree'),
+        },
+    ], [t, currentLanguage]);
+    const displaySuggestions = suggestions.length > 0 ? suggestions : defaultSuggestions;
     const formatDate = (date) => {
         const now = new Date();
         const diffInMilliseconds = now.getTime() - new Date(date).getTime();
@@ -5464,7 +5568,7 @@ const MessageList = ({ messages, streamMessages, showThoughts = false, onDeleteM
             selection.addRange(range);
         }
     }, [editingMessageId, editingContent]);
-    return (jsxs(Fragment, { children: [jsx("div", { className: "fusioni-message-list", ref: scrollContainerRef, children: jsxs("div", { className: "fusioni-messages-container", children: [messages.length === 0 ? (jsx("div", { className: "fusioni-empty-messages", children: jsxs("div", { className: "fusioni-empty-messages-content", children: [jsx("div", { className: "fusioni-empty-icon-frame", "aria-hidden": "true", children: jsx("img", { src: FUSIONI_LOGO_BASE64, alt: "", width: "40", height: "40", className: "fusioni-empty-logo" }) }), jsx("h3", { children: t('chat.emptyState.title') }), jsx("p", { children: t('chat.emptyState.description') }), jsxs("div", { className: "fusioni-empty-suggestions", "aria-hidden": "true", children: [jsx("span", { children: t('chat.emptyState.suggestionOne') }), jsx("span", { children: t('chat.emptyState.suggestionTwo') }), jsx("span", { children: t('chat.emptyState.suggestionThree') })] })] }) })) : (jsx("div", { className: "fusioni-messages", children: messages.map((message, index) => {
+    return (jsxs(Fragment, { children: [jsx("div", { className: "fusioni-message-list", ref: scrollContainerRef, children: jsxs("div", { className: "fusioni-messages-container", children: [messages.length === 0 ? (jsx("div", { className: "fusioni-empty-messages", children: jsxs("div", { className: "fusioni-empty-messages-content", children: [jsx("div", { className: "fusioni-empty-icon-frame", "aria-hidden": "true", children: jsx("img", { src: FUSIONI_LOGO_BASE64, alt: "", width: "60", height: "60", className: "fusioni-empty-logo" }) }), jsx("h3", { children: t('chat.emptyState.title') }), jsx("p", { children: t('chat.emptyState.description') }), jsx("div", { className: "fusioni-empty-suggestions", role: "list", "aria-label": t('chat.emptyState.suggestionsLabel'), children: displaySuggestions.map((suggestion, index) => (jsx("button", { type: "button", className: "fusioni-empty-suggestion-chip", role: "listitem", disabled: !onSuggestionClick, onClick: () => onSuggestionClick?.(suggestion.prompt), children: suggestion.label }, suggestion.id ?? `action-suggestion-${index}`))) })] }) })) : (jsx("div", { className: "fusioni-messages", children: messages.map((message, index) => {
                                 const isLastMessage = index === messages.length - 1;
                                 const messageKey = message.id ??
                                     `msg-fallback-${index}-${message.role}-${message.created instanceof Date ? message.created.getTime() : 0}`;
@@ -6109,6 +6213,7 @@ function useIsMobileLayout() {
 }
 
 const getStoredConversationIdKey = (agencyId) => `fusioni:selectedConversationId:${agencyId}`;
+const getStoredChatPanelOpenKey = (agencyId) => `fusioni:chatPanelOpen:${agencyId}`;
 const readStoredConversationId = (agencyId) => {
     if (typeof window === 'undefined')
         return null;
@@ -6135,6 +6240,26 @@ const writeStoredConversationId = (agencyId, conversationId) => {
         // Storage can be unavailable in restricted browser contexts.
     }
 };
+const readStoredChatPanelOpen = (agencyId) => {
+    if (typeof window === 'undefined')
+        return false;
+    try {
+        return window.sessionStorage.getItem(getStoredChatPanelOpenKey(agencyId)) === 'true';
+    }
+    catch {
+        return false;
+    }
+};
+const writeStoredChatPanelOpen = (agencyId, isOpen) => {
+    if (typeof window === 'undefined')
+        return;
+    try {
+        window.sessionStorage.setItem(getStoredChatPanelOpenKey(agencyId), String(isOpen));
+    }
+    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);
@@ -6157,6 +6282,15 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
     // Translation and language management - use merged config or fallback to user config
     const { t, currentLanguage, changeLanguage } = useTranslation(translationDefault);
     const activeAgencyId = mergedConfig?.agencyId || config.agencyId;
+    const updateChatOpen = useCallback((nextIsOpen) => {
+        setIsOpen(nextIsOpen);
+        if (activeAgencyId) {
+            writeStoredChatPanelOpen(activeAgencyId, nextIsOpen);
+        }
+        if (!nextIsOpen) {
+            setIsConversationListOpen(false);
+        }
+    }, [activeAgencyId]);
     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();
@@ -6238,6 +6372,12 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
             };
         }
     }, [activeAgencyId, loadConversations]);
+    useEffect(() => {
+        if (!activeAgencyId) {
+            return;
+        }
+        setIsOpen(readStoredChatPanelOpen(activeAgencyId));
+    }, [activeAgencyId]);
     // SSE connection for real-time updates - only when a chat panel is open
     useSSE(activeAgencyId, (data) => {
         // Same as fusioni-web chat.component: latest SSE line replaces stream (single loading row updates)
@@ -6252,8 +6392,17 @@ const ChatWidget = forwardRef(function ChatWidget({ config, onMessageSent, onMes
         };
     }, []);
     const handleToggleChat = useCallback(() => {
-        setIsOpen(prev => !prev);
-    }, []);
+        setIsOpen(prev => {
+            const nextIsOpen = !prev;
+            if (activeAgencyId) {
+                writeStoredChatPanelOpen(activeAgencyId, nextIsOpen);
+            }
+            if (!nextIsOpen) {
+                setIsConversationListOpen(false);
+            }
+            return nextIsOpen;
+        });
+    }, [activeAgencyId]);
     const handleToggleConversationList = useCallback(() => {
         setIsConversationListOpen(prev => !prev);
     }, []);
@@ -6687,7 +6836,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') })] }));
     }
-    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: [jsx("button", { type: "button", onClick: handleCreateConversation, disabled: isLoading, className: "fusioni-btn fusioni-btn-icon", title: t('chat.conversations.newConversation'), "aria-label": t('chat.conversations.newConversation'), children: jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", strokeWidth: "2", 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 })), 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" })] }));
+    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: () => updateChatOpen(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: [jsx("button", { type: "button", onClick: handleCreateConversation, disabled: isLoading, className: "fusioni-btn fusioni-btn-icon", title: t('chat.conversations.newConversation'), "aria-label": t('chat.conversations.newConversation'), children: jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", strokeWidth: "2", 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 })), jsx("button", { type: "button", onClick: () => updateChatOpen(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, onSuggestionClick: (prompt) => handleSendMessage(prompt) }), 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';
 
@@ -6720,5 +6869,5 @@ const ChatLoader = () => {
     return (jsx("div", { className: "fusioni-chat-loader", children: jsxs("div", { className: "fusioni-loader-content", children: [jsxs("div", { className: "fusioni-loader-dots", children: [jsx("div", { className: "fusioni-loader-dot" }), jsx("div", { className: "fusioni-loader-dot" }), jsx("div", { className: "fusioni-loader-dot" })] }), jsx("span", { className: "fusioni-loader-text", children: "AI is thinking..." })] }) }));
 };
 
-export { ApiClient, AudioRecorder, ChatInput, ChatLoader, ChatPanel, ChatWidget, ConversationList, FileUpload, FloatingButton, ImageGallery, LanguageSwitcher, Map$1 as Map, Message, MessageList, MessageService, PipelineService, Spotlight, UrlPreview, ChatWidget as default, getApiClient, getAvailableLanguages, getConversationService, getMessageService, getPipelineService, getTranslation, initializeApiClient, isValidLanguage, useChatState, useIsMobileLayout, useSSE, useTheme, useTranslation };
+export { ActionService, ApiClient, AudioRecorder, ChatInput, ChatLoader, ChatPanel, ChatWidget, ConversationList, FileUpload, FloatingButton, ImageGallery, LanguageSwitcher, Map$1 as Map, Message, MessageList, MessageService, PipelineService, Spotlight, UrlPreview, ChatWidget as default, getActionService, getApiClient, getAvailableLanguages, getConversationService, getMessageService, getPipelineService, getTranslation, initializeApiClient, isValidLanguage, resolveActionLiteral, toActionSuggestion, useChatState, useIsMobileLayout, useSSE, useTheme, useTranslation };
 //# sourceMappingURL=index.esm.js.map