실시간 차트 갱신시 화면떨림 문제 해결

frontend/src/components/ChartSlot.tsx

@@ -31,6 +31,8 @@ import {
   duplicateIndicatorInList,
   mergeIndicators,
   reorderIndicatorGroup,
+  removeIndicatorFromList,
+  removeIndicatorTypeFromList,
   splitIndicatorPane,
   replaceIndicatorConfigsFromTypes,
 } from '../utils/indicatorPaneMerge';
@@ -168,6 +170,8 @@ export interface ChartSlotProps {
   compactMode?: boolean;
   /** 실시간 수신 시 카드 아웃라인 형광 연두 음영 (설정 연동) */
   chartLiveReceiveHighlight?: boolean;
+  /** 실시간 차트 화면 표시 여부 (설정 등 다른 메뉴에서 숨김 시 false) */
+  chartVisible?: boolean;
 }
 
 const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot({
@@ -190,6 +194,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
   displayTimezone,
   compactMode = false,
   chartLiveReceiveHighlight = true,
+  chartVisible = true,
 }, ref) {
   // ── 전역 지표 파라미터 + 시각 설정 (DB 동기화) ────────────────────────
   const { getParams, saveParams, getVisualConfig, saveVisual } = useIndicatorSettings();
@@ -278,7 +283,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
       );
     },
     removeIndicatorByType: (type: string) => {
-      setIndicators(prev => prev.filter(i => i.type !== type));
+      setIndicators(prev => removeIndicatorTypeFromList(prev, type));
     },
     duplicateIndicator: (sourceId: string) => {
       setIndicators(prev => duplicateIndicatorInList(sourceId, prev, newIndId) ?? prev);
@@ -556,7 +561,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
   }, []);
 
   const handleRemoveById = useCallback((id: string) => {
-    setIndicators(prev => prev.filter(i => i.id !== id));
+    setIndicators(prev => removeIndicatorFromList(prev, id));
     setCtxToolbar(null);
     setSettingsModalId(null);
   }, []);
@@ -588,7 +593,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
   }, []);
 
   const handleRemoveByIdSlot = useCallback((id: string) => {
-    setIndicators(prev => prev.filter(i => i.id !== id));
+    setIndicators(prev => removeIndicatorFromList(prev, id));
     setFocusedIndicatorId(prev => prev === id ? null : prev);
     setCtxToolbar(null);
     setSettingsModalId(null);
@@ -784,6 +789,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
 
         <TradingChart
           key={reloadTick}
+          chartVisible={chartVisible}
           bars={bars}
           barsMarket={barsMarket}
           market={symbol}