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

package/esm/components/Header/ChatConsumptionDropdown.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useMemo, useState } from 'react';
 import cx from 'classnames';
 import { useTranslation } from 'react-i18next';
-import { Button, Dropdown } from '@memori.ai/ui';
+import { Modal } from '@memori.ai/ui';
+import IconButton from '../IconButton/IconButton';
 import GasStation from '../icons/GasStation';
 import { BADGE_EMOJI } from '../../helpers/llmUsage';
 const getMetricValue = (metric) => {
@@ -89,14 +90,35 @@ export const ChatConsumptionContent = ({ history, showTitle = true, className, }
     const llmUsageModels = useMemo(() => Array.from(chatConsumptionTotals.models), [chatConsumptionTotals.models]);
     return (_jsxs("div", { className: cx('memori-dropdown--sustainability', className), children: [showTitle && (_jsx("h4", { className: "memori-dropdown--sustainability-title", children: t('chatLogs.totalChatConsumptionTitle') || 'Consumo Totale Chat' })), _jsxs("div", { className: "memori-dropdown--sustainability-section", children: [_jsx("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.modelUsage') || 'Model usage' }), _jsxs("div", { className: "memori-dropdown--sustainability-summary", children: [_jsxs("div", { className: "memori-dropdown--sustainability-stat", children: [_jsx("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.input') || 'Input' }), _jsx("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalInputTokens, currentLocale) }), _jsx("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] }), _jsxs("div", { className: "memori-dropdown--sustainability-stat", children: [_jsx("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.output') || 'Output' }), _jsx("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalOutputTokens, currentLocale) }), _jsx("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] })] }), llmUsageModels.length > 0 && (_jsxs("div", { className: "memori-dropdown--sustainability-row memori-dropdown--sustainability-row--stacked", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [t('chatLogs.provider') || 'Provider', " /", ' ', t('chatLogs.model') || 'Model'] }), _jsx("div", { className: "memori-dropdown--sustainability-tags", children: llmUsageModels.map(modelLabel => (_jsx("span", { className: "memori-dropdown--sustainability-tag", children: modelLabel }, modelLabel))) })] }))] }), _jsxs("div", { className: "memori-dropdown--sustainability-metrics", children: [_jsx("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.environmentalImpact') || 'Environmental impact' }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.energy }), ' ', t('chatLogs.energy') || 'Energy'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.energy, 'energy', currentLocale) })] }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.co2 }), ' ', t('chatLogs.co2') || 'CO2'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.gwp, 'co2', currentLocale) })] }), _jsxs("div", { className: "memori-dropdown--sustainability-row", children: [_jsxs("span", { className: "memori-dropdown--sustainability-label", children: [_jsx("span", { "aria-hidden": "true", children: BADGE_EMOJI.water }), ' ', t('chatLogs.water') || 'Water'] }), _jsx("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.wcf, 'water', currentLocale) })] })] })] }));
 };
