View difference between Paste ID: 03AGznkC and cRmQUFeC

 // ==UserScript==
 // @name         Kara Keep Advanced Search Assistant
 // @namespace    http://karakeep.app/
-// @version      1.1
+// @version      2.0
-// @description  Adds quick access to advanced search filters in Kara Keep
+// @description  Reliable search filter insertion for Kara Keep
 // @author       KaraKeep Assistant
 // @match        *://karakeep.app/*
 // @match        *://try.karakeep.app/*
 // @grant        none
 // @run-at       document-end
 // ==/UserScript==
 
 (function() {
     'use strict';
 
-    // KaraKeep Advanced Search Assistant v1.5
+    // Configuration
-    const VERSION = "1.5";
+
     const VERSION = "2.0";
     const RETRY_LIMIT = 10;
     const RETRY_DELAY = 300;
 
     // Setup logging
     if (!window.__karaKeepBookmarkletLog) window.__karaKeepBookmarkletLog = [];
-    // Set to false to disable space after filter insertion
+
         window.__karaKeepBookmarkletLog.push({ time: Date.now(), msg });
         console.log("[🔍 KaraKeep Assistant] " + msg);
     };
 
     // Prevent duplicate initialization
     if (window.__karaKeepUIVersion === VERSION) {
         log("UI already active. Use 'removeKaraKeepFilterUI()' to remove");
-    let injectionAttempts = 0;
+
     }
-    log(`Activating version ${VERSION}`);
+
 
     log("Activated! Version " + VERSION);
-    // Create UI elements early to prevent DOM removal issues
+
 
     // UI Elements (created once and reused)
     const btn = document.createElement("button");
     btn.id = "karaKeepFilterBtn";
-    btn.classList.add("kara-keep-filter-btn");
+
     btn.type = "button";
-    // Menu creation
+    btn.style.cssText = `
         display: inline-flex;
         align-items: center;
-
+        justify-content: center;
-    // Define FILTERS array
+        white-space: nowrap;
         border-radius: 0.375rem;
         padding: 0 1rem;
         height: 2.5rem;
         font-size: 0.875rem;
         font-weight: 500;
         cursor: pointer;
         background-color: transparent;
         border: none;
         color: hsl(var(--foreground));
         transition: background-color 0.2s ease;
         margin-left: 0.5rem;
     `;
 
     const menu = document.createElement("div");
     menu.id = "karaKeepFilterMenu";
     menu.style.cssText = `
         display: none;
         position: fixed;
-    // Initialize the UI components
+        z-index: 100000;
         background: #fff;
-        // Button styling
+        box-shadow: 0 8px 20px rgba(0,0,0,.18);
-        btn.style.cssText = `
+        border: 1px solid #ccc;
-            display: inline-flex;
+        border-radius: 6px;
-            align-items: center;
+        padding: 8px 0;
-            justify-content: center;
+        color: #222;
-            white-space: nowrap;
+        font-size: 15px;
-            border-radius: 0.375rem;
+        max-height: 260px;
-            padding: 0 1rem;
+        overflow-y: auto;
-            height: 2.5rem;
+    `;
-            font-size: 0.875rem;
+
-            font-weight: 500;
+    // Filters list
-            cursor: pointer;
+
-            background-color: transparent;
+
-            border: none;
+
-            color: hsl(var(--foreground));
+
-            transition: background-color 0.2s ease;
+
-            margin-left: 0.5rem;
+
         { name: "Type: Text", value: "is:text", desc: "Type: text" },
         { name: "Type: Media", value: "is:media", desc: "Type: media" },
-        // Menu styling
+
-        menu.style.cssText = `
+
-            display: none;
+
-            position: fixed;
+
-            z-index: 100000;
+
-            background: #fff;
+
-            box-shadow: 0 8px 20px rgba(0,0,0,.18);
+
-            border: 1px solid #ccc;
+
-            border-radius: 6px;
+
-            padding: 8px 0;
+
-            color: #222;
+    // Initialize UI components
-            font-size: 15px;
+
-            max-height: 260px;
+        // Create filter menu items
-            overflow-y: auto;
+
             const item = document.createElement("button");
             item.textContent = f.name;
-        // Build filter menu
+
             item.style.cssText = `
                 display: block;
                 width: 100%;
                 background: none;
                 border: none;
                 text-align: left;
                 padding: 6px 20px;
                 cursor: pointer;
                 font-size: 15px;
                 color: #222;
                 outline: none;
                 transition: background 0.2s;
             `;
             item.addEventListener('mouseenter', () => item.style.background = "#e6f0fa");
             item.addEventListener('mouseleave', () => item.style.background = "none");
 
             item.addEventListener('click', e => {
                 e.preventDefault();
                 const searchInput = document.querySelector('input[placeholder="Search"]');
                 if (!searchInput) return;
 
                 searchInput.focus();
                 let start = searchInput.selectionStart;
                 let end = searchInput.selectionEnd;
 
                 if (typeof start === "number") {
                     const orig = searchInput.value;
                     const insertText = f.value + (ADD_SPACE_AFTER_FILTER ? " " : "");
                     searchInput.value = orig.slice(0, start) + insertText + orig.slice(end);
                     searchInput.selectionStart = searchInput.selectionEnd = start + insertText.length;
 
                     // Trigger input event for React
                     const inputEvent = new Event('input', { bubbles: true });
                     searchInput.dispatchEvent(inputEvent);
                 } else {
                     searchInput.value += f.value + (ADD_SPACE_AFTER_FILTER ? " " : "");
                 }
 
-                // Trigger input event to update search
+
-                const inputEvent = new Event('input', { bubbles: true });
+
-                searchInput.dispatchEvent(inputEvent);
+
             menu.appendChild(item);
         });
 
         // Button hover effects
         btn.addEventListener('mouseenter', () => {
             btn.style.backgroundColor = 'hsl(var(--accent))';
         });
-        // Menu show/hide with positioning
+
             btn.style.backgroundColor = 'transparent';
         });
 
         // Menu toggle
