Remotely/Desktop.Linux/Views/ChatWindow.axaml

<Window 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:Remotely.Desktop.Linux.ViewModels;assembly=Remotely_Desktop"
        xmlns:Models="clr-namespace:Remotely.Shared.Models;assembly=Remotely_Shared"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="Remotely.Desktop.Linux.Views.ChatWindow"
        Icon="{Binding WindowIcon}"
        HasSystemDecorations="False"
        BorderBrush="DimGray"
        BorderThickness="1"
        MinHeight="250"
        MinWidth="200"
        Topmost="True"
        Title="Chat Session" Height="450" Width="450">
  
  <Window.DataContext>
    <vm:ChatWindowViewModel />
  </Window.DataContext>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition />
    </Grid.RowDefinitions>
    
    <Border Name="TitleBanner" Height="50" Background="{Binding TitleBackgroundColor}">
        <Grid Margin="10,4,0,0">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
          </Grid.ColumnDefinitions>
          
          <Image Grid.Column="0" Height="50" Width="50" Source="{Binding Icon}" Margin="0,0,10,0"></Image>
          <TextBlock Grid.Column="1" Text="{Binding ProductName}" Foreground="{Binding TitleForegroundColor}" FontWeight="Bold" FontSize="20" VerticalAlignment="Center" />
          <TextBlock Grid.Column="2" Text=" Chat"  Foreground="{Binding TitleForegroundColor}" FontWeight="Bold" FontSize="20" VerticalAlignment="Center" />
          <Button Grid.Column="4" Classes="TitlebarButton" Foreground="{Binding TitleButtonForegroundColor}" Background="{Binding TitleBackgroundColor}" Command="{Binding MinimizeCommand}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" Content="__"/>
          <Button Grid.Column="5" Classes="TitlebarButton" Foreground="{Binding TitleButtonForegroundColor}" Background="{Binding TitleBackgroundColor}" Command="{Binding CloseCommand}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" Content="X" />
        </Grid>
    </Border>

    <TextBlock Grid.Row="1" 
               Text="{Binding ChatSessionHeader}"
               FontWeight="Bold" 
               Foreground="DimGray" 
               Margin="10,10,10,0" 
               TextWrapping="Wrap">
    </TextBlock>
    
        <Grid Grid.Row="2">
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition Height="5" />
                <RowDefinition Height="50" />
            </Grid.RowDefinitions>
          
            <Border BorderBrush="Gray" BorderThickness="1" Margin="5">
                <ScrollViewer x:Name="MessagesScrollViewer">
                    <ItemsControl x:Name="MessagesListBox" Items="{Binding ChatMessages}">
                      <ItemsControl.ItemTemplate>
                        <DataTemplate DataType="{x:Type Models:ChatMessage}">
                          <!-- TODO: Replace with Run when implemented. -->
                          <DockPanel Margin="5">
                            <TextBlock Text="{Binding SenderName}" FontWeight="Bold" TextWrapping="Wrap" FontSize="14">
                              <TextBlock.Styles>
                                <Style Selector="TextBlock[Text=You]">
                                  <Style.Setters>
                                    <Setter Property="Foreground" Value="SteelBlue"></Setter>
                                  </Style.Setters>
                                </Style>
                              </TextBlock.Styles>
                            </TextBlock>

                            <TextBlock TextWrapping="Wrap" FontSize="14" Margin="0,0,5,0">: </TextBlock>
                            <TextBlock Text="{Binding Message}" TextWrapping="Wrap" FontSize="14"></TextBlock>
                          </DockPanel>
                        </DataTemplate>
                      </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </ScrollViewer>
            </Border>
            
            <GridSplitter Grid.Row="1" Height="5" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />

            <TextBox Grid.Row="2"
                x:Name="InputTextBox"
                FontSize="14"
                Margin="5"
                Text="{Binding InputText, Mode=TwoWay}"
                TextWrapping="Wrap"  />
        </Grid>
  </Grid>
</Window>