From 3cfab89965e0693c60d569349867df4d683a2d41 Mon Sep 17 00:00:00 2001
From: grendervill <focuse@grandell.ru>
Date: Sun, 20 Sep 2026 21:37:42 +0300
Subject: [PATCH] =?UTF-8?q?fix(web):=20=D0=B4=D0=BE=20=D0=BF=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B2=D0=BE=D0=B3=D0=BE=20=D0=BE=D1=82=D0=B2=D0=B5=D1=82=D0=B0?=
 =?UTF-8?q?=20=D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=BA=20=D0=BF=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=B0=D0=B7=D1=8B=D0=B2=D0=B0=D1=82=D1=8C=20=D0=BF=D1=80=D0=BE?=
 =?UTF-8?q?=D1=87=D0=B5=D1=80=D0=BA=20=D0=B2=D0=BC=D0=B5=D1=81=D1=82=D0=BE?=
 =?UTF-8?q?=20=D0=BD=D1=83=D0=BB=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ноль — такое же значение нагрузки, поэтому до прихода первой порции данных
индикаторы и блоки диска показывают «—», а не 0 %: иначе интерфейс мигал
нулевой нагрузкой при открытии раздела.
---
 .../components/instance/InstanceDashboard.tsx | 40 +++++++++++++------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/web/src/components/instance/InstanceDashboard.tsx b/web/src/components/instance/InstanceDashboard.tsx
index 921d89a..591c709 100644
--- a/web/src/components/instance/InstanceDashboard.tsx
+++ b/web/src/components/instance/InstanceDashboard.tsx
@@ -18,6 +18,8 @@ export function InstanceDashboard({ state }: InstanceDashboardProps) {
   const { t, i18n } = useTranslation();
   const locale = i18n.resolvedLanguage ?? 'ru';
   const metrics = state.metrics;
+  // До первого ответа показываем прочерк, а не нули: ноль — это тоже значение.
+  const pending = metrics === undefined ? '—' : undefined;
 
   return (
     <Card data-testid="instance-dashboard">
@@ -33,20 +35,28 @@ export function InstanceDashboard({ state }: InstanceDashboardProps) {
           testId="gauge-cpu"
           value={metrics?.cpu.percent ?? 0}
           label={t('settings.instance.dashboard.cpu')}
-          display={formatPercent(metrics?.cpu.percent ?? 0, locale)}
-          caption={t('settings.instance.dashboard.cpuCaption', {
-            count: Math.round(metrics?.cpu.cores ?? 0),
-          })}
+          display={pending ?? formatPercent(metrics?.cpu.percent ?? 0, locale)}
+          caption={
+            metrics === undefined
+              ? undefined
+              : t('settings.instance.dashboard.cpuCaption', {
+                  count: Math.round(metrics.cpu.cores),
+                })
+          }
         />
         <Gauge
           testId="gauge-memory"
           value={metrics?.memory.percent ?? 0}
           label={t('settings.instance.dashboard.memory')}
-          display={formatPercent(metrics?.memory.percent ?? 0, locale)}
-          caption={`${formatBytes(metrics?.memory.used_bytes ?? 0, locale)} / ${formatBytes(
-            metrics?.memory.total_bytes ?? 0,
-            locale,
-          )}`}
+          display={pending ?? formatPercent(metrics?.memory.percent ?? 0, locale)}
+          caption={
+            metrics === undefined
+              ? undefined
+              : `${formatBytes(metrics.memory.used_bytes, locale)} / ${formatBytes(
+                  metrics.memory.total_bytes,
+                  locale,
+                )}`
+          }
         />
       </div>
 
@@ -54,10 +64,14 @@ export function InstanceDashboard({ state }: InstanceDashboardProps) {
         {/* Подписи не показываем: они раскрываются при наведении на значение. */}
         <DiskStat
           testId="disk-usage"
-          value={`${formatBytes(metrics?.disk.used_bytes ?? 0, locale)} / ${formatBytes(
-            metrics?.disk.total_bytes ?? 0,
-            locale,
-          )}`}
+          value={
+            metrics === undefined
+              ? '— / —'
+              : `${formatBytes(metrics.disk.used_bytes, locale)} / ${formatBytes(
+                  metrics.disk.total_bytes,
+                  locale,
+                )}`
+          }
           title={t('settings.instance.dashboard.diskHint', {
             free: formatBytes(metrics?.disk.free_bytes ?? 0, locale),
           })}