06/04 Optimize app

templates/base.html

@@ -69,6 +69,22 @@
     {% block content %}{% endblock %}
   </main>
 
+  <!-- ── Session timeout warning modal ──────────────────────── -->
+  <div class="modal-overlay" id="modal-session-warning" data-no-backdrop-close>
+    <div class="modal" style="max-width:380px">
+      <div class="modal-header">
+        <span class="modal-title">⏱ Session Expiring Soon</span>
+      </div>
+      <div class="modal-body" style="text-align:center">
+        <p style="margin:0 0 .5rem">Your session expires in <strong id="session-countdown">5:00</strong>.</p>
+        <p class="text-muted" style="font-size:.875rem;margin:0">Click below to stay logged in.</p>
+      </div>
+      <div class="modal-footer" style="justify-content:center">
+        <button class="btn btn-primary" id="btn-stay-logged-in">Stay Logged In</button>
+      </div>
+    </div>
+  </div>
+
   <script src="{{ url_for('static', filename='js/app.js') }}"></script>
 </body>
 </html>