@memori.ai/memori-react 8.11.0 → 8.13.0

package/src/components/ui/Tooltip.css

@@ -2,12 +2,13 @@
 
 .memori-tooltip {
     position: relative;
+    z-index: 1000;
     display: inline-block;
 }
 
 .memori-tooltip--content {
     position: absolute;
-    z-index: 100;
+    z-index: 1000;
     top: 50%;
     left: 100%;
     display: none;
@@ -47,6 +48,7 @@
     transition: 0.3s;
 }
 
+
 .memori-tooltip.memori-tooltip--align-left .memori-tooltip--content::before {
     right: -15px;
     left: auto;
@@ -113,3 +115,49 @@
 .memori-tooltip.memori-tooltip--disabled {
     cursor: not-allowed;
 }
+
+.memori-tooltip.memori-tooltip--align-bottomLeft .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-bottomRight .memori-tooltip--content {
+    top: 100%;
+    right: initial;
+    left: 50%;
+    margin: initial;
+    margin-top: 15px;
+}
+
+.memori-tooltip.memori-tooltip--align-bottomLeft .memori-tooltip--content::before {
+    z-index: 1001;
+    top: -15px;
+    bottom: initial;
+    left: 66%;
+    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
+    margin-top: 0px;
+    margin-bottom: initial;
+    margin-left: 5px;
+}
+
+.memori-tooltip.memori-tooltip--align-bottomRight .memori-tooltip--content::before {
+    z-index: 1001;
+    top: -15px;
+    right: 10px;
+    bottom: initial;
+    left: auto;
+    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
+    margin-top: -5px;
+    margin-right: 5px;
+    margin-bottom: initial;
+}
+
+.memori-tooltip.memori-tooltip--align-bottomLeft:not(.memori-tooltip--disabled).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-bottomLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
+    .memori-tooltip--content {
+    transform: translateX(-73%);
+}
+
+.memori-tooltip.memori-tooltip--align-bottomRight:not(.memori-tooltip--disabled).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-bottomRight:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
+    .memori-tooltip--content {
+    transform: translateX(33%);
+}

package/src/components/ui/Tooltip.tsx

@@ -4,7 +4,7 @@ import cx from 'classnames';
 export interface Props {
   content: string | JSX.Element | React.ReactNode;
   className?: string;
-  align?: 'left' | 'right' | 'topLeft' | 'topRight';
+  align?: 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
   disabled?: boolean;
   children: React.ReactNode;
   visible?: boolean;

package/src/helpers/constants.ts

@@ -215,5 +215,5 @@ export const MAX_MSG_WORDS = 300;
 
 // Document upload limits
 export const MAX_DOCUMENTS_PER_MESSAGE = 5;
-// export const MAX_TOTAL_MESSAGE_PAYLOAD = 200000; // 200KB total payload limit
+export const MAX_TOTAL_MESSAGE_PAYLOAD = 200000; // 200KB total payload limit
 export const MAX_DOCUMENT_CONTENT_LENGTH = 200000; // 200KB per document content

package/src/helpers/imageCompression.ts

@@ -0,0 +1,230 @@
+/**
+ * Image compression utility using HTML5 Canvas API
+ * Compresses images before upload to reduce file size and LLM context usage
+ */
+
+export interface CompressionOptions {
+  maxWidth?: number;
+  maxHeight?: number;
+  quality?: number;
+  maxSizeMB?: number;
+}
+
+const DEFAULT_OPTIONS: Required<CompressionOptions> = {
+  maxWidth: 1920,
+  maxHeight: 1920,
+  quality: 0.85,
+  maxSizeMB: 2,
+};
+
+
+/**
+ * Apply EXIF orientation to canvas context
+ */
+const applyOrientation = (
+  ctx: CanvasRenderingContext2D,
+  orientation: number,
+  width: number,
+  height: number
+) => {
+  switch (orientation) {
+    case 2:
+      // Horizontal flip
+      ctx.transform(-1, 0, 0, 1, width, 0);
+      break;
+    case 3:
+      // 180° rotation
+      ctx.transform(-1, 0, 0, -1, width, height);
+      break;
+    case 4:
+      // Vertical flip
+      ctx.transform(1, 0, 0, -1, 0, height);
+      break;
+    case 5:
+      // Vertical flip + 90° rotation
+      ctx.transform(0, 1, 1, 0, 0, 0);
+      break;
+    case 6:
+      // 90° rotation
+      ctx.transform(0, 1, -1, 0, height, 0);
+      break;
+    case 7:
+      // Horizontal flip + 90° rotation
+      ctx.transform(0, -1, -1, 0, height, width);
+      break;
+    case 8:
+      // 270° rotation
+      ctx.transform(0, -1, 1, 0, 0, width);
+      break;
+    default:
+      // No transformation needed
+      break;
+  }
+};
+
+/**
+ * Load image from File and return HTMLImageElement
+ */
+const loadImage = (file: File): Promise<HTMLImageElement> => {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    const url = URL.createObjectURL(file);
+
+    img.onload = () => {
+      URL.revokeObjectURL(url);
+      resolve(img);
+    };
+
+    img.onerror = () => {
+      URL.revokeObjectURL(url);
+      reject(new Error('Failed to load image'));
+    };
+
+    img.src = url;
+  });
+};
+
+/**
+ * Calculate new dimensions maintaining aspect ratio
+ */
+const calculateDimensions = (
+  width: number,
+  height: number,
+  maxWidth: number,
+  maxHeight: number
+): { width: number; height: number } => {
+  // If image is already smaller than max dimensions, return original
+  if (width <= maxWidth && height <= maxHeight) {
+    return { width, height };
+  }
+
+  // Calculate scale factor
+  const scaleWidth = maxWidth / width;
+  const scaleHeight = maxHeight / height;
+  const scale = Math.min(scaleWidth, scaleHeight, 1);
+
+  return {
+    width: Math.round(width * scale),
+    height: Math.round(height * scale),
+  };
+};
+
+/**
+ * Compress image using Canvas API
+ * @param file - Original image file
+ * @param options - Compression options
+ * @returns Compressed File object
+ */
+export const compressImage = async (
+  file: File,
+  options: CompressionOptions = {}
+): Promise<File> => {
+  const opts = { ...DEFAULT_OPTIONS, ...options };
+
+  // Check if compression is needed
+  const fileSizeMB = file.size / (1024 * 1024);
+  const shouldCompress = fileSizeMB > 1; // Compress if > 1 MB
+
+  if (!shouldCompress) {
+    // Load image to check dimensions
+    try {
+      const img = await loadImage(file);
+      const needsResize =
+        img.width > opts.maxWidth || img.height > opts.maxHeight;
+
+      if (!needsResize) {
+        // File is already small enough, return original
+        return file;
+      }
+    } catch (error) {
+      // If we can't load the image, return original
+      return file;
+    }
+  }
+
+  try {
+    // Load image
+    const img = await loadImage(file);
+
+    // Get orientation (simplified - full EXIF parsing would require a library)
+    const orientation = 1;
+
+    // Calculate new dimensions
+    const { width, height } = calculateDimensions(
+      img.width,
+      img.height,
+      opts.maxWidth,
+      opts.maxHeight
+    );
+
+    // Create canvas
+    const canvas = document.createElement('canvas');
+    canvas.width = width;
+    canvas.height = height;
+
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+      throw new Error('Failed to get canvas context');
+    }
+
+    // Apply orientation transformation
+    applyOrientation(ctx, orientation, width, height);
+
+    // Draw image to canvas
+    ctx.drawImage(img, 0, 0, width, height);
+
+    // Convert canvas to blob
+    return new Promise((resolve, reject) => {
+      canvas.toBlob(
+        (blob) => {
+          if (!blob) {
+            reject(new Error('Failed to compress image'));
+            return;
+          }
+
+          // Check if compressed size is acceptable
+          const compressedSizeMB = blob.size / (1024 * 1024);
+
+          if (compressedSizeMB > opts.maxSizeMB) {
+            // If still too large, try lower quality
+            canvas.toBlob(
+              (lowerQualityBlob) => {
+                if (!lowerQualityBlob) {
+                  // Fallback to original blob
+                  const compressedFile = new File(
+                    [blob],
+                    file.name.replace(/\.[^/.]+$/, '.jpg'),
+                    { type: 'image/jpeg' }
+                  );
+                  resolve(compressedFile);
+                  return;
+                }
+                const compressedFile = new File(
+                  [lowerQualityBlob],
+                  file.name.replace(/\.[^/.]+$/, '.jpg'),
+                  { type: 'image/jpeg' }
+                );
+                resolve(compressedFile);
+              },
+              'image/jpeg',
+              Math.max(0.5, opts.quality - 0.2) // Reduce quality by 0.2, min 0.5
+            );
+          } else {
+            // Create new File with JPEG extension
+            const compressedFile = new File(
+              [blob],
+              file.name.replace(/\.[^/.]+$/, '.jpg'),
+              { type: 'image/jpeg' }
+            );
+            resolve(compressedFile);
+          }
+        },
+        'image/jpeg', // Always convert to JPEG for better compression
+        opts.quality
+      );
+    });
+  } catch (error) {
+    // If compression fails, return original file
+    return file;
+  }
+};

