feat(node): consolidate board system views and plan fleet pairing

apps/node-agent/ui/src/useTailscaleStatus.ts

@@ -0,0 +1,36 @@
+import { useEffect, useState } from "react";
+import { APIError, request } from "./api";
+
+export interface NetworkStatus { installed: boolean; state: string; online: boolean; addresses: string[] }
+const states: Record<string, string> = {
+  not_installed: "Не установлен", unavailable: "Служба недоступна", NeedsLogin: "Требуется вход",
+  NeedsMachineAuth: "Ожидаем разрешения администратора сети", Stopped: "Отключён", Starting: "Подключаемся", NoState: "Запускается",
+};
+export function tailscaleLabel(value: NetworkStatus | null, checked: boolean): string {
+  return !checked ? "Проверяем подключение" : !value ? "Состояние недоступно" : value.state === "Running" ? value.online ? "В сети" : "Нет связи с координатором" : states[value.state] ?? "Состояние неизвестно";
+}
+
+// Shared by the overview and provider page so session expiry and network states
+// retain the same meaning. Only the mounted view owns a polling loop.
+export function useTailscaleStatus(failure: (error: unknown) => void, hostRevision: string, revision = 0) {
+  const [checked, setChecked] = useState(false);
+  const [value, setValue] = useState<NetworkStatus | null>(null);
+  useEffect(() => {
+    let active = true;
+    let timer: ReturnType<typeof setTimeout>;
+    async function update() {
+      try {
+        const next = await request<NetworkStatus>("/api/network/tailscale");
+        if (active) setValue(next);
+      } catch (error) {
+        if (active) {
+          setValue(null);
+          if (error instanceof APIError && error.status === 401) failure(error);
+        }
+      } finally { if (active) { setChecked(true); timer = setTimeout(() => void update(), 5000); } }
+    }
+    void update();
+    return () => { active = false; clearTimeout(timer); };
+  }, [revision, hostRevision, failure]);
+  return { value, checked };
+}