From aedccec0414fdffac049e4db8130e4f40b2cd744 Mon Sep 17 00:00:00 2001
From: Tam Nhu Tran <kaitran.ntt@gmail.com>
Date: Thu, 9 Apr 2026 18:31:49 -0400
Subject: [PATCH] refactor(ui): align visible provider flow data

---
 ui/src/components/account/flow-viz/index.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/account/flow-viz/index.tsx b/ui/src/components/account/flow-viz/index.tsx
index a26d893b..8d9e4d61 100644
--- a/ui/src/components/account/flow-viz/index.tsx
+++ b/ui/src/components/account/flow-viz/index.tsx
@@ -49,18 +49,19 @@ export function AccountFlowViz({
     () => new Set(visibleAccounts.map((account) => account.id)),
     [visibleAccounts]
   );
-  const visibleProviderData = useMemo(
-    () => ({
-      ...providerData,
-      accounts: visibleAccounts,
-    }),
-    [providerData, visibleAccounts]
-  );
   const maxRequests = Math.max(...visibleAccounts.map((a) => a.successCount + a.failureCount), 1);
   const totalRequests = visibleAccounts.reduce(
     (acc, a) => acc + a.successCount + a.failureCount,
     0
   );
+  const visibleProviderData = useMemo(
+    () => ({
+      ...providerData,
+      accounts: visibleAccounts,
+      totalRequests,
+    }),
+    [providerData, visibleAccounts, totalRequests]
+  );
 
   const calculatePaths = useCallback(() => {
     const newPaths = calculateBezierPaths({ containerRef, svgRef, accounts: visibleAccounts });