# 선형·드론궤적 토글을 재생바 버튼으로 이동 **소요 시간**: 약 12분 **Context 사용량**: input ~210k / output ~13k tokens ## 결론 영상 오버레이의 "선형(중심선)"·"드론 궤적" 표시 토글을 **하단 재생바(VideoPlayer)의 겹침제외 버튼 왼쪽**에 버튼 2개로 추가하고, 화면표시 옵션 창의 기존 동일 기능 버튼 2개는 제거. 버튼 폭은 겹침제외와 동일(min-w-[96px]). ## 변경 내용 - `client/src/store/settingsStore.ts` - `showCenterline`(기본 true), `showDronePath`(기본 true) + 각 setter 추가. persist 로 지속. - `client/src/components/overlay/StationOverlay.tsx` - 로컬 `useState` 였던 `showCenterline`/`showDronePath` → 설정 스토어 구독으로 전환(refs/리셋은 그대로). - 화면표시 옵션 창의 선형/드론궤적 토글 버튼 2개 제거. (드론궤적 경로표고·투명도 슬라이더는 유지) - `client/src/components/player/VideoPlayer.tsx` - 스토어 셀렉터 추가, 겹침제외 버튼 바로 앞(좌측)에 `선형 ON/OFF`·`드론궤적 ON/OFF` 버튼 삽입. - 스타일: 겹침제외와 동일 폭(min-w-[96px]), 색은 기능별(선형=red, 드론궤적=sky). - 노출 조건은 겹침제외와 동일: 영상제어 ON + geoLoaded. ## 검증 - `tsc + vite build` 통과(node 20). client/dist 재빌드 → 55000 강력 새로고침 확인. ## 참고 - 상태를 스토어로 올려 바 버튼과 오버레이 렌더가 단일 소스 공유. - '기본값' 리셋(StationOverlay)도 스토어 setter 로 동작 유지.