feat(b06): 성토사면 길이 5m 초과 경고 줄 — 요약 한 줄 + 측점 목록 · 벽 선 쪽만 뺌(좌·우 갈라) · 경고만(㉳ (나) · 브레인 승인 문구)

- 판정 `_Cross_FillSlope_Warn` — 길이는 카드 머리 「성토사면」 칸과 같은 fillSlopeLengths · 5m 를 넘는 쪽만
- 벽 = 배관 유입(상단측)·유출 기슭막이(집수정은 아님) · 독립 기슭막이 설치 측 · 세월교·BOX암거 양쪽
- 카드 목록 위 <details> — 펼치면 측점 단추, 누르면 그 카드로 · 구조물 자동 배치 없음
- 700줄 — 뷰 조종기 타입을 `_Section_View_Types` 로 뗌(706 → 669)
- 936be972: 37측점 경고 · 5m 넘는 48측점 중 벽 선 11곳 빠짐(80·258.1·260·320·352.1 세월교·440·534·620·720·804.2·982.6)

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016VBGFXB9AbJBwXP19z75Qq

B06_Section/B06_Section_UI_Section_View.ts

@@ -20,7 +20,6 @@ import { createWorkflowPanelHandle } from "@ui/ui_template_overlay";
 import type {
   CrossSection,
   EarthworkConversion,
-  HaulEquipmentLimit,
   SectionDetailResponse,
 } from "./B06_Section_Api_Fetch";
 import type { RockBoundaryControl } from "./B06_Section_UI_Cross_Design";
@@ -81,53 +80,10 @@ import {
   inferStationInterval,
   L,
 } from "./B06_Section_UI_Section_Common";
+import type { SectionViewController } from "./B06_Section_UI_Section_View_Types";
+import { createFillSlopeNotice } from "./B06_Section_UI_Cross_FillSlope_Notice";
 
-export type { CrossDesignChange, DesignChangeHandler, RockBoundaryControl };
-
-/**
- * 상태 행·요약줄·하단 접기 손잡이·테두리가 먹는 세로 공간의 **어림값**.
- *
- * 평소에는 쓰지 않는다 — 그래프 몫은 `chartWrap`을 직접 재서 정한다(어림값이 실제보다 크면
- * 유토곡선 아래에 빈 공간이 남는다). 화면에 붙기 전이라 잴 수 없는 첫 렌더에서만 쓰는
- * 출발값이고, 최소 패널 높이 계산의 기준이기도 하다.
- */
-export interface SectionViewController {
-  root: HTMLElement;
-  render: (
-    detail: SectionDetailResponse,
-    verticalExaggeration: number,
-    crossHalfWidth?: number,
-    stationInterval?: number,
-    earthworkConversion?: EarthworkConversion,
-    haulEquipmentLimits?: HaulEquipmentLimit[],
-    /** balloon 위치 캐시를 가르는 키(프로젝트+경로). 노선이 다르면 위치가 섞이면 안 된다. */
-    balloonScope?: string,
-    /** 자연방토 판정 경사(config). 못 받으면 자연방토 없음으로 본다. */
-    naturalSpoilMinSlope?: number,
-  ) => void;
-  /** 측점 하나의 카드만 새로 만들어 교체한다 (전체 재렌더 없이 설계 변경 반영). */
-  refreshCard: (chainageM: number) => void;
-  /** 여러 측점을 한꺼번에 교체한다 — 상단 패널은 **마지막에 한 번만** 다시 그린다. */
-  refreshCards: (chainages: ReadonlyArray<number>) => void;
-  /** 좌측 구조물 목록에서 고른 측점 카드를 선택하고 화면에 드러낸다 — 재클릭 토글 없음
-   *  (2026-08-29 B05/B06 일원화: 목록 클릭 → 해당 카드 스크롤·강조). */
-  focusStation: (stationId: string) => void;
-  /** 카드(측점) 선택이 바뀔 때 알림 — 좌측 「구조물 배치」 폼이 그 측점 구조물을
-   *  올린다(2026-08-29 일원화). null = 선택 해제. */
-  setStationSelectListener: (listener: (stationId: string | null) => void) => void;
-  clear: () => void;
-  /** 종단 아래 구조물 알약 레인에 쓸 목록 — B05 와 같은 부품·같은 표기(2026-09-07 사용자
-   *  지시 4 「구조물 표시 통일」). 좌측 「구조물 배치」가 목록을 받을 때마다 넘겨준다. */
-  setStructureMarks: (
-    structures: ReadonlyArray<StructureInstance>,
-    types: ReadonlyArray<StructureType>,
-  ) => void;
-  /** 종단 그래프 우클릭으로 구조물을 넣고 빼는 길(2026-09-12 B05·B06 일원화). */
-  setStructureEdit: (edit: SectionStructureEdit | null) => void;
-  /** 계획선 편집 ▲/▼ — 그릴 때마다 불러 선형·편집 함수를 받는다(null = 버튼 없음). */
-  setGradeEdit: (provider: (() => LongitudinalPanelInput["grade"]) | null) => void;
-  dispose: () => void;
-}
+export type { CrossDesignChange, DesignChangeHandler, RockBoundaryControl, SectionViewController };
 
 export function createSectionView(
   onDesignChange?: DesignChangeHandler,
@@ -236,6 +192,10 @@ export function createSectionView(
     },
   });
   panel.append(panelResizer.root);
+  // 성토사면 5m 초과 경고 줄(2026-09-14 브레인 (나)) — 패널과 카드 사이 · 측점 누르면 그 카드로.
+  const fillSlopeNotice = createFillSlopeNotice((id) =>
+    selectedStationId === id ? revealCard(id, "smooth") : selectStation(id, true),
+  );
 
   /**
    * 패널 **어디에서든** 굴린 휠은 페이지가 아니라 그래프를 좌우로 민다(2026-08-02 사용자 지시).
@@ -489,6 +449,7 @@ export function createSectionView(
     // 보던 자리가 맨 앞으로 튀면 못 쓴다. 위치를 잡아 뒀다 되돌린다.
     const keepScrollLeft = chartWrap.scrollLeft;
     const detail = currentDetail;
+    fillSlopeNotice.update(detail.cross_sections, cachedStationInterval); // 카드 갱신도 여기를 거침
     // 그래프 몫은 **추정하지 않고 잰다**. `chartWrap`은 `flex: 1 / min-height: 0`이라 높이가
     // 내용이 아니라 패널에서 정해지므로, 재서 쓰면 되먹임 없이 한 번에 수렴한다.
     // 화면에 붙기 전(detached)에는 잴 수 없으니 그때만 `PANEL_CHROME_PX` 추정치로 시작한다.
@@ -599,7 +560,7 @@ export function createSectionView(
     }
     // panel은 이미 root의 자식이라 replaceChildren이 떼었다 붙이면서 스크롤을 잃는다.
     const keepScrollLeft = chartWrap.scrollLeft;
-    root.replaceChildren(panel, grid);
+    root.replaceChildren(panel, fillSlopeNotice.root, grid);
     chartWrap.scrollLeft = keepScrollLeft;
   };