Ayay/SHH.CameraDashboard/MainWindow.xaml

<Window
    x:Class="SHH.CameraDashboard.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ctrl="clr-namespace:SHH.CameraDashboard"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="SHH 视频中控"
    Width="1366"
    Height="768"
    Background="{DynamicResource Brush.Bg.Window}"
    FontFamily="{StaticResource Font.Normal}"
    Foreground="{DynamicResource Brush.Text.Primary}"
    WindowStartupLocation="CenterScreen"
    mc:Ignorable="d">

    <WindowChrome.WindowChrome>
        <WindowChrome
            CaptionHeight="0"
            CornerRadius="0"
            GlassFrameThickness="0"
            ResizeBorderThickness="5" />
    </WindowChrome.WindowChrome>

    <Grid x:Name="RootGrid">
        <Grid x:Name="AppLayout">
            <Grid.RowDefinitions>
                <RowDefinition Height="45" />
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <Border
                Grid.Row="0"
                Background="{DynamicResource Brush.Bg.Panel}"
                BorderBrush="{DynamicResource Brush.Border}"
                BorderThickness="0,0,0,1"
                MouseDown="OnTitleBarMouseDown">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <StackPanel
                        Grid.Column="0"
                        Margin="10,0"
                        Orientation="Horizontal">
                        <Button
                            Width="40"
                            Click="ToggleSidebar"
                            Content="≡"
                            FontSize="18"
                            FontWeight="Bold"
                            Style="{StaticResource Btn.Ghost}"
                            ToolTip="展开/收起侧边栏" />
                    </StackPanel>

                    <TextBlock
                        Grid.Column="1"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontSize="{StaticResource Size.Font.Large}"
                        FontWeight="Bold"
                        Foreground="{DynamicResource Brush.Text.Primary}"
                        IsHitTestVisible="False"
                        Text="SHH 视频中控平台" />

                    <StackPanel
                        Grid.Column="2"
                        Margin="0,0,10,0"
                        Orientation="Horizontal">
                        <Button
                            Width="40"
                            Margin="0,0,5,0"
                            Click="OpenWizard"
                            Content="🧙‍♂️"
                            Style="{StaticResource Btn.Ghost}"
                            ToolTip="打开配置向导" />
                        <Button
                            Width="40"
                            Margin="0,0,15,0"
                            Click="ToggleTheme"
                            Content="🎨"
                            Style="{StaticResource Btn.Ghost}"
                            ToolTip="切换皮肤 (Dark/Light)" />
                        <Button
                            Width="40"
                            Click="OnMinimize"
                            Content="—"
                            Style="{StaticResource Btn.Ghost}"
                            ToolTip="最小化" />
                        <Button
                            Width="40"
                            Margin="5,0,0,0"
                            Click="OnClose"
                            Content="✕"
                            Style="{StaticResource Btn.Danger}"
                            ToolTip="关闭" />
                    </StackPanel>
                </Grid>
            </Border>

            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <ctrl:CameraListControl
                    x:Name="Sidebar"
                    Grid.Column="0"
                    Width="250" />

                <Border
                    Grid.Column="0"
                    Width="1"
                    HorizontalAlignment="Right"
                    Background="{DynamicResource Brush.Border}" />

                <Grid
                    Grid.Column="1"
                    Background="{DynamicResource Brush.Bg.Window}"
                    ClipToBounds="True">
                    <ctrl:DeviceHomeControl x:Name="DeviceHome" Margin="0" />

                    <Border
                        x:Name="RightConfigPanel"
                        Width="350"
                        HorizontalAlignment="Right"
                        Background="{DynamicResource Brush.Bg.Panel}"
                        BorderBrush="{DynamicResource Brush.Border}"
                        BorderThickness="1,0,0,0"
                        Visibility="Collapsed">
                        <Border.Effect>
                            <DropShadowEffect
                                BlurRadius="20"
                                Direction="180"
                                Opacity="0.3"
                                ShadowDepth="5"
                                Color="Black" />
                        </Border.Effect>

                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50" />
                                <RowDefinition Height="*" />
                                <RowDefinition Height="60" />
                            </Grid.RowDefinitions>

                            <Border BorderBrush="{DynamicResource Brush.Border}" BorderThickness="0,0,0,1">
                                <DockPanel Margin="15,0" LastChildFill="False">
                                    <TextBlock
                                        VerticalAlignment="Center"
                                        FontSize="{StaticResource Size.Font.Large}"
                                        FontWeight="Bold"
                                        Text="⚙️ 设备参数配置" />
                                    <Button
                                        Width="30"
                                        Padding="0"
                                        Click="CloseRightPanel"
                                        Content="✕"
                                        DockPanel.Dock="Right"
                                        Style="{StaticResource Btn.Ghost}" />
                                </DockPanel>
                            </Border>

                            <StackPanel Grid.Row="1" Margin="20">
                                <TextBlock
                                    Margin="0,10,0,5"
                                    Foreground="{DynamicResource Brush.Text.Secondary}"
                                    Text="设备名称" />
                                <TextBox Padding="5" Text="Camera #01" />
                                <TextBlock
                                    Margin="0,15,0,5"
                                    Foreground="{DynamicResource Brush.Text.Secondary}"
                                    Text="流媒体协议" />
                                <ComboBox
                                    Height="32"
                                    Padding="5"
                                    SelectedIndex="0">
                                    <ComboBoxItem>RTSP (TCP)</ComboBoxItem>
                                    <ComboBoxItem>RTSP (UDP)</ComboBoxItem>
                                    <ComboBoxItem>WebRTC</ComboBoxItem>
                                </ComboBox>
                                <TextBlock
                                    Margin="0,15,0,5"
                                    Foreground="{DynamicResource Brush.Text.Secondary}"
                                    Text="主码流地址" />
                                <TextBox
                                    Height="80"
                                    Padding="5"
                                    VerticalContentAlignment="Top"
                                    Text="rtsp://admin:123456@192.168.1.20:554/h264/ch1/main/av_stream"
                                    TextWrapping="Wrap" />
                            </StackPanel>

                            <Border
                                Grid.Row="2"
                                Background="{DynamicResource Brush.Bg.Window}"
                                BorderBrush="{DynamicResource Brush.Border}"
                                BorderThickness="0,1,0,0">
                                <StackPanel
                                    Margin="15,0"
                                    HorizontalAlignment="Right"
                                    Orientation="Horizontal">
                                    <Button
                                        Margin="0,0,10,0"
                                        Click="CloseRightPanel"
                                        Content="取消"
                                        Style="{StaticResource Btn.Ghost}" />
                                    <Button
                                        Width="100"
                                        Background="{DynamicResource Brush.Accent}"
                                        Click="CloseRightPanel"
                                        Content="保存配置" />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>
                </Grid>
            </Grid>

            <ctrl:BottomDockControl x:Name="BottomDock" Grid.Row="2" />
        </Grid>

        <Grid x:Name="ModalLayer" Visibility="Collapsed">
            <Border Background="#99000000" MouseDown="CloseModal_Click" />
            <ContentControl
                x:Name="ModalContainer"
                HorizontalAlignment="Center"
                VerticalAlignment="Center">
                <ContentControl.Effect>
                    <DropShadowEffect
                        BlurRadius="30"
                        Opacity="0.5"
                        ShadowDepth="10"
                        Color="Black" />
                </ContentControl.Effect>
            </ContentControl>
        </Grid>
    </Grid>
</Window>