From c7f2177b08bb3dcfba7988e34d1c293ab3f835da Mon Sep 17 00:00:00 2001
From: henrygd <hank@henrygd.me>
Date: Fri, 25 Sep 2026 19:59:51 -0400
Subject: [PATCH] wifi: hide chart without signal data, show unknown signal in
 table

The line chart never renders without values, leaving an endless spinner
when connected interfaces report no RSSI.
---
 internal/site/src/components/routes/system.tsx      |  2 +-
 .../components/routes/system/charts/wifi-chart.tsx  | 13 ++++++-------
 .../systems-table/systems-table-columns.tsx         |  3 ++-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/internal/site/src/components/routes/system.tsx b/internal/site/src/components/routes/system.tsx
index e3cdff0c7..72051efe6 100644
--- a/internal/site/src/components/routes/system.tsx
+++ b/internal/site/src/components/routes/system.tsx
@@ -213,7 +213,6 @@ export default memo(function SystemDetail({ id }: { id: string }) {
 						<TemperatureChart {...coreProps} setPageBottomExtraMargin={setPageBottomExtraMargin} />
 						<FanChart {...coreProps} />
 						<BatteryChart system={system} {...coreProps} />
-						<WiFiChart system={system} {...coreProps} />
 						{pageBottomExtraMargin > 0 && <div style={{ marginBottom: pageBottomExtraMargin }}></div>}
 					</div>
 				</TabsContent>
@@ -223,6 +222,7 @@ export default memo(function SystemDetail({ id }: { id: string }) {
 						<>
 							<div className="grid xl:grid-cols-2 gap-4">
 								<BandwidthChart {...coreProps} systemStats={systemStats} />
+								<WiFiChart system={system} {...coreProps} />
 							</div>
 							{hasNetworkMonitors && <LazyNetworkMonitorsTable systemId={system.id} />}
 						</>
diff --git a/internal/site/src/components/routes/system/charts/wifi-chart.tsx b/internal/site/src/components/routes/system/charts/wifi-chart.tsx
index fc1196c6e..a8205c047 100644
--- a/internal/site/src/components/routes/system/charts/wifi-chart.tsx
+++ b/internal/site/src/components/routes/system/charts/wifi-chart.tsx
@@ -16,7 +16,11 @@ export function WiFiChart({
 	dataEmpty: boolean
 }) {
 	const interfaces = connectedWiFi(system)
-	if (!interfaces.length) return null
+	// Associated interfaces may not report RSSI; without any readings the chart would never render.
+	const hasSignal = interfaces.some(
+		([id, wifi]) => wifi.r !== undefined || chartData.systemStats.some((record) => record.stats?.wf?.[id] !== undefined)
+	)
+	if (!hasSignal) return null
 	const dataPoints = interfaces.map(([id, current]) => ({
 		label: current.s ? `${id} (${current.s})` : id,
 		color: wifiColor(id),
@@ -27,12 +31,7 @@ export function WiFiChart({
 			empty={dataEmpty}
 			grid={grid}
 			title={t`Wi-Fi signal`}
-			description={interfaces
-				.map(
-					([id, value]) =>
-						`${id}${value.s ? ` (${value.s})` : ""}: ${value.r == null ? t`Unavailable` : `${value.r} dBm`}`,
-				)
-				.join(" · ")}
+			description={t`Signal strength of connected Wi-Fi interfaces`}
 		>
 			<LineChartDefault
 				chartData={chartData}
diff --git a/internal/site/src/components/systems-table/systems-table-columns.tsx b/internal/site/src/components/systems-table/systems-table-columns.tsx
index 744493d4b..8f04b0a3b 100644
--- a/internal/site/src/components/systems-table/systems-table-columns.tsx
+++ b/internal/site/src/components/systems-table/systems-table-columns.tsx
@@ -708,9 +708,10 @@ function WiFiSignal({ wifi, className }: { wifi: WiFi; className?: ClassValue })
 					[STATUS_COLORS[SystemStatus.Up]]: state === MeterState.Good,
 					[STATUS_COLORS[SystemStatus.Pending]]: state === MeterState.Warn,
 					[STATUS_COLORS[SystemStatus.Down]]: state === MeterState.Crit,
+					[STATUS_COLORS[SystemStatus.Paused]]: state === undefined,
 				})}
 			/>
-			{wifi.r === undefined ? "—" : `${wifi.r} dBm`}
+			{wifi.r === undefined ? t`Unknown` : `${wifi.r} dBm`}
 		</span>
 	)
 }