+ ${pageHeader("Настройки", "Подключение и локальная сеть")}
+
+
+
+ `, "subpage-shell");
+
+ document.querySelector("#back")?.addEventListener("click", () => navigate("home"));
+ document.querySelector("#settings-form")?.addEventListener("submit", saveSettings);
+}
+
+function renderDiagnostics(): void {
+ const recentLogs = status.logs.slice(-4).reverse();
+ root.innerHTML = shell(`
+
+ ${pageHeader("Диагностика", "Состояние маршрута в реальном времени")}
+
+
+
${icons.activity}
+
+ ${status.running ? "Сервис работает" : "Сервис остановлен"}
+ ${status.running ? "Локальный прокси принимает подключения" : "Включите защиту на главном экране"}
+
+
+
+ Соединения
+ ${status.activeConnections}
+
+
+ Туннели
+ ${status.tunnels}
+
+
+ Дата-центр
+ ${status.dataCenter ? `DC${status.dataCenter}` : "—"}
+
+
+ Время работы
+ ${formatUptime(status.uptimeSeconds)}
+
+
+
+ Последние события
+ LIVE
+
+
+ ${recentLogs.length
+ ? recentLogs
+ .map(
+ (line) => `
+
+
+ ${escapeHtml(line.message)}
+
`,
+ )
+ .join("")
+ : `
События появятся после включения защиты
`}
+
+
+