StabilityMatrix/StabilityMatrix.Avalonia/Controls/PromptCard.axaml

<Styles xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="using:StabilityMatrix.Avalonia.Controls"
        xmlns:mocks="clr-namespace:StabilityMatrix.Avalonia.DesignData"
        xmlns:avaloniaEdit="https://github.com/avaloniaui/avaloniaedit"
        xmlns:vmInference="clr-namespace:StabilityMatrix.Avalonia.ViewModels.Inference"
        xmlns:i="clr-namespace:Avalonia.Xaml.Interactivity;assembly=Avalonia.Xaml.Interactivity"
        xmlns:behaviors="clr-namespace:StabilityMatrix.Avalonia.Behaviors"
        xmlns:icons="clr-namespace:Projektanker.Icons.Avalonia;assembly=Projektanker.Icons.Avalonia"
        x:DataType="vmInference:PromptCardViewModel">
    <Design.PreviewWith>
        <Grid Height="600" Width="600">
            <controls:PromptCard DataContext="{x:Static mocks:DesignData.PromptCardViewModel}"/>
        </Grid>
    </Design.PreviewWith>

    <Styles.Resources>
        <ExperimentalAcrylicMaterial
            x:Key="AcrylicMaterial"
            FallbackColor="{DynamicResource ThemeBackgroundColor}"
            TintColor="Black"
            TintOpacity="0.78"
            MaterialOpacity="0.9"
            BackgroundSource="Digger" />
    </Styles.Resources>
    
    <Style Selector="controls|PromptCard">
        <!-- Set Defaults -->
        <Setter Property="Template">
            <ControlTemplate>
                <controls:Card Padding="12" HorizontalAlignment="{TemplateBinding HorizontalAlignment}">
                    <controls:Card.Styles>
                        <Style Selector="avaloniaEdit|TextEditor">
                            <Setter Property="Margin" Value="0,8,0,8"/>
                            <Setter Property="CornerRadius" Value="8" />
                            <Setter Property="BorderThickness" Value="4"/>
                            <Setter Property="LineNumbersForeground" Value="DarkSlateGray"/>
                            <Setter Property="ShowLineNumbers" Value="True"/>
                            <Setter Property="WordWrap" Value="True"/>
                            <Setter Property="VerticalScrollBarVisibility" Value="Auto"/>
                            <!--<Setter Property="Background" Value="{DynamicResource ScrollBarTrackStroke}" />-->
                        </Style>
                    </controls:Card.Styles>
                    
                    <Grid RowDefinitions="*,16,*">
                        <!-- Prompt -->
                        <Grid RowDefinitions="Auto,*" ColumnDefinitions="*,Auto">
                            <StackPanel
                                Grid.Row="0"
                                Grid.Column="0"
                                Grid.ColumnSpan="2"
                                Margin="4,0,4,8" 
                                Orientation="Horizontal">
                                <TextBlock FontSize="14" Text="Prompt"/>
                                <icons:Icon Value="fa-solid fa-caret-up" Margin="8,0" FontSize="10" />
                            </StackPanel>
                            
                            <ExperimentalAcrylicBorder
                                Grid.Row="1"
                                Grid.Column="0"
                                Grid.ColumnSpan="2"
                                VerticalAlignment="Stretch"
                                Material="{StaticResource AcrylicMaterial}"
                                CornerRadius="4">
                            
                                <avaloniaEdit:TextEditor
                                    x:Name="PromptEditor"
                                    Document="{Binding PromptDocument}"
                                    FontFamily="Cascadia Code,Consolas,Menlo,Monospace">
                                    <i:Interaction.Behaviors>
                                        <behaviors:TextEditorCompletionBehavior/>
                                    </i:Interaction.Behaviors>
                                </avaloniaEdit:TextEditor>

                            </ExperimentalAcrylicBorder>
                        </Grid>
                        
                        <GridSplitter 
                            Grid.Row="1" 
                            BorderThickness="1" 
                            VerticalAlignment="Center"
                            Opacity="0.3"
                            MaxWidth="45"
                            CornerRadius="4"/>
                        
                        <!-- Negative Prompt -->
                        <Grid Grid.Row="2" RowDefinitions="Auto,*">
                            <StackPanel Margin="4,0,4,8" Orientation="Horizontal">
                                <TextBlock FontSize="14" Text="Negative Prompt"/>
                                <icons:Icon Value="fa-solid fa-caret-down" Margin="8,0" FontSize="10" />
                            </StackPanel>
                        
                            <ExperimentalAcrylicBorder
                                Grid.Row="1"
                                VerticalAlignment="Stretch"
                                Material="{StaticResource AcrylicMaterial}"
                                CornerRadius="4">
                            
                                <avaloniaEdit:TextEditor
                                    x:Name="NegativePromptEditor"
                                    Document="{Binding NegativePromptDocument}"
                                    FontFamily="Cascadia Code,Consolas,Menlo,Monospace">
                                    <i:Interaction.Behaviors>
                                        <behaviors:TextEditorCompletionBehavior/>
                                    </i:Interaction.Behaviors>
                                </avaloniaEdit:TextEditor>

                            </ExperimentalAcrylicBorder>
                        </Grid>
                    </Grid>
                </controls:Card>
            </ControlTemplate>
        </Setter>
    </Style>
</Styles>