fix: update acknowledged count immediately when alert is acknowledged

addresses #380 - the acknowledged count now updates instantly when an alert
is acknowledged, rather than waiting for the next websocket update

frontend-modern/src/pages/Alerts.tsx

@@ -87,7 +87,7 @@ interface UIEmailConfig {
 }
 
 export function Alerts() {
-  const { state, activeAlerts } = useWebSocket();
+  const { state, activeAlerts, updateAlert } = useWebSocket();
   const [activeTab, setActiveTab] = createSignal<AlertTab>('overview');
   const [hasUnsavedChanges, setHasUnsavedChanges] = createSignal(false);
   
@@ -644,6 +644,7 @@ export function Alerts() {
             <OverviewTab 
               overrides={overrides()} 
               activeAlerts={activeAlerts}
+              updateAlert={updateAlert}
               showQuickTip={showQuickTip}
               dismissQuickTip={dismissQuickTip}
             />
@@ -718,6 +719,7 @@ export function Alerts() {
 function OverviewTab(props: { 
   overrides: Override[]; 
   activeAlerts: Record<string, Alert>;
+  updateAlert: (alertId: string, updates: Partial<Alert>) => void;
   showQuickTip: () => boolean;
   dismissQuickTip: () => void;
 }) {
@@ -779,6 +781,13 @@ function OverviewTab(props: {
       const successCount = response.results.filter(r => r.success).length;
       const errorCount = response.results.filter(r => !r.success).length;
       
+      // Update local state for successfully acknowledged alerts
+      response.results.forEach((result: any) => {
+        if (result.success) {
+          props.updateAlert(result.id, { acknowledged: true });
+        }
+      });
+      
       if (successCount > 0) {
         showSuccess(`Acknowledged ${successCount} alert${successCount > 1 ? 's' : ''}`);
       }
@@ -984,6 +993,8 @@ function OverviewTab(props: {
                             setProcessingAlerts(prev => new Set(prev).add(alert.id));
                             try {
                               await AlertsAPI.acknowledge(alert.id);
+                              // Update the local state immediately
+                              props.updateAlert(alert.id, { acknowledged: true });
                               showSuccess('Alert acknowledged');
                             } catch (err) {
                               console.error('Failed to acknowledge alert:', err);

frontend-modern/src/stores/websocket.ts

@@ -326,6 +326,13 @@ export function createWebSocketStore(url: string) {
       window.clearTimeout(reconnectTimeout);
       reconnectAttempt = 0; // Reset attempts for manual reconnect
       connect();
+    },
+    // Method to update an alert locally (e.g., after acknowledgment)
+    updateAlert: (alertId: string, updates: Partial<Alert>) => {
+      const existingAlert = activeAlerts[alertId];
+      if (existingAlert) {
+        setActiveAlerts(alertId, { ...existingAlert, ...updates });
+      }
     }
   };
 }