feat(b06): 노면공 고름 = 범위 카드 전부 테두리 · 카드 하나 안 고름 · 첫 카드로 스크롤만 (177-4)

- applySpan 노면공도 --span · revealStation(리스너 없이 옛 카드 풂 · 폼 유지)
- focusChainage revealOnly · 세션 고름은 패널이 직접
- test_165 · test_106 기대값 고침 · 새 시험 test_177_4_pavement_span_box

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

B06_Section/B06_Section_UI_Page_Structures_Panel.ts

@@ -84,8 +84,8 @@ export interface B06StructuresPanelDeps {
   wallSideLabels?: (chainageM: number) => { inlet: "좌" | "우"; outlet: "좌" | "우" } | null;
   /** 측점 간격(m) — 측점번호+잔여거리 환산용. */
   stationInterval: () => number;
-  /** 목록·폼에서 고른 시설의 측점 카드를 선택·스크롤한다. */
-  focusChainage: (chainageM: number) => void;
+  /** 목록·폼에서 고른 시설의 측점 카드를 선택·스크롤한다(revealOnly = 고르지 않고 스크롤만 · 177-4). */
+  focusChainage: (chainageM: number, revealOnly?: boolean) => void;
   /** 목록에서 고른 줄을 다시 눌러 풂 — 횡단 카드 선택도 끔(54-8). */
   releaseCard?: () => void;
   /** 종단 알약 강조를 목록에서 고른 것에 맞춘다(null = 관 · 해제 — 측점선 짝을 따름). */
@@ -216,11 +216,17 @@ export function createB06StructuresPanel(deps: B06StructuresPanelDeps): B06Struc
         }
         currentChainageM = null; // 폼 = 이 구조물 — 옛 관을 붙든 채 남지 않게(165-2)
         // 카드 고름이 측점으로 다시 풀면 같은 측점 관이 먼저 열린다 — 누른 구조물을 넘긴다.
-        preferredId = structure.structure_id ?? null;
-        deps.focusChainage(focusOf(structure));
+        // 노면공 = 카드 하나 안 고름 · 범위 카드 전부 테두리 · 그 카드로 스크롤만 · 폼 유지(177-4)
+        const pave = !coverable(structure);
+        const id = structure.structure_id ?? null;
+        preferredId = id;
+        deps.focusChainage(focusOf(structure), pave);
         preferredId = null;
         // 알약은 카드 뒤에 — 카드 측점이 알약을 갈아 끼우거나 끄지 않게(53-2)
-        deps.markStructure?.(structure.structure_id ?? null);
+        deps.markStructure?.(id);
+        // 카드 고름 리스너를 안 거치니 세션 고름은 여기서(B05 로 가도 그 노면공)
+        const at = { chainageM: focusOf(structure), structureId: id };
+        if (pave) selectDesign(deps.projectId, at, { from: "b06" });
       },
       getInterval: deps.stationInterval,
       // 관 추가 — 정본은 [저장]·[확정]에서 나간다. 화면 목록·알약은 바로 세운다.

B06_Section/B06_Section_UI_Section_View.ts

@@ -235,7 +235,7 @@ export function createSectionView(
 
   /**
    * 고른 구간형 구조물(옹벽 · 독립 흙막이 · 사토장)의 시작~종료 안 횡단 카드 전부에 테두리 강조(106-1).
-   * 노면공(G군)은 테두리 대신 범위 카드 안 그 노면공의 포장층만 강조(152-5) — 겹친 노면공은 범위 표식으로 하나만.
+   * 노면공(G군)도 테두리 + 범위 카드 안 그 노면공의 포장층 강조(152-5 · 177-4) — 겹친 노면공은 범위 표식으로 하나만.
    * 가장 가까운 한 장의 `--selected` 는 그대로 — 클래스만 갈아 끼워 줌·팬을 지킨다.
    */
   let spanMarks: ReadonlyArray<StructureInstance> = [];
@@ -257,7 +257,7 @@ export function createSectionView(
       : undefined;
     const span = inSpan(section, mark);
     const pave = span && isPavement(spanMarkId);
-    card.classList.toggle("b06-cross-card--span", span && !pave);
+    card.classList.toggle("b06-cross-card--span", span);
     highlightPavement(card, pave ? mark : undefined);
   };
   const syncSpanHighlights = (): void => {
@@ -576,6 +576,15 @@ export function createSectionView(
         );
       }
     },
+    revealStation(stationId) {
+      // 노면공 고름 = 카드 하나 안 고름 · 옛 카드는 리스너 없이 풂(폼 유지) · 그 카드로 스크롤만(177-4)
+      const previous = selectedStationId;
+      selectedStationId = null;
+      activeAreaKey = null;
+      markCard(previous);
+      profile.showCard(null);
+      revealCard(stationId, "smooth");
+    },
     selectMark: (structureId, span = true) => {
       // span 끔 = 알약만 · 카드는 고른 측점 하나(137-4 — 측점 고름 리스너) · 노면공 포장층은 테두리가 아니라 늘 켬(165-2)
       spanMarkId = span || isPavement(structureId) ? structureId : null;

B06_Section/B06_Section_UI_Section_View_Types.ts

@@ -42,6 +42,8 @@ export interface SectionViewController {
   /** 좌측 구조물 목록에서 고른 측점 카드를 선택하고 화면에 드러낸다 — 재클릭 토글 없음
    *  (2026-08-29 B05/B06 일원화: 목록 클릭 → 해당 카드 스크롤·강조). null = 카드 선택 풂(54-8). */
   focusStation: (stationId: string | null) => void;
+  /** 카드를 고르지 않고 스크롤만 — 고른 카드는 알림 없이 풂(노면공 목록 고름 · 177-4). */
+  revealStation: (stationId: string) => void;
   /** 종단 알약 강조를 그 구조물로(null = 풀기 — 카드 측점선 짝을 따름).
    *  `span` = 구간형 범위 안 카드 전부 테두리(기본) · 끄면 카드는 고른 측점 하나(137-4). */
   selectMark: (structureId: string | null, span?: boolean) => void;