web/src/lib/actions/gridKeyNav.ts

@@ -225,6 +225,13 @@ export function gridKeyNav(node: HTMLElement, params: GridKeyNavParams = {}) {
 		// archived/restored — relevant when the cull targets came from a
 		// multi-selection rather than the single focused tile.
 		focusAfter(ids);
+		// Drop the now-stale selection set. The archived UIDs are about
+		// to leave the timeline on refetch, but the SvelteSet membership
+		// keeps the selection ring on them until then — confusing for
+		// the user and a footgun if they Ctrl-click to add more and end
+		// up re-archiving the same photos. The BulkActionBar button path
+		// clears for the same reason; mirror it here.
+		clearSelection();
 		invalidatePhotos(ids);
 		const label = target ? `Archived ${ids.length}` : `Restored ${ids.length}`;
 		toast.success(label);
@@ -259,6 +266,8 @@ export function gridKeyNav(node: HTMLElement, params: GridKeyNavParams = {}) {
 			toast.error(err instanceof Error ? err.message : 'Delete failed');
 			return;
 		}
+		focusAfter(ids);
+		clearSelection();
 		invalidatePhotos(ids);
 		toast.success(`Deleted ${ids.length}`);
 	}
@@ -277,6 +286,12 @@ export function gridKeyNav(node: HTMLElement, params: GridKeyNavParams = {}) {
 			return;
 		}
 		const { updated, errors } = await batchEdit(ids, (id) => approvePhoto(id));
+		// Approve moves photos out of the review pile, so the same
+		// stale-selection trap as archive/delete applies — advance focus
+		// past the approved set and drop the now-irrelevant selection
+		// before invalidate refetches the (smaller) view.
+		focusAfter(ids);
+		clearSelection();
 		invalidatePhotos(ids);
 		if (errors.length) {
 			toast.error(`Kept ${updated.length}; ${errors.length} failed`, {