가상투자 설정 수정

frontend/src/components/BacktestHistoryPage.tsx

@@ -20,6 +20,7 @@ import BacktestAnalysisChart from './backtest/BacktestAnalysisChart';
 import BacktestKpiPanel from './backtest/BacktestKpiPanel';
 import BacktestTradeHistoryCard from './backtest/BacktestTradeHistoryCard';
 import { buildLiveExecutionItems, paperTradesToSignals, type LiveExecutionItem } from '../utils/liveExecutionGroups';
+import { PAPER_TRADES_CHANGED_EVENT } from '../utils/paperTradeEvents';
 import {
   readStoredSize,
   storeSize,
@@ -91,6 +92,18 @@ export function BacktestHistoryPage({ theme = 'dark' }: Props) {
     window.addEventListener('pointerup', onUp);
   }, []);
 
+  const refreshLiveTrades = useCallback(async () => {
+    const [trades, summary, strategies] = await Promise.all([
+      loadPaperTrades(),
+      loadPaperSummary(),
+      loadStrategies(),
+    ]);
+    const strategyNames = Object.fromEntries(strategies.map(s => [s.id, s.name]));
+    const live = buildLiveExecutionItems(trades, summary, strategyNames);
+    setLiveItems(live);
+    setSelectedLive(prev => (prev && live.some(x => x.id === prev.id) ? prev : live[0] ?? null));
+  }, []);
+
   const fetchAll = useCallback(async () => {
     setLoading(true);
     const [list, trades, summary, strategies] = await Promise.all([
@@ -110,6 +123,12 @@ export function BacktestHistoryPage({ theme = 'dark' }: Props) {
 
   useEffect(() => { void fetchAll(); }, [fetchAll]);
 
+  useEffect(() => {
+    const onTradesChanged = () => { void refreshLiveTrades(); };
+    window.addEventListener(PAPER_TRADES_CHANGED_EVENT, onTradesChanged);
+    return () => window.removeEventListener(PAPER_TRADES_CHANGED_EVENT, onTradesChanged);
+  }, [refreshLiveTrades]);
+
   const deleteAll = useCallback(async () => {
     if (records.length === 0) return;
     if (!window.confirm(`전체 ${records.length}개 백테스팅 결과를 삭제하시겠습니까?`)) return;