restored to the safe state

backend/engine.py

@@ -180,11 +180,11 @@ def run(model, video_path, line, config, on_frame, save_annotated=False, annotat
                 cur_boxes = xyxy
                 cur_ids = ids
 
-                for obj_id, c, box, conf_val in zip(ids, cls, xyxy, confs):
+                for obj_id, c, box in zip(ids, cls, xyxy):
                     cx = int((box[0] + box[2]) / 2)
                     cy = int((box[1] + box[3]) / 2)
 
-                    heatmap_points.append([cx, cy, float(conf_val)])
+                    heatmap_points.append([cx, cy, float(r.boxes.conf.cpu().numpy()[list(ids).index(obj_id)])])
                     track_positions[obj_id].append((frame_idx, cx, cy))
 
                     if not valid_line:

backend/geometry.py

@@ -1,17 +1,12 @@
-import math
-
+import numpy as np
 
 def _side(p, a, b):
-    cross = (b[0] - a[0]) * (p[1] - a[1]) - (b[1] - a[1]) * (p[0] - a[0])
-    return (cross > 0) - (cross < 0)
-
+    return np.sign((b[0] - a[0]) * (p[1] - a[1]) - (b[1] - a[1]) * (p[0] - a[0]))
 
 def _point_to_segment_dist(px, py, ax, ay, bx, by):
-    abx, aby = bx - ax, by - ay
-    ab_sq = abx * abx + aby * aby
-    if ab_sq == 0:
-        return math.hypot(px - ax, py - ay)
-    t = max(0.0, min(1.0, ((px - ax) * abx + (py - ay) * aby) / ab_sq))
-    proj_x = ax + t * abx
-    proj_y = ay + t * aby
-    return math.hypot(px - proj_x, py - proj_y)
+    A = np.array([ax, ay], dtype=float)
+    B = np.array([bx, by], dtype=float)
+    P = np.array([px, py], dtype=float)
+    AB = B - A
+    t = np.clip(np.dot(P - A, AB) / np.dot(AB, AB), 0, 1)
+    return np.linalg.norm(P - (A + t * AB))

backend/server.py

@@ -469,7 +469,7 @@ async def ws_run(ws: WebSocket):
             if done:
                 break
 
-            await asyncio.sleep(0.02)
+            await asyncio.sleep(0.05)
 
         result = task.result()  # re-raises any exception from the engine
         result["report_format"] = report_format

frontend/js/initial.js

@@ -71,7 +71,7 @@ function uploadFile(file) {
     // Estimate upload duration: ~1 MB/s conservative, capped between 3s and 60s
     const fileMB       = file.size / (1024 * 1024);
     const estDurationMs = Math.min(Math.max(fileMB * 1000, 3000), 60000);
-    const targetPct    = 100;           // stop simulation at 100%
+    const targetPct    = 98;           // stop simulation at 98%, snap to 100% on load
     const tickMs       = 200;          // update every 200ms
     const totalTicks   = estDurationMs / tickMs;
     const stepPerTick  = targetPct / totalTicks;

frontend/js/vehicles.js

@@ -1011,46 +1011,12 @@ window.switchTab = switchTab;
             let liveCongestion = [];
             let liveFlowTimes = [];
 
-            // ---- Smooth progress interpolation ----
-            // Predicts progress between real frame updates so the bar never "freezes"
-            let lastRealPct = 0;
-            let lastRealTime = 0;
-            let pctPerMs = 0;           // observed speed: % gained per ms
-            let interpPct = 0;          // current interpolated display %
-            let interpRAF = null;
-
-            function startProgressInterpolation() {
-                const bar = document.getElementById('proc-bar');
-                const pctEl = document.getElementById('proc-pct');
-
-                function tick() {
-                    if (processingDone) return;
-                    const now = performance.now();
-                    const elapsed = now - lastRealTime;
-
-                    if (pctPerMs > 0 && lastRealPct < 99.5) {
-                        // Predict forward, but cap at ~halfway to the next expected frame
-                        // to avoid overshoot before the next real update arrives
-                        const predicted = lastRealPct + (elapsed * pctPerMs * 0.85);
-                        const cap = Math.min(predicted, lastRealPct + (pctPerMs * 3000), 99.5);
-                        if (cap > interpPct) {
-                            interpPct = cap;
-                            bar.style.width = interpPct.toFixed(1) + '%';
-                            pctEl.innerText = Math.floor(interpPct) + '%';
-                        }
-                    }
-                    interpRAF = requestAnimationFrame(tick);
-                }
-                interpRAF = requestAnimationFrame(tick);
-            }
-
             ws.onmessage = e => {
                 const d = JSON.parse(e.data);
 
                 if (!firstMessageReceived) {
                     firstMessageReceived = true;
                     document.getElementById('proc-label').innerText = 'Processing';
-                    startProgressInterpolation();
                 }
 
                 // Hide empty state on first data
@@ -1058,7 +1024,6 @@ window.switchTab = switchTab;
                 if (emptyState) emptyState.style.display = 'none';
                 if (d.error) {
                     processingDone = true;
-                    if (interpRAF) cancelAnimationFrame(interpRAF);
                     document.getElementById('proc-label').innerText = 'Engine Error';
                     console.error('[UrbanFlow] Engine error:', d.detail || d.error);
                     document.getElementById('run-results-content').innerHTML = `
@@ -1075,7 +1040,6 @@ window.switchTab = switchTab;
 
                 if (d.done) {
                     processingDone = true;
-                    if (interpRAF) cancelAnimationFrame(interpRAF);
                     
                     // Stats Tracking (Scoped by email)
                     const session = (typeof getAuthSession === 'function') ? getAuthSession() : null;
@@ -1167,27 +1131,14 @@ window.switchTab = switchTab;
                     return;
                 }
 
-                // ---- Real frame update: recalibrate interpolation ----
-                let pct = ((d.frame_index / d.total_iters) * 100);
-                if (d.frame_index >= d.total_iters - 1) pct = 100;
-
-                const now = performance.now();
-                if (lastRealTime > 0 && pct > lastRealPct) {
-                    const dt = now - lastRealTime;
-                    const dp = pct - lastRealPct;
-                    // Exponential moving average of speed for stability
-                    const newRate = dp / dt;
-                    pctPerMs = pctPerMs > 0 ? (pctPerMs * 0.6 + newRate * 0.4) : newRate;
-                }
-                lastRealPct = pct;
-                lastRealTime = now;
-
-                // Snap bar + percentage to real value (interpolation was just a prediction)
-                interpPct = pct;
-                const pctStr = pct.toFixed(1);
-                document.getElementById('proc-bar').style.width = pctStr + '%';
+                let pct = ((d.frame_index / d.total_iters) * 100).toFixed(1);
+                if (d.frame_index >= d.total_iters - 1) pct = '100.0';
+                document.getElementById('proc-bar').style.width = pct + '%';
                 document.getElementById('proc-frames').innerText = `${d.frame_index} / ${d.total_iters} Frames`;
-                document.getElementById('proc-pct').innerText = Math.floor(pct) + '%';
+                
+                const procPctEl = document.getElementById('proc-pct');
+                const currPct = parseFloat(procPctEl.innerText) || 0;
+                animateValue(procPctEl, currPct, pct + '%', 300);
 
                 const totalIn = sumValues(d.class_in);
                 const totalOut = sumValues(d.class_out);
@@ -1217,7 +1168,8 @@ window.switchTab = switchTab;
                     }
                 }
 
-                if (now - lastUIUpdate < 150) return;
+                const now = performance.now();
+                if (now - lastUIUpdate < 300) return;
                 lastUIUpdate = now;
 
                 updateCongestion(liveCongestion, stride);

frontend/vehicles.html

@@ -149,7 +149,7 @@
                 <span class="text-[11px] font-black text-white uppercase tracking-wider whitespace-nowrap"
                     id="proc-label">Waiting</span>
                 <div class="flex-1 h-2 bg-[#111111] rounded-full overflow-hidden relative border border-[#1a1a1a]">
-                    <div id="proc-bar" class="h-full bg-[#444444] rounded-full"
+                    <div id="proc-bar" class="h-full bg-[#444444] rounded-full transition-all duration-500 ease-out"
                         style="width: 0%"></div>
                 </div>
             </div>