fix: integrate child task improvements (poster rendering, HLS cleanup, hls.js dependency)

src/viewer/viewer.js

@@ -48,6 +48,8 @@ async function playHls(video, manifestUrl) {
       video.src = manifestUrl;
       return;
     }
+    // Clean up any existing HLS instance before creating a new one
+    destroyHls(video);
     const hls = new HLS({ debug: false, enableWorker: true, lowLatencyMode: false });
     hls.loadSource(manifestUrl);
     hls.attachMedia(video);
@@ -99,6 +101,11 @@ async function createVideoElement(entry) {
     video.src = resolveSrc(entry);
   }
 
+  // Set poster image so a thumbnail shows before playback begins
+  if (entry && typeof entry === 'object' && entry.poster) {
+    video.poster = entry.poster;
+  }
+
   return video;
 }