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

package/dist/components/ChatHistoryDrawer/ChatHistory.js

@@ -5,284 +5,72 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@memori.ai/ui");
 const react_i18next_1 = require("react-i18next");
 const react_1 = require("react");
-const ui_2 = require("@memori.ai/ui");
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../../helpers/utils");
 const message_1 = require("../../helpers/message");
-const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const ui_3 = require("@memori.ai/ui");
-const ui_4 = require("@memori.ai/ui");
-const widgetSurfaceContext_1 = require("../../context/widgetSurfaceContext");
+const MediaItemWidget_utils_1 = require("../MediaWidget/MediaItemWidget.utils");
 const translations_1 = require("../../helpers/translations");
+const conversationTitle_1 = require("../../helpers/conversationTitle");
+const conversationHistory_1 = require("../../helpers/conversationHistory");
+const SideDrawer_1 = tslib_1.__importStar(require("../SideDrawer/SideDrawer"));
+const IconButton_1 = tslib_1.__importDefault(require("../IconButton/IconButton"));
+const DrawerFooter_1 = tslib_1.__importDefault(require("../DrawerFooter/DrawerFooter"));
 const ChatResumeDrawer_1 = tslib_1.__importDefault(require("./ChatResumeDrawer"));
-const ITEMS_PER_PAGE = 8;
-const DEBOUNCE_DELAY = 300;
-const ICON_BACKGROUND_COLORS = [
-    'var(--chat-history-icon-purple, #EEEDFE)',
-    'var(--chat-history-icon-teal, #E1F5EE)',
-    'var(--chat-history-icon-amber, #FAEEDA)',
-    'var(--chat-history-icon-coral, #FAECE7)',
-];
-const isImageMimeType = (mimeType) => { var _a; return (_a = mimeType === null || mimeType === void 0 ? void 0 : mimeType.startsWith('image/')) !== null && _a !== void 0 ? _a : false; };
-const isFileMimeType = (mimeType) => !isImageMimeType(mimeType);
-const calculateTitle = (lines) => {
-    const userMessages = lines.filter(line => line.inbound);
-    if (userMessages.length === 0)
-        return '';
-    const insignificantPhrases = [
-        'hello',
-        'hi',
-        'hey',
-        'good morning',
-        'good afternoon',
-        'good evening',
-        'thanks',
-        'thank you',
-        'thx',
-        'tnx',
-        'ty',
-        'thanks!',
-        'thank you!',
-        'ok',
-        'okay',
-        'k',
-        'yes',
-        'no',
-        'yep',
-        'nope',
-        'yeah',
-        'nah',
-        'good',
-        'great',
-        'nice',
-        'cool',
-        'awesome',
-        'perfect',
-        'excellent',
-        'bye',
-        'goodbye',
-        'see you',
-        'see ya',
-        'later',
-        'good night',
-        'how are you',
-        'how are you doing',
-        "what's up",
-        'sup',
-        'please',
-        'pls',
-        'sorry',
-        'excuse me',
-        'pardon',
-        'i see',
-        'i understand',
-        'got it',
-        'gotcha',
-        'understood',
-        'continue',
-        'go on',
-        'tell me more',
-        'more',
-        'next',
-        'start',
-        'begin',
-        "let's start",
-        "let's begin",
-        'help',
-        'can you help',
-        'i need help',
-        'test',
-        'testing',
-        'test message',
-        '?',
-        '??',
-        '???',
-        '!',
-        '!!',
-        '!!!',
-        '...',
-        '..',
-        '.',
-        'a',
-        'an',
-        'the',
-        'and',
-        'or',
-        'but',
-        'in',
-        'on',
-        'at',
-        'to',
-        'for',
-        'of',
-        'with',
-        'by',
-        'ciao',
-        'salve',
-        'buongiorno',
-        'buonasera',
-        'buonanotte',
-        'grazie',
-        'grazie mille',
-        'grazie!',
-        'grazie mille!',
-        'thx',
-        'tnx',
-        'ok',
-        'va bene',
-        'va bene così',
-        'perfetto',
-        'ottimo',
-        'bene',
-        'sì',
-        'si',
-        'no',
-        'certo',
-        'certamente',
-        'assolutamente',
-        'arrivederci',
-        'a presto',
-        'a dopo',
-        'ci vediamo',
-        'addio',
-        'come stai',
-        'come va',
-        'tutto bene',
-        'che succede',
-        'per favore',
-        'per piacere',
-        'scusa',
-        'scusami',
-        'mi dispiace',
-        'capisco',
-        'ho capito',
-        'capito',
-        'perfetto',
-        'continua',
-        'vai avanti',
-        'dimmi di più',
-        'altro',
-        'altro ancora',
-        'inizia',
-        'iniziamo',
-        'comincia',
-        'cominciamo',
-        'aiuto',
-        'puoi aiutarmi',
-        'ho bisogno di aiuto',
-        'test',
-        'prova',
-        'messaggio di prova',
-        '?',
-        '??',
-        '???',
-        '!',
-        '!!',
-        '!!!',
-        '...',
-        '..',
-        '.',
-        'un',
-        'una',
-        'il',
-        'la',
-        'gli',
-        'le',
-        'e',
-        'o',
-        'ma',
-        'in',
-        'su',
-        'a',
-        'per',
-        'di',
-        'con',
-        'da',
-    ];
-    const calculateSignificanceScore = (message) => {
-        const cleanMessage = message.toLowerCase().trim();
-        if (insignificantPhrases.includes(cleanMessage)) {
-            return 0;
-        }
-        const wordCount = cleanMessage
-            .split(/\s+/)
-            .filter(word => word.length > 0).length;
-        if (wordCount < 3) {
-            return 0.1;
-        }
-        if (cleanMessage.length < 5) {
-            return 0.1;
-        }
-        const isQuestion = /\?$/.test(cleanMessage) ||
-            /^(what|how|why|when|where|who|which|can|could|would|will|do|does|did|is|are|was|were)/.test(cleanMessage) ||
-            /^(cosa|come|perché|perche|quando|dove|chi|quale|quali|può|puo|potrebbe|vorrebbe|sarà|sara|fa|fai|fanno|è|e|sono|era|erano)/.test(cleanMessage);
-        let score = 0.5;
-        if (isQuestion)
-            score += 0.3;
-        if (wordCount > 5)
-            score += 0.2;
-        if (wordCount > 10)
-            score += 0.2;
-        if (wordCount > 20)
-            score -= 0.1;
-        if (/\d/.test(cleanMessage))
-            score += 0.1;
-        if (/[A-ZÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞŸ][a-zàáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ]+/.test(message))
-            score += 0.1;
-        return Math.min(score, 1.0);
-    };
-    const scoredMessages = userMessages.map((msg, index) => {
-        const cleanText = (0, utils_1.stripHTML)((0, message_1.stripAllInternalTags)(msg.text || ''));
-        const score = calculateSignificanceScore(cleanText);
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const PAGE_SIZE = 8;
+const DEFAULT_MINIMUM_MESSAGES = 3;
+const formatDateForAPI = (date) => {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    const hours = String(date.getHours()).padStart(2, '0');
+    const minutes = String(date.getMinutes()).padStart(2, '0');
+    const seconds = String(date.getSeconds()).padStart(2, '0');
+    const milliseconds = String(date.getMilliseconds()).padStart(3, '0');
+    return `${year}${month}${day}${hours}${minutes}${seconds}${milliseconds}`;
+};
+const formatDateRangeForAPI = (dateRange) => {
+    const now = new Date();
+    if (dateRange === 'today') {
+        const yesterday = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
         return {
-            text: cleanText,
-            score,
-            index,
-            originalIndex: index,
+            dateFrom: formatDateForAPI(yesterday),
+            dateTo: formatDateForAPI(now),
         };
-    });
-    scoredMessages.sort((a, b) => {
-        if (Math.abs(a.score - b.score) < 0.1) {
-            return a.index - b.index;
-        }
-        return b.score - a.score;
-    });
-    let bestMessage = scoredMessages[0];
-    if (bestMessage.score < 0.3) {
-        const betterMessage = scoredMessages.find(msg => msg.score > 0.1);
-        if (betterMessage) {
-            bestMessage = betterMessage;
-        }
     }
-    if (bestMessage.score < 0.2) {
-        const meaningfulMessages = scoredMessages
-            .filter(msg => msg.score > 0.1)
-            .slice(0, 3)
-            .sort((a, b) => a.index - b.index);
-        if (meaningfulMessages.length > 1) {
-            const combinedText = meaningfulMessages
-                .map(msg => msg.text)
-                .join(' - ')
-                .substring(0, 80);
-            return combinedText.length > 80 ? `${combinedText}...` : combinedText;
-        }
+    if (dateRange === 'yesterday') {
+        const yesterday = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
+        const dayBeforeYesterday = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() - 2);
+        return {
+            dateFrom: formatDateForAPI(dayBeforeYesterday),
+            dateTo: formatDateForAPI(yesterday),
+        };
     }
-    const title = bestMessage.text;
-    const maxLength = 100;
-    if (title.length > maxLength) {
-        const truncated = title.substring(0, maxLength);
-        const lastSpace = truncated.lastIndexOf(' ');
-        if (lastSpace > maxLength * 0.7) {
-            return `${truncated.substring(0, lastSpace)}...`;
-        }
-        return `${truncated}...`;
+    if (dateRange === 'last_7_days') {
+        const sevenDaysAgo = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 7);
+        return {
+            dateFrom: formatDateForAPI(sevenDaysAgo),
+            dateTo: formatDateForAPI(now),
+        };
     }
-    return title;
+    const thirtyDaysAgo = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 30);
+    return {
+        dateFrom: formatDateForAPI(thirtyDaysAgo),
+        dateTo: formatDateForAPI(now),
+    };
+};
+const isImageMimeType = (mimeType) => { var _a; return (_a = mimeType === null || mimeType === void 0 ? void 0 : mimeType.startsWith('image/')) !== null && _a !== void 0 ? _a : false; };
+const isFunctionCallMedium = (medium) => {
+    var _a, _b;
+    return Boolean((_a = medium.properties) === null || _a === void 0 ? void 0 : _a.functionSignature) ||
+        Boolean((_b = medium.properties) === null || _b === void 0 ? void 0 : _b.functionCache);
 };
+const isFileMedium = (medium) => !isFunctionCallMedium(medium) && !isImageMimeType(medium.mimeType);
 const translateChatLogs = async (chatLogs, fromLanguage, toLanguage, baseUrl) => {
     try {
-        const translatedChatLogs = await Promise.all(chatLogs.map(async (chatLog) => {
-            const translatedLines = await Promise.all(chatLog.lines.map(async (line) => {
+        return await Promise.all(chatLogs.map(async (chatLog) => ({
+            ...chatLog,
+            lines: await Promise.all(chatLog.lines.map(async (line) => {
                 if (!line.text)
                     return line;
                 try {
@@ -297,13 +85,8 @@ const translateChatLogs = async (chatLogs, fromLanguage, toLanguage, baseUrl) =>
                     console.error('Error translating line:', e);
                     return line;
                 }
-            }));
-            return {
-                ...chatLog,
-                lines: translatedLines,
-            };
-        }));
-        return translatedChatLogs;
+            })),
+        })));
     }
     catch (e) {
         console.error('Error translating chat logs:', e);
@@ -320,156 +103,59 @@ const downloadFile = (text, filename) => {
     document.body.appendChild(element);
     element.click();
     document.body.removeChild(element);
+    URL.revokeObjectURL(url);
 };
-const ChatHistoryDrawer = ({ open, onClose, apiClient, sessionId, memori, resumeSession, baseUrl, apiUrl, history, loginToken, language, userLang, isMultilanguageEnabled = false, }) => {
-    var _a;
-    const surfaceEl = (0, widgetSurfaceContext_1.useWidgetSurfaceEl)();
-    const { t } = (0, react_i18next_1.useTranslation)();
+const conversationTitleOf = (chatLog) => (0, conversationTitle_1.getConversationTitle)({ title: chatLog.title, lines: chatLog.lines });
+const ChatHistoryDrawer = ({ open, onClose, apiClient, sessionId, memori, resumeSession, baseUrl, language, userLang, isMultilanguageEnabled = false, showFunctionCache = false, showMessageConsumption = false, loginToken, }) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const { add } = (0, ui_1.useAlertManager)();
     const { getUserChatLogsByTokenPaged } = apiClient.chatLogs;
-    const textCurrentChat = `${t('write_and_speak.conversationStartedLabel')} ${new Intl.DateTimeFormat('it', {
-        dateStyle: 'short',
-        timeStyle: 'short',
-    }).format(new Date())}\n\n`.concat(history
-        .map(m => `${m.fromUser ? 'YOU' : memori.name}: ${(0, message_1.stripAllInternalTags)(m.text)}`)
-        .join('\n'));
     const [chatLogs, setChatLogs] = (0, react_1.useState)([]);
     const [selectedChatLog, setSelectedChatLog] = (0, react_1.useState)(null);
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
-    const [indexPage, setIndexPage] = (0, react_1.useState)(0);
-    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const [searchInput, setSearchInput] = (0, react_1.useState)('');
+    const searchQuery = (0, utils_1.useDebounce)(searchInput, 300);
+    const [filtersOpen, setFiltersOpen] = (0, react_1.useState)(false);
+    const [dateRange, setDateRange] = (0, react_1.useState)('all');
+    const [minimumMessagesPerChat, setMinimumMessagesPerChat] = (0, react_1.useState)(DEFAULT_MINIMUM_MESSAGES);
+    const [customMinimumMessages, setCustomMinimumMessages] = (0, react_1.useState)(1);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [loadingMore, setLoadingMore] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
-    const [sortOrder, setSortOrder] = (0, react_1.useState)('desc');
-    const [dateRange, setDateRange] = (0, react_1.useState)('all');
     const [totalItems, setTotalItems] = (0, react_1.useState)(0);
-    const [totalPages, setTotalPages] = (0, react_1.useState)(0);
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
-    const [isViewingChatDetail, setIsViewingChatDetail] = (0, react_1.useState)(false);
-    const [minimumMessagesPerChat, setMinimumMessagesPerChat] = (0, react_1.useState)(3);
-    const [customMinimumMessages, setCustomMinimumMessages] = (0, react_1.useState)(1);
-    const [contentTypeFilter, setContentTypeFilter] = (0, react_1.useState)('all');
-    const isSameDay = (dateA, dateB) => dateA.getFullYear() === dateB.getFullYear() &&
-        dateA.getMonth() === dateB.getMonth() &&
-        dateA.getDate() === dateB.getDate();
-    const getChatLogStats = (chatLog) => {
-        const imageCount = chatLog.lines.reduce((total, line) => {
-            var _a;
-            const imagesInLine = ((_a = line.media) === null || _a === void 0 ? void 0 : _a.filter(medium => isImageMimeType(medium.mimeType)).length) || 0;
-            return total + imagesInLine;
-        }, 0);
-        const fileCount = chatLog.lines.reduce((total, line) => {
-            var _a;
-            const filesInLine = ((_a = line.media) === null || _a === void 0 ? void 0 : _a.filter(medium => isFileMimeType(medium.mimeType)).length) || 0;
-            return total + filesInLine;
-        }, 0);
-        const assistantReplies = chatLog.lines.filter(line => { var _a; return !line.inbound && ((_a = line.text) === null || _a === void 0 ? void 0 : _a.trim()); });
-        const previewSource = assistantReplies[1] || assistantReplies[0];
-        const preview = (0, utils_1.stripHTML)((previewSource === null || previewSource === void 0 ? void 0 : previewSource.text) || '')
-            .replace(/\s+/g, ' ')
-            .trim();
-        const allText = chatLog.lines
-            .map(line => line.text || '')
-            .join(' ')
-            .toLowerCase();
-        const isTestConversation = /\b(test|testing|experiment|esperimento|prova)\b/.test(allText);
-        return {
-            imageCount,
-            fileCount,
-            preview,
-            isTestConversation,
-            messageCount: chatLog.lines.length,
-        };
-    };
-    const formatDateForAPI = (date) => {
-        const year = date.getFullYear();
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const day = String(date.getDate()).padStart(2, '0');
-        const hours = String(date.getHours()).padStart(2, '0');
-        const minutes = String(date.getMinutes()).padStart(2, '0');
-        const seconds = String(date.getSeconds()).padStart(2, '0');
-        const milliseconds = String(date.getMilliseconds()).padStart(3, '0');
-        return `${year}${month}${day}${hours}${minutes}${seconds}${milliseconds}`;
-    };
-    const formatDateRangeForAPI = (dateRange) => {
-        if (dateRange === 'today') {
-            const now = new Date();
-            const yesterday = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
-            const dateFrom = formatDateForAPI(yesterday);
-            const dateTo = formatDateForAPI(now);
-            return { dateFrom, dateTo };
-        }
-        if (dateRange === 'yesterday') {
-            const now = new Date();
-            const yesterday = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
-            const dayBeforeYesterday = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() - 2);
-            const dateFrom = formatDateForAPI(dayBeforeYesterday);
-            const dateTo = formatDateForAPI(yesterday);
-            return { dateFrom, dateTo };
-        }
-        if (dateRange === 'last_7_days') {
-            const now = new Date();
-            const sevenDaysAgo = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 7);
-            const dateFrom = formatDateForAPI(sevenDaysAgo);
-            const dateTo = formatDateForAPI(now);
-            return { dateFrom, dateTo };
-        }
-        if (dateRange === 'last_30_days') {
-            const now = new Date();
-            const thirtyDaysAgo = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 30);
-            const dateFrom = formatDateForAPI(thirtyDaysAgo);
-            const dateTo = formatDateForAPI(now);
-            return { dateFrom, dateTo };
-        }
-    };
-    const fetchChatLogs = (0, react_1.useCallback)(async (dateRangeValue = 'all') => {
-        var _a;
+    const fetchChatLogs = (0, react_1.useCallback)(async ({ from = 0, append = false, } = {}) => {
+        var _a, _b;
         if (!loginToken) {
             setError(t('errorFetchingSession') ||
                 'Login token required to fetch chat history');
             return;
         }
-        const calculatedIndex = ITEMS_PER_PAGE * (currentPage - 1);
-        setIndexPage(calculatedIndex);
-        setIsLoading(true);
+        if (append)
+            setLoadingMore(true);
+        else
+            setIsLoading(true);
         setError(null);
-        let response;
-        let filters = {
-            loginToken: loginToken,
-            memoriID: memori.engineMemoriID,
-            dateFrom: undefined,
-            dateTo: undefined,
-            from: calculatedIndex,
-            howMany: ITEMS_PER_PAGE,
-            minimumMessagesPerChat: minimumMessagesPerChat === 0
-                ? customMinimumMessages
-                : minimumMessagesPerChat,
-        };
         try {
-            if (dateRangeValue === 'all') {
-                response = await getUserChatLogsByTokenPaged(filters);
-            }
-            else {
-                const { dateFrom, dateTo } = (_a = formatDateRangeForAPI(dateRangeValue)) !== null && _a !== void 0 ? _a : {};
-                response = await getUserChatLogsByTokenPaged({
-                    ...filters,
-                    dateFrom: dateFrom !== null && dateFrom !== void 0 ? dateFrom : undefined,
-                    dateTo: dateTo !== null && dateTo !== void 0 ? dateTo : undefined,
-                });
-            }
-            const res = response;
-            let sortedChatLogs = res.chatLogs.sort((a, b) => {
-                const dateA = Math.max(...a.lines.map((l) => new Date(l.timestamp).getTime()));
-                const dateB = Math.max(...b.lines.map((l) => new Date(l.timestamp).getTime()));
-                return sortOrder === 'desc' ? dateB - dateA : dateA - dateB;
+            const range = dateRange === 'all' ? undefined : formatDateRangeForAPI(dateRange);
+            const response = await getUserChatLogsByTokenPaged({
+                loginToken,
+                memoriID: memori.engineMemoriID,
+                from,
+                howMany: PAGE_SIZE,
+                filter: searchQuery,
+                dateFrom: range === null || range === void 0 ? void 0 : range.dateFrom,
+                dateTo: range === null || range === void 0 ? void 0 : range.dateTo,
+                minimumMessagesPerChat: minimumMessagesPerChat === 0
+                    ? customMinimumMessages
+                    : minimumMessagesPerChat,
             });
+            let nextLogs = response.chatLogs || [];
             if (language.toUpperCase() !== userLang.toUpperCase() &&
                 isMultilanguageEnabled) {
-                sortedChatLogs = await translateChatLogs(sortedChatLogs, language, userLang, baseUrl);
+                nextLogs = await translateChatLogs(nextLogs, language, userLang, baseUrl);
             }
-            setChatLogs(sortedChatLogs);
-            setTotalItems(res.count || sortedChatLogs.length);
-            setTotalPages(Math.ceil((res.count || sortedChatLogs.length) / ITEMS_PER_PAGE));
+            const total = (_b = (_a = response.count) !== null && _a !== void 0 ? _a : response.totalItems) !== null && _b !== void 0 ? _b : nextLogs.length;
+            setTotalItems(total);
+            setChatLogs(current => (append ? [...current, ...nextLogs] : nextLogs));
         }
         catch (err) {
             setError(t('errorFetchingSession') || 'Error loading chat history');
@@ -477,126 +163,85 @@ const ChatHistoryDrawer = ({ open, onClose, apiClient, sessionId, memori, resume
         }
         finally {
             setIsLoading(false);
+            setLoadingMore(false);
         }
     }, [
         loginToken,
         memori.engineMemoriID,
-        currentPage,
-        sortOrder,
-        apiUrl,
+        searchQuery,
+        dateRange,
         minimumMessagesPerChat,
         customMinimumMessages,
+        language,
+        userLang,
+        isMultilanguageEnabled,
+        baseUrl,
+        getUserChatLogsByTokenPaged,
     ]);
     (0, react_1.useEffect)(() => {
-        const checkMobile = () => {
-            setIsMobile(window.innerWidth <= 768);
-        };
-        checkMobile();
-        window.addEventListener('resize', checkMobile);
-        return () => window.removeEventListener('resize', checkMobile);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            setCurrentPage(1);
-            setIndexPage(0);
-            setIsViewingChatDetail(false);
-            setSelectedChatLog(null);
-        }
+        if (open)
+            return;
+        setSelectedChatLog(null);
+        setSearchInput('');
+        setFiltersOpen(false);
+        setDateRange('all');
+        setMinimumMessagesPerChat(DEFAULT_MINIMUM_MESSAGES);
+        setCustomMinimumMessages(1);
     }, [open]);
     (0, react_1.useEffect)(() => {
         if (open) {
-            setCurrentPage(1);
-            setIndexPage(0);
-        }
-    }, [
-        sortOrder,
-        dateRange,
-        minimumMessagesPerChat,
-        customMinimumMessages,
-        open,
-    ]);
-    (0, react_1.useEffect)(() => {
-        if (open && currentPage > 0) {
-            fetchChatLogs(dateRange);
-        }
-    }, [
-        currentPage,
-        dateRange,
-        minimumMessagesPerChat,
-        customMinimumMessages,
-        fetchChatLogs,
-        open,
-    ]);
-    const debouncedSearch = (0, react_1.useMemo)(() => (0, debounce_1.default)((value) => setSearchText(value), DEBOUNCE_DELAY), []);
-    const paginatedChatLogs = (0, react_1.useMemo)(() => {
-        if (contentTypeFilter === 'all') {
-            return chatLogs;
+            void fetchChatLogs({ from: 0 });
         }
-        return chatLogs.filter(chatLog => {
-            const stats = getChatLogStats(chatLog);
-            if (contentTypeFilter === 'with_images') {
-                return stats.imageCount > 0;
-            }
-            return stats.fileCount > 0;
-        });
-    }, [chatLogs, contentTypeFilter]);
-    const handleResumeChat = async (_prompt) => {
-        if (selectedChatLog) {
-            resumeSession(selectedChatLog);
-            add((0, ui_1.createAlertOptions)({
-                description: t('write_and_speak.chatResumed') || 'Conversation resumed.',
-                severity: 'success',
-            }));
-            onClose();
-        }
-    };
-    const handleCloseResumeDrawer = () => {
-        setIsViewingChatDetail(false);
-        setSelectedChatLog(null);
-    };
-    const handleExportChat = (chatLog, e) => {
-        e.stopPropagation();
-        const text = `${t('write_and_speak.conversationStartedLabel')} ${new Intl.DateTimeFormat(navigator.language, {
+    }, [open, fetchChatLogs]);
+    const exportChatLog = (chatLog) => {
+        const text = `${t('write_and_speak.conversationStartedLabel')} ${new Intl.DateTimeFormat(i18n.language, {
             dateStyle: 'short',
             timeStyle: 'short',
         }).format(new Date())}\n\n`.concat(chatLog.lines
-            .map(line => `${line.inbound ? 'YOU' : memori.name}: ${(0, message_1.stripAllInternalTags)(line.text)}`)
+            .map((line) => `${line.inbound ? 'YOU' : memori.name}: ${(0, message_1.stripAllInternalTags)((0, utils_1.stripHTML)(line.text || ''))}`)
             .join('\n'));
         downloadFile(text, `${memori.name.replace(/\W+/g, '-')}-chat-${chatLog.chatLogID.substring(0, 4)}.txt`);
     };
-    const handleExportSelectedChat = () => {
+    const handleResumeChat = () => {
         if (!selectedChatLog)
             return;
-        const text = `${t('write_and_speak.conversationStartedLabel')} ${new Intl.DateTimeFormat(navigator.language, {
-            dateStyle: 'short',
-            timeStyle: 'short',
-        }).format(new Date())}\n\n`.concat(selectedChatLog.lines
-            .map(line => `${line.inbound ? 'YOU' : memori.name}: ${line.text}`)
-            .join('\n'));
-        downloadFile(text, `${memori.name.replace(/\W+/g, '-')}-chat-${selectedChatLog.chatLogID.substring(0, 4)}.txt`);
+        resumeSession(selectedChatLog);
+        add((0, ui_1.createAlertOptions)({
+            description: t('write_and_speak.chatResumed') || 'Conversation resumed.',
+            severity: 'success',
+        }));
+        onClose();
     };
-    const formatDate = (timestamp) => {
-        return new Intl.DateTimeFormat(navigator.language, {
-            dateStyle: 'medium',
-            timeStyle: 'short',
-        }).format(new Date(timestamp));
+    const formatCountLabel = (count) => `${count} ${count === 1
+        ? t('write_and_speak.message') || 'message'
+        : t('write_and_speak.messages') || 'messages'}`;
+    const metaFor = (chatLog) => {
+        const lastDate = (0, conversationHistory_1.getLastMessageDate)(chatLog.lines);
+        const dateLabel = lastDate
+            ? (0, conversationHistory_1.formatConversationListDate)(lastDate, i18n.language)
+            : '';
+        return [dateLabel, formatCountLabel(chatLog.lines.length)]
+            .filter(Boolean)
+            .join(' · ');
     };
-    const formatCountLabel = (count, singular, plural) => `${count} ${count === 1 ? singular : plural}`;
+    const selectedTitle = selectedChatLog
+        ? conversationTitleOf(selectedChatLog) ||
+            `Chat-${selectedChatLog.chatLogID.substring(0, 4)}`
+        : '';
     const selectedChatSession = (0, react_1.useMemo)(() => {
         if (!selectedChatLog)
             return null;
-        const title = calculateTitle(selectedChatLog.lines) ||
-            'Chat-' + selectedChatLog.chatLogID.substring(0, 4);
         const hasInterruptedLine = selectedChatLog.lines.some(line => { var _a; return !line.inbound && !((_a = line.text) === null || _a === void 0 ? void 0 : _a.trim()); });
-        const lastMessageDate = Math.max(...selectedChatLog.lines.map(line => new Date(line.timestamp).getTime()));
         return {
-            title,
-            subtitle: `${formatDate(new Date(lastMessageDate).toISOString())} · ${selectedChatLog.lines.length} ${t('write_and_speak.messages') || 'messages'}`,
-            summary: t('write_and_speak.sessionSummaryDescription') ||
-                'Hai caricato un file Markdown con la presentazione del gruppo. L’AI stava elaborando una risposta.',
+            title: selectedTitle,
+            subtitle: metaFor(selectedChatLog),
+            summary: '',
             messages: selectedChatLog.lines.map((line, index) => {
-                var _a, _b;
-                return ({
+                var _a;
+                const attachmentMedium = line.inbound
+                    ? (line.media || []).find(isFileMedium)
+                    : undefined;
+                return {
                     id: `${selectedChatLog.chatLogID}-${index}`,
                     role: line.inbound ? 'user' : 'assistant',
                     content: line.text || '',
@@ -609,106 +254,80 @@ const ChatHistoryDrawer = ({ open, onClose, apiClient, sessionId, memori, resume
                     status: !line.inbound && !((_a = line.text) === null || _a === void 0 ? void 0 : _a.trim()) && hasInterruptedLine
                         ? 'interrupted'
                         : 'completed',
-                    attachment: line.inbound && Array.isArray(line.media) && line.media.length > 0
-                        ? {
-                            name: ((_b = line.media[0].url) === null || _b === void 0 ? void 0 : _b.split('/').pop()) ||
-                                line.media[0].url ||
-                                'Attachment file',
-                            type: 'Markdown',
-                            size: '2.4 KB',
-                            ext: 'MD',
-                        }
+                    attachment: attachmentMedium
+                        ? (() => {
+                            var _a;
+                            const name = attachmentMedium.title ||
+                                ((_a = attachmentMedium.url) === null || _a === void 0 ? void 0 : _a.split('/').pop()) ||
+                                'Attachment file';
+                            const mimeType = (0, MediaItemWidget_utils_1.getOriginalMimeType)(name, attachmentMedium.mimeType);
+                            return {
+                                name,
+                                type: mimeType,
+                                size: '2.4 KB',
+                                ext: (0, MediaItemWidget_utils_1.getDocumentBadgeLabel)(mimeType, name, attachmentMedium.url),
+                            };
+                        })()
                         : undefined,
-                });
+                };
             }),
-            quickActions: [
-                {
-                    label: t('write_and_speak.summarizeSession') || 'Riassumi la sessione',
-                    prompt: 'Riassumi la sessione',
-                },
-                {
-                    label: t('write_and_speak.retryRequest') || 'Riprova la richiesta',
-                    prompt: 'Riprova la richiesta',
-                },
-            ],
+            quickActions: [],
         };
-    }, [selectedChatLog, t]);
-    const escapeUnderScore = (value) => {
-        return value.replace(/_/g, ' ');
-    };
-    const renderContent = () => {
-        if (isLoading) {
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--loading", children: [(0, jsx_runtime_1.jsx)(ui_3.Spin, { spinning: true, primary: true, className: "memori-chat-history-drawer--loading--spinner" }), (0, jsx_runtime_1.jsx)("p", { className: "memori-chat-history-drawer--loading--text", children: t('write_and_speak.loadingChatHistory') ||
-                            'Loading chat history...' })] }));
-        }
-        if (error) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--error", children: (0, jsx_runtime_1.jsx)("p", { children: error }) }));
-        }
-        if (!chatLogs.length) {
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--empty", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, { className: "memori-chat-history-drawer--empty--icon" }), (0, jsx_runtime_1.jsx)("p", { className: "memori-chat-history-drawer--empty--text", children: t('write_and_speak.noChatHistoryAvailable') ||
-                            'No chat history available' })] }));
-        }
-        if (paginatedChatLogs.length === 0) {
-            return ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--no-results", children: (0, jsx_runtime_1.jsx)("p", { children: t('write_and_speak.noResultsFound', {
-                        searchText: searchText || '',
-                    }) || 'No results found' }) }));
+    }, [selectedChatLog, selectedTitle, i18n.language, t]);
+    const groupedLogs = (0, react_1.useMemo)(() => (0, conversationHistory_1.groupConversations)(chatLogs, chatLog => (0, conversationHistory_1.getLastMessageDate)(chatLog.lines)), [chatLogs]);
+    const formatGroupLabel = (key) => {
+        if (key.type === 'thisWeek') {
+            return t('write_and_speak.thisWeek') || 'This week';
         }
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("ul", { className: "memori-chat-history-drawer--list", "aria-label": t('write_and_speak.chatHistory') || 'Chat history', children: paginatedChatLogs.map((chatLog, index) => {
-                    const lastMessageDate = Math.max(...chatLog.lines.map(line => new Date(line.timestamp).getTime()));
-                    const stats = getChatLogStats(chatLog);
-                    const iconSymbol = stats.fileCount > 0
-                        ? '📄'
-                        : stats.isTestConversation
-                            ? '🧪'
-                            : '💬';
-                    const iconBackgroundColor = ICON_BACKGROUND_COLORS[index % ICON_BACKGROUND_COLORS.length];
-                    const isUpdatedToday = isSameDay(new Date(lastMessageDate), new Date());
-                    const title = calculateTitle(chatLog.lines) ||
-                        'Chat-' + chatLog.chatLogID.substring(0, 4);
-                    const isCurrentSession = (chatLog === null || chatLog === void 0 ? void 0 : chatLog.sessionID) === sessionId;
-                    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-disabled": isCurrentSession || undefined, "aria-label": title, className: `memori-chat-history-drawer--list-item ${(selectedChatLog === null || selectedChatLog === void 0 ? void 0 : selectedChatLog.chatLogID) === chatLog.chatLogID
-                                ? 'memori-chat-history-drawer--list-item--selected'
-                                : ''} ${!isCurrentSession
-                                ? 'memori-chat-history-drawer--list-item--hoverable'
-                                : ''} ${isCurrentSession
-                                ? 'memori-chat-history-drawer--list-item--disabled'
-                                : ''}`, onKeyDown: event => {
-                                if (isCurrentSession &&
-                                    (event.key === 'Enter' || event.key === ' ')) {
-                                    event.preventDefault();
-                                }
-                            }, onClick: async () => {
-                                if (isCurrentSession) {
-                                    return;
-                                }
-                                if ((selectedChatLog === null || selectedChatLog === void 0 ? void 0 : selectedChatLog.chatLogID) === chatLog.chatLogID) {
-                                    setSelectedChatLog(null);
-                                    if (isMobile) {
-                                        setIsViewingChatDetail(false);
-                                    }
-                                    return;
-                                }
-                                setSelectedChatLog(chatLog);
-                                setIsViewingChatDetail(true);
-                            }, children: (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--list-item--content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--list-item--title-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--title", children: title }), isUpdatedToday && ((0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--today-pill", children: t('today') || 'Today' }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--list-item--meta", children: [(0, jsx_runtime_1.jsx)("time", { className: "memori-chat-history-drawer--list-item--meta--time", dateTime: new Date(lastMessageDate).toISOString(), children: formatDate(new Date(lastMessageDate).toISOString()) }), (0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--meta-badge memori-chat-history-drawer--list-item--meta-badge-messages", children: formatCountLabel(stats.messageCount, t('write_and_speak.message') || 'message', t('write_and_speak.messages') || 'messages') }), stats.imageCount > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--meta-badge memori-chat-history-drawer--list-item--meta-badge-images", children: formatCountLabel(stats.imageCount, t('write_and_speak.image') || 'image', t('write_and_speak.images') || 'images') })), stats.fileCount > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--meta-badge memori-chat-history-drawer--list-item--meta-badge-files", children: formatCountLabel(stats.fileCount, t('write_and_speak.file') || 'file', t('write_and_speak.files') || 'files') })), chatLog.boardOfExperts && ((0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--meta-badge memori-chat-history-drawer--list-item--meta-badge-boe", children: "boe" }))] })] }) }) }, chatLog.chatLogID));
-                }) }) }));
+        const label = new Intl.DateTimeFormat(i18n.language, {
+            month: 'long',
+            ...(key.year === new Date().getFullYear() ? {} : { year: 'numeric' }),
+        }).format(new Date(key.year, key.month, 1));
+        return label.charAt(0).toUpperCase() + label.slice(1);
     };
-    const renderListPagination = () => {
-        if (totalPages <= 1)
-            return null;
-        return ((0, jsx_runtime_1.jsxs)("nav", { className: "memori-chat-history-drawer--pagination", "aria-label": t('write_and_speak.chatHistory') || 'Chat history pagination', children: [(0, jsx_runtime_1.jsx)(ui_2.Button, { variant: "outline", onClick: () => setCurrentPage(p => Math.max(1, p - 1)), disabled: currentPage === 1, className: "memori-chat-history-drawer--pagination--button memori-chat-history-drawer--pagination--prev", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, {}), title: t('previous') || 'Previous' }), (0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--pagination--info", children: t('write_and_speak.page', {
-                        current: currentPage,
-                        total: totalPages,
-                    }) }), (0, jsx_runtime_1.jsx)(ui_2.Button, { variant: "outline", onClick: () => setCurrentPage(p => Math.min(totalPages, p + 1)), disabled: currentPage === totalPages, className: "memori-chat-history-drawer--pagination--button memori-chat-history-drawer--pagination--next", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, {}), title: t('next') || 'Next' })] }));
-    };
-    return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, className: "memori-chat-history-drawer", open: open, onClose: onClose, title: t('write_and_speak.chatHistory') || 'Chat History', closable: true, anchor: "left", size: "md", description: t('write_and_speak.chatHistoryDescription'), children: selectedChatSession && isViewingChatDetail ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--content memori-chat-history-drawer--content-with-footer", children: (0, jsx_runtime_1.jsx)(ChatResumeDrawer_1.default, { embedded: true, isOpen: true, session: selectedChatSession, onResume: handleResumeChat, onBack: handleCloseResumeDrawer, onClose: handleCloseResumeDrawer, onExportChat: handleExportSelectedChat }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--content memori-chat-history-drawer--content-with-footer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--scrollable", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--toolbar", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--toolbar--min-messages-filter", children: [(0, jsx_runtime_1.jsx)(ui_4.SelectBox, { placeholder: (_a = (t('chatLogs.customMinimumMessages') ||
-                                                'Customize the number of messages')) !== null && _a !== void 0 ? _a : 'Customize the number of messages', value: String(minimumMessagesPerChat), onChange: value => {
-                                                setMinimumMessagesPerChat(value ? Number(value) : 0);
-                                            }, displayValue: minimumMessagesPerChat === 0
+    const isEmpty = !isLoading && !error && totalItems === 0 && !searchQuery;
+    const noSearchResults = !isLoading && !error && !isEmpty && chatLogs.length === 0;
+    const hasMore = chatLogs.length < totalItems;
+    const isDetail = Boolean(selectedChatLog && selectedChatSession);
+    const listFooter = !isDetail && !isEmpty && !isLoading ? ((0, jsx_runtime_1.jsx)(DrawerFooter_1.default, { start: (0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--count", children: t('write_and_speak.shownOfTotal', {
+                shown: chatLogs.length,
+                total: totalItems,
+            }) }), end: hasMore ? ((0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "outline", loading: loadingMore, disabled: loadingMore, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { "aria-hidden": true }), iconPosition: "right", onClick: () => void fetchChatLogs({ from: chatLogs.length, append: true }), children: t('write_and_speak.loadMore') || t('knownFacts.loadMore') })) : undefined })) : undefined;
+    const detailFooter = isDetail ? ((0, jsx_runtime_1.jsx)(DrawerFooter_1.default, { children: (0, jsx_runtime_1.jsx)(ui_1.Button, { className: "memori-chat-history-drawer--resume-cta", variant: "primary", onClick: handleResumeChat, children: t('chatResume.resume', { defaultValue: 'Resume conversation' }) }) })) : undefined;
+    const drawerTitle = isDetail ? ((0, jsx_runtime_1.jsxs)("span", { className: "memori-chat-history-drawer--heading", children: [(0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "ghost", shape: "circle", size: "sm", type: "button", className: "memori-chat-history-drawer--heading-button", "aria-label": t('write_and_speak.backToConversationList') || 'Back to the list', title: t('write_and_speak.backToConversationList') || 'Back to the list', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { "aria-hidden": true }), onClick: () => setSelectedChatLog(null) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-chat-history-drawer--heading-text", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--heading-title", title: selectedTitle, children: selectedTitle }), (0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--heading-meta", children: selectedChatSession === null || selectedChatSession === void 0 ? void 0 : selectedChatSession.subtitle })] }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { type: "button", className: "memori-chat-history-drawer--heading-button", "aria-label": t('write_and_speak.downloadThisConversation') ||
+                    'Download this conversation', title: t('write_and_speak.downloadThisConversation') ||
+                    'Download this conversation', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Download, { "aria-hidden": true }), onClick: () => selectedChatLog && exportChatLog(selectedChatLog) })] })) : (t('write_and_speak.chatHistory') || 'Chat history');
+    return ((0, jsx_runtime_1.jsx)(SideDrawer_1.default, { open: open, size: "md", className: (0, classnames_1.default)('memori-chat-history-drawer', {
+            'memori-chat-history-drawer--detail': isDetail,
+        }), title: drawerTitle, closeLabel: t('close') || 'Close', footer: isDetail ? detailFooter : listFooter, onClose: onClose, children: isDetail && selectedChatSession ? ((0, jsx_runtime_1.jsx)(ChatResumeDrawer_1.default, { embedded: true, isOpen: true, session: selectedChatSession, memori: memori, onResume: handleResumeChat, onClose: () => setSelectedChatLog(null), onExportChat: () => selectedChatLog && exportChatLog(selectedChatLog), showFunctionCache: showFunctionCache, showMessageConsumption: showMessageConsumption })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--toolbar", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--toolbar-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--search", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { "aria-hidden": true, className: "memori-chat-history-drawer--search-icon" }), (0, jsx_runtime_1.jsx)("label", { className: "sr-only", htmlFor: "memori-chat-history-search", children: t('write_and_speak.searchInChatHistory') }), (0, jsx_runtime_1.jsx)(ui_1.Input, { id: "memori-chat-history-search", fullWidth: true, value: searchInput, placeholder: t('write_and_speak.searchInChatHistory') || '', onValueChange: setSearchInput })] }), totalItems > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--total", children: t('write_and_speak.conversationsCount', {
+                                        count: totalItems,
+                                    }) }))] }), (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "ghost", type: "button", className: "memori-chat-history-drawer--filters-toggle", "aria-expanded": filtersOpen, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { "aria-hidden": true, className: (0, classnames_1.default)('memori-chat-history-drawer--filters-chevron', filtersOpen &&
+                                    'memori-chat-history-drawer--filters-chevron--open') }), iconPosition: "right", onClick: () => setFiltersOpen(openFilters => !openFilters), children: t('write_and_speak.filters') }), filtersOpen && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--filters", children: [(0, jsx_runtime_1.jsx)(ui_1.SelectBox, { className: "memori-chat-history-drawer--filters-select", value: dateRange, displayValue: dateRange === 'all' ? t('all') || 'All' : t(dateRange), onChange: value => {
+                                        if (!value)
+                                            return;
+                                        setDateRange(value);
+                                    }, options: [
+                                        { label: t('all') || 'All', value: 'all' },
+                                        { label: t('today') || 'Today', value: 'today' },
+                                        {
+                                            label: t('yesterday') || 'Yesterday',
+                                            value: 'yesterday',
+                                        },
+                                        {
+                                            label: t('last_7_days') || 'Last 7 days',
+                                            value: 'last_7_days',
+                                        },
+                                        {
+                                            label: t('last_30_days') || 'Last 30 days',
+                                            value: 'last_30_days',
+                                        },
+                                    ] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--filters-messages", children: [(0, jsx_runtime_1.jsx)(ui_1.SelectBox, { className: "memori-chat-history-drawer--filters-select", value: String(minimumMessagesPerChat), displayValue: minimumMessagesPerChat === 0
                                                 ? t('chatLogs.customMinimumMessages') ||
                                                     'Customize the number of messages'
                                                 : t('chatLogs.atLeast' + minimumMessagesPerChat) ||
-                                                    'At least ' + minimumMessagesPerChat + ' messages', className: "memori-chat-history-drawer--toolbar--min-messages-filter--select", options: [
+                                                    `At least ${minimumMessagesPerChat} messages`, onChange: value => {
+                                                setMinimumMessagesPerChat(value ? Number(value) : 0);
+                                            }, options: [
                                                 {
                                                     value: '1',
                                                     label: t('chatLogs.anyMessage') || 'Any message',
@@ -742,32 +361,29 @@ const ChatHistoryDrawer = ({ open, onClose, apiClient, sessionId, memori, resume
                                                     label: t('chatLogs.customMinimumMessages') ||
                                                         'Customize the number of messages',
                                                 },
-                                            ] }), minimumMessagesPerChat === 0 && ((0, jsx_runtime_1.jsx)("input", { type: "number", min: 1, value: customMinimumMessages, onChange: (e) => {
-                                                const value = parseInt(e.target.value, 10);
-                                                setCustomMinimumMessages(value);
-                                            }, style: { minWidth: 50 }, className: "memori-chat-history-drawer--toolbar--min-messages-filter--input-number" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--toolbar--actions", children: (0, jsx_runtime_1.jsx)(ui_4.SelectBox, { options: [
-                                            { label: t('all') || 'All', value: 'all' },
-                                            { label: t('today') || 'Today', value: 'today' },
-                                            {
-                                                label: t('yesterday') || 'Yesterday',
-                                                value: 'yesterday',
-                                            },
-                                            {
-                                                label: t('last_7_days') || 'Last 7 days',
-                                                value: 'last_7_days',
-                                            },
-                                            {
-                                                label: t('last_30_days') || 'Last 30 days',
-                                                value: 'last_30_days',
-                                            },
-                                        ], value: dateRange, displayValue: dateRange === 'all'
-                                            ? t('all') || 'All'
-                                            : t(dateRange) || dateRange, className: "memori-chat-history-drawer--toolbar--actions--select", onChange: value => {
-                                            if (value) {
-                                                setDateRange(value);
-                                                setCurrentPage(1);
-                                            }
-                                        } }) })] }), renderContent()] }), totalPages > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--pagination-footer", children: renderListPagination() }))] })) }));
+                                            ] }), minimumMessagesPerChat === 0 && ((0, jsx_runtime_1.jsx)("input", { type: "number", min: 1, value: customMinimumMessages, onChange: (event) => {
+                                                setCustomMinimumMessages(parseInt(event.target.value, 10) || 1);
+                                            }, className: "memori-chat-history-drawer--filters-custom", "aria-label": t('chatLogs.customMinimumMessages') ||
+                                                'Customize the number of messages' }))] })] }))] }), isLoading && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-history-drawer--loading", children: [(0, jsx_runtime_1.jsx)(ui_1.Spin, { spinning: true, primary: true }), (0, jsx_runtime_1.jsx)("p", { children: t('write_and_speak.loadingChatHistory') ||
+                                'Loading chat history...' })] })), error && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--error", role: "alert", children: (0, jsx_runtime_1.jsx)("p", { children: error }) })), isEmpty && ((0, jsx_runtime_1.jsx)(SideDrawer_1.SideDrawerEmpty, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, {}), title: t('write_and_speak.noChatHistoryAvailable') ||
+                        'No chat history available' })), noSearchResults && ((0, jsx_runtime_1.jsx)(SideDrawer_1.SideDrawerEmpty, { icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, {}), title: t('write_and_speak.noResultsFound', {
+                        searchText: searchQuery,
+                    }) })), !isLoading && !error && groupedLogs.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-history-drawer--groups", children: groupedLogs.map(group => ((0, jsx_runtime_1.jsxs)("section", { className: "memori-chat-history-drawer--group", children: [(0, jsx_runtime_1.jsx)("h3", { className: "memori-chat-history-drawer--group-label", children: formatGroupLabel(group.key) }), (0, jsx_runtime_1.jsx)("ul", { className: "memori-chat-history-drawer--list", "aria-label": t('write_and_speak.chatHistory') || 'Chat history', children: group.items.map(chatLog => {
+                                    const title = conversationTitleOf(chatLog) ||
+                                        `Chat-${chatLog.chatLogID.substring(0, 4)}`;
+                                    const isCurrentSession = chatLog.sessionID === sessionId;
+                                    const meta = metaFor(chatLog);
+                                    const lastDate = (0, conversationHistory_1.getLastMessageDate)(chatLog.lines);
+                                    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-chat-history-drawer--list-item', {
+                                                'memori-chat-history-drawer--list-item--disabled': isCurrentSession,
+                                            }), children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "memori-chat-history-drawer--list-item-main", "aria-disabled": isCurrentSession || undefined, "aria-label": title, disabled: isCurrentSession, onClick: () => {
+                                                        if (isCurrentSession)
+                                                            return;
+                                                        setSelectedChatLog(chatLog);
+                                                    }, children: (0, jsx_runtime_1.jsxs)("span", { className: "memori-chat-history-drawer--list-item--content", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-chat-history-drawer--list-item--title", title: title, children: title }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-chat-history-drawer--list-item--meta", children: [lastDate && ((0, jsx_runtime_1.jsx)("time", { dateTime: lastDate.toISOString(), children: meta })), !lastDate && meta] })] }) }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { "aria-hidden": true, className: "memori-chat-history-drawer--list-item-chevron" })] }) }, chatLog.chatLogID));
+                                }) })] }, group.key.type === 'thisWeek'
+                        ? 'thisWeek'
+                        : `${group.key.year}-${group.key.month}`))) }))] })) }));
 };
 exports.default = ChatHistoryDrawer;
 //# sourceMappingURL=ChatHistory.js.map