PluginProbe
MxChat – AI Chatbot & Content Generation for WordPress / 3.1.8
MxChat – AI Chatbot & Content Generation for WordPress v3.1.8
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-knowledge-page.php +78 -435 3.2.19 → 3.1.8 View file →
@@ -73,9 +73,9 @@
73 73 <span><?php esc_html_e('Auto-Sync', 'mxchat'); ?></span>
74 74 </button>
75 75 <button class="mxch-mobile-nav-link" data-target="chunking">
76 76 <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"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
77 - <span><?php esc_html_e('Chunking & Retrieval', 'mxchat'); ?></span>
77 + <span><?php esc_html_e('Content Chunking', 'mxchat'); ?></span>
78 78 </button>
79 79 <button class="mxch-mobile-nav-link" data-target="role-restrictions">
80 80 <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="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
81 81 <span><?php esc_html_e('Role Restrictions', 'mxchat'); ?></span>
@@ -172,9 +172,9 @@
172 172 <button class="mxch-nav-link" data-target="chunking">
173 173 <span class="mxch-nav-link-icon">
174 174 <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"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
175 175 </span>
176 - <span class="mxch-nav-link-text"><?php esc_html_e('Chunking & Retrieval', 'mxchat'); ?></span>
176 + <span class="mxch-nav-link-text"><?php esc_html_e('Content Chunking', 'mxchat'); ?></span>
177 177 </button>
178 178 </div>
179 179
180 180 <div class="mxch-nav-item" data-section="role-restrictions">
@@ -275,11 +275,8 @@
275 275
276 276 // Render the Edit Entry Modal
277 277 mxchat_render_edit_entry_modal();
278 278
279 - // Render the read-only Knowledge Inspector modal (plan-d8cb4b)
280 - mxchat_render_inspect_entry_modal();
281 -
282 279 // Render the navigation JavaScript
283 280 mxchat_render_knowledge_page_scripts();
284 281 }
285 282
@@ -555,19 +552,8 @@
555 552 <h4><?php esc_html_e('PDF Upload', 'mxchat'); ?></h4>
556 553 <p><?php esc_html_e('Upload a PDF file from your computer.', 'mxchat'); ?></p>
557 554 </div>
558 555 </button>
559 -
560 - <!-- YouTube Video Import Option -->
561 - <button type="button" class="mxchat-import-box" data-option="youtube" data-type="youtube">
562 - <div class="mxchat-import-icon">
563 - <span class="dashicons dashicons-youtube"></span>
564 - </div>
565 - <div class="mxchat-import-content">
566 - <h4><?php esc_html_e('YouTube', 'mxchat'); ?></h4>
567 - <p><?php esc_html_e('Index a video so the chat can surface it as a playable embed.', 'mxchat'); ?></p>
568 - </div>
569 - </button>
570 556 </div>
571 557
572 558 <!-- Detected Sitemaps Section (hidden by default, shown when Sitemap Import is clicked) -->
573 559 <div id="mxchat-detected-sitemaps" class="mxchat-detected-sitemaps" style="display: none;">
@@ -669,54 +655,8 @@
669 655 <?php esc_html_e('Import PDF', 'mxchat'); ?>
670 656 </button>
671 657 </form>
672 658 </div>
673 -
674 - <?php
675 - // Prefill state: set when an auto-import found no transcript — the
676 - // handler bounced back here so the admin can augment the entry with
677 - // a manual description (re-importing the same URL updates the row).
678 - $yt_prefill = isset($_GET['mxchat_yt_prefill']) && $_GET['mxchat_yt_prefill'] === '1';
679 - $yt_prefill_url = $yt_prefill && isset($_GET['yt_url']) ? esc_url_raw(rawurldecode(wp_unslash($_GET['yt_url']))) : '';
680 - $yt_prefill_title = $yt_prefill && isset($_GET['yt_title']) ? sanitize_text_field(rawurldecode(wp_unslash($_GET['yt_title']))) : '';
681 - ?>
682 - <div class="mxchat-import-input-area" id="mxchat-youtube-input-area" style="display: none; margin-top: 20px;">
683 - <form id="mxchat-youtube-form" method="post" action="<?php echo esc_url(admin_url('admin-post.php?action=mxchat_submit_youtube')); ?>"<?php echo $yt_prefill ? ' data-yt-prefill="1"' : ''; ?>>
684 - <?php wp_nonce_field('mxchat_submit_youtube_action', 'mxchat_submit_youtube_nonce'); ?>
685 - <?php if ($multibot_active && $current_bot_id !== 'default') : ?>
686 - <input type="hidden" name="bot_id" value="<?php echo esc_attr($current_bot_id); ?>">
687 - <?php endif; ?>
688 - <div class="mxch-field">
689 - <input type="url" name="youtube_url" id="mxchat-youtube-url" class="mxch-input" placeholder="<?php esc_attr_e('Paste a YouTube video URL (watch, youtu.be, or Shorts link)', 'mxchat'); ?>" required value="<?php echo esc_attr($yt_prefill_url); ?>">
690 - </div>
691 - <div class="mxch-field">
692 - <span class="mxch-field-label"><?php esc_html_e('How should this video be described for matching?', 'mxchat'); ?></span>
693 - <div style="display: flex; flex-direction: column; gap: 6px; margin-top: 8px;">
694 - <label style="display: flex; align-items: baseline; gap: 8px; cursor: pointer;">
695 - <input type="radio" name="youtube_description_mode" value="auto" <?php checked(!$yt_prefill); ?>>
696 - <span>
697 - <strong><?php esc_html_e('Auto-fetch', 'mxchat'); ?></strong>
698 - <span class="mxch-field-description" style="display: block; margin: 2px 0 0;"><?php esc_html_e('We pull the video\'s title, channel, and captions (when available) to describe it.', 'mxchat'); ?></span>
699 - </span>
700 - </label>
701 - <label style="display: flex; align-items: baseline; gap: 8px; cursor: pointer;">
702 - <input type="radio" name="youtube_description_mode" value="manual" <?php checked($yt_prefill); ?>>
703 - <span>
704 - <strong><?php esc_html_e('Write my own', 'mxchat'); ?></strong>
705 - <span class="mxch-field-description" style="display: block; margin: 2px 0 0;"><?php esc_html_e('You write the description the chatbot matches against — best for curated guides.', 'mxchat'); ?></span>
706 - </span>
707 - </label>
708 - </div>
709 - </div>
710 - <div class="mxch-field" id="mxchat-youtube-description-field" style="<?php echo $yt_prefill ? '' : 'display: none;'; ?>">
711 - <textarea name="youtube_description" id="mxchat-youtube-description" class="mxch-textarea" rows="5" placeholder="<?php esc_attr_e('Describe what this video covers and the questions it answers...', 'mxchat'); ?>"><?php echo esc_textarea($yt_prefill_title !== '' ? $yt_prefill_title . "\n\n" : ''); ?></textarea>
712 - <p class="mxch-field-description"><?php esc_html_e('This text is what gets matched against visitor questions. Importing the same video URL again updates its existing entry.', 'mxchat'); ?></p>
713 - </div>
714 - <button type="submit" name="submit_youtube" value="1" class="mxch-btn mxch-btn-primary">
715 - <?php esc_html_e('Import Video', 'mxchat'); ?>
716 - </button>
717 - </form>
718 - </div>
719 659 <?php endif; ?>
720 660 </div>
721 661 </div>
722 662 </div>
@@ -1049,18 +989,8 @@
1049 989 <span style="color: var(--mxch-text-muted);"><?php esc_html_e('Manual Content', 'mxchat'); ?></span>
1050 990 <?php endif; ?>
1051 991 </td>
1052 992 <td class="mxchat-actions-cell" style="padding: 12px 16px; white-space: nowrap;">
1053 - <button type="button"
1054 - class="mxch-btn mxch-btn-ghost mxch-btn-sm mxchat-inspect-entry-btn"
1055 - data-source-url="<?php echo esc_attr($source_url); ?>"
1056 - data-entry-id="<?php echo esc_attr($first_prompt->id); ?>"
1057 - data-data-source="<?php echo esc_attr($data_source); ?>"
1058 - data-bot-id="<?php echo esc_attr($current_bot_id); ?>"
1059 - data-nonce="<?php echo wp_create_nonce('mxchat_inspect_entry_nonce'); ?>"
1060 - title="<?php esc_attr_e('View indexed content', 'mxchat'); ?>">
1061 - <span class="dashicons dashicons-visibility" style="font-size: 14px;"></span>
1062 - </button>
1063 993 <?php if ($data_source !== 'pinecone') : ?>
1064 994 <button type="button"
1065 995 class="mxch-btn mxch-btn-ghost mxch-btn-sm mxchat-edit-entry-btn"
1066 996 data-source-url="<?php echo esc_attr($source_url); ?>"
@@ -1209,18 +1139,8 @@
1209 1139 <span style="color: var(--mxch-text-muted);"><?php esc_html_e('Manual', 'mxchat'); ?></span>
1210 1140 <?php endif; ?>
1211 1141 </td>
1212 1142 <td style="padding: 12px 16px; white-space: nowrap;">
1213 - <button type="button"
1214 - class="mxch-btn mxch-btn-ghost mxch-btn-sm mxchat-inspect-entry-btn"
1215 - data-source-url="<?php echo esc_attr($prompt->source_url ?? ''); ?>"
1216 - data-entry-id="<?php echo esc_attr($prompt->id); ?>"
1217 - data-data-source="<?php echo esc_attr($data_source); ?>"
1218 - data-bot-id="<?php echo esc_attr($current_bot_id); ?>"
1219 - data-nonce="<?php echo wp_create_nonce('mxchat_inspect_entry_nonce'); ?>"
1220 - title="<?php esc_attr_e('View indexed content', 'mxchat'); ?>">
1221 - <span class="dashicons dashicons-visibility" style="font-size: 14px;"></span>
1222 - </button>
1223 1143 <?php if ($data_source !== 'pinecone') : ?>
1224 1144 <button type="button"
1225 1145 class="mxch-btn mxch-btn-ghost mxch-btn-sm mxchat-edit-entry-btn"
1226 1146 data-source-url="<?php echo esc_attr($prompt->source_url ?? ''); ?>"
@@ -1326,19 +1246,8 @@
1326 1246 <span style="font-weight: 500;"><?php esc_html_e('Auto-sync Pages', 'mxchat'); ?></span>
1327 1247 </div>
1328 1248 </div>
1329 1249
1330 - <div class="mxch-field" style="margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--mxch-card-border);">
1331 - <div style="display: flex; align-items: center; gap: 12px;">
1332 - <label class="mxchat-toggle-switch">
1333 - <input type="checkbox" name="mxchat_auto_sync_acf_pdfs" class="mxchat-autosave-field" value="1" data-nonce="<?php echo wp_create_nonce('mxchat_prompts_setting_nonce'); ?>" <?php checked(get_option('mxchat_auto_sync_acf_pdfs', '0'), '1'); ?>>
1334 - <span class="mxchat-toggle-slider"></span>
1335 - </label>
1336 - <span style="font-weight: 500;"><?php esc_html_e('Extract text from PDFs in ACF fields on save', 'mxchat'); ?></span>
1337 - </div>
1338 - <p class="mxch-field-description" style="margin-top: 8px;"><?php esc_html_e('When ON, editor saves re-extract every PDF referenced in ACF fields. Default OFF — saves stay fast and don\'t re-parse the same PDFs on every edit. The manual content selector has its own per-batch checkbox; this setting only controls the auto-sync path.', 'mxchat'); ?></p>
1339 - </div>
1340 -
1341 1250 <div style="margin-top: 24px;">
1342 1251 <button id="mxchat-custom-post-types-toggle" class="mxch-btn mxch-btn-secondary">
1343 1252 <?php esc_html_e('Advanced Custom Post Sync Settings', 'mxchat'); ?>
1344 1253 <span style="margin-left: 5px;">▼</span>
@@ -1384,16 +1293,13 @@
1384 1293 $chunk_size = $chunking_settings['chunk_size'];
1385 1294 ?>
1386 1295 <div id="chunking" class="mxch-section">
1387 1296 <div class="mxch-content-header">
1388 - <h1 class="mxch-content-title"><?php esc_html_e('Chunking & Retrieval', 'mxchat'); ?></h1>
1389 - <p class="mxch-content-subtitle"><?php esc_html_e('Control how content is split for indexing and how the knowledge base is searched.', 'mxchat'); ?></p>
1297 + <h1 class="mxch-content-title"><?php esc_html_e('Content Chunking', 'mxchat'); ?></h1>
1298 + <p class="mxch-content-subtitle"><?php esc_html_e('Split large content into smaller segments for more accurate semantic search.', 'mxchat'); ?></p>
1390 1299 </div>
1391 1300
1392 1301 <div class="mxch-card">
1393 - <div class="mxch-card-header">
1394 - <h2 class="mxch-card-title"><?php esc_html_e('Chunking', 'mxchat'); ?></h2>
1395 - </div>
1396 1302 <div class="mxch-card-body mxchat-autosave-section">
1397 1303 <div class="mxch-notice mxch-notice-info" style="margin-bottom: 20px;">
1398 1304 <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>
1399 1305 <span><?php esc_html_e('Chunking improves retrieval quality for long documents. All chunks are reassembled before sending to the AI. Only applies to new submissions.', 'mxchat'); ?></span>
@@ -1415,74 +1321,8 @@
1415 1321 <p class="mxch-field-description"><?php esc_html_e('Recommended: 4000 characters (~1000 tokens). Range: 1000-10000. Larger chunks preserve more context.', 'mxchat'); ?></p>
1416 1322 </div>
1417 1323 </div>
1418 1324 </div>
1419 -
1420 - <?php
1421 - // Retrieval tuning (plan 11720c) — the hybrid keyword boost moved here
1422 - // from Settings → Behavior: it is KB retrieval tuning, so it lives with
1423 - // its natural siblings. SAME option key and save transport as before —
1424 - // the name routes to the mxchat_save_setting handler, whose
1425 - // mxchat_hybrid_keyword_toggle case still runs capability detection.
1426 - ?>
1427 - <div class="mxch-card">
1428 - <div class="mxch-card-header">
1429 - <h2 class="mxch-card-title"><?php esc_html_e('Retrieval', 'mxchat'); ?></h2>
1430 - </div>
1431 - <div class="mxch-card-body mxchat-autosave-section">
1432 - <div class="mxch-field">
1433 - <div style="display: flex; align-items: center; gap: 12px;">
1434 - <label class="mxchat-toggle-switch">
1435 - <input type="checkbox" name="mxchat_hybrid_keyword_toggle" id="mxchat_hybrid_keyword_toggle" class="mxchat-autosave-field" value="on" <?php checked(get_option('mxchat_hybrid_keyword_toggle', 'off'), 'on'); ?>>
1436 - <span class="mxchat-toggle-slider"></span>
1437 - </label>
1438 - <span style="font-weight: 500;"><?php esc_html_e('Hybrid keyword boost (WP-DB knowledge base)', 'mxchat'); ?></span>
1439 - </div>
1440 - <p class="mxch-field-description" style="margin-top: 8px;"><?php esc_html_e('Combines keyword matching with vector similarity when searching your WordPress-database knowledge base. Helps exact-token questions — product codes, SKUs, error codes, names — find the right document even when semantic similarity alone would miss it.', 'mxchat'); ?></p>
1441 - <p class="mxch-field-hint"><?php esc_html_e('Only affects the WordPress-database knowledge base; Pinecone is unaffected. Changes which sources are retrieved on existing installs, so test after enabling. The Transcripts sources panel labels how each match was found while this is on.', 'mxchat'); ?></p>
1442 - </div>
1443 - </div>
1444 - </div>
1445 -
1446 - <?php
1447 - // Video cards (plan f52492). Lives on the Knowledge screen because that
1448 - // is where the owner imported the video in the first place, and beside
1449 - // Retrieval because it is a retrieval-confidence question. Standalone
1450 - // options — see the mxchat_video_embed_* cases in class-ajax-handler.php.
1451 - $video_embed_enabled = MxChat_Utils::video_embed_enabled();
1452 - $video_embed_threshold = (int) round(MxChat_Utils::video_embed_threshold() * 100);
1453 - $mxchat_core_options = get_option('mxchat_options', array());
1454 - $site_threshold = isset($mxchat_core_options['similarity_threshold'])
1455 - ? (int) $mxchat_core_options['similarity_threshold']
1456 - : 35;
1457 - ?>
1458 - <div class="mxch-card">
1459 - <div class="mxch-card-header">
1460 - <h2 class="mxch-card-title"><?php esc_html_e('Video Cards', 'mxchat'); ?></h2>
1461 - </div>
1462 - <div class="mxch-card-body mxchat-autosave-section">
1463 - <div class="mxch-field" style="margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--mxch-card-border);">
1464 - <div style="display: flex; align-items: center; gap: 12px;">
1465 - <label class="mxchat-toggle-switch">
1466 - <input type="checkbox" name="mxchat_video_embed_enabled" id="mxchat_video_embed_enabled" class="mxchat-autosave-field" value="on" <?php checked($video_embed_enabled, true); ?>>
1467 - <span class="mxchat-toggle-slider"></span>
1468 - </label>
1469 - <span style="font-weight: 500;"><?php esc_html_e('Show a video card when a YouTube source answers the question', 'mxchat'); ?></span>
1470 - </div>
1471 - <p class="mxch-field-description" style="margin-top: 8px;"><?php esc_html_e('Adds a click-to-play card beneath the reply when the answer came from a YouTube video you imported. Turn this off to stop video cards entirely without removing the videos from your knowledge base.', 'mxchat'); ?></p>
1472 - </div>
1473 -
1474 - <div class="mxch-field" id="mxchat-video-embed-threshold-field" style="<?php echo $video_embed_enabled ? '' : 'display: none;'; ?>">
1475 - <label class="mxch-field-label" for="mxchat_video_embed_threshold"><?php esc_html_e('Video Card Match Threshold (%)', 'mxchat'); ?></label>
1476 - <input type="number" name="mxchat_video_embed_threshold" id="mxchat_video_embed_threshold" class="mxch-input mxchat-autosave-field" value="<?php echo esc_attr($video_embed_threshold); ?>" min="20" max="95" step="1" style="max-width: 200px;">
1477 - <p class="mxch-field-description"><?php
1478 - /* translators: %d is the site-wide Similarity Threshold percentage. */
1479 - printf(esc_html__('How closely the video must match the question before its card is shown. Higher means fewer, more relevant cards. This is separate from the site-wide Similarity Threshold (currently %d%%), which decides what the AI reads — a video is worth reading from at a lower score than it is worth putting on screen.', 'mxchat'), (int) $site_threshold);
1480 - ?></p>
1481 - <p class="mxch-field-hint"><?php esc_html_e('Range 20-95. Raise this if visitors are shown videos unrelated to what they asked; lower it if a video that clearly answers the question is not appearing. The right number depends on your embedding model: older models such as text-embedding-ada-002 score even unrelated content around 70%, so those sites usually need 80 or higher before this has any effect. The Transcripts sources panel shows the match percentage of each source, which is the number to compare against.', 'mxchat'); ?></p>
1482 - </div>
1483 - </div>
1484 - </div>
1485 1325 </div>
1486 1326 <?php
1487 1327 }
1488 1328
@@ -1515,11 +1355,10 @@
1515 1355
1516 1356 <h4 style="margin: 0 0 16px 0;"><?php esc_html_e('Add Tag-Role Mapping', 'mxchat'); ?></h4>
1517 1357 <div style="display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 24px;">
1518 1358 <div class="mxch-field" style="flex: 1; min-width: 200px; margin-bottom: 0;">
1519 - <label class="mxch-field-label" for="mxchat-tag-input"><?php esc_html_e('Tag (name or slug)', 'mxchat'); ?></label>
1520 - <input type="text" id="mxchat-tag-input" class="mxch-input" placeholder="<?php esc_attr_e('e.g., Premium Content or premium-content', 'mxchat'); ?>">
1521 - <span class="mxch-field-hint"><?php esc_html_e('Enter an existing post tag by its display name or its slug.', 'mxchat'); ?></span>
1359 + <label class="mxch-field-label" for="mxchat-tag-input"><?php esc_html_e('Tag Name', 'mxchat'); ?></label>
1360 + <input type="text" id="mxchat-tag-input" class="mxch-input" placeholder="<?php esc_attr_e('e.g., premium, members-only', 'mxchat'); ?>">
1522 1361 </div>
1523 1362 <div class="mxch-field" style="flex: 1; min-width: 200px; margin-bottom: 0;">
1524 1363 <label class="mxch-field-label" for="mxchat-role-select"><?php esc_html_e('Required Role', 'mxchat'); ?></label>
1525 1364 <select id="mxchat-role-select" class="mxch-select">
@@ -1582,23 +1421,8 @@
1582 1421 </div>
1583 1422
1584 1423 <div class="mxch-card">
1585 1424 <div class="mxch-card-body mxchat-autosave-section">
1586 - <?php
1587 - // Install-level ACF→PDF import extraction (plan 11720c) — moved
1588 - // here from a per-import checkbox in the content-selector modal.
1589 - // Default OFF, matching its own "recommended only if…" guidance.
1590 - ?>
1591 - <div class="mxch-field" style="margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--mxch-card-border);">
1592 - <div style="display: flex; align-items: center; gap: 12px;">
1593 - <label class="mxchat-toggle-switch">
1594 - <input type="checkbox" name="mxchat_acf_pdf_extraction" id="mxchat_acf_pdf_extraction" class="mxchat-autosave-field" value="on" <?php checked(get_option('mxchat_acf_pdf_extraction', '0'), '1'); ?>>
1595 - <span class="mxchat-toggle-slider"></span>
1596 - </label>
1597 - <span style="font-weight: 500;"><?php esc_html_e('Extract text from PDFs linked in ACF File/Image fields during imports', 'mxchat'); ?></span>
1598 - </div>
1599 - <p class="mxch-field-description" style="margin-top: 8px;"><?php esc_html_e('Applies to WordPress Content imports. Adds 200-500ms per post and ~30 KB to each knowledge base entry. Recommended only if your ACF setup uses PDF attachments for primary content. Editor-save extraction has its own toggle under Auto-Sync.', 'mxchat'); ?></p>
1600 - </div>
1601 1425 <?php if (!function_exists('acf_get_field_groups')): ?>
1602 1426 <div class="mxch-notice mxch-notice-info">
1603 1427 <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>
1604 1428 <span><?php esc_html_e('Advanced Custom Fields (ACF) plugin is not detected. Install and activate ACF to use this feature.', 'mxchat'); ?></span>
@@ -1673,28 +1497,8 @@
1673 1497 <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>
1674 1498 <span><?php esc_html_e('Enter post meta keys to include in embeddings. This is useful for OptionTree fields, theme meta boxes, or any custom post meta that is not managed by ACF.', 'mxchat'); ?></span>
1675 1499 </div>
1676 1500
1677 - <!-- Meta-key discovery scanner (plan-mxchat-20260709-fe8e4e): mirror the ACF picker's
1678 - discover-for-you UX for non-ACF meta, so owners click keys instead of typing them blind. -->
1679 - <div class="mxch-field mxchat-meta-scan">
1680 - <label class="mxch-field-label"><?php esc_html_e('Discover meta keys', 'mxchat'); ?></label>
1681 - <p class="mxch-field-description" style="margin-top: 0;">
1682 - <?php esc_html_e('Scan your published content for custom meta keys, then click any you want to include. This gives non-ACF meta the same discover-and-click experience as the ACF picker.', 'mxchat'); ?>
1683 - </p>
1684 - <div class="mxchat-meta-scan-controls">
1685 - <button type="button" id="mxchat-scan-meta-btn" class="mxch-btn mxch-btn-secondary" data-nonce="<?php echo esc_attr(wp_create_nonce('mxchat_prompts_setting_nonce')); ?>">
1686 - <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"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
1687 - <span class="mxchat-scan-label"><?php esc_html_e('Scan my content for meta keys', 'mxchat'); ?></span>
1688 - </button>
1689 - <label class="mxchat-meta-scan-internal">
1690 - <input type="checkbox" id="mxchat-scan-internal">
1691 - <?php esc_html_e('Include internal keys (underscore-prefixed)', 'mxchat'); ?>
1692 - </label>
1693 - </div>
1694 - <div id="mxchat-meta-scan-results" class="mxchat-meta-scan-results" aria-live="polite"></div>
1695 - </div>
1696 -
1697 1501 <div class="mxch-field">
1698 1502 <label class="mxch-field-label" for="mxchat_custom_meta_whitelist">
1699 1503 <?php esc_html_e('Meta Key Whitelist', 'mxchat'); ?>
1700 1504 </label>
@@ -1707,9 +1511,9 @@
1707 1511 data-nonce="<?php echo wp_create_nonce('mxchat_prompts_setting_nonce'); ?>"
1708 1512 style="font-family: monospace;"
1709 1513 ><?php echo esc_textarea($whitelist); ?></textarea>
1710 1514 <p class="mxch-field-description">
1711 - <?php esc_html_e('Enter one meta key per line. These fields will be appended to the content during embedding. Text values are added as-is; array or repeater values are flattened into a comma-separated list. Empty values are skipped.', 'mxchat'); ?>
1515 + <?php esc_html_e('Enter one meta key per line. These fields will be appended to the content during embedding. Only string values are included.', 'mxchat'); ?>
1712 1516 </p>
1713 1517 </div>
1714 1518
1715 1519 <div style="margin-top: 20px; padding: 16px; background: #f8fafc; border-radius: var(--mxch-radius-md);">
@@ -1716,9 +1520,9 @@
1716 1520 <h4 style="margin: 0 0 12px 0; font-size: 14px;"><?php esc_html_e('How to find meta keys:', 'mxchat'); ?></h4>
1717 1521 <ul style="margin: 0; padding-left: 20px; color: var(--mxch-text-secondary); font-size: 13px;">
1718 1522 <li><?php esc_html_e('Check your theme documentation for meta key names', 'mxchat'); ?></li>
1719 1523 <li><?php esc_html_e('Look in the wp_postmeta database table', 'mxchat'); ?></li>
1720 - <li><?php esc_html_e('Use the Scan my content for meta keys button above to discover the keys on your published content automatically', 'mxchat'); ?></li>
1524 + <li><?php esc_html_e('Use a plugin like "Show Post Meta" to view meta keys on any post', 'mxchat'); ?></li>
1721 1525 <li><?php esc_html_e('Meta keys starting with underscore (_) are usually hidden/internal', 'mxchat'); ?></li>
1722 1526 </ul>
1723 1527 </div>
1724 1528 </div>
@@ -1820,9 +1624,9 @@
1820 1624 $max_results = $vectorstore_options['mxchat_vectorstore_max_results'] ?? 5;
1821 1625
1822 1626 // Get current chat model to check compatibility
1823 1627 $mxchat_options = get_option('mxchat_options', array());
1824 - $current_model = $mxchat_options['model'] ?? 'gpt-5.6-sol';
1628 + $current_model = $mxchat_options['model'] ?? 'gpt-5.1-chat-latest';
1825 1629 $is_openai_model = preg_match('/^(gpt-|o1-|o3-)/', $current_model);
1826 1630 ?>
1827 1631 <div id="openai-vectorstore" class="mxch-section">
1828 1632 <div class="mxch-content-header">
@@ -1833,9 +1637,9 @@
1833 1637 <div class="mxch-card">
1834 1638 <div class="mxch-card-body">
1835 1639 <div class="mxch-notice mxch-notice-info" style="margin-bottom: 20px;">
1836 1640 <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>
1837 - <span><strong><?php esc_html_e('Requires OpenAI Chat Model.', 'mxchat'); ?></strong> <?php esc_html_e('Vector Store search only works with OpenAI models (gpt-5.6-sol, gpt-5.6-terra, etc.). Create Vector Stores in your OpenAI Dashboard.', 'mxchat'); ?></span>
1641 + <span><strong><?php esc_html_e('Requires OpenAI Chat Model.', 'mxchat'); ?></strong> <?php esc_html_e('Vector Store search only works with OpenAI models (gpt-5.1-chat-latest, gpt-5-mini, etc.). Create Vector Stores in your OpenAI Dashboard.', 'mxchat'); ?></span>
1838 1642 </div>
1839 1643
1840 1644 <?php if (!$is_openai_model && $use_vectorstore === '1'): ?>
1841 1645 <div class="mxch-notice mxch-notice-warning" style="margin-bottom: 20px;">
@@ -2016,235 +1820,93 @@
2016 1820 <?php
2017 1821 }
2018 1822
2019 1823 /**
2020 - * Render the read-only Knowledge Inspector modal (plan-mxchat-20260628-d8cb4b).
2021 - * Shows exactly what was indexed for an entry: the per-chunk stored text + lengths
2022 - * and (for Pinecone) the stored metadata fields, rendered with the Testing tab's
2023 - * own card components so the two surfaces feel like one system. Self-contained
2024 - * markup + JS so it doesn't entangle the edit-modal init.
1824 + * Render Knowledge Page Navigation Scripts
2025 1825 */
2026 -function mxchat_render_inspect_entry_modal() {
1826 +function mxchat_render_knowledge_page_scripts() {
2027 1827 ?>
2028 - <div id="mxchat-kb-inspect-modal" class="mxchat-kb-modal">
2029 - <div class="mxchat-kb-modal-content mxchat-kb-inspect-modal-content">
2030 - <div class="mxchat-kb-modal-header">
2031 - <h3 id="mxchat-kb-inspect-title"><?php esc_html_e('Indexed Content', 'mxchat'); ?></h3>
2032 - <span class="mxchat-kb-modal-close" id="mxchat-kb-inspect-close">&times;</span>
2033 - </div>
2034 - <div class="mxchat-kb-inspect-body">
2035 - <div class="mxchat-kb-edit-source" id="mxchat-kb-inspect-source"></div>
2036 - <div class="mxch-testing-results" id="mxchat-kb-inspect-results">
2037 - <div class="mxch-testing-no-data"><?php esc_html_e('Loading indexed content…', 'mxchat'); ?></div>
2038 - </div>
2039 - </div>
2040 - <div class="mxchat-kb-edit-footer">
2041 - <div class="mxchat-kb-edit-notice" id="mxchat-kb-inspect-notice"></div>
2042 - <div class="mxchat-kb-edit-actions">
2043 - <button type="button" id="mxchat-kb-inspect-close-btn" class="mxch-btn mxch-btn-primary">
2044 - <?php esc_html_e('Close', 'mxchat'); ?>
2045 - </button>
2046 - </div>
2047 - </div>
2048 - </div>
2049 - </div>
2050 1828 <script>
2051 1829 (function() {
2052 1830 'use strict';
1831 +
1832 + // Wait for DOM
2053 1833 document.addEventListener('DOMContentLoaded', function() {
2054 - var modal = document.getElementById('mxchat-kb-inspect-modal');
2055 - if (!modal) return;
2056 - var closeX = document.getElementById('mxchat-kb-inspect-close');
2057 - var closeBtn = document.getElementById('mxchat-kb-inspect-close-btn');
2058 - var sourceEl = document.getElementById('mxchat-kb-inspect-source');
2059 - var resultsEl= document.getElementById('mxchat-kb-inspect-results');
2060 - var titleEl = document.getElementById('mxchat-kb-inspect-title');
2061 - var noticeEl = document.getElementById('mxchat-kb-inspect-notice');
1834 + initKnowledgeNavigation();
1835 + initMobileMenu();
1836 + initImportOptions();
1837 + initCustomPostTypesToggle();
1838 + // Sitemap detection is now initialized when user clicks the Sitemap Import option
1839 + });
2062 1840
2063 - var I18N = {
2064 - title: <?php echo wp_json_encode( esc_html__('Indexed Content', 'mxchat') ); ?>,
2065 - loading: <?php echo wp_json_encode( esc_html__('Loading indexed content…', 'mxchat') ); ?>,
2066 - manual: <?php echo wp_json_encode( esc_html__('Manual Content', 'mxchat') ); ?>,
2067 - source: <?php echo wp_json_encode( esc_html__('Source', 'mxchat') ); ?>,
2068 - store: <?php echo wp_json_encode( esc_html__('Storage', 'mxchat') ); ?>,
2069 - type: <?php echo wp_json_encode( esc_html__('Content type', 'mxchat') ); ?>,
2070 - chunksLbl:<?php echo wp_json_encode( esc_html__('Chunks', 'mxchat') ); ?>,
2071 - totalLen: <?php echo wp_json_encode( esc_html__('Total indexed length', 'mxchat') ); ?>,
2072 - chunk: <?php echo wp_json_encode( esc_html__('Chunk', 'mxchat') ); ?>,
2073 - indexed: <?php echo wp_json_encode( esc_html__('Indexed', 'mxchat') ); ?>,
2074 - chars: <?php echo wp_json_encode( esc_html__('chars', 'mxchat') ); ?>,
2075 - showText: <?php echo wp_json_encode( esc_html__('Show indexed text', 'mxchat') ); ?>,
2076 - hideText: <?php echo wp_json_encode( esc_html__('Hide indexed text', 'mxchat') ); ?>,
2077 - wpStore: <?php echo wp_json_encode( esc_html__('Local WordPress database', 'mxchat') ); ?>,
2078 - pcStore: <?php echo wp_json_encode( esc_html__('Pinecone', 'mxchat') ); ?>,
2079 - meta: <?php echo wp_json_encode( esc_html__('Vector metadata', 'mxchat') ); ?>,
2080 - loadFail: <?php echo wp_json_encode( esc_html__('Failed to load indexed content.', 'mxchat') ); ?>,
2081 - netErr: <?php echo wp_json_encode( esc_html__('Network error: ', 'mxchat') ); ?>
2082 - };
1841 + function initKnowledgeNavigation() {
1842 + const navLinks = document.querySelectorAll('.mxch-nav-link[data-target], .mxch-mobile-nav-link[data-target]');
1843 + const sections = document.querySelectorAll('.mxch-section');
2083 1844
2084 - function esc(str) {
2085 - var d = document.createElement('div');
2086 - d.textContent = (str === null || str === undefined) ? '' : String(str);
2087 - return d.innerHTML;
1845 + function showSection(targetId) {
1846 + // Hide all sections
1847 + sections.forEach(section => section.classList.remove('active'));
1848 + // Show target section
1849 + const target = document.getElementById(targetId);
1850 + if (target) {
1851 + target.classList.add('active');
1852 + }
1853 + // Update nav links
1854 + navLinks.forEach(link => {
1855 + link.classList.toggle('active', link.dataset.target === targetId);
1856 + });
1857 + // Update URL hash
1858 + history.replaceState(null, null, '#' + targetId);
2088 1859 }
2089 - function fmt(n) { try { return Number(n).toLocaleString(); } catch (e) { return n; } }
2090 1860
2091 - document.addEventListener('click', function(e) {
2092 - var btn = e.target.closest('.mxchat-inspect-entry-btn');
2093 - if (btn) { e.preventDefault(); open(btn); }
1861 + navLinks.forEach(link => {
1862 + link.addEventListener('click', function(e) {
1863 + e.preventDefault();
1864 + const targetId = this.dataset.target;
1865 + showSection(targetId);
1866 + // Close mobile menu if open
1867 + const mobileMenu = document.querySelector('.mxch-mobile-menu');
1868 + const overlay = document.querySelector('.mxch-mobile-overlay');
1869 + if (mobileMenu) mobileMenu.classList.remove('open');
1870 + if (overlay) overlay.classList.remove('open');
1871 + });
2094 1872 });
2095 - if (closeX) closeX.addEventListener('click', close);
2096 - if (closeBtn) closeBtn.addEventListener('click', close);
2097 - // Overlay click closes, but only when the whole gesture happened on the
2098 - // overlay — otherwise selecting indexed text and releasing past the
2099 - // dialog edge dispatches the click on the overlay and closes it.
2100 - var downOnOverlay = false;
2101 - modal.addEventListener('mousedown', function(e) { downOnOverlay = (e.target === modal); });
2102 - modal.addEventListener('click', function(e) {
2103 - var overlayGesture = downOnOverlay;
2104 - downOnOverlay = false;
2105 - if (e.target === modal && overlayGesture) close();
2106 - });
2107 - document.addEventListener('keydown', function(e) {
2108 - if (e.key === 'Escape' && modal.classList.contains('active')) close();
2109 - });
2110 1873
2111 - function close() { modal.classList.remove('active'); }
2112 -
2113 - function open(btn) {
2114 - var entry = {
2115 - sourceUrl: btn.getAttribute('data-source-url') || '',
2116 - entryId: btn.getAttribute('data-entry-id') || '',
2117 - dataSource: btn.getAttribute('data-data-source') || 'wordpress',
2118 - botId: btn.getAttribute('data-bot-id') || 'default',
2119 - nonce: btn.getAttribute('data-nonce') || ''
2120 - };
2121 -
2122 - titleEl.textContent = I18N.title;
2123 - noticeEl.textContent = '';
2124 - noticeEl.className = 'mxchat-kb-edit-notice';
2125 - resultsEl.innerHTML = '<div class="mxch-testing-no-data">' + esc(I18N.loading) + '</div>';
2126 -
2127 - if (entry.sourceUrl && entry.sourceUrl.indexOf('mxchat://') !== 0 && entry.sourceUrl.indexOf('_ungrouped_') !== 0) {
2128 - sourceEl.innerHTML = esc(I18N.source) + ': <a href="' + esc(entry.sourceUrl) + '" target="_blank" rel="noopener">' + esc(entry.sourceUrl) + '</a>';
2129 - } else {
2130 - sourceEl.textContent = I18N.manual;
2131 - }
2132 -
2133 - modal.classList.add('active');
2134 -
2135 - var fd = new FormData();
2136 - fd.append('action', 'mxchat_inspect_entry');
2137 - fd.append('nonce', entry.nonce);
2138 - fd.append('source_url', entry.sourceUrl);
2139 - fd.append('entry_id', entry.entryId);
2140 - fd.append('data_source', entry.dataSource);
2141 - fd.append('bot_id', entry.botId);
2142 -
2143 - fetch(ajaxurl, { method: 'POST', body: fd })
2144 - .then(function(r) { return r.json(); })
2145 - .then(function(resp) {
2146 - if (resp && resp.success) {
2147 - render(resp.data);
2148 - } else {
2149 - var msg = (resp && resp.data && resp.data.message) || I18N.loadFail;
2150 - resultsEl.innerHTML = '';
2151 - showNotice(msg, 'error');
2152 - }
2153 - })
2154 - .catch(function(err) {
2155 - resultsEl.innerHTML = '';
2156 - showNotice(I18N.netErr + err.message, 'error');
2157 - });
1874 + // Handle initial hash
1875 + const hash = window.location.hash.substring(1);
1876 + if (hash && document.getElementById(hash)) {
1877 + showSection(hash);
2158 1878 }
1879 + }
2159 1880
2160 - function render(data) {
2161 - var storeLabel = data.store === 'pinecone' ? I18N.pcStore : I18N.wpStore;
2162 - var html = '';
1881 + function initMobileMenu() {
1882 + const menuBtn = document.querySelector('.mxch-mobile-menu-btn');
1883 + const closeBtn = document.querySelector('.mxch-mobile-menu-close');
1884 + const overlay = document.querySelector('.mxch-mobile-overlay');
1885 + const menu = document.querySelector('.mxch-mobile-menu');
2163 1886
2164 - // Summary card — what this entry is + how much was indexed.
2165 - html += '<div class="match-card above-threshold">' +
2166 - '<div class="match-header">' +
2167 - '<div class="match-title"><span class="status-icon">&#128230;</span> ' + esc(data.chunk_count) + ' ' + esc(I18N.chunksLbl.toLowerCase()) + '</div>' +
2168 - '<span class="context-label">' + esc(storeLabel) + '</span>' +
2169 - '</div>' +
2170 - '<div class="mxch-testing-field"><label>' + esc(I18N.type) + '</label><code>' + esc(data.content_type || '—') + '</code> ' +
2171 - '&nbsp; <label style="display:inline; text-transform:none; letter-spacing:0; font-weight:600;">' + esc(I18N.totalLen) + ':</label> ' + esc(fmt(data.assembled_length)) + ' ' + esc(I18N.chars) + '</div>';
2172 - if (data.metadata_note) {
2173 - html += '<div class="match-source"><span class="source-icon">&#8505;&#65039;</span> ' + esc(data.metadata_note) + '</div>';
2174 - }
2175 - html += '</div>';
2176 -
2177 - // One card per stored chunk — the actual embedded text.
2178 - var chunks = data.chunks || [];
2179 - chunks.forEach(function(chunk, i) {
2180 - var num = (chunk.index !== null && chunk.index !== undefined) ? (chunk.index + 1) : (i + 1);
2181 - var metaRows = '';
2182 - if (chunk.metadata && typeof chunk.metadata === 'object') {
2183 - var keys = Object.keys(chunk.metadata);
2184 - if (keys.length) {
2185 - metaRows += '<div class="chunk-detail-row chunk-used" style="display:block;"><span class="chunk-detail-num">' + esc(I18N.meta) + '</span></div>';
2186 - keys.forEach(function(k) {
2187 - metaRows += '<div class="chunk-detail-row"><span class="chunk-detail-num">' + esc(k) + '</span><span class="chunk-detail-score">' + esc(chunk.metadata[k]) + '</span></div>';
2188 - });
2189 - }
2190 - }
2191 - html += '<div class="match-card above-threshold">' +
2192 - '<div class="match-header">' +
2193 - '<div class="match-title"><span class="status-icon">&#10003;</span> ' + esc(I18N.chunk) + ' ' + esc(num) +
2194 - '<span class="chunk-summary">' + esc(fmt(chunk.length)) + ' ' + esc(I18N.chars) + '</span>' +
2195 - '</div>' +
2196 - '<span class="context-label">' + esc(I18N.indexed) + '</span>' +
2197 - '</div>' +
2198 - '<span class="chunk-expand-toggle" data-chunk="' + i + '">&#9654; ' + esc(I18N.showText) + '</span>' +
2199 - '<div class="chunk-details" data-chunk="' + i + '">' +
2200 - '<pre class="mxch-kb-inspect-chunk-text">' + esc(chunk.text) + '</pre>' +
2201 - metaRows +
2202 - '</div>' +
2203 - '</div>';
1887 + if (menuBtn && menu) {
1888 + menuBtn.addEventListener('click', function() {
1889 + menu.classList.add('open');
1890 + if (overlay) overlay.classList.add('open');
2204 1891 });
1892 + }
2205 1893
2206 - resultsEl.innerHTML = html;
2207 -
2208 - resultsEl.querySelectorAll('.chunk-expand-toggle').forEach(function(toggle) {
2209 - toggle.addEventListener('click', function() {
2210 - var id = this.getAttribute('data-chunk');
2211 - var details = resultsEl.querySelector('.chunk-details[data-chunk="' + id + '"]');
2212 - if (!details) return;
2213 - var expanded = details.classList.toggle('expanded');
2214 - this.innerHTML = (expanded ? '&#9660; ' + esc(I18N.hideText) : '&#9654; ' + esc(I18N.showText));
2215 - });
1894 + if (closeBtn && menu) {
1895 + closeBtn.addEventListener('click', function() {
1896 + menu.classList.remove('open');
1897 + if (overlay) overlay.classList.remove('open');
2216 1898 });
2217 1899 }
2218 1900
2219 - function showNotice(msg, type) {
2220 - noticeEl.textContent = msg;
2221 - noticeEl.className = 'mxchat-kb-edit-notice' + (type ? ' ' + type : '');
1901 + if (overlay && menu) {
1902 + overlay.addEventListener('click', function() {
1903 + menu.classList.remove('open');
1904 + overlay.classList.remove('open');
1905 + });
2222 1906 }
2223 - });
2224 - })();
2225 - </script>
2226 - <?php
2227 -}
1907 + }
2228 1908
2229 -/**
2230 - * Render Knowledge Page Navigation Scripts
2231 - */
2232 -function mxchat_render_knowledge_page_scripts() {
2233 - ?>
2234 - <script>
2235 - (function() {
2236 - 'use strict';
2237 -
2238 - // Wait for DOM
2239 - document.addEventListener('DOMContentLoaded', function() {
2240 - // Tab navigation + mobile menu live in the shared shell script
2241 - // (js/admin-sidebar.js), enqueued for this page by plan c192a4.
2242 - initImportOptions();
2243 - initCustomPostTypesToggle();
2244 - // Sitemap detection is now initialized when user clicks the Sitemap Import option
2245 - });
2246 -
2247 1909 function initImportOptions() {
2248 1910 const importBoxes = document.querySelectorAll('.mxchat-import-box');
2249 1911 const urlInputArea = document.getElementById('mxchat-url-input-area');
2250 1912 const contentInputArea = document.getElementById('mxchat-content-input-area');
@@ -2355,14 +2017,9 @@
2355 2017
2356 2018 if (!modal) return;
2357 2019
2358 2020 var currentEntry = {};
2359 - var loadedContent = '';
2360 2021
2361 - var EDIT_I18N = {
2362 - discard: <?php echo wp_json_encode( __('Discard your unsaved changes to this entry?', 'mxchat') ); ?>
2363 - };
2364 -
2365 2022 // Bind edit buttons (delegated)
2366 2023 document.addEventListener('click', function(e) {
2367 2024 var btn = e.target.closest('.mxchat-edit-entry-btn');
2368 2025 if (btn) {
@@ -2370,16 +2027,13 @@
2370 2027 openEditModal(btn);
2371 2028 }
2372 2029 });
2373 2030
2374 - // Close handlers. The overlay deliberately has no click-to-close: a click
2375 - // fires on the common ancestor of its mousedown and mouseup, so releasing
2376 - // a text-selection drag past the dialog edge targets the overlay and would
2377 - // discard the edit. Closing is explicit only, and confirms when dirty.
2378 - if (closeBtn) closeBtn.addEventListener('click', requestClose);
2379 - if (cancelBtn) cancelBtn.addEventListener('click', requestClose);
2380 - document.addEventListener('keydown', function(e) {
2381 - if (e.key === 'Escape' && modal.classList.contains('active')) requestClose();
2031 + // Close handlers
2032 + if (closeBtn) closeBtn.addEventListener('click', closeModal);
2033 + if (cancelBtn) cancelBtn.addEventListener('click', closeModal);
2034 + modal.addEventListener('click', function(e) {
2035 + if (e.target === modal) closeModal();
2382 2036 });
2383 2037
2384 2038 // Character count
2385 2039 if (textarea) {
@@ -2401,9 +2055,8 @@
2401 2055 };
2402 2056
2403 2057 // Reset state
2404 2058 textarea.value = '';
2405 - loadedContent = '';
2406 2059 textarea.placeholder = 'Loading content...';
2407 2060 textarea.disabled = true;
2408 2061 saveBtn.disabled = true;
2409 2062 notice.textContent = '';
@@ -2434,9 +2087,8 @@
2434 2087 .then(function(r) { return r.json(); })
2435 2088 .then(function(resp) {
2436 2089 if (resp.success) {
2437 2090 textarea.value = resp.data.content || '';
2438 - loadedContent = textarea.value;
2439 2091 textarea.disabled = false;
2440 2092 textarea.placeholder = 'Edit your content here...';
2441 2093 saveBtn.disabled = false;
2442 2094 currentEntry.contentType = resp.data.content_type || 'content';
@@ -2506,17 +2158,8 @@
2506 2158 if (saveSpin) saveSpin.style.display = 'none';
2507 2159 saveBtn.disabled = false;
2508 2160 showNotice('Network error: ' + err.message, 'error');
2509 2161 });
2510 - }
2511 -
2512 - function isDirty() {
2513 - return !textarea.disabled && textarea.value !== loadedContent;
2514 - }
2515 -
2516 - function requestClose() {
2517 - if (isDirty() && !window.confirm(EDIT_I18N.discard)) return;
2518 - closeModal();
2519 2162 }
2520 2163
2521 2164 function closeModal() {
2522 2165 modal.classList.remove('active');