**task-1017.1 완료 보고** (dev5-team) **완료 보고서: 대시보드 토큰 바차트 task 클릭 → 보고서 모달 이동** (4분 23초) **핵심 결과** Chart.js onClick/onHover 핸들러를 추가하여 바 또는 y축 라벨 클릭 시 `window._showReportModal(taskId)`로 보고서 모달을 즉시 표시. 기존 ReportModal 인프라를 재활용하여 최소 변경으로 구현. 보고서 없는 task는 "보고서를 찾을 수 없습니다" 표시. ## 구현 상세 ### 설계 결정 - **방식 (B) 선택**: 상위 컴포넌트의 `window._showReportModal` 전역 함수 활용 - 탭 전환 방식 대신 모달 오버레이 방식 채택 — 이유: App.js에 이미 ReportModal + `/api/report/{taskId}` API가 구현되어 있어 새 코드 최소화 - 작업 지시 "심플하게 구현 — task ID 클릭 → 해당 보고서 보기, 이것만 되면 됨"에 부합 ### 변경 내용 #### TokenView.js (수정) 1. **바차트 onClick 핸들러** (라인 173-192): 바 클릭 또는 y축 라벨 클릭 시 `window._showReportModal(taskId)` 호출 2. **onHover 핸들러** (라인 194-203): 바/라벨 위 마우스 오버 시 `cursor: pointer` 변경 3. **y축 틱 색상** (라인 234-235): `#3b82f6` (파란색) — 클릭 가능함 시각 표시 4. **헤더 안내 텍스트** (라인 437-440): "클릭하여 보고서 보기" 힌트 5. **이상치 영역 task ID 클릭** (라인 498): 이상치 목록의 task ID도 클릭 가능(파란색 + 밑줄) ## 생성/수정 파 생성/수정: 1개 파일 **발견/해결 이슈 1건** 1. **헤더 레이아웃 깨짐** — `flex justify-between`에 3개 자식 요소 추가 시 중앙 배치되는 문제