From 07dbfb1391855dd2b6ac24e0471789bce82220db Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 17 Apr 2026 13:19:51 +0200
Subject: [PATCH] fix(ui): log header counter reflects visible (filtered) count

When a text search is active, show 'X of Y entries' rather than the
loaded total, so the number matches what's on screen.
---
 ui/src/pages/AgentHealth/AgentHealth.tsx     | 6 +++++-
 ui/src/pages/AgentInstance/AgentInstance.tsx | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/AgentHealth/AgentHealth.tsx b/ui/src/pages/AgentHealth/AgentHealth.tsx
index 3406bf5a..dbc2775c 100644
--- a/ui/src/pages/AgentHealth/AgentHealth.tsx
+++ b/ui/src/pages/AgentHealth/AgentHealth.tsx
@@ -901,7 +901,11 @@ export default function AgentHealth() {
           <div className={logStyles.logHeader}>
             <SectionHeader>Application Log</SectionHeader>
             <div className={logStyles.headerActions}>
-              <span className={styles.sectionMeta}>{logStream.items.length} entries</span>
+              <span className={styles.sectionMeta}>
+                {filteredLogs.length === logStream.items.length
+                  ? `${filteredLogs.length} entries`
+                  : `${filteredLogs.length} of ${logStream.items.length} entries`}
+              </span>
               <Button variant="ghost" size="sm" onClick={() => setLogSortAsc((v) => !v)} title={logSortAsc ? 'Oldest first' : 'Newest first'}>
                 {logSortAsc ? '\u2191' : '\u2193'}
               </Button>
diff --git a/ui/src/pages/AgentInstance/AgentInstance.tsx b/ui/src/pages/AgentInstance/AgentInstance.tsx
index 3e8eb703..87a4fdc4 100644
--- a/ui/src/pages/AgentInstance/AgentInstance.tsx
+++ b/ui/src/pages/AgentInstance/AgentInstance.tsx
@@ -407,7 +407,11 @@ export default function AgentInstance() {
           <div className={logStyles.logHeader}>
             <SectionHeader>Application Log</SectionHeader>
             <div className={logStyles.headerActions}>
-              <span className={styles.chartMeta}>{logStream.items.length} entries</span>
+              <span className={styles.chartMeta}>
+                {filteredLogs.length === logStream.items.length
+                  ? `${filteredLogs.length} entries`
+                  : `${filteredLogs.length} of ${logStream.items.length} entries`}
+              </span>
               <button className={logStyles.sortBtn} onClick={() => setLogSortAsc((v) => !v)} title={logSortAsc ? 'Oldest first' : 'Newest first'}>
                 {logSortAsc ? '\u2191' : '\u2193'}
               </button>