From 49e23c39f3f40a65bea8d1ca5d050d934449f712 Mon Sep 17 00:00:00 2001
From: Momentry Studio <admin@momentry.local>
Date: Tue, 27 Oct 2026 03:21:39 +0800
Subject: [PATCH] fix: hide broken scene thumbnail images with @error handler

- Scene thumbnails may not exist for all files
- Added @error handler to hide broken images instead of showing 404
- Cleaner UI when scene data is incomplete
---
 src/views/SearchView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index dc30c4f..6e5b625 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -126,9 +126,9 @@
                     <span class="card-file-name">{{ r.file_name || 'Unknown' }}</span>
                     <span class="card-file-uuid-badge">{{ r.file_uuid }}</span>
                   </div>
-                  <div class="card-thumb" @click="playVideo(r)">
-                     <img v-if="r.thumbnail_url" :src="r.thumbnail_url" alt="" loading="lazy">
-                     <img v-else-if="thumbs[r.file_uuid + ':' + r.start_frame]" :src="thumbs[r.file_uuid + ':' + r.start_frame]" alt="" loading="lazy">
+                   <div class="card-thumb" @click="playVideo(r)">
+                      <img v-if="r.thumbnail_url" :src="r.thumbnail_url" alt="" loading="lazy" @error="$event.target.style.display='none'">
+                      <img v-else-if="thumbs[r.file_uuid + ':' + r.start_frame]" :src="thumbs[r.file_uuid + ':' + r.start_frame]" alt="" loading="lazy">
                      <div v-else class="thumb-placeholder" v-observe="() => loadThumb(r.file_uuid, r.start_frame || 0)">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>
                      </div>