package/src/index.stories.tsx

@@ -100,3 +100,21 @@ WithUpload.args = {
   showUpload: true,
 };
 
+export const WithPrivateAgent = Template.bind({});
+WithPrivateAgent.args = {
+  memoriName: 'Test Private',
+  ownerUserName: 'Andrea-Patini',
+  memoriID: 'c58cd5f9-43c4-4a3b-9fb6-56aedf58ff7a',
+  ownerUserID: '91dbc9ba-b684-4fbe-9828-b5980af6cda9',
+  tenantID: 'aisuru-staging.aclambda.online',
+  apiURL: 'https://backend-staging.memori.ai/api/v2',
+  engineURL: 'https://engine-staging.memori.ai/memori/v2',
+  baseURL: 'https://aisuru-staging.aclambda.online',
+  uiLang: 'EN',
+  spokenLang: 'IT',
+  layout: 'FULLPAGE',
+  multilingual: true,
+  showSettings: true,
+  showShare: true,
+  integrationID: '19f95abe-3493-4568-971d-14471480e5bc',
+};

package/src/locales/de.json

@@ -24,7 +24,10 @@
   "last_7_days": "Letzte 7 Tage",
   "last_30_days": "Letzte 30 Tage",
   "missingData": "Fehlende Informationen",
+  "date": "Geburtsdatum",
   "day": "Tag",
