@memori.ai/memori-react 9.0.0-alpha.16 → 9.0.0-alpha.17

package/dist/components/Header/Header.css

@@ -186,10 +186,16 @@
     opacity: 0.6;
 }
 
-/* Logout action */
-.memori-dropdown--action-button.memori-dropdown--action-button--logout {
+/* Logout action — full-width labeled control inside user menu */
+.memori-dropdown--action-button.memori-dropdown--action-button--logout,
+.memori-widget
+    .memori-icon-button.memori-icon-button--labeled.memori-dropdown--action-button--logout.memori-button {
     display: flex;
     width: 100%;
+    min-width: 0;
+    max-width: none;
+    height: auto;
+    min-height: var(--memori-icon-button-size, 36px);
     box-sizing: border-box;
     align-items: center;
     justify-content: center;
@@ -240,8 +246,8 @@
 }
 
 .memori-header--button svg {
-    width: 1em;
-    height: 1em;
+    width: 1.25em;
+    height: 1.25em;
     font-size: 1em;
     line-height: 1;
 }
@@ -250,6 +256,19 @@
     fill: currentColor;
 }
 
+/* Accedi / login CTA — ~1.8:1 horizontal:vertical padding, height aligned to icon tools */
+.memori-header .memori-header--button-login.memori-button {
+    height: var(--memori-icon-button-size, 40px);
+    min-height: var(--memori-icon-button-size, 40px);
+    padding: 0.5rem 0.9rem;
+    gap: 0.4rem;
+}
+
+.memori-header .memori-header--button-login.memori-button svg {
+    width: var(--memori-icon-button-icon-size, 20px);
+    height: var(--memori-icon-button-icon-size, 20px);
+}
+
 .memori-header--position {
     display: inline-flex;
     align-items: center;
@@ -302,10 +321,175 @@
     pointer-events: none;
 }
 
-.memori-header .memori-button.memori-button--active:not(:disabled):not(.memori-button--disabled),
+.memori-header .memori-icon-button.memori-button.memori-icon-button--active:not(:disabled):not(.memori-button--disabled),
 .memori-header
-    .memori-dropdown--user-trigger-button.memori-button--active:not(:disabled):not(.memori-button--disabled) {
-    box-shadow: 0 0 0 2px color-mix(in srgb, var(--memori-primary, #3b82f6) 40%, transparent);
+    .memori-dropdown--user-trigger-button.memori-icon-button.memori-button--active:not(:disabled):not(.memori-button--disabled) {
+    /* Soft active owned by IconButton.css — do not use CTA ring/fill here */
+    box-shadow: none;
+}
+
+/* Header (+ mobile overflow) icon tools: primary icon on hover (not logout / recording) */
+.memori-widget
+    .memori-header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording,
+        .memori-dropdown--action-button--logout
+    ),
+.memori-widget
+    .memori-fullpage-header-row
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    ),
+.memori-widget
+    .memori-chat-layout--header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    ),
+.memori-widget
+    .memori-chat-layout--overflow-trigger.memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled
+    ) {
+    color: var(--memori-primary);
+}
+
+.memori-widget
+    .memori-header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording,
+        .memori-dropdown--action-button--logout
+    )
+    svg,
+.memori-widget
+    .memori-fullpage-header-row
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    )
+    svg,
+.memori-widget
+    .memori-chat-layout--header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    )
+    svg,
+.memori-widget
+    .memori-chat-layout--overflow-trigger.memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled
+    )
+    svg {
+    color: var(--memori-primary);
+}
+
+/* Dark: keep white at rest, but still use primary on hover for icon tools */
+.memori-widget[data-theme='dark']
+    .memori-header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording,
+        .memori-dropdown--action-button--logout
+    ),
+[data-theme='dark']
+    .memori-widget
+    .memori-header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording,
+        .memori-dropdown--action-button--logout
+    ),
+.memori-widget[data-theme='dark']
+    .memori-fullpage-header-row
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    ),
+[data-theme='dark']
+    .memori-widget
+    .memori-fullpage-header-row
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    ),
+.memori-widget[data-theme='dark']
+    .memori-chat-layout--overflow-trigger.memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled
+    ),
+[data-theme='dark']
+    .memori-widget
+    .memori-chat-layout--overflow-trigger.memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled
+    ) {
+    color: var(--memori-primary);
+}
+
+.memori-widget[data-theme='dark']
+    .memori-header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording,
+        .memori-dropdown--action-button--logout
+    )
+    svg,
+[data-theme='dark']
+    .memori-widget
+    .memori-header
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording,
+        .memori-dropdown--action-button--logout
+    )
+    svg,
+.memori-widget[data-theme='dark']
+    .memori-fullpage-header-row
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    )
+    svg,
+[data-theme='dark']
+    .memori-widget
+    .memori-fullpage-header-row
+    .memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled,
+        .memori-icon-button--recording
+    )
+    svg,
+.memori-widget[data-theme='dark']
+    .memori-chat-layout--overflow-trigger.memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled
+    )
+    svg,
+[data-theme='dark']
+    .memori-widget
+    .memori-chat-layout--overflow-trigger.memori-icon-button.memori-button:hover:not(
+        :disabled,
+        .memori-button--disabled
+    )
+    svg {
+    color: var(--memori-primary);
 }
 
 .memori-dropdown--avatar-input {
@@ -576,19 +760,9 @@
     gap: 0.5rem;
 }
 
