@memori.ai/memori-react 8.31.0 → 8.33.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 
 
+## [8.33.0](https://github.com/memori-ai/memori-react/compare/v8.32.0...v8.33.0) (2026-04-17)
+
+
+### Features
+
+* add tooltip styling and improve MicrophoneButton component functionality ([719b2b1](https://github.com/memori-ai/memori-react/commit/719b2b181e61c6eb0cc122222c6d9806995b969f))
+* enhance Header component with detailed chat consumption metrics and improved styling ([75d2809](https://github.com/memori-ai/memori-react/commit/75d2809e996d9c5af1ac147bc8acf01c54b3db8f))
+
+
+### Maintenance
+
+* update dompurify to version 3.4.0 ([50f2f48](https://github.com/memori-ai/memori-react/commit/50f2f48f826b5be3f81e34718167ce73b3715b40))
+
+## [8.32.0](https://github.com/memori-ai/memori-react/compare/v8.31.0...v8.32.0) (2026-04-07)
+
+
+### Features
+
+* add GasStation icon and update Header component for sustainability button ([434c61a](https://github.com/memori-ai/memori-react/commit/434c61a02eeb493261fe44d343b337a8727b83d1))
+* update Header component to use localized strings for total chat consumption ([6173c7e](https://github.com/memori-ai/memori-react/commit/6173c7e880aeed5947fa74f0abfa0854231f8e99))
+
 ## [8.31.0](https://github.com/memori-ai/memori-react/compare/v8.30.1...v8.31.0) (2026-04-07)
 
 

package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.css

@@ -0,0 +1,351 @@
+.memori-chat-resume-drawer {
+    position: fixed;
+    z-index: 1200;
+    inset: 0;
+    pointer-events: none;
+}
+
+.memori-chat-resume-drawer--backdrop {
+    position: absolute;
+    border: 0;
+    background: rgba(0, 0, 0, 0);
+    cursor: default;
+    inset: 0;
+    opacity: 0;
+    transition: opacity 280ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.memori-chat-resume-drawer--panel {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    width: min(100%, 430px);
+    height: 100%;
+    flex-direction: column;
+    background: var(--memori-main-background);
+    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.16);
+    transform: translateX(100%);
+    transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.memori-chat-resume-drawer--embedded-shell {
+    display: flex;
+    height: 100%;
+    min-height: 0;
+    flex: 1;
+}
+
+.memori-chat-resume-drawer--panel-embedded {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    box-shadow: none;
+    transform: none;
+}
+
+.memori-chat-resume-drawer--open {
+    pointer-events: auto;
+}
+
+.memori-chat-resume-drawer--open .memori-chat-resume-drawer--backdrop {
+    opacity: 0.4;
+}
+
+.memori-chat-resume-drawer--open .memori-chat-resume-drawer--panel {
+    transform: translateX(0);
+}
+
+.memori-chat-resume-drawer--header {
+    display: flex;
+    align-items: center;
+    padding: 14px 16px 12px;
+    /* border-bottom: 0.5px solid var(--color-border-tertiary, var(--memori-border-color, #e5e7eb)); */
+    gap: 8px;
+}
+
+.memori-chat-resume-drawer--header-icon-button {
+    display: inline-flex;
+    width: 28px;
+    min-width: 28px;
+    height: 28px;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    border-radius: 999px;
+    background: transparent;
+    color: var(--color-text-primary, var(--memori-text-color));
+    cursor: pointer;
+}
+
+.memori-chat-resume-drawer--header-main {
+    min-width: 0;
+    flex: 1;
+}
+
+.memori-chat-resume-drawer--title {
+    overflow: hidden;
+    margin: 0;
+    color: var(--color-text-primary, var(--memori-text-color));
+    font-size: 15px;
+    font-weight: 500;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.memori-chat-resume-drawer--subtitle {
+    overflow: hidden;
+    margin: 2px 0 0;
+    color: color-mix(in oklch, var(--memori-text-color) 66%, transparent);
+    font-size: 12px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.memori-chat-resume-drawer--summary-banner {
+    display: flex;
+    align-items: flex-start;
+    padding: 10px 12px;
+    border: 1px solid var(--color-border-tertiary, var(--memori-border-color, #e5e7eb));
+    border-radius: 8px;
+    margin: 12px 16px 0;
+    background: var(--color-background-secondary, var(--memori-secondary-background));
+    gap: 8px;
+}
+
+.memori-chat-resume-drawer--summary-icon {
+    margin-top: 1px;
+    color: color-mix(in oklch, var(--memori-text-color) 68%, transparent);
+}
+
+.memori-chat-resume-drawer--summary-title {
+    margin: 0 0 2px;
+    color: var(--color-text-primary, var(--memori-text-color));
+    font-size: 14px;
+    font-weight: 600;
+}
+
+.memori-chat-resume-drawer--summary-text {
+    margin: 0;
+    color: color-mix(in oklch, var(--memori-text-color) 72%, transparent);
+    font-size: 14px;
+    line-height: 1.35;
+}
+
+.memori-chat-resume-drawer--thread {
+    display: flex;
+    overflow: hidden;
+    min-height: 0;
+    flex: 1;
+    flex-direction: column;
+    padding: 16px;
+}
+
+.memori-chat-resume-drawer--embedded-chat {
+    min-height: 0;
+    flex: 1;
+}
+
+.memori-chat-resume-drawer--embedded-chat .memori-chat--wrapper {
+    height: 100%;
+}
+
+.memori-chat-resume-drawer--embedded-chat .memori-chat--history {
+    height: 100%;
+    border-radius: 0;
+    margin: 0;
+    background: transparent;
+}
+
+.memori-chat-resume-drawer--embedded-chat .memori-chat--content {
+    padding: 0;
+}
+
+.memori-chat-resume-drawer--embedded-chat .memori-chat--cover {
+    display: none;
+}
+
+.memori-chat-resume-drawer--embedded-chat .memori-chat--bubble-container,
+.memori-chat-resume-drawer--embedded-chat .memori-chat--timestamp,
+.memori-chat-resume-drawer--embedded-chat .memori-media-widget,
+.memori-chat-resume-drawer--embedded-chat .memori-chat--bubble-shell {
+    padding-right: 0;
+    padding-left: 0;
+}
+
+.memori-chat-resume-drawer--message-group {
+    display: flex;
+    width: 100%;
+    gap: 8px;
+}
+
+.memori-chat-resume-drawer--message-group-assistant {
+    justify-content: flex-start;
+}
+
+.memori-chat-resume-drawer--message-group-user {
+    justify-content: flex-end;
+}
+
+.memori-chat-resume-drawer--avatar {
+    display: inline-flex;
+    width: 28px;
+    min-width: 28px;
+    height: 28px;
+    align-items: center;
+    justify-content: center;
+    border-radius: 999px;
+    background: linear-gradient(135deg, #b5a2ff 0%, #8b72ff 100%);
+    color: #fff;
+    font-size: 11px;
+    font-weight: 600;
+}
+
+.memori-chat-resume-drawer--message-content {
+    display: flex;
+    max-width: 82%;
+    flex-direction: column;
+    gap: 6px;
+}
+
+.memori-chat-resume-drawer--message-group-user .memori-chat-resume-drawer--message-content {
+    align-items: flex-end;
+}
+
+.memori-chat-resume-drawer--timestamp {
+    color: color-mix(in oklch, var(--memori-text-color) 64%, transparent);
+    font-size: 12px;
+    line-height: 1;
+}
+
+.memori-chat-resume-drawer--attachment-pill {
+    display: flex;
+    align-items: center;
+    padding: 8px 10px;
+    border: 1px solid var(--color-border-tertiary, var(--memori-border-color, #e5e7eb));
+    border-radius: 8px;
+    background: var(--color-background-secondary, var(--memori-secondary-background));
+    gap: 8px;
+}
+
+.memori-chat-resume-drawer--attachment-ext {
+    display: inline-flex;
+    min-width: 34px;
+    align-items: center;
+    justify-content: center;
+    padding: 4px 8px;
+    border-radius: 6px;
+    background: #d9e8ff;
+    color: #2f5fa8;
+    font-size: 11px;
+    font-weight: 600;
+}
+
+.memori-chat-resume-drawer--attachment-meta {
+    display: flex;
+    min-width: 0;
+    flex-direction: column;
+}
+
+.memori-chat-resume-drawer--attachment-name {
+    overflow: hidden;
+    color: var(--color-text-primary, var(--memori-text-color));
+    font-size: 13px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.memori-chat-resume-drawer--attachment-info {
+    color: color-mix(in oklch, var(--memori-text-color) 70%, transparent);
+    font-size: 12px;
+}
+
+.memori-chat-resume-drawer--bubble {
+    padding: 10px 12px;
+    color: var(--color-text-primary, var(--memori-text-color));
+    font-size: 14px;
+    line-height: 1.4;
+    white-space: pre-wrap;
+}
+
+.memori-chat-resume-drawer--bubble-assistant {
+    border: 0.5px solid var(--color-border-tertiary, var(--memori-border-color, #e5e7eb));
+    border-radius: 4px 12px 12px 12px;
+    background: var(--color-background-secondary, var(--memori-secondary-background));
+}
+
+.memori-chat-resume-drawer--bubble-user {
+    border-radius: 12px 4px 12px 12px;
+    background: var(--memori-primary);
+    color: #fff;
+}
+
+.memori-chat-resume-drawer--interrupted {
+    display: inline-flex;
+    align-items: center;
+    color: color-mix(in oklch, var(--memori-text-color) 72%, transparent);
+    font-size: 14px;
+    gap: 6px;
+}
+
+.memori-chat-resume-drawer--actions {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+    /* border-top: 0.5px solid var(--color-border-tertiary, var(--memori-border-color, #e5e7eb)); */
+    background: var(--memori-main-background);
+    gap: 12px;
+}
+
+.memori-chat-resume-drawer--chips-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.memori-chat-resume-drawer--chip {
+    min-height: 32px;
+    padding: 0 14px;
+    border: 0.5px solid color-mix(in oklch, var(--memori-text-color) 20%, transparent);
+    border-radius: 20px;
+    background: transparent;
+    color: color-mix(in oklch, var(--memori-text-color) 85%, transparent);
+    cursor: pointer;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.memori-chat-resume-drawer--resume-cta {
+    width: 100%;
+    min-height: 44px;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 500;
+}
+
+.memori-chat-resume-drawer--skeletons {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.memori-chat-resume-drawer--skeleton-bubble {
+    width: 72%;
+    height: 54px;
+    border-radius: 12px;
+    animation: memori-chat-resume-shimmer 1.2s infinite;
+    background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.04) 100%);
+    background-size: 200% 100%;
+}
+
+@keyframes memori-chat-resume-shimmer {
+    from {
+        background-position: 200% 0;
+    }
+
+    to {
+        background-position: -200% 0;
+    }
+}

package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.d.ts

@@ -0,0 +1,34 @@
+import './ChatResumeDrawer.css';
+export interface ResumeDrawerMessage {
+    id: string;
+    role: 'user' | 'assistant';
+    content: string;
+    timestamp: string;
+    status?: 'completed' | 'interrupted';
+    attachment?: {
+        name: string;
+        type: string;
+        size: string;
+        ext: string;
+    };
+}
+export interface ChatResumeDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onBack?: () => void;
+    embedded?: boolean;
+    session: {
+        title: string;
+        subtitle: string;
+        summary: string;
+        messages: ResumeDrawerMessage[];
+        quickActions: {
+            label: string;
+            prompt: string;
+        }[];
+    };
+    onResume: (prompt?: string) => void;
+    isLoading?: boolean;
+}
+declare const ChatResumeDrawer: ({ isOpen, onClose, onBack, embedded, session, onResume, isLoading, }: ChatResumeDrawerProps) => JSX.Element | null;
+export default ChatResumeDrawer;

package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ui_1 = require("@memori.ai/ui");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../helpers/utils");
+const Chat_1 = tslib_1.__importDefault(require("../Chat/Chat"));
+require("./ChatResumeDrawer.css");
+const ANIMATION_DURATION_MS = 280;
+const EMPTY_MEMORI = {
+    memoriID: 'chat-resume-drawer',
+    name: 'AI',
+    culture: 'it-IT',
+    coverURL: '',
+    avatarURL: '',
+    enableBoardOfExperts: false,
+};
+const NOOP = () => { };
+const stripMarkdownChars = (value) => {
+    return value
+        .replace(/[#*_`~>\-[\]()]/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+};
+const escapeAttachmentAttr = (value) => value.replaceAll('"', '"');
+const ChatResumeDrawer = ({ isOpen, onClose, onBack, embedded = false, session, onResume, isLoading = false, }) => {
+    const panelRef = (0, react_1.useRef)(null);
+    const backButtonRef = (0, react_1.useRef)(null);
+    const [shouldRender, setShouldRender] = (0, react_1.useState)(isOpen);
+    const [isVisible, setIsVisible] = (0, react_1.useState)(isOpen);
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            setShouldRender(true);
+            requestAnimationFrame(() => setIsVisible(true));
+            return;
+        }
+        setIsVisible(false);
+        const timeout = window.setTimeout(() => {
+            setShouldRender(false);
+        }, ANIMATION_DURATION_MS);
+        return () => window.clearTimeout(timeout);
+    }, [isOpen]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!isOpen)
+            return;
+        (_a = backButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isOpen]);
+    (0, react_1.useEffect)(() => {
+        if (!isOpen)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                onClose();
+                return;
+            }
+            if (event.key !== 'Tab' || !panelRef.current)
+                return;
+            const focusableElements = panelRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            if (!focusableElements.length)
+                return;
+            const first = focusableElements[0];
+            const last = focusableElements[focusableElements.length - 1];
+            const active = document.activeElement;
+            if (event.shiftKey && active === first) {
+                event.preventDefault();
+                last.focus();
+            }
+            else if (!event.shiftKey && active === last) {
+                event.preventDefault();
+                first.focus();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [isOpen, onClose]);
+    const safeTitle = (0, react_1.useMemo)(() => {
+        const cleaned = stripMarkdownChars((0, utils_1.stripHTML)(session.title || ''));
+        return cleaned || 'Conversazione';
+    }, [session.title]);
+    const history = (0, react_1.useMemo)(() => session.messages.map(message => {
+        const attachmentTag = message.attachment
+            ? `<document_attachment filename="${escapeAttachmentAttr(message.attachment.name)}" type="${escapeAttachmentAttr(message.attachment.type)}"></document_attachment>`
+            : '';
+        const interruptedText = message.role === 'assistant' && message.status === 'interrupted'
+            ? 'Risposta interrotta - sessione in pausa'
+            : message.content;
+        return {
+            fromUser: message.role === 'user',
+            text: `${interruptedText}${attachmentTag}`,
+            timestamp: message.timestamp,
+        };
+    }), [session.messages]);
+    if (!embedded && !shouldRender)
+        return null;
+    const content = ((0, jsx_runtime_1.jsxs)("div", { ref: panelRef, className: `memori-chat-resume-drawer--panel ${embedded ? 'memori-chat-resume-drawer--panel-embedded' : ''}`, onClick: event => event.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("header", { className: "memori-chat-resume-drawer--header", children: [(0, jsx_runtime_1.jsx)(ui_1.Button, { ref: backButtonRef, variant: "ghost", type: "button", className: "memori-chat-resume-drawer--header-icon-button", onClick: onBack || onClose, "aria-label": "Back", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { size: 16 }) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-resume-drawer--header-main", children: [(0, jsx_runtime_1.jsx)("h2", { className: "memori-chat-resume-drawer--title", title: safeTitle, children: safeTitle }), (0, jsx_runtime_1.jsx)("p", { className: "memori-chat-resume-drawer--subtitle", children: session.subtitle })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-resume-drawer--thread", children: [isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--skeletons", children: [0, 1, 2].map(item => ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--skeleton-bubble" }, item))) })), !isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--embedded-chat", children: (0, jsx_runtime_1.jsx)(Chat_1.default, { memori: EMPTY_MEMORI, sessionID: "chat-resume-drawer", history: history, pushMessage: NOOP, simulateUserPrompt: NOOP, setSendOnEnter: NOOP, setAttachmentsMenuOpen: NOOP, onChangeUserMessage: NOOP, sendMessage: NOOP, setEnableFocusChatInput: NOOP, stopAudio: NOOP, startListening: NOOP, stopListening: NOOP, showInputs: false, showAIicon: true, showCopyButton: true, isHistoryView: true }) }))] }), (0, jsx_runtime_1.jsx)("footer", { className: "memori-chat-resume-drawer--actions", children: (0, jsx_runtime_1.jsxs)(ui_1.Button, { className: "memori-chat-resume-drawer--resume-cta", variant: "primary", onClick: () => onResume(), children: ["Riprendi conversazione ", (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowUpRight, { size: 16 })] }) })] }));
+    if (embedded) {
+        return (0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--embedded-shell", children: content });
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `memori-chat-resume-drawer ${isVisible ? 'memori-chat-resume-drawer--open' : ''}`, role: "dialog", "aria-modal": "true", "aria-label": "Riprendi conversazione", children: [(0, jsx_runtime_1.jsx)(ui_1.Button, { className: "memori-chat-resume-drawer--backdrop", type: "button", "aria-label": "Close resume drawer", onClick: onClose }), content] }));
+};
+exports.default = ChatResumeDrawer;
+//# sourceMappingURL=ChatResumeDrawer.js.map

package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.js.map

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Message } from '@memori.ai/memori-api-client/dist/types';
+export interface ChatConsumptionDropdownProps {
+    history: Message[];
+    hasSpacedButtons?: boolean;
+}
+declare const ChatConsumptionDropdown: React.FC<ChatConsumptionDropdownProps>;
+export default ChatConsumptionDropdown;

package/dist/components/Header/ChatConsumptionDropdown.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_i18next_1 = require("react-i18next");
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const Dropdown_1 = tslib_1.__importDefault(require("../ui/Dropdown"));
+const GasStation_1 = tslib_1.__importDefault(require("../icons/GasStation"));
+const llmUsage_1 = require("../../helpers/llmUsage");
+const getMetricValue = (metric) => {
+    if (typeof metric === 'number' && Number.isFinite(metric))
+        return metric;
+    if (!metric || typeof metric !== 'object')
+        return undefined;
+    if (typeof metric.parsedValue === 'number' &&
+        Number.isFinite(metric.parsedValue)) {
+        return metric.parsedValue;
+    }
+    if (typeof metric.source === 'string') {
+        const parsed = Number(metric.source);
+        if (Number.isFinite(parsed))
+            return parsed;
+    }
+    return undefined;
+};
+const formatMetricValue = (value, locale) => new Intl.NumberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: Math.abs(value) >= 1 ? 3 : 4,
+}).format(value);
+const formatCountValue = (value, locale) => new Intl.NumberFormat(locale, {
+    maximumFractionDigits: 0,
+}).format(value);
+const formatImpactInReadableUnit = (value, metricType, locale) => {
+    const absValue = Math.abs(value);
+    if (metricType === 'energy') {
+        if (absValue >= 1)
+            return `${formatMetricValue(value, locale)} kWh`;
+        const wh = value * 1000;
+        if (Math.abs(wh) >= 1)
+            return `${formatMetricValue(wh, locale)} Wh`;
+        return `${formatMetricValue(wh * 1000, locale)} mWh`;
+    }
+    if (metricType === 'co2') {
+        if (absValue >= 1)
+            return `${formatMetricValue(value, locale)} kg`;
+        const g = value * 1000;
+        if (Math.abs(g) >= 1)
+            return `${formatMetricValue(g, locale)} g`;
+        return `${formatMetricValue(g * 1000, locale)} mg`;
+    }
+    if (absValue >= 1)
+        return `${formatMetricValue(value, locale)} L`;
+    const ml = value * 1000;
+    if (Math.abs(ml) >= 1)
+        return `${formatMetricValue(ml, locale)} mL`;
+    return `${formatMetricValue(ml * 1000, locale)} μL`;
+};
+const ChatConsumptionDropdown = ({ history, hasSpacedButtons = false, }) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const currentLocale = i18n.language || navigator.language || 'en';
+    const chatLog = (0, react_1.useMemo)(() => ({ lines: history }), [history]);
+    const chatConsumptionTotals = (0, react_1.useMemo)(() => {
+        var _a;
+        const totals = {
+            totalInputTokens: 0,
+            totalOutputTokens: 0,
+            energy: 0,
+            gwp: 0,
+            wcf: 0,
+            models: new Set(),
+        };
+        ((_a = chatLog === null || chatLog === void 0 ? void 0 : chatLog.lines) !== null && _a !== void 0 ? _a : []).forEach(line => {
+            var _a, _b, _c, _d, _e;
+            const llmUsage = line.llmUsage;
+            if (!llmUsage)
+                return;
+            totals.totalInputTokens += (_a = llmUsage.totalInputTokens) !== null && _a !== void 0 ? _a : 0;
+            totals.totalOutputTokens += (_b = llmUsage.outputTokens) !== null && _b !== void 0 ? _b : 0;
+            if (llmUsage.provider || llmUsage.model) {
+                totals.models.add([llmUsage.provider, llmUsage.model].filter(Boolean).join(' · '));
+            }
+            if (!llmUsage.energyImpact)
+                return;
+            const impact = llmUsage.energyImpact;
+            totals.energy += (_c = getMetricValue(impact.energy)) !== null && _c !== void 0 ? _c : 0;
+            totals.gwp += (_d = getMetricValue(impact.gwp)) !== null && _d !== void 0 ? _d : 0;
+            totals.wcf += (_e = getMetricValue(impact.wcf)) !== null && _e !== void 0 ? _e : 0;
+        });
+        return totals;
+    }, [chatLog]);
+    const llmUsageModels = (0, react_1.useMemo)(() => Array.from(chatConsumptionTotals.models), [chatConsumptionTotals.models]);
+    const hasConsumptionData = (0, react_1.useMemo)(() => {
+        var _a;
+        return ((_a = chatLog === null || chatLog === void 0 ? void 0 : chatLog.lines) !== null && _a !== void 0 ? _a : []).some(line => !!line.llmUsage);
+    }, [chatLog]);
+    if (!hasConsumptionData)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(Dropdown_1.default, { placement: "bottom-right", trigger: (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: (0, classnames_1.default)('memori-header--button', 'memori-header--button--sustainability', hasSpacedButtons && 'memori-header--button-spaced'), title: t('write_and_speak.showMessageConsumptionLabel') || 'LLM consumption', icon: (0, jsx_runtime_1.jsx)(GasStation_1.default, { className: "memori-header--button--sustainability-icon" }) }), children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability", children: [(0, jsx_runtime_1.jsx)("h4", { className: "memori-dropdown--sustainability-title", children: t('chatLogs.totalChatConsumptionTitle') || 'Consumo Totale Chat' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-section", children: [(0, jsx_runtime_1.jsx)("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.modelUsage') || 'Model usage' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-summary", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-stat", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.input') || 'Input' }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalInputTokens, currentLocale) }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-stat", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-label", children: t('chatLogs.output') || 'Output' }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-stat-value", children: formatCountValue(chatConsumptionTotals.totalOutputTokens, currentLocale) }), (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-stat-meta", children: t('chatLogs.tokens') || 'Tokens' })] })] }), llmUsageModels.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row memori-dropdown--sustainability-row--stacked", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [t('chatLogs.provider') || 'Provider', " /", ' ', t('chatLogs.model') || 'Model'] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-dropdown--sustainability-tags", children: llmUsageModels.map(modelLabel => ((0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--sustainability-tag", children: modelLabel }, modelLabel))) })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-metrics", children: [(0, jsx_runtime_1.jsx)("h5", { className: "memori-dropdown--sustainability-section-title", children: t('chatLogs.environmentalImpact') || 'Environmental impact' }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: llmUsage_1.BADGE_EMOJI.energy }), ' ', t('chatLogs.energy') || 'Energy'] }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.energy, 'energy', currentLocale) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: llmUsage_1.BADGE_EMOJI.co2 }), ' ', t('chatLogs.co2') || 'CO2'] }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.gwp, 'co2', currentLocale) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-dropdown--sustainability-row", children: [(0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--sustainability-label", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: llmUsage_1.BADGE_EMOJI.water }), ' ', t('chatLogs.water') || 'Water'] }), (0, jsx_runtime_1.jsx)("strong", { className: "memori-dropdown--sustainability-value", children: formatImpactInReadableUnit(chatConsumptionTotals.wcf, 'water', currentLocale) })] })] })] }) }));
+};
+exports.default = ChatConsumptionDropdown;
+//# sourceMappingURL=ChatConsumptionDropdown.js.map

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

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