260723_7

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Cross_View.ts

@@ -141,7 +141,18 @@ export function createCrossSectionCard(
       : section.kind === "bp"
         ? L("B06_Profile_View_Kind_BP")
         : L("B06_Profile_View_Kind_Station");
-  header.append(title, kind);
+  // kind 라벨(일반측점/BP/EP) 좌측에 구조물 정보를 표기(비정규 측점이 확정 시 실어온 값).
+  const meta = document.createElement("div");
+  meta.className = "b06-cross-card__meta";
+  if (section.structure) {
+    const structure = document.createElement("span");
+    structure.className = "b06-cross-card__structure";
+    structure.textContent = section.structure;
+    structure.title = `구조물: ${section.structure}`;
+    meta.append(structure);
+  }
+  meta.append(kind);
+  header.append(title, meta);
   card.append(header);
   if (onDesignChange) card.append(buildDesignControls(section, onDesignChange));
 

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style.css

@@ -240,6 +240,16 @@
   font-size: var(--text-body-sm);
 }
 
+/* 비정규 측점의 구조물 라벨 — kind(일반측점/BP/EP) 좌측에 자수정색 pill로 표기. */
+.b06-cross-card__structure {
+  padding: 1px 6px;
+  border-radius: var(--radius-pills);
+  background: color-mix(in srgb, var(--color-royal-amethyst, rgb(109 40 217)) 16%, transparent);
+  color: var(--color-royal-amethyst, rgb(109 40 217));
+  font-size: var(--text-caption);
+  white-space: nowrap;
+}
+
 .b06-cross-card > footer {
   border-top: 1px solid var(--color-border);
 }