From e83df59452808ab8b2e57dbb7796f4f55e79a43d Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Wed, 15 Apr 2026 09:05:54 -0500
Subject: [PATCH] Refine issues render progress copy

(cherry picked from commit a5a34f5b479b43c6fc212e6666f9d175bed486f6)
---
 ui/src/components/IssuesList.test.tsx |  2 +-
 ui/src/components/IssuesList.tsx      | 17 +++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/IssuesList.test.tsx b/ui/src/components/IssuesList.test.tsx
index a2b950522eb..9dee6d6b91b 100644
--- a/ui/src/components/IssuesList.test.tsx
+++ b/ui/src/components/IssuesList.test.tsx
@@ -413,7 +413,7 @@ describe("IssuesList", () => {
 
     await waitForAssertion(() => {
       expect(container.querySelectorAll('[data-testid="issue-row"]')).toHaveLength(150);
-      expect(container.textContent).toContain("Rendering 150 of 220 issues...");
+      expect(container.textContent).toContain("Rendering 150 of 220 issues");
     });
 
     act(() => {
diff --git a/ui/src/components/IssuesList.tsx b/ui/src/components/IssuesList.tsx
index ba8e7704edc..5b8a562a28c 100644
--- a/ui/src/components/IssuesList.tsx
+++ b/ui/src/components/IssuesList.tsx
@@ -765,12 +765,6 @@ export function IssuesList({
           Showing up to {ISSUE_SEARCH_RESULT_LIMIT} matches. Refine the search to narrow further.
         </p>
       )}
-      {viewState.viewMode === "list" && remainingIssueRowCount > 0 && (
-        <p className="text-xs text-muted-foreground">
-          Rendering {Math.min(renderedIssueRowLimit, filtered.length)} of {filtered.length} issues...
-        </p>
-      )}
-
       {!isLoading && filtered.length === 0 && viewState.viewMode === "list" && (
         <EmptyState
           icon={CircleDot}
@@ -788,7 +782,8 @@ export function IssuesList({
           onUpdateIssue={onUpdateIssue}
         />
       ) : (
-        groupedContent.map((group) => {
+        <>
+          {groupedContent.map((group) => {
           if (remainingRowsToRender <= 0) return null;
           return (
           <Collapsible
@@ -1039,7 +1034,13 @@ export function IssuesList({
             </CollapsibleContent>
           </Collapsible>
           );
-        })
+          })}
+          {remainingIssueRowCount > 0 && (
+            <p className="text-xs text-muted-foreground">
+              Rendering {Math.min(renderedIssueRowLimit, filtered.length)} of {filtered.length} issues
+            </p>
+          )}
+        </>
       )}
     </div>
   );