Update app.py

app.py

@@ -177,7 +177,18 @@ with gr.Blocks() as demo:
         if error_message:
             return [], error_message, gr.update(visible=True)
         # Display videos with thumbnails, video IDs, and titles
-        gallery_items_display = [(item[0], f"{item[2]} ({item[1]})") for item in gallery_items]
+        gallery_items_display = [
+    (
+        item[0],
+        f"<div style='display: flex; align-items: center;'>
+            <img src='{item[0]}' style='width: 150px; height: auto; margin-right: 10px;'>
+            <div style='flex-grow: 1;'>
+                <strong>{item[2]}</strong><br>
+                Video ID: {item[1]}
+            </div>
+        </div>"
+    ) for item in gallery_items
+]
         return gallery_items_display, "", gr.update(visible=False)
 
     # Update the selected video link field when a video is clicked in the gallery