v0.1.96

v0.1.96 — Windows 로컬 빌드 성공 + Mac SSH 빌드 setup + Phase 4-5 final + DataFlow WebGL

layoutAlgorithm 호환

• compute2DTreeLayout 사용 → React Flow 와 동일한 layout (단순 grid 폐기)
• layout2D 의 orientation / folderIndent / languageSort / groupByRole 모두 호환

FileNodeCard 디자인 매칭

• lucide 아이콘 (Folder/FileCode/FileText/FileImage/FileVideo/FileAudio/Database)
• 좌측 borderLeft 색 (frontend=blue, backend=green, doc=orange) 매칭
• bg-bg-elevated/90 + border-border-subtle rounded-md

viewport culling

• useVisibleNodes hook — orthographic camera frustum 안의 노드만 HTML overlay 활성
• 5000+ 노드도 화면 안 ~50 노드만 DOM 노출 → DOM cost 거의 0
• 100ms throttle 로 빈번 갱신 방지
• MAX_OVERLAY_NODES=200 + CULL_PADDING=100px preload margin

5) v0.2.0 Phase 5 final 완료 (AvatarMarkers + AvatarTrails)

agentKind 별 색

• ai=blue, human=orange, system=green

status 보더 + glow

• working=초록+glow, idle=노란, away=회색

action label

• 아바타 아래 작은 라벨 (read/edit/write/bash 등)

trail GPU 렌더

• <AvatarTrails> — 모든 avatar 의 trail segment 를 단일 BufferGeometry 에 batch
• per-vertex color gradient (옛 segment 흐림, 최근 진함)
• vertexColors=true lineBasicMaterial transparent opacity 0.9

6) DataFlow GPU 입자 (<DataFlowParticlesWebGL>)

• flowParticleStore.particles 의 각 입자를 InstancedMesh 로 GPU batch (MAX 500)
• bezier 곡률 (Y 축 sin offset) → 빛 흐름 느낌
• per-instance matrix + per-instance color (Float32 RGB attribute)
• custom shader (vertexShader + fragmentShader) — circle fade, alpha blending
• 만료 입자 자동 prune (flowParticleStore 의 자체 처리)

파일 변경

• 수정: package.json — electron-builder 26 schema fix (notarize boolean + publisherName 제거), version 0.1.95 → 0.1.96
• 수정: src/components/Visualizer2D/WebGLGraph2D.tsx — Phase 4 final (layoutAlgorithm + FileNodeCard + viewport culling) + Phase 5 final (trail + status + action) + DataFlowParticles WebGL
• 신규: scripts/local-release.mjs (이미 v0.1.95) + Windows + Mac SSH 빌드 검증

검증

• npx tsc --noEmit exit=0
• npm run build 성공 (renderer 3,299KB, +7KB Phase 4-5 + DataFlow 영향)

v0.2.0 release 준비도

• Phase 1~5 모두 통합 (alpha → beta 수준)
• 사용자가 ViewOptions → "엔진 (실험)" → WebGL 토글로 React Flow 와 동일한 디자인 + GPU 가속 확인 가능
• 5000+ 노드 환경에서 CPU 1~3% 검증은 사용자 환경 의존 (실제 측정 별도)
• --

📦 GitHub 릴리스 노트: v0.1.96