@memori.ai/memori-react 7.12.1 → 7.13.0

package/esm/locales/it.json

@@ -39,7 +39,7 @@
     "venue": "Luogo",
     "searchVenue": "Cerca luogo...",
     "memoriBlockedTitle": "Bloccato",
-    "memoriBlockedUntil": "Memori bloccato fino al {{date}}",
+    "memoriBlockedUntil": "Agente bloccato fino al {{date}}",
     "memoriBlockedAnon": "Attualmente \"{{name}}\" non può rispondere, torna qui il {{date}}",
     "memoriBlockedReasonExceedChats": "perchè ha superato la soglia mensile di chat ammesse.",
     "memoriBlockedGiverHelper": "Puoi sempre gestirlo in qualità di amministratore, ma altri utenti non potranno interrogarlo.",
@@ -47,27 +47,27 @@
     "whyThisAnswer": "Perché questa risposta?",
     "whyThisAnswerHelper": "Questa risposta è stata generata automaticamente da un'intelligenza artificiale sulla base di questi contenuti verificati.",
     "completionsEnabled": "IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette",
-    "completionProviderDown": "Questo Twin è integrato con una IA generativa di {{provider}}, ma al momento non è disponibile. Riprova più tardi.",
+    "completionProviderDown": "Questo agente è integrato con una IA generativa di {{provider}}, ma al momento non è disponibile. Riprova più tardi.",
     "completionProviderFallbackName": "un provider esterno",
     "completionProviderCheckStatusPage": "Vedi pagina di stato",
     "boardOfExperts": "Gruppo di esperti",
     "birthDate": "Data di nascita",
     "birthDateHelper": "Ti chiediamo la data di nascita esclusivamente per abilitare o disabilitare le funzionalità che hanno restrizioni in base all'età",
     "underage": "Devi avere almeno {{age}} anni per registrarti.",
-    "underageTwinSession": "Devi avere almeno {{age}} anni per interagire con questo Twin.",
+    "underageTwinSession": "Devi avere almeno {{age}} anni per interagire con questo agente.",
     "errorFetchingSession": "Errore durante il caricamento della sessione",
     "errorGettingReferralURL": "Errore durante il caricamento del riferimento",
     "errorReopeningSession": "Errore durante il riapertura della sessione",
     "ageVerification": "Verifica dell'età",
-    "ageVerificationText": "Per interagire con questo Twin, devi aver almeno {{minAge}} anni.",
-    "nsfw": "NSFW: Questo Twin contiene contenuti per adulti",
+    "ageVerificationText": "Per interagire con questo agente, devi aver almeno {{minAge}} anni.",
+    "nsfw": "NSFW: Questo agente contiene contenuti per adulti",
     "deepThought": "Pensiero profondo",
     "deepThoughtHelper": "Pensiero Profondo è una funzionalità avanzata delle AI che ti consentirà di poter sfruttare a pieno le tue conversazioni mantenendo memoria delle stesse. Le AI con Pensiero Profondo possono darti informazioni adattandosi a te e alle cose che condividerete insieme.",
     "deepThoughtDisclaimerTitle": "Pensiero profondo abilitato",
     "deepThoughtDisclaimer": "Pensiero Profondo è una funzionalità avanzata delle AI che ti consentirà di poter sfruttare a pieno le tue conversazioni mantenendo memoria delle stesse. Le AI con Pensiero Profondo possono darti informazioni adattandosi a te e alle cose che condividerete insieme.",
     "deepThoughtPreDisclaimerUnlogged": "Accedi per abilitare Pensiero Profondo.",
     "deepThoughtPreDisclaimerNotAllowed": "Pensiero Profondo è disabilitato poiché non hai acconsentito al suo utilizzo, puoi cambiare la tua scelta in qualsiasi momento nelle impostazioni del tuo account.",
