feat(D03): 예정노선 그리기 — 시점 · 종점 여럿 · 들어올 때 자동 받기 · [긋기] 양끝 · 부분 수정 · 기울기 % · ° 미리보기 · 방향 바꾸기 · 선 고르기 · 지우기 · 연도 (PLAN 579-3 · 580-1~3 · 요구 440 · 441)

- 579-3: D02 시점 · 종점 목록 받음 · 점 그림 · 맞춤 · 등고선 범위 · 「범위 밖」 판정에 시점 · 종점 · 들어올 때 받은 범위가 못 덮으면 바로 받기(진행 막대 · 직전 실패면 안 함)
- 선 이름 = 갈래 없는 선 「본선」(둘 이상 「본선 N」) · 갈래 「갈래 N」 — TS lineNames ↔ D04 line_names 짝 · 거울 시험
- 580-1: [긋기] 하나 — 시점 · 종점(끝낼 때 뒤집어 No.0 = 반대쪽) · 선 꼬리 · 선 머리 · 선 위(갈래)에서 시작 · 머리가 다른 선 꼬리에 닿으면 한 선 · 꺾임점이면 갈래 · 꺾임점 끌기 · 더하기 · 지우기(마크는 구간 비율)
- 580-2: 미리보기 글 = 거리 + 가상 종단 기울기 % · ° · 기울기 고정 칸 옆 ° 환산 · 고른 선 [방향 바꾸기]
- 580-3: 지도에서 선 · 조각 고름(좌측 줄 밝힘) · Delete · [선 지움] · 선 통째 연도 · 긋는 해(긋는 중 바꾸면 다음 점부터) · [연도 구분] 뒤 연도 고름 바로 · 마크 끌기
- 새 파일: D03_PlanAnalysis_UI_Edit.ts(고르기 · 고치기) · D03_PlanAnalysis_UI_DrawPaint.ts(그림 · 집기 — UI_Draw 700 줄 넘어 나눔)
- UI_Map = 겹 꼴에 release · pointerup · 끌기 중 포인터 잡기 · [?] 안내 줄(그리기 본체 draw() 는 sub2 몫이라 손 안 댐)
- 시험: 530-3 새 꼴 함수 · 서버 derive 대조 · 선 이름 거울 / 553-4 그림 자리 옮김

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

D03_PlanAnalysis/D03_PlanAnalysis_UI_Map.ts

@@ -64,11 +64,12 @@ export interface ScreenMap {
   upright: (context: CanvasRenderingContext2D, x: number, y: number, paint: () => void) => void;
 }
 
-/** 평면 위 겹 — 그리기 · 누름(참 = 받음 · 0 왼쪽 · 2 오른쪽) · 마우스 곁 · 나감. */
+/** 평면 위 겹 — 그리기 · 누름(참 = 받음 · 0 왼쪽 · 2 오른쪽) · 마우스 곁(왼쪽 끌기 중도) · 놓음 · 나감. */
 export interface PlanMapLayer {
   draw: (context: CanvasRenderingContext2D, map: ScreenMap) => void;
   press?: (px: number, py: number, map: ScreenMap, button: 0 | 2) => boolean;
   hover?: (px: number, py: number, map: ScreenMap) => void;
+  release?: () => void;
   leave?: () => void;
 }
 
@@ -152,11 +153,15 @@ export function createPlanMap(events: PlanMapEvents): PlanMap {
     label: "평면 도구",
     hint: {
       lines: [
+        "[긋기] 뒤 시점 · 종점 · 선 끝 · 선 위 누름 = 시작",
         "누름 = 점 찍기",
         "Enter = 긋기 끝",
         "Esc = 긋기 취소",
         "Backspace = 마지막 점 빼기",
-        "오른쪽 누름 = 마크 지움",
+        "선 누름 = 고름 · 고른 선 위 누름 = 꺾임점 더함",
+        "꺾임점 · 마크 끌기 = 옮김",
+        "오른쪽 누름 = 꺾임점 · 마크 지움",
+        "Delete = 고른 선 지움",
         "가운데 끌기 = 옮기기",
         "휠 = 확대 · 축소",
         "Ctrl+휠 = 돌리기",
@@ -270,7 +275,15 @@ export function createPlanMap(events: PlanMapEvents): PlanMap {
     if (!meta || event.button !== 0) return;
     const [px, py] = at(event);
     const map = screenMap();
-    if (layers.some((layer) => layer.press?.(px, py, map, 0))) draw();
+    if (layers.some((layer) => layer.press?.(px, py, map, 0))) {
+      canvas.setPointerCapture(event.pointerId); // 끌기가 캔버스 밖으로 나가도 놓음을 받음
+      draw();
+    }
+  });
+  canvas.addEventListener("pointerup", (event) => {
+    if (event.button !== 0) return;
+    for (const layer of layers) layer.release?.();
+    draw();
   });
   canvas.addEventListener("pointermove", (event) => {
     if (!meta || event.buttons & 4) return; // 가운데 단추 옮기는 중