@memori.ai/memori-react 9.0.0-alpha.8 → 9.0.0-rc.0

package/esm/components/layouts/Chat.js

@@ -1,24 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button, Spin } from '@memori.ai/ui';
+import { useEffect, useMemo, useState } from 'react';
+import { Spin } from '@memori.ai/ui';
+import IconButton from '../IconButton/IconButton';
 import ArtifactDrawer from '../MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer';
 import { useTranslation } from 'react-i18next';
-import { Expand, MapPin, Share2, EllipsisVertical, MessageCircle, } from 'lucide-react';
+import { MapPin, Share2, EllipsisVertical, MessageCircle, } from 'lucide-react';
 import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
 import ChatInputs from '../ChatInputs/ChatInputs';
 import MobileSessionPanel from '../MobileSessionPanel/MobileSessionPanel';
 import ShareButton from '../ShareButton/ShareButton';
 import { maxDocumentsPerMessage, maxDocumentContentLength, pasteAsCardLineThreshold, pasteAsCardCharThreshold, } from '../../helpers/constants';
-function isFullscreenAllowedOnDevice() {
-    if (typeof document === 'undefined')
-        return false;
-    if (document.fullscreenEnabled === true)
-        return true;
-    const fullscreenMeta = document.querySelector('meta[name="memori-fullscreen-enabled"], meta[name="fullscreen-enabled"]');
-    return (fullscreenMeta === null || fullscreenMeta === void 0 ? void 0 : fullscreenMeta.getAttribute('content')) === 'true';
-}
 const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useTranslation();
     const { state } = useArtifact();
     const useSideArtifactChrome = state.isDrawerOpen && !state.isChatLogPanelPresentation;
@@ -31,10 +24,13 @@ const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPan
         mediaQuery.addEventListener('change', update);
         return () => mediaQuery.removeEventListener('change', update);
     }, []);
+    const globalBackground = chatProps === null || chatProps === void 0 ? void 0 : chatProps.globalBackground;
     const memori = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori;
     const tenant = headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant;
     const baseUrl = headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl;
-    const loggedUser = (headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken) && (headerProps === null || headerProps === void 0 ? void 0 : headerProps.user) ? headerProps.user : undefined;
+    const loggedUser = (headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken) && ((_a = headerProps === null || headerProps === void 0 ? void 0 : headerProps.user) === null || _a === void 0 ? void 0 : _a.userID)
+        ? headerProps.user
+        : undefined;
     const enrichedUser = loggedUser;
     const loggedUserDisplayName = [enrichedUser === null || enrichedUser === void 0 ? void 0 : enrichedUser.name, enrichedUser === null || enrichedUser === void 0 ? void 0 : enrichedUser.surname]
         .filter(Boolean)
@@ -46,15 +42,6 @@ const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPan
         'User';
     const loggedUserInitial = loggedUserDisplayName.charAt(0).toUpperCase();
     const isSessionStarted = Boolean(sessionId && hasUserActivatedSpeak);
