[feat](trx-frontend-http): improve locator map plotting and themed filters

Refine map plotting and filter UX in HTTP frontend plugins.\n\n- support plotting multiple locator squares from FT8/WSPR messages\n- show locator lists in popup content as newline-separated entries\n- add WSPR map layer filter toggle and marker typing\n- style filter controls for strong dark/light mode contrast\n- keep themed behavior aligned with map and control updates\n\nCo-authored-by: OpenAI Codex <codex@openai.com>

Signed-off-by: Stanislaw Grams <stanislawgrams@gmail.com>

src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/wspr.js

@@ -54,6 +54,20 @@ function escapeWsprHtml(input) {
     .replaceAll("\"", """);
 }
 
+function extractAllGrids(message) {
+  const out = [];
+  const seen = new Set();
+  const parts = message.toUpperCase().split(/[^A-Z0-9]+/);
+  for (const token of parts) {
+    if (!token) continue;
+    if (/^[A-R]{2}\d{2}(?:[A-X]{2})?$/.test(token) && !seen.has(token)) {
+      seen.add(token);
+      out.push(token);
+    }
+  }
+  return out;
+}
+
 function applyWsprFilterToRow(row) {
   if (!wsprFilterText) {
     row.style.display = "";
@@ -86,11 +100,16 @@ document.getElementById("wspr-clear-btn").addEventListener("click", async () =>
 
 window.onServerWspr = function(msg) {
   wsprStatus.textContent = "Receiving";
+  const raw = (msg.message || "").toString();
+  const grids = extractAllGrids(raw);
+  if (grids.length > 0 && window.ft8MapAddLocator) {
+    window.ft8MapAddLocator(raw, grids, "wspr");
+  }
   addWsprMessage({
     ts_ms: msg.ts_ms,
     snr_db: msg.snr_db,
     dt_s: msg.dt_s,
     freq_hz: msg.freq_hz,
-    message: msg.message,
+    message: raw,
   });
 };