v0.2.45

v0.2.45 — 말풍선 첫 chip center 정확 정렬 + GAP_X 확대로 겹침 0

SpeechBubble.tsx GAP_X

• 40 → 56. 풍선 꼬리/그림자 여유 + 글로우 ±28 + 충분한 간격.

SpeechBubble.tsx top default

• 18 → -13. 첫 chip 의 vertical center 가 정확히 캐릭터 anchor(y=0) 와 일치 ("동일 선상" 정확 충족).
• 계산: chip 총 높이 ~26px (border 1.5 + padding 6 + content 14 + padding 6 + border 1.5 ≈ 28, 실효 26). chip top 이 -13 이면 chip center = -13 + 13 = 0 ≈ avatar.anchor.y.

호출자 stack 공식

• AgentAvatars2D.tsx:1085, WebGLGraph2D.tsx:1867: -18 - tier*95 → -13 - tier*95.

변경 파일

• src/components/Avatars/SpeechBubble.tsx — GAP_X 40→56, top default -18→-13, 주석 갱신.
• src/components/Avatars/AgentAvatars2D.tsx:1085 — top 공식 -13 기준으로 수정.
• src/components/Visualizer2D/WebGLGraph2D.tsx:1867 — 동일 수정.
• package.json 0.2.44 → 0.2.45.

검증

• npx tsc --noEmit exit=0
• npm run build 성공 — renderer 7.68s, 번들 3,447.13 kB.

사용자 확인

• 단일 chip 풍선 (summary/normal): chip 의 텍스트 중앙 = 캐릭터 중앙. "동일 선상" 정확 만족.
• multi-chip 풍선 (detailed): 첫 chip (main bubble = currentAction or tool_result) 의 center 가 캐릭터 center 와 일치. 나머지 chip 은 아래로 펼쳐짐.
• 풍선의 시각적 좌측 (꼬리 포함) 이 캐릭터 글로우 우측에서 ~24px 떨어져 더 이상 겹쳐 보이지 않음.
• --

📦 GitHub 릴리스 노트: v0.2.45