From 3bd5ed2636322bece21ab5d78501b9ffe11a4419 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sat, 12 Sep 2026 18:56:14 +0900
Subject: [PATCH] =?UTF-8?q?fix(B08):=20=EB=93=B1=EA=B8=89=EC=83=89=20?=
 =?UTF-8?q?=ED=86=A0=EA=B8=80=EC=9D=84=20=ED=83=AD=20=EC=A4=84=20=EB=81=9D?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=98=AE=EA=B9=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

만들자마자 탭 줄에 붙이는 바람에 **탭 단추들보다 먼저** 서서, 「토적표」 앞에 탭이 하나 더
있는 것처럼 보였음(2026-09-12 실측: 토글 x=8 · 토적표 x=84). 표를 고르는 단추가 아니라
보기 방식을 바꾸는 단추라 섞이면 안 됨.

만드는 자리는 그대로 두고 **붙이는 것만 탭 단추를 다 세운 뒤로** 미룸.

자체검증(ORCA 5173, 로그인한 실제 화면) — 탭 줄 차례가
토적표(8) · 토공집계(74) · 운반거리(152) · 준비공·사방공(230) · 구조물 원단위(336) ·
자재총괄(441) · **등급색 토글(519)** 로 맨 끝에 섬. 토글을 켜면 칸 왼쪽 3px 띠와 옅은
배경이 붙고(측량 372칸 · 계산 868칸), 다시 누르면 사라짐. `tsc --noEmit` 통과.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017RANEBHns1S4tkmsYwewtk
---
 B08_Quantity/B08_Quantity_UI_Page.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/B08_Quantity/B08_Quantity_UI_Page.ts b/B08_Quantity/B08_Quantity_UI_Page.ts
index 6813b290..1d4971d3 100644
--- a/B08_Quantity/B08_Quantity_UI_Page.ts
+++ b/B08_Quantity/B08_Quantity_UI_Page.ts
@@ -781,12 +781,13 @@ function buildQuantityBody(
   };
 
   // 등급색 토글 — ⚠ **사전이 왔을 때만** 만든다(개발환경). 배포 빌드에서는 단추 자체가 없다.
-  if (
+  // ⚠ 만들기만 하고 **붙이는 것은 탭 단추를 다 세운 뒤**이다 — 여기서 바로 붙이면
+  //   탭 줄 **맨 앞**에 서서 「토적표」 앞에 탭 하나가 더 있는 것처럼 보인다(2026-09-12 실측: x=8).
+  const provenanceToggle =
     (table as unknown as { provenance?: unknown } | null)?.provenance ||
     (material as unknown as { provenance?: unknown } | null)?.provenance
-  ) {
-    tabs.append(createProvenanceToggle(body));
-  }
+      ? createProvenanceToggle(body)
+      : null;
 
   if (failed) {
     body.append(tabs, message(L("B08_Quantity_Grid_Failed")));
@@ -863,6 +864,8 @@ function buildQuantityBody(
     buttons.push(button);
     tabs.append(button);
   });
+  // 토글은 탭 줄 **끝**에 둔다 — 표를 고르는 단추가 아니라 보기 방식을 바꾸는 단추라 섞이면 안 된다.
+  if (provenanceToggle) tabs.append(provenanceToggle);
 
   body.append(tabs, pane);
   show(0);