feat(web): второй ряд дашборда и пинг участников в голосовой комнате

- дашборд инстанса: два ряда полукругов с подписями сверху — «Контейнер
  инстанса» (лимиты профиля) и «Сервер целиком» (вся машина);
- голосовая комната: рядом с качеством связи видно пинг участника
  («Отличное соединение, 42 мс») и он обновляется раз в секунду. Свой RTT
  измеряется по статистике WebRTC, чужой приходит по data-каналу LiveKit
  (`glchat.latency`, lossy), поэтому пинг виден для каждого участника;
- статистика берётся с любой своей дорожки: в аудио-сессии RTT раньше был
  недоступен (отчёт читался только с видео);
- в «Аудио-видео» появился тумблер «Показывать пинг в голосовой комнате»:
  выключенный не опрашивает SDK и не публикует своё значение;
- тесты: ряд хоста и подписи, пинг в плитке своего и чужого участника,
  публикация по служебной теме, выключенный пинг не дёргает SDK.

web/src/components/voice/VoiceIndicators.tsx

@@ -1,5 +1,7 @@
 import { useTranslation } from 'react-i18next';
 
+import { qualityLabel } from '@/components/voice/voiceQualityLabel';
+
 import type { VoiceQuality } from '@/lib/livekit';
 
 /** Цвет точки качества связи: зелёный — отлично, красный — связи нет. */
@@ -11,13 +13,22 @@ const qualityClass: Record<VoiceQuality, string> = {
   unknown: 'bg-fg-muted',
 };
 
-/** Точка качества связи с подписью для скринридера (AGENT.md 7.14). */
-export function VoiceQualityDot({ quality }: { quality: VoiceQuality | null }) {
+/**
+ * Точка качества связи с подписью для скринридера (AGENT.md 7.14).
+ * В тултип попадает и пинг участника — он обновляется раз в секунду.
+ */
+export function VoiceQualityDot({
+  quality,
+  latencyMs,
+}: {
+  quality: VoiceQuality | null;
+  latencyMs?: number | undefined;
+}) {
   const { t } = useTranslation();
   if (quality === null) {
     return null;
   }
-  const label = t(`voice.quality.${quality}`);
+  const label = qualityLabel(t, quality, latencyMs);
   return (
     <span
       role="img"
@@ -25,11 +36,40 @@ export function VoiceQualityDot({ quality }: { quality: VoiceQuality | null }) {
       title={label}
       data-testid="voice-quality"
       data-quality={quality}
+      data-latency={latencyMs ?? ''}
       className={`inline-block h-2 w-2 shrink-0 rounded-full ${qualityClass[quality]}`}
     />
   );
 }
 
+/**
+ * Точка качества с видимой подписью: «Отличное соединение, 42 мс» в плитке
+ * участника. Пинг обновляется раз в секунду вместе с состоянием связи.
+ */
+export function VoiceQualityBadge({
+  quality,
+  latencyMs,
+}: {
+  quality: VoiceQuality | null;
+  latencyMs?: number | undefined;
+}) {
+  const { t } = useTranslation();
+  if (quality === null) {
+    return null;
+  }
+  return (
+    <span
+      className="inline-flex items-center gap-1.5 text-xs text-fg-muted"
+      data-testid="voice-quality-label"
+      data-latency={latencyMs ?? ''}
+      title={t('voice.latencyHint')}
+    >
+      <VoiceQualityDot quality={quality} latencyMs={latencyMs} />
+      <span className="tabular-nums">{qualityLabel(t, quality, latencyMs)}</span>
+    </span>
+  );
+}
+
 /**
  * Иконка состояния участника: перечёркнутая, когда флаг выключен.
  * Подпись обязательна — по ней состояние читают и тесты, и скринридер.

web/src/components/voice/VoiceOccupantRow.tsx

@@ -31,6 +31,8 @@ export function VoiceOccupantRow({
   const { t } = useTranslation();
   const permissions = useVoiceModeration(guildId);
   const moveTargets = useVoiceChannels(guildId).filter((channel) => channel.id !== channelId);
+  // Подписка именно на карту пингов: селектор-функция не вызывает перерисовку.
+  const latencies = useVoiceConnectionStore((state) => state.latencies);
   const setParticipantMuted = useVoiceConnectionStore((state) => state.setParticipantMuted);
   const setParticipantDeafened = useVoiceConnectionStore((state) => state.setParticipantDeafened);
   const moveParticipant = useVoiceConnectionStore((state) => state.moveParticipant);
@@ -87,7 +89,7 @@ export function VoiceOccupantRow({
           camera={occupant.camera}
           screen={occupant.screen}
         />
-        <VoiceQualityDot quality={occupant.quality} />
+        <VoiceQualityDot quality={occupant.quality} latencyMs={latencies[occupant.userId]} />
       </button>
 
       <VoiceOccupantMenu

web/src/components/voice/VoiceRoomPanel.tsx

@@ -6,7 +6,7 @@ import { Avatar } from '@/components/ui/Avatar';
 import { Menu, MenuGroupLabel, MenuItem } from '@/components/ui/Menu';
 import { Card, Button } from '@/components/ui/primitives';
 import { RemoteAudio, RemoteVideo } from '@/components/voice/RemoteAudio';
-import { VoiceFlags, VoiceQualityDot } from '@/components/voice/VoiceIndicators';
+import { VoiceFlags, VoiceQualityBadge } from '@/components/voice/VoiceIndicators';
 import { VoiceOccupantMenu } from '@/components/voice/VoiceOccupantMenu';
 import { VoiceSoundboard } from '@/components/voice/VoiceSoundboard';
 import { VoiceStatsButton } from '@/components/voice/VoiceStatsButton';
@@ -50,6 +50,8 @@ function VoiceTile({
   const [menuOpen, setMenuOpen] = useState(false);
   const anchorRef = useRef<HTMLButtonElement | null>(null);
   const volume = useVoiceStore((state) => state.participantVolumes[occupant.userId] ?? 100);
+  // Подписка именно на карту пингов: селектор-функция не вызывает перерисовку.
+  const latencies = useVoiceConnectionStore((state) => state.latencies);
   // Общая громкость звука умножается на личную громкость участника.
   const outputVolume = useVoiceStore((state) => state.outputVolume);
   const deafened = useVoiceConnectionStore((state) => state.deafened);
@@ -108,7 +110,7 @@ function VoiceTile({
         <span className="min-w-0 flex-1 truncate text-sm font-medium" title={occupant.name}>
           {occupant.name}
         </span>
-        <VoiceQualityDot quality={occupant.quality} />
+        <VoiceQualityBadge quality={occupant.quality} latencyMs={latencies[occupant.userId]} />
         {occupant.isLocal ? (
           <>
             {/* Статистика своей публикации: разрешение, fps, кодек, канал (7.14). */}

web/src/components/voice/voiceQualityLabel.ts

@@ -0,0 +1,19 @@
+import type { TFunction } from 'i18next';
+
+import type { VoiceQuality } from '@/lib/livekit';
+
+/**
+ * qualityLabel собирает подпись качества связи с пингом участника:
+ * «Отличное соединение, 42 мс». Пинг неизвестен — остаётся только качество.
+ */
+export function qualityLabel(
+  t: TFunction,
+  quality: VoiceQuality,
+  latencyMs: number | undefined,
+): string {
+  const qualityText = t(`voice.quality.${quality}`);
+  if (latencyMs === undefined) {
+    return qualityText;
+  }
+  return `${qualityText}, ${t('voice.latency', { ms: latencyMs })}`;
+}