feat: Drag 스토어 Context 주입 및 Stack 노드 드래그/정렬 버그 발견

[y-minion]

🚀 작업 내용 요약 (Changes)

1. 드래그 스토어(Drag Store) 관리 개선 및 모노레포 아키텍처 지원

• createStore를 활용해 Drag Store 객체를 생성.
• apps/editor의 드래그 스토어를 @repo/ui 패키지에서 사용할 수 있도록 Context를 통해 주입하는 로직을 추가했습니다. 이를 통해 모노레포 구조 상의 의존성 단방향 원칙을 지켰습니다.
• 하위 컴포넌트가 Context를 통해 스토어 값을 안전하게 구독(useStore)할 수 있도록 환경을 마련했습니다.
• Zustand 설정 내 immer가 객체를 새로 반환하면서 발생하던 버그를 찾아 기존 상태를 직접 조작(Mutate)하도록 로직을 변경했습니다.

2. 스택(Stack) 노드 상호작용 및 정렬 버그 수정

• 마우스 추적 로직 개선: 기존에는 스택이 중첩될 경우 항상 Root 스택만 추적하는 문제가 있었으나, 실제 마우스 커서와 가장 가까운 스택 노드부터 추적하도록 개선하여 UX 품질을 높였습니다.
• 정렬 및 RND 드래그 충돌 수정:
  • position: absolute인 아이템이 스택 내부로 이동할 때 포지션이 강제로 relative로 변하며 이동이 제한되던 분기 조건을 수정했습니다.
  • position: relative인 노드가 드래그 중이 아닐 경우, RND 컴포넌트의 transform 속성을 비활성화하고 CSS 클래스를 통해 스택 내부에서 확실하게 정렬되도록 로직을 분리했습니다.
  • position: relative 노드를 드래그 시작할 때, 기존 좌표계로 돌아가려 하면서 노드가 이상한 위치로 튀는 버그를 발견, 조치 시도 중입니다. (드래그 시작 시 실시간으로 스토어에 위치를 초기화하여 해결시도 -> 실패)
• 스택 가이드라인 렌더링 최적화: 컨텍스트로 주입된 호버 스택 ID만을 구독하여, 해당하는 스택 노드가 호버 상태일 때만 정확하게 가이드라인이 표시되도록 개선했습니다.

3. 코드 및 데이터 리팩토링

• 에디터 스토어 내 사용되는 useGetNodeById 훅에 JSDoc 문서화를 적용하고 보류된 TODO를 마무리했습니다.
• 기존 목데이터(Mock Data)의 노드 타입을 Container에서 STACK으로 일괄 변환하고 관련 스타일 속성을 스택 구현 환경에 맞게 정리했습니다.
• Zustand/디버깅 환경 보완을 위해 스토어 이름 설정 및 세부 주석을 추가했습니다.

---

🐛 버그 픽스 (Bug Fixes)

• 스택 내부 아이템 노드들이 transform 속성으로 인해 정렬되지 않는 현상 조치
• 스택 내부에서 position: absolute 노드의 드래그/이동이 제한되는 문제 픽스
• position: relative 적용 노드들의 드래그 시작점 좌표계 이탈 버그(튀는 현상) 조치
• Store 업데이트 시 immer 상태 반환/교체 간섭 오류 픽스

---

👀 리뷰어 참고사항 (Review Requirements)

• RND를 래핑하는 과정에서 임의로 수정된 relative 항목들의 좌표 및 정렬 로직이 드래그 동작 중 의도한 대로 부드럽게 작동하는지, 자식 노드를 스택 외부나 다른 스택으로 옮길 때 정상 동작하는지 테스트를 부탁드립니다.
• Context API를 통해 주입된 Zustand Store 구독 과정에서 @repo/ui 컴포넌트 측 리렌더링 측면의 최적화가 잘 이뤄졌는지 한 번씩 검토 부탁드립니다.