From e4611404a92a199724b4eed2c6af7826874625fc Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Tue, 16 Jun 2026 23:45:57 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8F=8B=EB=B3=B4=EA=B8=B0=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=B0=BD=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ChartMagnifier.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ChartMagnifier.tsx b/frontend/src/components/ChartMagnifier.tsx
index e251dc0..90ab710 100644
--- a/frontend/src/components/ChartMagnifier.tsx
+++ b/frontend/src/components/ChartMagnifier.tsx
@@ -54,6 +54,18 @@ function nearestStepIndex(steps: number[], cur: number): number {
   return best;
 }
 
+/** LWC chart-container + 래퍼 오버레이(매매 시그널 라벨·드로잉) 캔버스 — DOM 순서 유지 */
+function collectMagnifierChartLayers(
+  container: HTMLElement,
+  wrapper: HTMLElement,
+): HTMLCanvasElement[] {
+  const containerLayers = Array.from(container.querySelectorAll<HTMLCanvasElement>('canvas'));
+  const containerSet = new Set(containerLayers);
+  const overlayLayers = Array.from(wrapper.querySelectorAll<HTMLCanvasElement>('canvas'))
+    .filter(c => !containerSet.has(c) && !c.classList.contains('chart-magnifier-canvas'));
+  return [...containerLayers, ...overlayLayers];
+}
+
 const ChartMagnifier: React.FC<ChartMagnifierProps> = ({
   containerRef, wrapperRef, enabled, onClose,
 }) => {
@@ -126,8 +138,8 @@ const ChartMagnifier: React.FC<ChartMagnifierProps> = ({
     const ssrcL = srcL;
     const ssrcT = srcT;
 
-    // LWC 캔버스 레이어 순서대로 복사
-    const layers = Array.from(container.querySelectorAll<HTMLCanvasElement>('canvas'));
+    // LWC 캔버스 + 매매 시그널 라벨·드로잉 오버레이 (tv-chart-wrap 자식) 순서대로 복사
+    const layers = collectMagnifierChartLayers(container, wrapper);
     for (const lc of layers) {
       const cRect = lc.getBoundingClientRect();
       const csX   = (ssrcL - cRect.left) * dpr;