privacy modals; minor improvement

backend/constants.py

@@ -1,14 +0,0 @@
-MODEL_CLASSES = {
-    0: "Hatchback", 1: "Sedan", 2: "SUV", 3: "MUV", 4: "Bus", 5: "Truck",
-    6: "Three-wheeler", 7: "Two-wheeler", 8: "LCV", 9: "Mini-bus",
-    10: "Tempo-traveller", 11: "Bicycle", 12: "Van", 13: "Others"
-}
-
-BUSINESS_MAP = {
-    "Cars": [0, 1, 2, 3, 12],
-    "Buses": [4, 9, 10],
-    "Two-wheelers": [7, 11],
-    "Three-wheelers": [6],
-    "Trucks": [5, 8],
-    "Others": [13]
-}

backend/engine.py

@@ -6,10 +6,9 @@ import queue
 import numpy as np
 import cv2
 from collections import defaultdict
-from constants import MODEL_CLASSES
+from pcu import compute_pcu, MODEL_CLASSES
 from tracker_config import get_tracker_path
 from speed import estimate_speeds
-from pcu import compute_pcu
 
 
 def _side(p, a, b):

backend/pcu.py

@@ -4,7 +4,12 @@ Passenger Car Unit (PCU) conversion using IRC:106-1990 guidelines.
 PCU normalizes heterogeneous Indian traffic into a single unit of measurement
 used by transport authorities for capacity analysis and road design.
 """
-from constants import MODEL_CLASSES
+MODEL_CLASSES = {
+    0: "Hatchback", 1: "Sedan", 2: "SUV", 3: "MUV", 4: "Bus", 5: "Truck",
+    6: "Three-wheeler", 7: "Two-wheeler", 8: "LCV", 9: "Mini-bus",
+    10: "Tempo-traveller", 11: "Bicycle", 12: "Van", 13: "Others"
+}
+
 
 # IRC:106-1990 PCU equivalency factors
 _PCU_TABLE = {

backend/server.py

@@ -15,9 +15,18 @@ from fastapi.staticfiles import StaticFiles
 from model import load_model
 from config import get_optimal_config
 from engine import run
-from constants import MODEL_CLASSES, BUSINESS_MAP
+from pcu import MODEL_CLASSES
 from visualize import generate_all
 
+BUSINESS_MAP = {
+    "Cars": [0, 1, 2, 3, 12],
+    "Buses": [4, 9, 10],
+    "Two-wheelers": [7, 11],
+    "Three-wheelers": [6],
+    "Trucks": [5, 8],
+    "Others": [13]
+}
+
 from contextlib import asynccontextmanager
 import numpy as np
 

frontend/initial.html

@@ -123,7 +123,87 @@
         </div>
     </main>
 
+    <footer class="w-full max-w-[90rem] mx-auto px-10 py-8 mt-auto flex flex-col md:flex-row justify-between items-center text-[10px] font-bold uppercase tracking-[0.2em] z-10" style="color:#444">
+        <div class="mb-4 md:mb-0">
+            <button onclick="openAppModal('privacyModal')" class="hover:text-white transition">Privacy Policy</button>
+        </div>
+        <div class="mb-4 md:mb-0">
+            <button onclick="openAppModal('termsModal')" class="hover:text-white transition">Terms & Conditions</button>
+        </div>
+        <div>
+            &copy; 2026 UrbanFlow. All rights reserved.
+        </div>
+    </footer>
+
     <script src="js/initial.js"></script>
+    <script>
+        function openAppModal(id) {
+            const el = document.getElementById('appModal-' + id);
+            if (el) { el.style.display = 'flex'; document.body.style.overflow = 'hidden'; }
+        }
+        function closeAppModal(id) {
+            const el = document.getElementById('appModal-' + id);
+            if (el) { el.style.display = 'none'; document.body.style.overflow = ''; }
+        }
+        document.addEventListener('keydown', function (e) {
+            if (e.key === 'Escape') { closeAppModal('privacyModal'); closeAppModal('termsModal'); }
+        });
+    </script>
+
+    <!-- Privacy Modal -->
+    <div id="appModal-privacyModal" onclick="if(event.target===this)closeAppModal('privacyModal')"
+        style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;align-items:center;justify-content:center;padding:24px">
+        <div
+            style="background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;max-width:480px;width:100%;padding:32px;position:relative;max-height:80vh;overflow-y:auto">
+            <button onclick="closeAppModal('privacyModal')"
+                style="position:absolute;top:16px;right:18px;background:none;border:none;color:#a89f97;font-size:18px;cursor:pointer">&times;</button>
+            <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;text-align:left">
+                <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>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>
+                <li>Your use of this demo may inform product requirements. No personally identifiable data is collected in that process.</li>
+                <li>For any queries: <strong style="color:#c89a6c">support@urbanflow.in</strong></li>
+            </ul>
+            <p style="color:#555;font-size:10px;margin-top:20px;text-align:left">&mdash; Team UrbanFlow</p>
+        </div>
+    </div>
+
+    <!-- Terms Modal -->
+    <div id="appModal-termsModal" onclick="if(event.target===this)closeAppModal('termsModal')"
+        style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;align-items:center;justify-content:center;padding:24px">
+        <div
+            style="background:#0a0a0a;border:1px solid #2a2a2a;border-radius:14px;max-width:480px;width:100%;padding:32px;position:relative;max-height:80vh;overflow-y:auto">
+            <button onclick="closeAppModal('termsModal')"
+                style="position:absolute;top:16px;right:18px;background:none;border:none;color:#a89f97;font-size:18px;cursor:pointer">&times;</button>
+            <h2 style="color:#f0ece6;font-size:1.1rem;font-weight:700;margin-bottom:8px">Terms &amp; Conditions</h2>
+            <p style="color:#a89f97;font-size:11px;margin-bottom:20px">By using this demo platform, you agree to the
+                following terms.</p>
+            <p style="color:#c89a6c;font-size:11px;font-weight:700;margin-bottom:6px;text-align:left">You can:</p>
+            <ul
+                style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc;margin-bottom:16px;text-align:left">
+                <li>Use this demo to evaluate UrbanFlow&rsquo;s traffic detection and analytics capabilities.</li>
+                <li>Export reports, annotated video outputs, and data artifacts to your own device.</li>
+                <li>Share feedback, feature requests, or questions with us at <strong style="color:#c89a6c">support@urbanflow.in</strong>.</li>
+                <li>Reference this demo in research or internal evaluation, with proper attribution.</li>
+            </ul>
+            <p style="color:#c89a6c;font-size:11px;font-weight:700;margin-bottom:6px;text-align:left">You cannot:</p>
+            <ul
+                style="color:#a89f97;font-size:11px;line-height:1.9;padding-left:16px;list-style:disc;margin-bottom:16px;text-align:left">
+                <li>Commercially redistribute outputs or present them as your own product&rsquo;s capability.</li>
+                <li>Reverse-engineer, extract, or attempt to replicate the underlying model or processing pipeline.</li>
+                <li>Use the platform for unlawful, harmful, or safety-critical operational purposes.</li>
+                <li>Misrepresent demo outputs as certified or regulatory-grade traffic data.</li>
+            </ul>
+            <p style="color:#a89f97;font-size:11px;text-align:left">This platform is provided as-is for <strong style="color:#f0ece6">demonstration and evaluation purposes only</strong>.
+                Outputs are not intended for operational, regulatory, or safety-critical use. This is an early-stage research project, not a commercial product.</p>
+            <p style="color:#555;font-size:10px;margin-top:16px;text-align:left">Questions: <strong
+                    style="color:#c89a6c">support@urbanflow.in</strong></p>
+        </div>
+    </div>
 
     <!-- Onboarding Walkthrough -->
     <div id="onboard-overlay" class="onboard-overlay" style="display:none">