From a026d52799d709eb4aab3ed82683ad28e28e3649 Mon Sep 17 00:00:00 2001
From: ypshim <ypshim71@gmail.com>
Date: Tue, 27 Oct 2026 09:44:08 +0900
Subject: [PATCH] =?UTF-8?q?refactor(rebar):=20=ED=99=95=EB=8C=80=EA=B8=B0?=
 =?UTF-8?q?=EC=B4=88=20=EB=8B=A8=EB=A9=B4=EC=9D=98=20=ED=92=8D=EC=84=A0=20?=
 =?UTF-8?q?=ED=81=B4=EB=A6=AD=20=EA=B0=95=EC=A1=B0=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 풍선 클릭 리스너와 강조 함수 제거, 풍선은 라벨로만 표시
- 캡션에서 "풍선을 누르면" 문구 제거

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
---
 src/main.ts                     | 12 +-----------
 src/view/footing-section-svg.ts |  2 +-
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index 0e2283e..bd67b13 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1390,21 +1390,11 @@ function renderFootingSettings(box: HTMLDivElement, pier: Pier): void {
   // 교각축 직각 단면 (폭 W): a bubble click highlights that bar family; a second click clears it.
   const sectionFig = el('figure', undefined, 'ground-fig');
   sectionFig.innerHTML = footingSectionSvg(pier.model);
-  sectionFig.appendChild(el('figcaption', '교각축 직각 단면 (폭 W) · 풍선을 누르면 그 철근만 강조 · 실제 비율 · 다리 생략', 'muted small'));
-  sectionFig.querySelectorAll<SVGGElement>('[data-bubble]').forEach((g) => g.addEventListener('click', () => highlightFootingBar(sectionFig, g.dataset.bubble ?? '')));
+  sectionFig.appendChild(el('figcaption', '교각축 직각 단면 (폭 W) · 실제 비율 · 다리 생략', 'muted small'));
   wrap.appendChild(sectionFig);
   box.appendChild(wrap);
 }
 
-/** Highlights the marks of one bar family in a footing section (data-bar); the others dim. A second click on the same family clears it. */
-function highlightFootingBar(fig: HTMLElement, name: string): void {
-  const active = fig.dataset.active === name ? '' : name;
-  fig.dataset.active = active;
-  fig.querySelectorAll<SVGElement>('[data-bar]').forEach((m) => {
-    m.style.opacity = active === '' || m.dataset.bar === active ? '1' : '0.2';
-  });
-}
-
 function renderCopingDrawings(box: HTMLDivElement, pier: Pier): void {
   if (!pier.model || !rebar3d) return;
   const L = pier.model.copingL;
diff --git a/src/view/footing-section-svg.ts b/src/view/footing-section-svg.ts
index fd9e0ac..7a91b9f 100644
--- a/src/view/footing-section-svg.ts
+++ b/src/view/footing-section-svg.ts
@@ -155,7 +155,7 @@ export function footingSectionSvg(model: PierModel): string {
   // Bubbles outside the outline, spread apart, each with a leader to its bar (the leader carries the same data-bar, so it highlights too).
   const bubble = (name: string, bx: number, by: number, tx: number, ty: number) => {
     const edgeY = by < ty ? by + 11 : by - 11;
-    return `<g class="bubble" data-bubble="${name}" style="cursor:pointer"><line class="leader" data-bar="${name}" x1="${bx.toFixed(1)}" x2="${tx.toFixed(1)}" y1="${edgeY.toFixed(1)}" y2="${ty.toFixed(1)}" stroke="${COLOR.outline}" stroke-width="0.7"/><circle cx="${bx.toFixed(1)}" cy="${by.toFixed(1)}" r="11" fill="#fff" stroke="${COLOR.outline}"/><text x="${bx.toFixed(1)}" y="${(by + 3).toFixed(1)}" font-size="9" text-anchor="middle" fill="${COLOR.outline}">${name}</text></g>`;
+    return `<g class="bubble" data-bubble="${name}"><line class="leader" data-bar="${name}" x1="${bx.toFixed(1)}" x2="${tx.toFixed(1)}" y1="${edgeY.toFixed(1)}" y2="${ty.toFixed(1)}" stroke="${COLOR.outline}" stroke-width="0.7"/><circle cx="${bx.toFixed(1)}" cy="${by.toFixed(1)}" r="11" fill="#fff" stroke="${COLOR.outline}"/><text x="${bx.toFixed(1)}" y="${(by + 3).toFixed(1)}" font-size="9" text-anchor="middle" fill="${COLOR.outline}">${name}</text></g>`;
   };
   const zB11 = js.length > 0 ? fs.cBottom + js[0] * fs.sV : fs.cBottom;
   const yTop = 40;