-    const handleMobileFullscreen = useCallback(() => {
-        if (!isFullscreenAllowedOnDevice())
-            return;
-        if (!document.fullscreenElement) {
-            document.documentElement.requestFullscreen().catch(() => { });
-            return;
-        }
-        document.exitFullscreen().catch(() => { });
-    }, []);
     const handleMobileLogout = () => {
         if (!headerProps)
             return;
@@ -104,8 +91,8 @@ const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPan
             showSettings: false,
             showShare: false,
             showLogin: false,
-            showMessageConsumption: false,
             showFullscreen: false,
+            showMessageConsumption: false,
             memori: {
                 ...headerProps.memori,
                 needsPosition: false,
@@ -116,12 +103,14 @@ const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPan
         };
     }, [headerProps, isMobile]);
     const mobileSessionActions = useMemo(() => {
-        var _a;
+        var _a, _b;
         if (!headerProps)
             return [];
         const showChatHistoryInPanel = isMobile &&
             !!headerProps.loginToken &&
             headerProps.showChatHistory !== false;
+        const showShareInPanel = headerProps.showShare !== false;
+        const showLocationInPanel = !!((_a = headerProps.memori) === null || _a === void 0 ? void 0 : _a.needsPosition);
         const historyBlock = showChatHistoryInPanel
             ? [
                 {
@@ -139,60 +128,64 @@ const ChatLayout = ({ Header, headerProps, Chat, chatProps, StartPanel, startPan
             : [];
         return [
             ...historyBlock,
-            {
-                key: 'fullscreen',
-                icon: _jsx(Expand, { size: 18 }),
-                title: t('fullscreenEnter') || 'Full screen',
-                subtitle: t('widget.expandToImmersive') || 'Expand to immersive view',
-                onClick: () => {
-                    handleMobileFullscreen();
-                    setMobileSheetOpen(false);
-                },
-            },
-            {
-                key: 'share',
-                icon: _jsx(Share2, { size: 18 }),
-                title: t('widget.share') || 'Share chat',
-                subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
-                    'Copy link or download',
-                view: 'share',
-            },
-            {
-                key: 'location',
-                icon: _jsx(MapPin, { size: 18 }),
-                title: t('widget.mobileSession.locationTracking') || 'Location tracking',
-                subtitle: ((_a = headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName) ||
-                    t('widget.mobileSession.currentlyOff') ||
-                    'Currently off',
-                view: 'location',
-                trailing: (_jsx("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
-            },
+            ...(showShareInPanel
+                ? [
+                    {
+                        key: 'share',
+                        icon: _jsx(Share2, { size: 18 }),
+                        title: t('widget.share') || 'Share chat',
+                        subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
+                            'Copy link or download',
+                        view: 'share',
+                    },
+                ]
+                : []),
+            ...(showLocationInPanel
+                ? [
+                    {
+                        key: 'location',
+                        icon: _jsx(MapPin, { size: 18 }),
+                        title: t('widget.mobileSession.locationTracking') ||
+                            'Location tracking',
+                        subtitle: ((_b = headerProps.position) === null || _b === void 0 ? void 0 : _b.placeName) ||
+                            t('widget.mobileSession.currentlyOff') ||
+                            'Currently off',
+                        view: 'location',
+                        trailing: (_jsx("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
+                    },
+                ]
+                : []),
         ];
-    }, [headerProps, isMobile, isSessionStarted, t, handleMobileFullscreen]);
-    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, className: "memori-chat-layout", children: [poweredBy, _jsx("div", { id: "extension" }), _jsxs("div", { className: "memori-chat-layout--main", children: [_jsxs("div", { className: state.isFullscreen
+    }, [headerProps, isMobile, t]);
+    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, className: "memori-chat-layout", children: [_jsx("div", { id: "extension" }), _jsx("div", { className: "memori-chat-layout--header", children: Header && headerProps && mobileHeaderProps && (_jsx("div", { className: "memori-fullpage-header-row", children: _jsx(Header, { ...mobileHeaderProps, buttonVariant: "outline", extraActions: isMobile ? (_jsx(IconButton, { className: "memori-chat-layout--overflow-trigger", active: mobileSheetOpen, "aria-label": t('widget.moreActions') || 'More actions', icon: _jsx(EllipsisVertical, {}), onClick: () => setMobileSheetOpen(currentOpen => !currentOpen) })) : undefined }) })) }), headerProps && (_jsx(MobileSessionPanel, { open: mobileSheetOpen, presentation: "popover", onClose: () => setMobileSheetOpen(false), title: t('widget.mobileSession.session') || 'Session', loginToken: headerProps.loginToken, user: headerProps.user, apiClient: headerProps.apiClient, userName: loggedUserDisplayName, userEmail: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail, userInitial: loggedUserInitial, avatarURL: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.avatarURL, birthDate: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.birthDate, actions: mobileSessionActions, knownFactsPageTitle: t('knownFacts.title') || 'Known facts', sharePageTitle: t('widget.share') || 'Share', locationPageTitle: t('widget.mobileSession.locationTracking') || 'Location tracking', backLabel: t('back') || 'Back', locationStatusLabel: t('widget.mobileSession.locationStatus') || 'Status', locationPlace: (_b = headerProps.position) === null || _b === void 0 ? void 0 : _b.placeName, locationUnknownLabel: t('write_and_speak.unknownPosition') || 'Unknown position', locationEnableLabel: t('widget.shareLocation') || 'Share location', locationDisableLabel: t('widget.mobileSession.disableLocationSharing') ||
+                            'Disable location sharing', knownFactsDescription: t('knownFacts.description', {
+                            memoriName: (memori === null || memori === void 0 ? void 0 : memori.name) || '',
+                        }) || '', knownFactsCtaLabel: t('widget.mobileSession.openKnownFacts') ||
+                            'Open full known facts', knownFactsCountLabel: t('widget.mobileSession.knownFactsMessages', {
+                            count: ((_c = headerProps.history) === null || _c === void 0 ? void 0 : _c.length) || 0,
+                        }) || '', shareContent: _jsx(ShareButton, { tenant: headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant, memori: headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori, sessionID: headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID, title: (_d = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) === null || _d === void 0 ? void 0 : _d.name, baseUrl: headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl, align: "left", history: headerProps === null || headerProps === void 0 ? void 0 : headerProps.history, renderMode: "inline" }), knownFactsDisabled: !isSessionStarted, showSessionInfo: isSessionStarted, showKnownFacts: !!((_e = headerProps.memori) === null || _e === void 0 ? void 0 : _e.enableDeepThought) &&
+                            !!headerProps.loginToken &&
+                            !!((_f = headerProps.user) === null || _f === void 0 ? void 0 : _f.pAndCUAccepted), showMessageConsumption: !!headerProps.showMessageConsumption, history: (_g = headerProps.history) !== null && _g !== void 0 ? _g : [], isLoggedIn: !!loggedUser, showLogin: !!headerProps.showLogin, loginLabel: t('login.login') || 'Log in', onLogin: () => {
+                            headerProps.setShowLoginDrawer(true);
+                            setMobileSheetOpen(false);
+                        }, onKnownFactsOpen: () => {
+                            if (!isSessionStarted)
+                                return;
+                            headerProps.setShowKnownFactsDrawer(true);
+                            setMobileSheetOpen(false);
+                        }, onLocationEnable: handleEnableLocation, onLocationDisable: handleDisableLocation, venue: headerProps.position, setVenue: headerProps.setVenue, logoutLabel: t('login.logout') || 'Log out', onLogout: () => {
+                            handleMobileLogout();
+                            setMobileSheetOpen(false);
+                        } })), _jsxs("div", { className: `memori-chat-layout--main${globalBackground ? ' memori-chat-layout--main--has-background' : ''}`, style: globalBackground
+                            ? {
+                                ['--memori-chat-global-background']: `url(${globalBackground})`,
+                            }
+                            : undefined, children: [_jsx("div", { className: state.isFullscreen
                                     ? `memori-chat-layout-controls-hide`
-                                    : `memori-chat-layout--controls`, children: [_jsx("div", { className: "memori-chat-layout--header", children: Header && headerProps && mobileHeaderProps && (_jsx("div", { className: "memori-fullpage-header-row", children: _jsx(Header, { ...mobileHeaderProps, buttonVariant: "outline", extraActions: isMobile ? (_jsx(Button, { variant: "outline", className: `memori-chat-layout--overflow-trigger ${mobileSheetOpen ? 'memori-button--active' : ''}`, "aria-label": t('widget.moreActions') || 'More actions', icon: _jsx(EllipsisVertical, {}), onClick: () => setMobileSheetOpen(currentOpen => !currentOpen) })) : undefined }) })) }), _jsxs("div", { className: "memori-chat-layout--body", children: [headerProps && (_jsx(MobileSessionPanel, { open: mobileSheetOpen, presentation: "popover", onClose: () => setMobileSheetOpen(false), title: t('widget.mobileSession.session') || 'Session', loginToken: headerProps.loginToken, user: headerProps.user, apiClient: headerProps.apiClient, userName: loggedUserDisplayName, userEmail: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail, userInitial: loggedUserInitial, avatarURL: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.avatarURL, birthDate: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.birthDate, actions: mobileSessionActions, knownFactsPageTitle: t('knownFacts.title') || 'Known facts', sharePageTitle: t('widget.share') || 'Share', locationPageTitle: t('widget.mobileSession.locationTracking') ||
-                                                    'Location tracking', backLabel: t('back') || 'Back', locationStatusLabel: t('widget.mobileSession.locationStatus') || 'Status', locationPlace: (_a = headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName, locationUnknownLabel: t('write_and_speak.unknownPosition') || 'Unknown position', locationEnableLabel: t('widget.shareLocation') || 'Share location', locationDisableLabel: t('widget.mobileSession.disableLocationSharing') ||
-                                                    'Disable location sharing', knownFactsDescription: t('knownFacts.description', {
-                                                    memoriName: (memori === null || memori === void 0 ? void 0 : memori.name) || '',
-                                                }) || '', knownFactsCtaLabel: t('widget.mobileSession.openKnownFacts') ||
-                                                    'Open full known facts', knownFactsCountLabel: t('widget.mobileSession.knownFactsMessages', {
-                                                    count: ((_b = headerProps.history) === null || _b === void 0 ? void 0 : _b.length) || 0,
-                                                }) || '', shareContent: _jsx(ShareButton, { tenant: headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant, memori: headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori, sessionID: headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID, title: (_c = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) === null || _c === void 0 ? void 0 : _c.name, baseUrl: headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl, align: "left", history: headerProps === null || headerProps === void 0 ? void 0 : headerProps.history, renderMode: "inline" }), knownFactsDisabled: !isSessionStarted, showSessionInfo: isSessionStarted, history: (_d = headerProps.history) !== null && _d !== void 0 ? _d : [], isLoggedIn: !!loggedUser, loginLabel: t('login.login') || 'Log in', onLogin: () => {
-                                                    headerProps.setShowLoginDrawer(true);
-                                                    setMobileSheetOpen(false);
-                                                }, onKnownFactsOpen: () => {
-                                                    if (!isSessionStarted)
-                                                        return;
-                                                    headerProps.setShowKnownFactsDrawer(true);
-                                                    setMobileSheetOpen(false);
-                                                }, onLocationEnable: handleEnableLocation, onLocationDisable: handleDisableLocation, venue: headerProps.position, setVenue: headerProps.setVenue, logoutLabel: t('login.logout') || 'Log out', onLogout: () => {
-                                                    handleMobileLogout();
-                                                    setMobileSheetOpen(false);
-                                                } })), sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsxs("div", { className: "memori-chat-layout--start-shell", id: "chat-wrapper", children: [_jsx("div", { className: "memori-chat-layout--start-panel-wrap", children: _jsx(StartPanel, { ...startPanelProps }) }), Chat && chatProps && chatProps.showInputs !== false && (_jsx("div", { className: "memori-chat-layout--prechat-inputs", children: _jsx(ChatInputs, { userMessage: chatProps.userMessage, onChangeUserMessage: chatProps.onChangeUserMessage, dialogState: chatProps.dialogState, instruct: chatProps.instruct, authToken: chatProps.authToken, sendMessage: chatProps.sendMessage, isTyping: chatProps.memoriTyping, microphoneMode: chatProps.microphoneMode, sendOnEnter: chatProps.sendOnEnter, setSendOnEnter: chatProps.setSendOnEnter, client: chatProps.client, sessionID: chatProps.sessionID, showUpload: chatProps.showUpload, attachmentsMenuOpen: chatProps.attachmentsMenuOpen, setAttachmentsMenuOpen: chatProps.setAttachmentsMenuOpen, onTextareaFocus: () => {
-                                                                var _a;
-                                                                (_a = chatProps.stopListening) === null || _a === void 0 ? void 0 : _a.call(chatProps);
-                                                            }, onTextareaBlur: () => { }, onTextareaExpanded: () => { }, startListening: chatProps.startListening, stopListening: chatProps.stopListening, stopAudio: chatProps.stopAudio, listening: chatProps.listening, isPlayingAudio: chatProps.isPlayingAudio, showMicrophone: chatProps.showMicrophone, memoriID: (_e = chatProps.memori) === null || _e === void 0 ? void 0 : _e.memoriID, maxTextareaCharacters: chatProps.maxTextareaCharacters, maxDocumentsPerMessage: maxDocumentsPerMessage, maxDocumentContentLength: maxDocumentContentLength, pasteAsCardLineThreshold: pasteAsCardLineThreshold, pasteAsCardCharThreshold: pasteAsCardCharThreshold, showAiGeneratedNote: false }) }))] })) : null] })] }), _jsx("div", { className: `memori--grid-column-artifact${useSideArtifactChrome ? ' memori--grid-column-artifact--open' : ''}`, children: useSideArtifactChrome && (_jsx(ArtifactDrawer, { isLayoutColumn: true })) })] })] })] }));
+                                    : `memori-chat-layout--controls`, children: _jsxs("div", { className: "memori-conversation-column", children: [_jsx("div", { className: "memori-chat-layout--body", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps, showInputs: false })) : startPanelProps ? (_jsx("div", { className: "memori-chat-layout--start-shell", id: "chat-wrapper", children: _jsx("div", { className: "memori-chat-layout--start-panel-wrap", children: _jsx(StartPanel, { ...startPanelProps }) }) })) : null }), Chat && chatProps && chatProps.showInputs !== false && (_jsx(ChatInputs, { userMessage: chatProps.userMessage, onChangeUserMessage: chatProps.onChangeUserMessage, dialogState: chatProps.dialogState, instruct: chatProps.instruct, authToken: chatProps.authToken, sendMessage: chatProps.sendMessage, isTyping: chatProps.memoriTyping, microphoneMode: chatProps.microphoneMode, sendOnEnter: chatProps.sendOnEnter, setSendOnEnter: chatProps.setSendOnEnter, client: chatProps.client, sessionID: chatProps.sessionID, showUpload: chatProps.showUpload, attachmentsMenuOpen: chatProps.attachmentsMenuOpen, setAttachmentsMenuOpen: chatProps.setAttachmentsMenuOpen, onTextareaFocus: () => {
+                                                var _a;
+                                                (_a = chatProps.stopListening) === null || _a === void 0 ? void 0 : _a.call(chatProps);
+                                            }, onTextareaBlur: () => { }, onTextareaExpanded: () => { }, startListening: chatProps.startListening, stopListening: chatProps.stopListening, stopAudio: chatProps.stopAudio, listening: chatProps.listening, isPlayingAudio: chatProps.isPlayingAudio, showMicrophone: chatProps.showMicrophone, memoriID: (_h = chatProps.memori) === null || _h === void 0 ? void 0 : _h.memoriID, maxTextareaCharacters: chatProps.maxTextareaCharacters, maxTotalMessagePayload: chatProps.maxTotalMessagePayload, maxDocumentsPerMessage: maxDocumentsPerMessage, maxDocumentContentLength: maxDocumentContentLength, pasteAsCardLineThreshold: pasteAsCardLineThreshold, pasteAsCardCharThreshold: pasteAsCardCharThreshold, showAiGeneratedNote: isSessionStarted, footerBrand: poweredBy }))] }) }), _jsx("div", { className: `memori--grid-column-artifact${useSideArtifactChrome ? ' memori--grid-column-artifact--open' : ''}`, children: useSideArtifactChrome && _jsx(ArtifactDrawer, { isLayoutColumn: true }) })] })] })] }));
 };
 export default ChatLayout;
 //# sourceMappingURL=Chat.js.map

