전략조건 상세설명 기능 추가

frontend/src/components/ChartSlot.tsx

@@ -3,7 +3,7 @@
  * 레이아웃 내 개별 차트 슬롯. 자체 심볼/타임프레임/데이터를 관리한다.
  */
 import React, {
-  useState, useEffect, useCallback, useRef, useMemo,
+  useState, useEffect, useLayoutEffect, useCallback, useRef, useMemo,
   useImperativeHandle, forwardRef,
 } from 'react';
 import ReactDOM from 'react-dom';
@@ -249,6 +249,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
     getTimeframe:   () => timeframeRef.current,
     getIndicators:  () => indicatorsRef.current,
     setSymbol: (s: string) => {
+      pendingRealtimeBarRef.current = null;
       // 새 종목의 캐시를 미리 무효화해 신선한 데이터를 요청하도록 함
       if (isUpbitMarket(s)) invalidateMarketCache(s);
       setSymbol(s);
@@ -380,7 +381,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
   // 데이터 로딩 완료 후 차트가 여전히 비어 있으면 1회만 재마운트 (data + blank guard)
   const [reloadTick, setReloadTick] = useState(0);
   const reloadTriggeredRef = useRef(false); // 재마운트는 최대 1회
-  useEffect(() => {
+  useLayoutEffect(() => {
     reloadTriggeredRef.current = false;
     pendingRealtimeBarRef.current = null;
   }, [symbol, timeframe]);
@@ -652,12 +653,14 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
           onManagerReady={mgr => {
             managerRef.current = mgr;
             const pending = pendingRealtimeBarRef.current;
-            if (pending) {
+            if (pending && barsMarketRef.current === symbolRef.current && bars.length > 0) {
               pendingRealtimeBarRef.current = null;
-              const last = bars.length > 0 ? bars[bars.length - 1] : null;
+              const last = bars[bars.length - 1];
               if (last && pending.time === last.time) mgr.updateBar(pending);
               else if (!last || pending.time > last.time) void mgr.appendBar(pending);
               else mgr.updateBar({ ...pending, time: last.time });
+            } else {
+              pendingRealtimeBarRef.current = null;
             }
             mgr.setSeriesPriceLabelsEnabled(chartSeriesPriceLabels);
             mgr.setVolumeVisible(chartVolumeVisible);