실시간 차트 멀티모드 수정

frontend/src/components/virtual/VirtualTargetCard.tsx

@@ -36,6 +36,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartLiveReceiveHighlight?: boolean;
   ticker?: TickerData;
 }
 
@@ -59,6 +60,7 @@ const VirtualTargetCard: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartLiveReceiveHighlight = true,
   ticker,
 }) => {
   const ko = getKoreanName(market);
@@ -79,6 +81,7 @@ const VirtualTargetCard: React.FC<Props> = ({
     return `${lastTickAt ?? 0}|${snapshot?.updatedAt ?? 0}`;
   }, [running, lastTickAt, snapshot?.updatedAt]);
   const receiving = useLiveReceiveFlash(receiveSignal, running);
+  const highlightReceiving = chartLiveReceiveHighlight && receiving;
 
   return (
     <div
@@ -86,7 +89,7 @@ const VirtualTargetCard: React.FC<Props> = ({
         'vtd-card',
         'vtd-card--signal',
         running ? 'vtd-card--live' : '',
-        receiving ? 'vtd-card--receiving' : '',
+        highlightReceiving ? 'vtd-card--receiving' : '',
         isDetail ? 'vtd-card--detail' : 'vtd-card--summary',
         isChart ? 'vtd-card--chart-mode' : '',
         selected ? 'vtd-card--selected' : '',
@@ -187,7 +190,7 @@ const VirtualTargetCard: React.FC<Props> = ({
         <VirtualTargetSignalPanel
           snapshot={snapshot}
           viewMode={viewMode}
-          receiving={receiving}
+          receiving={highlightReceiving}
         />
       )}
     </div>