← All changes | js/mxchat-admin.js +273 -1237 3.2.11 → 2.5.2 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.
		@@ -611,25 +484,9 @@
611	484	successIcon.fadeIn(200).delay(1000).fadeOut(200, function() {
612	485	feedbackContainer.remove();
613	486	});
614	487	});
615		-
616		- // *** ADD THIS: Refresh API key status after saving an API key ***
617		- const isApiKeyField = name && (
618		- name === 'api_key' ||
619		- name === 'xai_api_key' ||
620		- name === 'claude_api_key' ||
621		- name === 'voyage_api_key' ||
622		- name === 'gemini_api_key' ||
623		- name === 'deepseek_api_key' ||
624		- name === 'openrouter_api_key' ||
625		- name.indexOf('_api_key') !== -1
626		- );
627		-
628		- if (isApiKeyField && typeof window.mxchatRefreshAPIKeyStatus === 'function') {
629		- window.mxchatRefreshAPIKeyStatus();
630		- }
631		-
	488	+
632	489	// *** ADD THIS: Update Pinecone checkbox state after successful save ***
633	490	if (name && name.indexOf('mxchat_pinecone_addon_options[mxchat_use_pinecone]') !== -1) {
634	491	//console.log('Pinecone toggle saved successfully, value:', value);
635	492
		@@ -797,127 +654,71 @@
797	654	}, 500)
798	655	});
799	656	});
800	657
	658	+ // Reinitialize color pickers when switching tabs
	659	+ $('.mxchat-tab-button').on('click.mxchat', function() {
	660	+ setTimeout(function() {
	661	+ $('.my-color-field:visible').wpColorPicker('close');
	662	+ }, 100);
	663	+ });
801	664	}
802	665
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);
	666	+// Initialize tabs system
	667	+function initTabs() {
	668	+ // Remove any existing handlers first
	669	+ $('.mxchat-tab-button').off('click.mxchat');
	670	+
	671	+ // Add new click handlers
	672	+ $('.mxchat-tab-button').on('click.mxchat', function(e) {
	673	+ e.preventDefault();
	674	+ e.stopPropagation();
	675	+
	676	+ var $this = $(this);
	677	+
	678	+ // Get tab ID from data-tab attribute
	679	+ var tabId = $this.data('tab') || 'chatbot';
	680	+
	681	+ // Safety check for empty tabId
	682	+ if (!tabId) {
	683	+ //console.warn('No tab identifier found');
	684	+ return;
819	685	}
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);
	686	+
	687	+ // Update tab buttons
	688	+ $('.mxchat-tab-button').removeClass('active');
	689	+ $this.addClass('active');
	690	+
	691	+ // Update content areas - with safety check
	692	+ $('.mxchat-tab-content').removeClass('active');
	693	+ var $targetTab = $('#' + tabId);
	694	+ if ($targetTab.length) {
	695	+ $targetTab.addClass('active');
	696	+ // Removed localStorage saving functionality
827	697	} else {
828		- $postTypeList.slideDown(200);
	698	+ //console.warn('Tab content #' + tabId + ' not found');
829	699	}
830		-
831		- // Save mode via AJAX
832		- savePostTypeVisibility('post_type_visibility_mode', mode);
833	700	});
	701	+}
834	702
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		- });
	703	+// Initialize tabs and handle events
	704	+initTabs();
	705	+$(document).on('widget-added widget-updated postbox-toggled', initTabs);
842	706
843		- // Save as JSON array
844		- savePostTypeVisibility('post_type_visibility_list', JSON.stringify(selectedPostTypes));
845		- });
	707	+// Always activate the first tab (Chatbot)
	708	+$('.mxchat-tab-button').first().trigger('click.mxchat');
	709	+
846	710
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	711	// Toggle visibility handlers
898	712	function toggleVisibility(selector) {
899	713	$(selector).on('click', function() {
900	714	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		- }
	715	+ if (inputField.attr('type') === 'password') {
	716	+ inputField.attr('type', 'text');
	717	+ $(this).text('Hide');
911	718	} 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		- }
	719	+ inputField.attr('type', 'password');
	720	+ $(this).text('Show');
920	721	}
921	722	});
922	723	}
923	724
		@@ -937,8 +738,130 @@
937	738	'#toggleGeminiApiKeyVisibility',
938	739	'#toggleOpenRouterApiKeyVisibility'
939	740	].forEach(toggleVisibility);
940	741
	742	+// Handle API key visibility based on model selection
	743	+function setupAPIKeyVisibility() {
	744	+ // Cache the selectors
	745	+ const $chatModelSelect = $('#model');
	746	+ const $embeddingModelSelect = $('#embedding_model');
	747	+
	748	+ // First, locate and mark the API key rows
	749	+ setupAPIKeyRows();
	750	+
	751	+ // Initial setup based on current selections
	752	+ updateApiKeyVisibility();
	753	+
	754	+ // Listen for changes to the model selectors
	755	+ $chatModelSelect.on('change', updateApiKeyVisibility);
	756	+ $embeddingModelSelect.on('change', updateApiKeyVisibility);
	757	+
	758	+ /**
	759	+ * Locate and mark rows that contain API key fields
	760	+ */
	761	+ function setupAPIKeyRows() {
	762	+ // Find key rows by their field IDs
	763	+ const providerMap = {
	764	+ 'api_key': 'openai',
	765	+ 'xai_api_key': 'xai',
	766	+ 'claude_api_key': 'claude',
	767	+ 'deepseek_api_key': 'deepseek',
	768	+ 'voyage_api_key': 'voyage',
	769	+ 'gemini_api_key': 'gemini' // Added Gemini API key mapping
	770	+ };
	771	+
	772	+ $.each(providerMap, function(fieldId, provider) {
	773	+ const $field = $('#' + fieldId);
	774	+ if ($field.length) {
	775	+ const $row = $field.closest('tr');
	776	+ $row.addClass('mxchat-setting-row');
	777	+ $row.attr('data-provider', provider);
	778	+ }
	779	+ });
	780	+ }
	781	+
	782	+/**
	783	+ * Updates the visibility of API key fields based on current model selections
	784	+ */
	785	+function updateApiKeyVisibility() {
	786	+ const chatModel = $chatModelSelect.val();
	787	+ const embeddingModel = $embeddingModelSelect.val();
	788	+
	789	+ // Determine which providers are needed
	790	+ const isOpenAIChat = chatModel && chatModel.startsWith('gpt-');
	791	+ const isXAI = chatModel && chatModel.startsWith('grok-');
	792	+ const isClaude = chatModel && chatModel.startsWith('claude-');
	793	+ const isDeepSeek = chatModel && chatModel.startsWith('deepseek-');
	794	+ const isGemini = chatModel && chatModel.startsWith('gemini-'); // Added Gemini detection
	795	+
	796	+ const isOpenAIEmbedding = embeddingModel && embeddingModel.startsWith('text-embedding-');
	797	+ const isVoyage = embeddingModel && embeddingModel.startsWith('voyage-');
	798	+ const isGeminiEmbedding = embeddingModel && embeddingModel.startsWith('gemini-embedding-');
	799	+
	800	+ // Update API key visibility for each provider
	801	+ updateWrapperVisibility('openai', isOpenAIChat || isOpenAIEmbedding);
	802	+ updateWrapperVisibility('xai', isXAI);
	803	+ updateWrapperVisibility('claude', isClaude);
	804	+ updateWrapperVisibility('deepseek', isDeepSeek);
	805	+ updateWrapperVisibility('voyage', isVoyage);
	806	+ updateWrapperVisibility('gemini', isGemini || isGeminiEmbedding); // Updated Gemini visibility for both chat and embedding
	807	+
	808	+ // Update provider-specific notices for OpenAI
	809	+ if (isOpenAIChat && isOpenAIEmbedding) {
	810	+ $('div[data-provider="openai"] .api-key-notice').text(
	811	+ 'Required for your selected chat model and embedding model. Important: You must add credits before use.'
	812	+ );
	813	+ } else if (isOpenAIChat) {
	814	+ $('div[data-provider="openai"] .api-key-notice').text(
	815	+ 'Required for your selected chat model. Important: You must add credits before use.'
	816	+ );
	817	+ } else if (isOpenAIEmbedding) {
	818	+ $('div[data-provider="openai"] .api-key-notice').text(
	819	+ 'Required for your selected embedding model. Important: You must add credits before use.'
	820	+ );
	821	+ }
	822	+
	823	+ // Update provider-specific notices for Gemini
	824	+ if (isGemini && isGeminiEmbedding) {
	825	+ $('div[data-provider="gemini"] .api-key-notice').text(
	826	+ 'Required for your selected chat model and embedding model.'
	827	+ );
	828	+ } else if (isGemini) {
	829	+ $('div[data-provider="gemini"] .api-key-notice').text(
	830	+ 'Required for your selected chat model.'
	831	+ );
	832	+ } else if (isGeminiEmbedding) {
	833	+ $('div[data-provider="gemini"] .api-key-notice').text(
	834	+ 'Required for your selected embedding model.'
	835	+ );
	836	+ }
	837	+}
	838	+
	839	+ /**
	840	+ * Updates visibility of a specific provider's API key wrapper
	841	+ */
	842	+ function updateWrapperVisibility(provider, isVisible) {
	843	+ const $row = $('tr.mxchat-setting-row[data-provider="' + provider + '"]');
	844	+
	845	+ if (!$row.length) {
	846	+ //console.warn('API key row not found for provider: ' + provider);
	847	+ return;
	848	+ }
	849	+
	850	+ if (isVisible) {
	851	+ $row.show();
	852	+ if (!$row.hasClass('highlighted')) {
	853	+ $row.addClass('highlighted');
	854	+ setTimeout(() => {
	855	+ $row.removeClass('highlighted');
	856	+ }, 1500);
	857	+ }
	858	+ } else {
	859	+ $row.hide();
	860	+ }
	861	+ }
	862	+}
	863	+
