fixed player behavior after final queue track completes, added click to play from queue window

frontend/src/store/controllers/queue-controller.ts

@@ -110,4 +110,8 @@ export class QueueController implements ReactiveController {
   cycleRepeat(): void {
     queueStore.cycleRepeat();
   }
+
+  playAtIndex(index: number): void {
+    queueStore.playAtIndex(index);
+  }
 }

frontend/src/store/player-store.ts

@@ -51,8 +51,8 @@ class PlayerStore {
       this.update({ isPlaying: data.state === 'playing' });
     });
 
-    EventsOn(Events.TrackChanged, (trackInfo: TrackInfo) => {
-      this.update({ currentTrack: trackInfo });
+    EventsOn(Events.TrackChanged, (trackInfo: TrackInfo | null) => {
+      this.update({ currentTrack: trackInfo ?? null });
     });
 
     EventsOn(Events.PlaybackFinished, () => {

frontend/src/store/queue-store.ts

@@ -7,6 +7,8 @@ export interface QueueTrack {
   audioFileId: number;
   filePath: string;
   position: number;
+  title: string;
+  artist: string;
 }
 
 export type RepeatMode = 'off' | 'all' | 'one';
@@ -24,7 +26,7 @@ type Subscriber = () => void;
 class QueueStore {
   private state: QueueState = {
     tracks: [],
-    currentIndex: 0,
+    currentIndex: -1,
     shuffleMode: false,
     repeatMode: 'off',
     sourcePlaylistId: 0,
@@ -107,6 +109,10 @@ class QueueStore {
     EventsEmit(Events.RequestCycleRepeat);
   }
 
+  playAtIndex(index: number): void {
+    EventsEmit(Events.RequestPlayQueueIndex, index);
+  }
+
   // ===================================================================
   // SUBSCRIPTION SYSTEM
   // ===================================================================