@memori.ai/memori-react 8.39.0 → 8.40.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 
 
+## [8.40.0](https://github.com/memori-ai/memori-react/compare/v8.39.0...v8.40.0) (2026-06-17)
+
+
+### Features
+
+* enhance user identification for credit verification by adding ownerUserName ([540e50a](https://github.com/memori-ai/memori-react/commit/540e50aa7b913122e09d988a21701635342c1fe3))
+* integrate NATS support for real-time event handling in MemoriWidget ([2fc0a8d](https://github.com/memori-ai/memori-react/commit/2fc0a8dcec8d6a04d89a7b014ca353fd478e847d))
+
+
+### Maintenance
+
+*  refactor MemoriWidget for improved NATS event handling ([7d18afa](https://github.com/memori-ai/memori-react/commit/7d18afa28d4f6cc24b3907d34bd34732e2a720c1))
+
 ## [8.39.0](https://github.com/memori-ai/memori-react/compare/v8.38.8...v8.39.0) (2026-06-12)
 
 

package/dist/components/MemoriWidget/MemoriWidget.d.ts

@@ -83,6 +83,7 @@ export interface LayoutProps {
 }
 export interface Props {
     memori: Memori;
+    ownerUserName?: string | null;
     ownerUserID?: string | null;
     tenantID: string;
     memoriConfigs?: MemoriConfig[];
@@ -148,5 +149,5 @@ export interface Props {
     maxTotalMessagePayload?: number;
     maxTextareaCharacters?: number;
 }
-declare const MemoriWidget: ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview, embed, showCopyButton, showTranslationOriginal, showInputs, showDates, showContextPerLine, showMessageConsumption, showSettings, showTypingText, showClear, showLogin, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height, secret, baseUrl, apiURL, engineURL, initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive, disableTextEnteredEvents, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__, useMathFormatting, autoStart, applyVarsToRoot, showFunctionCache, maxTotalMessagePayload, maxTextareaCharacters, }: Props) => JSX.Element;
+declare const MemoriWidget: ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview, embed, showCopyButton, showTranslationOriginal, showInputs, showDates, showContextPerLine, showMessageConsumption, showSettings, showTypingText, showClear, showLogin, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, avatar3dHidden, height, secret, baseUrl, apiURL, engineURL, initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive, disableTextEnteredEvents, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__, useMathFormatting, autoStart, applyVarsToRoot, showFunctionCache, maxTotalMessagePayload, maxTextareaCharacters, }: Props) => JSX.Element;
 export default MemoriWidget;

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -41,6 +41,7 @@ const sanitizer_1 = require("../../helpers/sanitizer");
 const useTTS_1 = require("../../helpers/tts/useTTS");
 const ChatHistory_1 = tslib_1.__importDefault(require("../ChatHistoryDrawer/ChatHistory"));
 const useSTT_1 = require("../../helpers/stt/useSTT");
+const useNats_1 = require("../../helpers/nats/useNats");
 const getMemoriState = (integrationId) => {
     var _a, _b, _c, _d, _f;
     let widget = integrationId
@@ -68,6 +69,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: {
@@ -164,7 +170,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 } = (0, react_i18next_1.useTranslation)();
     const [isClient, setIsClient] = (0, react_1.useState)(false);
@@ -172,7 +178,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         setIsClient(true);
     }, []);
     const client = (0, memori_api_client_1.default)(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] = (0, react_1.useState)(false);
     const [enableFocusChatInput, setEnableFocusChatInput] = (0, react_1.useState)(true);
     const [loginToken, setLoginToken] = (0, react_1.useState)((_a = additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) !== null && _a !== void 0 ? _a : authToken);
@@ -237,6 +243,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [memoriTyping, setMemoriTyping] = (0, react_1.useState)(false);
     const [typingText, setTypingText] = (0, react_1.useState)();
+    const pendingEnterTextRef = (0, react_1.useRef)(new Map());
+    const bufferedNatsResponsesRef = (0, react_1.useRef)(new Map());
     const layoutName = typeof layout === 'string'
         ? layout
         : typeof (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) === 'string'
@@ -385,7 +393,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
     };
     const [chatLogID, setChatLogID] = (0, react_1.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);
@@ -439,12 +447,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 && {
@@ -452,57 +464,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');
@@ -532,16 +522,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;
@@ -763,7 +748,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);
@@ -846,7 +831,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;
             }
@@ -1159,6 +1144,277 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         setHasUserActivatedSpeak,
         speakerMuted,
     ]);
+    const processEnterTextDialogResponse = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.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]);
+    (0, useNats_1.useNats)({
+        baseUrl,
+        sessionId,
+        onProgress: (0, react_1.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: (0, react_1.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) {
@@ -1353,7 +1609,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         };
     }, [sessionId, userLang, disableTextEnteredEvents]);
     const onClickStart = (0, react_1.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
@@ -1370,7 +1626,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;
@@ -1576,9 +1832,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                     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 && {
@@ -1586,6 +1844,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,
@@ -1598,10 +1860,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);
+                    }
                 }
             }
         }
@@ -1672,21 +1957,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] = (0, react_1.useState)(true);
-    const handleNotEnoughCredits = (0, react_1.useCallback)((goBack = false) => {
+    const handleNotEnoughCredits = (0, react_1.useCallback)(() => {
         setHasEnoughCredits(false);
         setAuthModalState(null);
         react_hot_toast_1.default.error(t('notEnoughCredits'));
-        if (goBack && window.history.length > 1) {
-            window.history.back();
-        }
     }, [t]);
     const checkCredits = (0, react_1.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);
@@ -1700,6 +1982,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
                     : 'session_creation',
                 baseUrl: baseUrl,
                 userID: ownerUserID,
+                userName: ownerUserName,
                 tenant: tenantID,
             });
             if (resp.enough) {
@@ -1709,7 +1992,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);
@@ -1727,6 +2010,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang
         deepThoughtEnabled,
         handleNotEnoughCredits,
         ownerUserID,
+        ownerUserName,
         tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation,
         tenantID,
     ]);