Fix account dashboard sync rendering

site/account-ready.html

@@ -32,13 +32,15 @@
         <div>
           <p class="eyebrow">Account Dashboard</p>
           <h1 id="account-title">chuudoku</h1>
-          <p>
-            Manage your Blue Burst login and the serial/access keys you use for DC V2, PC V2, and GC V3.
-            Linked saves are mirrored between US and EU automatically.
+          <p class="account-email-line">
+            Email <strong>chuudoku@pm.me</strong>
+            <span class="verified-pill">Verified</span>
+            <a href="#" data-account-action="update-email">update email address</a>
+            <a href="#" data-account-action="change-password">change password</a>
           </p>
         </div>
         <div class="status-badges" aria-label="Account setup status">
-<span class="badge badge--ok">BB account ready</span>
+          <span class="badge badge--ok">Account ready</span>
           <span class="badge badge--ok">Saves synced</span>
         </div>
       </section>
@@ -54,12 +56,25 @@
 
             <section class="dashboard-grid dashboard-grid--setup">
 <section class="card setup-card setup-card--bb" aria-labelledby="bb-heading">
-            <h2 id="bb-heading" class="section-title">Blue Burst Account</h2>
-            <dl class="account-summary account-summary--large">
-              <div><dt>BB username</dt><dd>chuudoku</dd></div>
-              <div><dt>BB account ID</dt><dd>0126326509</dd></div>
-            </dl>
-            <p class="fine-print">Blue Burst is limited to one account per website account. Password reset can come later.</p>
+            <h2 id="bb-heading" class="section-title">Blue Burst</h2>
+            <p>BB username <strong>chuudoku</strong><br>BB account ID <strong>0126326509</strong></p>
+
+            <form class="bb-account-form" data-bb-action="change-password">
+              <p class="muted">Change your Blue Burst login password. This updates the account file, then it needs to sync to the ships.</p>
+
+              <label>
+                New BB password
+                <input name="password" type="password" autocomplete="new-password" maxlength="16" required>
+              </label>
+
+              <label>
+                Confirm new BB password
+                <input name="confirm_password" type="password" autocomplete="new-password" maxlength="16" required>
+              </label>
+
+              <button class="button" type="submit">Change Blue Burst Password</button>
+              <div class="bb-message" role="status"></div>
+            </form>
           </section>
 
         <section class="card setup-card setup-card--key-sync" aria-labelledby="key-sync-heading">

site/app.js

@@ -388,7 +388,10 @@
     if (!hero || !title) return;
 
     for (const p of Array.from(hero.querySelectorAll("p"))) {
-      if (p.textContent.includes("Manage your Blue Burst login")) {
+      if (
+        p.textContent.includes("Manage your Blue Burst login") ||
+        p.classList.contains("account-email-line")
+      ) {
         p.remove();
       }
     }
@@ -573,9 +576,9 @@
     const title = document.querySelector("#account-title");
     if (title) title.textContent = user.username;
 
-    renderAccountEmail(accountData);
-    updateAccountStatusBadges(accountData);
-    renderBBCard(accountData);
+    // Account dashboard cards are server-rendered and have dedicated account JS.
+    // Do not let the generic app bootstrap rewrite BB/status cards into stale layouts.
+    return;
   }
 
   async function boot() {