change download mechanism

app.py

@@ -368,7 +368,7 @@ def process_audio_for_matching(audio_file):
     for i, match in enumerate(matches[:3]):
         rank = match.get('rank', 0)
         song_title = match.get('song_title', 'Unknown Song')
-        confidence = match.get('confidence', '0%')
+        score = match.get('score', 0)  # Raw score instead of confidence
         test_time = match.get('test_time', 0)
         test_time2 = match.get('test_time2', 0)
         library_time = match.get('library_time', 0)
@@ -381,30 +381,34 @@ def process_audio_for_matching(audio_file):
         matches_html += f"""
         <div style="background: #ffffff; border-radius: 8px; padding: 15px; margin: 10px 0; 
                     border-left: 4px solid {rank_color}; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
-            <div style="display: flex; justify-content: space-between; align-items: flex-start;">
-                <div style="flex: 1; min-width: 0; margin-right: 15px;">
-                    <h4 style="color: #111827; margin: 0; font-size: 1.1em; word-wrap: break-word; overflow-wrap: break-word;">
-                        <span style="background: {rank_color}; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.8em; margin-right: 8px;">
-                            #{rank}
-                        </span>
-                        {song_title}
-                    </h4>
-                </div>
-                <div style="display: flex; gap: 15px; align-items: center; flex-shrink: 0;">
-                    <div style="text-align: center;">
-                        <small style="color: #6b7280;">Your Segment</small>
-                        <div style="color: #dc2626; font-weight: 600; font-size: 0.9em;">
-                            {format_time(test_time)} - {format_time(test_time2)}
-                        </div>
+            <!-- Title -->
+            <div style="text-align: center; margin-bottom: 15px;">
+                <h4 style="color: #111827; margin: 0; font-size: 1.1em; word-wrap: break-word; overflow-wrap: break-word;">
+                    <span style="background: {rank_color}; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.8em; margin-right: 8px;">
+                        #{rank}
+                    </span>
+                    {song_title}
+                </h4>
+            </div>
+            
+            <!-- Stats -->
+            <div style="display: flex; justify-content: space-around; text-align: center;">
+                <div>
+                    <small style="color: #6b7280; display: block; margin-bottom: 2px;">Your Segment</small>
+                    <div style="color: #dc2626; font-weight: 600; font-size: 0.9em;">
+                        {format_time(test_time)} - {format_time(test_time2)}
                     </div>
-                    <div style="text-align: center;">
-                        <small style="color: #6b7280;">Matched Segment</small>
-                        <div style="color: #16a34a; font-weight: 600; font-size: 0.9em;">
-                            {format_time(library_time)} - {format_time(library_time2)}
-                        </div>
+                </div>
+                <div>
+                    <small style="color: #6b7280; display: block; margin-bottom: 2px;">Matched Segment</small>
+                    <div style="color: #16a34a; font-weight: 600; font-size: 0.9em;">
+                        {format_time(library_time)} - {format_time(library_time2)}
                     </div>
-                    <div style="background: #f3f4f6; color: #111827; padding: 4px 10px; border-radius: 12px; font-weight: 600; font-size: 0.9em;">
-                        {confidence}
+                </div>
+                <div>
+                    <small style="color: #6b7280; display: block; margin-bottom: 2px;">Score</small>
+                    <div style="background: #f3f4f6; color: #111827; padding: 4px 10px; border-radius: 12px; font-weight: 600; font-size: 0.9em; display: inline-block;">
+                        {score:.1f}
                     </div>
                 </div>
             </div>
@@ -418,6 +422,7 @@ def process_audio_for_matching(audio_file):
             <h3 style="color: #111827; margin: 0;">Vocal Matching Results</h3>
             <p style="color: #6b7280; margin: 5px 0;">Found {len(matches)} similar vocals in Covers80 dataset</p>
             <p style="color: #2563eb; margin: 5px 0; font-size: 0.9em;">🎵 Listen to original songs and extracted segments</p>
+            <p style="color: #9ca3af; margin: 5px 0; font-size: 0.85em;">💡 Scores above 60 generally indicate meaningful similarity for me haha..</p>
         </div>
         {matches_html}
     </div>