← All changes | js/chat-script.js +1206 -1968 3.2.4 → 2.4.1 View file →

		@@ -1,228 +1,12 @@
1	1	jQuery(document).ready(function($) {
2		-
3		- // Nonce refresh is deferred until first user interaction (ensureSession)
4		- // to avoid admin-ajax calls on passive page loads.
5		- var nonceRefreshed = false;
6		- function refreshNonceIfNeeded(callback) {
7		- if (nonceRefreshed || typeof mxchatChat === 'undefined' || !mxchatChat.ajax_url) {
8		- if (callback) callback();
9		- return;
10		- }
11		- nonceRefreshed = true;
12		- $.post(mxchatChat.ajax_url, { action: 'mxchat_refresh_nonce' }, function(res) {
13		- if (res && res.success && res.data && res.data.nonce) {
14		- mxchatChat.nonce = res.data.nonce;
15		- }
16		- if (callback) callback();
17		- });
18		- }
19		-
	2	+
20	3	// ====================================
21		- // MULTI-INSTANCE MANAGEMENT SYSTEM
22		- // ====================================
23		-
24		- // Instance registry - tracks all chatbot instances on the page
25		- const MxChatInstances = {
26		- instances: {},
27		-
28		- // Initialize an instance for a bot
29		- init: function(botId) {
30		- if (!this.instances[botId]) {
31		- // When persistence is OFF, track when this session started
32		- // so the AI only sees messages from this page load
33		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
34		-
35		- this.instances[botId] = {
36		- botId: botId,
37		- sessionId: null,
38		- lastSeenMessageId: '',
39		- notificationCheckInterval: null,
40		- pollingInterval: null,
41		- processedMessageIds: new Set(),
42		- activePdfFile: null,
43		- activeWordFile: null,
44		- chatHistoryLoaded: false,
45		- isStreaming: false,
46		- // Fresh context timestamp - only used when persistence is OFF
47		- sessionStartTimestamp: chatPersistenceEnabled ? 0 : Date.now()
48		- };
49		- }
50		- return this.instances[botId];
51		- },
52		-
53		- // Get instance by botId
54		- get: function(botId) {
55		- return this.instances[botId] || this.init(botId);
56		- },
57		-
58		- // Get all active bot IDs
59		- getAllBotIds: function() {
60		- return Object.keys(this.instances);
61		- },
62		-
63		- // Session management per bot
64		- // Returns existing session ID from cookie or localStorage (with in-memory fallback),
65		- // or null if none exists. Does NOT create a new session — use ensureSession() for that.
66		- getChatSession: function(botId) {
67		- var cookieName = 'mxchat_session_id_' + botId;
68		- var storageKey = 'mxchat_session_id_' + botId;
69		- var sessionId = getCookie(cookieName);
70		-
71		- // Fallback to localStorage if cookie is missing (e.g. cleared by browser/consent)
72		- if (!sessionId) {
73		- try { sessionId = localStorage.getItem(storageKey); } catch (e) {}
74		- }
75		-
76		- // Fallback to in-memory instance when cookie AND localStorage are both blocked
77		- // (Safari ITP, strict tracking prevention, cross-origin iframes with partitioned
78		- // storage). Without this, ensureSession() can generate and store an ID that
79		- // getChatSession() then can't read back, causing null session_ids on send.
80		- if (!sessionId && this.instances[botId] && this.instances[botId].sessionId) {
81		- sessionId = this.instances[botId].sessionId;
82		- }
83		-
84		- // Guard against stored sentinel values that indicate earlier broken writes.
85		- if (sessionId === 'null' || sessionId === 'undefined') {
86		- sessionId = null;
87		- }
88		-
89		- // Re-sync cookie from localStorage if cookie was lost
90		- if (sessionId && !getCookie(cookieName)) {
91		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
92		- }
93		-
94		- return sessionId || null;
95		- },
96		-
97		- // Lazy session initializer — called on first user interaction
98		- ensureSession: function(botId) {
99		- botId = botId || 'default';
100		- var instance = this.instances[botId] || this.init(botId);
101		-
102		- if (instance.sessionId) {
103		- return instance.sessionId;
104		- }
105		-
106		- // Check for existing session from cookie or localStorage
107		- var existingSession = this.getChatSession(botId);
108		-
109		- if (existingSession) {
110		- instance.sessionId = existingSession;
111		- } else {
112		- // Brand new session
113		- var newId = generateSessionId();
114		- this.setChatSession(botId, newId);
115		- instance.sessionId = newId;
116		- }
117		-
118		- // Now that we have a session, do the deferred work
119		- refreshNonceIfNeeded();
120		- trackOriginatingPage();
121		-
122		- // Note: loadChatHistory is handled by showChatContainerForBot with loader UI,
123		- // so we do NOT call it here to avoid a race condition.
124		-
125		- return instance.sessionId;
126		- },
127		-
128		- setChatSession: function(botId, sessionId) {
129		- var cookieName = 'mxchat_session_id_' + botId;
130		- var storageKey = 'mxchat_session_id_' + botId;
131		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
132		- try { localStorage.setItem(storageKey, sessionId); } catch (e) {}
133		- if (this.instances[botId]) {
134		- this.instances[botId].sessionId = sessionId;
135		- }
136		- },
137		-
138		- resetChatSession: function(botId) {
139		- // Clear old session from localStorage before setting new one
140		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
141		- var newSessionId = generateSessionId();
142		- this.setChatSession(botId, newSessionId);
143		- var $chatBox = getElement(botId, 'chat-box');
144		- if ($chatBox.length) {
145		- $chatBox.find('.user-message, .bot-message:not(:first), .agent-message').remove();
146		- }
147		- if (this.instances[botId]) {
148		- this.instances[botId].chatHistoryLoaded = false;
149		- this.instances[botId].processedMessageIds = new Set();
150		- }
151		- },
152		-
153		- // Silent reset — new session ID without clearing the chat UI
154		- // Used when IP changes mid-conversation so the user doesn't see messages vanish
155		- silentResetSession: function(botId) {
156		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
157		- var newSessionId = generateSessionId();
158		- this.setChatSession(botId, newSessionId);
159		- if (this.instances[botId]) {
160		- this.instances[botId].sessionId = newSessionId;
161		- }
162		- return newSessionId;
163		- }
164		- };
165		-
166		- // ====================================
167		- // ELEMENT SELECTOR HELPERS
168		- // ====================================
169		-
170		- // Check if a specific bot has an AI theme assigned (skip inline colors)
171		- function shouldSkipInlineColors(botId) {
172		- // If global AI theme is active, skip inline colors for all bots
173		- if (mxchatChat.skip_inline_colors) {
174		- return true;
175		- }
176		- // Check if this specific bot has a theme assignment
177		- var botAssignments = mxchatChat.bot_theme_assignments || {};
178		- return botAssignments.hasOwnProperty(botId);
179		- }
180		-
181		- // Get element by ID with bot suffix - returns jQuery object
182		- function getElement(botId, elementName) {
183		- return $('#' + elementName + '-' + botId);
184		- }
185		-
186		- // Get element by ID with bot suffix - returns DOM element
187		- function getElementDOM(botId, elementName) {
188		- return document.getElementById(elementName + '-' + botId);
189		- }
190		-
191		- // Get bot ID from any element within a chatbot instance
192		- function getBotIdFromElement(element) {
193		- var $wrapper = $(element).closest('.mxchat-chatbot-wrapper');
194		- if ($wrapper.length) {
195		- return $wrapper.data('bot-id') || 'default';
196		- }
197		- // Fallback: try to find from floating container
198		- var $floating = $(element).closest('.floating-chatbot');
199		- if ($floating.length) {
200		- var id = $floating.attr('id') || '';
201		- var match = id.match(/floating-chatbot-(.+)/);
202		- if (match) return match[1];
203		- }
204		- // Fallback: check if element itself has an ID with bot suffix (e.g., floating-chatbot-button-{bot_id})
205		- var elementId = $(element).attr('id') || '';
206		- if (elementId) {
207		- // Match patterns like: floating-chatbot-button-{bot_id}, pre-chat-message-{bot_id}
208		- var idMatch = elementId.match(/^(?:floating-chatbot-button|pre-chat-message|chat-notification-badge)-(.+)$/);
209		- if (idMatch) return idMatch[1];
210		- }
211		- return 'default';
212		- }
213		-
214		- // Get wrapper element for a bot
215		- function getWrapper(botId) {
216		- return getElement(botId, 'mxchat-chatbot-wrapper');
217		- }
218		-
219		- // ====================================
220	4	// GLOBAL VARIABLES & CONFIGURATION
221	5	// ====================================
222	6	const toolbarIconColor = mxchatChat.toolbar_icon_color || '#212121';
223		-
224		- // Initialize color settings (these are global as they come from PHP)
	7	+
	8	+ // Initialize color settings
225	9	var userMessageBgColor = mxchatChat.user_message_bg_color;
226	10	var userMessageFontColor = mxchatChat.user_message_font_color;
227	11	var botMessageBgColor = mxchatChat.bot_message_bg_color;
228	12	var botMessageFontColor = mxchatChat.bot_message_font_color;
		@@ -227,64 +11,53 @@
227	11	var botMessageBgColor = mxchatChat.bot_message_bg_color;
228	12	var botMessageFontColor = mxchatChat.bot_message_font_color;
229	13	var liveAgentMessageBgColor = mxchatChat.live_agent_message_bg_color;
230	14	var liveAgentMessageFontColor = mxchatChat.live_agent_message_font_color;
	15	+
	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;
231	25
232		- var linkTarget = mxchatChat.link_target_toggle === 'on' ? '_blank' : '_self';
233	26
234	27	// ====================================
235		- // SESSION MANAGEMENT (Legacy compatibility)
	28	+ // SESSION MANAGEMENT
236	29	// ====================================
237		-
	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	+
238	50	function getCookie(name) {
239	51	let value = "; " + document.cookie;
240	52	let parts = value.split("; " + name + "=");
241	53	if (parts.length == 2) return parts.pop().split(";").shift();
242	54	}
243		-
	55	+
244	56	function generateSessionId() {
245	57	return 'mxchat_chat_' + Math.random().toString(36).substr(2, 9);
246	58	}
247	59
248		- // Legacy function - now delegates to instance manager
249		- function getChatSession(botId) {
250		- botId = botId || 'default';
251		- return MxChatInstances.getChatSession(botId);
252		- }
253		-
254		- function setChatSession(sessionId, botId) {
255		- botId = botId || 'default';
256		- MxChatInstances.setChatSession(botId, sessionId);
257		- }
258		-
259		- function resetChatSession(botId) {
260		- botId = botId || 'default';
261		- MxChatInstances.resetChatSession(botId);
262		- }
263		-
264		- // ====================================
265		- // INITIALIZE ALL CHATBOT INSTANCES
266		- // ====================================
267		-
268		- function initializeAllInstances() {
269		- // Find all chatbot wrappers on the page
270		- $('.mxchat-chatbot-wrapper').each(function() {
271		- var botId = $(this).data('bot-id') || 'default';
272		- MxChatInstances.init(botId);
273		- initializeBotInstance(botId);
274		- });
275		- }
276		-
277		- function initializeBotInstance(botId) {
278		- var instance = MxChatInstances.get(botId);
279		-
280		- // Initialize quick questions state for this bot
281		- checkQuickQuestionsState(botId);
282		-
283		- // Note: Event handlers use event delegation with class selectors,
284		- // so they work automatically for all instances without per-bot setup
285		- }
286		-
287	60	// ====================================
288	61	// CONTEXTUAL AWARENESS FUNCTIONALITY
289	62	// ====================================
290	63
		@@ -360,9 +133,9 @@
360	133	const elements = clone.querySelectorAll(selector);
361	134	elements.forEach(el => el.remove());
362	135	});
363	136
364		- // Extract MxChat context data attributes before getting text content
	137	+ // NEW: Extract MxChat context data attributes before getting text content
365	138	const contextData = [];
366	139	clone.querySelectorAll('[data-mxchat-context]').forEach(el => {
367	140	const contextValue = el.dataset.mxchatContext;
368	141	if (contextValue && contextValue.trim()) {
		@@ -396,9 +169,9 @@
396	169	content: pageContent
397	170	};
398	171	}
399	172
400		-// Track originating page when chat starts
	173	+// NEW: Track originating page when chat starts
401	174	function trackOriginatingPage() {
402	175	const sessionId = getChatSession();
403	176	const pageUrl = window.location.href;
404	177	const pageTitle = document.title || 'Untitled Page';
		@@ -429,123 +202,70 @@
429	202
430	203	// ====================================
431	204	// CORE CHAT FUNCTIONALITY
432	205	// ====================================
433		-
434		-// Helper functions to disable/enable chat input while waiting for response
435		-function disableChatInput(botId) {
436		- botId = botId || 'default';
437		- var chatInput = getElementDOM(botId, 'chat-input');
438		- var sendButton = getElementDOM(botId, 'send-button');
439		- if (chatInput) {
440		- chatInput.disabled = true;
441		- chatInput.style.opacity = '0.6';
442		- }
443		- if (sendButton) {
444		- sendButton.disabled = true;
445		- sendButton.style.opacity = '0.5';
446		- sendButton.style.pointerEvents = 'none';
447		- }
448		-}
449		-
450		-function enableChatInput(botId) {
451		- botId = botId || 'default';
452		- var chatInput = getElementDOM(botId, 'chat-input');
453		- var sendButton = getElementDOM(botId, 'send-button');
454		- if (chatInput) {
455		- chatInput.disabled = false;
456		- chatInput.style.opacity = '1';
457		- chatInput.focus();
458		- }
459		- if (sendButton) {
460		- sendButton.disabled = false;
461		- sendButton.style.opacity = '1';
462		- sendButton.style.pointerEvents = 'auto';
463		- }
464		-}
465		-
466	206	// Update your existing sendMessage function
467		-function sendMessage(botId) {
468		- botId = botId || 'default';
469		- MxChatInstances.ensureSession(botId);
470		- var $chatInput = getElement(botId, 'chat-input');
471		- var message = $chatInput.val();
472		-
	207	+function sendMessage() {
	208	+ var message = $('#chat-input').val();
	209	+
473	210	// ADD PROMPT HOOK HERE
474		- if (typeof customMxChatFilter === 'function') {
475		- message = customMxChatFilter(message, "prompt");
	211	+ if (typeof customMxChatFilter === 'function') {
	212	+ message = customMxChatFilter(message, "prompt");
476	213	}
477		-
	214	+
478	215	if (message) {
479		- // Don't disable input in live agent mode - let users chat freely
480		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
481		- var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
482		- if (!isAgentMode) {
483		- disableChatInput(botId);
484		- }
	216	+ appendMessage("user", message);
	217	+ $('#chat-input').val('');
	218	+ $('#chat-input').css('height', 'auto');
485	219
486		- appendMessage("user", message, '', [], false, botId);
487		- $chatInput.val('');
488		- $chatInput.css('height', 'auto');
489		-
490		- if (hasQuickQuestions(botId)) {
491		- collapseQuickQuestions(botId);
	220	+ if (hasQuickQuestions()) {
	221	+ collapseQuickQuestions();
492	222	}
493		- appendThinkingMessage(botId);
494		- scrollToBottom(botId);
	223	+ appendThinkingMessage();
	224	+ scrollToBottom();
495	225
496		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	226	+ const currentModel = mxchatChat.model || 'gpt-4o';
497	227
498	228	// Check if streaming is enabled AND supported for this model
499	229	if (shouldUseStreaming(currentModel)) {
500	230	callMxChatStream(message, function(response) {
501		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
502		- }, botId);
	231	+ $('.bot-message.temporary-message').removeClass('temporary-message');
	232	+ });
503	233	} else {
504	234	callMxChat(message, function(response) {
505		- replaceLastMessage("bot", response, '', [], botId);
506		- }, botId);
	235	+ replaceLastMessage("bot", response);
	236	+ });
507	237	}
508	238	}
509	239	}
510	240
511	241	// Update your existing sendMessageToChatbot function
512		-function sendMessageToChatbot(message, botId) {
513		- botId = botId || 'default';
514		- MxChatInstances.ensureSession(botId);
515		-
	242	+function sendMessageToChatbot(message) {
516	243	// ADD PROMPT HOOK HERE
517	244	if (typeof customMxChatFilter === 'function') {
518	245	message = customMxChatFilter(message, "prompt");
519	246	}
	247	+
	248	+ var sessionId = getChatSession();
520	249
521		- // Don't disable input in live agent mode - let users chat freely
522		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
523		- var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
524		- if (!isAgentMode) {
525		- disableChatInput(botId);
	250	+ if (hasQuickQuestions()) {
	251	+ collapseQuickQuestions();
526	252	}
	253	+ appendThinkingMessage();
	254	+ scrollToBottom();
527	255
528		- var sessionId = getChatSession(botId);
	256	+ const currentModel = mxchatChat.model || 'gpt-4o';
529	257
530		- if (hasQuickQuestions(botId)) {
531		- collapseQuickQuestions(botId);
532		- }
533		- appendThinkingMessage(botId);
534		- scrollToBottom(botId);
535		-
536		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
537		-
538	258	// Check if streaming is enabled AND supported for this model
539	259	if (shouldUseStreaming(currentModel)) {
540	260	callMxChatStream(message, function(response) {
541		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
542		- }, botId);
	261	+ $('.bot-message.temporary-message').removeClass('temporary-message');
	262	+ });
543	263	} else {
544	264	callMxChat(message, function(response) {
545		- getElement(botId, 'chat-box').find('.temporary-message').remove();
546		- replaceLastMessage("bot", response, '', [], botId);
547		- }, botId);
	265	+ $('.temporary-message').remove();
	266	+ replaceLastMessage("bot", response);
	267	+ });
548	268	}
549	269	}
550	270
551	271	// Updated shouldUseStreaming function with debugging
		@@ -588,53 +308,20 @@
