← All changes | js/chat-script.js +1155 -2287 3.2.8 → 2.6.2 View file →

		@@ -1,316 +1,12 @@
1	1	jQuery(document).ready(function($) {
2		-
3		- // Nonce refresh — v2 (plan-6a68c9).
4		- //
5		- // The widget no longer relies on a nonce embedded in inline cached HTML.
6		- // Before each chat-send / stream-send / upload, we call the REST endpoint
7		- // GET /wp-json/mxchat/v1/nonce and use the freshly-issued value. The
8		- // endpoint creates the nonce with action `mxchat_chat_send`; the server-side
9		- // verifier ALSO still accepts the legacy `mxchat_chat_nonce` action for a
10		- // 30-day backwards-compat window so cached pages still in users' browsers
11		- // (which carry the legacy inline-localized nonce) keep working.
12		- //
13		- // Cache: a single module-scoped slot. TTL 12h conservatively (WP nonces are
14		- // 24h but we refetch at half-life so a freshly-cached-page user never sees
15		- // a borderline-stale nonce).
16		- var cachedFreshNonce = null;
17		- var cachedFreshNonceFetchedAt = 0;
18		- var NONCE_TTL_MS = 12 * 60 * 60 * 1000;
19		- var nonceRefreshState = 'idle'; // 'idle' | 'pending' | 'done'
20		- var nonceRefreshCallbacks = [];
21		-
22		- function getRestNonceUrl() {
23		- if (typeof mxchatChat !== 'undefined' && mxchatChat.rest_url) {
24		- return mxchatChat.rest_url.replace(/\/+$/, '') + '/nonce';
25		- }
26		- // Fallback: derive from current origin if mxchatChat.rest_url isn't set.
27		- return window.location.origin + '/wp-json/mxchat/v1/nonce';
28		- }
29		-
30		- function fetchFreshNonceFromRest() {
31		- return fetch(getRestNonceUrl(), {
32		- credentials: 'same-origin',
33		- headers: { 'Accept': 'application/json' }
34		- }).then(function (resp) {
35		- if (!resp.ok) {
36		- throw new Error('REST nonce fetch failed: ' + resp.status);
37		- }
38		- return resp.json();
39		- }).then(function (data) {
40		- if (data && data.nonce) {
41		- return data.nonce;
42		- }
43		- throw new Error('REST nonce response had no nonce field.');
44		- });
45		- }
46		-
47		- /**
48		- * withFreshNonce(cb) — invoke cb() after ensuring mxchatChat.nonce is fresh.
49		- * Tries REST endpoint first (cache-bypass design); falls back to the legacy
50		- * admin-ajax refresh path if REST is unavailable. Idempotent — concurrent
51		- * calls share the same in-flight refresh.
52		- */
53		- function withFreshNonce(callback) {
54		- if (typeof mxchatChat === 'undefined') {
55		- if (callback) callback();
56		- return;
57		- }
58		- var now = Date.now();
59		- if (cachedFreshNonce && (now - cachedFreshNonceFetchedAt) < NONCE_TTL_MS) {
60		- mxchatChat.nonce = cachedFreshNonce;
61		- if (callback) callback();
62		- return;
63		- }
64		- if (callback) nonceRefreshCallbacks.push(callback);
65		- if (nonceRefreshState === 'pending') return;
66		- nonceRefreshState = 'pending';
67		-
68		- var resolved = function (nonce) {
69		- if (nonce) {
70		- cachedFreshNonce = nonce;
71		- cachedFreshNonceFetchedAt = Date.now();
72		- mxchatChat.nonce = nonce;
73		- }
74		- nonceRefreshState = 'done';
75		- var pending = nonceRefreshCallbacks;
76		- nonceRefreshCallbacks = [];
77		- pending.forEach(function (cb) { try { cb(); } catch (e) {} });
78		- };
79		-
80		- fetchFreshNonceFromRest()
81		- .then(resolved)
82		- .catch(function () {
83		- // Fallback to the legacy admin-ajax refresh path (issued with the
84		- // old action `mxchat_chat_nonce`; the server still accepts both
85		- // during the compat window).
86		- if (mxchatChat.ajax_url) {
87		- $.post(mxchatChat.ajax_url, { action: 'mxchat_refresh_nonce' })
88		- .done(function (res) {
89		- if (res && res.success && res.data && res.data.nonce) {
90		- resolved(res.data.nonce);
91		- return;
92		- }
93		- resolved(null);
94		- })
95		- .fail(function () { resolved(null); });
96		- } else {
97		- resolved(null);
98		- }
99		- });
100		- }
101		-
102		- // Backwards-compat alias — every existing caller in this file (and any
103		- // out-of-tree consumer that hit this internal API) keeps working unchanged.
104		- function refreshNonceIfNeeded(callback) {
105		- return withFreshNonce(callback);
106		- }
107		-
	2	+
108	3	// ====================================
109		- // MULTI-INSTANCE MANAGEMENT SYSTEM
110		- // ====================================
111		-
112		- // Instance registry - tracks all chatbot instances on the page
113		- const MxChatInstances = {
114		- instances: {},
115		-
116		- // Initialize an instance for a bot
117		- init: function(botId) {
118		- if (!this.instances[botId]) {
119		- // When persistence is OFF, track when this session started
120		- // so the AI only sees messages from this page load
121		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
122		-
123		- this.instances[botId] = {
124		- botId: botId,
125		- sessionId: null,
126		- lastSeenMessageId: '',
127		- notificationCheckInterval: null,
128		- pollingInterval: null,
129		- processedMessageIds: new Set(),
130		- activePdfFile: null,
131		- activeWordFile: null,
132		- chatHistoryLoaded: false,
133		- isStreaming: false,
134		- // Fresh context timestamp - only used when persistence is OFF
135		- sessionStartTimestamp: chatPersistenceEnabled ? 0 : Date.now()
136		- };
137		- }
138		- return this.instances[botId];
139		- },
140		-
141		- // Get instance by botId
142		- get: function(botId) {
143		- return this.instances[botId] || this.init(botId);
144		- },
145		-
146		- // Get all active bot IDs
147		- getAllBotIds: function() {
148		- return Object.keys(this.instances);
149		- },
150		-
151		- // Session management per bot
152		- // Returns existing session ID from cookie or localStorage (with in-memory fallback),
153		- // or null if none exists. Does NOT create a new session — use ensureSession() for that.
154		- getChatSession: function(botId) {
155		- var cookieName = 'mxchat_session_id_' + botId;
156		- var storageKey = 'mxchat_session_id_' + botId;
157		- var sessionId = getCookie(cookieName);
158		-
159		- // Fallback to localStorage if cookie is missing (e.g. cleared by browser/consent)
160		- if (!sessionId) {
161		- try { sessionId = localStorage.getItem(storageKey); } catch (e) {}
162		- }
163		-
164		- // Fallback to in-memory instance when cookie AND localStorage are both blocked
165		- // (Safari ITP, strict tracking prevention, cross-origin iframes with partitioned
166		- // storage). Without this, ensureSession() can generate and store an ID that
167		- // getChatSession() then can't read back, causing null session_ids on send.
168		- if (!sessionId && this.instances[botId] && this.instances[botId].sessionId) {
169		- sessionId = this.instances[botId].sessionId;
170		- }
171		-
172		- // Guard against stored sentinel values that indicate earlier broken writes.
173		- if (sessionId === 'null' || sessionId === 'undefined') {
174		- sessionId = null;
175		- }
176		-
177		- // Re-sync cookie from localStorage if cookie was lost
178		- if (sessionId && !getCookie(cookieName)) {
179		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
180		- }
181		-
182		- return sessionId || null;
183		- },
184		-
185		- // Lazy session initializer — called on first user interaction
186		- ensureSession: function(botId) {
187		- botId = botId || 'default';
188		- var instance = this.instances[botId] || this.init(botId);
189		-
190		- if (instance.sessionId) {
191		- return instance.sessionId;
192		- }
193		-
194		- // Check for existing session from cookie or localStorage
195		- var existingSession = this.getChatSession(botId);
196		-
197		- if (existingSession) {
198		- instance.sessionId = existingSession;
199		- } else {
200		- // Brand new session
201		- var newId = generateSessionId();
202		- this.setChatSession(botId, newId);
203		- instance.sessionId = newId;
204		- }
205		-
206		- // Now that we have a session, do the deferred work
207		- refreshNonceIfNeeded();
208		- trackOriginatingPage();
209		-
210		- // Note: loadChatHistory is handled by showChatContainerForBot with loader UI,
211		- // so we do NOT call it here to avoid a race condition.
212		-
213		- return instance.sessionId;
214		- },
215		-
216		- setChatSession: function(botId, sessionId) {
217		- var cookieName = 'mxchat_session_id_' + botId;
218		- var storageKey = 'mxchat_session_id_' + botId;
219		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
220		- try { localStorage.setItem(storageKey, sessionId); } catch (e) {}
221		- if (this.instances[botId]) {
222		- this.instances[botId].sessionId = sessionId;
223		- }
224		- },
225		-
226		- resetChatSession: function(botId) {
227		- // Clear old session from localStorage before setting new one
228		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
229		- var newSessionId = generateSessionId();
230		- this.setChatSession(botId, newSessionId);
231		- var $chatBox = getElement(botId, 'chat-box');
232		- if ($chatBox.length) {
233		- $chatBox.find('.user-message, .bot-message:not(:first), .agent-message').remove();
234		- }
235		- if (this.instances[botId]) {
236		- this.instances[botId].chatHistoryLoaded = false;
237		- this.instances[botId].processedMessageIds = new Set();
238		- }
239		- },
240		-
241		- // Silent reset — new session ID without clearing the chat UI
242		- // Used when IP changes mid-conversation so the user doesn't see messages vanish
243		- silentResetSession: function(botId) {
244		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
245		- var newSessionId = generateSessionId();
246		- this.setChatSession(botId, newSessionId);
247		- if (this.instances[botId]) {
248		- this.instances[botId].sessionId = newSessionId;
249		- }
250		- return newSessionId;
251		- }
252		- };
253		-
254		- // ====================================
255		- // ELEMENT SELECTOR HELPERS
256		- // ====================================
257		-
258		- // Check if a specific bot has an AI theme assigned (skip inline colors)
259		- function shouldSkipInlineColors(botId) {
260		- // If global AI theme is active, skip inline colors for all bots
261		- if (mxchatChat.skip_inline_colors) {
262		- return true;
263		- }
264		- // Check if this specific bot has a theme assignment
265		- var botAssignments = mxchatChat.bot_theme_assignments || {};
266		- return botAssignments.hasOwnProperty(botId);
267		- }
268		-
269		- // Get element by ID with bot suffix - returns jQuery object
270		- function getElement(botId, elementName) {
271		- return $('#' + elementName + '-' + botId);
272		- }
273		-
274		- // Get element by ID with bot suffix - returns DOM element
275		- function getElementDOM(botId, elementName) {
276		- return document.getElementById(elementName + '-' + botId);
277		- }
278		-
279		- // Get bot ID from any element within a chatbot instance
280		- function getBotIdFromElement(element) {
281		- var $wrapper = $(element).closest('.mxchat-chatbot-wrapper');
282		- if ($wrapper.length) {
283		- return $wrapper.data('bot-id') || 'default';
284		- }
285		- // Fallback: try to find from floating container
286		- var $floating = $(element).closest('.floating-chatbot');
287		- if ($floating.length) {
288		- var id = $floating.attr('id') || '';
289		- var match = id.match(/floating-chatbot-(.+)/);
290		- if (match) return match[1];
291		- }
292		- // Fallback: check if element itself has an ID with bot suffix (e.g., floating-chatbot-button-{bot_id})
293		- var elementId = $(element).attr('id') || '';
294		- if (elementId) {
295		- // Match patterns like: floating-chatbot-button-{bot_id}, pre-chat-message-{bot_id}
296		- var idMatch = elementId.match(/^(?:floating-chatbot-button|pre-chat-message|chat-notification-badge)-(.+)$/);
297		- if (idMatch) return idMatch[1];
298		- }
299		- return 'default';
300		- }
301		-
302		- // Get wrapper element for a bot
303		- function getWrapper(botId) {
304		- return getElement(botId, 'mxchat-chatbot-wrapper');
305		- }
306		-
307		- // ====================================
308	4	// GLOBAL VARIABLES & CONFIGURATION
309	5	// ====================================
310	6	const toolbarIconColor = mxchatChat.toolbar_icon_color || '#212121';
311		-
312		- // Initialize color settings (these are global as they come from PHP)
	7	+
	8	+ // Initialize color settings
313	9	var userMessageBgColor = mxchatChat.user_message_bg_color;
314	10	var userMessageFontColor = mxchatChat.user_message_font_color;
315	11	var botMessageBgColor = mxchatChat.bot_message_bg_color;
316	12	var botMessageFontColor = mxchatChat.bot_message_font_color;
		@@ -315,64 +11,64 @@
315	11	var botMessageBgColor = mxchatChat.bot_message_bg_color;
316	12	var botMessageFontColor = mxchatChat.bot_message_font_color;
317	13	var liveAgentMessageBgColor = mxchatChat.live_agent_message_bg_color;
318	14	var liveAgentMessageFontColor = mxchatChat.live_agent_message_font_color;
319		-
	15	+
320	16	var linkTarget = mxchatChat.link_target_toggle === 'on' ? '_blank' : '_self';
	17	+ let lastSeenMessageId = '';
	18	+ let notificationCheckInterval;
	19	+ let notificationBadge;
	20	+ var sessionId = getChatSession();
	21	+ let pollingInterval;
	22	+ let processedMessageIds = new Set();
	23	+ let activePdfFile = null;
	24	+ let activeWordFile = null;
	25	+ let chatHistoryLoaded = false;
321	26
322	27	// ====================================
323		- // SESSION MANAGEMENT (Legacy compatibility)
	28	+ // SESSION MANAGEMENT
324	29	// ====================================
325		-
	30	+
	31	+ function getChatSession() {
	32	+ var sessionId = getCookie('mxchat_session_id');
	33	+ //console.log("Session ID retrieved from cookie: ", sessionId);
	34	+
	35	+ if (!sessionId) {
	36	+ sessionId = generateSessionId();
	37	+ //console.log("Generated new session ID: ", sessionId);
	38	+ setChatSession(sessionId);
	39	+ }
	40	+
	41	+ //console.log("Final session ID: ", sessionId);
	42	+ return sessionId;
	43	+ }
	44	+
	45	+ function setChatSession(sessionId) {
	46	+ // Set the cookie with a 24-hour expiration (86400 seconds)
	47	+ document.cookie = "mxchat_session_id=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
	48	+ }
	49	+
326	50	function getCookie(name) {
327	51	let value = "; " + document.cookie;
328	52	let parts = value.split("; " + name + "=");
329	53	if (parts.length == 2) return parts.pop().split(";").shift();
330	54	}
331		-
	55	+
332	56	function generateSessionId() {
333	57	return 'mxchat_chat_' + Math.random().toString(36).substr(2, 9);
334	58	}
335	59
336		- // Legacy function - now delegates to instance manager
337		- function getChatSession(botId) {
338		- botId = botId || 'default';
339		- return MxChatInstances.getChatSession(botId);
	60	+ function resetChatSession() {
	61	+ // Generate a new session ID
	62	+ var newSessionId = generateSessionId();
	63	+ // Update the cookie with the new session
	64	+ setChatSession(newSessionId);
	65	+ // Clear the chat history display
	66	+ $('.mxchat-messages').empty();
	67	+ // Reset the chat history loaded flag
	68	+ chatHistoryLoaded = false;
340	69	}
341	70
342		- function setChatSession(sessionId, botId) {
343		- botId = botId || 'default';
344		- MxChatInstances.setChatSession(botId, sessionId);
345		- }
346		-
347		- function resetChatSession(botId) {
348		- botId = botId || 'default';
349		- MxChatInstances.resetChatSession(botId);
350		- }
351		-
352		- // ====================================
353		- // INITIALIZE ALL CHATBOT INSTANCES
354		- // ====================================
355		-
356		- function initializeAllInstances() {
357		- // Find all chatbot wrappers on the page
358		- $('.mxchat-chatbot-wrapper').each(function() {
359		- var botId = $(this).data('bot-id') || 'default';
360		- MxChatInstances.init(botId);
361		- initializeBotInstance(botId);
362		- });
363		- }
364		-
365		- function initializeBotInstance(botId) {
366		- var instance = MxChatInstances.get(botId);
367		-
368		- // Initialize quick questions state for this bot
369		- checkQuickQuestionsState(botId);
370		-
371		- // Note: Event handlers use event delegation with class selectors,
372		- // so they work automatically for all instances without per-bot setup
373		- }
374		-
375	71	// ====================================
376	72	// CONTEXTUAL AWARENESS FUNCTIONALITY
377	73	// ====================================
378	74
		@@ -517,123 +213,70 @@
517	213
518	214	// ====================================
519	215	// CORE CHAT FUNCTIONALITY
520	216	// ====================================
521		-
522		-// Helper functions to disable/enable chat input while waiting for response
523		-function disableChatInput(botId) {
524		- botId = botId || 'default';
525		- var chatInput = getElementDOM(botId, 'chat-input');
526		- var sendButton = getElementDOM(botId, 'send-button');
527		- if (chatInput) {
528		- chatInput.disabled = true;
529		- chatInput.style.opacity = '0.6';
530		- }
531		- if (sendButton) {
532		- sendButton.disabled = true;
533		- sendButton.style.opacity = '0.5';
534		- sendButton.style.pointerEvents = 'none';
535		- }
536		-}
537		-
538		-function enableChatInput(botId) {
539		- botId = botId || 'default';
540		- var chatInput = getElementDOM(botId, 'chat-input');
541		- var sendButton = getElementDOM(botId, 'send-button');
542		- if (chatInput) {
543		- chatInput.disabled = false;
544		- chatInput.style.opacity = '1';
545		- chatInput.focus();
546		- }
547		- if (sendButton) {
548		- sendButton.disabled = false;
549		- sendButton.style.opacity = '1';
550		- sendButton.style.pointerEvents = 'auto';
551		- }
552		-}
553		-
554	217	// Update your existing sendMessage function
555		-function sendMessage(botId) {
556		- botId = botId || 'default';
557		- MxChatInstances.ensureSession(botId);
558		- var $chatInput = getElement(botId, 'chat-input');
559		- var message = $chatInput.val();
560		-
	218	+function sendMessage() {
	219	+ var message = $('#chat-input').val();
	220	+
561	221	// ADD PROMPT HOOK HERE
562		- if (typeof customMxChatFilter === 'function') {
563		- message = customMxChatFilter(message, "prompt");
	222	+ if (typeof customMxChatFilter === 'function') {
	223	+ message = customMxChatFilter(message, "prompt");
564	224	}
565		-
	225	+
566	226	if (message) {
567		- // Don't disable input in live agent mode - let users chat freely
568		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
569		- var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
570		- if (!isAgentMode) {
571		- disableChatInput(botId);
572		- }
	227	+ appendMessage("user", message);
	228	+ $('#chat-input').val('');
	229	+ $('#chat-input').css('height', 'auto');
573	230
574		- appendMessage("user", message, '', [], false, botId);
575		- $chatInput.val('');
576		- $chatInput.css('height', 'auto');
577		-
578		- if (hasQuickQuestions(botId)) {
579		- collapseQuickQuestions(botId);
	231	+ if (hasQuickQuestions()) {
	232	+ collapseQuickQuestions();
580	233	}
581		- appendThinkingMessage(botId);
582		- scrollToBottom(botId);
	234	+ appendThinkingMessage();
	235	+ scrollToBottom();
583	236
584		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	237	+ const currentModel = mxchatChat.model || 'gpt-4o';
585	238
586	239	// Check if streaming is enabled AND supported for this model
587	240	if (shouldUseStreaming(currentModel)) {
588	241	callMxChatStream(message, function(response) {
589		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
590		- }, botId);
	242	+ $('.bot-message.temporary-message').removeClass('temporary-message');
	243	+ });
591	244	} else {
592	245	callMxChat(message, function(response) {
593		- replaceLastMessage("bot", response, '', [], botId);
594		- }, botId);
	246	+ replaceLastMessage("bot", response);
	247	+ });
595	248	}
596	249	}
597	250	}
598	251
599	252	// Update your existing sendMessageToChatbot function
600		-function sendMessageToChatbot(message, botId) {
601		- botId = botId || 'default';
602		- MxChatInstances.ensureSession(botId);
603		-
	253	+function sendMessageToChatbot(message) {
604	254	// ADD PROMPT HOOK HERE
605	255	if (typeof customMxChatFilter === 'function') {
606	256	message = customMxChatFilter(message, "prompt");
607	257	}
	258	+
	259	+ var sessionId = getChatSession();
608	260
609		- // Don't disable input in live agent mode - let users chat freely
610		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
611		- var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
612		- if (!isAgentMode) {
613		- disableChatInput(botId);
	261	+ if (hasQuickQuestions()) {
	262	+ collapseQuickQuestions();
614	263	}
	264	+ appendThinkingMessage();
	265	+ scrollToBottom();
615	266
616		- var sessionId = getChatSession(botId);
	267	+ const currentModel = mxchatChat.model || 'gpt-4o';
617	268
618		- if (hasQuickQuestions(botId)) {
619		- collapseQuickQuestions(botId);
620		- }
621		- appendThinkingMessage(botId);
622		- scrollToBottom(botId);
623		-
624		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
625		-
626	269	// Check if streaming is enabled AND supported for this model
627	270	if (shouldUseStreaming(currentModel)) {
628	271	callMxChatStream(message, function(response) {
629		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
630		- }, botId);
	272	+ $('.bot-message.temporary-message').removeClass('temporary-message');
	273	+ });
631	274	} else {
632	275	callMxChat(message, function(response) {
633		- getElement(botId, 'chat-box').find('.temporary-message').remove();
634		- replaceLastMessage("bot", response, '', [], botId);
635		- }, botId);
	276	+ $('.temporary-message').remove();
	277	+ replaceLastMessage("bot", response);
	278	+ });
636	279	}
637	280	}
638	281
639	282	// Updated shouldUseStreaming function with debugging
		@@ -676,65 +319,40 @@
