가상투자 화면 목록 선택 동작

frontend/src/components/virtual/VirtualTargetGrid.tsx

@@ -23,6 +23,8 @@ interface Props {
   onTargetStrategyChange: (market: string, strategyId: number | null) => void;
   liveStatusByMarket?: Record<string, VirtualLiveStatus>;
   lastTickAtByMarket?: Record<string, number>;
+  selectedMarket?: string;
+  onSelectMarket?: (market: string) => void;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
@@ -32,7 +34,9 @@ const VirtualTargetGrid: React.FC<Props> = ({
   targets, strategies, snapshots, session,
   onStrategyChange, onExecutionTypeChange, onPositionModeChange, onStart, onStop,
   onTargetStrategyChange,
-  liveStatusByMarket = {}, lastTickAtByMarket = {}, theme = 'dark',
+  liveStatusByMarket = {}, lastTickAtByMarket = {}, selectedMarket,
+  onSelectMarket,
+  theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
 }) => {
@@ -155,6 +159,8 @@ const VirtualTargetGrid: React.FC<Props> = ({
                 displayMode={resolveCardDisplayMode(t.market)}
                 onDisplayModeChange={mode => handleCardDisplayMode(t.market, mode)}
                 onEnterFocus={() => setFocusMarket(t.market)}
+                selected={t.market === selectedMarket}
+                onSelect={onSelectMarket ? () => onSelectMarket(t.market) : undefined}
                 theme={theme}
                 chartRealtimeSource={chartRealtimeSource}
                 chartSeriesPriceLabels={chartSeriesPriceLabels}