588	308	updateChatModeIndicator('agent');
589	309	}
590	310	}
591	311
592		-// Function to get bot ID from any element or wrapper
593		-// If element is provided, finds the bot ID from its wrapper
594		-// If no element, returns 'default' (for backward compatibility)
595		-function getMxChatBotId(element) {
596		- if (element) {
597		- return getBotIdFromElement(element);
598		- }
599		- // Fallback: find first chatbot wrapper on page
600		- const chatbotWrapper = document.querySelector('.mxchat-chatbot-wrapper');
601		- return chatbotWrapper ? chatbotWrapper.getAttribute('data-bot-id') || 'default' : 'default';
602		-}
603		-
604		-function callMxChat(message, callback, botId) {
605		- botId = botId || getMxChatBotId();
606		-
607		- // Store the message in case we need to retry after session reset
608		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
609		-
	312	+function callMxChat(message, callback) {
610	313	// Get page context if contextual awareness is enabled
611	314	const pageContext = getPageContext();
612		-
613		- // Get instance for session start timestamp (used when persistence is OFF)
614		- var instance = MxChatInstances.get(botId);
615		-
616		- // Guarantee a non-null session_id before the AJAX leaves. ensureSession() is idempotent
617		- // and returns the guaranteed-present session id from the in-memory instance even when
618		- // cookie/localStorage writes are silently blocked by the browser.
619		- var sessionId = MxChatInstances.ensureSession(botId);
620		- if (!sessionId || sessionId === 'null' || sessionId === 'undefined') {
621		- // Last-resort generation to ensure we never POST a null marker.
622		- sessionId = generateSessionId();
623		- MxChatInstances.setChatSession(botId, sessionId);
624		- }
625		-
	315	+
626	316	// Prepare AJAX data
627	317	const ajaxData = {
628	318	action: 'mxchat_handle_chat_request',
629	319	message: message,
630		- session_id: sessionId,
	320	+ session_id: getChatSession(),
631	321	nonce: mxchatChat.nonce,
632	322	current_page_url: window.location.href,
633		- current_page_title: document.title,
634		- bot_id: botId,
635		- // Pass session start timestamp so AI context matches what user sees
636		- session_start_timestamp: instance.sessionStartTimestamp || 0
	323	+ current_page_title: document.title
637	324	};
638	325
639	326	// Add page context if available
640	327	if (pageContext) {
		@@ -657,78 +344,32 @@
657	344	type: 'POST',
658	345	dataType: 'json',
659	346	data: ajaxData,
660	347	success: function(response) {
661		- // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
	348	+
	349	+ // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
	350	+ if (response.chat_mode) {
	351	+ //console.log("Updating chat mode to:", response.chat_mode);
	352	+ updateChatModeIndicator(response.chat_mode);
	353	+ }
	354	+
	355	+ // Also check in data property if response is wrapped
	356	+ if (response.data && response.data.chat_mode) {
	357	+ //console.log("Updating chat mode from data to:", response.data.chat_mode);
	358	+ updateChatModeIndicator(response.data.chat_mode);
	359	+ }
	360	+ // Log the full response for debugging
	361	+ //console.log("API Response:", response);
	362	+
	363	+ // IMMEDIATE CHAT MODE UPDATE - Handle this first, before any other processing
662	364	if (response.chat_mode) {
663		- updateChatModeIndicator(response.chat_mode, botId);
	365	+ //console.log("Updating chat mode immediately to:", response.chat_mode);
	366	+ updateChatModeIndicator(response.chat_mode);
664	367	}
665	368
666		- // Also check in data property if response is wrapped
667		- if (response.data && response.data.chat_mode) {
668		- updateChatModeIndicator(response.data.chat_mode, botId);
669		- }
670		-
671		- // SECURITY FIX: Check for errors FIRST before checking for success
672		- // This ensures API errors (quota exceeded, invalid key, rate limit) are properly displayed
673		- if (response.success === false || (response.data && response.data.error_message)) {
674		- let errorMessage = "";
675		- let errorCode = "";
676		-
677		- // Check various possible error locations in the response
678		- if (response.data && response.data.error_message) {
679		- errorMessage = response.data.error_message;
680		- errorCode = response.data.error_code || "";
681		- } else if (response.error_message) {
682		- errorMessage = response.error_message;
683		- errorCode = response.error_code || "";
684		- } else if (response.message) {
685		- errorMessage = response.message;
686		- } else if (typeof response.data === 'string') {
687		- errorMessage = response.data;
688		- } else {
689		- // Fallback for any other unexpected response format
690		- errorMessage = "An error occurred. Please try again or contact support.";
691		- }
692		-
693		- // Handle session reset action (IP changed, session expired, etc.)
694		- // Silent reset — keep chat UI intact, just get a new session and retry
695		- if (response.data && response.data.action === 'reset_session') {
696		- MxChatInstances.silentResetSession(botId);
697		- // Re-send the original message with the new session (user message is already displayed)
698		- var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
699		- if (originalMessage) {
700		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
701		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
702		- if (shouldUseStreaming(currentModel)) {
703		- callMxChatStream(originalMessage, function(response) {
704		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
705		- }, botId);
706		- } else {
707		- callMxChat(originalMessage, function(response) {
708		- replaceLastMessage("bot", response, '', [], botId);
709		- }, botId);
710		- }
711		- }
712		- return;
713		- }
714		-
715		- // Format user-friendly error message
716		- let displayMessage = errorMessage;
717		-
718		- // Customize message for admin users
719		- if (mxchatChat.is_admin) {
720		- // For admin users, show more technical details including error code
721		- displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
722		- }
723		-
724		- replaceLastMessage("bot", displayMessage, '', [], botId);
725		- return; // Exit early for errors
726		- }
727		-
728		- // NOW check if this is a successful response by looking for text, html, or message fields
	369	+ // First check if this is a successful response by looking for text, html, or message fields
729	370	// This preserves compatibility with your server response format
730		- if (response.text !== undefined || response.html !== undefined || response.message !== undefined ||
	371	+ if (response.text !== undefined || response.html !== undefined || response.message !== undefined ||
731	372	(response.success === true && response.data && response.data.status === 'waiting_for_agent')) {
732	373
733	374	// Handle successful response - this is your original success handling code
734	375
		@@ -738,17 +379,16 @@
738	379	let responseMessage = response.message || '';
739	380
740	381	// Add PDF filename handling
741	382	if (response.data && response.data.filename) {
742		- showActivePdf(response.data.filename, botId);
743		- var instance = MxChatInstances.get(botId);
744		- instance.activePdfFile = response.data.filename;
	383	+ showActivePdf(response.data.filename);
	384	+ activePdfFile = response.data.filename;
745	385	}
746	386
747	387	// Add redirect check here
748	388	if (response.redirect_url) {
749	389	if (responseText) {
750		- replaceLastMessage("bot", responseText, '', [], botId);
	390	+ replaceLastMessage("bot", responseText);
751	391	}
752	392	setTimeout(() => {
753	393	window.location.href = response.redirect_url;
754	394	}, 1500);
		@@ -756,17 +396,15 @@
756	396	}
757	397
758	398	// Check for live agent response
759	399	if (response.success && response.data && response.data.status === 'waiting_for_agent') {
760		- removeThinkingDots(botId);
761		- updateChatModeIndicator('agent', botId);
762		- enableChatInput(botId);
	400	+ updateChatModeIndicator('agent');
763	401	return;
764	402	}
765	403
766	404	// Handle the message and show notification if chat is hidden
767	405	if (responseText || responseHtml || responseMessage) {
768		-
	406	+
769	407	// ADD RESPONSE HOOKS HERE - BEFORE DISPLAYING
770	408	if (responseText && typeof customMxChatFilter === 'function') {
771	409	responseText = customMxChatFilter(responseText, "response");
772	410	}
		@@ -772,53 +410,89 @@
772	410	}
773	411	if (responseMessage && typeof customMxChatFilter === 'function') {
774	412	responseMessage = customMxChatFilter(responseMessage, "response");
775	413	}
776		-
	414	+
777	415	// Update the messages as before
778	416	if (responseText && responseHtml) {
779		- replaceLastMessage("bot", responseText, responseHtml, [], botId);
	417	+ replaceLastMessage("bot", responseText, responseHtml);
780	418	} else if (responseText) {
781		- replaceLastMessage("bot", responseText, '', [], botId);
	419	+ replaceLastMessage("bot", responseText);
782	420	} else if (responseHtml) {
783		- replaceLastMessage("bot", "", responseHtml, [], botId);
	421	+ replaceLastMessage("bot", "", responseHtml);
784	422	} else if (responseMessage) {
785		- replaceLastMessage("bot", responseMessage, '', [], botId);
	423	+ replaceLastMessage("bot", responseMessage);
786	424	}
787	425
788	426	// Check if chat is hidden and show notification
789		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
790		- if ($floatingChatbot.hasClass('hidden')) {
791		- var $badge = getElement(botId, 'chat-notification-badge');
792		- if ($badge.length) {
793		- $badge.show();
	427	+ if ($('#floating-chatbot').hasClass('hidden')) {
	428	+ const badge = $('#chat-notification-badge');
	429	+ if (badge.length) {
	430	+ badge.show();
794	431	}
795	432	}
796	433	} else {
797		- var emptyMsg = "I received an empty response. Please try again or contact support if this persists.";
798		- if (response.vectorstore_error) {
799		- emptyMsg = "I received an empty response. Debug info: " + response.vectorstore_error;
800		- }
801		- replaceLastMessage("bot", emptyMsg, '', [], botId);
	434	+ ////console.error("Unexpected response format:", response);
	435	+ replaceLastMessage("bot", "I received an empty response. Please try again or contact support if this persists.");
802	436	}
803	437
804	438	if (response.message_id) {
805		- var instance = MxChatInstances.get(botId);
806		- instance.lastSeenMessageId = response.message_id;
	439	+ lastSeenMessageId = response.message_id;
807	440	}
808	441
809	442	return;
810	443	}
811	444
812		- // Fallback for truly unexpected response formats
813		- replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.", '', [], botId);
	445	+ // If we got here, it's likely an error response
	446	+ // Now we can check for error conditions with our robust error handling
	447	+
	448	+ let errorMessage = "";
	449	+ let errorCode = "";
	450	+
	451	+ // Check various possible error locations in the response
	452	+ if (response.data && response.data.error_message) {
	453	+ errorMessage = response.data.error_message;
	454	+ errorCode = response.data.error_code || "";
	455	+ } else if (response.error_message) {
	456	+ errorMessage = response.error_message;
	457	+ errorCode = response.error_code || "";
	458	+ } else if (response.message) {
	459	+ errorMessage = response.message;
	460	+ } else if (typeof response.data === 'string') {
	461	+ errorMessage = response.data;
	462	+ } else if (!response.success) {
	463	+ // Explicit check for success: false without other error info
	464	+ errorMessage = "An error occurred. Please try again or contact support.";
	465	+ } else {
	466	+ // Fallback for any other unexpected response format
	467	+ errorMessage = "Unexpected response received. Please try again or contact support.";
	468	+ }
	469	+
	470	+ // Log the error with code for debugging
	471	+ //console.log("Response data:", response.data);
	472	+ ////console.error("API Error:", errorMessage, "Code:", errorCode);
	473	+
	474	+ // Format user-friendly error message
	475	+ let displayMessage = errorMessage;
	476	+
	477	+ // Customize message for admin users
	478	+ if (mxchatChat.is_admin) {
	479	+ // For admin users, show more technical details including error code
	480	+ displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
	481	+ }
	482	+
	483	+ replaceLastMessage("bot", displayMessage);
814	484	},
815	485	error: function(xhr, status, error) {
	486	+ //console.error("AJAX Error:", status, error);
	487	+ //console.log("Response Text:", xhr.responseText);
	488	+
816	489	let errorMessage = "An unexpected error occurred.";
817	490
818	491	// Try to parse the response if it's JSON
819	492	try {
820	493	const responseJson = JSON.parse(xhr.responseText);
	494	+ //console.log("Parsed error response:", responseJson);
821	495
822	496	if (responseJson.data && responseJson.data.error_message) {
823	497	errorMessage = responseJson.data.error_message;
824	498	} else if (responseJson.message) {
		@@ -838,22 +512,20 @@
838	512	errorMessage = "Server error: The server encountered an issue. Please try again later.";
839	513	}
840	514	}
841	515
842		- replaceLastMessage("bot", errorMessage, '', [], botId);
	516	+ replaceLastMessage("bot", errorMessage);
843	517	}
844	518	});
845	519	}
846	520
847		-function callMxChatStream(message, callback, botId) {
848		- botId = botId || getMxChatBotId();
849		-
850		- // Store the message in case we need to retry after session reset
851		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
852		-
853		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	521	+function callMxChatStream(message, callback) {
	522	+ //console.log("Using streaming for message:", message);
	523	+
	524	+ const currentModel = mxchatChat.model || 'gpt-4o';
854	525	if (!isStreamingSupported(currentModel)) {
855		- callMxChat(message, callback, botId);
	526	+ //console.log("Streaming not supported, falling back to regular call");
	527	+ callMxChat(message, callback);
856	528	return;
857	529	}
858	530
859	531	// Get page context if contextual awareness is enabled
		@@ -858,32 +530,16 @@
858	530
859	531	// Get page context if contextual awareness is enabled
860	532	const pageContext = getPageContext();
861	533
862		- // Get instance for session start timestamp (used when persistence is OFF)
863		- var instance = MxChatInstances.get(botId);
864		-
865		- // Guarantee a non-null session_id before the fetch. FormData.append() stringifies any
866		- // non-string value via String(), so passing `null` would POST the literal string "null"
867		- // and land in the transcripts table as a ghost session. ensureSession() always returns
868		- // a real string even when cookies/localStorage are blocked.
869		- var streamSessionId = MxChatInstances.ensureSession(botId);
870		- if (!streamSessionId || streamSessionId === 'null' || streamSessionId === 'undefined') {
871		- streamSessionId = generateSessionId();
872		- MxChatInstances.setChatSession(botId, streamSessionId);
873		- }
874		-
875	534	const formData = new FormData();
876	535	formData.append('action', 'mxchat_stream_chat');
877	536	formData.append('message', message);
878		- formData.append('session_id', streamSessionId);
	537	+ formData.append('session_id', getChatSession());
879	538	formData.append('nonce', mxchatChat.nonce);
880	539	formData.append('current_page_url', window.location.href);
881	540	formData.append('current_page_title', document.title);
882		- formData.append('bot_id', botId);
883		- // Pass session start timestamp so AI context matches what user sees
884		- formData.append('session_start_timestamp', instance.sessionStartTimestamp || 0);
885		-
	541	+
886	542	// Add page context if available
887	543	if (pageContext) {
888	544	formData.append('page_context', JSON.stringify(pageContext));
889	545	}
		@@ -908,14 +564,17 @@
908	564	body: formData,
909	565	credentials: 'same-origin'
910	566	})
911	567	.then(response => {
	568	+ //console.log("Streaming response received:", response);
	569	+
912	570	// Store the response for potential fallback handling
913	571	const responseClone = response.clone();
914		-
	572	+
915	573	if (!response.ok) {
916	574	// Try to get error details from response
917	575	return responseClone.json().then(errorData => {
	576	+ //console.log("Server returned error response:", errorData);
918	577	throw { isServerError: true, data: errorData };
919	578	}).catch(() => {
920	579	throw new Error('Network response was not ok');
921	580	});
		@@ -920,28 +579,33 @@
920	579	throw new Error('Network response was not ok');
921	580	});
922	581	}
923	582
924		- // Check if response is JSON instead of streaming
925		- const contentType = response.headers.get('content-type');
926		- if (contentType && contentType.includes('application/json')) {
927		- return responseClone.json().then(data => {
928		- // IMMEDIATE CHAT MODE UPDATE for JSON response
929		- if (data.chat_mode) {
930		- updateChatModeIndicator(data.chat_mode, botId);
931		- }
	583	+// Check if response is JSON instead of streaming
	584	+const contentType = response.headers.get('content-type');
	585	+if (contentType && contentType.includes('application/json')) {
	586	+ //console.log("Received JSON response instead of stream");
	587	+ return responseClone.json().then(data => {
	588	+ //console.log("Processing JSON response:", data);
	589	+
	590	+ // IMMEDIATE CHAT MODE UPDATE for JSON response
	591	+ if (data.chat_mode) {
	592	+ //console.log("JSON Response: Updating chat mode to:", data.chat_mode);
	593	+ updateChatModeIndicator(data.chat_mode);
	594	+ }
932	595
933		- // Check for testing panel
934		- if (window.mxchatTestPanelInstance && data.testing_data) {
935		- window.mxchatTestPanelInstance.handleTestingData(data.testing_data);
936		- }
	596	+ // Check for testing panel
	597	+ if (window.mxchatTestPanelInstance && data.testing_data) {
	598	+ //console.log('Testing data found in streaming JSON response:', data.testing_data);
	599	+ window.mxchatTestPanelInstance.handleTestingData(data.testing_data);
	600	+ }
	601	+
	602	+ // Handle the JSON response directly
	603	+ handleNonStreamResponse(data, callback);
	604	+ return Promise.resolve(); // Prevent further processing
	605	+ });
	606	+}
937	607
938		- // Handle the JSON response directly
939		- handleNonStreamResponse(data, callback, botId);
940		- return Promise.resolve(); // Prevent further processing
941		- });
942		- }
943		-
944	608	// Continue with streaming processing
945	609	const reader = response.body.getReader();
946	610	const decoder = new TextDecoder();
947	611	let buffer = '';
		@@ -948,44 +612,37 @@
948	612
949	613	function processStream() {
950	614	reader.read().then(({ done, value }) => {
951	615	if (done) {
	616	+ //console.log("Streaming completed, final content:", accumulatedContent);
	617	+
952	618	// If streaming completed but no content was received, try to get response as fallback
953	619	if (!streamingStarted || !accumulatedContent) {
	620	+ //console.log("Stream completed with no content, checking for fallback data");
	621	+
954	622	// Try to read the response as JSON
955	623	responseClone.text().then(text => {
956	624	try {
957	625	const data = JSON.parse(text);
958		- if (data.text || data.message || data.html) {
959		- handleNonStreamResponse(data, callback, botId);
	626	+ if (data.text || data.message) {
	627	+ handleNonStreamResponse(data, callback);
960	628	} else {
961	629	// No valid data, fall back to regular call
962		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
963		- callMxChat(message, callback, botId);
	630	+ $('.bot-message.temporary-message').remove();
	631	+ callMxChat(message, callback);
964	632	}
965	633	} catch (e) {
966	634	// Could not parse, fall back to regular call
967		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
968		- callMxChat(message, callback, botId);
	635	+ $('.bot-message.temporary-message').remove();
	636	+ callMxChat(message, callback);
969	637	}
970	638	}).catch(() => {
971		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
972		- callMxChat(message, callback, botId);
	639	+ $('.bot-message.temporary-message').remove();
	640	+ callMxChat(message, callback);
973	641	});
974	642	return;
975	643	}
976		-
977		- // Re-enable chat input when stream ends with content
978		- enableChatInput(botId);
979		-
980		- // Scroll the user's last message to the top now that the
981		- // bot's full reply has rendered (gives max reading room).
982		- var $chatBoxDone = getElement(botId, 'chat-box');
983		- var $lastUserMsgDone = $chatBoxDone.find('.user-message').last();
984		- if ($lastUserMsgDone.length) {
985		- scrollElementToTop($lastUserMsgDone, botId);
986		- }
987		-
	644	+
988	645	if (callback) {
989	646	callback(accumulatedContent);
990	647	}
991	648	return;
		@@ -999,25 +656,17 @@
999	656	if (line.startsWith('data: ')) {
1000	657	const data = line.substring(6);
1001	658
1002	659	if (data === '[DONE]') {
	660	+ //console.log("Received [DONE] signal");
	661	+
1003	662	if (!accumulatedContent) {
1004		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1005		- callMxChat(message, callback, botId);
	663	+ //console.log("No content received before [DONE]");
	664	+ $('.bot-message.temporary-message').remove();
	665	+ callMxChat(message, callback);
1006	666	return;
1007	667	}
1008		-
1009		- // Re-enable chat input after streaming completes
1010		- enableChatInput(botId);
1011		-
1012		- // Scroll the user's last message to the top now
1013		- // that the bot's full reply has rendered.
1014		- var $chatBoxStreamDone = getElement(botId, 'chat-box');
1015		- var $lastUserMsgStreamDone = $chatBoxStreamDone.find('.user-message').last();
1016		- if ($lastUserMsgStreamDone.length) {
1017		- scrollElementToTop($lastUserMsgStreamDone, botId);
1018		- }
1019		-
	668	+
1020	669	if (callback) {
1021	670	callback(accumulatedContent);
1022	671	}
1023	672	return;
		@@ -1024,16 +673,18 @@
1024	673	}
1025	674
1026	675	try {
1027	676	const json = JSON.parse(data);
1028		-
	677	+
1029	678	// IMMEDIATE CHAT MODE UPDATE FOR STREAMING
1030	679	if (json.chat_mode) {
1031		- updateChatModeIndicator(json.chat_mode, botId);
	680	+ //console.log("Stream: Updating chat mode immediately to:", json.chat_mode);
	681	+ updateChatModeIndicator(json.chat_mode);
1032	682	}
1033		-
	683	+
1034	684	// Handle testing data
1035	685	if (json.testing_data && !testingDataReceived) {
	686	+ //console.log('Testing data received in stream:', json.testing_data);
1036	687	if (window.mxchatTestPanelInstance) {
1037	688	window.mxchatTestPanelInstance.handleTestingData(json.testing_data);
1038	689	testingDataReceived = true;
1039	690	}
		@@ -1041,35 +692,31 @@
1041	692	// Handle content streaming
1042	693	else if (json.content) {
1043	694	streamingStarted = true;
1044	695	accumulatedContent += json.content;
1045		- updateStreamingMessage(accumulatedContent, botId);
1046		- }
	696	+ updateStreamingMessage(accumulatedContent);
	697	+ }
1047	698	// Handle complete response in stream (fallback response)
1048		- else if (json.text || json.message || json.html) {
1049		- handleNonStreamResponse(json, callback, botId);
	699	+ else if (json.text || json.message) {
	700	+ //console.log("Received complete response in stream:", json);
	701	+ handleNonStreamResponse(json, callback);
1050	702	return;
1051	703	}
1052	704	// Handle errors
1053	705	else if (json.error) {
1054		-
1055		- // Get error message from various possible fields
1056		- let errorMessage = json.error_message || json.message || json.text ||
1057		- (typeof json.error === 'string' ? json.error : 'An error occurred. Please try again.');
1058		-
1059		- // Re-enable chat input on error
1060		- enableChatInput(botId);
1061		-
1062		- // Display the error directly in the chat
1063		- replaceLastMessage("bot", errorMessage, '', [], botId);
1064		-
1065		- if (callback) {
1066		- callback(errorMessage);
	706	+ console.error("Streaming error:", json.error);
	707	+
	708	+ // Check if we have a fallback response
	709	+ if (json.fallback || json.text || json.message) {
	710	+ handleNonStreamResponse(json, callback);
	711	+ } else {
	712	+ $('.bot-message.temporary-message').remove();
	713	+ callMxChat(message, callback);
1067	714	}
1068	715	return;
1069	716	}
1070	717	} catch (e) {
1071		- // SSE data parsing error - silently continue
	718	+ console.error('Error parsing SSE data:', e, 'Data:', data);
1072	719	}
1073	720	}
1074	721	}
1075	722
		@@ -1074,10 +721,11 @@
1074	721	}
1075	722
1076	723	processStream();
1077	724	}).catch(streamError => {
1078		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1079		- callMxChat(message, callback, botId);
	725	+ console.error('Error reading stream:', streamError);
	726	+ $('.bot-message.temporary-message').remove();
	727	+ callMxChat(message, callback);
1080	728	});
1081	729	}
1082	730
1083	731	processStream();
		@@ -1082,110 +730,52 @@
1082	730
1083	731	processStream();
1084	732	})
1085	733	.catch(error => {
	734	+ //console.log('Streaming failed:', error);
	735	+
1086	736	// Check if we have server error data with chat mode
1087	737	if (error && error.isServerError && error.data) {
	738	+ //console.log('Using server error response data');
	739	+
1088	740	// Check for chat mode in error data
1089	741	if (error.data.chat_mode) {
1090		- updateChatModeIndicator(error.data.chat_mode, botId);
	742	+ //console.log("Error Response: Updating chat mode to:", error.data.chat_mode);
	743	+ updateChatModeIndicator(error.data.chat_mode);
1091	744	}
1092		-
1093		- handleNonStreamResponse(error.data, callback, botId);
	745	+
	746	+ handleNonStreamResponse(error.data, callback);
1094	747	} else {
1095	748	// Only fall back to regular call if we don't have any response data
1096		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1097		- callMxChat(message, callback, botId);
	749	+ //console.log('No response data available, falling back to regular call');
	750	+ $('.bot-message.temporary-message').remove();
	751	+ callMxChat(message, callback);
1098	752	}
1099	753	});
1100	754	}
1101	755
1102		-// Helper function to handle non-streaming responses
1103		-function handleNonStreamResponse(data, callback, botId) {
1104		- botId = botId || 'default';
1105		-
	756	+// Helper function to handle non-streaming responses (updated to include immediate chat mode handling)
	757	+function handleNonStreamResponse(data, callback) {
	758	+ //console.log("Handling non-stream response:", data);
	759	+
1106	760	// IMMEDIATE CHAT MODE UPDATE FOR NON-STREAMING RESPONSES
1107	761	if (data.chat_mode) {
1108		- updateChatModeIndicator(data.chat_mode, botId);
	762	+ //console.log("Non-Stream: Updating chat mode immediately to:", data.chat_mode);
	763	+ updateChatModeIndicator(data.chat_mode);
1109	764	}
1110		-
	765	+
1111	766	// Also check in data property if response is wrapped
1112	767	if (data.data && data.data.chat_mode) {
1113		- updateChatModeIndicator(data.data.chat_mode, botId);
	768	+ //console.log("Non-Stream: Updating chat mode from data to:", data.data.chat_mode);
	769	+ updateChatModeIndicator(data.data.chat_mode);
1114	770	}
1115		-
1116		- // NOTE: Don't remove temporary message here - let replaceLastMessage handle it
1117		- // This prevents a visual gap between thinking dots disappearing and content appearing
1118		-
1119		- // SECURITY FIX: Check for errors FIRST
1120		- if (data.success === false || (data.data && data.data.error_message)) {
1121		- let errorMessage = "";
1122		- let errorCode = "";
1123		-
1124		- // Check various possible error locations
1125		- if (data.data && data.data.error_message) {
1126		- errorMessage = data.data.error_message;
1127		- errorCode = data.data.error_code || "";
1128		- } else if (data.error_message) {
1129		- errorMessage = data.error_message;
1130		- errorCode = data.error_code || "";
1131		- } else if (data.message) {
1132		- errorMessage = data.message;
1133		- } else if (typeof data.data === 'string') {
1134		- errorMessage = data.data;
1135		- } else {
1136		- errorMessage = "An error occurred. Please try again or contact support.";
1137		- }
1138		-
1139		- // Handle session reset action (IP changed, session expired, etc.)
1140		- // Silent reset — keep chat UI intact, just get a new session and retry
1141		- if (data.data && data.data.action === 'reset_session') {
1142		- MxChatInstances.silentResetSession(botId);
1143		- // Re-send the original message with the new session (user message is already displayed)
1144		- var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
1145		- if (originalMessage) {
1146		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
1147		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
1148		- if (shouldUseStreaming(currentModel)) {
1149		- callMxChatStream(originalMessage, callback, botId);
1150		- } else {
1151		- callMxChat(originalMessage, callback, botId);
1152		- }
1153		- }
1154		- return;
1155		- }
1156		-
1157		- // Format user-friendly error message
1158		- let displayMessage = errorMessage;
1159		- if (mxchatChat.is_admin) {
1160		- displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
1161		- }
1162		-
1163		- replaceLastMessage("bot", displayMessage, '', [], botId);
1164		-
1165		- if (callback) {
1166		- callback('');
1167		- }
1168		- return; // Exit early for errors
1169		- }
1170		-
1171		- // Check for live agent response
1172		- if (data.success && data.data && data.data.status === 'waiting_for_agent') {
1173		- removeThinkingDots(botId);
1174		- // Also remove any leftover bot-message that lost its temporary-message class
1175		- var $chatBox = getElement(botId, 'chat-box');
1176		- $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1177		- updateChatModeIndicator('agent', botId);
1178		- enableChatInput(botId);
1179		- if (callback) {
1180		- callback('');
1181		- }
1182		- return;
1183		- }
1184		-
	771	+
	772	+ // Remove temporary message
	773	+ $('.bot-message.temporary-message').remove();
	774	+
1185	775	// Handle different response formats
1186	776	if (data.text || data.html || data.message) {
1187		-
	777	+
1188	778	// Apply response hooks
1189	779	if (data.text && typeof customMxChatFilter === 'function') {
1190	780	data.text = customMxChatFilter(data.text, "response");
1191	781	}
		@@ -1191,59 +781,56 @@
1191	781	}
1192	782	if (data.message && typeof customMxChatFilter === 'function') {
1193	783	data.message = customMxChatFilter(data.message, "response");
1194	784	}
1195		-
	785	+
1196	786	// Display the response
1197	787	if (data.text && data.html) {
1198		- replaceLastMessage("bot", data.text, data.html, [], botId);
	788	+ replaceLastMessage("bot", data.text, data.html);
1199	789	} else if (data.text) {
1200		- replaceLastMessage("bot", data.text, '', [], botId);
	790	+ replaceLastMessage("bot", data.text);
1201	791	} else if (data.html) {
1202		- replaceLastMessage("bot", "", data.html, [], botId);
	792	+ replaceLastMessage("bot", "", data.html);
1203	793	} else if (data.message) {
1204		- replaceLastMessage("bot", data.message, '', [], botId);
	794	+ replaceLastMessage("bot", data.message);
1205	795	}
1206	796	}
1207		-
	797	+
1208	798	// Handle other response properties
1209	799	if (data.data && data.data.filename) {
1210		- showActivePdf(data.data.filename, botId);
1211		- var instance = MxChatInstances.get(botId);
1212		- instance.activePdfFile = data.data.filename;
	800	+ showActivePdf(data.data.filename);
	801	+ activePdfFile = data.data.filename;
1213	802	}
1214		-
	803	+
1215	804	if (data.redirect_url) {
1216	805	setTimeout(() => {
1217	806	window.location.href = data.redirect_url;
1218	807	}, 1500);
1219	808	}
1220		-
1221		- // Ensure chat input is re-enabled (safety net for edge cases)
1222		- enableChatInput(botId);
1223		-
	809	+
1224	810	if (callback) {
1225	811	callback(data.text || data.message || '');
1226	812	}
1227	813	}
1228		-
1229	814	// Enhanced updateChatModeIndicator function for immediate DOM updates
1230		-function updateChatModeIndicator(mode, botId) {
1231		- botId = botId || 'default';
1232		- const indicator = getElementDOM(botId, 'chat-mode-indicator');
	815	+function updateChatModeIndicator(mode) {
	816	+ //console.log("updateChatModeIndicator called with mode:", mode);
	817	+ const indicator = document.getElementById('chat-mode-indicator');
1233	818	if (indicator) {
1234	819	const oldText = indicator.textContent;
1235		-
	820	+
1236	821	if (mode === 'agent') {
1237	822	indicator.textContent = 'Live Agent';
1238		- startPolling(botId);
	823	+ startPolling();
	824	+ //console.log("Set indicator to Live Agent");
1239	825	} else {
1240	826	// Everything else is AI mode
1241	827	const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1242	828	indicator.textContent = customAiText;
1243		- stopPolling(botId);
	829	+ stopPolling();
	830	+ //console.log("Set indicator to AI Agent:", customAiText);
1244	831	}
1245		-
	832	+
1246	833	// Force immediate DOM update and reflow
1247	834	if (oldText !== indicator.textContent) {
1248	835	// Force a reflow to ensure the change is visible immediately
1249	836	indicator.style.display = 'none';
		@@ -1248,88 +835,132 @@
1248	835	// Force a reflow to ensure the change is visible immediately
1249	836	indicator.style.display = 'none';
1250	837	indicator.offsetHeight; // Trigger reflow
1251	838	indicator.style.display = '';
1252		-
	839	+
1253	840	// Double-check after a brief moment to ensure the change stuck
1254	841	setTimeout(() => {
	842	+ //console.log("Final indicator text:", indicator.textContent);
1255	843	if (mode === 'agent' && indicator.textContent !== 'Live Agent') {
	844	+ console.warn("Mode indicator update failed, forcing update");
1256	845	indicator.textContent = 'Live Agent';
1257	846	} else if (mode !== 'agent' && indicator.textContent === 'Live Agent') {
	847	+ console.warn("Mode indicator stuck on Live Agent, forcing AI update");
1258	848	const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1259	849	indicator.textContent = customAiText;
1260	850	}
1261	851	}, 50);
1262	852	}
	853	+ } else {
	854	+ console.error("Chat mode indicator element not found!");
1263	855	}
1264	856	}
1265	857
	858	+// Helper function to handle non-streaming responses (updated to include chat mode handling)
	859	+function handleNonStreamResponse(data, callback) {
	860	+ //console.log("Handling non-stream response:", data);
	861	+
	862	+ // Remove temporary message
	863	+ $('.bot-message.temporary-message').remove();
	864	+
	865	+ // Handle different response formats
	866	+ if (data.text || data.html || data.message) {
	867	+
	868	+ // Apply response hooks
	869	+ if (data.text && typeof customMxChatFilter === 'function') {
	870	+ data.text = customMxChatFilter(data.text, "response");
	871	+ }
	872	+ if (data.message && typeof customMxChatFilter === 'function') {
	873	+ data.message = customMxChatFilter(data.message, "response");
	874	+ }
	875	+
	876	+ // NEW: Handle chat mode updates for streaming responses too
	877	+ handleChatModeUpdates(data, data.text || data.message);
	878	+
	879	+ // Display the response
	880	+ if (data.text && data.html) {
	881	+ replaceLastMessage("bot", data.text, data.html);
	882	+ } else if (data.text) {
	883	+ replaceLastMessage("bot", data.text);
	884	+ } else if (data.html) {
	885	+ replaceLastMessage("bot", "", data.html);
	886	+ } else if (data.message) {
	887	+ replaceLastMessage("bot", data.message);
	888	+ }
	889	+ }
	890	+
	891	+ // Handle other response properties
	892	+ if (data.data && data.data.filename) {
	893	+ showActivePdf(data.data.filename);
	894	+ activePdfFile = data.data.filename;
	895	+ }
	896	+
	897	+ if (data.redirect_url) {
	898	+ setTimeout(() => {
	899	+ window.location.href = data.redirect_url;
	900	+ }, 1500);
	901	+ }
	902	+
	903	+ if (callback) {
	904	+ callback(data.text || data.message || '');
	905	+ }
	906	+}
	907	+
1266	908	// Function to update message during streaming
1267		-function updateStreamingMessage(content, botId) {
1268		- botId = botId || 'default';
1269		-
	909	+function updateStreamingMessage(content) {
1270	910	// ADD RESPONSE HOOK FOR REAL-TIME STREAMING
1271	911	if (typeof customMxChatFilter === 'function') {
1272	912	content = customMxChatFilter(content, "response");
1273	913	}
	914	+
	915	+ const formattedContent = linkify(formatBoldText(convertNewlinesToBreaks(formatCodeBlocks(content))));
1274	916
1275		- const formattedContent = linkify(content);
	917	+ // Find the temporary message
	918	+ const tempMessage = $('.bot-message.temporary-message').last();
1276	919
1277		- // Find the temporary message in this bot's chat box
1278		- var $chatBox = getElement(botId, 'chat-box');
1279		- const tempMessage = $chatBox.find('.bot-message.temporary-message').last();
1280		-
1281	920	if (tempMessage.length) {
1282	921	// Update existing message
1283	922	tempMessage.html(formattedContent);
1284	923	} else {
1285	924	// Create new temporary message if it doesn't exist
1286		- appendMessage("bot", content, '', [], true, botId);
	925	+ appendMessage("bot", content, '', [], true);
1287	926	}
1288	927	}
1289	928
	929	+//Function to check if streaming is supported for the current model
1290	930	function isStreamingSupported(model) {
1291	931	if (!model) return false;
1292	932
	933	+ //console.log("Checking streaming support for model:", model); // Debug log
	934	+
	935	+ // Get the model prefix
1293	936	const modelPrefix = model.split('-')[0].toLowerCase();
	937	+
	938	+ //console.log("Model prefix:", modelPrefix); // Debug log
1294	939
1295		- // Support streaming for OpenAI, Claude, Grok, DeepSeek, and OpenRouter models
1296		- const isSupported = modelPrefix === 'gpt' ||
1297		- modelPrefix === 'o1' ||
1298		- modelPrefix === 'claude' ||
1299		- modelPrefix === 'grok' ||
1300		- modelPrefix === 'deepseek' ||
1301		- model === 'openrouter'; // Add this line - check full model name for OpenRouter
	940	+ // Support streaming for OpenAI, Claude, Grok, and DeepSeek models
	941	+ const isSupported = modelPrefix === 'gpt' || modelPrefix === 'o1' || modelPrefix === 'claude' || modelPrefix === 'grok' || modelPrefix === 'deepseek';
1302	942
	943	+ //console.log("Streaming supported:", isSupported); // Debug log
	944	+
1303	945	return isSupported;
1304	946	}
1305	947
1306		-// Update the event handlers to use the correct function names (using event delegation)
1307		-// Use class-based selectors for multi-instance support
1308		-$(document).on('click', '.send-button', function() {
1309		- var botId = getBotIdFromElement(this);
1310		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1311		- if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1312		- disableChatInput(botId);
1313		- }
1314		- sendMessage(botId);
	948	+// Update the event handlers to use the correct function names
	949	+$('#send-button').off('click').on('click', function() {
	950	+ sendMessage(); // Use the updated sendMessage function
1315	951	});
1316	952
1317		-// Override enter key handler (using event delegation)
1318		-$(document).on('keypress', '.chat-input', function(e) {
	953	+// Override enter key handler
	954	+$('#chat-input').off('keypress').on('keypress', function(e) {
1319	955	if (e.which == 13 && !e.shiftKey) {
1320	956	e.preventDefault();
1321		- var botId = getBotIdFromElement(this);
1322		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1323		- if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1324		- disableChatInput(botId);
1325		- }
1326		- sendMessage(botId);
	957	+ sendMessage(); // Use the updated sendMessage function
1327	958	}
1328	959	});
1329	960
1330	961
1331		-function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false, botId = 'default') {
	962	+function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false) {
1332	963	try {
1333	964	// Determine styles based on sender type
1334	965	let messageClass, bgColor, fontColor;
1335	966
		@@ -1350,29 +981,25 @@
1350	981	}
1351	982
1352	983	const messageDiv = $('<div>')
1353	984	.addClass(messageClass)
1354		- .attr('dir', 'auto');
1355		-
1356		- // Only apply inline colors if AI theme is not active (let CSS handle it)
1357		- var skipColors = shouldSkipInlineColors(botId);
1358		- if (skipColors) {
1359		- messageDiv.css({
1360		- 'margin-bottom': '1em'
1361		- });
1362		- } else {
1363		- messageDiv.css({
	985	+ .attr('dir', 'auto')
	986	+ .css({
1364	987	'background': bgColor,
1365	988	'color': fontColor,
1366	989	'margin-bottom': '1em'
1367	990	});
	991	+
	992	+ // Process the message content based on sender
	993	+ let fullMessage;
	994	+ if (sender === "user") {
	995	+ // For user messages, apply linkify after sanitization
	996	+ fullMessage = linkify(formatBoldText(convertNewlinesToBreaks(formatCodeBlocks(messageText))));
	997	+ } else {
	998	+ // For bot/agent messages, preserve HTML
	999	+ fullMessage = messageText;
1368	1000	}
1369	1001
1370		- // Process the message content - always run linkify to convert markdown
1371		- // links and format text. linkify() handles existing HTML safely via
1372		- // negative lookaheads that skip URLs already inside <a> tags.
1373		- let fullMessage = linkify(messageText);
1374		-
1375	1002	// Add images if provided
1376	1003	if (images && images.length > 0) {
1377	1004	fullMessage += '<div class="image-gallery" dir="auto">';
1378	1005	images.forEach(img => {
		@@ -1378,9 +1005,9 @@
1378	1005	images.forEach(img => {
1379	1006	const safeTitle = sanitizeUserInput(img.title);
1380	1007	const safeUrl = encodeURI(img.image_url);
1381	1008	const safeThumbnail = encodeURI(img.thumbnail_url);
1382		-
	1009	+
1383	1010	fullMessage += `
1384	1011	<div style="margin-bottom: 10px;">
1385	1012	<strong>${safeTitle}</strong><br>
1386	1013	<a href="${safeUrl}" target="_blank">
		@@ -1392,14 +1019,9 @@
1392	1019	}
1393	1020
1394	1021	// Append HTML content if provided
1395	1022	if (messageHtml && sender !== "user") {
1396		- // Only add line breaks if there's actual text content before the HTML
1397		- if (fullMessage && fullMessage.trim()) {
1398		- fullMessage += '<br><br>' + messageHtml;
1399		- } else {
1400		- fullMessage = messageHtml;
1401		- }
	1023	+ fullMessage += '<br><br>' + messageHtml;
1402	1024	}
1403	1025
1404	1026	messageDiv.html(fullMessage);
1405	1027
		@@ -1406,62 +1028,58 @@
1406	1028	if (isTemporary) {
1407	1029	messageDiv.addClass('temporary-message');
1408	1030	}
1409	1031
1410		- // Append to the correct chatbot instance's chat-box
1411		- var $chatBox = getElement(botId, 'chat-box');
1412		- messageDiv.hide().appendTo($chatBox).fadeIn(300, function() {
	1032	+ messageDiv.hide().appendTo('#chat-box').fadeIn(300, function() {
1413	1033	// FIXED: Use event delegation for link tracking
1414	1034	if (sender === "bot" || sender === "agent") {
1415		- attachLinkTracking(messageDiv, messageText, botId);
	1035	+ attachLinkTracking(messageDiv, messageText);
1416	1036	}
1417		-
	1037	+
1418	1038	if (sender === "bot") {
1419		- const lastUserMessage = $chatBox.find('.user-message').last();
	1039	+ const lastUserMessage = $('#chat-box').find('.user-message').last();
1420	1040	if (lastUserMessage.length) {
1421		- scrollElementToTop(lastUserMessage, botId);
	1041	+ scrollElementToTop(lastUserMessage);
1422	1042	}
1423	1043	}
1424	1044	});
1425	1045
1426	1046	if (messageText.id) {
1427		- var instance = MxChatInstances.get(botId);
1428		- instance.lastSeenMessageId = messageText.id;
1429		- hideNotification(botId);
	1047	+ lastSeenMessageId = messageText.id;
	1048	+ hideNotification();
1430	1049	}
1431	1050	} catch (error) {
1432		- // Error rendering message - silently continue
	1051	+ console.error("Error rendering message:", error);
1433	1052	}
1434	1053	}
1435	1054
1436		-// Helper function to attach link tracking with proper event handling
1437		-function attachLinkTracking(messageDiv, messageText, botId) {
1438		- botId = botId || 'default';
	1055	+// NEW: Helper function to attach link tracking with proper event handling
	1056	+function attachLinkTracking(messageDiv, messageText) {
1439	1057	// Use a slight delay to ensure DOM is ready
1440	1058	setTimeout(function() {
1441	1059	const links = messageDiv.find('a[href]').not('[data-tracked]');
1442		-
	1060	+
1443	1061	links.each(function() {
1444	1062	const $link = $(this);
1445	1063	const originalHref = $link.attr('href');
1446		-
	1064	+
1447	1065	// Mark as tracked to avoid duplicate handlers
1448	1066	$link.attr('data-tracked', 'true');
1449		-
	1067	+
1450	1068	// Only track external URLs
1451	1069	if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
1452	1070	// Remove any existing click handlers first
1453	1071	$link.off('click.tracking');
1454		-
	1072	+
1455	1073	// Add new click handler with namespace
1456	1074	$link.on('click.tracking', function(e) {
1457	1075	e.preventDefault();
1458	1076	e.stopPropagation();
1459		-
1460		- const messageContext = typeof messageText === 'string'
1461		- ? messageText.substring(0, 200)
	1077	+
	1078	+ const messageContext = typeof messageText === 'string'
	1079	+ ? messageText.substring(0, 200)
1462	1080	: '';
1463		-
	1081	+
1464	1082	// Track the click
1465	1083	$.ajax({
1466	1084	url: mxchatChat.ajax_url,
1467	1085	type: 'POST',
		@@ -1466,9 +1084,9 @@
1466	1084	url: mxchatChat.ajax_url,
1467	1085	type: 'POST',
1468	1086	data: {
1469	1087	action: 'mxchat_track_url_click',
1470		- session_id: getChatSession(botId),
	1088	+ session_id: getChatSession(),
1471	1089	url: originalHref,
1472	1090	message_context: messageContext,
1473	1091	nonce: mxchatChat.nonce
1474	1092	},
		@@ -1480,9 +1098,9 @@
1480	1098	window.location.href = originalHref;
1481	1099	}
1482	1100	}
1483	1101	});
1484		-
	1102	+
1485	1103	return false; // Extra insurance to prevent default
1486	1104	});
1487	1105	}
1488	1106	});
		@@ -1488,12 +1106,11 @@
1488	1106	});
1489	1107	}, 100); // Small delay to ensure DOM is ready
1490	1108	}
1491	1109
1492		-function replaceLastMessage(sender, responseText, responseHtml = '', images = [], botId = 'default') {
	1110	+function replaceLastMessage(sender, responseText, responseHtml = '', images = []) {
1493	1111	var messageClass = sender === "user" ? "user-message" : sender === "agent" ? "agent-message" : "bot-message";
1494		- var $chatBox = getElement(botId, 'chat-box');
1495		- var lastMessageDiv = $chatBox.find('.bot-message.temporary-message, .agent-message.temporary-message').last();
	1112	+ var lastMessageDiv = $('#chat-box').find('.bot-message.temporary-message, .agent-message.temporary-message').last();
1496	1113
1497	1114	// Determine styles
1498	1115	let bgColor, fontColor;
1499	1116	if (sender === "user") {
		@@ -1506,20 +1123,11 @@
1506	1123	bgColor = botMessageBgColor;
1507	1124	fontColor = botMessageFontColor;
1508	1125	}
1509	1126
1510		- // Always run linkify to convert markdown links and format text.
1511		- // linkify() already handles existing HTML (its URL patterns use negative lookaheads
1512		- // to avoid double-processing URLs that are already inside <a> tags).
1513		- var fullMessage = linkify(responseText);
1514		-
	1127	+ var fullMessage = linkify(formatBoldText(convertNewlinesToBreaks(formatCodeBlocks(responseText))));
1515	1128	if (responseHtml) {
1516		- // Only add line breaks if there's actual text content before the HTML
1517		- if (fullMessage && fullMessage.trim()) {
1518		- fullMessage += '<br><br>' + responseHtml;
1519		- } else {
1520		- fullMessage = responseHtml;
1521		- }
	1129	+ fullMessage += '<br><br>' + responseHtml;
1522	1130	}
1523	1131
1524	1132	if (images.length > 0) {
1525	1133	fullMessage += '<div class="image-gallery" dir="auto">';
		@@ -1535,423 +1143,158 @@
1535	1143	fullMessage += '</div>';
1536	1144	}
1537	1145
1538	1146	if (lastMessageDiv.length) {
1539		- // Replace content immediately to prevent visual gap between thinking dots and response
1540		- lastMessageDiv
1541		- .html(fullMessage)
1542		- .removeClass('bot-message user-message temporary-message')
1543		- .addClass(messageClass)
1544		- .attr('dir', 'auto');
1545		-
1546		- // Only apply inline colors if AI theme is not active (let CSS handle it)
1547		- var skipColors = mxchatChat.skip_inline_colors || shouldSkipInlineColors(botId);
1548		- if (!skipColors) {
1549		- lastMessageDiv.css({
1550		- 'background-color': bgColor,
1551		- 'color': fontColor,
1552		- });
1553		- }
1554		-
1555		- // Handle link tracking and scroll
1556		- if (sender === "bot" || sender === "agent") {
1557		- attachLinkTracking(lastMessageDiv, responseText, botId);
1558		-
1559		- const lastUserMessage = $chatBox.find('.user-message').last();
1560		- if (lastUserMessage.length) {
1561		- scrollElementToTop(lastUserMessage, botId);
1562		- }
1563		- // Show notification if chat is hidden
1564		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
1565		- if ($floatingChatbot.hasClass('hidden')) {
1566		- showNotification(botId);
1567		- }
1568		- }
1569		-
1570		- // Re-enable chat input after response is displayed
1571		- enableChatInput(botId);
	1147	+ lastMessageDiv.fadeOut(200, function() {
	1148	+ $(this)
	1149	+ .html(fullMessage)
	1150	+ .removeClass('bot-message user-message')
	1151	+ .addClass(messageClass)
	1152	+ .attr('dir', 'auto')
	1153	+ .css({
	1154	+ 'background-color': bgColor,
	1155	+ 'color': fontColor,
	1156	+ })
	1157	+ .removeClass('temporary-message')
	1158	+ .fadeIn(200, function() {
	1159	+ // FIXED: Use the helper function for link tracking
	1160	+ if (sender === "bot" || sender === "agent") {
	1161	+ attachLinkTracking($(this), responseText);
	1162	+ }
	1163	+
	1164	+ if (sender === "bot" || sender === "agent") {
	1165	+ const lastUserMessage = $('#chat-box').find('.user-message').last();
	1166	+ if (lastUserMessage.length) {
	1167	+ scrollElementToTop(lastUserMessage);
	1168	+ }
	1169	+ // Show notification if chat is hidden
	1170	+ if ($('#floating-chatbot').hasClass('hidden')) {
	1171	+ showNotification();
	1172	+ }
	1173	+ }
	1174	+ });
	1175	+ });
1572	1176	} else {
1573		- appendMessage(sender, responseText, responseHtml, images, false, botId);
1574		- // Re-enable chat input after response is displayed
1575		- enableChatInput(botId);
	1177	+ appendMessage(sender, responseText, responseHtml, images);
1576	1178	}
1577	1179	}
1578	1180
1579	1181
1580		- function appendThinkingMessage(botId) {
1581		- botId = botId || 'default';
	1182	+ function appendThinkingMessage() {
	1183	+ // Remove any existing thinking dots first
	1184	+ $('.thinking-dots').remove();
1582	1185
1583		- // Don't show thinking dots in live agent mode - message is just forwarded to a human
1584		- var indicator = getElementDOM(botId, 'chat-mode-indicator');
1585		- if (indicator && indicator.textContent === 'Live Agent') {
1586		- return;
1587		- }
1588		-
1589		- var $chatBox = getElement(botId, 'chat-box');
1590		-
1591		- // Remove any existing thinking dots in this bot's chat first
1592		- $chatBox.find('.thinking-dots').remove();
1593		-
1594		- // Check if we should skip inline colors (AI theme is active)
1595		- var skipColors = shouldSkipInlineColors(botId);
1596		-
1597	1186	// Retrieve the bot message font color and background color
1598	1187	var botMessageFontColor = mxchatChat.bot_message_font_color;
1599	1188	var botMessageBgColor = mxchatChat.bot_message_bg_color;
1600	1189
1601		- // Build thinking dots HTML - skip inline colors if AI theme is active
1602		- var dotStyle = skipColors ? '' : ' style="background-color: ' + botMessageFontColor + ';"';
	1190	+
1603	1191	var thinkingHtml = '<div class="thinking-dots-container">' +
1604	1192	'<div class="thinking-dots">' +
1605		- '<span class="dot"' + dotStyle + '></span>' +
1606		- '<span class="dot"' + dotStyle + '></span>' +
1607		- '<span class="dot"' + dotStyle + '></span>' +
	1193	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
	1194	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
	1195	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1608	1196	'</div>' +
1609	1197	'</div>';
1610	1198
1611		- // Append the thinking dots to this bot's chat container - skip inline colors if AI theme is active
1612		- var messageStyle = skipColors ? '' : ' style="background-color: ' + botMessageBgColor + '; color: ' + botMessageFontColor + ';"';
1613		- $chatBox.append('<div class="bot-message temporary-message"' + messageStyle + '>' + thinkingHtml + '</div>');
1614		- scrollToBottom(botId);
	1199	+ // Append the thinking dots to the chat container (or within the temporary message div)
	1200	+ $("#chat-box").append('<div class="bot-message temporary-message" style="background-color: ' + botMessageBgColor + ';">' + thinkingHtml + '</div>');
	1201	+ scrollToBottom();
1615	1202	}
	1203	+
	1204	+ function removeThinkingDots() {
	1205	+ $('.thinking-dots').closest('.temporary-message').remove();
	1206	+ }
1616	1207
1617		- function removeThinkingDots(botId) {
1618		- botId = botId || 'default';
1619		- var $chatBox = getElement(botId, 'chat-box');
1620		- // Remove by temporary-message class first, then fall back to any bot-message containing thinking dots
1621		- $chatBox.find('.thinking-dots').closest('.temporary-message').remove();
1622		- $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1623		- }
1624	1208
1625	1209	// ====================================
1626	1210	// TEXT FORMATTING & PROCESSING
1627	1211	// ====================================
1628	1212
	1213	+
1629	1214	function linkify(inputText) {
1630		- if (!inputText) {
1631		- return '';
1632		- }
	1215	+ if (!inputText) return '';
	1216	+
	1217	+ // Process markdown headers
	1218	+ let processedText = formatMarkdownHeaders(inputText);
	1219	+
	1220	+ // Process markdown links
	1221	+ const markdownLinkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g;
	1222	+ processedText = processedText.replace(markdownLinkPattern, (match, text, url) => {
	1223	+ const safeUrl = encodeURI(url);
	1224	+ const safeText = sanitizeUserInput(text);
	1225	+ return `<a href="${safeUrl}" target="${linkTarget}">${safeText}</a>`;
	1226	+ });
1633	1227
1634		- // Helper function to check if URL is already encoded
1635		- function isUrlEncoded(url) {
1636		- // Check for % followed by exactly 2 hex digits
1637		- return /%[0-9a-fA-F]{2}/.test(url);
1638		- }
	1228	+ // Process phone numbers (tel:)
	1229	+ const phonePattern = /\[([^\]]+)\]\((tel:[\d+]+)\)/g;
	1230	+ processedText = processedText.replace(phonePattern, (match, text, phone) => {
	1231	+ const safePhone = encodeURI(phone);
	1232	+ const safeText = sanitizeUserInput(text);
	1233	+ return `<a href="${safePhone}">${safeText}</a>`;
	1234	+ });
1639	1235
1640		- // Helper function to safely encode URLs only if needed
1641		- function safeEncodeUrl(url) {
1642		- // If URL already contains encoded characters, return as-is
1643		- if (isUrlEncoded(url)) {
1644		- return url;
1645		- }
1646		- // Otherwise, encode it
1647		- return encodeURI(url);
1648		- }
1649		-
1650		- // Process markdown headers FIRST
1651		- let processedText = formatMarkdownHeaders(inputText);
1652		-
1653		- // Process text styling (bold, italic, strikethrough)
1654		- processedText = formatTextStyling(processedText);
1655		-
1656		- // Process code blocks BEFORE processing links
1657		- processedText = formatCodeBlocks(processedText);
1658		-
1659		- // Process markdown tables BEFORE converting newlines to paragraphs
1660		- processedText = formatMarkdownTables(processedText);
1661		-
1662		- // NOW convert to paragraphs
1663		- processedText = convertNewlinesToBreaks(processedText);
1664		-
1665		- // IMPORTANT: Handle citation-style brackets FIRST [URL]
1666		- // This prevents them from being processed as markdown links
1667		- // Match [URL] where URL is a complete URL in square brackets (common in AI citations)
1668		- processedText = processedText.replace(/\[(https?:\/\/[^\]]+)\]/g, (match, url) => {
1669		- // Clean the URL of any trailing punctuation
1670		- let cleanUrl = url.replace(/[.,;!?]+$/, '');
1671		- const safeUrl = safeEncodeUrl(cleanUrl);
1672		- // Return as a proper link without the brackets
1673		- return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1674		- });
1675		-
1676		- // Process markdown links: [text](url) and [](url)
1677		- // Uses balanced parenthesis matching to handle URLs containing parens
1678		- // (e.g. PDF filenames with dates like (2025-08-28).pdf)
1679		- processedText = (function(input) {
1680		- var result = '';
1681		- var i = 0;
1682		- while (i < input.length) {
1683		- // Look for [ at current position
1684		- if (input[i] === '[') {
1685		- // Find closing ]
1686		- var closeBracket = input.indexOf(']', i + 1);
1687		- if (closeBracket === -1 || closeBracket + 1 >= input.length || input[closeBracket + 1] !== '(') {
1688		- result += input[i];
1689		- i++;
1690		- continue;
1691		- }
1692		- var linkText = input.substring(i + 1, closeBracket);
1693		- // Check if URL starts with http
1694		- var urlStart = closeBracket + 2;
1695		- if (!input.substring(urlStart).match(/^https?:\/\//)) {
1696		- result += input[i];
1697		- i++;
1698		- continue;
1699		- }
1700		- // Find balanced closing paren
1701		- var depth = 1;
1702		- var j = urlStart;
1703		- while (j < input.length && depth > 0) {
1704		- if (input[j] === '(') depth++;
1705		- else if (input[j] === ')') depth--;
1706		- if (depth > 0) j++;
1707		- }
1708		- if (depth !== 0) {
1709		- result += input[i];
1710		- i++;
1711		- continue;
1712		- }
1713		- var url = input.substring(urlStart, j);
1714		- var cleanUrl = url.replace(/[\].,;!?]+$/, '');
1715		- var encodedUrl = safeEncodeUrl(cleanUrl);
1716		- if (!linkText || !linkText.trim()) {
1717		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + cleanUrl + '</a>';
1718		- } else {
1719		- var safeText = sanitizeUserInput(linkText);
1720		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + safeText + '</a>';
1721		- }
1722		- i = j + 1; // Skip past the closing )
1723		- } else {
1724		- result += input[i];
1725		- i++;
1726		- }
1727		- }
1728		- return result;
1729		- })(processedText);
1730		-
1731		- // Process phone numbers: [text](tel:number)
1732		- const phonePattern = /\[([^\]]+)\]\((tel:[\d+\-\s()]+)\)/g;
1733		- processedText = processedText.replace(phonePattern, (match, text, phone) => {
1734		- const safePhone = safeEncodeUrl(phone);
1735		- const safeText = sanitizeUserInput(text);
1736		- return `<a href="${safePhone}">${safeText}</a>`;
1737		- });
1738		-
1739		- // Process mailto links: [text](mailto:email)
1740		- const mailtoPattern = /\[([^\]]+)\]\((mailto:[^\)]+)\)/g;
1741		- processedText = processedText.replace(mailtoPattern, (match, text, mailto) => {
1742		- const safeMailto = safeEncodeUrl(mailto);
1743		- const safeText = sanitizeUserInput(text);
1744		- return `<a href="${safeMailto}">${safeText}</a>`;
1745		- });
1746		-
1747		- // Process standalone URLs - but NOT if they're already in <a> tags or brackets
1748		- // Updated pattern to be more careful about what it matches
1749		- const urlPattern = /(^|[^">=\[\]])(https?:\/\/[^\s<"\[\]]+)(?![^<]*<\/a>)(?!\])/gim;
1750		- processedText = processedText.replace(urlPattern, (match, prefix, url) => {
1751		- // Extra check: make sure this isn't already linked
1752		- if (match.includes('href=') || match.includes('</a>')) {
1753		- return match;
1754		- }
	1236	+ // Process standalone URLs
	1237	+ const urlPattern = /(^|[^">])(https?:\/\/[^\s<]+)/gim;
	1238	+ processedText = processedText.replace(urlPattern, (match, prefix, url) => {
	1239	+ const safeUrl = encodeURI(url);
	1240	+ return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${url}</a>`;
	1241	+ });
1755	1242
1756		- // Clean trailing punctuation
1757		- let cleanUrl = url.replace(/[.,;!?)]+$/, '');
1758		- const safeUrl = safeEncodeUrl(cleanUrl);
1759		- return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1760		- });
1761		-
1762		- // Process www. URLs - but NOT if they're already in <a> tags or brackets
1763		- const wwwPattern = /(^|[^">/\[\]])(www\.[\S]+)(?![^<]*<\/a>)(?!\])/gim;
1764		- processedText = processedText.replace(wwwPattern, (match, prefix, url) => {
1765		- // Extra check: make sure this isn't already linked
1766		- if (match.includes('href=') || match.includes('</a>')) {
1767		- return match;
1768		- }
	1243	+ // Process www. URLs
	1244	+ const wwwPattern = /(^|[^">])(www\.[\S]+(\b|$))(?![^<]*<\/a>)/gim;
	1245	+ processedText = processedText.replace(wwwPattern, (match, prefix, url) => {
	1246	+ const safeUrl = encodeURI(`http://${url}`);
	1247	+ return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${url}</a>`;
	1248	+ });
1769	1249
1770		- // Clean trailing punctuation
1771		- let cleanUrl = url.replace(/[.,;!?)]+$/, '');
1772		- const safeUrl = safeEncodeUrl(`http://${cleanUrl}`);
1773		- return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1774		- });
	1250	+ // Add this after your phone pattern
	1251	+ const mailtoPattern = /\[([^\]]+)\]\((mailto:[^\)]+)\)/g;
	1252	+ processedText = processedText.replace(mailtoPattern, (match, text, mailto) => {
	1253	+ const safeMailto = encodeURI(mailto);
	1254	+ const safeText = sanitizeUserInput(text);
	1255	+ return `<a href="${safeMailto}">${safeText}</a>`;
	1256	+ });
1775	1257
1776		- return processedText;
1777		-}
	1258	+ return processedText;
	1259	+ }
1778	1260
1779	1261	function formatMarkdownHeaders(text) {
1780	1262	// Handle h1 to h6 headers
1781		- return text.replace(/^(#{1,6})\s+(.+)$/gm, function(match, hashes, content) {
	1263	+ return text.replace(/^(#{1,6})\s(.+)$/gm, function(match, hashes, content) {
1782	1264	const level = hashes.length;
1783		- return `<h${level} class="chat-heading chat-heading-${level}">${content.trim()}</h${level}>`;
	1265	+ return `<h${level} class="chat-heading">${content}</h${level}>`;
1784	1266	});
1785	1267	}
1786	1268
1787		-function formatTextStyling(text) {
1788		- // IMPORTANT: Protect BOTH HTML href and Markdown URLs from formatting
1789		- const protectedSegments = [];
1790		- let protectedText = text;
1791		-
1792		- // Step 1a: Protect HTML href="..." attributes
1793		- protectedText = protectedText.replace(/href\s*=\s*["']([^"']+)["']/gi, function(match) {
1794		- const placeholder = `__PROTECTED_${protectedSegments.length}__`;
1795		- protectedSegments.push(match);
1796		- return placeholder;
1797		- });
1798		-
1799		- // Step 1b: Protect Markdown links [text](url)
1800		- // This is crucial - we need to protect the URLs in markdown format
1801		- protectedText = protectedText.replace(/\[([^\]]*)\]\(([^)]+)\)/g, function(match) {
1802		- const placeholder = `__PROTECTED_${protectedSegments.length}__`;
1803		- protectedSegments.push(match);
1804		- return placeholder;
1805		- });
1806		-
1807		- // Step 1c: Also protect bare URLs that might exist
1808		- protectedText = protectedText.replace(/(https?:\/\/[^\s<>"]+)/gi, function(match) {
1809		- const placeholder = `__PROTECTED_${protectedSegments.length}__`;
1810		- protectedSegments.push(match);
1811		- return placeholder;
1812		- });
1813		-
1814		- // Step 2: Now apply text styling to the protected text
1815		- // Handle bold text (**text**)
1816		- protectedText = protectedText.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
1817		-
1818		- // Handle italic text (*text* or _text_) - Safari-compatible (no lookbehind)
1819		- // Match single asterisks that aren't part of bold (**) by checking they're not followed/preceded by another *
1820		- protectedText = protectedText.replace(/(?!\*\*)\*([^*\n]+)\*(?!\*)/g, '<em>$1</em>');
1821		-
1822		- // Handle underscores for italic - Safari-compatible (no lookbehind)
1823		- // Exclude __PROTECTED_N__ placeholders by checking the content doesn't contain PROTECTED
1824		- protectedText = protectedText.replace(/(?!__)_((?!PROTECTED)[^_\n]+)_(?!_)/g, '<em>$1</em>');
1825		-
1826		- // Handle strikethrough (~~text~~)
1827		- protectedText = protectedText.replace(/~~(.*?)~~/g, '<del>$1</del>');
1828		-
1829		- // Step 3: Restore all protected segments
1830		- protectedSegments.forEach((original, index) => {
1831		- const placeholder = `__PROTECTED_${index}__`;
1832		- protectedText = protectedText.replace(placeholder, original);
1833		- });
1834		-
1835		- return protectedText;
1836		-}
1837	1269	function formatBoldText(text) {
1838		- // This function is kept for compatibility but now uses formatTextStyling
1839		- return formatTextStyling(text);
	1270	+ return text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
1840	1271	}
1841	1272
1842		-function convertNewlinesToBreaks(text) {
1843		- // Split the text into paragraphs (marked by double newlines or multiple <br> tags)
1844		- const paragraphs = text.split(/(?:\n\n|\<br\>\s*\<br\>)/g);
	1273	+ function convertNewlinesToBreaks(text) {
	1274	+ // Split the text into paragraphs (marked by double newlines or multiple <br> tags)
	1275	+ const paragraphs = text.split(/(?:\n\n|\<br\>\s*\<br\>)/g);
	1276	+
	1277	+ // Wrap each paragraph in <p> tags
	1278	+ return paragraphs
	1279	+ .map(para => `<p>${para.trim()}</p>`)
	1280	+ .join('');
	1281	+ }
1845	1282
1846		- // Filter out empty paragraphs and wrap each paragraph in <p> tags
1847		- return paragraphs
1848		- .map(para => para.trim())
1849		- .filter(para => para.length > 0) // Remove empty paragraphs
1850		- .map(para => `<p>${para}</p>`)
1851		- .join('');
1852		-}
1853	1283	function formatCodeBlocks(text) {
1854		- // Handle fenced code blocks with language specification (```language)
1855		- text = text.replace(/```(\w+)?\n?([\s\S]*?)```/g, (match, language, code) => {
1856		- const lang = language || 'text';
1857		- const escapedCode = escapeHtml(code.trim());
1858		- return `<div class="mxchat-code-block-container">
1859		- <div class="mxchat-code-header">
1860		- <span class="mxchat-code-language">${lang}</span>
1861		- <button class="mxchat-copy-button" aria-label="Copy to clipboard">Copy</button>
1862		- </div>
1863		- <pre class="mxchat-code-block"><code class="language-${lang}">${escapedCode}</code></pre>
1864		- </div>`;
	1284	+ // First handle raw PHP tags
	1285	+ text = text.replace(/(<\?php[\s\S]*?\?>)/g, (match) => {
	1286	+ return `<pre><code class="language-php">${escapeHtml(match)}</code></pre>`;
1865	1287	});
1866		-
1867		- // Handle inline code with single backticks
1868		- text = text.replace(/`([^`\n]+)`/g, '<code class="mxchat-inline-code">$1</code>');
1869		-
1870		- // Handle raw PHP tags (legacy support)
1871		- text = text.replace(/(<\?php[\s\S]*?\?>)/g, (match) => {
1872		- const escapedCode = escapeHtml(match);
1873		- return `<div class="mxchat-code-block-container">
1874		- <div class="mxchat-code-header">
1875		- <span class="mxchat-code-language">php</span>
1876		- <button class="mxchat-copy-button" aria-label="Copy to clipboard">Copy</button>
1877		- </div>
1878		- <pre class="mxchat-code-block"><code class="language-php">${escapedCode}</code></pre>
1879		- </div>`;
	1288	+
	1289	+ // Then handle code blocks with backticks
	1290	+ text = text.replace(/```php5?\n([\s\S]+?)```/gi, (match, code) => {
	1291	+ return `<pre><code class="language-php">${escapeHtml(code)}</code></pre>`;
1880	1292	});
1881		-
	1293	+
1882	1294	return text;
1883	1295	}
1884		-
1885		- function formatMarkdownTables(text) {
1886		- var lines = text.split('\n');
1887		- var result = [];
1888		- var i = 0;
1889		-
1890		- while (i < lines.length) {
1891		- // Check for a table: current line has pipes AND next line is a separator row
1892		- if (i + 1 < lines.length &&
1893		- lines[i].indexOf('|') !== -1 &&
1894		- /^\s*\|?[\s\-:]+(\|[\s\-:]+)+\|?\s*$/.test(lines[i + 1])) {
1895		-
1896		- var tableLines = [];
1897		- var headerLine = lines[i];
1898		- var separatorLine = lines[i + 1];
1899		- tableLines.push(headerLine);
1900		- tableLines.push(separatorLine);
1901		-
1902		- // Collect remaining table rows
1903		- var j = i + 2;
1904		- while (j < lines.length && lines[j].indexOf('|') !== -1 && lines[j].trim() !== '') {
1905		- tableLines.push(lines[j]);
1906		- j++;
1907		- }
1908		-
1909		- // Parse alignment from separator row
1910		- var sepCells = separatorLine.split('|').filter(function(c) { return c.trim() !== ''; });
1911		- var alignments = sepCells.map(function(cell) {
1912		- var trimmed = cell.trim();
1913		- if (trimmed.charAt(0) === ':' && trimmed.charAt(trimmed.length - 1) === ':') return 'center';
1914		- if (trimmed.charAt(trimmed.length - 1) === ':') return 'right';
1915		- return 'left';
1916		- });
1917		-
1918		- // Build HTML table
1919		- var html = '<div class="mxchat-table-wrapper"><table class="mxchat-table">';
1920		-
1921		- // Header row
1922		- var headerCells = tableLines[0].split('|').filter(function(c) { return c.trim() !== ''; });
1923		- html += '<thead><tr>';
1924		- headerCells.forEach(function(cell, idx) {
1925		- var align = alignments[idx] || 'left';
1926		- html += '<th style="text-align:' + align + '">' + cell.trim() + '</th>';
1927		- });
1928		- html += '</tr></thead>';
1929		-
1930		- // Body rows
1931		- html += '<tbody>';
1932		- for (var r = 2; r < tableLines.length; r++) {
1933		- var rowCells = tableLines[r].split('|').filter(function(c) { return c.trim() !== ''; });
1934		- html += '<tr>';
1935		- rowCells.forEach(function(cell, idx) {
1936		- var align = alignments[idx] || 'left';
1937		- html += '<td style="text-align:' + align + '">' + cell.trim() + '</td>';
1938		- });
1939		- html += '</tr>';
1940		- }
1941		- html += '</tbody></table></div>';
1942		-
1943		- result.push(html);
1944		- i = j;
1945		- } else {
1946		- result.push(lines[i]);
1947		- i++;
1948		- }
1949		- }
1950		-
1951		- return result.join('\n');
1952		- }
1953		-
	1296	+
1954	1297	function sanitizeUserInput(text) {
1955	1298	const div = document.createElement('div');
1956	1299	div.textContent = text;
1957	1300	return div.innerHTML;
		@@ -1956,12 +1299,12 @@
1956	1299	div.textContent = text;
1957	1300	return div.innerHTML;
1958	1301	}
1959	1302
	1303	+
1960	1304	function escapeHtml(unsafe) {
1961		- // Skip escaping if it's already escaped or contains HTML code block markup
1962		- if (unsafe.includes('&lt;') || unsafe.includes('&gt;') ||
1963		- unsafe.includes('<pre><code') || unsafe.includes('</code></pre>')) {
	1305	+ // First check if it's already a code block
	1306	+ if (unsafe.includes('<pre><code') || unsafe.includes('</code></pre>')) {
1964	1307	return unsafe;
1965	1308	}
1966	1309
1967	1310	return unsafe
		@@ -1977,25 +1320,15 @@
1977	1320	textArea.innerHTML = text;
1978	1321	return textArea.value;
1979	1322	}
1980	1323
	1324	+
1981	1325	// ====================================
1982	1326	// UI & SCROLLING CONTROLS
1983	1327	// ====================================
1984	1328
1985		- function scrollToBottom(botIdOrInstant, instant) {
1986		- // Handle backward compatibility: scrollToBottom() or scrollToBottom(true/false)
1987		- var botId = 'default';
1988		- if (typeof botIdOrInstant === 'string') {
1989		- botId = botIdOrInstant;
1990		- instant = instant || false;
1991		- } else if (typeof botIdOrInstant === 'boolean') {
1992		- instant = botIdOrInstant;
1993		- } else {
1994		- instant = false;
1995		- }
1996		-
1997		- var chatBox = getElement(botId, 'chat-box');
	1329	+ function scrollToBottom(instant = false) {
	1330	+ var chatBox = $('#chat-box');
1998	1331	if (instant) {
1999	1332	// Instantly set the scroll position to the bottom
2000	1333	chatBox.scrollTop(chatBox.prop("scrollHeight"));
2001	1334	} else {
		@@ -2004,15 +1337,15 @@
2004	1337	const scrollHeight = chatBox.prop("scrollHeight");
2005	1338	const initialScroll = chatBox.scrollTop();
2006	1339	const distance = scrollHeight - initialScroll;
2007	1340	const duration = 500; // Duration in ms
2008		-
	1341	+
2009	1342	function smoothScroll(timestamp) {
2010	1343	if (!start) start = timestamp;
2011	1344	const progress = timestamp - start;
2012	1345	const currentScroll = initialScroll + (distance * (progress / duration));
2013	1346	chatBox.scrollTop(currentScroll);
2014		-
	1347	+
2015	1348	if (progress < duration) {
2016	1349	requestAnimationFrame(smoothScroll);
2017	1350	} else {
2018	1351	chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
		@@ -2017,37 +1350,33 @@
2017	1350	} else {
2018	1351	chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
2019	1352	}
2020	1353	}
2021		-
	1354	+
2022	1355	requestAnimationFrame(smoothScroll);
2023	1356	}
2024	1357	}
2025		-
2026		- function scrollElementToTop(element, botId, topOffset) {
2027		- botId = botId || 'default';
2028		- topOffset = (typeof topOffset === 'number') ? topOffset : 2;
2029		- var chatBox = getElement(botId, 'chat-box');
	1358	+
	1359	+ function scrollElementToTop(element) {
	1360	+ var chatBox = $('#chat-box');
2030	1361	var elementTop = element.position().top + chatBox.scrollTop();
2031		- chatBox.animate({ scrollTop: Math.max(0, elementTop - topOffset) }, 500);
	1362	+ chatBox.animate({ scrollTop: elementTop }, 500);
2032	1363	}
2033		-
2034		- function showChatWidget(botId) {
2035		- botId = botId || 'default';
2036		- var $button = getElement(botId, 'floating-chatbot-button');
	1364	+
	1365	+ function showChatWidget() {
2037	1366	// First ensure display is set
2038		- $button.css('display', 'flex');
	1367	+ $('#floating-chatbot-button').css('display', 'flex');
2039	1368	// Then handle the fade
2040		- $button.fadeTo(500, 1);
	1369	+ $('#floating-chatbot-button').fadeTo(500, 1);
2041	1370	// Force visibility
2042		- $button.removeClass('hidden');
	1371	+ $('#floating-chatbot-button').removeClass('hidden');
	1372	+ //console.log('Showing widget');
2043	1373	}
2044		-
2045		- function hideChatWidget(botId) {
2046		- botId = botId || 'default';
2047		- var $button = getElement(botId, 'floating-chatbot-button');
2048		- $button.css('display', 'none');
2049		- $button.addClass('hidden');
	1374	+
	1375	+ function hideChatWidget() {
	1376	+ $('#floating-chatbot-button').css('display', 'none');
	1377	+ $('#floating-chatbot-button').addClass('hidden');
	1378	+ //console.log('Hiding widget');
2050	1379	}
2051	1380
2052	1381	function disableScroll() {
2053	1382	if (isMobile()) {
		@@ -2076,15 +1405,18 @@
2076	1405	// NOTIFICATION SYSTEM
2077	1406	// ====================================
2078	1407
2079	1408	function createNotificationBadge() {
	1409	+ //console.log("Creating notification badge...");
2080	1410	const chatButton = document.getElementById('floating-chatbot-button');
2081		-
	1411	+ //console.log("Chat button found:", !!chatButton);
	1412	+
2082	1413	if (!chatButton) return;
2083		-
	1414	+
2084	1415	// Remove any existing badge first
2085	1416	const existingBadge = chatButton.querySelector('.chat-notification-badge');
2086	1417	if (existingBadge) {
	1418	+ //console.log("Removing existing badge");
2087	1419	existingBadge.remove();
2088	1420	}
2089	1421
2090	1422	notificationBadge = document.createElement('div');
		@@ -2106,43 +1438,34 @@
2106	1438	chatButton.appendChild(notificationBadge);
2107	1439
2108	1440	}
2109	1441
2110		- function showNotification(botId) {
2111		- botId = botId || 'default';
2112		- const badge = getElementDOM(botId, 'chat-notification-badge');
2113		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
2114		- if (badge && $floatingChatbot.hasClass('hidden')) {
	1442	+ function showNotification() {
	1443	+ const badge = document.getElementById('chat-notification-badge');
	1444	+ if (badge && $('#floating-chatbot').hasClass('hidden')) {
2115	1445	badge.style.display = 'block';
2116	1446	badge.textContent = '1';
2117	1447	}
2118	1448	}
2119		-
2120		- function hideNotification(botId) {
2121		- botId = botId || 'default';
2122		- const badge = getElementDOM(botId, 'chat-notification-badge');
	1449	+
	1450	+ function hideNotification() {
	1451	+ const badge = document.getElementById('chat-notification-badge');
2123	1452	if (badge) {
2124	1453	badge.style.display = 'none';
2125	1454	}
2126	1455	}
2127		-
2128		- function startNotificationChecking(botId) {
2129		- botId = botId || 'default';
	1456	+
	1457	+ function startNotificationChecking() {
2130	1458	const chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2131	1459	if (!chatPersistenceEnabled) return;
2132		-
2133		- createNotificationBadge(botId);
2134		- var instance = MxChatInstances.get(botId);
2135		- instance.notificationCheckInterval = setInterval(function() {
2136		- checkForNewMessages(botId);
2137		- }, 30000); // Check every 30 seconds
	1460	+
	1461	+ createNotificationBadge();
	1462	+ notificationCheckInterval = setInterval(checkForNewMessages, 30000); // Check every 30 seconds
2138	1463	}
2139		-
2140		- function stopNotificationChecking(botId) {
2141		- botId = botId || 'default';
2142		- var instance = MxChatInstances.get(botId);
2143		- if (instance.notificationCheckInterval) {
2144		- clearInterval(instance.notificationCheckInterval);
	1464	+
	1465	+ function stopNotificationChecking() {
	1466	+ if (notificationCheckInterval) {
	1467	+ clearInterval(notificationCheckInterval);
2145	1468	}
2146	1469	}
2147	1470
2148	1471	function checkForNewMessages() {
		@@ -2168,35 +1491,63 @@
2168	1491	});
2169	1492	}
2170	1493
2171	1494
2172		-// ====================================
2173		-// LIVE AGENT FUNCTIONALITY
2174		-// ====================================
2175		-
2176		-function startPolling(botId) {
2177		- botId = botId || 'default';
2178		- var instance = MxChatInstances.get(botId);
2179		- // Clear any existing interval first
2180		- stopPolling(botId);
2181		- instance.pollingInterval = setInterval(function() {
2182		- checkForAgentMessages(botId);
2183		- }, 5000);
	1495	+ // ====================================
	1496	+ // LIVE AGENT FUNCTIONALITY
	1497	+ // ====================================
	1498	+
	1499	+function updateChatModeIndicator(mode) {
	1500	+ //console.log("updateChatModeIndicator called with mode:", mode);
	1501	+ const indicator = document.getElementById('chat-mode-indicator');
	1502	+ if (indicator) {
	1503	+ const oldText = indicator.textContent;
	1504	+
	1505	+ if (mode === 'agent') {
	1506	+ indicator.textContent = 'Live Agent';
	1507	+ startPolling();
	1508	+ //console.log("Set indicator to Live Agent");
	1509	+ } else {
	1510	+ // Everything else is AI mode
	1511	+ const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
	1512	+ indicator.textContent = customAiText;
	1513	+ stopPolling();
	1514	+ //console.log("Set indicator to AI Agent:", customAiText);
	1515	+ }
	1516	+
	1517	+ // Force immediate DOM update
	1518	+ if (oldText !== indicator.textContent) {
	1519	+ // Force a reflow to ensure the change is visible immediately
	1520	+ indicator.offsetHeight;
	1521	+
	1522	+ // Double-check after a brief moment
	1523	+ setTimeout(() => {
	1524	+ //console.log("Final indicator text:", indicator.textContent);
	1525	+ }, 50);
	1526	+ }
	1527	+ } else {
	1528	+ console.error("Chat mode indicator element not found!");
	1529	+ }
2184	1530	}
2185	1531
2186		-function stopPolling(botId) {
2187		- botId = botId || 'default';
2188		- var instance = MxChatInstances.get(botId);
2189		- if (instance.pollingInterval) {
2190		- clearInterval(instance.pollingInterval);
2191		- instance.pollingInterval = null;
	1532	+ function startPolling() {
	1533	+ // Clear any existing interval first
	1534	+ stopPolling();
	1535	+ // Start new polling interval
	1536	+ pollingInterval = setInterval(checkForAgentMessages, 5000);
	1537	+ //console.log("Started agent message polling");
2192	1538	}
2193		-}
2194		-
2195		-function checkForAgentMessages(botId) {
2196		- botId = botId || 'default';
2197		- var instance = MxChatInstances.get(botId);
2198		- const sessionId = getChatSession(botId);
	1539	+
	1540	+ function stopPolling() {
	1541	+ if (pollingInterval) {
	1542	+ clearInterval(pollingInterval);
	1543	+ pollingInterval = null;
	1544	+ //console.log("Stopped agent message polling");
	1545	+ }
	1546	+ }
	1547	+
	1548	+function checkForAgentMessages() {
	1549	+ const sessionId = getChatSession();
2199	1550	$.ajax({
2200	1551	url: mxchatChat.ajax_url,
2201	1552	type: 'POST',
2202	1553	dataType: 'json',
		@@ -2202,44 +1553,35 @@
2202	1553	dataType: 'json',
2203	1554	data: {
2204	1555	action: 'mxchat_fetch_new_messages',
2205	1556	session_id: sessionId,
2206		- last_seen_id: instance.lastSeenMessageId,
2207		- persistence_enabled: 'true',
	1557	+ last_seen_id: lastSeenMessageId,
	1558	+ persistence_enabled: 'true', // Add this too
2208	1559	nonce: mxchatChat.nonce
2209	1560	},
2210	1561	success: function (response) {
2211	1562	if (response.success && response.data?.new_messages) {
2212	1563	let hasNewMessage = false;
2213		-
	1564	+
2214	1565	response.data.new_messages.forEach(function (message) {
2215		- if (message.role === "agent" && !instance.processedMessageIds.has(message.id)) {
	1566	+ if (message.role === "agent" && !processedMessageIds.has(message.id)) {
2216	1567	hasNewMessage = true;
2217		- appendMessage("agent", message.content, '', [], false, botId);
2218		- instance.lastSeenMessageId = message.id;
2219		- instance.processedMessageIds.add(message.id);
	1568	+ // CHANGE THIS LINE:
	1569	+ appendMessage("agent", message.content); // Instead of replaceLastMessage
	1570	+ lastSeenMessageId = message.id;
	1571	+ processedMessageIds.add(message.id);
2220	1572	}
2221	1573	});
2222	1574
2223		- if (hasNewMessage) {
2224		- enableChatInput(botId);
	1575	+ if (hasNewMessage && $('#floating-chatbot').hasClass('hidden')) {
	1576	+ showNotification();
2225	1577	}
2226		-
2227		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
2228		- if (hasNewMessage && $floatingChatbot.hasClass('hidden')) {
2229		- showNotification(botId);
2230		- }
2231		-
2232		- scrollToBottom(botId, true);
	1578	+
	1579	+ scrollToBottom(true);
2233	1580	}
2234		-
2235		- // Handle chat mode transitions (e.g. agent ended chat via !endchat)
2236		- if (response.success && response.data?.chat_mode) {
2237		- updateChatModeIndicator(response.data.chat_mode, botId);
2238		- }
2239	1581	},
2240	1582	error: function (xhr, status, error) {
2241		- // Polling error - silently continue
	1583	+ //console.error("Polling error:", xhr, status, error);
2242	1584	}
2243	1585	});
2244	1586	}
2245	1587
		@@ -2245,30 +1587,13 @@
2245	1587
2246	1588	// ====================================
2247	1589	// CHAT HISTORY & PERSISTENCE
2248	1590	// ====================================
2249		-
2250		-function loadChatHistory(botId, onComplete) {
2251		- botId = botId || 'default';
2252		- var instance = MxChatInstances.get(botId);
2253		-
2254		- // Prevent duplicate loading
2255		- if (instance.chatHistoryLoaded) {
2256		- if (onComplete) onComplete();
2257		- return;
2258		- }
2259		-
2260		- // Use getChatSession which returns null if no session exists (does NOT create one)
2261		- var sessionId = getChatSession(botId);
	1591	+
	1592	+ function loadChatHistory() {
	1593	+ var sessionId = getChatSession();
2262	1594	var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2263	1595
2264		- // No session yet — nothing to load. History will load after first message via ensureSession.
2265		- if (!sessionId) {
2266		- instance.chatHistoryLoaded = true;
2267		- if (onComplete) onComplete();
2268		- return;
2269		- }
2270		-
2271	1596	if (chatPersistenceEnabled && sessionId) {
2272	1597	$.ajax({
2273	1598	url: mxchatChat.ajax_url,
2274	1599	type: 'POST',
		@@ -2277,35 +1602,23 @@
2277	1602	action: 'mxchat_fetch_conversation_history',
2278	1603	session_id: sessionId
2279	1604	},
2280	1605	success: function(response) {
2281		- // Handle session reset (IP changed while user was away)
2282		- if (response.success === false && response.data && response.data.action === 'reset_session') {
2283		- // Silent reset — new session but don't clear UI
2284		- MxChatInstances.silentResetSession(botId);
2285		- instance.chatHistoryLoaded = true; // Prevent retry loop
2286		- if (onComplete) onComplete();
2287		- return;
2288		- }
2289		-
2290	1606	// Check if the response indicates success
2291	1607	if (response.success) {
2292	1608	// Handle case where conversation data exists and is an array
2293	1609	if (response.data && Array.isArray(response.data.conversation)) {
2294		- var $chatBox = getElement(botId, 'chat-box');
	1610	+ var $chatBox = $('#chat-box');
2295	1611	var $fragment = $(document.createDocumentFragment());
2296		- let highestMessageId = instance.lastSeenMessageId;
	1612	+ let highestMessageId = lastSeenMessageId;
2297	1613
2298	1614	// Update chat mode if provided
2299	1615	if (response.data.chat_mode) {
2300		- updateChatModeIndicator(response.data.chat_mode, botId);
	1616	+ updateChatModeIndicator(response.data.chat_mode);
2301	1617	}
2302	1618
2303	1619	// Only process if there are actual messages
2304	1620	if (response.data.conversation.length > 0) {
2305		- // IMPORTANT: Clear existing messages before loading history
2306		- $chatBox.empty();
2307		-
2308	1621	$.each(response.data.conversation, function(index, message) {
2309	1622	// Skip agent messages if persistence is off
2310	1623	if (!chatPersistenceEnabled && message.role === 'agent') {
2311	1624	return;
		@@ -2340,22 +1653,16 @@
2340	1653	var content = message.content;
2341	1654	content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
2342	1655	content = decodeHTMLEntities(content);
2343	1656
2344		- // Skip linkify for messages containing structured HTML
2345		- // (forms, product cards, galleries, etc.) to avoid
2346		- // markdown formatting corrupting HTML attributes
2347		- // (e.g. underscores in name="field_name" becoming <em> tags)
2348		- if (content.includes("mxchat-product-card") ||
2349		- content.includes("mxchat-image-gallery") ||
2350		- content.includes("mxchat-featured-products") ||
2351		- content.includes("<form") ||
2352		- content.includes("<input") ||
2353		- content.includes("<select") ||
2354		- content.includes("<textarea")) {
	1657	+ if (content.includes("mxchat-product-card") || content.includes("mxchat-image-gallery")) {
2355	1658	messageElement.html(content);
2356	1659	} else {
2357		- var formattedContent = linkify(content);
	1660	+ var formattedContent = linkify(
	1661	+ formatBoldText(
	1662	+ convertNewlinesToBreaks(formatCodeBlocks(content))
	1663	+ )
	1664	+ );
2358	1665	messageElement.html(formattedContent);
2359	1666	}
2360	1667
2361	1668	$fragment.append(messageElement);
		@@ -2362,47 +1669,54 @@
2362	1669
2363	1670	// Track message IDs
2364	1671	if (message.id) {
2365	1672	highestMessageId = Math.max(highestMessageId, message.id);
2366		- instance.processedMessageIds.add(message.id);
	1673	+ processedMessageIds.add(message.id);
2367	1674	}
2368	1675	});
2369	1676
2370	1677	// Only append messages and scroll if we have content
2371	1678	$chatBox.append($fragment);
2372		- scrollToBottom(botId, true);
	1679	+ scrollToBottom(true);
2373	1680
2374	1681	// Collapse quick questions if we have conversation history
2375		- // BUT skip auto-collapse for embedded bots (they should stay expanded)
2376		- if (hasQuickQuestions(botId) && !isEmbeddedBot(botId)) {
2377		- collapseQuickQuestions(botId);
	1682	+ if (hasQuickQuestions()) {
	1683	+ collapseQuickQuestions();
2378	1684	}
2379	1685
2380	1686	// Update lastSeenMessageId after history loads
2381		- instance.lastSeenMessageId = highestMessageId;
	1687	+ lastSeenMessageId = highestMessageId;
2382	1688
2383	1689	// Only update chat mode if persistence is enabled and we have messages
2384	1690	if (chatPersistenceEnabled) {
2385	1691	var lastMessage = response.data.conversation[response.data.conversation.length - 1];
2386	1692	if (lastMessage.role === 'agent') {
2387		- updateChatModeIndicator('agent', botId);
	1693	+ updateChatModeIndicator('agent');
2388	1694	}
2389	1695	}
2390		-
2391		- // Mark as loaded ONLY after successful load
2392		- instance.chatHistoryLoaded = true;
	1696	+ } else {
	1697	+ // No conversation history - this is normal for new chats
	1698	+ //console.log("No conversation history found for this session - starting fresh chat.");
2393	1699	}
	1700	+ } else {
	1701	+ // Response successful but no conversation data - this is also normal
	1702	+ //console.log("No conversation data in response - starting fresh chat.");
2394	1703	}
	1704	+ } else {
	1705	+ // Only show error if the response explicitly indicates an error
	1706	+ console.warn("Failed to load chat history:", response.message || "Unknown error");
	1707	+ // Don't show error message to user for failed history loads
	1708	+ // Just start with a fresh chat instead
2395	1709	}
2396		- if (onComplete) onComplete();
2397	1710	},
2398	1711	error: function(xhr, status, error) {
2399		- // Error loading chat history - silently continue
2400		- if (onComplete) onComplete();
	1712	+ // Only log AJAX errors, don't show them to the user
	1713	+ console.error("AJAX error loading chat history:", status, error);
	1714	+ // Start with fresh chat - don't show error to user
2401	1715	}
2402	1716	});
2403	1717	} else {
2404		- if (onComplete) onComplete();
	1718	+ //console.log("Chat persistence is disabled or no session ID found. Starting fresh chat.");
2405	1719	}
2406	1720	}
2407	1721
2408	1722
		@@ -2416,42 +1730,40 @@
2416	1730	element.addEventListener(eventType, handler);
2417	1731	}
2418	1732	}
2419	1733
2420		- function showActivePdf(filename, botId) {
2421		- botId = botId || 'default';
2422		- const container = getElementDOM(botId, 'active-pdf-container');
2423		- const nameElement = getElementDOM(botId, 'active-pdf-name');
2424		-
	1734	+ function showActivePdf(filename) {
	1735	+ const container = document.getElementById('active-pdf-container');
	1736	+ const nameElement = document.getElementById('active-pdf-name');
	1737	+
2425	1738	if (!container || !nameElement) {
	1739	+ //console.error('PDF container elements not found');
2426	1740	return;
2427	1741	}
2428		-
	1742	+
2429	1743	nameElement.textContent = filename;
2430	1744	container.style.display = 'flex';
2431	1745	}
2432		-
2433		- function showActiveWord(filename, botId) {
2434		- botId = botId || 'default';
2435		- const container = getElementDOM(botId, 'active-word-container');
2436		- const nameElement = getElementDOM(botId, 'active-word-name');
2437		-
	1746	+
	1747	+ function showActiveWord(filename) {
	1748	+ const container = document.getElementById('active-word-container');
	1749	+ const nameElement = document.getElementById('active-word-name');
	1750	+
2438	1751	if (!container || !nameElement) {
	1752	+ //console.error('Word document container elements not found');
2439	1753	return;
2440	1754	}
2441		-
	1755	+
2442	1756	nameElement.textContent = filename;
2443	1757	container.style.display = 'flex';
2444	1758	}
2445		-
2446		- function removeActivePdf(botId) {
2447		- botId = botId || 'default';
2448		- var instance = MxChatInstances.get(botId);
2449		- const container = getElementDOM(botId, 'active-pdf-container');
2450		- const nameElement = getElementDOM(botId, 'active-pdf-name');
2451		-
2452		- if (!container || !nameElement || !instance.activePdfFile) return;
2453		-
	1759	+
	1760	+ function removeActivePdf() {
	1761	+ const container = document.getElementById('active-pdf-container');
	1762	+ const nameElement = document.getElementById('active-pdf-name');
	1763	+
	1764	+ if (!container || !nameElement || !activePdfFile) return;
	1765	+
2454	1766	fetch(mxchatChat.ajax_url, {
2455	1767	method: 'POST',
2456	1768	headers: {
2457	1769	'Content-Type': 'application/x-www-form-urlencoded',
		@@ -2457,9 +1769,9 @@
2457	1769	'Content-Type': 'application/x-www-form-urlencoded',
2458	1770	},
2459	1771	body: new URLSearchParams({
2460	1772	'action': 'mxchat_remove_pdf',
2461		- 'session_id': getChatSession(botId),
	1773	+ 'session_id': sessionId,
2462	1774	'nonce': mxchatChat.nonce
2463	1775	})
2464	1776	})
2465	1777	.then(response => response.json())
		@@ -2471,12 +1783,12 @@
2471	1783	appendMessage('bot', 'PDF removed.');
2472	1784	}
2473	1785	})
2474	1786	.catch(error => {
2475		- // Error removing PDF - silently continue
	1787	+ //console.error('Error removing PDF:', error);
2476	1788	});
2477	1789	}
2478		-
	1790	+
2479	1791	function removeActiveWord() {
2480	1792	const container = document.getElementById('active-word-container');
2481	1793	const nameElement = document.getElementById('active-word-name');
2482	1794
		@@ -2502,53 +1814,56 @@
2502	1814	appendMessage('bot', 'Word document removed.');
2503	1815	}
2504	1816	})
2505	1817	.catch(error => {
2506		- // Error removing Word document - silently continue
	1818	+ //console.error('Error removing Word document:', error);
2507	1819	});
2508	1820	}
2509		-
	1821	+
2510	1822	// ====================================
2511	1823	// CONSENT & COMPLIANCE (GDPR)
2512	1824	// ====================================
2513		-
2514		- function initializeChatVisibility(botId) {
2515		- botId = botId || 'default';
2516		- const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2517		- mxchatChat.complianz_toggle === '1' ||
	1825	+
	1826	+ function initializeChatVisibility() {
	1827	+ //console.log('Initializing chat visibility');
	1828	+ const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
	1829	+ mxchatChat.complianz_toggle === '1' ||
2518	1830	mxchatChat.complianz_toggle === 1;
2519		-
	1831	+
2520	1832	if (complianzEnabled && typeof cmplz_has_consent === "function" && typeof complianz !== 'undefined') {
2521	1833	// Initial check
2522		- checkConsentAndShowChat(botId);
2523		-
	1834	+ checkConsentAndShowChat();
	1835	+
2524	1836	// Listen for consent changes
2525	1837	$(document).on('cmplz_status_change', function(event) {
2526		- checkConsentAndShowChat(botId);
	1838	+ //console.log('Status change detected');
	1839	+ checkConsentAndShowChat();
2527	1840	});
2528	1841	} else {
2529	1842	// If Complianz is not enabled, always show
2530		- getElement(botId, 'floating-chatbot-button')
	1843	+ $('#floating-chatbot-button')
2531	1844	.css('display', 'flex')
2532	1845	.removeClass('hidden no-consent')
2533	1846	.fadeTo(500, 1);
2534		-
	1847	+
2535	1848	// Also check pre-chat message when Complianz is not enabled
2536		- checkPreChatDismissal(botId);
	1849	+ checkPreChatDismissal();
2537	1850	}
2538	1851	}
2539	1852
2540		-
2541		- function checkConsentAndShowChat(botId) {
2542		- botId = botId || 'default';
	1853	+
	1854	+ function checkConsentAndShowChat() {
2543	1855	var consentStatus = cmplz_has_consent('marketing');
2544	1856	var consentType = complianz.consenttype;
2545		-
2546		- let $widget = getElement(botId, 'floating-chatbot-button');
2547		- let $chatbot = getElement(botId, 'floating-chatbot');
2548		- let $preChat = getElement(botId, 'pre-chat-message');
2549		-
	1857	+
	1858	+ //console.log('Checking consent:', {status: consentStatus,type: consentType});
	1859	+
	1860	+ let $widget = $('#floating-chatbot-button');
	1861	+ let $chatbot = $('#floating-chatbot');
	1862	+ let $preChat = $('#pre-chat-message');
	1863	+
2550	1864	if (consentStatus === true) {
	1865	+ //console.log('Consent granted - showing widget');
2551	1866	$widget
2552	1867	.removeClass('no-consent')
2553	1868	.css('display', 'flex')
2554	1869	.removeClass('hidden')
		@@ -2553,12 +1868,13 @@
2553	1868	.css('display', 'flex')
2554	1869	.removeClass('hidden')
2555	1870	.fadeTo(500, 1);
2556	1871	$chatbot.removeClass('no-consent');
2557		-
	1872	+
2558	1873	// Show pre-chat message if not dismissed
2559		- checkPreChatDismissal(botId);
	1874	+ checkPreChatDismissal();
2560	1875	} else {
	1876	+ //console.log('No consent - hiding widget');
2561	1877	$widget
2562	1878	.addClass('no-consent')
2563	1879	.fadeTo(500, 0, function() {
2564	1880	$(this)
		@@ -2565,9 +1881,9 @@
2565	1881	.css('display', 'none')
2566	1882	.addClass('hidden');
2567	1883	});
2568	1884	$chatbot.addClass('no-consent');
2569		-
	1885	+
2570	1886	// Hide pre-chat message when no consent
2571	1887	$preChat.hide();
2572	1888	}
2573	1889	}
		@@ -2575,38 +1891,46 @@
2575	1891
2576	1892	// ====================================
2577	1893	// PRE-CHAT MESSAGE HANDLING
2578	1894	// ====================================
2579		-
2580		- function checkPreChatDismissal(botId) {
2581		- botId = botId || 'default';
2582		- try {
2583		- var dismissedAt = localStorage.getItem('mxchat_pre_chat_dismissed_' + botId);
2584		- if (dismissedAt) {
2585		- // Re-show after 24 hours
2586		- var elapsed = Date.now() - parseInt(dismissedAt, 10);
2587		- if (elapsed < 86400000) {
2588		- getElement(botId, 'pre-chat-message').hide();
2589		- return;
	1895	+
	1896	+ function checkPreChatDismissal() {
	1897	+ $.ajax({
	1898	+ url: mxchatChat.ajax_url,
	1899	+ type: 'POST',
	1900	+ data: {
	1901	+ action: 'mxchat_check_pre_chat_message_status',
	1902	+ _ajax_nonce: mxchatChat.nonce
	1903	+ },
	1904	+ success: function(response) {
	1905	+ if (response.success && !response.data.dismissed) {
	1906	+ $('#pre-chat-message').fadeIn(250);
	1907	+ } else {
	1908	+ $('#pre-chat-message').hide();
2590	1909	}
2591		- // Expired — clear and show again
2592		- localStorage.removeItem('mxchat_pre_chat_dismissed_' + botId);
	1910	+ },
	1911	+ error: function() {
	1912	+ //console.error('Failed to check pre-chat message dismissal status.');
2593	1913	}
2594		- getElement(botId, 'pre-chat-message').fadeIn(250);
2595		- } catch (e) {
2596		- // localStorage unavailable — show the message
2597		- getElement(botId, 'pre-chat-message').fadeIn(250);
2598		- }
	1914	+ });
2599	1915	}
2600		-
2601		- function handlePreChatDismissal(botId) {
2602		- botId = botId || 'default';
2603		- getElement(botId, 'pre-chat-message').fadeOut(200);
2604		- try {
2605		- localStorage.setItem('mxchat_pre_chat_dismissed_' + botId, String(Date.now()));
2606		- } catch (e) {
2607		- // localStorage unavailable — dismissal won't persist
2608		- }
	1916	+
	1917	+ function handlePreChatDismissal() {
	1918	+ $('#pre-chat-message').fadeOut(200);
	1919	+ $.ajax({
	1920	+ url: mxchatChat.ajax_url,
	1921	+ type: 'POST',
	1922	+ data: {
	1923	+ action: 'mxchat_dismiss_pre_chat_message',
	1924	+ _ajax_nonce: mxchatChat.nonce
	1925	+ },
	1926	+ success: function() {
	1927	+ $('#pre-chat-message').hide();
	1928	+ },
	1929	+ error: function() {
	1930	+ //console.error('Failed to dismiss pre-chat message.');
	1931	+ }
	1932	+ });
2609	1933	}
2610	1934
2611	1935
2612	1936	// ====================================
		@@ -2632,104 +1956,78 @@
2632	1956	// ====================================
2633	1957
2634	1958	$(document).on('click', '.mxchat-popular-question', function () {
2635	1959	var question = $(this).text();
2636		- var botId = getBotIdFromElement(this);
2637		-
	1960	+
2638	1961	// Append the question as if the user typed it
2639		- appendMessage("user", question, '', [], false, botId);
2640		-
	1962	+ appendMessage("user", question);
	1963	+
2641	1964	// Only collapse if there are questions
2642		- if (hasQuickQuestions(botId)) {
2643		- collapseQuickQuestions(botId);
	1965	+ if (hasQuickQuestions()) {
	1966	+ collapseQuickQuestions();
2644	1967	}
2645		-
	1968	+
2646	1969	// Send the question to the server
2647		- sendMessageToChatbot(question, botId);
	1970	+ sendMessageToChatbot(question);
2648	1971	});
2649	1972
2650	1973	$(document).on('click', '.questions-toggle-btn', function(e) {
2651	1974	e.preventDefault();
2652	1975	e.stopPropagation();
2653		- var botId = getBotIdFromElement(this);
2654		- expandQuickQuestions(botId);
	1976	+ expandQuickQuestions();
2655	1977	});
2656	1978
2657	1979	$(document).on('click', '.questions-collapse-btn', function(e) {
2658	1980	e.preventDefault();
2659	1981	e.stopPropagation();
2660		- var botId = getBotIdFromElement(this);
2661		- collapseQuickQuestions(botId);
	1982	+ collapseQuickQuestions();
2662	1983	});
2663	1984
2664		- // Chatbot visibility toggle handlers - use class selector for multi-instance support
2665		- $(document).on('click', '.floating-chatbot-button', function() {
2666		- var botId = getBotIdFromElement(this);
2667		- var $chatbot = getElement(botId, 'floating-chatbot');
2668		- var $badge = getElement(botId, 'chat-notification-badge');
2669		- var $preChat = getElement(botId, 'pre-chat-message');
2670		-
2671		- if ($chatbot.hasClass('hidden')) {
2672		- $chatbot.removeClass('hidden').addClass('visible');
	1985	+ // Chatbot visibility toggle handlers
	1986	+ $(document).on('click', '#floating-chatbot-button', function() {
	1987	+ var chatbot = $('#floating-chatbot');
	1988	+ if (chatbot.hasClass('hidden')) {
	1989	+ chatbot.removeClass('hidden').addClass('visible');
2673	1990	$(this).addClass('hidden');
2674		- $badge.hide(); // Hide notification when opening chat
	1991	+ $('#chat-notification-badge').hide(); // Hide notification when opening chat
2675	1992	disableScroll();
2676		- $preChat.fadeOut(250);
2677		-
2678		- // Load chat history for returning visitors (persistence)
2679		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
2680		- if (chatPersistenceEnabled) {
2681		- MxChatInstances.ensureSession(botId);
2682		- }
2683		-
2684		- // Deferred email check — only on first widget open
2685		- var emailBlocker = getElementDOM(botId, 'email-blocker');
2686		- var instance = MxChatInstances.get(botId);
2687		- if (emailBlocker && !instance.emailCheckDone) {
2688		- instance.emailCheckDone = true;
2689		- resolveEmailState(botId);
2690		- } else if (!emailBlocker) {
2691		- // No email collection — still route through showChatContainerForBot
2692		- // so the loader is shown while chat history loads
2693		- showChatContainerForBot(botId);
2694		- }
	1993	+ $('#pre-chat-message').fadeOut(250);
2695	1994	} else {
2696		- $chatbot.removeClass('visible').addClass('hidden');
	1995	+ chatbot.removeClass('visible').addClass('hidden');
2697	1996	$(this).removeClass('hidden');
2698	1997	enableScroll();
2699		- checkPreChatDismissal(botId);
	1998	+ checkPreChatDismissal();
2700	1999	}
2701	2000	});
2702		-
2703		- // Allow clicking anywhere on the title bar to close the chatbot
2704		- $(document).on('click', '.chatbot-top-bar', function() {
2705		- var botId = getBotIdFromElement(this);
2706		- getElement(botId, 'floating-chatbot').addClass('hidden').removeClass('visible');
2707		- getElement(botId, 'floating-chatbot-button').removeClass('hidden');
	2001	+
	2002	+ $(document).on('click', '#exit-chat-button', function() {
	2003	+ $('#floating-chatbot').addClass('hidden').removeClass('visible');
	2004	+ $('#floating-chatbot-button').removeClass('hidden');
2708	2005	enableScroll();
2709	2006	});
2710		-
	2007	+
2711	2008	$(document).on('click', '.close-pre-chat-message', function(e) {
2712	2009	e.stopPropagation(); // Prevent triggering the parent .pre-chat-message click
2713		- var botId = getBotIdFromElement(this);
2714		- handlePreChatDismissal(botId);
	2010	+ $('#pre-chat-message').fadeOut(200, function() {
	2011	+ $(this).remove();
	2012	+ });
2715	2013	});
	2014	+
2716	2015
2717		-
2718		- // PDF upload button handlers - use class selector
2719		- $(document).on('click', '.pdf-upload-btn', function() {
2720		- var botId = getBotIdFromElement(this);
2721		- var pdfInput = getElementDOM(botId, 'pdf-upload');
2722		- if (pdfInput) pdfInput.click();
2723		- });
2724		-
2725		- // Word upload button handlers - use class selector
2726		- $(document).on('click', '.word-upload-btn', function() {
2727		- var botId = getBotIdFromElement(this);
2728		- var wordInput = getElementDOM(botId, 'word-upload');
2729		- if (wordInput) wordInput.click();
2730		- });
	2016	+ // PDF upload button handlers
	2017	+ if (document.getElementById('pdf-upload-btn')) {
	2018	+ document.getElementById('pdf-upload-btn').addEventListener('click', function() {
	2019	+ document.getElementById('pdf-upload').click();
	2020	+ });
	2021	+ }
2731	2022
	2023	+ // Word upload button handlers
	2024	+ if (document.getElementById('word-upload-btn')) {
	2025	+ document.getElementById('word-upload-btn').addEventListener('click', function() {
	2026	+ document.getElementById('word-upload').click();
	2027	+ });
	2028	+ }
	2029	+
2732	2030	// PDF file input change handler
2733	2031	addSafeEventListener('pdf-upload', 'change', async function(e) {
2734	2032	const file = e.target.files[0];
2735	2033
		@@ -2738,13 +2036,15 @@
2738	2036	return;
2739	2037	}
2740	2038
2741	2039	if (!sessionId) {
	2040	+ //console.error('No session ID found');
2742	2041	alert('Error: No session ID found');
2743	2042	return;
2744	2043	}
2745		-
	2044	+
2746	2045	if (!mxchatChat || !mxchatChat.ajax_url || !mxchatChat.nonce) {
	2046	+ //console.error('mxchatChat not properly configured:', mxchatChat);
2747	2047	alert('Error: Ajax configuration missing');
2748	2048	return;
2749	2049	}
2750	2050
		@@ -2786,11 +2086,13 @@
2786	2086	appendMessage('bot', data.data.message);
2787	2087	scrollToBottom();
2788	2088	activePdfFile = data.data.filename;
2789	2089	} else {
	2090	+ //console.error('Upload failed:', data.data);
2790	2091	alert('Failed to upload PDF. Please try again.');
2791	2092	}
2792	2093	} catch (error) {
	2094	+ //console.error('Upload error:', error);
2793	2095	alert('Error uploading file. Please try again.');
2794	2096	} finally {
2795	2097	uploadBtn.disabled = false;
2796	2098	sendBtn.disabled = false;
		@@ -2808,12 +2110,13 @@
2808	2110	return;
2809	2111	}
2810	2112
2811	2113	if (!sessionId) {
	2114	+ //console.error('No session ID found');
2812	2115	alert('Error: No session ID found');
2813	2116	return;
2814	2117	}
2815		-
	2118	+
2816	2119	// Disable buttons and show loading state
2817	2120	const uploadBtn = document.getElementById('word-upload-btn');
2818	2121	const sendBtn = document.getElementById('send-button');
2819	2122	const originalBtnContent = uploadBtn.innerHTML;
		@@ -2851,11 +2154,13 @@
2851	2154	appendMessage('bot', data.data.message);
2852	2155	scrollToBottom();
2853	2156	activeWordFile = data.data.filename;
2854	2157	} else {
	2158	+ //console.error('Upload failed:', data.data);
2855	2159	alert('Failed to upload Word document. Please try again.');
2856	2160	}
2857	2161	} catch (error) {
	2162	+ //console.error('Upload error:', error);
2858	2163	alert('Error uploading file. Please try again.');
2859	2164	} finally {
2860	2165	uploadBtn.disabled = false;
2861	2166	sendBtn.disabled = false;
		@@ -2913,497 +2218,454 @@
2913	2218	});
2914	2219
2915	2220
2916	2221	// ====================================
2917		-// INIT LOADER & CHAT CONTAINER HELPERS
	2222	+// EMAIL COLLECTION SETUP - FIXED VERSION
2918	2223	// ====================================
2919		-// These must be outside the email collection block so they're always available
2920		-// (used by persistence loading even when email collection is off)
2921		-
2922		-function showInitLoader(botId) {
2923		- var loader = getElementDOM(botId, 'mxchat-init-loader');
2924		- if (loader) loader.style.display = 'flex';
2925		-}
2926		-
2927		-function hideInitLoader(botId) {
2928		- var loader = getElementDOM(botId, 'mxchat-init-loader');
2929		- if (loader) loader.style.display = 'none';
2930		-}
2931		-
2932		-function showEmailFormForBot(botId) {
2933		- hideInitLoader(botId);
2934		- var emailBlocker = getElementDOM(botId, 'email-blocker');
2935		- var chatContainer = getElementDOM(botId, 'chat-container');
2936		- if (emailBlocker) emailBlocker.style.display = 'flex';
2937		- if (chatContainer) chatContainer.style.display = 'none';
2938		-}
2939		-
2940		-function showChatContainerForBot(botId) {
2941		- var emailBlocker = getElementDOM(botId, 'email-blocker');
2942		- var chatContainer = getElementDOM(botId, 'chat-container');
2943		- if (emailBlocker) emailBlocker.style.display = 'none';
2944		-
2945		- var instance = MxChatInstances.get(botId);
2946		- var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2947		-
2948		- // If persistence is on and history hasn't loaded yet, show loader
2949		- // while history loads to prevent flash of empty chat
2950		- if (chatPersistenceEnabled && !instance.chatHistoryLoaded) {
2951		- if (chatContainer) chatContainer.style.display = 'none';
2952		- showInitLoader(botId);
2953		- loadChatHistory(botId, function() {
2954		- hideInitLoader(botId);
2955		- if (chatContainer) chatContainer.style.display = 'flex';
2956		- scrollToBottom(botId, true);
2957		- });
2958		- } else {
2959		- hideInitLoader(botId);
2960		- if (chatContainer) chatContainer.style.display = 'flex';
2961		- if (typeof loadChatHistory === 'function') {
2962		- loadChatHistory(botId);
2963		- }
2964		- }
2965		-}
2966		-
2967		-// ====================================
2968		-// EMAIL COLLECTION SETUP - MULTI-INSTANCE VERSION
2969		-// ====================================
2970	2224	// Only run email collection setup if it's enabled
2971	2225	if (mxchatChat && mxchatChat.email_collection_enabled === 'on') {
	2226	+ //console.log('Email collection is enabled, setting up handlers...');
	2227	+
	2228	+ // Email collection form setup and handlers
	2229	+ const emailForm = document.getElementById('email-collection-form');
	2230	+ const emailBlocker = document.getElementById('email-blocker');
	2231	+ const chatbotWrapper = document.getElementById('chat-container');
2972	2232
2973		- // Track submitting state per bot
2974		- const emailSubmittingState = {};
	2233	+ if (emailForm && emailBlocker && chatbotWrapper) {
	2234	+
	2235	+ // Add loading state management
	2236	+ let isSubmitting = false;
	2237	+
	2238	+ // Optimized UI transition functions
	2239	+ function showEmailForm() {
	2240	+ emailBlocker.style.display = 'flex';
	2241	+ chatbotWrapper.style.display = 'none';
	2242	+ }
2975	2243
2976		- // Add CSS animations for email form (once globally)
2977		- if (!document.getElementById('email-error-styles')) {
2978		- const style = document.createElement('style');
2979		- style.id = 'email-error-styles';
2980		- style.textContent = `
2981		- @keyframes fadeInError {
2982		- from { opacity: 0; transform: translateY(-5px); }
2983		- to { opacity: 1; transform: translateY(0); }
	2244	+ function showChatContainer() {
	2245	+ // Show chat immediately without delay
	2246	+ emailBlocker.style.display = 'none';
	2247	+ chatbotWrapper.style.display = 'flex';
	2248	+
	2249	+ // Load chat history only after showing chat container
	2250	+ if (typeof loadChatHistory === 'function') {
	2251	+ loadChatHistory();
2984	2252	}
2985		- .email-input-shake {
2986		- animation: shake 0.5s ease-in-out;
2987		- }
2988		- @keyframes shake {
2989		- 0%, 100% { transform: translateX(0); }
2990		- 25% { transform: translateX(-5px); }
2991		- 75% { transform: translateX(5px); }
2992		- }
2993		- @keyframes spin {
2994		- from { transform: rotate(0deg); }
2995		- to { transform: rotate(360deg); }
2996		- }
2997		- .email-spinner {
2998		- display: inline-block;
2999		- vertical-align: middle;
3000		- }
3001		- `;
3002		- document.head.appendChild(style);
3003		- }
	2253	+ }
3004	2254
3005		- function isValidEmailAddress(email) {
3006		- const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3007		- return emailRegex.test(email.trim()) && email.length <= 254;
3008		- }
	2255	+ // Enhanced email validation
	2256	+ function isValidEmail(email) {
	2257	+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
	2258	+ return emailRegex.test(email.trim()) && email.length <= 254; // RFC 5321 limit
	2259	+ }
3009	2260
3010		- function isValidNameInput(name) {
3011		- return name && name.trim().length >= 2 && name.trim().length <= 100;
3012		- }
	2261	+ // Enhanced name validation
	2262	+ function isValidName(name) {
	2263	+ return name && name.trim().length >= 2 && name.trim().length <= 100;
	2264	+ }
3013	2265
3014		- /**
3015		- * Replace {visitor_name} placeholder in intro message with actual visitor name
3016		- * @param {string} botId - The bot instance ID
3017		- * @param {string} visitorName - The visitor's name to insert
3018		- */
3019		- function replaceVisitorNamePlaceholder(botId, visitorName) {
3020		- var chatBox = getElementDOM(botId, 'chat-box');
3021		- if (!chatBox) return;
3022		-
3023		- // Find the first bot message (intro message)
3024		- var introMessage = chatBox.querySelector('.bot-message');
3025		- if (!introMessage) return;
3026		-
3027		- var messageContent = introMessage.querySelector('div[dir="auto"]');
3028		- if (!messageContent) return;
3029		-
3030		- var html = messageContent.innerHTML;
3031		-
3032		- // Replace {visitor_name} placeholder (case-insensitive)
3033		- if (visitorName && visitorName.trim()) {
3034		- // Escape HTML to prevent XSS
3035		- var safeName = $('<div>').text(visitorName.trim()).html();
3036		- html = html.replace(/\{visitor_name\}/gi, safeName);
3037		- } else {
3038		- // Remove placeholder and clean up spacing if no name provided
3039		- html = html.replace(/\{visitor_name\}/gi, '');
3040		- // Clean up any double spaces that might result
3041		- html = html.replace(/\s{2,}/g, ' ').trim();
	2266	+ // Show loading state with spinner
	2267	+ function setSubmissionState(loading) {
	2268	+ const submitButton = document.getElementById('email-submit-button');
	2269	+ const emailInput = document.getElementById('user-email');
	2270	+ const nameInput = document.getElementById('user-name');
	2271	+
	2272	+ if (loading) {
	2273	+ isSubmitting = true;
	2274	+ if (submitButton) submitButton.disabled = true;
	2275	+ if (emailInput) emailInput.disabled = true;
	2276	+ if (nameInput) nameInput.disabled = true;
	2277	+
	2278	+ // Store original content and add spinner
	2279	+ if (submitButton && !submitButton.getAttribute('data-original-html')) {
	2280	+ submitButton.setAttribute('data-original-html', submitButton.innerHTML);
	2281	+
	2282	+ // Add loading spinner while keeping original text
	2283	+ const originalText = submitButton.textContent;
	2284	+ submitButton.innerHTML = `
	2285	+ <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
	2286	+ <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
	2287	+ <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
	2288	+ <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
	2289	+ </circle>
	2290	+ </svg>
	2291	+ ${originalText}
	2292	+ `;
	2293	+
	2294	+ submitButton.style.opacity = '0.8';
	2295	+ }
	2296	+ } else {
	2297	+ isSubmitting = false;
	2298	+ if (submitButton) submitButton.disabled = false;
	2299	+ if (emailInput) emailInput.disabled = false;
	2300	+ if (nameInput) nameInput.disabled = false;
	2301	+
	2302	+ // Restore original content
	2303	+ if (submitButton) {
	2304	+ const originalHtml = submitButton.getAttribute('data-original-html');
	2305	+ if (originalHtml) {
	2306	+ submitButton.innerHTML = originalHtml;
	2307	+ }
	2308	+ submitButton.style.opacity = '1';
	2309	+ }
	2310	+ }
3042	2311	}
3043	2312
3044		- messageContent.innerHTML = html;
3045		- }
3046		-
3047		- function setEmailSubmissionState(botId, loading) {
3048		- var submitButton = getElementDOM(botId, 'email-submit-button');
3049		- var emailInput = getElementDOM(botId, 'user-email');
3050		- var nameInput = getElementDOM(botId, 'user-name');
3051		-
3052		- if (loading) {
3053		- emailSubmittingState[botId] = true;
3054		- if (submitButton) submitButton.disabled = true;
3055		- if (emailInput) emailInput.disabled = true;
3056		- if (nameInput) nameInput.disabled = true;
3057		-
3058		- if (submitButton && !submitButton.getAttribute('data-original-html')) {
3059		- submitButton.setAttribute('data-original-html', submitButton.innerHTML);
3060		- const originalText = submitButton.textContent;
3061		- submitButton.innerHTML = `
3062		- <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
3063		- <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
3064		- <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
3065		- <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
3066		- </circle>
3067		- </svg>
3068		- ${originalText}
	2313	+ // Error display functions
	2314	+ function showEmailError(message) {
	2315	+ clearEmailError();
	2316	+
	2317	+ const errorDiv = document.createElement('div');
	2318	+ errorDiv.className = 'email-error';
	2319	+ errorDiv.style.cssText = `
	2320	+ color: #e74c3c;
	2321	+ font-size: 12px;
	2322	+ margin-top: 8px;
	2323	+ padding: 4px 0;
	2324	+ animation: fadeInError 0.3s ease;
	2325	+ `;
	2326	+ errorDiv.textContent = message;
	2327	+
	2328	+ // Add CSS animation if not already present
	2329	+ if (!document.getElementById('email-error-styles')) {
	2330	+ const style = document.createElement('style');
	2331	+ style.id = 'email-error-styles';
	2332	+ style.textContent = `
	2333	+ @keyframes fadeInError {
	2334	+ from { opacity: 0; transform: translateY(-5px); }
	2335	+ to { opacity: 1; transform: translateY(0); }
	2336	+ }
	2337	+ .email-input-shake {
	2338	+ animation: shake 0.5s ease-in-out;
	2339	+ }
	2340	+ @keyframes shake {
	2341	+ 0%, 100% { transform: translateX(0); }
	2342	+ 25% { transform: translateX(-5px); }
	2343	+ 75% { transform: translateX(5px); }
	2344	+ }
	2345	+ @keyframes spin {
	2346	+ from { transform: rotate(0deg); }
	2347	+ to { transform: rotate(360deg); }
	2348	+ }
	2349	+ .email-spinner {
	2350	+ display: inline-block;
	2351	+ vertical-align: middle;
	2352	+ }
3069	2353	`;
3070		- submitButton.style.opacity = '0.8';
	2354	+ document.head.appendChild(style);
3071	2355	}
3072		- } else {
3073		- emailSubmittingState[botId] = false;
3074		- if (submitButton) submitButton.disabled = false;
3075		- if (emailInput) emailInput.disabled = false;
3076		- if (nameInput) nameInput.disabled = false;
3077		-
3078		- if (submitButton) {
3079		- const originalHtml = submitButton.getAttribute('data-original-html');
3080		- if (originalHtml) {
3081		- submitButton.innerHTML = originalHtml;
3082		- }
3083		- submitButton.style.opacity = '1';
	2356	+
	2357	+ emailForm.appendChild(errorDiv);
	2358	+
	2359	+ // Add shake animation to inputs
	2360	+ const emailInput = document.getElementById('user-email');
	2361	+ const nameInput = document.getElementById('user-name');
	2362	+
	2363	+ if (emailInput) {
	2364	+ emailInput.classList.add('email-input-shake');
	2365	+ setTimeout(() => {
	2366	+ emailInput.classList.remove('email-input-shake');
	2367	+ }, 500);
3084	2368	}
	2369	+
	2370	+ if (nameInput) {
	2371	+ nameInput.classList.add('email-input-shake');
	2372	+ setTimeout(() => {
	2373	+ nameInput.classList.remove('email-input-shake');
	2374	+ }, 500);
	2375	+ }
3085	2376	}
3086		- }
3087	2377
3088		- function showEmailError(botId, message) {
3089		- clearEmailError(botId);
3090		-
3091		- var emailForm = getElementDOM(botId, 'email-collection-form');
3092		- if (!emailForm) return;
3093		-
3094		- const errorDiv = document.createElement('div');
3095		- errorDiv.className = 'email-error';
3096		- errorDiv.style.cssText = `
3097		- color: #e74c3c;
3098		- font-size: 12px;
3099		- margin-top: 8px;
3100		- padding: 4px 0;
3101		- animation: fadeInError 0.3s ease;
3102		- `;
3103		- errorDiv.textContent = message;
3104		- emailForm.appendChild(errorDiv);
3105		-
3106		- // Add shake animation to inputs
3107		- var emailInput = getElementDOM(botId, 'user-email');
3108		- var nameInput = getElementDOM(botId, 'user-name');
3109		-
3110		- if (emailInput) {
3111		- emailInput.classList.add('email-input-shake');
3112		- setTimeout(() => emailInput.classList.remove('email-input-shake'), 500);
3113		- }
3114		- if (nameInput) {
3115		- nameInput.classList.add('email-input-shake');
3116		- setTimeout(() => nameInput.classList.remove('email-input-shake'), 500);
3117		- }
3118		- }
3119		-
3120		- function clearEmailError(botId) {
3121		- var emailForm = getElementDOM(botId, 'email-collection-form');
3122		- if (emailForm) {
	2378	+ function clearEmailError() {
3123	2379	const existingErrors = emailForm.querySelectorAll('.email-error');
3124	2380	existingErrors.forEach(error => error.remove());
3125	2381	}
3126		- }
3127	2382
3128		- // Resolve email state using server-side data when available, AJAX fallback otherwise
3129		- function resolveEmailState(botId) {
3130		- if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
3131		- if (mxchatChat.initial_email_state.show_email_form) {
3132		- showEmailFormForBot(botId);
3133		- } else {
3134		- showChatContainerForBot(botId);
	2383	+ // MAIN FORM SUBMIT HANDLER - This is the critical fix
	2384	+ //console.log('Setting up form submit handler...');
	2385	+
	2386	+ // Remove any existing event listeners first
	2387	+ emailForm.removeEventListener('submit', handleFormSubmit);
	2388	+
	2389	+ // Add the form submit handler
	2390	+ emailForm.addEventListener('submit', handleFormSubmit);
	2391	+
	2392	+ function handleFormSubmit(event) {
	2393	+ //console.log('Form submit handler triggered!');
	2394	+ event.preventDefault();
	2395	+ event.stopPropagation();
	2396	+
	2397	+ // Prevent double submission
	2398	+ if (isSubmitting) {
	2399	+ //console.log('Already submitting, ignoring...');
	2400	+ return false;
3135	2401	}
3136		- } else {
3137		- checkSessionAndEmailForBot(botId);
3138		- }
3139		- }
3140	2402
3141		- function checkSessionAndEmailForBot(botId) {
3142		- const sessionId = MxChatInstances.ensureSession(botId);
	2403	+ const userEmail = document.getElementById('user-email').value.trim();
	2404	+ const nameInput = document.getElementById('user-name');
	2405	+ const userName = nameInput ? nameInput.value.trim() : '';
	2406	+ const sessionId = getChatSession();
3143	2407
3144		- // Hide both panels while we check — show loader instead
3145		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3146		- var chatContainer = getElementDOM(botId, 'chat-container');
3147		- if (emailBlocker) emailBlocker.style.display = 'none';
3148		- if (chatContainer) chatContainer.style.display = 'none';
3149		- showInitLoader(botId);
	2408	+ //console.log('Form data:', { userEmail, userName, sessionId });
3150	2409
3151		- fetch(mxchatChat.ajax_url, {
3152		- method: 'POST',
3153		- headers: {
3154		- 'Content-Type': 'application/x-www-form-urlencoded',
3155		- },
3156		- body: new URLSearchParams({
3157		- action: 'mxchat_check_email_provided',
3158		- session_id: sessionId,
3159		- nonce: mxchatChat.nonce,
3160		- })
3161		- })
3162		- .then((response) => {
3163		- if (!response.ok) {
3164		- throw new Error(`HTTP error! status: ${response.status}`);
	2410	+ // Validate email before submission
	2411	+ if (!userEmail) {
	2412	+ showEmailError('Please enter your email address.');
	2413	+ return false;
3165	2414	}
3166		- return response.json();
3167		- })
3168		- .then((data) => {
3169		- if (data.success) {
3170		- if (data.data.logged_in || data.data.email) {
3171		- showChatContainerForBot(botId);
3172		- } else {
3173		- showEmailFormForBot(botId);
3174		- }
3175		- } else {
3176		- showEmailFormForBot(botId);
	2415	+
	2416	+ if (!isValidEmail(userEmail)) {
	2417	+ showEmailError('Please enter a valid email address.');
	2418	+ return false;
3177	2419	}
3178		- })
3179		- .catch((error) => {
3180		- showEmailFormForBot(botId);
3181		- });
3182		- }
3183	2420
3184		- // Event delegation for email form submission
3185		- $(document).on('submit', '.email-collection-form', function(e) {
3186		- e.preventDefault();
3187		- e.stopPropagation();
	2421	+ // Validate name if field exists
	2422	+ if (nameInput && !isValidName(userName)) {
	2423	+ showEmailError('Please enter a valid name (2-100 characters).');
	2424	+ return false;
	2425	+ }
3188	2426
3189		- var botId = getBotIdFromElement(this);
	2427	+ // Clear any existing errors
	2428	+ clearEmailError();
	2429	+ setSubmissionState(true);
3190	2430
3191		- // Prevent double submission
3192		- if (emailSubmittingState[botId]) {
3193		- return false;
3194		- }
	2431	+ //console.log('Sending AJAX request...');
3195	2432
3196		- var emailInput = getElementDOM(botId, 'user-email');
3197		- var nameInput = getElementDOM(botId, 'user-name');
3198		- var userEmail = emailInput ? emailInput.value.trim() : '';
3199		- var userName = nameInput ? nameInput.value.trim() : '';
3200		- var sessionId = MxChatInstances.ensureSession(botId);
	2433	+ // Prepare form data with optional name
	2434	+ const formData = new URLSearchParams({
	2435	+ action: 'mxchat_handle_save_email_and_response',
	2436	+ email: userEmail,
	2437	+ session_id: sessionId,
	2438	+ nonce: mxchatChat.nonce,
	2439	+ });
3201	2440
3202		- // Validate email
3203		- if (!userEmail) {
3204		- showEmailError(botId, 'Please enter your email address.');
3205		- return false;
3206		- }
	2441	+ // Add name to form data if provided
	2442	+ if (userName) {
	2443	+ formData.append('name', userName);
	2444	+ }
3207	2445
3208		- if (!isValidEmailAddress(userEmail)) {
3209		- showEmailError(botId, 'Please enter a valid email address.');
3210		- return false;
3211		- }
	2446	+ fetch(mxchatChat.ajax_url, {
	2447	+ method: 'POST',
	2448	+ headers: {
	2449	+ 'Content-Type': 'application/x-www-form-urlencoded',
	2450	+ },
	2451	+ body: formData
	2452	+ })
	2453	+ .then((response) => {
	2454	+ //console.log('Response received:', response);
	2455	+ if (!response.ok) {
	2456	+ throw new Error(`HTTP error! status: ${response.status}`);
	2457	+ }
	2458	+ return response.json();
	2459	+ })
	2460	+ .then((data) => {
	2461	+ //console.log('Response data:', data);
	2462	+ setSubmissionState(false);
	2463	+
	2464	+ if (data.success) {
	2465	+ // Show chat immediately
	2466	+ showChatContainer();
3212	2467
3213		- // Validate name if field exists and has content
3214		- if (nameInput && userName && !isValidNameInput(userName)) {
3215		- showEmailError(botId, 'Please enter a valid name (2-100 characters).');
3216		- return false;
	2468	+ // Handle bot response if provided
	2469	+ if (data.message && typeof appendMessage === 'function') {
	2470	+ setTimeout(() => {
	2471	+ appendMessage('bot', data.message);
	2472	+ if (typeof scrollToBottom === 'function') {
	2473	+ scrollToBottom();
	2474	+ }
	2475	+ }, 100);
	2476	+ }
	2477	+ } else {
	2478	+ showEmailError(data.message || 'Failed to save email. Please try again.');
	2479	+ }
	2480	+ })
	2481	+ .catch((error) => {
	2482	+ console.error('Email submission error:', error);
	2483	+ setSubmissionState(false);
	2484	+ showEmailError('An error occurred. Please try again.');
	2485	+ });
	2486	+
	2487	+ return false; // Extra prevention
3217	2488	}
3218	2489
3219		- clearEmailError(botId);
3220		- setEmailSubmissionState(botId, true);
	2490	+ // Real-time email validation
	2491	+ const emailInput = document.getElementById('user-email');
	2492	+ if (emailInput) {
	2493	+ let validationTimeout;
	2494	+
	2495	+ emailInput.addEventListener('input', function() {
	2496	+ // Clear previous validation timeout
	2497	+ if (validationTimeout) {
	2498	+ clearTimeout(validationTimeout);
	2499	+ }
	2500	+
	2501	+ // Debounce validation
	2502	+ validationTimeout = setTimeout(() => {
	2503	+ const email = this.value.trim();
	2504	+ clearEmailError();
	2505	+
	2506	+ if (email && !isValidEmail(email)) {
	2507	+ showEmailError('Please enter a valid email address.');
	2508	+ }
	2509	+ }, 500);
	2510	+ });
3221	2511
3222		- // Prepare form data
3223		- const formData = new URLSearchParams({
3224		- action: 'mxchat_handle_save_email_and_response',
3225		- email: userEmail,
3226		- session_id: sessionId,
3227		- nonce: mxchatChat.nonce,
3228		- });
3229		-
3230		- if (userName) {
3231		- formData.append('name', userName);
	2512	+ // Handle Enter key
	2513	+ emailInput.addEventListener('keypress', function(e) {
	2514	+ if (e.key === 'Enter' && !isSubmitting) {
	2515	+ e.preventDefault();
	2516	+ emailForm.dispatchEvent(new Event('submit'));
	2517	+ }
	2518	+ });
3232	2519	}
3233	2520
3234		- fetch(mxchatChat.ajax_url, {
3235		- method: 'POST',
3236		- headers: {
3237		- 'Content-Type': 'application/x-www-form-urlencoded',
3238		- },
3239		- body: formData
3240		- })
3241		- .then((response) => {
3242		- if (!response.ok) {
3243		- throw new Error(`HTTP error! status: ${response.status}`);
3244		- }
3245		- return response.json();
3246		- })
3247		- .then((data) => {
3248		- setEmailSubmissionState(botId, false);
3249		-
3250		- if (data.success) {
3251		- showChatContainerForBot(botId);
3252		-
3253		- // Replace {visitor_name} placeholder in intro message with actual name
3254		- if (userName) {
3255		- replaceVisitorNamePlaceholder(botId, userName);
3256		- } else {
3257		- // Remove placeholder if no name provided
3258		- replaceVisitorNamePlaceholder(botId, '');
	2521	+ // Real-time name validation
	2522	+ const nameInput = document.getElementById('user-name');
	2523	+ if (nameInput) {
	2524	+ let nameValidationTimeout;
	2525	+
	2526	+ nameInput.addEventListener('input', function() {
	2527	+ // Clear previous validation timeout
	2528	+ if (nameValidationTimeout) {
	2529	+ clearTimeout(nameValidationTimeout);
3259	2530	}
	2531	+
	2532	+ // Debounce validation
	2533	+ nameValidationTimeout = setTimeout(() => {
	2534	+ const name = this.value.trim();
	2535	+ clearEmailError();
	2536	+
	2537	+ if (name && !isValidName(name)) {
	2538	+ showEmailError('Name must be between 2 and 100 characters.');
	2539	+ }
	2540	+ }, 500);
	2541	+ });
3260	2542
3261		- if (data.message && typeof appendMessage === 'function') {
3262		- setTimeout(() => {
3263		- appendMessage('bot', data.message, '', [], false, botId);
3264		- if (typeof scrollToBottom === 'function') {
3265		- scrollToBottom(botId);
3266		- }
3267		- }, 100);
	2543	+ // Handle Enter key
	2544	+ nameInput.addEventListener('keypress', function(e) {
	2545	+ if (e.key === 'Enter' && !isSubmitting) {
	2546	+ e.preventDefault();
	2547	+ emailForm.dispatchEvent(new Event('submit'));
3268	2548	}
3269		- } else {
3270		- showEmailError(botId, data.message || 'Failed to save email. Please try again.');
3271		- }
3272		- })
3273		- .catch((error) => {
3274		- setEmailSubmissionState(botId, false);
3275		- showEmailError(botId, 'An error occurred. Please try again.');
3276		- });
3277		-
3278		- return false;
3279		- });
3280		-
3281		- // Real-time email validation using event delegation
3282		- $(document).on('input', '.mxchat-email-input', function() {
3283		- var botId = getBotIdFromElement(this);
3284		- var $input = $(this);
3285		-
3286		- // Clear previous timeout
3287		- clearTimeout($input.data('validationTimeout'));
3288		-
3289		- // Debounce validation
3290		- var timeout = setTimeout(() => {
3291		- var email = this.value.trim();
3292		- clearEmailError(botId);
3293		-
3294		- if (email && !isValidEmailAddress(email)) {
3295		- showEmailError(botId, 'Please enter a valid email address.');
3296		- }
3297		- }, 500);
3298		-
3299		- $input.data('validationTimeout', timeout);
3300		- });
3301		-
3302		- // Handle Enter key in email input
3303		- $(document).on('keypress', '.mxchat-email-input', function(e) {
3304		- if (e.key === 'Enter') {
3305		- e.preventDefault();
3306		- var botId = getBotIdFromElement(this);
3307		- if (!emailSubmittingState[botId]) {
3308		- $(this).closest('.email-collection-form').submit();
3309		- }
	2549	+ });
3310	2550	}
3311		- });
3312	2551
3313		- // Handle Enter key in name input
3314		- $(document).on('keypress', '.mxchat-name-input', function(e) {
3315		- if (e.key === 'Enter') {
3316		- e.preventDefault();
3317		- var botId = getBotIdFromElement(this);
3318		- if (!emailSubmittingState[botId]) {
3319		- $(this).closest('.email-collection-form').submit();
	2552	+ // Initial state check
	2553	+ if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
	2554	+ //console.log('Using server-provided email state:', mxchatChat.initial_email_state);
	2555	+
	2556	+ const emailState = mxchatChat.initial_email_state;
	2557	+ if (emailState.show_email_form) {
	2558	+ showEmailForm();
	2559	+ } else {
	2560	+ showChatContainer();
3320	2561	}
	2562	+ } else {
	2563	+ // Check email status via AJAX
	2564	+ setTimeout(checkSessionAndEmail, 100);
3321	2565	}
3322		- });
3323	2566
3324		- // Initialize email check for all bot instances
3325		- // For floating bots: defer until widget is opened (zero passive AJAX)
3326		- // For embedded bots: check immediately since the form is visible
3327		- $('.mxchat-chatbot-wrapper').each(function() {
3328		- var botId = $(this).data('bot-id') || 'default';
3329		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3330		-
3331		- if (emailBlocker) {
3332		- if (isEmbeddedBot(botId)) {
3333		- // Embedded bots are always visible — check now
3334		- resolveEmailState(botId);
3335		- }
3336		- // Floating bots: handled in the widget open handler
3337		- } else if (isEmbeddedBot(botId)) {
3338		- // Embedded bot, no email collection — load history with loader
3339		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3340		- if (chatPersistenceEnabled) {
3341		- MxChatInstances.ensureSession(botId);
3342		- showChatContainerForBot(botId);
3343		- }
	2567	+ // Check if email exists for the current session
	2568	+ function checkSessionAndEmail() {
	2569	+ const sessionId = getChatSession();
	2570	+
	2571	+ fetch(mxchatChat.ajax_url, {
	2572	+ method: 'POST',
	2573	+ headers: {
	2574	+ 'Content-Type': 'application/x-www-form-urlencoded',
	2575	+ },
	2576	+ body: new URLSearchParams({
	2577	+ action: 'mxchat_check_email_provided',
	2578	+ session_id: sessionId,
	2579	+ nonce: mxchatChat.nonce,
	2580	+ })
	2581	+ })
	2582	+ .then((response) => {
	2583	+ if (!response.ok) {
	2584	+ throw new Error(`HTTP error! status: ${response.status}`);
	2585	+ }
	2586	+ return response.json();
	2587	+ })
	2588	+ .then((data) => {
	2589	+ if (data.success) {
	2590	+ if (data.data.logged_in || data.data.email) {
	2591	+ showChatContainer();
	2592	+ } else {
	2593	+ showEmailForm();
	2594	+ }
	2595	+ } else {
	2596	+ // On error, default to showing email form
	2597	+ showEmailForm();
	2598	+ }
	2599	+ })
	2600	+ .catch((error) => {
	2601	+ console.warn('Email check failed, defaulting to email form:', error);
	2602	+ showEmailForm();
	2603	+ });
3344	2604	}
3345		- });
	2605	+
	2606	+ } else {
	2607	+ console.error('Email collection is enabled but essential elements are missing:', {
	2608	+ emailForm: !!emailForm,
	2609	+ emailBlocker: !!emailBlocker,
	2610	+ chatbotWrapper: !!chatbotWrapper
	2611	+ });
	2612	+ }
	2613	+} else {
	2614	+ //console.log('Email collection is disabled');
3346	2615	}
3347	2616
3348		- // Open chatbot when pre-chat message is clicked - use class selector for multi-instance
3349		- $(document).on('click', '.pre-chat-message', function() {
3350		- var botId = getBotIdFromElement(this);
3351		- var $chatbot = getElement(botId, 'floating-chatbot');
3352		- if ($chatbot.hasClass('hidden')) {
3353		- $chatbot.removeClass('hidden').addClass('visible');
3354		- getElement(botId, 'floating-chatbot-button').addClass('hidden');
3355		- handlePreChatDismissal(botId);
	2617	+ // Open chatbot when pre-chat message is clicked
	2618	+ $(document).on('click', '#pre-chat-message', function() {
	2619	+ var chatbot = $('#floating-chatbot');
	2620	+ if (chatbot.hasClass('hidden')) {
	2621	+ chatbot.removeClass('hidden').addClass('visible');
	2622	+ $('#floating-chatbot-button').addClass('hidden');
	2623	+ $('#pre-chat-message').fadeOut(250); // Hide pre-chat message
3356	2624	disableScroll(); // Disable scroll when chatbot opens
3357		-
3358		- // Load chat history for returning visitors (persistence)
3359		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3360		- if (chatPersistenceEnabled) {
3361		- MxChatInstances.ensureSession(botId);
3362		- }
3363		-
3364		- // Deferred email check — only on first widget open
3365		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3366		- var instance = MxChatInstances.get(botId);
3367		- if (emailBlocker && !instance.emailCheckDone) {
3368		- instance.emailCheckDone = true;
3369		- resolveEmailState(botId);
3370		- } else if (!emailBlocker) {
3371		- showChatContainerForBot(botId);
3372		- }
3373	2625	}
3374	2626	});
3375	2627
3376		- // Legacy duplicate close handler removed — handled by single event delegation above
	2628	+ var closeButton = document.querySelector('.close-pre-chat-message');
	2629	+ if (closeButton) {
	2630	+ closeButton.addEventListener('click', function() {
	2631	+ $('#pre-chat-message').fadeOut(200); // Hide the message
3377	2632
	2633	+ // Send an AJAX request to set the transient flag for 24 hours
	2634	+ $.ajax({
	2635	+ url: mxchatChat.ajax_url,
	2636	+ type: 'POST',
	2637	+ data: {
	2638	+ action: 'mxchat_dismiss_pre_chat_message',
	2639	+ _ajax_nonce: mxchatChat.nonce
	2640	+ },
	2641	+ success: function() {
	2642	+ //console.log('Pre-chat message dismissed for 24 hours.');
3378	2643
3379		-function hasQuickQuestions(botId) {
3380		- botId = botId || 'default';
3381		- var questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3382		- if (!questionsContainer) return false;
3383		- const questionButtons = questionsContainer.querySelectorAll('.mxchat-popular-question');
	2644	+ // Ensure the message is hidden after dismissal
	2645	+ $('#pre-chat-message').hide();
	2646	+ },
	2647	+ error: function() {
	2648	+ ////console.error('Failed to dismiss pre-chat message.');
	2649	+ }
	2650	+ });
	2651	+ });
	2652	+ }
	2653	+
	2654	+
	2655	+function hasQuickQuestions() {
	2656	+ const questionButtons = document.querySelectorAll('#mxchat-popular-questions .mxchat-popular-question');
3384	2657	return questionButtons.length > 0;
3385	2658	}
3386	2659
3387		-/**
3388		- * Check if a bot is embedded (not floating)
3389		- * Embedded bots don't have a .floating-chatbot wrapper
3390		- */
3391		-function isEmbeddedBot(botId) {
3392		- botId = botId || 'default';
3393		- var floatingWrapper = document.getElementById('floating-chatbot-' + botId);
3394		- return !floatingWrapper;
3395		-}
3396		-
3397		-function collapseQuickQuestions(botId) {
3398		- botId = botId || 'default';
3399		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3400		- if (questionsContainer && hasQuickQuestions(botId)) {
	2660	+function collapseQuickQuestions() {
	2661	+ const questionsContainer = document.getElementById('mxchat-popular-questions');
	2662	+ if (questionsContainer && hasQuickQuestions()) {
3401	2663	questionsContainer.classList.add('collapsed');
3402	2664	questionsContainer.classList.add('has-been-collapsed');
3403	2665	try {
3404		- sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'true');
3405		- sessionStorage.setItem('mxchat_questions_has_been_collapsed_' + botId, 'true');
	2666	+ sessionStorage.setItem('mxchat_questions_collapsed', 'true');
	2667	+ sessionStorage.setItem('mxchat_questions_has_been_collapsed', 'true');
3406	2668	} catch (e) {
3407	2669	// Ignore if sessionStorage is not available
3408	2670	}
3409	2671	}
		@@ -3408,15 +2670,14 @@
3408	2670	}
3409	2671	}
3410	2672	}
3411	2673
3412		-function expandQuickQuestions(botId) {
3413		- botId = botId || 'default';
3414		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3415		- if (questionsContainer && hasQuickQuestions(botId)) {
	2674	+function expandQuickQuestions() {
	2675	+ const questionsContainer = document.getElementById('mxchat-popular-questions');
	2676	+ if (questionsContainer && hasQuickQuestions()) {
3416	2677	questionsContainer.classList.remove('collapsed');
3417	2678	try {
3418		- sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'false');
	2679	+ sessionStorage.setItem('mxchat_questions_collapsed', 'false');
3419	2680	} catch (e) {
3420	2681	// Ignore if sessionStorage is not available
3421	2682	}
3422	2683	}
		@@ -3421,24 +2682,18 @@
3421	2682	}
3422	2683	}
3423	2684	}
3424	2685
3425		-function checkQuickQuestionsState(botId) {
3426		- botId = botId || 'default';
3427		- if (!hasQuickQuestions(botId)) {
	2686	+function checkQuickQuestionsState() {
	2687	+ if (!hasQuickQuestions()) {
3428	2688	return; // Don't do anything if no questions exist
3429	2689	}
3430		-
3431		- // Skip restoring collapsed state for embedded bots - they should always start expanded
3432		- if (isEmbeddedBot(botId)) {
3433		- return;
3434		- }
3435		-
	2690	+
3436	2691	try {
3437		- const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed_' + botId);
3438		- const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed_' + botId);
3439		-
3440		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
	2692	+ const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed');
	2693	+ const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed');
	2694	+
	2695	+ const questionsContainer = document.getElementById('mxchat-popular-questions');
3441	2696	if (questionsContainer) {
3442	2697	if (hasBeenCollapsed === 'true') {
3443	2698	questionsContainer.classList.add('has-been-collapsed');
3444	2699	}
		@@ -3450,37 +2705,33 @@
3450	2705	// Ignore if sessionStorage is not available
3451	2706	}
3452	2707	}
3453	2708
3454		-// Global delegation for dynamically added links as fallback
3455		-// Use class selector for multi-instance support
3456		-$(document).on('click', '.chat-box a[href]:not([data-tracked])', function(e) {
	2709	+// NEW: Global delegation for dynamically added links as fallback
	2710	+$(document).on('click', '#chat-box a[href]:not([data-tracked])', function(e) {
3457	2711	const $link = $(this);
3458	2712	const messageDiv = $link.closest('.bot-message, .agent-message');
3459		-
	2713	+
3460	2714	// Only process bot/agent message links
3461	2715	if (messageDiv.length > 0) {
3462	2716	const originalHref = $link.attr('href');
3463		-
	2717	+
3464	2718	if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
3465	2719	e.preventDefault();
3466	2720	e.stopPropagation();
3467		-
	2721	+
3468	2722	// Mark as tracked
3469	2723	$link.attr('data-tracked', 'true');
3470		-
3471		- // Get bot ID from the chat box context
3472		- var botId = getBotIdFromElement(this);
3473		-
	2724	+
3474	2725	// Get message context from the message div
3475	2726	const messageText = messageDiv.text().substring(0, 200);
3476		-
	2727	+
3477	2728	$.ajax({
3478	2729	url: mxchatChat.ajax_url,
3479	2730	type: 'POST',
3480	2731	data: {
3481	2732	action: 'mxchat_track_url_click',
3482		- session_id: getChatSession(botId),
	2733	+ session_id: getChatSession(),
3483	2734	url: originalHref,
3484	2735	message_context: messageText,
3485	2736	nonce: mxchatChat.nonce
3486	2737	},
		@@ -3491,57 +2742,44 @@
3491	2742	window.location.href = originalHref;
3492	2743	}
3493	2744	}
3494	2745	});
3495		-
	2746	+
3496	2747	return false;
3497	2748	}
3498	2749	}
3499	2750	});
3500	2751
3501		- // ====================================
3502		- // MAIN INITIALIZATION
3503		- // ====================================
	2752	+
	2753	+
	2754	+
	2755	+// ====================================
	2756	+// MAIN INITIALIZATION
	2757	+// ====================================
3504	2758
3505		- // Initialize all chatbot instances on the page
3506		- initializeAllInstances();
	2759	+if ($('#floating-chatbot').hasClass('hidden')) {
	2760	+ $('#floating-chatbot-button').removeClass('hidden');
	2761	+}
	2762	+// Initialize when document is ready
	2763	+setFullHeight();
	2764	+initializeChatVisibility();
	2765	+loadChatHistory();
	2766	+trackOriginatingPage();
3507	2767
3508		- // Legacy initialization for single bot compatibility
3509		- $('.floating-chatbot.hidden').each(function() {
3510		- var botId = getBotIdFromElement(this);
3511		- getElement(botId, 'floating-chatbot-button').removeClass('hidden');
3512		- });
3513		-
3514		- // Initialize when document is ready
3515		- setFullHeight();
3516		-
3517		- // Note: trackOriginatingPage() and loadChatHistory() are now deferred
3518		- // until the user's first interaction via MxChatInstances.ensureSession()
3519		-
3520		- // Initialize chat visibility for all instances
3521		- $('.mxchat-chatbot-wrapper').each(function() {
3522		- var botId = $(this).data('bot-id') || 'default';
3523		- initializeChatVisibility(botId);
3524		- });
3525		-
3526		- // Make functions globally available for add-ons
3527		- window.hasQuickQuestions = hasQuickQuestions;
3528		- window.collapseQuickQuestions = collapseQuickQuestions;
3529		- window.appendMessage = appendMessage;
3530		- window.appendThinkingMessage = appendThinkingMessage;
3531		- window.scrollToBottom = scrollToBottom;
3532		- window.scrollElementToTop = scrollElementToTop;
3533		- window.replaceLastMessage = replaceLastMessage;
3534		- window.callMxChat = callMxChat;
3535		- window.callMxChatStream = callMxChatStream;
3536		- window.shouldUseStreaming = shouldUseStreaming;
3537		- window.getChatSession = getChatSession;
3538		- window.getPageContext = getPageContext;
3539		- window.updateStreamingMessage = updateStreamingMessage;
3540		- window.MxChatInstances = MxChatInstances;
3541		- window.getElement = getElement;
3542		- window.getElementDOM = getElementDOM;
3543		- window.getBotIdFromElement = getBotIdFromElement;
	2768	+// Make functions globally available for add-ons
	2769	+window.hasQuickQuestions = hasQuickQuestions;
	2770	+window.collapseQuickQuestions = collapseQuickQuestions;
	2771	+window.appendMessage = appendMessage;
	2772	+window.appendThinkingMessage = appendThinkingMessage;
	2773	+window.scrollToBottom = scrollToBottom;
	2774	+window.scrollElementToTop = scrollElementToTop;
	2775	+window.replaceLastMessage = replaceLastMessage;
	2776	+window.callMxChat = callMxChat;
	2777	+window.callMxChatStream = callMxChatStream;
	2778	+window.shouldUseStreaming = shouldUseStreaming;
	2779	+window.getChatSession = getChatSession;
	2780	+window.getPageContext = getPageContext;
	2781	+window.updateStreamingMessage = updateStreamingMessage;
3544	2782
3545	2783	}); // End of jQuery ready
3546	2784
3547	2785