fix: show matched memory count during search

tests/memory-count.test.ts

@@ -0,0 +1,13 @@
+import { describe, expect, test } from "bun:test";
+import { getDisplayedMemoryCount } from "../web/src/lib/memory-count";
+
+describe("getDisplayedMemoryCount", () => {
+  test("shows matched results while search is active", () => {
+    expect(getDisplayedMemoryCount(true, 3, 120)).toBe(3);
+    expect(getDisplayedMemoryCount(true, 0, 120)).toBe(0);
+  });
+
+  test("restores the store total when search is cleared", () => {
+    expect(getDisplayedMemoryCount(false, 3, 120)).toBe(120);
+  });
+});

web/src/App.tsx

@@ -16,6 +16,7 @@ import { Label } from "$lib/components/ui/label";
 import { Toaster } from "$lib/components/ui/sonner";
 import { Textarea } from "$lib/components/ui/textarea";
 import { cycleLanguage, getLanguage, useI18n } from "$lib/i18n";
+import { getDisplayedMemoryCount } from "$lib/memory-count";
 import { initRouter, navigate, ROUTES, useAppView } from "$lib/router";
 
 const MEMORY_TYPES = [
@@ -142,7 +143,15 @@ export default function App() {
               </h1>
               {currentView === "project" ? (
                 <div className="flex items-center gap-2 text-xs text-muted-foreground">
-                  <span>{t("text-total", { count: explorer.statsTotal })}</span>
+                  <span>
+                    {t("text-total", {
+                      count: getDisplayedMemoryCount(
+                        explorer.isSearching,
+                        explorer.totalItems,
+                        explorer.statsTotal
+                      ),
+                    })}
+                  </span>
                   {explorer.refreshing ? <Loader className="size-3.5 animate-spin" /> : null}
                 </div>
               ) : null}

web/src/lib/memory-count.ts

@@ -0,0 +1,7 @@
+export function getDisplayedMemoryCount(
+  isSearching: boolean,
+  searchTotal: number,
+  storeTotal: number
+): number {
+  return isSearching ? searchTotal : storeTotal;
+}