Fix: clear password fields after autofill delay and add autocomplete=off on login form

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   pediatric-scribe:
-    image: danielonyejesi/pediatric-ai-scribe-v3:v1.7
+    image: danielonyejesi/pediatric-ai-scribe-v3:v1.8
     ports:
       - "3552:3000"
     env_file:

public/index.html

@@ -28,7 +28,7 @@
       </div>
 
       <!-- Login Form -->
-      <form id="login-form" class="auth-form">
+      <form id="login-form" class="auth-form" autocomplete="off">
         <h2>Sign In</h2>
         <div class="form-group">
           <label>Email</label>

public/js/auth.js

@@ -97,20 +97,20 @@ document.addEventListener('DOMContentLoaded', function() {
 
   function exitApp() {
     clearSession();
-    // Remove has-session class so auth screen CSS override is lifted
     document.documentElement.classList.remove('has-session');
-    // Clear all auth input fields
-    ['login-email', 'login-password', 'reg-name', 'reg-email', 'reg-password', 'login-totp'].forEach(function(id) {
-      var el = document.getElementById(id);
-      if (el) el.value = '';
-    });
-    // Clear URL hash
     history.replaceState(null, '', window.location.pathname);
     if (authScreen) authScreen.style.display = 'flex';
     if (mainApp) mainApp.style.display = 'none';
     var adminTabBtn = document.getElementById('admin-tab-btn');
     if (adminTabBtn) adminTabBtn.classList.add('hidden');
     showLoginForm();
+    // Clear fields after browser autofill has had a chance to run
+    setTimeout(function() {
+      ['login-email', 'login-password', 'reg-name', 'reg-email', 'reg-password', 'login-totp'].forEach(function(id) {
+        var el = document.getElementById(id);
+        if (el) el.value = '';
+      });
+    }, 100);
   }
 
   function clearSession() {