차트 영역의 줌, 팬, 타임라인 이동, 커스텀 슬라이더 사용법을 설명합니다.

## 줌 (Zoom)

| 조작 | 동작 |
|------|------|
| `Alt` + 마우스 휠 ↑ | 마우스 위치 기준 **줌 인** |
| `Alt` + 마우스 휠 ↓ | **줌 아웃** |
| `=` (플러스) 키 | 줌 인 |
| `-` (마이너스) 키 | 줌 아웃 |
| `Shift+Z` | 줌 리셋 (100%) |

:::tip[줌 레벨 확인]
현재 줌 레벨은 하단 상태바의 **Zoom: XXX%** 에 표시됩니다.
:::

## 팬 (Pan) 이동

줌 인 상태에서 차트 영역을 **드래그**하면 타임라인을 좌우로 이동할 수 있습니다.

:::caution[어노테이션 생성과의 구분]
빈 영역에서 드래그하면 **새 어노테이션 생성**이 됩니다. 팬 이동은 줌 인 상태에서 어노테이션이 아닌 영역의 드래그로 동작합니다.
:::

## 타임라인 점프

| 키 | 동작 | 조건 |
|----|------|------|
| `Home` | 타임라인 **시작점**으로 이동 | 줌 인 상태 |
| `End` | 타임라인 **끝점**으로 이동 | 줌 인 상태 |
| `PageDown` | 아래로 스크롤 | - |
| `PageUp` | 위로 스크롤 | - |

## 커스텀 슬라이더

차트 하단에 위치한 미니맵 형태의 슬라이더입니다.

### 구성 요소

```
┌─────────────────────────────────────────────────┐
│  ▼ 마커    ▼ 마커         ▼ 마커               │  ← 어노테이션 위치 마커
│ ┌───────────────────┐                           │
│ │   드래그 바        │                           │  ← 현재 보이는 범위
│ └───────────────────┘                           │
│  ◀─────── 전체 타임라인 ──────────────────────▶  │  ← 슬라이더 트랙
└─────────────────────────────────────────────────┘
```

| 요소 | 설명 |
|------|------|
| **드래그 바** | 현재 차트에 보이는 시간 범위. 좌우로 드래그하여 이동합니다. |
| **슬라이더 트랙** | 전체 타임라인을 나타냅니다. |
| **어노테이션 마커** | 어노테이션 위치를 점으로 표시합니다. 클릭하면 해당 위치로 점프합니다. |

### 사용법

1. **범위 이동** — 드래그 바를 좌우로 끌어 보이는 구간을 변경합니다.
2. **마커 점프** — 어노테이션 마커를 클릭하면 해당 어노테이션 위치로 차트가 이동합니다.
3. **줌 연동** — 줌 인/아웃 시 드래그 바의 크기가 자동으로 변합니다.

## 상태바

하단 상태바에서 제공하는 기능:

| 요소 | 설명 |
|------|------|
| **Zoom: XXX%** | 현재 줌 레벨 표시 |
| **Invalid 카운트** | 유효하지 않은(분류 미완료) 어노테이션 수 |
| **⚠️ Invalid 필터** | 클릭하면 Invalid 어노테이션만 필터링하여 표시 |
| **📚 트랙 매니저** | 트랙 관리 패널 열기 |
| **Reset All** | 줌, 선택 등 모든 상태를 초기화 |