From d941a623657af33c505676302fce2052bb48fde9 Mon Sep 17 00:00:00 2001
From: Nathan Coad <nathan@thecoads.com>
Date: Wed, 28 Jan 2026 09:27:49 +1100
Subject: [PATCH] add home link

---
 cmd/ingestd/web/app.js     | 14 +++++++++++++-
 cmd/ingestd/web/index.html |  5 ++++-
 cmd/ingestd/web/styles.css | 10 ++++++++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/cmd/ingestd/web/app.js b/cmd/ingestd/web/app.js
index 06da823..43971cb 100644
--- a/cmd/ingestd/web/app.js
+++ b/cmd/ingestd/web/app.js
@@ -243,6 +243,18 @@ function updateText(id, text) {
   if (el) el.textContent = text;
 }
 
+function updateSiteMeta(site, model, tzLabel) {
+  const home = document.getElementById("site-home");
+  const suffix = document.getElementById("site-meta-suffix");
+  if (home) {
+    home.textContent = site || "--";
+    home.setAttribute("href", "/");
+  }
+  if (suffix) {
+    suffix.textContent = ` | model ${model || "--"} | ${tzLabel}`;
+  }
+}
+
 function upsertChart(id, config) {
   const ctx = document.getElementById(id);
   if (!ctx) return;
@@ -302,7 +314,7 @@ function baseOptions(range) {
 function renderDashboard(data) {
   const latest = data.latest;
   const tzLabel = state.tz === "utc" ? "UTC" : "Local";
-  updateText("site-meta", `${data.site} | model ${data.model} | ${tzLabel}`);
+  updateSiteMeta(data.site, data.model, tzLabel);
   updateText("last-updated", `updated ${formatDateTime(data.generated_at)}`);
   const forecastMeta = data.forecast && data.forecast.points && data.forecast.points.length
     ? `forecast retrieved ${formatDateTime(data.forecast.retrieved_at)}`
diff --git a/cmd/ingestd/web/index.html b/cmd/ingestd/web/index.html
index fa1aa9c..319e0b0 100644
--- a/cmd/ingestd/web/index.html
+++ b/cmd/ingestd/web/index.html
@@ -14,7 +14,10 @@
     <header class="topbar">
       <div>
         <div class="title">Weatherstation Console</div>
-        <div class="subtitle" id="site-meta">Loading...</div>
+        <div class="subtitle" id="site-meta">
+          <a class="site-link" id="site-home" href="/">--</a>
+          <span id="site-meta-suffix"></span>
+        </div>
       </div>
       <div class="controls">
         <div class="segmented" role="group" aria-label="time range">
diff --git a/cmd/ingestd/web/styles.css b/cmd/ingestd/web/styles.css
index 9a79966..3bc061a 100644
--- a/cmd/ingestd/web/styles.css
+++ b/cmd/ingestd/web/styles.css
@@ -51,6 +51,16 @@ body {
   font-size: 14px;
 }
 
+.site-link {
+  color: var(--text);
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.site-link:hover {
+  color: var(--accent);
+}
+
 .controls {
   display: flex;
   gap: 12px;