feat(governance): automate identity and comparison coverage

templates/login.html

@@ -45,6 +45,21 @@
                     <form method="POST" action="{{ url_for('login') }}">
                         <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
 
+                        <div class="login-field">
+                            <label for="username" class="login-label">帳號</label>
+                            <input
+                                type="text"
+                                class="login-input login-input--plain"
+                                id="username"
+                                name="username"
+                                value="{{ username or '' }}"
+                                placeholder="請輸入帳號"
+                                autocomplete="username"
+                                {% if auth_mode == 'database' %}required{% endif %}
+                                autofocus
+                            >
+                        </div>
+
                         <div class="login-field">
                             <label for="password" class="login-label">密碼</label>
                             <div class="password-wrapper">
@@ -55,7 +70,6 @@
                                     name="password"
                                     placeholder="請輸入密碼"
                                     required
-                                    autofocus
                                     autocomplete="current-password"
                                 >
                                 <button
@@ -90,7 +104,13 @@
         }
 
         document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('password')?.focus();
+            const usernameInput = document.getElementById('username');
+            const passwordInput = document.getElementById('password');
+            if (usernameInput?.value) {
+                passwordInput?.focus();
+            } else {
+                usernameInput?.focus();
+            }
         });
     </script>
 </body>