From 491884a28ea4f3ea73f8dbf39a7e435e2df20a39 Mon Sep 17 00:00:00 2001
From: AI Bot <bot@digifox.live>
Date: Fri, 7 Aug 2026 19:18:14 +0530
Subject: [PATCH] fix: resolve autocomplete warnings and update admin table UI

---
 src/components/AuthModal.tsx | 2 ++
 src/pages/Admin.tsx          | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/AuthModal.tsx b/src/components/AuthModal.tsx
index 94b9e68..510d42b 100644
--- a/src/components/AuthModal.tsx
+++ b/src/components/AuthModal.tsx
@@ -109,6 +109,7 @@ export function AuthModal() {
                   type="email" 
                   placeholder="Email address"
                   required
+                  autoComplete="username"
                   value={email}
                   onChange={(e) => setEmail(e.target.value)}
                   className="w-full bg-zinc-950/50 border border-zinc-700/50 rounded-xl py-3 pl-10 pr-4 text-white placeholder-zinc-500 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all"
@@ -121,6 +122,7 @@ export function AuthModal() {
                   type="password" 
                   placeholder="Password"
                   required
+                  autoComplete={isRegister ? "new-password" : "current-password"}
                   value={password}
                   onChange={(e) => setPassword(e.target.value)}
                   className="w-full bg-zinc-950/50 border border-zinc-700/50 rounded-xl py-3 pl-10 pr-4 text-white placeholder-zinc-500 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all"
diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
index 8a359af..9d54b72 100644
--- a/src/pages/Admin.tsx
+++ b/src/pages/Admin.tsx
@@ -85,6 +85,7 @@ export default function Admin() {
                <table className="w-full text-left text-sm">
                  <thead className="bg-zinc-950 text-zinc-400">
                    <tr>
+                     <th className="p-4 font-medium">User ID</th>
                      <th className="p-4 font-medium">Email</th>
                      <th className="p-4 font-medium">Role</th>
                      <th className="p-4 font-medium">Status</th>
@@ -125,6 +126,7 @@ const UserRow = ({ user, onUpdate }: { user: UserProfile, onUpdate: (u: UserProf
 
   return (
     <tr className="hover:bg-zinc-800/50">
+      <td className="p-4 font-mono text-xs opacity-50" title={user.id}>{user.id.substring(0, 8)}...</td>
       <td className="p-4 font-mono text-xs">{user.email}</td>
       <td className="p-4">
         <select