From e6bce1ccb5142387093fa21567c36aa7058aeeff Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sat, 22 Aug 2026 14:49:04 +0900
Subject: [PATCH] =?UTF-8?q?fix(B06):=20=EC=A1=B0=EC=A0=95=EC=B0=BD=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=ED=91=9C=EC=8B=9C=EB=A5=BC=20=ED=95=AD?=
 =?UTF-8?q?=EB=AA=A9=EB=8B=B9=20=ED=95=9C=20=ED=96=89=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=E2=80=94=20=EA=B4=80=20=EA=B8=B8=EC=9D=B4/=EC=A2=8C=EC=9A=B0/?=
 =?UTF-8?q?=EC=83=81=ED=95=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 한 줄 요약(관 길이 · 바깥 · 위) 대신 3행: 관 길이 / 좌우 / 상하(사면)
- 조작 없으면 각 행에 '자동' 표기 — 행 수 고정으로 레이아웃 안정

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../B06_Section_UI_Cross_Structure_Panel.ts   | 37 +++++++++++--------
 B06_Section/B06_Section_UI_Style_Cross.css    |  7 ++++
 ui_template/ui_template_locale_b2.ts          |  2 +
 3 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/B06_Section/B06_Section_UI_Cross_Structure_Panel.ts b/B06_Section/B06_Section_UI_Cross_Structure_Panel.ts
index b58527ad..6e2e8802 100644
--- a/B06_Section/B06_Section_UI_Cross_Structure_Panel.ts
+++ b/B06_Section/B06_Section_UI_Cross_Structure_Panel.ts
@@ -101,8 +101,13 @@ export function buildStructurePanel(deps: StructurePanelDeps): StructurePanelHan
   const title = document.createElement("span");
   title.className = "b06-structure-panel__title";
 
-  const value = document.createElement("span");
+  // 정보 표시(2026-08-22 사용자 — 항목당 한 행): 관 길이 / 좌우 / 상하.
+  const value = document.createElement("div");
   value.className = "b06-structure-panel__value";
+  const pipeLine = document.createElement("span");
+  const lateralLine = document.createElement("span");
+  const slopeLine = document.createElement("span");
+  value.append(pipeLine, lateralLine, slopeLine);
 
   let current: RevetKey | null = null;
   const act = (run: (key: RevetKey) => void) => () => {
@@ -288,22 +293,22 @@ export function buildStructurePanel(deps: StructurePanelDeps): StructurePanelHan
       currentCount = extra.count;
       countValue.textContent = `${extra.count}단`;
       const adjust = deps.adjustFor(key);
-      // 조작 요약 — 0이면 "자동". 좌우는 안/바깥, 상하는 위/아래로 적는다.
-      const parts: string[] = [];
-      if (Math.abs(adjust.x) > 1e-9) {
-        parts.push(
-          `${L(adjust.x > 0 ? "B06_Cross_Revet_Outward" : "B06_Cross_Revet_Inward")} ${Math.abs(adjust.x).toFixed(1)}m`,
-        );
-      }
-      if (Math.abs(adjust.d) > 1e-9) {
-        parts.push(
-          `${L(adjust.d > 0 ? "B06_Cross_Revet_DirDown" : "B06_Cross_Revet_DirUp")} ${Math.abs(adjust.d).toFixed(1)}m`,
-        );
-      }
-      const moved = parts.length ? parts.join(" · ") : L("B06_Cross_Revet_Auto");
+      // 정보는 항목당 한 행(2026-08-22 사용자) — 0이면 "자동", 좌우는 안/바깥,
+      // 상하는 위/아래로 적는다.
       const pipeLength = deps.pipeLengthM();
-      value.textContent =
-        pipeLength === null ? moved : `${L("B06_Cross_Revet_Pipe")} ${pipeLength}m · ${moved}`;
+      pipeLine.classList.toggle("is-hidden", pipeLength === null);
+      pipeLine.textContent =
+        pipeLength === null ? "" : `${L("B06_Cross_Revet_Pipe")} ${pipeLength}m`;
+      lateralLine.textContent =
+        `${L("B06_Cross_Lateral_Label")} ` +
+        (Math.abs(adjust.x) > 1e-9
+          ? `${L(adjust.x > 0 ? "B06_Cross_Revet_Outward" : "B06_Cross_Revet_Inward")} ${Math.abs(adjust.x).toFixed(1)}m`
+          : L("B06_Cross_Revet_Auto"));
+      slopeLine.textContent =
+        `${L("B06_Cross_Slope_Label")} ` +
+        (Math.abs(adjust.d) > 1e-9
+          ? `${L(adjust.d > 0 ? "B06_Cross_Revet_DirDown" : "B06_Cross_Revet_DirUp")} ${Math.abs(adjust.d).toFixed(1)}m`
+          : L("B06_Cross_Revet_Auto"));
     },
   };
 }
diff --git a/B06_Section/B06_Section_UI_Style_Cross.css b/B06_Section/B06_Section_UI_Style_Cross.css
index 04e3e732..e74dc5c8 100644
--- a/B06_Section/B06_Section_UI_Style_Cross.css
+++ b/B06_Section/B06_Section_UI_Style_Cross.css
@@ -596,7 +596,14 @@
   font-weight: var(--font-weight-medium);
 }
 
+.b06-structure-panel__value span.is-hidden {
+  display: none;
+}
+
 .b06-structure-panel__value {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
   color: var(--color-text-secondary);
   font-size: var(--text-caption);
 }
diff --git a/ui_template/ui_template_locale_b2.ts b/ui_template/ui_template_locale_b2.ts
index 978d7a90..43dc99fa 100644
--- a/ui_template/ui_template_locale_b2.ts
+++ b/ui_template/ui_template_locale_b2.ts
@@ -266,6 +266,8 @@ export const ui_locales_b2 = {
   ],
   B06_Cross_Height_Label: ["높이", "Height"],
   B06_Cross_Move_Label: ["이동(좌우·사면 상하)", "Move (lateral / along slope)"],
+  B06_Cross_Lateral_Label: ["좌우", "Lateral"],
+  B06_Cross_Slope_Label: ["상하(사면)", "Along slope"],
   B06_Cross_Height_Minus: ["높이 −0.1m", "Height −0.1m"],
   B06_Cross_Height_Plus: ["높이 +0.1m", "Height +0.1m"],
   B06_Cross_Height_Limit: [