package/esm/components/layouts/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/layouts/Chat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/layouts/Chat.tsx"],"names":[],"mappings":"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"}

package/esm/components/layouts/FullPage.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button, Spin } from '@memori.ai/ui';
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { Spin } from '@memori.ai/ui';
+import IconButton from '../IconButton/IconButton';
 import { useTranslation } from 'react-i18next';
 import { Expand, MapPin, Share2, EllipsisVertical, MessageCircle, } from 'lucide-react';
 import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
 import ArtifactDrawer from '../MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer';
 import MobileSessionPanel from '../MobileSessionPanel/MobileSessionPanel';
 import ShareButton from '../ShareButton/ShareButton';
+import { ARTIFACT_COLUMN_DEFAULT_WIDTH, ARTIFACT_OVERLAY_BREAKPOINT, clampArtifactColumnWidth, } from '../../helpers/artifactPanel';
 function isFullscreenAllowedOnDevice() {
     if (typeof document === 'undefined')
         return false;
@@ -16,24 +18,38 @@ function isFullscreenAllowedOnDevice() {
     return (fullscreenMeta === null || fullscreenMeta === void 0 ? void 0 : fullscreenMeta.getAttribute('content')) === 'true';
 }
 const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useTranslation();
     const { state } = useArtifact();
     const hasArtifact = state.currentArtifact;
     const useSideArtifactChrome = state.isDrawerOpen && !state.isChatLogPanelPresentation;
     const [isMobile, setIsMobile] = useState(false);
+    const [isArtifactOverlay, setIsArtifactOverlay] = useState(false);
     const [mobileSheetOpen, setMobileSheetOpen] = useState(false);
+    const [artifactColumnWidth, setArtifactColumnWidth] = useState(ARTIFACT_COLUMN_DEFAULT_WIDTH);
+    const [isResizingArtifact, setIsResizingArtifact] = useState(false);
+    const contentRowRef = useRef(null);
     useEffect(() => {
         const mediaQuery = window.matchMedia('(max-width: 768px)');
-        const update = () => setIsMobile(mediaQuery.matches);
+        const overlayQuery = window.matchMedia(`(max-width: ${ARTIFACT_OVERLAY_BREAKPOINT - 1}px)`);
+        const update = () => {
+            setIsMobile(mediaQuery.matches);
+            setIsArtifactOverlay(overlayQuery.matches);
+        };
         update();
         mediaQuery.addEventListener('change', update);
-        return () => mediaQuery.removeEventListener('change', update);
+        overlayQuery.addEventListener('change', update);
+        return () => {
+            mediaQuery.removeEventListener('change', update);
+            overlayQuery.removeEventListener('change', update);
+        };
     }, []);
     const memori = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori;
     const tenant = headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant;
     const baseUrl = headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl;
-    const loggedUser = (headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken) && (headerProps === null || headerProps === void 0 ? void 0 : headerProps.user) ? headerProps.user : undefined;
+    const loggedUser = (headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken) && ((_a = headerProps === null || headerProps === void 0 ? void 0 : headerProps.user) === null || _a === void 0 ? void 0 : _a.userID)
+        ? headerProps.user
+        : undefined;
     const enrichedUser = loggedUser;
     const loggedUserDisplayName = [enrichedUser === null || enrichedUser === void 0 ? void 0 : enrichedUser.name, enrichedUser === null || enrichedUser === void 0 ? void 0 : enrichedUser.surname]
         .filter(Boolean)
@@ -45,6 +61,38 @@ const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatPr
         'User';
     const loggedUserInitial = loggedUserDisplayName.charAt(0).toUpperCase();
     const isSessionStarted = Boolean(sessionId && hasUserActivatedSpeak);
+    const agentStatus = useMemo(() => {
+        if (chatProps === null || chatProps === void 0 ? void 0 : chatProps.isPlayingAudio) {
+            return {
+                key: 'speaking',
+                label: t('widget.agentStatusSpeaking', {
+                    defaultValue: 'sta parlando',
+                }),
+            };
+        }
+        if (chatProps === null || chatProps === void 0 ? void 0 : chatProps.memoriTyping) {
+            return {
+                key: 'processing',
+                label: t('widget.agentStatusProcessing', {
+                    defaultValue: 'in elaborazione',
+                }),
+            };
+        }
+        if (chatProps === null || chatProps === void 0 ? void 0 : chatProps.listening) {
+            return {
+                key: 'listening',
+                label: t('widget.agentStatusListening', {
+                    defaultValue: 'in ascolto',
+                }),
+            };
+        }
+        return null;
+    }, [
+        chatProps === null || chatProps === void 0 ? void 0 : chatProps.isPlayingAudio,
+        chatProps === null || chatProps === void 0 ? void 0 : chatProps.memoriTyping,
+        chatProps === null || chatProps === void 0 ? void 0 : chatProps.listening,
+        t,
+    ]);
     const handleMobileFullscreen = useCallback(() => {
         if (!isFullscreenAllowedOnDevice())
             return;
@@ -91,6 +139,54 @@ const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatPr
             uncertainty: 0,
         });
     };