+  "copied": "Kopiert!",
+  "placeholder": "Stellen Sie eine Frage",
   "month": "Monat",
   "year": "Jahr",
   "createdAt": "Erstellungsdatum",
@@ -106,6 +109,8 @@
     "tokens": "Token",
     "addToken": "Token hinzufügen",
     "usePassword": "Passwort verwenden",
+    "passwordRequired": "Passwort erforderlich",
+    "invalidCredentials": "Ungültige Zugangsdaten",
     "atLeast": "Mindestens"
   },
   "widget": {
@@ -233,9 +238,10 @@
   "upload": {
     "loginRequired": "Login erforderlich",
     "loginRequiredDescription": "Bitte melden Sie sich an, um Bilder hochzuladen",
-    "uploadFiles": "Dateien hochladen",
-    "uploadImage": "Bild hochladen",
-    "uploadDocument": "Dokument hochladen",
+    "uploadFiles": "Dateien hochladen ({{shortcut}}+O zum Öffnen des Datei-Selektors)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O zum Öffnen des Datei-Selektors",
+    "uploadImages": "Bilder hochladen",
+    "uploadDocuments": "Dokumente hochladen",
     "replace": "Ersetzen",
     "remaining": "verbleibend",
     "maxReached": "Maximal erreicht",
@@ -244,7 +250,8 @@
     "uploadFailed": "Hochladen fehlgeschlagen",
     "uploadSuccess": "Hochladen erfolgreich",
     "uploadSuccessDescription": "Die Datei wurde erfolgreich hochgeladen",
-    "maxImagesReached": "Sie können bis zu {{max}} Bilder hochladen"
+    "maxImagesReached": "Sie können bis zu {{max}} Bilder hochladen",
+    "dragAndDropFiles": "Ziehen Sie Dateien hierher, um sie zur Chat hinzuzufügen"
   },
   "media": {
     "title": "Titel",
@@ -342,7 +349,8 @@
     "termsOfService": "Nutzungsbedingungen",
     "pAndCUAccepted": "Ich akzeptiere die Nutzungsbedingungen von Deep Thought",
     "editAccount": "Konto bearbeiten",
-    "save": "Speichern"
+    "save": "Speichern",
+    "successfullyLoggedIn": "{{username}} hat sich erfolgreich angemeldet"
   },
   "chatLogs": {
     "anyMessage": "Jede Nachricht",

package/src/locales/en.json

@@ -22,11 +22,17 @@
   "all": "All",
   "today": "Today",
   "yesterday": "Yesterday",
+  "placeholder": "Ask a question",
   "last_7_days": "Last 7 days",
   "last_30_days": "Last 30 days",
   "month": "Month",
+  "copied": "Copied!",
   "year": "Year",
+  "dayPlaceholder": "DD",
+  "monthPlaceholder": "MM",
+  "yearPlaceholder": "YYYY",
   "createdAt": "Creation date",
+  "date": "Birth date",
   "selected": "Selected",
   "page": "page",
   "actions": "Actions",
@@ -105,6 +111,8 @@
     "tokens": "Tokens",
     "addToken": "Add token",
     "usePassword": "Use password",
+    "passwordRequired": "Password required",
+    "invalidCredentials": "Invalid credentials",
     "atLeast": "At least"
   },
   "widget": {
@@ -243,14 +251,15 @@
   "upload": {
     "loginRequired": "Login required",
     "loginRequiredDescription": "Please login to upload images",
-    "uploadFiles": "Upload files",
-    "uploadImage": "Upload image",
+    "uploadFiles": "Upload files ({{shortcut}}+O to open file chooser)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O to open file chooser",
+    "uploadImages": "Upload images",
     "replace": "Replace",
     "maxImagesReached": "You can upload up to {{max}} images",
     "maxDocumentsReached": "You can upload up to {{max}} documents",
     "remaining": "remaining",
     "lastDocumentSlot": "Upload last document",
-    "uploadDocument": "Upload document",
+    "uploadDocuments": "Upload documents",
     "maxReached": "Max limit reached",
     "imageTitle": "Image title: {{title}}",
     "titleHelp": "Adding a descriptive title helps the AI provide more context and appropriate responses.",
@@ -259,12 +268,13 @@
     "fileReadingFailed": "File reading failed",
     "uploadFailed": "Upload failed",
     "uploadSuccess": "Upload success",
-    "titleImage": "Image: {{title}}",
+    "titleImage": "Image title: {{title}}",
     "uploadSuccessDescription": "The file has been uploaded successfully",
     "titleImageUpload": "Upload images",
     "partialUpload": "Only {{uploaded}} images on {{total}} will be uploaded. Maximum {{max}} images allowed.",
     "maxImages": "Maximum {{max}} images allowed.",
-    "upload": "Upload"
+    "upload": "Upload",
+    "dragAndDropFiles": "Drag and drop files here to add them to the chat"
   },
   "media": {
     "title": "Title",
@@ -406,7 +416,8 @@
     "termsStatus": "Terms Status",
     "enabled": "Enabled",
     "disabled": "Disabled",
-    "advancedFeatures": "Advanced Features"
+    "advancedFeatures": "Advanced Features",
+    "successfullyLoggedIn": "{{username}} has successfully logged in"
   },
   "chatLogs": {
     "anyMessage": "Any message",

package/src/locales/es.json

@@ -24,7 +24,10 @@
   "yesterday": "Ayer",
   "last_7_days": "Últimos 7 días",
   "last_30_days": "Últimos 30 días",
+  "placeholder": "Haz una pregunta",
+  "date": "Fecha de nacimiento",
   "month": "Mes",
+  "copied": "¡Copiado!",
   "missingData": "Información faltante",
   "year": "Año",
   "createdAt": "Fecha de creación",
@@ -106,6 +109,8 @@
     "tokens": "Fichas",
     "addToken": "Agregar token",
     "usePassword": "Usar contraseña",
+    "passwordRequired": "Contraseña obligatoria",
+    "invalidCredentials": "Credenciales no válidas",
     "atLeast": "Al menos"
   },
   "widget": {
@@ -233,9 +238,10 @@
   "upload": {
     "loginRequired": "Connexion requise",
     "loginRequiredDescription": "Veuillez vous connecter pour télécharger des images",
-    "uploadFiles": "Télécharger des fichiers",
-    "uploadImage": "Télécharger une image",
-    "uploadDocument": "Télécharger un document",
+    "uploadFiles": "Télécharger des fichiers ({{shortcut}}+O para abrir el selector de archivos)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O para abrir el selector de archivos",
+    "uploadImages": "Télécharger des images",
+    "uploadDocuments": "Télécharger des documents",
     "apiClientNotConfigured": "API client non configuré correctement pour le téléchargement de médias",
     "fileReadingFailed": "Échec de la lecture du fichier",
     "uploadFailed": "Échec du téléchargement",
@@ -244,7 +250,8 @@
     "replace": "Remplacer",
     "maxImagesReached": "Vous pouvez télécharger jusqu'à {{max}} images",
     "remaining": "restant",
-    "maxReached": "Limite atteinte"
+    "maxReached": "Limite atteinte",
+    "dragAndDropFiles": "Arrastre y suelte los archivos aquí para agregarlos a la chat"
   },
   "media": {
     "title": "Título",
@@ -369,7 +376,8 @@
     "termsOfService": "Términos de servicio",
     "pAndCUAccepted": "Acepto los términos de servicio sobre Deep Thought",
     "editAccount": "Editar cuenta",
-    "save": "Ahorrar"
+    "save": "Ahorrar",
+    "successfullyLoggedIn": "{{username}} ha iniciado sesión correctamente"
   },
   "chatLogs": {
     "anyMessage": "Cualquier mensaje",

package/src/locales/fr.json

@@ -21,11 +21,14 @@
   "day": "Jour",
   "month": "Mois",
   "year": "Année",
+  "placeholder": "Faites une question",
   "createdAt": "Date de création",
   "all": "Tous",
   "today": "Aujourd'hui",
+  "date": "Date de naissance",
   "yesterday": "Hier",
   "last_7_days": "7 derniers jours",
+  "copied": "Copié !",
   "missingData": "Informations manquantes",
   "last_30_days": "30 derniers jours",
   "selected": "Choisi",
@@ -104,6 +107,7 @@
     "useRecoveryTokens": "Utiliser des jetons de récupération",
     "tokens": "Jetons",
     "addToken": "Ajouter un jeton",
+    "invalidCredentials": "Identifiants invalides",
     "usePassword": "Utiliser le mot de passe",
     "atLeast": "Au moins"
   },
@@ -242,9 +246,10 @@
   "upload": {
     "loginRequired": "Connexion requise",
     "loginRequiredDescription": "Veuillez vous connecter pour télécharger des images",
-    "uploadFiles": "Télécharger des fichiers",
-    "uploadImage": "Télécharger une image",
-    "uploadDocument": "Télécharger un document",
+    "uploadFiles": "Télécharger des fichiers ({{shortcut}}+O pour ouvrir le sélecteur de fichiers)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O pour ouvrir le sélecteur de fichiers",
+    "uploadImages": "Télécharger des images",
+    "uploadDocuments": "Télécharger des documents",
     "replace": "Remplacer",
     "remaining": "restant",
     "maxReached": "Limite atteinte",
@@ -253,7 +258,8 @@
     "fileReadingFailed": "Échec de la lecture du fichier",
     "uploadFailed": "Échec du téléchargement",
     "uploadSuccess": "Téléchargement réussi",
-    "uploadSuccessDescription": "Le fichier a été téléchargé avec succès"
+    "uploadSuccessDescription": "Le fichier a été téléchargé avec succès",
+    "dragAndDropFiles": "Glissez et déposez les fichiers ici pour les ajouter à la chat"
   },
   "media": {
     "title": "Titre",
@@ -378,7 +384,8 @@
     "termsOfService": "Conditions d'utilisation",
     "pAndCUAccepted": "J'accepte les conditions d'utilisation de Deep Thought",
     "editAccount": "Modifier le compte",
-    "save": "Sauvegarder"
+    "save": "Sauvegarder",
+    "successfullyLoggedIn": "{{username}} s'est connecté avec succès"
   },
   "chatLogs": {
     "anyMessage": "Tout message",

package/src/locales/it.json

@@ -21,17 +21,23 @@
   "day": "Giorno",
   "month": "Mese",
   "year": "Anno",
+  "dayPlaceholder": "GG",
+  "monthPlaceholder": "MM",
+  "yearPlaceholder": "AAAA",
   "createdAt": "Data creazione",
   "selected": "Selezionati",
   "page": "pagina",
   "actions": "Azioni",
   "next": "Successivo",
   "all": "Tutti",
+  "copied": "Copiato!",
   "today": "Oggi",
   "yesterday": "Ieri",
+  "date": "Data di nascita",
   "last_7_days": "Ultimi 7 giorni",
   "last_30_days": "Ultimi 30 giorni",
   "previous": "Precedente",
+  "placeholder": "Fai una domanda",
   "copy": "Copia",
   "copyRawCode": "Copia codice sorgente",
   "copyToClipboard": "Copia negli appunti",
@@ -106,6 +112,7 @@
     "tokens": "Token",
     "addToken": "Aggiungi token",
     "usePassword": "Utilizza la password",
+    "invalidCredentials": "Credenziali non valide",
     "atLeast": "Almeno"
   },
   "widget": {
@@ -268,10 +275,11 @@
   "upload": {
     "loginRequired": "Login richiesto",
     "loginRequiredDescription": "Per caricare immagini, devi prima accedere",
-    "uploadFiles": "Carica file",
-    "uploadImage": "Carica immagine",
+    "uploadFiles": "Carica file ({{shortcut}}+O per aprire il selettore file)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O per aprire il selettore file",
+    "uploadImages": "Carica immagini",
     "lastDocumentSlot": "Carica ultimo documento",
-    "uploadDocument": "Carica documento",
+    "uploadDocuments": "Carica documenti",
     "maxDocumentsReached": "Puoi caricare fino a {{max}} documenti",
     "replace": "Sostituisci documento",
     "maxImagesReached": "Puoi caricare fino a {{max}} immagini",
@@ -281,13 +289,14 @@
     "uploadSuccess": "Caricamento riuscito",
     "remaining": "rimanenti",
     "maxReached": "Limite raggiunto",
-    "titleImage": "Immagine: {{title}}",
+    "titleImage": "Titolo immagine: {{title}}",
     "titleImageUpload": "Carica immagini",
     "titleHelp": "Aggiungi un titolo descrittivo per aiutare l'AI a fornire risposte più appropriate.",
     "titlePlaceholder": "Inserisci il titolo dell'immagine",
     "uploadSuccessDescription": "Il file è stato caricato con successo",
     "partialUpload": "Solo {{uploaded}} immagini su {{total}} immagini saranno caricate. Massimo {{max}} immagini consentite.",
-    "cancel": "Annulla"
+    "cancel": "Annulla",
+    "dragAndDropFiles": "Trascina qui i file per aggiungerli alla chat"
   },
   "gamification": {
     "level": "Livello",
@@ -406,7 +415,8 @@
     "termsOfService": "i termini del servizio",
     "pAndCUAccepted": "Accetto le condizioni di utilizzo relative a Pensiero Profondo",
     "editAccount": "Modifica account",
-    "save": "Salva"
+    "save": "Salva",
+    "successfullyLoggedIn": "{{username}} ha effettuato l'accesso con successo"
   },
   "chatLogs": {
     "atLeast": "Almeno {{count}} messaggi",

package/src/mocks/data.ts

@@ -474,7 +474,8 @@ export const historyWithAIGeneratedMessages: Message[] = [
     timestamp: '2021-03-01T12:00:00.000Z',
   },
   {
-    text: 'Sa. Sa. Prova',
+    text: 'Sa. Sa. Prova. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+    generatedByAI: true,
     timestamp: '2021-03-01T12:00:00.000Z',
   },
   {
@@ -504,8 +505,9 @@ export const historyWithAIGeneratedMessages: Message[] = [
     timestamp: '2021-03-01T12:00:00.000Z',
   },
   {
-    text: 'Arrivederci.',
+    text: 'Arrivederci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
     timestamp: '2021-03-01T12:00:00.000Z',
+    generatedByAI: true,
     contextVars: {
       TEST: 'test',
     },