fix: query entry state directly instead of relying on unfiltered timeline

The detail panel called useTimeline() with no args, creating a separate
cache from the entry list's filtered query. Entries not in the first 50
of the global timeline had isSaved/isRead stuck at false.

1 files changed, 8 insertions, 2 deletions

diff --git a/apps/web/lib/queries/use-entry-state-mutations.ts b/apps/web/lib/queries/use-entry-state-mutations.ts
index b5f64e9..e0c3cc8 100644
--- a/apps/web/lib/queries/use-entry-state-mutations.ts
+++ b/apps/web/lib/queries/use-entry-state-mutations.ts
@@ -74,9 +74,12 @@ export function useToggleEntryReadState() {
         }
       }
     },
-    onSettled: () => {
+    onSettled: (_data, _error, variables) => {
       queryClient.invalidateQueries({ queryKey: queryKeys.timeline.all })
       queryClient.invalidateQueries({ queryKey: queryKeys.savedEntries.all })
+      queryClient.invalidateQueries({
+        queryKey: queryKeys.entryState.single(variables.entryIdentifier),
+      })
     },
   })
 }
@@ -148,9 +151,12 @@ export function useToggleEntrySavedState() {
         }
       }
     },
-    onSettled: () => {
+    onSettled: (_data, _error, variables) => {
       queryClient.invalidateQueries({ queryKey: queryKeys.timeline.all })
       queryClient.invalidateQueries({ queryKey: queryKeys.savedEntries.all })
+      queryClient.invalidateQueries({
+        queryKey: queryKeys.entryState.single(variables.entryIdentifier),
+      })
     },
   })
 }