feat(infra): NAS↔Windows 워커 파이프라인 관측 페이지 /infra (Three.js)

분산 워커 관측 Part C — useNodeStatus 3초 폴링 훅 + statusVisual 색/라벨 매핑
+ 2D 워커 카드 그리드 + raw three.js 파이프라인 시각화(정상=시안 파티클 흐름 /
busy=가속 / paused=앰버 정지 / degraded=주황 / down=빨강 끊김, Redis 끊김=버스 빨강).
GET /api/agent-office/nodes(Part B) 소비. r3f 대신 기설치 three 직접 사용.
WebGL 미지원 시 카드 폴백 + 3D/그리드 토글. vitest 10 passed, build OK.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019LV86jBozkNhSFXJA412fq
This commit is contained in:
2026-06-30 10:39:08 +09:00
parent 696c2ade15
commit 6e415b3e45
10 changed files with 1073 additions and 0 deletions

View File

@@ -14,6 +14,11 @@ export async function apiGet(path) {
return res.json();
}
// 분산 워커 관측 — agent-office 집계 상태 (Part B 백엔드)
export async function getNodeStatus() {
return apiGet("/api/agent-office/nodes");
}
export async function apiDelete(path) {
const res = await fetch(toApiUrl(path), { method: "DELETE" });
if (!res.ok) {