| @@ -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> |
| @@ -908,39 +848,15 @@ | ||
| 908 | 848 | </form> |
| 909 | 849 | <!-- Delete Button Container - transforms between Delete All and Delete Selected --> |
| 910 | 850 | <div class="mxchat-delete-container" id="mxchat-delete-container"> |
| 911 | 851 | <!-- Delete All Form (shown when nothing selected) --> |
| 912 | - <?php | |
| 913 | - // Build confirm message and button text based on active filter | |
| 914 | - $delete_all_label = __('Delete All', 'mxchat'); | |
| 915 | - $delete_all_confirm = __('Are you sure you want to delete all knowledge?', 'mxchat'); | |
| 916 | - if (!empty($content_type_filter)) { | |
| 917 | - $filter_display = $content_type_filter; | |
| 918 | - // Try to get a human-readable label | |
| 919 | - $pt_obj = get_post_type_object($content_type_filter); | |
| 920 | - if ($pt_obj) { | |
| 921 | - $filter_display = $pt_obj->label; | |
| 922 | - } elseif ($content_type_filter === 'pdf') { | |
| 923 | - $filter_display = 'PDFs'; | |
| 924 | - } elseif ($content_type_filter === 'url') { | |
| 925 | - $filter_display = 'URLs'; | |
| 926 | - } | |
| 927 | - /* translators: %s: content type label (e.g. "Pages", "PDFs") */ | |
| 928 | - $delete_all_label = sprintf(__('Delete All %s', 'mxchat'), $filter_display); | |
| 929 | - /* translators: %s: content type label */ | |
| 930 | - $delete_all_confirm = sprintf(__('Are you sure you want to delete all %s from the knowledge base?', 'mxchat'), $filter_display); | |
| 931 | - } | |
| 932 | - ?> | |
| 933 | - <form method="post" action="<?php echo esc_url(admin_url('admin-post.php?action=mxchat_delete_all_prompts')); ?>" id="mxchat-delete-all-form" onsubmit="return confirm('<?php echo esc_attr($delete_all_confirm); ?>');"> | |
| 852 | + <form method="post" action="<?php echo esc_url(admin_url('admin-post.php?action=mxchat_delete_all_prompts')); ?>" id="mxchat-delete-all-form" onsubmit="return confirm('<?php esc_attr_e('Are you sure you want to delete all knowledge?', 'mxchat'); ?>');"> | |
| 934 | 853 | <?php wp_nonce_field('mxchat_delete_all_prompts_action', 'mxchat_delete_all_prompts_nonce'); ?> |
| 935 | 854 | <input type="hidden" name="data_source" value="<?php echo esc_attr($data_source); ?>" /> |
| 936 | 855 | <input type="hidden" name="bot_id" value="<?php echo esc_attr($current_bot_id); ?>" /> |
| 937 | - <?php if (!empty($content_type_filter)) : ?> | |
| 938 | - <input type="hidden" name="content_type_filter" value="<?php echo esc_attr($content_type_filter); ?>" /> | |
| 939 | - <?php endif; ?> | |
| 940 | 856 | <button type="submit" class="mxch-btn mxch-btn-secondary mxch-btn-sm" style="color: var(--mxch-error);"> |
| 941 | 857 | <span class="dashicons dashicons-trash" style="font-size: 14px;"></span> |
| 942 | - <?php echo esc_html($delete_all_label); ?> | |
| 858 | + <?php esc_html_e('Delete All', 'mxchat'); ?> | |
| 943 | 859 | </button> |
| 944 | 860 | </form> |
| 945 | 861 | <!-- Delete Selected Button (shown when items selected) --> |
| 946 | 862 | <button type="button" |
| @@ -1049,18 +965,8 @@ | ||
| 1049 | 965 | <span style="color: var(--mxch-text-muted);"><?php esc_html_e('Manual Content', 'mxchat'); ?></span> |
| 1050 | 966 | <?php endif; ?> |
| 1051 | 967 | </td> |
| 1052 | 968 | <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 | 969 | <?php if ($data_source !== 'pinecone') : ?> |
| 1064 | 970 | <button type="button" |
| 1065 | 971 | class="mxch-btn mxch-btn-ghost mxch-btn-sm mxchat-edit-entry-btn" |
| 1066 | 972 | data-source-url="<?php echo esc_attr($source_url); ?>" |
| @@ -1209,18 +1115,8 @@ | ||
| 1209 | 1115 | <span style="color: var(--mxch-text-muted);"><?php esc_html_e('Manual', 'mxchat'); ?></span> |
| 1210 | 1116 | <?php endif; ?> |
| 1211 | 1117 | </td> |
| 1212 | 1118 | <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 | 1119 | <?php if ($data_source !== 'pinecone') : ?> |
| 1224 | 1120 | <button type="button" |
| 1225 | 1121 | class="mxch-btn mxch-btn-ghost mxch-btn-sm mxchat-edit-entry-btn" |
| 1226 | 1122 | data-source-url="<?php echo esc_attr($prompt->source_url ?? ''); ?>" |
| @@ -1326,19 +1222,8 @@ | ||
| 1326 | 1222 | <span style="font-weight: 500;"><?php esc_html_e('Auto-sync Pages', 'mxchat'); ?></span> |
| 1327 | 1223 | </div> |
| 1328 | 1224 | </div> |
| 1329 | 1225 | |
| 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 | 1226 | <div style="margin-top: 24px;"> |
| 1342 | 1227 | <button id="mxchat-custom-post-types-toggle" class="mxch-btn mxch-btn-secondary"> |
| 1343 | 1228 | <?php esc_html_e('Advanced Custom Post Sync Settings', 'mxchat'); ?> |
| 1344 | 1229 | <span style="margin-left: 5px;">▼</span> |
| @@ -1446,11 +1331,10 @@ | ||
| 1446 | 1331 | |
| 1447 | 1332 | <h4 style="margin: 0 0 16px 0;"><?php esc_html_e('Add Tag-Role Mapping', 'mxchat'); ?></h4> |
| 1448 | 1333 | <div style="display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 24px;"> |
| 1449 | 1334 | <div class="mxch-field" style="flex: 1; min-width: 200px; margin-bottom: 0;"> |
| 1450 | - <label class="mxch-field-label" for="mxchat-tag-input"><?php esc_html_e('Tag (name or slug)', 'mxchat'); ?></label> | |
| 1451 | - <input type="text" id="mxchat-tag-input" class="mxch-input" placeholder="<?php esc_attr_e('e.g., Premium Content or premium-content', 'mxchat'); ?>"> | |
| 1452 | - <span class="mxch-field-hint"><?php esc_html_e('Enter an existing post tag by its display name or its slug.', 'mxchat'); ?></span> | |
| 1335 | + <label class="mxch-field-label" for="mxchat-tag-input"><?php esc_html_e('Tag Name', 'mxchat'); ?></label> | |
| 1336 | + <input type="text" id="mxchat-tag-input" class="mxch-input" placeholder="<?php esc_attr_e('e.g., premium, members-only', 'mxchat'); ?>"> | |
| 1453 | 1337 | </div> |
| 1454 | 1338 | <div class="mxch-field" style="flex: 1; min-width: 200px; margin-bottom: 0;"> |
| 1455 | 1339 | <label class="mxch-field-label" for="mxchat-role-select"><?php esc_html_e('Required Role', 'mxchat'); ?></label> |
| 1456 | 1340 | <select id="mxchat-role-select" class="mxch-select"> |
| @@ -1589,28 +1473,8 @@ | ||
| 1589 | 1473 | <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> |
| 1590 | 1474 | <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> |
| 1591 | 1475 | </div> |
| 1592 | 1476 | |
| 1593 | - <!-- Meta-key discovery scanner (plan-mxchat-20260709-fe8e4e): mirror the ACF picker's | |
| 1594 | - discover-for-you UX for non-ACF meta, so owners click keys instead of typing them blind. --> | |
| 1595 | - <div class="mxch-field mxchat-meta-scan"> | |
| 1596 | - <label class="mxch-field-label"><?php esc_html_e('Discover meta keys', 'mxchat'); ?></label> | |
| 1597 | - <p class="mxch-field-description" style="margin-top: 0;"> | |
| 1598 | - <?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'); ?> | |
| 1599 | - </p> | |
| 1600 | - <div class="mxchat-meta-scan-controls"> | |
| 1601 | - <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')); ?>"> | |
| 1602 | - <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> | |
| 1603 | - <span class="mxchat-scan-label"><?php esc_html_e('Scan my content for meta keys', 'mxchat'); ?></span> | |
| 1604 | - </button> | |
| 1605 | - <label class="mxchat-meta-scan-internal"> | |
| 1606 | - <input type="checkbox" id="mxchat-scan-internal"> | |
| 1607 | - <?php esc_html_e('Include internal keys (underscore-prefixed)', 'mxchat'); ?> | |
| 1608 | - </label> | |
| 1609 | - </div> | |
| 1610 | - <div id="mxchat-meta-scan-results" class="mxchat-meta-scan-results" aria-live="polite"></div> | |
| 1611 | - </div> | |
| 1612 | - | |
| 1613 | 1477 | <div class="mxch-field"> |
| 1614 | 1478 | <label class="mxch-field-label" for="mxchat_custom_meta_whitelist"> |
| 1615 | 1479 | <?php esc_html_e('Meta Key Whitelist', 'mxchat'); ?> |
| 1616 | 1480 | </label> |
| @@ -1623,9 +1487,9 @@ | ||
| 1623 | 1487 | data-nonce="<?php echo wp_create_nonce('mxchat_prompts_setting_nonce'); ?>" |
| 1624 | 1488 | style="font-family: monospace;" |
| 1625 | 1489 | ><?php echo esc_textarea($whitelist); ?></textarea> |
| 1626 | 1490 | <p class="mxch-field-description"> |
| 1627 | - <?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'); ?> | |
| 1491 | + <?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'); ?> | |
| 1628 | 1492 | </p> |
| 1629 | 1493 | </div> |
| 1630 | 1494 | |
| 1631 | 1495 | <div style="margin-top: 20px; padding: 16px; background: #f8fafc; border-radius: var(--mxch-radius-md);"> |
| @@ -1632,9 +1496,9 @@ | ||
| 1632 | 1496 | <h4 style="margin: 0 0 12px 0; font-size: 14px;"><?php esc_html_e('How to find meta keys:', 'mxchat'); ?></h4> |
| 1633 | 1497 | <ul style="margin: 0; padding-left: 20px; color: var(--mxch-text-secondary); font-size: 13px;"> |
| 1634 | 1498 | <li><?php esc_html_e('Check your theme documentation for meta key names', 'mxchat'); ?></li> |
| 1635 | 1499 | <li><?php esc_html_e('Look in the wp_postmeta database table', 'mxchat'); ?></li> |
| 1636 | - <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> | |
| 1500 | + <li><?php esc_html_e('Use a plugin like "Show Post Meta" to view meta keys on any post', 'mxchat'); ?></li> | |
| 1637 | 1501 | <li><?php esc_html_e('Meta keys starting with underscore (_) are usually hidden/internal', 'mxchat'); ?></li> |
| 1638 | 1502 | </ul> |
| 1639 | 1503 | </div> |
| 1640 | 1504 | </div> |
| @@ -1877,15 +1741,8 @@ | ||
| 1877 | 1741 | </div> |
| 1878 | 1742 | </div> |
| 1879 | 1743 | <div class="mxchat-kb-modal-footer"> |
| 1880 | 1744 | <div class="mxchat-kb-pagination"></div> |
| 1881 | - <div class="mxchat-kb-acf-pdf-option" style="display:flex; align-items:flex-start; gap:8px; padding:8px 0; font-size:12px; color: var(--mxch-text-secondary, #64748b);"> | |
| 1882 | - <input type="checkbox" id="mxchat-kb-acf-pdf-extract" style="margin-top:2px;"> | |
| 1883 | - <label for="mxchat-kb-acf-pdf-extract" style="cursor:pointer; line-height:1.4;"> | |
| 1884 | - <strong style="color: var(--mxch-text-primary, #1a1a2e);"><?php esc_html_e('Also extract text from PDFs linked in ACF File/Image fields', 'mxchat'); ?></strong><br> | |
| 1885 | - <span><?php esc_html_e('Adds 200-500ms per post and ~30 KB to each KB entry. Recommended only if your ACF setup uses PDF attachments for primary content.', 'mxchat'); ?></span> | |
| 1886 | - </label> | |
| 1887 | - </div> | |
| 1888 | 1745 | <div class="mxchat-kb-footer-actions"> |
| 1889 | 1746 | <button type="button" id="mxchat-kb-process-selected" class="mxchat-kb-button-primary" disabled> |
| 1890 | 1747 | <?php esc_html_e('Process Selected Content', 'mxchat'); ?> |
| 1891 | 1748 | <span class="mxchat-kb-selected-count">(0)</span> |
| @@ -1939,218 +1796,8 @@ | ||
| 1939 | 1796 | <?php |
| 1940 | 1797 | } |
| 1941 | 1798 | |
| 1942 | 1799 | /** |
| 1943 | - * Render the read-only Knowledge Inspector modal (plan-mxchat-20260628-d8cb4b). | |
| 1944 | - * Shows exactly what was indexed for an entry: the per-chunk stored text + lengths | |
| 1945 | - * and (for Pinecone) the stored metadata fields, rendered with the Testing tab's | |
| 1946 | - * own card components so the two surfaces feel like one system. Self-contained | |
| 1947 | - * markup + JS so it doesn't entangle the edit-modal init. | |
| 1948 | - */ | |
| 1949 | -function mxchat_render_inspect_entry_modal() { | |
| 1950 | - ?> | |
| 1951 | - <div id="mxchat-kb-inspect-modal" class="mxchat-kb-modal"> | |
| 1952 | - <div class="mxchat-kb-modal-content mxchat-kb-inspect-modal-content"> | |
| 1953 | - <div class="mxchat-kb-modal-header"> | |
| 1954 | - <h3 id="mxchat-kb-inspect-title"><?php esc_html_e('Indexed Content', 'mxchat'); ?></h3> | |
| 1955 | - <span class="mxchat-kb-modal-close" id="mxchat-kb-inspect-close">×</span> | |
| 1956 | - </div> | |
| 1957 | - <div class="mxchat-kb-inspect-body"> | |
| 1958 | - <div class="mxchat-kb-edit-source" id="mxchat-kb-inspect-source"></div> | |
| 1959 | - <div class="mxch-testing-results" id="mxchat-kb-inspect-results"> | |
| 1960 | - <div class="mxch-testing-no-data"><?php esc_html_e('Loading indexed content…', 'mxchat'); ?></div> | |
| 1961 | - </div> | |
| 1962 | - </div> | |
| 1963 | - <div class="mxchat-kb-edit-footer"> | |
| 1964 | - <div class="mxchat-kb-edit-notice" id="mxchat-kb-inspect-notice"></div> | |
| 1965 | - <div class="mxchat-kb-edit-actions"> | |
| 1966 | - <button type="button" id="mxchat-kb-inspect-close-btn" class="mxch-btn mxch-btn-primary"> | |
| 1967 | - <?php esc_html_e('Close', 'mxchat'); ?> | |
| 1968 | - </button> | |
| 1969 | - </div> | |
| 1970 | - </div> | |
| 1971 | - </div> | |
| 1972 | - </div> | |
| 1973 | - <script> | |
| 1974 | - (function() { | |
| 1975 | - 'use strict'; | |
| 1976 | - document.addEventListener('DOMContentLoaded', function() { | |
| 1977 | - var modal = document.getElementById('mxchat-kb-inspect-modal'); | |
| 1978 | - if (!modal) return; | |
| 1979 | - var closeX = document.getElementById('mxchat-kb-inspect-close'); | |
| 1980 | - var closeBtn = document.getElementById('mxchat-kb-inspect-close-btn'); | |
| 1981 | - var sourceEl = document.getElementById('mxchat-kb-inspect-source'); | |
| 1982 | - var resultsEl= document.getElementById('mxchat-kb-inspect-results'); | |
| 1983 | - var titleEl = document.getElementById('mxchat-kb-inspect-title'); | |
| 1984 | - var noticeEl = document.getElementById('mxchat-kb-inspect-notice'); | |
| 1985 | - | |
| 1986 | - var I18N = { | |
| 1987 | - title: <?php echo wp_json_encode( esc_html__('Indexed Content', 'mxchat') ); ?>, | |
| 1988 | - loading: <?php echo wp_json_encode( esc_html__('Loading indexed content…', 'mxchat') ); ?>, | |
| 1989 | - manual: <?php echo wp_json_encode( esc_html__('Manual Content', 'mxchat') ); ?>, | |
| 1990 | - source: <?php echo wp_json_encode( esc_html__('Source', 'mxchat') ); ?>, | |
| 1991 | - store: <?php echo wp_json_encode( esc_html__('Storage', 'mxchat') ); ?>, | |
| 1992 | - type: <?php echo wp_json_encode( esc_html__('Content type', 'mxchat') ); ?>, | |
| 1993 | - chunksLbl:<?php echo wp_json_encode( esc_html__('Chunks', 'mxchat') ); ?>, | |
| 1994 | - totalLen: <?php echo wp_json_encode( esc_html__('Total indexed length', 'mxchat') ); ?>, | |
| 1995 | - chunk: <?php echo wp_json_encode( esc_html__('Chunk', 'mxchat') ); ?>, | |
| 1996 | - indexed: <?php echo wp_json_encode( esc_html__('Indexed', 'mxchat') ); ?>, | |
| 1997 | - chars: <?php echo wp_json_encode( esc_html__('chars', 'mxchat') ); ?>, | |
| 1998 | - showText: <?php echo wp_json_encode( esc_html__('Show indexed text', 'mxchat') ); ?>, | |
| 1999 | - hideText: <?php echo wp_json_encode( esc_html__('Hide indexed text', 'mxchat') ); ?>, | |
| 2000 | - wpStore: <?php echo wp_json_encode( esc_html__('Local WordPress database', 'mxchat') ); ?>, | |
| 2001 | - pcStore: <?php echo wp_json_encode( esc_html__('Pinecone', 'mxchat') ); ?>, | |
| 2002 | - meta: <?php echo wp_json_encode( esc_html__('Vector metadata', 'mxchat') ); ?>, | |
| 2003 | - loadFail: <?php echo wp_json_encode( esc_html__('Failed to load indexed content.', 'mxchat') ); ?>, | |
| 2004 | - netErr: <?php echo wp_json_encode( esc_html__('Network error: ', 'mxchat') ); ?> | |
| 2005 | - }; | |
| 2006 | - | |
| 2007 | - function esc(str) { | |
| 2008 | - var d = document.createElement('div'); | |
| 2009 | - d.textContent = (str === null || str === undefined) ? '' : String(str); | |
| 2010 | - return d.innerHTML; | |
| 2011 | - } | |
| 2012 | - function fmt(n) { try { return Number(n).toLocaleString(); } catch (e) { return n; } } | |
| 2013 | - | |
| 2014 | - document.addEventListener('click', function(e) { | |
| 2015 | - var btn = e.target.closest('.mxchat-inspect-entry-btn'); | |
| 2016 | - if (btn) { e.preventDefault(); open(btn); } | |
| 2017 | - }); | |
| 2018 | - if (closeX) closeX.addEventListener('click', close); | |
| 2019 | - if (closeBtn) closeBtn.addEventListener('click', close); | |
| 2020 | - // Overlay click closes, but only when the whole gesture happened on the | |
| 2021 | - // overlay — otherwise selecting indexed text and releasing past the | |
| 2022 | - // dialog edge dispatches the click on the overlay and closes it. | |
| 2023 | - var downOnOverlay = false; | |
| 2024 | - modal.addEventListener('mousedown', function(e) { downOnOverlay = (e.target === modal); }); | |
| 2025 | - modal.addEventListener('click', function(e) { | |
| 2026 | - var overlayGesture = downOnOverlay; | |
| 2027 | - downOnOverlay = false; | |
| 2028 | - if (e.target === modal && overlayGesture) close(); | |
| 2029 | - }); | |
| 2030 | - document.addEventListener('keydown', function(e) { | |
| 2031 | - if (e.key === 'Escape' && modal.classList.contains('active')) close(); | |
| 2032 | - }); | |
| 2033 | - | |
| 2034 | - function close() { modal.classList.remove('active'); } | |
| 2035 | - | |
| 2036 | - function open(btn) { | |
| 2037 | - var entry = { | |
| 2038 | - sourceUrl: btn.getAttribute('data-source-url') || '', | |
| 2039 | - entryId: btn.getAttribute('data-entry-id') || '', | |
| 2040 | - dataSource: btn.getAttribute('data-data-source') || 'wordpress', | |
| 2041 | - botId: btn.getAttribute('data-bot-id') || 'default', | |
| 2042 | - nonce: btn.getAttribute('data-nonce') || '' | |
| 2043 | - }; | |
| 2044 | - | |
| 2045 | - titleEl.textContent = I18N.title; | |
| 2046 | - noticeEl.textContent = ''; | |
| 2047 | - noticeEl.className = 'mxchat-kb-edit-notice'; | |
| 2048 | - resultsEl.innerHTML = '<div class="mxch-testing-no-data">' + esc(I18N.loading) + '</div>'; | |
| 2049 | - | |
| 2050 | - if (entry.sourceUrl && entry.sourceUrl.indexOf('mxchat://') !== 0 && entry.sourceUrl.indexOf('_ungrouped_') !== 0) { | |
| 2051 | - sourceEl.innerHTML = esc(I18N.source) + ': <a href="' + esc(entry.sourceUrl) + '" target="_blank" rel="noopener">' + esc(entry.sourceUrl) + '</a>'; | |
| 2052 | - } else { | |
| 2053 | - sourceEl.textContent = I18N.manual; | |
| 2054 | - } | |
| 2055 | - | |
| 2056 | - modal.classList.add('active'); | |
| 2057 | - | |
| 2058 | - var fd = new FormData(); | |
| 2059 | - fd.append('action', 'mxchat_inspect_entry'); | |
| 2060 | - fd.append('nonce', entry.nonce); | |
| 2061 | - fd.append('source_url', entry.sourceUrl); | |
| 2062 | - fd.append('entry_id', entry.entryId); | |
| 2063 | - fd.append('data_source', entry.dataSource); | |
| 2064 | - fd.append('bot_id', entry.botId); | |
| 2065 | - | |
| 2066 | - fetch(ajaxurl, { method: 'POST', body: fd }) | |
| 2067 | - .then(function(r) { return r.json(); }) | |
| 2068 | - .then(function(resp) { | |
| 2069 | - if (resp && resp.success) { | |
| 2070 | - render(resp.data); | |
| 2071 | - } else { | |
| 2072 | - var msg = (resp && resp.data && resp.data.message) || I18N.loadFail; | |
| 2073 | - resultsEl.innerHTML = ''; | |
| 2074 | - showNotice(msg, 'error'); | |
| 2075 | - } | |
| 2076 | - }) | |
| 2077 | - .catch(function(err) { | |
| 2078 | - resultsEl.innerHTML = ''; | |
| 2079 | - showNotice(I18N.netErr + err.message, 'error'); | |
| 2080 | - }); | |
| 2081 | - } | |
| 2082 | - | |
| 2083 | - function render(data) { | |
| 2084 | - var storeLabel = data.store === 'pinecone' ? I18N.pcStore : I18N.wpStore; | |
| 2085 | - var html = ''; | |
| 2086 | - | |
| 2087 | - // Summary card — what this entry is + how much was indexed. | |
| 2088 | - html += '<div class="match-card above-threshold">' + | |
| 2089 | - '<div class="match-header">' + | |
| 2090 | - '<div class="match-title"><span class="status-icon">📦</span> ' + esc(data.chunk_count) + ' ' + esc(I18N.chunksLbl.toLowerCase()) + '</div>' + | |
| 2091 | - '<span class="context-label">' + esc(storeLabel) + '</span>' + | |
| 2092 | - '</div>' + | |
| 2093 | - '<div class="mxch-testing-field"><label>' + esc(I18N.type) + '</label><code>' + esc(data.content_type || '—') + '</code> ' + | |
| 2094 | - ' <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>'; | |
| 2095 | - if (data.metadata_note) { | |
| 2096 | - html += '<div class="match-source"><span class="source-icon">ℹ️</span> ' + esc(data.metadata_note) + '</div>'; | |
| 2097 | - } | |
| 2098 | - html += '</div>'; | |
| 2099 | - | |
| 2100 | - // One card per stored chunk — the actual embedded text. | |
| 2101 | - var chunks = data.chunks || []; | |
| 2102 | - chunks.forEach(function(chunk, i) { | |
| 2103 | - var num = (chunk.index !== null && chunk.index !== undefined) ? (chunk.index + 1) : (i + 1); | |
| 2104 | - var metaRows = ''; | |
| 2105 | - if (chunk.metadata && typeof chunk.metadata === 'object') { | |
| 2106 | - var keys = Object.keys(chunk.metadata); | |
| 2107 | - if (keys.length) { | |
| 2108 | - metaRows += '<div class="chunk-detail-row chunk-used" style="display:block;"><span class="chunk-detail-num">' + esc(I18N.meta) + '</span></div>'; | |
| 2109 | - keys.forEach(function(k) { | |
| 2110 | - 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>'; | |
| 2111 | - }); | |
| 2112 | - } | |
| 2113 | - } | |
| 2114 | - html += '<div class="match-card above-threshold">' + | |
| 2115 | - '<div class="match-header">' + | |
| 2116 | - '<div class="match-title"><span class="status-icon">✓</span> ' + esc(I18N.chunk) + ' ' + esc(num) + | |
| 2117 | - '<span class="chunk-summary">' + esc(fmt(chunk.length)) + ' ' + esc(I18N.chars) + '</span>' + | |
| 2118 | - '</div>' + | |
| 2119 | - '<span class="context-label">' + esc(I18N.indexed) + '</span>' + | |
| 2120 | - '</div>' + | |
| 2121 | - '<span class="chunk-expand-toggle" data-chunk="' + i + '">▶ ' + esc(I18N.showText) + '</span>' + | |
| 2122 | - '<div class="chunk-details" data-chunk="' + i + '">' + | |
| 2123 | - '<pre class="mxch-kb-inspect-chunk-text">' + esc(chunk.text) + '</pre>' + | |
| 2124 | - metaRows + | |
| 2125 | - '</div>' + | |
| 2126 | - '</div>'; | |
| 2127 | - }); | |
| 2128 | - | |
| 2129 | - resultsEl.innerHTML = html; | |
| 2130 | - | |
| 2131 | - resultsEl.querySelectorAll('.chunk-expand-toggle').forEach(function(toggle) { | |
| 2132 | - toggle.addEventListener('click', function() { | |
| 2133 | - var id = this.getAttribute('data-chunk'); | |
| 2134 | - var details = resultsEl.querySelector('.chunk-details[data-chunk="' + id + '"]'); | |
| 2135 | - if (!details) return; | |
| 2136 | - var expanded = details.classList.toggle('expanded'); | |
| 2137 | - this.innerHTML = (expanded ? '▼ ' + esc(I18N.hideText) : '▶ ' + esc(I18N.showText)); | |
| 2138 | - }); | |
| 2139 | - }); | |
| 2140 | - } | |
| 2141 | - | |
| 2142 | - function showNotice(msg, type) { | |
| 2143 | - noticeEl.textContent = msg; | |
| 2144 | - noticeEl.className = 'mxchat-kb-edit-notice' + (type ? ' ' + type : ''); | |
| 2145 | - } | |
| 2146 | - }); | |
| 2147 | - })(); | |
| 2148 | - </script> | |
| 2149 | - <?php | |
| 2150 | -} | |
| 2151 | - | |
| 2152 | -/** | |
| 2153 | 1800 | * Render Knowledge Page Navigation Scripts |
| 2154 | 1801 | */ |
| 2155 | 1802 | function mxchat_render_knowledge_page_scripts() { |
| 2156 | 1803 | ?> |
| @@ -2346,14 +1993,9 @@ | ||
| 2346 | 1993 | |
| 2347 | 1994 | if (!modal) return; |
| 2348 | 1995 | |
| 2349 | 1996 | var currentEntry = {}; |
| 2350 | - var loadedContent = ''; | |
| 2351 | 1997 | |
| 2352 | - var EDIT_I18N = { | |
| 2353 | - discard: <?php echo wp_json_encode( __('Discard your unsaved changes to this entry?', 'mxchat') ); ?> | |
| 2354 | - }; | |
| 2355 | - | |
| 2356 | 1998 | // Bind edit buttons (delegated) |
| 2357 | 1999 | document.addEventListener('click', function(e) { |
| 2358 | 2000 | var btn = e.target.closest('.mxchat-edit-entry-btn'); |
| 2359 | 2001 | if (btn) { |
| @@ -2361,16 +2003,13 @@ | ||
| 2361 | 2003 | openEditModal(btn); |
| 2362 | 2004 | } |
| 2363 | 2005 | }); |
| 2364 | 2006 | |
| 2365 | - // Close handlers. The overlay deliberately has no click-to-close: a click | |
| 2366 | - // fires on the common ancestor of its mousedown and mouseup, so releasing | |
| 2367 | - // a text-selection drag past the dialog edge targets the overlay and would | |
| 2368 | - // discard the edit. Closing is explicit only, and confirms when dirty. | |
| 2369 | - if (closeBtn) closeBtn.addEventListener('click', requestClose); | |
| 2370 | - if (cancelBtn) cancelBtn.addEventListener('click', requestClose); | |
| 2371 | - document.addEventListener('keydown', function(e) { | |
| 2372 | - if (e.key === 'Escape' && modal.classList.contains('active')) requestClose(); | |
| 2007 | + // Close handlers | |
| 2008 | + if (closeBtn) closeBtn.addEventListener('click', closeModal); | |
| 2009 | + if (cancelBtn) cancelBtn.addEventListener('click', closeModal); | |
| 2010 | + modal.addEventListener('click', function(e) { | |
| 2011 | + if (e.target === modal) closeModal(); | |
| 2373 | 2012 | }); |
| 2374 | 2013 | |
| 2375 | 2014 | // Character count |
| 2376 | 2015 | if (textarea) { |
| @@ -2392,9 +2031,8 @@ | ||
| 2392 | 2031 | }; |
| 2393 | 2032 | |
| 2394 | 2033 | // Reset state |
| 2395 | 2034 | textarea.value = ''; |
| 2396 | - loadedContent = ''; | |
| 2397 | 2035 | textarea.placeholder = 'Loading content...'; |
| 2398 | 2036 | textarea.disabled = true; |
| 2399 | 2037 | saveBtn.disabled = true; |
| 2400 | 2038 | notice.textContent = ''; |
| @@ -2425,9 +2063,8 @@ | ||
| 2425 | 2063 | .then(function(r) { return r.json(); }) |
| 2426 | 2064 | .then(function(resp) { |
| 2427 | 2065 | if (resp.success) { |
| 2428 | 2066 | textarea.value = resp.data.content || ''; |
| 2429 | - loadedContent = textarea.value; | |
| 2430 | 2067 | textarea.disabled = false; |
| 2431 | 2068 | textarea.placeholder = 'Edit your content here...'; |
| 2432 | 2069 | saveBtn.disabled = false; |
| 2433 | 2070 | currentEntry.contentType = resp.data.content_type || 'content'; |
| @@ -2497,17 +2134,8 @@ | ||
| 2497 | 2134 | if (saveSpin) saveSpin.style.display = 'none'; |
| 2498 | 2135 | saveBtn.disabled = false; |
| 2499 | 2136 | showNotice('Network error: ' + err.message, 'error'); |
| 2500 | 2137 | }); |
| 2501 | - } | |
| 2502 | - | |
| 2503 | - function isDirty() { | |
| 2504 | - return !textarea.disabled && textarea.value !== loadedContent; | |
| 2505 | - } | |
| 2506 | - | |
| 2507 | - function requestClose() { | |
| 2508 | - if (isDirty() && !window.confirm(EDIT_I18N.discard)) return; | |
| 2509 | - closeModal(); | |
| 2510 | 2138 | } |
| 2511 | 2139 | |
| 2512 | 2140 | function closeModal() { |
| 2513 | 2141 | modal.classList.remove('active'); |
