Match System panel styling to Live Health: tile grid, accent bar, light-theme tile fix

package.json

@@ -1,6 +1,6 @@
 {
   "name": "site-gateway",
-  "version": "0.11.52",
+  "version": "0.11.54",
   "private": true,
   "description": "Site Gateway: simple self-hosted website publishing, reverse proxying, and automatic HTTPS.",
   "type": "module",

src/public/app.js

@@ -248,7 +248,7 @@ async function loadFeatureView() {
 }
 function render() {
   const viewHash = state.view === "administration" ? `administration/${state.adminTab || "users"}` : state.view;
-  if (location.hash !== `#${viewHash}`) history.replaceState(null, "", `${location.pathname}${location.search}#${viewHash}`);
+  if (location.hash !== `#${viewHash}`) history.pushState(null, "", `${location.pathname}${location.search}#${viewHash}`);
   $("#hosted-count").textContent = state.sites.length; $("#proxy-count").textContent = state.proxies.length; $("#streaming-count").textContent = state.streams.length; $("#redirect-count").textContent = state.redirects.length; $("#access-count").textContent = state.accessLists.length; $("#certificate-count").textContent = state.certificates?.summary.total || 0;
   document.querySelectorAll("nav [data-view], .aside-utilities [data-view]").forEach(button => button.classList.toggle("nav-active", button.dataset.view === state.view));
   const overview = state.view === "overview";

src/public/index.html

@@ -94,16 +94,16 @@
             </div>
             <p id="health-checked" class="checked-time"><span class="live-dot" id="health-live-dot"></span>Last checked —</p>
           </section>
-          <section class="dashboard-panel">
+          <section class="dashboard-panel system-panel">
             <div class="panel-heading"><div><p class="eyebrow">Runtime</p><h2>System</h2></div></div>
             <dl class="system-grid">
-              <div><dt>Uptime</dt><dd id="system-uptime">—</dd></div>
+              <div class="system-tile"><dt>Uptime</dt><dd id="system-uptime">—</dd></div>
-              <div><dt>Memory</dt><dd id="system-memory">—</dd></div>
+              <div class="system-tile"><dt>Memory</dt><dd id="system-memory">—</dd></div>
-              <div><dt>Site Gateway data</dt><dd id="system-data">—</dd><small>Used by sites and configuration</small></div>
+              <div class="system-tile"><dt>Site Gateway data</dt><dd id="system-data">—</dd><small>Used by sites and configuration</small></div>
-              <div><dt>Storage available</dt><dd id="system-disk">—</dd><small>Available on the /data volume</small></div>
+              <div class="system-tile"><dt>Storage available</dt><dd id="system-disk">—</dd><small>Available on the /data volume</small></div>
-              <div><dt>Site Gateway</dt><dd id="system-app-version">—</dd></div>
+              <div class="system-tile"><dt>Site Gateway</dt><dd id="system-app-version">—</dd></div>
-              <div><dt>Caddy</dt><dd id="system-caddy-version">—</dd></div>
+              <div class="system-tile"><dt>Caddy</dt><dd id="system-caddy-version">—</dd></div>
-              <div><dt>Database</dt><dd id="system-database">—</dd><small id="system-database-detail">SQLite storage</small></div>
+              <div class="system-tile"><dt>Database</dt><dd id="system-database">—</dd><small id="system-database-detail">SQLite storage</small></div>
             </dl>
           </section>
         </div>