feat: System Flow 뷰어 포커스 모드 + 엣지 겹침 완화 #10

htlee · 2026-04-08T05:48:12+09:00

htlee 코멘트됨,

2026-04-08 05:48:12 +09:00

소유자

노드 선택 시 1-hop 연결 노드만 활성화, 나머지 dim 처리. 엣지는 source별 offset 분산.

htlee added 1 commit 2026-04-08 05:48:12 +09:00

feat: System Flow 뷰어 — 포커스 모드 + 엣지 겹침 완화 17215be29c

## 포커스 모드
- 노드 선택 시 해당 노드 + 1-hop 연결된 노드만 활성
- 나머지 노드는 opacity 0.18 + grayscale, 엣지는 0.08로 dim 처리
- 상단 중앙 배지로 포커스 상태 표시 + "전체 보기 ✕" 해제 버튼
- 캔버스 빈 공간(pane) 클릭 시 포커스 해제
- 선택 노드는 스케일 1.02 + glow 효과로 강조

## 엣지 겹침 완화
- COL_WIDTH 360 → 440, ROW_HEIGHT 130 → 170 (간격 확대)
- smoothstep pathOptions.offset을 source별로 20→34→48... 분산
- 같은 노드에서 나가는 N번째 엣지는 서로 다른 경로로 라우팅
- 선택/포커스된 엣지는 zIndex 1000으로 최상단 표시

## 시각 보강
- 포커스된 엣지는 stroke #f8fafc + strokeWidth 2.8 + animated
- 비활성 엣지 라벨은 opacity 0.3, 텍스트 #475569로 어둡게
- 선택 노드 body: box-shadow + glow + scale 1.02

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

claude-bot 이 변경사항을 승인하였습니다. 2026-04-08 05:48:28 +09:00

claude-bot left a comment

멤버

MR 승인

htlee merged commit 99764e7c99 into develop

2026-04-08 05:48:29 +09:00

htlee 삭제된 브랜치 feature/system-flow-focus

2026-04-08 05:48:29 +09:00

htlee 커밋

2026-04-08 05:48:30 +09:00

에서 이 이슈 언급

Merge pull request 'feat: System Flow 뷰어 포커스 모드 + 엣지 겹침 완화' (#10) from feature/system-flow-focus into develop

"로그인하여 이 대화에 참여"

No reviewers

레이블 없음

마일스톤 없음

담당자 없음

참여자 2명

알림

마감일

기한이 올바르지 않거나 범위를 벗어났습니다. 'yyyy-mm-dd'형식을 사용해주십시오.

마감일이 설정되지 않았습니다.

의존성

No dependencies set.

Reference: gc/kcg-ai-monitoring#10