← All changes | js/chat-script.js +204 -1085 3.2.7 → 3.1.1 View file →

		@@ -1,111 +1,15 @@
1	1	jQuery(document).ready(function($) {
2	2
3		- // Nonce refresh — v2 (plan-6a68c9).
4		- //
5		- // The widget no longer relies on a nonce embedded in inline cached HTML.
6		- // Before each chat-send / stream-send / upload, we call the REST endpoint
7		- // GET /wp-json/mxchat/v1/nonce and use the freshly-issued value. The
8		- // endpoint creates the nonce with action `mxchat_chat_send`; the server-side
9		- // verifier ALSO still accepts the legacy `mxchat_chat_nonce` action for a
10		- // 30-day backwards-compat window so cached pages still in users' browsers
11		- // (which carry the legacy inline-localized nonce) keep working.
12		- //
13		- // Cache: a single module-scoped slot. TTL 12h conservatively (WP nonces are
14		- // 24h but we refetch at half-life so a freshly-cached-page user never sees
15		- // a borderline-stale nonce).
16		- var cachedFreshNonce = null;
17		- var cachedFreshNonceFetchedAt = 0;
18		- var NONCE_TTL_MS = 12 * 60 * 60 * 1000;
19		- var nonceRefreshState = 'idle'; // 'idle' | 'pending' | 'done'
20		- var nonceRefreshCallbacks = [];
21		-
22		- function getRestNonceUrl() {
23		- if (typeof mxchatChat !== 'undefined' && mxchatChat.rest_url) {
24		- return mxchatChat.rest_url.replace(/\/+$/, '') + '/nonce';
25		- }
26		- // Fallback: derive from current origin if mxchatChat.rest_url isn't set.
27		- return window.location.origin + '/wp-json/mxchat/v1/nonce';
28		- }
29		-
30		- function fetchFreshNonceFromRest() {
31		- return fetch(getRestNonceUrl(), {
32		- credentials: 'same-origin',
33		- headers: { 'Accept': 'application/json' }
34		- }).then(function (resp) {
35		- if (!resp.ok) {
36		- throw new Error('REST nonce fetch failed: ' + resp.status);
	3	+ // Refresh nonce on load — fixes stale nonces from page-cache plugins
	4	+ if (typeof mxchatChat !== 'undefined' && mxchatChat.ajax_url) {
	5	+ $.post(mxchatChat.ajax_url, { action: 'mxchat_refresh_nonce' }, function(res) {
	6	+ if (res && res.success && res.data && res.data.nonce) {
	7	+ mxchatChat.nonce = res.data.nonce;
37	8	}
38		- return resp.json();
39		- }).then(function (data) {
40		- if (data && data.nonce) {
41		- return data.nonce;
42		- }
43		- throw new Error('REST nonce response had no nonce field.');
44	9	});
45	10	}
46	11
47		- /**
48		- * withFreshNonce(cb) — invoke cb() after ensuring mxchatChat.nonce is fresh.
49		- * Tries REST endpoint first (cache-bypass design); falls back to the legacy
50		- * admin-ajax refresh path if REST is unavailable. Idempotent — concurrent
51		- * calls share the same in-flight refresh.
52		- */
53		- function withFreshNonce(callback) {
54		- if (typeof mxchatChat === 'undefined') {
55		- if (callback) callback();
56		- return;
57		- }
58		- var now = Date.now();
59		- if (cachedFreshNonce && (now - cachedFreshNonceFetchedAt) < NONCE_TTL_MS) {
60		- mxchatChat.nonce = cachedFreshNonce;
61		- if (callback) callback();
62		- return;
63		- }
64		- if (callback) nonceRefreshCallbacks.push(callback);
65		- if (nonceRefreshState === 'pending') return;
66		- nonceRefreshState = 'pending';
67		-
68		- var resolved = function (nonce) {
69		- if (nonce) {
70		- cachedFreshNonce = nonce;
71		- cachedFreshNonceFetchedAt = Date.now();
72		- mxchatChat.nonce = nonce;
73		- }
74		- nonceRefreshState = 'done';
75		- var pending = nonceRefreshCallbacks;
76		- nonceRefreshCallbacks = [];
77		- pending.forEach(function (cb) { try { cb(); } catch (e) {} });
78		- };
79		-
80		- fetchFreshNonceFromRest()
81		- .then(resolved)
82		- .catch(function () {
83		- // Fallback to the legacy admin-ajax refresh path (issued with the
84		- // old action `mxchat_chat_nonce`; the server still accepts both
85		- // during the compat window).
86		- if (mxchatChat.ajax_url) {
87		- $.post(mxchatChat.ajax_url, { action: 'mxchat_refresh_nonce' })
88		- .done(function (res) {
89		- if (res && res.success && res.data && res.data.nonce) {
90		- resolved(res.data.nonce);
91		- return;
92		- }
93		- resolved(null);
94		- })
95		- .fail(function () { resolved(null); });
96		- } else {
97		- resolved(null);
98		- }
99		- });
100		- }
101		-
102		- // Backwards-compat alias — every existing caller in this file (and any
103		- // out-of-tree consumer that hit this internal API) keeps working unchanged.
104		- function refreshNonceIfNeeded(callback) {
105		- return withFreshNonce(callback);
106		- }
107		-
108	12	// ====================================
109	13	// MULTI-INSTANCE MANAGEMENT SYSTEM
110	14	// ====================================
111	15
		@@ -121,9 +25,9 @@
121	25	var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
122	26
123	27	this.instances[botId] = {
124	28	botId: botId,
125		- sessionId: null,
	29	+ sessionId: this.getChatSession(botId),
126	30	lastSeenMessageId: '',
127	31	notificationCheckInterval: null,
128	32	pollingInterval: null,
129	33	processedMessageIds: new Set(),
		@@ -148,77 +52,23 @@
148	52	return Object.keys(this.instances);
149	53	},
150	54
151	55	// Session management per bot
152		- // Returns existing session ID from cookie or localStorage (with in-memory fallback),
153		- // or null if none exists. Does NOT create a new session — use ensureSession() for that.
154	56	getChatSession: function(botId) {
155	57	var cookieName = 'mxchat_session_id_' + botId;
156		- var storageKey = 'mxchat_session_id_' + botId;
157	58	var sessionId = getCookie(cookieName);
158	59
159		- // Fallback to localStorage if cookie is missing (e.g. cleared by browser/consent)
160	60	if (!sessionId) {
161		- try { sessionId = localStorage.getItem(storageKey); } catch (e) {}
	61	+ sessionId = generateSessionId();
	62	+ this.setChatSession(botId, sessionId);
162	63	}
163	64
164		- // Fallback to in-memory instance when cookie AND localStorage are both blocked
165		- // (Safari ITP, strict tracking prevention, cross-origin iframes with partitioned
166		- // storage). Without this, ensureSession() can generate and store an ID that
167		- // getChatSession() then can't read back, causing null session_ids on send.
168		- if (!sessionId && this.instances[botId] && this.instances[botId].sessionId) {
169		- sessionId = this.instances[botId].sessionId;
170		- }
171		-
172		- // Guard against stored sentinel values that indicate earlier broken writes.
173		- if (sessionId === 'null' || sessionId === 'undefined') {
174		- sessionId = null;
175		- }
176		-
177		- // Re-sync cookie from localStorage if cookie was lost
178		- if (sessionId && !getCookie(cookieName)) {
179		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
180		- }
181		-
182		- return sessionId || null;
	65	+ return sessionId;
183	66	},
184	67
185		- // Lazy session initializer — called on first user interaction
186		- ensureSession: function(botId) {
187		- botId = botId || 'default';
188		- var instance = this.instances[botId] || this.init(botId);
189		-
190		- if (instance.sessionId) {
191		- return instance.sessionId;
192		- }
193		-
194		- // Check for existing session from cookie or localStorage
195		- var existingSession = this.getChatSession(botId);
196		-
197		- if (existingSession) {
198		- instance.sessionId = existingSession;
199		- } else {
200		- // Brand new session
201		- var newId = generateSessionId();
202		- this.setChatSession(botId, newId);
203		- instance.sessionId = newId;
204		- }
205		-
206		- // Now that we have a session, do the deferred work
207		- refreshNonceIfNeeded();
208		- trackOriginatingPage();
209		-
210		- // Note: loadChatHistory is handled by showChatContainerForBot with loader UI,
211		- // so we do NOT call it here to avoid a race condition.
212		-
213		- return instance.sessionId;
214		- },
215		-
216	68	setChatSession: function(botId, sessionId) {
217	69	var cookieName = 'mxchat_session_id_' + botId;
218		- var storageKey = 'mxchat_session_id_' + botId;
219	70	document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
220		- try { localStorage.setItem(storageKey, sessionId); } catch (e) {}
221	71	if (this.instances[botId]) {
222	72	this.instances[botId].sessionId = sessionId;
223	73	}
224	74	},
		@@ -223,10 +73,8 @@
223	73	}
224	74	},
225	75
226	76	resetChatSession: function(botId) {
227		- // Clear old session from localStorage before setting new one
228		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
229	77	var newSessionId = generateSessionId();
230	78	this.setChatSession(botId, newSessionId);
231	79	var $chatBox = getElement(botId, 'chat-box');
232	80	if ($chatBox.length) {
		@@ -235,20 +83,8 @@
235	83	if (this.instances[botId]) {
236	84	this.instances[botId].chatHistoryLoaded = false;
237	85	this.instances[botId].processedMessageIds = new Set();
238	86	}
239		- },
240		-
241		- // Silent reset — new session ID without clearing the chat UI
242		- // Used when IP changes mid-conversation so the user doesn't see messages vanish
243		- silentResetSession: function(botId) {
244		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
245		- var newSessionId = generateSessionId();
246		- this.setChatSession(botId, newSessionId);
247		- if (this.instances[botId]) {
248		- this.instances[botId].sessionId = newSessionId;
249		- }
250		- return newSessionId;
251	87	}
252	88	};
253	89
254	90	// ====================================
		@@ -553,9 +389,8 @@
553	389
554	390	// Update your existing sendMessage function
555	391	function sendMessage(botId) {
556	392	botId = botId || 'default';
557		- MxChatInstances.ensureSession(botId);
558	393	var $chatInput = getElement(botId, 'chat-input');
559	394	var message = $chatInput.val();
560	395
561	396	// ADD PROMPT HOOK HERE
		@@ -598,9 +433,8 @@
598	433
599	434	// Update your existing sendMessageToChatbot function
600	435	function sendMessageToChatbot(message, botId) {
601	436	botId = botId || 'default';
602		- MxChatInstances.ensureSession(botId);
603	437
604	438	// ADD PROMPT HOOK HERE
605	439	if (typeof customMxChatFilter === 'function') {
606	440	message = customMxChatFilter(message, "prompt");
		@@ -700,28 +534,13 @@
700	534
701	535	// Get instance for session start timestamp (used when persistence is OFF)
702	536	var instance = MxChatInstances.get(botId);
703	537
704		- // Guarantee a non-null session_id before the AJAX leaves. ensureSession() is idempotent
705		- // and returns the guaranteed-present session id from the in-memory instance even when
706		- // cookie/localStorage writes are silently blocked by the browser.
707		- var sessionId = MxChatInstances.ensureSession(botId);
708		- if (!sessionId || sessionId === 'null' || sessionId === 'undefined') {
709		- // Last-resort generation to ensure we never POST a null marker.
710		- sessionId = generateSessionId();
711		- MxChatInstances.setChatSession(botId, sessionId);
712		- }
713		-
714		- // Wait for the page-cache nonce refresh to complete before firing the
715		- // chat-send AJAX. On cached pages the inline mxchatChat.nonce is stale
716		- // until refreshNonceIfNeeded() returns; constructing ajaxData inside the
717		- // callback guarantees we read the fresh value. See plan-c5457f.
718		- refreshNonceIfNeeded(function() {
719	538	// Prepare AJAX data
720	539	const ajaxData = {
721	540	action: 'mxchat_handle_chat_request',
722	541	message: message,
723		- session_id: sessionId,
	542	+ session_id: getChatSession(botId),
724	543	nonce: mxchatChat.nonce,
725	544	current_page_url: window.location.href,
726	545	current_page_title: document.title,
727	546	bot_id: botId,
		@@ -727,14 +546,14 @@
727	546	bot_id: botId,
728	547	// Pass session start timestamp so AI context matches what user sees
729	548	session_start_timestamp: instance.sessionStartTimestamp || 0
730	549	};
731		-
	550	+
732	551	// Add page context if available
733	552	if (pageContext) {
734	553	ajaxData.page_context = JSON.stringify(pageContext);
735	554	}
736		-
	555	+
737	556	// CHECK FOR VISION FLAGS AND ADD THEM
738	557	if (window.mxchatVisionProcessed) {
739	558	ajaxData.vision_processed = true;
740	559	ajaxData.original_user_message = window.mxchatOriginalMessage || message;
		@@ -743,9 +562,9 @@
743	562	window.mxchatVisionProcessed = false;
744	563	window.mxchatOriginalMessage = null;
745	564	window.mxchatVisionImagesCount = 0;
746	565	}
747		-
	566	+
748	567	$.ajax({
749	568	url: mxchatChat.ajax_url,
750	569	type: 'POST',
751	570	dataType: 'json',
		@@ -783,16 +602,23 @@
783	602	errorMessage = "An error occurred. Please try again or contact support.";
784	603	}
785	604
786	605	// Handle session reset action (IP changed, session expired, etc.)
787		- // Silent reset — keep chat UI intact, just get a new session and retry
788	606	if (response.data && response.data.action === 'reset_session') {
789		- MxChatInstances.silentResetSession(botId);
790		- // Re-send the original message with the new session (user message is already displayed)
	607	+ // Clear the old session and generate a new one
	608	+ resetChatSession(botId);
	609	+ // Remove the temporary loading message
	610	+ getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
	611	+ // Re-send the original message with the new session
791	612	var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
792	613	if (originalMessage) {
793	614	getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
794		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	615	+ // Re-add the user message and thinking indicator
	616	+ appendMessage("user", originalMessage, '', [], false, botId);
	617	+ appendThinkingMessage(botId);
	618	+ scrollToBottom(botId);
	619	+ // Determine whether to use streaming
	620	+ const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
795	621	if (shouldUseStreaming(currentModel)) {
796	622	callMxChatStream(originalMessage, function(response) {
797	623	getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
798	624	}, botId);
		@@ -886,13 +712,9 @@
886	712	$badge.show();
887	713	}
888	714	}
889	715	} else {
890		- var emptyMsg = "I received an empty response. Please try again or contact support if this persists.";
891		- if (response.vectorstore_error) {
892		- emptyMsg = "I received an empty response. Debug info: " + response.vectorstore_error;
893		- }
894		- replaceLastMessage("bot", emptyMsg, '', [], botId);
	716	+ replaceLastMessage("bot", "I received an empty response. Please try again or contact support if this persists.", '', [], botId);
895	717	}
896	718
897	719	if (response.message_id) {
898	720	var instance = MxChatInstances.get(botId);
		@@ -934,9 +756,8 @@
934	756
935	757	replaceLastMessage("bot", errorMessage, '', [], botId);
936	758	}
937	759	});
938		- }); // refreshNonceIfNeeded
939	760	}
940	761
941	762	function callMxChatStream(message, callback, botId) {
942	763	botId = botId || getMxChatBotId();
		@@ -955,25 +776,12 @@
955	776
956	777	// Get instance for session start timestamp (used when persistence is OFF)
957	778	var instance = MxChatInstances.get(botId);
958	779
959		- // Guarantee a non-null session_id before the fetch. FormData.append() stringifies any
960		- // non-string value via String(), so passing `null` would POST the literal string "null"
961		- // and land in the transcripts table as a ghost session. ensureSession() always returns
962		- // a real string even when cookies/localStorage are blocked.
963		- var streamSessionId = MxChatInstances.ensureSession(botId);
964		- if (!streamSessionId || streamSessionId === 'null' || streamSessionId === 'undefined') {
965		- streamSessionId = generateSessionId();
966		- MxChatInstances.setChatSession(botId, streamSessionId);
967		- }
968		-
969		- // Wait for the page-cache nonce refresh before constructing formData (which
970		- // captures mxchatChat.nonce by value). Mirrors callMxChat's wrapping. See plan-c5457f.
971		- refreshNonceIfNeeded(function() {
972	780	const formData = new FormData();
973	781	formData.append('action', 'mxchat_stream_chat');
974	782	formData.append('message', message);
975		- formData.append('session_id', streamSessionId);
	783	+ formData.append('session_id', getChatSession(botId));
976	784	formData.append('nonce', mxchatChat.nonce);
977	785	formData.append('current_page_url', window.location.href);
978	786	formData.append('current_page_title', document.title);
979	787	formData.append('bot_id', botId);
		@@ -1073,16 +881,8 @@
1073	881
1074	882	// Re-enable chat input when stream ends with content
1075	883	enableChatInput(botId);
1076	884
1077		- // Scroll the user's last message to the top now that the
1078		- // bot's full reply has rendered (gives max reading room).
1079		- var $chatBoxDone = getElement(botId, 'chat-box');
1080		- var $lastUserMsgDone = $chatBoxDone.find('.user-message').last();
1081		- if ($lastUserMsgDone.length) {
1082		- scrollElementToTop($lastUserMsgDone, botId);
1083		- }
1084		-
1085	885	if (callback) {
1086	886	callback(accumulatedContent);
1087	887	}
1088	888	return;
		@@ -1105,16 +905,8 @@
1105	905
1106	906	// Re-enable chat input after streaming completes
1107	907	enableChatInput(botId);
1108	908
1109		- // Scroll the user's last message to the top now
1110		- // that the bot's full reply has rendered.
1111		- var $chatBoxStreamDone = getElement(botId, 'chat-box');
1112		- var $lastUserMsgStreamDone = $chatBoxStreamDone.find('.user-message').last();
1113		- if ($lastUserMsgStreamDone.length) {
1114		- scrollElementToTop($lastUserMsgStreamDone, botId);
1115		- }
1116		-
1117	909	if (callback) {
1118	910	callback(accumulatedContent);
1119	911	}
1120	912	return;
		@@ -1193,9 +985,8 @@
1193	985	getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1194	986	callMxChat(message, callback, botId);
1195	987	}
1196	988	});
1197		- }); // refreshNonceIfNeeded
1198	989	}
1199	990
1200	991	// Helper function to handle non-streaming responses
1201	992	function handleNonStreamResponse(data, callback, botId) {
		@@ -1234,16 +1025,21 @@
1234	1025	errorMessage = "An error occurred. Please try again or contact support.";
1235	1026	}
1236	1027
1237	1028	// Handle session reset action (IP changed, session expired, etc.)
1238		- // Silent reset — keep chat UI intact, just get a new session and retry
1239	1029	if (data.data && data.data.action === 'reset_session') {
1240		- MxChatInstances.silentResetSession(botId);
1241		- // Re-send the original message with the new session (user message is already displayed)
	1030	+ // Clear the old session and generate a new one
	1031	+ resetChatSession(botId);
	1032	+ // Re-send the original message with the new session
1242	1033	var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
1243	1034	if (originalMessage) {
1244	1035	getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
1245		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
	1036	+ // Re-add the user message and thinking indicator
	1037	+ appendMessage("user", originalMessage, '', [], false, botId);
	1038	+ appendThinkingMessage(botId);
	1039	+ scrollToBottom(botId);
	1040	+ // Determine whether to use streaming
	1041	+ const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
1246	1042	if (shouldUseStreaming(currentModel)) {
1247	1043	callMxChatStream(originalMessage, callback, botId);
1248	1044	} else {
1249	1045	callMxChat(originalMessage, callback, botId);
		@@ -1424,229 +1220,9 @@
1424	1220	sendMessage(botId);
1425	1221	}
1426	1222	});
1427	1223
1428		-// Builds the list of overflow-menu items for a given bot.
1429		-// Adding a future item is one push to this array — do NOT hardcode "only download."
1430		-function mxchatGetHeaderMenuItems(botId) {
1431		- var items = [];
1432		- var settings = (typeof mxchatChat !== 'undefined') ? mxchatChat : {};
1433		-
1434		- // The `print_button_*` keys still gate this item for back-compat with
1435		- // existing user options. The action is now a transcript download, not print.
1436		- if (settings.print_button_enabled === 'on') {
1437		- items.push({
1438		- id: 'download-transcript',
1439		- label: settings.print_button_label || 'Download Transcript',
1440		- icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>',
1441		- action: function() {
1442		- mxchatDownloadTranscript(botId);
1443		- }
1444		- });
1445		- }
1446		-
1447		- return items;
1448		-}
1449		-
1450		-// Builds a clean markdown transcript of the current conversation and triggers
1451		-// a file download. Used by the "Download Transcript" menu item.
1452		-function mxchatDownloadTranscript(botId) {
1453		- var $chatBox = getElement(botId, 'chat-box');
1454		- if (!$chatBox || !$chatBox.length) return;
1455		-
1456		- var settings = (typeof mxchatChat !== 'undefined') ? mxchatChat : {};
1457		- var headerTitle = settings.print_header_title || 'Chat transcript';
1458		- var now = new Date();
1459		- var stamp = now.toLocaleString();
1460		-
1461		- var lines = [];
1462		- lines.push('# ' + headerTitle);
1463		- lines.push('');
1464		- lines.push('Exported: ' + stamp);
1465		- lines.push('');
1466		- lines.push('---');
1467		- lines.push('');
1468		-
1469		- $chatBox.find('.user-message, .bot-message, .agent-message').each(function() {
1470		- var $msg = $(this);
1471		- // Skip thinking placeholders and any in-flight temporary messages.
1472		- if ($msg.find('.thinking-dots').length) return;
1473		- if ($msg.hasClass('temporary-message')) return;
1474		-
1475		- var sender;
1476		- if ($msg.hasClass('user-message')) sender = 'User';
1477		- else if ($msg.hasClass('agent-message')) sender = 'Live Agent';
1478		- else sender = 'AI Agent';
1479		-
1480		- // Strip interactive UI from the cloned message so we get the conversation text.
1481		- var $clone = $msg.clone();
1482		- $clone.find('.copy-button, .message-toolbar, .mxchat-copy, button, script, style').remove();
1483		- var text = $clone.text().replace(/ /g, ' ').replace(/[ \t]+\n/g, '\n').replace(/\n{3,}/g, '\n\n').trim();
1484		- if (!text) return;
1485		-
1486		- lines.push('**' + sender + '**');
1487		- lines.push('');
1488		- lines.push(text);
1489		- lines.push('');
1490		- });
1491		-
1492		- var content = lines.join('\n');
1493		- var iso = now.toISOString().replace(/[:.]/g, '-').slice(0, 19);
1494		- var fname = 'mxchat-transcript-' + iso + '.md';
1495		- var blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
1496		- var url = URL.createObjectURL(blob);
1497		- var a = document.createElement('a');
1498		- a.href = url;
1499		- a.download = fname;
1500		- a.style.display = 'none';
1501		- document.body.appendChild(a);
1502		- a.click();
1503		- setTimeout(function() {
1504		- if (a.parentNode) a.parentNode.removeChild(a);
1505		- URL.revokeObjectURL(url);
1506		- }, 100);
1507		-}
1508		-
1509		-// Reads the bot bubble's actual computed bg+fg and writes them as CSS vars
1510		-// on the menu wrap, so the dropdown matches whatever paints the bubble —
1511		-// saved options, AI theme CSS, or the mxchat-theme add-on.
1512		-function mxchatSyncMenuColors(botId, $wrap) {
1513		- if (!$wrap || !$wrap.length) return;
1514		- var $bot = $wrap.closest('.mxchat-chatbot-wrapper').find('.bot-message').not('.temporary-message').first();
1515		- if (!$bot.length) return;
1516		- var cs = window.getComputedStyle($bot[0]);
1517		- if (cs.backgroundColor && cs.backgroundColor !== 'rgba(0, 0, 0, 0)' && cs.backgroundColor !== 'transparent') {
1518		- $wrap[0].style.setProperty('--mxchat-menu-bg', cs.backgroundColor);
1519		- }
1520		- // Bot text color usually lives on a child div, not .bot-message itself.
1521		- var $textChild = $bot.find('[style*="color"]').first();
1522		- var fg = ($textChild.length ? window.getComputedStyle($textChild[0]).color : cs.color);
1523		- if (fg) $wrap[0].style.setProperty('--mxchat-menu-fg', fg);
1524		-}
1525		-
1526		-// One-time per-widget init: renders menu items, wires open/close,
1527		-// outside-click, Escape, and arrow-key navigation. If no items, hides the trigger.
1528		-function mxchatInitHeaderMenu(botId) {
1529		- var $wrap = $('.mxchat-header-menu-wrap[data-bot-id="' + botId + '"]').first();
1530		- if (!$wrap.length || $wrap.data('mxchatMenuReady')) return;
1531		-
1532		- var $trigger = $wrap.find('.mxchat-menu-trigger');
1533		- var $menu = $wrap.find('.mxchat-header-menu');
1534		- var items = mxchatGetHeaderMenuItems(botId);
1535		-
1536		- // Initial color sync — covers normal page load.
1537		- mxchatSyncMenuColors(botId, $wrap);
1538		-
1539		- if (!items.length) {
1540		- $trigger.hide();
1541		- $menu.hide();
1542		- $wrap.data('mxchatMenuReady', true);
1543		- return;
1544		- }
1545		-
1546		- // Build the menu items.
1547		- $menu.empty();
1548		- items.forEach(function(item, idx) {
1549		- var $btn = $('<button>', {
1550		- type: 'button',
1551		- 'class': 'mxchat-menu-item',
1552		- 'role': 'menuitem',
1553		- 'tabindex': '-1',
1554		- 'data-menu-id': item.id,
1555		- html: '<span class="mxchat-menu-item-icon">' + item.icon + '</span>' +
1556		- '<span class="mxchat-menu-item-label"></span>'
1557		- });
1558		- $btn.find('.mxchat-menu-item-label').text(item.label);
1559		- $btn.on('click', function(e) {
1560		- e.preventDefault();
1561		- e.stopPropagation();
1562		- closeMenu();
1563		- try { item.action(); } catch (err) { /* no-op */ }
1564		- });
1565		- $menu.append($btn);
1566		- });
1567		-
1568		- function openMenu() {
1569		- // Re-sync each open in case the active theme changed since init.
1570		- mxchatSyncMenuColors(botId, $wrap);
1571		- $menu.prop('hidden', false).attr('aria-hidden', 'false').addClass('is-open');
1572		- $trigger.attr('aria-expanded', 'true');
1573		- // Focus the first item for keyboard users
1574		- setTimeout(function() {
1575		- $menu.find('.mxchat-menu-item').first().attr('tabindex', '0').trigger('focus');
1576		- }, 0);
1577		- }
1578		- function closeMenu(returnFocus) {
1579		- $menu.prop('hidden', true).attr('aria-hidden', 'true').removeClass('is-open');
1580		- $trigger.attr('aria-expanded', 'false');
1581		- $menu.find('.mxchat-menu-item').attr('tabindex', '-1');
1582		- if (returnFocus) $trigger.trigger('focus');
1583		- }
1584		-
1585		- // Toggle on trigger click — stop propagation so the .chatbot-top-bar
1586		- // click-to-collapse handler does not fire.
1587		- $trigger.on('click', function(e) {
1588		- e.preventDefault();
1589		- e.stopPropagation();
1590		- if ($menu.hasClass('is-open')) closeMenu();
1591		- else openMenu();
1592		- });
1593		-
1594		- // Don't let clicks inside the menu bubble to the top-bar collapse handler.
1595		- $menu.on('click', function(e) {
1596		- e.stopPropagation();
1597		- });
1598		-
1599		- // Outside click closes the menu.
1600		- $(document).on('click.mxchatMenu-' + botId, function(e) {
1601		- if (!$menu.hasClass('is-open')) return;
1602		- if ($wrap.has(e.target).length || $wrap.is(e.target)) return;
1603		- closeMenu();
1604		- });
1605		-
1606		- // Keyboard: Escape closes and returns focus; arrow keys move focus; Enter activates.
1607		- $menu.on('keydown', '.mxchat-menu-item', function(e) {
1608		- var $items = $menu.find('.mxchat-menu-item');
1609		- var idx = $items.index(this);
1610		- if (e.key === 'Escape') {
1611		- e.preventDefault();
1612		- closeMenu(true);
1613		- } else if (e.key === 'ArrowDown') {
1614		- e.preventDefault();
1615		- var $next = $items.eq((idx + 1) % $items.length);
1616		- $items.attr('tabindex', '-1');
1617		- $next.attr('tabindex', '0').trigger('focus');
1618		- } else if (e.key === 'ArrowUp') {
1619		- e.preventDefault();
1620		- var $prev = $items.eq((idx - 1 + $items.length) % $items.length);
1621		- $items.attr('tabindex', '-1');
1622		- $prev.attr('tabindex', '0').trigger('focus');
1623		- } else if (e.key === 'Enter' || e.key === ' ') {
1624		- e.preventDefault();
1625		- $(this).trigger('click');
1626		- }
1627		- });
1628		- $trigger.on('keydown', function(e) {
1629		- if (e.key === 'Escape' && $menu.hasClass('is-open')) {
1630		- e.preventDefault();
1631		- closeMenu(true);
1632		- } else if ((e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') && !$menu.hasClass('is-open')) {
1633		- e.preventDefault();
1634		- openMenu();
1635		- }
1636		- });
1637		-
1638		- $wrap.data('mxchatMenuReady', true);
1639		-}
1640		-
1641		-// Initialize header menus for every rendered widget on DOM ready.
1642		-$(function() {
1643		- $('.mxchat-header-menu-wrap').each(function() {
1644		- var botId = $(this).data('bot-id');
1645		- if (botId) mxchatInitHeaderMenu(botId);
1646		- });
1647		-});
1648		-
	1224	+
1649	1225	function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false, botId = 'default') {
1650	1226	try {
1651	1227	// Determine styles based on sender type
1652	1228	let messageClass, bgColor, fontColor;
		@@ -1684,12 +1260,17 @@
1684	1260	'margin-bottom': '1em'
1685	1261	});
1686	1262	}
1687	1263
1688		- // Process the message content - always run linkify to convert markdown
1689		- // links and format text. linkify() handles existing HTML safely via
1690		- // negative lookaheads that skip URLs already inside <a> tags.
1691		- let fullMessage = linkify(messageText);
	1264	+ // Process the message content based on sender
	1265	+ let fullMessage;
	1266	+ if (sender === "user") {
	1267	+ // For user messages, apply linkify after sanitization
	1268	+ fullMessage = linkify(messageText);
	1269	+ } else {
	1270	+ // For bot/agent messages, preserve HTML
	1271	+ fullMessage = messageText;
	1272	+ }
1692	1273
1693	1274	// Add images if provided
1694	1275	if (images && images.length > 0) {
1695	1276	fullMessage += '<div class="image-gallery" dir="auto">';
		@@ -1738,12 +1319,8 @@
1738	1319	if (lastUserMessage.length) {
1739	1320	scrollElementToTop(lastUserMessage, botId);
1740	1321	}
1741	1322	}
1742		-
1743		- if ((sender === "bot" || sender === "agent") && !isTemporary) {
1744		- if (typeof mxchatInitHeaderMenu === 'function') mxchatInitHeaderMenu(botId);
1745		- }
1746	1323	});
1747	1324
1748	1325	if (messageText.id) {
1749	1326	var instance = MxChatInstances.get(botId);
		@@ -1828,12 +1405,26 @@
1828	1405	bgColor = botMessageBgColor;
1829	1406	fontColor = botMessageFontColor;
1830	1407	}
1831	1408
1832		- // Always run linkify to convert markdown links and format text.
1833		- // linkify() already handles existing HTML (its URL patterns use negative lookaheads
1834		- // to avoid double-processing URLs that are already inside <a> tags).
1835		- var fullMessage = linkify(responseText);
	1409	+ // FIXED: Only linkify if response doesn't already contain HTML links or tags
	1410	+ // This prevents double-processing of URLs that are already formatted as HTML
	1411	+ var fullMessage;
	1412	+ if (sender === "user") {
	1413	+ // Always linkify user messages (they're plain text)
	1414	+ fullMessage = linkify(responseText);
	1415	+ } else {
	1416	+ // For bot/agent messages, check if HTML already exists
	1417	+ if (responseText.includes('<a href=') || responseText.includes('</a>') ||
	1418	+ responseText.includes('<img') || responseText.includes('<div') ||
	1419	+ responseText.includes('<p>') || responseText.includes('<br>')) {
	1420	+ // Response already has HTML, don't process it
	1421	+ fullMessage = responseText;
	1422	+ } else {
	1423	+ // Plain text response, apply linkify
	1424	+ fullMessage = linkify(responseText);
	1425	+ }
	1426	+ }
