teamsiso/src/TeamsISO.App/MainWindow.xaml

<Window x:Class="TeamsISO.App.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:TeamsISO.App.ViewModels"
        xmlns:conv="clr-namespace:TeamsISO.App.Converters"
        Title="TeamsISO"
        Height="780" Width="1280"
        MinHeight="640" MinWidth="1080"
        Background="{DynamicResource Wd.Canvas}"
        UseLayoutRounding="True"
        TextOptions.TextFormattingMode="Ideal"
        TextOptions.TextRenderingMode="ClearType">

    <Window.Resources>
        <conv:BoolToVisibilityConverter x:Key="BoolToVis"/>
        <conv:EnumDescriptionConverter x:Key="EnumDesc"/>
        <conv:InitialsConverter x:Key="Initials"/>
    </Window.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="72"/>     <!-- Left rail -->
            <ColumnDefinition Width="*"/>      <!-- Main content -->
            <ColumnDefinition Width="380"/>    <!-- Settings panel -->
        </Grid.ColumnDefinitions>

        <!-- ════════════════════════════════════════════════════════════════
             LEFT RAIL (Teams-style nav)
             ════════════════════════════════════════════════════════════════ -->
        <Border Grid.Column="0"
                Background="{DynamicResource Wd.Rail}"
                BorderBrush="{DynamicResource Wd.Border}"
                BorderThickness="0,0,1,0">
            <DockPanel LastChildFill="False">

                <!-- Wild Dragon logo: cyan circular mark with stylized "W" inside -->
                <Border DockPanel.Dock="Top"
                        Width="40" Height="40"
                        Margin="0,16,0,8"
                        HorizontalAlignment="Center"
                        CornerRadius="10"
                        Background="{DynamicResource Wd.Accent.CyanMuted}"
                        BorderBrush="{DynamicResource Wd.Accent.Cyan}"
                        BorderThickness="1">
                    <Path Data="M 10,8 L 14,24 L 17,16 L 20,24 L 24,8"
                          Stroke="{DynamicResource Wd.Accent.Cyan}"
                          StrokeThickness="2"
                          StrokeStartLineCap="Round"
                          StrokeEndLineCap="Round"
                          StrokeLineJoin="Round"
                          HorizontalAlignment="Center"
                          VerticalAlignment="Center"/>
                </Border>

                <TextBlock DockPanel.Dock="Top"
                           Text="WD"
                           Style="{StaticResource Wd.Text.Caption}"
                           Foreground="{DynamicResource Wd.Accent.Cyan}"
                           HorizontalAlignment="Center"
                           Margin="0,0,0,16"/>

                <!-- Divider -->
                <Border DockPanel.Dock="Top"
                        Height="1"
                        Background="{DynamicResource Wd.Border}"
                        Margin="14,0,14,12"/>

                <!-- Nav: Participants (active) -->
                <Button DockPanel.Dock="Top"
                        Style="{StaticResource Wd.Button.RailIcon}"
                        ToolTip="Participants">
                    <Grid>
                        <Border Width="48" Height="48"
                                CornerRadius="8"
                                Background="{DynamicResource Wd.Accent.CyanMuted}"/>
                        <Path Data="M 8,17 C 8,13 12,11 14,11 C 16,11 20,13 20,17 M 14,5 C 16,5 17.5,6.5 17.5,8.5 C 17.5,10.5 16,12 14,12 C 12,12 10.5,10.5 10.5,8.5 C 10.5,6.5 12,5 14,5"
                              Stroke="{DynamicResource Wd.Accent.Cyan}"
                              StrokeThickness="1.6"
                              Fill="Transparent"
                              HorizontalAlignment="Center"
                              VerticalAlignment="Center"
                              Width="28" Height="22"
                              Stretch="Uniform"/>
                    </Grid>
                </Button>

                <!-- Nav: Settings (placeholder — opens panel on right; not toggled in this build) -->
                <Button DockPanel.Dock="Top"
                        Style="{StaticResource Wd.Button.RailIcon}"
                        ToolTip="Settings">
                    <Path Data="M 14,4 L 14,7 M 14,21 L 14,24 M 4,14 L 7,14 M 21,14 L 24,14 M 7.5,7.5 L 9.5,9.5 M 18.5,18.5 L 20.5,20.5 M 7.5,20.5 L 9.5,18.5 M 18.5,9.5 L 20.5,7.5 M 14,11 C 15.7,11 17,12.3 17,14 C 17,15.7 15.7,17 14,17 C 12.3,17 11,15.7 11,14 C 11,12.3 12.3,11 14,11"
                          Stroke="{DynamicResource Wd.Text.Secondary}"
                          StrokeThickness="1.5"
                          Fill="Transparent"
                          Width="22" Height="22"
                          Stretch="Uniform"/>
                </Button>

                <!-- Engine status indicator at bottom -->
                <Border DockPanel.Dock="Bottom"
                        Width="40" Height="40"
                        Margin="0,0,0,16"
                        HorizontalAlignment="Center"
                        Background="{DynamicResource Wd.Status.LiveBg}"
                        CornerRadius="20"
                        ToolTip="{Binding StatusText}">
                    <Ellipse Width="10" Height="10"
                             Fill="{DynamicResource Wd.Status.Live}"
                             HorizontalAlignment="Center"
                             VerticalAlignment="Center"/>
                </Border>
            </DockPanel>
        </Border>

        <!-- ════════════════════════════════════════════════════════════════
             MAIN CONTENT
             ════════════════════════════════════════════════════════════════ -->
        <DockPanel Grid.Column="1" LastChildFill="True">

            <!-- Alert banner -->
            <Border DockPanel.Dock="Top"
                    Background="{DynamicResource Wd.Accent.CoralBg}"
                    BorderBrush="{DynamicResource Wd.Accent.Coral}"
                    BorderThickness="0,0,0,1"
                    Padding="24,12"
                    Visibility="{Binding AlertBanner.IsVisible, Converter={StaticResource BoolToVis}}">
                <DockPanel>
                    <Button DockPanel.Dock="Right"
                            Style="{StaticResource Wd.Button.Ghost}"
                            Content="Dismiss"
                            Command="{Binding AlertBanner.DismissCommand}"
                            Margin="12,0,0,0"/>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                        <Ellipse Width="8" Height="8"
                                 Fill="{DynamicResource Wd.Accent.Coral}"
                                 VerticalAlignment="Center"
                                 Margin="0,0,12,0"/>
                        <TextBlock Text="{Binding AlertBanner.Message}"
                                   Style="{StaticResource Wd.Text.Body}"
                                   FontWeight="SemiBold"
                                   VerticalAlignment="Center"/>
                    </StackPanel>
                </DockPanel>
            </Border>

            <!-- Header strip -->
            <Border DockPanel.Dock="Top"
                    BorderBrush="{DynamicResource Wd.Border}"
                    BorderThickness="0,0,0,1"
                    Padding="32,20">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>

                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                        <TextBlock Text="TeamsISO"
                                   Style="{StaticResource Wd.Text.Title}"
                                   VerticalAlignment="Center"/>
                        <Border Style="{StaticResource Wd.Pill}"
                                Margin="14,0,0,0"
                                VerticalAlignment="Center">
                            <TextBlock Text="by Wild Dragon"
                                       Style="{StaticResource Wd.Text.Mono}"
                                       FontSize="11"
                                       Foreground="{DynamicResource Wd.Accent.Cyan}"/>
                        </Border>
                    </StackPanel>

                    <Border Grid.Column="1"
                            Style="{StaticResource Wd.Pill}"
                            Background="{DynamicResource Wd.Status.LiveBg}"
                            VerticalAlignment="Center">
                        <StackPanel Orientation="Horizontal">
                            <Ellipse Width="7" Height="7"
                                     Fill="{DynamicResource Wd.Status.Live}"
                                     VerticalAlignment="Center"/>
                            <TextBlock Text="{Binding StatusText}"
                                       Style="{StaticResource Wd.Text.Body}"
                                       FontSize="12"
                                       Margin="8,0,0,0"
                                       VerticalAlignment="Center"/>
                        </StackPanel>
                    </Border>
                </Grid>
            </Border>

            <!-- Footer -->
            <Border DockPanel.Dock="Bottom"
                    BorderBrush="{DynamicResource Wd.Border}"
                    BorderThickness="0,1,0,0"
                    Padding="32,10">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="WOOGLIN"
                               Style="{StaticResource Wd.Text.Mono}"
                               Foreground="{DynamicResource Wd.Text.Tertiary}"
                               VerticalAlignment="Center"/>
                    <TextBlock Grid.Column="1"
                               Text="{Binding StatusText}"
                               Style="{StaticResource Wd.Text.Mono}"
                               Foreground="{DynamicResource Wd.Text.Tertiary}"
                               HorizontalAlignment="Center"
                               VerticalAlignment="Center"/>
                    <TextBlock Grid.Column="2"
                               Text="wilddragon.net · 1.0.0-alpha"
                               Style="{StaticResource Wd.Text.Mono}"
                               Foreground="{DynamicResource Wd.Text.Tertiary}"
                               VerticalAlignment="Center"/>
                </Grid>
            </Border>

            <!-- Body -->
            <Grid Margin="32,28,32,28">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <!-- Section header -->
                <StackPanel Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Center">
                    <TextBlock Text="Participants"
                               Style="{StaticResource Wd.Text.Heading}"
                               FontSize="18"/>
                    <Border Style="{StaticResource Wd.Pill}"
                            Margin="12,0,0,0"
                            VerticalAlignment="Center">
                        <TextBlock Text="{Binding Participants.Count}"
                                   Style="{StaticResource Wd.Text.Mono}"
                                   FontSize="11"/>
                    </Border>
                </StackPanel>

                <TextBlock Grid.Row="1"
                           Text="Toggle a participant's ISO to spin up an isolated, normalized NDI output."
                           Style="{StaticResource Wd.Text.Subtle}"
                           Foreground="{DynamicResource Wd.Text.Tertiary}"
                           Margin="0,6,0,18"/>

                <!-- Participants card -->
                <Border Grid.Row="2"
                        Style="{StaticResource Wd.Card}"
                        Padding="0">
                    <DataGrid ItemsSource="{Binding Participants}"
                              Margin="6,4,6,4">
                        <DataGrid.Columns>
                            <DataGridTemplateColumn Header="Display Name" Width="2*">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                                            <Border Style="{StaticResource Wd.Avatar}">
                                                <TextBlock Text="{Binding DisplayName, Converter={StaticResource Initials}}"
                                                           Foreground="{DynamicResource Wd.Accent.Cyan}"
                                                           FontFamily="{StaticResource Wd.Font.Sans}"
                                                           FontWeight="SemiBold"
                                                           FontSize="11"
                                                           HorizontalAlignment="Center"
                                                           VerticalAlignment="Center"/>
                                            </Border>
                                            <TextBlock Text="{Binding DisplayName}"
                                                       Style="{StaticResource Wd.Text.Body}"
                                                       FontWeight="Medium"
                                                       Margin="14,0,0,0"
                                                       VerticalAlignment="Center"/>
                                        </StackPanel>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="Source" Width="*">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel VerticalAlignment="Center">
                                            <TextBlock Text="{Binding SourceMachine}"
                                                       Style="{StaticResource Wd.Text.Mono}"/>
                                            <TextBlock Text="{Binding IncomingResolution}"
                                                       Style="{StaticResource Wd.Text.Mono}"
                                                       FontSize="10"
                                                       Foreground="{DynamicResource Wd.Text.Tertiary}"/>
                                        </StackPanel>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="Live" Width="100">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel VerticalAlignment="Center">
                                            <TextBlock Style="{StaticResource Wd.Text.Mono}"
                                                       FontSize="11">
                                                <Run Text="↓ "/>
                                                <Run Text="{Binding FramesIn}"/>
                                            </TextBlock>
                                            <TextBlock Style="{StaticResource Wd.Text.Mono}"
                                                       FontSize="10"
                                                       Foreground="{DynamicResource Wd.Text.Tertiary}">
                                                <Run Text="↑ "/>
                                                <Run Text="{Binding FramesOut}"/>
                                            </TextBlock>
                                        </StackPanel>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="Output Name" Width="2*">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <TextBox Text="{Binding CustomName, UpdateSourceTrigger=PropertyChanged}"
                                                 Padding="10,7"
                                                 Margin="0,0,12,0"
                                                 VerticalAlignment="Center"/>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>

                            <DataGridTemplateColumn Header="ISO" Width="130">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <Button Command="{Binding ToggleIsoCommand}"
                                                Margin="0,0,12,0">
                                            <Button.Style>
                                                <Style TargetType="Button" BasedOn="{StaticResource Wd.Button.IsoToggle}">
                                                    <Setter Property="Content" Value="Enable"/>
                                                    <Setter Property="Foreground" Value="{DynamicResource Wd.Text.Secondary}"/>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding IsEnabled}" Value="True">
                                                            <Setter Property="Content" Value="● LIVE"/>
                                                            <Setter Property="Background" Value="{DynamicResource Wd.Accent.CyanMuted}"/>
                                                            <Setter Property="BorderBrush" Value="{DynamicResource Wd.Accent.Cyan}"/>
                                                            <Setter Property="Foreground" Value="{DynamicResource Wd.Accent.Cyan}"/>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding IsProcessing}" Value="True">
                                                            <Setter Property="Content" Value="…"/>
                                                            <Setter Property="IsEnabled" Value="False"/>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </Button.Style>
                                        </Button>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>
                        </DataGrid.Columns>
                    </DataGrid>
                </Border>
            </Grid>
        </DockPanel>

        <!-- ════════════════════════════════════════════════════════════════
             SETTINGS PANEL (right)
             ════════════════════════════════════════════════════════════════ -->
        <Border Grid.Column="2"
                Background="{DynamicResource Wd.Surface}"
                BorderBrush="{DynamicResource Wd.Border}"
                BorderThickness="1,0,0,0">
            <ScrollViewer VerticalScrollBarVisibility="Auto">
                <StackPanel Margin="24,28,24,32">

                    <TextBlock Text="Settings"
                               Style="{StaticResource Wd.Text.Heading}"
                               FontSize="16"
                               Margin="0,0,0,4"/>
                    <TextBlock Text="Per-meeting global processing"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Foreground="{DynamicResource Wd.Text.Tertiary}"
                               Margin="0,0,0,22"/>

                    <!-- Output Format -->
                    <TextBlock Text="OUTPUT FORMAT" Style="{StaticResource Wd.Text.Caption}"/>

                    <TextBlock Text="Target Framerate"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Margin="0,10,0,4"/>
                    <ComboBox ItemsSource="{Binding Settings.AvailableFramerates}"
                              SelectedItem="{Binding Settings.Framerate}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Converter={StaticResource EnumDesc}}"/>
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>

                    <TextBlock Text="Target Resolution"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Margin="0,12,0,4"/>
                    <ComboBox ItemsSource="{Binding Settings.AvailableResolutions}"
                              SelectedItem="{Binding Settings.Resolution}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Converter={StaticResource EnumDesc}}"/>
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>

                    <TextBlock Text="Aspect Mode"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Margin="0,12,0,4"/>
                    <ComboBox ItemsSource="{Binding Settings.AvailableAspectModes}"
                              SelectedItem="{Binding Settings.Aspect}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Converter={StaticResource EnumDesc}}"/>
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>

                    <TextBlock Text="Audio Mode"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Margin="0,12,0,4"/>
                    <ComboBox ItemsSource="{Binding Settings.AvailableAudioModes}"
                              SelectedItem="{Binding Settings.Audio}">
                        <ComboBox.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Converter={StaticResource EnumDesc}}"/>
                            </DataTemplate>
                        </ComboBox.ItemTemplate>
                    </ComboBox>

                    <!-- NDI Network -->
                    <TextBlock Text="NDI NETWORK"
                               Style="{StaticResource Wd.Text.Caption}"
                               Margin="0,28,0,0"/>

                    <TextBlock Text="Discovery group"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Margin="0,10,0,4"/>
                    <TextBox Text="{Binding Settings.DiscoveryGroups, UpdateSourceTrigger=PropertyChanged}"/>
                    <TextBlock Text="Receive sources from this group. Empty = Public."
                               Style="{StaticResource Wd.Text.Body}"
                               FontSize="11"
                               Foreground="{DynamicResource Wd.Text.Tertiary}"
                               Margin="0,4,0,0"/>

                    <TextBlock Text="Output group"
                               Style="{StaticResource Wd.Text.Subtle}"
                               Margin="0,12,0,4"/>
                    <TextBox Text="{Binding Settings.OutputGroups, UpdateSourceTrigger=PropertyChanged}"/>
                    <TextBlock Text="Broadcast TeamsISO outputs on this group. Empty = Public."
                               Style="{StaticResource Wd.Text.Body}"
                               FontSize="11"
                               Foreground="{DynamicResource Wd.Text.Tertiary}"
                               Margin="0,4,0,0"/>

                    <Border Background="{DynamicResource Wd.SurfaceElevated}"
                            BorderBrush="{DynamicResource Wd.Border}"
                            BorderThickness="1"
                            CornerRadius="{StaticResource Radius.M}"
                            Padding="12,10"
                            Margin="0,12,0,0">
                        <TextBlock Style="{StaticResource Wd.Text.Body}"
                                   FontSize="11"
                                   Foreground="{DynamicResource Wd.Text.Secondary}"
                                   TextWrapping="Wrap"
                                   Text="Group changes apply on next launch — running pipelines aren't restarted to avoid orphaning live ISOs."/>
                    </Border>

                    <!-- Display -->
                    <TextBlock Text="DISPLAY"
                               Style="{StaticResource Wd.Text.Caption}"
                               Margin="0,28,0,0"/>

                    <CheckBox Content="Hide my self-preview from participants"
                              IsChecked="{Binding Settings.HideLocalSelf}"
                              Margin="0,10,0,0"/>

                    <Button Style="{StaticResource Wd.Button.Primary}"
                            Content="Apply Changes"
                            Command="{Binding Settings.ApplyCommand}"
                            HorizontalAlignment="Stretch"
                            Margin="0,28,0,0"
                            Padding="0,11"/>
                </StackPanel>
            </ScrollViewer>
        </Border>

    </Grid>
</Window>