StabilityMatrix/StabilityMatrix.Avalonia/Views/SettingsPage.axaml

<controls:UserControlBase xmlns="https://github.com/avaloniaui"
             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:vm="clr-namespace:StabilityMatrix.Avalonia.ViewModels"
             xmlns:ui="using:FluentAvalonia.UI.Controls"
             xmlns:mocks="clr-namespace:StabilityMatrix.Avalonia.DesignData"
             xmlns:controls="clr-namespace:StabilityMatrix.Avalonia.Controls"
             xmlns:icons="clr-namespace:Projektanker.Icons.Avalonia;assembly=Projektanker.Icons.Avalonia"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:DataType="vm:SettingsViewModel"
             x:CompileBindings="True"
             d:DataContext="{x:Static mocks:DesignData.SettingsViewModel}"
             x:Class="StabilityMatrix.Avalonia.Views.SettingsPage">
    
    <Grid>
        <ScrollViewer VerticalScrollBarVisibility="Auto">
            <Grid>
                <StackPanel Spacing="4">
                    <ui:SettingsExpander Header="Theme" Margin="8">
                        <ui:SettingsExpander.Footer>
                            <ComboBox
                                ItemsSource="{Binding AvailableThemes}"
                                SelectedItem="{Binding SelectedTheme}"
                                Margin="8"
                                MinWidth="100"/>
                        </ui:SettingsExpander.Footer>
                    </ui:SettingsExpander>

                    <!--  TODO: Text2Image host port settings  -->
                    <!-- TODO: Keep folder links on shutdown  -->
                    
                    <!-- Checkpoints Manager Options -->
                    <Grid RowDefinitions="auto,*">
                        <TextBlock 
                            FontWeight="Medium"
                            Text="Checkpoint Manager" 
                            Margin="8,16,0,0" />
                        <StackPanel Grid.Row="1">
                            <ui:SettingsExpander
                                IconSource="Folder"
                                Header="Keep shared checkpoints directory symbolic links on shutdown"
                                Description="Normally removed on shutdown to allow the data folder to be moved without potential file explorer issues."
                                Margin="8">
                                <ui:SettingsExpander.Footer>
                                    <CheckBox Margin="8" />
                                </ui:SettingsExpander.Footer>
                            </ui:SettingsExpander>
                        </StackPanel>
                    </Grid>
                    
                    <!-- Python Options -->
                    <Grid RowDefinitions="auto,*">
                        <TextBlock 
                            FontWeight="Medium"
                            Text="Python Environment" 
                            Margin="8,16,0,0" />
                        <StackPanel Grid.Row="1">
                            <ui:SettingsExpander
                                Header="Embedded Python Environment"
                                Margin="8">
                                <ui:SettingsExpander.IconSource>
                                    <controls:FASymbolIconSource Symbol="fa-brands fa-python"/>
                                </ui:SettingsExpander.IconSource>
                                <ui:SettingsExpander.Footer>
                                    <Button Content="Check Version" Command="{Binding CheckPythonVersionCommand}"/>
                                </ui:SettingsExpander.Footer>
                            </ui:SettingsExpander>
                        </StackPanel>
                    </Grid>
                    
                    <Grid RowDefinitions="auto,*">
                        <TextBlock 
                            FontWeight="Medium"
                            Text="Debug Options" 
                            Margin="8,16,0,0" />
                        <StackPanel Grid.Row="1">
                            <ui:SettingsExpander
                                IconSource="Code"
                                Command="{Binding LoadDebugInfo}"
                                Header="Debug Options"
                                Margin="8">
                                
                                <ui:SettingsExpanderItem Description="Paths" IconSource="Folder">
                                    <SelectableTextBlock Text="{Binding DebugPaths}"
                                                         Foreground="{DynamicResource TextControlPlaceholderForeground}"
                                                         TextWrapping="WrapWithOverflow" />
                                </ui:SettingsExpanderItem>

                                <ui:SettingsExpanderItem Description="Compat Info" IconSource="StarFilled">
                                    <SelectableTextBlock Text="{Binding DebugCompatInfo}"
                                                         Foreground="{DynamicResource TextControlPlaceholderForeground}"
                                                         TextWrapping="WrapWithOverflow" />
                                </ui:SettingsExpanderItem>
                                
                                <ui:SettingsExpanderItem Description="GPU Info" IconSource="FullScreenMaximize">
                                    <SelectableTextBlock Text="{Binding DebugGpuInfo}"
                                                         Foreground="{DynamicResource TextControlPlaceholderForeground}"
                                                         TextWrapping="WrapWithOverflow" />
                                </ui:SettingsExpanderItem>

                                <ui:SettingsExpanderItem Content="Notification" IconSource="CommentAdd">
                                    <ui:SettingsExpanderItem.Footer>
                                        <Button
                                            Command="{Binding DebugNotificationCommand}"
                                            Content="New Notification"/>
                                    </ui:SettingsExpanderItem.Footer>
                                </ui:SettingsExpanderItem>
                                
                                <ui:SettingsExpanderItem Content="Content Dialog" IconSource="NewWindow">
                                    <ui:SettingsExpanderItem.Footer>
                                        <Button
                                            Command="{Binding DebugContentDialogCommand}"
                                            Content="Show Dialog"/>
                                    </ui:SettingsExpanderItem.Footer>
                                </ui:SettingsExpanderItem>
                                
                            </ui:SettingsExpander>
                        </StackPanel>
                    </Grid>
                    
                    <!-- TODO: Python card -->
                    
                    <!-- TODO: Debug card -->
                    
                    <!-- TODO: Directories card -->
                    
                    <Grid RowDefinitions="auto,*">
                        <StackPanel 
                            Margin="8,0,0,0"
                            Grid.Row="1" 
                            HorizontalAlignment="Left" 
                            Orientation="Vertical">
                            <TextBlock
                                FontSize="15"
                                FontWeight="Bold"
                                Margin="0,8"
                                Text="About" />
                            <Image
                                Height="112"
                                HorizontalAlignment="Left"
                                Margin="8"
                                Source="/Assets/Icon.png"
                                Width="112" />
                            <TextBlock
                                FontWeight="Medium"
                                Margin="8"
                                Text="Stability Matrix" />
                            <Grid>
                                <Button
                                    Background="Transparent"
                                    BorderThickness="0"
                                    Content="Version 0.0.0"
                                    Margin="8,0,8,8"
                                    Padding="2,0,2,0" />
                            </Grid>
                            
                            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">
                                <Button
                                    Content="License and Open Source Notices"
                                    HorizontalAlignment="Left"
                                    Margin="8" />
                            </StackPanel>
                        </StackPanel>
                    </Grid>
                    
                    <!-- Extra space at the bottom -->
                    <Panel Margin="0,0,0,16" />
                    
                </StackPanel>
            </Grid>
        </ScrollViewer>
    </Grid>
    
    
</controls:UserControlBase>