1836	1427
1837	1428	if (responseHtml) {
1838	1429	// Only add line breaks if there's actual text content before the HTML
1839	1430	if (fullMessage && fullMessage.trim()) {
		@@ -1890,12 +1481,8 @@
1890	1481	}
1891	1482
1892	1483	// Re-enable chat input after response is displayed
1893	1484	enableChatInput(botId);
1894		-
1895		- if (sender === "bot" || sender === "agent") {
1896		- if (typeof mxchatInitHeaderMenu === 'function') mxchatInitHeaderMenu(botId);
1897		- }
1898	1485	} else {
1899	1486	appendMessage(sender, responseText, responseHtml, images, false, botId);
1900	1487	// Re-enable chat input after response is displayed
1901	1488	enableChatInput(botId);
		@@ -1980,12 +1567,9 @@
1980	1567	processedText = formatTextStyling(processedText);
1981	1568
1982	1569	// Process code blocks BEFORE processing links
1983	1570	processedText = formatCodeBlocks(processedText);
1984		-
1985		- // Process markdown tables BEFORE converting newlines to paragraphs
1986		- processedText = formatMarkdownTables(processedText);
1987		-
	1571	+
1988	1572	// NOW convert to paragraphs
1989	1573	processedText = convertNewlinesToBreaks(processedText);
1990	1574
1991	1575	// IMPORTANT: Handle citation-style brackets FIRST [URL]
		@@ -1998,63 +1582,37 @@
1998	1582	// Return as a proper link without the brackets
1999	1583	return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
2000	1584	});
2001	1585
2002		- // Process markdown links: [text](url) and [](url)
2003		- // Uses balanced parenthesis matching to handle URLs containing parens
2004		- // (e.g. PDF filenames with dates like (2025-08-28).pdf)
2005		- processedText = (function(input) {
2006		- var result = '';
2007		- var i = 0;
2008		- while (i < input.length) {
2009		- // Look for [ at current position
2010		- if (input[i] === '[') {
2011		- // Find closing ]
2012		- var closeBracket = input.indexOf(']', i + 1);
2013		- if (closeBracket === -1 || closeBracket + 1 >= input.length || input[closeBracket + 1] !== '(') {
2014		- result += input[i];
2015		- i++;
2016		- continue;
2017		- }
2018		- var linkText = input.substring(i + 1, closeBracket);
2019		- // Check if URL starts with http
2020		- var urlStart = closeBracket + 2;
2021		- if (!input.substring(urlStart).match(/^https?:\/\//)) {
2022		- result += input[i];
2023		- i++;
2024		- continue;
2025		- }
2026		- // Find balanced closing paren
2027		- var depth = 1;
2028		- var j = urlStart;
2029		- while (j < input.length && depth > 0) {
2030		- if (input[j] === '(') depth++;
2031		- else if (input[j] === ')') depth--;
2032		- if (depth > 0) j++;
2033		- }
2034		- if (depth !== 0) {
2035		- result += input[i];
2036		- i++;
2037		- continue;
2038		- }
2039		- var url = input.substring(urlStart, j);
2040		- var cleanUrl = url.replace(/[\].,;!?]+$/, '');
2041		- var encodedUrl = safeEncodeUrl(cleanUrl);
2042		- if (!linkText || !linkText.trim()) {
2043		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + cleanUrl + '</a>';
2044		- } else {
2045		- var safeText = sanitizeUserInput(linkText);
2046		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + safeText + '</a>';
2047		- }
2048		- i = j + 1; // Skip past the closing )
2049		- } else {
2050		- result += input[i];
2051		- i++;
2052		- }
	1586	+ // Process proper markdown links with text: [text](url)
	1587	+ // This MUST have non-empty text in the first brackets
	1588	+ const markdownLinkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g;
	1589	+ processedText = processedText.replace(markdownLinkPattern, (match, text, url) => {
	1590	+ // Make sure we have actual text (not just whitespace)
	1591	+ if (!text || !text.trim()) {
	1592	+ // If no text, treat the URL as the text
	1593	+ let cleanUrl = url.replace(/[.,;!?]+$/, '');
	1594	+ const safeUrl = safeEncodeUrl(cleanUrl);
	1595	+ return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
2053	1596	}
2054		- return result;
2055		- })(processedText);
	1597	+
	1598	+ // Clean the URL
	1599	+ let cleanUrl = url.replace(/[\].,;!?]+$/, '');
	1600	+ const safeUrl = safeEncodeUrl(cleanUrl);
	1601	+ const safeText = sanitizeUserInput(text);
	1602	+ return `<a href="${safeUrl}" target="${linkTarget}">${safeText}</a>`;
	1603	+ });
