fix: "Showing 1-0 of 0" in TUI, cache unfiltered total count through search reset (#196)

## Description

<!-- Provide a brief description of your changes -->

**Note:** PR titles should follow [Conventional
Commits](https://www.conventionalcommits.org/) format (e.g.,
`feat(devbox): add support for custom env vars` or `fix(snapshot):
resolve pagination issue`) as they are used for automatic release notes
generation.

## Type of Change

<!-- Mark the relevant option with an 'x' -->

- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] Documentation update
- [ ] Code refactoring
- [ ] Performance improvement
- [ ] Test updates

## Related Issues

<!-- Link to related issues using #issue-number -->
Closes #

## Changes Made

<!-- Describe the changes in detail -->

## Testing

<!-- Describe how you tested your changes -->

- [ ] I have tested locally
- [ ] I have added/updated tests
- [ ] All existing tests pass

## Checklist

- [ ] My code follows the code style of this project
- [ ] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have updated the documentation accordingly
- [ ] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published

## Screenshots (if applicable)

<!-- Add screenshots to help explain your changes -->

## Additional Notes

<!-- Any additional information that reviewers should know -->

Author: jason-rl

src/components/ResourcePicker.tsx

@@ -461,13 +461,17 @@ export function ResourcePicker<T>({
             )}
           </>
         )}
-        <Text color={colors.textDim} dimColor>
-          {" "}
-          •{" "}
-        </Text>
-        <Text color={colors.textDim} dimColor>
-          Showing {startIndex + 1}-{endIndex} of {totalCount}
-        </Text>
+        {endIndex > startIndex && (
+          <>
+            <Text color={colors.textDim} dimColor>
+              {" "}
+              •{" "}
+            </Text>
+            <Text color={colors.textDim} dimColor>
+              Showing {startIndex + 1}-{endIndex} of {totalCount}
+            </Text>
+          </>
+        )}
       </Box>
 
       {/* Help Bar */}

src/hooks/useCursorPagination.ts

@@ -111,6 +111,11 @@ export function useCursorPagination<T>(
   // Abort controller for cancelling in-flight count requests
   const countAbortRef = React.useRef<AbortController | null>(null);
 
+  // Cache the unfiltered (initial deps) total count to avoid re-fetching on filter clear
+  const initialDepsKeyRef = React.useRef<string>(JSON.stringify(deps));
+  const baseTotalCountRef = React.useRef<number | null>(null);
+  const depsKeyRef = React.useRef<string>(JSON.stringify(deps));
+
   // Cursor history: cursorHistory[N] = last item ID of page N
   // Used to determine startingAt for page N+1
   const cursorHistoryRef = React.useRef<(string | undefined)[]>([]);
@@ -206,8 +211,13 @@ export function useCursorPagination<T>(
         // Cancel the background count request if still pending.
         if (!result.hasMore && !hasCachedTotalCountRef.current) {
           countAbortRef.current?.abort();
-          setTotalCount(page * pageSizeRef.current + result.items.length);
+          const computedTotal =
+            page * pageSizeRef.current + result.items.length;
+          setTotalCount(computedTotal);
           hasCachedTotalCountRef.current = true;
+          if (depsKeyRef.current === initialDepsKeyRef.current) {
+            baseTotalCountRef.current = computedTotal;
+          }
         }
       } catch (err) {
         if (!isMountedRef.current) return;
@@ -226,6 +236,7 @@ export function useCursorPagination<T>(
   // Reset when deps change (e.g., filters, search)
   const depsKey = JSON.stringify(deps);
   React.useEffect(() => {
+    depsKeyRef.current = depsKey;
     // Clear cursor history when deps change
     cursorHistoryRef.current = [];
     hasCachedTotalCountRef.current = false;
@@ -243,18 +254,29 @@ export function useCursorPagination<T>(
     // Data fetch
     fetchPageData(0, true);
 
-    // Background count fetch — fires immediately alongside data
-    fetchPageRef
-      .current({ limit: 0, startingAt: undefined, includeTotalCount: true })
-      .then((result) => {
-        if (cancelled || countAbort.signal.aborted || !isMountedRef.current)
-          return;
-        if (result.totalCount !== undefined) {
-          setTotalCount(result.totalCount);
-          hasCachedTotalCountRef.current = true;
-        }
-      })
-      .catch(() => {}); // count failure is non-critical
+    // If returning to unfiltered state and we have a cached base count, reuse it
+    const isUnfiltered = depsKey === initialDepsKeyRef.current;
+    if (isUnfiltered && baseTotalCountRef.current !== null) {
+      setTotalCount(baseTotalCountRef.current);
+      hasCachedTotalCountRef.current = true;
+    } else {
+      // Background count fetch — fires immediately alongside data
+      fetchPageRef
+        .current({ limit: 0, startingAt: undefined, includeTotalCount: true })
+        .then((result) => {
+          if (cancelled || countAbort.signal.aborted || !isMountedRef.current)
+            return;
+          if (result.totalCount !== undefined) {
+            setTotalCount(result.totalCount);
+            hasCachedTotalCountRef.current = true;
+            // Cache the unfiltered total count
+            if (isUnfiltered) {
+              baseTotalCountRef.current = result.totalCount;
+            }
+          }
+        })
+        .catch(() => {}); // count failure is non-critical
+    }
 
     return () => {
       cancelled = true;

src/screens/BenchmarkJobListScreen.tsx

@@ -635,13 +635,17 @@ export function BenchmarkJobListScreen() {
               )}
             </>
           )}
-          <Text color={colors.textDim} dimColor>
-            {" "}
-            •{" "}
-          </Text>
-          <Text color={colors.textDim} dimColor>
-            Showing {startIndex + 1}-{endIndex} of {totalCount}
-          </Text>
+          {endIndex > startIndex && (
+            <>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                •{" "}
+              </Text>
+              <Text color={colors.textDim} dimColor>
+                Showing {startIndex + 1}-{endIndex} of {totalCount}
+              </Text>
+            </>
+          )}
         </Box>
       )}
 

src/screens/BenchmarkListScreen.tsx

@@ -376,13 +376,17 @@ export function BenchmarkListScreen() {
               )}
             </>
           )}
