Fix: delete file FK violation (delete feedback first), fix sound autoplay policy

backend/app/services/file_delete_service.py

@@ -1,28 +1,33 @@
-import os
-from sqlalchemy.orm import Session
-from fastapi import HTTPException
-from app.models.file_model import File
-from app.core.storage import active_storage
-
-def delete_file_service(db: Session, file_id: int, user_id: int):
-    file = db.query(File).filter(File.id == file_id).first()
-    
-    if not file:
-        raise HTTPException(status_code=404, detail="File Not Found")
-    
-    if file.owner_id != user_id:
-        raise HTTPException(status_code=403, detail="Not Authorized to delete this file")
-    
-    if file.filepath:
-        active_storage.delete(file.filepath)
-    if file.heatmap_path:
-        active_storage.delete(file.heatmap_path)
-        
-    # Delete related jobs first to prevent FK IntegrityError in SQLite
-    from app.models.job_model import Job
-    db.query(Job).filter(Job.file_id == file.id).delete()
-        
-    db.delete(file)
-    db.commit()
-    
-    return True
+import os
+from sqlalchemy.orm import Session
+from fastapi import HTTPException
+from app.models.file_model import File
+from app.core.storage import active_storage
+
+def delete_file_service(db: Session, file_id: int, user_id: int):
+    file = db.query(File).filter(File.id == file_id).first()
+    
+    if not file:
+        raise HTTPException(status_code=404, detail="File Not Found")
+    
+    if file.owner_id != user_id:
+        raise HTTPException(status_code=403, detail="Not Authorized to delete this file")
+    
+    # Delete physical files from storage first
+    if file.filepath:
+        active_storage.delete(file.filepath)
+    if file.heatmap_path:
+        active_storage.delete(file.heatmap_path)
+    
+    # Delete all child rows that reference this file (FK constraints)
+    # Order matters: most-specific relations first, then the file row itself
+    from app.models.job_model import Job
+    from app.models.feedback_model import Feedback
+    
+    db.query(Feedback).filter(Feedback.file_id == file.id).delete(synchronize_session=False)
+    db.query(Job).filter(Job.file_id == file.id).delete(synchronize_session=False)
+
+    db.delete(file)
+    db.commit()
+    
+    return True

frontend/components/upload/UploadZone.tsx

@@ -17,10 +17,25 @@ export default function UploadZone({ autoAnalyze = false }: { autoAnalyze?: bool
     const fileInputRef = useRef<HTMLInputElement>(null);
     const [mockResult, setMockResult] = useState<{ label: string, conf: number } | null>(null);
     const [uploadedFileId, setUploadedFileId] = useState<number | null>(null);
+    // Pre-unlocked audio element — created during the user-gesture (upload click)
+    // so it can be played later from the polling callback without autoplay blocking
+    const notifAudioRef = useRef<HTMLAudioElement | null>(null);
 
     const handleFileUpload = async (file: File) => {
         if (!file) return;
         setError("");
+
+        // Pre-unlock audio during this user-gesture context so it can play later
+        // without triggering the browser's autoplay policy block
+        const soundSetting = localStorage.getItem('spotix_sound');
+        if (soundSetting !== 'false') {
+            try {
+                const audio = new Audio('/sounds/notif.wav');
+                audio.volume = 0;
+                audio.play().then(() => { audio.pause(); audio.currentTime = 0; audio.volume = 1.0; }).catch(() => {});
+                notifAudioRef.current = audio;
+            } catch (e) {}
+        }
         
         const url = URL.createObjectURL(file);
         setMediaPreviewUrl(url);
@@ -102,10 +117,10 @@ export default function UploadZone({ autoAnalyze = false }: { autoAnalyze?: bool
                             setInteractionState('result');
                             
                             const soundSetting = localStorage.getItem('spotix_sound');
-                            if (soundSetting !== 'false') {
-                                const audio = new Audio('/sounds/notif.wav');
-                                audio.volume = 1.0;
-                                audio.play().catch(e => console.error("Audio play failed:", e));
+                            if (soundSetting !== 'false' && notifAudioRef.current) {
+                                notifAudioRef.current.currentTime = 0;
+                                notifAudioRef.current.volume = 1.0;
+                                notifAudioRef.current.play().catch(e => console.warn("Audio play failed:", e));
                             }
                         }, 400);
                     } else if (fileData.status === 'Failed' || fileData.status === 'error' || fileData.status === 'FAILED') {