+    const clampToContentRow = useCallback((requestedWidth) => {
+        var _a;
+        const containerWidth = ((_a = contentRowRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) ||
+            window.innerWidth;
+        return clampArtifactColumnWidth(requestedWidth, containerWidth, isArtifactOverlay);
+    }, [isArtifactOverlay]);
+    useEffect(() => {
+        if (!useSideArtifactChrome)
+            return;
+        setArtifactColumnWidth(current => clampToContentRow(current));
+    }, [useSideArtifactChrome, isArtifactOverlay, clampToContentRow]);
+    const handleArtifactResizeStart = useCallback((event) => {
+        event.preventDefault();
+        const handle = event.currentTarget;
+        handle.setPointerCapture(event.pointerId);
+        setIsResizingArtifact(true);
+    }, []);
+    const handleArtifactResizeMove = useCallback((event) => {
+        if (!isResizingArtifact)
+            return;
+        const row = contentRowRef.current;
+        if (!row)
+            return;
+        const nextWidth = row.getBoundingClientRect().right - event.clientX;
+        setArtifactColumnWidth(clampToContentRow(nextWidth));
+    }, [clampToContentRow, isResizingArtifact]);
+    const handleArtifactResizeEnd = useCallback(() => {
+        setIsResizingArtifact(false);
+    }, []);
+    const handleArtifactResizeKeyDown = useCallback((event) => {
+        const step = event.shiftKey ? 40 : 16;
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            setArtifactColumnWidth(current => clampToContentRow(current + step));
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            setArtifactColumnWidth(current => clampToContentRow(current - step));
+        }
+        else if (event.key === 'Home') {
+            event.preventDefault();
+            setArtifactColumnWidth(current => clampToContentRow(current + 200));
+        }
+        else if (event.key === 'End') {
+            event.preventDefault();
+            setArtifactColumnWidth(current => clampToContentRow(current - 200));
+        }
+    }, [clampToContentRow]);
     const mobileHeaderProps = useMemo(() => {
         if (!headerProps)
             return undefined;
@@ -103,8 +199,8 @@ const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatPr
             showSettings: false,
             showShare: false,
             showLogin: false,
-            showMessageConsumption: false,
             showFullscreen: false,
+            showMessageConsumption: false,
             memori: {
                 ...headerProps.memori,
                 needsPosition: false,
@@ -115,12 +211,15 @@ const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatPr
         };
     }, [headerProps, isMobile]);
     const mobileSessionActions = useMemo(() => {
-        var _a;
+        var _a, _b;
         if (!headerProps)
             return [];
         const showChatHistoryInPanel = isMobile &&
             !!headerProps.loginToken &&
             headerProps.showChatHistory !== false;
+        const showFullscreenInPanel = !isMobile && headerProps.showFullscreen !== false;
+        const showShareInPanel = headerProps.showShare !== false;
+        const showLocationInPanel = !!((_a = headerProps.memori) === null || _a === void 0 ? void 0 : _a.needsPosition);
         const historyBlock = showChatHistoryInPanel
             ? [
                 {
@@ -138,43 +237,58 @@ const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatPr
             : [];
         return [
             ...historyBlock,
-            {
-                key: 'fullscreen',
-                icon: _jsx(Expand, { size: 18 }),
-                title: t('fullscreenEnter') || 'Full screen',
-                subtitle: t('widget.expandToImmersive') || 'Expand to immersive view',
-                onClick: () => {
-                    handleMobileFullscreen();
-                    setMobileSheetOpen(false);
-                },
-            },
-            {
-                key: 'share',
-                icon: _jsx(Share2, { size: 18 }),
-                title: t('widget.share') || 'Share chat',
-                subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
-                    'Copy link or download',
-                view: 'share',
-            },
-            {
-                key: 'location',
-                icon: _jsx(MapPin, { size: 18 }),
-                title: t('widget.mobileSession.locationTracking') || 'Location tracking',
-                subtitle: ((_a = headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName) ||
-                    t('widget.mobileSession.currentlyOff') ||
-                    'Currently off',
-                view: 'location',
-                trailing: (_jsx("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
-            },
+            ...(showFullscreenInPanel
+                ? [
+                    {
+                        key: 'fullscreen',
+                        icon: _jsx(Expand, { size: 18 }),
+                        title: t('fullscreenEnter') || 'Full screen',
+                        subtitle: t('widget.expandToImmersive') || 'Expand to immersive view',
+                        onClick: () => {
+                            handleMobileFullscreen();
+                            setMobileSheetOpen(false);
+                        },
+                    },
+                ]
+                : []),
+            ...(showShareInPanel
+                ? [
+                    {
+                        key: 'share',
+                        icon: _jsx(Share2, { size: 18 }),
+                        title: t('widget.share') || 'Share chat',
+                        subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
+                            'Copy link or download',
+                        view: 'share',
+                    },
+                ]
+                : []),
+            ...(showLocationInPanel
+                ? [
+                    {
+                        key: 'location',
+                        icon: _jsx(MapPin, { size: 18 }),
+                        title: t('widget.mobileSession.locationTracking') ||
+                            'Location tracking',
+                        subtitle: ((_b = headerProps.position) === null || _b === void 0 ? void 0 : _b.placeName) ||
+                            t('widget.mobileSession.currentlyOff') ||
+                            'Currently off',
+                        view: 'location',
+                        trailing: (_jsx("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
+                    },
+                ]
+                : []),
         ];
     }, [headerProps, isMobile, isSessionStarted, t, handleMobileFullscreen]);
-    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, children: [useSideArtifactChrome && poweredBy, Header && headerProps && mobileHeaderProps && (_jsx("div", { className: "memori-fullpage-top-header", children: _jsx("div", { className: "memori-chat-layout--header", children: _jsx("div", { className: "memori-fullpage-header-row", children: _jsx(Header, { ...mobileHeaderProps, layout: "FULLPAGE", buttonVariant: "outline", extraActions: isMobile ? (_jsx(Button, { variant: "outline", className: `memori-chat-layout--overflow-trigger ${mobileSheetOpen ? 'memori-button--active' : ''}`, "aria-label": t('widget.moreActions') || 'More actions', icon: _jsx(EllipsisVertical, {}), onClick: () => setMobileSheetOpen(currentOpen => !currentOpen) })) : undefined }) }) }) })), headerProps && (_jsx(MobileSessionPanel, { open: mobileSheetOpen, presentation: "popover", onClose: () => setMobileSheetOpen(false), title: t('widget.mobileSession.session') || 'Session', loginToken: headerProps.loginToken, user: headerProps.user, apiClient: headerProps.apiClient, userName: loggedUserDisplayName, userEmail: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail, userInitial: loggedUserInitial, avatarURL: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.avatarURL, birthDate: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.birthDate, actions: mobileSessionActions, knownFactsPageTitle: t('knownFacts.title') || 'Known facts', sharePageTitle: t('widget.share') || 'Share', locationPageTitle: t('widget.mobileSession.locationTracking') || 'Location tracking', backLabel: t('back') || 'Back', locationStatusLabel: t('widget.mobileSession.locationStatus') || 'Status', locationPlace: (_a = headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName, locationUnknownLabel: t('write_and_speak.unknownPosition') || 'Unknown position', locationEnableLabel: t('widget.shareLocation') || 'Share location', locationDisableLabel: t('widget.mobileSession.disableLocationSharing') ||
+    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, children: [Header && headerProps && mobileHeaderProps && (_jsx("div", { className: "memori-fullpage-top-header", children: _jsx("div", { className: "memori-chat-layout--header", children: _jsx("div", { className: "memori-fullpage-header-row", children: _jsx(Header, { ...mobileHeaderProps, layout: "FULLPAGE", buttonVariant: "outline", extraActions: isMobile ? (_jsx(IconButton, { className: "memori-chat-layout--overflow-trigger", active: mobileSheetOpen, "aria-label": t('widget.moreActions') || 'More actions', icon: _jsx(EllipsisVertical, {}), onClick: () => setMobileSheetOpen(currentOpen => !currentOpen) })) : undefined }) }) }) })), headerProps && (_jsx(MobileSessionPanel, { open: mobileSheetOpen, presentation: "popover", onClose: () => setMobileSheetOpen(false), title: t('widget.mobileSession.session') || 'Session', loginToken: headerProps.loginToken, user: headerProps.user, apiClient: headerProps.apiClient, userName: loggedUserDisplayName, userEmail: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail, userInitial: loggedUserInitial, avatarURL: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.avatarURL, birthDate: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.birthDate, actions: mobileSessionActions, knownFactsPageTitle: t('knownFacts.title') || 'Known facts', sharePageTitle: t('widget.share') || 'Share', locationPageTitle: t('widget.mobileSession.locationTracking') || 'Location tracking', backLabel: t('back') || 'Back', locationStatusLabel: t('widget.mobileSession.locationStatus') || 'Status', locationPlace: (_b = headerProps.position) === null || _b === void 0 ? void 0 : _b.placeName, locationUnknownLabel: t('write_and_speak.unknownPosition') || 'Unknown position', locationEnableLabel: t('widget.shareLocation') || 'Share location', locationDisableLabel: t('widget.mobileSession.disableLocationSharing') ||
                             'Disable location sharing', knownFactsDescription: t('knownFacts.description', {
                             memoriName: (memori === null || memori === void 0 ? void 0 : memori.name) || '',
                         }) || '', knownFactsCtaLabel: t('widget.mobileSession.openKnownFacts') ||
                             'Open full known facts', knownFactsCountLabel: t('widget.mobileSession.knownFactsMessages', {
-                            count: ((_b = headerProps.history) === null || _b === void 0 ? void 0 : _b.length) || 0,
-                        }) || '', shareContent: _jsx(ShareButton, { tenant: headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant, memori: headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori, sessionID: headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID, title: (_c = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) === null || _c === void 0 ? void 0 : _c.name, baseUrl: headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl, align: "left", history: headerProps === null || headerProps === void 0 ? void 0 : headerProps.history, renderMode: "inline" }), knownFactsDisabled: !isSessionStarted, showSessionInfo: isSessionStarted, history: (_d = headerProps.history) !== null && _d !== void 0 ? _d : [], isLoggedIn: !!loggedUser, loginLabel: t('login.login') || 'Log in', onLogin: () => {
+                            count: ((_c = headerProps.history) === null || _c === void 0 ? void 0 : _c.length) || 0,
+                        }) || '', shareContent: _jsx(ShareButton, { tenant: headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant, memori: headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori, sessionID: headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID, title: (_d = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) === null || _d === void 0 ? void 0 : _d.name, baseUrl: headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl, align: "left", history: headerProps === null || headerProps === void 0 ? void 0 : headerProps.history, renderMode: "inline" }), knownFactsDisabled: !isSessionStarted, showSessionInfo: isSessionStarted, showKnownFacts: !!((_e = headerProps.memori) === null || _e === void 0 ? void 0 : _e.enableDeepThought) &&
+                            !!headerProps.loginToken &&
+                            !!((_f = headerProps.user) === null || _f === void 0 ? void 0 : _f.pAndCUAccepted), showMessageConsumption: !!headerProps.showMessageConsumption, history: (_g = headerProps.history) !== null && _g !== void 0 ? _g : [], isLoggedIn: !!loggedUser, showLogin: !!headerProps.showLogin, loginLabel: t('login.login') || 'Log in', onLogin: () => {
                             headerProps.setShowLoginDrawer(true);
                             setMobileSheetOpen(false);
                         }, onKnownFactsOpen: () => {
@@ -185,9 +299,16 @@ const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatPr
                         }, onLocationEnable: handleEnableLocation, onLocationDisable: handleDisableLocation, venue: headerProps.position, setVenue: headerProps.setVenue, logoutLabel: t('login.logout') || 'Log out', onLogout: () => {
                             handleMobileLogout();
                             setMobileSheetOpen(false);
-                        } })), _jsxs("div", { className: "memori-fullpage-content-row", children: [_jsxs("div", { className: "memori--grid", children: [_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" }), poweredBy] }), _jsx("div", { className: "memori-chat-layout--main", children: _jsx("div", { className: state.isFullscreen
+                        } })), _jsxs("div", { ref: contentRowRef, className: `memori-fullpage-content-row${useSideArtifactChrome && isArtifactOverlay
+                            ? ' memori-fullpage-content-row--artifact-overlay'
+                            : ''}${isResizingArtifact ? ' memori-fullpage-content-row--resizing' : ''}`, style: useSideArtifactChrome
+                            ? {
+                                ['--memori-artifact-column-width']: `${artifactColumnWidth}px`,
+                            }
+                            : undefined, children: [_jsxs("div", { className: "memori--grid", children: [_jsxs("div", { className: "memori--grid-column memori--grid-column-left", hidden: useSideArtifactChrome, children: [isSessionStarted && agentStatus && (_jsxs("div", { className: "memori-fullpage-agent-status", role: "status", "aria-live": "polite", children: [_jsx("span", { className: `memori-fullpage-agent-status--dot memori-fullpage-agent-status--dot-${agentStatus.key}`, "aria-hidden": "true" }), _jsx("span", { className: "memori-fullpage-agent-status--label", children: agentStatus.label })] })), Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" })] }), _jsx("div", { className: "memori-chat-layout--main", children: _jsx("div", { className: state.isFullscreen
                                                 ? `memori-chat-layout-controls-hide`
-                                                : `memori-chat-layout--controls`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null }) })] }), _jsx("div", { className: `memori--grid-column-artifact${useSideArtifactChrome ? ' memori--grid-column-artifact--open' : ''}`, children: useSideArtifactChrome && (_jsx(ArtifactDrawer, { isLayoutColumn: true })) })] })] })] }));
+                                                : `memori-chat-layout--controls`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps, footerBrand: poweredBy, showAiGeneratedNote: true })) : startPanelProps ? (_jsx("div", { className: "memori-conversation-column", children: _jsx(StartPanel, { ...startPanelProps, footerBrand: poweredBy }) })) : null }) })] }), _jsx("div", { className: `memori--grid-column-artifact${useSideArtifactChrome ? ' memori--grid-column-artifact--open' : ''}`, children: useSideArtifactChrome && (_jsxs(_Fragment, { children: [!isMobile && (_jsx("div", { className: "memori-artifact-resize-handle", role: "separator", "aria-orientation": "vertical", "aria-label": t('artifact.resizeHandle') || 'Resize artifact panel', "aria-valuemin": 360, "aria-valuemax": Math.round(((_h = contentRowRef.current) === null || _h === void 0 ? void 0 : _h.getBoundingClientRect().width) ||
+                                                0) || undefined, "aria-valuenow": Math.round(artifactColumnWidth), tabIndex: 0, onPointerDown: handleArtifactResizeStart, onPointerMove: handleArtifactResizeMove, onPointerUp: handleArtifactResizeEnd, onPointerCancel: handleArtifactResizeEnd, onKeyDown: handleArtifactResizeKeyDown })), _jsx(ArtifactDrawer, { isLayoutColumn: true })] })) })] })] })] }));
 };
 export default FullPageLayout;
 //# sourceMappingURL=FullPage.js.map