-          <Text color={colors.textDim} dimColor>
-            {" "}
-            •{" "}
-          </Text>
-          <Text color={colors.textDim} dimColor>
-            Showing {startIndex + 1}-{endIndex} of {totalCount}
-          </Text>
+          {endIndex > startIndex && (
+            <>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                •{" "}
+              </Text>
+              <Text color={colors.textDim} dimColor>
+                Showing {startIndex + 1}-{endIndex} of {totalCount}
+              </Text>
+            </>
+          )}
         </Box>
       )}
 

src/screens/BenchmarkRunListScreen.tsx

@@ -377,13 +377,17 @@ export function BenchmarkRunListScreen() {
               )}
             </>
           )}
-          <Text color={colors.textDim} dimColor>
-            {" "}
-            •{" "}
-          </Text>
-          <Text color={colors.textDim} dimColor>
-            Showing {startIndex + 1}-{endIndex} of {totalCount}
-          </Text>
+          {endIndex > startIndex && (
+            <>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                •{" "}
+              </Text>
+              <Text color={colors.textDim} dimColor>
+                Showing {startIndex + 1}-{endIndex} of {totalCount}
+              </Text>
+            </>
+          )}
         </Box>
       )}
 

src/screens/ScenarioRunListScreen.tsx

@@ -365,13 +365,17 @@ export function ScenarioRunListScreen({
               )}
             </>
           )}
-          <Text color={colors.textDim} dimColor>
-            {" "}
-            •{" "}
-          </Text>
-          <Text color={colors.textDim} dimColor>
-            Showing {startIndex + 1}-{endIndex} of {totalCount}
-          </Text>
+          {endIndex > startIndex && (
+            <>
+              <Text color={colors.textDim} dimColor>
+                {" "}
+                •{" "}
+              </Text>
+              <Text color={colors.textDim} dimColor>
+                Showing {startIndex + 1}-{endIndex} of {totalCount}
+              </Text>
+            </>
+          )}
           {benchmarkRunId && (
             <>
               <Text color={colors.textDim} dimColor>