676	319	updateChatModeIndicator('agent');
677	320	}
678	321	}
679	322
680		-// Function to get bot ID from any element or wrapper
681		-// If element is provided, finds the bot ID from its wrapper
682		-// If no element, returns 'default' (for backward compatibility)
683		-function getMxChatBotId(element) {
684		- if (element) {
685		- return getBotIdFromElement(element);
686		- }
687		- // Fallback: find first chatbot wrapper on page
688		- const chatbotWrapper = document.querySelector('.mxchat-chatbot-wrapper');
	323	+//Function to get bot ID from the chatbot wrapper
	324	+function getMxChatBotId() {
	325	+ const chatbotWrapper = document.getElementById('mxchat-chatbot-wrapper');
689	326	return chatbotWrapper ? chatbotWrapper.getAttribute('data-bot-id') || 'default' : 'default';
690	327	}
691	328
692		-function callMxChat(message, callback, botId) {
693		- botId = botId || getMxChatBotId();
694		-
	329	+function callMxChat(message, callback) {
695	330	// Store the message in case we need to retry after session reset
696		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
	331	+ $('.mxchat-input-holder textarea').data('pending-message', message);
697	332
698	333	// Get page context if contextual awareness is enabled
699	334	const pageContext = getPageContext();
700	335
701		- // Get instance for session start timestamp (used when persistence is OFF)
702		- var instance = MxChatInstances.get(botId);
	336	+ // Get bot ID
	337	+ const botId = getMxChatBotId();
703	338
704		- // Guarantee a non-null session_id before the AJAX leaves. ensureSession() is idempotent
705		- // and returns the guaranteed-present session id from the in-memory instance even when
706		- // cookie/localStorage writes are silently blocked by the browser.
707		- var sessionId = MxChatInstances.ensureSession(botId);
708		- if (!sessionId || sessionId === 'null' || sessionId === 'undefined') {
709		- // Last-resort generation to ensure we never POST a null marker.
710		- sessionId = generateSessionId();
711		- MxChatInstances.setChatSession(botId, sessionId);
712		- }
713		-
714		- // Wait for the page-cache nonce refresh to complete before firing the
715		- // chat-send AJAX. On cached pages the inline mxchatChat.nonce is stale
716		- // until refreshNonceIfNeeded() returns; constructing ajaxData inside the
717		- // callback guarantees we read the fresh value. See plan-c5457f.
718		- refreshNonceIfNeeded(function() {
719	339	// Prepare AJAX data
720	340	const ajaxData = {
721	341	action: 'mxchat_handle_chat_request',
722	342	message: message,
723		- session_id: sessionId,
	343	+ session_id: getChatSession(),
724	344	nonce: mxchatChat.nonce,
725	345	current_page_url: window.location.href,
726	346	current_page_title: document.title,
727		- bot_id: botId,
728		- // Pass session start timestamp so AI context matches what user sees
729		- session_start_timestamp: instance.sessionStartTimestamp || 0
	347	+ bot_id: botId // Include bot ID
730	348	};
731		-
	349	+
732	350	// Add page context if available
733	351	if (pageContext) {
734	352	ajaxData.page_context = JSON.stringify(pageContext);
735	353	}
736		-
	354	+
737	355	// CHECK FOR VISION FLAGS AND ADD THEM
738	356	if (window.mxchatVisionProcessed) {
739	357	ajaxData.vision_processed = true;
740	358	ajaxData.original_user_message = window.mxchatOriginalMessage || message;
		@@ -743,9 +361,9 @@
743	361	window.mxchatVisionProcessed = false;
744	362	window.mxchatOriginalMessage = null;
745	363	window.mxchatVisionImagesCount = 0;
746	364	}
747		-
	365	+
748	366	$.ajax({
749	367	url: mxchatChat.ajax_url,
750	368	type: 'POST',
751	369	dataType: 'json',
		@@ -750,18 +368,29 @@
750	368	type: 'POST',
751	369	dataType: 'json',
752	370	data: ajaxData,
753	371	success: function(response) {
754		- // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
	372	+
	373	+ // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
	374	+ if (response.chat_mode) {
	375	+ //console.log("Updating chat mode to:", response.chat_mode);
	376	+ updateChatModeIndicator(response.chat_mode);
	377	+ }
	378	+
	379	+ // Also check in data property if response is wrapped
	380	+ if (response.data && response.data.chat_mode) {
	381	+ //console.log("Updating chat mode from data to:", response.data.chat_mode);
	382	+ updateChatModeIndicator(response.data.chat_mode);
	383	+ }
	384	+ // Log the full response for debugging
	385	+ //console.log("API Response:", response);
	386	+
	387	+ // IMMEDIATE CHAT MODE UPDATE - Handle this first, before any other processing
755	388	if (response.chat_mode) {
756		- updateChatModeIndicator(response.chat_mode, botId);
	389	+ //console.log("Updating chat mode immediately to:", response.chat_mode);
	390	+ updateChatModeIndicator(response.chat_mode);
757	391	}
758	392
759		- // Also check in data property if response is wrapped
760		- if (response.data && response.data.chat_mode) {
761		- updateChatModeIndicator(response.data.chat_mode, botId);
762		- }
763		-
764	393	// SECURITY FIX: Check for errors FIRST before checking for success
765	394	// This ensures API errors (quota exceeded, invalid key, rate limit) are properly displayed
766	395	if (response.success === false || (response.data && response.data.error_message)) {
767	396	let errorMessage = "";
		@@ -783,29 +412,40 @@
783	412	errorMessage = "An error occurred. Please try again or contact support.";
784	413	}
785	414
786	415	// Handle session reset action (IP changed, session expired, etc.)
787		- // Silent reset — keep chat UI intact, just get a new session and retry
788	416	if (response.data && response.data.action === 'reset_session') {
789		- MxChatInstances.silentResetSession(botId);
790		- // Re-send the original message with the new session (user message is already displayed)
791		- var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
	417	+ // Clear the old session and generate a new one
	418	+ resetChatSession();
	419	+ // Remove the temporary loading message
	420	+ $('.bot-message.temporary-message').remove();
	421	+ // Re-send the original message with the new session
	422	+ var originalMessage = $('.mxchat-input-holder textarea').data('pending-message');
792	423	if (originalMessage) {
793		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
794		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	424	+ $('.mxchat-input-holder textarea').data('pending-message', null);
	425	+ // Re-add the user message and thinking indicator
	426	+ appendMessage("user", originalMessage);
	427	+ appendThinkingMessage();
	428	+ scrollToBottom();
	429	+ // Determine whether to use streaming
	430	+ const currentModel = mxchatChat.model || 'gpt-4o';
795	431	if (shouldUseStreaming(currentModel)) {
796	432	callMxChatStream(originalMessage, function(response) {
797		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
798		- }, botId);
	433	+ $('.bot-message.temporary-message').removeClass('temporary-message');
	434	+ });
799	435	} else {
800	436	callMxChat(originalMessage, function(response) {
801		- replaceLastMessage("bot", response, '', [], botId);
802		- }, botId);
	437	+ replaceLastMessage("bot", response);
	438	+ });
803	439	}
804	440	}
805	441	return;
806	442	}
807	443
	444	+ // Log the error with code for debugging
	445	+ //console.log("Response data:", response.data);
	446	+ //console.error("API Error:", errorMessage, "Code:", errorCode);
	447	+
808	448	// Format user-friendly error message
809	449	let displayMessage = errorMessage;
810	450
811	451	// Customize message for admin users
		@@ -813,9 +453,9 @@
813	453	// For admin users, show more technical details including error code
814	454	displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
815	455	}
816	456
817		- replaceLastMessage("bot", displayMessage, '', [], botId);
	457	+ replaceLastMessage("bot", displayMessage);
818	458	return; // Exit early for errors
819	459	}
820	460
821	461	// NOW check if this is a successful response by looking for text, html, or message fields
		@@ -831,17 +471,16 @@
831	471	let responseMessage = response.message || '';
832	472
833	473	// Add PDF filename handling
834	474	if (response.data && response.data.filename) {
835		- showActivePdf(response.data.filename, botId);
836		- var instance = MxChatInstances.get(botId);
837		- instance.activePdfFile = response.data.filename;
	475	+ showActivePdf(response.data.filename);
	476	+ activePdfFile = response.data.filename;
838	477	}
839	478
840	479	// Add redirect check here
841	480	if (response.redirect_url) {
842	481	if (responseText) {
843		- replaceLastMessage("bot", responseText, '', [], botId);
	482	+ replaceLastMessage("bot", responseText);
844	483	}
845	484	setTimeout(() => {
846	485	window.location.href = response.redirect_url;
847	486	}, 1500);
		@@ -849,11 +488,9 @@
849	488	}
850	489
851	490	// Check for live agent response
852	491	if (response.success && response.data && response.data.status === 'waiting_for_agent') {
853		- removeThinkingDots(botId);
854		- updateChatModeIndicator('agent', botId);
855		- enableChatInput(botId);
	492	+ updateChatModeIndicator('agent');
856	493	return;
857	494	}
858	495
859	496	// Handle the message and show notification if chat is hidden
		@@ -868,36 +505,32 @@
868	505	}
869	506
870	507	// Update the messages as before
871	508	if (responseText && responseHtml) {
872		- replaceLastMessage("bot", responseText, responseHtml, [], botId);
	509	+ replaceLastMessage("bot", responseText, responseHtml);
873	510	} else if (responseText) {
874		- replaceLastMessage("bot", responseText, '', [], botId);
	511	+ replaceLastMessage("bot", responseText);
875	512	} else if (responseHtml) {
876		- replaceLastMessage("bot", "", responseHtml, [], botId);
	513	+ replaceLastMessage("bot", "", responseHtml);
877	514	} else if (responseMessage) {
878		- replaceLastMessage("bot", responseMessage, '', [], botId);
	515	+ replaceLastMessage("bot", responseMessage);
879	516	}
880	517
881	518	// Check if chat is hidden and show notification
882		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
883		- if ($floatingChatbot.hasClass('hidden')) {
884		- var $badge = getElement(botId, 'chat-notification-badge');
885		- if ($badge.length) {
886		- $badge.show();
	519	+ if ($('#floating-chatbot').hasClass('hidden')) {
	520	+ const badge = $('#chat-notification-badge');
	521	+ if (badge.length) {
	522	+ badge.show();
887	523	}
888	524	}
889	525	} else {
890		- var emptyMsg = "I received an empty response. Please try again or contact support if this persists.";
891		- if (response.vectorstore_error) {
892		- emptyMsg = "I received an empty response. Debug info: " + response.vectorstore_error;
893		- }
894		- replaceLastMessage("bot", emptyMsg, '', [], botId);
	526	+ // This should rarely happen now that errors are handled above
	527	+ ////console.error("Unexpected response format:", response);
	528	+ replaceLastMessage("bot", "I received an empty response. Please try again or contact support if this persists.");
895	529	}
896	530
897	531	if (response.message_id) {
898		- var instance = MxChatInstances.get(botId);
899		- instance.lastSeenMessageId = response.message_id;
	532	+ lastSeenMessageId = response.message_id;
900	533	}
901	534
902	535	return;
903	536	}
		@@ -902,16 +535,20 @@
902	535	return;
903	536	}
904	537
905	538	// Fallback for truly unexpected response formats
906		- replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.", '', [], botId);
	539	+ replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.");
