fix(search): normalize ansi and whitespace matching

Normalize ANSI-heavy log search in backend and frontend paths.

- backend: strip ANSI escapes and collapse whitespace in fitsForSearch

- frontend: make highlight query whitespace tolerant across node boundaries

- tests: add regression coverage for ANSI + mixed whitespace cases

Author: mamchurovskyy

application/backend/app/containerdb/containerdb.go

@@ -3,6 +3,7 @@ package containerdb
 import (
 	"fmt"
 	"os"
+	"regexp"
 	"strings"
 	"sync"
 	"time"
@@ -207,6 +208,7 @@ var (
 	logCleanupMu     sync.Mutex
 	nextCleanup      time.Time
 	isCleanupRunning bool
+	ansiEscapeRegex  = regexp.MustCompile(`[\x1B\x9B][[\]()#;?]*(?:(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><])`)
 )
 
 func MaybeScheduleCleanup(host string, container string) {
@@ -275,6 +277,11 @@ func PutLogMessage(db *leveldb.DB, host string, container string, message_item [
 }
 
 func fitsForSearch(logLine string, message string, caseSensetivity bool) bool {
+	logLine = ansiEscapeRegex.ReplaceAllString(logLine, "")
+	message = ansiEscapeRegex.ReplaceAllString(message, "")
+	logLine = strings.Join(strings.Fields(logLine), " ")
+	message = strings.Join(strings.Fields(message), " ")
+
 	if !caseSensetivity {
 		logLine = strings.ToLower(logLine)
 		message = strings.ToLower(message)

application/backend/app/containerdb/containerdb_test.go

@@ -98,3 +98,19 @@ func TestGetLogs(t *testing.T) {
 		t.Error("Invalid last logItem datetime: ", logs[3][0])
 	}
 }
+
+func TestFitsForSearchWithANSI(t *testing.T) {
+	logLine := "\x1b[37mWARNING\x1b[2m AzL4Y8oR KsTdiwHodbZ0i \tmOK2Wz \x1b[0m"
+
+	if !fitsForSearch(logLine, "WARNING Az", true) {
+		t.Error("Expected query to match when ANSI escape codes are present")
+	}
+
+	if !fitsForSearch(logLine, "KsTdiwHodbZ0i m", true) {
+		t.Error("Expected query to match across tab-separated boundary")
+	}
+
+	if fitsForSearch(logLine, "NOT_PRESENT", true) {
+		t.Error("Expected non-existing query not to match")
+	}
+}

application/frontend/src/Views/Logs/highlight.test.mjs

@@ -90,6 +90,22 @@ async function run() {
     assert.equal(matches[0].textContent, "WARNING\nDETAIL");
   });
 
+  // Realistic rendered ANSI HTML with nested tags and mixed whitespace.
+  runCase("mixed whitespace across ansi segments", () => {
+    setupDom(`
+      <p class="message"><span style="color:#A50">WARNING<b> AzL4Y8oR KsTdiwHodbZ0i \tmOK2Wz aF6UXv5KjPaqfO rk4ND9eAdluoci YyBTR 1Yz7A09 uSOcF6OUYB VUBGZGjWuJ \t<span style="color:#0A0">bTNSP</span></b></span> \tn4WFZFy92 nV2IJ4SA0RPZ JjNiiH1N yOEN Cfy 3DJO5uv wL2einh eF4yPL \t1gISzRyK1JR \tajoJ m4uY6Jpk2WA HXZGfuae6pG \tvy7RFkJZL0Az \t<span style="color:#A0A">sLvq</span></p>
+    `);
+
+    findSearchTextInLogs(".message", "WARNING Az", true);
+    assert.equal(document.querySelectorAll(".searchedText").length, 1);
+
+    findSearchTextInLogs(".message", "KsTdiwHodbZ0i m", true);
+    assert.equal(document.querySelectorAll(".searchedText").length, 1);
+
+    findSearchTextInLogs(".message", "AzL4Y8oR KsTdiwHodbZ0i m", true);
+    assert.equal(document.querySelectorAll(".searchedText").length, 1);
+  });
+
   // Performance-oriented scenario: many rendered log rows.
   runCase("high-volume highlighting remains responsive", () => {
     const rowsCount = 800;

application/frontend/src/utils/highlight.js

@@ -1,20 +1,25 @@
 const highlightStateByNode = new WeakMap();
 
 export const findSearchTextInLogs = (sel, searchText, caseSens) => {
-  if (!sel || !searchText) {
-    return;
-  }
+  const normalizedSearchText =
+    typeof searchText === "string" ? searchText.trim() : "";
+
+  if (!sel || !normalizedSearchText) return;
 
   const nodes = document.querySelectorAll(sel);
   if (!nodes.length) {
     return;
   }
 
   const escapeRegExp = (str = "") => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const buildSearchPattern = (str = "") => {
+    // Make whitespace robust against ANSI-driven node boundaries (\n, \t, multi-space).
+    return escapeRegExp(str).replace(/\s+/g, "\\s+");
+  };
   const regex = caseSens
-    ? new RegExp(escapeRegExp(searchText), "g")
-    : new RegExp(escapeRegExp(searchText), "gi");
-  const queryKey = `${caseSens ? "1" : "0"}:${searchText}`;
+    ? new RegExp(buildSearchPattern(normalizedSearchText), "g")
+    : new RegExp(buildSearchPattern(normalizedSearchText), "gi");
+  const queryKey = `${caseSens ? "1" : "0"}:${normalizedSearchText}`;
 
   const unwrapHighlights = (root, hadHighlights) => {
     if (!hadHighlights) {