가상투자 설정 수정

frontend/src/components/LiveStrategyPanel.tsx

@@ -26,6 +26,8 @@ interface LiveStrategyPanelProps {
   settings:   LiveStrategySettingsDto;
   watchlistCount?:     number;
   monitoredMarkets?:   string[];
+  /** 가상투자 세션에서 제어 — 차트 팝업은 읽기 전용 */
+  virtualDriven?:      boolean;
   onClearMarkers?: () => void;
   onClose?: () => void;
   onSettingsChange?: (settings: LiveStrategySettingsDto) => void;
@@ -47,7 +49,7 @@ const CandleIcon: React.FC<{ color: string }> = ({ color }) => (
 
 const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
   theme, market, strategies, settings,
-  watchlistCount = 0, monitoredMarkets = [],
+  watchlistCount = 0, monitoredMarkets = [], virtualDriven = false,
   onClearMarkers, onClose, onSettingsChange,
 }) => {
   const [saving, setSaving] = useState(false);
@@ -65,6 +67,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
   });
 
   const persist = useCallback(async (patch: Partial<LiveStrategySettingsDto>) => {
+    if (virtualDriven) return;
     const next: LiveStrategySettingsDto = { ...settings, ...patch, market };
     const prev = settings;
     onSettingsChange?.(next);
@@ -84,7 +87,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
     } finally {
       setSaving(false);
     }
-  }, [settings, market, onClearMarkers, onSettingsChange]);
+  }, [settings, market, onClearMarkers, onSettingsChange, virtualDriven]);
 
   const isOn      = settings.isLiveCheck;
   const execType  = settings.executionType;
@@ -190,6 +193,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
               <input
                 type="checkbox"
                 checked={isOn}
+                disabled={virtualDriven}
                 onChange={e => persist({ isLiveCheck: e.target.checked })}
               />
               <span className="lsp-toggle-slider" />
@@ -200,7 +204,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
             <span className="lsp-field-label">전략 선택</span>
             <select
               className="lsp-select"
-              disabled={!isOn}
+              disabled={virtualDriven || !isOn}
               value={stratId ?? ''}
               onChange={e => persist({ strategyId: e.target.value ? Number(e.target.value) : null })}
             >
@@ -221,7 +225,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
                   name="execType"
                   value="CANDLE_CLOSE"
                   checked={execType === 'CANDLE_CLOSE'}
-                  disabled={!isOn}
+                  disabled={virtualDriven || !isOn}
                   onChange={() => persist({ executionType: 'CANDLE_CLOSE' })}
                 />
                 <span className="lsp-option-text">
@@ -235,7 +239,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
                   name="execType"
                   value="REALTIME_TICK"
                   checked={execType === 'REALTIME_TICK'}
-                  disabled={!isOn}
+                  disabled={virtualDriven || !isOn}
                   onChange={() => persist({ executionType: 'REALTIME_TICK' })}
                 />
                 <span className="lsp-option-text">
@@ -255,7 +259,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
                   name="lsp-posMode"
                   value="LONG_ONLY"
                   checked={(settings.positionMode ?? 'LONG_ONLY') === 'LONG_ONLY'}
-                  disabled={!isOn}
+                  disabled={virtualDriven || !isOn}
                   onChange={() => persist({ positionMode: 'LONG_ONLY' })}
                 />
                 <span className="lsp-option-text">
@@ -269,7 +273,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
                   name="lsp-posMode"
                   value="SIGNAL_ONLY"
                   checked={settings.positionMode === 'SIGNAL_ONLY'}
-                  disabled={!isOn}
+                  disabled={virtualDriven || !isOn}
                   onChange={() => persist({ positionMode: 'SIGNAL_ONLY' })}
                 />
                 <span className="lsp-option-text">