-.memori-header--auth-icon-button {
-    width: 38px;
-    min-width: 38px;
-    height: 38px;
-    min-height: 38px;
-    padding: 8px;
-    border: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 16%, transparent);
-    background: transparent;
-}
-
 .memori-header--auth-icon-button:has(.memori-header--action-label) {
     width: auto;
-    min-width: 38px;
+    min-width: var(--memori-icon-button-size, 36px);
     gap: 0.35rem;
     padding-inline: 10px;
 }
@@ -600,10 +774,6 @@
     white-space: nowrap;
 }
 
-.memori-header--auth-icon-button:hover {
-    background: color-mix(in srgb, var(--memori-text-color, #111827) 8%, transparent);
-}
-
 .memori-dropdown--auth-menu {
     min-width: 320px;
     padding: 0.45rem;

package/dist/components/Header/Header.d.ts

@@ -13,6 +13,7 @@ export interface Props {
     setVenue: (venue?: Venue) => void;
     positionPopoverOpen: boolean;
     setPositionPopoverOpen: (open: boolean) => void;
+    autoStartPositionGeolocation?: boolean;
     setShowSettingsDrawer: (show: boolean) => void;
     setShowChatHistoryDrawer: (show: boolean) => void;
     setShowKnownFactsDrawer: (show: boolean) => void;

package/dist/components/Header/Header.js

@@ -12,9 +12,10 @@ const PositionPopover_1 = tslib_1.__importDefault(require("../PositionPopover/Po
 const GasStation_1 = tslib_1.__importDefault(require("../icons/GasStation"));
 const error_1 = require("../../helpers/error");
 const ChatConsumptionDropdown_1 = tslib_1.__importDefault(require("./ChatConsumptionDropdown"));
+const IconButton_1 = tslib_1.__importDefault(require("../IconButton/IconButton"));
 const utils_1 = require("../../helpers/utils");
 const media_1 = require("../../helpers/media");
-const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, position, setVenue, positionPopoverOpen, setPositionPopoverOpen, setShowSettingsDrawer, setShowChatHistoryDrawer, setShowKnownFactsDrawer, setShowExpertsDrawer, enableAudio = true, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showReload = false, showClear = false, showLogin = true, setShowLoginDrawer, clearHistory, loginToken, user, sessionID, showChatHistory = true, fullScreenHandler, baseUrl, onLogout, apiClient, layout, additionalSettings, showMessageConsumption = false, showFullscreen = true, extraActions, }) => {
+const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, position, setVenue, positionPopoverOpen, setPositionPopoverOpen, autoStartPositionGeolocation = false, setShowSettingsDrawer, setShowChatHistoryDrawer, setShowKnownFactsDrawer, setShowExpertsDrawer, enableAudio = true, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showReload = false, showClear = false, showLogin = true, setShowLoginDrawer, clearHistory, loginToken, user, sessionID, showChatHistory = true, fullScreenHandler, baseUrl, onLogout, apiClient, layout, additionalSettings, showMessageConsumption = false, showFullscreen = true, extraActions, }) => {
     var _a;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const { add } = (0, ui_1.useAlertManager)();
@@ -227,7 +228,7 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
     const fullscreenLabel = fullScreen
         ? t('fullscreenExit') || 'Exit fullscreen'
         : t('fullscreenEnter') || 'Full screen';
-    const isAuthenticated = !!loginToken && !!user;
+    const isAuthenticated = !!loginToken && !!(user === null || user === void 0 ? void 0 : user.userID);
     const isConversationStarted = Boolean(sessionID && hasUserActivatedSpeak);
     const brandTitle = ((_a = memori === null || memori === void 0 ? void 0 : memori.name) === null || _a === void 0 ? void 0 : _a.trim()) || '';
     const brandRole = (0, react_1.useMemo)(() => {
@@ -275,8 +276,8 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
         enableAudio ||
         !!(showSettings && hasSettingsContent(layout, additionalSettings)) ||
         showShare;
-    const chatHistoryNode = showChatHistory && !!loginToken && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('write_and_speak.chatHistory') || 'Chat history', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, className: "memori-header--chat-history-button", disabled: !loginToken, "aria-label": t('write_and_speak.chatHistory') || 'Chat history', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, {}), onClick: () => setShowChatHistoryDrawer(true), children: chatHistoryButtonLabel }) }) }));
-    const loginNode = showLogin && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loginToken && user ? ((0, jsx_runtime_1.jsx)(ui_1.Popover, { className: "memori-header--dropdown", open: userPopoverOpen, onOpenChange: open => {
+    const chatHistoryNode = showChatHistory && !!loginToken && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('write_and_speak.chatHistory') || 'Chat history', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, className: "memori-header--chat-history-button", disabled: !loginToken, "aria-label": t('write_and_speak.chatHistory') || 'Chat history', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, {}), onClick: () => setShowChatHistoryDrawer(true), children: chatHistoryButtonLabel ? ((0, jsx_runtime_1.jsx)("span", { className: "memori-header--action-label", children: chatHistoryButtonLabel })) : null }) }) }));
+    const loginNode = showLogin && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loginToken && (user === null || user === void 0 ? void 0 : user.userID) ? ((0, jsx_runtime_1.jsx)(ui_1.Popover, { className: "memori-header--dropdown", open: userPopoverOpen, onOpenChange: open => {
                 setUserPopoverOpen(open);
                 if (open) {
                     setInfoPopoverOpen(false);
@@ -285,7 +286,7 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
             }, placement: "bottom-end", sideOffset: 8, closable: false, contentClassName: "memori-dropdown--menu", slotProps: {
                 trigger: {
                     className: (0, classnames_1.default)('memori-dropdown--user-trigger', isFullPageChrome && 'memori-dropdown--user-trigger--fullpage'),
-                    render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('login.user') || 'User', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { ...props, variant: buttonVariant, className: (0, classnames_1.default)('memori-dropdown--user-trigger-button', userPopoverOpen && 'memori-button--active'), "aria-label": t('login.user') || 'User', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, {}) }) }) })),
+                    render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('login.user') || 'User', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { ...props, active: userPopoverOpen, variant: buttonVariant, className: "memori-dropdown--user-trigger-button", "aria-label": t('login.user') || 'User', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, {}) }) }) })),
                 },
             }, content: (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--content", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--user-item", children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--user-info", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--avatar-wrap", children: user.avatarURL ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: user.avatarURL, alt: user.userName || user.eMail, className: "memori-dropdown--avatar" }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--avatar-overlay", "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Camera, { size: 20, strokeWidth: 2 }) }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "avatar", className: "sr-only", children: t('login.avatarChange') }), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "avatar", id: "avatar", className: "memori-dropdown--avatar-input", onChange: e => {
                                                     var _a, _b;
@@ -297,8 +298,8 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                                                         return updateAvatar((_b = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null);
                                                     }, accept: utils_1.imgMimeTypes.join(', ') })] }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--user-details", children: [(0, jsx_runtime_1.jsx)("h3", { className: "memori-dropdown--user-name", children: user.userName || t('login.welcomeUser') }), (0, jsx_runtime_1.jsx)("p", { className: "memori-dropdown--user-email", children: user.eMail }), (0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--user-badge", children: user.birthDate
                                                 ? new Date(user.birthDate).toLocaleDateString()
