@memori.ai/memori-react 8.17.2 → 8.18.0

package/src/components/FilePreview/FilePreview.tsx

@@ -26,8 +26,6 @@ FilePreviewProps) => {
     type?: string;
   } | null>(null);
 
-  const [hoveredId, setHoveredId] = useState<string | null>(null);
-
   const getFileType = (filename: string, type?: string) => {
     // If type is explicitly provided, use it first
     if (type === 'image') {
@@ -136,8 +134,6 @@ FilePreviewProps) => {
                     ? 'memori--preview-item--image'
                     : 'memori--preview-item--document'
                 }`}
-                onMouseEnter={() => setHoveredId(file.id)}
-                onMouseLeave={() => setHoveredId(null)}
                 onClick={() => setSelectedFile(file)}
               >
                 {isImageContent(file.content, file.type) ? (
@@ -160,9 +156,7 @@ FilePreviewProps) => {
                     shape="rounded"
                     icon={<CloseIcon />}
                     danger
-                    className={`memori--remove-button ${
-                      hoveredId === file.id ? 'visible' : ''
-                    }`}
+                    className="memori--remove-button"
                     onClick={e => {
                       e.stopPropagation();
                       removeFile(file.id, file?.mediumID);

package/src/components/FilePreview/__snapshots__/FilePreview.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`renders FilePreview with one file 1`] = `
           </span>
         </div>
         <button
-          class="memori-button memori-button--rounded memori-button--padded memori-button--icon-only memori-button--danger memori--remove-button "
+          class="memori-button memori-button--rounded memori-button--padded memori-button--icon-only memori-button--danger memori--remove-button"
         >
           <span
             class="memori-button--icon"
@@ -105,7 +105,7 @@ exports[`renders FilePreview with two files 1`] = `
           </span>
         </div>
         <button
-          class="memori-button memori-button--rounded memori-button--padded memori-button--icon-only memori-button--danger memori--remove-button "
+          class="memori-button memori-button--rounded memori-button--padded memori-button--icon-only memori-button--danger memori--remove-button"
         >
           <span
             class="memori-button--icon"
@@ -157,7 +157,7 @@ exports[`renders FilePreview with two files 1`] = `
           </span>
         </div>
         <button
-          class="memori-button memori-button--rounded memori-button--padded memori-button--icon-only memori-button--danger memori--remove-button "
+          class="memori-button memori-button--rounded memori-button--padded memori-button--icon-only memori-button--danger memori--remove-button"
         >
           <span
             class="memori-button--icon"

package/src/components/MediaWidget/MediaItemWidget.tsx

@@ -265,6 +265,22 @@ export const RenderMediaItem = memo(function RenderMediaItem({
             </div>
           );
 
+        // Plain text: snippet preview (same UX as other media / code)
+        case 'text/plain':
+          return medium.content ? (
+            <Snippet preview medium={medium} />
+          ) : (
+            <DocumentCard
+              title={medium.title || 'File'}
+              badge={getFileExtensionFromMime(medium.mimeType)}
+              meta={(() => {
+                const size = getContentSize(medium);
+                return size != null && size > 0 ? formatBytes(size) : null;
+              })()}
+              icon={<File className="memori-media-item--document-icon-svg" />}
+            />
+          );
+
         // HTML files are now handled as file cards (rendered above in the isFile check)
         // This case is kept for backwards compatibility but should not be reached
         case 'text/html':
@@ -449,8 +465,10 @@ export const RenderMediaItem = memo(function RenderMediaItem({
     );
   }
 
-  // Inline previews for code snippets: open in new tab (blob URL if no resource URL)
-  if (isCodeSnippet && item.content && item.mediumID && _onClick) {
+  // Inline previews for code snippets and plain text: Card with preview, click opens modal (same as other media)
+  const isPreviewableText =
+    (isCodeSnippet || item.mimeType === 'text/plain') && !!item.content;
+  if (isPreviewableText && item.mediumID && _onClick) {
     return (
       <div
         className="memori-media-item--link"

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -433,6 +433,8 @@ export interface Props {
   showFunctionCache?: boolean;
   authToken?: string;
   __WEBCOMPONENT__?: boolean;
+  /** Override total document payload and per-document content limit (character count). Default from constants. */
+  maxTotalMessagePayload?: number;
 }
 
 const MemoriWidget = ({
@@ -488,6 +490,7 @@ const MemoriWidget = ({
   autoStart = false,
   applyVarsToRoot = false,
   showFunctionCache = false,
+  maxTotalMessagePayload,
 }: Props) => {
   const { t, i18n } = useTranslation();
 
@@ -1887,9 +1890,13 @@ const MemoriWidget = ({
     defaultSpeakerActive ?? integrationConfig?.defaultSpeakerActive ?? true
   );
 
-  // Helper function to check if audio should be played
+  // Helper function to check if audio should be played.
+  // When defaultEnableAudio is false, default to muted so we never play before the sync effect runs (avoids audio on first conversation start when audio is disabled).
   const shouldPlayAudio = (text?: string) => {
-    const currentSpeakerMuted = getLocalConfig('muteSpeaker', false);
+    const currentSpeakerMuted = getLocalConfig(
+      'muteSpeaker',
+      !defaultEnableAudio
+    );
     console.log('[MemoriWidget] shouldPlayAudio', currentSpeakerMuted);
     return (
       text &&
@@ -3017,6 +3024,7 @@ const MemoriWidget = ({
     userAvatar,
     experts,
     useMathFormatting: applyMathFormatting,
+    maxTotalMessagePayload,
   };
 
   const integrationBackground =

package/src/components/UploadButton/UploadButton.tsx

@@ -10,9 +10,7 @@ import UploadImages from './UploadImages/UploadImages';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
 import Tooltip from '../ui/Tooltip';
-
-// Constants
-const MAX_MEDIA = 10;
+import { MAX_DOCUMENTS_PER_MESSAGE } from '../../helpers/constants';
 
 // Props interface
 interface UploadManagerProps {
@@ -29,6 +27,8 @@ interface UploadManagerProps {
     type?: string;
   }[];
   memoriID?: string;
+  /** Override total document payload limit (character count). */
+  maxTotalMessagePayload?: number;
 }
 
 const UploadButton: React.FC<UploadManagerProps> = ({
@@ -39,6 +39,7 @@ const UploadButton: React.FC<UploadManagerProps> = ({
   setDocumentPreviewFiles,
   documentPreviewFiles,
   memoriID = '',
+  maxTotalMessagePayload,
 }) => {
   // State
   const [isLoading, setIsLoading] = useState(false);
@@ -57,7 +58,7 @@ const UploadButton: React.FC<UploadManagerProps> = ({
 
   // Calculate total media count
   const currentMediaCount = documentPreviewFiles.length;
-  const remainingSlots = MAX_MEDIA - currentMediaCount;
+  const remainingSlots = MAX_DOCUMENTS_PER_MESSAGE - currentMediaCount;
   const hasReachedMediaLimit = remainingSlots <= 0;
 
   // Error handling
@@ -104,15 +105,12 @@ const UploadButton: React.FC<UploadManagerProps> = ({
     const fileArray = Array.from(files);
     if (fileArray.length === 0) return;
 
-    const imageFiles: File[] = [];
-    const documentFiles: File[] = [];
-
-    // Separate files by type
+    const supportedFiles: File[] = [];
     fileArray.forEach(file => {
       if (isImageFile(file)) {
-        imageFiles.push(file);
+        supportedFiles.push(file);
       } else if (isDocumentFile(file)) {
-        documentFiles.push(file);
+        supportedFiles.push(file);
       } else {
         addErrorRef.current({
           message: `File "${file.name}" is not a supported image or document type`,
@@ -121,25 +119,44 @@ const UploadButton: React.FC<UploadManagerProps> = ({
       }
     });
 
-    // Calculate total files to be added
-    const totalFilesToAdd = imageFiles.length + documentFiles.length;
-    const newTotalCount = currentMediaCountRef.current + totalFilesToAdd;
+    const totalSupported = supportedFiles.length;
+    if (totalSupported === 0) return;
 
-    // Check if adding these files would exceed the limit
-    if (newTotalCount > MAX_MEDIA) {
+    const remainingSlots = MAX_DOCUMENTS_PER_MESSAGE - currentMediaCountRef.current;
+    if (remainingSlots <= 0) {
       addErrorRef.current({
-        message: `Maximum ${MAX_MEDIA} media files allowed.`,
+        message: `Maximum ${MAX_DOCUMENTS_PER_MESSAGE} media files allowed.`,
         severity: 'error',
       });
       return;
     }
 
+    const toProcess = supportedFiles.slice(0, remainingSlots);
+    const imageFiles = toProcess.filter(f => isImageFile(f));
+    const documentFiles = toProcess.filter(f => isDocumentFile(f));
+
+    if (totalSupported > remainingSlots) {
+      const skipped = totalSupported - remainingSlots;
+      addErrorRef.current({
+        message:
+          t('upload.filesNotAddedMaxAllowed', {
+            count: skipped,
+            max: MAX_DOCUMENTS_PER_MESSAGE,
+            defaultValue: `${skipped} file(s) not added (maximum ${MAX_DOCUMENTS_PER_MESSAGE} files allowed).`,
+          }) ?? `${skipped} file(s) not added (maximum ${MAX_DOCUMENTS_PER_MESSAGE} files allowed).`,
+        severity: 'info',
+      });
+    }
+
     // Process images
     if (imageFiles.length > 0) {
       if (!isMediaAcceptedRef.current) {
         addErrorRef.current({
           message:
-            t('upload.mediaNotAccepted') ?? 'Media uploads are not accepted',
+            t('upload.imagesNotAddedMediaNotAccepted', {
+              count: imageFiles.length,
+              defaultValue: `${imageFiles.length} image(s) not added (media uploads not accepted).`,
+            }) ?? `${imageFiles.length} image(s) not added (media uploads not accepted).`,
           severity: 'info',
         });
       } else {
@@ -157,7 +174,11 @@ const UploadButton: React.FC<UploadManagerProps> = ({
           
           // Only proceed if we successfully added files
           if (dataTransfer.files.length > 0) {
-            imageInput.files = dataTransfer.files;
+            try {
+              imageInput.files = dataTransfer.files;
+            } catch {
+              // JSDOM and some environments do not allow assigning to input.files
+            }
             const changeEvent = new Event('change', { bubbles: true });
             imageInput.dispatchEvent(changeEvent);
           }
@@ -181,7 +202,11 @@ const UploadButton: React.FC<UploadManagerProps> = ({
         
         // Only proceed if we successfully added files
         if (dataTransfer.files.length > 0) {
-          documentInput.files = dataTransfer.files;
+          try {
+            documentInput.files = dataTransfer.files;
+          } catch {
+            // JSDOM and some environments do not allow assigning to input.files
+          }
           const changeEvent = new Event('change', { bubbles: true });
           documentInput.dispatchEvent(changeEvent);
         }
@@ -410,7 +435,7 @@ ${file.content}
     return true;
   };
 
-  // Validate total payload size
+  // Validate total payload size. Returns result so caller can avoid showing this error when truncation was already shown.
   const validatePayloadSize = (
     newDocuments: {
       name: string;
@@ -418,8 +443,9 @@ ${file.content}
       content: string;
       mimeType: string;
     }[]
-  ): boolean => {
+  ): { valid: boolean; message?: string } => {
     const { MAX_TOTAL_MESSAGE_PAYLOAD } = require('../../helpers/constants');
+    const limit = maxTotalMessagePayload ?? MAX_TOTAL_MESSAGE_PAYLOAD;
 
     const existingDocuments = documentPreviewFiles.filter(
       (file: any) => file.type === 'document'
@@ -431,15 +457,15 @@ ${file.content}
       0
     );
 
-    if (totalPayloadSize > MAX_TOTAL_MESSAGE_PAYLOAD) {
-      addError({
-        message: `Total document content exceeds ${MAX_TOTAL_MESSAGE_PAYLOAD} characters limit. Please remove some documents.`,
-        severity: 'error',
+    if (totalPayloadSize > limit) {
+      const msg = t('upload.contextSizeExceedsLimit', {
+        defaultValue:
+          'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
       });
-      return false;
+      return { valid: false, message: typeof msg === 'string' ? msg : String(msg) };
     }
 
-    return true;
+    return { valid: true };
   };
 
   // Handle document upload errors
@@ -544,7 +570,7 @@ ${file.content}
             'memori--document-count-full': hasReachedMediaLimit,
           })}
         >
-          {currentMediaCount}/{MAX_MEDIA}
+          {currentMediaCount}/{MAX_DOCUMENTS_PER_MESSAGE}
         </div>
       )}
 
@@ -552,12 +578,13 @@ ${file.content}
       <div className="memori--hidden-uploader" ref={documentRef}>
         <UploadDocuments
           setDocumentPreviewFiles={handleDocumentFiles}
-          maxDocuments={MAX_MEDIA}
+          maxDocuments={MAX_DOCUMENTS_PER_MESSAGE}
           documentPreviewFiles={documentPreviewFiles}
           onLoadingChange={handleLoadingChange}
           onDocumentError={handleDocumentError}
           onValidateFile={validateDocumentFile}
           onValidatePayloadSize={validatePayloadSize}
+          maxTotalMessagePayload={maxTotalMessagePayload}
         />
       </div>
 
@@ -570,7 +597,7 @@ ${file.content}
           documentPreviewFiles={documentPreviewFiles}
           isMediaAccepted={isMediaAccepted}
           onLoadingChange={handleLoadingChange}
-          maxImages={MAX_MEDIA}
+          maxImages={MAX_DOCUMENTS_PER_MESSAGE}
           memoriID={memoriID}
           onImageError={handleImageError}
           onValidateImageFile={validateImageFile}
@@ -585,7 +612,7 @@ ${file.content}
             key={`${error.message}-${index}`}
             open={true}
             type={error.severity}
-            title={'Upload notification'}
+            title={t('upload.uploadNotification', { defaultValue: 'Upload notification' })}
             description={error.message}
             onClose={() => removeError(error.message)}
             width="350px"

package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx

@@ -3,7 +3,11 @@ import cx from 'classnames';
 import Spin from '../../ui/Spin';
 import { DocumentIcon } from '../../icons/Document';
 import Modal from '../../ui/Modal';
-import { MAX_DOCUMENT_CONTENT_LENGTH } from '../../../helpers/constants';
+import { useTranslation } from 'react-i18next';
+import {
+  MAX_DOCUMENT_CONTENT_LENGTH,
+  MAX_TOTAL_MESSAGE_PAYLOAD,
+} from '../../../helpers/constants';
 
 // Types
 type PreviewFile = {
@@ -51,7 +55,9 @@ interface UploadDocumentsProps {
       content: string;
       mimeType: string;
     }[]
-  ) => boolean;
+  ) => boolean | { valid: boolean; message?: string };
+  /** Same as total payload: overrides per-document content limit (character count). */
+  maxTotalMessagePayload?: number;
 }
 
 const UploadDocuments: React.FC<UploadDocumentsProps> = ({
@@ -62,7 +68,10 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
   onDocumentError,
   onValidateFile,
   onValidatePayloadSize,
+  maxTotalMessagePayload,
 }) => {
+  const { t } = useTranslation();
+
   // State
   const [isLoading, setIsLoading] = useState(false);
   const [selectedFile, setSelectedFile] = useState<PreviewFile | null>(null);
@@ -85,7 +94,7 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     return true;
   };
 
-  // Validate total payload size
+  // Validate total payload size (returns result object for conditional error display)
   const validatePayloadSize = (
     newDocuments: {
       name: string;
@@ -93,11 +102,15 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       content: string;
       mimeType: string;
     }[]
-  ): boolean => {
+  ): { valid: boolean; message?: string } => {
     if (onValidatePayloadSize) {
-      return onValidatePayloadSize(newDocuments);
+      const result = onValidatePayloadSize(newDocuments);
+      if (typeof result === 'boolean') {
+        return result ? { valid: true } : { valid: false, message: '' };
+      }
+      return result;
     }
-    return true;
+    return { valid: true };
   };
 
   const extractTextFromPDF = async (file: File): Promise<string> => {
@@ -212,7 +225,9 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     }
   };
 
-  const processDocumentFile = async (file: File): Promise<string | null> => {
+  const processDocumentFile = async (
+    file: File
+  ): Promise<{ text: string | null; wasTruncated: boolean }> => {
     const fileExt = file.name.split('.').pop()?.toLowerCase() || '';
 
     try {
@@ -226,22 +241,28 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
         text = await extractTextFromXLSX(file);
       }
 
-      if (text && text.length > MAX_DOCUMENT_CONTENT_LENGTH) {
+      const perDocumentLimit = maxTotalMessagePayload ?? MAX_DOCUMENT_CONTENT_LENGTH;
+      let wasTruncated = false;
+      if (text && text.length > perDocumentLimit) {
         console.warn(
           'Document content exceeds length limit:',
           text.length,
           '>',
-          MAX_DOCUMENT_CONTENT_LENGTH
+          perDocumentLimit
         );
         onDocumentError?.({
-          message: `File "${file.name}" content exceeds ${MAX_DOCUMENT_CONTENT_LENGTH} characters and was truncated`,
-          severity: 'warning',
+          message: t('upload.contextSizeExceedsLimit', {
+            defaultValue:
+              'Context size exceeds the limit. Try reducing the number of files or content in the conversation.',
+          }),
+          severity: 'error',
         });
+        wasTruncated = true;
         text =
-          text.substring(0, MAX_DOCUMENT_CONTENT_LENGTH) +
+          text.substring(0, perDocumentLimit) +
           '\n\n[Content truncated due to size limits]';
       }
-      return text;
+      return { text, wasTruncated };
     } catch (error) {
       console.error('Document processing failed:', error);
       throw new Error(
@@ -260,13 +281,25 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
 
     // Check current total media count (images + documents)
     const currentMediaCount = documentPreviewFiles.length;
+    const remainingSlots = maxDocuments
+      ? Math.max(0, maxDocuments - currentMediaCount)
+      : files.length;
+    const filesToProcess = files.slice(0, remainingSlots);
 
-    // Check if adding these files would exceed the total media limit
-    if (maxDocuments && currentMediaCount + files.length > maxDocuments) {
+    if (files.length > filesToProcess.length) {
+      const skipped = files.length - filesToProcess.length;
       onDocumentError?.({
-        message: `Maximum ${maxDocuments} media files allowed. You can upload ${Math.max(0, maxDocuments - currentMediaCount)} more file${maxDocuments - currentMediaCount !== 1 ? 's' : ''}.`,
-        severity: 'error',
+        message:
+          t('upload.documentsNotAddedMaxAllowed', {
+            count: skipped,
+            max: maxDocuments ?? 10,
+            defaultValue: `${skipped} document(s) not added (maximum ${maxDocuments ?? 10} files allowed).`,
+          }) ?? `${skipped} document(s) not added (maximum ${maxDocuments ?? 10} files allowed).`,
+        severity: 'info',
       });
+    }
+
+    if (filesToProcess.length === 0) {
       if (documentInputRef.current) {
         documentInputRef.current.value = '';
       }
@@ -282,8 +315,15 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       content: string;
       mimeType: string;
     }[] = [];
-
-    for (const file of files) {
+    let hadTruncation = false;
+    let skippedDueToPayload = 0;
+    const payloadLimit =
+      maxTotalMessagePayload ?? MAX_TOTAL_MESSAGE_PAYLOAD;
+    const existingTotal = documentPreviewFiles
+      .filter((f: any) => f.type === 'document')
+      .reduce((sum: number, f: any) => sum + (f.content?.length ?? 0), 0);
+
+    for (const file of filesToProcess) {
       if (!validateDocumentFile(file)) {
         continue;
       }
@@ -291,15 +331,32 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       const fileId = Math.random().toString(36).substr(2, 9);
 
       try {
-        const text = await processDocumentFile(file);
+        const { text, wasTruncated } = await processDocumentFile(file);
+        if (wasTruncated) hadTruncation = true;
 
         if (text) {
+          const processedSum = processedFiles.reduce(
+            (s, d) => s + d.content.length,
+            0
+          );
+          if (existingTotal + processedSum + text.length > payloadLimit) {
+            skippedDueToPayload += 1;
+            continue;
+          }
           processedFiles.push({
             name: file.name,
             id: fileId,
             content: text,
             mimeType: file.type,
           });
+        } else {
+          onDocumentError?.({
+            message: t('upload.documentNotReadable', {
+              name: file.name,
+              defaultValue: `Document "${file.name}" could not be read or was empty.`,
+            }),
+            severity: 'info',
+          });
         }
       } catch (error) {
         console.error('File processing error:', error);
@@ -312,17 +369,28 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       }
     }
 
-    // Add new documents to existing ones
-    if (processedFiles.length > 0) {
-      // Validate total payload size
-      if (!validatePayloadSize(processedFiles)) {
-        setIsLoading(false);
-        if (documentInputRef.current) {
-          documentInputRef.current.value = '';
-        }
-        return;
-      }
+    if (skippedDueToPayload > 0) {
+      onDocumentError?.({
+        message: t('upload.documentsNotAddedContextSize', {
+          count: skippedDueToPayload,
+          defaultValue: `${skippedDueToPayload} document(s) not added (context size limit).`,
+        }),
+        severity: 'info',
+      });
+    }
 
+    if (processedFiles.length === 0 && filesToProcess.length > 0) {
+      onDocumentError?.({
+        message: t('upload.noDocumentsAdded', {
+          defaultValue:
+            'No documents could be added. Check file type, size (max 10MB), and that the file is readable.',
+        }),
+        severity: 'info',
+      });
+    }
+
+    // Add new documents to existing ones (only those that fit within payload)
+    if (processedFiles.length > 0) {
       const existingDocuments = documentPreviewFiles.filter(
         (file: any) => file.type === 'document'
       );

package/src/components/UploadButton/UploadImages/UploadImages.tsx

@@ -90,18 +90,31 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     const files = Array.from(e.target.files || []);
     if (files.length === 0) return;
 
-    // Check if adding these files would exceed the total media limit
-    if (currentMediaCount + files.length > maxImages) {
+    const remainingSlots = Math.max(0, maxImages - currentMediaCount);
+    const filesToProcess = files.slice(0, remainingSlots);
+
+    if (files.length > filesToProcess.length) {
+      const skipped = files.length - filesToProcess.length;
       onImageError?.({
         message:
-          `Maximum ${maxImages} media files allowed. You can upload ${Math.max(0, maxImages - currentMediaCount)} more file${maxImages - currentMediaCount !== 1 ? 's' : ''}.`,
-        severity: 'error',
+          t('upload.imagesNotAddedMaxAllowed', {
+            count: skipped,
+            max: maxImages,
+            defaultValue: `${skipped} image(s) not added (maximum ${maxImages} files allowed).`,
+          }) ?? `${skipped} image(s) not added (maximum ${maxImages} files allowed).`,
+        severity: 'info',
       });
+    }
+
+    if (filesToProcess.length === 0) {
+      if (imageInputRef.current) {
+        imageInputRef.current.value = '';
+      }
       return;
     }
 
     // Validate all files first
-    const validFiles = files.filter(file => {
+    const validFiles = filesToProcess.filter(file => {
       if (!validateImageFile(file)) {
         return false;
       }
@@ -109,6 +122,14 @@ const UploadImages: React.FC<UploadImagesProps> = ({
     });
 
     if (validFiles.length === 0) {
+      onImageError?.({
+        message:
+          t('upload.noImagesAdded', {
+            defaultValue:
+              'No images could be added. Check file type (.jpg, .jpeg, .png) and size (max 10MB).',
+          }) ?? 'No images could be added. Check file type (.jpg, .jpeg, .png) and size (max 10MB).',
+        severity: 'info',
+      });
       if (imageInputRef.current) {
         imageInputRef.current.value = '';
       }

package/src/components/layouts/layouts.stories.tsx

@@ -49,40 +49,10 @@ DefaultLayout.args = {
   sessionID: '' as string | undefined,
   showUpload: true,
   showReasoning: false,
-  showLogin: true
+  showLogin: true,
 };
 
 
-const EnglishLayout = Template.bind({});
-EnglishLayout.args = {
-    memoriName: 'Prova34',
-    ownerUserName: 'andrea.patini',
-    memoriID: 'a37fd990-e159-421e-888d-38a1bb5df294',
-    tenantID: 'aisuru-staging.aclambda.online',
-    ownerUserID: '91dbc9ba-b684-4fbe-9828-b5980af6cda9',
-    engineURL: 'https://engine-staging.memori.ai/memori/v2',
-    apiURL: 'https://backend-staging.memori.ai/api/v2',
-    layout: 'FULLPAGE',
-    uiLang: 'EN',
-    spokenLang: 'EN',
-    integrationID: '658fe9ac-136d-401f-bc57-f5af4d8d7012',
-};
-
-export const EnglishLayoutStory = Template.bind({});
-EnglishLayoutStory.args = {
-  memoriName: 'Prova34',
-  ownerUserName: 'andrea.patini',
-  memoriID: 'a37fd990-e159-421e-888d-38a1bb5df294',
-  tenantID: 'aisuru-staging.aclambda.online',
-  ownerUserID: '91dbc9ba-b684-4fbe-9828-b5980af6cda9',
-  engineURL: 'https://engine-staging.memori.ai/memori/v2',
-  apiURL: 'https://backend-staging.memori.ai/api/v2',
-  layout: 'FULLPAGE',
-  uiLang: 'EN',
-  spokenLang: 'EN',
-  integrationID: '658fe9ac-136d-401f-bc57-f5af4d8d7012',
-};
-
 
 export const Default = Template.bind({});
 Default.args = {