Semplifica il grafico analytics: solo pageview e toggle nascondi.

Chiarisce che il totale è su tutte le pagine (filtri Da/A/Device), distinto dal dettaglio per path.

Co-authored-by: Cursor <cursoragent@cursor.com>

backend/public/admin-analytics.js

@@ -1,7 +1,40 @@
 (function () {
+  var STORAGE_KEY = "mltv_admin_analytics_chart_hidden";
   var trend = window.adminAnalyticsTrend || [];
   var i18n = window.adminAnalyticsI18n || {};
+  var panel = document.getElementById("admin-analytics-trend");
   var canvas = document.getElementById("chart-analytics-trend");
+  var toggle = document.getElementById("admin-analytics-trend-toggle");
+  var body = document.getElementById("admin-analytics-trend-body");
+
+  function setHidden(hidden) {
+    if (!panel || !body || !toggle) return;
+    body.hidden = hidden;
+    panel.classList.toggle("is-collapsed", hidden);
+    toggle.setAttribute("aria-expanded", hidden ? "false" : "true");
+    toggle.textContent = hidden
+      ? (i18n.showChart || "Mostra grafico")
+      : (i18n.hideChart || "Nascondi grafico");
+    try {
+      localStorage.setItem(STORAGE_KEY, hidden ? "1" : "0");
+    } catch (e) { /* ignore */ }
+  }
+
+  function initiallyHidden() {
+    try {
+      return localStorage.getItem(STORAGE_KEY) === "1";
+    } catch (e) {
+      return false;
+    }
+  }
+
+  if (toggle && body) {
+    setHidden(initiallyHidden());
+    toggle.addEventListener("click", function () {
+      setHidden(!body.hidden);
+    });
+  }
+
   if (!canvas || !trend.length || typeof Chart === "undefined") return;
 
   function dayLabel(dayStr) {
@@ -11,14 +44,10 @@
     return d.toLocaleDateString([], { day: "2-digit", month: "short" });
   }
 
-  var labels = trend.map(function (row) {
-    return dayLabel(row.day);
-  });
-
   new Chart(canvas, {
     type: "line",
     data: {
-      labels: labels,
+      labels: trend.map(function (row) { return dayLabel(row.day); }),
       datasets: [
         {
           label: i18n.pageviews || "Pageviews",
@@ -29,27 +58,6 @@
           tension: 0.25,
           pointRadius: 3,
           pointHoverRadius: 5
-        },
-        {
-          label: i18n.clicks || "Clicks",
-          data: trend.map(function (r) { return r.clicks || 0; }),
-          borderColor: "rgba(66, 165, 245, 0.95)",
-          backgroundColor: "transparent",
-          fill: false,
-          tension: 0.25,
-          pointRadius: 2,
-          pointHoverRadius: 4
-        },
-        {
-          label: i18n.moves || "Moves",
-          data: trend.map(function (r) { return r.moves || 0; }),
-          borderColor: "rgba(255, 193, 7, 0.85)",
-          backgroundColor: "transparent",
-          fill: false,
-          tension: 0.25,
-          pointRadius: 2,
-          pointHoverRadius: 4,
-          borderDash: [4, 3]
         }
       ]
     },
@@ -74,7 +82,7 @@
         }
       },
       plugins: {
-        legend: { labels: { color: "#ccc", boxWidth: 12 } }
+        legend: { display: false }
       }
     }
   });

backend/public/admin.css

@@ -178,10 +178,31 @@ body.admin-body {
   margin-top: 0.75rem;
 }
 
+.admin-analytics-trend__head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.admin-analytics-trend__head h3 {
+  margin: 0 0 0.35rem;
+}
+
 .admin-analytics-trend__kpi {
   margin: 0.75rem 0 0;
 }
 
+.admin-analytics-trend.is-collapsed .admin-analytics-trend__head {
+  margin-bottom: 0;
+}
+
+.admin-analytics-pages-title {
+  margin: 0 0 0.35rem;
+  font-size: 1rem;
+}
+
 .admin-panels {
   display: grid;
   grid-template-columns: 1.4fr 1fr;