Improve current document highlighting with better URL matching

- Add removal of previous highlighting before applying new one
- Support multiple URL matching strategies (exact, full URL, ends with)
- Add debug logging to troubleshoot highlighting issues
- Reset all links before applying highlight to ensure clean state

src/resources/views/layouts/knowledge-base.blade.php

@@ -282,15 +282,67 @@ function restoreSidebarScroll() {
                 }
             }
 
+            // Highlight current document in sidebar
+            function highlightCurrentDocument() {
+                const sidebar = document.getElementById('kb-sidebar');
+                if (!sidebar) {
+                    console.log('Sidebar not found for highlighting');
+                    return;
+                }
+
+                const currentPath = window.location.pathname;
+                const links = sidebar.querySelectorAll('a');
+                
+                console.log('Current path:', currentPath);
+                console.log('Found links in sidebar:', links.length);
+                
+                links.forEach(link => {
+                    const href = link.getAttribute('href');
+                    
+                    // Remove previous highlighting
+                    link.classList.remove('bg-indigo-50', 'text-indigo-700', 'font-semibold');
+                    link.classList.add('text-gray-700');
+                    
+                    const icon = link.querySelector('svg');
+                    if (icon) {
+                        icon.classList.remove('text-indigo-600');
+                        icon.classList.add('text-gray-400', 'group-hover:text-gray-600');
+                    }
+                    
+                    // Check if this is the current page
+                    if (href === currentPath || href === window.location.href || 
+                        (href && currentPath && href.endsWith(currentPath))) {
+                        console.log('Matched link:', href, 'with current path:', currentPath);
+                        link.classList.add('bg-indigo-50', 'text-indigo-700', 'font-semibold');
+                        link.classList.remove('text-gray-700');
+                        
+                        if (icon) {
+                            icon.classList.remove('text-gray-400', 'group-hover:text-gray-600');
+                            icon.classList.add('text-indigo-600');
+                        }
+                    }
+                });
+            }
+
             // Restore on page load
             if (document.readyState === 'loading') {
-                document.addEventListener('DOMContentLoaded', restoreSidebarScroll);
+                document.addEventListener('DOMContentLoaded', () => {
+                    restoreSidebarScroll();
+                    highlightCurrentDocument();
+                });
             } else {
                 restoreSidebarScroll();
+                highlightCurrentDocument();
             }
 
             // Also restore on window load (for safety)
-            window.addEventListener('load', restoreSidebarScroll);
+            window.addEventListener('load', () => {
+                restoreSidebarScroll();
+                highlightCurrentDocument();
+            });
+
+            // Update highlight after Alpine navigation
+            document.addEventListener('alpine:navigated', highlightCurrentDocument);
 
             document.addEventListener('keydown', function(e) {
                 if ((e.ctrlKey || e.metaKey) && e.key === 'k') {