가상투자 종목카드박스 레이아웃 수정

frontend/src/components/virtual/VirtualTargetGrid.tsx

@@ -4,7 +4,12 @@ import VirtualTargetFocusView from './VirtualTargetFocusView';
 import type { StrategyDto } from '../../utils/backendApi';
 import type { Theme } from '../../types';
 import type { ChartRealtimeSource } from '../../hooks/useChartRealtimeData';
-import type { VirtualTargetItem, VirtualCardViewMode, VirtualSessionConfig } from '../../utils/virtualTradingStorage';
+import {
+  type VirtualTargetItem,
+  type VirtualCardViewMode,
+  type VirtualSessionConfig,
+  resolveTargetCandleType,
+} from '../../utils/virtualTradingStorage';
 import type { VirtualLiveStatus } from '../../hooks/useVirtualTargetLiveStatus';
 import type { VirtualIndicatorSnapshot } from '../../hooks/useVirtualIndicatorSnapshots';
 import type { TickerData } from '../../hooks/useMarketTicker';
@@ -15,6 +20,7 @@ interface Props {
   snapshots: Record<string, VirtualIndicatorSnapshot>;
   session: Pick<VirtualSessionConfig, 'globalStrategyId' | 'executionType' | 'positionMode' | 'running'>;
   onTargetStrategyChange: (market: string, strategyId: number | null) => void;
+  onTargetCandleTypeChange: (market: string, candleType: string) => void;
   liveStatusByMarket?: Record<string, VirtualLiveStatus>;
   lastTickAtByMarket?: Record<string, number>;
   selectedMarket?: string;
@@ -32,6 +38,7 @@ interface Props {
 const VirtualTargetGrid: React.FC<Props> = ({
   targets, strategies, snapshots, session,
   onTargetStrategyChange,
+  onTargetCandleTypeChange,
   liveStatusByMarket = {}, lastTickAtByMarket = {}, selectedMarket,
   onSelectMarket,
   theme = 'dark',
@@ -109,6 +116,8 @@ const VirtualTargetGrid: React.FC<Props> = ({
           strategyId={focusTarget.strategyId}
           globalStrategyId={session.globalStrategyId}
           onStrategyChange={id => onTargetStrategyChange(focusTarget.market, id)}
+          candleType={resolveTargetCandleType(focusTarget, snapshots[focusTarget.market]?.timeframe)}
+          onCandleTypeChange={ct => onTargetCandleTypeChange(focusTarget.market, ct)}
           snapshot={snapshots[focusTarget.market]}
           running={session.running}
           liveStatus={liveStatusByMarket[focusTarget.market] ?? (session.running ? 'connecting' : 'idle')}
@@ -134,6 +143,8 @@ const VirtualTargetGrid: React.FC<Props> = ({
                 strategyId={t.strategyId}
                 globalStrategyId={session.globalStrategyId}
                 onStrategyChange={id => onTargetStrategyChange(t.market, id)}
+                candleType={resolveTargetCandleType(t, snapshots[t.market]?.timeframe)}
+                onCandleTypeChange={ct => onTargetCandleTypeChange(t.market, ct)}
                 snapshot={snapshots[t.market]}
                 running={session.running}
                 liveStatus={liveStatusByMarket[t.market] ?? (session.running ? 'connecting' : 'idle')}