실시간 차트 멀티모드 수정

frontend/src/components/SettingsPage.tsx

@@ -96,6 +96,8 @@ interface SettingsPageProps {
   onChartSeriesPriceLabels?: (v: boolean) => void;
   chartVolumeVisible?: boolean;
   onChartVolumeVisible?: (v: boolean) => void;
+  chartLiveReceiveHighlight?: boolean;
+  onChartLiveReceiveHighlight?: (v: boolean) => void;
   chartLegendOptions?: ChartLegendVisibility;
   onChartLegendOptionsChange?: (patch: Partial<ChartLegendVisibility>) => void;
   paperTradingEnabled?: boolean;
@@ -565,6 +567,8 @@ interface ChartPanelProps {
   onChartSeriesPriceLabels?: (v: boolean) => void;
   chartVolumeVisible?: boolean;
   onChartVolumeVisible?: (v: boolean) => void;
+  chartLiveReceiveHighlight?: boolean;
+  onChartLiveReceiveHighlight?: (v: boolean) => void;
   chartLegendOptions?: ChartLegendVisibility;
   onChartLegendOptionsChange?: (patch: Partial<ChartLegendVisibility>) => void;
 }
@@ -577,6 +581,8 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
   onChartSeriesPriceLabels,
   chartVolumeVisible = true,
   onChartVolumeVisible,
+  chartLiveReceiveHighlight = true,
+  onChartLiveReceiveHighlight,
   chartLegendOptions,
   onChartLegendOptionsChange,
 }) => {
@@ -598,6 +604,19 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
             <option value="UPBIT_DIRECT">업비트 직연결 (기존)</option>
           </select>
         </SettingRow>
+        <SettingRow
+          label="실시간 수신 음영처리"
+          desc="켜면 실시간 데이터 수신 순간 멀티차트·가상투자 카드 아웃라인에 형광 연두색 glow가 표시됩니다. 끄면 아웃라인 음영 효과가 비활성화됩니다."
+        >
+          <label className="stg-toggle">
+            <input
+              type="checkbox"
+              checked={chartLiveReceiveHighlight}
+              onChange={e => onChartLiveReceiveHighlight?.(e.target.checked)}
+            />
+            <span className="stg-toggle-slider" />
+          </label>
+        </SettingRow>
       </SettingSection>
       <SettingSection title="캔들 색상">
         <SettingRow label="상승 캔들 색상" desc="양봉(상승) 캔들의 기본 색상입니다.">
@@ -1351,6 +1370,8 @@ const SettingsPage: React.FC<SettingsPageProps> = ({
   onChartSeriesPriceLabels,
   chartVolumeVisible = true,
   onChartVolumeVisible,
+  chartLiveReceiveHighlight = true,
+  onChartLiveReceiveHighlight,
   chartLegendOptions,
   onChartLegendOptionsChange,
   tradeAlertSoundEnabled = true,
@@ -1428,6 +1449,8 @@ const SettingsPage: React.FC<SettingsPageProps> = ({
           onChartSeriesPriceLabels={onChartSeriesPriceLabels}
           chartVolumeVisible={chartVolumeVisible}
           onChartVolumeVisible={onChartVolumeVisible}
+          chartLiveReceiveHighlight={chartLiveReceiveHighlight}
+          onChartLiveReceiveHighlight={onChartLiveReceiveHighlight}
           chartLegendOptions={chartLegendOptions}
           onChartLegendOptionsChange={onChartLegendOptionsChange}
         />