fix: cache-busting admin JS + safety guard in admin.js to prevent dashboard race condition

Author: ddrayko

public/index.html

@@ -15,7 +15,7 @@
 
 <div id="app"></div>
 
-  <script src="/js/app.js"></script>
-  <script src="/js/admin.js"></script>
+  <script src="/js/app.js?v=2"></script>
+  <script src="/js/admin.js?v=2"></script>
 </body>
 </html>

public/js/admin.js

@@ -379,10 +379,22 @@ window.addEventListener('popstate', () => {
   }
 });
 
+let adminTakingOver = false;
+
 function initAdmin() {
   const path = window.location.pathname;
   if (!path.startsWith('/admin')) return;
 
+  adminTakingOver = true;
+
+  // Clear any dashboard that may have been rendered by an old cached app.js
+  const app = document.getElementById('app');
+  if (app && app.querySelector('.dashboard-layout')) {
+    app.innerHTML = '';
+    localStorage.removeItem('zh_token');
+    localStorage.removeItem('zh_user');
+  }
+
   let meta = document.querySelector('meta[name="robots"]');
   if (!meta) {
     meta = document.createElement('meta');

public/js/app.js

@@ -460,6 +460,7 @@ function toggleSidebarCollapse() {
 
 // ===== DASHBOARD =====
 async function renderDashboard() {
+  if (typeof adminTakingOver !== 'undefined' && adminTakingOver) return;
   const app = $('#app');
   app.innerHTML = html`
     <div class="dashboard-layout">