diff --git a/src/app/components/admin.js b/src/app/components/admin.js
index 84c7207..97dac5a 100644
--- a/src/app/components/admin.js
+++ b/src/app/components/admin.js
@@ -5,55 +5,61 @@ import { formatISO } from "date-fns";
 export const UsersList = ({ users, total }) => html`
   <div class="form-section">
     <h3>Users (${total} total)</h3>
-    ${users && users.length > 0
-      ? html`
-          <table>
-            <thead>
-              <tr>
-                <th>Name</th>
-                <th>Email</th>
-                <th>Verified</th>
-                <th>Role</th>
-                <th>Created</th>
-              </tr>
-            </thead>
-            <tbody>
-              ${users.map(
-                (user) => html`
-                  <tr>
-                    <td>${user.name}</td>
-                    <td>${user.email}</td>
-                    <td>${user.emailVerified ? "✅" : "❌"}</td>
-                    <td>
-                      <form method="post" action="/admin/user/role">
-                        <input type="hidden" name="userId" value="${user.id}" />
-                        <select name="role" onchange="this.form.submit()">
-                          <option
-                            value="user"
-                            ${user.role === "user" ? "selected" : ""}
-                          >
-                            User
-                          </option>
-                          <option
-                            value="admin"
-                            ${user.role === "admin" ? "selected" : ""}
-                          >
-                            Admin
-                          </option>
-                        </select>
-                      </form>
-                    </td>
-                    <td>
-                      ${formatISO(new Date(user.createdAt), {
-                        representation: "date",
-                      })}
-                    </td>
-                  </tr>
-                `,
-              )}
-            </tbody>
-          </table>
-        `
-      : html` <p>No users found.</p> `}
+    ${
+      users && users.length > 0
+        ? html`
+            <table>
+              <thead>
+                <tr>
+                  <th>Name</th>
+                  <th>Email</th>
+                  <th>Verified</th>
+                  <th>Role</th>
+                  <th>Created</th>
+                </tr>
+              </thead>
+              <tbody>
+                ${users.map(
+                  (user) => html`
+                    <tr>
+                      <td>${user.name}</td>
+                      <td>${user.email}</td>
+                      <td>${user.emailVerified ? "✅" : "❌"}</td>
+                      <td>
+                        <form method="post" action="/admin/user/role">
+                          <input
+                            type="hidden"
+                            name="userId"
+                            value="${user.id}"
+                          />
+                          <select name="role" onchange="this.form.submit()">
+                            <option
+                              value="user"
+                              ${user.role === "user" ? "selected" : ""}
+                            >
+                              User
+                            </option>
+                            <option
+                              value="admin"
+                              ${user.role === "admin" ? "selected" : ""}
+                            >
+                              Admin
+                            </option>
+                          </select>
+                        </form>
+                      </td>
+                      <td>
+                        ${formatISO(new Date(user.createdAt), {
+                          representation: "date",
+                        })}
+                      </td>
+                    </tr>
+                  `,
+                )}
+              </tbody>
+            </table>
+          `
+        : html` <p>No users found.</p> `
+    }
   </div>
 `;
diff --git a/src/app/components/common.js b/src/app/components/common.js
index 9e36798..4e6a076 100644
--- a/src/app/components/common.js
+++ b/src/app/components/common.js
@@ -5,14 +5,18 @@ export const FormSection = ({ children }) => html` <div>${children}</div> `;
 
 // Message display component
 export const Message = ({ error, success }) => html`
-  ${error
-    ? html`<div class="pico-background-red-50">
-        ${decodeURIComponent(error)}
-      </div>`
-    : ""}
-  ${success
-    ? html`<div class="pico-background-green-50">
-        ${decodeURIComponent(success)}
-      </div>`
-    : ""}
+  ${
+    error
+      ? html`<div class="pico-background-red-50">
+          ${decodeURIComponent(error)}
+        </div>`
+      : ""
+  }
+  ${
+    success
+      ? html`<div class="pico-background-green-50">
+          ${decodeURIComponent(success)}
+        </div>`
+      : ""
+  }
 `;
diff --git a/src/app/components/home.js b/src/app/components/home.js
index 66bb5d6..f8de595 100644
--- a/src/app/components/home.js
+++ b/src/app/components/home.js
@@ -2,18 +2,20 @@ import { html } from "hono/html";
 
 // Login status display
 export const LoginStatus = ({ user }) => html`
-  ${user
-    ? html`
-        <div class="pico-background-green-50">
-          ✅ Logged in as: <strong>${user.name}</strong> (${user.email})
-        </div>
-        <a href="/profile">View Profile</a> |
-        <form method="post" action="/logout">
-          <button type="submit">Logout</button>
-        </form>
-      `
-    : html`
-        <div class="pico-background-red-50">❌ Not logged in</div>
-        <a href="/login">Sign In</a>
-      `}
+  ${
+    user
+      ? html`
+          <div class="pico-background-green-50">
+            ✅ Logged in as: <strong>${user.name}</strong> (${user.email})
+          </div>
+          <a href="/profile">View Profile</a> |
+          <form method="post" action="/logout">
+            <button type="submit">Logout</button>
+          </form>
+        `
+      : html`
+          <div class="pico-background-red-50">❌ Not logged in</div>
+          <a href="/login">Sign In</a>
+        `
+  }
 `;
diff --git a/src/app/components/layout.js b/src/app/components/layout.js
index 8c9f4b3..63a9769 100644
--- a/src/app/components/layout.js
+++ b/src/app/components/layout.js
@@ -1,5 +1,14 @@
 import { html } from "hono/html";
 
+// Derive a version stamp for cache-busting static assets.
+// HEROKU_SLUG_COMMIT is the deployed git SHA, set automatically by Heroku.
+// Falls back to SOURCE_VERSION (build-time env), then 'dev' for local.
+const STATIC_VERSION =
+  (process.env.HEROKU_SLUG_COMMIT || process.env.SOURCE_VERSION || "").slice(
+    0,
+    7,
+  ) || "dev";
+
 // Base layout component
 export const Layout = ({ title, children }) => html`
   <!DOCTYPE html>
@@ -21,7 +30,10 @@ export const Layout = ({ title, children }) => html`
       <header></header>
       <main class="container">${children}</main>
       <footer></footer>
-      <script type="module" src="/static/auth-client.js?v=2"></script>
+      <script
+        type="module"
+        src="/static/auth-client.js?v=${STATIC_VERSION}"
+      ></script>
     </body>
   </html>
 `;