907	540	},
908	541	error: function(xhr, status, error) {
	542	+ //console.error("AJAX Error:", status, error);
	543	+ //console.log("Response Text:", xhr.responseText);
	544	+
909	545	let errorMessage = "An unexpected error occurred.";
910	546
911	547	// Try to parse the response if it's JSON
912	548	try {
913	549	const responseJson = JSON.parse(xhr.responseText);
	550	+ //console.log("Parsed error response:", responseJson);
914	551
915	552	if (responseJson.data && responseJson.data.error_message) {
916	553	errorMessage = responseJson.data.error_message;
917	554	} else if (responseJson.message) {
		@@ -931,56 +568,41 @@
931	568	errorMessage = "Server error: The server encountered an issue. Please try again later.";
932	569	}
933	570	}
934	571
935		- replaceLastMessage("bot", errorMessage, '', [], botId);
	572	+ replaceLastMessage("bot", errorMessage);
936	573	}
937	574	});
938		- }); // refreshNonceIfNeeded
939	575	}
940	576
941		-function callMxChatStream(message, callback, botId) {
942		- botId = botId || getMxChatBotId();
	577	+function callMxChatStream(message, callback) {
	578	+ // Store the message in case we need to retry after session reset
	579	+ $('.mxchat-input-holder textarea').data('pending-message', message);
943	580
944		- // Store the message in case we need to retry after session reset
945		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
	581	+ //console.log("Using streaming for message:", message);
946	582
947		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	583	+ const currentModel = mxchatChat.model || 'gpt-4o';
948	584	if (!isStreamingSupported(currentModel)) {
949		- callMxChat(message, callback, botId);
	585	+ //console.log("Streaming not supported, falling back to regular call");
	586	+ callMxChat(message, callback);
950	587	return;
951	588	}
952	589
953	590	// Get page context if contextual awareness is enabled
954	591	const pageContext = getPageContext();
	592	+
	593	+ // Get bot ID
	594	+ const botId = getMxChatBotId();
955	595
956		- // Get instance for session start timestamp (used when persistence is OFF)
957		- var instance = MxChatInstances.get(botId);
958		-
959		- // Guarantee a non-null session_id before the fetch. FormData.append() stringifies any
960		- // non-string value via String(), so passing `null` would POST the literal string "null"
961		- // and land in the transcripts table as a ghost session. ensureSession() always returns
962		- // a real string even when cookies/localStorage are blocked.
963		- var streamSessionId = MxChatInstances.ensureSession(botId);
964		- if (!streamSessionId || streamSessionId === 'null' || streamSessionId === 'undefined') {
965		- streamSessionId = generateSessionId();
966		- MxChatInstances.setChatSession(botId, streamSessionId);
967		- }
968		-
969		- // Wait for the page-cache nonce refresh before constructing formData (which
970		- // captures mxchatChat.nonce by value). Mirrors callMxChat's wrapping. See plan-c5457f.
971		- refreshNonceIfNeeded(function() {
972	596	const formData = new FormData();
973	597	formData.append('action', 'mxchat_stream_chat');
974	598	formData.append('message', message);
975		- formData.append('session_id', streamSessionId);
	599	+ formData.append('session_id', getChatSession());
976	600	formData.append('nonce', mxchatChat.nonce);
977	601	formData.append('current_page_url', window.location.href);
978	602	formData.append('current_page_title', document.title);
979		- formData.append('bot_id', botId);
980		- // Pass session start timestamp so AI context matches what user sees
981		- formData.append('session_start_timestamp', instance.sessionStartTimestamp || 0);
982		-
	603	+ formData.append('bot_id', botId); // Include bot ID
	604	+
983	605	// Add page context if available
984	606	if (pageContext) {
985	607	formData.append('page_context', JSON.stringify(pageContext));
986	608	}
		@@ -1005,14 +627,17 @@
1005	627	body: formData,
1006	628	credentials: 'same-origin'
1007	629	})
1008	630	.then(response => {
	631	+ //console.log("Streaming response received:", response);
	632	+
1009	633	// Store the response for potential fallback handling
1010	634	const responseClone = response.clone();
1011		-
	635	+
1012	636	if (!response.ok) {
1013	637	// Try to get error details from response
1014	638	return responseClone.json().then(errorData => {
	639	+ //console.log("Server returned error response:", errorData);
1015	640	throw { isServerError: true, data: errorData };
1016	641	}).catch(() => {
1017	642	throw new Error('Network response was not ok');
1018	643	});
		@@ -1020,21 +645,26 @@
1020	645
1021	646	// Check if response is JSON instead of streaming
1022	647	const contentType = response.headers.get('content-type');
1023	648	if (contentType && contentType.includes('application/json')) {
	649	+ //console.log("Received JSON response instead of stream");
1024	650	return responseClone.json().then(data => {
	651	+ //console.log("Processing JSON response:", data);
	652	+
1025	653	// IMMEDIATE CHAT MODE UPDATE for JSON response
1026	654	if (data.chat_mode) {
1027		- updateChatModeIndicator(data.chat_mode, botId);
	655	+ //console.log("JSON Response: Updating chat mode to:", data.chat_mode);
	656	+ updateChatModeIndicator(data.chat_mode);
1028	657	}
1029		-
	658	+
1030	659	// Check for testing panel
1031	660	if (window.mxchatTestPanelInstance && data.testing_data) {
	661	+ //console.log('Testing data found in streaming JSON response:', data.testing_data);
1032	662	window.mxchatTestPanelInstance.handleTestingData(data.testing_data);
1033	663	}
1034		-
	664	+
1035	665	// Handle the JSON response directly
1036		- handleNonStreamResponse(data, callback, botId);
	666	+ handleNonStreamResponse(data, callback);
1037	667	return Promise.resolve(); // Prevent further processing
1038	668	});
1039	669	}
1040	670
		@@ -1045,44 +675,37 @@
1045	675
1046	676	function processStream() {
1047	677	reader.read().then(({ done, value }) => {
1048	678	if (done) {
	679	+ //console.log("Streaming completed, final content:", accumulatedContent);
	680	+
1049	681	// If streaming completed but no content was received, try to get response as fallback
1050	682	if (!streamingStarted || !accumulatedContent) {
	683	+ //console.log("Stream completed with no content, checking for fallback data");
	684	+
1051	685	// Try to read the response as JSON
1052	686	responseClone.text().then(text => {
1053	687	try {
1054	688	const data = JSON.parse(text);
1055		- if (data.text || data.message || data.html) {
1056		- handleNonStreamResponse(data, callback, botId);
	689	+ if (data.text || data.message) {
	690	+ handleNonStreamResponse(data, callback);
1057	691	} else {
1058	692	// No valid data, fall back to regular call
1059		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1060		- callMxChat(message, callback, botId);
	693	+ $('.bot-message.temporary-message').remove();
	694	+ callMxChat(message, callback);
1061	695	}
1062	696	} catch (e) {
1063	697	// Could not parse, fall back to regular call
1064		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1065		- callMxChat(message, callback, botId);
	698	+ $('.bot-message.temporary-message').remove();
	699	+ callMxChat(message, callback);
1066	700	}
1067	701	}).catch(() => {
1068		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1069		- callMxChat(message, callback, botId);
	702	+ $('.bot-message.temporary-message').remove();
	703	+ callMxChat(message, callback);
1070	704	});
1071	705	return;
1072	706	}
1073		-
1074		- // Re-enable chat input when stream ends with content
1075		- enableChatInput(botId);
1076		-
1077		- // Scroll the user's last message to the top now that the
1078		- // bot's full reply has rendered (gives max reading room).
1079		- var $chatBoxDone = getElement(botId, 'chat-box');
1080		- var $lastUserMsgDone = $chatBoxDone.find('.user-message').last();
1081		- if ($lastUserMsgDone.length) {
1082		- scrollElementToTop($lastUserMsgDone, botId);
1083		- }
1084		-
	707	+
1085	708	if (callback) {
1086	709	callback(accumulatedContent);
1087	710	}
1088	711	return;
		@@ -1096,25 +719,17 @@
1096	719	if (line.startsWith('data: ')) {
1097	720	const data = line.substring(6);
1098	721
1099	722	if (data === '[DONE]') {
	723	+ //console.log("Received [DONE] signal");
	724	+
1100	725	if (!accumulatedContent) {
1101		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1102		- callMxChat(message, callback, botId);
	726	+ //console.log("No content received before [DONE]");
	727	+ $('.bot-message.temporary-message').remove();
	728	+ callMxChat(message, callback);
1103	729	return;
1104	730	}
1105		-
1106		- // Re-enable chat input after streaming completes
1107		- enableChatInput(botId);
1108		-
1109		- // Scroll the user's last message to the top now
1110		- // that the bot's full reply has rendered.
1111		- var $chatBoxStreamDone = getElement(botId, 'chat-box');
1112		- var $lastUserMsgStreamDone = $chatBoxStreamDone.find('.user-message').last();
1113		- if ($lastUserMsgStreamDone.length) {
1114		- scrollElementToTop($lastUserMsgStreamDone, botId);
1115		- }
1116		-
	731	+
1117	732	if (callback) {
1118	733	callback(accumulatedContent);
1119	734	}
1120	735	return;
		@@ -1121,16 +736,18 @@
1121	736	}
1122	737
1123	738	try {
1124	739	const json = JSON.parse(data);
1125		-
	740	+
1126	741	// IMMEDIATE CHAT MODE UPDATE FOR STREAMING
1127	742	if (json.chat_mode) {
1128		- updateChatModeIndicator(json.chat_mode, botId);
	743	+ //console.log("Stream: Updating chat mode immediately to:", json.chat_mode);
	744	+ updateChatModeIndicator(json.chat_mode);
1129	745	}
1130		-
	746	+
1131	747	// Handle testing data
1132	748	if (json.testing_data && !testingDataReceived) {
	749	+ //console.log('Testing data received in stream:', json.testing_data);
1133	750	if (window.mxchatTestPanelInstance) {
1134	751	window.mxchatTestPanelInstance.handleTestingData(json.testing_data);
1135	752	testingDataReceived = true;
1136	753	}
		@@ -1138,27 +755,26 @@
1138	755	// Handle content streaming
1139	756	else if (json.content) {
1140	757	streamingStarted = true;
1141	758	accumulatedContent += json.content;
1142		- updateStreamingMessage(accumulatedContent, botId);
1143		- }
	759	+ updateStreamingMessage(accumulatedContent);
	760	+ }
1144	761	// Handle complete response in stream (fallback response)
1145		- else if (json.text || json.message || json.html) {
1146		- handleNonStreamResponse(json, callback, botId);
	762	+ else if (json.text || json.message) {
	763	+ //console.log("Received complete response in stream:", json);
	764	+ handleNonStreamResponse(json, callback);
1147	765	return;
1148	766	}
1149		- // Handle errors
	767	+ // Handle errors - UPDATED to properly display API errors
1150	768	else if (json.error) {
	769	+ //console.error("Streaming error:", json.error);
1151	770
1152	771	// Get error message from various possible fields
1153	772	let errorMessage = json.error_message || json.message || json.text ||
1154	773	(typeof json.error === 'string' ? json.error : 'An error occurred. Please try again.');
1155	774
1156		- // Re-enable chat input on error
1157		- enableChatInput(botId);
1158		-
1159	775	// Display the error directly in the chat
1160		- replaceLastMessage("bot", errorMessage, '', [], botId);
	776	+ replaceLastMessage("bot", errorMessage);
1161	777
1162	778	if (callback) {
1163	779	callback(errorMessage);
1164	780	}
		@@ -1164,9 +780,9 @@
1164	780	}
1165	781	return;
1166	782	}
1167	783	} catch (e) {
1168		- // SSE data parsing error - silently continue
	784	+ //console.error('Error parsing SSE data:', e, 'Data:', data);
1169	785	}
1170	786	}
1171	787	}
1172	788
		@@ -1171,10 +787,11 @@
1171	787	}
1172	788
1173	789	processStream();
1174	790	}).catch(streamError => {
1175		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1176		- callMxChat(message, callback, botId);
	791	+ //console.error('Error reading stream:', streamError);
	792	+ $('.bot-message.temporary-message').remove();
	793	+ callMxChat(message, callback);
1177	794	});
1178	795	}
1179	796
1180	797	processStream();
		@@ -1179,41 +796,48 @@
1179	796
1180	797	processStream();
1181	798	})
1182	799	.catch(error => {
	800	+ //console.log('Streaming failed:', error);
	801	+
1183	802	// Check if we have server error data with chat mode
1184	803	if (error && error.isServerError && error.data) {
	804	+ //console.log('Using server error response data');
	805	+
1185	806	// Check for chat mode in error data
1186	807	if (error.data.chat_mode) {
1187		- updateChatModeIndicator(error.data.chat_mode, botId);
	808	+ //console.log("Error Response: Updating chat mode to:", error.data.chat_mode);
	809	+ updateChatModeIndicator(error.data.chat_mode);
1188	810	}
1189		-
1190		- handleNonStreamResponse(error.data, callback, botId);
	811	+
	812	+ handleNonStreamResponse(error.data, callback);
1191	813	} else {
1192	814	// Only fall back to regular call if we don't have any response data
1193		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1194		- callMxChat(message, callback, botId);
	815	+ //console.log('No response data available, falling back to regular call');
	816	+ $('.bot-message.temporary-message').remove();
	817	+ callMxChat(message, callback);
1195	818	}
1196	819	});
1197		- }); // refreshNonceIfNeeded
1198	820	}
1199	821
1200		-// Helper function to handle non-streaming responses
1201		-function handleNonStreamResponse(data, callback, botId) {
1202		- botId = botId || 'default';
	822	+// Helper function to handle non-streaming responses (updated to include immediate chat mode handling)
	823	+function handleNonStreamResponse(data, callback) {
	824	+ //console.log("Handling non-stream response:", data);
1203	825
1204	826	// IMMEDIATE CHAT MODE UPDATE FOR NON-STREAMING RESPONSES
1205	827	if (data.chat_mode) {
1206		- updateChatModeIndicator(data.chat_mode, botId);
	828	+ //console.log("Non-Stream: Updating chat mode immediately to:", data.chat_mode);
	829	+ updateChatModeIndicator(data.chat_mode);
1207	830	}
1208	831
1209	832	// Also check in data property if response is wrapped
1210	833	if (data.data && data.data.chat_mode) {
1211		- updateChatModeIndicator(data.data.chat_mode, botId);
	834	+ //console.log("Non-Stream: Updating chat mode from data to:", data.data.chat_mode);
	835	+ updateChatModeIndicator(data.data.chat_mode);
1212	836	}
1213	837
1214		- // NOTE: Don't remove temporary message here - let replaceLastMessage handle it
1215		- // This prevents a visual gap between thinking dots disappearing and content appearing
	838	+ // Remove temporary message
	839	+ $('.bot-message.temporary-message').remove();
1216	840
1217	841	// SECURITY FIX: Check for errors FIRST
1218	842	if (data.success === false || (data.data && data.data.error_message)) {
1219	843	let errorMessage = "";
		@@ -1234,20 +858,25 @@
1234	858	errorMessage = "An error occurred. Please try again or contact support.";
1235	859	}
1236	860
1237	861	// Handle session reset action (IP changed, session expired, etc.)
1238		- // Silent reset — keep chat UI intact, just get a new session and retry
1239	862	if (data.data && data.data.action === 'reset_session') {
1240		- MxChatInstances.silentResetSession(botId);
1241		- // Re-send the original message with the new session (user message is already displayed)
1242		- var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
	863	+ // Clear the old session and generate a new one
	864	+ resetChatSession();
	865	+ // Re-send the original message with the new session
	866	+ var originalMessage = $('.mxchat-input-holder textarea').data('pending-message');
1243	867	if (originalMessage) {
1244		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
1245		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	868	+ $('.mxchat-input-holder textarea').data('pending-message', null);
	869	+ // Re-add the user message and thinking indicator
	870	+ appendMessage("user", originalMessage);
	871	+ appendThinkingMessage();
	872	+ scrollToBottom();
	873	+ // Determine whether to use streaming
	874	+ const currentModel = mxchatChat.model || 'gpt-4o';
1246	875	if (shouldUseStreaming(currentModel)) {
1247		- callMxChatStream(originalMessage, callback, botId);
	876	+ callMxChatStream(originalMessage, callback);
1248	877	} else {
1249		- callMxChat(originalMessage, callback, botId);
	878	+ callMxChat(originalMessage, callback);
1250	879	}
1251	880	}
1252	881	return;
1253	882	}
		@@ -1257,9 +886,9 @@
1257	886	if (mxchatChat.is_admin) {
1258	887	displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
1259	888	}
1260	889
1261		- replaceLastMessage("bot", displayMessage, '', [], botId);
	890	+ replaceLastMessage("bot", displayMessage);
1262	891
1263	892	if (callback) {
1264	893	callback('');
1265	894	}
		@@ -1265,22 +894,8 @@
1265	894	}
1266	895	return; // Exit early for errors
1267	896	}
1268	897
1269		- // Check for live agent response
1270		- if (data.success && data.data && data.data.status === 'waiting_for_agent') {
1271		- removeThinkingDots(botId);
1272		- // Also remove any leftover bot-message that lost its temporary-message class
1273		- var $chatBox = getElement(botId, 'chat-box');
1274		- $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1275		- updateChatModeIndicator('agent', botId);
1276		- enableChatInput(botId);
1277		- if (callback) {
1278		- callback('');
1279		- }
1280		- return;
1281		- }
1282		-
1283	898	// Handle different response formats
1284	899	if (data.text || data.html || data.message) {
1285	900
1286	901	// Apply response hooks
		@@ -1292,23 +907,22 @@
1292	907	}
1293	908
1294	909	// Display the response
1295	910	if (data.text && data.html) {
1296		- replaceLastMessage("bot", data.text, data.html, [], botId);
	911	+ replaceLastMessage("bot", data.text, data.html);
1297	912	} else if (data.text) {
1298		- replaceLastMessage("bot", data.text, '', [], botId);
	913	+ replaceLastMessage("bot", data.text);
1299	914	} else if (data.html) {
1300		- replaceLastMessage("bot", "", data.html, [], botId);
	915	+ replaceLastMessage("bot", "", data.html);
1301	916	} else if (data.message) {
1302		- replaceLastMessage("bot", data.message, '', [], botId);
	917	+ replaceLastMessage("bot", data.message);
1303	918	}
1304	919	}
1305	920
1306	921	// Handle other response properties
1307	922	if (data.data && data.data.filename) {
1308		- showActivePdf(data.data.filename, botId);
1309		- var instance = MxChatInstances.get(botId);
1310		- instance.activePdfFile = data.data.filename;
	923	+ showActivePdf(data.data.filename);
	924	+ activePdfFile = data.data.filename;
1311	925	}
1312	926
1313	927	if (data.redirect_url) {
1314	928	setTimeout(() => {
		@@ -1315,33 +929,31 @@
1315	929	window.location.href = data.redirect_url;
1316	930	}, 1500);
1317	931	}
1318	932
1319		- // Ensure chat input is re-enabled (safety net for edge cases)
1320		- enableChatInput(botId);
1321		-
1322	933	if (callback) {
1323	934	callback(data.text || data.message || '');
1324	935	}
1325	936	}
1326		-
1327	937	// Enhanced updateChatModeIndicator function for immediate DOM updates
1328		-function updateChatModeIndicator(mode, botId) {
1329		- botId = botId || 'default';
1330		- const indicator = getElementDOM(botId, 'chat-mode-indicator');
	938	+function updateChatModeIndicator(mode) {
	939	+ //console.log("updateChatModeIndicator called with mode:", mode);
	940	+ const indicator = document.getElementById('chat-mode-indicator');
1331	941	if (indicator) {
1332	942	const oldText = indicator.textContent;
1333		-
	943	+
1334	944	if (mode === 'agent') {
1335	945	indicator.textContent = 'Live Agent';
1336		- startPolling(botId);
	946	+ startPolling();
	947	+ //console.log("Set indicator to Live Agent");
1337	948	} else {
1338	949	// Everything else is AI mode
1339	950	const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1340	951	indicator.textContent = customAiText;
1341		- stopPolling(botId);
	952	+ stopPolling();
	953	+ //console.log("Set indicator to AI Agent:", customAiText);
1342	954	}
1343		-
	955	+
1344	956	// Force immediate DOM update and reflow
1345	957	if (oldText !== indicator.textContent) {
1346	958	// Force a reflow to ensure the change is visible immediately
1347	959	indicator.style.display = 'none';
		@@ -1346,36 +958,88 @@
1346	958	// Force a reflow to ensure the change is visible immediately
1347	959	indicator.style.display = 'none';
1348	960	indicator.offsetHeight; // Trigger reflow
1349	961	indicator.style.display = '';
1350		-
	962	+
1351	963	// Double-check after a brief moment to ensure the change stuck
1352	964	setTimeout(() => {
	965	+ //console.log("Final indicator text:", indicator.textContent);
1353	966	if (mode === 'agent' && indicator.textContent !== 'Live Agent') {
	967	+ //console.warn("Mode indicator update failed, forcing update");
1354	968	indicator.textContent = 'Live Agent';
1355	969	} else if (mode !== 'agent' && indicator.textContent === 'Live Agent') {
	970	+ //console.warn("Mode indicator stuck on Live Agent, forcing AI update");
1356	971	const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1357	972	indicator.textContent = customAiText;
1358	973	}
1359	974	}, 50);
1360	975	}
	976	+ } else {
	977	+ //console.error("Chat mode indicator element not found!");
1361	978	}
1362	979	}
1363	980
	981	+// Helper function to handle non-streaming responses (updated to include chat mode handling)
	982	+function handleNonStreamResponse(data, callback) {
	983	+ //console.log("Handling non-stream response:", data);
	984	+
	985	+ // Remove temporary message
	986	+ $('.bot-message.temporary-message').remove();
	987	+
	988	+ // Handle different response formats
	989	+ if (data.text || data.html || data.message) {
	990	+
	991	+ // Apply response hooks
	992	+ if (data.text && typeof customMxChatFilter === 'function') {
	993	+ data.text = customMxChatFilter(data.text, "response");
	994	+ }
	995	+ if (data.message && typeof customMxChatFilter === 'function') {
	996	+ data.message = customMxChatFilter(data.message, "response");
	997	+ }
	998	+
	999	+ // Handle chat mode updates for streaming responses too
	1000	+ handleChatModeUpdates(data, data.text || data.message);
	1001	+
	1002	+ // Display the response
	1003	+ if (data.text && data.html) {
	1004	+ replaceLastMessage("bot", data.text, data.html);
	1005	+ } else if (data.text) {
	1006	+ replaceLastMessage("bot", data.text);
	1007	+ } else if (data.html) {
	1008	+ replaceLastMessage("bot", "", data.html);
	1009	+ } else if (data.message) {
	1010	+ replaceLastMessage("bot", data.message);
	1011	+ }
	1012	+ }
	1013	+
	1014	+ // Handle other response properties
	1015	+ if (data.data && data.data.filename) {
	1016	+ showActivePdf(data.data.filename);
	1017	+ activePdfFile = data.data.filename;
	1018	+ }
	1019	+
	1020	+ if (data.redirect_url) {
	1021	+ setTimeout(() => {
	1022	+ window.location.href = data.redirect_url;
	1023	+ }, 1500);
	1024	+ }
	1025	+
	1026	+ if (callback) {
	1027	+ callback(data.text || data.message || '');
	1028	+ }
	1029	+}
	1030	+
1364	1031	// Function to update message during streaming
1365		-function updateStreamingMessage(content, botId) {
1366		- botId = botId || 'default';
1367		-
	1032	+function updateStreamingMessage(content) {
1368	1033	// ADD RESPONSE HOOK FOR REAL-TIME STREAMING
1369	1034	if (typeof customMxChatFilter === 'function') {
1370	1035	content = customMxChatFilter(content, "response");
1371	1036	}
1372		-
	1037	+
1373	1038	const formattedContent = linkify(content);
1374	1039
1375		- // Find the temporary message in this bot's chat box
1376		- var $chatBox = getElement(botId, 'chat-box');
1377		- const tempMessage = $chatBox.find('.bot-message.temporary-message').last();
	1040	+ // Find the temporary message
	1041	+ const tempMessage = $('.bot-message.temporary-message').last();
1378	1042
1379	1043	if (tempMessage.length) {
1380	1044	// Update existing message
1381	1045	tempMessage.html(formattedContent);
		@@ -1380,9 +1044,9 @@
1380	1044	// Update existing message
1381	1045	tempMessage.html(formattedContent);
1382	1046	} else {
1383	1047	// Create new temporary message if it doesn't exist
1384		- appendMessage("bot", content, '', [], true, botId);
	1048	+ appendMessage("bot", content, '', [], true);
1385	1049	}
1386	1050	}
1387	1051
1388	1052	function isStreamingSupported(model) {
		@@ -1400,254 +1064,23 @@
1400	1064
1401	1065	return isSupported;
1402	1066	}
1403	1067
1404		-// Update the event handlers to use the correct function names (using event delegation)
1405		-// Use class-based selectors for multi-instance support
1406		-$(document).on('click', '.send-button', function() {
1407		- var botId = getBotIdFromElement(this);
1408		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1409		- if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1410		- disableChatInput(botId);
1411		- }
1412		- sendMessage(botId);
	1068	+// Update the event handlers to use the correct function names
	1069	+$('#send-button').off('click').on('click', function() {
	1070	+ sendMessage(); // Use the updated sendMessage function
1413	1071	});
1414	1072
1415		-// Override enter key handler (using event delegation)
1416		-$(document).on('keypress', '.chat-input', function(e) {
	1073	+// Override enter key handler
	1074	+$('#chat-input').off('keypress').on('keypress', function(e) {
1417	1075	if (e.which == 13 && !e.shiftKey) {
1418	1076	e.preventDefault();
1419		- var botId = getBotIdFromElement(this);
1420		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1421		- if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1422		- disableChatInput(botId);
1423		- }
1424		- sendMessage(botId);
	1077	+ sendMessage(); // Use the updated sendMessage function
1425	1078	}
1426	1079	});
1427	1080
1428		-// Builds the list of overflow-menu items for a given bot.
1429		-// Adding a future item is one push to this array — do NOT hardcode "only download."
1430		-function mxchatGetHeaderMenuItems(botId) {
1431		- var items = [];
1432		- var settings = (typeof mxchatChat !== 'undefined') ? mxchatChat : {};
1433		-
1434		- // The `print_button_*` keys still gate this item for back-compat with
1435		- // existing user options. The action is now a transcript download, not print.
1436		- if (settings.print_button_enabled === 'on') {
1437		- items.push({
1438		- id: 'download-transcript',
1439		- label: settings.print_button_label || 'Download Transcript',
1440		- icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>',
1441		- action: function() {
1442		- mxchatDownloadTranscript(botId);
1443		- }
1444		- });
1445		- }
1446		-
1447		- return items;
1448		-}
1449		-
1450		-// Builds a clean markdown transcript of the current conversation and triggers
1451		-// a file download. Used by the "Download Transcript" menu item.
1452		-function mxchatDownloadTranscript(botId) {
1453		- var $chatBox = getElement(botId, 'chat-box');
1454		- if (!$chatBox || !$chatBox.length) return;
1455		-
1456		- var settings = (typeof mxchatChat !== 'undefined') ? mxchatChat : {};
1457		- var headerTitle = settings.print_header_title || 'Chat transcript';
1458		- var now = new Date();
1459		- var stamp = now.toLocaleString();
1460		-
1461		- var lines = [];
1462		- lines.push('# ' + headerTitle);
1463		- lines.push('');
1464		- lines.push('Exported: ' + stamp);
1465		- lines.push('');
1466		- lines.push('---');
1467		- lines.push('');
1468		-
1469		- $chatBox.find('.user-message, .bot-message, .agent-message').each(function() {
1470		- var $msg = $(this);
1471		- // Skip thinking placeholders and any in-flight temporary messages.
1472		- if ($msg.find('.thinking-dots').length) return;
1473		- if ($msg.hasClass('temporary-message')) return;
1474		-
1475		- var sender;
1476		- if ($msg.hasClass('user-message')) sender = 'User';
1477		- else if ($msg.hasClass('agent-message')) sender = 'Live Agent';
1478		- else sender = 'AI Agent';
1479		-
1480		- // Strip interactive UI from the cloned message so we get the conversation text.
1481		- var $clone = $msg.clone();
1482		- $clone.find('.copy-button, .message-toolbar, .mxchat-copy, button, script, style').remove();
1483		- var text = $clone.text().replace(/ /g, ' ').replace(/[ \t]+\n/g, '\n').replace(/\n{3,}/g, '\n\n').trim();
1484		- if (!text) return;
1485		-
1486		- lines.push('**' + sender + '**');
1487		- lines.push('');
1488		- lines.push(text);
1489		- lines.push('');
1490		- });
1491		-
1492		- var content = lines.join('\n');
1493		- var iso = now.toISOString().replace(/[:.]/g, '-').slice(0, 19);
1494		- var fname = 'mxchat-transcript-' + iso + '.md';
1495		- var blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
1496		- var url = URL.createObjectURL(blob);
1497		- var a = document.createElement('a');
1498		- a.href = url;
1499		- a.download = fname;
1500		- a.style.display = 'none';
1501		- document.body.appendChild(a);
1502		- a.click();
1503		- setTimeout(function() {
1504		- if (a.parentNode) a.parentNode.removeChild(a);
1505		- URL.revokeObjectURL(url);
1506		- }, 100);
1507		-}
1508		-
1509		-// Reads the bot bubble's actual computed bg+fg and writes them as CSS vars
1510		-// on the menu wrap, so the dropdown matches whatever paints the bubble —
1511		-// saved options, AI theme CSS, or the mxchat-theme add-on.
1512		-function mxchatSyncMenuColors(botId, $wrap) {
1513		- if (!$wrap || !$wrap.length) return;
1514		- var $bot = $wrap.closest('.mxchat-chatbot-wrapper').find('.bot-message').not('.temporary-message').first();
1515		- if (!$bot.length) return;
1516		- var cs = window.getComputedStyle($bot[0]);
1517		- if (cs.backgroundColor && cs.backgroundColor !== 'rgba(0, 0, 0, 0)' && cs.backgroundColor !== 'transparent') {
1518		- $wrap[0].style.setProperty('--mxchat-menu-bg', cs.backgroundColor);
1519		- }
1520		- // Bot text color usually lives on a child div, not .bot-message itself.
1521		- var $textChild = $bot.find('[style*="color"]').first();
1522		- var fg = ($textChild.length ? window.getComputedStyle($textChild[0]).color : cs.color);
1523		- if (fg) $wrap[0].style.setProperty('--mxchat-menu-fg', fg);
1524		-}
1525		-
1526		-// One-time per-widget init: renders menu items, wires open/close,
1527		-// outside-click, Escape, and arrow-key navigation. If no items, hides the trigger.
1528		-function mxchatInitHeaderMenu(botId) {
1529		- var $wrap = $('.mxchat-header-menu-wrap[data-bot-id="' + botId + '"]').first();
1530		- if (!$wrap.length || $wrap.data('mxchatMenuReady')) return;
1531		-
1532		- var $trigger = $wrap.find('.mxchat-menu-trigger');
1533		- var $menu = $wrap.find('.mxchat-header-menu');
1534		- var items = mxchatGetHeaderMenuItems(botId);
1535		-
1536		- // Initial color sync — covers normal page load.
1537		- mxchatSyncMenuColors(botId, $wrap);
1538		-
1539		- if (!items.length) {
1540		- $trigger.hide();
1541		- $menu.hide();
1542		- $wrap.data('mxchatMenuReady', true);
1543		- return;
1544		- }
1545		-
1546		- // Build the menu items.
1547		- $menu.empty();
1548		- items.forEach(function(item, idx) {
1549		- var $btn = $('<button>', {
1550		- type: 'button',
1551		- 'class': 'mxchat-menu-item',
1552		- 'role': 'menuitem',
1553		- 'tabindex': '-1',
1554		- 'data-menu-id': item.id,
1555		- html: '<span class="mxchat-menu-item-icon">' + item.icon + '</span>' +
1556		- '<span class="mxchat-menu-item-label"></span>'
1557		- });
1558		- $btn.find('.mxchat-menu-item-label').text(item.label);
1559		- $btn.on('click', function(e) {
1560		- e.preventDefault();
1561		- e.stopPropagation();
1562		- closeMenu();
1563		- try { item.action(); } catch (err) { /* no-op */ }
1564		- });
1565		- $menu.append($btn);
1566		- });
1567		-
1568		- function openMenu() {
1569		- // Re-sync each open in case the active theme changed since init.
1570		- mxchatSyncMenuColors(botId, $wrap);
1571		- $menu.prop('hidden', false).attr('aria-hidden', 'false').addClass('is-open');
1572		- $trigger.attr('aria-expanded', 'true');
1573		- // Focus the first item for keyboard users
1574		- setTimeout(function() {
1575		- $menu.find('.mxchat-menu-item').first().attr('tabindex', '0').trigger('focus');
1576		- }, 0);
1577		- }
1578		- function closeMenu(returnFocus) {
1579		- $menu.prop('hidden', true).attr('aria-hidden', 'true').removeClass('is-open');
1580		- $trigger.attr('aria-expanded', 'false');
1581		- $menu.find('.mxchat-menu-item').attr('tabindex', '-1');
1582		- if (returnFocus) $trigger.trigger('focus');
1583		- }
1584		-
1585		- // Toggle on trigger click — stop propagation so the .chatbot-top-bar
1586		- // click-to-collapse handler does not fire.
1587		- $trigger.on('click', function(e) {
1588		- e.preventDefault();
1589		- e.stopPropagation();
1590		- if ($menu.hasClass('is-open')) closeMenu();
1591		- else openMenu();
1592		- });
1593		-
1594		- // Don't let clicks inside the menu bubble to the top-bar collapse handler.
1595		- $menu.on('click', function(e) {
1596		- e.stopPropagation();
1597		- });
1598		-
1599		- // Outside click closes the menu.
1600		- $(document).on('click.mxchatMenu-' + botId, function(e) {
1601		- if (!$menu.hasClass('is-open')) return;
1602		- if ($wrap.has(e.target).length || $wrap.is(e.target)) return;
1603		- closeMenu();
1604		- });
1605		-
1606		- // Keyboard: Escape closes and returns focus; arrow keys move focus; Enter activates.
1607		- $menu.on('keydown', '.mxchat-menu-item', function(e) {
1608		- var $items = $menu.find('.mxchat-menu-item');
1609		- var idx = $items.index(this);
1610		- if (e.key === 'Escape') {
1611		- e.preventDefault();
1612		- closeMenu(true);
1613		- } else if (e.key === 'ArrowDown') {
1614		- e.preventDefault();
1615		- var $next = $items.eq((idx + 1) % $items.length);
1616		- $items.attr('tabindex', '-1');
1617		- $next.attr('tabindex', '0').trigger('focus');
1618		- } else if (e.key === 'ArrowUp') {
1619		- e.preventDefault();
1620		- var $prev = $items.eq((idx - 1 + $items.length) % $items.length);
1621		- $items.attr('tabindex', '-1');
1622		- $prev.attr('tabindex', '0').trigger('focus');
1623		- } else if (e.key === 'Enter' || e.key === ' ') {
1624		- e.preventDefault();
1625		- $(this).trigger('click');
1626		- }
1627		- });
1628		- $trigger.on('keydown', function(e) {
1629		- if (e.key === 'Escape' && $menu.hasClass('is-open')) {
1630		- e.preventDefault();
1631		- closeMenu(true);
1632		- } else if ((e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') && !$menu.hasClass('is-open')) {
1633		- e.preventDefault();
1634		- openMenu();
1635		- }
1636		- });
1637		-
1638		- $wrap.data('mxchatMenuReady', true);
1639		-}
1640		-
1641		-// Initialize header menus for every rendered widget on DOM ready.
1642		-$(function() {
1643		- $('.mxchat-header-menu-wrap').each(function() {
1644		- var botId = $(this).data('bot-id');
1645		- if (botId) mxchatInitHeaderMenu(botId);
1646		- });
1647		-});
1648		-
1649		-function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false, botId = 'default') {
	1081	+
	1082	+function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false) {
1650	1083	try {
1651	1084	// Determine styles based on sender type
1652	1085	let messageClass, bgColor, fontColor;
1653	1086
		@@ -1668,29 +1101,25 @@
1668	1101	}
1669	1102
1670	1103	const messageDiv = $('<div>')
1671	1104	.addClass(messageClass)
1672		- .attr('dir', 'auto');
1673		-
1674		- // Only apply inline colors if AI theme is not active (let CSS handle it)
1675		- var skipColors = shouldSkipInlineColors(botId);
1676		- if (skipColors) {
1677		- messageDiv.css({
1678		- 'margin-bottom': '1em'
1679		- });
1680		- } else {
1681		- messageDiv.css({
	1105	+ .attr('dir', 'auto')
	1106	+ .css({
1682	1107	'background': bgColor,
1683	1108	'color': fontColor,
1684	1109	'margin-bottom': '1em'
1685	1110	});
	1111	+
	1112	+ // Process the message content based on sender
	1113	+ let fullMessage;
	1114	+ if (sender === "user") {
	1115	+ // For user messages, apply linkify after sanitization
	1116	+ fullMessage = linkify(messageText);
	1117	+ } else {
	1118	+ // For bot/agent messages, preserve HTML
	1119	+ fullMessage = messageText;
1686	1120	}
1687	1121
1688		- // Process the message content - always run linkify to convert markdown
1689		- // links and format text. linkify() handles existing HTML safely via
1690		- // negative lookaheads that skip URLs already inside <a> tags.
1691		- let fullMessage = linkify(messageText);
1692		-
1693	1122	// Add images if provided
1694	1123	if (images && images.length > 0) {
1695	1124	fullMessage += '<div class="image-gallery" dir="auto">';
1696	1125	images.forEach(img => {
		@@ -1696,9 +1125,9 @@
1696	1125	images.forEach(img => {
1697	1126	const safeTitle = sanitizeUserInput(img.title);
1698	1127	const safeUrl = encodeURI(img.image_url);
1699	1128	const safeThumbnail = encodeURI(img.thumbnail_url);
1700		-
	1129	+
1701	1130	fullMessage += `
1702	1131	<div style="margin-bottom: 10px;">
1703	1132	<strong>${safeTitle}</strong><br>
1704	1133	<a href="${safeUrl}" target="_blank">
		@@ -1710,14 +1139,9 @@
1710	1139	}
1711	1140
1712	1141	// Append HTML content if provided
1713	1142	if (messageHtml && sender !== "user") {
1714		- // Only add line breaks if there's actual text content before the HTML
1715		- if (fullMessage && fullMessage.trim()) {
1716		- fullMessage += '<br><br>' + messageHtml;
1717		- } else {
1718		- fullMessage = messageHtml;
1719		- }
	1143	+ fullMessage += '<br><br>' + messageHtml;
1720	1144	}
1721	1145
1722	1146	messageDiv.html(fullMessage);
1723	1147
		@@ -1724,66 +1148,58 @@
1724	1148	if (isTemporary) {
1725	1149	messageDiv.addClass('temporary-message');
1726	1150	}
1727	1151
1728		- // Append to the correct chatbot instance's chat-box
1729		- var $chatBox = getElement(botId, 'chat-box');
1730		- messageDiv.hide().appendTo($chatBox).fadeIn(300, function() {
	1152	+ messageDiv.hide().appendTo('#chat-box').fadeIn(300, function() {
1731	1153	// FIXED: Use event delegation for link tracking
1732	1154	if (sender === "bot" || sender === "agent") {
1733		- attachLinkTracking(messageDiv, messageText, botId);
	1155	+ attachLinkTracking(messageDiv, messageText);
1734	1156	}
1735		-
	1157	+
1736	1158	if (sender === "bot") {
1737		- const lastUserMessage = $chatBox.find('.user-message').last();
	1159	+ const lastUserMessage = $('#chat-box').find('.user-message').last();
1738	1160	if (lastUserMessage.length) {
1739		- scrollElementToTop(lastUserMessage, botId);
	1161	+ scrollElementToTop(lastUserMessage);
1740	1162	}
1741	1163	}
1742		-
1743		- if ((sender === "bot" || sender === "agent") && !isTemporary) {
1744		- if (typeof mxchatInitHeaderMenu === 'function') mxchatInitHeaderMenu(botId);
1745		- }
1746	1164	});
1747	1165
1748	1166	if (messageText.id) {
1749		- var instance = MxChatInstances.get(botId);
1750		- instance.lastSeenMessageId = messageText.id;
1751		- hideNotification(botId);
	1167	+ lastSeenMessageId = messageText.id;
	1168	+ hideNotification();
1752	1169	}
1753	1170	} catch (error) {
1754		- // Error rendering message - silently continue
	1171	+ //console.error("Error rendering message:", error);
1755	1172	}
1756	1173	}
1757	1174
1758	1175	// Helper function to attach link tracking with proper event handling
1759		-function attachLinkTracking(messageDiv, messageText, botId) {
1760		- botId = botId || 'default';
	1176	+function attachLinkTracking(messageDiv, messageText) {
1761	1177	// Use a slight delay to ensure DOM is ready
1762	1178	setTimeout(function() {
1763	1179	const links = messageDiv.find('a[href]').not('[data-tracked]');
1764		-
	1180	+
1765	1181	links.each(function() {
1766	1182	const $link = $(this);
1767	1183	const originalHref = $link.attr('href');
1768		-
	1184	+
1769	1185	// Mark as tracked to avoid duplicate handlers
1770	1186	$link.attr('data-tracked', 'true');
1771		-
	1187	+
1772	1188	// Only track external URLs
1773	1189	if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
1774	1190	// Remove any existing click handlers first
1775	1191	$link.off('click.tracking');
1776		-
	1192	+
1777	1193	// Add new click handler with namespace
1778	1194	$link.on('click.tracking', function(e) {
1779	1195	e.preventDefault();
1780	1196	e.stopPropagation();
1781		-
1782		- const messageContext = typeof messageText === 'string'
1783		- ? messageText.substring(0, 200)
	1197	+
	1198	+ const messageContext = typeof messageText === 'string'
	1199	+ ? messageText.substring(0, 200)
1784	1200	: '';
1785		-
	1201	+
1786	1202	// Track the click
1787	1203	$.ajax({
1788	1204	url: mxchatChat.ajax_url,
1789	1205	type: 'POST',
		@@ -1788,9 +1204,9 @@
1788	1204	url: mxchatChat.ajax_url,
1789	1205	type: 'POST',
1790	1206	data: {
1791	1207	action: 'mxchat_track_url_click',
1792		- session_id: getChatSession(botId),
	1208	+ session_id: getChatSession(),
1793	1209	url: originalHref,
1794	1210	message_context: messageContext,
1795	1211	nonce: mxchatChat.nonce
1796	1212	},
		@@ -1802,9 +1218,9 @@
1802	1218	window.location.href = originalHref;
1803	1219	}
1804	1220	}
1805	1221	});
1806		-
	1222	+
1807	1223	return false; // Extra insurance to prevent default
1808	1224	});
1809	1225	}
1810	1226	});
		@@ -1810,12 +1226,11 @@
1810	1226	});
1811	1227	}, 100); // Small delay to ensure DOM is ready
1812	1228	}
1813	1229
1814		-function replaceLastMessage(sender, responseText, responseHtml = '', images = [], botId = 'default') {
	1230	+function replaceLastMessage(sender, responseText, responseHtml = '', images = []) {
1815	1231	var messageClass = sender === "user" ? "user-message" : sender === "agent" ? "agent-message" : "bot-message";
1816		- var $chatBox = getElement(botId, 'chat-box');
1817		- var lastMessageDiv = $chatBox.find('.bot-message.temporary-message, .agent-message.temporary-message').last();
	1232	+ var lastMessageDiv = $('#chat-box').find('.bot-message.temporary-message, .agent-message.temporary-message').last();
1818	1233
1819	1234	// Determine styles
1820	1235	let bgColor, fontColor;
1821	1236	if (sender === "user") {
		@@ -1828,13 +1243,27 @@
1828	1243	bgColor = botMessageBgColor;
1829	1244	fontColor = botMessageFontColor;
1830	1245	}
1831	1246
1832		- // Always run linkify to convert markdown links and format text.
1833		- // linkify() already handles existing HTML (its URL patterns use negative lookaheads
1834		- // to avoid double-processing URLs that are already inside <a> tags).
1835		- var fullMessage = linkify(responseText);
1836		-
	1247	+ // FIXED: Only linkify if response doesn't already contain HTML links or tags
	1248	+ // This prevents double-processing of URLs that are already formatted as HTML
	1249	+ var fullMessage;
	1250	+ if (sender === "user") {
	1251	+ // Always linkify user messages (they're plain text)
	1252	+ fullMessage = linkify(responseText);
	1253	+ } else {
	1254	+ // For bot/agent messages, check if HTML already exists
	1255	+ if (responseText.includes('<a href=') || responseText.includes('</a>') ||
	1256	+ responseText.includes('<img') || responseText.includes('<div') ||
	1257	+ responseText.includes('<p>') || responseText.includes('<br>')) {
	1258	+ // Response already has HTML, don't process it
	1259	+ fullMessage = responseText;
	1260	+ } else {
	1261	+ // Plain text response, apply linkify
	1262	+ fullMessage = linkify(responseText);
	1263	+ }
	1264	+ }
	1265	+
1837	1266	if (responseHtml) {
1838	1267	// Only add line breaks if there's actual text content before the HTML
1839	1268	if (fullMessage && fullMessage.trim()) {
1840	1269	fullMessage += '<br><br>' + responseHtml;
		@@ -1857,96 +1286,67 @@
1857	1286	fullMessage += '</div>';
1858	1287	}
1859	1288
1860	1289	if (lastMessageDiv.length) {
1861		- // Replace content immediately to prevent visual gap between thinking dots and response
1862		- lastMessageDiv
1863		- .html(fullMessage)
1864		- .removeClass('bot-message user-message temporary-message')
1865		- .addClass(messageClass)
1866		- .attr('dir', 'auto');
1867		-
1868		- // Only apply inline colors if AI theme is not active (let CSS handle it)
1869		- var skipColors = mxchatChat.skip_inline_colors || shouldSkipInlineColors(botId);
1870		- if (!skipColors) {
1871		- lastMessageDiv.css({
1872		- 'background-color': bgColor,
1873		- 'color': fontColor,
1874		- });
1875		- }
1876		-
1877		- // Handle link tracking and scroll
1878		- if (sender === "bot" || sender === "agent") {
1879		- attachLinkTracking(lastMessageDiv, responseText, botId);
1880		-
1881		- const lastUserMessage = $chatBox.find('.user-message').last();
1882		- if (lastUserMessage.length) {
1883		- scrollElementToTop(lastUserMessage, botId);
1884		- }
1885		- // Show notification if chat is hidden
1886		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
1887		- if ($floatingChatbot.hasClass('hidden')) {
1888		- showNotification(botId);
1889		- }
1890		- }
1891		-
1892		- // Re-enable chat input after response is displayed
1893		- enableChatInput(botId);
1894		-
1895		- if (sender === "bot" || sender === "agent") {
1896		- if (typeof mxchatInitHeaderMenu === 'function') mxchatInitHeaderMenu(botId);
1897		- }
	1290	+ lastMessageDiv.fadeOut(200, function() {
	1291	+ $(this)
	1292	+ .html(fullMessage)
	1293	+ .removeClass('bot-message user-message')
	1294	+ .addClass(messageClass)
	1295	+ .attr('dir', 'auto')
	1296	+ .css({
	1297	+ 'background-color': bgColor,
	1298	+ 'color': fontColor,
	1299	+ })
	1300	+ .removeClass('temporary-message')
	1301	+ .fadeIn(200, function() {
	1302	+ // FIXED: Use the helper function for link tracking
	1303	+ if (sender === "bot" || sender === "agent") {
	1304	+ attachLinkTracking($(this), responseText);
	1305	+ }
	1306	+
	1307	+ if (sender === "bot" || sender === "agent") {
	1308	+ const lastUserMessage = $('#chat-box').find('.user-message').last();
	1309	+ if (lastUserMessage.length) {
	1310	+ scrollElementToTop(lastUserMessage);
	1311	+ }
	1312	+ // Show notification if chat is hidden
	1313	+ if ($('#floating-chatbot').hasClass('hidden')) {
	1314	+ showNotification();
	1315	+ }
	1316	+ }
	1317	+ });
	1318	+ });
1898	1319	} else {
1899		- appendMessage(sender, responseText, responseHtml, images, false, botId);
1900		- // Re-enable chat input after response is displayed
1901		- enableChatInput(botId);
	1320	+ appendMessage(sender, responseText, responseHtml, images);
1902	1321	}
1903	1322	}
1904	1323
1905	1324
1906		- function appendThinkingMessage(botId) {
1907		- botId = botId || 'default';
	1325	+ function appendThinkingMessage() {
	1326	+ // Remove any existing thinking dots first
	1327	+ $('.thinking-dots').remove();
1908	1328
1909		- // Don't show thinking dots in live agent mode - message is just forwarded to a human
1910		- var indicator = getElementDOM(botId, 'chat-mode-indicator');
1911		- if (indicator && indicator.textContent === 'Live Agent') {
1912		- return;
1913		- }
1914		-
1915		- var $chatBox = getElement(botId, 'chat-box');
1916		-
1917		- // Remove any existing thinking dots in this bot's chat first
1918		- $chatBox.find('.thinking-dots').remove();
1919		-
1920		- // Check if we should skip inline colors (AI theme is active)
1921		- var skipColors = shouldSkipInlineColors(botId);
1922		-
1923	1329	// Retrieve the bot message font color and background color
1924	1330	var botMessageFontColor = mxchatChat.bot_message_font_color;
1925	1331	var botMessageBgColor = mxchatChat.bot_message_bg_color;
1926	1332
1927		- // Build thinking dots HTML - skip inline colors if AI theme is active
1928		- var dotStyle = skipColors ? '' : ' style="background-color: ' + botMessageFontColor + ';"';
	1333	+
1929	1334	var thinkingHtml = '<div class="thinking-dots-container">' +
1930	1335	'<div class="thinking-dots">' +
1931		- '<span class="dot"' + dotStyle + '></span>' +
1932		- '<span class="dot"' + dotStyle + '></span>' +
1933		- '<span class="dot"' + dotStyle + '></span>' +
	1336	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
	1337	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
	1338	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1934	1339	'</div>' +
1935	1340	'</div>';
1936	1341
1937		- // Append the thinking dots to this bot's chat container - skip inline colors if AI theme is active
1938		- var messageStyle = skipColors ? '' : ' style="background-color: ' + botMessageBgColor + '; color: ' + botMessageFontColor + ';"';
1939		- $chatBox.append('<div class="bot-message temporary-message"' + messageStyle + '>' + thinkingHtml + '</div>');
1940		- scrollToBottom(botId);
	1342	+ // Append the thinking dots to the chat container (or within the temporary message div)
	1343	+ $("#chat-box").append('<div class="bot-message temporary-message" style="background-color: ' + botMessageBgColor + ';">' + thinkingHtml + '</div>');
	1344	+ scrollToBottom();
1941	1345	}
1942		-
1943		- function removeThinkingDots(botId) {
1944		- botId = botId || 'default';
1945		- var $chatBox = getElement(botId, 'chat-box');
1946		- // Remove by temporary-message class first, then fall back to any bot-message containing thinking dots
1947		- $chatBox.find('.thinking-dots').closest('.temporary-message').remove();
1948		- $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
	1346	+
	1347	+ function removeThinkingDots() {
	1348	+ $('.thinking-dots').closest('.temporary-message').remove();
1949	1349	}
1950	1350
1951	1351	// ====================================
1952	1352	// TEXT FORMATTING & PROCESSING
		@@ -1980,12 +1380,9 @@
1980	1380	processedText = formatTextStyling(processedText);
1981	1381
1982	1382	// Process code blocks BEFORE processing links
1983	1383	processedText = formatCodeBlocks(processedText);
1984		-
1985		- // Process markdown tables BEFORE converting newlines to paragraphs
1986		- processedText = formatMarkdownTables(processedText);
1987		-
	1384	+
1988	1385	// NOW convert to paragraphs
1989	1386	processedText = convertNewlinesToBreaks(processedText);
1990	1387
1991	1388	// IMPORTANT: Handle citation-style brackets FIRST [URL]
		@@ -1998,63 +1395,37 @@
1998	1395	// Return as a proper link without the brackets
1999	1396	return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
2000	1397	});
2001	1398
2002		- // Process markdown links: [text](url) and [](url)
2003		- // Uses balanced parenthesis matching to handle URLs containing parens
2004		- // (e.g. PDF filenames with dates like (2025-08-28).pdf)
2005		- processedText = (function(input) {
2006		- var result = '';
2007		- var i = 0;
2008		- while (i < input.length) {
2009		- // Look for [ at current position
2010		- if (input[i] === '[') {
2011		- // Find closing ]
2012		- var closeBracket = input.indexOf(']', i + 1);
2013		- if (closeBracket === -1 || closeBracket + 1 >= input.length || input[closeBracket + 1] !== '(') {
2014		- result += input[i];
2015		- i++;
2016		- continue;
2017		- }
2018		- var linkText = input.substring(i + 1, closeBracket);
2019		- // Check if URL starts with http
2020		- var urlStart = closeBracket + 2;
2021		- if (!input.substring(urlStart).match(/^https?:\/\//)) {
2022		- result += input[i];
2023		- i++;
2024		- continue;
2025		- }
2026		- // Find balanced closing paren
2027		- var depth = 1;
2028		- var j = urlStart;
2029		- while (j < input.length && depth > 0) {
2030		- if (input[j] === '(') depth++;
2031		- else if (input[j] === ')') depth--;
2032		- if (depth > 0) j++;
2033		- }
2034		- if (depth !== 0) {
2035		- result += input[i];
2036		- i++;
2037		- continue;
2038		- }
2039		- var url = input.substring(urlStart, j);
2040		- var cleanUrl = url.replace(/[\].,;!?]+$/, '');
2041		- var encodedUrl = safeEncodeUrl(cleanUrl);
2042		- if (!linkText || !linkText.trim()) {
2043		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + cleanUrl + '</a>';
2044		- } else {
2045		- var safeText = sanitizeUserInput(linkText);
2046		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + safeText + '</a>';
2047		- }
2048		- i = j + 1; // Skip past the closing )
2049		- } else {
2050		- result += input[i];
2051		- i++;
2052		- }
	1399	+ // Process proper markdown links with text: [text](url)
	1400	+ // This MUST have non-empty text in the first brackets
	1401	+ const markdownLinkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g;
	1402	+ processedText = processedText.replace(markdownLinkPattern, (match, text, url) => {
	1403	+ // Make sure we have actual text (not just whitespace)
	1404	+ if (!text || !text.trim()) {
	1405	+ // If no text, treat the URL as the text
	1406	+ let cleanUrl = url.replace(/[.,;!?]+$/, '');
	1407	+ const safeUrl = safeEncodeUrl(cleanUrl);
	1408	+ return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
2053	1409	}
2054		- return result;
2055		- })(processedText);
	1410	+
	1411	+ // Clean the URL
	1412	+ let cleanUrl = url.replace(/[\].,;!?]+$/, '');
	1413	+ const safeUrl = safeEncodeUrl(cleanUrl);
	1414	+ const safeText = sanitizeUserInput(text);
	1415	+ return `<a href="${safeUrl}" target="${linkTarget}">${safeText}</a>`;
	1416	+ });
2056	1417
	1418	+ // Handle empty markdown links: [](url)
	1419	+ // This is a specific case where there's no text
	1420	+ const emptyMarkdownPattern = /\[\]\((https?:\/\/[^\s)]+)\)/g;
	1421	+ processedText = processedText.replace(emptyMarkdownPattern, (match, url) => {
	1422	+ let cleanUrl = url.replace(/[.,;!?]+$/, '');
	1423	+ const safeUrl = safeEncodeUrl(cleanUrl);
	1424	+ // Use the URL itself as the link text
	1425	+ return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
	1426	+ });
	1427	+
2057	1428	// Process phone numbers: [text](tel:number)
2058	1429	const phonePattern = /\[([^\]]+)\]\((tel:[\d+\-\s()]+)\)/g;
2059	1430	processedText = processedText.replace(phonePattern, (match, text, phone) => {
2060	1431	const safePhone = safeEncodeUrl(phone);
		@@ -2206,78 +1577,9 @@
2206	1577	});
2207	1578
2208	1579	return text;
2209	1580	}
2210		-
2211		- function formatMarkdownTables(text) {
2212		- var lines = text.split('\n');
2213		- var result = [];
2214		- var i = 0;
2215		-
2216		- while (i < lines.length) {
2217		- // Check for a table: current line has pipes AND next line is a separator row
2218		- if (i + 1 < lines.length &&
2219		- lines[i].indexOf('|') !== -1 &&
2220		- /^\s*\|?[\s\-:]+(\|[\s\-:]+)+\|?\s*$/.test(lines[i + 1])) {
2221		-
2222		- var tableLines = [];
2223		- var headerLine = lines[i];
2224		- var separatorLine = lines[i + 1];
2225		- tableLines.push(headerLine);
2226		- tableLines.push(separatorLine);
2227		-
2228		- // Collect remaining table rows
2229		- var j = i + 2;
2230		- while (j < lines.length && lines[j].indexOf('|') !== -1 && lines[j].trim() !== '') {
2231		- tableLines.push(lines[j]);
2232		- j++;
2233		- }
2234		-
2235		- // Parse alignment from separator row
2236		- var sepCells = separatorLine.split('|').filter(function(c) { return c.trim() !== ''; });
2237		- var alignments = sepCells.map(function(cell) {
2238		- var trimmed = cell.trim();
2239		- if (trimmed.charAt(0) === ':' && trimmed.charAt(trimmed.length - 1) === ':') return 'center';
2240		- if (trimmed.charAt(trimmed.length - 1) === ':') return 'right';
2241		- return 'left';
2242		- });
2243		-
2244		- // Build HTML table
2245		- var html = '<div class="mxchat-table-wrapper"><table class="mxchat-table">';
2246		-
2247		- // Header row
2248		- var headerCells = tableLines[0].split('|').filter(function(c) { return c.trim() !== ''; });
2249		- html += '<thead><tr>';
2250		- headerCells.forEach(function(cell, idx) {
2251		- var align = alignments[idx] || 'left';
2252		- html += '<th style="text-align:' + align + '">' + cell.trim() + '</th>';
2253		- });
2254		- html += '</tr></thead>';
2255		-
2256		- // Body rows
2257		- html += '<tbody>';
2258		- for (var r = 2; r < tableLines.length; r++) {
2259		- var rowCells = tableLines[r].split('|').filter(function(c) { return c.trim() !== ''; });
2260		- html += '<tr>';
2261		- rowCells.forEach(function(cell, idx) {
2262		- var align = alignments[idx] || 'left';
2263		- html += '<td style="text-align:' + align + '">' + cell.trim() + '</td>';
2264		- });
2265		- html += '</tr>';
2266		- }
2267		- html += '</tbody></table></div>';
2268		-
2269		- result.push(html);
2270		- i = j;
2271		- } else {
2272		- result.push(lines[i]);
2273		- i++;
2274		- }
2275		- }
2276		-
2277		- return result.join('\n');
2278		- }
2279		-
	1581	+
2280	1582	function sanitizeUserInput(text) {
2281	1583	const div = document.createElement('div');
2282	1584	div.textContent = text;
2283	1585	return div.innerHTML;
		@@ -2307,21 +1609,10 @@
2307	1609	// ====================================
2308	1610	// UI & SCROLLING CONTROLS
2309	1611	// ====================================
2310	1612
2311		- function scrollToBottom(botIdOrInstant, instant) {
2312		- // Handle backward compatibility: scrollToBottom() or scrollToBottom(true/false)
2313		- var botId = 'default';
2314		- if (typeof botIdOrInstant === 'string') {
2315		- botId = botIdOrInstant;
2316		- instant = instant || false;
2317		- } else if (typeof botIdOrInstant === 'boolean') {
2318		- instant = botIdOrInstant;
2319		- } else {
2320		- instant = false;
2321		- }
2322		-
2323		- var chatBox = getElement(botId, 'chat-box');
	1613	+ function scrollToBottom(instant = false) {
	1614	+ var chatBox = $('#chat-box');
2324	1615	if (instant) {
2325	1616	// Instantly set the scroll position to the bottom
2326	1617	chatBox.scrollTop(chatBox.prop("scrollHeight"));
2327	1618	} else {
		@@ -2330,15 +1621,15 @@
2330	1621	const scrollHeight = chatBox.prop("scrollHeight");
2331	1622	const initialScroll = chatBox.scrollTop();
2332	1623	const distance = scrollHeight - initialScroll;
2333	1624	const duration = 500; // Duration in ms
2334		-
	1625	+
2335	1626	function smoothScroll(timestamp) {
2336	1627	if (!start) start = timestamp;
2337	1628	const progress = timestamp - start;
2338	1629	const currentScroll = initialScroll + (distance * (progress / duration));
2339	1630	chatBox.scrollTop(currentScroll);
2340		-
	1631	+
2341	1632	if (progress < duration) {
2342	1633	requestAnimationFrame(smoothScroll);
2343	1634	} else {
2344	1635	chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
		@@ -2343,37 +1634,33 @@
2343	1634	} else {
2344	1635	chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
2345	1636	}
2346	1637	}
2347		-
	1638	+
2348	1639	requestAnimationFrame(smoothScroll);
2349	1640	}
2350	1641	}
2351		-
2352		- function scrollElementToTop(element, botId, topOffset) {
2353		- botId = botId || 'default';
2354		- topOffset = (typeof topOffset === 'number') ? topOffset : 2;
2355		- var chatBox = getElement(botId, 'chat-box');
	1642	+
	1643	+ function scrollElementToTop(element) {
	1644	+ var chatBox = $('#chat-box');
2356	1645	var elementTop = element.position().top + chatBox.scrollTop();
2357		- chatBox.animate({ scrollTop: Math.max(0, elementTop - topOffset) }, 500);
	1646	+ chatBox.animate({ scrollTop: elementTop }, 500);
2358	1647	}
2359		-
2360		- function showChatWidget(botId) {
2361		- botId = botId || 'default';
2362		- var $button = getElement(botId, 'floating-chatbot-button');
	1648	+
	1649	+ function showChatWidget() {
2363	1650	// First ensure display is set
2364		- $button.css('display', 'flex');
	1651	+ $('#floating-chatbot-button').css('display', 'flex');
2365	1652	// Then handle the fade
2366		- $button.fadeTo(500, 1);
	1653	+ $('#floating-chatbot-button').fadeTo(500, 1);
2367	1654	// Force visibility
2368		- $button.removeClass('hidden');
	1655	+ $('#floating-chatbot-button').removeClass('hidden');
	1656	+ //console.log('Showing widget');
2369	1657	}
2370		-
2371		- function hideChatWidget(botId) {
2372		- botId = botId || 'default';
2373		- var $button = getElement(botId, 'floating-chatbot-button');
2374		- $button.css('display', 'none');
2375		- $button.addClass('hidden');
	1658	+
	1659	+ function hideChatWidget() {
	1660	+ $('#floating-chatbot-button').css('display', 'none');
	1661	+ $('#floating-chatbot-button').addClass('hidden');
	1662	+ //console.log('Hiding widget');
2376	1663	}
2377	1664
2378	1665	function disableScroll() {
2379	1666	if (isMobile()) {
		@@ -2402,15 +1689,18 @@
2402	1689	// NOTIFICATION SYSTEM
2403	1690	// ====================================
2404	1691
2405	1692	function createNotificationBadge() {
	1693	+ //console.log("Creating notification badge...");
2406	1694	const chatButton = document.getElementById('floating-chatbot-button');
2407		-
	1695	+ //console.log("Chat button found:", !!chatButton);
	1696	+
2408	1697	if (!chatButton) return;
2409		-
	1698	+
2410	1699	// Remove any existing badge first
2411	1700	const existingBadge = chatButton.querySelector('.chat-notification-badge');
2412	1701	if (existingBadge) {
	1702	+ //console.log("Removing existing badge");
2413	1703	existingBadge.remove();
2414	1704	}
2415	1705
2416	1706	notificationBadge = document.createElement('div');
		@@ -2432,43 +1722,34 @@
2432	1722	chatButton.appendChild(notificationBadge);
2433	1723
2434	1724	}
2435	1725
2436		- function showNotification(botId) {
2437		- botId = botId || 'default';
2438		- const badge = getElementDOM(botId, 'chat-notification-badge');
2439		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
2440		- if (badge && $floatingChatbot.hasClass('hidden')) {
	1726	+ function showNotification() {
	1727	+ const badge = document.getElementById('chat-notification-badge');
	1728	+ if (badge && $('#floating-chatbot').hasClass('hidden')) {
2441	1729	badge.style.display = 'block';
2442	1730	badge.textContent = '1';
2443	1731	}
2444	1732	}
2445		-
2446		- function hideNotification(botId) {
2447		- botId = botId || 'default';
2448		- const badge = getElementDOM(botId, 'chat-notification-badge');
	1733	+
	1734	+ function hideNotification() {
	1735	+ const badge = document.getElementById('chat-notification-badge');
2449	1736	if (badge) {
2450	1737	badge.style.display = 'none';
2451	1738	}
2452	1739	}
2453		-
2454		- function startNotificationChecking(botId) {
2455		- botId = botId || 'default';
	1740	+
	1741	+ function startNotificationChecking() {
2456	1742	const chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2457	1743	if (!chatPersistenceEnabled) return;
2458		-
2459		- createNotificationBadge(botId);
2460		- var instance = MxChatInstances.get(botId);
2461		- instance.notificationCheckInterval = setInterval(function() {
2462		- checkForNewMessages(botId);
2463		- }, 30000); // Check every 30 seconds
	1744	+
	1745	+ createNotificationBadge();
	1746	+ notificationCheckInterval = setInterval(checkForNewMessages, 30000); // Check every 30 seconds
2464	1747	}
2465		-
2466		- function stopNotificationChecking(botId) {
2467		- botId = botId || 'default';
2468		- var instance = MxChatInstances.get(botId);
2469		- if (instance.notificationCheckInterval) {
2470		- clearInterval(instance.notificationCheckInterval);
	1748	+
	1749	+ function stopNotificationChecking() {
	1750	+ if (notificationCheckInterval) {
	1751	+ clearInterval(notificationCheckInterval);
2471	1752	}
2472	1753	}
2473	1754
2474	1755	function checkForNewMessages() {
		@@ -2494,35 +1775,63 @@
2494	1775	});
2495	1776	}
2496	1777
2497	1778
2498		-// ====================================
2499		-// LIVE AGENT FUNCTIONALITY
2500		-// ====================================
2501		-
2502		-function startPolling(botId) {
2503		- botId = botId || 'default';
2504		- var instance = MxChatInstances.get(botId);
2505		- // Clear any existing interval first
2506		- stopPolling(botId);
2507		- instance.pollingInterval = setInterval(function() {
2508		- checkForAgentMessages(botId);
2509		- }, 5000);
	1779	+ // ====================================
	1780	+ // LIVE AGENT FUNCTIONALITY
	1781	+ // ====================================
	1782	+
	1783	+function updateChatModeIndicator(mode) {
	1784	+ //console.log("updateChatModeIndicator called with mode:", mode);
	1785	+ const indicator = document.getElementById('chat-mode-indicator');
	1786	+ if (indicator) {
	1787	+ const oldText = indicator.textContent;
	1788	+
	1789	+ if (mode === 'agent') {
	1790	+ indicator.textContent = 'Live Agent';
	1791	+ startPolling();
	1792	+ //console.log("Set indicator to Live Agent");
	1793	+ } else {
	1794	+ // Everything else is AI mode
	1795	+ const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
	1796	+ indicator.textContent = customAiText;
	1797	+ stopPolling();
	1798	+ //console.log("Set indicator to AI Agent:", customAiText);
	1799	+ }
	1800	+
	1801	+ // Force immediate DOM update
	1802	+ if (oldText !== indicator.textContent) {
	1803	+ // Force a reflow to ensure the change is visible immediately
	1804	+ indicator.offsetHeight;
	1805	+
	1806	+ // Double-check after a brief moment
	1807	+ setTimeout(() => {
	1808	+ //console.log("Final indicator text:", indicator.textContent);
	1809	+ }, 50);
	1810	+ }
	1811	+ } else {
	1812	+ //console.error("Chat mode indicator element not found!");
	1813	+ }
2510	1814	}
2511	1815
2512		-function stopPolling(botId) {
2513		- botId = botId || 'default';
2514		- var instance = MxChatInstances.get(botId);
2515		- if (instance.pollingInterval) {
2516		- clearInterval(instance.pollingInterval);
2517		- instance.pollingInterval = null;
	1816	+ function startPolling() {
	1817	+ // Clear any existing interval first
	1818	+ stopPolling();
	1819	+ // Start new polling interval
	1820	+ pollingInterval = setInterval(checkForAgentMessages, 5000);
	1821	+ //console.log("Started agent message polling");
2518	1822	}
2519		-}
2520		-
2521		-function checkForAgentMessages(botId) {
2522		- botId = botId || 'default';
2523		- var instance = MxChatInstances.get(botId);
2524		- const sessionId = getChatSession(botId);
	1823	+
	1824	+ function stopPolling() {
	1825	+ if (pollingInterval) {
	1826	+ clearInterval(pollingInterval);
	1827	+ pollingInterval = null;
	1828	+ //console.log("Stopped agent message polling");
	1829	+ }
	1830	+ }
	1831	+
	1832	+function checkForAgentMessages() {
	1833	+ const sessionId = getChatSession();
2525	1834	$.ajax({
2526	1835	url: mxchatChat.ajax_url,
2527	1836	type: 'POST',
2528	1837	dataType: 'json',
		@@ -2528,44 +1837,35 @@
2528	1837	dataType: 'json',
2529	1838	data: {
2530	1839	action: 'mxchat_fetch_new_messages',
2531	1840	session_id: sessionId,
2532		- last_seen_id: instance.lastSeenMessageId,
2533		- persistence_enabled: 'true',
	1841	+ last_seen_id: lastSeenMessageId,
	1842	+ persistence_enabled: 'true', // Add this too
2534	1843	nonce: mxchatChat.nonce
2535	1844	},
2536	1845	success: function (response) {
2537	1846	if (response.success && response.data?.new_messages) {
2538	1847	let hasNewMessage = false;
2539		-
	1848	+
2540	1849	response.data.new_messages.forEach(function (message) {
2541		- if (message.role === "agent" && !instance.processedMessageIds.has(message.id)) {
	1850	+ if (message.role === "agent" && !processedMessageIds.has(message.id)) {
2542	1851	hasNewMessage = true;
2543		- appendMessage("agent", message.content, '', [], false, botId);
2544		- instance.lastSeenMessageId = message.id;
2545		- instance.processedMessageIds.add(message.id);
	1852	+ // CHANGE THIS LINE:
	1853	+ appendMessage("agent", message.content); // Instead of replaceLastMessage
	1854	+ lastSeenMessageId = message.id;
	1855	+ processedMessageIds.add(message.id);
2546	1856	}
2547	1857	});
2548	1858
2549		- if (hasNewMessage) {
2550		- enableChatInput(botId);
	1859	+ if (hasNewMessage && $('#floating-chatbot').hasClass('hidden')) {
	1860	+ showNotification();
2551	1861	}
2552		-
2553		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
2554		- if (hasNewMessage && $floatingChatbot.hasClass('hidden')) {
2555		- showNotification(botId);
2556		- }
2557		-
2558		- scrollToBottom(botId, true);
	1862	+
	1863	+ scrollToBottom(true);
2559	1864	}
2560		-
2561		- // Handle chat mode transitions (e.g. agent ended chat via !endchat)
2562		- if (response.success && response.data?.chat_mode) {
2563		- updateChatModeIndicator(response.data.chat_mode, botId);
2564		- }
2565	1865	},
2566	1866	error: function (xhr, status, error) {
2567		- // Polling error - silently continue
	1867	+ //console.error("Polling error:", xhr, status, error);
2568	1868	}
2569	1869	});
2570	1870	}
2571	1871
		@@ -2571,30 +1871,19 @@
2571	1871
2572	1872	// ====================================
2573	1873	// CHAT HISTORY & PERSISTENCE
2574	1874	// ====================================
2575		-
2576		-function loadChatHistory(botId, onComplete) {
2577		- botId = botId || 'default';
2578		- var instance = MxChatInstances.get(botId);
2579		-
	1875	+// Update the loadChatHistory function:
	1876	+function loadChatHistory() {
2580	1877	// Prevent duplicate loading
2581		- if (instance.chatHistoryLoaded) {
2582		- if (onComplete) onComplete();
	1878	+ if (chatHistoryLoaded) {
	1879	+ // console.log('Chat history already loaded, skipping...');
2583	1880	return;
2584	1881	}
2585		-
2586		- // Use getChatSession which returns null if no session exists (does NOT create one)
2587		- var sessionId = getChatSession(botId);
	1882	+
	1883	+ var sessionId = getChatSession();
2588	1884	var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2589	1885
2590		- // No session yet — nothing to load. History will load after first message via ensureSession.
2591		- if (!sessionId) {
2592		- instance.chatHistoryLoaded = true;
2593		- if (onComplete) onComplete();
2594		- return;
2595		- }
2596		-
2597	1886	if (chatPersistenceEnabled && sessionId) {
2598	1887	$.ajax({
2599	1888	url: mxchatChat.ajax_url,
2600	1889	type: 'POST',
		@@ -2605,12 +1894,11 @@
2605	1894	},
2606	1895	success: function(response) {
2607	1896	// Handle session reset (IP changed while user was away)
2608	1897	if (response.success === false && response.data && response.data.action === 'reset_session') {
2609		- // Silent reset — new session but don't clear UI
2610		- MxChatInstances.silentResetSession(botId);
2611		- instance.chatHistoryLoaded = true; // Prevent retry loop
2612		- if (onComplete) onComplete();
	1898	+ // Silently reset session - user will start fresh
	1899	+ resetChatSession();
	1900	+ chatHistoryLoaded = true; // Prevent retry loop
2613	1901	return;
2614	1902	}
2615	1903
2616	1904	// Check if the response indicates success
		@@ -2616,15 +1904,15 @@
2616	1904	// Check if the response indicates success
2617	1905	if (response.success) {
2618	1906	// Handle case where conversation data exists and is an array
2619	1907	if (response.data && Array.isArray(response.data.conversation)) {
2620		- var $chatBox = getElement(botId, 'chat-box');
	1908	+ var $chatBox = $('#chat-box');
2621	1909	var $fragment = $(document.createDocumentFragment());
2622		- let highestMessageId = instance.lastSeenMessageId;
	1910	+ let highestMessageId = lastSeenMessageId;
2623	1911
2624	1912	// Update chat mode if provided
2625	1913	if (response.data.chat_mode) {
2626		- updateChatModeIndicator(response.data.chat_mode, botId);
	1914	+ updateChatModeIndicator(response.data.chat_mode);
2627	1915	}
2628	1916
2629	1917	// Only process if there are actual messages
2630	1918	if (response.data.conversation.length > 0) {
		@@ -2629,9 +1917,9 @@
2629	1917	// Only process if there are actual messages
2630	1918	if (response.data.conversation.length > 0) {
2631	1919	// IMPORTANT: Clear existing messages before loading history
2632	1920	$chatBox.empty();
2633		-
	1921	+
2634	1922	$.each(response.data.conversation, function(index, message) {
2635	1923	// Skip agent messages if persistence is off
2636	1924	if (!chatPersistenceEnabled && message.role === 'agent') {
2637	1925	return;
		@@ -2666,19 +1954,9 @@
2666	1954	var content = message.content;
2667	1955	content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
2668	1956	content = decodeHTMLEntities(content);
2669	1957
2670		- // Skip linkify for messages containing structured HTML
2671		- // (forms, product cards, galleries, etc.) to avoid
2672		- // markdown formatting corrupting HTML attributes
2673		- // (e.g. underscores in name="field_name" becoming <em> tags)
2674		- if (content.includes("mxchat-product-card") ||
2675		- content.includes("mxchat-image-gallery") ||
2676		- content.includes("mxchat-featured-products") ||
2677		- content.includes("<form") ||
2678		- content.includes("<input") ||
2679		- content.includes("<select") ||
2680		- content.includes("<textarea")) {
	1958	+ if (content.includes("mxchat-product-card") || content.includes("mxchat-image-gallery")) {
2681	1959	messageElement.html(content);
2682	1960	} else {
2683	1961	var formattedContent = linkify(content);
2684	1962	messageElement.html(formattedContent);
		@@ -2688,47 +1966,42 @@
2688	1966
2689	1967	// Track message IDs
2690	1968	if (message.id) {
2691	1969	highestMessageId = Math.max(highestMessageId, message.id);
2692		- instance.processedMessageIds.add(message.id);
	1970	+ processedMessageIds.add(message.id);
2693	1971	}
2694	1972	});
2695	1973
2696	1974	// Only append messages and scroll if we have content
2697	1975	$chatBox.append($fragment);
2698		- scrollToBottom(botId, true);
	1976	+ scrollToBottom(true);
2699	1977
2700	1978	// Collapse quick questions if we have conversation history
2701		- // BUT skip auto-collapse for embedded bots (they should stay expanded)
2702		- if (hasQuickQuestions(botId) && !isEmbeddedBot(botId)) {
2703		- collapseQuickQuestions(botId);
	1979	+ if (hasQuickQuestions()) {
	1980	+ collapseQuickQuestions();
2704	1981	}
2705	1982
2706	1983	// Update lastSeenMessageId after history loads
2707		- instance.lastSeenMessageId = highestMessageId;
	1984	+ lastSeenMessageId = highestMessageId;
2708	1985
2709	1986	// Only update chat mode if persistence is enabled and we have messages
2710	1987	if (chatPersistenceEnabled) {
2711	1988	var lastMessage = response.data.conversation[response.data.conversation.length - 1];
2712	1989	if (lastMessage.role === 'agent') {
2713		- updateChatModeIndicator('agent', botId);
	1990	+ updateChatModeIndicator('agent');
2714	1991	}
2715	1992	}
2716		-
	1993	+
2717	1994	// Mark as loaded ONLY after successful load
2718		- instance.chatHistoryLoaded = true;
	1995	+ chatHistoryLoaded = true;
2719	1996	}
2720	1997	}
2721	1998	}
2722		- if (onComplete) onComplete();
2723	1999	},
2724	2000	error: function(xhr, status, error) {
2725		- // Error loading chat history - silently continue
2726		- if (onComplete) onComplete();
	2001	+ //console.error("AJAX error loading chat history:", status, error);
2727	2002	}
2728	2003	});
2729		- } else {
2730		- if (onComplete) onComplete();
2731	2004	}
2732	2005	}
2733	2006
2734	2007
		@@ -2742,42 +2015,40 @@
2742	2015	element.addEventListener(eventType, handler);
2743	2016	}
2744	2017	}
2745	2018
2746		- function showActivePdf(filename, botId) {
2747		- botId = botId || 'default';
2748		- const container = getElementDOM(botId, 'active-pdf-container');
2749		- const nameElement = getElementDOM(botId, 'active-pdf-name');
2750		-
	2019	+ function showActivePdf(filename) {
	2020	+ const container = document.getElementById('active-pdf-container');
	2021	+ const nameElement = document.getElementById('active-pdf-name');
	2022	+
2751	2023	if (!container || !nameElement) {
	2024	+ //console.error('PDF container elements not found');
2752	2025	return;
2753	2026	}
2754		-
	2027	+
2755	2028	nameElement.textContent = filename;
2756	2029	container.style.display = 'flex';
2757	2030	}
2758		-
2759		- function showActiveWord(filename, botId) {
2760		- botId = botId || 'default';
2761		- const container = getElementDOM(botId, 'active-word-container');
2762		- const nameElement = getElementDOM(botId, 'active-word-name');
2763		-
	2031	+
	2032	+ function showActiveWord(filename) {
	2033	+ const container = document.getElementById('active-word-container');
	2034	+ const nameElement = document.getElementById('active-word-name');
	2035	+
2764	2036	if (!container || !nameElement) {
	2037	+ //console.error('Word document container elements not found');
2765	2038	return;
2766	2039	}
2767		-
	2040	+
2768	2041	nameElement.textContent = filename;
2769	2042	container.style.display = 'flex';
2770	2043	}
2771		-
2772		- function removeActivePdf(botId) {
2773		- botId = botId || 'default';
2774		- var instance = MxChatInstances.get(botId);
2775		- const container = getElementDOM(botId, 'active-pdf-container');
2776		- const nameElement = getElementDOM(botId, 'active-pdf-name');
2777		-
2778		- if (!container || !nameElement || !instance.activePdfFile) return;
2779		-
	2044	+
	2045	+ function removeActivePdf() {
	2046	+ const container = document.getElementById('active-pdf-container');
	2047	+ const nameElement = document.getElementById('active-pdf-name');
	2048	+
	2049	+ if (!container || !nameElement || !activePdfFile) return;
	2050	+
2780	2051	fetch(mxchatChat.ajax_url, {
2781	2052	method: 'POST',
2782	2053	headers: {
2783	2054	'Content-Type': 'application/x-www-form-urlencoded',
		@@ -2783,9 +2054,9 @@
2783	2054	'Content-Type': 'application/x-www-form-urlencoded',
2784	2055	},
2785	2056	body: new URLSearchParams({
2786	2057	'action': 'mxchat_remove_pdf',
2787		- 'session_id': getChatSession(botId),
	2058	+ 'session_id': sessionId,
2788	2059	'nonce': mxchatChat.nonce
2789	2060	})
2790	2061	})
2791	2062	.then(response => response.json())
		@@ -2797,12 +2068,12 @@
2797	2068	appendMessage('bot', 'PDF removed.');
2798	2069	}
2799	2070	})
2800	2071	.catch(error => {
2801		- // Error removing PDF - silently continue
	2072	+ //console.error('Error removing PDF:', error);
2802	2073	});
2803	2074	}
2804		-
	2075	+
2805	2076	function removeActiveWord() {
2806	2077	const container = document.getElementById('active-word-container');
2807	2078	const nameElement = document.getElementById('active-word-name');
2808	2079
		@@ -2828,53 +2099,56 @@
2828	2099	appendMessage('bot', 'Word document removed.');
2829	2100	}
2830	2101	})
2831	2102	.catch(error => {
2832		- // Error removing Word document - silently continue
	2103	+ //console.error('Error removing Word document:', error);
2833	2104	});
2834	2105	}
2835		-
	2106	+
2836	2107	// ====================================
2837	2108	// CONSENT & COMPLIANCE (GDPR)
2838	2109	// ====================================
2839		-
2840		- function initializeChatVisibility(botId) {
2841		- botId = botId || 'default';
2842		- const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2843		- mxchatChat.complianz_toggle === '1' ||
	2110	+
	2111	+ function initializeChatVisibility() {
	2112	+ //console.log('Initializing chat visibility');
	2113	+ const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
	2114	+ mxchatChat.complianz_toggle === '1' ||
2844	2115	mxchatChat.complianz_toggle === 1;
2845		-
	2116	+
2846	2117	if (complianzEnabled && typeof cmplz_has_consent === "function" && typeof complianz !== 'undefined') {
2847	2118	// Initial check
2848		- checkConsentAndShowChat(botId);
2849		-
	2119	+ checkConsentAndShowChat();
	2120	+
2850	2121	// Listen for consent changes
2851	2122	$(document).on('cmplz_status_change', function(event) {
2852		- checkConsentAndShowChat(botId);
	2123	+ //console.log('Status change detected');
	2124	+ checkConsentAndShowChat();
2853	2125	});
2854	2126	} else {
2855	2127	// If Complianz is not enabled, always show
2856		- getElement(botId, 'floating-chatbot-button')
	2128	+ $('#floating-chatbot-button')
2857	2129	.css('display', 'flex')
2858	2130	.removeClass('hidden no-consent')
2859	2131	.fadeTo(500, 1);
2860		-
	2132	+
2861	2133	// Also check pre-chat message when Complianz is not enabled
2862		- checkPreChatDismissal(botId);
	2134	+ checkPreChatDismissal();
2863	2135	}
2864	2136	}
2865	2137
2866		-
2867		- function checkConsentAndShowChat(botId) {
2868		- botId = botId || 'default';
	2138	+
	2139	+ function checkConsentAndShowChat() {
2869	2140	var consentStatus = cmplz_has_consent('marketing');
2870	2141	var consentType = complianz.consenttype;
2871		-
2872		- let $widget = getElement(botId, 'floating-chatbot-button');
2873		- let $chatbot = getElement(botId, 'floating-chatbot');
2874		- let $preChat = getElement(botId, 'pre-chat-message');
2875		-
	2142	+
	2143	+ //console.log('Checking consent:', {status: consentStatus,type: consentType});
	2144	+
	2145	+ let $widget = $('#floating-chatbot-button');
	2146	+ let $chatbot = $('#floating-chatbot');
	2147	+ let $preChat = $('#pre-chat-message');
	2148	+
2876	2149	if (consentStatus === true) {
	2150	+ //console.log('Consent granted - showing widget');
2877	2151	$widget
2878	2152	.removeClass('no-consent')
2879	2153	.css('display', 'flex')
2880	2154	.removeClass('hidden')
		@@ -2879,12 +2153,13 @@
2879	2153	.css('display', 'flex')
2880	2154	.removeClass('hidden')
2881	2155	.fadeTo(500, 1);
2882	2156	$chatbot.removeClass('no-consent');
2883		-
	2157	+
2884	2158	// Show pre-chat message if not dismissed
2885		- checkPreChatDismissal(botId);
	2159	+ checkPreChatDismissal();
2886	2160	} else {
	2161	+ //console.log('No consent - hiding widget');
2887	2162	$widget
2888	2163	.addClass('no-consent')
2889	2164	.fadeTo(500, 0, function() {
2890	2165	$(this)
		@@ -2891,9 +2166,9 @@
2891	2166	.css('display', 'none')
2892	2167	.addClass('hidden');
2893	2168	});
2894	2169	$chatbot.addClass('no-consent');
2895		-
	2170	+
2896	2171	// Hide pre-chat message when no consent
2897	2172	$preChat.hide();
2898	2173	}
2899	2174	}
		@@ -2901,38 +2176,46 @@
2901	2176
2902	2177	// ====================================
2903	2178	// PRE-CHAT MESSAGE HANDLING
2904	2179	// ====================================
2905		-
2906		- function checkPreChatDismissal(botId) {
2907		- botId = botId || 'default';
2908		- try {
2909		- var dismissedAt = localStorage.getItem('mxchat_pre_chat_dismissed_' + botId);
2910		- if (dismissedAt) {
2911		- // Re-show after 24 hours
2912		- var elapsed = Date.now() - parseInt(dismissedAt, 10);
2913		- if (elapsed < 86400000) {
2914		- getElement(botId, 'pre-chat-message').hide();
2915		- return;
	2180	+
	2181	+ function checkPreChatDismissal() {
	2182	+ $.ajax({
	2183	+ url: mxchatChat.ajax_url,
	2184	+ type: 'POST',
	2185	+ data: {
	2186	+ action: 'mxchat_check_pre_chat_message_status',
	2187	+ _ajax_nonce: mxchatChat.nonce
	2188	+ },
	2189	+ success: function(response) {
	2190	+ if (response.success && !response.data.dismissed) {
	2191	+ $('#pre-chat-message').fadeIn(250);
	2192	+ } else {
	2193	+ $('#pre-chat-message').hide();
2916	2194	}
2917		- // Expired — clear and show again
2918		- localStorage.removeItem('mxchat_pre_chat_dismissed_' + botId);
	2195	+ },
	2196	+ error: function() {
	2197	+ //console.error('Failed to check pre-chat message dismissal status.');
2919	2198	}
2920		- getElement(botId, 'pre-chat-message').fadeIn(250);
2921		- } catch (e) {
2922		- // localStorage unavailable — show the message
2923		- getElement(botId, 'pre-chat-message').fadeIn(250);
2924		- }
	2199	+ });
2925	2200	}
2926		-
2927		- function handlePreChatDismissal(botId) {
2928		- botId = botId || 'default';
2929		- getElement(botId, 'pre-chat-message').fadeOut(200);
2930		- try {
2931		- localStorage.setItem('mxchat_pre_chat_dismissed_' + botId, String(Date.now()));
2932		- } catch (e) {
2933		- // localStorage unavailable — dismissal won't persist
2934		- }
	2201	+
	2202	+ function handlePreChatDismissal() {
	2203	+ $('#pre-chat-message').fadeOut(200);
	2204	+ $.ajax({
	2205	+ url: mxchatChat.ajax_url,
	2206	+ type: 'POST',
	2207	+ data: {
	2208	+ action: 'mxchat_dismiss_pre_chat_message',
	2209	+ _ajax_nonce: mxchatChat.nonce
	2210	+ },
	2211	+ success: function() {
	2212	+ $('#pre-chat-message').hide();
	2213	+ },
	2214	+ error: function() {
	2215	+ //console.error('Failed to dismiss pre-chat message.');
	2216	+ }
	2217	+ });
2935	2218	}
2936	2219
2937	2220
2938	2221	// ====================================
		@@ -2958,141 +2241,78 @@
2958	2241	// ====================================
2959	2242
2960	2243	$(document).on('click', '.mxchat-popular-question', function () {
2961	2244	var question = $(this).text();
2962		- var botId = getBotIdFromElement(this);
2963		-
	2245	+
2964	2246	// Append the question as if the user typed it
2965		- appendMessage("user", question, '', [], false, botId);
2966		-
	2247	+ appendMessage("user", question);
	2248	+
2967	2249	// Only collapse if there are questions
2968		- if (hasQuickQuestions(botId)) {
2969		- collapseQuickQuestions(botId);
	2250	+ if (hasQuickQuestions()) {
	2251	+ collapseQuickQuestions();
2970	2252	}
2971		-
	2253	+
2972	2254	// Send the question to the server
2973		- sendMessageToChatbot(question, botId);
	2255	+ sendMessageToChatbot(question);
2974	2256	});
2975	2257
2976	2258	$(document).on('click', '.questions-toggle-btn', function(e) {
2977	2259	e.preventDefault();
2978	2260	e.stopPropagation();
2979		- var botId = getBotIdFromElement(this);
2980		- expandQuickQuestions(botId);
	2261	+ expandQuickQuestions();
2981	2262	});
2982	2263
2983	2264	$(document).on('click', '.questions-collapse-btn', function(e) {
2984	2265	e.preventDefault();
2985	2266	e.stopPropagation();
2986		- var botId = getBotIdFromElement(this);
2987		- collapseQuickQuestions(botId);
	2267	+ collapseQuickQuestions();
2988	2268	});
2989	2269
2990		- // Chatbot visibility toggle handlers - use class selector for multi-instance support
2991		- // Handles click + Enter/Space keypresses for keyboard accessibility (WCAG 2.1 SC 2.1.1).
2992		- $(document).on('click keydown', '.floating-chatbot-button', function(e) {
2993		- if (e.type === 'keydown') {
2994		- if (e.key !== 'Enter' && e.key !== ' ' && e.key !== 'Spacebar') return;
2995		- e.preventDefault();
2996		- }
2997		- var botId = getBotIdFromElement(this);
2998		- var $chatbot = getElement(botId, 'floating-chatbot');
2999		- var $badge = getElement(botId, 'chat-notification-badge');
3000		- var $preChat = getElement(botId, 'pre-chat-message');
3001		-
3002		- if ($chatbot.hasClass('hidden')) {
3003		- $chatbot.removeClass('hidden').addClass('visible')
3004		- .attr('aria-modal', 'true').attr('role', 'dialog');
3005		- $(this).addClass('hidden').attr('aria-expanded', 'true');
3006		- $badge.hide(); // Hide notification when opening chat
	2270	+ // Chatbot visibility toggle handlers
	2271	+ $(document).on('click', '#floating-chatbot-button', function() {
	2272	+ var chatbot = $('#floating-chatbot');
	2273	+ if (chatbot.hasClass('hidden')) {
	2274	+ chatbot.removeClass('hidden').addClass('visible');
	2275	+ $(this).addClass('hidden');
	2276	+ $('#chat-notification-badge').hide(); // Hide notification when opening chat
3007	2277	disableScroll();
3008		- $preChat.fadeOut(250);
3009		-
3010		- // Load chat history for returning visitors (persistence)
3011		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3012		- if (chatPersistenceEnabled) {
3013		- MxChatInstances.ensureSession(botId);
3014		- }
3015		-
3016		- // Deferred email check — only on first widget open
3017		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3018		- var instance = MxChatInstances.get(botId);
3019		- if (emailBlocker && !instance.emailCheckDone) {
3020		- instance.emailCheckDone = true;
3021		- resolveEmailState(botId);
3022		- } else if (!emailBlocker) {
3023		- // No email collection — still route through showChatContainerForBot
3024		- // so the loader is shown while chat history loads
3025		- showChatContainerForBot(botId);
3026		- }
3027		-
3028		- // Move keyboard focus into the message input after the open transition.
3029		- setTimeout(function() {
3030		- var chatInput = getElementDOM(botId, 'chat-input');
3031		- if (chatInput && !chatInput.disabled) {
3032		- try { chatInput.focus({ preventScroll: true }); } catch (err) { chatInput.focus(); }
3033		- }
3034		- }, 300);
	2278	+ $('#pre-chat-message').fadeOut(250);
3035	2279	} else {
3036		- $chatbot.removeClass('visible').addClass('hidden').removeAttr('aria-modal');
3037		- $(this).removeClass('hidden').attr('aria-expanded', 'false');
	2280	+ chatbot.removeClass('visible').addClass('hidden');
	2281	+ $(this).removeClass('hidden');
3038	2282	enableScroll();
3039		- checkPreChatDismissal(botId);
	2283	+ checkPreChatDismissal();
3040	2284	}
3041	2285	});
3042		-
3043		- // Allow clicking anywhere on the title bar to close the chatbot.
3044		- // Returns keyboard focus to the launcher so keyboard users don't get
3045		- // stranded at <body> (WCAG SC 2.4.3 Focus Order). :focus-visible is
3046		- // heuristic-based so mouse-triggered close won't show a focus ring.
3047		- $(document).on('click', '.chatbot-top-bar', function() {
3048		- var botId = getBotIdFromElement(this);
3049		- getElement(botId, 'floating-chatbot').addClass('hidden').removeClass('visible').removeAttr('aria-modal');
3050		- var $launcher = getElement(botId, 'floating-chatbot-button');
3051		- $launcher.removeClass('hidden').attr('aria-expanded', 'false');
	2286	+
	2287	+ $(document).on('click', '#exit-chat-button', function() {
	2288	+ $('#floating-chatbot').addClass('hidden').removeClass('visible');
	2289	+ $('#floating-chatbot-button').removeClass('hidden');
3052	2290	enableScroll();
3053		- try { $launcher.trigger('focus'); } catch (err) { /* no-op */ }
3054	2291	});
3055		-
3056		- // Global Escape-key handler — closes any visible chat widget and
3057		- // returns focus to its launcher. Standard modal-dismissal pattern;
3058		- // pairs with aria-modal="true" set on the widget when it opens.
3059		- $(document).on('keydown', function(e) {
3060		- if (e.key !== 'Escape' && e.key !== 'Esc') return;
3061		- var $visible = $('.floating-chatbot.visible');
3062		- if (!$visible.length) return;
3063		- e.preventDefault();
3064		- $visible.each(function() {
3065		- var botId = getBotIdFromElement(this);
3066		- $(this).addClass('hidden').removeClass('visible').removeAttr('aria-modal');
3067		- var $launcher = getElement(botId, 'floating-chatbot-button');
3068		- $launcher.removeClass('hidden').attr('aria-expanded', 'false');
3069		- try { $launcher.trigger('focus'); } catch (err) { /* no-op */ }
3070		- });
3071		- enableScroll();
3072		- });
3073		-
	2292	+
3074	2293	$(document).on('click', '.close-pre-chat-message', function(e) {
3075	2294	e.stopPropagation(); // Prevent triggering the parent .pre-chat-message click
3076		- var botId = getBotIdFromElement(this);
3077		- handlePreChatDismissal(botId);
	2295	+ $('#pre-chat-message').fadeOut(200, function() {
	2296	+ $(this).remove();
	2297	+ });
3078	2298	});
	2299	+
3079	2300
3080		-
3081		- // PDF upload button handlers - use class selector
3082		- $(document).on('click', '.pdf-upload-btn', function() {
3083		- var botId = getBotIdFromElement(this);
3084		- var pdfInput = getElementDOM(botId, 'pdf-upload');
3085		- if (pdfInput) pdfInput.click();
3086		- });
3087		-
3088		- // Word upload button handlers - use class selector
3089		- $(document).on('click', '.word-upload-btn', function() {
3090		- var botId = getBotIdFromElement(this);
3091		- var wordInput = getElementDOM(botId, 'word-upload');
3092		- if (wordInput) wordInput.click();
3093		- });
	2301	+ // PDF upload button handlers
	2302	+ if (document.getElementById('pdf-upload-btn')) {
	2303	+ document.getElementById('pdf-upload-btn').addEventListener('click', function() {
	2304	+ document.getElementById('pdf-upload').click();
	2305	+ });
	2306	+ }
3094	2307
	2308	+ // Word upload button handlers
	2309	+ if (document.getElementById('word-upload-btn')) {
	2310	+ document.getElementById('word-upload-btn').addEventListener('click', function() {
	2311	+ document.getElementById('word-upload').click();
	2312	+ });
	2313	+ }
	2314	+
3095	2315	// PDF file input change handler
3096	2316	addSafeEventListener('pdf-upload', 'change', async function(e) {
3097	2317	const file = e.target.files[0];
3098	2318
		@@ -3101,13 +2321,15 @@
3101	2321	return;
3102	2322	}
3103	2323
3104	2324	if (!sessionId) {
	2325	+ //console.error('No session ID found');
3105	2326	alert('Error: No session ID found');
3106	2327	return;
3107	2328	}
3108		-
	2329	+
3109	2330	if (!mxchatChat || !mxchatChat.ajax_url || !mxchatChat.nonce) {
	2331	+ //console.error('mxchatChat not properly configured:', mxchatChat);
3110	2332	alert('Error: Ajax configuration missing');
3111	2333	return;
3112	2334	}
3113	2335
		@@ -3116,10 +2338,8 @@
3116	2338	const sendBtn = document.getElementById('send-button');
3117	2339	const originalBtnContent = uploadBtn.innerHTML;
3118	2340
3119	2341	try {
3120		- // Wait for page-cache nonce refresh before reading mxchatChat.nonce. See plan-c5457f.
3121		- await new Promise(function(resolve) { refreshNonceIfNeeded(resolve); });
3122	2342	const formData = new FormData();
3123	2343	formData.append('action', 'mxchat_upload_pdf');
3124	2344	formData.append('pdf_file', file);
3125	2345	formData.append('session_id', sessionId);
		@@ -3151,11 +2371,13 @@
3151	2371	appendMessage('bot', data.data.message);
3152	2372	scrollToBottom();
3153	2373	activePdfFile = data.data.filename;
3154	2374	} else {
	2375	+ //console.error('Upload failed:', data.data);
3155	2376	alert('Failed to upload PDF. Please try again.');
3156	2377	}
3157	2378	} catch (error) {
	2379	+ //console.error('Upload error:', error);
3158	2380	alert('Error uploading file. Please try again.');
3159	2381	} finally {
3160	2382	uploadBtn.disabled = false;
3161	2383	sendBtn.disabled = false;
		@@ -3173,12 +2395,13 @@
3173	2395	return;
3174	2396	}
3175	2397
3176	2398	if (!sessionId) {
	2399	+ //console.error('No session ID found');
3177	2400	alert('Error: No session ID found');
3178	2401	return;
3179	2402	}
3180		-
	2403	+
3181	2404	// Disable buttons and show loading state
3182	2405	const uploadBtn = document.getElementById('word-upload-btn');
3183	2406	const sendBtn = document.getElementById('send-button');
3184	2407	const originalBtnContent = uploadBtn.innerHTML;
		@@ -3183,10 +2406,8 @@
3183	2406	const sendBtn = document.getElementById('send-button');
3184	2407	const originalBtnContent = uploadBtn.innerHTML;
3185	2408
3186	2409	try {
3187		- // Wait for page-cache nonce refresh before reading mxchatChat.nonce. See plan-c5457f.
3188		- await new Promise(function(resolve) { refreshNonceIfNeeded(resolve); });
3189	2410	const formData = new FormData();
3190	2411	formData.append('action', 'mxchat_upload_word');
3191	2412	formData.append('word_file', file);
3192	2413	formData.append('session_id', sessionId);
		@@ -3218,11 +2439,13 @@
3218	2439	appendMessage('bot', data.data.message);
3219	2440	scrollToBottom();
3220	2441	activeWordFile = data.data.filename;
3221	2442	} else {
	2443	+ //console.error('Upload failed:', data.data);
3222	2444	alert('Failed to upload Word document. Please try again.');
3223	2445	}
3224	2446	} catch (error) {
	2447	+ //console.error('Upload error:', error);
3225	2448	alert('Error uploading file. Please try again.');
3226	2449	} finally {
3227	2450	uploadBtn.disabled = false;
3228	2451	sendBtn.disabled = false;
		@@ -3280,497 +2503,454 @@
3280	2503	});
3281	2504
3282	2505
3283	2506	// ====================================
3284		-// INIT LOADER & CHAT CONTAINER HELPERS
	2507	+// EMAIL COLLECTION SETUP - FIXED VERSION
3285	2508	// ====================================
3286		-// These must be outside the email collection block so they're always available
3287		-// (used by persistence loading even when email collection is off)
3288		-
3289		-function showInitLoader(botId) {
3290		- var loader = getElementDOM(botId, 'mxchat-init-loader');
3291		- if (loader) loader.style.display = 'flex';
3292		-}
3293		-
3294		-function hideInitLoader(botId) {
3295		- var loader = getElementDOM(botId, 'mxchat-init-loader');
3296		- if (loader) loader.style.display = 'none';
3297		-}
3298		-
3299		-function showEmailFormForBot(botId) {
3300		- hideInitLoader(botId);
3301		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3302		- var chatContainer = getElementDOM(botId, 'chat-container');
3303		- if (emailBlocker) emailBlocker.style.display = 'flex';
3304		- if (chatContainer) chatContainer.style.display = 'none';
3305		-}
3306		-
3307		-function showChatContainerForBot(botId) {
3308		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3309		- var chatContainer = getElementDOM(botId, 'chat-container');
3310		- if (emailBlocker) emailBlocker.style.display = 'none';
3311		-
3312		- var instance = MxChatInstances.get(botId);
3313		- var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
3314		-
3315		- // If persistence is on and history hasn't loaded yet, show loader
3316		- // while history loads to prevent flash of empty chat
3317		- if (chatPersistenceEnabled && !instance.chatHistoryLoaded) {
3318		- if (chatContainer) chatContainer.style.display = 'none';
3319		- showInitLoader(botId);
3320		- loadChatHistory(botId, function() {
3321		- hideInitLoader(botId);
3322		- if (chatContainer) chatContainer.style.display = 'flex';
3323		- scrollToBottom(botId, true);
3324		- });
3325		- } else {
3326		- hideInitLoader(botId);
3327		- if (chatContainer) chatContainer.style.display = 'flex';
3328		- if (typeof loadChatHistory === 'function') {
3329		- loadChatHistory(botId);
3330		- }
3331		- }
3332		-}
3333		-
3334		-// ====================================
3335		-// EMAIL COLLECTION SETUP - MULTI-INSTANCE VERSION
3336		-// ====================================
3337	2509	// Only run email collection setup if it's enabled
3338	2510	if (mxchatChat && mxchatChat.email_collection_enabled === 'on') {
	2511	+ //console.log('Email collection is enabled, setting up handlers...');
	2512	+
	2513	+ // Email collection form setup and handlers
	2514	+ const emailForm = document.getElementById('email-collection-form');
	2515	+ const emailBlocker = document.getElementById('email-blocker');
	2516	+ const chatbotWrapper = document.getElementById('chat-container');
3339	2517
3340		- // Track submitting state per bot
3341		- const emailSubmittingState = {};
	2518	+ if (emailForm && emailBlocker && chatbotWrapper) {
	2519	+
	2520	+ // Add loading state management
	2521	+ let isSubmitting = false;
	2522	+
	2523	+ // Optimized UI transition functions
	2524	+ function showEmailForm() {
	2525	+ emailBlocker.style.display = 'flex';
	2526	+ chatbotWrapper.style.display = 'none';
	2527	+ }
3342	2528
3343		- // Add CSS animations for email form (once globally)
3344		- if (!document.getElementById('email-error-styles')) {
3345		- const style = document.createElement('style');
3346		- style.id = 'email-error-styles';
3347		- style.textContent = `
3348		- @keyframes fadeInError {
3349		- from { opacity: 0; transform: translateY(-5px); }
3350		- to { opacity: 1; transform: translateY(0); }
	2529	+ function showChatContainer() {
	2530	+ // Show chat immediately without delay
	2531	+ emailBlocker.style.display = 'none';
	2532	+ chatbotWrapper.style.display = 'flex';
	2533	+
	2534	+ // Load chat history only after showing chat container
	2535	+ if (typeof loadChatHistory === 'function') {
	2536	+ loadChatHistory();
3351	2537	}
3352		- .email-input-shake {
3353		- animation: shake 0.5s ease-in-out;
3354		- }
3355		- @keyframes shake {
3356		- 0%, 100% { transform: translateX(0); }
3357		- 25% { transform: translateX(-5px); }
3358		- 75% { transform: translateX(5px); }
3359		- }
3360		- @keyframes spin {
3361		- from { transform: rotate(0deg); }
3362		- to { transform: rotate(360deg); }
3363		- }
3364		- .email-spinner {
3365		- display: inline-block;
3366		- vertical-align: middle;
3367		- }
3368		- `;
3369		- document.head.appendChild(style);
3370		- }
	2538	+ }
3371	2539
3372		- function isValidEmailAddress(email) {
3373		- const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3374		- return emailRegex.test(email.trim()) && email.length <= 254;
3375		- }
	2540	+ // Enhanced email validation
	2541	+ function isValidEmail(email) {
	2542	+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
	2543	+ return emailRegex.test(email.trim()) && email.length <= 254; // RFC 5321 limit
	2544	+ }
3376	2545
3377		- function isValidNameInput(name) {
3378		- return name && name.trim().length >= 2 && name.trim().length <= 100;
3379		- }
	2546	+ // Enhanced name validation
	2547	+ function isValidName(name) {
	2548	+ return name && name.trim().length >= 2 && name.trim().length <= 100;
	2549	+ }
3380	2550
3381		- /**
3382		- * Replace {visitor_name} placeholder in intro message with actual visitor name
3383		- * @param {string} botId - The bot instance ID
3384		- * @param {string} visitorName - The visitor's name to insert
3385		- */
3386		- function replaceVisitorNamePlaceholder(botId, visitorName) {
3387		- var chatBox = getElementDOM(botId, 'chat-box');
3388		- if (!chatBox) return;
3389		-
3390		- // Find the first bot message (intro message)
3391		- var introMessage = chatBox.querySelector('.bot-message');
3392		- if (!introMessage) return;
3393		-
3394		- var messageContent = introMessage.querySelector('div[dir="auto"]');
3395		- if (!messageContent) return;
3396		-
3397		- var html = messageContent.innerHTML;
3398		-
3399		- // Replace {visitor_name} placeholder (case-insensitive)
3400		- if (visitorName && visitorName.trim()) {
3401		- // Escape HTML to prevent XSS
3402		- var safeName = $('<div>').text(visitorName.trim()).html();
3403		- html = html.replace(/\{visitor_name\}/gi, safeName);
3404		- } else {
3405		- // Remove placeholder and clean up spacing if no name provided
3406		- html = html.replace(/\{visitor_name\}/gi, '');
3407		- // Clean up any double spaces that might result
3408		- html = html.replace(/\s{2,}/g, ' ').trim();
	2551	+ // Show loading state with spinner
	2552	+ function setSubmissionState(loading) {
	2553	+ const submitButton = document.getElementById('email-submit-button');
	2554	+ const emailInput = document.getElementById('user-email');
	2555	+ const nameInput = document.getElementById('user-name');
	2556	+
	2557	+ if (loading) {
	2558	+ isSubmitting = true;
	2559	+ if (submitButton) submitButton.disabled = true;
	2560	+ if (emailInput) emailInput.disabled = true;
	2561	+ if (nameInput) nameInput.disabled = true;
	2562	+
	2563	+ // Store original content and add spinner
	2564	+ if (submitButton && !submitButton.getAttribute('data-original-html')) {
	2565	+ submitButton.setAttribute('data-original-html', submitButton.innerHTML);
	2566	+
	2567	+ // Add loading spinner while keeping original text
	2568	+ const originalText = submitButton.textContent;
	2569	+ submitButton.innerHTML = `
	2570	+ <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
	2571	+ <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
	2572	+ <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
	2573	+ <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
	2574	+ </circle>
	2575	+ </svg>
	2576	+ ${originalText}
	2577	+ `;
	2578	+
	2579	+ submitButton.style.opacity = '0.8';
	2580	+ }
	2581	+ } else {
	2582	+ isSubmitting = false;
	2583	+ if (submitButton) submitButton.disabled = false;
	2584	+ if (emailInput) emailInput.disabled = false;
	2585	+ if (nameInput) nameInput.disabled = false;
	2586	+
	2587	+ // Restore original content
	2588	+ if (submitButton) {
	2589	+ const originalHtml = submitButton.getAttribute('data-original-html');
	2590	+ if (originalHtml) {
	2591	+ submitButton.innerHTML = originalHtml;
	2592	+ }
	2593	+ submitButton.style.opacity = '1';
	2594	+ }
	2595	+ }
3409	2596	}
3410	2597
3411		- messageContent.innerHTML = html;
3412		- }
3413		-
3414		- function setEmailSubmissionState(botId, loading) {
3415		- var submitButton = getElementDOM(botId, 'email-submit-button');
3416		- var emailInput = getElementDOM(botId, 'user-email');
3417		- var nameInput = getElementDOM(botId, 'user-name');
3418		-
3419		- if (loading) {
3420		- emailSubmittingState[botId] = true;
3421		- if (submitButton) submitButton.disabled = true;
3422		- if (emailInput) emailInput.disabled = true;
3423		- if (nameInput) nameInput.disabled = true;
3424		-
3425		- if (submitButton && !submitButton.getAttribute('data-original-html')) {
3426		- submitButton.setAttribute('data-original-html', submitButton.innerHTML);
3427		- const originalText = submitButton.textContent;
3428		- submitButton.innerHTML = `
3429		- <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
3430		- <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
3431		- <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
3432		- <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
3433		- </circle>
3434		- </svg>
3435		- ${originalText}
	2598	+ // Error display functions
	2599	+ function showEmailError(message) {
	2600	+ clearEmailError();
	2601	+
	2602	+ const errorDiv = document.createElement('div');
	2603	+ errorDiv.className = 'email-error';
	2604	+ errorDiv.style.cssText = `
	2605	+ color: #e74c3c;
	2606	+ font-size: 12px;
	2607	+ margin-top: 8px;
	2608	+ padding: 4px 0;
	2609	+ animation: fadeInError 0.3s ease;
	2610	+ `;
	2611	+ errorDiv.textContent = message;
	2612	+
	2613	+ // Add CSS animation if not already present
	2614	+ if (!document.getElementById('email-error-styles')) {
	2615	+ const style = document.createElement('style');
	2616	+ style.id = 'email-error-styles';
	2617	+ style.textContent = `
	2618	+ @keyframes fadeInError {
	2619	+ from { opacity: 0; transform: translateY(-5px); }
	2620	+ to { opacity: 1; transform: translateY(0); }
	2621	+ }
	2622	+ .email-input-shake {
	2623	+ animation: shake 0.5s ease-in-out;
	2624	+ }
	2625	+ @keyframes shake {
	2626	+ 0%, 100% { transform: translateX(0); }
	2627	+ 25% { transform: translateX(-5px); }
	2628	+ 75% { transform: translateX(5px); }
	2629	+ }
	2630	+ @keyframes spin {
	2631	+ from { transform: rotate(0deg); }
	2632	+ to { transform: rotate(360deg); }
	2633	+ }
	2634	+ .email-spinner {
	2635	+ display: inline-block;
	2636	+ vertical-align: middle;
	2637	+ }
3436	2638	`;
3437		- submitButton.style.opacity = '0.8';
	2639	+ document.head.appendChild(style);
3438	2640	}
3439		- } else {
3440		- emailSubmittingState[botId] = false;
3441		- if (submitButton) submitButton.disabled = false;
3442		- if (emailInput) emailInput.disabled = false;
3443		- if (nameInput) nameInput.disabled = false;
3444		-
3445		- if (submitButton) {
3446		- const originalHtml = submitButton.getAttribute('data-original-html');
3447		- if (originalHtml) {
3448		- submitButton.innerHTML = originalHtml;
3449		- }
3450		- submitButton.style.opacity = '1';
	2641	+
	2642	+ emailForm.appendChild(errorDiv);
	2643	+
	2644	+ // Add shake animation to inputs
	2645	+ const emailInput = document.getElementById('user-email');
	2646	+ const nameInput = document.getElementById('user-name');
	2647	+
	2648	+ if (emailInput) {
	2649	+ emailInput.classList.add('email-input-shake');
	2650	+ setTimeout(() => {
	2651	+ emailInput.classList.remove('email-input-shake');
	2652	+ }, 500);
3451	2653	}
	2654	+
	2655	+ if (nameInput) {
	2656	+ nameInput.classList.add('email-input-shake');
	2657	+ setTimeout(() => {
	2658	+ nameInput.classList.remove('email-input-shake');
	2659	+ }, 500);
	2660	+ }
3452	2661	}
3453		- }
3454	2662
3455		- function showEmailError(botId, message) {
3456		- clearEmailError(botId);
3457		-
3458		- var emailForm = getElementDOM(botId, 'email-collection-form');
3459		- if (!emailForm) return;
3460		-
3461		- const errorDiv = document.createElement('div');
3462		- errorDiv.className = 'email-error';
3463		- errorDiv.style.cssText = `
3464		- color: #e74c3c;
3465		- font-size: 12px;
3466		- margin-top: 8px;
3467		- padding: 4px 0;
3468		- animation: fadeInError 0.3s ease;
3469		- `;
3470		- errorDiv.textContent = message;
3471		- emailForm.appendChild(errorDiv);
3472		-
3473		- // Add shake animation to inputs
3474		- var emailInput = getElementDOM(botId, 'user-email');
3475		- var nameInput = getElementDOM(botId, 'user-name');
3476		-
3477		- if (emailInput) {
3478		- emailInput.classList.add('email-input-shake');
3479		- setTimeout(() => emailInput.classList.remove('email-input-shake'), 500);
3480		- }
3481		- if (nameInput) {
3482		- nameInput.classList.add('email-input-shake');
3483		- setTimeout(() => nameInput.classList.remove('email-input-shake'), 500);
3484		- }
3485		- }
3486		-
3487		- function clearEmailError(botId) {
3488		- var emailForm = getElementDOM(botId, 'email-collection-form');
3489		- if (emailForm) {
	2663	+ function clearEmailError() {
3490	2664	const existingErrors = emailForm.querySelectorAll('.email-error');
3491	2665	existingErrors.forEach(error => error.remove());
3492	2666	}
3493		- }
3494	2667
3495		- // Resolve email state using server-side data when available, AJAX fallback otherwise
3496		- function resolveEmailState(botId) {
3497		- if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
3498		- if (mxchatChat.initial_email_state.show_email_form) {
3499		- showEmailFormForBot(botId);
3500		- } else {
3501		- showChatContainerForBot(botId);
	2668	+ // MAIN FORM SUBMIT HANDLER - This is the critical fix
	2669	+ //console.log('Setting up form submit handler...');
	2670	+
	2671	+ // Remove any existing event listeners first
	2672	+ emailForm.removeEventListener('submit', handleFormSubmit);
	2673	+
	2674	+ // Add the form submit handler
	2675	+ emailForm.addEventListener('submit', handleFormSubmit);
	2676	+
	2677	+ function handleFormSubmit(event) {
	2678	+ //console.log('Form submit handler triggered!');
	2679	+ event.preventDefault();
	2680	+ event.stopPropagation();
	2681	+
	2682	+ // Prevent double submission
	2683	+ if (isSubmitting) {
	2684	+ //console.log('Already submitting, ignoring...');
	2685	+ return false;
3502	2686	}
3503		- } else {
3504		- checkSessionAndEmailForBot(botId);
3505		- }
3506		- }
3507	2687
3508		- function checkSessionAndEmailForBot(botId) {
3509		- const sessionId = MxChatInstances.ensureSession(botId);
	2688	+ const userEmail = document.getElementById('user-email').value.trim();
	2689	+ const nameInput = document.getElementById('user-name');
	2690	+ const userName = nameInput ? nameInput.value.trim() : '';
	2691	+ const sessionId = getChatSession();
3510	2692
3511		- // Hide both panels while we check — show loader instead
3512		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3513		- var chatContainer = getElementDOM(botId, 'chat-container');
3514		- if (emailBlocker) emailBlocker.style.display = 'none';
3515		- if (chatContainer) chatContainer.style.display = 'none';
3516		- showInitLoader(botId);
	2693	+ //console.log('Form data:', { userEmail, userName, sessionId });
3517	2694
3518		- fetch(mxchatChat.ajax_url, {
3519		- method: 'POST',
3520		- headers: {
3521		- 'Content-Type': 'application/x-www-form-urlencoded',
3522		- },
3523		- body: new URLSearchParams({
3524		- action: 'mxchat_check_email_provided',
3525		- session_id: sessionId,
3526		- nonce: mxchatChat.nonce,
3527		- })
3528		- })
3529		- .then((response) => {
3530		- if (!response.ok) {
3531		- throw new Error(`HTTP error! status: ${response.status}`);
	2695	+ // Validate email before submission
	2696	+ if (!userEmail) {
	2697	+ showEmailError('Please enter your email address.');
	2698	+ return false;
3532	2699	}
3533		- return response.json();
3534		- })
3535		- .then((data) => {
3536		- if (data.success) {
3537		- if (data.data.logged_in || data.data.email) {
3538		- showChatContainerForBot(botId);
3539		- } else {
3540		- showEmailFormForBot(botId);
3541		- }
3542		- } else {
3543		- showEmailFormForBot(botId);
	2700	+
	2701	+ if (!isValidEmail(userEmail)) {
	2702	+ showEmailError('Please enter a valid email address.');
	2703	+ return false;
3544	2704	}
3545		- })
3546		- .catch((error) => {
3547		- showEmailFormForBot(botId);
3548		- });
3549		- }
3550	2705
3551		- // Event delegation for email form submission
3552		- $(document).on('submit', '.email-collection-form', function(e) {
3553		- e.preventDefault();
3554		- e.stopPropagation();
	2706	+ // Validate name if field exists
	2707	+ if (nameInput && !isValidName(userName)) {
	2708	+ showEmailError('Please enter a valid name (2-100 characters).');
	2709	+ return false;
	2710	+ }
3555	2711
3556		- var botId = getBotIdFromElement(this);
	2712	+ // Clear any existing errors
	2713	+ clearEmailError();
	2714	+ setSubmissionState(true);
3557	2715
3558		- // Prevent double submission
3559		- if (emailSubmittingState[botId]) {
3560		- return false;
3561		- }
	2716	+ //console.log('Sending AJAX request...');
3562	2717
3563		- var emailInput = getElementDOM(botId, 'user-email');
3564		- var nameInput = getElementDOM(botId, 'user-name');
3565		- var userEmail = emailInput ? emailInput.value.trim() : '';
3566		- var userName = nameInput ? nameInput.value.trim() : '';
3567		- var sessionId = MxChatInstances.ensureSession(botId);
	2718	+ // Prepare form data with optional name
	2719	+ const formData = new URLSearchParams({
	2720	+ action: 'mxchat_handle_save_email_and_response',
	2721	+ email: userEmail,
	2722	+ session_id: sessionId,
	2723	+ nonce: mxchatChat.nonce,
	2724	+ });
3568	2725
3569		- // Validate email
3570		- if (!userEmail) {
3571		- showEmailError(botId, 'Please enter your email address.');
3572		- return false;
3573		- }
	2726	+ // Add name to form data if provided
	2727	+ if (userName) {
	2728	+ formData.append('name', userName);
	2729	+ }
3574	2730
3575		- if (!isValidEmailAddress(userEmail)) {
3576		- showEmailError(botId, 'Please enter a valid email address.');
3577		- return false;
3578		- }
	2731	+ fetch(mxchatChat.ajax_url, {
	2732	+ method: 'POST',
	2733	+ headers: {
	2734	+ 'Content-Type': 'application/x-www-form-urlencoded',
	2735	+ },
	2736	+ body: formData
	2737	+ })
	2738	+ .then((response) => {
	2739	+ //console.log('Response received:', response);
	2740	+ if (!response.ok) {
	2741	+ throw new Error(`HTTP error! status: ${response.status}`);
	2742	+ }
	2743	+ return response.json();
	2744	+ })
	2745	+ .then((data) => {
	2746	+ //console.log('Response data:', data);
	2747	+ setSubmissionState(false);
	2748	+
	2749	+ if (data.success) {
	2750	+ // Show chat immediately
	2751	+ showChatContainer();
3579	2752
3580		- // Validate name if field exists and has content
3581		- if (nameInput && userName && !isValidNameInput(userName)) {
3582		- showEmailError(botId, 'Please enter a valid name (2-100 characters).');
3583		- return false;
	2753	+ // Handle bot response if provided
	2754	+ if (data.message && typeof appendMessage === 'function') {
	2755	+ setTimeout(() => {
	2756	+ appendMessage('bot', data.message);
	2757	+ if (typeof scrollToBottom === 'function') {
	2758	+ scrollToBottom();
	2759	+ }
	2760	+ }, 100);
	2761	+ }
	2762	+ } else {
	2763	+ showEmailError(data.message || 'Failed to save email. Please try again.');
	2764	+ }
	2765	+ })
	2766	+ .catch((error) => {
	2767	+ //console.error('Email submission error:', error);
	2768	+ setSubmissionState(false);
	2769	+ showEmailError('An error occurred. Please try again.');
	2770	+ });
	2771	+
	2772	+ return false; // Extra prevention
3584	2773	}
3585	2774
3586		- clearEmailError(botId);
3587		- setEmailSubmissionState(botId, true);
	2775	+ // Real-time email validation
	2776	+ const emailInput = document.getElementById('user-email');
	2777	+ if (emailInput) {
	2778	+ let validationTimeout;
	2779	+
	2780	+ emailInput.addEventListener('input', function() {
	2781	+ // Clear previous validation timeout
	2782	+ if (validationTimeout) {
	2783	+ clearTimeout(validationTimeout);
	2784	+ }
	2785	+
	2786	+ // Debounce validation
	2787	+ validationTimeout = setTimeout(() => {
	2788	+ const email = this.value.trim();
	2789	+ clearEmailError();
	2790	+
	2791	+ if (email && !isValidEmail(email)) {
	2792	+ showEmailError('Please enter a valid email address.');
	2793	+ }
	2794	+ }, 500);
	2795	+ });
3588	2796
3589		- // Prepare form data
3590		- const formData = new URLSearchParams({
3591		- action: 'mxchat_handle_save_email_and_response',
3592		- email: userEmail,
3593		- session_id: sessionId,
3594		- nonce: mxchatChat.nonce,
3595		- });
3596		-
3597		- if (userName) {
3598		- formData.append('name', userName);
	2797	+ // Handle Enter key
	2798	+ emailInput.addEventListener('keypress', function(e) {
	2799	+ if (e.key === 'Enter' && !isSubmitting) {
	2800	+ e.preventDefault();
	2801	+ emailForm.dispatchEvent(new Event('submit'));
	2802	+ }
	2803	+ });
3599	2804	}
3600	2805
3601		- fetch(mxchatChat.ajax_url, {
3602		- method: 'POST',
3603		- headers: {
3604		- 'Content-Type': 'application/x-www-form-urlencoded',
3605		- },
3606		- body: formData
3607		- })
3608		- .then((response) => {
3609		- if (!response.ok) {
3610		- throw new Error(`HTTP error! status: ${response.status}`);
3611		- }
3612		- return response.json();
3613		- })
3614		- .then((data) => {
3615		- setEmailSubmissionState(botId, false);
3616		-
3617		- if (data.success) {
3618		- showChatContainerForBot(botId);
3619		-
3620		- // Replace {visitor_name} placeholder in intro message with actual name
3621		- if (userName) {
3622		- replaceVisitorNamePlaceholder(botId, userName);
3623		- } else {
3624		- // Remove placeholder if no name provided
3625		- replaceVisitorNamePlaceholder(botId, '');
	2806	+ // Real-time name validation
	2807	+ const nameInput = document.getElementById('user-name');
	2808	+ if (nameInput) {
	2809	+ let nameValidationTimeout;
	2810	+
	2811	+ nameInput.addEventListener('input', function() {
	2812	+ // Clear previous validation timeout
	2813	+ if (nameValidationTimeout) {
	2814	+ clearTimeout(nameValidationTimeout);
3626	2815	}
	2816	+
	2817	+ // Debounce validation
	2818	+ nameValidationTimeout = setTimeout(() => {
	2819	+ const name = this.value.trim();
	2820	+ clearEmailError();
	2821	+
	2822	+ if (name && !isValidName(name)) {
	2823	+ showEmailError('Name must be between 2 and 100 characters.');
	2824	+ }
	2825	+ }, 500);
	2826	+ });
3627	2827
3628		- if (data.message && typeof appendMessage === 'function') {
3629		- setTimeout(() => {
3630		- appendMessage('bot', data.message, '', [], false, botId);
3631		- if (typeof scrollToBottom === 'function') {
3632		- scrollToBottom(botId);
3633		- }
3634		- }, 100);
	2828	+ // Handle Enter key
	2829	+ nameInput.addEventListener('keypress', function(e) {
	2830	+ if (e.key === 'Enter' && !isSubmitting) {
	2831	+ e.preventDefault();
	2832	+ emailForm.dispatchEvent(new Event('submit'));
3635	2833	}
3636		- } else {
3637		- showEmailError(botId, data.message || 'Failed to save email. Please try again.');
3638		- }
3639		- })
3640		- .catch((error) => {
3641		- setEmailSubmissionState(botId, false);
3642		- showEmailError(botId, 'An error occurred. Please try again.');
3643		- });
3644		-
3645		- return false;
3646		- });
3647		-
3648		- // Real-time email validation using event delegation
3649		- $(document).on('input', '.mxchat-email-input', function() {
3650		- var botId = getBotIdFromElement(this);
3651		- var $input = $(this);
3652		-
3653		- // Clear previous timeout
3654		- clearTimeout($input.data('validationTimeout'));
3655		-
3656		- // Debounce validation
3657		- var timeout = setTimeout(() => {
3658		- var email = this.value.trim();
3659		- clearEmailError(botId);
3660		-
3661		- if (email && !isValidEmailAddress(email)) {
3662		- showEmailError(botId, 'Please enter a valid email address.');
3663		- }
3664		- }, 500);
3665		-
3666		- $input.data('validationTimeout', timeout);
3667		- });
3668		-
3669		- // Handle Enter key in email input
3670		- $(document).on('keypress', '.mxchat-email-input', function(e) {
3671		- if (e.key === 'Enter') {
3672		- e.preventDefault();
3673		- var botId = getBotIdFromElement(this);
3674		- if (!emailSubmittingState[botId]) {
3675		- $(this).closest('.email-collection-form').submit();
3676		- }
	2834	+ });
3677	2835	}
3678		- });
3679	2836
3680		- // Handle Enter key in name input
3681		- $(document).on('keypress', '.mxchat-name-input', function(e) {
3682		- if (e.key === 'Enter') {
3683		- e.preventDefault();
3684		- var botId = getBotIdFromElement(this);
3685		- if (!emailSubmittingState[botId]) {
3686		- $(this).closest('.email-collection-form').submit();
	2837	+ // Initial state check
	2838	+ if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
	2839	+ //console.log('Using server-provided email state:', mxchatChat.initial_email_state);
	2840	+
	2841	+ const emailState = mxchatChat.initial_email_state;
	2842	+ if (emailState.show_email_form) {
	2843	+ showEmailForm();
	2844	+ } else {
	2845	+ showChatContainer();
3687	2846	}
	2847	+ } else {
	2848	+ // Check email status via AJAX
	2849	+ setTimeout(checkSessionAndEmail, 100);
3688	2850	}
3689		- });
3690	2851
3691		- // Initialize email check for all bot instances
3692		- // For floating bots: defer until widget is opened (zero passive AJAX)
3693		- // For embedded bots: check immediately since the form is visible
3694		- $('.mxchat-chatbot-wrapper').each(function() {
3695		- var botId = $(this).data('bot-id') || 'default';
3696		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3697		-
3698		- if (emailBlocker) {
3699		- if (isEmbeddedBot(botId)) {
3700		- // Embedded bots are always visible — check now
3701		- resolveEmailState(botId);
3702		- }
3703		- // Floating bots: handled in the widget open handler
3704		- } else if (isEmbeddedBot(botId)) {
3705		- // Embedded bot, no email collection — load history with loader
3706		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3707		- if (chatPersistenceEnabled) {
3708		- MxChatInstances.ensureSession(botId);
3709		- showChatContainerForBot(botId);
3710		- }
	2852	+ // Check if email exists for the current session
	2853	+ function checkSessionAndEmail() {
	2854	+ const sessionId = getChatSession();
	2855	+
	2856	+ fetch(mxchatChat.ajax_url, {
	2857	+ method: 'POST',
	2858	+ headers: {
	2859	+ 'Content-Type': 'application/x-www-form-urlencoded',
	2860	+ },
	2861	+ body: new URLSearchParams({
	2862	+ action: 'mxchat_check_email_provided',
	2863	+ session_id: sessionId,
	2864	+ nonce: mxchatChat.nonce,
	2865	+ })
	2866	+ })
	2867	+ .then((response) => {
	2868	+ if (!response.ok) {
	2869	+ throw new Error(`HTTP error! status: ${response.status}`);
	2870	+ }
	2871	+ return response.json();
	2872	+ })
	2873	+ .then((data) => {
	2874	+ if (data.success) {
	2875	+ if (data.data.logged_in || data.data.email) {
	2876	+ showChatContainer();
	2877	+ } else {
	2878	+ showEmailForm();
	2879	+ }
	2880	+ } else {
	2881	+ // On error, default to showing email form
	2882	+ showEmailForm();
	2883	+ }
	2884	+ })
	2885	+ .catch((error) => {
	2886	+ //console.warn('Email check failed, defaulting to email form:', error);
	2887	+ showEmailForm();
	2888	+ });
3711	2889	}
3712		- });
	2890	+
	2891	+ } else {
	2892	+ console.error('Email collection is enabled but essential elements are missing:', {
	2893	+ emailForm: !!emailForm,
	2894	+ emailBlocker: !!emailBlocker,
	2895	+ chatbotWrapper: !!chatbotWrapper
	2896	+ });
	2897	+ }
	2898	+} else {
	2899	+ //console.log('Email collection is disabled');
3713	2900	}
3714	2901
3715		- // Open chatbot when pre-chat message is clicked - use class selector for multi-instance
3716		- $(document).on('click', '.pre-chat-message', function() {
3717		- var botId = getBotIdFromElement(this);
3718		- var $chatbot = getElement(botId, 'floating-chatbot');
3719		- if ($chatbot.hasClass('hidden')) {
3720		- $chatbot.removeClass('hidden').addClass('visible');
3721		- getElement(botId, 'floating-chatbot-button').addClass('hidden');
3722		- handlePreChatDismissal(botId);
	2902	+ // Open chatbot when pre-chat message is clicked
	2903	+ $(document).on('click', '#pre-chat-message', function() {
	2904	+ var chatbot = $('#floating-chatbot');
	2905	+ if (chatbot.hasClass('hidden')) {
	2906	+ chatbot.removeClass('hidden').addClass('visible');
	2907	+ $('#floating-chatbot-button').addClass('hidden');
	2908	+ $('#pre-chat-message').fadeOut(250); // Hide pre-chat message
3723	2909	disableScroll(); // Disable scroll when chatbot opens
3724		-
3725		- // Load chat history for returning visitors (persistence)
3726		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3727		- if (chatPersistenceEnabled) {
3728		- MxChatInstances.ensureSession(botId);
3729		- }
3730		-
3731		- // Deferred email check — only on first widget open
3732		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3733		- var instance = MxChatInstances.get(botId);
3734		- if (emailBlocker && !instance.emailCheckDone) {
3735		- instance.emailCheckDone = true;
3736		- resolveEmailState(botId);
3737		- } else if (!emailBlocker) {
3738		- showChatContainerForBot(botId);
3739		- }
3740	2910	}
3741	2911	});
3742	2912
3743		- // Legacy duplicate close handler removed — handled by single event delegation above
	2913	+ var closeButton = document.querySelector('.close-pre-chat-message');
	2914	+ if (closeButton) {
	2915	+ closeButton.addEventListener('click', function() {
	2916	+ $('#pre-chat-message').fadeOut(200); // Hide the message
3744	2917
	2918	+ // Send an AJAX request to set the transient flag for 24 hours
	2919	+ $.ajax({
	2920	+ url: mxchatChat.ajax_url,
	2921	+ type: 'POST',
	2922	+ data: {
	2923	+ action: 'mxchat_dismiss_pre_chat_message',
	2924	+ _ajax_nonce: mxchatChat.nonce
	2925	+ },
	2926	+ success: function() {
	2927	+ //console.log('Pre-chat message dismissed for 24 hours.');
3745	2928
3746		-function hasQuickQuestions(botId) {
3747		- botId = botId || 'default';
3748		- var questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3749		- if (!questionsContainer) return false;
3750		- const questionButtons = questionsContainer.querySelectorAll('.mxchat-popular-question');
	2929	+ // Ensure the message is hidden after dismissal
	2930	+ $('#pre-chat-message').hide();
	2931	+ },
	2932	+ error: function() {
	2933	+ //console.error('Failed to dismiss pre-chat message.');
	2934	+ }
	2935	+ });
	2936	+ });
	2937	+ }
	2938	+
	2939	+
	2940	+function hasQuickQuestions() {
	2941	+ const questionButtons = document.querySelectorAll('#mxchat-popular-questions .mxchat-popular-question');
3751	2942	return questionButtons.length > 0;
3752	2943	}
3753	2944
3754		-/**
3755		- * Check if a bot is embedded (not floating)
3756		- * Embedded bots don't have a .floating-chatbot wrapper
3757		- */
3758		-function isEmbeddedBot(botId) {
3759		- botId = botId || 'default';
3760		- var floatingWrapper = document.getElementById('floating-chatbot-' + botId);
3761		- return !floatingWrapper;
3762		-}
3763		-
3764		-function collapseQuickQuestions(botId) {
3765		- botId = botId || 'default';
3766		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3767		- if (questionsContainer && hasQuickQuestions(botId)) {
	2945	+function collapseQuickQuestions() {
	2946	+ const questionsContainer = document.getElementById('mxchat-popular-questions');
	2947	+ if (questionsContainer && hasQuickQuestions()) {
3768	2948	questionsContainer.classList.add('collapsed');
3769	2949	questionsContainer.classList.add('has-been-collapsed');
3770	2950	try {
3771		- sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'true');
3772		- sessionStorage.setItem('mxchat_questions_has_been_collapsed_' + botId, 'true');
	2951	+ sessionStorage.setItem('mxchat_questions_collapsed', 'true');
	2952	+ sessionStorage.setItem('mxchat_questions_has_been_collapsed', 'true');
3773	2953	} catch (e) {
3774	2954	// Ignore if sessionStorage is not available
3775	2955	}
3776	2956	}
		@@ -3775,15 +2955,14 @@
3775	2955	}
3776	2956	}
3777	2957	}
3778	2958
3779		-function expandQuickQuestions(botId) {
3780		- botId = botId || 'default';
3781		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3782		- if (questionsContainer && hasQuickQuestions(botId)) {
	2959	+function expandQuickQuestions() {
	2960	+ const questionsContainer = document.getElementById('mxchat-popular-questions');
	2961	+ if (questionsContainer && hasQuickQuestions()) {
3783	2962	questionsContainer.classList.remove('collapsed');
3784	2963	try {
3785		- sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'false');
	2964	+ sessionStorage.setItem('mxchat_questions_collapsed', 'false');
3786	2965	} catch (e) {
3787	2966	// Ignore if sessionStorage is not available
3788	2967	}
3789	2968	}
		@@ -3788,24 +2967,18 @@
3788	2967	}
3789	2968	}
3790	2969	}
3791	2970
3792		-function checkQuickQuestionsState(botId) {
3793		- botId = botId || 'default';
3794		- if (!hasQuickQuestions(botId)) {
	2971	+function checkQuickQuestionsState() {
	2972	+ if (!hasQuickQuestions()) {
3795	2973	return; // Don't do anything if no questions exist
3796	2974	}
3797		-
3798		- // Skip restoring collapsed state for embedded bots - they should always start expanded
3799		- if (isEmbeddedBot(botId)) {
3800		- return;
3801		- }
3802		-
	2975	+
3803	2976	try {
3804		- const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed_' + botId);
3805		- const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed_' + botId);
3806		-
3807		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
	2977	+ const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed');
	2978	+ const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed');
	2979	+
	2980	+ const questionsContainer = document.getElementById('mxchat-popular-questions');
3808	2981	if (questionsContainer) {
3809	2982	if (hasBeenCollapsed === 'true') {
3810	2983	questionsContainer.classList.add('has-been-collapsed');
3811	2984	}
		@@ -3818,36 +2991,32 @@
3818	2991	}
3819	2992	}
3820	2993
3821	2994	// Global delegation for dynamically added links as fallback
3822		-// Use class selector for multi-instance support
3823		-$(document).on('click', '.chat-box a[href]:not([data-tracked])', function(e) {
	2995	+$(document).on('click', '#chat-box a[href]:not([data-tracked])', function(e) {
3824	2996	const $link = $(this);
3825	2997	const messageDiv = $link.closest('.bot-message, .agent-message');
3826		-
	2998	+
3827	2999	// Only process bot/agent message links
3828	3000	if (messageDiv.length > 0) {
3829	3001	const originalHref = $link.attr('href');
3830		-
	3002	+
3831	3003	if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
3832	3004	e.preventDefault();
3833	3005	e.stopPropagation();
3834		-
	3006	+
3835	3007	// Mark as tracked
3836	3008	$link.attr('data-tracked', 'true');
3837		-
3838		- // Get bot ID from the chat box context
3839		- var botId = getBotIdFromElement(this);
3840		-
	3009	+
3841	3010	// Get message context from the message div
3842	3011	const messageText = messageDiv.text().substring(0, 200);
3843		-
	3012	+
3844	3013	$.ajax({
3845	3014	url: mxchatChat.ajax_url,
3846	3015	type: 'POST',
3847	3016	data: {
3848	3017	action: 'mxchat_track_url_click',
3849		- session_id: getChatSession(botId),
	3018	+ session_id: getChatSession(),
3850	3019	url: originalHref,
3851	3020	message_context: messageText,
3852	3021	nonce: mxchatChat.nonce
3853	3022	},
		@@ -3858,58 +3027,50 @@
3858	3027	window.location.href = originalHref;
3859	3028	}
3860	3029	}
3861	3030	});
3862		-
	3031	+
3863	3032	return false;
3864	3033	}
3865	3034	}
3866	3035	});
3867	3036
3868		- // ====================================
3869		- // MAIN INITIALIZATION
3870		- // ====================================
	3037	+
	3038	+
	3039	+
	3040	+// ====================================
	3041	+// MAIN INITIALIZATION
	3042	+// ====================================
3871	3043
3872		- // Initialize all chatbot instances on the page
3873		- initializeAllInstances();
	3044	+if ($('#floating-chatbot').hasClass('hidden')) {
	3045	+ $('#floating-chatbot-button').removeClass('hidden');
	3046	+}
	3047	+// Initialize when document is ready
	3048	+setFullHeight();
	3049	+trackOriginatingPage();
3874	3050
3875		- // Legacy initialization for single bot compatibility
3876		- $('.floating-chatbot.hidden').each(function() {
3877		- var botId = getBotIdFromElement(this);
3878		- getElement(botId, 'floating-chatbot-button').removeClass('hidden');
3879		- });
	3051	+// Only load chat history if email collection is disabled
	3052	+if (mxchatChat.email_collection_enabled !== 'on') {
	3053	+ loadChatHistory();
	3054	+}
3880	3055
3881		- // Initialize when document is ready
3882		- setFullHeight();
	3056	+initializeChatVisibility();
3883	3057
3884		- // Note: trackOriginatingPage() and loadChatHistory() are now deferred
3885		- // until the user's first interaction via MxChatInstances.ensureSession()
	3058	+// Make functions globally available for add-ons
	3059	+window.hasQuickQuestions = hasQuickQuestions;
	3060	+window.collapseQuickQuestions = collapseQuickQuestions;
	3061	+window.appendMessage = appendMessage;
	3062	+window.appendThinkingMessage = appendThinkingMessage;
	3063	+window.scrollToBottom = scrollToBottom;
	3064	+window.scrollElementToTop = scrollElementToTop;
	3065	+window.replaceLastMessage = replaceLastMessage;
	3066	+window.callMxChat = callMxChat;
	3067	+window.callMxChatStream = callMxChatStream;
	3068	+window.shouldUseStreaming = shouldUseStreaming;
	3069	+window.getChatSession = getChatSession;
	3070	+window.getPageContext = getPageContext;
	3071	+window.updateStreamingMessage = updateStreamingMessage;
3886	3072
3887		- // Initialize chat visibility for all instances
3888		- $('.mxchat-chatbot-wrapper').each(function() {
3889		- var botId = $(this).data('bot-id') || 'default';
3890		- initializeChatVisibility(botId);
3891		- });
3892		-
3893		- // Make functions globally available for add-ons
3894		- window.hasQuickQuestions = hasQuickQuestions;
3895		- window.collapseQuickQuestions = collapseQuickQuestions;
3896		- window.appendMessage = appendMessage;
3897		- window.appendThinkingMessage = appendThinkingMessage;
3898		- window.scrollToBottom = scrollToBottom;
3899		- window.scrollElementToTop = scrollElementToTop;
3900		- window.replaceLastMessage = replaceLastMessage;
3901		- window.callMxChat = callMxChat;
3902		- window.callMxChatStream = callMxChatStream;
3903		- window.shouldUseStreaming = shouldUseStreaming;
3904		- window.getChatSession = getChatSession;
3905		- window.getPageContext = getPageContext;
3906		- window.updateStreamingMessage = updateStreamingMessage;
3907		- window.MxChatInstances = MxChatInstances;
3908		- window.getElement = getElement;
3909		- window.getElementDOM = getElementDOM;
3910		- window.getBotIdFromElement = getBotIdFromElement;
3911		-
3912	3073	}); // End of jQuery ready
3913	3074
3914	3075
3915	3076	// ====================================
		@@ -3936,299 +3097,6 @@
3936	3097	}, 2000);
3937	3098	});
3938	3099	}
3939	3100	}
3940		-});
3941		-
3942		-// ============================================================================
3943		-// SATISFACTION RATING (v3.2.6)
3944		-// ============================================================================
3945		-// Per-session 👍/👎 prompt that appears in the chat-box after 60s of user
3946		-// inactivity following a bot reply. One prompt per session, deduped via
3947		-// localStorage. Disabled site-wide when mxchatChat.satisfaction_rating_enabled
3948		-// is exactly false (default ON).
3949		-jQuery(function($) {
3950		- if (typeof mxchatChat === 'undefined') return;
3951		- if (mxchatChat.satisfaction_rating_enabled === false || mxchatChat.satisfaction_rating_enabled === 'off') return;
3952		-
3953		- // wp_localize_script stringifies ints, so accept both number and numeric string.
3954		- var idleRaw = mxchatChat.satisfaction_rating_idle_seconds;
3955		- var idleSeconds = (typeof idleRaw === 'number') ? idleRaw : parseInt(idleRaw, 10);
3956		- if (!isFinite(idleSeconds)) idleSeconds = 60;
3957		- if (idleSeconds < 5) idleSeconds = 5;
3958		- if (idleSeconds > 600) idleSeconds = 600;
3959		- var IDLE_MS = idleSeconds * 1000;
3960		- var MIN_BOT_REPLIES = 2;
3961		- var ratingState = {};
3962		-
3963		- function getState(botId) {
3964		- if (!ratingState[botId]) {
3965		- ratingState[botId] = { idleTimer: null, botReplies: 0, promptShown: false, dismissed: false };
3966		- }
3967		- return ratingState[botId];
3968		- }
3969		-
3970		- function getSessionId(botId) {
3971		- if (typeof MxChatInstances !== 'undefined' && MxChatInstances.getChatSession) {
3972		- return MxChatInstances.getChatSession(botId);
3973		- }
3974		- return null;
3975		- }
3976		-
3977		- function isAlreadyRated(sessionId) {
3978		- if (!sessionId) return false;
3979		- try { return localStorage.getItem('mxchat_rated:' + sessionId) === '1'; } catch (e) { return false; }
3980		- }
3981		-
3982		- function markRated(sessionId) {
3983		- if (!sessionId) return;
3984		- try { localStorage.setItem('mxchat_rated:' + sessionId, '1'); } catch (e) {}
3985		- }
3986		-
3987		- function esc(s) {
3988		- return String(s == null ? '' : s)
3989		- .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
3990		- .replace(/"/g, '&quot;').replace(/'/g, '&#039;');
3991		- }
3992		-
3993		- // Mirror shouldSkipInlineColors so rating bubbles defer to AI-theme CSS.
3994		- function ratingSkipInlineColors(botId) {
3995		- if (mxchatChat.skip_inline_colors) return true;
3996		- var botAssignments = mxchatChat.bot_theme_assignments || {};
3997		- return botAssignments.hasOwnProperty(botId);
3998		- }
3999		-
4000		- function botBubbleStyleAttr(botId) {
4001		- if (ratingSkipInlineColors(botId)) return '';
4002		- var bg = mxchatChat.bot_message_bg_color;
4003		- var fg = mxchatChat.bot_message_font_color;
4004		- if (!bg && !fg) return '';
4005		- return ' style="background-color: ' + esc(bg || '') + '; color: ' + esc(fg || '') + ';"';
4006		- }
4007		-
4008		- // Reads the rating bubble's actual computed fg+bg (whatever paints it —
4009		- // the inline color pickers OR the mxchat-theme AI customizer's injected CSS)
4010		- // and paints the filled "Send" pill so it fills with the bot font color and
4011		- // labels in the bubble bg. Mirrors mxchatSyncMenuColors(~:1512) for the read.
4012		- // We paint the submit button DIRECTLY (inline longhand) rather than relying
4013		- // on the CSS rule's var()s: Chromium resolves an INHERITED custom property
4014		- // unreliably inside a descendant's `background`, so a bubble-level var would
4015		- // silently fall back to the literal (white-block bug all over again). Inline
4016		- // longhand always wins. Same transparent-guard as the menu so we never paint
4017		- // a see-through value — in that case the CSS literal fallbacks keep it legible.
4018		- function syncRatingBubbleColors(botId) {
4019		- var $chatBox = getChatBoxByBotId(botId);
4020		- if (!$chatBox || !$chatBox.length) return;
4021		- var bubbleEl = $chatBox.find('.mxchat-rating-bot-bubble').last()[0];
4022		- if (!bubbleEl) return;
4023		- var cs = window.getComputedStyle(bubbleEl);
4024		- var fg = cs.color;
4025		- var bg = cs.backgroundColor;
4026		- var hasFg = fg && fg !== 'rgba(0, 0, 0, 0)' && fg !== 'transparent';
4027		- var hasBg = bg && bg !== 'rgba(0, 0, 0, 0)' && bg !== 'transparent';
4028		- // Expose on the bubble too, for any inheriting styles / future use.
4029		- if (hasFg) bubbleEl.style.setProperty('--mxchat-bot-fg', fg);
4030		- if (hasBg) bubbleEl.style.setProperty('--mxchat-bot-bg', bg);
4031		- // Paint the Send pill directly — the part that actually fixes the bug.
4032		- var submitEl = bubbleEl.querySelector('.mxchat-rating-submit');
4033		- if (submitEl) {
4034		- if (hasFg) submitEl.style.backgroundColor = fg; // fill = bot font color
4035		- if (hasBg) submitEl.style.color = bg; // label = bubble background
4036		- }
4037		- }
4038		-
4039		- function copy(key) {
4040		- var c = mxchatChat.satisfaction_rating_copy || {};
4041		- var d = {
4042		- question: 'Was this helpful?',
4043		- helpful: 'Helpful',
4044		- not_helpful: 'Not helpful',
4045		- dismiss: 'Dismiss',
4046		- thanks: 'Thanks! Anything we should improve? (optional)',
4047		- placeholder: 'Tell us what could be better…',
4048		- send: 'Send',
4049		- skip: 'Skip',
4050		- saved: 'Thanks for the feedback.'
4051		- };
4052		- return c[key] || d[key];
4053		- }
4054		-
4055		- function thumbUpSvg() {
4056		- return '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777Z"/><path d="M2.331 10.977a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z"/></svg>';
4057		- }
4058		- function thumbDownSvg() {
4059		- return '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M15.73 5.25h1.035A7.465 7.465 0 0 1 18 9.375a7.465 7.465 0 0 1-1.235 4.125h-.148c-.806 0-1.534.446-2.031 1.08a9.04 9.04 0 0 1-2.861 2.4c-.723.384-1.35.956-1.653 1.715a4.498 4.498 0 0 0-.322 1.672V21a.75.75 0 0 1-.75.75 2.25 2.25 0 0 1-2.25-2.25c0-1.152.26-2.243.723-3.218.266-.558-.107-1.282-.725-1.282H3.622c-1.026 0-1.945-.694-2.054-1.715A12.137 12.137 0 0 1 1.5 12c0-2.848.992-5.464 2.649-7.521C4.537 3.997 5.136 3.75 5.754 3.75h4.541c.483 0 .964.078 1.423.23l3.114 1.04c.46.152.94.23 1.423.23Z"/><path d="M21.669 13.023c.536-1.362.831-2.845.831-4.398 0-1.22-.182-2.398-.52-3.507-.26-.85-1.084-1.368-1.973-1.368H19.1c-.445 0-.72.498-.523.898.591 1.2.924 2.55.924 3.977a8.958 8.958 0 0 1-1.302 4.666c-.245.403.028.959.5.959h1.053c.832 0 1.612-.453 1.918-1.227Z"/></svg>';
4060		- }
4061		-
4062		- function buildPromptHtml(botId) {
4063		- var styleAttr = botBubbleStyleAttr(botId);
4064		- return ''
4065		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
4066		- + '<div class="mxchat-rating-prompt" data-bot-id="' + esc(botId) + '" role="group" aria-label="' + esc(copy('question')) + '">'
4067		- + '<div class="mxchat-rating-question">' + esc(copy('question')) + '</div>'
4068		- + '<div class="mxchat-rating-actions">'
4069		- + '<span class="mxchat-rating-buttons">'
4070		- + '<button type="button" class="mxchat-rating-btn" data-rating="1" aria-label="' + esc(copy('helpful')) + '">' + thumbUpSvg() + '</button>'
4071		- + '<button type="button" class="mxchat-rating-btn" data-rating="-1" aria-label="' + esc(copy('not_helpful')) + '">' + thumbDownSvg() + '</button>'
4072		- + '</span>'
4073		- + '<button type="button" class="mxchat-rating-dismiss" aria-label="' + esc(copy('dismiss')) + '">×</button>'
4074		- + '</div>'
4075		- + '</div>'
4076		- + '</div>';
4077		- }
4078		-
4079		- function buildFeedbackHtml(botId, rating) {
4080		- var styleAttr = botBubbleStyleAttr(botId);
4081		- return ''
4082		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
4083		- + '<div class="mxchat-rating-feedback" data-bot-id="' + esc(botId) + '" data-rating="' + esc(String(rating)) + '">'
4084		- + '<div class="mxchat-rating-feedback-label">' + esc(copy('thanks')) + '</div>'
4085		- + '<textarea class="mxchat-rating-feedback-input" maxlength="500" placeholder="' + esc(copy('placeholder')) + '" rows="2"></textarea>'
4086		- + '<div class="mxchat-rating-feedback-actions">'
4087		- + '<button type="button" class="mxchat-rating-skip">' + esc(copy('skip')) + '</button>'
4088		- + '<button type="button" class="mxchat-rating-submit">' + esc(copy('send')) + '</button>'
4089		- + '</div>'
4090		- + '</div>'
4091		- + '</div>';
4092		- }
4093		-
4094		- function buildSavedHtml(botId) {
4095		- var styleAttr = botBubbleStyleAttr(botId);
4096		- return ''
4097		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
4098		- + '<div class="mxchat-rating-saved">' + esc(copy('saved')) + '</div>'
4099		- + '</div>';
4100		- }
4101		-
4102		- function getChatBoxByBotId(botId) {
4103		- var $byId = $('#chat-box-' + botId);
4104		- if ($byId.length) return $byId.first();
4105		- return $('.chat-box').first();
4106		- }
4107		-
4108		- function scrollChatBoxToBottom($chatBox) {
4109		- if (!$chatBox || !$chatBox.length) return;
4110		- $chatBox.scrollTop($chatBox[0].scrollHeight);
4111		- }
4112		-
4113		- function showPrompt(botId) {
4114		- var s = getState(botId);
4115		- if (s.promptShown || s.dismissed) return;
4116		- var sessionId = getSessionId(botId);
4117		- if (!sessionId) return;
4118		- if (isAlreadyRated(sessionId)) { s.promptShown = true; return; }
4119		- var $chatBox = getChatBoxByBotId(botId);
4120		- if (!$chatBox.length) return;
4121		- if ($chatBox.find('.mxchat-rating-prompt').length) { s.promptShown = true; return; }
4122		- $chatBox.append(buildPromptHtml(botId));
4123		- syncRatingBubbleColors(botId);
4124		- s.promptShown = true;
4125		- scrollChatBoxToBottom($chatBox);
4126		- }
4127		-
4128		- function submitRating(botId, rating, feedback) {
4129		- var sessionId = getSessionId(botId);
4130		- if (!sessionId) return;
4131		- $.post(mxchatChat.ajax_url, {
4132		- action: 'mxchat_save_rating',
4133		- session_id: sessionId,
4134		- bot_id: botId,
4135		- rating: rating,
4136		- feedback: feedback || ''
4137		- });
4138		- markRated(sessionId);
4139		- }
4140		-
4141		- function onBotReply(botId) {
4142		- var s = getState(botId);
4143		- s.botReplies += 1;
4144		- if (s.promptShown || s.dismissed) return;
4145		- var sessionId = getSessionId(botId);
4146		- if (sessionId && isAlreadyRated(sessionId)) { s.promptShown = true; return; }
4147		- if (s.botReplies < MIN_BOT_REPLIES) return;
4148		- if (s.idleTimer) clearTimeout(s.idleTimer);
4149		- s.idleTimer = setTimeout(function() { showPrompt(botId); }, IDLE_MS);
4150		- }
4151		-
4152		- function onUserMessage(botId) {
4153		- var s = getState(botId);
4154		- if (s.idleTimer) { clearTimeout(s.idleTimer); s.idleTimer = null; }
4155		- }
4156		-
4157		- function botIdFromChatBox(el) {
4158		- var id = el && el.id ? el.id : '';
4159		- return id.indexOf('chat-box-') === 0 ? id.substring('chat-box-'.length) : 'default';
4160		- }
4161		-
4162		- function setupObserver(chatBox) {
4163		- var botId = botIdFromChatBox(chatBox);
4164		- try {
4165		- var observer = new MutationObserver(function(mutations) {
4166		- mutations.forEach(function(m) {
4167		- for (var i = 0; i < m.addedNodes.length; i++) {
4168		- var node = m.addedNodes[i];
4169		- if (!node || node.nodeType !== 1) continue;
4170		- var $n = $(node);
4171		- if ($n.hasClass('mxchat-rating-bot-bubble') || $n.hasClass('mxchat-rating-prompt') || $n.hasClass('mxchat-rating-feedback') || $n.hasClass('mxchat-rating-saved')) continue;
4172		- if ($n.hasClass('bot-message')) onBotReply(botId); // count at insert time — streaming providers append with .temporary-message first, then remove later (childList observer can't see attr changes)
4173		- else if ($n.hasClass('user-message')) onUserMessage(botId);
4174		- }
4175		- });
4176		- });
4177		- observer.observe(chatBox, { childList: true });
4178		- } catch (e) { /* noop */ }
4179		- }
4180		-
4181		- $('.chat-box').each(function() { setupObserver(this); });
4182		-
4183		- $(document).on('click', '.mxchat-rating-btn', function(e) {
4184		- e.preventDefault();
4185		- var $btn = $(this);
4186		- var $prompt = $btn.closest('.mxchat-rating-prompt');
4187		- var $wrap = $btn.closest('.mxchat-rating-bot-bubble');
4188		- var botId = $prompt.data('bot-id') || 'default';
4189		- var rating = parseInt($btn.attr('data-rating'), 10);
4190		- if (rating !== 1 && rating !== -1) return;
4191		- submitRating(botId, rating, '');
4192		- ($wrap.length ? $wrap : $prompt).replaceWith(buildFeedbackHtml(botId, rating));
4193		- syncRatingBubbleColors(botId);
4194		- scrollChatBoxToBottom(getChatBoxByBotId(botId));
4195		- });
4196		-
4197		- $(document).on('click', '.mxchat-rating-dismiss', function(e) {
4198		- e.preventDefault();
4199		- var $prompt = $(this).closest('.mxchat-rating-prompt');
4200		- var $wrap = $(this).closest('.mxchat-rating-bot-bubble');
4201		- var botId = $prompt.data('bot-id') || 'default';
4202		- var s = getState(botId);
4203		- s.dismissed = true;
4204		- markRated(getSessionId(botId));
4205		- ($wrap.length ? $wrap : $prompt).remove();
4206		- });
4207		-
4208		- function closeFeedback($fb) {
4209		- var botId = $fb.data('bot-id') || 'default';
4210		- var $wrap = $fb.closest('.mxchat-rating-bot-bubble');
4211		- ($wrap.length ? $wrap : $fb).replaceWith(buildSavedHtml(botId));
4212		- syncRatingBubbleColors(botId);
4213		- scrollChatBoxToBottom(getChatBoxByBotId(botId));
4214		- }
4215		-
4216		- $(document).on('click', '.mxchat-rating-skip', function(e) {
4217		- e.preventDefault();
4218		- closeFeedback($(this).closest('.mxchat-rating-feedback'));
4219		- });
4220		-
4221		- $(document).on('click', '.mxchat-rating-submit', function(e) {
4222		- e.preventDefault();
4223		- var $fb = $(this).closest('.mxchat-rating-feedback');
4224		- var botId = $fb.data('bot-id') || 'default';
4225		- var rating = parseInt($fb.attr('data-rating'), 10);
4226		- if (rating !== 1 && rating !== -1) { closeFeedback($fb); return; }
4227		- var text = String($fb.find('.mxchat-rating-feedback-input').val() || '').trim();
4228		- if (text !== '') {
4229		- submitRating(botId, rating, text);
4230		- }
4231		- closeFeedback($fb);
4232		- });
4233	3101	});
4234	3102