@memori.ai/memori-react 7.30.0 → 7.30.1

package/esm/locales/de.json

@@ -121,6 +121,7 @@
         "pageInstructExplanation": "Um mir neue Dinge beizubringen, klicken Sie auf die Schaltfläche \"ANLEITEN\", um zu beginnen",
         "pageTryMeExplanation": "Um mit mir zu sprechen, klicken Sie auf die Schaltfläche START, um zu beginnen",
         "pagePrivacyExplanation": "Die Konversationen sind sichtbar von dem Autor des Agenten",
+        "downloadChat": "Chat herunterladen",
         "pagePrivacyExplanationList": {
             "allConversations": "Alle Konversationen mit diesem Agenten sind sichtbar von dem Autor des Agenten",
             "anonymousUser": "Für anonyme Benutzer: der Autor wird den Inhalt der Konversation und Ihre IP-Adresse sehen",

package/esm/locales/en.json

@@ -121,6 +121,7 @@
         "pageInstructExplanation": "To teach me new things click on the INSTRUCT ME button to get started",
         "pageTryMeExplanation": "To talk to me click on the START button to get started",
         "pagePrivacyExplanation": "The conversations are visible by the author of the agent",
+        "downloadChat": "Download chat",
         "pagePrivacyExplanationList": {
             "allConversations": "All conversations with this agent are visible to the author of the agent",
             "anonymousUser": "For anonymous users: the author will see the content of the conversation and your IP address",

package/esm/locales/es.json

@@ -128,6 +128,7 @@
             "authorUsesInfo": "El autor utiliza estas informaciones para mejorar las funciones del agente y para ofrecerte un mejor servicio. Continuando la conversación, acepta estas condiciones."
         },
         "instructButton": "INSTRUÍME",
+        "downloadChat": "Descargar chat",
         "tryMeButton": "COMENZAR",
         "chatHistory": "Historial de chat",
         "chatHistoryDescription": "Mostrar el historial de chat con este agente",

package/esm/locales/fr.json

@@ -130,6 +130,7 @@
         "pageTryMeExplanation": "Pour me parler, cliquez sur le bouton START pour commencer",
         "pagePrivacyExplanation": "Les conversations sont visibles par l'auteur de l'agent",
         "pagePrivacyExplanationTooltip": "En commençant la conversation, nous vous informons que :\n\n- Toutes les conversations avec cet agent sont visibles par l'auteur de l'agent\n- Si vous utilisez la chat comme utilisateur anonyme, l'auteur pourra voir le contenu de la conversation et votre adresse IP\n- Si vous utilisez la chat comme utilisateur enregistré (connecté), l'auteur pourra voir le contenu de la conversation et votre nom d'utilisateur\n- L'auteur utilise ces informations pour améliorer les fonctionnalités de l'agent et pour vous fournir un meilleur service\n- En continuant la conversation, vous acceptez ces conditions.",
+        "downloadChat": "Télécharger le chat",
         "instructButton": "INSTRUCTEZ-MOI",
         "tryMeButton": "COMMENCER",
         "chatHistory": "Historique des discussions",

package/esm/locales/it.json

@@ -121,6 +121,7 @@
         "pageInstructExplanation": "Per insegnarmi nuove cose clicca sul pulsante ISTRUISCIMI per cominciare",
         "pageTryMeExplanation": "Per parlare con me clicca sul pulsante INIZIAMO per cominciare",
         "pagePrivacyExplanation": "Le conversazioni sono visibili all'autore dell'agente",
+        "downloadChat": "Scarica chat",
         "pagePrivacyExplanationList": {
             "allConversations": "Tutte le conversazioni con questo agente sono visibili all'autore dell'agente",
             "anonymousUser": "Per utenti anonimi: l'autore vedrà il contenuto e l'indirizzo IP",

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "7.30.0",
+  "version": "7.30.1",
   "name": "@memori.ai/memori-react",
   "author": "Memori Srl",
   "main": "dist/index.js",

package/src/components/ChatHistoryDrawer/ChatHistory.css

@@ -105,18 +105,49 @@
 }
 
 .memori-chat-history-drawer--card--content {
+    position: relative;
     display: flex;
+    height: 100%;
     flex-direction: column;
-    padding: 1rem;
-    border-top: 1px solid var(--memori-border);
-    background-color: var(--memori-background-alt);
-    gap: 1rem;
 }
 
-.memori-chat-history-drawer--card--content--messages {
+.memori-chat-history-drawer--card--content--header {
+    position: absolute;
+    z-index: 10;
+    right: 12px;
+}
+
+.memori-chat-history-drawer--card--content--export-button {
     display: flex;
-    flex-direction: column;
-    gap: 1rem;
+    align-items: center;
+    padding: 8px;
+    border: none;
+    background: transparent;
+    color: var(--memori-text-color, #666);
+    cursor: pointer;
+    gap: 8px;
+    transition: color 0.2s ease;
+}
+
+.memori-chat-history-drawer--card--content--export-button:hover {
+    color: var(--memori-primary);
+}
+
+.memori-chat-history-drawer--card--content--export-button--content {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.memori-chat-history-drawer--card--content--export-button--icon {
+    width: 16px;
+    height: 16px;
+}
+
+.memori-chat-history-drawer--card--content--messages {
+    flex: 1;
+    padding: 16px;
+    overflow-y: auto;
 }
 
 .memori-chat-history-drawer--card--content--messages .memori-chat--cover {
@@ -143,55 +174,40 @@
 
 .memori-chat-history-drawer--card--content--actions {
     position: sticky;
+    z-index: 10;
+    right: 0;
     bottom: 0;
+    left: 0;
     display: flex;
-    width: 100%;
     justify-content: center;
-    padding: 1rem;
-    border-top: 1px solid var(--memori-border);
-    margin-top: 1rem;
-    background-color: var(--memori-background-alt);
+    padding: 16px;
+    background: linear-gradient(to top, var(--memori-background-color, #fff) 80%, transparent);
 }
 
 .memori-chat-history-drawer--card--content--resume-button {
-    padding: 0.75rem 1.5rem;
-    border-radius: 0.5rem;
-    -webkit-backdrop-filter: blur(16px);
-    backdrop-filter: blur(16px);
-    background-color: rgba(255, 255, 255, 0.8);
-    color: var(--memori-primary);
-    font-weight: 500;
-    transition: all 0.2s ease-in-out;
+    display: flex;
+    min-width: 200px;
+    align-items: center;
+    justify-content: center;
+    padding: 12px 24px;
+    border-radius: 24px;
+    gap: 8px;
+    transition: transform 0.2s ease;
 }
 
 .memori-chat-history-drawer--card--content--resume-button:hover {
-    -webkit-backdrop-filter: blur(0);
-    backdrop-filter: blur(0);
-    background-color: var(--memori-primary);
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.27), 0 2px 4px -1px rgba(0, 0, 0, 0.35);
-    color: var(--memori-primary-text);
-    transform: translateY(-1px);
+    transform: translateY(-2px);
 }
 
 .memori-chat-history-drawer--card--content--resume-button--content {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: 8px;
 }
 
 .memori-chat-history-drawer--card--content--resume-button--icon {
-    color: var(--memori-primary);
-    transition: transform 0.2s ease-in-out;
-}
-
-.memori-chat-history-drawer--card--content--resume-button:hover
-    .memori-chat-history-drawer--card--content--resume-button--icon {
-    color: #fff;
-    transform: scale(1.1);
-}
-
-.memori-chat-history-drawer--card--content--resume-button--text {
-    font-weight: 500;
+    width: 20px;
+    height: 20px;
 }
 
 /* Loading state */
@@ -322,3 +338,15 @@
     border-color: var(--memori-primary);
     box-shadow: 0 0 0 2px var(--memori-primary-light);
 }
+
+.memori-chat-history-drawer--download-button-wrapper{
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.memori-chat-history-drawer--download-button-wrapper--text{
+    color: var(--memori-primary);
+    font-size: 0.875rem;
+    font-weight: 500;
+}

package/src/components/ChatHistoryDrawer/ChatHistory.stories.tsx

@@ -167,18 +167,18 @@ const meta: Meta<typeof ChatHistory> = {
     memori: mockMemori,
     apiClient: mockApiClient as any,
     onClose: () => console.log('Close button clicked'),
-    resumeSession: (sessionId, lines, questionsAndAnswers) => {
-      console.log('Resume session called with:', { sessionId, lines, questionsAndAnswers });
+    history: mockChatLogs.map(chatLog => ({
+      text: chatLog.lines[0].text,
+      fromUser: chatLog.lines[0].inbound,
+      timestamp: chatLog.lines[0].timestamp
+    })),
+    resumeSession: (chatLog: ChatLog) => {
+      console.log('Resume session called with:', chatLog);
     }
   },
   // Add argTypes to configure controls in Storybook
   argTypes: {
     open: { control: 'boolean', description: 'Whether the drawer is open' },
-    layout: { 
-      control: { type: 'select' }, 
-      options: ['DEFAULT', 'FLOATING', 'FULLPAGE', 'INLINE'],
-      description: 'Layout mode for the drawer'
-    },
     onClose: { action: 'closed' },
     resumeSession: { action: 'resumed session' }
   }

package/src/components/ChatHistoryDrawer/ChatHistory.test.tsx

@@ -29,6 +29,7 @@ const client = memoriApiClient();
 it('renders ChatHistoryDrawer unchanged', () => {
   const { container } = render(
     <ChatHistoryDrawer
+      history={[]}
       open={true}
       onClose={jest.fn()}
       apiClient={client}
@@ -45,6 +46,7 @@ it('renders ChatHistoryDrawer unchanged', () => {
 it('renders ChatHistoryDrawer with chat logs unchanged', () => {
   const { container } = render(
     <ChatHistoryDrawer
+      history={[]}
       open={true}
       onClose={jest.fn()}
       apiClient={client}
@@ -61,6 +63,7 @@ it('renders ChatHistoryDrawer with chat logs unchanged', () => {
 it('renders ChatHistoryDrawer with selected chat log unchanged', () => {
   const { container } = render(
     <ChatHistoryDrawer
+      history={[]}
       open={true}
       onClose={jest.fn()}
       apiClient={client}
@@ -77,6 +80,7 @@ it('renders ChatHistoryDrawer with selected chat log unchanged', () => {
 it('renders ChatHistoryDrawer closed unchanged', () => {
   const { container } = render(
     <ChatHistoryDrawer
+      history={[]}
       open={false}
       onClose={jest.fn()}
       apiClient={client}