-            } else {
+
             e.stopPropagation();
             menu.style.display = menu.style.display === "block" ? "none" : "block";
             if (menu.style.display === "block") {
-                menu.style.display = "block";
+
-                if (!menu.parentNode) {
+
                 menu.style.left = rect.left + "px";
                 if (!document.getElementById('karaKeepFilterMenu')) {
                     document.body.appendChild(menu);
                 }
             }
-        // Click outside to close
+
 
-            if (!btn.contains(e.target) && (!menu.contains(e.target) || e.target.tagName === 'BUTTON')) {
+        // Close menu when clicking outside
         document.addEventListener("mousedown", e => {
             if (!btn.contains(e.target) && !menu.contains(e.target)) {
                 menu.style.display = "none";
             }
-        // Hover effects
+
     }
 
     // Add styles to document
     function addStyles() {
         const style = document.createElement('style');
         style.id = 'kara-keep-assistant-styles';
         style.textContent = `
             .kara-keep-filter-btn {
-    // Injection logic with redundancy checks
+
-    function injectButton() {
+
-        if (injectionAttempts > 20) {
+
-            log("Maximum injection attempts reached. Aborting.");
+
             .kara-keep-filter-btn:hover {
                 background-color: hsl(var(--accent)) !important;
-        injectionAttempts++;
+
             #karaKeepFilterMenu {
                 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
                 z-index: 100000;
-            log("Buttons container not found. Retrying...");
+
-            setTimeout(injectButton, 500);
+
                 background-color: #e6f0fa !important;
             }
         `;
         document.head.appendChild(style);
         return style;
-            log("Button already exists");
+
 
     // Inject button into toolbar
     function injectButton(retryCount = 0) {
         if (retryCount > RETRY_LIMIT) {
             log("Failed to find button container after " + RETRY_LIMIT + " attempts");
             return;
         }
 
         const buttonsContainer = document.querySelector('.flex.min-w-max.flex-wrap.overflow-hidden');
         if (!buttonsContainer) {
             setTimeout(() => injectButton(retryCount + 1), RETRY_DELAY);
             return;
         }
-        // Add menu to DOM if not present
+
-        if (!document.getElementById('karaKeepFilterMenu')) {
+
-            document.body.appendChild(menu);
+
             return;
         }
 
-    // Add CSS styles
+
         const editButton = buttonsContainer.querySelector('button:not([disabled])');
         if (editButton) {
             buttonsContainer.insertBefore(btn, editButton);
             log("UI injected successfully!");
         } else {
             buttonsContainer.appendChild(btn);
             log("UI injected at end of buttons");
         }
     }
 
     // Setup DOM observer
     function setupObserver() {
         const observer = new MutationObserver(mutations => {
             // Check if our button was removed
-                z-index: 10000;
+            if (!document.contains(btn)) {
                 log("Button was removed - reinjecting");
                 injectButton();
             }
         });
 
         observer.observe(document.body, {
             childList: true,
             subtree: true
-    // MutationObserver to handle DOM changes
+
     }
-        const observer = new MutationObserver((mutations) => {
+
-            let headerChanged = false;
+    // Cleanup function
-            for (const mutation of mutations) {
+    function setupCleanup() {
-                if (mutation.type === 'childList') {
+
-                    // Check if our button was removed
+
-                    if (!document.getElementById('karaKeepFilterBtn')) {
+
-                        headerChanged = true;
+
-                        break;
+
-                    }
+
-                    // Check if buttons container changed
+
-                    if (mutation.target.classList && mutation.target.classList.contains('flex')) {
+
-                        headerChanged = true;
+
-                        break;
+
-                    }
+
     function init() {
         log("Initializing UI components...");
         initUI();
-            if (headerChanged) {
+        const styles = addStyles();
-                log("Header changed - reinjecting button");
+
         setupObserver();
         setupCleanup();
 
         // Add menu to DOM
         document.body.appendChild(menu);
 
         log("Assistant is fully initialized");
     }
 
     // Start initialization when DOM is ready
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', init);
-        log("Initializing...");
+
         setTimeout(init, 1000);
-        addStyles();
+
 })();