feat(B05): 계획노선 편집 창 고정 표시 · 시점 · 종점 고정(PLAN 22-4 · 22-5)

- 고정 한 벌 — 시점 · 종점(기본 고정) · 교각점을 한 칸 줄로 봄 · 저장 · 읽기는 _RouteEdit_Lock.ts(readRouteLocks = 초기노선 계산에 넘길 한 곳)
- 곧은 선은 양 끝 · 호는 교각점과 앞뒤 점이 모두 고정일 때 고정 색(--map-route-locked · 밝음 #db2777 · 어두움 #f472b6) · 고정 점도 같은 색
- 시점 · 종점을 누르면 고정 단추만 뜸 · 풀면 끌어 옮김 · 고정이면 끌기 · 지우기 막힘
- 되돌리기 · [취소] · 다시 열기 · [확인] 뒤에도 고정 유지(pref 통 · 좌표로 되짚음) · [확인] 몸통은 그대로
- 시험 test_b05_routeedit_lock 5건

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BU9gbNE3aWFUvE61pS2WGt

B05_Profile/B05_Profile_UI_RouteEdit.ts

@@ -52,6 +52,12 @@ import {
   viewPxPerMeter,
 } from "./B05_Profile_UI_RouteEdit_View";
 import { createCurveBar } from "./B05_Profile_UI_RouteEdit_CurveBar";
+import {
+  lockColumn,
+  readRouteLocks,
+  routeLocksOf,
+  writeRouteLocks,
+} from "./B05_Profile_UI_RouteEdit_Lock";
 import { createInitialPanel } from "./B05_Profile_UI_RouteEdit_Initial";
 import {
   applyArcLocks,
@@ -118,8 +124,9 @@ export async function openRouteEditModal(
    *  노드를 옮기면 교각이 바뀌어 R 과 길이 중 하나는 반드시 따라 움직인다(`_Edits.ts`). */
   let curveLock: CurveLock[] = [];
   let curveArc: Array<number | null> = [];
-  /** 교각점 자리를 못 박은 꺾임점(2026-09-12 사용자 지시 ①) — 켜진 자리는 노드도 손잡이도
-   *  안 끌리고 반지름·곡선 길이 칸으로만 바뀐다. */
+  /** 자리를 못 박은 노드(2026-09-12 사용자 지시 ① · 계획서 22-5) — 0번 = 시점, 끝 칸 = 종점
+   *  (기본 고정), 사이 = 교각점. 켜진 자리는 안 끌리고 반지름·곡선 길이 칸으로만 바뀐다.
+   *  고정 한 벌의 저장 · 읽기는 `_Lock` 몫. */
   let apexLock: boolean[] = [];
   /** 지금 고른 꺾임점 — 곡선 편집줄이 이 자리를 만진다. 없으면 -1. */
   let picked = -1;
@@ -275,6 +282,7 @@ export async function openRouteEditModal(
       nodeInfo,
       curveInfo,
       curveOn,
+      locked: apexLock,
       picked,
       stationIntervalM,
     });
@@ -322,7 +330,7 @@ export async function openRouteEditModal(
       curveOn,
       curveRadius,
       curveLock,
-      apexLock,
+      apexLock: apexLock.slice(1, -1), // 시점 · 종점은 기본 고정이라 「고정 N곳」에 안 센다.
       curveCount: curveInfo.length,
       violationCount: nodeInfo.filter((node) => node.violations.length).length,
       minRadiusM,
@@ -359,6 +367,7 @@ export async function openRouteEditModal(
   /** 한 번의 편집을 마무리한다 — 다시 그리고, 라벨·상태줄을 맞추고, 되돌리기에 쌓는다. */
   function applyEdit(message: string, record = true): void {
     markEdited();
+    writeRouteLocks(projectId, planned, apexLock); // 고정은 [취소] · 다시 열기에도 남는다(22-5).
     syncCurveBar();
     status.textContent = `${routeHead()} — ${message} ${curveHint()}`;
     draw();
@@ -373,7 +382,10 @@ export async function openRouteEditModal(
 
   /** 사진 한 벌을 편집값으로 되살린다. 되돌리기는 새 걸음이 아니고, 초기값 싣기는 새 걸음이다. */
   function restoreSnapshot(snapshot: RouteEditSnapshot, message: string, record: boolean): void {
+    // 초기노선 싣기는 새 노선이다 — 고정은 좌표로 다시 짚는다. 되돌리기는 그 사진의 고정 그대로.
+    const locks = record ? routeLocksOf(planned, apexLock) : null;
     ({ planned, curveOn, curveRadius, curveLock, curveArc, apexLock, picked } = snapshot);
+    if (locks) apexLock = lockColumn(planned, locks);
     applyEdit(message, record);
   }
 
@@ -443,6 +455,8 @@ export async function openRouteEditModal(
     },
     remove: (index) => {
       if (planned.length <= 2) return showToast("노선은 노드가 2개 이상이어야 합니다.", "error");
+      if (apexLock[index])
+        return showToast("고정한 점은 못 지웁니다 — 고정을 먼저 푸세요.", "error");
       spliceNode(snapshotNow(), index);
       picked = -1;
       applyEdit("노드를 지웠습니다(직선 삭제).");
@@ -490,7 +504,8 @@ export async function openRouteEditModal(
     limitArcM = plan.limit_curve_length_m ?? 0;
     // 곡선 성분을 편집할 수 있는 꼴로 편다 — 셈은 `_Edits` 몫(까닭도 그쪽에 적었다).
     const flat = flattenServerPlan(nodes, plan.curves ?? []);
-    ({ planned, curveOn, curveRadius, curveLock, curveArc, apexLock } = flat);
+    ({ planned, curveOn, curveRadius, curveLock, curveArc } = flat);
+    apexLock = lockColumn(planned, readRouteLocks(projectId)); // 닫기 전 고정을 좌표로 되살린다.
     ({ nodes: nodeInfo, curves: curveInfo } = flat);
     picked = -1;
     // 여기가 [연 상태로]가 돌아갈 자리다 — 창을 연 그대로.