@memori.ai/memori-react 8.39.0 → 8.40.1

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -38,6 +38,7 @@ import { sanitizeText } from '../../helpers/sanitizer';
 import { useTTS } from '../../helpers/tts/useTTS';
 import ChatHistoryDrawer from '../ChatHistoryDrawer/ChatHistory';
 import { useSTT } from '../../helpers/stt/useSTT';
+import { useNats } from '../../helpers/nats/useNats';
 const getMemoriState = (integrationId) => {
     var _a, _b, _c, _d, _f;
     let widget = integrationId
@@ -65,6 +66,11 @@ const NULL_PLACE_SPEC = {
     longitude: null,
     uncertaintyKm: null,
 };
+const ENTER_TEXT_NATS_TIMEOUT_MS = 120000;
+function readCorrelationID(response) {
+    const value = response.correlationID;
+    return typeof value === 'string' && value.length > 0 ? value : undefined;
+}
 const typeMessage = (message, waitForPrevious = true, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
     const e = new CustomEvent('MemoriTextEntered', {
         detail: {
@@ -161,7 +167,7 @@ window.typeBatchMessages = typeBatchMessages;
 let audioContext;
 let memoriPassword;
 let userToken;
-const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showMessageConsumption = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height = '100vh', secret, baseUrl = 'https://aisuru-staging.aclambda.online', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__ = false, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, maxTotalMessagePayload, maxTextareaCharacters, }) => {
+const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton = true, showTranslationOriginal = false, showInputs = true, showDates = false, showContextPerLine = false, showMessageConsumption = false, showSettings, showTypingText = false, showClear = false, showLogin = false, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height = '100vh', secret, baseUrl = 'https://aisuru-staging.aclambda.online', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__ = false, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, maxTotalMessagePayload, maxTextareaCharacters, }) => {
     var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
     const { t, i18n } = useTranslation();
     const [isClient, setIsClient] = useState(false);
@@ -169,7 +175,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         setIsClient(true);
     }, []);
     const client = memoriApiClient(apiURL, engineURL);
-    const { initSession, deleteSession, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
+    const { initSession, deleteSession, postEnterTextAsync, postTextEnteredEvent, postPlaceChangedEvent, postDateChangedEvent, postTagChangedEvent, getSession, getExpertReferences, getSessionChatLogs, } = client;
     const [instruct, setInstruct] = useState(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = useState(true);
     const [loginToken, setLoginToken] = useState((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
@@ -199,6 +205,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
     }, [loginToken, user === null || user === void 0 ? void 0 : user.userID]);
     const [showLoginDrawer, setShowLoginDrawer] = useState(false);
     const [clickedStart, setClickedStart] = useState(false);
+    const sessionStartingRef = useRef(false);
     const language = ((_d = (_c = (_b = memori.culture) === null || _b === void 0 ? void 0 : _b.split('-')) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) ||
         ((_j = (_h = (_g = (_f = memoriConfigs === null || memoriConfigs === void 0 ? void 0 : memoriConfigs.find(c => c.memoriConfigID === memori.memoriConfigurationID)) === null || _f === void 0 ? void 0 : _f.culture) === null || _g === void 0 ? void 0 : _g.split('-')) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.toUpperCase());
     const integrationConfig = (integration === null || integration === void 0 ? void 0 : integration.customData)
@@ -234,6 +241,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
     const [loading, setLoading] = useState(false);
     const [memoriTyping, setMemoriTyping] = useState(false);
     const [typingText, setTypingText] = useState();
+    const pendingEnterTextRef = useRef(new Map());
+    const bufferedNatsResponsesRef = useRef(new Map());
     const layoutName = typeof layout === 'string'
         ? layout
         : typeof (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === 'string'
@@ -382,7 +391,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
     };
     const [chatLogID, setChatLogID] = useState(undefined);
     const sendMessage = async (text, media, newSessionId, translate = true, translatedText, hidden = false, typingText, useLoaderTextAsMsg = false, hasBatchQueued = false) => {
-        var _a, _b, _c, _d, _f, _g;
+        var _a, _b, _c, _d;
         const sessionID = newSessionId ||
             sessionId ||
             ((_a = window.getMemoriState()) === null || _a === void 0 ? void 0 : _a.sessionID);
@@ -436,12 +445,16 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                     ? !!newSessionId && newSessionId !== sessionId
                     : !!newSessionId,
             });
-        setMemoriTyping(true);
-        setTypingText(typingText);
         let gotError = false;
         try {
             const placeSpec = getPlaceSpecForEnterText(position);
-            const { currentState, ...response } = await postTextEnteredEvent({
+            console.debug('[EnterText] sendMessage: posting', {
+                sessionId: sessionID,
+                textLength: msg.length,
+                hasBatchQueued,
+                typingText,
+            });
+            const response = await postEnterTextAsync({
                 sessionId: sessionID,
                 text: msg,
                 ...(memori.needsDateTime && {
@@ -449,57 +462,35 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                 }),
                 ...(placeSpec !== undefined && { place: placeSpec }),
             });
-            if (response.resultCode === 0 && currentState) {
-                setChatLogID(undefined);
-                const emission = useLoaderTextAsMsg && typingText
-                    ? typingText
-                    : (_c = currentState.emission) !== null && _c !== void 0 ? _c : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
-                if (userLang.toLowerCase() !== language.toLowerCase() &&
-                    emission &&
-                    isMultilanguageEnabled) {
-                    currentState.emission = emission;
-                    translateDialogState(currentState, userLang, msg).then(ts => {
-                        let text = ts.translatedEmission || ts.emission;
-                        if (text && shouldPlayAudio(text)) {
-                            handleSpeak(text);
-                        }
-                    });
-                }
-                else {
-                    setCurrentDialogState({
-                        ...currentState,
-                        emission,
-                    });
-                    if (emission) {
-                        pushMessage({
-                            text: emission,
-                            emitter: currentState.emitter,
-                            media: (_d = currentState.emittedMedia) !== null && _d !== void 0 ? _d : currentState.media,
-                            llmUsage: currentState.llmUsage,
-                            fromUser: false,
-                            questionAnswered: msg,
-                            generatedByAI: !!currentState.completion,
-                            contextVars: currentState.contextVars,
-                            date: currentState.currentDate,
-                            placeName: currentState.currentPlaceName,
-                            placeLatitude: currentState.currentLatitude,
-                            placeLongitude: currentState.currentLongitude,
-                            placeUncertaintyKm: currentState.currentUncertaintyKm,
-                            tag: currentState.currentTag,
-                            memoryTags: currentState.memoryTags,
-                        });
-                        if (emission && shouldPlayAudio(emission)) {
-                            handleSpeak(emission);
-                        }
-                    }
-                }
+            console.debug('[EnterText] sendMessage: HTTP response', {
+                resultCode: response.resultCode,
+                correlationID: readCorrelationID(response),
+                resultMessage: response.resultMessage,
+            });
+            const correlationID = readCorrelationID(response);
+            if (response.resultCode === 0 && correlationID) {
+                registerPendingEnterText(correlationID, {
+                    msg,
+                    typingText,
+                    useLoaderTextAsMsg,
+                    hasBatchQueued,
+                });
+                console.info('[EnterText] sendMessage: accepted, showing typing indicator', {
+                    correlationID: correlationID,
+                    typingText,
+                });
+                setMemoriTyping(true);
+                setTypingText(typingText);
+            }
+            else if (response.resultCode === 0) {
+                console.error('[EnterText] sendMessage: HTTP 200 but missing correlationID — cannot match NATS response', response);
             }
             else if (response.resultCode === 404) {
                 setHistory(h => [...h.slice(0, h.length - 1)]);
                 reopenSession(true, memoriPwd || memori.secretToken, memoriTokens, undefined, undefined, {
                     LANG: userLang,
                     PATHNAME: window.location.pathname,
-                    ROUTE: ((_g = (_f = window.location.pathname) === null || _f === void 0 ? void 0 : _f.split('/')) === null || _g === void 0 ? void 0 : _g.pop()) || '',
+                    ROUTE: ((_d = (_c = window.location.pathname) === null || _c === void 0 ? void 0 : _c.split('/')) === null || _d === void 0 ? void 0 : _d.pop()) || '',
                     ...(initialContextVars || {}),
                 }, initialQuestion, undefined, undefined, undefined, undefined, true).then(state => {
                     console.info('session timeout');
@@ -529,16 +520,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
             }
         }
         catch (error) {
-            console.log('error', error);
-            console.error(error);
+            console.error('[EnterText] sendMessage: request failed', error);
             gotError = true;
             setTypingText(undefined);
             setMemoriTyping(false);
         }
-        if (!hasBatchQueued) {
-            setTypingText(undefined);
-            setMemoriTyping(false);
-        }
     };
     const translateDialogState = async (state, userLang, msg, avoidPushingMessage = false) => {
         var _a, _b, _c, _d, _f, _g;
@@ -760,7 +746,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
             setAuthModalState('password');
             return;
         }
-        if (!(await checkCredits({ notify: true, goBack: true }))) {
+        if (!(await checkCredits({ notify: true }))) {
             return;
         }
         setLoading(true);
@@ -843,7 +829,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                 setAuthModalState('password');
                 return;
             }
-            if (!(await checkCredits({ notify: true, goBack: true }))) {
+            if (!(await checkCredits({ notify: true }))) {
                 setLoading(false);
                 return null;
             }
@@ -1058,6 +1044,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         return () => {
             setHasUserActivatedSpeak(false);
             setClickedStart(false);
+            sessionStartingRef.current = false;
             clearInteractionTimeout();
             timeoutRef.current = undefined;
         };
@@ -1156,6 +1143,277 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         setHasUserActivatedSpeak,
         speakerMuted,
     ]);
+    const processEnterTextDialogResponse = useCallback((event, pending) => {
+        var _a, _b;
+        console.debug('[EnterText] processDialogResponse', {
+            correlationID: event.correlationID,
+            resultCode: event.resultCode,
+            hasCurrentState: !!event.currentState,
+            hasBatchQueued: pending.hasBatchQueued,
+        });
+        const { msg, typingText: pendingTypingText, useLoaderTextAsMsg, } = pending;
+        const currentState = event.currentState;
+        if (event.resultCode !== 0 || !currentState) {
+            if (event.resultCode === 500 && event.resultMessage) {
+                console.warn('[EnterText] processDialogResponse: server error', {
+                    correlationID: event.correlationID,
+                    resultMessage: event.resultMessage,
+                });
+                setHistory(h => [
+                    ...h,
+                    {
+                        text: 'Error: ' + event.resultMessage,
+                        emitter: 'system',
+                        fromUser: false,
+                        initial: false,
+                        contextVars: {},
+                        date: new Date().toISOString(),
+                    },
+                ]);
+            }
+            else if (event.resultCode !== 0) {
+                console.warn('[SEND_MESSAGE/NATS]', event);
+            }
+            return;
+        }
+        if (!msg) {
+            console.debug('[EnterText] processDialogResponse: no msg in pending, skipping');
+            return;
+        }
+        setChatLogID(undefined);
+        const emission = useLoaderTextAsMsg && pendingTypingText
+            ? pendingTypingText
+            : (_a = currentState.emission) !== null && _a !== void 0 ? _a : currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission;
+        console.debug('[EnterText] processDialogResponse: rendering emission', {
+            correlationID: event.correlationID,
+            emissionPreview: emission === null || emission === void 0 ? void 0 : emission.slice(0, 80),
+            state: currentState.state,
+        });
+        if (userLang.toLowerCase() !== language.toLowerCase() &&
+            emission &&
+            isMultilanguageEnabled) {
+            currentState.emission = emission;
+            translateDialogState(currentState, userLang, msg).then(ts => {
+                const text = ts.translatedEmission || ts.emission;
+                if (text && shouldPlayAudio(text)) {
+                    handleSpeak(text);
+                }
+            });
+        }
+        else {
+            setCurrentDialogState({
+                ...currentState,
+                emission,
+            });
+            if (emission) {
+                pushMessage({
+                    text: emission,
+                    emitter: currentState.emitter,
+                    media: (_b = currentState.emittedMedia) !== null && _b !== void 0 ? _b : currentState.media,
+                    llmUsage: currentState.llmUsage,
+                    fromUser: false,
+                    questionAnswered: msg,
+                    generatedByAI: !!currentState.completion,
+                    contextVars: currentState.contextVars,
+                    date: currentState.currentDate,
+                    placeName: currentState.currentPlaceName,
+                    placeLatitude: currentState.currentLatitude,
+                    placeLongitude: currentState.currentLongitude,
+                    placeUncertaintyKm: currentState.currentUncertaintyKm,
+                    tag: currentState.currentTag,
+                    memoryTags: currentState.memoryTags,
+                });
+                if (emission && shouldPlayAudio(emission)) {
+                    handleSpeak(emission);
+                }
+            }
+        }
+    }, [
+        userLang,
+        language,
+        isMultilanguageEnabled,
+        currentDialogState === null || currentDialogState === void 0 ? void 0 : currentDialogState.emission,
+        translateDialogState,
+        handleSpeak,
+        shouldPlayAudio,
+    ]);
+    const clearEnterTextPending = useCallback((correlationID, pending) => {
+        var _a;
+        if (pending.natsTimeoutId) {
+            clearTimeout(pending.natsTimeoutId);
+        }
+        if ((_a = pending.waitForResponse) === null || _a === void 0 ? void 0 : _a.timeoutId) {
+            clearTimeout(pending.waitForResponse.timeoutId);
+        }
+        pendingEnterTextRef.current.delete(correlationID);
+    }, []);
+    const deliverEnterTextNatsError = useCallback((event) => {
+        var _a, _b, _c;
+        const correlationID = event.correlationID;
+        const errorText = event.errorMessage
+            ? `Error: ${event.errorMessage}`
+            : event.errorCode
+                ? `Error: ${event.errorCode}`
+                : 'Error: An unexpected error occurred';
+        console.error('[EnterText] NATS error event', {
+            correlationID,
+            errorCode: event.errorCode,
+            errorMessage: event.errorMessage,
+        });
+        pushMessage({
+            text: errorText,
+            emitter: 'system',
+            fromUser: false,
+            initial: false,
+            contextVars: {},
+            date: new Date().toISOString(),
+        });
+        if (correlationID) {
+            const pending = pendingEnterTextRef.current.get(correlationID);
+            if (pending) {
+                clearEnterTextPending(correlationID, pending);
+                (_a = pending.waitForResponse) === null || _a === void 0 ? void 0 : _a.reject(new Error((_b = event.errorMessage) !== null && _b !== void 0 ? _b : String((_c = event.errorCode) !== null && _c !== void 0 ? _c : 'NATS error')));
+            }
+        }
+        setMemoriTyping(false);
+        setTypingText(undefined);
+    }, [clearEnterTextPending]);
+    const deliverEnterTextNatsResponse = useCallback((correlationID, event) => {
+        const pending = pendingEnterTextRef.current.get(correlationID);
+        if (!pending) {
+            const pendingCorrelationIDs = [...pendingEnterTextRef.current.keys()];
+            console.warn('[EnterText] NATS response buffered (no matching pending)', {
+                receivedCorrelationID: correlationID,
+                resultCode: event.resultCode,
+                pendingCorrelationIDs,
+                hint: pendingCorrelationIDs.length > 0
+                    ? 'Use one of pendingCorrelationIDs in your nats pub correlation_id'
+                    : 'Send a message in the widget first, then copy correlationID from HTTP response logs',
+            });
+            bufferedNatsResponsesRef.current.set(correlationID, event);
+            return;
+        }
+        clearEnterTextPending(correlationID, pending);
+        if (pending.waitForResponse) {
+            console.info('[EnterText] NATS response delivered to waiter', {
+                correlationID,
+                resultCode: event.resultCode,
+            });
+            pending.waitForResponse.resolve(event);
+            setMemoriTyping(false);
+            setTypingText(undefined);
+            return;
+        }
+        processEnterTextDialogResponse(event, pending);
+        if (!pending.hasBatchQueued) {
+            console.info('[EnterText] typing indicator cleared', { correlationID });
+            setMemoriTyping(false);
+            setTypingText(undefined);
+        }
+        else {
+            console.debug('[EnterText] typing kept (batch queued)', {
+                correlationID,
+            });
+        }
+    }, [processEnterTextDialogResponse, clearEnterTextPending]);
+    const registerPendingEnterText = useCallback((correlationID, pending) => {
+        const buffered = bufferedNatsResponsesRef.current.get(correlationID);
+        if (buffered) {
+            console.info('[EnterText] replaying buffered NATS response', {
+                correlationID,
+                waitForResponse: !!pending.waitForResponse,
+            });
+            bufferedNatsResponsesRef.current.delete(correlationID);
+            pendingEnterTextRef.current.set(correlationID, pending);
+            deliverEnterTextNatsResponse(correlationID, buffered);
+            return;
+        }
+        if (!pending.waitForResponse && !pending.natsTimeoutId) {
+            pending.natsTimeoutId = setTimeout(() => {
+                var _a;
+                const current = pendingEnterTextRef.current.get(correlationID);
+                if (!current)
+                    return;
+                clearEnterTextPending(correlationID, current);
+                console.error('[EnterText] NATS response timeout', {
+                    correlationID,
+                    timeoutMs: ENTER_TEXT_NATS_TIMEOUT_MS,
+                });
+                if (!current.hasBatchQueued) {
+                    setMemoriTyping(false);
+                    setTypingText(undefined);
+                }
+                (_a = current.waitForResponse) === null || _a === void 0 ? void 0 : _a.reject(new Error('NATS enter-text response timeout'));
+            }, ENTER_TEXT_NATS_TIMEOUT_MS);
+        }
+        console.debug('[EnterText] pending registered', {
+            correlationID,
+            waitForResponse: !!pending.waitForResponse,
+            hasBatchQueued: pending.hasBatchQueued,
+        });
+        pendingEnterTextRef.current.set(correlationID, pending);
+    }, [deliverEnterTextNatsResponse, clearEnterTextPending]);
+    const waitForEnterTextNatsResponse = useCallback((correlationID, timeoutMs = 120000) => new Promise((resolve, reject) => {
+        console.debug('[EnterText] waiting for NATS response', {
+            correlationID,
+            timeoutMs,
+        });
+        const timeoutId = setTimeout(() => {
+            const current = pendingEnterTextRef.current.get(correlationID);
+            if (current) {
+                clearEnterTextPending(correlationID, current);
+            }
+            console.error('[EnterText] NATS response timeout', {
+                correlationID,
+                timeoutMs,
+            });
+            reject(new Error('NATS enter-text response timeout'));
+        }, timeoutMs);
+        registerPendingEnterText(correlationID, {
+            waitForResponse: {
+                resolve: event => {
+                    clearTimeout(timeoutId);
+                    resolve(event);
+                },
+                reject: error => {
+                    clearTimeout(timeoutId);
+                    reject(error);
+                },
+                timeoutId,
+            },
+        });
+    }), [registerPendingEnterText, clearEnterTextPending]);
+    useNats({
+        baseUrl,
+        sessionId,
+        onProgress: useCallback((event) => {
+            console.debug('[EnterText] NATS progress', {
+                correlationID: event.correlationID,
+                step: event.currentStep,
+                finalStep: event.finalStep,
+                message: event.message,
+            });
+            if (event.message) {
+                setTypingText(event.message);
+            }
+        }, []),
+        onDialogResponse: useCallback((event) => {
+            const correlationID = event.correlationID;
+            console.debug('[EnterText] NATS dialog.text_entered_response received', {
+                correlationID,
+                resultCode: event.resultCode,
+                requestID: event.requestID,
+            });
+            if (!correlationID) {
+                console.warn('[EnterText] dialog_text_entered_response without correlationID', event);
+                setMemoriTyping(false);
+                setTypingText(undefined);
+                return;
+            }
+            deliverEnterTextNatsResponse(correlationID, event);
+        }, [deliverEnterTextNatsResponse]),
+        onError: deliverEnterTextNatsError,
+    });
     const focusChatInput = () => {
         let textarea = document.querySelector('#chat-fieldset textarea');
         if (textarea && enableFocusChatInput) {
@@ -1350,7 +1608,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         };
     }, [sessionId, userLang, disableTextEnteredEvents]);
     const onClickStart = useCallback(async (session, initialSessionExpired = false, chatLog, targetSessionID) => {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
         const sessionID = chatLog ? undefined : (session === null || session === void 0 ? void 0 : session.sessionID) || sessionId;
         const dialogState = chatLog
             ? undefined
@@ -1367,7 +1625,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
             setShowPositionDrawer(true);
             return;
         }
-        if (!(await checkCredits({ notify: true, goBack: true }))) {
+        if (!(await checkCredits({ notify: true }))) {
             setClickedStart(false);
             setLoading(false);
             return;
@@ -1375,6 +1633,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         if (!sessionID && !!minAge && !birth) {
             setShowAgeVerification(true);
             setClickedStart(false);
+            return;
         }
         else if (!sessionID &&
             memori.privacyType !== 'PUBLIC' &&
@@ -1386,82 +1645,95 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
             return;
         }
         else if (!sessionID || initialSessionExpired) {
-            setClickedStart(false);
-            const session = await fetchSession({
-                memoriID: memori.engineMemoriID,
-                password: secret || memoriPwd || memori.secretToken,
-                tag: personification === null || personification === void 0 ? void 0 : personification.tag,
-                pin: personification === null || personification === void 0 ? void 0 : personification.pin,
-                continueFromChatLogID: chatLog === null || chatLog === void 0 ? void 0 : chatLog.chatLogID,
-                initialContextVars: {
-                    LANG: userLang,
-                    PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
-                    ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '',
-                    ...((!chatLog
-                        ? initialContextVars
-                        : chatLog.lines[chatLog.lines.length - 1].contextVars) || {}),
-                },
-                initialQuestion: chatLog ? undefined : initialQuestion,
-                birthDate: birth,
-                additionalInfo: {
-                    ...(additionalInfo || {}),
-                    loginToken: (_g = (_f = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _f !== void 0 ? _f : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _g !== void 0 ? _g : authToken,
-                    language: ((_k = userLang !== null && userLang !== void 0 ? userLang : (_j = (_h = memori.culture) === null || _h === void 0 ? void 0 : _h.split('-')) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 'IT').toLowerCase(),
-                    timeZoneOffset: new Date().getTimezoneOffset().toString(),
-                },
-            });
-            if (session === null || session === void 0 ? void 0 : session.dialogState) {
-                if (!chatLog) {
-                    setHistory([]);
-                    await translateAndSpeak(session.dialogState, userLang);
-                    setHasUserActivatedSpeak(true);
-                }
-                else {
-                    const messages = chatLog.lines.map((l, i) => {
-                        var _a, _b;
-                        return ({
-                            text: l.text,
-                            media: (_b = (_a = l.media) === null || _a === void 0 ? void 0 : _a.filter(m => allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
-                                mediumID: `${i}-${m.mimeType}`,
-                                ...m,
-                            })),
-                            fromUser: l.inbound,
-                            llmUsage: l.llmUsage,
-                            timestamp: l.timestamp,
-                            emitter: l.emitter,
-                            initial: i === 0,
-                        });
-                    });
-                    translatedMessages = messages !== null && messages !== void 0 ? messages : [];
-                    if (language.toUpperCase() !== userLang.toUpperCase() &&
-                        isMultilanguageEnabled) {
-                        try {
-                            translatedMessages = await Promise.all(messages.map(async (m) => {
-                                if ('originalText' in m && m.originalText) {
-                                    return m;
-                                }
-                                return {
+            if (sessionStartingRef.current) {
+                return;
+            }
+            sessionStartingRef.current = true;
+            try {
+                const session = await fetchSession({
+                    memoriID: memori.engineMemoriID,
+                    password: secret || memoriPwd || memori.secretToken,
+                    tag: personification === null || personification === void 0 ? void 0 : personification.tag,
+                    pin: personification === null || personification === void 0 ? void 0 : personification.pin,
+                    continueFromChatLogID: chatLog === null || chatLog === void 0 ? void 0 : chatLog.chatLogID,
+                    initialContextVars: {
+                        LANG: userLang,
+                        PATHNAME: (_a = window.location.pathname) === null || _a === void 0 ? void 0 : _a.toUpperCase(),
+                        ROUTE: ((_d = (_c = (_b = window.location.pathname) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.toUpperCase()) ||
+                            '',
+                        ...((!chatLog
+                            ? initialContextVars
+                            : chatLog.lines[chatLog.lines.length - 1].contextVars) || {}),
+                    },
+                    initialQuestion: chatLog ? undefined : initialQuestion,
+                    birthDate: birth,
+                    additionalInfo: {
+                        ...(additionalInfo || {}),
+                        loginToken: (_g = (_f = userToken !== null && userToken !== void 0 ? userToken : loginToken) !== null && _f !== void 0 ? _f : additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _g !== void 0 ? _g : authToken,
+                        language: ((_k = userLang !== null && userLang !== void 0 ? userLang : (_j = (_h = memori.culture) === null || _h === void 0 ? void 0 : _h.split('-')) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 'IT').toLowerCase(),
+                        timeZoneOffset: new Date().getTimezoneOffset().toString(),
+                    },
+                });
+                if (session === null || session === void 0 ? void 0 : session.dialogState) {
+                    if (!chatLog) {
+                        setHistory([]);
+                        await translateAndSpeak(session.dialogState, userLang);
+                        setHasUserActivatedSpeak(true);
+                        setClickedStart(false);
+                    }
+                    else {
+                        const messages = chatLog.lines.map((l, i) => {
+                            var _a, _b;
+                            return ({
+                                text: l.text,
+                                media: (_b = (_a = l.media) === null || _a === void 0 ? void 0 : _a.filter(m => allowedMediaTypes.includes(m.mimeType))) === null || _b === void 0 ? void 0 : _b.map(m => ({
+                                    mediumID: `${i}-${m.mimeType}`,
                                     ...m,
-                                    originalText: m.text,
-                                    text: (await getTranslation(m.text, userLang, language, baseUrl)).text,
-                                };
-                            }));
-                        }
-                        catch (e) {
-                            console.error('[onClickStart] Error translating messages:', e);
+                                })),
+                                fromUser: l.inbound,
+                                llmUsage: l.llmUsage,
+                                timestamp: l.timestamp,
+                                emitter: l.emitter,
+                                initial: i === 0,
+                            });
+                        });
+                        translatedMessages = messages !== null && messages !== void 0 ? messages : [];
+                        if (language.toUpperCase() !== userLang.toUpperCase() &&
+                            isMultilanguageEnabled) {
+                            try {
+                                translatedMessages = await Promise.all(messages.map(async (m) => {
+                                    if ('originalText' in m && m.originalText) {
+                                        return m;
+                                    }
+                                    return {
+                                        ...m,
+                                        originalText: m.text,
+                                        text: (await getTranslation(m.text, userLang, language, baseUrl)).text,
+                                    };
+                                }));
+                            }
+                            catch (e) {
+                                console.error('[onClickStart] Error translating messages:', e);
+                            }
                         }
+                        setHistory(translatedMessages);
+                        translateDialogState(session.dialogState, userLang, undefined, true).finally(() => {
+                            setHasUserActivatedSpeak(true);
+                            setClickedStart(false);
+                        });
                     }
-                    setHistory(translatedMessages);
-                    translateDialogState(session.dialogState, userLang, undefined, true).finally(() => {
-                        setHasUserActivatedSpeak(true);
-                    });
+                }
+                else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 0) {
+                    sessionStartingRef.current = false;
+                    await onClickStart(session || undefined);
+                }
+                else {
+                    setLoading(false);
+                    setClickedStart(false);
                 }
             }
-            else if ((session === null || session === void 0 ? void 0 : session.resultCode) === 0) {
-                await onClickStart(session || undefined);
-            }
-            else {
-                setLoading(false);
+            finally {
+                sessionStartingRef.current = false;
             }
             return;
         }
@@ -1471,7 +1743,6 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
             if (response.resultCode !== 0 || !currentState) {
                 const { chatLogs } = await getSessionChatLogs(sessionID, sessionID);
                 setSessionId(undefined);
-                setClickedStart(false);
                 await onClickStart(undefined, true, chatLogs === null || chatLogs === void 0 ? void 0 : chatLogs[0]);
                 return;
             }
@@ -1498,6 +1769,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                         ...(initialContextVars || {}),
                     }, initialQuestion, birth).then(() => {
                         setHasUserActivatedSpeak(true);
+                        setClickedStart(false);
                     });
                 }
             }
@@ -1524,6 +1796,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                         ...(initialContextVars || {}),
                     }, initialQuestion, birth).then(() => {
                         setHasUserActivatedSpeak(true);
+                        setClickedStart(false);
                     });
                 }
             }
@@ -1567,15 +1840,18 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                 if ((!!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length) && translatedMessages.length > 1) ||
                     !initialQuestion) {
                     setHasUserActivatedSpeak(true);
+                    setClickedStart(false);
                     await translateAndSpeak(currentState, userLang, undefined, !!(translatedMessages === null || translatedMessages === void 0 ? void 0 : translatedMessages.length));
                 }
                 else {
                     console.log('[onClickStart] Starting with initial question');
                     translatedMessages = [];
                     setHistory([]);
-                    setMemoriTyping(true);
                     const placeSpec = getPlaceSpecForEnterText(position);
-                    const response = await postTextEnteredEvent({
+                    console.debug('[EnterText] onClickStart: posting initial question', {
+                        sessionId: sessionID,
+                    });
+                    const response = await postEnterTextAsync({
                         sessionId: sessionID,
                         text: initialQuestion,
                         ...(memori.needsDateTime && {
@@ -1583,6 +1859,10 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                         }),
                         ...(placeSpec !== undefined && { place: placeSpec }),
                     });
+                    console.debug('[EnterText] onClickStart: HTTP response', {
+                        resultCode: response.resultCode,
+                        correlationID: readCorrelationID(response),
+                    });
                     if (response.resultCode === 500 && response.resultMessage) {
                         setHistory(h => [
                             ...h,
@@ -1595,10 +1875,33 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                                 date: new Date().toISOString(),
                             },
                         ]);
-                        setMemoriTyping(false);
                         return;
                     }
-                    await translateAndSpeak((_w = response.currentState) !== null && _w !== void 0 ? _w : currentState, userLang, undefined, false);
+                    const onClickStartCorrelationID = readCorrelationID(response);
+                    if (response.resultCode === 0 && onClickStartCorrelationID) {
+                        console.info('[EnterText] onClickStart: accepted, showing typing indicator', {
+                            correlationID: onClickStartCorrelationID,
+                        });
+                        setMemoriTyping(true);
+                        try {
+                            const natsEvent = await waitForEnterTextNatsResponse(onClickStartCorrelationID);
+                            console.info('[EnterText] onClickStart: NATS response received', {
+                                correlationID: onClickStartCorrelationID,
+                                resultCode: natsEvent.resultCode,
+                            });
+                            if (natsEvent.resultCode === 0 && natsEvent.currentState) {
+                                await translateAndSpeak(natsEvent.currentState, userLang, undefined, false);
+                            }
+                        }
+                        catch (e) {
+                            console.error('[EnterText] onClickStart: NATS wait failed', e);
+                            setMemoriTyping(false);
+                            setTypingText(undefined);
+                        }
+                    }
+                    else if (response.resultCode === 0) {
+                        console.error('[EnterText] onClickStart: HTTP 200 but missing correlationID', response);
+                    }
                 }
             }
         }
@@ -1608,10 +1911,14 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         }
     }, [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang, position]);
     useEffect(() => {
-        if (!clickedStart && autoStart && selectedLayout !== 'HIDDEN_CHAT') {
+        if (!clickedStart &&
+            !sessionStartingRef.current &&
+            !sessionId &&
+            autoStart &&
+            selectedLayout !== 'HIDDEN_CHAT') {
             onClickStart();
         }
-    }, [clickedStart, autoStart, selectedLayout]);
+    }, [clickedStart, autoStart, selectedLayout, sessionId]);
     useEffect(() => {
         const targetNode = document.querySelector(`memori-client[memoriname="${memori.name}"]`) ||
             document.querySelector(`memori-client[memoriid="${memori.memoriID}"]`) ||
@@ -1669,21 +1976,18 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         (user === null || user === void 0 ? void 0 : user.pAndCUAccepted);
     const needsCredits = tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation;
     const [hasEnoughCredits, setHasEnoughCredits] = useState(true);
-    const handleNotEnoughCredits = useCallback((goBack = false) => {
+    const handleNotEnoughCredits = useCallback(() => {
         setHasEnoughCredits(false);
         setAuthModalState(null);
         toast.error(t('notEnoughCredits'));
-        if (goBack && window.history.length > 1) {
-            window.history.back();
-        }
     }, [t]);
     const checkCredits = useCallback(async (options) => {
         if (!(tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation))
             return true;
-        if (!ownerUserID) {
-            console.warn('Cannot verify credits: missing ownerUserID');
+        if (!ownerUserID && !ownerUserName) {
+            console.warn('Cannot verify credits: missing owner identifier');
             if (options === null || options === void 0 ? void 0 : options.notify) {
-                handleNotEnoughCredits(!!options.goBack);
+                handleNotEnoughCredits();
             }
             else {
                 setHasEnoughCredits(false);
@@ -1697,6 +2001,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                     : 'session_creation',
                 baseUrl: baseUrl,
                 userID: ownerUserID,
+                userName: ownerUserName,
                 tenant: tenantID,
             });
             if (resp.enough) {
@@ -1706,7 +2011,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
             else {
                 console.warn('Not enough credits. Required:', resp.required);
                 if (options === null || options === void 0 ? void 0 : options.notify) {
-                    handleNotEnoughCredits(!!options.goBack);
+                    handleNotEnoughCredits();
                 }
                 else {
                     setHasEnoughCredits(false);
@@ -1724,6 +2029,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         deepThoughtEnabled,
         handleNotEnoughCredits,
         ownerUserID,
+        ownerUserName,
         tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation,
         tenantID,
     ]);