words ; improvements..

frontend/vehicles.html

@@ -544,19 +544,19 @@
 
                 <div class="space-y-5 leading-relaxed text-sm text-center" style="color:#a89f97">
                     <p>
-                        UrbanFlow is a cloud-based traffic intelligence platform that turns raw camera footage from Indian roads 
-                        into structured, actionable data &mdash; vehicle counts by class, directional flow totals, congestion patterns, 
+                        UrbanFlow is a cloud-based traffic intelligence application that turns raw camera footage from street & roads 
+                        into structured traffic data &mdash; vehicle counts by class, directional flow, congestion patterns, 
                         and downloadable reports &mdash; without requiring new hardware or on-site installation.
                     </p>
                     <p>
-                        This is a <strong style="color:#f0ece6">public demo</strong>. It exists so that traffic engineers, urban planners, 
+                        This is a <strong style="color:#f0ece6">demo application/strong>. It exists so that traffic engineers, urban planners, 
                         transport authorities, and researchers can evaluate what UrbanFlow delivers &mdash; and tell us what they actually need.
                         We are in the <strong style="color:#f0ece6">requirements gathering phase</strong>, and your feedback directly shapes 
                         what gets built for production.
                     </p>
                     <p style="font-size:13px;color:#777">
-                        The production system will support RTSP live-stream input, institutional dashboards, REST APIs, and advanced analytics. 
-                        This demo serves video upload only.
+                        The production system will support RTSP live-stream input, more informative dashboards, REST APIs, and advanced analytics. 
+                        This demo accepts video upload only.
                     </p>
                 </div>
 
@@ -599,7 +599,7 @@
                                 </li>
                                 <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
                                         style="color:#c89a6c"></i>
-                                    <span>Review live KPIs and download bundled artifacts when complete</span>
+                                    <span>Review live KPIs and download artifacts when complete</span>
                                 </li>
                             </ul>
                         </div>
@@ -632,8 +632,8 @@
 
                     <div class="text-center pt-6 border-t border-slate-900">
                         <p class="text-[13px] leading-relaxed" style="color:#888">
-                            We are an applied research team &mdash; using state-of-the-art detection models, fine-tuned on Indian traffic datasets, 
-                            to build systems that work in production. Not a black box. Not a benchmark demo. A working tool, built for real roads.
+                            We are an applied research team &mdash; that work on solving real problems, not controlled test environments.
+                            The focus is on reliability under the actual conditions: mixed lanes, dense occlusion, heterogeneous vehicle type and variable lighting.
                         </p>
                         <p class="text-[12px] mt-3" style="color:#777">
                             Feedback, collaboration, or questions: <strong style="color:#c89a6c">support@urbanflow.in</strong>
@@ -678,7 +678,7 @@
             <div id="stats-empty-state" class="stats-empty-overlay">
                 <i class="fa-solid fa-chart-column text-4xl mb-4" style="color:#333"></i>
                 <span class="text-sm font-bold" style="color:#555">Processing not started</span>
-                <span class="text-[11px] mt-1" style="color:#444">Charts will populate in real-time once analysis begins</span>
+                <span class="text-[11px] mt-1" style="color:#444">View KPIs once analysis begins</span>
             </div>
 
             <!-- Congestion Index -->
@@ -1005,6 +1005,31 @@
                                     class="s-val" id="sv-stride">2</span><button
                                     onclick="stepParam('stride',1)">&#8250;</button></div>
                         </div>
+                        <div class="s-row" data-param="smoothing">
+                            <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-info"></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
+                                    onclick="stepParam('smoothing',0.05)">&#8250;</button></div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Artifact Generation Settings -->
+                <div
+                    class="col-span-1 bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden flex flex-col">
+                    <div class="px-5 py-3 border-b border-slate-100 bg-slate-50/50">
+                        <h3 class="font-bold text-slate-800 text-sm">Artifact Settings</h3>
+                    </div>
+                    <div class="px-5 py-4 flex-1 flex flex-col">
                         <div class="s-row" data-param="report">
                             <div>
                                 <div class="text-xs font-semibold text-slate-700">Individual Chart Export</div>
