From 6067857dad5abc02e6f0331f0d256d2e7b6ecf7a Mon Sep 17 00:00:00 2001
From: "Gan, Jimmy" <jimmy.gan@adidas.com>
Date: Sat, 7 Mar 2026 10:36:37 +0800
Subject: [PATCH] fix: clarify blocked security events

Label unauthorized security events as blocked and highlight likely scanner probes so the log view is easier to interpret during investigations.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 dashboard/frontend/src/routes/Security.svelte | 44 +++++++++++++++++--
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/dashboard/frontend/src/routes/Security.svelte b/dashboard/frontend/src/routes/Security.svelte
index 843611b..29cf99d 100644
--- a/dashboard/frontend/src/routes/Security.svelte
+++ b/dashboard/frontend/src/routes/Security.svelte
@@ -86,8 +86,41 @@
     filter !== "all" || !!ipFilter.trim() || !!startDate || !!endDate
   );
 
-  const typeLabels = { auth_failure: "Auth", suspicious_request: "Request", error: "Error" };
-  const typeColors = { auth_failure: "text-red-400", suspicious_request: "text-amber-400", error: "text-surface-500" };
+  function isBlockedScannerEvent(entry) {
+    if (entry.type !== "unauthorized") return false;
+
+    const message = (entry.message || "").toLowerCase();
+    return [
+      "/.git/",
+      "phpinfo",
+      "debug.log",
+      "laravel.log",
+      "stripe",
+      "swagger.json",
+      "wp-config",
+      "credentials",
+      "secrets",
+      "config",
+      "@vite",
+      "manifest.json",
+    ].some((needle) => message.includes(needle));
+  }
+
+  const logTypeFilters = ["all", "auth_failure", "suspicious_request", "unauthorized"];
+  const logTypeButtonLabels = {
+    all: "All",
+    auth_failure: "Auth",
+    suspicious_request: "Requests",
+    unauthorized: "Blocked",
+  };
+
+  const typeLabels = { auth_failure: "Auth", suspicious_request: "Request", unauthorized: "Blocked", error: "Error" };
+  const typeColors = {
+    auth_failure: "text-red-400",
+    suspicious_request: "text-amber-400",
+    unauthorized: "text-orange-400",
+    error: "text-surface-500"
+  };
 </script>
 
 <div class="space-y-6">
@@ -171,9 +204,9 @@
     </div>
 
     <div class="flex flex-wrap gap-1.5 mb-3">
-      {#each ["all", "auth_failure", "suspicious_request"] as f}
+      {#each logTypeFilters as f}
         <button onclick={() => applyTypeFilter(f)} class="px-2.5 py-1 text-xs rounded-md transition-colors {filter === f ? 'bg-surface-800 text-white dark:bg-surface-200 dark:text-surface-900' : 'bg-surface-100 text-surface-500 hover:bg-surface-200 dark:bg-surface-700 dark:text-surface-300 dark:hover:bg-surface-600'}">
-          {f === "all" ? "All" : f === "auth_failure" ? "Auth" : "Requests"}
+          {logTypeButtonLabels[f]}
         </button>
       {/each}
     </div>
@@ -236,6 +269,9 @@
             {#if e.username}
               <span class="text-red-400 shrink-0">{e.username}</span>
             {/if}
+            {#if isBlockedScannerEvent(e)}
+              <span class="shrink-0 rounded-md bg-orange-500/15 px-1.5 py-0.5 text-[10px] font-medium text-orange-300 border border-orange-500/30">scanner</span>
+            {/if}
             <span class="text-surface-300 truncate">{e.message}</span>
           </div>
         {/each}