941	864	function setupMxChatModelSelector() {
942	865	const $modelSelect = $('#model');
943	866	const $modelSelectorButton = $('<button>', {
944	867	type: 'button',
		@@ -994,9 +917,8 @@
994	917	<button class="mxchat-model-category-btn" data-category="openai">OpenAI</button>
995	918	<button class="mxchat-model-category-btn" data-category="claude">Claude</button>
996	919	<button class="mxchat-model-category-btn" data-category="xai">X.AI</button>
997	920	<button class="mxchat-model-category-btn" data-category="deepseek">DeepSeek</button>
998		- <button class="mxchat-model-category-btn" data-category="custom">Custom / Local</button>
999	921	</div>
1000	922	<div class="mxchat-model-selector-grid" id="mxchat_models_grid"></div>
1001	923	</div>
1002	924	<div class="mxchat-model-selector-modal-footer">
		@@ -1011,38 +933,52 @@
1011	933	// MOVE THIS OUTSIDE - Make it a property of the window object so it's accessible globally
1012	934	window.populateModelsGrid = function(filter = '', category = 'all') {
1013	935	const $grid = $('#mxchat_models_grid');
1014	936	$grid.empty();
1015		-
1016		- // Catalog refactor (plan-d14e89): when class-mxchat-model-catalog.php
1017		- // is loaded (via wp_localize_script as mxchatChatModelCatalog), use
1018		- // its data so a single edit there flows to this picker grid. The
1019		- // inline fallback below keeps the picker working if for some reason
1020		- // the localize hasn't run (e.g. legacy admin page bootstrap order).
1021		- const models = (typeof mxchatChatModelCatalog === 'object' && mxchatChatModelCatalog) ? mxchatChatModelCatalog : {
	937	+
	938	+ const models = {
1022	939	openrouter: [
1023	940	{ value: 'openrouter', label: 'OpenRouter', description: 'Access 100+ models from multiple providers (add API key to browse)' }
1024	941	],
1025	942	gemini: [
1026		- { value: 'gemini-3.5-flash', label: 'Gemini 3.5 Flash', description: 'Stable — newest Flash generation, recommended default' },
	943	+ { value: 'gemini-2.0-flash', label: 'Gemini 2.0 Flash', description: 'Next-Gen features, speed & multimodal generation' },
	944	+ { value: 'gemini-2.0-flash-lite', label: 'Gemini 2.0 Flash-Lite', description: 'Cost-efficient with low latency' },
	945	+ { value: 'gemini-1.5-pro', label: 'Gemini 1.5 Pro', description: 'Complex reasoning tasks requiring more intelligence' },
	946	+ { value: 'gemini-1.5-flash', label: 'Gemini 1.5 Flash', description: 'Fast and versatile performance' },
1027	947	],
1028	948	openai: [
1029		- { value: 'gpt-5.1-chat-latest', label: 'GPT-5.1 Chat Latest', description: 'Recommended for most use cases' },
	949	+ { value: 'gpt-5', label: 'GPT-5', description: 'Flagship for coding, reasoning, and agentic tasks across domains' },
	950	+ { value: 'gpt-5-mini', label: 'GPT-5 Mini', description: 'Faster, more cost-efficient for well-defined tasks and precise prompts' },
	951	+ { value: 'gpt-5-nano', label: 'GPT-5 Nano', description: 'Fastest and cheapest; ideal for summarization and classification' },
	952	+ { value: 'gpt-4.1-2025-04-14', label: 'GPT-4.1', description: 'Flagship model for complex tasks' },
	953	+ { value: 'gpt-4o', label: 'GPT-4o', description: 'Recommended for most use cases' },
	954	+ { value: 'gpt-4o-mini', label: 'GPT-4o Mini', description: 'Fast and lightweight' },
	955	+ { value: 'gpt-4-turbo', label: 'GPT-4 Turbo', description: 'High-performance model' },
	956	+ { value: 'gpt-4', label: 'GPT-4', description: 'High intelligence model' },
	957	+ { value: 'gpt-3.5-turbo', label: 'GPT-3.5 Turbo', description: 'Affordable and fast' },
1030	958	],
1031	959	claude: [
1032		- { value: 'claude-fable-5', label: 'Claude Fable 5', description: 'Latest Flagship — newest and most capable Anthropic model' },
1033		- { value: 'claude-opus-4-8', label: 'Claude Opus 4.8', description: 'Previous flagship — most capable Opus-tier model' },
1034		- { value: 'claude-opus-4-7', label: 'Claude Opus 4.7', description: 'Previous Anthropic flagship model' },
	960	+ { value: 'claude-sonnet-4-5-20250929', label: 'Claude Sonnet 4.5', description: 'Best for complex agents and coding' },
	961	+ { value: 'claude-opus-4-1-20250805', label: 'Claude Opus 4.1', description: 'Exceptional for specialized complex tasks' },
	962	+ { value: 'claude-haiku-4-5-20251001', label: 'Claude Haiku 4.5', description: 'Fastest and most intelligent Haiku' },
	963	+ { value: 'claude-opus-4-20250514', label: 'Claude 4 Opus', description: 'Most capable Claude model' },
	964	+ { value: 'claude-sonnet-4-20250514', label: 'Claude 4 Sonnet', description: 'High performance' },
	965	+ { value: 'claude-3-7-sonnet-20250219', label: 'Claude 3.7 Sonnet', description: 'High intelligence' },
	966	+ { value: 'claude-3-opus-20240229', label: 'Claude 3 Opus', description: 'Highly complex tasks' },
	967	+ { value: 'claude-3-sonnet-20240229', label: 'Claude 3 Sonnet', description: 'Balanced performance' },
	968	+ { value: 'claude-3-haiku-20240307', label: 'Claude 3 Haiku', description: 'Fastest Claude model' },
1035	969	],
1036	970	xai: [
1037		- { value: 'grok-4-0709', label: 'Grok 4', description: 'Latest flagship model' },
	971	+ { value: 'grok-4-0709', label: 'Grok 4', description: 'Latest flagship model - unparalleled performance in natural language, math and reasoning' },
	972	+ { value: 'grok-3-beta', label: 'Grok-3', description: 'Powerful model with 131K context' },
	973	+ { value: 'grok-3-fast-beta', label: 'Grok-3 Fast', description: 'High performance with faster responses' },
	974	+ { value: 'grok-3-mini-beta', label: 'Grok-3 Mini', description: 'Affordable model with good performance' },
	975	+ { value: 'grok-3-mini-fast-beta', label: 'Grok-3 Mini Fast', description: 'Quick and cost-effective' },
	976	+ { value: 'grok-2', label: 'Grok 2', description: 'Latest X.AI model' },
1038	977	],
1039	978	deepseek: [
1040	979	{ value: 'deepseek-chat', label: 'DeepSeek-V3', description: 'Advanced AI assistant' },
1041	980	],
1042		- custom: [
1043		- { value: 'custom-provider', label: 'Custom Provider', description: 'OpenAI-compatible local LLM — configure in API Keys tab' },
1044		- ],
1045	981	};
1046	982
1047	983	let allModels = [];
1048	984	Object.keys(models).forEach(key => {
		@@ -1083,9 +1019,8 @@
1083	1019	if (modelValue.startsWith('gemini-')) return '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" class="mxchat-model-icon-gemini"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"></path><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"></path><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"></path><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"></path></svg>';
1084	1020	if (modelValue.startsWith('gpt-')) return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320" class="mxchat-model-icon-openai"><path fill="currentColor" d="M297 131a80.6 80.6 0 0 0-93.7-104.2 80.6 80.6 0 0 0-137 29A80.6 80.6 0 0 0 23 189a80.6 80.6 0 0 0 93.7 104.2 80.6 80.6 0 0 0 137-29A80.7 80.7 0 0 0 297.1 131zM176.9 299c-14 .1-27.6-4.8-38.4-13.8l1.9-1 63.7-36.9c3.3-1.8 5.3-5.3 5.2-9v-89.9l27 15.6c.3.1.4.4.5.7v74.4a60 60 0 0 1-60 60zM47.9 244a59.7 59.7 0 0 1-7.1-40.1l1.9 1.1 63.7 36.8c3.2 1.9 7.2 1.9 10.5 0l77.8-45V228c0 .3-.2.6-.4.8L129.9 266a60 60 0 0 1-82-22zM31.2 105c7-12.2 18-21.5 31.2-26.3v75.8c0 3.7 2 7.2 5.2 9l77.8 45-27 15.5a1 1 0 0 1-.9 0L53.1 187a60 60 0 0 1-22-82zm221.2 51.5-77.8-45 27-15.5a1 1 0 0 1 .9 0l64.4 37.1a60 60 0 0 1-9.3 108.2v-75.8c0-3.7-2-7.2-5.2-9zm26.8-40.4-1.9-1.1-63.7-36.8a10.4 10.4 0 0 0-10.5 0L125.4 123V92c0-.3 0-.6.3-.8L190.1 54a60 60 0 0 1 89.1 62.1zm-168.5 55.4-27-15.5a1 1 0 0 1-.4-.7V80.9a60 60 0 0 1 98.3-46.1l-1.9 1L116 72.8a10.3 10.3 0 0 0-5.2 9v89.8zm14.6-31.5 34.7-20 34.6 20v40L160 200l-34.7-20z"></path></svg>';
1085	1021	if (modelValue.startsWith('claude-')) return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 176" fill="none" class="mxchat-model-icon-claude"><path fill="currentColor" d="m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z"></path></svg>';
1086	1022	if (modelValue.startsWith('grok-')) return '<svg fill="currentColor" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="mxchat-model-icon-xai"><path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"></path></svg>';
1087		- if (modelValue === 'custom-provider' || modelValue.startsWith('custom-')) return '<span class="dashicons dashicons-admin-site-alt3" style="font-size: 24px; color: #2c8a3d;"></span>';
1088	1023	if (modelValue.startsWith('deepseek-')) return '<svg height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" class="mxchat-model-icon-deepseek"><path d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 01-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 00-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 01-.465.137 9.597 9.597 0 00-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 001.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 011.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 01.415-.287.302.302 0 01.2.288.306.306 0 01-.31.307.303.303 0 01-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 01-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 01.016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 01-.254-.078c-.11-.054-.2-.19-.114-.358.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z" fill="currentColor"></path></svg>';
1089	1024	return '<span class="dashicons dashicons-admin-generic mxchat-model-icon-generic"></span>';
1090	1025	}
1091	1026
		@@ -1598,71 +1533,8 @@
1598	1533	});
1599	1534
1600	1535	}
1601	1536
1602		-// 3.2.3: Confirmation dialog shown when the user attempts to switch embedding
1603		-// models after they've already embedded content with a different model. Mixing
1604		-// embeddings from two models silently breaks similarity matching.
1605		-function showEmbeddingSwitchWarning(data, newValue, onChoice) {
1606		- $('#mxchat_embedding_switch_warning').remove();
1607		-
1608		- const dimsBlock = data.dims_differ ? `
1609		- <div class="mxchat-embed-warn-dims">
1610		- <strong>Dimension mismatch:</strong>
1611		- Existing vectors are ${data.active_dims}-dimensional, but ${data.new_label}
1612		- produces ${data.new_dims}-dimensional vectors.
1613		- If you use Pinecone, your index will reject queries entirely until you re-embed.
1614		- </div>` : '';
1615		-
1616		- const $modal = $(`
1617		- <div id="mxchat_embedding_switch_warning" class="mxchat-embed-warn-overlay">
1618		- <div class="mxchat-embed-warn-dialog">
1619		- <div class="mxchat-embed-warn-header">
1620		- <span class="mxchat-embed-warn-icon">⚠️</span>
1621		- <h3>Switching embedding models will break similarity matching</h3>
1622		- </div>
1623		- <div class="mxchat-embed-warn-body">
1624		- <p>
1625		- Your knowledge base and actions are currently embedded with
1626		- <code>${data.active_label}</code>. Switching to
1627		- <code>${data.new_label}</code> means new queries are embedded with
1628		- a different model than the stored vectors — the chatbot will return
1629		- inaccurate results or fail to match anything.
1630		- </p>
1631		- ${dimsBlock}
1632		- <p><strong>To switch safely:</strong></p>
1633		- <ol>
1634		- <li>Go to <em>Knowledge Base</em> and delete all existing entries.</li>
1635		- <li>Go to <em>Actions</em> and delete all existing actions.</li>
1636		- <li>Come back here, switch the model, then re-import your content and re-add your actions.</li>
1637		- </ol>
1638		- </div>
1639		- <div class="mxchat-embed-warn-footer">
1640		- <button type="button" class="button button-secondary" id="mxchat_embed_warn_cancel">Cancel — keep ${data.active_label}</button>
1641		- <button type="button" class="button button-primary mxchat-embed-warn-danger" id="mxchat_embed_warn_continue">Switch anyway (I'll handle it)</button>
1642		- </div>
1643		- </div>
1644		- </div>
1645		- `);
1646		-
1647		- $('body').append($modal);
1648		-
1649		- let resolved = false;
1650		- function resolve(confirmed) {
1651		- if (resolved) return;
1652		- resolved = true;
1653		- $modal.remove();
1654		- if (typeof onChoice === 'function') onChoice(confirmed);
1655		- }
1656		-
1657		- // Click on the overlay background dismisses (cancel)
1658		- $modal.on('click', function(e) {
1659		- if (e.target === $modal[0]) resolve(false);
1660		- });
1661		- $modal.find('#mxchat_embed_warn_cancel').on('click', function() { resolve(false); });
1662		- $modal.find('#mxchat_embed_warn_continue').on('click', function() { resolve(true); });
1663		-}
1664		-
1665	1537	// Embedding model selector - completely separate from chat model selector
1666	1538	function setupMxChatEmbeddingModelSelector() {
1667	1539	const $embeddingModelSelect = $('#embedding_model');
1668	1540
		@@ -1756,11 +1628,11 @@
1756	1628	}
1757	1629	],
1758	1630	gemini: [
1759	1631	{
1760		- value: 'gemini-embedding-001',
1761		- label: 'Gemini Embedding',
1762		- description: 'Stable SOTA embeddings (1536 dimensions, 8K context)'
	1632	+ value: 'gemini-embedding-exp-03-07',
	1633	+ label: 'Gemini Embedding',
	1634	+ description: 'Experimental SOTA embeddings (1536 dimensions, 8K context)'
1763	1635	}
1764	1636	]
1765	1637	};
1766	1638
		@@ -1843,53 +1715,25 @@
1843	1715	const activeCategory = $('.mxchat-embedding-model-selector-categories .mxchat-embedding-model-category-btn.active').data('category');
1844	1716	populateEmbeddingModelsGrid(searchTerm, activeCategory);
1845	1717	});
1846	1718
1847		- // 3.2.3: Commit a model change — same as the original click handler, just
1848		- // factored out so it can be invoked from both the safe path and the
1849		- // post-confirmation path.
1850		- function commitEmbeddingModelChange(modelValue) {
	1719	+ // Use a direct selector to avoid conflicts with other card elements
	1720	+ $(document).on('click.embeddingModelSelector', '.mxchat-embedding-model-selector-grid .mxchat-embedding-model-selector-card', function(e) {
	1721	+ e.stopPropagation(); // Prevent event bubbling
	1722	+ const modelValue = $(this).data('value');
	1723	+
	1724	+ // Important: Only update this specific select element
1851	1725	$embeddingModelSelect.val(modelValue);
	1726	+
	1727	+ // Manually trigger change only on this element
1852	1728	const changeEvent = new Event('change', { bubbles: true });
1853	1729	$embeddingModelSelect[0].dispatchEvent(changeEvent);
	1730	+
	1731	+ // Update button text
1854	1732	updateButtonText();
	1733	+
	1734	+ // Hide modal
1855	1735	$('#' + embeddingModalId).hide();
1856		- }
1857		-
1858		- // Use a direct selector to avoid conflicts with other card elements
1859		- $(document).on('click.embeddingModelSelector', '.mxchat-embedding-model-selector-grid .mxchat-embedding-model-selector-card', function(e) {
1860		- e.stopPropagation(); // Prevent event bubbling
1861		- const modelValue = $(this).data('value');
1862		- const previousValue = $embeddingModelSelect.val();
1863		-
1864		- // No-op if the user clicked the already-selected card
1865		- if (modelValue === previousValue) {
1866		- $('#' + embeddingModalId).hide();
1867		- return;
1868		- }
1869		-
1870		- // 3.2.3: Preflight — if the user has content embedded with a different
1871		- // model, surface a confirmation dialog before committing the switch.
1872		- $.post(ajaxurl, {
1873		- action: 'mxchat_check_embedding_switch',
1874		- security: (typeof mxchatAdmin !== 'undefined' ? mxchatAdmin.nonce : ''),
1875		- new_model: modelValue
1876		- }).done(function(resp) {
1877		- if (resp && resp.success && resp.data && resp.data.is_mismatch) {
1878		- showEmbeddingSwitchWarning(resp.data, modelValue, function(confirmed) {
1879		- if (confirmed) {
1880		- commitEmbeddingModelChange(modelValue);
1881		- }
1882		- });
1883		- } else {
1884		- commitEmbeddingModelChange(modelValue);
1885		- }
1886		- }).fail(function() {
1887		- // If preflight fails, fall back to the original behavior so a network
1888		- // hiccup doesn't block legitimate model switches.
1889		- commitEmbeddingModelChange(modelValue);
1890		- });
1891		- return;
1892	1736	});
1893	1737
1894	1738	// Close modal when clicking outside - use namespaced events
1895	1739	$(window).on('click.embeddingModelSelector', function(event) {
		@@ -1903,9 +1747,12 @@
1903	1747	$(document).ready(function() {
1904	1748	setupMxChatModelSelector();
1905	1749	setupMxChatEmbeddingModelSelector();
1906	1750	});
1907		-
	1751	+
	1752	+ // Initialize API key visibility
	1753	+ setupAPIKeyVisibility();
	1754	+
1908	1755	// Add Intent Form Submission
1909	1756	$('#mxchat-add-intent-form').on('submit', function(event) {
1910	1757	$('#mxchat-intent-loading').show();
1911	1758	$('#mxchat-intent-loading-text').show();
		@@ -1914,22 +1761,8 @@
1914	1761
1915	1762	// Inline Edit Functionality
1916	1763	$('.edit-button').on('click', function() {
1917	1764	var row = $(this).closest('tr');
1918		-
1919		- // Clear URL field if it's a manual content URL (mxchat:// protocol)
1920		- var urlEdit = row.find('.url-edit');
1921		- if (urlEdit.length && urlEdit.val().indexOf('mxchat://') === 0) {
1922		- urlEdit.val('');
1923		- }
1924		-
1925		- // Expand the accordion to show the edit textarea (fixes short content editing)
1926		- var contentFull = row.find('.mxchat-content-full');
1927		- if (contentFull.length && contentFull.is(':hidden')) {
1928		- contentFull.show();
1929		- row.find('.mxchat-content-preview').hide();
1930		- }
1931		-
1932	1765	row.find('.content-view, .url-view').hide();
1933	1766	row.find('.content-edit, .url-edit').show();
1934	1767	row.find('.edit-button').hide();
1935	1768	row.find('.save-button').show();
		@@ -1962,25 +1795,21 @@
1962	1795	},
1963	1796	success: function(response) {
1964	1797	button.prop('disabled', false);
1965	1798	button.text('Save');
1966		-
	1799	+
1967	1800	if (response.success) {
1968	1801	row.find('.content-view').html(newContent.replace(/\n/g, "<br>"));
1969	1802	if (newUrl) {
1970		- row.find('.url-view').html('<a href="' + newUrl + '" target="_blank"><span class="dashicons dashicons-external"></span> View Source</a>');
	1803	+ row.find('.url-view').html('<a href="' + newUrl + '" target="_blank">' + newUrl + '</a>');
1971	1804	} else {
1972		- row.find('.url-view').html('<span class="mxchat-na">Manual Content</span>');
	1805	+ row.find('.url-view').html('N/A');
1973	1806	}
1974		-
	1807	+
1975	1808	row.find('.content-edit, .url-edit').hide();
1976	1809	row.find('.content-view, .url-view').show();
1977	1810	row.find('.save-button').hide();
1978	1811	row.find('.edit-button').show();
1979		-
1980		- // Restore accordion state - show preview, hide full content
1981		- row.find('.mxchat-content-preview').show();
1982		- row.find('.mxchat-content-full').hide();
1983	1812	} else {
1984	1813	alert('Error saving content: ' + (response.data?.message || 'Unknown error'));
1985	1814	}
1986	1815	},
		@@ -2187,14 +2016,24 @@
2187	2016	const actionLabel = this.dataset.label;
2188	2017	const actionIcon = this.querySelector('.dashicons').getAttribute('class').replace('dashicons dashicons-', '');
2189	2018	const actionDescription = this.querySelector('p').textContent;
2190	2019
2191		- // Check if this is a promotional card (add-on not installed)
2192		- const isPromo = this.dataset.promo === 'true';
2193		-
2194		- if (isPromo || (addonName && !isInstalled)) {
2195		- // Add-on required but not installed — show informational notice
2196		- const addonDisplayName = this.querySelector('.mxchat-addon-info')?.textContent?.replace('Requires ', '').replace('— Get Add-on', '').trim() || addonName + ' Add-on';
	2020	+ // Pro check using the proper detection method
	2021	+ const proIsActivated = typeof mxchatAdmin !== 'undefined' &&
	2022	+ (mxchatAdmin.is_activated === '1' ||
	2023	+ mxchatAdmin.is_activated === 'true' ||
	2024	+ mxchatAdmin.is_activated === true);
	2025	+
	2026	+ // Handle different states
	2027	+ if (isPro && !proIsActivated) {
	2028	+ // Pro feature but no Pro license
	2029	+ showProFeatureNotice();
	2030	+ return;
	2031	+ }
	2032	+
	2033	+ if (addonName && !isInstalled) {
	2034	+ // Add-on required but not installed
	2035	+ const addonDisplayName = this.querySelector('.mxchat-addon-info')?.textContent?.replace('Requires ', '') || addonName + ' Add-on';
2197	2036	showAddonRequiredNotice(addonDisplayName);
2198	2037	return;
2199	2038	}
2200	2039
		@@ -2606,27 +2445,37 @@
2606	2445	}
2607	2446	});
2608	2447
2609	2448	jQuery(document).ready(function($) {
2610		- // Auto-expand custom post types container if any are checked
2611		- // Note: Click handler is in admin-knowledge-page.php inline script (initCustomPostTypesToggle)
	2449	+ // Toggle custom post types container
	2450	+ $('#mxchat-custom-post-types-toggle').on('click', function(e) {
	2451	+ e.preventDefault();
	2452	+
	2453	+ $('#mxchat-custom-post-types-container').slideToggle(300);
	2454	+
	2455	+ // Rotate the toggle icon
	2456	+ const $icon = $(this).find('.mxchat-accordion-icon');
	2457	+ if ($('#mxchat-custom-post-types-container').is(':visible')) {
	2458	+ $icon.css('transform', 'rotate(180deg)');
	2459	+ $(this).closest('.mxchat-settings-accordion').addClass('active');
	2460	+ } else {
	2461	+ $icon.css('transform', 'rotate(0deg)');
	2462	+ $(this).closest('.mxchat-settings-accordion').removeClass('active');
	2463	+ }
	2464	+ });
	2465	+
	2466	+ // If there are any selections made, auto-expand the container
2612	2467	function autoExpandIfNeeded() {
2613		- const $container = $('#mxchat-custom-post-types-container');
2614		- const $toggleBtn = $('#mxchat-custom-post-types-toggle');
2615		-
2616		- if ($container.length === 0) return;
2617		-
2618		- const hasCheckedItems = $container.find('input[type="checkbox"]:checked').length > 0;
2619		-
	2468	+ // Check if any checkbox in the container is checked
	2469	+ const hasCheckedItems = $('#mxchat-custom-post-types-container input[type="checkbox"]:checked').length > 0;
	2470	+
2620	2471	if (hasCheckedItems) {
2621		- $container.show();
2622		- const $icon = $toggleBtn.find('span:last-child');
2623		- if ($icon.length) {
2624		- $icon.text('▲');
2625		- }
	2472	+ $('#mxchat-custom-post-types-container').show();
	2473	+ $('#mxchat-custom-post-types-toggle .mxchat-accordion-icon').css('transform', 'rotate(180deg)');
	2474	+ $('.mxchat-settings-accordion').addClass('active');
2626	2475	}
2627	2476	}
2628		-
	2477	+
2629	2478	// Run on page load
2630	2479	autoExpandIfNeeded();
2631	2480	});
2632	2481
		@@ -2835,819 +2684,6 @@
2835	2684
2836	2685	// Store initial values
2837	2686	$('.mxchat-role-select').each(function() {
2838	2687	$(this).data('original-value', $(this).val());
2839		- });
2840		-});
2841		-
2842		-// Bot Selector Handler
2843		-jQuery(document).ready(function($) {
2844		- var saveTimer;
2845		-
2846		- // Function to update bot_id in forms
2847		- function updateBotIdInForm(formSelector) {
2848		- var botId = $('#mxchat-bot-selector').val();
2849		- var form = $(formSelector);
2850		-
2851		- if (form.length > 0) {
2852		- // Remove existing bot_id hidden input
2853		- form.find('input[name="bot_id"]').remove();
2854		-
2855		- // Add new bot_id hidden input if not default
2856		- if (botId && botId !== 'default') {
2857		- form.append('<input type="hidden" name="bot_id" value="' + botId + '">');
2858		- }
2859		- }
2860		- }
2861		-
2862		- $('#mxchat-bot-selector').on('change', function() {
2863		- var botId = $(this).val();
2864		-
2865		- // Clear any existing timer
2866		- clearTimeout(saveTimer);
2867		-
2868		- // Update all forms with new bot_id when bot selection changes
2869		- updateBotIdInForm('#mxchat-url-form');
2870		- updateBotIdInForm('#mxchat-content-form');
2871		-
2872		- // Save the selection via AJAX
2873		- $.ajax({
2874		- url: ajaxurl,
2875		- type: 'POST',
2876		- data: {
2877		- action: 'mxchat_save_selected_bot',
2878		- bot_id: botId,
2879		- nonce: mxchatAdmin.setting_nonce
2880		- },
2881		- success: function(response) {
2882		- if (response.success) {
2883		- // Show saved indicator
2884		- $('#mxchat-bot-save-status').fadeIn().delay(2000).fadeOut();
2885		-
2886		- // Reload the page after a short delay to refresh content
2887		- saveTimer = setTimeout(function() {
2888		- var currentUrl = new URL(window.location.href);
2889		- currentUrl.searchParams.set('bot_id', botId);
2890		- currentUrl.searchParams.set('page', 'mxchat-prompts');
2891		- window.location.href = currentUrl.toString();
2892		- }, 500);
2893		- }
2894		- },
2895		- error: function() {
2896		- console.error('Failed to save bot selection');
2897		- }
2898		- });
2899		- });
2900		-
2901		- // Initialize forms with current bot_id when the page loads
2902		- setTimeout(function() {
2903		- updateBotIdInForm('#mxchat-url-form');
2904		- updateBotIdInForm('#mxchat-content-form');
2905		- }, 100);
2906		-});
2907		-
2908		-// API Key Status Indicator for Chat Models
2909		-jQuery(document).ready(function($) {
2910		- function updateChatModelAPIStatus(apiKeyStatuses) {
2911		- var selectedModel = $('#model').val();
2912		-
2913		- // Hide all status messages
2914		- $('.mxchat-api-status').hide();
2915		-
2916		- // Return early if no model is selected
2917		- if (!selectedModel) {
2918		- return;
2919		- }
2920		-
2921		- // Map models to providers
2922		- var provider = null;
2923		-
2924		- if (selectedModel.startsWith('gpt-')) {
2925		- provider = 'openai';
2926		- } else if (selectedModel.startsWith('claude-')) {
2927		- provider = 'claude';
2928		- } else if (selectedModel.startsWith('grok-')) {
2929		- provider = 'xai';
2930		- } else if (selectedModel.startsWith('deepseek-')) {
2931		- provider = 'deepseek';
2932		- } else if (selectedModel.startsWith('gemini-')) {
2933		- provider = 'gemini';
2934		- } else if (selectedModel === 'openrouter') {
2935		- provider = 'openrouter';
2936		- }
2937		-
2938		- // If we have fresh API key data, update the messages
2939		- if (apiKeyStatuses && provider && apiKeyStatuses[provider] !== undefined) {
2940		- var $statusElement = $('.mxchat-api-status[data-provider="' + provider + '"]');
2941		- var hasKey = apiKeyStatuses[provider];
2942		-
2943		- if (hasKey) {
2944		- $statusElement.html('<span style="color: #00a32a;">✓ API key for ' + getProviderName(provider) + ' detected</span>');
2945		- } else {
2946		- $statusElement.html('<span style="color: #d63638;">⚠ No API key for ' + getProviderName(provider) + ' detected. Please enter API key in API Keys tab.</span>');
2947		- }
2948		- }
2949		-
2950		- // Show the appropriate status message
2951		- if (provider) {
2952		- $('.mxchat-api-status[data-provider="' + provider + '"]').show();
2953		- }
2954		- }
2955		-
2956		- function updateEmbeddingModelAPIStatus(apiKeyStatuses) {
2957		- var selectedModel = $('#embedding_model').val();
2958		-
2959		- // Hide all status messages
2960		- $('.mxchat-embedding-api-status').hide();
2961		-
2962		- // Return early if no model is selected
2963		- if (!selectedModel) {
2964		- return;
2965		- }
2966		-
2967		- // Map models to providers
2968		- var provider = null;
2969		-
2970		- if (selectedModel.startsWith('text-embedding-')) {
2971		- provider = 'openai';
2972		- } else if (selectedModel.startsWith('voyage-')) {
2973		- provider = 'voyage';
2974		- } else if (selectedModel.startsWith('gemini-embedding-')) {
2975		- provider = 'gemini';
2976		- }
2977		-
2978		- // If we have fresh API key data, update the messages
2979		- if (apiKeyStatuses && provider && apiKeyStatuses[provider] !== undefined) {
2980		- var $statusElement = $('.mxchat-embedding-api-status[data-provider="' + provider + '"]');
2981		- var hasKey = apiKeyStatuses[provider];
2982		-
2983		- if (hasKey) {
2984		- $statusElement.html('<span style="color: #00a32a;">✓ API key for ' + getProviderName(provider) + ' detected</span>');
2985		- } else {
2986		- $statusElement.html('<span style="color: #d63638;">⚠ No API key for ' + getProviderName(provider) + ' detected. Please enter API key in API Keys tab.</span>');
2987		- }
2988		- }
2989		-
2990		- // Show the appropriate status message
2991		- if (provider) {
2992		- $('.mxchat-embedding-api-status[data-provider="' + provider + '"]').show();
2993		- }
2994		- }
2995		-
2996		- function getProviderName(provider) {
2997		- var names = {
2998		- 'openai': 'OpenAI',
2999		- 'claude': 'Anthropic (Claude)',
3000		- 'xai': 'X.AI (Grok)',
3001		- 'deepseek': 'DeepSeek',
3002		- 'gemini': 'Google Gemini',
3003		- 'openrouter': 'OpenRouter',
3004		- 'voyage': 'Voyage AI'
3005		- };
3006		- return names[provider] || provider;
3007		- }
3008		-
3009		- function refreshAPIKeyStatus() {
3010		- $.ajax({
3011		- url: ajaxurl,
3012		- type: 'POST',
3013		- data: {
3014		- action: 'mxchat_check_api_keys',
3015		- nonce: mxchatAdmin.setting_nonce
3016		- },
3017		- success: function(response) {
3018		- if (response.success && response.data) {
3019		- updateChatModelAPIStatus(response.data);
3020		- updateEmbeddingModelAPIStatus(response.data);
3021		- }
3022		- }
3023		- });
3024		- }
3025		-
3026		- // Expose refresh function globally so auto-save can call it
3027		- window.mxchatRefreshAPIKeyStatus = refreshAPIKeyStatus;
3028		-
3029		- // Run on page load
3030		- updateChatModelAPIStatus();
3031		- updateEmbeddingModelAPIStatus();
3032		-
3033		- // Check if we just saved settings (WordPress redirects with ?settings-updated=true)
3034		- var urlParams = new URLSearchParams(window.location.search);
3035		- if (urlParams.get('settings-updated') === 'true') {
3036		- // Page was just reloaded after save, fetch fresh API key status
3037		- refreshAPIKeyStatus();
3038		- }
3039		-
3040		- // Run when model changes
3041		- $('#model').on('change', function() {
3042		- updateChatModelAPIStatus();
3043		- updateWebSearchToggleVisibility();
3044		- });
3045		- $('#embedding_model').on('change', function() { updateEmbeddingModelAPIStatus(); });
3046		-
3047		- // Web Search toggle visibility based on model
3048		- function updateWebSearchToggleVisibility() {
3049		- var selectedModel = $('#model').val();
3050		- var $wrapper = $('#web-search-toggle-wrapper');
3051		- var $unavailableMessage = $('#web-search-unavailable-message');
3052		-
3053		- if (!$wrapper.length) return; // Element doesn't exist
3054		-
3055		- // Get the list of web-search-capable models from data attributes (OpenAI + Gemini)
3056		- var openaiModelsAttr = $wrapper.data('openai-models');
3057		- var geminiModelsAttr = $wrapper.data('gemini-models');
3058		- var unsupportedModelsAttr = $wrapper.data('unsupported-models');
3059		-
3060		- var openaiModels = openaiModelsAttr ? String(openaiModelsAttr).split(',') : [];
3061		- var geminiModels = geminiModelsAttr ? String(geminiModelsAttr).split(',') : [];
3062		- var unsupportedModels = unsupportedModelsAttr ? String(unsupportedModelsAttr).split(',') : [];
3063		-
3064		- // Check if selected model is an OpenAI or Gemini model that supports web search
3065		- var isCapable = openaiModels.includes(selectedModel) || geminiModels.includes(selectedModel);
3066		- var isSupported = isCapable && !unsupportedModels.includes(selectedModel);
3067		-
3068		- if (isSupported) {
3069		- $wrapper.show();
3070		- $unavailableMessage.hide();
3071		- } else {
3072		- $wrapper.hide();
3073		- $unavailableMessage.show();
3074		- }
3075		- }
3076		-
3077		- // Run on page load
3078		- updateWebSearchToggleVisibility();
3079		-});
3080		-
3081		-// Transcripts Metrics Dashboard
3082		-jQuery(document).ready(function($) {
3083		- // Tab switching functionality
3084		- $('.mxchat-metrics-tab').on('click', function() {
3085		- const tabName = $(this).data('tab');
3086		-
3087		- // Update tab buttons
3088		- $('.mxchat-metrics-tab').removeClass('active');
3089		- $(this).addClass('active');
3090		-
3091		- // Update panels
3092		- $('.mxchat-metrics-panel').removeClass('active');
3093		- $(`.mxchat-metrics-panel[data-panel="${tabName}"]`).addClass('active');
3094		-
3095		- // Initialize chart if activity tab is shown
3096		- if (tabName === 'activity' && typeof mxchatChartData !== 'undefined') {
3097		- // Small delay to ensure the canvas is visible
3098		- setTimeout(function() {
3099		- initActivityChart();
3100		- }, 50);
3101		- }
3102		- });
3103		-
3104		- // Initialize chart function
3105		- function initActivityChart() {
3106		- const canvas = document.getElementById('mxchat-activity-chart');
3107		- if (!canvas) return;
3108		-
3109		- // Check if chart already exists and destroy it
3110		- if (canvas.chartInstance) {
3111		- canvas.chartInstance.destroy();
3112		- }
3113		-
3114		- const ctx = canvas.getContext('2d');
3115		-
3116		- // Create gradient for chats line
3117		- const chatsGradient = ctx.createLinearGradient(0, 0, 0, 300);
3118		- chatsGradient.addColorStop(0, 'rgba(102, 126, 234, 0.3)');
3119		- chatsGradient.addColorStop(1, 'rgba(102, 126, 234, 0.05)');
3120		-
3121		- // Create gradient for messages line
3122		- const messagesGradient = ctx.createLinearGradient(0, 0, 0, 300);
3123		- messagesGradient.addColorStop(0, 'rgba(118, 75, 162, 0.3)');
3124		- messagesGradient.addColorStop(1, 'rgba(118, 75, 162, 0.05)');
3125		-
3126		- // Simple chart without external library
3127		- canvas.chartInstance = new SimpleChart(canvas, {
3128		- labels: mxchatChartData.labels,
3129		- datasets: [
3130		- {
3131		- label: 'Chats',
3132		- data: mxchatChartData.chats,
3133		- borderColor: '#667eea',
3134		- backgroundColor: chatsGradient,
3135		- fill: true
3136		- },
3137		- {
3138		- label: 'Messages',
3139		- data: mxchatChartData.messages,
3140		- borderColor: '#764ba2',
3141		- backgroundColor: messagesGradient,
3142		- fill: true
3143		- }
3144		- ]
3145		- });
3146		- }
3147		-
3148		- // Simple chart implementation (no external dependencies)
3149		- class SimpleChart {
3150		- constructor(canvas, config) {
3151		- this.canvas = canvas;
3152		- this.ctx = canvas.getContext('2d');
3153		- this.config = config;
3154		- this.padding = { top: 20, right: 20, bottom: 40, left: 50 };
3155		- this.render();
3156		- }
3157		-
3158		- destroy() {
3159		- this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
3160		- }
3161		-
3162		- render() {
3163		- const dpr = window.devicePixelRatio || 1;
3164		- const rect = this.canvas.getBoundingClientRect();
3165		-
3166		- this.canvas.width = rect.width * dpr;
3167		- this.canvas.height = rect.height * dpr;
3168		- this.ctx.scale(dpr, dpr);
3169		-
3170		- this.canvas.style.width = rect.width + 'px';
3171		- this.canvas.style.height = rect.height + 'px';
3172		-
3173		- const width = rect.width - this.padding.left - this.padding.right;
3174		- const height = rect.height - this.padding.top - this.padding.bottom;
3175		-
3176		- // Find max value
3177		- let maxValue = 0;
3178		- this.config.datasets.forEach(dataset => {
3179		- const max = Math.max(...dataset.data);
3180		- if (max > maxValue) maxValue = max;
3181		- });
3182		-
3183		- // Add some padding to max value
3184		- maxValue = Math.ceil(maxValue * 1.1);
3185		- if (maxValue === 0) maxValue = 10;
3186		-
3187		- // Draw grid lines
3188		- this.ctx.strokeStyle = '#e5e7eb';
3189		- this.ctx.lineWidth = 1;
3190		- const gridLines = 5;
3191		-
3192		- for (let i = 0; i <= gridLines; i++) {
3193		- const y = this.padding.top + (height / gridLines) * i;
3194		- this.ctx.beginPath();
3195		- this.ctx.moveTo(this.padding.left, y);
3196		- this.ctx.lineTo(this.padding.left + width, y);
3197		- this.ctx.stroke();
3198		-
3199		- // Draw y-axis labels
3200		- const value = maxValue - (maxValue / gridLines) * i;
3201		- this.ctx.fillStyle = '#6b7280';
3202		- this.ctx.font = '12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
3203		- this.ctx.textAlign = 'right';
3204		- this.ctx.fillText(Math.round(value), this.padding.left - 10, y + 4);
3205		- }
3206		-
3207		- // Draw datasets
3208		- this.config.datasets.forEach(dataset => {
3209		- const points = [];
3210		- const xStep = width / (this.config.labels.length - 1 || 1);
3211		-
3212		- dataset.data.forEach((value, index) => {
3213		- const x = this.padding.left + (xStep * index);
3214		- const y = this.padding.top + height - (value / maxValue * height);
3215		- points.push({ x, y, value });
3216		- });
3217		-
3218		- // Draw filled area
3219		- if (dataset.fill && dataset.backgroundColor) {
3220		- this.ctx.fillStyle = dataset.backgroundColor;
3221		- this.ctx.beginPath();
3222		- this.ctx.moveTo(points[0].x, this.padding.top + height);
3223		- points.forEach(point => {
3224		- this.ctx.lineTo(point.x, point.y);
3225		- });
3226		- this.ctx.lineTo(points[points.length - 1].x, this.padding.top + height);
3227		- this.ctx.closePath();
3228		- this.ctx.fill();
3229		- }
3230		-
3231		- // Draw line
3232		- this.ctx.strokeStyle = dataset.borderColor;
3233		- this.ctx.lineWidth = 3;
3234		- this.ctx.lineCap = 'round';
3235		- this.ctx.lineJoin = 'round';
3236		-
3237		- this.ctx.beginPath();
3238		- points.forEach((point, index) => {
3239		- if (index === 0) {
3240		- this.ctx.moveTo(point.x, point.y);
3241		- } else {
3242		- this.ctx.lineTo(point.x, point.y);
3243		- }
3244		- });
3245		- this.ctx.stroke();
3246		-
3247		- // Draw points
3248		- points.forEach(point => {
3249		- this.ctx.fillStyle = '#ffffff';
3250		- this.ctx.beginPath();
3251		- this.ctx.arc(point.x, point.y, 5, 0, Math.PI * 2);
3252		- this.ctx.fill();
3253		- this.ctx.strokeStyle = dataset.borderColor;
3254		- this.ctx.lineWidth = 2;
3255		- this.ctx.stroke();
3256		- });
3257		- });
3258		-
3259		- // Draw x-axis labels
3260		- const xStep = width / (this.config.labels.length - 1 || 1);
3261		- this.ctx.fillStyle = '#6b7280';
3262		- this.ctx.font = '12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
3263		- this.ctx.textAlign = 'center';
3264		-
3265		- this.config.labels.forEach((label, index) => {
3266		- const x = this.padding.left + (xStep * index);
3267		- this.ctx.fillText(label, x, this.padding.top + height + 20);
3268		- });
3269		-
3270		- // Draw legend
3271		- let legendX = this.padding.left;
3272		- const legendY = rect.height - 10;
3273		-
3274		- this.config.datasets.forEach((dataset, index) => {
3275		- // Color box
3276		- this.ctx.fillStyle = dataset.borderColor;
3277		- this.ctx.fillRect(legendX, legendY - 8, 12, 12);
3278		-
3279		- // Label
3280		- this.ctx.fillStyle = '#374151';
3281		- this.ctx.font = '12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
3282		- this.ctx.textAlign = 'left';
3283		- this.ctx.fillText(dataset.label, legendX + 18, legendY);
3284		-
3285		- legendX += this.ctx.measureText(dataset.label).width + 40;
3286		- });
3287		- }
3288		- }
3289		-
3290		- // Initialize chart on page load if we're on the activity tab
3291		- if ($('.mxchat-metrics-tab.active').data('tab') === 'activity' && typeof mxchatChartData !== 'undefined') {
3292		- setTimeout(function() {
3293		- initActivityChart();
3294		- }, 100);
3295		- }
3296		-
3297		- // ========================================
3298		- // SLACK TEST CONNECTION
3299		- // ========================================
3300		- $('#mxchat-test-slack-connection').on('click', function() {
3301		- var $button = $(this);
3302		- var $result = $('#mxchat-slack-test-result');
3303		- var originalText = $button.html();
3304		-
3305		- // Show loading state
3306		- $button.prop('disabled', true).html(
3307		- '<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>' +
3308		- 'Testing...'
3309		- );
3310		-
3311		- $.ajax({
3312		- url: ajaxurl,
3313		- type: 'POST',
3314		- data: {
3315		- action: 'mxchat_test_slack_connection',
3316		- nonce: mxchatAdmin.nonce
3317		- },
3318		- success: function(response) {
3319		- $result.show();
3320		- if (response.success) {
3321		- $result.html(
3322		- '<div style="background: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 16px; border-radius: 8px;">' +
3323		- '<strong style="display: block; margin-bottom: 8px;">✓ Connection Successful!</strong>' +
3324		- '<pre style="margin: 0; white-space: pre-wrap; font-size: 13px;">' + escapeHtml(response.data.message) + '</pre>' +
3325		- '</div>'
3326		- );
3327		- } else {
3328		- var bgColor = response.data.partial ? '#fff3cd' : '#f8d7da';
3329		- var borderColor = response.data.partial ? '#ffeeba' : '#f5c6cb';
3330		- var textColor = response.data.partial ? '#856404' : '#721c24';
3331		- var icon = response.data.partial ? '⚠' : '✗';
3332		- var title = response.data.partial ? 'Partial Success - Missing Scopes' : 'Connection Failed';
3333		-
3334		- $result.html(
3335		- '<div style="background: ' + bgColor + '; border: 1px solid ' + borderColor + '; color: ' + textColor + '; padding: 16px; border-radius: 8px;">' +
3336		- '<strong style="display: block; margin-bottom: 8px;">' + icon + ' ' + title + '</strong>' +
3337		- '<pre style="margin: 0; white-space: pre-wrap; font-size: 13px;">' + escapeHtml(response.data.message) + '</pre>' +
3338		- (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>' : '') +
3339		- '</div>'
3340		- );
3341		- }
3342		- },
3343		- error: function() {
3344		- $result.show().html(
3345		- '<div style="background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 16px; border-radius: 8px;">' +
3346		- '<strong>✗ Request Failed</strong><br>Could not connect to the server. Please try again.' +
3347		- '</div>'
3348		- );
3349		- },
3350		- complete: function() {
3351		- $button.prop('disabled', false).html(originalText);
3352		- }
3353		- });
3354		- });
3355		-
3356		- // Helper function to escape HTML
3357		- function escapeHtml(text) {
3358		- var div = document.createElement('div');
3359		- div.appendChild(document.createTextNode(text));
3360		- return div.innerHTML;
3361		- }
3362		-
3363		- // ========================================
3364		- // DEBUG & OPTIMIZATION TOOLS
3365		- // ========================================
3366		-
3367		- // Debug Mode Toggle
3368		- $('#mxchat_debug_mode').on('change', function() {
3369		- var $toggle = $(this);
3370		- var enabled = $toggle.is(':checked') ? 'on' : 'off';
3371		- var $label = $toggle.closest('label');
3372		-
3373		- // Add loading indicator next to the toggle label
3374		- var $indicator = $label.find('.mxchat-save-indicator');
3375		- if ($indicator.length === 0) {
3376		- $indicator = $('<span class="mxchat-save-indicator" style="margin-left: 10px;"></span>');
3377		- $label.append($indicator);
3378		- }
3379		- $indicator.html('<span class="mxchat-saving-spinner"></span>').show();
3380		-
3381		- $.ajax({
3382		- url: ajaxurl,
3383		- type: 'POST',
3384		- data: {
3385		- action: 'mxchat_toggle_debug_mode',
3386		- enabled: enabled,
3387		- _ajax_nonce: mxchatAdmin.setting_nonce
3388		- },
3389		- success: function(response) {
3390		- if (response.success) {
3391		- // Show success indicator
3392		- $indicator.html('<span class="mxchat-save-success">✓</span>');
3393		- setTimeout(function() {
3394		- $indicator.fadeOut(300);
3395		- }, 2000);
3396		-
3397		- // Always refresh the log after toggling
3398		- refreshDebugLog();
3399		- } else {
3400		- $indicator.html('<span class="mxchat-save-error">✗</span>');
3401		- alert(response.data.message || 'Error toggling debug mode');
3402		- $toggle.prop('checked', !$toggle.is(':checked'));
3403		- }
3404		- },
3405		- error: function() {
3406		- $indicator.html('<span class="mxchat-save-error">✗</span>');
3407		- alert('Error toggling debug mode');
3408		- $toggle.prop('checked', !$toggle.is(':checked'));
3409		- }
3410		- });
3411		- });
3412		-
3413		- // Refresh Debug Log
3414		- function refreshDebugLog() {
3415		- var $container = $('#mxchat-debug-log');
3416		- var $countBadge = $('#mxchat-log-count');
3417		-
3418		- $.ajax({
3419		- url: ajaxurl,
3420		- type: 'POST',
3421		- data: {
3422		- action: 'mxchat_get_debug_log',
3423		- _ajax_nonce: mxchatAdmin.setting_nonce
3424		- },
3425		- success: function(response) {
3426		- if (response.success) {
3427		- var log = response.data.log;
3428		- var count = response.data.count;
3429		-
3430		- if (count > 0) {
3431		- $countBadge.text(count + ' entries').show();
3432		- var html = '<div class="mxchat-debug-log-entries">';
3433		- log.forEach(function(entry) {
3434		- var typeClass = 'mxchat-log-type-' + entry.type;
3435		- var typeLabel = entry.type.replace(/_/g, ' ').toUpperCase();
3436		- html += '<div class="mxchat-debug-log-entry ' + typeClass + '">';
3437		- html += '<div class="mxchat-log-header">';
3438		- html += '<span class="mxchat-log-type">' + escapeHtml(typeLabel) + '</span>';
3439		- html += '<span class="mxchat-log-time">' + escapeHtml(entry.time) + '</span>';
3440		- html += '</div>';
3441		- html += '<div class="mxchat-log-message">' + escapeHtml(entry.message) + '</div>';
3442		- if (entry.data) {
3443		- html += '<div class="mxchat-log-data">' + escapeHtml(JSON.stringify(entry.data, null, 2)) + '</div>';
3444		- }
3445		- html += '</div>';
3446		- });
3447		- html += '</div>';
3448		- $container.html(html);
3449		- } else {
3450		- $countBadge.hide();
3451		- $container.html(
3452		- '<div class="mxchat-debug-log-empty">' +
3453		- '<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>' +
3454		- '<p>No log entries yet. Enable debug mode to start logging.</p>' +
3455		- '</div>'
3456		- );
3457		- }
3458		- }
3459		- }
3460		- });
3461		- }
3462		-
3463		- // Load debug log on page load
3464		- if ($('#mxchat-debug-log').length) {
3465		- refreshDebugLog();
3466		- }
3467		-
3468		- // Refresh Log Button
3469		- $('#mxchat-refresh-log').on('click', function() {
3470		- var $btn = $(this);
3471		- $btn.prop('disabled', true);
3472		- refreshDebugLog();
3473		- setTimeout(function() {
3474		- $btn.prop('disabled', false);
3475		- }, 500);
3476		- });
3477		-
3478		- // Clear Log Button
3479		- $('#mxchat-clear-log').on('click', function() {
3480		- if (!confirm('Are you sure you want to clear the debug log?')) {
3481		- return;
3482		- }
3483		-
3484		- var $btn = $(this);
3485		- $btn.prop('disabled', true);
3486		-
3487		- $.ajax({
3488		- url: ajaxurl,
3489		- type: 'POST',
3490		- data: {
3491		- action: 'mxchat_clear_debug_log',
3492		- _ajax_nonce: mxchatAdmin.setting_nonce
3493		- },
3494		- success: function(response) {
3495		- if (response.success) {
3496		- refreshDebugLog();
3497		- } else {
3498		- alert(response.data.message || 'Error clearing log');
3499		- }
3500		- },
3501		- error: function() {
3502		- alert('Error clearing log');
3503		- },
3504		- complete: function() {
3505		- $btn.prop('disabled', false);
3506		- }
3507		- });
3508		- });
3509		-
3510		- // Export Settings Button
3511		- $('#mxchat-export-settings').on('click', function() {
3512		- var $btn = $(this);
3513		- var originalHtml = $btn.html();
3514		- $btn.prop('disabled', true).html(
3515		- '<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...'
3516		- );
3517		-
3518		- $.ajax({
3519		- url: ajaxurl,
3520		- type: 'POST',
3521		- data: {
3522		- action: 'mxchat_export_settings',
3523		- _ajax_nonce: mxchatAdmin.setting_nonce
3524		- },
3525		- success: function(response) {
3526		- if (response.success) {
3527		- // Create and download the JSON file
3528		- var dataStr = JSON.stringify(response.data.settings, null, 2);
3529		- var blob = new Blob([dataStr], { type: 'application/json' });
3530		- var url = URL.createObjectURL(blob);
3531		- var a = document.createElement('a');
3532		- a.href = url;
3533		- a.download = response.data.filename;
3534		- document.body.appendChild(a);
3535		- a.click();
3536		- document.body.removeChild(a);
3537		- URL.revokeObjectURL(url);
3538		- } else {
3539		- alert(response.data.message || 'Error exporting settings');
3540		- }
3541		- },
3542		- error: function() {
3543		- alert('Error exporting settings');
3544		- },
3545		- complete: function() {
3546		- $btn.prop('disabled', false).html(originalHtml);
3547		- }
3548		- });
3549		- });
3550		-
3551		- // Reset Settings Modal
3552		- var $resetModal = $('#mxchat-reset-modal');
3553		- var $resetConfirmInput = $('#mxchat-reset-confirmation');
3554		- var $resetConfirmBtn = $('#mxchat-reset-confirm');
3555		-
3556		- $('#mxchat-reset-settings').on('click', function() {
3557		- $resetModal.fadeIn(200);
3558		- $resetConfirmInput.val('').focus();
3559		- $resetConfirmBtn.prop('disabled', true);
3560		- });
3561		-
3562		- $('#mxchat-reset-modal-close, #mxchat-reset-cancel, .mxch-modal-backdrop').on('click', function() {
3563		- $resetModal.fadeOut(200);
3564		- });
3565		-
3566		- $resetConfirmInput.on('input', function() {
3567		- var value = $(this).val().toUpperCase();
3568		- $resetConfirmBtn.prop('disabled', value !== 'RESET');
3569		- });
3570		-
3571		- $resetConfirmBtn.on('click', function() {
3572		- var $btn = $(this);
3573		- var confirmation = $resetConfirmInput.val();
3574		-
3575		- $btn.prop('disabled', true).text('Resetting...');
3576		-
3577		- $.ajax({
3578		- url: ajaxurl,
3579		- type: 'POST',
3580		- data: {
3581		- action: 'mxchat_reset_all_settings',
3582		- confirmation: confirmation,
3583		- _ajax_nonce: mxchatAdmin.setting_nonce
3584		- },
3585		- success: function(response) {
3586		- if (response.success) {
3587		- alert(response.data.message);
3588		- window.location.reload();
3589		- } else {
3590		- alert(response.data.message || 'Error resetting settings');
3591		- $btn.prop('disabled', false).text('Reset All Settings');
3592		- }
3593		- },
3594		- error: function() {
3595		- alert('Error resetting settings');
3596		- $btn.prop('disabled', false).text('Reset All Settings');
3597		- }
3598		- });
3599		- });
3600		-
3601		- // Load debug log on page load if we're on the optimization section
3602		- if ($('#optimization').hasClass('active') || window.location.hash === '#optimization') {
3603		- refreshDebugLog();
3604		- }
3605		-
3606		- // Also refresh when switching to optimization tab
3607		- $(document).on('click', '[data-section="optimization"]', function() {
3608		- setTimeout(refreshDebugLog, 100);
3609		- });
3610		-});
3611		-
3612		-// Global rate-limit usage: "Reset counter" button (plan-mxchat-20260603-e9b3f9)
3613		-jQuery(document).ready(function($) {
3614		- var $usage = $('#mxch-global-usage');
3615		- if (!$usage.length) {
3616		- return;
3617		- }
3618		-
3619		- $('#mxch-global-usage-reset').on('click', function() {
3620		- var $btn = $(this);
3621		- if (!window.confirm('Reset the global usage counter to zero now? This clears how many messages have been used in the current window.')) {
3622		- return;
3623		- }
3624		-
3625		- var original = $btn.text();
3626		- $btn.prop('disabled', true).text('Resetting…');
3627		-
3628		- $.ajax({
3629		- url: mxchatAdmin.ajax_url,
3630		- type: 'POST',
3631		- data: {
3632		- action: 'mxchat_reset_global_rate_limit',
3633		- bot_id: $usage.data('bot-id') || 'default',
3634		- _ajax_nonce: $usage.data('reset-nonce')
3635		- },
3636		- success: function(response) {
3637		- $btn.prop('disabled', false).text(original);
3638		- if (response && response.success) {
3639		- $('#mxch-global-usage-fill').css('width', (response.data.pct || 0) + '%');
3640		- if (response.data.text) {
3641		- $('#mxch-global-usage-text').text(response.data.text);
3642		- }
3643		- } else {
3644		- window.alert((response && response.data && response.data.message) || 'Reset failed. Please try again.');
3645		- }
3646		- },
3647		- error: function() {
3648		- $btn.prop('disabled', false).text(original);
3649		- window.alert('Reset failed. Please try again.');
3650		- }
3651		- });
3652	2688	});
3653	2689	});