-                                                : t('login.notSet') })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--separator" }), (0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: buttonVariant, onClick: onLogout, className: "memori-dropdown--action-button memori-dropdown--action-button--logout", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { size: 18, strokeWidth: 2, "aria-hidden": true }), children: t('login.logout') || 'Logout' })] }), children: null })) : ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('login.login') || 'Login', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: isFullPageChrome ? 'primary' : buttonVariant, className: "memori-header--button memori-header--button-login", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, {}), title: t('login.login') || 'Login', "aria-label": t('login.login') || 'Login', onClick: () => setShowLoginDrawer(true), children: isFullPageChrome ? fullpageHeaderLoginLabel : null }) }) })) }));
-    const headerActionsBeforeChatHistory = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [memori.needsPosition && ((0, jsx_runtime_1.jsx)("div", { className: "memori-header--position", children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.position') || 'Position', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(PositionPopover_1.default, { venue: position, setVenue: setVenue, open: positionPopoverOpen, onOpenChange: open => {
+                                                : t('login.notSet') })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--separator" }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { type: "button", variant: buttonVariant, onClick: onLogout, className: "memori-dropdown--action-button memori-dropdown--action-button--logout", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { size: 18, strokeWidth: 2, "aria-hidden": true }), children: (0, jsx_runtime_1.jsx)("span", { className: "memori-header--action-label", children: t('login.logout') || 'Logout' }) })] }), children: null })) : ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('login.login') || 'Login', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: isFullPageChrome ? 'primary' : buttonVariant, className: "memori-header--button memori-header--button-login", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, {}), title: t('login.login') || 'Login', "aria-label": t('login.login') || 'Login', onClick: () => setShowLoginDrawer(true), children: isFullPageChrome ? fullpageHeaderLoginLabel : null }) }) })) }));
+    const headerActionsBeforeChatHistory = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [memori.needsPosition && ((0, jsx_runtime_1.jsx)("div", { className: "memori-header--position", children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.position') || 'Position', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(PositionPopover_1.default, { venue: position, setVenue: setVenue, open: positionPopoverOpen, autoStartGeolocation: autoStartPositionGeolocation, onOpenChange: open => {
                                 setPositionPopoverOpen(open);
                                 if (open) {
                                     setInfoPopoverOpen(false);
@@ -306,16 +307,16 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                                 }
                             }, triggerButtonVariant: buttonVariant, triggerAriaLabel: t('widget.position') || 'Position', positionerClassName: layout === 'WEBSITE_ASSISTANT'
                                 ? 'memori-position-popover__positioner--website-assistant'
-                                : undefined }) }) }) })), showReload && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('reload') || 'Reload', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, "aria-label": t('reload') || 'Reload', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, {}), onClick: () => {
+                                : undefined }) }) }) })), showReload && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('reload') || 'Reload', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, "aria-label": t('reload') || 'Reload', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, {}), onClick: () => {
                             window.location.reload();
-                        } }) }) })), showClear && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('clearHistory') || 'Clear chat', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, "aria-label": t('clearHistory') || 'Clear chat', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, {}), onClick: () => {
+                        } }) }) })), showClear && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('clearHistory') || 'Clear chat', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, "aria-label": t('clearHistory') || 'Clear chat', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, {}), onClick: () => {
                             clearHistory();
                             add((0, ui_1.createAlertOptions)({
                                 description: t('clearHistoryDone'),
                                 severity: 'success',
                             }));
                         } }) }) }))] }));
