From e2cd26a29e9e88b081b79714509929098c5cb4b6 Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Sat, 16 May 2026 15:20:00 +0200
Subject: [PATCH] feat(monitoring): Manueller Refresh-Button im
 Sicherheits-Monitoring-Log
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Auto-Refresh läuft schon alle 30 s im Hintergrund (refetchInterval),
aber wer nach einem getesteten Login-Versuch sofort sehen will, ob
das Event im Log landet, will nicht 30 s warten. Refresh-Button neben
"Log leeren" + "Pro Seite"-Selector invalidiert den
monitoring-events-Query → sofortiger Refetch. Spin-Animation während
des Loads, deaktiviert wenn schon ein Load läuft.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/settings/Monitoring.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/pages/settings/Monitoring.tsx b/frontend/src/pages/settings/Monitoring.tsx
index 34ea3bf0..a622488e 100644
--- a/frontend/src/pages/settings/Monitoring.tsx
+++ b/frontend/src/pages/settings/Monitoring.tsx
@@ -272,6 +272,16 @@ export default function Monitoring() {
               <option value={100}>100</option>
               <option value={200}>200</option>
             </select>
+            <Button
+              variant="secondary"
+              size="sm"
+              onClick={() => queryClient.invalidateQueries({ queryKey: ['monitoring-events'] })}
+              disabled={eventsLoading}
+              title="Events jetzt neu laden. Auto-Refresh läuft sonst alle 30 s im Hintergrund."
+            >
+              <RefreshCw className={`w-4 h-4 mr-1 ${eventsLoading ? 'animate-spin' : ''}`} />
+              Aktualisieren
+            </Button>
             <Button variant="secondary" size="sm" onClick={() => setShowClearConfirm(true)}>
               <Trash2 className="w-4 h-4 mr-1" /> Log leeren
             </Button>