Upload app.js

static/app.js

@@ -43,6 +43,8 @@ const HISTORY_KEY = "vomebook_search_history";
 const SEARCH_CACHE_LIMIT = 60;
 const SEARCH_CACHE_TTL = 8 * 60 * 1000;
 const REQUEST_TIMEOUT_MS = 12000;
+const MAX_HIGHLIGHTS_PER_TEXT = 16;
+const SEARCH_DEBOUNCE_MS = 250;
 const folderContentsPending = new Map();
 const folderTreePending = new Map();
 const sidebarRetryCounts = new Map();
@@ -107,8 +109,14 @@ function highlightText(text, query) {
   const patterns = getHighlightPatterns(query);
   if (!safeText || !patterns.length) return safeText;
   let output = safeText;
+  let remaining = MAX_HIGHLIGHTS_PER_TEXT;
   for (const pattern of patterns) {
-    output = output.replace(pattern, "<mark>$1</mark>");
+    if (!remaining) break;
+    output = output.replace(pattern, (match) => {
+      if (!remaining) return match;
+      remaining -= 1;
+      return `<mark>${match}</mark>`;
+    });
   }
   return output;
 }
@@ -1550,7 +1558,7 @@ function attachEvents() {
       addHistory(STATE.query);
       renderHistoryDropdown();
       doSearch();
-    }, 100);
+    }, SEARCH_DEBOUNCE_MS);
   });
   DOM.searchInput.addEventListener("compositionstart", () => {
     searchComposing = true;