From bb1d720f298956268aa3d09f42e52fdf8fdb63e2 Mon Sep 17 00:00:00 2001
From: Erik Darling <2136037+erikdarlingdata@users.noreply.github.com>
Date: Thu, 19 Feb 2026 19:50:11 -0500
Subject: [PATCH] Add alert badge/count to Alerts button in sidebar (#109)

Red badge on the Alerts sidebar button shows the count of active alerts
from the last 24 hours. Updates on each alert check cycle and on startup.
Shows "99+" when count exceeds 99, collapses when no alerts.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 Dashboard/MainWindow.xaml    | 24 ++++++++++++++++++++++--
 Dashboard/MainWindow.xaml.cs | 19 +++++++++++++++++++
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/Dashboard/MainWindow.xaml b/Dashboard/MainWindow.xaml
index f437f103..a99cca46 100644
--- a/Dashboard/MainWindow.xaml
+++ b/Dashboard/MainWindow.xaml
@@ -148,11 +148,31 @@
                             Height="32"
                             Margin="0,0,0,8"/>
                     <Button x:Name="AlertsHistoryButton"
-                            Content="Alerts"
                             Click="AlertsHistory_Click"
                             Style="{StaticResource AccentButton}"
                             Height="32"
-                            Margin="0,0,0,8"/>
+                            Margin="0,0,0,8">
+                        <Grid>
+                            <TextBlock Text="Alerts" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                            <Border x:Name="AlertBadge"
+                                    Background="#FF4444"
+                                    CornerRadius="8"
+                                    MinWidth="16" Height="16"
+                                    Padding="4,0"
+                                    HorizontalAlignment="Right"
+                                    VerticalAlignment="Top"
+                                    Margin="0,-4,-8,0"
+                                    Visibility="Collapsed">
+                                <TextBlock x:Name="AlertBadgeText"
+                                           Text="0"
+                                           FontSize="10"
+                                           FontWeight="Bold"
+                                           Foreground="White"
+                                           HorizontalAlignment="Center"
+                                           VerticalAlignment="Center"/>
+                            </Border>
+                        </Grid>
+                    </Button>
                     <Separator Margin="0,0,0,8"/>
                     <Button x:Name="RefreshAllButton"
                             Content="&#x21BB; Refresh All Status"
diff --git a/Dashboard/MainWindow.xaml.cs b/Dashboard/MainWindow.xaml.cs
index 9640386e..9b8d6488 100644
--- a/Dashboard/MainWindow.xaml.cs
+++ b/Dashboard/MainWindow.xaml.cs
@@ -145,6 +145,7 @@ private async void MainWindow_Loaded(object sender, RoutedEventArgs e)
             LoadSidebarState();
             ConfigureConnectionStatusTimer();
             ConfigureAlertCheckTimer();
+            UpdateAlertBadge();
             StartMcpServerIfEnabled();
 
             _displayRefreshTimer.Start();
@@ -970,6 +971,24 @@ private async void AlertCheckTimer_Tick(object? sender, EventArgs e)
 
             /* Auto-refresh alert history if the tab is open */
             _alertsHistoryContent?.RefreshAlerts();
+
+            UpdateAlertBadge();
+        }
+
+        private void UpdateAlertBadge()
+        {
+            var alerts = _emailAlertService.GetAlertHistory(hoursBack: 24, limit: 100);
+            var count = alerts.Count;
+
+            if (count > 0)
+            {
+                AlertBadgeText.Text = count > 99 ? "99+" : count.ToString();
+                AlertBadge.Visibility = Visibility.Visible;
+            }
+            else
+            {
+                AlertBadge.Visibility = Visibility.Collapsed;
+            }
         }
 
         /// <summary>