-    const headerActionsAfterChatHistory = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showMessageConsumption && ((0, jsx_runtime_1.jsx)(ChatConsumptionDropdown_1.default, { history: history, triggerVariant: buttonVariant })), showFullscreen && fullScreenAvailable && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: fullscreenLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, title: fullscreenLabel, "aria-label": fullscreenLabel, icon: fullScreen ? (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize, {}), onClick: fullScreenHandler ||
+    const headerActionsAfterChatHistory = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showMessageConsumption && ((0, jsx_runtime_1.jsx)(ChatConsumptionDropdown_1.default, { history: history, triggerVariant: buttonVariant })), showFullscreen && fullScreenAvailable && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: fullscreenLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, title: fullscreenLabel, "aria-label": fullscreenLabel, icon: fullScreen ? (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize, {}), onClick: fullScreenHandler ||
                             (() => {
                                 var _a;
                                 if (!document.fullscreenElement) {
@@ -362,7 +363,7 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                 !!loginToken &&
                 (user === null || user === void 0 ? void 0 : user.pAndCUAccepted) &&
                 hasUserActivatedSpeak &&
-                !!sessionID && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('knownFacts.title') || 'Known facts', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Brain, {}), "aria-label": t('knownFacts.title') || 'Known facts', onClick: () => setShowKnownFactsDrawer(true) }) }) })), memori.enableBoardOfExperts && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.showExpertsInTheBoard') || 'Experts in this board', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Users, {}), disabled: !hasUserActivatedSpeak || !sessionID, "aria-label": t('widget.showExpertsInTheBoard') || 'Experts in this board', onClick: () => setShowExpertsDrawer(true) }) }) })), enableAudio && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: soundLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, icon: speakerMuted ? (0, jsx_runtime_1.jsx)(lucide_react_1.VolumeX, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, {}), title: soundLabel, "aria-label": soundLabel, onClick: () => setSpeakerMuted(!speakerMuted) }) }) })), showSettings && hasSettingsContent(layout, additionalSettings) && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.settings') || 'Settings', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Settings, {}), "aria-label": t('widget.settings') || 'Settings', onClick: () => setShowSettingsDrawer(true) }) }) })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { title: memori.name, memori: memori, sessionID: sessionID, tenant: tenant, showQrCode: true, align: "left", baseUrl: baseUrl, history: history, triggerVariant: buttonVariant }))] }));
+                !!sessionID && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('knownFacts.title') || 'Known facts', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Brain, {}), "aria-label": t('knownFacts.title') || 'Known facts', onClick: () => setShowKnownFactsDrawer(true) }) }) })), memori.enableBoardOfExperts && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.showExpertsInTheBoard') || 'Experts in this board', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Users, {}), disabled: !hasUserActivatedSpeak || !sessionID, "aria-label": t('widget.showExpertsInTheBoard') || 'Experts in this board', onClick: () => setShowExpertsDrawer(true) }) }) })), enableAudio && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: soundLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, icon: speakerMuted ? (0, jsx_runtime_1.jsx)(lucide_react_1.VolumeX, { size: 20, strokeWidth: 2.35, "aria-hidden": true }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, { size: 20, strokeWidth: 2, "aria-hidden": true }), title: soundLabel, "aria-label": soundLabel, onClick: () => setSpeakerMuted(!speakerMuted) }) }) })), showSettings && hasSettingsContent(layout, additionalSettings) && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.settings') || 'Settings', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Settings, {}), "aria-label": t('widget.settings') || 'Settings', onClick: () => setShowSettingsDrawer(true) }) }) })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { title: memori.name, memori: memori, sessionID: sessionID, tenant: tenant, showQrCode: true, align: "left", baseUrl: baseUrl, history: history, triggerVariant: buttonVariant }))] }));
     const sessionInfoConsumptionSubtitle = hasSustainabilityData
         ? `${formatImpactInReadableUnit(sustainabilityTotals.energy, 'energy', currentLocale)} • ${formatImpactInReadableUnit(sustainabilityTotals.gwp, 'co2', currentLocale)}`
         : t('widget.noData', { defaultValue: 'Nessun dato disponibile' });
