@fusioni/client-sdk 1.1.0 → 1.1.1

package/dist/index.js

@@ -4173,7 +4173,7 @@ class PipelineService {
             throw new Error('agency_id is required for pipeline execution');
         }
         const apiClient = this.getApiClient();
-        const response = await apiClient.client.post(`/pipeline/${request.agency_id}/exec`, request);
+        const response = await apiClient.client.post(`/journey/${request.agency_id}/exec`, request);
         console.log('✅ PipelineService.executePipeline - Response received:', {
             answerCount: response.data.answer?.length || 0,
             messagesCount: response.data.messages?.length || 0,
@@ -4339,6 +4339,7 @@ const en = {
             }
         },
         attachedImages: 'Images',
+        attachedVideos: 'Videos',
         messages: {
             loading: 'Working on it...',
             error: 'Oops! Something went wrong. Please try again later.',
@@ -4432,6 +4433,7 @@ const el = {
             }
         },
         attachedImages: 'Εικόνες',
+        attachedVideos: 'Βίντεο',
         messages: {
             loading: 'Εργάζομαι...',
             error: 'Ουπς! Κάτι πήγε στραβά. Παρακαλώ δοκιμάστε ξανά αργότερα.',
@@ -4932,6 +4934,40 @@ const DocumentImageGrid = ({ images, onOpenGallery, attachedImagesLabel, }) => {
                     return (jsxRuntime.jsx("button", { type: "button", className: "fusioni-document-image-btn", "aria-label": `Preview attached image ${gi + 1}`, onClick: () => onOpenGallery({ images: visible, index: gi }), children: jsxRuntime.jsx("div", { className: "fusioni-document-image-aspect", children: jsxRuntime.jsx("img", { src: img, alt: "", loading: "lazy", decoding: "async", referrerPolicy: "no-referrer", onError: () => setVisible((v) => v.filter((u) => u !== img)) }) }) }));
                 } })] }));
 };
