보조지표 추가 팝업에서 지표 드래그 이동문제

frontend/src/components/BacktestHistoryPage.tsx

@@ -27,6 +27,11 @@ import {
   usePanelResize,
 } from './strategyEditor/usePanelResize';
 import '../styles/strategyEditorTheme.css';
+import { getKoreanName } from '../utils/marketNameCache';
+
+function toUpbitMarket(symbol: string): string {
+  return symbol.startsWith('KRW-') ? symbol : `KRW-${symbol}`;
+}
 
 const LEFT_KEY = 'btd-left-width';
 const RIGHT_KEY = 'btd-right-width';
@@ -188,11 +193,25 @@ export function BacktestHistoryPage({ theme = 'dark' }: Props) {
     return null;
   }, [tab, selectedBacktest, selectedLive, backtestDetail]);
 
-  const centerTitle = tab === 'backtest' && selectedBacktest
-    ? `${selectedBacktest.strategyName || '전략'} · ${selectedBacktest.symbol.replace(/^KRW-/, '')} · ${selectedBacktest.timeframe}`
-    : tab === 'live' && selectedLive
-      ? `${selectedLive.strategyLabel} · ${selectedLive.symbol.replace(/^KRW-/, '')} · ${selectedLive.sourceLabel}`
-      : '';
+  const centerHead = useMemo(() => {
+    if (tab === 'backtest' && selectedBacktest) {
+      const market = toUpbitMarket(selectedBacktest.symbol);
+      return {
+        ko: getKoreanName(market),
+        strategy: selectedBacktest.strategyName || '전략 없음',
+        meta: selectedBacktest.timeframe,
+      };
+    }
+    if (tab === 'live' && selectedLive) {
+      const market = toUpbitMarket(selectedLive.symbol);
+      return {
+        ko: getKoreanName(market),
+        strategy: selectedLive.strategyLabel,
+        meta: selectedLive.sourceLabel,
+      };
+    }
+    return null;
+  }, [tab, selectedBacktest, selectedLive]);
 
   const footerTrades = equityData.trades;
 
@@ -252,9 +271,13 @@ export function BacktestHistoryPage({ theme = 'dark' }: Props) {
         />
 
         <main className="btd-main">
-          {centerTitle && (
+          {centerHead && (
             <div className="btd-main-head">
-              <h2 className="btd-main-title">{centerTitle}</h2>
+              <h2 className="btd-main-ko">{centerHead.ko}</h2>
+              <p className="btd-main-strategy">
+                {centerHead.strategy}
+                {centerHead.meta ? <span className="btd-main-meta"> · {centerHead.meta}</span> : null}
+              </p>
             </div>
           )}
           <div className="btd-main-content">