@@ -374,12 +375,12 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                     }
                 }, placement: "bottom-end", sideOffset: 8, closable: false, contentClassName: "memori-dropdown--menu memori-dropdown--auth-menu", slotProps: {
                     trigger: {
-                        render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: "Info sessione", placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { ...props, variant: buttonVariant, className: (0, classnames_1.default)('memori-header--auth-icon-button', infoPopoverOpen && 'memori-button--active'), "aria-label": "Info sessione", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.MoreVertical, {}) }) }) })),
+                        render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: "Info sessione", placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { ...props, active: infoPopoverOpen, variant: buttonVariant, className: "memori-header--auth-icon-button", "aria-label": "Info sessione", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.MoreVertical, {}) }) }) })),
                     },
                 }, content: (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--auth-content", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "memori-dropdown--auth-row memori-dropdown--auth-row--navigable", onClick: () => {
                                 setShowKnownFactsDrawer(true);
                                 setInfoPopoverOpen(false);
-                            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Brain, { size: 16 }) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('knownFacts.title') || 'Known facts' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: t('widget.knownFactsHint') || 'What I remember about you' })] })] }), hasChatConsumptionData ? ((0, jsx_runtime_1.jsx)(ChatConsumptionDropdown_1.default, { history: history, triggerVariant: buttonVariant, menuAlign: "start", trigger: (triggerProps, { open }) => ((0, jsx_runtime_1.jsxs)("button", { ...triggerProps, type: "button", className: (0, classnames_1.default)('memori-dropdown--auth-row', 'memori-dropdown--auth-row--navigable', open && 'memori-dropdown--auth-row--active', triggerProps.className), children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(GasStation_1.default, {}) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('widget.aiConsumption') || 'AI usage' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: sessionInfoConsumptionSubtitle })] }), open ? ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 16, "aria-hidden": true })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 16, "aria-hidden": true }))] })) })) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: true, className: "memori-dropdown--auth-row memori-dropdown--auth-row--navigable memori-dropdown--auth-row--disabled", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(GasStation_1.default, {}) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('widget.aiConsumption') || 'AI usage' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: sessionInfoConsumptionSubtitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 16, "aria-hidden": true })] }))] }), children: null })), showFullscreen && fullScreenAvailable && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: fullscreenLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, className: "memori-header--auth-icon-button", title: fullscreenLabel, "aria-label": fullscreenLabel, icon: fullScreen ? (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, {}), onClick: fullScreenHandler ||
+                            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Brain, { size: 16 }) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('knownFacts.title') || 'Known facts' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: t('widget.knownFactsHint') || 'What I remember about you' })] })] }), hasChatConsumptionData ? ((0, jsx_runtime_1.jsx)(ChatConsumptionDropdown_1.default, { history: history, triggerVariant: buttonVariant, menuAlign: "start", trigger: (triggerProps, { open }) => ((0, jsx_runtime_1.jsxs)("button", { ...triggerProps, type: "button", className: (0, classnames_1.default)('memori-dropdown--auth-row', 'memori-dropdown--auth-row--navigable', open && 'memori-dropdown--auth-row--active', triggerProps.className), children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(GasStation_1.default, {}) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('widget.aiConsumption') || 'AI usage' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: sessionInfoConsumptionSubtitle })] }), open ? ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 16, "aria-hidden": true })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 16, "aria-hidden": true }))] })) })) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: true, className: "memori-dropdown--auth-row memori-dropdown--auth-row--navigable memori-dropdown--auth-row--disabled", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(GasStation_1.default, {}) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('widget.aiConsumption') || 'AI usage' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: sessionInfoConsumptionSubtitle })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 16, "aria-hidden": true })] }))] }), children: null })), showFullscreen && fullScreenAvailable && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: fullscreenLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, className: "memori-header--auth-icon-button", title: fullscreenLabel, "aria-label": fullscreenLabel, icon: fullScreen ? (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, {}), onClick: fullScreenHandler ||
                             (() => {
                                 var _a;
                                 if (!document.fullscreenElement) {
@@ -419,7 +420,7 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                                         console.warn('Error attempting to exit fullscreen:', err);
                                     });
                                 }
