Add dashboard pain chart and version footer

assets/css/app.css

@@ -244,6 +244,26 @@ button:disabled {
     gap: 1rem;
 }
 
+.site-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.9rem;
+    margin-top: auto;
+    padding: 0.9rem 1.1rem;
+    border-radius: var(--radius-lg);
+}
+
+.site-footer__link {
+    color: var(--muted);
+    font-size: 0.92rem;
+    transition: color 180ms ease, opacity 180ms ease;
+}
+
+.site-footer__link:hover {
+    color: var(--text);
+}
+
 .topbar {
     display: flex;
     justify-content: space-between;
@@ -1500,6 +1520,10 @@ input[type="range"] {
         padding-bottom: calc(6.8rem + env(safe-area-inset-bottom));
     }
 
+    .site-footer {
+        margin-bottom: 0.5rem;
+    }
+
     .bar-chart {
         overflow-x: auto;
         padding-bottom: 0.4rem;
@@ -1580,4 +1604,10 @@ input[type="range"] {
     .mobile-nav a span {
         font-size: 0.72rem;
     }
+
+    .site-footer {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 0.4rem;
+    }
 }

assets/js/app.js

@@ -394,7 +394,7 @@
         }
 
         const seriesName = container.dataset.series || "";
-        const invertScale = seriesName === "stress";
+        const invertScale = seriesName === "stress" || seriesName === "pain";
         const values = items.map(item => Number(item.value));
         const width = 760;
         const height = 196;
@@ -402,7 +402,7 @@
         let minValue = Math.min(...values);
         let maxValue = Math.max(...values);
 
-        if (seriesName === "mood" || seriesName === "stress") {
+        if (seriesName === "mood" || seriesName === "stress" || seriesName === "pain") {
             minValue = Math.max(1, minValue - 1.5);
             maxValue = Math.min(10, maxValue + 1.5);
         } else {
@@ -412,7 +412,7 @@
 
         if ((maxValue - minValue) < 3) {
             const center = (maxValue + minValue) / 2;
-            if (seriesName === "mood" || seriesName === "stress") {
+            if (seriesName === "mood" || seriesName === "stress" || seriesName === "pain") {
                 minValue = Math.max(1, center - 1.5);
                 maxValue = Math.min(10, center + 1.5);
             } else {