v0.1.79

v0.1.79 — GPU 가속 + Resize 방향 버그 fix + 추적 중지 버튼

electron/main.ts

• — app.whenReady() 이전에 Chromium GPU flag 추가:
• enable-gpu-rasterization : SVG/paint 작업을 GPU rasterizer 로 이관
• enable-zero-copy : GPU 와 CPU 사이 buffer copy 제거
• ignore-gpu-blocklist : 일부 driver 블랙리스트 우회 (구형 GPU 호환)
• enable-accelerated-2d-canvas : Canvas 2D rendering 가속
• canvas-oop-rasterization : Canvas/2D 를 GPU 프로세스에 격리 → main process CPU 부담 ↓

AgentAvatars2D.tsx

• — <svg> 에 style={{ willChange: 'transform' }} 추가. viewport pan/zoom 마다 SVG transform 갱신이 잦아 별도 compositor layer 로 분리 → GPU layer 승격.

2) Resize 방향 버그 — 좌측/상단 핸들 드래그가 우측/하단으로 늘어남

원인

• AgentFollowPanel 의 floating 패널이 useDraggablePanel({ defaultAnchor: 'bottom-left' }) 를 사용하면서 좌측 edge 핸들이 width 만 늘리고 panel left 는 그대로 → 우측 edge 만 시각적으로 확장. 사용자 의도와 반대.

수정

• (3 파일):
• useDraggablePanel.ts — setPos(left, top) / getPos() 메서드 신규 export. caller 가 패널 위치를 직접 조작할 수 있게.
• useResizable.ts / useResizableHeight.ts — startDragFor(e, side, onDelta?) 3번째 인자로 callback 추가. 매 mousemove 시 clamp 적용된 실제 width/height delta 를 caller 에 통보.
• AgentFollowPanel.tsx — 좌측/상단 핸들 onMouseDown 에서 시작 위치 (drag.getPos()) 캡처 후 onDelta 콜백 안에서 drag.setPos(startLeft - widthDelta, startTop) (좌측) / drag.setPos(startLeft, startTop - heightDelta) (상단) 호출. 결과: 반대편 edge 가 고정되어 좌측/상단 핸들이 의도대로 동작.
• 다른 사용처 (Sidebar/DetailPanel/RightSidebar) 는 단일 startDrag 라 영향 없음.

3) 추적 중지 버튼 명시화

AgentFollowPanel.tsx 헤더

• — 기존 X 아이콘 버튼을 amber-red "추적 중지" 레이블 버튼으로 강조:
• 라벨 + 아이콘 (<X /> 추적 중지)
• border-accent-danger/40 bg-accent-danger/10 text-accent-danger 색 강조
• 사용자 의도 ("close panel" vs "stop tracking") 명확화

AgentRoster.tsx followed row

• — 따라가기 토글 외 별도 X 버튼:
• 기존엔 row 자체를 클릭해야 토글 해제 — 직관적이지 않다는 보고
• 신규: followed=true 인 row 옆 작은 X 버튼 (accent-danger 색). 클릭 시 즉시 추적 해제.

4) 검증

• npx tsc --noEmit exit=0
• npm run build 성공 (renderer 3,248 KB, +3 KB)

5) 파일 변경

• 수정: electron/main.ts (GPU flags 5종 +6 lines)
• 수정: src/components/Avatars/AgentAvatars2D.tsx (SVG willChange)
• 수정: src/hooks/useDraggablePanel.ts (setPos / getPos 메서드 +20 lines)
• 수정: src/hooks/useResizable.ts (onDelta callback)
• 수정: src/hooks/useResizableHeight.ts (onDelta callback)
• 수정: src/components/Avatars/AgentFollowPanel.tsx (좌측/상단 핸들 onMouseDown + 추적 중지 버튼)
• 수정: src/components/Avatars/AgentRoster.tsx (followed row 의 X 버튼 + X import)
• 수정: package.json 0.1.78 → 0.1.79
• --

📦 GitHub 릴리스 노트: v0.1.79