@@ -1045,31 +1070,6 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="s-row" data-param="smoothing">
-                            <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-info"></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
-                                    onclick="stepParam('smoothing',0.05)">&#8250;</button></div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Artifact Generation Settings -->
-                <div
-                    class="col-span-1 bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden flex flex-col">
-                    <div class="px-5 py-3 border-b border-slate-100 bg-slate-50/50">
-                        <h3 class="font-bold text-slate-800 text-sm">Artifact Generation Settings</h3>
-                    </div>
-                    <div class="px-5 py-4 flex-1 flex flex-col">
                         <div class="s-row">
                             <div>
                                 <div class="text-xs font-semibold text-slate-700 flex items-center">Export Run Details (JSON)
@@ -1106,7 +1106,7 @@
                                         <span class="info-tip">Enable before processing starts. The artifact bundle (ZIP) will download automatically once analysis completes. Cannot be changed after processing finishes.</span>
                                     </span>
                                 </div>
-                                <div class="text-[10px] text-slate-400">Save reports automatically</div>
+                                <div class="text-[10px] text-slate-400">Save results automatically</div>
                             </div>
                             <div class="toggle-track" id="sv-auto-download" onclick="toggleAutoDownload(this)">
                                 <div class="toggle-thumb"></div>
@@ -1149,10 +1149,10 @@
             <div class="max-w-6xl mx-auto space-y-6">
                 <div class="text-center space-y-3 mb-6">
                     <h2 class="text-2xl font-bold tracking-tight" style="color:#f0ece6">Share Your Feedback</h2>
-                    <p class="text-xs" style="color:#777">We are actively refining UrbanFlow. Your technical insights directly drive our roadmap.</p>
+                    <p class="text-xs" style="color:#777">We are constantly refining UrbanFlow. Your technical insights directly drive our roadmap.</p>
                     <div class="inline-flex items-center gap-2 px-4 py-1.5 bg-[#111] border border-[#222] rounded-full mt-2">
                         <i class="fa-regular fa-clock text-[#c89a6c] text-[10px]"></i>
-                        <span class="text-[10px] font-bold uppercase tracking-widest text-[#a89f97]">Takes about 2 minutes to complete</span>
+                        <span class="text-[10px] font-bold uppercase tracking-widest text-[#a89f97]">It takes less than a minute to complete</span>
                     </div>
                 </div>
 
@@ -1179,7 +1179,7 @@
                             <!-- Emojis Grid -->
                             <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                                 <div>
-                                    <label class="text-[10px] font-bold uppercase tracking-widest block mb-3" style="color:#a89f97">Recommend Product</label>
+                                    <label class="text-[10px] font-bold uppercase tracking-widest block mb-3" style="color:#a89f97">Recommend Product to a friend or colleague</label>
                                     <div class="flex gap-2" id="fb-recommend">
                                         <div class="fb-emoji-btn" onclick="setEmoji(this, 'fb-recommend', 'Unlikely')"><i class="fa-solid fa-face-frown text-xl"></i><span class="block mt-1 text-[8px] uppercase">Unlikely</span></div>
                                         <div class="fb-emoji-btn" onclick="setEmoji(this, 'fb-recommend', 'Maybe')"><i class="fa-solid fa-face-meh text-xl"></i><span class="block mt-1 text-[8px] uppercase">Maybe</span></div>
@@ -1227,14 +1227,13 @@
 
                             <!-- Feature Prioritization -->
                             <div class="pt-4 border-t border-slate-800">
