| @@ -67,12 +67,8 @@ | ||
| 67 | 67 | <button class="mxch-mobile-nav-link" data-target="optimization"> |
| 68 | 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 | 69 | <span><?php esc_html_e('Optimization', 'mxchat'); ?></span> |
| 70 | 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 | 71 | </div> |
| 76 | 72 | <!-- Integrations Section --> |
| 77 | 73 | <div class="mxch-mobile-nav-section"> |
| 78 | 74 | <div class="mxch-mobile-nav-section-title"><?php esc_html_e('Integrations', 'mxchat'); ?></div> |
| @@ -159,17 +155,8 @@ | ||
| 159 | 155 | </span> |
| 160 | 156 | <span class="mxch-nav-link-text"><?php esc_html_e('Optimization', 'mxchat'); ?></span> |
| 161 | 157 | </button> |
| 162 | 158 | </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 | 159 | </div> |
| 173 | 160 | |
| 174 | 161 | <!-- Integrations Section --> |
| 175 | 162 | <div class="mxch-nav-section"> |
| @@ -205,9 +192,8 @@ | ||
| 205 | 192 | <span class="mxch-nav-link-text"><?php esc_html_e('Tutorials', 'mxchat'); ?></span> |
| 206 | 193 | </button> |
| 207 | 194 | </div> |
| 208 | 195 | </div> |
| 209 | - | |
| 210 | 196 | </nav> |
| 211 | 197 | |
| 212 | 198 | <?php if (!$is_activated): ?> |
| 213 | 199 | <div class="mxch-sidebar-footer"> |
| @@ -223,12 +209,12 @@ | ||
| 223 | 209 | <main class="mxch-content"> |
| 224 | 210 | <?php if (!$is_activated): ?> |
| 225 | 211 | <div class="mxch-pro-banner"> |
| 226 | 212 | <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> | |
| 213 | + <h3 class="mxch-pro-banner-title"><?php esc_html_e('MxChat Pro — Lifetime Access', 'mxchat'); ?></h3> | |
| 214 | + <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 | 215 | </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> | |
| 216 | + <a href="https://mxchat.ai/" target="_blank" class="mxch-pro-banner-btn"><span><?php esc_html_e('Learn More', 'mxchat'); ?></span></a> | |
| 231 | 217 | </div> |
| 232 | 218 | <?php endif; ?> |
| 233 | 219 | |
| 234 | 220 | <?php |
| @@ -244,18 +230,8 @@ | ||
| 244 | 230 | <h1 class="mxch-content-title"><?php esc_html_e('AI Models', 'mxchat'); ?></h1> |
| 245 | 231 | <p class="mxch-content-subtitle"><?php esc_html_e('Configure the AI models your chatbot will use for conversations and embeddings.', 'mxchat'); ?></p> |
| 246 | 232 | </div> |
| 247 | 233 | |
| 248 | - <?php | |
| 249 | - // Model-retirement warning (b65e8d). Rendered HERE rather than via | |
| 250 | - // admin_notices because the branded shell paints over WP's notice | |
| 251 | - // region — a core notice on this screen is invisible. No-ops unless | |
| 252 | - // the daily liveness check has flagged the configured model. | |
| 253 | - if (class_exists('MxChat_Model_Liveness')) { | |
| 254 | - MxChat_Model_Liveness::render_inline_notice(); | |
| 255 | - } | |
| 256 | - ?> | |
| 257 | - | |
| 258 | 234 | <div class="mxch-card"> |
| 259 | 235 | <div class="mxch-card-body mxchat-autosave-section"> |
| 260 | 236 | <?php |
| 261 | 237 | // Chat Model |
| @@ -272,12 +248,12 @@ | ||
| 272 | 248 | mxchat_render_field_wrapper('enable_streaming', __('Enable Streaming', 'mxchat'), function() use ($admin_instance) { |
| 273 | 249 | $admin_instance->enable_streaming_toggle_callback(); |
| 274 | 250 | }, __('Enable real-time streaming responses for supported models (OpenAI, Claude, DeepSeek, Grok).', 'mxchat')); |
| 275 | 251 | |
| 276 | - // Enable Web Search (OpenAI & Gemini) | |
| 252 | + // Enable Web Search (OpenAI only) | |
| 277 | 253 | mxchat_render_field_wrapper('enable_web_search', __('Enable Web Search', 'mxchat'), function() use ($admin_instance) { |
| 278 | 254 | $admin_instance->enable_web_search_toggle_callback(); |
| 279 | - }, __('Allow the chatbot to search the web for current information (OpenAI and Gemini models).', 'mxchat')); | |
| 255 | + }, __('Allow the chatbot to search the web for current information (OpenAI models only).', 'mxchat')); | |
| 280 | 256 | ?> |
| 281 | 257 | </div> |
| 282 | 258 | </div> |
| 283 | 259 | </div> |
| @@ -308,26 +284,8 @@ | ||
| 308 | 284 | mxchat_render_field_wrapper('rag_sources_limit', __('RAG Sources Limit', 'mxchat'), function() use ($admin_instance) { |
| 309 | 285 | $admin_instance->mxchat_rag_sources_limit_callback(); |
| 310 | 286 | }, __('Number of knowledge base sources (pages/documents) to include in AI context. Higher values provide more context but use more tokens.', 'mxchat')); |
| 311 | 287 | |
| 312 | - // RAG Chunks Limit | |
| 313 | - mxchat_render_field_wrapper('rag_chunks_limit', __('RAG Chunks Limit', 'mxchat'), function() use ($admin_instance) { | |
| 314 | - $admin_instance->mxchat_rag_chunks_limit_callback(); | |
| 315 | - }, __('Maximum total content chunks sent to the AI across all sources. Higher values provide more context but increase token usage and cost.', 'mxchat')); | |
| 316 | - | |
| 317 | - // Hybrid keyword boost MOVED to Knowledge → Chunking & | |
| 318 | - // Retrieval (plan 11720c) — it is KB retrieval tuning, not | |
| 319 | - // conversation behavior. Same option key over there. The | |
| 320 | - // breadcrumb below is a one-release courtesy: drop it in | |
| 321 | - // the release after 3.2.17. | |
| 322 | - echo '<p class="mxch-field-description">'; | |
| 323 | - printf( | |
| 324 | - /* translators: %s: link to the Chunking & Retrieval settings tab. */ | |
| 325 | - esc_html__('Hybrid keyword boost has moved to %s.', 'mxchat'), | |
| 326 | - '<a href="' . esc_url(admin_url('admin.php?page=mxchat-prompts#chunking')) . '">' . esc_html__('Knowledge, Chunking & Retrieval', 'mxchat') . '</a>' | |
| 327 | - ); | |
| 328 | - echo '</p>'; | |
| 329 | - | |
| 330 | 288 | // Contextual Awareness |
| 331 | 289 | mxchat_render_field_wrapper('contextual_awareness', __('Contextual Awareness', 'mxchat'), function() use ($admin_instance) { |
| 332 | 290 | $admin_instance->mxchat_contextual_awareness_callback(); |
| 333 | 291 | }, __('Allow the chatbot to understand and reference the current page content for more relevant responses.', 'mxchat')); |
| @@ -336,20 +294,12 @@ | ||
| 336 | 294 | mxchat_render_field_wrapper('citation_links', __('Citation Links', 'mxchat'), function() use ($admin_instance) { |
| 337 | 295 | $admin_instance->mxchat_citation_links_toggle_callback(); |
| 338 | 296 | }, __('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')); |
| 339 | 297 | |
| 340 | - // Satisfaction Rating Prompt | |
| 341 | - // The toggle callback inline-renders the 5 customization | |
| 342 | - // fields inside a single sub-options wrapper (plan-29caac). | |
| 343 | - // No separate customization group needed — the wrapper handles | |
| 344 | - // its own server-side display state based on the toggle value. | |
| 345 | - mxchat_render_field_wrapper('satisfaction_rating', __('Satisfaction Rating Prompt', 'mxchat'), function() use ($admin_instance) { | |
| 346 | - $admin_instance->mxchat_satisfaction_rating_toggle_callback(); | |
| 347 | - }, __('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')); | |
| 348 | - | |
| 349 | - // Editor Assistant toggle moved to Content → Settings (plan-f7df40): | |
| 350 | - // it's a content feature, so it lives on the screen that owns it. | |
| 351 | - // Rendering is in admin-content-page.php; option + save path unchanged. | |
| 298 | + // Frontend Debugger | |
| 299 | + mxchat_render_field_wrapper('frontend_debugger', __('Frontend Debugger', 'mxchat'), function() use ($admin_instance) { | |
| 300 | + $admin_instance->mxchat_frontend_debugger_callback(); | |
| 301 | + }, __('Show debug panel on frontend for admins. Displays similarity scores and query analysis.', 'mxchat')); | |
| 352 | 302 | ?> |
| 353 | 303 | </div> |
| 354 | 304 | </div> |
| 355 | 305 | </div> |
| @@ -385,23 +335,8 @@ | ||
| 385 | 335 | // Chat Persistence |
| 386 | 336 | mxchat_render_field_wrapper('chat_persistence', __('Chat Persistence', 'mxchat'), function() use ($admin_instance) { |
| 387 | 337 | $admin_instance->mxchat_chat_persistence_toggle_callback(); |
| 388 | 338 | }, __('Keep chat history when users navigate or return within 24 hours.', 'mxchat')); |
| 389 | - | |
| 390 | - // Download Transcript button | |
| 391 | - mxchat_render_field_wrapper('print_button', __('Show Download Transcript Button', 'mxchat'), function() use ($admin_instance) { | |
| 392 | - $admin_instance->mxchat_print_button_toggle_callback(); | |
| 393 | - }, __('Show the "Download Transcript" item in the chat window menu.', 'mxchat')); | |
| 394 | - | |
| 395 | - // Start-New-Chat button (plan ac2e81) — lets a visitor reset the | |
| 396 | - // conversation without the owner disabling chat persistence globally. | |
| 397 | - mxchat_render_field_wrapper('reset_chat_enabled', __('Show Start-New-Chat Button', 'mxchat'), function() use ($admin_instance) { | |
| 398 | - $admin_instance->mxchat_reset_chat_toggle_callback(); | |
| 399 | - }, __('Show a "Start new chat" item in the chat window menu that clears the current conversation and begins a fresh session.', 'mxchat')); | |
| 400 | - | |
| 401 | - mxchat_render_field_wrapper('reset_chat_label', __('Start-New-Chat Button Label', 'mxchat'), function() use ($admin_instance) { | |
| 402 | - $admin_instance->mxchat_reset_chat_label_callback(); | |
| 403 | - }, __('Label for the Start-New-Chat menu item. Leave blank to use "Start new chat".', 'mxchat')); | |
| 404 | 339 | ?> |
| 405 | 340 | </div> |
| 406 | 341 | </div> |
| 407 | 342 | |
| @@ -433,13 +368,8 @@ | ||
| 433 | 368 | mxchat_render_field_wrapper('input_copy', __('Input Placeholder', 'mxchat'), function() use ($admin_instance) { |
| 434 | 369 | $admin_instance->mxchat_input_copy_callback(); |
| 435 | 370 | }, __('Placeholder text in the chat input field.', 'mxchat')); |
| 436 | 371 | |
| 437 | - // Max Input Length (characters) — plan a3fae2 part C | |
| 438 | - mxchat_render_field_wrapper('max_input_length', __('Max Input Length (characters)', 'mxchat'), function() use ($admin_instance) { | |
| 439 | - $admin_instance->mxchat_max_input_length_callback(); | |
| 440 | - }, __('Cap how many characters a visitor can type or paste into a single message. Set to 0 for unlimited (default).', 'mxchat')); | |
| 441 | - | |
| 442 | 372 | // Chat Teaser |
| 443 | 373 | mxchat_render_field_wrapper('pre_chat_message', __('Chat Teaser Pop-up', 'mxchat'), function() use ($admin_instance) { |
| 444 | 374 | $admin_instance->mxchat_pre_chat_message_callback(); |
| 445 | 375 | }, __('Message shown before users start chatting.', 'mxchat')); |
| @@ -642,18 +572,8 @@ | ||
| 642 | 572 | </div> |
| 643 | 573 | <p class="mxch-field-description"><?php esc_html_e('Control when the chatbot script loads to improve page performance.', 'mxchat'); ?></p> |
| 644 | 574 | </div> |
| 645 | 575 | |
| 646 | - <?php | |
| 647 | - // Smart asset loading (plan-915355; rebuilt on the house toggle | |
| 648 | - // pattern in plan-64d34f). Standalone option — never part of | |
| 649 | - // mxchat_options, so mxchat_sanitize() can't strip it. | |
| 650 | - mxchat_render_field_wrapper('mxchat_smart_asset_loading', __('Only load chatbot files on pages where the chatbot appears', 'mxchat'), function() use ($admin_instance) { | |
| 651 | - $admin_instance->mxchat_smart_asset_loading_toggle_callback(); | |
| 652 | - }, __('Skips the chatbot\'s CSS and JavaScript on pages where the widget is hidden (per-page visibility, post type include/exclude, or auto-display disabled). Pages using the chatbot shortcode still load everything automatically. Helps with "reduce unused CSS/JS" audit findings.', 'mxchat'), | |
| 653 | - __('If your theme or page builder inserts the chatbot in an unusual way and it stops appearing, turn this off — or force-load assets with the mxchat_should_load_assets filter.', 'mxchat')); | |
| 654 | - ?> | |
| 655 | - | |
| 656 | 576 | <div class="mxch-notice mxch-notice-info" style="margin-top: 16px;"> |
| 657 | 577 | <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> |
| 658 | 578 | <div> |
| 659 | 579 | <strong><?php esc_html_e('Loading Strategies:', 'mxchat'); ?></strong> |
| @@ -667,99 +587,8 @@ | ||
| 667 | 587 | </div> |
| 668 | 588 | </div> |
| 669 | 589 | </div> |
| 670 | 590 | |
| 671 | - <!-- Page Cache Compatibility Card --> | |
| 672 | - <div class="mxch-card"> | |
| 673 | - <div class="mxch-card-header"> | |
| 674 | - <h3 class="mxch-card-title"> | |
| 675 | - <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> | |
| 676 | - <?php esc_html_e('Page Cache Compatibility', 'mxchat'); ?> | |
| 677 | - </h3> | |
| 678 | - </div> | |
| 679 | - <div class="mxch-card-body"> | |
| 680 | - <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> | |
| 681 | - | |
| 682 | - <?php | |
| 683 | - $mxch_cache_rows = array( | |
| 684 | - array('name' => 'WP Rocket', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax\\.php\\?action=mxchat_.*'), | |
| 685 | - array('name' => 'LiteSpeed Cache', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax.php?action=mxchat_*'), | |
| 686 | - array('name' => 'W3 Total Cache', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax.php?action=mxchat_*'), | |
| 687 | - array('name' => 'FlyingPress', 'state' => 'auto', 'exclusion' => '/wp-admin/admin-ajax.php?action=mxchat_*'), | |
| 688 | - array('name' => 'WP Super Cache', 'state' => 'auto', 'exclusion' => 'wp-admin/admin-ajax.php'), | |
| 689 | - array('name' => 'Cloudflare APO', 'state' => 'manual', 'exclusion' => 'Page Rule / Cache Rule: URI Path contains "/wp-admin/admin-ajax.php" → Bypass Cache'), | |
| 690 | - ); | |
| 691 | - ?> | |
| 692 | - | |
| 693 | - <div class="mxch-cache-compat-grid" style="display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 16px;"> | |
| 694 | - <?php foreach ($mxch_cache_rows as $row) : | |
| 695 | - $is_auto = ($row['state'] === 'auto'); | |
| 696 | - $pill_class = $is_auto ? 'mxch-status-pill-active' : 'mxch-status-pill-warning'; | |
| 697 | - $pill_label = $is_auto ? __('Auto-handled', 'mxchat') : __('Manual', 'mxchat'); | |
| 698 | - ?> | |
| 699 | - <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);"> | |
| 700 | - <div style="display: flex; align-items: center; gap: 10px; min-width: 0; flex: 0 0 auto;"> | |
| 701 | - <span style="font-weight: 500;"><?php echo esc_html($row['name']); ?></span> | |
| 702 | - <span class="mxch-status-pill <?php echo esc_attr($pill_class); ?>"> | |
| 703 | - <span class="mxch-status-dot"></span> | |
| 704 | - <?php echo esc_html($pill_label); ?> | |
| 705 | - </span> | |
| 706 | - </div> | |
| 707 | - <div style="display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0;"> | |
| 708 | - <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> | |
| 709 | - <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;"> | |
| 710 | - <?php esc_html_e('Copy', 'mxchat'); ?> | |
| 711 | - </button> | |
| 712 | - </div> | |
| 713 | - </div> | |
| 714 | - <?php endforeach; ?> | |
| 715 | - </div> | |
| 716 | - | |
| 717 | - <div class="mxch-notice mxch-notice-info" style="margin-top: 16px;"> | |
| 718 | - <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> | |
| 719 | - <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> | |
| 720 | - </div> | |
| 721 | - </div> | |
| 722 | - </div> | |
| 723 | - | |
| 724 | - <!-- Provider Reliability Card --> | |
| 725 | - <?php | |
| 726 | - $auto_retry_enabled = !isset($options['auto_retry_on_transient_error']) || | |
| 727 | - (string) $options['auto_retry_on_transient_error'] !== '0'; | |
| 728 | - ?> | |
| 729 | - <div class="mxch-card"> | |
| 730 | - <div class="mxch-card-header"> | |
| 731 | - <h3 class="mxch-card-title"> | |
| 732 | - <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> | |
| 733 | - <?php esc_html_e('Provider Reliability', 'mxchat'); ?> | |
| 734 | - </h3> | |
| 735 | - <span class="mxch-status-pill <?php echo $auto_retry_enabled ? 'mxch-status-pill-active' : 'mxch-status-pill-disabled'; ?>"> | |
| 736 | - <span class="mxch-status-dot"></span> | |
| 737 | - <?php echo $auto_retry_enabled ? esc_html__('Active', 'mxchat') : esc_html__('Disabled', 'mxchat'); ?> | |
| 738 | - </span> | |
| 739 | - </div> | |
| 740 | - <div class="mxch-card-body mxchat-autosave-section"> | |
| 741 | - <div class="mxch-field"> | |
| 742 | - <label class="mxch-field-label" for="auto_retry_on_transient_error"> | |
| 743 | - <?php esc_html_e('Auto-retry on provider overload', 'mxchat'); ?> | |
| 744 | - </label> | |
| 745 | - <div class="mxch-field-control"> | |
| 746 | - <label class="mxch-toggle"> | |
| 747 | - <input type="checkbox" | |
| 748 | - id="auto_retry_on_transient_error" | |
| 749 | - name="mxchat_options[auto_retry_on_transient_error]" | |
| 750 | - class="mxchat-autosave-field" | |
| 751 | - value="1" | |
| 752 | - <?php checked($auto_retry_enabled); ?> /> | |
| 753 | - <span class="mxch-toggle-slider"></span> | |
| 754 | - </label> | |
| 755 | - </div> | |
| 756 | - <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> | |
| 757 | - <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> | |
| 758 | - </div> | |
| 759 | - </div> | |
| 760 | - </div> | |
| 761 | - | |
| 762 | 591 | <!-- Debug Mode Card --> |
| 763 | 592 | <?php |
| 764 | 593 | $debug_mode = isset($options['debug_mode']) ? $options['debug_mode'] : 'off'; |
| 765 | 594 | $debug_active = ($debug_mode === 'on'); |
| @@ -771,15 +600,8 @@ | ||
| 771 | 600 | <?php esc_html_e('Debug Mode', 'mxchat'); ?> |
| 772 | 601 | </h3> |
| 773 | 602 | </div> |
| 774 | 603 | <div class="mxch-card-body"> |
| 775 | - <?php // Deliberate exception to the house .toggle-switch pattern | |
| 776 | - // (audited in plan-64d34f): this card-body is NOT an | |
| 777 | - // autosave section — the toggle saves through its own | |
| 778 | - // dedicated handler (mxchat_toggle_debug_mode, wired at | |
| 779 | - // mxchat-admin.js #mxchat_debug_mode) which appends its own | |
| 780 | - // save indicator inside this label. Converting the markup | |
| 781 | - // would orphan that indicator without touching the JS. ?> | |
| 782 | 604 | <div class="mxch-field"> |
| 783 | 605 | <label class="mxch-toggle"> |
| 784 | 606 | <input type="checkbox" class="mxch-toggle-input" id="mxchat_debug_mode" name="mxchat_options[debug_mode]" value="on" <?php checked($debug_active); ?>> |
| 785 | 607 | <span class="mxch-toggle-switch"></span> |
| @@ -958,9 +780,9 @@ | ||
| 958 | 780 | <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> |
| 959 | 781 | <div> |
| 960 | 782 | <?php printf( |
| 961 | 783 | esc_html__('Visit our %s for setup instructions.', 'mxchat'), |
| 962 | - '<a href="https://mxchat.ai/documentation/mxchat-core#slack-live-agent-handoff" target="_blank">' . esc_html__('documentation page', 'mxchat') . '</a>' | |
| 784 | + '<a href="https://mxchat.ai/documentation/#slack_integration" target="_blank">' . esc_html__('documentation page', 'mxchat') . '</a>' | |
| 963 | 785 | ); ?> |
| 964 | 786 | </div> |
| 965 | 787 | </div> |
| 966 | 788 | |
| @@ -1105,40 +927,8 @@ | ||
| 1105 | 927 | <h1 class="mxch-content-title"><?php esc_html_e('Video Tutorials', 'mxchat'); ?></h1> |
| 1106 | 928 | <p class="mxch-content-subtitle"><?php esc_html_e('Learn how to get the most out of MxChat with our video guides.', 'mxchat'); ?></p> |
| 1107 | 929 | </div> |
| 1108 | 930 | |
| 1109 | - <?php | |
| 1110 | - // Setup Guide — reopen the onboarding wizard (plan-347916, moved here from Display tab). | |
| 1111 | - // Only shows once the user has dismissed/graduated from the Onboarding page. | |
| 1112 | - if (function_exists('mxchat_onboarding_is_dismissed') && mxchat_onboarding_is_dismissed()): | |
| 1113 | - $auto_grad = function_exists('mxchat_onboarding_is_auto_graduated') && mxchat_onboarding_is_auto_graduated(); | |
| 1114 | - ?> | |
| 1115 | - <div class="mxch-card mxch-onboarding-unhide-card" style="margin-bottom: 24px;"> | |
| 1116 | - <div class="mxch-card-header"> | |
| 1117 | - <h3 class="mxch-card-title"> | |
| 1118 | - <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> | |
| 1119 | - <?php esc_html_e('Setup Guide', 'mxchat'); ?> | |
| 1120 | - </h3> | |
| 1121 | - </div> | |
| 1122 | - <div class="mxch-card-body"> | |
| 1123 | - <p style="margin:0 0 12px;color:var(--mxch-text-secondary);font-size:13px;line-height:1.5;"> | |
| 1124 | - <?php if ($auto_grad): ?> | |
| 1125 | - <?php esc_html_e('You finished the setup guide. Reopen it any time to revisit the steps or change a setup choice.', 'mxchat'); ?> | |
| 1126 | - <?php else: ?> | |
| 1127 | - <?php esc_html_e('You hid the setup guide from the MxChat menu. Reopen it any time to revisit the steps.', 'mxchat'); ?> | |
| 1128 | - <?php endif; ?> | |
| 1129 | - </p> | |
| 1130 | - <form method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>" style="margin:0;"> | |
| 1131 | - <?php wp_nonce_field('mxchat_unhide_onboarding'); ?> | |
| 1132 | - <input type="hidden" name="action" value="mxchat_unhide_onboarding" /> | |
| 1133 | - <button type="submit" class="mxch-btn mxch-btn-secondary mxch-btn-sm"> | |
| 1134 | - <?php esc_html_e('Reopen setup guide', 'mxchat'); ?> | |
| 1135 | - </button> | |
| 1136 | - </form> | |
| 1137 | - </div> | |
| 1138 | - </div> | |
| 1139 | - <?php endif; ?> | |
| 1140 | - | |
| 1141 | 931 | <div class="mxch-card" style="margin-bottom: 24px;"> |
| 1142 | 932 | <div class="mxch-card-body"> |
| 1143 | 933 | <div style="display: flex; align-items: flex-start; gap: 16px;"> |
| 1144 | 934 | <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> |
| @@ -1167,13 +957,8 @@ | ||
| 1167 | 957 | 'description' => __('Generate full blog posts and landing pages with AI—from prompt to publish in minutes.', 'mxchat'), |
| 1168 | 958 | 'url' => 'https://www.youtube.com/watch?v=n8TeEeHpxs4' |
| 1169 | 959 | ), |
| 1170 | 960 | array( |
| 1171 | - 'title' => __('Chat With Your GSC Data', 'mxchat'), | |
| 1172 | - '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'), | |
| 1173 | - 'url' => 'https://www.youtube.com/watch?v=ytgMou_7SZA&t=2s' | |
| 1174 | - ), | |
| 1175 | - array( | |
| 1176 | 961 | 'title' => __('AI Theme Generator', 'mxchat'), |
| 1177 | 962 | 'description' => __('Learn how to instantly restyle your chatbot using plain English prompts with real-time previews.', 'mxchat'), |
| 1178 | 963 | 'url' => 'https://www.youtube.com/watch?v=rSQDW2qbtRU&t' |
| 1179 | 964 | ), |
| @@ -1243,125 +1028,127 @@ | ||
| 1243 | 1028 | <?php endforeach; ?> |
| 1244 | 1029 | </div> |
| 1245 | 1030 | </div> |
| 1246 | 1031 | |
| 1247 | - <!-- ===================================================== | |
| 1248 | - TESTING SECTION | |
| 1249 | - ===================================================== --> | |
| 1250 | - <div id="testing" class="mxch-section"> | |
| 1251 | - <div class="mxch-content-header"> | |
| 1252 | - <h1 class="mxch-content-title"><?php esc_html_e('Testing', 'mxchat'); ?></h1> | |
| 1253 | - <p class="mxch-content-subtitle"><?php esc_html_e('Test your chatbot and inspect debug data in real time.', 'mxchat'); ?></p> | |
| 1254 | - </div> | |
| 1032 | + </main> | |
| 1033 | + </div> | |
| 1255 | 1034 | |
| 1256 | - <div class="mxch-testing-layout"> | |
| 1257 | - <!-- Left Column: Debug Panel --> | |
| 1258 | - <div class="mxch-testing-debug-panel"> | |
| 1259 | - <!-- Quick Actions --> | |
| 1260 | - <div class="mxch-card"> | |
| 1261 | - <div class="mxch-card-body"> | |
| 1262 | - <h3 class="mxch-testing-section-title"><?php esc_html_e('Quick Actions', 'mxchat'); ?></h3> | |
| 1263 | - <div class="mxch-testing-actions-row"> | |
| 1264 | - <button type="button" class="mxch-testing-btn mxch-testing-btn-danger" id="mxch-testing-clear-session"> | |
| 1265 | - <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> | |
| 1266 | - <?php esc_html_e('Clear Chat Session', 'mxchat'); ?> | |
| 1267 | - </button> | |
| 1268 | - <button type="button" class="mxch-testing-btn mxch-testing-btn-secondary" id="mxch-testing-clear-debug"> | |
| 1269 | - <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> | |
| 1270 | - <?php esc_html_e('Clear Debug Log', 'mxchat'); ?> | |
| 1271 | - </button> | |
| 1272 | - </div> | |
| 1273 | - </div> | |
| 1274 | - </div> | |
| 1035 | + <script> | |
| 1036 | + document.addEventListener('DOMContentLoaded', function() { | |
| 1037 | + // Sidebar navigation | |
| 1038 | + const navLinks = document.querySelectorAll('.mxch-nav-link, .mxch-nav-sub-link'); | |
| 1039 | + const sections = document.querySelectorAll('.mxch-section'); | |
| 1040 | + const navItems = document.querySelectorAll('.mxch-nav-item'); | |
| 1275 | 1041 | |
| 1276 | - <!-- Last Query Analysis --> | |
| 1277 | - <div class="mxch-card"> | |
| 1278 | - <div class="mxch-card-body"> | |
| 1279 | - <h3 class="mxch-testing-section-title"><?php esc_html_e('Last Query Analysis', 'mxchat'); ?></h3> | |
| 1042 | + function showSection(target) { | |
| 1043 | + // Show target section | |
| 1044 | + sections.forEach(section => { | |
| 1045 | + section.classList.remove('active'); | |
| 1046 | + if (section.id === target) { | |
| 1047 | + section.classList.add('active'); | |
| 1048 | + } | |
| 1049 | + }); | |
| 1280 | 1050 | |
| 1281 | - <div class="mxch-testing-field"> | |
| 1282 | - <label><?php esc_html_e('Similarity Threshold', 'mxchat'); ?></label> | |
| 1283 | - <span id="mxch-testing-threshold"><?php esc_html_e('Loading...', 'mxchat'); ?></span> | |
| 1284 | - </div> | |
| 1051 | + // Scroll content area to top | |
| 1052 | + const contentArea = document.querySelector('.mxch-content'); | |
| 1053 | + if (contentArea) { | |
| 1054 | + contentArea.scrollTop = 0; | |
| 1055 | + } | |
| 1056 | + } | |
| 1285 | 1057 | |
| 1286 | - <div class="mxch-testing-field"> | |
| 1287 | - <label><?php esc_html_e('User Query', 'mxchat'); ?></label> | |
| 1288 | - <div id="mxch-testing-last-query" class="mxch-testing-query-display"><?php esc_html_e('Waiting for next query...', 'mxchat'); ?></div> | |
| 1289 | - </div> | |
| 1058 | + function setActiveNav(clickedLink) { | |
| 1059 | + // Remove active from all links | |
| 1060 | + navLinks.forEach(l => l.classList.remove('active')); | |
| 1290 | 1061 | |
| 1291 | - <div class="mxch-testing-field"> | |
| 1292 | - <label><?php esc_html_e('Approved URLs for Citations', 'mxchat'); ?></label> | |
| 1293 | - <div id="mxch-testing-approved-urls" class="mxch-testing-results"> | |
| 1294 | - <div class="mxch-testing-no-data"><?php esc_html_e('No URL data yet', 'mxchat'); ?></div> | |
| 1295 | - </div> | |
| 1296 | - </div> | |
| 1062 | + // Add active to clicked link | |
| 1063 | + clickedLink.classList.add('active'); | |
| 1297 | 1064 | |
| 1298 | - <div class="mxch-testing-field"> | |
| 1299 | - <label><?php esc_html_e('Document Matches', 'mxchat'); ?></label> | |
| 1300 | - <div id="mxch-testing-similarity-scores" class="mxch-testing-results"> | |
| 1301 | - <div class="mxch-testing-no-data"><?php esc_html_e('No query data yet', 'mxchat'); ?></div> | |
| 1302 | - </div> | |
| 1303 | - </div> | |
| 1065 | + // If clicking a sub-link, also highlight parent | |
| 1066 | + if (clickedLink.classList.contains('mxch-nav-sub-link')) { | |
| 1067 | + const parent = clickedLink.closest('.mxch-nav-item'); | |
| 1068 | + if (parent) { | |
| 1069 | + parent.querySelector('.mxch-nav-link').classList.add('active'); | |
| 1070 | + } | |
| 1071 | + } | |
| 1072 | + } | |
| 1304 | 1073 | |
| 1305 | - <div class="mxch-testing-field"> | |
| 1306 | - <label><?php esc_html_e('Actions Triggered', 'mxchat'); ?></label> | |
| 1307 | - <div id="mxch-testing-action-scores" class="mxch-testing-results"> | |
| 1308 | - <div class="mxch-testing-no-data"><?php esc_html_e('No action data yet', 'mxchat'); ?></div> | |
| 1309 | - </div> | |
| 1310 | - </div> | |
| 1311 | - </div> | |
| 1312 | - </div> | |
| 1074 | + navLinks.forEach(link => { | |
| 1075 | + link.addEventListener('click', function(e) { | |
| 1076 | + e.preventDefault(); | |
| 1077 | + e.stopPropagation(); | |
| 1078 | + const target = this.dataset.target; | |
| 1079 | + const parentItem = this.closest('.mxch-nav-item'); | |
| 1080 | + const hasSubmenu = parentItem && parentItem.querySelector('.mxch-nav-sub'); | |
| 1313 | 1081 | |
| 1314 | - <!-- System Information --> | |
| 1315 | - <div class="mxch-card"> | |
| 1316 | - <div class="mxch-card-body"> | |
| 1317 | - <h3 class="mxch-testing-section-title"><?php esc_html_e('System Information', 'mxchat'); ?></h3> | |
| 1082 | + // If this is a parent nav link WITH children (expandable menu) | |
| 1083 | + if (this.classList.contains('mxch-nav-link') && hasSubmenu) { | |
| 1084 | + const wasExpanded = parentItem.classList.contains('expanded'); | |
| 1318 | 1085 | |
| 1319 | - <div class="mxch-testing-field"> | |
| 1320 | - <label><?php esc_html_e('System Prompt', 'mxchat'); ?></label> | |
| 1321 | - <div id="mxch-testing-system-prompt" class="mxch-testing-system-prompt"><?php esc_html_e('Loading...', 'mxchat'); ?></div> | |
| 1322 | - </div> | |
| 1086 | + // Collapse all other expandable items | |
| 1087 | + navItems.forEach(item => { | |
| 1088 | + if (item !== parentItem && item.querySelector('.mxch-nav-sub')) { | |
| 1089 | + item.classList.remove('expanded'); | |
| 1090 | + } | |
| 1091 | + }); | |
| 1323 | 1092 | |
| 1324 | - <div class="mxch-testing-field"> | |
| 1325 | - <label><?php esc_html_e('Knowledge Base', 'mxchat'); ?></label> | |
| 1326 | - <span id="mxch-testing-kb-status"><?php esc_html_e('Checking...', 'mxchat'); ?></span> | |
| 1327 | - </div> | |
| 1328 | - </div> | |
| 1329 | - </div> | |
| 1093 | + // Toggle this item | |
| 1094 | + parentItem.classList.toggle('expanded'); | |
| 1330 | 1095 | |
| 1331 | - <!-- Debug Log --> | |
| 1332 | - <div class="mxch-card"> | |
| 1333 | - <div class="mxch-card-body"> | |
| 1334 | - <h3 class="mxch-testing-section-title"><?php esc_html_e('Debug Log', 'mxchat'); ?></h3> | |
| 1335 | - <div id="mxch-testing-debug-console" class="mxch-testing-debug-console"> | |
| 1336 | - <div class="mxch-testing-debug-entry"><?php esc_html_e('Debug panel ready - send a message to begin...', 'mxchat'); ?></div> | |
| 1337 | - </div> | |
| 1338 | - </div> | |
| 1339 | - </div> | |
| 1340 | - </div> | |
| 1096 | + // If expanding, show the first sub-item's content and mark it active | |
| 1097 | + if (!wasExpanded) { | |
| 1098 | + const firstSubLink = parentItem.querySelector('.mxch-nav-sub-link'); | |
| 1099 | + if (firstSubLink) { | |
| 1100 | + const firstTarget = firstSubLink.dataset.target; | |
| 1101 | + showSection(firstTarget); | |
| 1102 | + setActiveNav(firstSubLink); | |
| 1103 | + // Also mark parent as active | |
| 1104 | + this.classList.add('active'); | |
| 1105 | + history.replaceState(null, null, '#' + firstTarget); | |
| 1106 | + } | |
| 1107 | + } | |
| 1108 | + } | |
| 1109 | + // If this is a nav link WITHOUT children (like API Keys, Tutorials) | |
| 1110 | + else if (this.classList.contains('mxch-nav-link') && !hasSubmenu && target) { | |
| 1111 | + // Collapse all expandable items | |
| 1112 | + navItems.forEach(item => { | |
| 1113 | + if (item.querySelector('.mxch-nav-sub')) { | |
| 1114 | + item.classList.remove('expanded'); | |
| 1115 | + } | |
| 1116 | + }); | |
| 1341 | 1117 | |
| 1342 | - <!-- Right Column: Chatbot Replica --> | |
| 1343 | - <div class="mxch-testing-chatbot-column"> | |
| 1344 | - <div class="mxch-testing-chatbot-scope"> | |
| 1345 | - <?php | |
| 1346 | - // Render the chatbot inline for testing | |
| 1347 | - echo do_shortcode('[mxchat_chatbot floating="no" bot_id="testing"]'); | |
| 1348 | - ?> | |
| 1349 | - </div> | |
| 1350 | - </div> | |
| 1351 | - </div> | |
| 1352 | - </div> | |
| 1118 | + // Show the section | |
| 1119 | + showSection(target); | |
| 1120 | + setActiveNav(this); | |
| 1121 | + history.replaceState(null, null, '#' + target); | |
| 1122 | + } | |
| 1123 | + // If this is a sub-link | |
| 1124 | + else if (this.classList.contains('mxch-nav-sub-link') && target) { | |
| 1125 | + // Ensure parent stays expanded | |
| 1126 | + if (parentItem) { | |
| 1127 | + parentItem.classList.add('expanded'); | |
| 1128 | + } | |
| 1129 | + showSection(target); | |
| 1130 | + setActiveNav(this); | |
| 1131 | + history.replaceState(null, null, '#' + target); | |
| 1132 | + } | |
| 1133 | + }); | |
| 1134 | + }); | |
| 1353 | 1135 | |
| 1354 | - </main> | |
| 1355 | - </div> | |
| 1136 | + // Handle initial hash | |
| 1137 | + const hash = window.location.hash.slice(1); | |
| 1138 | + if (hash) { | |
| 1139 | + const targetLink = document.querySelector('[data-target="' + hash + '"]'); | |
| 1140 | + if (targetLink) { | |
| 1141 | + // Expand parent if it's a sub-link | |
| 1142 | + const parentItem = targetLink.closest('.mxch-nav-item'); | |
| 1143 | + if (parentItem && targetLink.classList.contains('mxch-nav-sub-link')) { | |
| 1144 | + parentItem.classList.add('expanded'); | |
| 1145 | + } | |
| 1146 | + showSection(hash); | |
| 1147 | + setActiveNav(targetLink); | |
| 1148 | + } | |
| 1149 | + } | |
| 1356 | 1150 | |
| 1357 | - <script> | |
| 1358 | - document.addEventListener('DOMContentLoaded', function() { | |
| 1359 | - // Sidebar/tab navigation, accordion groups, ?tab=/#hash deep-linking | |
| 1360 | - // and the mobile menu all live in the shared shell script | |
| 1361 | - // (js/admin-sidebar.js) — consolidated by plan c192a4. Only the | |
| 1362 | - // page-local widgets below remain inline. | |
| 1363 | - | |
| 1364 | 1151 | // Rate limit accordion |
| 1365 | 1152 | const rateLimitHeaders = document.querySelectorAll('.mxch-rate-limit-header'); |
| 1366 | 1153 | rateLimitHeaders.forEach(header => { |
| 1367 | 1154 | header.addEventListener('click', function(e) { |
| @@ -1371,25 +1158,101 @@ | ||
| 1371 | 1158 | item.classList.toggle('expanded'); |
| 1372 | 1159 | }); |
| 1373 | 1160 | }); |
| 1374 | 1161 | |
| 1375 | - // Rate-limit "Custom…" toggle: show/hide the integer input below each | |
| 1376 | - // limit <select> based on whether __custom__ is the active option. | |
| 1377 | - document.querySelectorAll('.mxch-rate-limit-limit-select').forEach(sel => { | |
| 1378 | - const targetId = sel.getAttribute('data-mxch-custom-target'); | |
| 1379 | - if (!targetId) return; | |
| 1380 | - const field = document.querySelector('[data-mxch-custom-for="' + targetId + '"]'); | |
| 1381 | - if (!field) return; | |
| 1382 | - const sync = () => { | |
| 1383 | - if (sel.value === '__custom__') { | |
| 1384 | - field.hidden = false; | |
| 1385 | - } else { | |
| 1386 | - field.hidden = true; | |
| 1162 | + // ===================================================== | |
| 1163 | + // Mobile Menu Functionality | |
| 1164 | + // ===================================================== | |
| 1165 | + const mobileMenuBtn = document.querySelector('.mxch-mobile-menu-btn'); | |
| 1166 | + const mobileMenuClose = document.querySelector('.mxch-mobile-menu-close'); | |
| 1167 | + const mobileMenu = document.querySelector('.mxch-mobile-menu'); | |
| 1168 | + const mobileOverlay = document.querySelector('.mxch-mobile-overlay'); | |
| 1169 | + const mobileNavLinks = document.querySelectorAll('.mxch-mobile-nav-link, .mxch-mobile-nav-sub-link'); | |
| 1170 | + | |
| 1171 | + function openMobileMenu() { | |
| 1172 | + mobileMenu.classList.add('open'); | |
| 1173 | + mobileOverlay.classList.add('open'); | |
| 1174 | + document.body.style.overflow = 'hidden'; | |
| 1175 | + } | |
| 1176 | + | |
| 1177 | + function closeMobileMenu() { | |
| 1178 | + mobileMenu.classList.remove('open'); | |
| 1179 | + mobileOverlay.classList.remove('open'); | |
| 1180 | + document.body.style.overflow = ''; | |
| 1181 | + } | |
| 1182 | + | |
| 1183 | + if (mobileMenuBtn) { | |
| 1184 | + mobileMenuBtn.addEventListener('click', openMobileMenu); | |
| 1185 | + } | |
| 1186 | + | |
| 1187 | + if (mobileMenuClose) { | |
| 1188 | + mobileMenuClose.addEventListener('click', closeMobileMenu); | |
| 1189 | + } | |
| 1190 | + | |
| 1191 | + if (mobileOverlay) { | |
| 1192 | + mobileOverlay.addEventListener('click', closeMobileMenu); | |
| 1193 | + } | |
| 1194 | + | |
| 1195 | + // Mobile navigation links | |
| 1196 | + mobileNavLinks.forEach(link => { | |
| 1197 | + link.addEventListener('click', function(e) { | |
| 1198 | + e.preventDefault(); | |
| 1199 | + e.stopPropagation(); | |
| 1200 | + | |
| 1201 | + const target = this.dataset.target; | |
| 1202 | + const parentId = this.dataset.parent; | |
| 1203 | + | |
| 1204 | + // If this is an expandable parent link | |
| 1205 | + if (parentId && !target) { | |
| 1206 | + const subNav = document.querySelector('.mxch-mobile-nav-sub[data-parent="' + parentId + '"]'); | |
| 1207 | + if (subNav) { | |
| 1208 | + const isExpanded = subNav.classList.contains('expanded'); | |
| 1209 | + // Collapse all sub navs | |
| 1210 | + document.querySelectorAll('.mxch-mobile-nav-sub').forEach(nav => { | |
| 1211 | + nav.classList.remove('expanded'); | |
| 1212 | + }); | |
| 1213 | + document.querySelectorAll('.mxch-mobile-nav-link').forEach(l => { | |
| 1214 | + l.classList.remove('expanded'); | |
| 1215 | + }); | |
| 1216 | + // Toggle this one | |
| 1217 | + if (!isExpanded) { | |
| 1218 | + subNav.classList.add('expanded'); | |
| 1219 | + this.classList.add('expanded'); | |
| 1220 | + } | |
| 1221 | + } | |
| 1387 | 1222 | } |
| 1388 | - }; | |
| 1389 | - sel.addEventListener('change', sync); | |
| 1390 | - sync(); | |
| 1223 | + // If this is a direct link or sub-link with a target | |
| 1224 | + else if (target) { | |
| 1225 | + // Update mobile nav active state | |
| 1226 | + document.querySelectorAll('.mxch-mobile-nav-link, .mxch-mobile-nav-sub-link').forEach(l => { | |
| 1227 | + l.classList.remove('active'); | |
| 1228 | + }); | |
| 1229 | + this.classList.add('active'); | |
| 1230 | + | |
| 1231 | + // Also update desktop sidebar nav | |
| 1232 | + const desktopLink = document.querySelector('.mxch-sidebar [data-target="' + target + '"]'); | |
| 1233 | + if (desktopLink) { | |
| 1234 | + setActiveNav(desktopLink); | |
| 1235 | + const parentItem = desktopLink.closest('.mxch-nav-item'); | |
| 1236 | + if (parentItem && desktopLink.classList.contains('mxch-nav-sub-link')) { | |
| 1237 | + parentItem.classList.add('expanded'); | |
| 1238 | + } | |
| 1239 | + } | |
| 1240 | + | |
| 1241 | + // Show section and close menu | |
| 1242 | + showSection(target); | |
| 1243 | + history.replaceState(null, null, '#' + target); | |
| 1244 | + closeMobileMenu(); | |
| 1245 | + } | |
| 1246 | + }); | |
| 1391 | 1247 | }); |
| 1248 | + | |
| 1249 | + // Close mobile menu on escape key | |
| 1250 | + document.addEventListener('keydown', function(e) { | |
| 1251 | + if (e.key === 'Escape' && mobileMenu && mobileMenu.classList.contains('open')) { | |
| 1252 | + closeMobileMenu(); | |
| 1253 | + } | |
| 1254 | + }); | |
| 1392 | 1255 | }); |
| 1393 | 1256 | </script> |
| 1394 | 1257 | <?php |
| 1395 | 1258 | } |
| @@ -1395,14 +1258,10 @@ | ||
| 1395 | 1258 | } |
| 1396 | 1259 | |
| 1397 | 1260 | /** |
| 1398 | 1261 | * Helper function to render a field with consistent wrapper |
| 1399 | - * | |
| 1400 | - * $hint renders as a .mxch-field-hint line under the description — the | |
| 1401 | - * softer "caveats / fine print" slot (added for plan-64d34f so hint-bearing | |
| 1402 | - * fields don't have to hand-roll the wrapper markup). | |
| 1403 | 1262 | */ |
| 1404 | -function mxchat_render_field_wrapper($id, $label, $callback, $description = '', $hint = '') { | |
| 1263 | +function mxchat_render_field_wrapper($id, $label, $callback, $description = '') { | |
| 1405 | 1264 | ?> |
| 1406 | 1265 | <div class="mxch-field"> |
| 1407 | 1266 | <label class="mxch-field-label"><?php echo esc_html($label); ?></label> |
| 1408 | 1267 | <div class="mxch-field-control"> |
| @@ -1410,11 +1269,8 @@ | ||
| 1410 | 1269 | </div> |
| 1411 | 1270 | <?php if ($description): ?> |
| 1412 | 1271 | <p class="mxch-field-description"><?php echo esc_html($description); ?></p> |
| 1413 | 1272 | <?php endif; ?> |
| 1414 | - <?php if ($hint): ?> | |
| 1415 | - <p class="mxch-field-hint"><?php echo esc_html($hint); ?></p> | |
| 1416 | - <?php endif; ?> | |
| 1417 | 1273 | </div> |
| 1418 | 1274 | <?php |
| 1419 | 1275 | } |
| 1420 | 1276 | |
| @@ -1433,146 +1289,10 @@ | ||
| 1433 | 1289 | |
| 1434 | 1290 | $roles = wp_roles()->get_names(); |
| 1435 | 1291 | $roles['logged_out'] = __('Logged Out Users', 'mxchat'); |
| 1436 | 1292 | |
| 1437 | - // Whole-chatbot global cap (sits above per-role; defaults to unlimited so | |
| 1438 | - // existing installs are unchanged). Stored under mxchat_options['rate_limits_global']. | |
| 1439 | - $global_cfg = isset($all_options['rate_limits_global']) && is_array($all_options['rate_limits_global']) | |
| 1440 | - ? $all_options['rate_limits_global'] | |
| 1441 | - : array(); | |
| 1442 | - $global_limit_raw = isset($global_cfg['limit']) ? (string) $global_cfg['limit'] : 'unlimited'; | |
| 1443 | - $global_timeframe = isset($global_cfg['timeframe']) ? (string) $global_cfg['timeframe'] : 'daily'; | |
| 1444 | - $global_is_unlimited = ($global_limit_raw === '' || $global_limit_raw === 'unlimited'); | |
| 1445 | - $global_is_preset = !$global_is_unlimited && in_array($global_limit_raw, $rate_limits, true); | |
| 1446 | - $global_select_value = $global_is_unlimited ? 'unlimited' : ($global_is_preset ? $global_limit_raw : '__custom__'); | |
| 1447 | - $global_custom_value = (!$global_is_unlimited && !$global_is_preset && ctype_digit($global_limit_raw)) | |
| 1448 | - ? $global_limit_raw | |
| 1449 | - : ''; | |
| 1450 | - | |
| 1451 | 1293 | echo '<div class="mxch-rate-limits">'; |
| 1452 | 1294 | |
| 1453 | - // --- Global cap card ------------------------------------------------- | |
| 1454 | - ?> | |
| 1455 | - <div class="mxch-rate-limit-item mxch-rate-limit-global mxchat-autosave-section"> | |
| 1456 | - <div class="mxch-rate-limit-header"> | |
| 1457 | - <span class="mxch-rate-limit-role"><?php esc_html_e('Total chatbot message limit', 'mxchat'); ?></span> | |
| 1458 | - <div class="mxch-rate-limit-summary"> | |
| 1459 | - <span class="mxch-rate-limit-badge mxch-rate-limit-global-badge"> | |
| 1460 | - <?php | |
| 1461 | - if ($global_is_unlimited) { | |
| 1462 | - esc_html_e('Unlimited', 'mxchat'); | |
| 1463 | - } else { | |
| 1464 | - $tf_label = isset($timeframes[$global_timeframe]) ? $timeframes[$global_timeframe] : $global_timeframe; | |
| 1465 | - echo esc_html(($global_custom_value !== '' ? $global_custom_value : $global_limit_raw) . ' / ' . $tf_label); | |
| 1466 | - } | |
| 1467 | - ?> | |
| 1468 | - </span> | |
| 1469 | - <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> | |
| 1470 | - </div> | |
| 1471 | - </div> | |
| 1472 | - <div class="mxch-rate-limit-body"> | |
| 1473 | - <p class="mxch-field-description" style="margin: 0 0 12px;"> | |
| 1474 | - <?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'); ?> | |
| 1475 | - </p> | |
| 1476 | - <div class="mxch-rate-limit-controls"> | |
| 1477 | - <div class="mxch-field"> | |
| 1478 | - <label class="mxch-field-label" for="rate_limits_global_limit"><?php esc_html_e('Limit', 'mxchat'); ?></label> | |
| 1479 | - <select id="rate_limits_global_limit" | |
| 1480 | - name="mxchat_options[rate_limits_global][limit]" | |
| 1481 | - class="mxch-select mxchat-autosave-field mxch-rate-limit-limit-select" | |
| 1482 | - data-mxch-custom-target="rate_limits_global_limit_custom"> | |
| 1483 | - <?php foreach ($rate_limits as $limit): ?> | |
| 1484 | - <option value="<?php echo esc_attr($limit); ?>" <?php selected($global_select_value, $limit); ?>> | |
| 1485 | - <?php echo esc_html($limit === 'unlimited' ? __('Unlimited', 'mxchat') : $limit); ?> | |
| 1486 | - </option> | |
| 1487 | - <?php endforeach; ?> | |
| 1488 | - <option value="__custom__" <?php selected($global_select_value, '__custom__'); ?>><?php esc_html_e('Custom…', 'mxchat'); ?></option> | |
| 1489 | - </select> | |
| 1490 | - </div> | |
| 1491 | - <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'; ?>> | |
| 1492 | - <label class="mxch-field-label" for="rate_limits_global_limit_custom"><?php esc_html_e('Custom limit', 'mxchat'); ?></label> | |
| 1493 | - <input type="number" | |
| 1494 | - min="1" | |
| 1495 | - step="1" | |
| 1496 | - id="rate_limits_global_limit_custom" | |
| 1497 | - name="mxchat_options[rate_limits_global][limit_custom]" | |
| 1498 | - class="mxch-input mxchat-autosave-field mxch-rate-limit-custom-input" | |
| 1499 | - placeholder="e.g. 250" | |
| 1500 | - value="<?php echo esc_attr($global_custom_value); ?>" /> | |
| 1501 | - </div> | |
| 1502 | - <div class="mxch-field"> | |
| 1503 | - <label class="mxch-field-label" for="rate_limits_global_timeframe"><?php esc_html_e('Timeframe', 'mxchat'); ?></label> | |
| 1504 | - <select id="rate_limits_global_timeframe" | |
| 1505 | - name="mxchat_options[rate_limits_global][timeframe]" | |
| 1506 | - class="mxch-select mxchat-autosave-field"> | |
| 1507 | - <?php foreach ($timeframes as $value => $label): ?> | |
| 1508 | - <option value="<?php echo esc_attr($value); ?>" <?php selected($global_timeframe, $value); ?>><?php echo esc_html($label); ?></option> | |
| 1509 | - <?php endforeach; ?> | |
| 1510 | - </select> | |
| 1511 | - </div> | |
| 1512 | - </div> | |
| 1513 | - <?php | |
| 1514 | - // --- Current usage readout (read-only; mirrors the integrator's | |
| 1515 | - // window-reset math at READ time — never writes the counter here). | |
| 1516 | - // v1 surfaces the DEFAULT bot's pool. TODO: per-bot selector if asked. | |
| 1517 | - $global_usage_limit_int = (!$global_is_unlimited && ctype_digit($global_limit_raw)) | |
| 1518 | - ? (int) $global_limit_raw | |
| 1519 | - : 0; | |
| 1520 | - $usage_raw = get_option('mxchat_chat_limit_default_global', array('count' => 0, 'timestamp' => time())); | |
| 1521 | - $usage_count = isset($usage_raw['count']) ? (int) $usage_raw['count'] : 0; | |
| 1522 | - $usage_ts = isset($usage_raw['timestamp']) ? (int) $usage_raw['timestamp'] : time(); | |
| 1523 | - $usage_windows = array('hourly' => 3600, 'daily' => 86400, 'weekly' => 604800, 'monthly' => 2592000); | |
| 1524 | - $usage_window = isset($usage_windows[$global_timeframe]) ? $usage_windows[$global_timeframe] : 86400; | |
| 1525 | - $usage_now = time(); | |
| 1526 | - if (($usage_now - $usage_ts) >= $usage_window) { | |
| 1527 | - // Window elapsed since the stored timestamp → effective count is 0. | |
| 1528 | - $usage_count = 0; | |
| 1529 | - $usage_reset_at = $usage_now + $usage_window; | |
| 1530 | - } else { | |
| 1531 | - $usage_reset_at = $usage_ts + $usage_window; | |
| 1532 | - } | |
| 1533 | - $usage_left = max(0, $global_usage_limit_int - $usage_count); | |
| 1534 | - $usage_pct = ($global_usage_limit_int > 0) | |
| 1535 | - ? min(100, (int) round(($usage_count / $global_usage_limit_int) * 100)) | |
| 1536 | - : 0; | |
| 1537 | - $usage_reset_nonce = wp_create_nonce('mxchat_reset_global_usage'); | |
| 1538 | - ?> | |
| 1539 | - <div class="mxch-rate-limit-usage" | |
| 1540 | - id="mxch-global-usage" | |
| 1541 | - data-bot-id="default" | |
| 1542 | - data-reset-nonce="<?php echo esc_attr($usage_reset_nonce); ?>" | |
| 1543 | - <?php echo $global_is_unlimited ? 'hidden' : ''; ?>> | |
| 1544 | - <div class="mxch-rate-limit-usage-head"> | |
| 1545 | - <span class="mxch-field-label" style="margin:0;"><?php esc_html_e('Current usage', 'mxchat'); ?></span> | |
| 1546 | - <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> | |
| 1547 | - </div> | |
| 1548 | - <div class="mxch-progress-bar"> | |
| 1549 | - <div class="mxch-progress-bar-fill" id="mxch-global-usage-fill" style="width: <?php echo esc_attr($usage_pct); ?>%;"></div> | |
| 1550 | - </div> | |
| 1551 | - <p class="mxch-progress-label" id="mxch-global-usage-text" style="margin:0;"> | |
| 1552 | - <?php | |
| 1553 | - printf( | |
| 1554 | - /* translators: 1: used count, 2: limit, 3: remaining, 4: human-readable time until reset */ | |
| 1555 | - esc_html__('%1$s of %2$s used · %3$s left · resets in %4$s', 'mxchat'), | |
| 1556 | - esc_html(number_format_i18n($usage_count)), | |
| 1557 | - esc_html(number_format_i18n($global_usage_limit_int)), | |
| 1558 | - esc_html(number_format_i18n($usage_left)), | |
| 1559 | - esc_html(human_time_diff($usage_now, $usage_reset_at)) | |
| 1560 | - ); | |
| 1561 | - ?> | |
| 1562 | - </p> | |
| 1563 | - </div> | |
| 1564 | - <p class="mxch-field-description mxch-rate-limit-usage-unlimited" | |
| 1565 | - id="mxch-global-usage-unlimited" | |
| 1566 | - style="margin: 12px 0 0;" | |
| 1567 | - <?php echo $global_is_unlimited ? '' : 'hidden'; ?>> | |
| 1568 | - <?php esc_html_e('Unlimited — no cap. Usage tracking applies only when a numeric limit is set.', 'mxchat'); ?> | |
| 1569 | - </p> | |
| 1570 | - </div> | |
| 1571 | - </div> | |
| 1572 | - <?php | |
| 1573 | - // --------------------------------------------------------------------- | |
| 1574 | - | |
| 1575 | 1295 | foreach ($roles as $role_id => $role_name) { |
| 1576 | 1296 | $default_limit = ($role_id === 'logged_out') ? '10' : '100'; |
| 1577 | 1297 | $default_timeframe = 'daily'; |
| 1578 | 1298 | $default_message = __('Rate limit exceeded. Please try again later.', 'mxchat'); |
| @@ -1577,9 +1297,9 @@ | ||
| 1577 | 1297 | $default_timeframe = 'daily'; |
| 1578 | 1298 | $default_message = __('Rate limit exceeded. Please try again later.', 'mxchat'); |
| 1579 | 1299 | |
| 1580 | 1300 | $selected_limit = isset($all_options['rate_limits'][$role_id]['limit']) |
| 1581 | - ? (string) $all_options['rate_limits'][$role_id]['limit'] | |
| 1301 | + ? $all_options['rate_limits'][$role_id]['limit'] | |
| 1582 | 1302 | : $default_limit; |
| 1583 | 1303 | |
| 1584 | 1304 | $selected_timeframe = isset($all_options['rate_limits'][$role_id]['timeframe']) |
| 1585 | 1305 | ? $all_options['rate_limits'][$role_id]['timeframe'] |
| @@ -1589,16 +1309,8 @@ | ||
| 1589 | 1309 | ? $all_options['rate_limits'][$role_id]['message'] |
| 1590 | 1310 | : $default_message; |
| 1591 | 1311 | |
| 1592 | 1312 | $timeframe_label = isset($timeframes[$selected_timeframe]) ? $timeframes[$selected_timeframe] : $selected_timeframe; |
| 1593 | - | |
| 1594 | - // Custom-value handling: if the stored limit is not in the preset list | |
| 1595 | - // and not 'unlimited', it's a custom integer. The select shows __custom__ | |
| 1596 | - // and the number input below carries the actual value. | |
| 1597 | - $is_preset_limit = in_array($selected_limit, $rate_limits, true); | |
| 1598 | - $role_select_value = $is_preset_limit ? $selected_limit : '__custom__'; | |
| 1599 | - $role_custom_value = (!$is_preset_limit && ctype_digit($selected_limit)) ? $selected_limit : ''; | |
| 1600 | - $custom_field_id = 'rate_limits_' . $role_id . '_limit_custom'; | |
| 1601 | 1313 | ?> |
| 1602 | 1314 | <div class="mxch-rate-limit-item"> |
| 1603 | 1315 | <div class="mxch-rate-limit-header"> |
| 1604 | 1316 | <span class="mxch-rate-limit-role"><?php echo esc_html($role_name); ?></span> |
| @@ -1612,28 +1324,13 @@ | ||
| 1612 | 1324 | <div class="mxch-field"> |
| 1613 | 1325 | <label class="mxch-field-label" for="rate_limits_<?php echo esc_attr($role_id); ?>_limit"><?php esc_html_e('Limit', 'mxchat'); ?></label> |
| 1614 | 1326 | <select id="rate_limits_<?php echo esc_attr($role_id); ?>_limit" |
| 1615 | 1327 | name="mxchat_options[rate_limits][<?php echo esc_attr($role_id); ?>][limit]" |
| 1616 | - class="mxch-select mxchat-autosave-field mxch-rate-limit-limit-select" | |
| 1617 | - data-mxch-custom-target="<?php echo esc_attr($custom_field_id); ?>"> | |
| 1328 | + class="mxch-select mxchat-autosave-field"> | |
| 1618 | 1329 | <?php foreach ($rate_limits as $limit): ?> |
| 1619 | - <option value="<?php echo esc_attr($limit); ?>" <?php selected($role_select_value, $limit); ?>> | |
| 1620 | - <?php echo esc_html($limit === 'unlimited' ? __('Unlimited', 'mxchat') : $limit); ?> | |
| 1621 | - </option> | |
| 1330 | + <option value="<?php echo esc_attr($limit); ?>" <?php selected($selected_limit, $limit); ?>><?php echo esc_html($limit); ?></option> | |
| 1622 | 1331 | <?php endforeach; ?> |
| 1623 | - <option value="__custom__" <?php selected($role_select_value, '__custom__'); ?>><?php esc_html_e('Custom…', 'mxchat'); ?></option> | |
| 1624 | 1332 | </select> |
| 1625 | - </div> | |
| 1626 | - <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'; ?>> | |
| 1627 | - <label class="mxch-field-label" for="<?php echo esc_attr($custom_field_id); ?>"><?php esc_html_e('Custom limit', 'mxchat'); ?></label> | |
| 1628 | - <input type="number" | |
| 1629 | - min="1" | |
| 1630 | - step="1" | |
| 1631 | - id="<?php echo esc_attr($custom_field_id); ?>" | |
| 1632 | - name="mxchat_options[rate_limits][<?php echo esc_attr($role_id); ?>][limit_custom]" | |
| 1633 | - class="mxch-input mxchat-autosave-field mxch-rate-limit-custom-input" | |
| 1634 | - placeholder="e.g. 250" | |
| 1635 | - value="<?php echo esc_attr($role_custom_value); ?>" /> | |
| 1636 | 1333 | </div> |
| 1637 | 1334 | <div class="mxch-field"> |
| 1638 | 1335 | <label class="mxch-field-label" for="rate_limits_<?php echo esc_attr($role_id); ?>_timeframe"><?php esc_html_e('Timeframe', 'mxchat'); ?></label> |
| 1639 | 1336 | <select id="rate_limits_<?php echo esc_attr($role_id); ?>_timeframe" |
