v0.2.62

v0.2.62 — leerness 1.9.191 + 노드 투명 자연 크기 + 엣지 패턴 반복 배열

FileNodeCard.tsx image mode 완전 재작성

• 컨테이너: min-w/max-w/bg/border/rounded 모두 제거 → inline-block bg-transparent border-0.
• 이미지: max-h 제거 → block max-w-none (자연 크기).
• 색띠 / 라벨 제거 — 이미지가 모든 시각을 차지. node.name 은 hover title 로만.
• status overlay (NEW/Bot/Eye/active dot) 우상단 절대 위치 유지.
• selected/hover/inUse/focused 시 ring-2 ring-{accent} 로 외곽 강조 (이미지 모양 보존).
• imageMode flag 로 깔끔하게 분기.

(3) 엣지 패턴 반복 배열

viewportAssetStore.ts

• ViewportAssetKind 에 'edge-pattern' 추가 + VIEWPORT_ASSET_LABELS 업데이트.

SettingsModal.tsx AssetsTab

• kinds 배열에 'edge-pattern' 추가 → 자동으로 업로드 UI 등장.

Graph2D.tsx 신규 EdgePatternOverlay

• SVG overlay (zIndex 5, pointer-events: none) — React Flow viewport 위에 떠 있음.
• useReactFlow().getNode(id) + useViewport() 로 zoom/pan transform 따라감.
• 각 edge 마다 source → target 직선을 SPACING (32 world px) 간격으로 sampling.
• 각 sample 위치에 <image> 1개 (자연 크기 18px) + 엣지 방향 회전.
• 너무 짧은 엣지 (len < SPACING) 는 sticker 없음.

렌더링 위치

• Background + CustomBackgroundTileOverlay 뒤, Controls 앞 → 노드보다는 아래, 배경 위.

변경 파일

• src/store/viewportAssetStore.ts — edge-pattern kind 추가.
• src/components/Layout/SettingsModal.tsx — kinds 배열에 추가.
• src/components/Visualizer2D/FileNodeCard.tsx — image mode 완전 투명 + 자연 크기.
• src/components/Visualizer2D/Graph2D.tsx — EdgePatternOverlay 신규 + import useViewport.
• .harness/HARNESS_VERSION 1.9.139 → 1.9.191.
• package.json 0.2.61 → 0.2.62.

검증

• npx tsc --noEmit exit=0
• npm run build 성공 — renderer 6.18s, 번들 3,492.52 kB.
• leerness verify ✓ required files present.

사용자 확인

• 설정 → 에셋 → "파일 노드" 업로드 → React Flow 노드들이 카드 border/bg 없이 업로드 이미지 그대로 표시. 크기도 이미지 자연 크기.
• 설정 → 에셋 → "엣지 패턴 (반복 배열)" 업로드 → 모든 엣지에 18px sticker 가 32px 간격으로 회전된 채 배열.
• 노드 선택/hover/AI 활동 시 외곽 ring 으로 표현 (이미지 모양 보존).
• --

📦 GitHub 릴리스 노트: v0.2.62