diff --git a/web/src/lib/components/AlbumMenu.svelte b/web/src/lib/components/AlbumMenu.svelte
index ab4775bb..2b5d99be 100644
--- a/web/src/lib/components/AlbumMenu.svelte
+++ b/web/src/lib/components/AlbumMenu.svelte
@@ -28,7 +28,12 @@
 
   let menuOpen = $state(false);
   let addOpen = $state(false);
-  let cachedTracks: TrackRef[] | null = $state(tracks ?? null);
+  // Lazy track cache. Starts null so the `tracks` prop is read inside
+  // ensureTracks() each call rather than captured at component-creation
+  // time — the menu is reused across different album rows, and pinning
+  // the prop's initial value here would serve a stale list when the
+  // user opens the menu on a second album.
+  let cachedTracks: TrackRef[] | null = $state(null);
 
   const queryClient = useQueryClient();
   const likedQ = $derived(createLikedIdsQuery());
@@ -50,6 +55,10 @@
 
   async function ensureTracks(): Promise<TrackRef[]> {
     if (cachedTracks) return cachedTracks;
+    if (tracks) {
+      cachedTracks = tracks;
+      return tracks;
+    }
     const fetched = await listAlbumTracks(albumId);
     cachedTracks = fetched;
     return fetched;
@@ -105,6 +114,11 @@
   </button>
 
   {#if menuOpen}
+    <!-- svelte-ignore a11y_click_events_have_key_events -->
+    <!-- onclick is a click-outside guard (stops bubble to the
+         <svelte:window onclick> menu-closer above); not user-facing
+         interaction, so a paired keyboard handler is intentionally
+         absent. Escape-to-close lives on svelte:window onkeydown. -->
     <div
       role="menu"
       tabindex="-1"
diff --git a/web/src/lib/components/ArtistMenu.svelte b/web/src/lib/components/ArtistMenu.svelte
index b801dbb4..45bd715c 100644
--- a/web/src/lib/components/ArtistMenu.svelte
+++ b/web/src/lib/components/ArtistMenu.svelte
@@ -25,7 +25,10 @@
 
   let menuOpen = $state(false);
   let addOpen = $state(false);
-  let cachedTracks: TrackRef[] | null = $state(tracks ?? null);
+  // Lazy track cache — see AlbumMenu.svelte for the same reasoning.
+  // Starts null so the `tracks` prop is read inside ensureTracks() each
+  // call rather than captured at component-creation time.
+  let cachedTracks: TrackRef[] | null = $state(null);
 
   const queryClient = useQueryClient();
   const likedQ = $derived(createLikedIdsQuery());
@@ -47,6 +50,10 @@
 
   async function ensureTracks(): Promise<TrackRef[]> {
     if (cachedTracks) return cachedTracks;
+    if (tracks) {
+      cachedTracks = tracks;
+      return tracks;
+    }
     const fetched = await listArtistTracks(artistId);
     cachedTracks = fetched;
     return fetched;
@@ -97,6 +104,10 @@
   </button>
 
   {#if menuOpen}
+    <!-- svelte-ignore a11y_click_events_have_key_events -->
+    <!-- See AlbumMenu.svelte for the same intentional pattern: the
+         onclick is a stopPropagation guard against the window-level
+         menu-closer; Escape-to-close is on svelte:window onkeydown. -->
     <div
       role="menu"
       tabindex="-1"
diff --git a/web/src/lib/components/CompactTrackCard.svelte b/web/src/lib/components/CompactTrackCard.svelte
index 0b69fb84..9c3bfd46 100644
--- a/web/src/lib/components/CompactTrackCard.svelte
+++ b/web/src/lib/components/CompactTrackCard.svelte
@@ -52,6 +52,12 @@
     <div class="mt-2 truncate text-xs font-medium text-text-primary">{track.title}</div>
     <div class="truncate text-xs text-text-secondary">{track.artist_name}</div>
   </button>
+  <!-- svelte-ignore a11y_click_events_have_key_events -->
+  <!-- svelte-ignore a11y_no_static_element_interactions -->
+  <!-- Overlay div catches clicks on its inner buttons so they don't
+       bubble to the wrapping play-card button. Not interactive on
+       its own; the inner LikeButton + queue button carry their own
+       keyboard handling. -->
   <div class="absolute right-2 top-2 z-10 flex gap-1" onclick={(e) => e.stopPropagation()}>
     <LikeButton entityType="track" entityId={track.id} />
     <button
diff --git a/web/src/lib/components/PlaylistCard.svelte b/web/src/lib/components/PlaylistCard.svelte
index 234d7114..39484bd2 100644
--- a/web/src/lib/components/PlaylistCard.svelte
+++ b/web/src/lib/components/PlaylistCard.svelte
@@ -126,6 +126,9 @@
         <MoreVertical size={16} strokeWidth={1} />
       </button>
       {#if menuOpen}
+        <!-- svelte-ignore a11y_click_events_have_key_events -->
+        <!-- onclick is a stopPropagation guard against the window-level
+             click-closes-menu pattern; not user-facing interaction. -->
         <div
           role="menu"
           tabindex="-1"
diff --git a/web/src/lib/stores/theme.svelte.ts b/web/src/lib/stores/theme.svelte.ts
index 3bec8d5d..1657d3a8 100644
--- a/web/src/lib/stores/theme.svelte.ts
+++ b/web/src/lib/stores/theme.svelte.ts
@@ -28,6 +28,12 @@ function applyToDOM(resolved: ResolvedTheme): void {
 }
 
 let _theme = $state<ThemePreference>(readPref());
+// svelte-ignore state_referenced_locally
+// Module-scope state with manual sync — _theme is read once at module
+// init to seed _resolved; subsequent updates flow through setTheme()
+// (which writes both) and the matchMedia listener (which writes
+// _resolved when prefers-color-scheme flips). Not a missed-reactivity
+// case; $derived doesn't apply at module scope here.
 let _resolved = $state<ResolvedTheme>(resolve(_theme));
 
 export const theme = {