-                                <label class="text-[10px] font-bold uppercase tracking-widest block mb-4" style="color:#a89f97">Feature Prioritization (Select all that apply)</label>
+                                <label class="text-[10px] font-bold uppercase tracking-widest block mb-4" style="color:#a89f97">Feature Prioritization that you think we should consider</label>
                                 <div class="grid grid-cols-2 gap-3" id="fb-priorities">
-                                    <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="live-rtsp">Live RTSP Streams</div>
                                     <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="api-access">REST API Access</div>
                                     <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="anpr">ANPR Recognition</div>
                                     <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="security">Security Focus</div>
-                                    <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="regulation">Regulation & Policies</div>
-                                    <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="helmet">Helmet Compliance</div>
+                                    <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="regulation">Regulation &amp; Policies</div>
+                                    <div class="fb-chip" onclick="this.classList.toggle('active')" data-val="helmet">UI/ UX Improvements</div>
                                 </div>
                             </div>
                         </div>
@@ -1252,11 +1251,11 @@
                                     <label class="text-[10px] font-bold uppercase tracking-widest block mb-3" style="color:#a89f97">Primary Use Case</label>
                                     <select class="fb-select w-full" id="fb-usecase">
                                         <option value="" disabled selected>Select your use case</option>
-                                        <option value="research">Academic / Traffic Research</option>
-                                        <option value="planning">Urban Planning & Capacity</option>
-                                        <option value="highway">Highway Authority (NHAI/State)</option>
-                                        <option value="smartcity">Smart City Integrator</option>
-                                        <option value="other">Other Institutional</option>
+                                        <option value="research">Academic Research</option>
+                                        <option value="planning">Urban Planning</option>
+                                        <option value="highway">Business Modelling</option>
+                                        <option value="smartcity">Smart City Solutions</option>
+                                        <option value="other">Other..</option>
                                     </select>
                                 </div>
                                 <div>
@@ -1264,7 +1263,7 @@
                                     <select class="fb-select w-full" id="fb-type">
                                         <option value="" disabled selected>General Professional Feedback</option>
                                         <option value="bug">Technical Issue / Bug Report</option>
-                                        <option value="feature">Strategic Feature Request</option>
+                                        <option value="feature">Feature Request</option>
                                         <option value="accuracy">Inference Accuracy Review</option>
                                         <option value="ux">Dashboard Workflow / UX</option>
                                     </select>
@@ -1834,9 +1833,9 @@
         }
 
         function lockSettings() {
-            document.querySelectorAll('#settings-params .s-row').forEach(row => {
+            document.querySelectorAll('#tab-settings .s-row').forEach(row => {
                 const p = row.dataset.param;
-                if (p && p !== 'palette') {
+                if (p !== 'palette') {
                     row.classList.add('disabled');
                 }
             });
@@ -2355,8 +2354,8 @@
             <h2 style="color:#f0ece6;font-size:1.1rem;font-weight:700;margin-bottom:8px">Privacy Policy</h2>
             <p style="color:#a89f97;font-size:11px;margin-bottom:20px">We keep this simple and honest.</p>
             <ul style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc">
-                <li>This is a <strong style="color:#f0ece6">public demo</strong> hosted on Hugging Face Spaces. It is not a production service.</li>
-                <li>Footage you submit is processed in real time and <strong style="color:#f0ece6">discarded immediately</strong> after the session ends. Nothing is stored on our servers.</li>
+                <li>This is a <strong style="color:#f0ece6">demonstration application</strong> hosted on Hugging Face Spaces. It is not a production service.</li>
+                <li>Footage you submit is processed in <strong style="color:#f0ece6"> near real time</strong> and <strong style="color:#f0ece6">discarded immediately</strong> after the session ends. Nothing is stored on our servers.</li>
                 <li>We do not use your footage to train models, sell it, or share it with any third party.</li>
                 <li>Reports and annotated videos are generated temporarily and delivered to your device. We do not retain copies.</li>
                 <li>We do not use advertising cookies, behavioral tracking, or analytics scripts on this platform.</li>