feat: Add overrun indicator for server feed to notify high volume and update related logic

Author: frasermolyneux

src/XtremeIdiots.Portal.Web/Views/ServerAdmin/ServerDetail.cshtml

@@ -204,6 +204,7 @@
                                 <h5>
                                     Server Feed
                                     <span class="badge bg-secondary ms-2" id="sd-feedPendingCount" style="display: none;">0 new</span>
+                                    <span class="badge bg-warning text-dark ms-1" id="sd-feedOverrunIndicator" style="display: none;" title="Feed volume is high — some items may be truncated"><i class="fa-solid fa-fw fa-triangle-exclamation"></i> High volume</span>
                                 </h5>
                                 <div class="ibox-tools d-flex align-items-center gap-2">
                                     <div class="form-check form-check-inline mb-0">
@@ -659,6 +660,7 @@
                 containerSelector: '#sd-feedContainer',
                 itemsSelector: '#sd-feedItems',
                 pendingCountSelector: '#sd-feedPendingCount',
+                overrunIndicatorSelector: '#sd-feedOverrunIndicator',
                 chatToggleSelector: '#sd-feedToggleChat',
                 eventsToggleSelector: '#sd-feedToggleEvents',
                 eventTypeFilterSelector: '#sd-feedEventFilter',

src/XtremeIdiots.Portal.Web/wwwroot/js/server-feed.js

@@ -14,6 +14,7 @@ var ServerFeed = (function () {
     var _seenItemIds = new Set();
     var _pendingItems = [];
     var _overrunCount = 0;
+    var _overrunNoticeShown = false;
 
     var _cursor = {
         lastSeenTimestampUtc: null,
@@ -34,6 +35,7 @@ var ServerFeed = (function () {
         _pendingItems = [];
         _seenItemIds = new Set();
         _overrunCount = 0;
+        _overrunNoticeShown = false;
         _cursor = {
             lastSeenTimestampUtc: null,
             lastSeenSourceType: null,
@@ -46,6 +48,7 @@ var ServerFeed = (function () {
             container: options.containerSelector || '#sd-feedContainer',
             items: options.itemsSelector || '#sd-feedItems',
             pendingCount: options.pendingCountSelector || '#sd-feedPendingCount',
+            overrunIndicator: options.overrunIndicatorSelector || null,
             chatToggle: options.chatToggleSelector || '#sd-feedToggleChat',
             eventsToggle: options.eventsToggleSelector || '#sd-feedToggleEvents',
             eventTypeFilter: options.eventTypeFilterSelector || '#sd-feedEventFilter',
@@ -171,11 +174,18 @@ var ServerFeed = (function () {
 
                 if (result?.diagnostics?.overrunDetected === true) {
                     _overrunCount += 1;
-                    if (_overrunCount === 1 || _overrunCount % 3 === 0) {
-                        prependSystemNotice('Feed overrun detected. Some high-volume bursts may be truncated.');
+                    if (_selectors.overrunIndicator) {
+                        $(_selectors.overrunIndicator).show();
+                    }
+                    if (!_overrunNoticeShown) {
+                        _overrunNoticeShown = true;
+                        prependSystemNotice('Feed volume is high \u2014 some items may be truncated.');
                     }
                 } else {
                     _overrunCount = 0;
+                    if (_selectors.overrunIndicator) {
+                        $(_selectors.overrunIndicator).hide();
+                    }
                 }
 
                 var dedupedItems = [];