<Window x:Class="AxCopilot.Views.SkillGalleryWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="스킬 갤러리"
        Width="740" Height="560"
        WindowStyle="None" AllowsTransparency="True"
        Background="Transparent"
        WindowStartupLocation="CenterScreen"
        ResizeMode="CanResizeWithGrip">
    <Border Background="{DynamicResource LauncherBackground}" CornerRadius="12"
            BorderBrush="{DynamicResource BorderColor}" BorderThickness="1">
        <Border.Effect>
            <DropShadowEffect BlurRadius="20" ShadowDepth="4" Opacity="0.3" Color="Black"/>
        </Border.Effect>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="44"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <!-- ── 타이틀바 ── -->
            <Border Grid.Row="0" CornerRadius="12,12,0,0" Background="{DynamicResource ItemBackground}"
                    MouseLeftButtonDown="TitleBar_MouseLeftButtonDown">
                <Grid Margin="16,0,12,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <!-- 왼쪽: 제목 -->
                    <StackPanel Grid.Column="0" Orientation="Horizontal" VerticalAlignment="Center">
                        <TextBlock Text="&#xE768;" FontFamily="Segoe MDL2 Assets" FontSize="14"
                                   Foreground="#4B5EFC" VerticalAlignment="Center" Margin="0,1,8,0"/>
                        <TextBlock Text="스킬 갤러리" FontSize="14" FontWeight="SemiBold"
                                   Foreground="{DynamicResource PrimaryText}" VerticalAlignment="Center"/>
                    </StackPanel>
                    <!-- 오른쪽: 버튼들 -->
                    <StackPanel Grid.Column="1" Orientation="Horizontal" VerticalAlignment="Center">
                        <Border CornerRadius="6" Padding="10,5" Margin="0,0,6,0"
                                Background="{DynamicResource ItemBackground}" Cursor="Hand"
                                MouseLeftButtonUp="BtnAddSkill_Click">
                            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                                <TextBlock Text="&#xE710;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                           Foreground="#34D399" VerticalAlignment="Center" Margin="0,0,5,0"/>
                                <TextBlock Text="스킬 추가" FontSize="12" Foreground="#34D399"
                                           VerticalAlignment="Center"/>
                            </StackPanel>
                        </Border>
                        <Border CornerRadius="6" Padding="10,5" Margin="0,0,6,0"
                                Background="{DynamicResource ItemBackground}" Cursor="Hand"
                                MouseLeftButtonUp="BtnImport_Click">
                            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                                <TextBlock Text="&#xE8B5;" FontFamily="Segoe MDL2 Assets" FontSize="11"
                                           Foreground="{DynamicResource SecondaryText}" VerticalAlignment="Center" Margin="0,0,5,0"/>
                                <TextBlock Text="가져오기" FontSize="12" Foreground="{DynamicResource SecondaryText}"
                                           VerticalAlignment="Center"/>
                            </StackPanel>
                        </Border>
                        <Border x:Name="BtnCloseGallery" Width="28" Height="28" CornerRadius="6" Cursor="Hand"
                                VerticalAlignment="Center"
                                MouseLeftButtonUp="BtnClose_Click">
                            <Border.Style>
                                <Style TargetType="Border">
                                    <Setter Property="Background" Value="Transparent"/>
                                    <Style.Triggers>
                                        <Trigger Property="IsMouseOver" Value="True">
                                            <Setter Property="Background" Value="#33FF4444"/>
                                        </Trigger>
                                    </Style.Triggers>
                                </Style>
                            </Border.Style>
                            <TextBlock Text="&#xE8BB;" FontFamily="Segoe MDL2 Assets" FontSize="10"
                                       Foreground="{DynamicResource SecondaryText}"
                                       HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </StackPanel>
                </Grid>
            </Border>

            <!-- ── 카테고리 필터 ── -->
            <Border Grid.Row="1" Padding="16,10,16,0">
                <StackPanel x:Name="CategoryFilterBar" Orientation="Horizontal"/>
            </Border>

            <!-- ── 스킬 목록 ── -->
            <ScrollViewer Grid.Row="2" VerticalScrollBarVisibility="Auto" Padding="16,10,16,0">
                <StackPanel x:Name="SkillListPanel"/>
            </ScrollViewer>

            <!-- ── 상태바 ── -->
            <Border Grid.Row="3" BorderBrush="{DynamicResource BorderColor}" BorderThickness="0,1,0,0"
                    Padding="16,8" CornerRadius="0,0,12,12">
                <TextBlock x:Name="GalleryStatus" FontSize="11"
                           Foreground="{DynamicResource SecondaryText}"
                           Text="스킬을 불러오는 중..."/>
            </Border>
        </Grid>
    </Border>
</Window>