2056	1604
	1605	+ // Handle empty markdown links: [](url)
	1606	+ // This is a specific case where there's no text
	1607	+ const emptyMarkdownPattern = /\[\]\((https?:\/\/[^\s)]+)\)/g;
	1608	+ processedText = processedText.replace(emptyMarkdownPattern, (match, url) => {
	1609	+ let cleanUrl = url.replace(/[.,;!?]+$/, '');
	1610	+ const safeUrl = safeEncodeUrl(cleanUrl);
	1611	+ // Use the URL itself as the link text
	1612	+ return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
	1613	+ });
	1614	+
2057	1615	// Process phone numbers: [text](tel:number)
2058	1616	const phonePattern = /\[([^\]]+)\]\((tel:[\d+\-\s()]+)\)/g;
2059	1617	processedText = processedText.replace(phonePattern, (match, text, phone) => {
2060	1618	const safePhone = safeEncodeUrl(phone);
		@@ -2206,78 +1764,9 @@
2206	1764	});
2207	1765
2208	1766	return text;
2209	1767	}
2210		-
2211		- function formatMarkdownTables(text) {
2212		- var lines = text.split('\n');
2213		- var result = [];
2214		- var i = 0;
2215		-
2216		- while (i < lines.length) {
2217		- // Check for a table: current line has pipes AND next line is a separator row
2218		- if (i + 1 < lines.length &&
2219		- lines[i].indexOf('|') !== -1 &&
2220		- /^\s*\|?[\s\-:]+(\|[\s\-:]+)+\|?\s*$/.test(lines[i + 1])) {
2221		-
2222		- var tableLines = [];
2223		- var headerLine = lines[i];
2224		- var separatorLine = lines[i + 1];
2225		- tableLines.push(headerLine);
2226		- tableLines.push(separatorLine);
2227		-
2228		- // Collect remaining table rows
2229		- var j = i + 2;
2230		- while (j < lines.length && lines[j].indexOf('|') !== -1 && lines[j].trim() !== '') {
2231		- tableLines.push(lines[j]);
2232		- j++;
2233		- }
2234		-
2235		- // Parse alignment from separator row
2236		- var sepCells = separatorLine.split('|').filter(function(c) { return c.trim() !== ''; });
2237		- var alignments = sepCells.map(function(cell) {
2238		- var trimmed = cell.trim();
2239		- if (trimmed.charAt(0) === ':' && trimmed.charAt(trimmed.length - 1) === ':') return 'center';
2240		- if (trimmed.charAt(trimmed.length - 1) === ':') return 'right';
2241		- return 'left';
2242		- });
2243		-
2244		- // Build HTML table
2245		- var html = '<div class="mxchat-table-wrapper"><table class="mxchat-table">';
2246		-
2247		- // Header row
2248		- var headerCells = tableLines[0].split('|').filter(function(c) { return c.trim() !== ''; });
2249		- html += '<thead><tr>';
2250		- headerCells.forEach(function(cell, idx) {
2251		- var align = alignments[idx] || 'left';
2252		- html += '<th style="text-align:' + align + '">' + cell.trim() + '</th>';
2253		- });
2254		- html += '</tr></thead>';
2255		-
2256		- // Body rows
2257		- html += '<tbody>';
2258		- for (var r = 2; r < tableLines.length; r++) {
2259		- var rowCells = tableLines[r].split('|').filter(function(c) { return c.trim() !== ''; });
2260		- html += '<tr>';
2261		- rowCells.forEach(function(cell, idx) {
2262		- var align = alignments[idx] || 'left';
2263		- html += '<td style="text-align:' + align + '">' + cell.trim() + '</td>';
2264		- });
2265		- html += '</tr>';
2266		- }
2267		- html += '</tbody></table></div>';
2268		-
2269		- result.push(html);
2270		- i = j;
2271		- } else {
2272		- result.push(lines[i]);
2273		- i++;
2274		- }
2275		- }
2276		-
2277		- return result.join('\n');
2278		- }
2279		-
	1768	+
