Fix confidence circle animation and reset logic v2.3

dashboard/app.js

@@ -61,8 +61,17 @@ async function handleUpload(file) {
     }
 
     if (confidencePath) {
+        // Desativa transição para reset instantâneo
+        confidencePath.style.transition = 'none';
+        confidencePath.style.strokeDasharray = '100';
+        confidencePath.style.strokeDashoffset = '100';
         confidencePath.style.stroke = PROCESSING_COLOR;
-        confidencePath.style.strokeDasharray = '0 100';
+        
+        // Força reflow para garantir que o reset ocorra antes da nova animação
+        confidencePath.getBoundingClientRect();
+        
+        // Reativa a transição
+        confidencePath.style.transition = 'stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.5s ease';
     }
     
     specContainer.innerHTML = '<div class="image-placeholder">Analisando frequências...</div>';
@@ -129,8 +138,10 @@ function displayResults(data) {
             if (pulseDot) pulseDot.style.background = '#10B981';
         }
 
-        // Animação do círculo - Usando .style para garantir prioridade sobre o CSS
-        confidencePath.style.strokeDasharray = `${fraudProb} 100`;
+        // Animação do círculo usando stroke-dashoffset para completar a linha corretamente
+        // Com r=15.9155, a circunferência é exatamente 100.
+        confidencePath.style.strokeDasharray = '100';
+        confidencePath.style.strokeDashoffset = 100 - fraudProb;
     }
     // Atualiza Espectrograma
     // Atualiza Espectrograma e Heatmap (XAI)

dashboard/index.html

@@ -104,7 +104,7 @@
                 <div class="confidence-circle">
                     <svg viewBox="0 0 36 36" class="circular-chart">
                         <circle class="circle-bg" cx="18" cy="18" r="15.9155" />
-                        <circle id="confidence-path" class="progress" cx="18" cy="18" r="15.9155" stroke-dasharray="0, 100" />
+                        <circle id="confidence-path" class="progress" cx="18" cy="18" r="15.9155" stroke-dasharray="100" stroke-dashoffset="100" />
                     </svg>
                     <div class="confidence-text">
                         <span id="confidence-value">0%</span>
@@ -273,7 +273,7 @@
 
         <div class="footer-content">
 
-            <p>&copy; 2026 CONFEREAI - Protegendo a integridade da voz humana.</p>
+            <p>&copy; 2026 CONFEREAI - Protegendo a integridade da voz humana. v2.3</p>
 
             <div class="footer-links">
 

dashboard/style.css

@@ -300,7 +300,7 @@ nav {
     stroke: var(--primary);
     stroke-width: 4;
     filter: drop-shadow(0 0 8px var(--accent-glow));
-    transition: stroke-dasharray 1.5s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.5s ease;
+    transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.5s ease;
     stroke-linecap: round;
 }
 

main.py

@@ -9,4 +9,4 @@ if __name__ == "__main__":
 
 @app.get("/version-check")
 async def version_check():
-    return {"version": "2.2", "status": "updated"}
+    return {"version": "2.3", "status": "updated"}