| @@ -266,19 +266,8 @@ | ||
| 266 | 266 | border: 1px solid #e5e5e5; |
| 267 | 267 | text-align: center; |
| 268 | 268 | } |
| 269 | 269 | |
| 270 | -/* YouTube import: multi-line radio/description stack reads left-aligned, | |
| 271 | - unlike the single-row URL forms the centered default was made for. */ | |
| 272 | -#mxchat-youtube-input-area { | |
| 273 | - text-align: left; | |
| 274 | -} | |
| 275 | - | |
| 276 | -/* PDF Upload Area */ | |
| 277 | -#mxchat-pdf-upload-area input[type="file"] { | |
| 278 | - margin-bottom: 12px; | |
| 279 | -} | |
| 280 | - | |
| 281 | 270 | .mxchat-url-input-group { |
| 282 | 271 | display: flex; |
| 283 | 272 | gap: 12px; |
| 284 | 273 | max-width: 800px; |
| @@ -3595,405 +3584,5 @@ | ||
| 3595 | 3584 | |
| 3596 | 3585 | .mxchat-bulk-actions { |
| 3597 | 3586 | margin-left: 0; |
| 3598 | 3587 | } |
| 3599 | -} | |
| 3600 | - | |
| 3601 | -/* ========================================================================== | |
| 3602 | - Knowledge Base - Mobile Responsive | |
| 3603 | - ========================================================================== */ | |
| 3604 | - | |
| 3605 | -/* Desktop defaults for KB header controls */ | |
| 3606 | -.mxch-kb-header-controls { | |
| 3607 | - display: flex; | |
| 3608 | - gap: 10px; | |
| 3609 | - align-items: center; | |
| 3610 | -} | |
| 3611 | - | |
| 3612 | -.mxch-kb-search-form { | |
| 3613 | - display: flex; | |
| 3614 | - gap: 10px; | |
| 3615 | -} | |
| 3616 | - | |
| 3617 | -.mxch-kb-search-input { | |
| 3618 | - width: 200px; | |
| 3619 | -} | |
| 3620 | - | |
| 3621 | -.mxch-kb-type-filter { | |
| 3622 | - width: auto; | |
| 3623 | -} | |
| 3624 | - | |
| 3625 | -/* Mobile: Knowledge Base card header stacks vertically */ | |
| 3626 | -@media screen and (max-width: 960px) { | |
| 3627 | - /* Stack card header vertically */ | |
| 3628 | - #knowledge-base .mxch-card-header { | |
| 3629 | - flex-direction: column; | |
| 3630 | - align-items: stretch; | |
| 3631 | - gap: 12px; | |
| 3632 | - padding: 12px 16px; | |
| 3633 | - } | |
| 3634 | - | |
| 3635 | - /* Title row wraps badges */ | |
| 3636 | - #knowledge-base .mxch-card-title { | |
| 3637 | - flex-wrap: wrap; | |
| 3638 | - font-size: 14px; | |
| 3639 | - } | |
| 3640 | - | |
| 3641 | - /* Controls stack vertically */ | |
| 3642 | - .mxch-kb-header-controls { | |
| 3643 | - flex-direction: column; | |
| 3644 | - align-items: stretch; | |
| 3645 | - gap: 8px; | |
| 3646 | - width: 100%; | |
| 3647 | - } | |
| 3648 | - | |
| 3649 | - /* Search form wraps */ | |
| 3650 | - .mxch-kb-search-form { | |
| 3651 | - flex-wrap: wrap; | |
| 3652 | - gap: 8px; | |
| 3653 | - width: 100%; | |
| 3654 | - } | |
| 3655 | - | |
| 3656 | - /* Search input takes full width */ | |
| 3657 | - .mxch-kb-search-input { | |
| 3658 | - width: 100% !important; | |
| 3659 | - flex: 1; | |
| 3660 | - min-width: 0; | |
| 3661 | - } | |
| 3662 | - | |
| 3663 | - /* Filter dropdown takes full width */ | |
| 3664 | - .mxch-kb-type-filter { | |
| 3665 | - width: 100% !important; | |
| 3666 | - flex: 1; | |
| 3667 | - min-width: 0; | |
| 3668 | - } | |
| 3669 | - | |
| 3670 | - /* Delete container full width */ | |
| 3671 | - .mxchat-delete-container { | |
| 3672 | - width: 100%; | |
| 3673 | - } | |
| 3674 | - | |
| 3675 | - .mxchat-delete-container form, | |
| 3676 | - .mxchat-delete-container .mxchat-bulk-delete { | |
| 3677 | - width: 100%; | |
| 3678 | - } | |
| 3679 | - | |
| 3680 | - .mxchat-delete-container .mxch-btn { | |
| 3681 | - width: 100%; | |
| 3682 | - justify-content: center; | |
| 3683 | - } | |
| 3684 | - | |
| 3685 | - /* Table: hide ID and Source columns on mobile to save space */ | |
| 3686 | - .mxchat-records-table th:nth-child(2), | |
| 3687 | - .mxchat-records-table td:nth-child(2) { | |
| 3688 | - display: none; | |
| 3689 | - } | |
| 3690 | - | |
| 3691 | - .mxchat-records-table th:nth-child(4), | |
| 3692 | - .mxchat-records-table td:nth-child(4) { | |
| 3693 | - display: none; | |
| 3694 | - } | |
| 3695 | - | |
| 3696 | - /* Content column needs more room */ | |
| 3697 | - .mxchat-content-cell { | |
| 3698 | - max-width: none !important; | |
| 3699 | - } | |
| 3700 | - | |
| 3701 | - /* Table cells padding */ | |
| 3702 | - .mxchat-records-table th, | |
| 3703 | - .mxchat-records-table td { | |
| 3704 | - padding: 10px 8px !important; | |
| 3705 | - } | |
| 3706 | - | |
| 3707 | - /* Pagination wraps nicely */ | |
| 3708 | - .mxchat-ajax-pagination { | |
| 3709 | - flex-wrap: wrap; | |
| 3710 | - justify-content: center; | |
| 3711 | - } | |
| 3712 | -} | |
| 3713 | - | |
| 3714 | -/* Small mobile: further adjustments */ | |
| 3715 | -@media screen and (max-width: 480px) { | |
| 3716 | - #knowledge-base .mxch-card-header { | |
| 3717 | - padding: 10px 12px; | |
| 3718 | - } | |
| 3719 | - | |
| 3720 | - #knowledge-base .mxch-card-title { | |
| 3721 | - font-size: 13px; | |
| 3722 | - } | |
| 3723 | - | |
| 3724 | - /* Search form items fully stacked */ | |
| 3725 | - .mxch-kb-search-form { | |
| 3726 | - flex-direction: column; | |
| 3727 | - } | |
| 3728 | - | |
| 3729 | - /* Smaller table text */ | |
| 3730 | - .mxchat-records-table { | |
| 3731 | - font-size: 12px; | |
| 3732 | - } | |
| 3733 | - | |
| 3734 | - .mxchat-records-table th, | |
| 3735 | - .mxchat-records-table td { | |
| 3736 | - padding: 8px 6px !important; | |
| 3737 | - } | |
| 3738 | - | |
| 3739 | - /* Also hide Actions header text but keep the column for delete buttons */ | |
| 3740 | - .mxchat-records-table th:nth-child(5) { | |
| 3741 | - font-size: 0; | |
| 3742 | - padding: 8px 4px !important; | |
| 3743 | - width: 40px; | |
| 3744 | - } | |
| 3745 | -} | |
| 3746 | - | |
| 3747 | -/* ─── Edit Entry Modal ─── */ | |
| 3748 | - | |
| 3749 | -.mxchat-edit-entry-btn { | |
| 3750 | - color: var(--mxch-primary, #7873f5); | |
| 3751 | -} | |
| 3752 | -.mxchat-edit-entry-btn:hover { | |
| 3753 | - color: var(--mxch-primary-dark, #5b56d6); | |
| 3754 | - background: rgba(120, 115, 245, 0.08); | |
| 3755 | -} | |
| 3756 | - | |
| 3757 | -.mxchat-kb-edit-modal-content { | |
| 3758 | - max-width: 760px; | |
| 3759 | - max-height: 90vh; | |
| 3760 | -} | |
| 3761 | - | |
| 3762 | -.mxchat-kb-edit-body { | |
| 3763 | - flex: 1; | |
| 3764 | - display: flex; | |
| 3765 | - flex-direction: column; | |
| 3766 | - padding: 20px; | |
| 3767 | - overflow: hidden; | |
| 3768 | - gap: 12px; | |
| 3769 | -} | |
| 3770 | - | |
| 3771 | -.mxchat-kb-edit-source { | |
| 3772 | - font-size: 12px; | |
| 3773 | - color: var(--mxch-text-muted, #6b7280); | |
| 3774 | - word-break: break-all; | |
| 3775 | -} | |
| 3776 | -.mxchat-kb-edit-source a { | |
| 3777 | - color: var(--mxch-primary, #7873f5); | |
| 3778 | - text-decoration: none; | |
| 3779 | -} | |
| 3780 | - | |
| 3781 | -.mxchat-kb-edit-textarea { | |
| 3782 | - flex: 1; | |
| 3783 | - min-height: 300px; | |
| 3784 | - max-height: 55vh; | |
| 3785 | - width: 100%; | |
| 3786 | - padding: 14px; | |
| 3787 | - border: 1px solid var(--mxch-input-border, #d1d5db); | |
| 3788 | - border-radius: 8px; | |
| 3789 | - font-size: 14px; | |
| 3790 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| 3791 | - line-height: 1.6; | |
| 3792 | - resize: vertical; | |
| 3793 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3794 | - background: var(--mxch-input-bg, #fff); | |
| 3795 | - box-sizing: border-box; | |
| 3796 | - transition: border-color 0.2s; | |
| 3797 | -} | |
| 3798 | -.mxchat-kb-edit-textarea:focus { | |
| 3799 | - outline: none; | |
| 3800 | - border-color: var(--mxch-primary, #7873f5); | |
| 3801 | - box-shadow: 0 0 0 3px rgba(120, 115, 245, 0.1); | |
| 3802 | -} | |
| 3803 | - | |
| 3804 | -.mxchat-kb-edit-meta { | |
| 3805 | - display: flex; | |
| 3806 | - justify-content: space-between; | |
| 3807 | - font-size: 12px; | |
| 3808 | - color: var(--mxch-text-muted, #6b7280); | |
| 3809 | -} | |
| 3810 | - | |
| 3811 | -.mxchat-kb-edit-footer { | |
| 3812 | - display: flex; | |
| 3813 | - align-items: center; | |
| 3814 | - justify-content: space-between; | |
| 3815 | - padding: 14px 20px; | |
| 3816 | - border-top: 1px solid #e5e5e5; | |
| 3817 | - gap: 12px; | |
| 3818 | -} | |
| 3819 | - | |
| 3820 | -.mxchat-kb-edit-notice { | |
| 3821 | - flex: 1; | |
| 3822 | - font-size: 13px; | |
| 3823 | -} | |
| 3824 | -.mxchat-kb-edit-notice.success { color: #16a34a; } | |
| 3825 | -.mxchat-kb-edit-notice.error { color: #dc2626; } | |
| 3826 | - | |
| 3827 | -.mxchat-kb-edit-actions { | |
| 3828 | - display: flex; | |
| 3829 | - gap: 8px; | |
| 3830 | - flex-shrink: 0; | |
| 3831 | -} | |
| 3832 | - | |
| 3833 | -/* ── Knowledge Inspector modal (plan-d8cb4b) ────────────────────────── | |
| 3834 | - Read-only "View indexed content" viewer. Reuses the Testing tab's | |
| 3835 | - match-card / chunk-detail components (admin-testing-tab.css, scoped under | |
| 3836 | - .mxch-testing-results) so it looks native; this block only adds the modal | |
| 3837 | - body scroll + the chunk-text container the Testing tab doesn't have. */ | |
| 3838 | -.mxchat-kb-inspect-body { | |
| 3839 | - flex: 1; | |
| 3840 | - display: flex; | |
| 3841 | - flex-direction: column; | |
| 3842 | - padding: 20px; | |
| 3843 | - overflow-y: auto; | |
| 3844 | - gap: 12px; | |
| 3845 | -} | |
| 3846 | -/* The modal body is the scroll container — let the inner results grow naturally | |
| 3847 | - instead of the Testing tab's own 400px inner scroll (avoids a double scrollbar). */ | |
| 3848 | -.mxchat-kb-inspect-body .mxch-testing-results { | |
| 3849 | - max-height: none; | |
| 3850 | - overflow: visible; | |
| 3851 | -} | |
| 3852 | -.mxch-kb-inspect-chunk-text { | |
| 3853 | - margin: 8px 0 0; | |
| 3854 | - padding: 12px 14px; | |
| 3855 | - background: #f8fafc; | |
| 3856 | - border: 1px solid #e2e8f0; | |
| 3857 | - border-radius: 6px; | |
| 3858 | - max-height: 260px; | |
| 3859 | - overflow-y: auto; | |
| 3860 | - white-space: pre-wrap; | |
| 3861 | - word-break: break-word; | |
| 3862 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| 3863 | - font-size: 13px; | |
| 3864 | - line-height: 1.6; | |
| 3865 | - color: var(--mxch-text-primary, #334155); | |
| 3866 | -} | |
| 3867 | - | |
| 3868 | -.mxchat-kb-edit-save-spinner { | |
| 3869 | - display: inline-flex; | |
| 3870 | - align-items: center; | |
| 3871 | - gap: 6px; | |
| 3872 | -} | |
| 3873 | - | |
| 3874 | -@media (max-width: 782px) { | |
| 3875 | - .mxchat-kb-edit-modal-content { | |
| 3876 | - width: 96%; | |
| 3877 | - max-width: 96%; | |
| 3878 | - margin: 10px auto; | |
| 3879 | - max-height: 95vh; | |
| 3880 | - } | |
| 3881 | - .mxchat-kb-edit-body { | |
| 3882 | - padding: 14px; | |
| 3883 | - } | |
| 3884 | - .mxchat-kb-edit-textarea { | |
| 3885 | - min-height: 200px; | |
| 3886 | - font-size: 15px; | |
| 3887 | - } | |
| 3888 | - .mxchat-kb-edit-footer { | |
| 3889 | - flex-direction: column; | |
| 3890 | - align-items: stretch; | |
| 3891 | - } | |
| 3892 | - .mxchat-kb-edit-actions { | |
| 3893 | - justify-content: stretch; | |
| 3894 | - } | |
| 3895 | - .mxchat-kb-edit-actions .mxch-btn { | |
| 3896 | - flex: 1; | |
| 3897 | - text-align: center; | |
| 3898 | - } | |
| 3899 | -} | |
| 3900 | -/* ========================================================================== | |
| 3901 | - Custom Meta-key discovery picker (plan-mxchat-20260709-fe8e4e) | |
| 3902 | - Canon-token chip picker mirroring the ACF discovery UX for non-ACF meta. | |
| 3903 | - ========================================================================== */ | |
| 3904 | -.mxchat-meta-scan-controls { | |
| 3905 | - display: flex; | |
| 3906 | - align-items: center; | |
| 3907 | - flex-wrap: wrap; | |
| 3908 | - gap: 12px; | |
| 3909 | - margin-bottom: 12px; | |
| 3910 | -} | |
| 3911 | -#mxchat-scan-meta-btn { | |
| 3912 | - display: inline-flex; | |
| 3913 | - align-items: center; | |
| 3914 | - gap: 8px; | |
| 3915 | -} | |
| 3916 | -.mxchat-meta-scan-internal { | |
| 3917 | - display: inline-flex; | |
| 3918 | - align-items: center; | |
| 3919 | - gap: 6px; | |
| 3920 | - font-size: 13px; | |
| 3921 | - color: var(--mxch-text-secondary, #64748b); | |
| 3922 | - cursor: pointer; | |
| 3923 | -} | |
| 3924 | -.mxchat-meta-scan-loading, | |
| 3925 | -.mxchat-meta-scan-empty { | |
| 3926 | - font-size: 13px; | |
| 3927 | - color: var(--mxch-text-secondary, #64748b); | |
| 3928 | - margin: 8px 0 0; | |
| 3929 | -} | |
| 3930 | -.mxchat-meta-chip-grid { | |
| 3931 | - display: grid; | |
| 3932 | - grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); | |
| 3933 | - gap: 10px; | |
| 3934 | - margin-top: 12px; | |
| 3935 | -} | |
| 3936 | -.mxchat-meta-chip { | |
| 3937 | - display: flex; | |
| 3938 | - flex-direction: column; | |
| 3939 | - align-items: flex-start; | |
| 3940 | - gap: 4px; | |
| 3941 | - text-align: left; | |
| 3942 | - width: 100%; | |
| 3943 | - padding: 10px 12px; | |
| 3944 | - background: var(--mxch-card-bg, #fff); | |
| 3945 | - border: 1px solid var(--mxch-card-border, #e2e8f0); | |
| 3946 | - border-radius: var(--mxch-radius-md, 8px); | |
| 3947 | - cursor: pointer; | |
| 3948 | - transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; | |
| 3949 | -} | |
| 3950 | -.mxchat-meta-chip:hover { | |
| 3951 | - border-color: var(--mxch-primary, #7873f5); | |
| 3952 | - box-shadow: 0 1px 4px rgba(120, 115, 245, 0.15); | |
| 3953 | -} | |
| 3954 | -.mxchat-meta-chip-main { | |
| 3955 | - display: flex; | |
| 3956 | - align-items: baseline; | |
| 3957 | - flex-wrap: wrap; | |
| 3958 | - gap: 8px; | |
| 3959 | -} | |
| 3960 | -.mxchat-meta-chip-name { | |
| 3961 | - font-weight: 600; | |
| 3962 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3963 | - font-size: 13px; | |
| 3964 | -} | |
| 3965 | -.mxchat-meta-chip-key { | |
| 3966 | - font-family: monospace; | |
| 3967 | - font-size: 11px; | |
| 3968 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3969 | - background: #f1f5f9; | |
| 3970 | - padding: 1px 6px; | |
| 3971 | - border-radius: 4px; | |
| 3972 | -} | |
| 3973 | -.mxchat-meta-chip-meta { | |
| 3974 | - font-size: 11px; | |
| 3975 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3976 | - white-space: nowrap; | |
| 3977 | - overflow: hidden; | |
| 3978 | - text-overflow: ellipsis; | |
| 3979 | - max-width: 100%; | |
| 3980 | -} | |
| 3981 | -.mxchat-meta-chip-tick { | |
| 3982 | - font-size: 11px; | |
| 3983 | - font-weight: 600; | |
| 3984 | - color: var(--mxch-primary, #7873f5); | |
| 3985 | - margin-top: 2px; | |
| 3986 | -} | |
| 3987 | -.mxchat-meta-chip.is-added { | |
| 3988 | - border-color: var(--mxch-success, #10b981); | |
| 3989 | - background: rgba(16, 185, 129, 0.06); | |
| 3990 | - cursor: default; | |
| 3991 | -} | |
| 3992 | -.mxchat-meta-chip.is-added .mxchat-meta-chip-tick { | |
| 3993 | - color: var(--mxch-success, #10b981); | |
| 3994 | -} | |
| 3995 | -@media (max-width: 782px) { | |
| 3996 | - .mxchat-meta-chip-grid { | |
| 3997 | - grid-template-columns: 1fr; | |
| 3998 | - } | |
| 3999 | -} | |
| 3588 | +} | |