2280	1769	function sanitizeUserInput(text) {
2281	1770	const div = document.createElement('div');
2282	1771	div.textContent = text;
2283	1772	return div.innerHTML;
		@@ -2348,14 +1837,13 @@
2348	1837	requestAnimationFrame(smoothScroll);
2349	1838	}
2350	1839	}
2351	1840
2352		- function scrollElementToTop(element, botId, topOffset) {
	1841	+ function scrollElementToTop(element, botId) {
2353	1842	botId = botId || 'default';
2354		- topOffset = (typeof topOffset === 'number') ? topOffset : 2;
2355	1843	var chatBox = getElement(botId, 'chat-box');
2356	1844	var elementTop = element.position().top + chatBox.scrollTop();
2357		- chatBox.animate({ scrollTop: Math.max(0, elementTop - topOffset) }, 500);
	1845	+ chatBox.animate({ scrollTop: elementTop }, 500);
2358	1846	}
2359	1847
2360	1848	function showChatWidget(botId) {
2361	1849	botId = botId || 'default';
		@@ -2572,29 +2060,20 @@
2572	2060	// ====================================
2573	2061	// CHAT HISTORY & PERSISTENCE
2574	2062	// ====================================
2575	2063
2576		-function loadChatHistory(botId, onComplete) {
	2064	+function loadChatHistory(botId) {
2577	2065	botId = botId || 'default';
2578	2066	var instance = MxChatInstances.get(botId);
2579	2067
2580	2068	// Prevent duplicate loading
2581	2069	if (instance.chatHistoryLoaded) {
2582		- if (onComplete) onComplete();
2583	2070	return;
2584	2071	}
2585	2072
2586		- // Use getChatSession which returns null if no session exists (does NOT create one)
2587	2073	var sessionId = getChatSession(botId);
2588	2074	var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2589	2075
2590		- // No session yet — nothing to load. History will load after first message via ensureSession.
2591		- if (!sessionId) {
2592		- instance.chatHistoryLoaded = true;
2593		- if (onComplete) onComplete();
2594		- return;
2595		- }
2596		-
2597	2076	if (chatPersistenceEnabled && sessionId) {
2598	2077	$.ajax({
2599	2078	url: mxchatChat.ajax_url,
2600	2079	type: 'POST',
		@@ -2605,12 +2084,11 @@
2605	2084	},
2606	2085	success: function(response) {
2607	2086	// Handle session reset (IP changed while user was away)
2608	2087	if (response.success === false && response.data && response.data.action === 'reset_session') {
2609		- // Silent reset — new session but don't clear UI
2610		- MxChatInstances.silentResetSession(botId);
	2088	+ // Silently reset session - user will start fresh
	2089	+ resetChatSession(botId);
2611	2090	instance.chatHistoryLoaded = true; // Prevent retry loop
2612		- if (onComplete) onComplete();
2613	2091	return;
2614	2092	}
2615	2093
2616	2094	// Check if the response indicates success
		@@ -2666,19 +2144,9 @@
2666	2144	var content = message.content;
2667	2145	content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
2668	2146	content = decodeHTMLEntities(content);
2669	2147
2670		- // Skip linkify for messages containing structured HTML
2671		- // (forms, product cards, galleries, etc.) to avoid
2672		- // markdown formatting corrupting HTML attributes
2673		- // (e.g. underscores in name="field_name" becoming <em> tags)
2674		- if (content.includes("mxchat-product-card") ||
2675		- content.includes("mxchat-image-gallery") ||
2676		- content.includes("mxchat-featured-products") ||
2677		- content.includes("<form") ||
2678		- content.includes("<input") ||
2679		- content.includes("<select") ||
2680		- content.includes("<textarea")) {
	2148	+ if (content.includes("mxchat-product-card") || content.includes("mxchat-image-gallery")) {
2681	2149	messageElement.html(content);
2682	2150	} else {
2683	2151	var formattedContent = linkify(content);
2684	2152	messageElement.html(formattedContent);
		@@ -2718,17 +2186,13 @@
2718	2186	instance.chatHistoryLoaded = true;
2719	2187	}
2720	2188	}
2721	2189	}
2722		- if (onComplete) onComplete();
2723	2190	},
2724	2191	error: function(xhr, status, error) {
2725	2192	// Error loading chat history - silently continue
2726		- if (onComplete) onComplete();
2727	2193	}
2728	2194	});
2729		- } else {
2730		- if (onComplete) onComplete();
2731	2195	}
2732	2196	}
2733	2197
2734	2198
		@@ -2904,35 +2368,45 @@
2904	2368	// ====================================
2905	2369
2906	2370	function checkPreChatDismissal(botId) {
2907	2371	botId = botId || 'default';
2908		- try {
2909		- var dismissedAt = localStorage.getItem('mxchat_pre_chat_dismissed_' + botId);
2910		- if (dismissedAt) {
2911		- // Re-show after 24 hours
2912		- var elapsed = Date.now() - parseInt(dismissedAt, 10);
2913		- if (elapsed < 86400000) {
	2372	+ $.ajax({
	2373	+ url: mxchatChat.ajax_url,
	2374	+ type: 'POST',
	2375	+ data: {
	2376	+ action: 'mxchat_check_pre_chat_message_status',
	2377	+ _ajax_nonce: mxchatChat.nonce
	2378	+ },
	2379	+ success: function(response) {
	2380	+ if (response.success && !response.data.dismissed) {
	2381	+ getElement(botId, 'pre-chat-message').fadeIn(250);
	2382	+ } else {
2914	2383	getElement(botId, 'pre-chat-message').hide();
2915		- return;
2916	2384	}
2917		- // Expired — clear and show again
2918		- localStorage.removeItem('mxchat_pre_chat_dismissed_' + botId);
	2385	+ },
	2386	+ error: function() {
	2387	+ // Error checking pre-chat dismissal - silently continue
2919	2388	}
2920		- getElement(botId, 'pre-chat-message').fadeIn(250);
2921		- } catch (e) {
2922		- // localStorage unavailable — show the message
2923		- getElement(botId, 'pre-chat-message').fadeIn(250);
2924		- }
	2389	+ });
2925	2390	}
2926	2391
2927	2392	function handlePreChatDismissal(botId) {
2928	2393	botId = botId || 'default';
2929	2394	getElement(botId, 'pre-chat-message').fadeOut(200);
2930		- try {
2931		- localStorage.setItem('mxchat_pre_chat_dismissed_' + botId, String(Date.now()));
2932		- } catch (e) {
2933		- // localStorage unavailable — dismissal won't persist
2934		- }
	2395	+ $.ajax({
	2396	+ url: mxchatChat.ajax_url,
	2397	+ type: 'POST',
	2398	+ data: {
	2399	+ action: 'mxchat_dismiss_pre_chat_message',
	2400	+ _ajax_nonce: mxchatChat.nonce
	2401	+ },
	2402	+ success: function() {
	2403	+ $('#pre-chat-message').hide();
	2404	+ },
	2405	+ error: function() {
	2406	+ // Error dismissing pre-chat message - silently continue
	2407	+ }
	2408	+ });
2935	2409	}
2936	2410
2937	2411
2938	2412	// ====================================
		@@ -2987,14 +2461,9 @@
2987	2461	collapseQuickQuestions(botId);
2988	2462	});
2989	2463
2990	2464	// Chatbot visibility toggle handlers - use class selector for multi-instance support
2991		- // Handles click + Enter/Space keypresses for keyboard accessibility (WCAG 2.1 SC 2.1.1).
2992		- $(document).on('click keydown', '.floating-chatbot-button', function(e) {
2993		- if (e.type === 'keydown') {
2994		- if (e.key !== 'Enter' && e.key !== ' ' && e.key !== 'Spacebar') return;
2995		- e.preventDefault();
2996		- }
	2465	+ $(document).on('click', '.floating-chatbot-button', function() {
2997	2466	var botId = getBotIdFromElement(this);
2998	2467	var $chatbot = getElement(botId, 'floating-chatbot');
2999	2468	var $badge = getElement(botId, 'chat-notification-badge');
3000	2469	var $preChat = getElement(botId, 'pre-chat-message');
		@@ -2999,83 +2468,35 @@
2999	2468	var $badge = getElement(botId, 'chat-notification-badge');
3000	2469	var $preChat = getElement(botId, 'pre-chat-message');
3001	2470
3002	2471	if ($chatbot.hasClass('hidden')) {
3003		- $chatbot.removeClass('hidden').addClass('visible')
3004		- .attr('aria-modal', 'true').attr('role', 'dialog');
3005		- $(this).addClass('hidden').attr('aria-expanded', 'true');
	2472	+ $chatbot.removeClass('hidden').addClass('visible');
	2473	+ $(this).addClass('hidden');
3006	2474	$badge.hide(); // Hide notification when opening chat
3007	2475	disableScroll();
3008	2476	$preChat.fadeOut(250);
3009		-
3010		- // Load chat history for returning visitors (persistence)
3011		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3012		- if (chatPersistenceEnabled) {
3013		- MxChatInstances.ensureSession(botId);
3014		- }
3015		-
3016		- // Deferred email check — only on first widget open
3017		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3018		- var instance = MxChatInstances.get(botId);
3019		- if (emailBlocker && !instance.emailCheckDone) {
3020		- instance.emailCheckDone = true;
3021		- resolveEmailState(botId);
3022		- } else if (!emailBlocker) {
3023		- // No email collection — still route through showChatContainerForBot
3024		- // so the loader is shown while chat history loads
3025		- showChatContainerForBot(botId);
3026		- }
3027		-
3028		- // Move keyboard focus into the message input after the open transition.
3029		- setTimeout(function() {
3030		- var chatInput = getElementDOM(botId, 'chat-input');
3031		- if (chatInput && !chatInput.disabled) {
3032		- try { chatInput.focus({ preventScroll: true }); } catch (err) { chatInput.focus(); }
3033		- }
3034		- }, 300);
3035	2477	} else {
3036		- $chatbot.removeClass('visible').addClass('hidden').removeAttr('aria-modal');
3037		- $(this).removeClass('hidden').attr('aria-expanded', 'false');
	2478	+ $chatbot.removeClass('visible').addClass('hidden');
	2479	+ $(this).removeClass('hidden');
3038	2480	enableScroll();
3039	2481	checkPreChatDismissal(botId);
3040	2482	}
3041	2483	});
3042	2484
3043		- // Allow clicking anywhere on the title bar to close the chatbot.
3044		- // Returns keyboard focus to the launcher so keyboard users don't get
3045		- // stranded at <body> (WCAG SC 2.4.3 Focus Order). :focus-visible is
3046		- // heuristic-based so mouse-triggered close won't show a focus ring.
	2485	+ // Allow clicking anywhere on the title bar to close the chatbot
3047	2486	$(document).on('click', '.chatbot-top-bar', function() {
3048	2487	var botId = getBotIdFromElement(this);
3049		- getElement(botId, 'floating-chatbot').addClass('hidden').removeClass('visible').removeAttr('aria-modal');
3050		- var $launcher = getElement(botId, 'floating-chatbot-button');
3051		- $launcher.removeClass('hidden').attr('aria-expanded', 'false');
	2488	+ getElement(botId, 'floating-chatbot').addClass('hidden').removeClass('visible');
	2489	+ getElement(botId, 'floating-chatbot-button').removeClass('hidden');
3052	2490	enableScroll();
3053		- try { $launcher.trigger('focus'); } catch (err) { /* no-op */ }
3054	2491	});
3055	2492
3056		- // Global Escape-key handler — closes any visible chat widget and
3057		- // returns focus to its launcher. Standard modal-dismissal pattern;
3058		- // pairs with aria-modal="true" set on the widget when it opens.
3059		- $(document).on('keydown', function(e) {
3060		- if (e.key !== 'Escape' && e.key !== 'Esc') return;
3061		- var $visible = $('.floating-chatbot.visible');
3062		- if (!$visible.length) return;
3063		- e.preventDefault();
3064		- $visible.each(function() {
3065		- var botId = getBotIdFromElement(this);
3066		- $(this).addClass('hidden').removeClass('visible').removeAttr('aria-modal');
3067		- var $launcher = getElement(botId, 'floating-chatbot-button');
3068		- $launcher.removeClass('hidden').attr('aria-expanded', 'false');
3069		- try { $launcher.trigger('focus'); } catch (err) { /* no-op */ }
3070		- });
3071		- enableScroll();
3072		- });
3073		-
3074	2493	$(document).on('click', '.close-pre-chat-message', function(e) {
3075	2494	e.stopPropagation(); // Prevent triggering the parent .pre-chat-message click
3076	2495	var botId = getBotIdFromElement(this);
3077		- handlePreChatDismissal(botId);
	2496	+ getElement(botId, 'pre-chat-message').fadeOut(200, function() {
	2497	+ $(this).remove();
	2498	+ });
3078	2499	});
3079	2500
3080	2501
3081	2502	// PDF upload button handlers - use class selector
		@@ -3116,10 +2537,8 @@
3116	2537	const sendBtn = document.getElementById('send-button');
3117	2538	const originalBtnContent = uploadBtn.innerHTML;
3118	2539
3119	2540	try {
3120		- // Wait for page-cache nonce refresh before reading mxchatChat.nonce. See plan-c5457f.
3121		- await new Promise(function(resolve) { refreshNonceIfNeeded(resolve); });
3122	2541	const formData = new FormData();
3123	2542	formData.append('action', 'mxchat_upload_pdf');
3124	2543	formData.append('pdf_file', file);
3125	2544	formData.append('session_id', sessionId);
		@@ -3183,10 +2602,8 @@
3183	2602	const sendBtn = document.getElementById('send-button');
3184	2603	const originalBtnContent = uploadBtn.innerHTML;
3185	2604
3186	2605	try {
3187		- // Wait for page-cache nonce refresh before reading mxchatChat.nonce. See plan-c5457f.
3188		- await new Promise(function(resolve) { refreshNonceIfNeeded(resolve); });
3189	2606	const formData = new FormData();
3190	2607	formData.append('action', 'mxchat_upload_word');
3191	2608	formData.append('word_file', file);
3192	2609	formData.append('session_id', sessionId);
		@@ -3280,59 +2697,8 @@
3280	2697	});
3281	2698
3282	2699
3283	2700	// ====================================
3284		-// INIT LOADER & CHAT CONTAINER HELPERS
3285		-// ====================================
3286		-// These must be outside the email collection block so they're always available
3287		-// (used by persistence loading even when email collection is off)
3288		-
3289		-function showInitLoader(botId) {
3290		- var loader = getElementDOM(botId, 'mxchat-init-loader');
3291		- if (loader) loader.style.display = 'flex';
3292		-}
3293		-
3294		-function hideInitLoader(botId) {
3295		- var loader = getElementDOM(botId, 'mxchat-init-loader');
3296		- if (loader) loader.style.display = 'none';
3297		-}
3298		-
3299		-function showEmailFormForBot(botId) {
3300		- hideInitLoader(botId);
3301		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3302		- var chatContainer = getElementDOM(botId, 'chat-container');
3303		- if (emailBlocker) emailBlocker.style.display = 'flex';
3304		- if (chatContainer) chatContainer.style.display = 'none';
3305		-}
3306		-
3307		-function showChatContainerForBot(botId) {
3308		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3309		- var chatContainer = getElementDOM(botId, 'chat-container');
3310		- if (emailBlocker) emailBlocker.style.display = 'none';
3311		-
3312		- var instance = MxChatInstances.get(botId);
3313		- var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
3314		-
3315		- // If persistence is on and history hasn't loaded yet, show loader
3316		- // while history loads to prevent flash of empty chat
3317		- if (chatPersistenceEnabled && !instance.chatHistoryLoaded) {
3318		- if (chatContainer) chatContainer.style.display = 'none';
3319		- showInitLoader(botId);
3320		- loadChatHistory(botId, function() {
3321		- hideInitLoader(botId);
3322		- if (chatContainer) chatContainer.style.display = 'flex';
3323		- scrollToBottom(botId, true);
3324		- });
3325		- } else {
3326		- hideInitLoader(botId);
3327		- if (chatContainer) chatContainer.style.display = 'flex';
3328		- if (typeof loadChatHistory === 'function') {
3329		- loadChatHistory(botId);
3330		- }
3331		- }
3332		-}
3333		-
3334		-// ====================================
3335	2701	// EMAIL COLLECTION SETUP - MULTI-INSTANCE VERSION
3336	2702	// ====================================
3337	2703	// Only run email collection setup if it's enabled
3338	2704	if (mxchatChat && mxchatChat.email_collection_enabled === 'on') {
		@@ -3368,8 +2734,28 @@
3368	2734	`;
3369	2735	document.head.appendChild(style);
3370	2736	}
3371	2737
	2738	+ // Helper functions for email collection (multi-instance aware)
	2739	+ function showEmailFormForBot(botId) {
	2740	+ var emailBlocker = getElementDOM(botId, 'email-blocker');
	2741	+ var chatContainer = getElementDOM(botId, 'chat-container');
	2742	+ if (emailBlocker) emailBlocker.style.display = 'flex';
	2743	+ if (chatContainer) chatContainer.style.display = 'none';
	2744	+ }
	2745	+
	2746	+ function showChatContainerForBot(botId) {
	2747	+ var emailBlocker = getElementDOM(botId, 'email-blocker');
	2748	+ var chatContainer = getElementDOM(botId, 'chat-container');
	2749	+ if (emailBlocker) emailBlocker.style.display = 'none';
	2750	+ if (chatContainer) chatContainer.style.display = 'flex';
	2751	+
	2752	+ // Load chat history for this bot
	2753	+ if (typeof loadChatHistory === 'function') {
	2754	+ loadChatHistory(botId);
	2755	+ }
	2756	+ }
	2757	+
3372	2758	function isValidEmailAddress(email) {
3373	2759	const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3374	2760	return emailRegex.test(email.trim()) && email.length <= 254;
3375	2761	}
		@@ -3491,31 +2877,11 @@
3491	2877	existingErrors.forEach(error => error.remove());
3492	2878	}
3493	2879	}
3494	2880
3495		- // Resolve email state using server-side data when available, AJAX fallback otherwise
3496		- function resolveEmailState(botId) {
3497		- if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
3498		- if (mxchatChat.initial_email_state.show_email_form) {
3499		- showEmailFormForBot(botId);
3500		- } else {
3501		- showChatContainerForBot(botId);
3502		- }
3503		- } else {
3504		- checkSessionAndEmailForBot(botId);
3505		- }
3506		- }
3507		-
3508	2881	function checkSessionAndEmailForBot(botId) {
3509		- const sessionId = MxChatInstances.ensureSession(botId);
	2882	+ const sessionId = getChatSession(botId);
3510	2883
3511		- // Hide both panels while we check — show loader instead
3512		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3513		- var chatContainer = getElementDOM(botId, 'chat-container');
3514		- if (emailBlocker) emailBlocker.style.display = 'none';
3515		- if (chatContainer) chatContainer.style.display = 'none';
3516		- showInitLoader(botId);
3517		-
3518	2884	fetch(mxchatChat.ajax_url, {
3519	2885	method: 'POST',
3520	2886	headers: {
3521	2887	'Content-Type': 'application/x-www-form-urlencoded',
		@@ -3563,9 +2929,9 @@
3563	2929	var emailInput = getElementDOM(botId, 'user-email');
3564	2930	var nameInput = getElementDOM(botId, 'user-name');
3565	2931	var userEmail = emailInput ? emailInput.value.trim() : '';
3566	2932	var userName = nameInput ? nameInput.value.trim() : '';
3567		- var sessionId = MxChatInstances.ensureSession(botId);
	2933	+ var sessionId = getChatSession(botId);
3568	2934
3569	2935	// Validate email
3570	2936	if (!userEmail) {
3571	2937	showEmailError(botId, 'Please enter your email address.');
		@@ -3688,27 +3054,25 @@
3688	3054	}
3689	3055	});
3690	3056
3691	3057	// Initialize email check for all bot instances
3692		- // For floating bots: defer until widget is opened (zero passive AJAX)
3693		- // For embedded bots: check immediately since the form is visible
3694	3058	$('.mxchat-chatbot-wrapper').each(function() {
3695	3059	var botId = $(this).data('bot-id') || 'default';
3696	3060	var emailBlocker = getElementDOM(botId, 'email-blocker');
3697	3061
	3062	+ // Only check if email blocker exists for this bot
3698	3063	if (emailBlocker) {
3699		- if (isEmbeddedBot(botId)) {
3700		- // Embedded bots are always visible — check now
3701		- resolveEmailState(botId);
	3064	+ if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
	3065	+ if (mxchatChat.initial_email_state.show_email_form) {
	3066	+ showEmailFormForBot(botId);
	3067	+ } else {
	3068	+ showChatContainerForBot(botId);
	3069	+ }
	3070	+ } else {
	3071	+ setTimeout(function() {
	3072	+ checkSessionAndEmailForBot(botId);
	3073	+ }, 100);
3702	3074	}
3703		- // Floating bots: handled in the widget open handler
3704		- } else if (isEmbeddedBot(botId)) {
3705		- // Embedded bot, no email collection — load history with loader
3706		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3707		- if (chatPersistenceEnabled) {
3708		- MxChatInstances.ensureSession(botId);
3709		- showChatContainerForBot(botId);
3710		- }
3711	3075	}
3712	3076	});
3713	3077	}
3714	3078
		@@ -3718,32 +3082,39 @@
3718	3082	var $chatbot = getElement(botId, 'floating-chatbot');
3719	3083	if ($chatbot.hasClass('hidden')) {
3720	3084	$chatbot.removeClass('hidden').addClass('visible');
3721	3085	getElement(botId, 'floating-chatbot-button').addClass('hidden');
3722		- handlePreChatDismissal(botId);
	3086	+ $(this).fadeOut(250); // Hide pre-chat message
3723	3087	disableScroll(); // Disable scroll when chatbot opens
	3088	+ }
	3089	+ });
3724	3090
3725		- // Load chat history for returning visitors (persistence)
3726		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3727		- if (chatPersistenceEnabled) {
3728		- MxChatInstances.ensureSession(botId);
3729		- }
	3091	+ // Dismiss pre-chat message via close button - handled by event delegation above at line ~2376
	3092	+ // This is a fallback for legacy support
	3093	+ $(document).on('click', '.close-pre-chat-message', function() {
	3094	+ var botId = getBotIdFromElement(this);
	3095	+ var $preChat = getElement(botId, 'pre-chat-message');
	3096	+ $preChat.fadeOut(200); // Hide the message
3730	3097
3731		- // Deferred email check — only on first widget open
3732		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3733		- var instance = MxChatInstances.get(botId);
3734		- if (emailBlocker && !instance.emailCheckDone) {
3735		- instance.emailCheckDone = true;
3736		- resolveEmailState(botId);
3737		- } else if (!emailBlocker) {
3738		- showChatContainerForBot(botId);
	3098	+ // Send an AJAX request to set the transient flag for 24 hours
	3099	+ $.ajax({
	3100	+ url: mxchatChat.ajax_url,
	3101	+ type: 'POST',
	3102	+ data: {
	3103	+ action: 'mxchat_dismiss_pre_chat_message',
	3104	+ _ajax_nonce: mxchatChat.nonce
	3105	+ },
	3106	+ success: function() {
	3107	+ // Ensure the message is hidden after dismissal
	3108	+ $preChat.hide();
	3109	+ },
	3110	+ error: function() {
	3111	+ // Error dismissing pre-chat message - silently continue
3739	3112	}
3740		- }
	3113	+ });
3741	3114	});
3742	3115
3743		- // Legacy duplicate close handler removed — handled by single event delegation above
3744	3116
3745		-
3746	3117	function hasQuickQuestions(botId) {
3747	3118	botId = botId || 'default';
3748	3119	var questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3749	3120	if (!questionsContainer) return false;
		@@ -3879,11 +3250,18 @@
3879	3250	});
3880	3251
3881	3252	// Initialize when document is ready
3882	3253	setFullHeight();
	3254	+ trackOriginatingPage();
3883	3255
3884		- // Note: trackOriginatingPage() and loadChatHistory() are now deferred
3885		- // until the user's first interaction via MxChatInstances.ensureSession()
	3256	+ // Only load chat history if email collection is disabled
	3257	+ if (mxchatChat.email_collection_enabled !== 'on') {
	3258	+ // Load history for all instances
	3259	+ $('.mxchat-chatbot-wrapper').each(function() {
	3260	+ var botId = $(this).data('bot-id') || 'default';
	3261	+ loadChatHistory(botId);
	3262	+ });
	3263	+ }
3886	3264
3887	3265	// Initialize chat visibility for all instances
3888	3266	$('.mxchat-chatbot-wrapper').each(function() {
3889	3267	var botId = $(this).data('bot-id') || 'default';
		@@ -3936,265 +3314,6 @@
3936	3314	}, 2000);
3937	3315	});
3938	3316	}
3939	3317	}
3940		-});
3941		-
3942		-// ============================================================================
3943		-// SATISFACTION RATING (v3.2.6)
3944		-// ============================================================================
3945		-// Per-session 👍/👎 prompt that appears in the chat-box after 60s of user
3946		-// inactivity following a bot reply. One prompt per session, deduped via
3947		-// localStorage. Disabled site-wide when mxchatChat.satisfaction_rating_enabled
3948		-// is exactly false (default ON).
3949		-jQuery(function($) {
3950		- if (typeof mxchatChat === 'undefined') return;
3951		- if (mxchatChat.satisfaction_rating_enabled === false || mxchatChat.satisfaction_rating_enabled === 'off') return;
3952		-
3953		- // wp_localize_script stringifies ints, so accept both number and numeric string.
3954		- var idleRaw = mxchatChat.satisfaction_rating_idle_seconds;
3955		- var idleSeconds = (typeof idleRaw === 'number') ? idleRaw : parseInt(idleRaw, 10);
3956		- if (!isFinite(idleSeconds)) idleSeconds = 60;
3957		- if (idleSeconds < 5) idleSeconds = 5;
3958		- if (idleSeconds > 600) idleSeconds = 600;
3959		- var IDLE_MS = idleSeconds * 1000;
3960		- var MIN_BOT_REPLIES = 2;
3961		- var ratingState = {};
3962		-
3963		- function getState(botId) {
3964		- if (!ratingState[botId]) {
3965		- ratingState[botId] = { idleTimer: null, botReplies: 0, promptShown: false, dismissed: false };
3966		- }
3967		- return ratingState[botId];
3968		- }
3969		-
3970		- function getSessionId(botId) {
3971		- if (typeof MxChatInstances !== 'undefined' && MxChatInstances.getChatSession) {
3972		- return MxChatInstances.getChatSession(botId);
3973		- }
3974		- return null;
3975		- }
3976		-
3977		- function isAlreadyRated(sessionId) {
3978		- if (!sessionId) return false;
3979		- try { return localStorage.getItem('mxchat_rated:' + sessionId) === '1'; } catch (e) { return false; }
3980		- }
3981		-
3982		- function markRated(sessionId) {
3983		- if (!sessionId) return;
3984		- try { localStorage.setItem('mxchat_rated:' + sessionId, '1'); } catch (e) {}
3985		- }
3986		-
3987		- function esc(s) {
3988		- return String(s == null ? '' : s)
3989		- .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
3990		- .replace(/"/g, '&quot;').replace(/'/g, '&#039;');
3991		- }
3992		-
3993		- // Mirror shouldSkipInlineColors so rating bubbles defer to AI-theme CSS.
3994		- function ratingSkipInlineColors(botId) {
3995		- if (mxchatChat.skip_inline_colors) return true;
3996		- var botAssignments = mxchatChat.bot_theme_assignments || {};
3997		- return botAssignments.hasOwnProperty(botId);
3998		- }
3999		-
4000		- function botBubbleStyleAttr(botId) {
4001		- if (ratingSkipInlineColors(botId)) return '';
4002		- var bg = mxchatChat.bot_message_bg_color;
4003		- var fg = mxchatChat.bot_message_font_color;
4004		- if (!bg && !fg) return '';
4005		- return ' style="background-color: ' + esc(bg || '') + '; color: ' + esc(fg || '') + ';"';
4006		- }
4007		-
4008		- function copy(key) {
4009		- var c = mxchatChat.satisfaction_rating_copy || {};
4010		- var d = {
4011		- question: 'Was this helpful?',
4012		- helpful: 'Helpful',
4013		- not_helpful: 'Not helpful',
4014		- dismiss: 'Dismiss',
4015		- thanks: 'Thanks! Anything we should improve? (optional)',
4016		- placeholder: 'Tell us what could be better…',
4017		- send: 'Send',
4018		- skip: 'Skip',
4019		- saved: 'Thanks for the feedback.'
4020		- };
4021		- return c[key] || d[key];
4022		- }
4023		-
4024		- function thumbUpSvg() {
4025		- return '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777Z"/><path d="M2.331 10.977a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z"/></svg>';
4026		- }
4027		- function thumbDownSvg() {
4028		- return '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M15.73 5.25h1.035A7.465 7.465 0 0 1 18 9.375a7.465 7.465 0 0 1-1.235 4.125h-.148c-.806 0-1.534.446-2.031 1.08a9.04 9.04 0 0 1-2.861 2.4c-.723.384-1.35.956-1.653 1.715a4.498 4.498 0 0 0-.322 1.672V21a.75.75 0 0 1-.75.75 2.25 2.25 0 0 1-2.25-2.25c0-1.152.26-2.243.723-3.218.266-.558-.107-1.282-.725-1.282H3.622c-1.026 0-1.945-.694-2.054-1.715A12.137 12.137 0 0 1 1.5 12c0-2.848.992-5.464 2.649-7.521C4.537 3.997 5.136 3.75 5.754 3.75h4.541c.483 0 .964.078 1.423.23l3.114 1.04c.46.152.94.23 1.423.23Z"/><path d="M21.669 13.023c.536-1.362.831-2.845.831-4.398 0-1.22-.182-2.398-.52-3.507-.26-.85-1.084-1.368-1.973-1.368H19.1c-.445 0-.72.498-.523.898.591 1.2.924 2.55.924 3.977a8.958 8.958 0 0 1-1.302 4.666c-.245.403.028.959.5.959h1.053c.832 0 1.612-.453 1.918-1.227Z"/></svg>';
4029		- }
4030		-
4031		- function buildPromptHtml(botId) {
4032		- var styleAttr = botBubbleStyleAttr(botId);
4033		- return ''
4034		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
4035		- + '<div class="mxchat-rating-prompt" data-bot-id="' + esc(botId) + '" role="group" aria-label="' + esc(copy('question')) + '">'
4036		- + '<div class="mxchat-rating-question">' + esc(copy('question')) + '</div>'
4037		- + '<div class="mxchat-rating-actions">'
4038		- + '<span class="mxchat-rating-buttons">'
4039		- + '<button type="button" class="mxchat-rating-btn" data-rating="1" aria-label="' + esc(copy('helpful')) + '">' + thumbUpSvg() + '</button>'
4040		- + '<button type="button" class="mxchat-rating-btn" data-rating="-1" aria-label="' + esc(copy('not_helpful')) + '">' + thumbDownSvg() + '</button>'
4041		- + '</span>'
4042		- + '<button type="button" class="mxchat-rating-dismiss" aria-label="' + esc(copy('dismiss')) + '">×</button>'
4043		- + '</div>'
4044		- + '</div>'
4045		- + '</div>';
4046		- }
4047		-
4048		- function buildFeedbackHtml(botId, rating) {
4049		- var styleAttr = botBubbleStyleAttr(botId);
4050		- return ''
4051		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
4052		- + '<div class="mxchat-rating-feedback" data-bot-id="' + esc(botId) + '" data-rating="' + esc(String(rating)) + '">'
4053		- + '<div class="mxchat-rating-feedback-label">' + esc(copy('thanks')) + '</div>'
4054		- + '<textarea class="mxchat-rating-feedback-input" maxlength="500" placeholder="' + esc(copy('placeholder')) + '" rows="2"></textarea>'
4055		- + '<div class="mxchat-rating-feedback-actions">'
4056		- + '<button type="button" class="mxchat-rating-skip">' + esc(copy('skip')) + '</button>'
4057		- + '<button type="button" class="mxchat-rating-submit">' + esc(copy('send')) + '</button>'
4058		- + '</div>'
4059		- + '</div>'
4060		- + '</div>';
4061		- }
4062		-
4063		- function buildSavedHtml(botId) {
4064		- var styleAttr = botBubbleStyleAttr(botId);
4065		- return ''
4066		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
4067		- + '<div class="mxchat-rating-saved">' + esc(copy('saved')) + '</div>'
4068		- + '</div>';
4069		- }
4070		-
4071		- function getChatBoxByBotId(botId) {
4072		- var $byId = $('#chat-box-' + botId);
4073		- if ($byId.length) return $byId.first();
4074		- return $('.chat-box').first();
4075		- }
4076		-
4077		- function scrollChatBoxToBottom($chatBox) {
4078		- if (!$chatBox || !$chatBox.length) return;
4079		- $chatBox.scrollTop($chatBox[0].scrollHeight);
4080		- }
4081		-
4082		- function showPrompt(botId) {
4083		- var s = getState(botId);
4084		- if (s.promptShown || s.dismissed) return;
4085		- var sessionId = getSessionId(botId);
4086		- if (!sessionId) return;
4087		- if (isAlreadyRated(sessionId)) { s.promptShown = true; return; }
4088		- var $chatBox = getChatBoxByBotId(botId);
4089		- if (!$chatBox.length) return;
4090		- if ($chatBox.find('.mxchat-rating-prompt').length) { s.promptShown = true; return; }
4091		- $chatBox.append(buildPromptHtml(botId));
4092		- s.promptShown = true;
4093		- scrollChatBoxToBottom($chatBox);
4094		- }
4095		-
4096		- function submitRating(botId, rating, feedback) {
4097		- var sessionId = getSessionId(botId);
4098		- if (!sessionId) return;
4099		- $.post(mxchatChat.ajax_url, {
4100		- action: 'mxchat_save_rating',
4101		- session_id: sessionId,
4102		- bot_id: botId,
4103		- rating: rating,
4104		- feedback: feedback || ''
4105		- });
4106		- markRated(sessionId);
4107		- }
4108		-
4109		- function onBotReply(botId) {
4110		- var s = getState(botId);
4111		- s.botReplies += 1;
4112		- if (s.promptShown || s.dismissed) return;
4113		- var sessionId = getSessionId(botId);
4114		- if (sessionId && isAlreadyRated(sessionId)) { s.promptShown = true; return; }
4115		- if (s.botReplies < MIN_BOT_REPLIES) return;
4116		- if (s.idleTimer) clearTimeout(s.idleTimer);
4117		- s.idleTimer = setTimeout(function() { showPrompt(botId); }, IDLE_MS);
4118		- }
4119		-
4120		- function onUserMessage(botId) {
4121		- var s = getState(botId);
4122		- if (s.idleTimer) { clearTimeout(s.idleTimer); s.idleTimer = null; }
4123		- }
4124		-
4125		- function botIdFromChatBox(el) {
4126		- var id = el && el.id ? el.id : '';
4127		- return id.indexOf('chat-box-') === 0 ? id.substring('chat-box-'.length) : 'default';
4128		- }
4129		-
4130		- function setupObserver(chatBox) {
4131		- var botId = botIdFromChatBox(chatBox);
4132		- try {
4133		- var observer = new MutationObserver(function(mutations) {
4134		- mutations.forEach(function(m) {
4135		- for (var i = 0; i < m.addedNodes.length; i++) {
4136		- var node = m.addedNodes[i];
4137		- if (!node || node.nodeType !== 1) continue;
4138		- var $n = $(node);
4139		- if ($n.hasClass('mxchat-rating-bot-bubble') || $n.hasClass('mxchat-rating-prompt') || $n.hasClass('mxchat-rating-feedback') || $n.hasClass('mxchat-rating-saved')) continue;
4140		- if ($n.hasClass('bot-message')) onBotReply(botId); // count at insert time — streaming providers append with .temporary-message first, then remove later (childList observer can't see attr changes)
4141		- else if ($n.hasClass('user-message')) onUserMessage(botId);
4142		- }
4143		- });
4144		- });
4145		- observer.observe(chatBox, { childList: true });
4146		- } catch (e) { /* noop */ }
4147		- }
4148		-
4149		- $('.chat-box').each(function() { setupObserver(this); });
4150		-
4151		- $(document).on('click', '.mxchat-rating-btn', function(e) {
4152		- e.preventDefault();
4153		- var $btn = $(this);
4154		- var $prompt = $btn.closest('.mxchat-rating-prompt');
4155		- var $wrap = $btn.closest('.mxchat-rating-bot-bubble');
4156		- var botId = $prompt.data('bot-id') || 'default';
4157		- var rating = parseInt($btn.attr('data-rating'), 10);
4158		- if (rating !== 1 && rating !== -1) return;
4159		- submitRating(botId, rating, '');
4160		- ($wrap.length ? $wrap : $prompt).replaceWith(buildFeedbackHtml(botId, rating));
4161		- scrollChatBoxToBottom(getChatBoxByBotId(botId));
4162		- });
4163		-
4164		- $(document).on('click', '.mxchat-rating-dismiss', function(e) {
4165		- e.preventDefault();
4166		- var $prompt = $(this).closest('.mxchat-rating-prompt');
4167		- var $wrap = $(this).closest('.mxchat-rating-bot-bubble');
4168		- var botId = $prompt.data('bot-id') || 'default';
4169		- var s = getState(botId);
4170		- s.dismissed = true;
4171		- markRated(getSessionId(botId));
4172		- ($wrap.length ? $wrap : $prompt).remove();
4173		- });
4174		-
4175		- function closeFeedback($fb) {
4176		- var botId = $fb.data('bot-id') || 'default';
4177		- var $wrap = $fb.closest('.mxchat-rating-bot-bubble');
4178		- ($wrap.length ? $wrap : $fb).replaceWith(buildSavedHtml(botId));
4179		- scrollChatBoxToBottom(getChatBoxByBotId(botId));
4180		- }
4181		-
4182		- $(document).on('click', '.mxchat-rating-skip', function(e) {
4183		- e.preventDefault();
4184		- closeFeedback($(this).closest('.mxchat-rating-feedback'));
4185		- });
4186		-
4187		- $(document).on('click', '.mxchat-rating-submit', function(e) {
4188		- e.preventDefault();
4189		- var $fb = $(this).closest('.mxchat-rating-feedback');
4190		- var botId = $fb.data('bot-id') || 'default';
4191		- var rating = parseInt($fb.attr('data-rating'), 10);
4192		- if (rating !== 1 && rating !== -1) { closeFeedback($fb); return; }
4193		- var text = String($fb.find('.mxchat-rating-feedback-input').val() || '').trim();
4194		- if (text !== '') {
4195		- submitRating(botId, rating, text);
4196		- }
4197		- closeFeedback($fb);
4198		- });
4199	3318	});
4200	3319