전략분봉 저장 에러 문제 수정

frontend/src/components/LiveStrategyPanel.tsx

@@ -12,6 +12,9 @@ import {
   saveLiveStrategySettings,
   type LiveStrategySettingsDto,
 } from '../utils/backendApi';
+import { getKoreanName } from '../utils/marketNameCache';
+
+const CANDLE_TYPES = ['1m', '3m', '5m', '15m', '30m', '1h', '4h', '1d'] as const;
 
 interface Strategy {
   id:   number;
@@ -91,6 +94,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
   const monCount  = monitoredMarkets.length;
   const selectedStrategy = strategies.find(s => s.id === stratId);
 
+  const candleType = settings.candleType ?? '1m';
   const execLabel = execType === 'REALTIME_TICK' ? '실시간 틱 (3초)' : '봉 마감 직후';
   const posModeLabel = (settings.positionMode ?? 'LONG_ONLY') === 'LONG_ONLY'
     ? '보유 자산 기준'
@@ -156,16 +160,24 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
                 <span className="lsp-info-label">모니터링</span>
                 <span className="lsp-info-val lsp-monitor-chips">
                   {monitoredMarkets.slice(0, 8).map(m => (
-                    <span key={m} className="lsp-monitor-chip">{m.replace('KRW-', '')}</span>
+                    <span key={m} className="lsp-monitor-chip" title={m}>
+                      {getKoreanName(m)}
+                    </span>
                   ))}
                   {monCount > 8 && <span className="lsp-monitor-chip">+{monCount - 8}</span>}
                 </span>
               </div>
               {isOn && selectedStrategy && (
-                <div className="lsp-info-row">
-                  <span className="lsp-info-label">적용 전략</span>
-                  <span className="lsp-info-val">{selectedStrategy.name}</span>
-                </div>
+                <>
+                  <div className="lsp-info-row">
+                    <span className="lsp-info-label">적용 전략</span>
+                    <span className="lsp-info-val">{selectedStrategy.name}</span>
+                  </div>
+                  <div className="lsp-info-row">
+                    <span className="lsp-info-label">평가 분봉</span>
+                    <span className="lsp-info-val">{candleType}</span>
+                  </div>
+                </>
               )}
             </div>
           </div>
@@ -199,6 +211,20 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
             </select>
           </div>
 
+          <div className={`lsp-field-row${!isOn ? ' lsp-field-row--disabled' : ''}`}>
+            <span className="lsp-field-label">전략 평가 분봉</span>
+            <select
+              className="lsp-select"
+              disabled={!isOn}
+              value={candleType}
+              onChange={e => persist({ candleType: e.target.value })}
+            >
+              {CANDLE_TYPES.map(ct => (
+                <option key={ct} value={ct}>{ct}</option>
+              ))}
+            </select>
+          </div>
+
           <div className={`lsp-section${!isOn ? ' lsp-section--disabled' : ''}`}>
             <span className="lsp-section-label">실행 방식</span>
             <div className="lsp-option-group">
@@ -276,7 +302,7 @@ const LiveStrategyPanel: React.FC<LiveStrategyPanelProps> = ({
               <span className={`lsp-dot${isOn ? ' lsp-dot--on' : ''}`} />
               <span className="lsp-status-text">
                 {stratId
-                  ? `${selectedStrategy?.name ?? '전략'} · ${execLabel} · ${posModeLabel} · ${monCount}종목`
+                  ? `${selectedStrategy?.name ?? '전략'} · ${candleType} · ${execLabel} · ${posModeLabel} · ${monCount}종목`
                   : '전략을 선택하세요'}
               </span>
             </div>