-    "notEnoughCredits": "L'autore di questo Twin non ha abbastanza crediti per rispondere alla tua domanda.",
+    "notEnoughCredits": "L'autore di questo agente non ha abbastanza crediti per rispondere alla tua domanda.",
     "knownFacts": {
         "title": "Fatti noti",
         "description": "Dettagli delle informazioni condivise tra te e {{memoriName}}",
@@ -117,13 +117,13 @@
         "exportChatHistoryMessage": "Vuoi esportare la cronologia chat?",
         "chatBotButtonText": "CLICCA QUI PER APRIRE LA CHAT",
         "conversationStartedLabel": "Conversazione avvenuta il",
-        "settingsHeaderLabel": "Configura qui il memori se vuoi impostare una conversazione continua. Setta i secondi di silenzio prima dell'invio.",
+        "settingsHeaderLabel": "Configura qui se vuoi impostare una conversazione continua. Setta i secondi di silenzio prima dell'invio.",
         "continuousSpeechLabel": "Conversazione continua",
         "holdToSpeak": "Tieni premuto per parlare",
         "releaseToEndListening": "Rilascia per smettere di parlare",
         "pressAndHoldToSpeak": "Premi e tieni premuto per parlare",
         "microphoneMode": "Modalità microfono",
-        "hideEmissionsLabel": "Nascondi testo emesso dal Twin",
+        "hideEmissionsLabel": "Nascondi testo emesso dall'agente",
         "secondsLabel": "Secondi",
         "controlsPosition": "Posizione dei controlli",
         "avatarControls": "Controlli Avatar",
@@ -156,7 +156,7 @@
         "uploadMimeTypeNotAllowed": "Il tipo di file non è permesso",
         "uploadSizeLimitMessage": "Il file caricato è troppo grande (max {{size}}MB)",
         "uploadWrongResolutionMessage": "La risoluzione deve essere {{width}}x{{height}} pixel",
-        "memoriNameAlreadyUsed": "Hai già un Twin con questo nome",
+        "memoriNameAlreadyUsed": "Hai già un Agente con questo nome",
         "uploadHelperImages": "Caricare un file con estensione png, jpg, jpeg o gif e con dimensione massima di {{size}}MB",
         "uploadHelper": "Caricare un file di dimensione massima di {{size}}MB",
         "uploadError": "Errore nel caricamento",
@@ -176,7 +176,7 @@
         "memoriReachedLevel": "è diventato più evoluto ed ha raggiunto il livello",
         "levelGoToStatistics": "{{memori}} è al livello {{level}} con {{points}} punti. Clicca per andare alle statistiche.",
         "congratulationsNewLevel": "Congratulazioni, hai raggiunto un nuovo livello!",
-        "congratulationsNewLevelDescription": "Il tuo Memori è diventato più evoluto con {{points}} punti, guarda le",
+        "congratulationsNewLevelDescription": "Il tuo agente è diventato più evoluto con {{points}} punti, guarda le",
         "statistics": "statistiche"
     },
     "login": {
@@ -221,7 +221,7 @@
         "missingData": "Informazioni mancanti",
         "missingDataHelper": "Sappiamo che questo è un po' fastidioso, ma abbiamo bisogno di alcune informazioni in più per completare la tua registrazione.",
         "goToAccountToChangeYourPreferences": "Puoi cambiare la tua scelta in qualsiasi momento dalla tua pagina Account.",
-        "deepThoughtExplaination": "Pensiero Profondo è una funzionalità avanzata delle AI che ti consentirà di poter sfruttare a pieno le tue conversazioni mantenendo memoria delle stesse. Le AI con Pensiero Profondo possono darti informazioni adattandosi a te e alle cose che condividerete insieme. Consenti all'autore del twin di contattarti per offerte commerciali riguardanti prodotti su cui hai espresso interesse.",
+        "deepThoughtExplaination": "Pensiero Profondo è una funzionalità avanzata delle AI che ti consentirà di poter sfruttare a pieno le tue conversazioni mantenendo memoria delle stesse. Le AI con Pensiero Profondo possono darti informazioni adattandosi a te e alle cose che condividerete insieme. Consenti all'autore dell'agente di contattarti per offerte commerciali riguardanti prodotti su cui hai espresso interesse.",
         "tnCAndPPAcceptedHelper": "Dall'ultimo accesso, i T&C e l'Informativa sulla privacy sono stati modificati. Si prega di accettarle, altrimenti non sarà possibile apportare modifiche ai propri gemelli. Puoi sempre cancellare il tuo account nella pagina del tuo profilo utente.",
         "privacyLabel": "Ho letto e accettato l'",
         "privacyAndCookiePolicy": "informativa sui cookie e sulla privacy",
@@ -270,11 +270,11 @@
         "USER_VERIFICATION_CODE_INVALID": "Codice di verifica non valido",
         "USER_MISSING_NAME_OR_EMAIL": "Nome utente o email mancante",
         "USER_NAME_INVALID": "Nome utente non valido",
-        "USER_HAS_ONE_OR_MORE_MEMORI": "L'utente ha uno o più memori",
+        "USER_HAS_ONE_OR_MORE_MEMORI": "L'utente ha uno o più Agenti",
         "USER_MISSING_NEW_PASSWORD": "Utente: nuova password mancante",
         "USER_NOTHING_TO_DO": "Niente da fare",
-        "USER_CANT_CREATE_MEMORI": "Utente non abilitato a creare Memori",
-        "USER_MAX_MEMORI_REACHED": "Massimo numero di Memori raggiunto",
+        "USER_CANT_CREATE_MEMORI": "Utente non abilitato a creare Agenti",
+        "USER_MAX_MEMORI_REACHED": "Massimo numero di Agenti raggiunto",
         "USER_TOO_MANY_ATTEMPTS": "Troppi tentativi",
         "USER_MUST_ACCEPT_TNC_AND_PP": "Devi accettare i termini e le condizioni",
         "USER_BIRTH_DATE_CANT_BE_CHANGED": "Data di nascita non può essere cambiata",
@@ -282,48 +282,48 @@
         "USER_CANT_ENABLE_DEEP_THOUGHT": "Utente: non abilitato a gestire Pensiero Profondo",
         "USER_CANT_ENABLE_DCM_INTEGRATION": "Utente: non abilitato a gestire l'integrazione con DCM",
         "USER_CANT_ENABLE_CHAINING_OR_BOARD_OF_EXPERTS": "Utente: non abilitato a gestire la concatenazione o il gruppo di esperti",
-        "USER_CREATION_BILLING_DENIED_PERMISSION": "Non hai crediti sufficienti per creare un Twin",
+        "USER_CREATION_BILLING_DENIED_PERMISSION": "Non hai crediti sufficienti per creare un agente",
         "USER_HAS_ONE_OR_MORE_COMPLETION_CONFIGS": "L'utente ha una o più configurazioni completions",
         "USER_CANT_BE_DELETED": "Utente non può essere cancellato",
-        "MEMORI_NOT_FOUND": "Memori non trovato",
-        "MEMORI_NOT_ACCESSIBLE": "Memori non accessibile",
+        "MEMORI_NOT_FOUND": "Agente non trovato",
+        "MEMORI_NOT_ACCESSIBLE": "Agente non accessibile",
         "MEMORI_ONLY_OWNER_CAN_CHANGE_GIVER_TAG_AND_PIN": "Solo il proprietario può cambiare il tag e il pin",
         "SESSION_NOT_FOUND": "Sessione non trovata",
         "SESSION_IS_NOT_ADMINISTRATIVE": "Sessione non amministrativa",
         "SESSION_EXPIRED": "Sessione scaduta",
-        "MEMORI_MISSING_CONFIGURATION": "Memori: configurazione mancante",
-        "MEMORI_CONFIGURATION_NOT_FOUND": "Memori: configurazione non trovata",
-        "MEMORI_INVALID_PRIVACY_TYPE": "Memori: tipo di privacy non valido",
-        "MEMORI_MISSING_PASSWORD": "Memori: password mancante",
-        "MEMORI_INVALID_TOTAL_NUMBER_OF_RECOVERY_TOKENS": "Memori: numero totale di token di recupero non valido",
-        "MEMORI_INVALID_MINIMUM_NUMBER_OF_RECOVERY_TOKENS": "Memori: numero minimo di token di recupero non valido",
-        "MEMORI_INVALID_VOICE_TYPE": "Memori: tipo di voce non valido",
-        "MEMORI_MISSING_NAME": "Memori: nome mancante",
-        "MEMORI_MISSING_PASSWORD_OR_RECOVERY_TOKENS": "Memori: password o token di recupero mancanti",
-        "MEMORI_INVALID_ID": "Memori: ID non valido",
-        "MEMORI_NAME_ALREADY_USED": "Nome memori già in uso",
-        "MEMORI_INVALID_PIN": "Memori: PIN non valido",
-        "MEMORI_GIVER_TAG_PIN_CHANGE_REQUIRES_SEPARATE_OPERATION": "Memori: cambio TAG e PIN richiedono operazioni separate",
-        "MEMORI_NO_PASSWORD_WHEN_PUBLIC": "Memori: password non richiesta su Memori pubblico",
+        "MEMORI_MISSING_CONFIGURATION": "Agente: configurazione mancante",
+        "MEMORI_CONFIGURATION_NOT_FOUND": "Agente: configurazione non trovata",
+        "MEMORI_INVALID_PRIVACY_TYPE": "Agente: tipo di privacy non valido",
+        "MEMORI_MISSING_PASSWORD": "Agente: password mancante",
+        "MEMORI_INVALID_TOTAL_NUMBER_OF_RECOVERY_TOKENS": "Agente: numero totale di token di recupero non valido",
+        "MEMORI_INVALID_MINIMUM_NUMBER_OF_RECOVERY_TOKENS": "Agente: numero minimo di token di recupero non valido",
+        "MEMORI_INVALID_VOICE_TYPE": "Agente: tipo di voce non valido",
+        "MEMORI_MISSING_NAME": "Agente: nome mancante",
+        "MEMORI_MISSING_PASSWORD_OR_RECOVERY_TOKENS": "Agente: password o token di recupero mancanti",
+        "MEMORI_INVALID_ID": "Agente: ID non valido",
+        "MEMORI_NAME_ALREADY_USED": "Nome Agente già in uso",
+        "MEMORI_INVALID_PIN": "Agente: PIN non valido",
+        "MEMORI_GIVER_TAG_PIN_CHANGE_REQUIRES_SEPARATE_OPERATION": "Agente: cambio TAG e PIN richiedono operazioni separate",
+        "MEMORI_NO_PASSWORD_WHEN_PUBLIC": "Agente: password non richiesta su agente pubblico",
         "MEMORI_DEEP_THOUGHT_REQUIRES_COMPLETIONS": "Pensiero Profondo richiede l'abilitazione delle completions",
         "MEMORI_BOARD_OF_EXPERTS_REQUIRES_COMPLETIONS": "Il gruppo di esperti richiede l'abilitazione delle completions",
-        "MEMORI_INVALID_COMPLETION_CONFIG": "Memori: configurazione completions non valida",
+        "MEMORI_INVALID_COMPLETION_CONFIG": "Agente: configurazione completions non valida",
         "MEMORI_TRANSFER_MISSING_DESTINATION_USER": "Trasferimento: utente di destinazione mancante",
         "MEMORI_TRANSFER_INVALID_DESTINATION_USER_ID": "Trasferimento: ID utente di destinazione non valido",
         "MEMORI_TRANSFER_DESTINATION_USER_DATA_INCONSISTENT": "Trasferimento: dati utente di destinazione non validi",
         "MEMORI_TRANSFER_NOTHING_TO_DO": "Trasferimento: alcuna operazione da fare",
-        "MEMORI_CONFIGURATION_CANT_BE_CHANGED": "Memori: la configurazione non può essere modificata",
-        "MEMORI_MISSING_NEW_PASSWORD": "Memori: nuova password mancante",
+        "MEMORI_CONFIGURATION_CANT_BE_CHANGED": "Agente: la configurazione non può essere modificata",
+        "MEMORI_MISSING_NEW_PASSWORD": "Agente: nuova password mancante",
         "MEMORI_SESSIONS_INVALID_DATE_FROM_FORMAT": "Formato non valido data a partire da",
         "MEMORI_SESSIONS_INVALID_DATE_TO_FORMAT": "Formato non valido data fino a",
-        "MEMORI_FEATURE_REQUIRES_SUBSCRIPTION": "Memori: funzionalità richiede un abbonamento",
+        "MEMORI_FEATURE_REQUIRES_SUBSCRIPTION": "Agente: funzionalità richiede un abbonamento",
         "INTEGRATION_NOT_FOUND": "Integrazione non trovata",
         "INTEGRATION_INVALID_TYPE": "Tipo integrazione non valido",
         "INTEGRATION_ALREADY_EXISTS": "Integrazione già esistente",
-        "INTEGRATION_MEMORI_IS_NOT_PUBLIC": "Memori non pubblici non possono essere integrati",
+        "INTEGRATION_MEMORI_IS_NOT_PUBLIC": "Agenti non pubblici non possono essere integrati",
         "INTEGRATION_MISSING_INVOCATION_TEXT": "Integrazione: testo di invocazione mancante",
         "INTEGRATION_MISSING_DEVICE_EMAILS": "Integrazione: email del dispositivo mancante",
-        "INTEGRATION_MEMORI_IS_EMPTY": "Memori vuoti non possono essere integrati",
+        "INTEGRATION_MEMORI_IS_EMPTY": "Agenti vuoti non possono essere integrati",
         "INTEGRATION_MISSING_PRIVACY_POLICY": "Integrazione: privacy policy mancante",
         "INTEGRATION_MISSING_CATEGORY": "Categoria integrazione mancante",
         "INTEGRATION_MISSING_DESCRIPTION": "Descrizione integrazione mancante",
@@ -357,7 +357,7 @@
         "ACTIONLOG_INVALID_USER_ID": "ID utente non valido",
         "ACTIONLOG_INVALID_DATE_FROM_FORMAT": "Data a partire da: formato non valido",
         "ACTIONLOG_INVALID_DATE_TO_FORMAT": "Data fino a: formato non valido",
-        "ACTIONLOG_INVALID_MEMORI_ID": "ID Memori non valido",
+        "ACTIONLOG_INVALID_MEMORI_ID": "ID agente non valido",
         "CONSUMPTIONLOG_INVALID_TYPE": "Tipo di log non valido",
         "CONSUMPTIONLOG_INVALID_DATE_FROM_FORMAT": "Data a partire da: formato non valido",
         "CONSUMPTIONLOG_INVALID_DATE_TO_FORMAT": "Data fino a: formato non valido",
@@ -377,14 +377,14 @@
         "IMPORTCSV_INVALID_MEDIA_LINK": "Importazione CSV: link media non valido",
         "IMPORTCSV_INVALID_LINK_TITLE_HANDLING": "Importazione CSV: titolo link non valido",
         "IMPORTCSV_UNDETECTABLE_CHAR_ENCODING": "Importazione CSV: encoding caratteri non rilevabile",
-        "IMPORTCSV_CANT_IMPORT_TO_SECRET_MEMORI": "Importazione CSV: impossibile importare in Memori segreti",
+        "IMPORTCSV_CANT_IMPORT_TO_SECRET_MEMORI": "Importazione CSV: impossibile importare in agenti segreti",
         "IMPORTTXT_MISSING_ROWS": "Importazione TXT: righe mancanti",
         "IMPORTTXT_INVALID_GRANULARITY": "Importazione TXT: granularità non valida",
         "IMPORTTXT_INVALID_RECEIVER_ID": "Importazione TXT: ID receiver non valido",
         "IMPORTTXT_INVALID_MEDIA_LINK": "Importazione TXT: link media non valido",
         "IMPORTTXT_INVALID_LINK_TITLE_HANDLING": "Importazione TXT: titolo link non valido",
         "IMPORTTXT_UNDETECTABLE_CHAR_ENCODING": "Importazione TXT: encoding caratteri non rilevabile",
-        "IMPORTTXT_CANT_IMPORT_TO_SECRET_MEMORI": "Importazione TXT: impossibile importare in Memori segreti",
+        "IMPORTTXT_CANT_IMPORT_TO_SECRET_MEMORI": "Importazione TXT: impossibile importare in agenti segreti",
         "IMPORTTXT_IMPORT_LIMIT_EXCEEDED": "Importazione TXT: limite importazione superato",
         "IMPORTTXT_IMPORT_ON_GPT4_REQUIRES_API_KEY": "Importazione TXT: importazione su GPT-4 richiede API key",
         "IMPORTTXT_IMPORT_REQUIRES_PAYING": "Importazione TXT: importazione richiede un piano a pagamento",
@@ -402,7 +402,7 @@
         "EXPORTJSONL_MISSING_PASSWORD": "Esportazione JSONL: password mancante",
         "EXPORTJSONL_EXPORT_REQUIRES_PAYING": "Esportazione JSONL: esportazione richiede un piano a pagamento",
         "ANALYSIS_MISSING_QUERY": "Analisi: query mancante",
-        "ANALYSIS_CANT_ANALYZE_SECRET_MEMORI": "Analisi: impossibile analizzare Memori segreti",
+        "ANALYSIS_CANT_ANALYZE_SECRET_MEMORI": "Analisi: impossibile analizzare agenti segreti",
         "ANALYSIS_USER_QUERY_MATCH_REQUIRES_DEEP_THOUGHT": "Analisi: corrispondenza query utente richiede Pensiero Profondo",
         "BADGE_ASSIGNMENT_WRONG_OR_MISSING_CREDENTIALS": "Assegnazione badge: credenziali errate o mancanti",
         "BADGE_ASSIGNMENT_MISSING_REF_ID": "Assegnazione badge: ID ref mancante",

package/package.json

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

package/src/components/AgeVerificationModal/AgeVerificationModal.tsx

@@ -34,7 +34,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }: Props) => {
       toast.error(t('underageTwinSession', { age: minAge }));
       setError(
         t('underageTwinSession', { age: minAge }) ||
-          `You must be at least ${minAge} years old to interact with this Twin`
+          `You must be at least ${minAge} years old to interact with this Agent`
       );
       setSubmitting(false);
       return;

package/src/components/Chat/Chat.tsx

@@ -131,12 +131,10 @@ const Chat: React.FC<Props> = ({
 }) => {
   const scrollToBottom = () => {
     setTimeout(() => {
-      document
-        .querySelector('.memori-chat--content')
-        ?.scrollTo(
-          0,
-          document.querySelector('.memori-chat--content')?.scrollHeight ?? 0
-        );
+      let userMsgs = document.querySelectorAll(
+        '.memori-chat--bubble-container.memori-chat--bubble-from-user'
+      );
+      userMsgs[userMsgs.length - 1]?.scrollIntoView?.();
     }, 200);
   };
   useEffect(() => {

package/src/components/MemoriWidget/MemoriWidget.css

@@ -9,7 +9,7 @@
     box-sizing: border-box;
 }
 
-.memori-widget>.memori-spin {
+.memori-widget > .memori-spin {
     height: calc(100vh - 50px);
 }
 
@@ -180,7 +180,7 @@
     font-size: 1rem;
 }
 
-.memori--conversation-button+.memori--conversation-button {
+.memori--conversation-button + .memori--conversation-button {
     margin-left: 0.33rem;
 }
 
@@ -197,6 +197,12 @@
 }
 
 .memori.memori-widget.chat-focused .memori--powered-by,
-.memori.memori-widget.chat-focused .memori-website_assistant--close-button-wrapper button.memori-website_assistant--close-button {
+.memori.memori-widget.chat-focused
+    .memori-website_assistant--close-button-wrapper
+    button.memori-website_assistant--close-button {
     display: none;
-}
+}
+
+.memori.memori--auto-start .memori--start-panel {
+    display: none;
+}

package/src/components/MemoriWidget/MemoriWidget.stories.tsx

@@ -50,6 +50,13 @@ Default.args = {
   tenant,
 };
 
+export const WithAutoStart = Template.bind({});
+WithAutoStart.args = {
+  memori,
+  tenant,
+  autoStart: true,
+};
+
 export const WithPosition = Template.bind({});
 WithPosition.args = {
   memori: {

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -413,6 +413,8 @@ export interface Props {
   additionalSettings?: JSX.Element | null;
   userAvatar?: string | JSX.Element;
   useMathFormatting?: boolean;
+  autoStart?: boolean;
+  applyVarsToRoot?: boolean;
 }
 
 const MemoriWidget = ({
@@ -463,6 +465,8 @@ const MemoriWidget = ({
   customMediaRenderer,
   userAvatar,
   useMathFormatting = false,
+  autoStart = false,
+  applyVarsToRoot = false,
 }: Props) => {
   const { t, i18n } = useTranslation();
 
@@ -579,7 +583,7 @@ const MemoriWidget = ({
   const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
   const [showExpertsDrawer, setShowExpertsDrawer] = useState(false);
   const [muteSpeaker, setMuteSpeaker] = useState(
-    !defaultEnableAudio || !defaultSpeakerActive
+    !defaultEnableAudio || !defaultSpeakerActive || autoStart
   );
   const [continuousSpeech, setContinuousSpeech] = useState(false);
   const [continuousSpeechTimeout, setContinuousSpeechTimeout] = useState(2);
@@ -632,15 +636,18 @@ const MemoriWidget = ({
     }
 
     setMuteSpeaker(
+      autoStart ||
+        getLocalConfig(
+          'muteSpeaker',
+          !defaultEnableAudio || !defaultSpeakerActive || autoStart
+        )
+    );
+    speakerMuted =
+      autoStart ||
       getLocalConfig(
         'muteSpeaker',
-        !defaultEnableAudio || !defaultSpeakerActive
-      )
-    );
-    speakerMuted = getLocalConfig(
-      'muteSpeaker',
-      !defaultEnableAudio || !defaultSpeakerActive
-    );
+        !defaultEnableAudio || !defaultSpeakerActive || autoStart
+      );
     setContinuousSpeech(microphoneMode === 'CONTINUOUS');
     setContinuousSpeechTimeout(getLocalConfig('continuousSpeechTimeout', 2));
     setControlsPosition(
@@ -2014,24 +2021,6 @@ const MemoriWidget = ({
     document.dispatchEvent(e);
   };
 
-  const handleSpeechEnd = () => {
-    memoriSpeaking = false;
-    setMemoriTyping(false);
-    emitEndSpeakEvent();
-  };
-
-  const generateSSMLText = (text: string) => {
-    const textToSpeak = escapeHTML(
-      stripMarkdown(stripEmojis(stripHTML(stripOutputTags(text))))
-    );
-    return `<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${getCultureCodeByLanguage(
-      userLang
-    )}"><voice name="${getTTSVoice(userLang)}"><s>${replaceTextWithPhonemes(
-      textToSpeak,
-      userLang.toLowerCase()
-    )}</s></voice></speak>`;
-  };
-
   const speak = (text: string): void => {
     if (!AZURE_COGNITIVE_SERVICES_TTS_KEY || preview) {
       emitEndSpeakEvent();
@@ -2236,13 +2225,10 @@ const MemoriWidget = ({
     let textarea = document.querySelector(
       '#chat-fieldset textarea'
     ) as HTMLTextAreaElement | null;
-    // console.log('textarea', enableFocusChatInput);
     if (textarea && enableFocusChatInput) {
       textarea.focus();
-      // console.log('focused');
     } else {
       textarea?.blur();
-      // console.log('blurred');
     }
   };
 
@@ -2538,12 +2524,8 @@ const MemoriWidget = ({
 
   const integrationStylesheet = `
     ${
-      preview
-        ? '#preview,'
-        : selectedLayout === 'WEBSITE_ASSISTANT'
-        ? ''
-        : ':root,'
-    } .memori-widget, .memori-drawer, .memori-modal {
+      preview ? '#preview, ' : applyVarsToRoot ? ':root, ' : ''
+    }memori-client, .memori-widget, .memori-drawer, .memori-modal {
       ${Object.entries(integrationProperties)
         .map(([key, value]) => `${key}: ${value};`)
         .join('\n')}
@@ -3114,6 +3096,12 @@ const MemoriWidget = ({
     },
     [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]
   );
+  useEffect(() => {
+    if (!clickedStart && autoStart) {
+      onClickStart();
+    }
+  }, [clickedStart, autoStart]);
+
   useEffect(() => {
     const targetNode =
       document.querySelector(`memori-client[memoriname="${memori.name}"]`) ||
@@ -3460,6 +3448,7 @@ const MemoriWidget = ({
         `memori-controls-${controlsPosition.toLowerCase()}`,
         `memori--avatar-${integrationConfig?.avatar || 'default'}`,
         {
+          'memori--auto-start': autoStart,
           'memori--preview': preview,
           'memori--embed': embed,
           'memori--with-integration': integration,

package/src/components/layouts/FullPage.test.tsx

@@ -29,7 +29,27 @@ it('renders FullPage layout unchanged', () => {
           tenant={tenant}
           tenantID="aisuru.com"
           integration={integration}
-        layout="FULLPAGE"
+          layout="FULLPAGE"
+        />
+      </VisemeProvider>
+    </I18nWrapper>
+  );
+  expect(container).toMatchSnapshot();
+});
+
+it('renders FullPage layout with root css properties unchanged', () => {
+  const { container } = render(
+    <I18nWrapper>
+      <VisemeProvider>
+        <Memori
+          showShare={true}
+          showSettings={true}
+          memori={memori}
+          tenant={tenant}
+          tenantID="aisuru.com"
+          integration={integration}
+          layout="FULLPAGE"
+          applyVarsToRoot
         />
       </VisemeProvider>
     </I18nWrapper>

package/src/components/layouts/__snapshots__/Chat.test.tsx.snap

@@ -13,7 +13,7 @@ exports[`renders Chat layout unchanged 1`] = `
   >
     <style>
       
-    :root, .memori-widget, .memori-drawer, .memori-modal {
+    memori-client, .memori-widget, .memori-drawer, .memori-modal {
       --memori-chat-bubble-bg: #fff;
 --memori-text-color: #2a2a2a;
 --memori-button-bg: #823ce1;