-                            }) }) }) })), enableAudio && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: soundLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, className: "memori-header--auth-icon-button", title: soundLabel, "aria-label": soundLabel, icon: speakerMuted ? (0, jsx_runtime_1.jsx)(lucide_react_1.VolumeX, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, {}), onClick: () => setSpeakerMuted(!speakerMuted) }) }) })), memori.needsPosition && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.position') || 'Position', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(PositionPopover_1.default, { venue: position, setVenue: setVenue, open: positionPopoverOpen, onOpenChange: open => {
+                            }) }) }) })), enableAudio && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: soundLabel, placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, className: "memori-header--auth-icon-button", title: soundLabel, "aria-label": soundLabel, icon: speakerMuted ? (0, jsx_runtime_1.jsx)(lucide_react_1.VolumeX, { size: 20, strokeWidth: 2.35, "aria-hidden": true }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, { size: 20, strokeWidth: 2, "aria-hidden": true }), onClick: () => setSpeakerMuted(!speakerMuted) }) }) })), memori.needsPosition && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: t('widget.position') || 'Position', placement: "bottom", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(PositionPopover_1.default, { venue: position, setVenue: setVenue, open: positionPopoverOpen, autoStartGeolocation: autoStartPositionGeolocation, onOpenChange: open => {
                             setPositionPopoverOpen(open);
                             if (open) {
                                 setInfoPopoverOpen(false);
@@ -452,7 +453,7 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
         !!(user === null || user === void 0 ? void 0 : user.pAndCUAccepted) &&
         hasUserActivatedSpeak &&
         !!sessionID;
-    const totemRail = ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-totem-rail', className), role: "toolbar", "aria-label": String(t('widget.sessionControls', { defaultValue: 'Controlli' })), "aria-orientation": "vertical", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-totem-rail--group", children: [enableAudio && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: soundLabel, placement: "left", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, className: "memori-totem-rail--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(lucide_react_1.VolumeX, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, {}), title: soundLabel, "aria-label": soundLabel, "aria-pressed": speakerMuted, onClick: () => setSpeakerMuted(!speakerMuted) }) }) })), showFullscreen && fullScreenAvailable && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: fullscreenLabel, placement: "left", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: buttonVariant, className: "memori-totem-rail--button", icon: fullScreen ? (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, {}), title: fullscreenLabel, "aria-label": fullscreenLabel, "aria-pressed": fullScreen, onClick: handleTotemFullscreen }) }) })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { title: memori.name, memori: memori, sessionID: sessionID, tenant: tenant, showQrCode: true, align: "left", baseUrl: baseUrl, history: history, triggerVariant: buttonVariant, className: "memori-totem-rail--button" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-rail--divider", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-rail--group", children: (0, jsx_runtime_1.jsx)(ui_1.Popover, { className: "memori-header--dropdown", open: userPopoverOpen, onOpenChange: open => {
+    const totemRail = ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-totem-rail', className), role: "toolbar", "aria-label": String(t('widget.sessionControls', { defaultValue: 'Controlli' })), "aria-orientation": "vertical", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-totem-rail--group", children: [enableAudio && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: soundLabel, placement: "left", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, className: "memori-totem-rail--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(lucide_react_1.VolumeX, { size: 20, strokeWidth: 2.35, "aria-hidden": true }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, { size: 20, strokeWidth: 2, "aria-hidden": true }), title: soundLabel, "aria-label": soundLabel, "aria-pressed": speakerMuted, onClick: () => setSpeakerMuted(!speakerMuted) }) }) })), showFullscreen && fullScreenAvailable && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: fullscreenLabel, placement: "left", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { variant: buttonVariant, className: "memori-totem-rail--button", icon: fullScreen ? (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, {}), title: fullscreenLabel, "aria-label": fullscreenLabel, "aria-pressed": fullScreen, onClick: handleTotemFullscreen }) }) })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { title: memori.name, memori: memori, sessionID: sessionID, tenant: tenant, showQrCode: true, align: "left", baseUrl: baseUrl, history: history, triggerVariant: buttonVariant, className: "memori-totem-rail--button" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-rail--divider", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-rail--group", children: (0, jsx_runtime_1.jsx)(ui_1.Popover, { className: "memori-header--dropdown", open: userPopoverOpen, onOpenChange: open => {
                         setUserPopoverOpen(open);
                         if (open) {
                             setInfoPopoverOpen(false);
@@ -460,9 +461,9 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                         }
                     }, placement: "left-start", sideOffset: 8, closable: false, contentClassName: "memori-dropdown--menu memori-totem-rail--menu", slotProps: {
                         trigger: {
-                            render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: totemAccountLabel, placement: "left", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(ui_1.Button, { ...props, variant: buttonVariant, className: (0, classnames_1.default)('memori-totem-rail--button', 'memori-totem-rail--account-trigger', userPopoverOpen && 'memori-button--active'), title: totemAccountLabel, "aria-label": totemAccountLabel, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, {}) }) }) })),
+                            render: (props) => ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: totemAccountLabel, placement: "left", children: (0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { ...props, active: userPopoverOpen, variant: buttonVariant, className: (0, classnames_1.default)('memori-totem-rail--button', 'memori-totem-rail--account-trigger'), title: totemAccountLabel, "aria-label": totemAccountLabel, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, {}) }) }) })),
                         },
