PluginProbe
MxChat – AI Chatbot & Content Generation for WordPress / 3.0.2
MxChat – AI Chatbot & Content Generation for WordPress v3.0.2
3.2.21 3.2.20 3.2.19 3.2.18 3.2.17 3.2.16 3.2.15 3.2.14 3.2.12 3.2.13 3.2.11 3.2.10 3.2.9 3.2.8 3.2.7 3.2.6 3.2.5 3.2.4 3.2.3 3.2.2 3.2.1 2.0.3 2.0.4 2.0.5 2.0.6 All 152 releases
← All changes | includes/admin-settings-page.php +30 -702 3.2.103.0.2 View file →
@@ -63,16 +63,8 @@
63 63 <button class="mxch-mobile-nav-link" data-target="api-keys">
64 64 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4"/></svg>
65 65 <span><?php esc_html_e('API Keys', 'mxchat'); ?></span>
66 66 </button>
67 - <button class="mxch-mobile-nav-link" data-target="optimization">
68 - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
69 - <span><?php esc_html_e('Optimization', 'mxchat'); ?></span>
70 - </button>
71 - <button class="mxch-mobile-nav-link" data-target="testing">
72 - <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 2v6"/><path d="M15 2v6"/><path d="M12 17v5"/><path d="M5 8h14"/><path d="M6 11v-1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1"/><path d="m9 14 3 3 3-3"/></svg>
73 - <span><?php esc_html_e('Testing', 'mxchat'); ?></span>
74 - </button>
75 67 </div>
76 68 <!-- Integrations Section -->
77 69 <div class="mxch-mobile-nav-section">
78 70 <div class="mxch-mobile-nav-section-title"><?php esc_html_e('Integrations', 'mxchat'); ?></div>
@@ -150,26 +142,8 @@
150 142 </span>
151 143 <span class="mxch-nav-link-text"><?php esc_html_e('API Keys', 'mxchat'); ?></span>
152 144 </button>
153 145 </div>
154 -
155 - <div class="mxch-nav-item" data-section="optimization">
156 - <button class="mxch-nav-link" data-target="optimization">
157 - <span class="mxch-nav-link-icon">
158 - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
159 - </span>
160 - <span class="mxch-nav-link-text"><?php esc_html_e('Optimization', 'mxchat'); ?></span>
161 - </button>
162 - </div>
163 -
164 - <div class="mxch-nav-item" data-section="testing">
165 - <button class="mxch-nav-link" data-target="testing">
166 - <span class="mxch-nav-link-icon">
167 - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 2v6"/><path d="M15 2v6"/><path d="M12 17v5"/><path d="M5 8h14"/><path d="M6 11v-1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1"/><path d="m9 14 3 3 3-3"/></svg>
168 - </span>
169 - <span class="mxch-nav-link-text"><?php esc_html_e('Testing', 'mxchat'); ?></span>
170 - </button>
171 - </div>
172 146 </div>
173 147
174 148 <!-- Integrations Section -->
175 149 <div class="mxch-nav-section">
@@ -205,9 +179,8 @@
205 179 <span class="mxch-nav-link-text"><?php esc_html_e('Tutorials', 'mxchat'); ?></span>
206 180 </button>
207 181 </div>
208 182 </div>
209 -
210 183 </nav>
211 184
212 185 <?php if (!$is_activated): ?>
213 186 <div class="mxch-sidebar-footer">
@@ -223,12 +196,12 @@
223 196 <main class="mxch-content">
224 197 <?php if (!$is_activated): ?>
225 198 <div class="mxch-pro-banner">
226 199 <div class="mxch-pro-banner-content">
227 - <h3 class="mxch-pro-banner-title"><?php esc_html_e('Stop paying $50–200/month for AI chatbot tools.', 'mxchat'); ?></h3>
228 - <p class="mxch-pro-banner-text"><?php esc_html_e('One payment unlocks every MxChat Pro add-on for life — MCP server access for Claude / ChatGPT / Claude Code, WooCommerce sales, Google Search Console insights, AI-generated chatbot themes, lead-capture forms, unlimited bots, image analysis, and more. No renewals. No surprise bills.', 'mxchat'); ?></p>
200 + <h3 class="mxch-pro-banner-title"><?php esc_html_e('MxChat Pro — Lifetime Access', 'mxchat'); ?></h3>
201 + <p class="mxch-pro-banner-text"><?php esc_html_e('One-time purchase. Unlock 10+ premium add-ons: Admin AI Assistant, Forms Builder, Chatbot Themes, and more.', 'mxchat'); ?></p>
229 202 </div>
230 - <a href="https://mxchat.ai/" target="_blank" class="mxch-pro-banner-btn"><span><?php esc_html_e('Get Lifetime Access →', 'mxchat'); ?></span></a>
203 + <a href="https://mxchat.ai/" target="_blank" class="mxch-pro-banner-btn"><span><?php esc_html_e('Learn More', 'mxchat'); ?></span></a>
231 204 </div>
232 205 <?php endif; ?>
233 206
234 207 <?php
@@ -293,18 +266,8 @@
293 266 mxchat_render_field_wrapper('similarity_threshold', __('Similarity Threshold', 'mxchat'), function() use ($admin_instance) {
294 267 $admin_instance->mxchat_similarity_threshold_callback();
295 268 }, __('Adjust threshold for content matching. Lower values = more matches, higher values = stricter matching.', 'mxchat'));
296 269
297 - // RAG Sources Limit
298 - mxchat_render_field_wrapper('rag_sources_limit', __('RAG Sources Limit', 'mxchat'), function() use ($admin_instance) {
299 - $admin_instance->mxchat_rag_sources_limit_callback();
300 - }, __('Number of knowledge base sources (pages/documents) to include in AI context. Higher values provide more context but use more tokens.', 'mxchat'));
301 -
302 - // RAG Chunks Limit
303 - mxchat_render_field_wrapper('rag_chunks_limit', __('RAG Chunks Limit', 'mxchat'), function() use ($admin_instance) {
304 - $admin_instance->mxchat_rag_chunks_limit_callback();
305 - }, __('Maximum total content chunks sent to the AI across all sources. Higher values provide more context but increase token usage and cost.', 'mxchat'));
306 -
307 270 // Contextual Awareness
308 271 mxchat_render_field_wrapper('contextual_awareness', __('Contextual Awareness', 'mxchat'), function() use ($admin_instance) {
309 272 $admin_instance->mxchat_contextual_awareness_callback();
310 273 }, __('Allow the chatbot to understand and reference the current page content for more relevant responses.', 'mxchat'));
@@ -313,16 +276,12 @@
313 276 mxchat_render_field_wrapper('citation_links', __('Citation Links', 'mxchat'), function() use ($admin_instance) {
314 277 $admin_instance->mxchat_citation_links_toggle_callback();
315 278 }, __('Allow the AI to include citation links from your knowledge database in responses. If disabled, ensure your AI Behavior settings do not mention links or the AI may fabricate URLs.', 'mxchat'));
316 279
317 - // Satisfaction Rating Prompt
318 - // The toggle callback inline-renders the 5 customization
319 - // fields inside a single sub-options wrapper (plan-29caac).
320 - // No separate customization group needed — the wrapper handles
321 - // its own server-side display state based on the toggle value.
322 - mxchat_render_field_wrapper('satisfaction_rating', __('Satisfaction Rating Prompt', 'mxchat'), function() use ($admin_instance) {
323 - $admin_instance->mxchat_satisfaction_rating_toggle_callback();
324 - }, __('Show a 👍 / 👎 prompt after a conversation has had a couple of bot replies and the visitor has been idle for a moment. Disable to hide the prompt site-wide.', 'mxchat'));
280 + // Frontend Debugger
281 + mxchat_render_field_wrapper('frontend_debugger', __('Frontend Debugger', 'mxchat'), function() use ($admin_instance) {
282 + $admin_instance->mxchat_frontend_debugger_callback();
283 + }, __('Show debug panel on frontend for admins. Displays similarity scores and query analysis.', 'mxchat'));
325 284 ?>
326 285 </div>
327 286 </div>
328 287 </div>
@@ -347,9 +306,9 @@
347 306 <?php
348 307 // Auto-Display
349 308 mxchat_render_field_wrapper('auto_display', __('Auto-Display Chatbot', 'mxchat'), function() use ($admin_instance) {
350 309 $admin_instance->mxchat_append_to_body_callback();
351 - }, __('Show chatbot automatically on all pages. Disable to use shortcode [mxchat_chatbot floating="yes"] for floating widget or [mxchat_chatbot floating="no"] for embedded chat.', 'mxchat'));
310 + }, __('Show chatbot automatically on all pages. Disable to use shortcode [mxchat_chatbot] instead.', 'mxchat'));
352 311
353 312 // Open Links in New Tab
354 313 mxchat_render_field_wrapper('link_target', __('Open Links in New Tab', 'mxchat'), function() use ($admin_instance) {
355 314 $admin_instance->mxchat_link_target_toggle_callback();
@@ -358,23 +317,8 @@
358 317 // Chat Persistence
359 318 mxchat_render_field_wrapper('chat_persistence', __('Chat Persistence', 'mxchat'), function() use ($admin_instance) {
360 319 $admin_instance->mxchat_chat_persistence_toggle_callback();
361 320 }, __('Keep chat history when users navigate or return within 24 hours.', 'mxchat'));
362 -
363 - // Download Transcript button
364 - mxchat_render_field_wrapper('print_button', __('Show Download Transcript Button', 'mxchat'), function() use ($admin_instance) {
365 - $admin_instance->mxchat_print_button_toggle_callback();
366 - }, __('Show the "Download Transcript" item in the chat window menu.', 'mxchat'));
367 -
368 - // Start-New-Chat button (plan ac2e81) — lets a visitor reset the
369 - // conversation without the owner disabling chat persistence globally.
370 - mxchat_render_field_wrapper('reset_chat_enabled', __('Show Start-New-Chat Button', 'mxchat'), function() use ($admin_instance) {
371 - $admin_instance->mxchat_reset_chat_toggle_callback();
372 - }, __('Show a "Start new chat" item in the chat window menu that clears the current conversation and begins a fresh session.', 'mxchat'));
373 -
374 - mxchat_render_field_wrapper('reset_chat_label', __('Start-New-Chat Button Label', 'mxchat'), function() use ($admin_instance) {
375 - $admin_instance->mxchat_reset_chat_label_callback();
376 - }, __('Label for the Start-New-Chat menu item. Leave blank to use "Start new chat".', 'mxchat'));
377 321 ?>
378 322 </div>
379 323 </div>
380 324
@@ -575,275 +519,8 @@
575 519 </div>
576 520 </div>
577 521
578 522 <!-- ========================================
579 - OPTIMIZATION
580 - ======================================== -->
581 - <div id="optimization" class="mxch-section">
582 - <div class="mxch-content-header">
583 - <h1 class="mxch-content-title"><?php esc_html_e('Optimization & Diagnostics', 'mxchat'); ?></h1>
584 - <p class="mxch-content-subtitle"><?php esc_html_e('Optimize performance, debug issues, and manage plugin settings.', 'mxchat'); ?></p>
585 - </div>
586 -
587 - <!-- Script Loading Card -->
588 - <div class="mxch-card">
589 - <div class="mxch-card-header">
590 - <h3 class="mxch-card-title">
591 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
592 - <?php esc_html_e('Script Loading', 'mxchat'); ?>
593 - </h3>
594 - </div>
595 - <div class="mxch-card-body mxchat-autosave-section">
596 - <?php
597 - $script_loading_strategy = isset($options['script_loading_strategy']) ? $options['script_loading_strategy'] : 'default';
598 - ?>
599 - <div class="mxch-field">
600 - <label class="mxch-field-label"><?php esc_html_e('Script Loading Strategy', 'mxchat'); ?></label>
601 - <div class="mxch-field-control">
602 - <select name="mxchat_options[script_loading_strategy]" id="script_loading_strategy" class="mxch-select mxchat-autosave-field">
603 - <option value="default" <?php selected($script_loading_strategy, 'default'); ?>><?php esc_html_e('Default (Immediate)', 'mxchat'); ?></option>
604 - <option value="defer" <?php selected($script_loading_strategy, 'defer'); ?>><?php esc_html_e('Deferred', 'mxchat'); ?></option>
605 - <option value="delay_1s" <?php selected($script_loading_strategy, 'delay_1s'); ?>><?php esc_html_e('Delay 1 Second', 'mxchat'); ?></option>
606 - <option value="delay_3s" <?php selected($script_loading_strategy, 'delay_3s'); ?>><?php esc_html_e('Delay 3 Seconds', 'mxchat'); ?></option>
607 - <option value="delay_5s" <?php selected($script_loading_strategy, 'delay_5s'); ?>><?php esc_html_e('Delay 5 Seconds', 'mxchat'); ?></option>
608 - <option value="on_interaction" <?php selected($script_loading_strategy, 'on_interaction'); ?>><?php esc_html_e('On User Interaction', 'mxchat'); ?></option>
609 - </select>
610 - </div>
611 - <p class="mxch-field-description"><?php esc_html_e('Control when the chatbot script loads to improve page performance.', 'mxchat'); ?></p>
612 - </div>
613 -
614 - <div class="mxch-notice mxch-notice-info" style="margin-top: 16px;">
615 - <svg class="mxch-notice-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
616 - <div>
617 - <strong><?php esc_html_e('Loading Strategies:', 'mxchat'); ?></strong>
618 - <ul style="margin: 8px 0 0 0; padding-left: 20px;">
619 - <li><strong><?php esc_html_e('Default:', 'mxchat'); ?></strong> <?php esc_html_e('Script loads immediately in the footer. Best for sites where chat is critical.', 'mxchat'); ?></li>
620 - <li><strong><?php esc_html_e('Deferred:', 'mxchat'); ?></strong> <?php esc_html_e('Script loads after HTML parsing completes. Good balance of performance and availability.', 'mxchat'); ?></li>
621 - <li><strong><?php esc_html_e('Delay:', 'mxchat'); ?></strong> <?php esc_html_e('Script loads after a set delay. Helps improve LCP scores.', 'mxchat'); ?></li>
622 - <li><strong><?php esc_html_e('On User Interaction:', 'mxchat'); ?></strong> <?php esc_html_e('Script loads when user scrolls, moves mouse, or touches screen. Best for Core Web Vitals but chat appears with slight delay.', 'mxchat'); ?></li>
623 - </ul>
624 - </div>
625 - </div>
626 - </div>
627 - </div>
628 -
629 - <!-- Page Cache Compatibility Card -->
630 - <div class="mxch-card">
631 - <div class="mxch-card-header">
632 - <h3 class="mxch-card-title">
633 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
634 - <?php esc_html_e('Page Cache Compatibility', 'mxchat'); ?>
635 - </h3>
636 - </div>
637 - <div class="mxch-card-body">
638 - <p class="mxch-field-description" style="margin-top: 0;"><?php esc_html_e('MxChat\'s chat send (and stream send, plus PDF / Word upload) all POST to /wp-admin/admin-ajax.php. Page-cache plugins occasionally cache those responses, which breaks the per-session nonce flow on the first message. MxChat auto-tells the five most common cache plugins to never cache chat AJAX via their own filter APIs — no setup needed for those. For other cache plugins (or Cloudflare APO), copy the manual exclusion string into your cache plugin\'s exclusion list.', 'mxchat'); ?></p>
639 -
640 - <?php
641 - $mxch_cache_rows = array(
642 - array('name' => 'WP Rocket', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax\\.php\\?action=mxchat_.*'),
643 - array('name' => 'LiteSpeed Cache', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax.php?action=mxchat_*'),
644 - array('name' => 'W3 Total Cache', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax.php?action=mxchat_*'),
645 - array('name' => 'FlyingPress', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax.php?action=mxchat_*'),
646 - array('name' => 'WP Super Cache', 'state' => 'auto', 'exclusion' => 'wp-admin/admin-ajax.php'),
647 - array('name' => 'Cloudflare APO', 'state' => 'manual', 'exclusion' => 'Page Rule / Cache Rule: URI Path contains "/wp-admin/admin-ajax.php" → Bypass Cache'),
648 - );
649 - ?>
650 -
651 - <div class="mxch-cache-compat-grid" style="display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 16px;">
652 - <?php foreach ($mxch_cache_rows as $row) :
653 - $is_auto = ($row['state'] === 'auto');
654 - $pill_class = $is_auto ? 'mxch-status-pill-active' : 'mxch-status-pill-warning';
655 - $pill_label = $is_auto ? __('Auto-handled', 'mxchat') : __('Manual', 'mxchat');
656 - ?>
657 - <div class="mxch-cache-compat-row" style="display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: #f8fafc; border: 1px solid var(--mxch-card-border); border-radius: var(--mxch-radius-md);">
658 - <div style="display: flex; align-items: center; gap: 10px; min-width: 0; flex: 0 0 auto;">
659 - <span style="font-weight: 500;"><?php echo esc_html($row['name']); ?></span>
660 - <span class="mxch-status-pill <?php echo esc_attr($pill_class); ?>">
661 - <span class="mxch-status-dot"></span>
662 - <?php echo esc_html($pill_label); ?>
663 - </span>
664 - </div>
665 - <div style="display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0;">
666 - <code style="background: #fff; border: 1px solid var(--mxch-card-border); padding: 4px 8px; border-radius: var(--mxch-radius-sm); font-size: 12px; color: var(--mxch-text-secondary); flex: 1 1 auto; overflow-x: auto; white-space: nowrap; min-width: 0;"><?php echo esc_html($row['exclusion']); ?></code>
667 - <button type="button" class="mxch-btn mxch-btn-secondary mxch-btn-sm" data-mxch-copy="<?php echo esc_attr($row['exclusion']); ?>" style="flex: 0 0 auto;">
668 - <?php esc_html_e('Copy', 'mxchat'); ?>
669 - </button>
670 - </div>
671 - </div>
672 - <?php endforeach; ?>
673 - </div>
674 -
675 - <div class="mxch-notice mxch-notice-info" style="margin-top: 16px;">
676 - <svg class="mxch-notice-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
677 - <span><?php esc_html_e('Auto-handled plugins receive a filter from MxChat that excludes chat AJAX from their cache. Even so, having the exclusion in your own exclusion list is harmless and acts as a belt-and-suspenders guarantee.', 'mxchat'); ?></span>
678 - </div>
679 - </div>
680 - </div>
681 -
682 - <!-- Provider Reliability Card -->
683 - <?php
684 - $auto_retry_enabled = !isset($options['auto_retry_on_transient_error']) ||
685 - (string) $options['auto_retry_on_transient_error'] !== '0';
686 - ?>
687 - <div class="mxch-card">
688 - <div class="mxch-card-header">
689 - <h3 class="mxch-card-title">
690 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"/><polyline points="21 4 21 10 15 10"/></svg>
691 - <?php esc_html_e('Provider Reliability', 'mxchat'); ?>
692 - </h3>
693 - <span class="mxch-status-pill <?php echo $auto_retry_enabled ? 'mxch-status-pill-active' : 'mxch-status-pill-disabled'; ?>">
694 - <span class="mxch-status-dot"></span>
695 - <?php echo $auto_retry_enabled ? esc_html__('Active', 'mxchat') : esc_html__('Disabled', 'mxchat'); ?>
696 - </span>
697 - </div>
698 - <div class="mxch-card-body mxchat-autosave-section">
699 - <div class="mxch-field">
700 - <label class="mxch-field-label" for="auto_retry_on_transient_error">
701 - <?php esc_html_e('Auto-retry on provider overload', 'mxchat'); ?>
702 - </label>
703 - <div class="mxch-field-control">
704 - <label class="mxch-toggle">
705 - <input type="checkbox"
706 - id="auto_retry_on_transient_error"
707 - name="mxchat_options[auto_retry_on_transient_error]"
708 - class="mxchat-autosave-field"
709 - value="1"
710 - <?php checked($auto_retry_enabled); ?> />
711 - <span class="mxch-toggle-slider"></span>
712 - </label>
713 - </div>
714 - <p class="mxch-field-description"><?php esc_html_e('When the AI provider returns a transient error (rate-limit / overload / 429 / 503 / Gemini "model overloaded"), MxChat retries the chat-send up to twice before surfacing the error. Visitors see a brief pause instead of a raw provider error in the bot bubble.', 'mxchat'); ?></p>
715 - <p class="mxch-field-hint"><?php esc_html_e('Configuration errors (invalid API key, 401/403/404/422) still surface immediately — never retried.', 'mxchat'); ?></p>
716 - </div>
717 - </div>
718 - </div>
719 -
720 - <!-- Debug Mode Card -->
721 - <?php
722 - $debug_mode = isset($options['debug_mode']) ? $options['debug_mode'] : 'off';
723 - $debug_active = ($debug_mode === 'on');
724 - ?>
725 - <div class="mxch-card">
726 - <div class="mxch-card-header">
727 - <h3 class="mxch-card-title">
728 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="m9 12 2 2 4-4"/></svg>
729 - <?php esc_html_e('Debug Mode', 'mxchat'); ?>
730 - </h3>
731 - </div>
732 - <div class="mxch-card-body">
733 - <div class="mxch-field">
734 - <label class="mxch-toggle">
735 - <input type="checkbox" class="mxch-toggle-input" id="mxchat_debug_mode" name="mxchat_options[debug_mode]" value="on" <?php checked($debug_active); ?>>
736 - <span class="mxch-toggle-switch"></span>
737 - <span class="mxch-toggle-label"><?php esc_html_e('Enable Debug Logging', 'mxchat'); ?></span>
738 - </label>
739 - <p class="mxch-field-description"><?php esc_html_e('Tracks settings changes, knowledge base errors, API issues, and embedding failures. Enable only when troubleshooting. Max 100 entries stored.', 'mxchat'); ?></p>
740 - </div>
741 - </div>
742 - </div>
743 -
744 - <!-- Debug Log Viewer Card -->
745 - <div class="mxch-card">
746 - <div class="mxch-card-header" style="display: flex; justify-content: space-between; align-items: center;">
747 - <h3 class="mxch-card-title">
748 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
749 - <?php esc_html_e('Debug Log', 'mxchat'); ?>
750 - </h3>
751 - <div style="display: flex; gap: 8px; align-items: center;">
752 - <span id="mxchat-log-count" class="mxch-badge" style="display: none;"></span>
753 - <button type="button" class="mxch-btn mxch-btn-secondary mxch-btn-sm" id="mxchat-refresh-log">
754 - <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2"/></svg>
755 - <?php esc_html_e('Refresh', 'mxchat'); ?>
756 - </button>
757 - <button type="button" class="mxch-btn mxch-btn-secondary mxch-btn-sm" id="mxchat-clear-log">
758 - <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
759 - <?php esc_html_e('Clear', 'mxchat'); ?>
760 - </button>
761 - </div>
762 - </div>
763 - <div class="mxch-card-body">
764 - <div id="mxchat-debug-log" class="mxchat-debug-log-viewer">
765 - <div class="mxchat-debug-log-empty">
766 - <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>
767 - <p><?php esc_html_e('No log entries yet. Enable debug mode to start logging.', 'mxchat'); ?></p>
768 - </div>
769 - </div>
770 - </div>
771 - </div>
772 -
773 - <!-- Settings Tools Card -->
774 - <div class="mxch-card">
775 - <div class="mxch-card-header">
776 - <h3 class="mxch-card-title">
777 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
778 - <?php esc_html_e('Settings Tools', 'mxchat'); ?>
779 - </h3>
780 - </div>
781 - <div class="mxch-card-body">
782 - <div class="mxch-tools-grid">
783 - <!-- Export Settings -->
784 - <div class="mxch-tool-item">
785 - <div class="mxch-tool-icon">
786 - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
787 - </div>
788 - <div class="mxch-tool-content">
789 - <h4><?php esc_html_e('Export Settings', 'mxchat'); ?></h4>
790 - <p><?php esc_html_e('Download a JSON file of your current settings for backup or support. API keys are masked for security.', 'mxchat'); ?></p>
791 - <button type="button" class="mxch-btn mxch-btn-secondary" id="mxchat-export-settings">
792 - <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
793 - <?php esc_html_e('Export Settings', 'mxchat'); ?>
794 - </button>
795 - </div>
796 - </div>
797 -
798 - <!-- Reset All Settings -->
799 - <div class="mxch-tool-item mxch-tool-item-danger">
800 - <div class="mxch-tool-icon">
801 - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>
802 - </div>
803 - <div class="mxch-tool-content">
804 - <h4><?php esc_html_e('Reset All Settings', 'mxchat'); ?></h4>
805 - <p><?php esc_html_e('Reset all MxChat settings to their default values. This action cannot be undone.', 'mxchat'); ?></p>
806 - <button type="button" class="mxch-btn mxch-btn-danger" id="mxchat-reset-settings">
807 - <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/></svg>
808 - <?php esc_html_e('Reset All Settings', 'mxchat'); ?>
809 - </button>
810 - </div>
811 - </div>
812 - </div>
813 - </div>
814 - </div>
815 -
816 - <!-- Reset Confirmation Modal -->
817 - <div id="mxchat-reset-modal" class="mxch-modal" style="display: none;">
818 - <div class="mxch-modal-backdrop"></div>
819 - <div class="mxch-modal-content">
820 - <div class="mxch-modal-header">
821 - <h3><?php esc_html_e('Reset All Settings', 'mxchat'); ?></h3>
822 - <button type="button" class="mxch-modal-close" id="mxchat-reset-modal-close">&times;</button>
823 - </div>
824 - <div class="mxch-modal-body">
825 - <div class="mxch-notice mxch-notice-warning">
826 - <svg class="mxch-notice-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
827 - <div>
828 - <strong><?php esc_html_e('Warning: This action cannot be undone!', 'mxchat'); ?></strong>
829 - <p><?php esc_html_e('All your MxChat settings including API keys, customizations, and configurations will be permanently deleted.', 'mxchat'); ?></p>
830 - </div>
831 - </div>
832 - <div class="mxch-field" style="margin-top: 20px;">
833 - <label class="mxch-field-label"><?php esc_html_e('Type RESET to confirm:', 'mxchat'); ?></label>
834 - <input type="text" id="mxchat-reset-confirmation" class="mxch-input" placeholder="RESET" autocomplete="off">
835 - </div>
836 - </div>
837 - <div class="mxch-modal-footer">
838 - <button type="button" class="mxch-btn mxch-btn-secondary" id="mxchat-reset-cancel"><?php esc_html_e('Cancel', 'mxchat'); ?></button>
839 - <button type="button" class="mxch-btn mxch-btn-danger" id="mxchat-reset-confirm" disabled><?php esc_html_e('Reset All Settings', 'mxchat'); ?></button>
840 - </div>
841 - </div>
842 - </div>
843 - </div>
844 -
845 - <!-- ========================================
846 523 INTEGRATIONS - TOOLBAR
847 524 ======================================== -->
848 525 <div id="integrations-toolbar" class="mxch-section">
849 526 <div class="mxch-content-header">
@@ -909,9 +586,9 @@
909 586 <svg class="mxch-notice-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
910 587 <div>
911 588 <?php printf(
912 589 esc_html__('Visit our %s for setup instructions.', 'mxchat'),
913 - '<a href="https://mxchat.ai/documentation/mxchat-core#slack-live-agent-handoff" target="_blank">' . esc_html__('documentation page', 'mxchat') . '</a>'
590 + '<a href="https://mxchat.ai/documentation/#slack_integration" target="_blank">' . esc_html__('documentation page', 'mxchat') . '</a>'
914 591 ); ?>
915 592 </div>
916 593 </div>
917 594
@@ -1056,40 +733,8 @@
1056 733 <h1 class="mxch-content-title"><?php esc_html_e('Video Tutorials', 'mxchat'); ?></h1>
1057 734 <p class="mxch-content-subtitle"><?php esc_html_e('Learn how to get the most out of MxChat with our video guides.', 'mxchat'); ?></p>
1058 735 </div>
1059 736
1060 - <?php
1061 - // Setup Guide — reopen the onboarding wizard (plan-347916, moved here from Display tab).
1062 - // Only shows once the user has dismissed/graduated from the Onboarding page.
1063 - if (function_exists('mxchat_onboarding_is_dismissed') && mxchat_onboarding_is_dismissed()):
1064 - $auto_grad = function_exists('mxchat_onboarding_is_auto_graduated') && mxchat_onboarding_is_auto_graduated();
1065 - ?>
1066 - <div class="mxch-card mxch-onboarding-unhide-card" style="margin-bottom: 24px;">
1067 - <div class="mxch-card-header">
1068 - <h3 class="mxch-card-title">
1069 - <svg class="mxch-card-title-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 2 3 3 6 3s6-1 6-3v-5"/></svg>
1070 - <?php esc_html_e('Setup Guide', 'mxchat'); ?>
1071 - </h3>
1072 - </div>
1073 - <div class="mxch-card-body">
1074 - <p style="margin:0 0 12px;color:var(--mxch-text-secondary);font-size:13px;line-height:1.5;">
1075 - <?php if ($auto_grad): ?>
1076 - <?php esc_html_e('You finished the setup guide. Reopen it any time to revisit the steps or change a setup choice.', 'mxchat'); ?>
1077 - <?php else: ?>
1078 - <?php esc_html_e('You hid the setup guide from the MxChat menu. Reopen it any time to revisit the steps.', 'mxchat'); ?>
1079 - <?php endif; ?>
1080 - </p>
1081 - <form method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>" style="margin:0;">
1082 - <?php wp_nonce_field('mxchat_unhide_onboarding'); ?>
1083 - <input type="hidden" name="action" value="mxchat_unhide_onboarding" />
1084 - <button type="submit" class="mxch-btn mxch-btn-secondary mxch-btn-sm">
1085 - <?php esc_html_e('Reopen setup guide', 'mxchat'); ?>
1086 - </button>
1087 - </form>
1088 - </div>
1089 - </div>
1090 - <?php endif; ?>
1091 -
1092 737 <div class="mxch-card" style="margin-bottom: 24px;">
1093 738 <div class="mxch-card-body">
1094 739 <div style="display: flex; align-items: flex-start; gap: 16px;">
1095 740 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: var(--mxch-warning); flex-shrink: 0;"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
@@ -1108,23 +753,8 @@
1108 753 <div class="mxch-tutorials-grid">
1109 754 <?php
1110 755 $tutorials = array(
1111 756 array(
1112 - 'title' => __('Quick Setup with MxChat', 'mxchat'),
1113 - 'description' => __('Learn how to quickly setup and understand how your chatbot works.', 'mxchat'),
1114 - 'url' => 'https://www.youtube.com/watch?v=3BqoiyWaQiM&t'
1115 - ),
1116 - array(
1117 - 'title' => __('AI Content Generation', 'mxchat'),
1118 - 'description' => __('Generate full blog posts and landing pages with AI—from prompt to publish in minutes.', 'mxchat'),
1119 - 'url' => 'https://www.youtube.com/watch?v=n8TeEeHpxs4'
1120 - ),
1121 - array(
1122 - 'title' => __('Chat With Your GSC Data', 'mxchat'),
1123 - 'description' => __('Find content gaps, quick win keywords, and SEO opportunities by chatting with your Google Search Console data using the Admin Assistant add-on.', 'mxchat'),
1124 - 'url' => 'https://www.youtube.com/watch?v=ytgMou_7SZA&t=2s'
1125 - ),
1126 - array(
1127 757 'title' => __('AI Theme Generator', 'mxchat'),
1128 758 'description' => __('Learn how to instantly restyle your chatbot using plain English prompts with real-time previews.', 'mxchat'),
1129 759 'url' => 'https://www.youtube.com/watch?v=rSQDW2qbtRU&t'
1130 760 ),
@@ -1138,9 +768,14 @@
1138 768 'description' => __('Bring a ChatGPT-like experience directly inside your WordPress dashboard.', 'mxchat'),
1139 769 'url' => 'https://youtu.be/AdEA1k-UCFM'
1140 770 ),
1141 771 array(
1142 - 'title' => __('Chat Themes', 'mxchat'),
772 + 'title' => __('Intent Tester Guide', 'mxchat'),
773 + 'description' => __('Fine-tune your chatbot\'s responses and ensure accurate query understanding.', 'mxchat'),
774 + 'url' => 'https://www.youtube.com/watch?v=uTr14tn59Hc'
775 + ),
776 + array(
777 + 'title' => __('Theme Customizer', 'mxchat'),
1143 778 'description' => __('Customize appearance with real-time previews to match your brand.', 'mxchat'),
1144 779 'url' => 'https://youtu.be/MfbB9mZi6ag'
1145 780 ),
1146 781 array(
@@ -1194,115 +829,8 @@
1194 829 <?php endforeach; ?>
1195 830 </div>
1196 831 </div>
1197 832
1198 - <!-- =====================================================
1199 - TESTING SECTION
1200 - ===================================================== -->
1201 - <div id="testing" class="mxch-section">
1202 - <div class="mxch-content-header">
1203 - <h1 class="mxch-content-title"><?php esc_html_e('Testing', 'mxchat'); ?></h1>
1204 - <p class="mxch-content-subtitle"><?php esc_html_e('Test your chatbot and inspect debug data in real time.', 'mxchat'); ?></p>
1205 - </div>
1206 -
1207 - <div class="mxch-testing-layout">
1208 - <!-- Left Column: Debug Panel -->
1209 - <div class="mxch-testing-debug-panel">
1210 - <!-- Quick Actions -->
1211 - <div class="mxch-card">
1212 - <div class="mxch-card-body">
1213 - <h3 class="mxch-testing-section-title"><?php esc_html_e('Quick Actions', 'mxchat'); ?></h3>
1214 - <div class="mxch-testing-actions-row">
1215 - <button type="button" class="mxch-testing-btn mxch-testing-btn-danger" id="mxch-testing-clear-session">
1216 - <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>
1217 - <?php esc_html_e('Clear Chat Session', 'mxchat'); ?>
1218 - </button>
1219 - <button type="button" class="mxch-testing-btn mxch-testing-btn-secondary" id="mxch-testing-clear-debug">
1220 - <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M2 12h20"/></svg>
1221 - <?php esc_html_e('Clear Debug Log', 'mxchat'); ?>
1222 - </button>
1223 - </div>
1224 - </div>
1225 - </div>
1226 -
1227 - <!-- Last Query Analysis -->
1228 - <div class="mxch-card">
1229 - <div class="mxch-card-body">
1230 - <h3 class="mxch-testing-section-title"><?php esc_html_e('Last Query Analysis', 'mxchat'); ?></h3>
1231 -
1232 - <div class="mxch-testing-field">
1233 - <label><?php esc_html_e('Similarity Threshold', 'mxchat'); ?></label>
1234 - <span id="mxch-testing-threshold"><?php esc_html_e('Loading...', 'mxchat'); ?></span>
1235 - </div>
1236 -
1237 - <div class="mxch-testing-field">
1238 - <label><?php esc_html_e('User Query', 'mxchat'); ?></label>
1239 - <div id="mxch-testing-last-query" class="mxch-testing-query-display"><?php esc_html_e('Waiting for next query...', 'mxchat'); ?></div>
1240 - </div>
1241 -
1242 - <div class="mxch-testing-field">
1243 - <label><?php esc_html_e('Approved URLs for Citations', 'mxchat'); ?></label>
1244 - <div id="mxch-testing-approved-urls" class="mxch-testing-results">
1245 - <div class="mxch-testing-no-data"><?php esc_html_e('No URL data yet', 'mxchat'); ?></div>
1246 - </div>
1247 - </div>
1248 -
1249 - <div class="mxch-testing-field">
1250 - <label><?php esc_html_e('Document Matches', 'mxchat'); ?></label>
1251 - <div id="mxch-testing-similarity-scores" class="mxch-testing-results">
1252 - <div class="mxch-testing-no-data"><?php esc_html_e('No query data yet', 'mxchat'); ?></div>
1253 - </div>
1254 - </div>
1255 -
1256 - <div class="mxch-testing-field">
1257 - <label><?php esc_html_e('Actions Triggered', 'mxchat'); ?></label>
1258 - <div id="mxch-testing-action-scores" class="mxch-testing-results">
1259 - <div class="mxch-testing-no-data"><?php esc_html_e('No action data yet', 'mxchat'); ?></div>
1260 - </div>
1261 - </div>
1262 - </div>
1263 - </div>
1264 -
1265 - <!-- System Information -->
1266 - <div class="mxch-card">
1267 - <div class="mxch-card-body">
1268 - <h3 class="mxch-testing-section-title"><?php esc_html_e('System Information', 'mxchat'); ?></h3>
1269 -
1270 - <div class="mxch-testing-field">
1271 - <label><?php esc_html_e('System Prompt', 'mxchat'); ?></label>
1272 - <div id="mxch-testing-system-prompt" class="mxch-testing-system-prompt"><?php esc_html_e('Loading...', 'mxchat'); ?></div>
1273 - </div>
1274 -
1275 - <div class="mxch-testing-field">
1276 - <label><?php esc_html_e('Knowledge Base', 'mxchat'); ?></label>
1277 - <span id="mxch-testing-kb-status"><?php esc_html_e('Checking...', 'mxchat'); ?></span>
1278 - </div>
1279 - </div>
1280 - </div>
1281 -
1282 - <!-- Debug Log -->
1283 - <div class="mxch-card">
1284 - <div class="mxch-card-body">
1285 - <h3 class="mxch-testing-section-title"><?php esc_html_e('Debug Log', 'mxchat'); ?></h3>
1286 - <div id="mxch-testing-debug-console" class="mxch-testing-debug-console">
1287 - <div class="mxch-testing-debug-entry"><?php esc_html_e('Debug panel ready - send a message to begin...', 'mxchat'); ?></div>
1288 - </div>
1289 - </div>
1290 - </div>
1291 - </div>
1292 -
1293 - <!-- Right Column: Chatbot Replica -->
1294 - <div class="mxch-testing-chatbot-column">
1295 - <div class="mxch-testing-chatbot-scope">
1296 - <?php
1297 - // Render the chatbot inline for testing
1298 - echo do_shortcode('[mxchat_chatbot floating="no" bot_id="testing"]');
1299 - ?>
1300 - </div>
1301 - </div>
1302 - </div>
1303 - </div>
1304 -
1305 833 </main>
1306 834 </div>
1307 835
1308 836 <script>
@@ -1405,45 +933,22 @@
1405 933 }
1406 934 });
1407 935 });
1408 936
1409 - // Handle initial deep-link (?tab=<slug> takes precedence over #hash so the
1410 - // Onboarding setup-step CTAs land on the right sub-tab). Whitelist of valid
1411 - // section ids must stay in sync with the .mxch-section[id] values above.
1412 - const validTabs = [
1413 - 'chatbot-ai-models', 'chatbot-behavior', 'chatbot-display',
1414 - 'chatbot-lead-capture', 'chatbot-quick-questions', 'chatbot-rate-limits',
1415 - 'api-keys', 'optimization', 'testing',
1416 - 'integrations-toolbar', 'integrations-loops', 'integrations-brave',
1417 - 'integrations-slack', 'integrations-telegram',
1418 - 'tutorials'
1419 - ];
1420 - function activateTab(target) {
1421 - if (!target) return false;
1422 - if (validTabs.indexOf(target) === -1) return false;
1423 - const targetLink = document.querySelector('[data-target="' + target + '"]');
1424 - if (!targetLink) return false;
1425 - const parentItem = targetLink.closest('.mxch-nav-item');
1426 - if (parentItem && targetLink.classList.contains('mxch-nav-sub-link')) {
1427 - parentItem.classList.add('expanded');
937 + // Handle initial hash
938 + const hash = window.location.hash.slice(1);
939 + if (hash) {
940 + const targetLink = document.querySelector('[data-target="' + hash + '"]');
941 + if (targetLink) {
942 + // Expand parent if it's a sub-link
943 + const parentItem = targetLink.closest('.mxch-nav-item');
944 + if (parentItem && targetLink.classList.contains('mxch-nav-sub-link')) {
945 + parentItem.classList.add('expanded');
946 + }
947 + showSection(hash);
948 + setActiveNav(targetLink);
1428 949 }
1429 - showSection(target);
1430 - setActiveNav(targetLink);
1431 - return true;
1432 950 }
1433 - const urlParams = new URLSearchParams(window.location.search);
1434 - const tabParam = urlParams.get('tab');
1435 - let tabActivated = false;
1436 - if (tabParam) {
1437 - tabActivated = activateTab(tabParam);
1438 - // Invalid ?tab=… silently falls through to default (#hash or AI Models).
1439 - }
1440 - if (!tabActivated) {
1441 - const hash = window.location.hash.slice(1);
1442 - if (hash) {
1443 - activateTab(hash);
1444 - }
1445 - }
1446 951
1447 952 // Rate limit accordion
1448 953 const rateLimitHeaders = document.querySelectorAll('.mxch-rate-limit-header');
1449 954 rateLimitHeaders.forEach(header => {
@@ -1454,26 +959,8 @@
1454 959 item.classList.toggle('expanded');
1455 960 });
1456 961 });
1457 962
1458 - // Rate-limit "Custom…" toggle: show/hide the integer input below each
1459 - // limit <select> based on whether __custom__ is the active option.
1460 - document.querySelectorAll('.mxch-rate-limit-limit-select').forEach(sel => {
1461 - const targetId = sel.getAttribute('data-mxch-custom-target');
1462 - if (!targetId) return;
1463 - const field = document.querySelector('[data-mxch-custom-for="' + targetId + '"]');
1464 - if (!field) return;
1465 - const sync = () => {
1466 - if (sel.value === '__custom__') {
1467 - field.hidden = false;
1468 - } else {
1469 - field.hidden = true;
1470 - }
1471 - };
1472 - sel.addEventListener('change', sync);
1473 - sync();
1474 - });
1475 -
1476 963 // =====================================================
1477 964 // Mobile Menu Functionality
1478 965 // =====================================================
1479 966 const mobileMenuBtn = document.querySelector('.mxch-mobile-menu-btn');
@@ -1603,146 +1090,10 @@
1603 1090
1604 1091 $roles = wp_roles()->get_names();
1605 1092 $roles['logged_out'] = __('Logged Out Users', 'mxchat');
1606 1093
1607 - // Whole-chatbot global cap (sits above per-role; defaults to unlimited so
1608 - // existing installs are unchanged). Stored under mxchat_options['rate_limits_global'].
1609 - $global_cfg = isset($all_options['rate_limits_global']) && is_array($all_options['rate_limits_global'])
1610 - ? $all_options['rate_limits_global']
1611 - : array();
1612 - $global_limit_raw = isset($global_cfg['limit']) ? (string) $global_cfg['limit'] : 'unlimited';
1613 - $global_timeframe = isset($global_cfg['timeframe']) ? (string) $global_cfg['timeframe'] : 'daily';
1614 - $global_is_unlimited = ($global_limit_raw === '' || $global_limit_raw === 'unlimited');
1615 - $global_is_preset = !$global_is_unlimited && in_array($global_limit_raw, $rate_limits, true);
1616 - $global_select_value = $global_is_unlimited ? 'unlimited' : ($global_is_preset ? $global_limit_raw : '__custom__');
1617 - $global_custom_value = (!$global_is_unlimited && !$global_is_preset && ctype_digit($global_limit_raw))
1618 - ? $global_limit_raw
1619 - : '';
1620 -
1621 1094 echo '<div class="mxch-rate-limits">';
1622 1095
1623 - // --- Global cap card -------------------------------------------------
1624 - ?>
1625 - <div class="mxch-rate-limit-item mxch-rate-limit-global mxchat-autosave-section">
1626 - <div class="mxch-rate-limit-header">
1627 - <span class="mxch-rate-limit-role"><?php esc_html_e('Total chatbot message limit', 'mxchat'); ?></span>
1628 - <div class="mxch-rate-limit-summary">
1629 - <span class="mxch-rate-limit-badge mxch-rate-limit-global-badge">
1630 - <?php
1631 - if ($global_is_unlimited) {
1632 - esc_html_e('Unlimited', 'mxchat');
1633 - } else {
1634 - $tf_label = isset($timeframes[$global_timeframe]) ? $timeframes[$global_timeframe] : $global_timeframe;
1635 - echo esc_html(($global_custom_value !== '' ? $global_custom_value : $global_limit_raw) . ' / ' . $tf_label);
1636 - }
1637 - ?>
1638 - </span>
1639 - <svg class="mxch-rate-limit-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
1640 - </div>
1641 - </div>
1642 - <div class="mxch-rate-limit-body">
1643 - <p class="mxch-field-description" style="margin: 0 0 12px;">
1644 - <?php esc_html_e('A single ceiling across all users and all roles, per timeframe. Independent of the per-role limits below. When both a per-role limit and this global cap are configured, whichever is hit first stops the conversation. Default is Unlimited — existing installs are unchanged.', 'mxchat'); ?>
1645 - </p>
1646 - <div class="mxch-rate-limit-controls">
1647 - <div class="mxch-field">
1648 - <label class="mxch-field-label" for="rate_limits_global_limit"><?php esc_html_e('Limit', 'mxchat'); ?></label>
1649 - <select id="rate_limits_global_limit"
1650 - name="mxchat_options[rate_limits_global][limit]"
1651 - class="mxch-select mxchat-autosave-field mxch-rate-limit-limit-select"
1652 - data-mxch-custom-target="rate_limits_global_limit_custom">
1653 - <?php foreach ($rate_limits as $limit): ?>
1654 - <option value="<?php echo esc_attr($limit); ?>" <?php selected($global_select_value, $limit); ?>>
1655 - <?php echo esc_html($limit === 'unlimited' ? __('Unlimited', 'mxchat') : $limit); ?>
1656 - </option>
1657 - <?php endforeach; ?>
1658 - <option value="__custom__" <?php selected($global_select_value, '__custom__'); ?>><?php esc_html_e('Custom…', 'mxchat'); ?></option>
1659 - </select>
1660 - </div>
1661 - <div class="mxch-field mxch-rate-limit-custom-field" data-mxch-custom-for="rate_limits_global_limit_custom" <?php echo $global_select_value === '__custom__' ? '' : 'hidden'; ?>>
1662 - <label class="mxch-field-label" for="rate_limits_global_limit_custom"><?php esc_html_e('Custom limit', 'mxchat'); ?></label>
1663 - <input type="number"
1664 - min="1"
1665 - step="1"
1666 - id="rate_limits_global_limit_custom"
1667 - name="mxchat_options[rate_limits_global][limit_custom]"
1668 - class="mxch-input mxchat-autosave-field mxch-rate-limit-custom-input"
1669 - placeholder="e.g. 250"
1670 - value="<?php echo esc_attr($global_custom_value); ?>" />
1671 - </div>
1672 - <div class="mxch-field">
1673 - <label class="mxch-field-label" for="rate_limits_global_timeframe"><?php esc_html_e('Timeframe', 'mxchat'); ?></label>
1674 - <select id="rate_limits_global_timeframe"
1675 - name="mxchat_options[rate_limits_global][timeframe]"
1676 - class="mxch-select mxchat-autosave-field">
1677 - <?php foreach ($timeframes as $value => $label): ?>
1678 - <option value="<?php echo esc_attr($value); ?>" <?php selected($global_timeframe, $value); ?>><?php echo esc_html($label); ?></option>
1679 - <?php endforeach; ?>
1680 - </select>
1681 - </div>
1682 - </div>
1683 - <?php
1684 - // --- Current usage readout (read-only; mirrors the integrator's
1685 - // window-reset math at READ time — never writes the counter here).
1686 - // v1 surfaces the DEFAULT bot's pool. TODO: per-bot selector if asked.
1687 - $global_usage_limit_int = (!$global_is_unlimited && ctype_digit($global_limit_raw))
1688 - ? (int) $global_limit_raw
1689 - : 0;
1690 - $usage_raw = get_option('mxchat_chat_limit_default_global', array('count' => 0, 'timestamp' => time()));
1691 - $usage_count = isset($usage_raw['count']) ? (int) $usage_raw['count'] : 0;
1692 - $usage_ts = isset($usage_raw['timestamp']) ? (int) $usage_raw['timestamp'] : time();
1693 - $usage_windows = array('hourly' => 3600, 'daily' => 86400, 'weekly' => 604800, 'monthly' => 2592000);
1694 - $usage_window = isset($usage_windows[$global_timeframe]) ? $usage_windows[$global_timeframe] : 86400;
1695 - $usage_now = time();
1696 - if (($usage_now - $usage_ts) >= $usage_window) {
1697 - // Window elapsed since the stored timestamp → effective count is 0.
1698 - $usage_count = 0;
1699 - $usage_reset_at = $usage_now + $usage_window;
1700 - } else {
1701 - $usage_reset_at = $usage_ts + $usage_window;
1702 - }
1703 - $usage_left = max(0, $global_usage_limit_int - $usage_count);
1704 - $usage_pct = ($global_usage_limit_int > 0)
1705 - ? min(100, (int) round(($usage_count / $global_usage_limit_int) * 100))
1706 - : 0;
1707 - $usage_reset_nonce = wp_create_nonce('mxchat_reset_global_usage');
1708 - ?>
1709 - <div class="mxch-rate-limit-usage"
1710 - id="mxch-global-usage"
1711 - data-bot-id="default"
1712 - data-reset-nonce="<?php echo esc_attr($usage_reset_nonce); ?>"
1713 - <?php echo $global_is_unlimited ? 'hidden' : ''; ?>>
1714 - <div class="mxch-rate-limit-usage-head">
1715 - <span class="mxch-field-label" style="margin:0;"><?php esc_html_e('Current usage', 'mxchat'); ?></span>
1716 - <button type="button" class="mxch-btn mxch-btn-secondary mxch-btn-sm" id="mxch-global-usage-reset"><?php esc_html_e('Reset counter', 'mxchat'); ?></button>
1717 - </div>
1718 - <div class="mxch-progress-bar">
1719 - <div class="mxch-progress-bar-fill" id="mxch-global-usage-fill" style="width: <?php echo esc_attr($usage_pct); ?>%;"></div>
1720 - </div>
1721 - <p class="mxch-progress-label" id="mxch-global-usage-text" style="margin:0;">
1722 - <?php
1723 - printf(
1724 - /* translators: 1: used count, 2: limit, 3: remaining, 4: human-readable time until reset */
1725 - esc_html__('%1$s of %2$s used · %3$s left · resets in %4$s', 'mxchat'),
1726 - esc_html(number_format_i18n($usage_count)),
1727 - esc_html(number_format_i18n($global_usage_limit_int)),
1728 - esc_html(number_format_i18n($usage_left)),
1729 - esc_html(human_time_diff($usage_now, $usage_reset_at))
1730 - );
1731 - ?>
1732 - </p>
1733 - </div>
1734 - <p class="mxch-field-description mxch-rate-limit-usage-unlimited"
1735 - id="mxch-global-usage-unlimited"
1736 - style="margin: 12px 0 0;"
1737 - <?php echo $global_is_unlimited ? '' : 'hidden'; ?>>
1738 - <?php esc_html_e('Unlimited — no cap. Usage tracking applies only when a numeric limit is set.', 'mxchat'); ?>
1739 - </p>
1740 - </div>
1741 - </div>
1742 - <?php
1743 - // ---------------------------------------------------------------------
1744 -
1745 1096 foreach ($roles as $role_id => $role_name) {
1746 1097 $default_limit = ($role_id === 'logged_out') ? '10' : '100';
1747 1098 $default_timeframe = 'daily';
1748 1099 $default_message = __('Rate limit exceeded. Please try again later.', 'mxchat');
@@ -1747,9 +1098,9 @@
1747 1098 $default_timeframe = 'daily';
1748 1099 $default_message = __('Rate limit exceeded. Please try again later.', 'mxchat');
1749 1100
1750 1101 $selected_limit = isset($all_options['rate_limits'][$role_id]['limit'])
1751 - ? (string) $all_options['rate_limits'][$role_id]['limit']
1102 + ? $all_options['rate_limits'][$role_id]['limit']
1752 1103 : $default_limit;
1753 1104
1754 1105 $selected_timeframe = isset($all_options['rate_limits'][$role_id]['timeframe'])
1755 1106 ? $all_options['rate_limits'][$role_id]['timeframe']
@@ -1759,16 +1110,8 @@
1759 1110 ? $all_options['rate_limits'][$role_id]['message']
1760 1111 : $default_message;
1761 1112
1762 1113 $timeframe_label = isset($timeframes[$selected_timeframe]) ? $timeframes[$selected_timeframe] : $selected_timeframe;
1763 -
1764 - // Custom-value handling: if the stored limit is not in the preset list
1765 - // and not 'unlimited', it's a custom integer. The select shows __custom__
1766 - // and the number input below carries the actual value.
1767 - $is_preset_limit = in_array($selected_limit, $rate_limits, true);
1768 - $role_select_value = $is_preset_limit ? $selected_limit : '__custom__';
1769 - $role_custom_value = (!$is_preset_limit && ctype_digit($selected_limit)) ? $selected_limit : '';
1770 - $custom_field_id = 'rate_limits_' . $role_id . '_limit_custom';
1771 1114 ?>
1772 1115 <div class="mxch-rate-limit-item">
1773 1116 <div class="mxch-rate-limit-header">
1774 1117 <span class="mxch-rate-limit-role"><?php echo esc_html($role_name); ?></span>
@@ -1782,28 +1125,13 @@
1782 1125 <div class="mxch-field">
1783 1126 <label class="mxch-field-label" for="rate_limits_<?php echo esc_attr($role_id); ?>_limit"><?php esc_html_e('Limit', 'mxchat'); ?></label>
1784 1127 <select id="rate_limits_<?php echo esc_attr($role_id); ?>_limit"
1785 1128 name="mxchat_options[rate_limits][<?php echo esc_attr($role_id); ?>][limit]"
1786 - class="mxch-select mxchat-autosave-field mxch-rate-limit-limit-select"
1787 - data-mxch-custom-target="<?php echo esc_attr($custom_field_id); ?>">
1129 + class="mxch-select mxchat-autosave-field">
1788 1130 <?php foreach ($rate_limits as $limit): ?>
1789 - <option value="<?php echo esc_attr($limit); ?>" <?php selected($role_select_value, $limit); ?>>
1790 - <?php echo esc_html($limit === 'unlimited' ? __('Unlimited', 'mxchat') : $limit); ?>
1791 - </option>
1131 + <option value="<?php echo esc_attr($limit); ?>" <?php selected($selected_limit, $limit); ?>><?php echo esc_html($limit); ?></option>
1792 1132 <?php endforeach; ?>
1793 - <option value="__custom__" <?php selected($role_select_value, '__custom__'); ?>><?php esc_html_e('Custom…', 'mxchat'); ?></option>
1794 1133 </select>
1795 - </div>
1796 - <div class="mxch-field mxch-rate-limit-custom-field" data-mxch-custom-for="<?php echo esc_attr($custom_field_id); ?>" <?php echo $role_select_value === '__custom__' ? '' : 'hidden'; ?>>
1797 - <label class="mxch-field-label" for="<?php echo esc_attr($custom_field_id); ?>"><?php esc_html_e('Custom limit', 'mxchat'); ?></label>
1798 - <input type="number"
1799 - min="1"
1800 - step="1"
1801 - id="<?php echo esc_attr($custom_field_id); ?>"
1802 - name="mxchat_options[rate_limits][<?php echo esc_attr($role_id); ?>][limit_custom]"
1803 - class="mxch-input mxchat-autosave-field mxch-rate-limit-custom-input"
1804 - placeholder="e.g. 250"
1805 - value="<?php echo esc_attr($role_custom_value); ?>" />
1806 1134 </div>
1807 1135 <div class="mxch-field">
1808 1136 <label class="mxch-field-label" for="rate_limits_<?php echo esc_attr($role_id); ?>_timeframe"><?php esc_html_e('Timeframe', 'mxchat'); ?></label>
1809 1137 <select id="rate_limits_<?php echo esc_attr($role_id); ?>_timeframe"