← All changes | js/mxchat-admin.js +121 -871 3.2.2 → 2.5.6 View file →

		@@ -82,31 +82,8 @@
82	82	}
83	83	}
84	84	}
85	85
86		-// Theme Migration Notice Dismissal Function
87		-function dismissThemeMigrationNotice() {
88		- if (typeof jQuery !== 'undefined' && typeof mxchatThemeMigration !== 'undefined') {
89		- jQuery.post(mxchatThemeMigration.ajaxurl, {
90		- action: 'dismiss_theme_migration_notice',
91		- nonce: mxchatThemeMigration.nonce
92		- }, function(response) {
93		- if (response.success) {
94		- jQuery('#mxchat-theme-migration-notice').fadeOut(300);
95		- }
96		- }).fail(function() {
97		- // Fallback: just hide the notice if AJAX fails
98		- jQuery('#mxchat-theme-migration-notice').fadeOut(300);
99		- });
100		- } else {
101		- // Fallback for cases where jQuery or localized data isn't available
102		- var notice = document.getElementById('mxchat-theme-migration-notice');
103		- if (notice) {
104		- notice.style.display = 'none';
105		- }
106		- }
107		-}
108		-
109	86	// Updated mxchatOpenActionModal function to integrate with the new selector
110	87	function mxchatOpenActionModal(isEdit = false, actionId = '', label = '', phrases = '', threshold = 85, callbackFunction = '') {
111	88	const modal = document.getElementById('mxchat-action-modal');
112	89	if (!modal) return;
		@@ -408,101 +385,15 @@
408	385
409	386	// Handle real-time range slider value updates
410	387	$autosaveSections.find('input[type="range"]').on('input', function() {
411	388	const value = $(this).val();
412		- const $slider = $(this);
413		- const sliderId = $slider.attr('id');
414		- // Find the corresponding value display span (convention: id_value)
415		- const $valueSpan = $('#' + sliderId + '_value');
416		- if ($valueSpan.length) {
417		- $valueSpan.text(value);
418		- } else {
419		- // Fallback for similarity_threshold which uses threshold_value
420		- $('#threshold_value').text(value);
421		- }
	389	+ $('#threshold_value').text(value);
422	390	});
423	391
424	392	// Handle all input changes (including range slider)
425		- // Store pending AJAX requests and debounce timers per field to prevent freezing
426		- const pendingRequests = {};
427		- const fieldDebounceTimers = {};
428		-
429		- // Helper function to save rate limit fields with request tracking
430		- function triggerFieldSave($field, name, pendingRequests) {
431		- const value = $field.val();
432		-
433		- // Remove any existing feedback containers for this field
434		- $field.siblings('.feedback-container').remove();
435		- $field.parent().find('.feedback-container').remove();
436		-
437		- // Create feedback container
438		- const feedbackContainer = $('<div class="feedback-container"></div>');
439		- const spinner = $('<div class="saving-spinner"></div>');
440		- const successIcon = $('<div class="success-icon">✔</div>');
441		- $field.after(feedbackContainer);
442		- feedbackContainer.append(spinner);
443		-
444		- // Rate limits use the main settings action
445		- const ajaxAction = 'mxchat_save_setting';
446		- const nonce = mxchatAdmin.setting_nonce;
447		-
448		- // Store the AJAX request so it can be aborted if needed
449		- pendingRequests[name] = $.ajax({
450		- url: mxchatAdmin.ajax_url,
451		- type: 'POST',
452		- data: {
453		- action: ajaxAction,
454		- name: name,
455		- value: value,
456		- _ajax_nonce: nonce
457		- },
458		- success: function(response) {
459		- delete pendingRequests[name];
460		- if (response.success) {
461		- spinner.fadeOut(200, function() {
462		- feedbackContainer.append(successIcon);
463		- successIcon.fadeIn(200).delay(800).fadeOut(200, function() {
464		- feedbackContainer.remove();
465		- });
466		- });
467		- } else {
468		- feedbackContainer.remove();
469		- }
470		- },
471		- error: function(xhr, textStatus, error) {
472		- delete pendingRequests[name];
473		- // Don't show error for aborted requests
474		- if (textStatus !== 'abort') {
475		- feedbackContainer.remove();
476		- }
477		- }
478		- });
479		- }
480		-
481		- $autosaveSections.find('input, textarea, select').not('#model, #openrouter_selected_model').on('change', function() {
	393	+ $autosaveSections.find('input, textarea, select').not('#model, #openrouter_selected_model').on('change', function() {
482	394	const $field = $(this);
483	395	const name = $field.attr('name');
484		-
485		- // Debounce rate limit fields to prevent UI freezing from rapid changes
486		- if (name && name.indexOf('rate_limits') !== -1) {
487		- // Clear any pending timer for this field
488		- if (fieldDebounceTimers[name]) {
489		- clearTimeout(fieldDebounceTimers[name]);
490		- }
491		- // Abort any pending AJAX request for this field
492		- if (pendingRequests[name]) {
493		- pendingRequests[name].abort();
494		- // Remove any existing feedback containers for this field
495		- $field.siblings('.feedback-container').remove();
496		- $field.parent().find('.feedback-container').remove();
497		- }
498		- // Debounce the save operation
499		- const fieldRef = $field;
500		- fieldDebounceTimers[name] = setTimeout(function() {
501		- triggerFieldSave(fieldRef, name, pendingRequests);
502		- }, 300);
503		- return;
504		- }
505	396
506	397	// Skip saving for API key fields that haven't been interacted with and are empty
507	398	const isApiKeyField = name && (
508	399	name === 'loops_api_key' ||
		@@ -544,26 +435,11 @@
544	435	const successIcon = $('<div class="success-icon">✔</div>');
545	436
546	437	// Position feedback container based on input type
547	438	if ($field.closest('.toggle-switch').length) {
548		- // Try td first (old layout), then mxc-field-control (new card layout), then fallback to after toggle
549		- var $container = $field.closest('td');
550		- if (!$container.length) {
551		- $container = $field.closest('.mxc-field-control');
552		- }
553		- if ($container.length) {
554		- $container.append(feedbackContainer);
555		- } else {
556		- $field.closest('.toggle-switch').after(feedbackContainer);
557		- }
	439	+ $field.closest('td').append(feedbackContainer);
558	440	} else if ($field.closest('.mxchat-toggle-switch').length) {
559		- // Try mxchat-toggle-container first, then parent div, then fallback to after toggle
560		- var $toggleContainer = $field.closest('.mxchat-toggle-container');
561		- if ($toggleContainer.length) {
562		- $toggleContainer.append(feedbackContainer);
563		- } else {
564		- $field.closest('.mxchat-toggle-switch').after(feedbackContainer);
565		- }
	441	+ $field.closest('.mxchat-toggle-container').append(feedbackContainer);
566	442	} else if ($field.closest('.slider-container').length) {
567	443	$field.closest('.slider-container').after(feedbackContainer);
568	444	} else {
569	445	$field.after(feedbackContainer);
		@@ -571,17 +447,14 @@
571	447	feedbackContainer.append(spinner);
572	448
573	449	// Determine which AJAX action and nonce to use:
574	450	var ajaxAction, nonce;
575		- // *** UPDATED: Add Pinecone fields, chunking fields, ACF fields, and custom meta to prompts action ***
	451	+ // *** UPDATED: Add Pinecone fields to prompts action ***
576	452	if (name.indexOf('mxchat_prompts_options') !== -1 ||
577		- name === 'mxchat_auto_sync_posts' ||
	453	+ name === 'mxchat_auto_sync_posts' ||
578	454	name === 'mxchat_auto_sync_pages' ||
579	455	name.indexOf('mxchat_auto_sync_') === 0 ||
580		- name.indexOf('mxchat_pinecone_addon_options') !== -1 ||
581		- name.indexOf('mxchat_chunk') === 0 ||
582		- name.indexOf('mxchat_acf_field_') === 0 ||
583		- name === 'mxchat_custom_meta_whitelist') { // Chunking, ACF field settings, and custom meta
	456	+ name.indexOf('mxchat_pinecone_addon_options') !== -1) { // *** ADD THIS LINE ***
584	457	ajaxAction = 'mxchat_save_prompts_setting';
585	458	nonce = mxchatPromptsAdmin.prompts_setting_nonce;
586	459	} else {
587	460	// Otherwise, use the existing AJAX action.
		@@ -797,127 +670,71 @@
797	670	}, 500)
798	671	});
799	672	});
800	673
	674	+ // Reinitialize color pickers when switching tabs
	675	+ $('.mxchat-tab-button').on('click.mxchat', function() {
	676	+ setTimeout(function() {
	677	+ $('.my-color-field:visible').wpColorPicker('close');
	678	+ }, 100);
	679	+ });
801	680	}
802	681
803		-// ========================================
804		-// POST TYPE VISIBILITY SETTINGS
805		-// ========================================
806		-(function() {
807		- const $appendToBody = $('#append_to_body');
808		- const $visibilityOptions = $('#post-type-visibility-options');
809		- const $modeRadios = $('input[name="post_type_visibility_mode"]');
810		- const $postTypeList = $('#post-type-list');
811		- const $postTypeCheckboxes = $('input[name="post_type_visibility_list[]"]');
812		-
813		- // Toggle visibility options based on auto-display toggle
814		- $appendToBody.on('change', function() {
815		- if ($(this).is(':checked')) {
816		- $visibilityOptions.slideDown(200);
817		- } else {
818		- $visibilityOptions.slideUp(200);
	682	+// Initialize tabs system
	683	+function initTabs() {
	684	+ // Remove any existing handlers first
	685	+ $('.mxchat-tab-button').off('click.mxchat');
	686	+
	687	+ // Add new click handlers
	688	+ $('.mxchat-tab-button').on('click.mxchat', function(e) {
	689	+ e.preventDefault();
	690	+ e.stopPropagation();
	691	+
	692	+ var $this = $(this);
	693	+
	694	+ // Get tab ID from data-tab attribute
	695	+ var tabId = $this.data('tab') || 'chatbot';
	696	+
	697	+ // Safety check for empty tabId
	698	+ if (!tabId) {
	699	+ //console.warn('No tab identifier found');
	700	+ return;
819	701	}
820		- });
821		-
822		- // Toggle post type list based on mode selection
823		- $modeRadios.on('change', function() {
824		- const mode = $(this).val();
825		- if (mode === 'all') {
826		- $postTypeList.slideUp(200);
	702	+
	703	+ // Update tab buttons
	704	+ $('.mxchat-tab-button').removeClass('active');
	705	+ $this.addClass('active');
	706	+
	707	+ // Update content areas - with safety check
	708	+ $('.mxchat-tab-content').removeClass('active');
	709	+ var $targetTab = $('#' + tabId);
	710	+ if ($targetTab.length) {
	711	+ $targetTab.addClass('active');
	712	+ // Removed localStorage saving functionality
827	713	} else {
828		- $postTypeList.slideDown(200);
	714	+ //console.warn('Tab content #' + tabId + ' not found');
829	715	}
830		-
831		- // Save mode via AJAX
832		- savePostTypeVisibility('post_type_visibility_mode', mode);
833	716	});
	717	+}
834	718
835		- // Save post type list when checkboxes change
836		- $postTypeCheckboxes.on('change', function() {
837		- // Collect all checked post types
838		- const selectedPostTypes = [];
839		- $postTypeCheckboxes.filter(':checked').each(function() {
840		- selectedPostTypes.push($(this).val());
841		- });
	719	+// Initialize tabs and handle events
	720	+initTabs();
	721	+$(document).on('widget-added widget-updated postbox-toggled', initTabs);
842	722
843		- // Save as JSON array
844		- savePostTypeVisibility('post_type_visibility_list', JSON.stringify(selectedPostTypes));
845		- });
	723	+// Always activate the first tab (Chatbot)
	724	+$('.mxchat-tab-button').first().trigger('click.mxchat');
	725	+
846	726
847		- // Helper function to save post type visibility settings
848		- function savePostTypeVisibility(name, value) {
849		- if (typeof mxchatAdmin === 'undefined') return;
850		-
851		- // Find the container element for feedback
852		- const $container = name === 'post_type_visibility_mode'
853		- ? $('.mxchat-visibility-mode')
854		- : $postTypeList;
855		-
856		- // Remove any existing feedback
857		- $container.find('.mxchat-save-feedback').remove();
858		-
859		- // Create feedback element
860		- const $feedback = $('<span class="mxchat-save-feedback" style="margin-left: 10px; font-size: 12px;"></span>');
861		- $feedback.text('Saving...').css('color', '#666');
862		-
863		- if (name === 'post_type_visibility_mode') {
864		- $container.append($feedback);
865		- } else {
866		- $container.before($feedback);
867		- }
868		-
869		- $.ajax({
870		- url: mxchatAdmin.ajax_url,
871		- type: 'POST',
872		- data: {
873		- action: 'mxchat_save_setting',
874		- name: name,
875		- value: value,
876		- _ajax_nonce: mxchatAdmin.setting_nonce
877		- },
878		- success: function(response) {
879		- if (response.success) {
880		- $feedback.text('✓ Saved').css('color', '#46b450');
881		- setTimeout(function() {
882		- $feedback.fadeOut(300, function() {
883		- $(this).remove();
884		- });
885		- }, 1500);
886		- } else {
887		- $feedback.text('Error saving').css('color', '#dc3232');
888		- }
889		- },
890		- error: function() {
891		- $feedback.text('Error saving').css('color', '#dc3232');
892		- }
893		- });
894		- }
895		-})();
896		-
897	727	// Toggle visibility handlers
898	728	function toggleVisibility(selector) {
899	729	$(selector).on('click', function() {
900	730	var inputField = $(this).prev('input');
901		- // Check if this is a CSS-masked field (type="text" with mxchat-api-key-field class)
902		- if (inputField.hasClass('mxchat-api-key-field')) {
903		- // Use CSS class toggle for CSS-masked fields
904		- if (inputField.hasClass('mxchat-show-key')) {
905		- inputField.removeClass('mxchat-show-key');
906		- $(this).text('Show');
907		- } else {
908		- inputField.addClass('mxchat-show-key');
909		- $(this).text('Hide');
910		- }
	731	+ if (inputField.attr('type') === 'password') {
	732	+ inputField.attr('type', 'text');
	733	+ $(this).text('Hide');
911	734	} else {
912		- // Legacy type toggle for password fields
913		- if (inputField.attr('type') === 'password') {
914		- inputField.attr('type', 'text');
915		- $(this).text('Hide');
916		- } else {
917		- inputField.attr('type', 'password');
918		- $(this).text('Show');
919		- }
	735	+ inputField.attr('type', 'password');
	736	+ $(this).text('Show');
920	737	}
921	738	});
922	739	}
923	740
		@@ -1016,39 +833,35 @@
1016	833	openrouter: [
1017	834	{ value: 'openrouter', label: 'OpenRouter', description: 'Access 100+ models from multiple providers (add API key to browse)' }
1018	835	],
1019	836	gemini: [
1020		- { value: 'gemini-3-pro-preview', label: 'Gemini 3 Pro', description: 'Most intelligent model - multimodal understanding & agentic' },
1021		- { value: 'gemini-3-flash-preview', label: 'Gemini 3 Flash', description: 'Most balanced - speed, scale & frontier intelligence' },
1022		- { value: 'gemini-2.5-pro', label: 'Gemini 2.5 Pro', description: 'Advanced thinking - code, math, STEM & long context' },
1023		- { value: 'gemini-2.5-flash', label: 'Gemini 2.5 Flash', description: 'Best price-performance with thinking capabilities' },
1024		- { value: 'gemini-2.5-flash-lite', label: 'Gemini 2.5 Flash-Lite', description: 'Ultra fast - optimized for cost & high throughput' },
1025		- { value: 'gemini-2.0-flash', label: 'Gemini 2.0 Flash', description: 'Deprecated March 2026' },
1026		- { value: 'gemini-2.0-flash-lite', label: 'Gemini 2.0 Flash-Lite', description: 'Deprecated March 2026' },
1027		- { value: 'gemini-1.5-pro', label: 'Gemini 1.5 Pro', description: 'Deprecated September 2025' },
1028		- { value: 'gemini-1.5-flash', label: 'Gemini 1.5 Flash', description: 'Deprecated September 2025' },
	837	+ { value: 'gemini-2.0-flash', label: 'Gemini 2.0 Flash', description: 'Next-Gen features, speed & multimodal generation' },
	838	+ { value: 'gemini-2.0-flash-lite', label: 'Gemini 2.0 Flash-Lite', description: 'Cost-efficient with low latency' },
	839	+ { value: 'gemini-1.5-pro', label: 'Gemini 1.5 Pro', description: 'Complex reasoning tasks requiring more intelligence' },
	840	+ { value: 'gemini-1.5-flash', label: 'Gemini 1.5 Flash', description: 'Fast and versatile performance' },
1029	841	],
1030	842	openai: [
1031		- { value: 'gpt-5.4', label: 'GPT-5.4', description: 'Flagship reasoning and coding model' },
1032		- { value: 'gpt-5.4-mini', label: 'GPT-5.4 Mini', description: 'Fast and affordable with 400K context' },
1033		- { value: 'gpt-5.4-nano', label: 'GPT-5.4 Nano', description: 'Fastest and cheapest for lightweight tasks' },
1034		- { value: 'gpt-5.3-chat-latest', label: 'GPT-5.3 Chat', description: 'Optimized for natural conversations with reduced hallucinations' },
1035		- { value: 'gpt-5.2', label: 'GPT-5.2', description: 'Best general-purpose & agentic model with fast responses' },
1036		- { value: 'gpt-5.1-chat-latest', label: 'GPT-5.1 Chat Latest', description: 'Recommended for most use cases' },
1037	843	{ value: 'gpt-5.1-2025-11-13', label: 'GPT-5.1', description: 'Flagship for coding & agentic tasks with low reasoning (400K context)' },
1038	844	{ value: 'gpt-5', label: 'GPT-5', description: 'Flagship for coding, reasoning, and agentic tasks across domains' },
1039		- { value: 'gpt-5-mini', label: 'GPT-5 Mini', description: 'Fast and lightweight' },
	845	+ { value: 'gpt-5-mini', label: 'GPT-5 Mini', description: 'Faster, more cost-efficient for well-defined tasks and precise prompts' },
1040	846	{ value: 'gpt-5-nano', label: 'GPT-5 Nano', description: 'Fastest and cheapest; ideal for summarization and classification' },
	847	+ { value: 'gpt-4.1-2025-04-14', label: 'GPT-4.1', description: 'Flagship model for complex tasks' },
	848	+ { value: 'gpt-4o', label: 'GPT-4o', description: 'Recommended for most use cases' },
	849	+ { value: 'gpt-4o-mini', label: 'GPT-4o Mini', description: 'Fast and lightweight' },
	850	+ { value: 'gpt-4-turbo', label: 'GPT-4 Turbo', description: 'High-performance model' },
	851	+ { value: 'gpt-4', label: 'GPT-4', description: 'High intelligence model' },
	852	+ { value: 'gpt-3.5-turbo', label: 'GPT-3.5 Turbo', description: 'Affordable and fast' },
1041	853	],
1042	854	claude: [
1043		- { value: 'claude-opus-4-6', label: 'Claude Opus 4.6', description: 'Most capable Claude model - recommended' },
1044		- { value: 'claude-sonnet-4-6', label: 'Claude Sonnet 4.6', description: 'Latest Sonnet - excellent balance of speed and capability' },
1045		- { value: 'claude-opus-4-5', label: 'Claude Opus 4.5', description: 'Highly capable for complex tasks' },
1046	855	{ value: 'claude-sonnet-4-5-20250929', label: 'Claude Sonnet 4.5', description: 'Best for complex agents and coding' },
1047	856	{ value: 'claude-opus-4-1-20250805', label: 'Claude Opus 4.1', description: 'Exceptional for specialized complex tasks' },
1048	857	{ value: 'claude-haiku-4-5-20251001', label: 'Claude Haiku 4.5', description: 'Fastest and most intelligent Haiku' },
1049		- { value: 'claude-opus-4-20250514', label: 'Claude 4 Opus', description: 'Complex tasks' },
	858	+ { value: 'claude-opus-4-20250514', label: 'Claude 4 Opus', description: 'Most capable Claude model' },
1050	859	{ value: 'claude-sonnet-4-20250514', label: 'Claude 4 Sonnet', description: 'High performance' },
	860	+ { value: 'claude-3-7-sonnet-20250219', label: 'Claude 3.7 Sonnet', description: 'High intelligence' },
	861	+ { value: 'claude-3-opus-20240229', label: 'Claude 3 Opus', description: 'Highly complex tasks' },
	862	+ { value: 'claude-3-sonnet-20240229', label: 'Claude 3 Sonnet', description: 'Balanced performance' },
	863	+ { value: 'claude-3-haiku-20240307', label: 'Claude 3 Haiku', description: 'Fastest Claude model' },
1051	864	],
1052	865	xai: [
1053	866	{ value: 'grok-4-1-fast-reasoning', label: 'Grok 4.1 Fast (Reasoning)', description: '2M context window and reasoning' },
1054	867	{ value: 'grok-4-1-fast-non-reasoning', label: 'Grok 4.1 Fast (Non-Reasoning)', description: '2M context window and faster responses' },
		@@ -1712,11 +1525,11 @@
1712	1525	}
1713	1526	],
1714	1527	gemini: [
1715	1528	{
1716		- value: 'gemini-embedding-001',
1717		- label: 'Gemini Embedding',
1718		- description: 'Stable SOTA embeddings (1536 dimensions, 8K context)'
	1529	+ value: 'gemini-embedding-exp-03-07',
	1530	+ label: 'Gemini Embedding',
	1531	+ description: 'Experimental SOTA embeddings (1536 dimensions, 8K context)'
1719	1532	}
1720	1533	]
1721	1534	};
1722	1535
		@@ -1842,22 +1655,8 @@
1842	1655
1843	1656	// Inline Edit Functionality
1844	1657	$('.edit-button').on('click', function() {
1845	1658	var row = $(this).closest('tr');
1846		-
1847		- // Clear URL field if it's a manual content URL (mxchat:// protocol)
1848		- var urlEdit = row.find('.url-edit');
1849		- if (urlEdit.length && urlEdit.val().indexOf('mxchat://') === 0) {
1850		- urlEdit.val('');
1851		- }
1852		-
1853		- // Expand the accordion to show the edit textarea (fixes short content editing)
1854		- var contentFull = row.find('.mxchat-content-full');
1855		- if (contentFull.length && contentFull.is(':hidden')) {
1856		- contentFull.show();
1857		- row.find('.mxchat-content-preview').hide();
1858		- }
1859		-
1860	1659	row.find('.content-view, .url-view').hide();
1861	1660	row.find('.content-edit, .url-edit').show();
1862	1661	row.find('.edit-button').hide();
1863	1662	row.find('.save-button').show();
		@@ -1890,25 +1689,21 @@
1890	1689	},
1891	1690	success: function(response) {
1892	1691	button.prop('disabled', false);
1893	1692	button.text('Save');
1894		-
	1693	+
1895	1694	if (response.success) {
1896	1695	row.find('.content-view').html(newContent.replace(/\n/g, "<br>"));
1897	1696	if (newUrl) {
1898		- row.find('.url-view').html('<a href="' + newUrl + '" target="_blank"><span class="dashicons dashicons-external"></span> View Source</a>');
	1697	+ row.find('.url-view').html('<a href="' + newUrl + '" target="_blank">' + newUrl + '</a>');
1899	1698	} else {
1900		- row.find('.url-view').html('<span class="mxchat-na">Manual Content</span>');
	1699	+ row.find('.url-view').html('N/A');
1901	1700	}
1902		-
	1701	+
1903	1702	row.find('.content-edit, .url-edit').hide();
1904	1703	row.find('.content-view, .url-view').show();
1905	1704	row.find('.save-button').hide();
1906	1705	row.find('.edit-button').show();
1907		-
1908		- // Restore accordion state - show preview, hide full content
1909		- row.find('.mxchat-content-preview').show();
1910		- row.find('.mxchat-content-full').hide();
1911	1706	} else {
1912	1707	alert('Error saving content: ' + (response.data?.message || 'Unknown error'));
1913	1708	}
1914	1709	},
		@@ -2115,14 +1910,24 @@
2115	1910	const actionLabel = this.dataset.label;
2116	1911	const actionIcon = this.querySelector('.dashicons').getAttribute('class').replace('dashicons dashicons-', '');
2117	1912	const actionDescription = this.querySelector('p').textContent;
2118	1913
2119		- // Check if this is a promotional card (add-on not installed)
2120		- const isPromo = this.dataset.promo === 'true';
2121		-
2122		- if (isPromo || (addonName && !isInstalled)) {
2123		- // Add-on required but not installed — show informational notice
2124		- const addonDisplayName = this.querySelector('.mxchat-addon-info')?.textContent?.replace('Requires ', '').replace('— Get Add-on', '').trim() || addonName + ' Add-on';
	1914	+ // Pro check using the proper detection method
	1915	+ const proIsActivated = typeof mxchatAdmin !== 'undefined' &&
	1916	+ (mxchatAdmin.is_activated === '1' ||
	1917	+ mxchatAdmin.is_activated === 'true' ||
	1918	+ mxchatAdmin.is_activated === true);
	1919	+
	1920	+ // Handle different states
	1921	+ if (isPro && !proIsActivated) {
	1922	+ // Pro feature but no Pro license
	1923	+ showProFeatureNotice();
	1924	+ return;
	1925	+ }
	1926	+
	1927	+ if (addonName && !isInstalled) {
	1928	+ // Add-on required but not installed
	1929	+ const addonDisplayName = this.querySelector('.mxchat-addon-info')?.textContent?.replace('Requires ', '') || addonName + ' Add-on';
2125	1930	showAddonRequiredNotice(addonDisplayName);
2126	1931	return;
2127	1932	}
2128	1933
		@@ -2534,27 +2339,37 @@
2534	2339	}
2535	2340	});
2536	2341
2537	2342	jQuery(document).ready(function($) {
2538		- // Auto-expand custom post types container if any are checked
2539		- // Note: Click handler is in admin-knowledge-page.php inline script (initCustomPostTypesToggle)
	2343	+ // Toggle custom post types container
	2344	+ $('#mxchat-custom-post-types-toggle').on('click', function(e) {
	2345	+ e.preventDefault();
	2346	+
	2347	+ $('#mxchat-custom-post-types-container').slideToggle(300);
	2348	+
	2349	+ // Rotate the toggle icon
	2350	+ const $icon = $(this).find('.mxchat-accordion-icon');
	2351	+ if ($('#mxchat-custom-post-types-container').is(':visible')) {
	2352	+ $icon.css('transform', 'rotate(180deg)');
	2353	+ $(this).closest('.mxchat-settings-accordion').addClass('active');
	2354	+ } else {
	2355	+ $icon.css('transform', 'rotate(0deg)');
	2356	+ $(this).closest('.mxchat-settings-accordion').removeClass('active');
	2357	+ }
	2358	+ });
	2359	+
	2360	+ // If there are any selections made, auto-expand the container
2540	2361	function autoExpandIfNeeded() {
2541		- const $container = $('#mxchat-custom-post-types-container');
2542		- const $toggleBtn = $('#mxchat-custom-post-types-toggle');
2543		-
2544		- if ($container.length === 0) return;
2545		-
2546		- const hasCheckedItems = $container.find('input[type="checkbox"]:checked').length > 0;
2547		-
	2362	+ // Check if any checkbox in the container is checked
	2363	+ const hasCheckedItems = $('#mxchat-custom-post-types-container input[type="checkbox"]:checked').length > 0;
	2364	+
2548	2365	if (hasCheckedItems) {
2549		- $container.show();
2550		- const $icon = $toggleBtn.find('span:last-child');
2551		- if ($icon.length) {
2552		- $icon.text('▲');
2553		- }
	2366	+ $('#mxchat-custom-post-types-container').show();
	2367	+ $('#mxchat-custom-post-types-toggle .mxchat-accordion-icon').css('transform', 'rotate(180deg)');
	2368	+ $('.mxchat-settings-accordion').addClass('active');
2554	2369	}
2555	2370	}
2556		-
	2371	+
2557	2372	// Run on page load
2558	2373	autoExpandIfNeeded();
2559	2374	});
2560	2375
		@@ -2965,572 +2780,7 @@
2965	2780	refreshAPIKeyStatus();
2966	2781	}
2967	2782
2968	2783	// Run when model changes
2969		- $('#model').on('change', function() {
2970		- updateChatModelAPIStatus();
2971		- updateWebSearchToggleVisibility();
2972		- });
	2784	+ $('#model').on('change', function() { updateChatModelAPIStatus(); });
2973	2785	$('#embedding_model').on('change', function() { updateEmbeddingModelAPIStatus(); });
2974		-
2975		- // Web Search toggle visibility based on model
2976		- function updateWebSearchToggleVisibility() {
2977		- var selectedModel = $('#model').val();
2978		- var $wrapper = $('#web-search-toggle-wrapper');
2979		- var $unavailableMessage = $('#web-search-unavailable-message');
2980		-
2981		- if (!$wrapper.length) return; // Element doesn't exist
2982		-
2983		- // Get the list of supported OpenAI models from data attribute
2984		- var openaiModelsAttr = $wrapper.data('openai-models');
2985		- var unsupportedModelsAttr = $wrapper.data('unsupported-models');
2986		-
2987		- var openaiModels = openaiModelsAttr ? openaiModelsAttr.split(',') : [];
2988		- var unsupportedModels = unsupportedModelsAttr ? unsupportedModelsAttr.split(',') : [];
2989		-
2990		- // Check if selected model is an OpenAI model that supports web search
2991		- var isOpenAI = openaiModels.includes(selectedModel);
2992		- var isSupported = isOpenAI && !unsupportedModels.includes(selectedModel);
2993		-
2994		- if (isSupported) {
2995		- $wrapper.show();
2996		- $unavailableMessage.hide();
2997		- } else {
2998		- $wrapper.hide();
2999		- $unavailableMessage.show();
3000		- }
3001		- }
3002		-
3003		- // Run on page load
3004		- updateWebSearchToggleVisibility();
3005		-});
3006		-
3007		-// Transcripts Metrics Dashboard
3008		-jQuery(document).ready(function($) {
3009		- // Tab switching functionality
3010		- $('.mxchat-metrics-tab').on('click', function() {
3011		- const tabName = $(this).data('tab');
3012		-
3013		- // Update tab buttons
3014		- $('.mxchat-metrics-tab').removeClass('active');
3015		- $(this).addClass('active');
3016		-
3017		- // Update panels
3018		- $('.mxchat-metrics-panel').removeClass('active');
3019		- $(`.mxchat-metrics-panel[data-panel="${tabName}"]`).addClass('active');
3020		-
3021		- // Initialize chart if activity tab is shown
3022		- if (tabName === 'activity' && typeof mxchatChartData !== 'undefined') {
3023		- // Small delay to ensure the canvas is visible
3024		- setTimeout(function() {
3025		- initActivityChart();
3026		- }, 50);
3027		- }
3028		- });
3029		-
3030		- // Initialize chart function
3031		- function initActivityChart() {
3032		- const canvas = document.getElementById('mxchat-activity-chart');
3033		- if (!canvas) return;
3034		-
3035		- // Check if chart already exists and destroy it
3036		- if (canvas.chartInstance) {
3037		- canvas.chartInstance.destroy();
3038		- }
3039		-
3040		- const ctx = canvas.getContext('2d');
3041		-
3042		- // Create gradient for chats line
3043		- const chatsGradient = ctx.createLinearGradient(0, 0, 0, 300);
3044		- chatsGradient.addColorStop(0, 'rgba(102, 126, 234, 0.3)');
3045		- chatsGradient.addColorStop(1, 'rgba(102, 126, 234, 0.05)');
3046		-
3047		- // Create gradient for messages line
3048		- const messagesGradient = ctx.createLinearGradient(0, 0, 0, 300);
3049		- messagesGradient.addColorStop(0, 'rgba(118, 75, 162, 0.3)');
3050		- messagesGradient.addColorStop(1, 'rgba(118, 75, 162, 0.05)');
3051		-
3052		- // Simple chart without external library
3053		- canvas.chartInstance = new SimpleChart(canvas, {
3054		- labels: mxchatChartData.labels,
3055		- datasets: [
3056		- {
3057		- label: 'Chats',
3058		- data: mxchatChartData.chats,
3059		- borderColor: '#667eea',
3060		- backgroundColor: chatsGradient,
3061		- fill: true
3062		- },
3063		- {
3064		- label: 'Messages',
3065		- data: mxchatChartData.messages,
3066		- borderColor: '#764ba2',
3067		- backgroundColor: messagesGradient,
3068		- fill: true
3069		- }
3070		- ]
3071		- });
3072		- }
3073		-
3074		- // Simple chart implementation (no external dependencies)
3075		- class SimpleChart {
3076		- constructor(canvas, config) {
3077		- this.canvas = canvas;
3078		- this.ctx = canvas.getContext('2d');
3079		- this.config = config;
3080		- this.padding = { top: 20, right: 20, bottom: 40, left: 50 };
3081		- this.render();
3082		- }
3083		-
3084		- destroy() {
3085		- this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
3086		- }
3087		-
3088		- render() {
3089		- const dpr = window.devicePixelRatio || 1;
3090		- const rect = this.canvas.getBoundingClientRect();
3091		-
3092		- this.canvas.width = rect.width * dpr;
3093		- this.canvas.height = rect.height * dpr;
3094		- this.ctx.scale(dpr, dpr);
3095		-
3096		- this.canvas.style.width = rect.width + 'px';
3097		- this.canvas.style.height = rect.height + 'px';
3098		-
3099		- const width = rect.width - this.padding.left - this.padding.right;
3100		- const height = rect.height - this.padding.top - this.padding.bottom;
3101		-
3102		- // Find max value
3103		- let maxValue = 0;
3104		- this.config.datasets.forEach(dataset => {
3105		- const max = Math.max(...dataset.data);
3106		- if (max > maxValue) maxValue = max;
3107		- });
3108		-
3109		- // Add some padding to max value
3110		- maxValue = Math.ceil(maxValue * 1.1);
3111		- if (maxValue === 0) maxValue = 10;
3112		-
3113		- // Draw grid lines
3114		- this.ctx.strokeStyle = '#e5e7eb';
3115		- this.ctx.lineWidth = 1;
3116		- const gridLines = 5;
3117		-
3118		- for (let i = 0; i <= gridLines; i++) {
3119		- const y = this.padding.top + (height / gridLines) * i;
3120		- this.ctx.beginPath();
3121		- this.ctx.moveTo(this.padding.left, y);
3122		- this.ctx.lineTo(this.padding.left + width, y);
3123		- this.ctx.stroke();
3124		-
3125		- // Draw y-axis labels
3126		- const value = maxValue - (maxValue / gridLines) * i;
3127		- this.ctx.fillStyle = '#6b7280';
3128		- this.ctx.font = '12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
3129		- this.ctx.textAlign = 'right';
3130		- this.ctx.fillText(Math.round(value), this.padding.left - 10, y + 4);
3131		- }
3132		-
3133		- // Draw datasets
3134		- this.config.datasets.forEach(dataset => {
3135		- const points = [];
3136		- const xStep = width / (this.config.labels.length - 1 || 1);
3137		-
3138		- dataset.data.forEach((value, index) => {
3139		- const x = this.padding.left + (xStep * index);
3140		- const y = this.padding.top + height - (value / maxValue * height);
3141		- points.push({ x, y, value });
3142		- });
3143		-
3144		- // Draw filled area
3145		- if (dataset.fill && dataset.backgroundColor) {
3146		- this.ctx.fillStyle = dataset.backgroundColor;
3147		- this.ctx.beginPath();
3148		- this.ctx.moveTo(points[0].x, this.padding.top + height);
3149		- points.forEach(point => {
3150		- this.ctx.lineTo(point.x, point.y);
3151		- });
3152		- this.ctx.lineTo(points[points.length - 1].x, this.padding.top + height);
3153		- this.ctx.closePath();
3154		- this.ctx.fill();
3155		- }
3156		-
3157		- // Draw line
3158		- this.ctx.strokeStyle = dataset.borderColor;
3159		- this.ctx.lineWidth = 3;
3160		- this.ctx.lineCap = 'round';
3161		- this.ctx.lineJoin = 'round';
3162		-
3163		- this.ctx.beginPath();
3164		- points.forEach((point, index) => {
3165		- if (index === 0) {
3166		- this.ctx.moveTo(point.x, point.y);
3167		- } else {
3168		- this.ctx.lineTo(point.x, point.y);
3169		- }
3170		- });
3171		- this.ctx.stroke();
3172		-
3173		- // Draw points
3174		- points.forEach(point => {
3175		- this.ctx.fillStyle = '#ffffff';
3176		- this.ctx.beginPath();
3177		- this.ctx.arc(point.x, point.y, 5, 0, Math.PI * 2);
3178		- this.ctx.fill();
3179		- this.ctx.strokeStyle = dataset.borderColor;
3180		- this.ctx.lineWidth = 2;
3181		- this.ctx.stroke();
3182		- });
3183		- });
3184		-
3185		- // Draw x-axis labels
3186		- const xStep = width / (this.config.labels.length - 1 || 1);
3187		- this.ctx.fillStyle = '#6b7280';
3188		- this.ctx.font = '12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
3189		- this.ctx.textAlign = 'center';
3190		-
3191		- this.config.labels.forEach((label, index) => {
3192		- const x = this.padding.left + (xStep * index);
3193		- this.ctx.fillText(label, x, this.padding.top + height + 20);
3194		- });
3195		-
3196		- // Draw legend
3197		- let legendX = this.padding.left;
3198		- const legendY = rect.height - 10;
3199		-
3200		- this.config.datasets.forEach((dataset, index) => {
3201		- // Color box
3202		- this.ctx.fillStyle = dataset.borderColor;
3203		- this.ctx.fillRect(legendX, legendY - 8, 12, 12);
3204		-
3205		- // Label
3206		- this.ctx.fillStyle = '#374151';
3207		- this.ctx.font = '12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
3208		- this.ctx.textAlign = 'left';
3209		- this.ctx.fillText(dataset.label, legendX + 18, legendY);
3210		-
3211		- legendX += this.ctx.measureText(dataset.label).width + 40;
3212		- });
3213		- }
3214		- }
3215		-
3216		- // Initialize chart on page load if we're on the activity tab
3217		- if ($('.mxchat-metrics-tab.active').data('tab') === 'activity' && typeof mxchatChartData !== 'undefined') {
3218		- setTimeout(function() {
3219		- initActivityChart();
3220		- }, 100);
3221		- }
3222		-
3223		- // ========================================
3224		- // SLACK TEST CONNECTION
3225		- // ========================================
3226		- $('#mxchat-test-slack-connection').on('click', function() {
3227		- var $button = $(this);
3228		- var $result = $('#mxchat-slack-test-result');
3229		- var originalText = $button.html();
3230		-
3231		- // Show loading state
3232		- $button.prop('disabled', true).html(
3233		- '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 8px; animation: spin 1s linear infinite;"><circle cx="12" cy="12" r="10" stroke-dasharray="32" stroke-dashoffset="12"/></svg>' +
3234		- 'Testing...'
3235		- );
3236		-
3237		- $.ajax({
3238		- url: ajaxurl,
3239		- type: 'POST',
3240		- data: {
3241		- action: 'mxchat_test_slack_connection',
3242		- nonce: mxchatAdmin.nonce
3243		- },
3244		- success: function(response) {
3245		- $result.show();
3246		- if (response.success) {
3247		- $result.html(
3248		- '<div style="background: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 16px; border-radius: 8px;">' +
3249		- '<strong style="display: block; margin-bottom: 8px;">✓ Connection Successful!</strong>' +
3250		- '<pre style="margin: 0; white-space: pre-wrap; font-size: 13px;">' + escapeHtml(response.data.message) + '</pre>' +
3251		- '</div>'
3252		- );
3253		- } else {
3254		- var bgColor = response.data.partial ? '#fff3cd' : '#f8d7da';
3255		- var borderColor = response.data.partial ? '#ffeeba' : '#f5c6cb';
3256		- var textColor = response.data.partial ? '#856404' : '#721c24';
3257		- var icon = response.data.partial ? '⚠' : '✗';
3258		- var title = response.data.partial ? 'Partial Success - Missing Scopes' : 'Connection Failed';
3259		-
3260		- $result.html(
3261		- '<div style="background: ' + bgColor + '; border: 1px solid ' + borderColor + '; color: ' + textColor + '; padding: 16px; border-radius: 8px;">' +
3262		- '<strong style="display: block; margin-bottom: 8px;">' + icon + ' ' + title + '</strong>' +
3263		- '<pre style="margin: 0; white-space: pre-wrap; font-size: 13px;">' + escapeHtml(response.data.message) + '</pre>' +
3264		- (response.data.missing_scopes ? '<p style="margin: 12px 0 0; font-size: 13px;">Add these scopes in your Slack app settings and reinstall the app.</p>' : '') +
3265		- '</div>'
3266		- );
3267		- }
3268		- },
3269		- error: function() {
3270		- $result.show().html(
3271		- '<div style="background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 16px; border-radius: 8px;">' +
3272		- '<strong>✗ Request Failed</strong><br>Could not connect to the server. Please try again.' +
3273		- '</div>'
3274		- );
3275		- },
3276		- complete: function() {
3277		- $button.prop('disabled', false).html(originalText);
3278		- }
3279		- });
3280		- });
3281		-
3282		- // Helper function to escape HTML
3283		- function escapeHtml(text) {
3284		- var div = document.createElement('div');
3285		- div.appendChild(document.createTextNode(text));
3286		- return div.innerHTML;
3287		- }
3288		-
3289		- // ========================================
3290		- // DEBUG & OPTIMIZATION TOOLS
3291		- // ========================================
3292		-
3293		- // Debug Mode Toggle
3294		- $('#mxchat_debug_mode').on('change', function() {
3295		- var $toggle = $(this);
3296		- var enabled = $toggle.is(':checked') ? 'on' : 'off';
3297		- var $label = $toggle.closest('label');
3298		-
3299		- // Add loading indicator next to the toggle label
3300		- var $indicator = $label.find('.mxchat-save-indicator');
3301		- if ($indicator.length === 0) {
3302		- $indicator = $('<span class="mxchat-save-indicator" style="margin-left: 10px;"></span>');
3303		- $label.append($indicator);
3304		- }
3305		- $indicator.html('<span class="mxchat-saving-spinner"></span>').show();
3306		-
3307		- $.ajax({
3308		- url: ajaxurl,
3309		- type: 'POST',
3310		- data: {
3311		- action: 'mxchat_toggle_debug_mode',
3312		- enabled: enabled,
3313		- _ajax_nonce: mxchatAdmin.setting_nonce
3314		- },
3315		- success: function(response) {
3316		- if (response.success) {
3317		- // Show success indicator
3318		- $indicator.html('<span class="mxchat-save-success">✓</span>');
3319		- setTimeout(function() {
3320		- $indicator.fadeOut(300);
3321		- }, 2000);
3322		-
3323		- // Always refresh the log after toggling
3324		- refreshDebugLog();
3325		- } else {
3326		- $indicator.html('<span class="mxchat-save-error">✗</span>');
3327		- alert(response.data.message || 'Error toggling debug mode');
3328		- $toggle.prop('checked', !$toggle.is(':checked'));
3329		- }
3330		- },
3331		- error: function() {
3332		- $indicator.html('<span class="mxchat-save-error">✗</span>');
3333		- alert('Error toggling debug mode');
3334		- $toggle.prop('checked', !$toggle.is(':checked'));
3335		- }
3336		- });
3337		- });
3338		-
3339		- // Refresh Debug Log
3340		- function refreshDebugLog() {
3341		- var $container = $('#mxchat-debug-log');
3342		- var $countBadge = $('#mxchat-log-count');
3343		-
3344		- $.ajax({
3345		- url: ajaxurl,
3346		- type: 'POST',
3347		- data: {
3348		- action: 'mxchat_get_debug_log',
3349		- _ajax_nonce: mxchatAdmin.setting_nonce
3350		- },
3351		- success: function(response) {
3352		- if (response.success) {
3353		- var log = response.data.log;
3354		- var count = response.data.count;
3355		-
3356		- if (count > 0) {
3357		- $countBadge.text(count + ' entries').show();
3358		- var html = '<div class="mxchat-debug-log-entries">';
3359		- log.forEach(function(entry) {
3360		- var typeClass = 'mxchat-log-type-' + entry.type;
3361		- var typeLabel = entry.type.replace(/_/g, ' ').toUpperCase();
3362		- html += '<div class="mxchat-debug-log-entry ' + typeClass + '">';
3363		- html += '<div class="mxchat-log-header">';
3364		- html += '<span class="mxchat-log-type">' + escapeHtml(typeLabel) + '</span>';
3365		- html += '<span class="mxchat-log-time">' + escapeHtml(entry.time) + '</span>';
3366		- html += '</div>';
3367		- html += '<div class="mxchat-log-message">' + escapeHtml(entry.message) + '</div>';
3368		- if (entry.data) {
3369		- html += '<div class="mxchat-log-data">' + escapeHtml(JSON.stringify(entry.data, null, 2)) + '</div>';
3370		- }
3371		- html += '</div>';
3372		- });
3373		- html += '</div>';
3374		- $container.html(html);
3375		- } else {
3376		- $countBadge.hide();
3377		- $container.html(
3378		- '<div class="mxchat-debug-log-empty">' +
3379		- '<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.3;"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>' +
3380		- '<p>No log entries yet. Enable debug mode to start logging.</p>' +
3381		- '</div>'
3382		- );
3383		- }
3384		- }
3385		- }
3386		- });
3387		- }
3388		-
3389		- // Load debug log on page load
3390		- if ($('#mxchat-debug-log').length) {
3391		- refreshDebugLog();
3392		- }
3393		-
3394		- // Refresh Log Button
3395		- $('#mxchat-refresh-log').on('click', function() {
3396		- var $btn = $(this);
3397		- $btn.prop('disabled', true);
3398		- refreshDebugLog();
3399		- setTimeout(function() {
3400		- $btn.prop('disabled', false);
3401		- }, 500);
3402		- });
3403		-
3404		- // Clear Log Button
3405		- $('#mxchat-clear-log').on('click', function() {
3406		- if (!confirm('Are you sure you want to clear the debug log?')) {
3407		- return;
3408		- }
3409		-
3410		- var $btn = $(this);
3411		- $btn.prop('disabled', true);
3412		-
3413		- $.ajax({
3414		- url: ajaxurl,
3415		- type: 'POST',
3416		- data: {
3417		- action: 'mxchat_clear_debug_log',
3418		- _ajax_nonce: mxchatAdmin.setting_nonce
3419		- },
3420		- success: function(response) {
3421		- if (response.success) {
3422		- refreshDebugLog();
3423		- } else {
3424		- alert(response.data.message || 'Error clearing log');
3425		- }
3426		- },
3427		- error: function() {
3428		- alert('Error clearing log');
3429		- },
3430		- complete: function() {
3431		- $btn.prop('disabled', false);
3432		- }
3433		- });
3434		- });
3435		-
3436		- // Export Settings Button
3437		- $('#mxchat-export-settings').on('click', function() {
3438		- var $btn = $(this);
3439		- var originalHtml = $btn.html();
3440		- $btn.prop('disabled', true).html(
3441		- '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="animation: spin 1s linear infinite;"><circle cx="12" cy="12" r="10" stroke-dasharray="32" stroke-dashoffset="12"/></svg> Exporting...'
3442		- );
3443		-
3444		- $.ajax({
3445		- url: ajaxurl,
3446		- type: 'POST',
3447		- data: {
3448		- action: 'mxchat_export_settings',
3449		- _ajax_nonce: mxchatAdmin.setting_nonce
3450		- },
3451		- success: function(response) {
3452		- if (response.success) {
3453		- // Create and download the JSON file
3454		- var dataStr = JSON.stringify(response.data.settings, null, 2);
3455		- var blob = new Blob([dataStr], { type: 'application/json' });
3456		- var url = URL.createObjectURL(blob);
3457		- var a = document.createElement('a');
3458		- a.href = url;
3459		- a.download = response.data.filename;
3460		- document.body.appendChild(a);
3461		- a.click();
3462		- document.body.removeChild(a);
3463		- URL.revokeObjectURL(url);
3464		- } else {
3465		- alert(response.data.message || 'Error exporting settings');
3466		- }
3467		- },
3468		- error: function() {
3469		- alert('Error exporting settings');
3470		- },
3471		- complete: function() {
3472		- $btn.prop('disabled', false).html(originalHtml);
3473		- }
3474		- });
3475		- });
3476		-
3477		- // Reset Settings Modal
3478		- var $resetModal = $('#mxchat-reset-modal');
3479		- var $resetConfirmInput = $('#mxchat-reset-confirmation');
3480		- var $resetConfirmBtn = $('#mxchat-reset-confirm');
3481		-
3482		- $('#mxchat-reset-settings').on('click', function() {
3483		- $resetModal.fadeIn(200);
3484		- $resetConfirmInput.val('').focus();
3485		- $resetConfirmBtn.prop('disabled', true);
3486		- });
3487		-
3488		- $('#mxchat-reset-modal-close, #mxchat-reset-cancel, .mxch-modal-backdrop').on('click', function() {
3489		- $resetModal.fadeOut(200);
3490		- });
3491		-
3492		- $resetConfirmInput.on('input', function() {
3493		- var value = $(this).val().toUpperCase();
3494		- $resetConfirmBtn.prop('disabled', value !== 'RESET');
3495		- });
3496		-
3497		- $resetConfirmBtn.on('click', function() {
3498		- var $btn = $(this);
3499		- var confirmation = $resetConfirmInput.val();
3500		-
3501		- $btn.prop('disabled', true).text('Resetting...');
3502		-
3503		- $.ajax({
3504		- url: ajaxurl,
3505		- type: 'POST',
3506		- data: {
3507		- action: 'mxchat_reset_all_settings',
3508		- confirmation: confirmation,
3509		- _ajax_nonce: mxchatAdmin.setting_nonce
3510		- },
3511		- success: function(response) {
3512		- if (response.success) {
3513		- alert(response.data.message);
3514		- window.location.reload();
3515		- } else {
3516		- alert(response.data.message || 'Error resetting settings');
3517		- $btn.prop('disabled', false).text('Reset All Settings');
3518		- }
3519		- },
3520		- error: function() {
3521		- alert('Error resetting settings');
3522		- $btn.prop('disabled', false).text('Reset All Settings');
3523		- }
3524		- });
3525		- });
3526		-
3527		- // Load debug log on page load if we're on the optimization section
3528		- if ($('#optimization').hasClass('active') || window.location.hash === '#optimization') {
3529		- refreshDebugLog();
3530		- }
3531		-
3532		- // Also refresh when switching to optimization tab
3533		- $(document).on('click', '[data-section="optimization"]', function() {
3534		- setTimeout(refreshDebugLog, 100);
3535		- });
3536	2786	});