전략평가 화면 전랸선택드롭다운 추가

frontend/src/components/StrategyEvaluationPage.tsx

@@ -183,9 +183,24 @@ export default function StrategyEvaluationPage({ theme = 'dark' }: Props) {
     setSelectedStrategy(hydrateStrategyDto(s));
     setAppliedIndicatorParams(null);
     setParamsRevision(v => v + 1);
+    setTimeframeChoice(BACKTEST_STRATEGY_TIMEFRAME);
     setLeftTab('strategy');
   }, []);
 
+  const handleSelectStrategyById = useCallback((id: number) => {
+    const found = strategies.find(s => s.id === id);
+    if (found) {
+      handleSelectStrategy(found);
+      return;
+    }
+    setSelectedStrategyId(id);
+    setSelectedStrategy(null);
+    setAppliedIndicatorParams(null);
+    setParamsRevision(v => v + 1);
+    setTimeframeChoice(BACKTEST_STRATEGY_TIMEFRAME);
+    setLeftTab('strategy');
+  }, [strategies, handleSelectStrategy]);
+
   const handleSaveIndicatorParams = useCallback((params: EvalIndicatorParams) => {
     setAppliedIndicatorParams(params);
     setParamsRevision(v => v + 1);
@@ -308,6 +323,9 @@ export default function StrategyEvaluationPage({ theme = 'dark' }: Props) {
               timeframe={chartTimeframe}
               timeframeChoice={timeframeChoice}
               tfOptions={tfOptions}
+              strategies={strategies}
+              selectedStrategyId={selectedStrategyId}
+              onStrategySelect={handleSelectStrategyById}
               onMarketChange={setMarket}
               onTimeframeChoiceChange={setTimeframeChoice}
               theme={theme}

frontend/src/components/strategyEvaluation/StrategyEvaluationChart.tsx

@@ -19,6 +19,7 @@ import { loadBacktestSettings, runBacktest } from '../../utils/backendApi';
 import { buildVirtualTradingChartIndicators } from '../../utils/strategyToChartIndicators';
 import { buildEvalParamsFromStrategy } from '../../utils/strategyEvaluationParams';
 import { resolveEvaluationFromLoadedBars } from '../../utils/backtestWarmup';
+import { repairUtf8Mojibake } from '../../utils/textEncoding';
 import StrategyEvaluationBarSelector from './StrategyEvaluationBarSelector';
 import {
   parseBacktestRunTimeframeChoice,
@@ -30,6 +31,9 @@ interface Props {
   timeframe: Timeframe;
   timeframeChoice: BacktestRunTimeframeChoice;
   tfOptions: { value: string; label: string }[];
+  strategies: StrategyDto[];
+  selectedStrategyId: number | null;
+  onStrategySelect: (strategyId: number) => void;
   onMarketChange: (market: string) => void;
   onTimeframeChoiceChange: (choice: BacktestRunTimeframeChoice) => void;
   theme?: Theme;
@@ -67,6 +71,9 @@ const StrategyEvaluationChart: React.FC<Props> = ({
   timeframe,
   timeframeChoice,
   tfOptions,
+  strategies,
+  selectedStrategyId,
+  onStrategySelect,
   onMarketChange,
   onTimeframeChoiceChange,
   theme = 'dark',
@@ -326,6 +333,23 @@ const StrategyEvaluationChart: React.FC<Props> = ({
               <option key={o.value} value={o.value}>{o.label}</option>
             ))}
           </select>
+          <select
+            className="btd-run-select btd-run-select--strategy seval-chart-strategy-select"
+            value={selectedStrategyId ?? ''}
+            onChange={e => {
+              const raw = e.target.value;
+              if (!raw) return;
+              onStrategySelect(Number(raw));
+            }}
+            title="전략"
+          >
+            <option value="">전략 선택</option>
+            {strategies.map(s => (
+              <option key={s.id} value={s.id ?? ''}>
+                {repairUtf8Mojibake(s.name ?? `전략 #${s.id}`)}
+              </option>
+            ))}
+          </select>
           {selectedBar && (
             <span className="seval-chart-bar-time">
               {new Date(selectedBar.time * 1000).toLocaleString('ko-KR')}

frontend/src/styles/strategyEvaluation.css

@@ -45,6 +45,13 @@
   gap: 6px;
   flex-wrap: wrap;
   min-width: 0;
+  flex: 1;
+}
+
+.seval-chart-strategy-select {
+  flex: 1 1 140px;
+  max-width: 220px;
+  min-width: 120px;
 }
 
 .seval-chart-bar-time {