Upload 2 files

app.py

@@ -424,7 +424,7 @@ def process_drive_with_parallel_face_detection(job_id, folder_id, upload_dir, fa
                         if download_complete.is_set():
                             pct = 30 + int((processed_count[0] / max(total_files[0], 1)) * 40)
                             processing_jobs[job_id]['progress'] = min(pct, 70)
-                            processing_jobs[job_id]['message'] = f'Scanning faces: {processed_count[0]}/{total_files[0]} ({len(matched_photos)} matched)'
+                            processing_jobs[job_id]['message'] = f'Scanning faces: {processed_count[0]}/{total_files[0]}'
                         processing_jobs[job_id]['photos_checked'] = processed_count[0]
                         print(f"[Job {job_id}] [HYBRID] Downloaded: {downloaded_count[0]}, Face checked: {processed_count[0]}, Matched: {len(matched_photos)}")
 

templates/step4_results.html

@@ -844,14 +844,32 @@
 
         .cluster-photo {
             position: relative;
-            width: 140px;
-            height: 140px;
+            width: 160px;
             border-radius: 12px;
             overflow: hidden;
             cursor: pointer;
             border: 4px solid transparent;
             transition: all 0.2s;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            background: #f8f8f8;
+        }
+
+        .cluster-photo-img {
+            width: 100%;
+            height: 160px;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .cluster-photo-filename {
+            padding: 6px 8px;
+            font-size: 11px;
+            color: #555;
+            text-align: center;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            background: #f8f8f8;
         }
 
         .cluster-photo:hover {
@@ -868,7 +886,7 @@
             opacity: 0.85;
         }
 
-        .cluster-photo img {
+        .cluster-photo-img img {
             width: 100%;
             height: 100%;
             object-fit: cover;
@@ -2308,15 +2326,19 @@
             for (const p of clusterPhotos) {
                 const scorePercent = p.score ? (p.score * 100).toFixed(0) : '0';
                 const pThumb = getPhotoThumbnail(p);
+                const displayName = p.filename.length > 18 ? p.filename.substring(0, 15) + '...' : p.filename;
 
                 const div = document.createElement('div');
                 div.className = `cluster-photo ${p.isSelected ? 'selected' : 'rejected'}`;
                 div.onclick = () => openModal(p, p.isSelected);
 
                 div.innerHTML = `
-                    <img src="/thumbnail/${jobId}/${pThumb}" alt="${p.filename}">
-                    <div class="cluster-photo-score">${scorePercent}%</div>
-                    <div class="cluster-photo-badge">${p.isSelected ? '✓' : '✗'}</div>
+                    <div class="cluster-photo-img">
+                        <img src="/thumbnail/${jobId}/${pThumb}" alt="${p.filename}">
+                        <div class="cluster-photo-score">${scorePercent}%</div>
+                        <div class="cluster-photo-badge">${p.isSelected ? '✓' : '✗'}</div>
+                    </div>
+                    <div class="cluster-photo-filename" title="${p.filename}">${displayName}</div>
                 `;
 
                 clusterPhotosDiv.appendChild(div);