-const ChatConsumptionDropdown = ({ history, triggerVariant = 'ghost', menuAlign = 'end', trigger, }) => {
+const ChatConsumptionDropdown = ({ history, triggerVariant = 'ghost', trigger, open: openProp, onOpenChange, hideTrigger = false, }) => {
     const { t } = useTranslation();
-    const [open, setOpen] = useState(false);
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : uncontrolledOpen;
+    const setOpen = (next) => {
+        if (!isControlled) {
+            setUncontrolledOpen(next);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+    };
     const hasConsumptionData = useMemo(() => (history !== null && history !== void 0 ? history : []).some(line => !!line.llmUsage), [history]);
-    if (!hasConsumptionData)
-        return null;
     const triggerLabel = t('write_and_speak.showMessageConsumptionLabel') || 'Show chat consumption';
-    const renderDefaultTrigger = (triggerButtonProps) => (_jsx(Button, { ...triggerButtonProps, variant: triggerVariant, shape: "default", className: cx('memori-header--button memori-header--button--sustainability', open && 'memori-button--active', triggerButtonProps.className), "aria-label": triggerLabel, title: triggerLabel, icon: _jsx(GasStation, { className: "memori-header--button--sustainability-icon" }) }));
+    const modalTitle = t('chatLogs.totalChatConsumptionTitle') || 'Consumo Totale Chat';
+    const renderDefaultTrigger = (triggerButtonProps) => {
+        var _a;
+        return (_jsx(IconButton, { ...triggerButtonProps, variant: triggerVariant, shape: "default", active: open, disabled: (_a = triggerButtonProps.disabled) !== null && _a !== void 0 ? _a : !hasConsumptionData, className: cx('memori-header--button memori-header--button--sustainability', triggerButtonProps.className), "aria-label": triggerLabel, title: triggerLabel, icon: _jsx(GasStation, { className: "memori-header--button--sustainability-icon" }) }));
+    };
+    const handleTriggerClick = event => {
+        if (!hasConsumptionData)
+            return;
+        setOpen(true);
+        event.currentTarget.blur();
+    };
+    if (!hasConsumptionData) {
+        if (hideTrigger || trigger)
+            return null;
+        return renderDefaultTrigger({ disabled: true });
+    }
     const renderTrigger = (triggerButtonProps) => {
         var _a;
         if (!trigger)
@@ -120,7 +142,10 @@ const ChatConsumptionDropdown = ({ history, triggerVariant = 'ghost', menuAlign
             onClick: mergedOnClick,
         });
     };
-    return (_jsxs(Dropdown, { className: "memori-header--dropdown", open: open, onOpenChange: setOpen, children: [_jsx(Dropdown.Trigger, { showChevron: false, render: props => renderTrigger(props) }), _jsx(Dropdown.Menu, { className: "memori-dropdown--sustainability-menu", placement: "bottom", align: menuAlign, children: _jsx(ChatConsumptionContent, { history: history }) })] }));
+    return (_jsxs(_Fragment, { children: [!hideTrigger &&
+                renderTrigger({
+                    onClick: handleTriggerClick,
+                }), _jsx(Modal, { open: open, onClose: () => setOpen(false), title: modalTitle, className: "memori-chat--usage-modal memori-chat--consumption-modal", stacking: "stacked", closable: true, children: _jsx(ChatConsumptionContent, { history: history, showTitle: false }) })] }));
 };
 export default ChatConsumptionDropdown;
 //# sourceMappingURL=ChatConsumptionDropdown.js.map

package/esm/components/Header/ChatConsumptionDropdown.js.map

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

package/esm/components/Header/Header.css

@@ -6,7 +6,7 @@
     align-items: center;
     justify-content: flex-end;
     padding: calc(var(--memori-spacing-md) / 4) calc(var(--memori-spacing-md) / 2);
-    border-radius: var(--memori-radius-box);
+    border-radius: var(--memori-radius-surface);
     margin-left: auto;
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
@@ -23,14 +23,14 @@
     min-width: 320px;
     padding: var(--memori-spacing-md);
     border: 1px solid rgba(0, 0, 0, 0.06);
-    border-radius: 14px;
-    background: var(--memori-background, #fff);
+    border-radius: var(--memori-radius-surface);
+    background: var(--memori-secondary-background, #fff);
     box-shadow: var(--memori-shadow-lg);
 }
 
 .memori-dropdown--user-item {
     padding: 0;
-    border-radius: 12px;
+    border-radius: var(--memori-radius-surface);
     margin: calc(-1 * var(--memori-spacing-xs)) 0;
 }
 
@@ -152,7 +152,7 @@
 .memori-dropdown--user-name {
     margin: 0;
     color: var(--memori-text-color, #111);
-    font-size: 1.05rem;
+    font-size: var(--memori-text-size-lg);
     font-weight: 700;
     letter-spacing: -0.01em;
     line-height: 1.3;
@@ -161,7 +161,7 @@
 .memori-dropdown--user-email {
     overflow: hidden;
     margin: 0;
-    color: var(--memori-text-muted, #666);
+    color: var(--memori-neutral, #666);
     font-size: 0.875rem;
     line-height: 1.35;
     text-overflow: ellipsis;
@@ -186,16 +186,21 @@
     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;
     padding: 12px 16px;
     border-color: rgba(185, 28, 28, 0.45);
-    border-radius: 10px;
+    border-radius: var(--memori-radius-control);
     background: transparent;
     color: #b91c1c;
     font-size: 0.9375rem;
@@ -232,16 +237,16 @@
     margin-left: var(--memori-spacing-xs);
 }
 
-.memori-header--button[disabled]:not(.memori-header--button--knownfacts) {
+/* .memori-header--button[disabled]:not(.memori-header--button--knownfacts) {
     border: 0;
     cursor: not-allowed;
     opacity: 0.5;
     pointer-events: none;
-}
+} */
 
 .memori-header--button svg {
-    width: 1em;
-    height: 1em;
+    width: 1.25em;
+    height: 1.25em;
     font-size: 1em;
     line-height: 1;
 }
@@ -250,6 +255,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;
@@ -297,15 +315,151 @@
     height: 0.5rem;
     border-radius: 50%;
     background: #22c55e;
-    box-shadow: 0 0 0 2px var(--memori-secondary-background, var(--memori-background, #fff));
+    box-shadow: 0 0 0 2px var(--memori-secondary-background, var(--memori-secondary-background, #fff));
     content: '';
     pointer-events: none;
 }
 
-.memori-header .memori-button.memori-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-icon-button.memori-button.memori-icon-button--active:not(:disabled):not(.memori-button--disabled),
+.memori-header
+    .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 and 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: #fff;
+}
+
+.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: #fff;
 }
 
 .memori-dropdown--avatar-input {
@@ -321,7 +475,7 @@
 .memori-dropdown--sustainability {
     min-width: 260px;
     padding: 0.625rem 0.75rem;
-    border-radius: 8px;
+    border-radius: var(--memori-radius-surface);
 }
 
 .memori-dropdown--sustainability-menu {
@@ -329,6 +483,22 @@
     margin-left: -10px;
 }
 
+.memori-chat--consumption-modal.memori-modal__viewport .memori-modal__popup,
+.memori-chat--consumption-modal .memori-modal--panel {
+    min-width: 20rem;
+    max-width: 30rem;
+}
+
+.memori-chat--consumption-modal .memori-dropdown--sustainability {
+    min-width: 0;
+    padding: 0;
+}
+
+/* Nested inside the session Popover (z-index 1300); default Dropdown is 1001. */
+.memori-dropdown__positioner:has(.memori-dropdown--sustainability-menu) {
+    z-index: 1400;
+}
+
 .memori-dropdown--sustainability-title {
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(15, 23, 42, 0.08);
@@ -374,7 +544,7 @@
     flex-direction: column;
     padding: 0.55rem 0.65rem;
     border: 1px solid rgba(15, 23, 42, 0.07);
-    border-radius: 10px;
+    border-radius: var(--memori-radius-surface);
     background: var(--memori-main-background);
     gap: 0.15rem;
 }
@@ -407,7 +577,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 0.4rem 0.5rem;
-    border-radius: 6px;
+    border-radius: var(--memori-radius-surface);
     background: var(--memori-main-background);
     gap: 1rem;
 }
@@ -518,18 +688,18 @@
 /* Full-page layout: labeled primary actions, utility cluster, shared control chrome */
 .memori-header.memori-header--fullpage {
     width: auto;
-    min-width: 100%;
+    min-width: 0;
     max-width: 100%;
     height: auto;
     min-height: 40px;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
     justify-content: center;
     padding: 0;
     margin-left: 0;
     -webkit-backdrop-filter: none;
     backdrop-filter: none;
-    gap: 0.5rem;
+    gap: 0.75rem;
     text-align: right;
 }
 
@@ -548,30 +718,21 @@
 
 .memori-header--fullpage-secondary {
     justify-content: flex-end;
-    /* margin-left: auto; */
 }
 
 .memori-header--fullpage-divider {
     width: 1px;
+    height: 28px;
     min-height: 28px;
-    align-self: stretch;
-    margin: 0 0.125rem;
+    flex-shrink: 0;
+    align-self: center;
+    margin: 0;
     background: color-mix(in srgb, var(--memori-text-color, #111827) 18%, transparent);
-    /* margin-left: auto; */
-}
-
-/* Tighter spacing before Profile / login (divider sits in secondary row) */
-.memori-header--fullpage-secondary > .memori-header--fullpage-divider {
-    margin-right: calc(0.125rem - 5px);
 }
 
 .memori-header--fullpage .memori-dropdown--user-trigger--fullpage {
     max-width: none;
-    border-radius: 8px;
-}
-
-.memori-header--fullpage .memori-header--fullpage-labeled-trigger {
-    gap: 0.5rem;
+    border-radius: var(--memori-radius-control);
 }
 
 .memori-header--auth-icon-controls {
@@ -580,19 +741,18 @@
     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);
-    /* border-radius: 8px; */
-    background: transparent;
+.memori-header--auth-icon-button:has(.memori-header--action-label) {
+    width: auto;
+    min-width: var(--memori-icon-button-size, 36px);
+    gap: 0.35rem;
+    padding-inline: 10px;
 }
 
-.memori-header--auth-icon-button:hover {
-    background: color-mix(in srgb, var(--memori-text-color, #111827) 8%, transparent);
+.memori-header--action-label {
+    font-size: var(--memori-text-size-sm);
+    font-weight: var(--memori-text-weight-medium, 500);
+    line-height: 1.2;
+    white-space: nowrap;
 }
 
 .memori-dropdown--auth-menu {
@@ -611,7 +771,7 @@
     max-height: min(62vh, 480px);
     /* padding: 0.25rem; */
     /* border: 1px solid color-mix(in srgb, var(--memori-text-color, #111827) 12%, transparent); */
-    border-radius: 10px;
+    border-radius: var(--memori-radius-surface);
     margin-top: 0.2rem;
 }
 
@@ -623,7 +783,7 @@
     justify-content: space-between;
     padding: 0.6rem 0.55rem;
     border: 0;
-    border-radius: 10px;
+    border-radius: var(--memori-radius-control);
     background: transparent;
     color: inherit;
     gap: 0.65rem;
@@ -724,10 +884,13 @@
     .memori-header.memori-header--fullpage .memori-button:not(.memori-button--icon-only) .memori-button__content {
         display: none !important;
     }
+}
 
-    .memori-header.memori-header--fullpage .memori-header--fullpage-labeled-trigger {
-        gap: 0;
-    }
+.memori-fullpage-header-brand-role-tooltip {
+    max-width: min(22rem, calc(100vw - 2rem));
+    overflow-wrap: anywhere;
+    white-space: normal;
+    word-break: break-word;
 }
 
 [data-theme='dark'] .memori-widget .memori-header--fullpage .memori-header--fullpage-divider,

package/esm/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;