+const DocumentVideoGrid = ({ videos, attachedVideosLabel, }) => {
+    const cols = useGalleryStripColumns();
+    const [visible, setVisible] = react.useState(videos);
+    const [page, setPage] = react.useState(0);
+    const pageSize = cols * GALLERY_STRIP_MAX_ROWS;
+    const pageCount = visible.length > 0 ? Math.ceil(visible.length / pageSize) : 0;
+    const prevPageSizeRef = react.useRef(pageSize);
+    react.useEffect(() => setVisible(videos), [videos]);
+    react.useEffect(() => {
+        const old = prevPageSizeRef.current;
+        if (old !== pageSize && old > 0 && pageSize > 0) {
+            setPage((p) => {
+                const firstGlobal = p * old;
+                const np = Math.floor(firstGlobal / pageSize);
+                const pc = visible.length > 0 ? Math.ceil(visible.length / pageSize) : 0;
+                return pc <= 0 ? 0 : Math.min(Math.max(0, np), pc - 1);
+            });
+        }
+        prevPageSizeRef.current = pageSize;
+    }, [pageSize, visible.length]);
+    react.useEffect(() => {
+        setPage((p) => {
+            if (pageCount <= 0)
+                return 0;
+            return Math.min(p, pageCount - 1);
+        });
+    }, [pageCount]);
+    if (!visible.length)
+        return null;
+    return (jsxRuntime.jsxs("div", { className: "fusioni-document-videos", children: [jsxRuntime.jsx("div", { className: "fusioni-document-videos-header", children: jsxRuntime.jsxs("span", { className: "fusioni-document-videos-header-label", children: [jsxRuntime.jsxs("svg", { className: "fusioni-document-videos-header-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [jsxRuntime.jsx("polygon", { points: "23 7 16 12 23 17 23 7" }), jsxRuntime.jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })] }), attachedVideosLabel] }) }), jsxRuntime.jsx(PaginatedGalleryStrip, { variant: "document", itemCount: visible.length, columns: cols, page: page, onPageChange: setPage, renderCell: (gi) => {
+                    const vid = visible[gi];
+                    return (jsxRuntime.jsx("div", { className: "fusioni-document-video-wrap", "aria-label": `Attached video ${gi + 1}`, children: jsxRuntime.jsx("div", { className: "fusioni-document-video-aspect", children: jsxRuntime.jsx("video", { src: vid, controls: true, preload: "metadata", playsInline: true, onError: () => setVisible((v) => v.filter((u) => u !== vid)) }) }) }));
+                } })] }));
+};
 // 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();
@@ -5026,36 +5062,83 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
         }
         // Reset displayed content
         setDisplayedContent('');
-        const fullContent = message.content;
-        // Parse content into segments: text segments and HTML tag segments
+        // Type the same HTML string that will be rendered (after any transformations),
+        // otherwise we can end up animating an HTML-escaped variant.
+        const fullContent = enhanceMessageContent(message.content);
+        // Parse content into segments: text segments and HTML tag segments.
+        // Important: this parser is quote-aware so it won't break on `>` inside quoted attributes.
         const segments = [];
+        const readTagAt = (html, start) => {
+            if (html[start] !== '<')
+                return null;
+            // Handle comments: <!-- ... -->
+            if (html.startsWith('<!--', start)) {
+                const endIdx = html.indexOf('-->', start + 4);
+                if (endIdx === -1)
+                    return { tag: html.slice(start), end: html.length };
+                return { tag: html.slice(start, endIdx + 3), end: endIdx + 3 };
+            }
+            let i = start + 1;
+            let quote = null;
+            while (i < html.length) {
+                const ch = html[i];
+                if (quote) {
+                    if (ch === quote)
+                        quote = null;
+                    i++;
+                    continue;
+                }
+                if (ch === '"' || ch === "'") {
+                    quote = ch;
+                    i++;
+                    continue;
+                }
+                if (ch === '>') {
+                    return { tag: html.slice(start, i + 1), end: i + 1 };
+                }
+                i++;
+            }
+            // No closing `>` found; treat the remainder as text to avoid exposing partial tags.
+            return null;
+        };
         let currentIndex = 0;
         while (currentIndex < fullContent.length) {
-            const remainingContent = fullContent.substring(currentIndex);
-            const tagMatch = remainingContent.match(/^<[^>]*>/);
-            if (tagMatch) {
-                // Found an HTML tag - add it as a complete segment
-                segments.push({ type: 'tag', content: tagMatch[0] });
-                currentIndex += tagMatch[0].length;
+            const nextLt = fullContent.indexOf('<', currentIndex);
+            if (nextLt === -1) {
+                segments.push({ type: 'text', content: fullContent.slice(currentIndex) });
+                break;
+            }
+            if (nextLt > currentIndex) {
+                segments.push({ type: 'text', content: fullContent.slice(currentIndex, nextLt) });
+            }
+            const maybeTag = readTagAt(fullContent, nextLt);
+            if (maybeTag) {
+                segments.push({ type: 'tag', content: maybeTag.tag });
+                currentIndex = maybeTag.end;
             }
             else {
-                // Find the next HTML tag or end of string
-                const nextTagIndex = remainingContent.indexOf('<');
-                if (nextTagIndex === -1) {
-                    // No more tags, add remaining text
-                    segments.push({ type: 'text', content: remainingContent });
-                    break;
-                }
-                else {
-                    // Add text up to the next tag
-                    segments.push({ type: 'text', content: remainingContent.substring(0, nextTagIndex) });
-                    currentIndex += nextTagIndex;
-                }
+                // Not a valid tag; emit the `<` as text and keep going.
+                segments.push({ type: 'text', content: '<' });
+                currentIndex = nextLt + 1;
             }
         }
         // Now animate through segments
         let segmentIndex = 0;
         let textIndex = 0;
+        const nextTextStep = (text, index) => {
+            if (index >= text.length)
+                return { nextIndex: index, slice: '' };
+            const ch = text[index];
+            // Treat HTML entities as atomic "characters" so we don't type partial `&...;`.
+            if (ch === '&') {
+                const rest = text.slice(index);
+                const entityMatch = rest.match(/^&(#\d+|#x[0-9a-fA-F]+|[a-zA-Z][a-zA-Z0-9]+);/);
+                if (entityMatch) {
+                    return { nextIndex: index + entityMatch[0].length, slice: text.slice(0, index + entityMatch[0].length) };
+                }
+            }
+            return { nextIndex: index + 1, slice: text.slice(0, index + 1) };
+        };
         const typeNextChar = () => {
             if (segmentIndex >= segments.length) {
                 // Typing complete - mark this message as animated in the persistent Set
@@ -5080,14 +5163,21 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
             else {
                 // Text segments are typed character by character
                 if (textIndex < segment.content.length) {
-                    // Build content: all previous segments + current segment up to textIndex
+                    const step = nextTextStep(segment.content, textIndex);
+                    if (!step.slice) {
+                        segmentIndex++;
+                        textIndex = 0;
+                        typingIntervalRef.current = setTimeout(typeNextChar, 0);
+                        return;
+                    }
+                    // Build content: all previous segments + current segment slice
                     let content = '';
                     for (let i = 0; i < segmentIndex; i++) {
                         content += segments[i].content;
                     }
-                    content += segment.content.substring(0, textIndex + 1);
+                    content += step.slice;
                     setDisplayedContent(content);
-                    textIndex++;
+                    textIndex = step.nextIndex;
                     typingIntervalRef.current = setTimeout(typeNextChar, typingSpeed);
                 }
                 else {
@@ -5117,7 +5207,8 @@ const Message = ({ message, showThoughts = false, fontSize = 'text-sm', onDelete
                     __html: enhanceMessageContent(contentToDisplay)
                 } })), message.loading && (jsxRuntime.jsx("div", { className: "fusioni-stream-messages", children: (streamMessages.length > 0 ? streamMessages : [t('chat.messages.loading')]).map((line, index) => (jsxRuntime.jsxs("div", { className: "fusioni-stream-message-item", children: [jsxRuntime.jsx("div", { className: "fusioni-stream-message-logo-wrap", children: jsxRuntime.jsx("div", { className: "fusioni-stream-message-logo-frame", children: jsxRuntime.jsx("img", { className: "fusioni-stream-message-logo-img", src: FUSIONI_LOGO_BASE64, alt: "", width: 32, height: 32 }) }) }), jsxRuntime.jsx(Spotlight, { className: "fusioni-stream-message-spotlight", text: line })] }, streamMessages.length > 0 ? `${index}-${line}` : 'loading-placeholder'))) })), !message.loading && extractUrlsFromContent(message.content).length > 0 && message.role !== 'user' && (jsxRuntime.jsx("div", { className: "fusioni-message-url-previews", children: extractUrlsFromContent(message.content).map((url, index) => (jsxRuntime.jsx(UrlPreview, { url: url, agencyId: agencyId, showCloseButton: false, compact: true, autoFetch: true, apiBaseUrl: apiBaseUrl, apiKey: apiKey }, `${url}-${index}`))) })), message.extra_data && (jsxRuntime.jsxs("div", { className: "fusioni-message-extra m2", children: [message.extra_data.document_images &&
                         message.extra_data.document_images.length > 0 &&
-                        onOpenGallery && (jsxRuntime.jsx(DocumentImageGrid, { images: message.extra_data.document_images, onOpenGallery: onOpenGallery, attachedImagesLabel: t('chat.attachedImages') })), message.extra_data.image && renderImage(message.extra_data.image), message.extra_data.image_ref && renderImage(message.extra_data.image_ref), message.extra_data.audio_ref && renderAudio(message.extra_data.audio_ref, message.extra_data.duration), message.extra_data.coordinates && renderMap(message.extra_data.coordinates), message.extra_data.map && (jsxRuntime.jsx("div", { className: "fusioni-message-map", children: jsxRuntime.jsx(Map$1, { lat: message.extra_data.map.lat, lng: message.extra_data.map.lng, zoom: message.extra_data.map.zoom, staticMap: true, width: 600, height: 400, apiBaseUrl: apiBaseUrl, apiKey: apiKey, agencyId: agencyId }) }))] })), message.extra_data?.widget === 'Confirmation' && (jsxRuntime.jsxs("div", { className: "fusioni-confirmation-widget", children: [jsxRuntime.jsx("button", { type: "button", disabled: !enableButtons, onClick: () => sendConfirmation('Confirmed', message.extra_data?.key), className: "fusioni-btn fusioni-btn-primary fusioni-btn-confirm", children: t('common.yes') }), jsxRuntime.jsx("button", { type: "button", disabled: !enableButtons, onClick: () => sendConfirmation('NotConfirmed', message.extra_data?.key), className: "fusioni-btn fusioni-btn-secondary fusioni-btn-cancel", children: t('common.no') })] })), showThoughts && message.thoughts && (jsxRuntime.jsx("div", { className: "fusioni-message-thoughts", children: jsxRuntime.jsxs("details", { children: [jsxRuntime.jsx("summary", { children: "AI Thoughts" }), jsxRuntime.jsx("p", { children: message.thoughts })] }) })), message.has_error && (jsxRuntime.jsxs("div", { className: "fusioni-message-error-indicator", children: [jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "currentColor", strokeWidth: "2" })] }), jsxRuntime.jsx("span", { children: "Error occurred" })] }))] }));
+                        onOpenGallery && (jsxRuntime.jsx(DocumentImageGrid, { images: message.extra_data.document_images, onOpenGallery: onOpenGallery, attachedImagesLabel: t('chat.attachedImages') })), message.extra_data.document_videos &&
+                        message.extra_data.document_videos.length > 0 && (jsxRuntime.jsx(DocumentVideoGrid, { videos: message.extra_data.document_videos, attachedVideosLabel: t('chat.attachedVideos') })), message.extra_data.image && renderImage(message.extra_data.image), message.extra_data.image_ref && renderImage(message.extra_data.image_ref), message.extra_data.audio_ref && renderAudio(message.extra_data.audio_ref, message.extra_data.duration), message.extra_data.coordinates && renderMap(message.extra_data.coordinates), message.extra_data.map && (jsxRuntime.jsx("div", { className: "fusioni-message-map", children: jsxRuntime.jsx(Map$1, { lat: message.extra_data.map.lat, lng: message.extra_data.map.lng, zoom: message.extra_data.map.zoom, staticMap: true, width: 600, height: 400, apiBaseUrl: apiBaseUrl, apiKey: apiKey, agencyId: agencyId }) }))] })), message.extra_data?.widget === 'Confirmation' && (jsxRuntime.jsxs("div", { className: "fusioni-confirmation-widget", children: [jsxRuntime.jsx("button", { type: "button", disabled: !enableButtons, onClick: () => sendConfirmation('Confirmed', message.extra_data?.key), className: "fusioni-btn fusioni-btn-primary fusioni-btn-confirm", children: t('common.yes') }), jsxRuntime.jsx("button", { type: "button", disabled: !enableButtons, onClick: () => sendConfirmation('NotConfirmed', message.extra_data?.key), className: "fusioni-btn fusioni-btn-secondary fusioni-btn-cancel", children: t('common.no') })] })), showThoughts && message.thoughts && (jsxRuntime.jsx("div", { className: "fusioni-message-thoughts", children: jsxRuntime.jsxs("details", { children: [jsxRuntime.jsx("summary", { children: "AI Thoughts" }), jsxRuntime.jsx("p", { children: message.thoughts })] }) })), message.has_error && (jsxRuntime.jsxs("div", { className: "fusioni-message-error-indicator", children: [jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "currentColor", strokeWidth: "2" })] }), jsxRuntime.jsx("span", { children: "Error occurred" })] }))] }));
 };
 
 /**
@@ -5331,12 +5422,12 @@ const MessageList = ({ messages, streamMessages, showThoughts = false, onDeleteM
                                 const isLastMessage = index === messages.length - 1;
                                 const messageKey = message.id ??
                                     `msg-fallback-${index}-${message.role}-${message.created instanceof Date ? message.created.getTime() : 0}`;
-                                return (jsxRuntime.jsx("div", { className: "fusioni-message-wrapper", children: jsxRuntime.jsxs("div", { className: `fusioni-message ${message.role}`, children: [jsxRuntime.jsx("div", { className: "fusioni-message-avatar", children: message.role === 'user' ? (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor", strokeWidth: "2" })] })) : (jsxRuntime.jsx("img", { src: FUSIONI_LOGO_BASE64, alt: "Fusioni Logo", width: "24", height: "24" })) }), jsxRuntime.jsxs("div", { className: "fusioni-message-content", children: [jsxRuntime.jsxs("div", { className: "fusioni-message-header", children: [jsxRuntime.jsx("span", { className: "fusioni-message-role", children: message.role === 'user' ? '' : 'Fusioni' }), jsxRuntime.jsx("span", { className: "fusioni-message-time", children: formatDate(message.created) })] }), jsxRuntime.jsx("div", { className: "fusioni-message-body", children: message.role === 'user' && editingMessageId === message.id ? (jsxRuntime.jsx("div", { ref: editRef, className: "fusioni-message-text", contentEditable: true, suppressContentEditableWarning: true, spellCheck: true, onKeyDown: (event) => {
+                                return (jsxRuntime.jsx("div", { className: "fusioni-message-wrapper", children: jsxRuntime.jsxs("div", { className: `fusioni-message ${message.role}`, children: [jsxRuntime.jsx("div", { className: "fusioni-message-avatar", children: message.role === 'user' ? (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor", strokeWidth: "2" })] })) : (jsxRuntime.jsx("img", { src: FUSIONI_LOGO_BASE64, alt: "Fusioni Logo", width: "24", height: "24" })) }), jsxRuntime.jsxs("div", { className: "fusioni-message-content", children: [jsxRuntime.jsx("div", { className: "fusioni-message-body", children: message.role === 'user' && editingMessageId === message.id ? (jsxRuntime.jsx("div", { ref: editRef, className: "fusioni-message-text", contentEditable: true, suppressContentEditableWarning: true, spellCheck: true, onKeyDown: (event) => {
                                                                 if (event.key === 'Escape') {
                                                                     event.preventDefault();
                                                                     cancelEdit();
                                                                 }
-                                                            } })) : (jsxRuntime.jsx(Message, { message: message, showThoughts: showThoughts, onDelete: onDeleteMessage, onConfirmation: onConfirmation, enableButtons: enableButtons && isLastMessage, streamMessages: message.loading ? streamMessages : [], apiBaseUrl: apiBaseUrl, apiKey: apiKey, agencyId: agencyId, currentLanguage: currentLanguage, onOpenGallery: openGallery })) }), showThoughts && message.thoughts && (jsxRuntime.jsx("div", { className: "fusioni-message-thoughts", children: jsxRuntime.jsxs("details", { children: [jsxRuntime.jsx("summary", { children: "Thoughts" }), jsxRuntime.jsx("p", { children: message.thoughts })] }) }))] }), message.id && (onDeleteMessage || (message.role === 'user' && onEditMessage)) && (jsxRuntime.jsx("div", { className: "fusioni-message-actions", children: message.role === 'user' && editingMessageId === message.id ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { onClick: confirmEdit, className: "fusioni-btn fusioni-btn-icon", title: "Save edit", children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), jsxRuntime.jsx("button", { onClick: cancelEdit, className: "fusioni-btn fusioni-btn-icon", title: "Cancel edit", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [message.role === 'user' && onEditMessage && (jsxRuntime.jsx("button", { onClick: () => startEdit(message), className: "fusioni-btn fusioni-btn-icon", title: "Edit message", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M12 20H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M16.5 3.5C16.8978 3.10218 17.4374 2.87868 18 2.87868C18.5626 2.87868 19.1022 3.10218 19.5 3.5C19.8978 3.89782 20.1213 4.43739 20.1213 5C20.1213 5.56261 19.8978 6.10218 19.5 6.5L7 19L3 20L4 16L16.5 3.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) })), onDeleteMessage && (jsxRuntime.jsx("button", { onClick: () => onDeleteMessage(message.id), className: "fusioni-btn fusioni-btn-icon fusioni-btn-danger", title: "Delete message", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M3 6H5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }))] })) }))] }) }, messageKey));
+                                                            } })) : (jsxRuntime.jsx(Message, { message: message, showThoughts: showThoughts, onDelete: onDeleteMessage, onConfirmation: onConfirmation, enableButtons: enableButtons && isLastMessage, streamMessages: message.loading ? streamMessages : [], apiBaseUrl: apiBaseUrl, apiKey: apiKey, agencyId: agencyId, currentLanguage: currentLanguage, onOpenGallery: openGallery })) }), jsxRuntime.jsxs("div", { className: "fusioni-message-footer", children: [jsxRuntime.jsx("span", { className: "fusioni-message-time", children: formatDate(message.created) }), message.id && (onDeleteMessage || (message.role === 'user' && onEditMessage)) && (jsxRuntime.jsx("div", { className: "fusioni-message-actions", children: message.role === 'user' && editingMessageId === message.id ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { onClick: confirmEdit, className: "fusioni-btn fusioni-btn-icon", title: "Save edit", children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), jsxRuntime.jsx("button", { onClick: cancelEdit, className: "fusioni-btn fusioni-btn-icon", title: "Cancel edit", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [message.role === 'user' && onEditMessage && (jsxRuntime.jsx("button", { onClick: () => startEdit(message), className: "fusioni-btn fusioni-btn-icon", title: "Edit message", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M12 20H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M16.5 3.5C16.8978 3.10218 17.4374 2.87868 18 2.87868C18.5626 2.87868 19.1022 3.10218 19.5 3.5C19.8978 3.89782 20.1213 4.43739 20.1213 5C20.1213 5.56261 19.8978 6.10218 19.5 6.5L7 19L3 20L4 16L16.5 3.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) })), onDeleteMessage && (jsxRuntime.jsx("button", { onClick: () => onDeleteMessage(message.id), className: "fusioni-btn fusioni-btn-icon", title: "Delete message", children: jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M3 6H5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }))] })) }))] }), showThoughts && message.thoughts && (jsxRuntime.jsx("div", { className: "fusioni-message-thoughts", children: jsxRuntime.jsxs("details", { children: [jsxRuntime.jsx("summary", { children: "Thoughts" }), jsxRuntime.jsx("p", { children: message.thoughts })] }) }))] })] }) }, messageKey));
                             }) })), jsxRuntime.jsx("div", { ref: messagesEndRef })] }) }), gallerySession &&
                 typeof document !== 'undefined' &&
                 reactDom.createPortal(jsxRuntime.jsx(ImageGallery, { images: gallerySession.images, initialIndex: gallerySession.index, theme: theme, onClose: () => setGallerySession(null) }, gallerySession.key), document.body)] }));
@@ -5639,7 +5730,7 @@ const ChatPanel = ({ isOpen, onClose, position = 'bottom-right', isFullscreen =
     };
     if (!isOpen)
         return null;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "fusioni-chat-backdrop" }), jsxRuntime.jsx("div", { ref: panelRef, className: `fusioni-chat-panel ${getPositionClasses()} ${isFullscreen ? 'fusioni-chat-panel-fullscreen' : ''}`, children: jsxRuntime.jsx("div", { className: "fusioni-chat-panel-content", children: children }) })] }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { ref: panelRef, className: `fusioni-chat-panel ${getPositionClasses()} ${isFullscreen ? 'fusioni-chat-panel-fullscreen' : ''}`, children: jsxRuntime.jsx("div", { className: "fusioni-chat-panel-content", children: children }) }) }));
 };
 
 const LanguageSwitcher = ({ currentLanguage, onLanguageChange, className = '' }) => {