added genre cache

frontend/src/components/artists-view/artists-view.ts

@@ -23,6 +23,7 @@ import {
     contextMenuStyles,
 } from '@utils/context-menu-controller.js';
 import type { ContextMenuHost } from '@utils/context-menu-controller.js';
+
 import '@awesome.me/webawesome/dist/components/icon/icon.js';
 import '@awesome.me/webawesome/dist/components/popup/popup.js';
 import type WaPopup from '@awesome.me/webawesome/dist/components/popup/popup.js';
@@ -360,6 +361,7 @@ export class ArtistsView
                 );
                 font-size: 14px;
             }
+
         `,
     ];
 

frontend/src/components/genres-view/genres-view.ts

@@ -10,12 +10,8 @@ import type {
     VisibilityChangedEvent,
 } from '@lit-labs/virtualizer';
 import { grid } from '@lit-labs/virtualizer/layouts/grid.js';
-import {
-    GetAllGenresWithCounts,
-    GetTracksByGenre,
-} from '@go/library/Library';
-import { EventsOn } from '@runtime/runtime';
-import { Events } from '../../events';
+import { GetTracksByGenre } from '@go/library/Library';
+import type { library } from '@go/models';
 import { LibraryController } from '@store/controllers/library-controller';
 import { SearchController } from '@store/controllers/search-controller';
 import { queueStore } from '@store/queue-store';
@@ -24,6 +20,7 @@ import {
     contextMenuStyles,
 } from '@utils/context-menu-controller.js';
 import type { ContextMenuHost } from '@utils/context-menu-controller.js';
+
 import '@awesome.me/webawesome/dist/components/icon/icon.js';
 import '@awesome.me/webawesome/dist/components/popup/popup.js';
 import type WaPopup from '@awesome.me/webawesome/dist/components/popup/popup.js';
@@ -66,8 +63,11 @@ export class GenresView
     private ctxMenu = new ContextMenuController(this);
     private wheelListenerAttached = false;
     private lastSearchTerm = '';
-    private scanCompleteCleanup: (() => void) | null =
-        null;
+
+    /** Tracks the store's cached array reference to detect refreshes. */
+    private lastGenresRef:
+        | library.GenreWithCount[]
+        | null = null;
 
     private scrollDebounceTimer: ReturnType<
         typeof setTimeout
@@ -379,22 +379,12 @@ export class GenresView
         super.connectedCallback();
         this.loadCardSize();
         this.loadGenres();
-
-        this.scanCompleteCleanup = EventsOn(
-            Events.LibraryScanComplete,
-            () => this.loadGenres(),
-        );
     }
 
     override disconnectedCallback() {
         super.disconnectedCallback();
         this.detachWheelListener();
 
-        if (this.scanCompleteCleanup) {
-            this.scanCompleteCleanup();
-            this.scanCompleteCleanup = null;
-        }
-
         if (this.scrollDebounceTimer !== null) {
             clearTimeout(this.scrollDebounceTimer);
         }
@@ -412,6 +402,19 @@ export class GenresView
             this.lastSearchTerm = currentTerm;
             this.clearSelection();
         }
+
+        // Re-fetch when the store delivers fresh
+        // data after eager refetch on invalidation.
+        const cached =
+            this.libraryCtrl.cachedGenres;
+
+        if (
+            cached !== null &&
+            cached !== this.lastGenresRef
+        ) {
+            this.lastGenresRef = cached;
+            this.loadGenres();
+        }
     }
 
     /* ================================================================
@@ -423,7 +426,7 @@ export class GenresView
             this.loading = true;
 
             const rows =
-                await GetAllGenresWithCounts();
+                await this.libraryCtrl.getGenres();
 
             this.genres = (rows ?? []).map((r) => ({
                 name: r.Name,

frontend/src/components/track-list/track-list.ts

@@ -12,6 +12,7 @@ import {
     ContextMenuController,
     contextMenuStyles,
 } from '@utils/context-menu-controller.js';
+
 import type { ContextMenuHost } from '@utils/context-menu-controller.js';
 import { PlayerController } from '@store/controllers/player-controller';
 import { SearchController } from '@store/controllers/search-controller';
@@ -728,6 +729,7 @@ export class TrackList extends LitElement implements SelectionHost, ContextMenuH
       user-select: none;
     }
 
+
     .sort-anchor {
       display: inline-flex;
       align-items: center;