가상매매 화면 멀티 레이아웃 수정

frontend/src/components/virtual/VirtualGridUnifiedHeader.tsx

@@ -2,6 +2,8 @@ import React from 'react';
 import type { StrategyDto } from '../../utils/backendApi';
 import type { VirtualSessionConfig, VirtualCardViewMode } from '../../utils/virtualTradingStorage';
 import type { VirtualCardDisplayMode } from './VirtualTargetCard';
+import VirtualGridLayoutPicker from './VirtualGridLayoutPicker';
+import type { TradeNotificationGridPresetId } from '../../utils/tradeNotificationGridPresets';
 
 interface SessionProps {
   session: Pick<VirtualSessionConfig, 'globalStrategyId' | 'executionType' | 'positionMode' | 'running'>;
@@ -23,6 +25,9 @@ interface ViewProps {
   globalDisplayMode?: VirtualCardDisplayMode;
   onGlobalDisplayModeChange?: (mode: VirtualCardDisplayMode) => void;
   showSignalChartToggle?: boolean;
+  gridPreset?: TradeNotificationGridPresetId;
+  onGridPresetChange?: (preset: TradeNotificationGridPresetId) => void;
+  showGridLayoutPicker?: boolean;
 }
 
 export const VirtualSessionHeaderControls: React.FC<SessionProps> = ({
@@ -156,8 +161,21 @@ export const VirtualViewHeaderControls: React.FC<ViewProps> = ({
   globalDisplayMode = 'signal',
   onGlobalDisplayModeChange,
   showSignalChartToggle = true,
+  gridPreset = '2x2',
+  onGridPresetChange,
+  showGridLayoutPicker = true,
 }) => (
   <div className="vtd-header-view">
+    {showGridLayoutPicker && onGridPresetChange && (
+      <>
+        <VirtualGridLayoutPicker
+          value={gridPreset}
+          onChange={onGridPresetChange}
+          disabled={!showSignalChartToggle}
+        />
+        <span className="vtd-grid-head-divider" aria-hidden="true" />
+      </>
+    )}
     {showSignalChartToggle && onGlobalDisplayModeChange && (
       <>
         <div className="vtd-grid-head-group" role="group" aria-label="전체 종목 신호·차트">