-                    }, content: (0, jsx_runtime_1.jsxs)("div", { className: "memori-totem-rail--menu-content", children: [isAuthenticated && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-totem-rail--menu-identity", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-totem-rail--menu-identity-name", children: (user === null || user === void 0 ? void 0 : user.userName) || t('login.welcomeUser') }), (user === null || user === void 0 ? void 0 : user.eMail) && ((0, jsx_runtime_1.jsx)("span", { className: "memori-totem-rail--menu-identity-email", children: user.eMail }))] })), showReload && ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { size: 18, "aria-hidden": true }), title: totemResetLabel, "aria-label": totemResetLabel, onClick: () => {
+                    }, content: (0, jsx_runtime_1.jsxs)("div", { className: "memori-totem-rail--menu-content", children: [showLogin && isAuthenticated && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-totem-rail--menu-identity", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-totem-rail--menu-identity-name", children: (user === null || user === void 0 ? void 0 : user.userName) || t('login.welcomeUser') }), (user === null || user === void 0 ? void 0 : user.eMail) && ((0, jsx_runtime_1.jsx)("span", { className: "memori-totem-rail--menu-identity-email", children: user.eMail }))] })), showReload && ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { size: 18, "aria-hidden": true }), title: totemResetLabel, "aria-label": totemResetLabel, onClick: () => {
                                     setUserPopoverOpen(false);
                                     window.location.reload();
                                 }, children: totemResetLabel })), totemShowSettings && ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Settings, { size: 18, "aria-hidden": true }), title: totemSettingsLabel, "aria-label": totemSettingsLabel, onClick: () => {
@@ -471,13 +472,14 @@ const Header = ({ className, buttonVariant = 'ghost', memori, tenant, history, p
                                 }, children: totemSettingsLabel })), totemShowKnownFacts && ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Brain, { size: 18, "aria-hidden": true }), title: totemKnownFactsLabel, "aria-label": totemKnownFactsLabel, onClick: () => {
                                     setUserPopoverOpen(false);
                                     setShowKnownFactsDrawer(true);
-                                }, children: totemKnownFactsLabel })), isAuthenticated ? ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item memori-totem-rail--menu-item--logout", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { size: 18, "aria-hidden": true }), title: t('login.logout') || 'Logout', "aria-label": t('login.logout') || 'Logout', onClick: () => {
-                                    setUserPopoverOpen(false);
-                                    onLogout === null || onLogout === void 0 ? void 0 : onLogout();
-                                }, children: t('login.logout') || 'Logout' })) : (showLogin && ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, { size: 18, "aria-hidden": true }), title: t('login.login') || 'Login', "aria-label": t('login.login') || 'Login', onClick: () => {
-                                    setUserPopoverOpen(false);
-                                    setShowLoginDrawer(true);
-                                }, children: t('login.login') || 'Login' })))] }), children: null }) })] }));
+                                }, children: totemKnownFactsLabel })), showLogin &&
+                                (isAuthenticated ? ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item memori-totem-rail--menu-item--logout", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { size: 18, "aria-hidden": true }), title: t('login.logout') || 'Logout', "aria-label": t('login.logout') || 'Logout', onClick: () => {
+                                        setUserPopoverOpen(false);
+                                        onLogout === null || onLogout === void 0 ? void 0 : onLogout();
+                                    }, children: t('login.logout') || 'Logout' })) : ((0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", className: "memori-totem-rail--menu-item", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.User, { size: 18, "aria-hidden": true }), title: t('login.login') || 'Login', "aria-label": t('login.login') || 'Login', onClick: () => {
+                                        setUserPopoverOpen(false);
+                                        setShowLoginDrawer(true);
+                                    }, children: t('login.login') || 'Login' })))] }), children: null }) })] }));
     const headerControls = ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-header', className, isFullPageChrome && 'memori-header--fullpage', fullpageGuestChrome && 'memori-header--fullpage-guest'), children: [isFullPageChrome && isAuthenticated ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [fullpagePrimaryHasContent && ((0, jsx_runtime_1.jsx)("div", { className: "memori-header--fullpage-primary", children: chatHistoryNode })), fullpagePrimaryHasContent &&
                         showFullpageChromeDividers &&
                         !fullpageGuestChrome && ((0, jsx_runtime_1.jsx)("div", { className: "memori-header--fullpage-divider", "aria-hidden": "true" })), (0, jsx_runtime_1.jsxs)("div", { className: "memori-header--fullpage-secondary", children: [loggedInFullpageRightControls, showFullpageChromeDividers && ((0, jsx_runtime_1.jsx)("div", { className: "memori-header--fullpage-divider", "aria-hidden": "true" })), loginNode] })] })) : isFullPageChrome ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [fullpagePrimaryHasContent && ((0, jsx_runtime_1.jsx)("div", { className: "memori-header--fullpage-primary", children: chatHistoryNode })), fullpagePrimaryHasContent &&