실시간 차트 멀티모드 수정

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>

frontend/src/components/virtual/VirtualTargetFocusView.tsx

@@ -29,6 +29,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartLiveReceiveHighlight?: boolean;
   ticker?: TickerData;
 }
 
@@ -49,6 +50,7 @@ const VirtualTargetFocusView: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartLiveReceiveHighlight = true,
   ticker,
 }) => {
   const ko = getKoreanName(market);
@@ -60,9 +62,10 @@ const VirtualTargetFocusView: React.FC<Props> = ({
     return `${lastTickAt ?? 0}|${snapshot?.updatedAt ?? 0}`;
   }, [running, lastTickAt, snapshot?.updatedAt]);
   const receiving = useLiveReceiveFlash(receiveSignal, running);
+  const highlightReceiving = chartLiveReceiveHighlight && receiving;
 
   return (
-    <div className={`vtd-focus-wrap${receiving ? ' vtd-focus-wrap--receiving' : ''}`}>
+    <div className={`vtd-focus-wrap${highlightReceiving ? ' vtd-focus-wrap--receiving' : ''}`}>
       <div className="vtd-focus-head">
         <div className="vtd-focus-head-main">
           <div className="vtd-focus-title">
@@ -129,7 +132,7 @@ const VirtualTargetFocusView: React.FC<Props> = ({
             <VirtualTargetSignalPanel
               snapshot={snapshot}
               viewMode={viewMode}
-              receiving={receiving}
+              receiving={highlightReceiving}
             />
           </div>
         </section>

frontend/src/components/virtual/VirtualTargetGrid.tsx

@@ -22,6 +22,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartLiveReceiveHighlight?: boolean;
   tickers?: Map<string, TickerData>;
   viewMode: VirtualCardViewMode;
   globalDisplayMode: VirtualCardDisplayMode;
@@ -36,6 +37,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartLiveReceiveHighlight = true,
   tickers,
   viewMode,
   globalDisplayMode,
@@ -116,6 +118,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
           theme={theme}
           chartRealtimeSource={chartRealtimeSource}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
+          chartLiveReceiveHighlight={chartLiveReceiveHighlight}
           ticker={tickers?.get(focusTarget.market)}
         />
       ) : (
@@ -144,6 +147,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
                 theme={theme}
                 chartRealtimeSource={chartRealtimeSource}
                 chartSeriesPriceLabels={chartSeriesPriceLabels}
+                chartLiveReceiveHighlight={chartLiveReceiveHighlight}
                 ticker={tickers?.get(t.market)}
               />
             );