fix(B05 배수유역): 369-2 화면 검증 흠 둘 — 몰랐던 낡음 409 = 지금 노선 길로 다시 · 되돌리기 = 그 걸음 초안 속성 · id

- 화면이 처음 열릴 때 「낡음」을 모르면 [자동 제안]이 409 오류로 끝나던 흠 — 곧바로 drainage/live 로 다시
- 되돌리기가 관 자리만 되살리고 속성은 지금 것을 끌고 가 [배관 배치 초기화] 뒤 되돌려도 세월교가 사라지던 흠
  — 되살린 걸음의 관 초안(세션)이 같은 자리면 그 속성 · id 로(adoptDraftPipes)
- 시험 — 349 흐름(409 → 다시) · 347 pipe id(초안 속성 되살림)

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

B05_Profile/B05_Profile_UI_Drainage_Live.ts

@@ -98,6 +98,9 @@ export function readDrainageMode(): DrainageMode {
 
 const L = (key: keyof typeof ui_locales): string => ui_locales[key][currentLanguageIndex];
 
+/** 서버 「낡음」 글 머리 — 짝 `B04_PreProcess_Router_Basins.STALE_MESSAGE`. */
+const STALE_PREFIX = "배수유역 낡음";
+
 /** [자동 제안] · [배관 배치 초기화] 요청 — 관 목록 없음(null) = 세류선 교차만. */
 type Proposal = { points: DetailPipeInput[] | null; auto?: "all" | "add" };
 
@@ -205,10 +208,20 @@ export function createDrainageLive(deps: DrainageLiveDeps): DrainageLive {
       });
   }
 
-  /** [자동 제안] · [배관 배치 초기화] — 저장 분석이 지금 노선과 같으면 빠른 길(detail-basins). */
+  /** [자동 제안] · [배관 배치 초기화] — 저장 분석이 지금 노선과 같으면 빠른 길(detail-basins) ·
+   *  그 길이 「낡음」(409 · 화면이 아직 몰랐던 낡음)이면 곧바로 지금 노선으로 셈 길로 다시. */
   function proposeDraft(proposal: Proposal): void {
     if (analysisStale || draftMakesStale(route)) return refresh(proposal);
-    draft((projectId) => computeDetailBasins(projectId, proposal.points, proposal.auto));
+    draft(async (projectId) => {
+      try {
+        return await computeDetailBasins(projectId, proposal.points, proposal.auto);
+      } catch (error) {
+        if (!(error instanceof Error) || !error.message.startsWith(STALE_PREFIX)) throw error;
+        analysisStale = true;
+        queueMicrotask(() => refresh(proposal)); // 이 요청은 조용히 버림(뒤 차례가 받음)
+        throw new DOMException("stale", "AbortError");
+      }
+    });
   }
 
   /** 평면 · 관 자리 조작 — 처음으로(요청 끊기 · 다시 흐림 또는 다시 3 s). */

B05_Profile/B05_Profile_UI_Drainage_Panel.ts

@@ -58,6 +58,7 @@ import {
   summaryText,
   basinIndexOfPipe,
   pipeMarkerColor,
+  adoptDraftPipes,
   reconcilePipes,
   WIDTH_KEY,
   type DrainageLayer,
@@ -591,11 +592,14 @@ export function createDrainagePanel(callbacks: DrainagePanelCallbacks = {}): Dra
       const before = pipeEditor.pipes().map((pipe) => pipe.chainage_m);
       const next = reconcilePipes(pipeEditor.pipes(), chainages);
       if (!next) return; // 같은 목록 — 되돌아온 것이므로 여기서 끊는다
-      // 되돌리기 · 구조물 폼으로 옮겨진 관도 속성을 데려감
-      facilityStore.follow(
-        before,
-        next.map((pipe) => pipe.chainage_m),
-      );
+      // 되돌리기 = 그 걸음 초안의 속성 · id(369) · 구조물 폼으로 옮겨진 관은 속성을 데려감
+      const draft = adoptDraftPipes(readPendingPipes(projectId as string), next);
+      if (draft) facilityStore.replaceFromResponse(draft);
+      else
+        facilityStore.follow(
+          before,
+          next.map((pipe) => pipe.chainage_m),
+        );
       pipeEditor.setPipes(next);
       void analyze();
     },

B05_Profile/B05_Profile_UI_Drainage_Parts.ts

@@ -343,6 +343,22 @@ export function mountDrainageToggles(
 
 /** 밖에서 바뀐 관 목록을 현재 목록과 맞춘다. 같으면 null — 되먹임 고리를 끊는 지점이다.
  *  다르면 새 목록을 돌려주되, 원래 생성 사유는 자리로 맞춰 이어 붙인다(기본/자동/수동 표시 보존). */
+/** 되돌리기(369) — 되살린 걸음의 관 초안(세션)이 `next` 와 같은 자리면 그 초안(속성 정본) · id 도
+ *  `next` 에 옮김. 자리가 다르면(구조물 폼이 옮김 등) null — 부르는 쪽이 속성을 따라 옮김. */
+export function adoptDraftPipes<D extends { chainage_m: number; id?: string }>(
+  draft: ReadonlyArray<D> | null,
+  next: PipePoint[],
+): ReadonlyArray<D> | null {
+  const same =
+    draft?.length === next.length &&
+    draft.every((item, index) => Math.abs(item.chainage_m - next[index].chainage_m) < 0.01);
+  if (!draft || !same) return null;
+  next.forEach((pipe, index) => {
+    if (draft[index].id) pipe.id = draft[index].id;
+  });
+  return draft;
+}
+
 export function reconcilePipes(
   before: ReadonlyArray<PipePoint>,
   chainages: ReadonlyArray<number>,