0.35.5

src/admin/web/app/runtime.js

@@ -435,8 +435,6 @@ function renderDiagnostics(status, appendSample = true, systemSample = appendSam
         $("process-summary").hidden = d.process_threads == null;
         if (d.process_threads != null) $("process-summary").textContent = `${fmt(d.process_threads)} ${t("threads")}`;
         setOptionalMetric("system-cpu", d.cpu_percent != null, `${fmt(d.cpu_percent, 1)}%`);
-        const sourceSupported = !!d.source && d.source !== "unsupported";
-        $("system-source").hidden = !sourceSupported; if (sourceSupported) $("system-source").textContent = t("realSample");
         const systemMemory = knownPair(d.memory_used_bytes, d.memory_total_bytes, value => fmtBytes(value));
         setOptionalMetric("system-memory", systemMemory != null, systemMemory);
         const ramMeter = $("memory-meter"), ramFill = $("memory-meter-fill");
@@ -457,7 +455,9 @@ function renderDiagnostics(status, appendSample = true, systemSample = appendSam
         setOptionalMetric("system-swap", systemSwap != null, systemSwap);
         const loadSupported = Array.isArray(d.load_average) && d.load_average.length > 0;
         setOptionalMetric("system-load", loadSupported, loadSupported ? d.load_average.map(n => fmt(n, 2)).join(" / ") : "");
-        setOptionalMetric("system-uptime", d.system_uptime_seconds != null, d.system_uptime_seconds == null ? "" : uptime(d.system_uptime_seconds));
+        const systemUptime = $("system-uptime"), systemUptimeMeta = systemUptime?.closest(".system-uptime-meta");
+        if (systemUptimeMeta) systemUptimeMeta.hidden = d.system_uptime_seconds == null;
+        if (systemUptime && d.system_uptime_seconds != null) systemUptime.textContent = uptime(d.system_uptime_seconds);
     }
     $("system-chart").hidden = live.cpu_percent == null; if (appendSample && live.cpu_percent != null) { systemSamples.push(Number(live.cpu_percent)); systemSamples = systemSamples.slice(-window.rustProxyOverviewSamples.getLimit()); }
     $("system-sparkline").setAttribute("points", systemSamples.map((n, i) => `${i * 300 / Math.max(1, systemSamples.length - 1)},${95 - Math.max(0, Math.min(100, n)) * .9}`).join(" "));

src/admin/web/css/30-overview.css

@@ -1004,6 +1004,10 @@ html[data-dashboard-density=compact] #panel-overview .stat>span {
   line-height: 1.35;
 }
 
+html[data-dashboard-density=compact] #panel-overview .stat-cache-outcomes .cache-mix-header>span {
+  font-size: 11px;
+}
+
 html[data-dashboard-density=compact] #panel-overview .stat strong {
   font-size: 22px;
   margin: 3px 0 2px;
@@ -1028,6 +1032,10 @@ html[data-dashboard-density=ultra] #panel-overview .stat>span {
   line-height: 1.08;
 }
 
+html[data-dashboard-density=ultra] #panel-overview .stat-cache-outcomes .cache-mix-header>span {
+  line-height: 1.08;
+}
+
 html[data-dashboard-density=ultra] #panel-overview .stat strong {
   font-size: 18px;
   margin: 2px 0 1px;
@@ -2097,7 +2105,12 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
   flex: 1 1 auto;
   min-width: 0;
   color: var(--muted);
-  font-size: 11px;
+  font-family: var(--sans);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.35;
+  letter-spacing: normal;
+  text-transform: none;
 }
 
 #panel-overview .stat-cache-outcomes .cache-mix-caption {
@@ -2132,16 +2145,18 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
 }
 
 #panel-overview .cache-mix-legend {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 5px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 7px;
   line-height: 1.25;
+  white-space: nowrap;
 }
 
 #panel-overview .cache-mix-legend>span {
-  display: flex;
+  display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: 3px;
   min-width: 0;
 }
 
@@ -2164,19 +2179,49 @@ html[data-dashboard-density] #panel-overview .stat :is(.stat-chart-legend, .over
 }
 
 #panel-overview .cache-mix-legend b {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  margin-left: auto;
