feat(예정노선): 지점 칸 [추가] · 이름 · 경위도 손 고침 · 칸 설명 글 걷음 · 선마다 차례 색 (PLAN 597-2)

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

D03_PlanAnalysis/D03_PlanAnalysis_UI_DrawPaint.ts

@@ -6,7 +6,7 @@
  *   지점 핀(585-1) = 따로 겹(`pointLayer` · 겹 목록 맨 끝 = 늘 맨 위) · 색 = 목록 줄과 같은 `pointColor(i)` · 끌기 · 메뉴 = `D03_PlanAnalysis_UI_Points`.
  * ========================================================================== */
 
-import { pointColor } from "@ui/ui_template_palette";
+import { pointColor, routeColor } from "@ui/ui_template_palette";
 import { drawStationTicks } from "../B04_PreProcess/B04_PreProcess_UI_MapOverlays";
 import {
   distanceAlong,
@@ -18,6 +18,7 @@ import {
   type HeightAt,
 } from "./logic/D03_PlanAnalysis_Draw";
 import type { PlanNetwork, Vertex } from "./logic/D03_PlanAnalysis_Plan";
+import { pointLabel } from "./logic/D03_PlanAnalysis_PointEdit";
 import {
   planColors,
   PLAN_STATION_INTERVAL_M,
@@ -126,7 +127,7 @@ export function paintNetwork(
   context.lineJoin = "round";
   network.lines.forEach((line, index) => {
     if (line.vertices.length < 2) return;
-    context.strokeStyle = index === active ? colors.active : colors.line;
+    context.strokeStyle = index === active ? colors.active : routeColor(index);
     context.lineWidth = line.branch ? 2.5 : 3;
     context.beginPath();
     line.vertices.forEach((v, i) => {
@@ -163,7 +164,7 @@ export function paintNetwork(
 }
 
 /** 지점 핀 겹(585-1) — 꼭지 = 지점 · 둥근 머리 · 「지점 N」 · 화면 px 고정 크기 · 돌린 지도에서도 섬. */
-export function pointLayer(points: () => Vertex[]): PlanMapLayer {
+export function pointLayer(points: () => Vertex[], names: () => string[] = () => []): PlanMapLayer {
   return {
     draw(context, map) {
       points().forEach((point, i) => {
@@ -188,7 +189,7 @@ export function pointLayer(points: () => Vertex[]): PlanMapLayer {
           context.fillStyle = "#ffffff";
           context.fill();
         });
-        planLabel(context, map, sx, sy - 38, `지점 ${i + 1}`, "bold 12px");
+        planLabel(context, map, sx, sy - 38, pointLabel(names(), i), "bold 12px");
       });
     },
   };