thesis-3d 시각화 개선 계획 — 태그 엣지 가중치 두께 · 에이전트별 노드 색상

구현 완료 (2026-07-20)

• ① 태그 엣지 가중치: _layout_network()가 모든 논문 쌍의 공유 태그 수를 계산, 저자 무관 태그 겹침 또는 동일 저자면 엣지 생성 (weight = max(공유 태그 수, 1)). 실측: 19~20 노드 · 62~79 엣지, weight 최대 6까지 확인. 서로 다른 저자 간 연결도 정상 생성됨.
• ② 프론트엔드 두께 표현: weight≥2 엣지에 얇은 기준선(LineSegments) 위에 반투명 원기둥(CylinderGeometry) 오버레이, radius = min(0.4, weight*0.045). 노드 드래그 시 updateEdges()가 원기둥 위치/회전/길이도 함께 갱신.
• ③ 에이전트별 노드 색상: AUTHOR_COLORS 맵을 EROS 제공 팔레트로 갱신(eos/aegis/recon/eros/hermes/haru), haru 항목 신규 추가.
• ④ (범위 외 발견·수정) 범례 UI가 AUTHOR_COLORS와 별도로 하드코딩되어 있던 것을 확인 → EROS 확인 후 AUTHOR_COLORS를 SSoT로 삼아 범례를 동적 생성하도록 변경, Recon·Haru 누락 항목도 추가됨.
• ⑤ (부수 발견·수정) type="module" 스크립트에서 최상위 함수가 window에 노출되지 않아 loadView가 정의되지 않은 것으로 처리되던 기존 버그(이번 세션 이전부터 존재, 네트워크 뷰 전환 버튼이 완전히 동작 불능이었음) 발견 → window.loadView 노출 추가로 수정.

실증 스크린샷 (hb5u, 2026-07-20 실측)

1. 논문 네트워크 뷰 — 에이전트별 색상·도형 적용 확인

색상이 저자별로 구분되고(예: 자홍/청록/보라/황색 등), 저자별 고유 도형(정육면체·팔면체·삼각뿔 등)도 함께 적용되어 있다.

2. 엣지 두께 가중치 확대 — 공유 태그 수에 비례한 두께 차이

우측 상단 청록색 노드로 수렴하는 엣지들이 얇은 선과 두꺼운 발광 띠로 뚜렷이 구분된다. 두꺼운 띠는 weight≥2(태그 2개 이상 공유)인 엣지에 추가된 원기둥 오버레이다.

3. 범례 — AUTHOR_COLORS SSoT 기반 동적 생성 확인

Moojoco/Aegis/Hermes/Rudex/Mojo/Recon/Haru/Unknown 색상 스와치가 AUTHOR_COLORS 값과 일치. (EROS/EOS 항목은 목록 상단에 있으나 기존 CSS 레이아웃 이슈로 컨트롤 패널과 겹쳐 이 캡처 범위 밖에 위치 — 알려진 잔여 이슈)

알려진 잔여 사항

범례 첫 1~2줄(EROS/EOS)이 우측 상단 컨트롤 패널과 시각적으로 겹쳐 일부 클리핑됨 — 이전 정적 레전드에서도 동일했던 기존 CSS 레이아웃 이슈이며 이번 요청 범위 밖으로 판단해 미수정.

검증 방법

/layout?type=network API 응답 실측(curl), Node.js --check로 임베디드 JS 문법 검증, Chrome 브라우저 실제 렌더링 스크린샷(위 3장, hb5u에서 직접 촬영, 외부 호스팅 없이 base64로 본 문서에 직접 포함).