+  display: inline-flex;
+  align-items: baseline;
+  gap: 2px;
+  margin-left: 1px;
   color: var(--text);
-  font: 500 10px var(--mono);
-  overflow-wrap: anywhere;
-  text-align: right;
+  font: 500 9px var(--mono);
 }
 
 #panel-overview .cache-mix-legend .cache-mix-percent {
   color: var(--muted);
-  font: 400 10px var(--mono);
+  font: 400 8px var(--mono);
+}
+
+#panel-overview .cache-mix-legend .cache-mix-percent::before {
+  content: "· ";
+}
+
+#panel-overview .system-card .system-uptime-meta,
+#panel-overview .connection-card .connection-backends-meta {
+  white-space: nowrap;
+}
+
+#panel-overview .system-card .system-uptime-meta b,
+#panel-overview .connection-card .connection-backends-meta b {
+  color: var(--text);
+  font-weight: 650;
+}
+
+#panel-overview .connection-card .connection-heading-main {
+  width: 100%;
+  min-width: 0;
+}
+
+#panel-overview .connection-card .connection-current-main {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 6px;
+  min-width: 0;
+}
+
+#panel-overview .connection-card .connection-backends-meta {
+  margin-left: auto;
+  line-height: inherit;
 }
 
 /* Live values stay on one line so refreshes do not change card heights. */

src/admin/web/partials/overview-charts.html

@@ -334,7 +334,8 @@
         <div>
             <h3 class="overview-chart-heading" data-i18n="systemLoad">System load</h3>
             <h2><span id="system-cpu">-</span> <small>CPU</small></h2>
-        </div><span class="meta" id="system-source">-</span>
+        </div><span class="meta system-uptime-meta"><span data-i18n="systemUptime">System uptime</span>: <b
+                id="system-uptime">-</b></span>
     </div><svg preserveAspectRatio="none" aria-label="System CPU history" data-i18n-aria="systemChart" id="system-chart"
         role="img" viewbox="0 0 300 100">
         <path class="chart-grid" d="M0 25H300 M0 50H300 M0 75H300"></path>
@@ -348,14 +349,15 @@
     <div class="memory-line"><span data-i18n="systemSwap">System swap</span><b id="system-swap">-</b></div>
     <div class="chart-footer"><span data-i18n="loadAverage">Load 1 / 5 / 15 min</span><span id="system-load">-</span>
     </div>
-    <div class="chart-footer"><span data-i18n="systemUptime">System uptime</span><span id="system-uptime">-</span></div>
 </article>
 <article class="card connection-card" data-dashboard-widget="connection_chart">
     <div class="card-heading">
-        <div>
+        <div class="connection-heading-main">
             <h3 class="overview-chart-heading" data-i18n="connectionActivity">Connection activity</h3>
-            <h2><span id="connection-current">0</span> <small data-i18n="connections">Open
-                    connections</small></h2>
+            <h2><span class="connection-current-main"><span id="connection-current">0</span> <small
+                        data-i18n="connections">Open connections</small></span><small
+                    class="meta connection-backends-meta"><span data-i18n="backends">Backends</span>: <b
+                        id="connection-backends">0</b></small></h2>
         </div>
     </div>
     <svg preserveAspectRatio="none" aria-label="Connection activity history" data-i18n-aria="connectionActivity"
@@ -368,6 +370,4 @@
                 connections</span> <b id="connection-open-value">0</b></span><span
             class="connection-exchange-key"><i></i><span data-i18n="activeExchanges">Active
                 exchanges</span> <b id="connection-exchange-value">0</b></span></div>
-    <div class="chart-footer"><span><span data-i18n="backends">Backends</span>: <b id="connection-backends">0</b></span>
-    </div>
 </article>

src/admin/web/partials/overview-metrics.html

@@ -517,5 +517,4 @@
         <path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
         <polyline class="diagnostic-line proto-h2-line" id="www_php_requests-line" points="0,55 300,55"></polyline>
     </svg>
-    <small data-i18n="webMetricPerSecond">Requests per second</small>
 </article>