v0.34.12

src/admin/web/app/overview-extra-metrics.js

@@ -1,5 +1,4 @@
-// Opt-in compact metrics and bounded visualizations. All readings reuse the
-// existing Overview live-status payload (no additional requests or timers).
+
 window.rustProxyExtraOverview = (() => {
     const limit = () => window.rustProxyOverviewSamples?.getLimit?.() ?? 60;
     const names = [
@@ -87,13 +86,17 @@ window.rustProxyExtraOverview = (() => {
         }
         if (id === "extra_backend_active") {
             const members = Array.isArray(status.backend_pools) ? status.backend_pools.flatMap(pool => pool.members || []) : null;
-            return { value: members ? members.reduce((sum, member) => sum + (positive(member.active) ?? 0), 0) : null,
-                unit: "count", detail: "" };
+            return {
+                value: members ? members.reduce((sum, member) => sum + (positive(member.active) ?? 0), 0) : null,
+                unit: "count", detail: ""
+            };
         }
         if (id === "extra_backend_unhealthy") {
-            return { value: Array.isArray(status.backend_pools) ? status.backend_pools.reduce((sum, pool) =>
-                sum + (pool.members || []).filter(member => member.status === "down").length, 0) : null,
-            unit: "count", detail: "" };
+            return {
+                value: Array.isArray(status.backend_pools) ? status.backend_pools.reduce((sum, pool) =>
+                    sum + (pool.members || []).filter(member => member.status === "down").length, 0) : null,
+                unit: "count", detail: ""
+            };
         }
         if (id === "extra_cache_memory") return ramBudget(c.resident_bytes, c.hot_limit_bytes);
         if (id === "extra_cold_queue_memory") return ramBudget(c.cold_queue_bytes, c.cold_queue_limit_bytes);
@@ -123,8 +126,10 @@ window.rustProxyExtraOverview = (() => {
         const { deltas, seconds } = result;
         if (unit === "rate") return { value: deltas[0] / seconds, unit, detail: "" };
         const sum = id === "extra_cache_hit_rate" ? deltas[0] + deltas[1] : deltas[1];
-        return { value: sum > 0 ? Math.min(100, deltas[0] / sum * 100) : null, unit, detail: "",
-            slices: id === "extra_cache_hit_rate" ? [deltas[0], deltas[1]] : null };
+        return {
+            value: sum > 0 ? Math.min(100, deltas[0] / sum * 100) : null, unit, detail: "",
+            slices: id === "extra_cache_hit_rate" ? [deltas[0], deltas[1]] : null
+        };
     }
     function format(value, unit) {
         if (value == null) return "-";
@@ -145,7 +150,6 @@ window.rustProxyExtraOverview = (() => {
         for (const id of names) {
             const tile = node(id);
             if (!tile) { lastCounter.delete(id); continue; }
-            // Visibility is only a presentation concern; retain live history.
             const metric = read(id, status, now, record);
             const value = metric.value;
             if (lastUnits.get(id) !== metric.unit) {
@@ -161,6 +165,9 @@ window.rustProxyExtraOverview = (() => {
                     histories.set(id, history);
                 }
                 $(`overview-extra-${id}-line`)?.setAttribute("points", points(id, history, metric.unit));
+                window.rustProxyChartScale.axes(`overview-extra-${id}-line`,
+                    window.rustProxyChartScale.peak(`extra:${id}`, metric.unit, [history]), metric.unit,
+                    history.length, { top: 5 / 60, bottom: 55 / 60 });
             }
             if (record) {
                 lastValue.set(id, value);