refactor(B05·B06): 좌측 칸을 등록부로 · 아래 단추 넷 · B05 Panel 나눔(24-2b)

- B05 좌측 패널(714줄)을 Fields · Settings · Route · View · Sections 로 나누고 createRoutePanel 은 등록부로 세움
- B06 좌측 칸(횡단 보기 설정 · 표준 횡단면 설정)을 등록부로 · 페이지는 createDesignPanel 만 부름
- 「구조물 배치」는 design_sections 한 정의로 두 보기
- 아래 단추 [초기화][저장][확정][보기 전환] — B05 [확정]은 저장 흐름 이음 전까지 꺼 둠
- [초기화] 는 design_reset 한 함수를 두 보기가 부름
- 칸 DOM 은 고치기 전과 같음(전후 DOM 대조)

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

A00_Common/design/design_dock.ts

@@ -103,9 +103,11 @@ export function createDesignDock(
     (Object.keys(buttons) as Array<keyof DesignDockActions>).forEach((name) => {
       const action = actions[name];
       buttons[name].disabled = action.enabled === false;
-      buttons[name].title = action.title ?? "";
+      if (action.title) buttons[name].title = action.title;
+      else buttons[name].removeAttribute("title");
     });
-    switchButton.textContent = switchViewLabel(current);
+    (switchButton.querySelector(".ui-btn__label") ?? switchButton).textContent =
+      switchViewLabel(current);
     row.className = current === "profile" ? "b05-route__actions" : "b06-profile__actions";
   };
 

A00_Common/design/design_reset.ts

@@ -0,0 +1,59 @@
+/* =============================================================================
+ * design_reset.ts
+ * [초기화] 한 줄기 — 두 보기의 아래 단추가 **같은 함수**를 부른다(계획서 24-2b).
+ *
+ * 사용자 편집 전부 폐기, 계획노선 CSV 기본값으로 B05·B06 재계산 후 재진입. 네이티브 confirm 은
+ * 공용 헤드 브라우저가 자동 취소해 버튼이 죽은 듯 보였다(2026-08-19 진단) — 화면 안 모달로
+ * 확인받는다. (`B05_Profile_UI_Page_Actions.resetDesignAction` 에서 옮겨 왔다 — 동작 그대로.)
+ * ========================================================================== */
+
+import { ROUTES } from "@config/config_frontend";
+import { currentLanguageIndex, ui_locales } from "@ui/ui_template_locale";
+import {
+  hideLoadingOverlay,
+  showConfirmDialog,
+  showLoadingOverlay,
+  showToast,
+} from "@ui/ui_template_elements";
+import { clearDrafts } from "./../b_page_state";
+import { navigateTo } from "./../router";
+import { clearRouteLatestCache, resetRouteDesign } from "../../B05_Profile/B05_Profile_Api_Fetch";
+import { clearAlignmentDrafts } from "../../B05_Profile/B05_Profile_UI_Profile_Edit";
+import { invalidateSectionDetail } from "../../B06_Section/B06_Section_Section_Store";
+
+function L(key: keyof typeof ui_locales): string {
+  return ui_locales[key][currentLanguageIndex];
+}
+
+/**
+ * [초기화] — 확인을 받고, 서버 초기값 복원 뒤 옛 경로 기준 캐시를 전부 비우고 종단 보기로 다시 들어간다.
+ * `onCleared` 는 페이지만 아는 조작 캐시(상단측 변경분 등)를 비울 자리다.
+ */
+export async function resetDesign(
+  projectId: string,
+  routeId: number | null,
+  onCleared?: () => void,
+): Promise<void> {
+  if (!(await showConfirmDialog(L("B05_Route_Reset_Confirm"), "초기화"))) return;
+  showLoadingOverlay();
+  try {
+    await resetRouteDesign(projectId);
+    // 옛 경로 기준 캐시를 전부 비우고 페이지를 새로 그린다 — 초기 계산본이 정본이 된다.
+    clearRouteLatestCache(projectId);
+    invalidateSectionDetail(projectId);
+    // 사용자 조작(② 초안)은 **등록표 한 곳**에서 통째로 버린다(2026-09-06 일원화).
+    // 예전에는 파일마다 따로 지워 새 값이 늘 때 빠뜨리기 쉬웠다. 노선 범위 초안은
+    // 노선이 바뀌면 키가 달라져 자연히 딸려 오지 않는다.
+    clearDrafts(projectId, routeId);
+    onCleared?.();
+    // 계획선 편집 초안도 함께 버린다 — 남기면 초기값 위에 옛 편집이 다시 얹혀 계획선이
+    // 측점에서 원지반선과 만나지 않는다(2026-09-04 실측: 새로고침 후 최대 6.0m 어긋남).
+    clearAlignmentDrafts();
+    showToast(L("B05_Route_Reset_Success"), "success");
+    navigateTo(ROUTES.B05_PROFILE);
+  } catch (error) {
+    showToast(error instanceof Error ? error.message : L("B05_Route_Reset_Failed"), "error");
+  } finally {
+    hideLoadingOverlay();
+  }
+}

A00_Common/design/design_sections.ts

@@ -0,0 +1,31 @@
+/* =============================================================================
+ * design_sections.ts
+ * 두 보기가 **함께 쓰는 좌측 칸 정의** — 「구조물 배치」(계획서 24-2b).
+ *
+ * 한 정의에 `views: ["profile", "cross"]` 를 적어 두 보기가 같은 칸을 같은 자리(맨 위)에 세운다.
+ * 칸 알맹이는 페이지가 건네는 부품 `structures`(뿌리 · 아래 고정 영역에 얹을 목록 뿌리)다 —
+ * 종단 보기는 배치 콜백, 횡단 보기는 거기에 횡단 조정 콜백을 더해 만들지만 **칸 정의는 하나**다.
+ * ========================================================================== */
+
+import { part, registerPanelSection } from "./design_panel";
+
+/** 페이지가 건네는 「구조물 배치」 부품의 모양 — 뿌리와 목록 뿌리만 안다. */
+export interface StructuresPart {
+  root: HTMLElement;
+  listRoot: HTMLElement;
+}
+
+export const STRUCTURES_SECTION_ID = "structures";
+
+registerPanelSection({
+  id: STRUCTURES_SECTION_ID,
+  title: "구조물 배치",
+  views: ["profile", "cross"],
+  order: 10,
+  build: (ctx) => {
+    const structures = part<StructuresPart>(ctx, "structures");
+    // 구조물 목록은 「구조물 배치」 본문이 아니라 아래 고정 영역에 놓는다 — 본문에 두면
+    // 고른 구조물의 폼 길이에 밀려 화면 밖으로 나갔다(2026-08-18 사용자 지시).
+    return { root: structures.root, dock: structures.listRoot };
+  },
+});