Fix race condition in archived threads useEffect

Add a request ID ref to refreshArchivedThreads so that when multiple
concurrent fetches race (e.g. due to rapid environmentIds changes),
only the latest invocation's result is applied to state. Stale
responses are silently discarded.

Author: cursoragent

apps/web/src/components/settings/SettingsPanels.tsx

@@ -1310,7 +1310,10 @@ export function ArchivedThreadsPanel() {
     [projects],
   );
 
+  const refreshIdRef = useRef(0);
+
   const refreshArchivedThreads = useCallback(async () => {
+    const id = ++refreshIdRef.current;
     setIsLoadingArchive(true);
     try {
       const snapshots = await Promise.all(
@@ -1325,9 +1328,13 @@ export function ArchivedThreadsPanel() {
           };
         }),
       );
-      setArchivedSnapshots(snapshots.filter((snapshot) => snapshot !== null));
+      if (id === refreshIdRef.current) {
+        setArchivedSnapshots(snapshots.filter((snapshot) => snapshot !== null));
+      }
     } finally {
-      setIsLoadingArchive(false);
+      if (id === refreshIdRef.current) {
+        setIsLoadingArchive(false);
+      }
     }
   }, [environmentIds]);