LlamaCasty/Controls/OverlayHost.xaml

<UserControl x:Class="ytLive.Controls.OverlayHost"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:Helpers="clr-namespace:ytLive.Helpers"
             xmlns:Models="clr-namespace:ytLive.Models"
             xmlns:services="clr-namespace:ytLive.Services">
        <Grid Grid.RowSpan="3"
              Visibility="{Binding IsAnyOverlayOpen, Converter={StaticResource BoolToVis}}">
            <Button Background="{StaticResource Brush.ScrimDarkStrong}" BorderThickness="0" Cursor="Hand"
                    Command="{Binding CloseOverlayCommand}">
                <Button.Template>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}"/>
                    </ControlTemplate>
                </Button.Template>
            </Button>

            <Border Background="{StaticResource Brush.Background}" CornerRadius="8" Width="650" MaxHeight="700"
                    VerticalAlignment="Center" HorizontalAlignment="Center"
                    Padding="28" BorderBrush="#333" BorderThickness="1">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    <!-- Header -->
                    <Grid Grid.Row="0">
                        <TextBlock Text="{Binding OverlayTitle}" FontSize="18" FontWeight="Bold"
                                   Foreground="{StaticResource Brush.OnSurface}" VerticalAlignment="Center"/>
                        <Button HorizontalAlignment="Right" ToolTip="Close" Style="{StaticResource IconButton}"
                                Command="{Binding CloseOverlayCommand}">
                            <Path Data="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z"
                                  Fill="{StaticResource Brush.OnSurface}" Width="14" Height="14" Stretch="Uniform"/>
                        </Button>
                    </Grid>

                    <!-- Report Bug -->
                        <StackPanel Grid.Row="1" Margin="0,16,0,0"
                                Visibility="{Binding IsBugOpen, Converter={StaticResource BoolToVis}}">
                        <TextBlock Text="What went wrong?" Style="{StaticResource YtLabel}" Margin="0,0,0,4"/>
                        <TextBox Style="{StaticResource YtTextBox}" Height="110" AcceptsReturn="True" TextWrapping="Wrap"
                                 Margin="0,0,0,12"
                                 Text="{Binding BugReportText, UpdateSourceTrigger=PropertyChanged}"
                                 VerticalScrollBarVisibility="Auto"/>

                        <TextBlock Text="Email (optional)" Style="{StaticResource YtLabel}" Margin="0,0,0,4"/>
                        <TextBox Style="{StaticResource YtTextBox}" Margin="0,0,0,12"
                                 Text="{Binding BugReportEmail, UpdateSourceTrigger=PropertyChanged}"/>

                        <TextBlock Text="Opens a pre-filled email to the LlamaCasty team." Style="{StaticResource YtLabel}"/>
                        <Button Content="Send Report" Command="{Binding SubmitBugCommand}"
                                Style="{StaticResource YtButton}" HorizontalAlignment="Right" Margin="0,16,0,0"/>
                    </StackPanel>

                    <!-- Feature Request -->
                    <StackPanel Grid.Row="1" Margin="0,16,0,0"
                                Visibility="{Binding IsFeatureOpen, Converter={StaticResource BoolToVis}}">
                        <TextBlock Text="What would you like to see?" Style="{StaticResource YtLabel}" Margin="0,0,0,4"/>
                        <TextBox Style="{StaticResource YtTextBox}" Height="110" AcceptsReturn="True" TextWrapping="Wrap"
                                 Margin="0,0,0,12"
                                 Text="{Binding FeatureRequestText, UpdateSourceTrigger=PropertyChanged}"
                                 VerticalScrollBarVisibility="Auto"/>

                        <TextBlock Text="Email (optional)" Style="{StaticResource YtLabel}" Margin="0,0,0,4"/>
                        <TextBox Style="{StaticResource YtTextBox}" Margin="0,0,0,12"
                                 Text="{Binding FeatureRequestEmail, UpdateSourceTrigger=PropertyChanged}"/>

                        <TextBlock Text="Opens a pre-filled email to the LlamaCasty team." Style="{StaticResource YtLabel}"/>
                        <Button Content="Send Request" Command="{Binding SubmitFeatureCommand}"
                                Style="{StaticResource YtButton}" HorizontalAlignment="Right" Margin="0,16,0,0"/>
                    </StackPanel>

                    <!-- About -->
                    <Grid Grid.Row="1" Margin="0,16,0,0"
                          Background="{StaticResource Brush.SurfaceContainerLow}"
                          Visibility="{Binding IsAboutOpen, Converter={StaticResource BoolToVis}}">

                        <!-- Hub view -->
                        <StackPanel Visibility="{Binding IsHubVisible, Converter={StaticResource BoolToVis}}">
                            <Image Source="/LlamaCasty;component/Assets/llamacasty-logo.jpg" Height="125" Stretch="Uniform"
                                   HorizontalAlignment="Center" Margin="0,0,0,12"/>
                            <TextBlock Text="{Binding AppVersionLabel}" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12"
                                       HorizontalAlignment="Center" Margin="0,4,0,0"/>
                            <TextBlock Text="Live streaming for YouTube — simple enough that even the most right-brained person can intuit it."
                                       Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="13" TextWrapping="Wrap" MaxWidth="380"
                                       TextAlignment="Center" Margin="0,16,0,0"/>
                            <TextBlock x:Name="UpgradeCopy"
                                       Text="Free at 720p30. The paid version unlocks higher stream and recording quality. One-time purchase; no subscription. Launch price $79, then $99 on the announced date."
                                       Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12"
                                       TextWrapping="Wrap" MaxWidth="380" TextAlignment="Center" Margin="0,12,0,0"/>
                            <Button x:Name="UpgradeLinkButton" Content="Learn more at llamacasty.com"
                                    Command="{Binding OpenPremiumCommand}" Style="{StaticResource YtButtonSecondary}"
                                    HorizontalAlignment="Center" Margin="0,12,0,0"
                                    ToolTip="Opens llamacasty.com in your browser when clicked"/>
                            <TextBlock Text="Made by gramps · llama chile shop" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12"
                                       HorizontalAlignment="Center" Margin="0,16,0,8"/>

                            <!-- Creator hub links -->
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,8">
                                <Button Content="llama chile shop on YouTube" Command="{Binding OpenChannelCommand}"
                                        Style="{StaticResource YtButtonSecondary}" Margin="0,0,8,0"/>
                                <Button Content="Mastodon" Command="{Binding OpenMastodonCommand}"
                                        Style="{StaticResource YtButtonSecondary}"/>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                <Button Content="Buy me a coffee" Command="{Binding OpenCoffeeCommand}"
                                        Style="{StaticResource YtButtonSecondary}"/>
                            </StackPanel>

                            <Button Content="Licenses &amp; legal" Command="{Binding OpenLicensesCommand}"
                                    Style="{StaticResource YtButtonSecondary}" HorizontalAlignment="Center"
                                    Margin="0,16,0,0"/>
                        </StackPanel>

                        <!-- Licensing/legal panel -->
                        <StackPanel Visibility="{Binding IsLicensesOpen, Converter={StaticResource BoolToVis}}">
                            <TextBlock Text="Third-party notices &amp; license texts" FontSize="15" FontWeight="Bold"
                                       Foreground="{StaticResource Brush.OnSurface}" Margin="0,0,0,8"/>
                            <Border Background="{StaticResource Brush.SurfaceContainerLowest}" CornerRadius="4" Padding="10" MaxHeight="360"
                                    BorderBrush="#333" BorderThickness="1">
                                <ScrollViewer VerticalScrollBarVisibility="Auto">
                                    <TextBlock Text="{Binding LicensesText}" Foreground="{StaticResource Brush.OnSurface}" FontSize="11"
                                               FontFamily="Consolas" TextWrapping="Wrap"/>
                                </ScrollViewer>
                            </Border>
                            <Button Content="← Back to About" Style="{StaticResource YtButtonSecondary}"
                                    HorizontalAlignment="Left" Margin="0,12,0,0"
                                    Click="BackToAbout_Click"/>
                        </StackPanel>

                    </Grid>
                </Grid>
            </Border>
        </Grid>
</UserControl>