SheetMe/src/SheetMe.Designer/Views/DesignerCanvasView.xaml

<UserControl x:Class="SheetMe.Designer.Views.DesignerCanvasView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
             xmlns:vm="clr-namespace:SheetMe.Designer.ViewModels"
             xmlns:v="clr-namespace:SheetMe.Designer.Views"
             xmlns:bh="clr-namespace:SheetMe.Designer.Behaviors"
             mc:Ignorable="d"
             d:DataContext="{d:DesignInstance vm:DesignerViewModel}"
             Focusable="True" FocusVisualStyle="{x:Null}"
             PreviewKeyDown="OnCanvasPreviewKeyDown" PreviewKeyUp="OnCanvasPreviewKeyUp">

    <!-- 키보드 단축키(텍스트 입력 보호 포함) -->
    <b:Interaction.Behaviors>
        <bh:CanvasKeyboardBehavior/>
    </b:Interaction.Behaviors>

    <!--
        캔버스 우클릭 메뉴 — 전에는 앱 전체에 우클릭 메뉴가 하나도 없었다.
        배치·정렬·같은 크기·간격·앞뒤·그룹이 전부 로고 아래 4단 메뉴 안에만 있어서,
        선택한 것을 정렬하려면 캔버스에서 손을 떼고 화면 좌상단까지 마우스를 옮겨야 했다.
        단축키(Alt+A/D/W/S/H/V …)와 같은 명령을 같은 자리에서 보여 준다 —
        단축키를 모르는 사람도 여기서 배운다.
    -->
    <UserControl.ContextMenu>
        <ContextMenu>
            <!--
                선택 확장이 <b>맨 위</b>다. 아래 정렬·간격 명령이 전제하는 '올바른 선택'을
                만드는 수단이고, 그것 없이는 매번 "마퀴로 끌고 딸려온 것 빼기"가 앞에 붙는다.
                실측(787건): 행 무리의 94.2%에 침입자가 있고 그 수가 중앙값 7개다.
            -->
            <MenuItem Header="같은 행 선택" InputGestureText="Alt+1"
                      Command="{Binding SelectSameCommand}" CommandParameter="Row"/>
            <MenuItem Header="같은 열 선택" InputGestureText="Alt+2"
                      Command="{Binding SelectSameCommand}" CommandParameter="Column"/>
            <MenuItem Header="같은 종류 선택" InputGestureText="Alt+3"
                      Command="{Binding SelectSameCommand}" CommandParameter="Type"/>
            <MenuItem Header="같은 크기 선택" InputGestureText="Alt+4"
                      Command="{Binding SelectSameCommand}" CommandParameter="Size"/>
            <Separator/>
            <MenuItem Header="왼쪽 맞춤" InputGestureText="Alt+A"
                      Command="{Binding AlignCommand}" CommandParameter="Left"/>
            <MenuItem Header="오른쪽 맞춤" InputGestureText="Alt+D"
                      Command="{Binding AlignCommand}" CommandParameter="Right"/>
            <MenuItem Header="위 맞춤" InputGestureText="Alt+W"
                      Command="{Binding AlignCommand}" CommandParameter="Top"/>
            <MenuItem Header="아래 맞춤" InputGestureText="Alt+S"
                      Command="{Binding AlignCommand}" CommandParameter="Bottom"/>
            <MenuItem Header="가로 가운데" InputGestureText="Alt+H"
                      Command="{Binding AlignCommand}" CommandParameter="CenterH"/>
            <MenuItem Header="세로 가운데" InputGestureText="Alt+V"
                      Command="{Binding AlignCommand}" CommandParameter="CenterV"/>
            <Separator/>
            <MenuItem Header="가로 간격 균등" InputGestureText="Alt+Shift+H"
                      Command="{Binding SpacingCommand}" CommandParameter="HorizEqual"/>
            <MenuItem Header="세로 간격 균등" InputGestureText="Alt+Shift+V"
                      Command="{Binding SpacingCommand}" CommandParameter="VertEqual"/>
            <MenuItem Header="세로 간격 넓게" InputGestureText="Alt+]"
                      Command="{Binding SpacingCommand}" CommandParameter="VertIncrease"/>
            <MenuItem Header="세로 간격 좁게" InputGestureText="Alt+["
                      Command="{Binding SpacingCommand}" CommandParameter="VertDecrease"/>
            <Separator/>
            <MenuItem Header="너비 같게" InputGestureText="Alt+Shift+W"
                      Command="{Binding SizeToControlCommand}" CommandParameter="Width"/>
            <MenuItem Header="높이 같게" InputGestureText="Alt+Shift+S"
                      Command="{Binding SizeToControlCommand}" CommandParameter="Height"/>
            <Separator/>
            <MenuItem Header="그룹으로 묶기" InputGestureText="Ctrl+G"
                      Command="{Binding GroupCommand}"/>
            <MenuItem Header="그룹 풀기" InputGestureText="Ctrl+Shift+G"
                      Command="{Binding UngroupCommand}"/>
            <Separator/>
            <MenuItem Header="맨 앞으로" Command="{Binding BringToFrontCommand}"/>
            <MenuItem Header="맨 뒤로" Command="{Binding SendToBackCommand}"/>
            <Separator/>
            <!--
                '잠그기'로 이름을 한정한다 — 해제는 여기서 못 한다. 히트 판정이 잠긴 것을
                후보에서 빼므로 잠긴 컨트롤에는 우클릭조차 닿지 않는다. 해제는 레이어 패널에서.
            -->
            <MenuItem Header="선택 잠그기" InputGestureText="Ctrl+L" Command="{Binding LockCommand}"/>
            <MenuItem Header="선택 숨기기" InputGestureText="Ctrl+Shift+H" Command="{Binding HideCommand}"/>
            <Separator/>
            <MenuItem Header="복제" InputGestureText="Ctrl+D" Command="{Binding DuplicateCommand}"/>
            <MenuItem Header="삭제" InputGestureText="Del" Command="{Binding DeleteCommand}"/>
        </ContextMenu>
    </UserControl.ContextMenu>

    <!-- 디자인 캔버스: 스크롤 + 줌(LayoutTransform) 월드. 입력은 World 1곳에서 수신 -->
    <ScrollViewer x:Name="Scroll"
                  HorizontalScrollBarVisibility="Auto"
                  VerticalScrollBarVisibility="Auto"
                  Background="{DynamicResource B.CanvasBg}"
                  Focusable="False"
                  SizeChanged="OnScrollSizeChanged"
                  PreviewMouseWheel="OnPreviewMouseWheel"
                  PreviewMouseLeftButtonDown="OnPanMouseDown"
                  PreviewMouseMove="OnPanMouseMove"
                  PreviewMouseLeftButtonUp="OnPanMouseUp"
                  LostMouseCapture="OnPanLostCapture">
        <Border Padding="24">
            <Grid x:Name="World"
                  Background="Transparent"
                  HorizontalAlignment="Left" VerticalAlignment="Top"
                  Width="{Binding WorldWidth}" Height="{Binding WorldHeight}">
                <Grid.LayoutTransform>
                    <ScaleTransform ScaleX="{Binding Zoom}" ScaleY="{Binding Zoom}"/>
                </Grid.LayoutTransform>

                <b:Interaction.Behaviors>
                    <bh:CanvasMouseBehavior/>
                    <bh:CanvasDropBehavior/>
                </b:Interaction.Behaviors>

                <!-- 층1: 페이지 스택 -->
                <ItemsControl ItemsSource="{Binding Pages}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <Canvas/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemContainerStyle>
                        <Style TargetType="ContentPresenter">
                            <Setter Property="Canvas.Left" Value="0"/>
                            <Setter Property="Canvas.Top" Value="{Binding OffsetY}"/>
                        </Style>
                    </ItemsControl.ItemContainerStyle>
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <v:PageView/>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>

                <!-- 층2: 선택/마퀴/가이드 오버레이 (표시 전용) -->
                <v:SelectionOverlayView DataContext="{Binding Overlay}"/>

                <!-- 층3: 인라인 텍스트 에디터 (더블클릭 시 코드비하인드가 배치) -->
                <Canvas x:Name="EditorLayer"/>
            </Grid>
        </Border>
    </ScrollViewer>
</UserControl>