feat(B05 평면 구조물 마커): 구조물 측점 마커 · 고름 정보 창 · 20 m 법선 · 끌기 · 방향키 1 m (399)

- 마커 = 종단 알약과 같은 목록(laneStructures) · 노선 위 알약 꼴(종류 색) · 스냅 · 간격과 무관
- 고름 = 알약 고름과 같은 길(onStructureSelect · 공용 고름) · 알약 벌룬 그대로 · 좌우 20 m 법선
- 끌기 · 방향키 = 노선 따라 정수 m 1 m 씩 · 시점 · 종점 밖 안 감 · 놓을 때 알약 끌기와 같은 길로 한 번
- 집기 차례 = 교각점 · 곡선 손잡이 다음 · 옛 마름모 지움
- 시험 test_399_plan_structure_marks · test_391 마름모 줄 고침

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

A00_Common/design/design_view_profile.ts

@@ -84,6 +84,7 @@ import {
 } from "../../B05_Profile/B05_Profile_UI_Page_Helpers";
 import { createProfileSections, type ProfileViewState } from "./design_view_profile_sections";
 import { createProfile3d } from "./design_view_profile_3d";
+import { setPlanMarkSource } from "../../B05_Profile/B05_Profile_UI_RouteEdit_StructureMarks";
 
 type PipeReport = Parameters<NonNullable<RouteProfilePanelCallbacks["onPipesChanged"]>>[0];
 
@@ -159,6 +160,28 @@ export async function mountProfileView(
     profilePanel.setSelectedStation(target.stationId);
     if (id === null && target.stationId !== null) viewer.markers.selectStation(target.stationId);
   };
+  // 구조물 알약 — 그래프에서 고르면 사이드 폼도 같은 항목을 연다. 계곡 통과 시설
+  // (가상 id `pipe-*`)은 관 정본 소관이라 누가거리로 되돌려 보낸다(2026-08-17). 평면 구조물 마커(399)도 이 길.
+  const onStructureSelect = (structureId: string | null): void => {
+    const chainage = bridge.pipeMarkChainage(structureId);
+    // 측점 없는 관(물넘이포장)은 알약 id 도 남김 — 같은 m 일반 측점선을 안 켬(요구 178)
+    const keepId = chainage === null || bridge.stationlessPipeMark(structureId);
+    rememberPick(bridge.markChainage(structureId), keepId ? structureId : null);
+    if (chainage !== null) {
+      panel.structures.selectPipeByChainage(chainage);
+      selectStationOfPipe(chainage);
+      return;
+    }
+    panel.structures.selectById(structureId);
+  };
+  const onStructureMarkMove = (structureId: string, toChainage: number): void => {
+    const chainage = bridge.pipeMarkChainage(structureId);
+    if (chainage !== null) {
+      profilePanel.drainage.movePipe(chainage, toChainage);
+      return;
+    }
+    panel.structures.moveById(structureId, toChainage);
+  };
   // 종단도 한 벌 — 종단 보기가 보일 때 받는 알림만 건다(계획서 24-3b).
   const profilePanel = createRouteProfilePanel(
     shared,
@@ -192,28 +215,8 @@ export async function mountProfileView(
       // 배수유역도에서 유역·관 마커를 고르면 그 관의 측점을 그래프·3D·사이드 패널에서도 고른다.
       onBasinSelected: (chainageM) => pickFromMap(chainageM),
       onPipeSelected: (chainageM) => pickFromMap(chainageM),
-      // 구조물 알약 — 그래프에서 고르면 사이드 폼도 같은 항목을 연다. 계곡 통과 시설
-      // (가상 id `pipe-*`)은 관 정본 소관이라 누가거리로 되돌려 보낸다(2026-08-17).
-      onStructureSelect: (structureId) => {
-        const chainage = bridge.pipeMarkChainage(structureId);
-        // 측점 없는 관(물넘이포장)은 알약 id 도 남김 — 같은 m 일반 측점선을 안 켬(요구 178)
-        const keepId = chainage === null || bridge.stationlessPipeMark(structureId);
-        rememberPick(bridge.markChainage(structureId), keepId ? structureId : null);
-        if (chainage !== null) {
-          panel.structures.selectPipeByChainage(chainage);
-          selectStationOfPipe(chainage);
-          return;
-        }
-        panel.structures.selectById(structureId);
-      },
-      onStructureMarkMove: (structureId, toChainage) => {
-        const chainage = bridge.pipeMarkChainage(structureId);
-        if (chainage !== null) {
-          profilePanel.drainage.movePipe(chainage, toChainage);
-          return;
-        }
-        panel.structures.moveById(structureId, toChainage);
-      },
+      onStructureSelect,
+      onStructureMarkMove,
       onStructureTypeAdd: (chainage, typeId) => panel.structures.addAt(chainage, typeId),
     },
   );
@@ -376,6 +379,16 @@ export async function mountProfileView(
     renderStationLines: () => sections.redrawStationLines(),
     isRestoring: () => state.restoring,
   });
+  // 평면 구조물 측점 마커(399) — 알약과 같은 목록 · 고름 · 옮김
+  host.onDispose(
+    setPlanMarkSource(activeProjectId, {
+      marks: bridge.marks,
+      types: bridge.types,
+      intervalM: () => panel.values().stationInterval || 20,
+      select: onStructureSelect,
+      move: onStructureMarkMove,
+    }),
+  );
   // 종단도 · 3D 강조 = 고름 한 칸에서 파생 · 이 보기가 보일 때만(횡단 보기는 제 규칙 · 233-1 · 233-2)
   const profilePick = bindProfilePick(
     activeProjectId,