| @@ -1,4 +1,4 @@ | ||
| 1 | 1 | /* |
| 2 | 2 | * MxChat Knowledge Base Styles |
| 3 | 3 | * Consolidated stylesheet for the Knowledge Base Manager |
| 4 | 4 | */ |
| @@ -3823,43 +3823,8 @@ | ||
| 3823 | 3823 | gap: 8px; |
| 3824 | 3824 | flex-shrink: 0; |
| 3825 | 3825 | } |
| 3826 | 3826 | |
| 3827 | -/* ── Knowledge Inspector modal (plan-d8cb4b) ────────────────────────── | |
| 3828 | - Read-only "View indexed content" viewer. Reuses the Testing tab's | |
| 3829 | - match-card / chunk-detail components (admin-testing-tab.css, scoped under | |
| 3830 | - .mxch-testing-results) so it looks native; this block only adds the modal | |
| 3831 | - body scroll + the chunk-text container the Testing tab doesn't have. */ | |
| 3832 | -.mxchat-kb-inspect-body { | |
| 3833 | - flex: 1; | |
| 3834 | - display: flex; | |
| 3835 | - flex-direction: column; | |
| 3836 | - padding: 20px; | |
| 3837 | - overflow-y: auto; | |
| 3838 | - gap: 12px; | |
| 3839 | -} | |
| 3840 | -/* The modal body is the scroll container — let the inner results grow naturally | |
| 3841 | - instead of the Testing tab's own 400px inner scroll (avoids a double scrollbar). */ | |
| 3842 | -.mxchat-kb-inspect-body .mxch-testing-results { | |
| 3843 | - max-height: none; | |
| 3844 | - overflow: visible; | |
| 3845 | -} | |
| 3846 | -.mxch-kb-inspect-chunk-text { | |
| 3847 | - margin: 8px 0 0; | |
| 3848 | - padding: 12px 14px; | |
| 3849 | - background: #f8fafc; | |
| 3850 | - border: 1px solid #e2e8f0; | |
| 3851 | - border-radius: 6px; | |
| 3852 | - max-height: 260px; | |
| 3853 | - overflow-y: auto; | |
| 3854 | - white-space: pre-wrap; | |
| 3855 | - word-break: break-word; | |
| 3856 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| 3857 | - font-size: 13px; | |
| 3858 | - line-height: 1.6; | |
| 3859 | - color: var(--mxch-text-primary, #334155); | |
| 3860 | -} | |
| 3861 | - | |
| 3862 | 3827 | .mxchat-kb-edit-save-spinner { |
| 3863 | 3828 | display: inline-flex; |
| 3864 | 3829 | align-items: center; |
| 3865 | 3830 | gap: 6px; |
| @@ -3889,105 +3854,5 @@ | ||
| 3889 | 3854 | .mxchat-kb-edit-actions .mxch-btn { |
| 3890 | 3855 | flex: 1; |
| 3891 | 3856 | text-align: center; |
| 3892 | 3857 | } |
| 3893 | -} | |
| 3894 | -/* ========================================================================== | |
| 3895 | - Custom Meta-key discovery picker (plan-mxchat-20260709-fe8e4e) | |
| 3896 | - Canon-token chip picker mirroring the ACF discovery UX for non-ACF meta. | |
| 3897 | - ========================================================================== */ | |
| 3898 | -.mxchat-meta-scan-controls { | |
| 3899 | - display: flex; | |
| 3900 | - align-items: center; | |
| 3901 | - flex-wrap: wrap; | |
| 3902 | - gap: 12px; | |
| 3903 | - margin-bottom: 12px; | |
| 3904 | -} | |
| 3905 | -#mxchat-scan-meta-btn { | |
| 3906 | - display: inline-flex; | |
| 3907 | - align-items: center; | |
| 3908 | - gap: 8px; | |
| 3909 | -} | |
| 3910 | -.mxchat-meta-scan-internal { | |
| 3911 | - display: inline-flex; | |
| 3912 | - align-items: center; | |
| 3913 | - gap: 6px; | |
| 3914 | - font-size: 13px; | |
| 3915 | - color: var(--mxch-text-secondary, #64748b); | |
| 3916 | - cursor: pointer; | |
| 3917 | -} | |
| 3918 | -.mxchat-meta-scan-loading, | |
| 3919 | -.mxchat-meta-scan-empty { | |
| 3920 | - font-size: 13px; | |
| 3921 | - color: var(--mxch-text-secondary, #64748b); | |
| 3922 | - margin: 8px 0 0; | |
| 3923 | -} | |
| 3924 | -.mxchat-meta-chip-grid { | |
| 3925 | - display: grid; | |
| 3926 | - grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); | |
| 3927 | - gap: 10px; | |
| 3928 | - margin-top: 12px; | |
| 3929 | -} | |
| 3930 | -.mxchat-meta-chip { | |
| 3931 | - display: flex; | |
| 3932 | - flex-direction: column; | |
| 3933 | - align-items: flex-start; | |
| 3934 | - gap: 4px; | |
| 3935 | - text-align: left; | |
| 3936 | - width: 100%; | |
| 3937 | - padding: 10px 12px; | |
| 3938 | - background: var(--mxch-card-bg, #fff); | |
| 3939 | - border: 1px solid var(--mxch-card-border, #e2e8f0); | |
| 3940 | - border-radius: var(--mxch-radius-md, 8px); | |
| 3941 | - cursor: pointer; | |
| 3942 | - transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; | |
| 3943 | -} | |
| 3944 | -.mxchat-meta-chip:hover { | |
| 3945 | - border-color: var(--mxch-primary, #7873f5); | |
| 3946 | - box-shadow: 0 1px 4px rgba(120, 115, 245, 0.15); | |
| 3947 | -} | |
| 3948 | -.mxchat-meta-chip-main { | |
| 3949 | - display: flex; | |
| 3950 | - align-items: baseline; | |
| 3951 | - flex-wrap: wrap; | |
| 3952 | - gap: 8px; | |
| 3953 | -} | |
| 3954 | -.mxchat-meta-chip-name { | |
| 3955 | - font-weight: 600; | |
| 3956 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3957 | - font-size: 13px; | |
| 3958 | -} | |
| 3959 | -.mxchat-meta-chip-key { | |
| 3960 | - font-family: monospace; | |
| 3961 | - font-size: 11px; | |
| 3962 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3963 | - background: #f1f5f9; | |
| 3964 | - padding: 1px 6px; | |
| 3965 | - border-radius: 4px; | |
| 3966 | -} | |
| 3967 | -.mxchat-meta-chip-meta { | |
| 3968 | - font-size: 11px; | |
| 3969 | - color: var(--mxch-text-muted, #94a3b8); | |
| 3970 | - white-space: nowrap; | |
| 3971 | - overflow: hidden; | |
| 3972 | - text-overflow: ellipsis; | |
| 3973 | - max-width: 100%; | |
| 3974 | -} | |
| 3975 | -.mxchat-meta-chip-tick { | |
| 3976 | - font-size: 11px; | |
| 3977 | - font-weight: 600; | |
| 3978 | - color: var(--mxch-primary, #7873f5); | |
| 3979 | - margin-top: 2px; | |
| 3980 | -} | |
| 3981 | -.mxchat-meta-chip.is-added { | |
| 3982 | - border-color: var(--mxch-success, #10b981); | |
| 3983 | - background: rgba(16, 185, 129, 0.06); | |
| 3984 | - cursor: default; | |
| 3985 | -} | |
| 3986 | -.mxchat-meta-chip.is-added .mxchat-meta-chip-tick { | |
| 3987 | - color: var(--mxch-success, #10b981); | |
| 3988 | -} | |
| 3989 | -@media (max-width: 782px) { | |
| 3990 | - .mxchat-meta-chip-grid { | |
| 3991 | - grid-template-columns: 1fr; | |
| 3992 | - } | |
| 3993 | -} | |
| 3858 | +} | |
