self explanatory info, format cnclusion for png/pdf

frontend/vehicles.html

@@ -683,8 +683,8 @@
                         </div>
                         <div class="s-row" data-param="report">
                             <div>
-                                <div class="text-xs font-semibold text-slate-700">Report Format</div>
-                                <div class="text-[10px] text-slate-400">Export file type for charts</div>
+                                <div class="text-xs font-semibold text-slate-700">Individual Chart Export</div>
+                                <div class="text-[10px] text-slate-400">Format for separate KPI chart files</div>
                             </div>
                             <select class="custom-select" id="sv-report">
                                 <option value="png" selected>PNG Image</option>
@@ -723,8 +723,14 @@
                         </div>
                         <div class="s-row" data-param="smoothing">
                             <div>
-                                <div class="text-xs font-semibold text-slate-700">Congestion Smoothing</div>
-                                <div class="text-[10px] text-slate-400">Alpha factor for rolling average</div>
+                                <div class="text-xs font-semibold text-slate-700 flex items-center">
+                                    Congestion Smoothing
+                                    <span class="info-wrap ml-1">
+                                        <span class="info-btn"><i class="fa-solid fa-circle-info text-[9px]"></i></span>
+                                        <span class="info-tip">Reduces jitter/noise in the line chart. Low values (0.05-0.2) create very smooth trends; high values (0.8+) show raw spiky data.</span>
+                                    </span>
+                                </div>
+                                <div class="text-[10px] text-slate-400">EMA Alpha factor for the rolling average</div>
                             </div>
                             <div class="s-stepper"><button onclick="stepParam('smoothing',-0.05)">&#8249;</button><span
                                     class="s-val" id="sv-smoothing">0.25</span><button
@@ -1502,25 +1508,31 @@
                     if (d.video_id) {
                         loadReports(d.video_id);
 
-                        // Auto-Download Logic
+                        // Auto-Download Logic (Respects live toggle state)
                         if (document.getElementById('sv-auto-download').classList.contains('active')) {
-                            console.log('[UrbanFlow] Auto-download triggered...');
+                            const preferredFmt = document.getElementById('sv-report').value; // Get png or pdf
+                            console.log(`[UrbanFlow] Auto-download triggered for .${preferredFmt}...`);
+                            
                             setTimeout(() => {
                                 fetch(`/reports_list/${d.video_id}`)
                                     .then(r => r.json())
                                     .then(res => {
-                                        const pdf = res.files.find(f => f.endsWith('.pdf'));
-                                        if (pdf) {
+                                        // Try to find the file matching the preferred format first
+                                        let targetFile = res.files.find(f => f.endsWith(`.${preferredFmt}`));
+                                        // Fallback to any PDF if preferred format not found
+                                        if (!targetFile) targetFile = res.files.find(f => f.endsWith('.pdf'));
+                                        
+                                        if (targetFile) {
                                             const link = document.createElement('a');
-                                            link.href = `/reports/${d.video_id}/${pdf}`;
-                                            link.download = pdf;
+                                            link.href = `/reports/${d.video_id}/${targetFile}`;
+                                            link.download = targetFile;
                                             document.body.appendChild(link);
                                             link.click();
                                             document.body.removeChild(link);
                                         }
                                     })
                                     .catch(err => console.error('[UrbanFlow] Auto-download failed:', err));
-                            }, 2500); // 2.5s buffer for PDF generation
+                            }, 3000); 
                         }
                     }