From 685cb3b2ed1d04bbd716dc5926ed97bd71de0314 Mon Sep 17 00:00:00 2001
From: Victor Noguera <noguera.victor@gmail.com>
Date: Mon, 25 May 2026 12:49:14 -0400
Subject: [PATCH] fix: set initial loading state to true and adjust effect
 dependencies in RunDetails component

---
 src/web/frontend.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/web/frontend.tsx b/src/web/frontend.tsx
index 8349d24..46debfd 100644
--- a/src/web/frontend.tsx
+++ b/src/web/frontend.tsx
@@ -562,7 +562,7 @@ function RunDetails({
 }) {
   const [run, setRun] = useState<RunDetail | null>(null);
   const [results, setResults] = useState<ResultsResponse | null>(null);
-  const [loading, setLoading] = useState(false);
+  const [loading, setLoading] = useState(true);
   const [search, setSearch] = useState("");
   const [verdict, setVerdict] = useState("");
   const [sellabilityStatus, setSellabilityStatus] = useState("");
@@ -599,7 +599,6 @@ function RunDetails({
   useEffect(() => {
     let cancelled = false;
     async function loadResults() {
-      setLoading(true);
       const params = new URLSearchParams({
         page: String(page),
         pageSize: String(pageSize),
@@ -627,13 +626,17 @@ function RunDetails({
   }, [processType, runId, search, verdict, sellabilityStatus, amazonSellerFilter, minConfidence, maxConfidence, page, pageSize, sort, refreshTick]);
 
   useEffect(() => {
+    if (run && run.status !== "running") {
+      return;
+    }
+
     const interval = window.setInterval(() => {
       setRefreshTick((tick) => tick + 1);
     }, 4000);
     return () => {
       window.clearInterval(interval);
     };
-  }, [processType, runId]);
+  }, [processType, runId, run?.status]);
 
   async function reanalyzeItem(item: ResultItem) {
     const key = String(item.item_id);