feat(M02): 구조물 옵션 정의 = 정의 그룹 꼴 종류도 이름 나무 · 옛 편집기 모든 종류에서 숨김(52-12)

- 명세 없는 종류 = 그룹 제목(그룹.이름) › 칸 이름(옵션 label) › 선택지 이름(종류.이름 `{옵션}={값}` · 값 그대로) · 그룹 밖 칸은 머리 줄 아래
- 칸 더하기 · 빼기 · 꼴 · 필수는 읽기만 · 칸 없는 종류(개거 · 노출형 횡단수로)는 「고칠 이름 없음」 · 종류 이름은 머리 칸
- 옛 편집기(옵션 · 배치 · 그룹 · 규칙 · 기준 측점)는 OLD_EDITOR 거짓으로 숨김(코드 그대로)
- 미리보기 = B05 칸 부품(field · optionControl · 그룹 상자)으로 같은 차례
- B05 · B06 고르기 칸 보기 글 = 정의 이름 표(값 그대로 · 규칙 선택지 · 시설 폼 덧보기 포함)
- 시험: test_m02_so_def_spec 정의 그룹 꼴 더함 · 헬퍼가 이웃 TS 를 읽게 고침 · ui_checks/52-11 에 맹암거 · 바닥막이 · 개거 더함

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

B05_Profile/B05_Profile_UI_Structures_Panel_Options.ts

@@ -80,7 +80,8 @@ export function renderOptionFields(
   shown.forEach((option) => {
     // 받은 값만 칸에 — 새 구조물은 부르는 쪽(패널)이 등록부 기본값을 `values` 로 실어 줌(PLAN 46-7).
     // 보기는 정의 전부로 세워 옛 값을 잃지 않고, 숨김 · 규칙 선택지는 `applyRules` 가 좁힘.
-    const input = optionControl(option, values[option.key]);
+    const name = (c: string): string => type.spec_names?.[`${option.key}=${c}`] ?? c;
+    const input = optionControl(option, values[option.key], name);
     const label = `${option.unit ? `${option.label} (${option.unit})` : option.label}${option.not_in_table ? " · 표에 안 쓰임" : ""}`;
     const wrap = field(label, input, option.default_basis);
     wrap.dataset.optionKeys = option.key; // 옵션 그룹 상자가 이 표식으로 칸을 옮김(PLAN 46-3)
@@ -152,7 +153,11 @@ export function renderOptionFields(
       wrap.classList.toggle("is-rule-hidden", off); // 그룹 상자로 옮겨 가도 같은 표식
       if (!off) optionInputs.push(entry);
       if (state && entry.input.tagName.toLowerCase() === "select")
-        syncChoices(entry.input as HTMLSelectElement, state.choices);
+        syncChoices(
+          entry.input as HTMLSelectElement,
+          state.choices,
+          (c) => type!.spec_names?.[`${entry.key}=${c}`] ?? c,
+        );
     }
   }
   applyRules(null);
@@ -161,14 +166,18 @@ export function renderOptionFields(
 }
 
 /** 고르기 칸 보기를 규칙 선택지로 — 빈 보기는 남기고, 지금 값이 목록 밖이면 그 값만 남겨 보임. */
-function syncChoices(element: HTMLSelectElement, choices: string[]): void {
+function syncChoices(
+  element: HTMLSelectElement,
+  choices: string[],
+  label: (choice: string) => string,
+): void {
   const now = [...element.children].slice(1).map((o) => (o as HTMLOptionElement).value);
   const keep = element.value && !choices.includes(element.value) ? [element.value] : [];
   const want = [...choices, ...keep];
   if (now.length === want.length && now.every((v, i) => v === want[i])) return;
   const value = element.value;
   const blank = element.children[0];
-  element.replaceChildren(blank, ...want.map((c) => new Option(c, c)));
+  element.replaceChildren(blank, ...want.map((c) => new Option(label(c), c)));
   element.value = value;
 }