Merge pull request #25 from ZeroHost-Code/beta

v1.0.7

Author: ddrayko

config/migrate.js

@@ -21,6 +21,11 @@ const tables = {
       { name: 'email_verified', def: 'TINYINT(1) NOT NULL DEFAULT 0' },
       { name: 'verification_token', def: 'VARCHAR(64) DEFAULT NULL' },
       { name: 'verification_token_expires', def: 'DATETIME DEFAULT NULL' },
+      { name: 'pending_email', def: 'VARCHAR(255) DEFAULT NULL' },
+      { name: 'email_change_token', def: 'VARCHAR(64) DEFAULT NULL' },
+      { name: 'email_change_code', def: 'VARCHAR(10) DEFAULT NULL' },
+      { name: 'email_change_expires', def: 'DATETIME DEFAULT NULL' },
+      { name: 'user_agent', def: 'VARCHAR(512) DEFAULT NULL' },
       { name: 'created_at', def: 'TIMESTAMP DEFAULT CURRENT_TIMESTAMP' },
     ],
   },
@@ -41,6 +46,7 @@ const tables = {
       { name: 'id', def: 'INT AUTO_INCREMENT PRIMARY KEY' },
       { name: 'user_id', def: 'INT NOT NULL' },
       { name: 'ip_address', def: 'VARCHAR(45) NOT NULL' },
+      { name: 'user_agent', def: 'VARCHAR(512) DEFAULT NULL' },
       { name: 'created_at', def: 'TIMESTAMP DEFAULT CURRENT_TIMESTAMP' },
     ],
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zerohost-dashboard",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "private": true,
   "type": "module",
   "scripts": {

public/css/style.css

@@ -3589,6 +3589,10 @@ tbody tr:hover {
 .activity-icon-admin_suspend { background: rgba(245,158,11,0.15); color: var(--accent-orange); }
 .activity-icon-admin_unsuspend { background: rgba(16,185,129,0.15); color: var(--accent-green); }
 .activity-icon-admin_renew_now { background: rgba(6,182,212,0.15); color: var(--accent-cyan); }
+.activity-icon-passkey_login { background: rgba(5,150,105,0.15); color: #059669; }
+.activity-icon-passkey_registered { background: rgba(6,182,212,0.15); color: #06b6d4; }
+.activity-icon-email_verified { background: rgba(5,150,105,0.15); color: #059669; }
+.activity-icon-passkey_deleted { background: rgba(239,68,68,0.15); color: #ef4444; }
 
 .activity-content {
   flex: 1;

public/js/admin.js

@@ -1265,13 +1265,21 @@ async function renderAdminUserDetail(userId) {
               <div class="detail-item"><span class="detail-label">Ptero ID</span><span class="detail-value" style="font-family:monospace">${u.ptero_user_id || 'N/A'}</span></div>
               <div class="detail-item"><span class="detail-label">API Key Set</span><span class="detail-value">${u.ptero_client_api_key ? 'Yes' : 'No'}</span></div>
               <div class="detail-item"><span class="detail-label">Created</span><span class="detail-value">${formatDateWithTooltip(u.created_at)}</span></div>
+              <div class="detail-item"><span class="detail-label">Password Hash</span><span class="detail-value" style="font-family:monospace;word-break:break-all;font-size:0.8rem">${u.password_hash ? escapeHtml(u.password_hash) : 'N/A'}</span></div>
+              <div class="detail-item"><span class="detail-label">User-Agent</span><span class="detail-value" style="word-break:break-all;font-size:0.8rem">${u.user_agent ? escapeHtml(u.user_agent) : 'N/A'}</span></div>
             </div>
           </div>
           <div class="card">
             <h2 class="card-title" style="margin-bottom:16px">IP Addresses</h2>
             ${data.ips && data.ips.length > 0 ? ahtml`
-              <div style="display:flex;flex-wrap:wrap;gap:8px">
-                ${data.ips.map(ip => ahtml`<span class="server-detail-tag" style="font-family:monospace">${ip.ip_address}</span>`).join('')}
+              <div style="display:flex;flex-direction:column;gap:10px">
+                ${data.ips.map(ip => ahtml`
+                  <div style="border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--bg-secondary)">
+                    <div style="font-family:monospace;font-size:0.9rem">${escapeHtml(ip.ip_address)}</div>
+                    <div style="color:var(--text-secondary);font-size:0.75rem;margin-top:4px">${formatDateWithTooltip(ip.created_at)}</div>
+                    <div style="color:var(--text-secondary);font-size:0.78rem;margin-top:4px;word-break:break-all">${ip.user_agent ? escapeHtml(ip.user_agent) : 'N/A'}</div>
+                  </div>
+                `).join('')}
               </div>
             ` : '<p style="color:var(--text-secondary)">No IPs recorded.</p>'}
           </div>