Remotely/Desktop.Win/Views/ChatWindow.xaml

<Window x:Class="Remotely.Desktop.Win.Views.ChatWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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:local="clr-namespace:Remotely.Desktop.Win.Views"
        xmlns:ViewModels="clr-namespace:Remotely.Desktop.Win.ViewModels"
        xmlns:Models="clr-namespace:Remotely.Shared.Models;assembly=Remotely_Shared"
        mc:Ignorable="d"
        WindowStyle="None"
        ResizeMode="CanResizeWithGrip"
        MouseLeftButtonDown="Window_MouseLeftButtonDown"
        WindowStartupLocation="CenterScreen"
        AllowsTransparency="True"
        BorderBrush="DimGray"
        BorderThickness="1"
        MinHeight="250"
        MinWidth="200"
        Topmost="True"
        Title="Remotely Chat" Height="450" Width="350" Icon="/Assets/favicon.ico"
        Loaded="Window_Loaded"
        ContentRendered="Window_ContentRendered">
    
    <Window.DataContext>
        <ViewModels:ChatWindowViewModel />
    </Window.DataContext>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
        </Grid.RowDefinitions>
        
        <Border Height="50" Background="#FF464646">
            <DockPanel Margin="10,0,0,0">
                <DockPanel>
                    <Image Height="50" Width="50" Source="/Assets/Remotely_Icon.png" Margin="0,0,10,0"></Image>
                    <TextBlock Foreground="#FF1D90F1" FontWeight="Bold" FontSize="20" VerticalAlignment="Center">
                            Remotely Chat
                    </TextBlock>
                </DockPanel>

                <Button Style="{StaticResource TitlebarButton}" Click="CloseButton_Click" Content="X" />
                <Button Style="{StaticResource TitlebarButton}" Click="MinimizeButton_Click" Content="_"/>
            </DockPanel>
        </Border>

        <TextBlock Grid.Row="1" FontWeight="Bold" Foreground="DimGray" Margin="10,10,10,0" TextWrapping="Wrap">
                <Run>Chat session with</Run>
                <Run Text="{Binding OrganizationName}"></Run>
        </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="MessagesItemsControl" ItemsSource="{Binding ChatMessages}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate DataType="{x:Type Models:ChatMessage}">
                                <TextBlock TextWrapping="Wrap" Margin="5" FontSize="14">
                                    <Run Text="{Binding SenderName}" FontWeight="Bold">
                                        <Run.Style>
                                            <Style TargetType="Run">
                                                <Style.Triggers>
                                                    <Trigger Property="Text" Value="You">
                                                        <Setter Property="Foreground" Value="SteelBlue"></Setter>
                                                    </Trigger>
                                                </Style.Triggers>
                                            </Style>
                                        </Run.Style>
                                    </Run>
                                    <Run>: </Run>
                                    <Run Text="{Binding Message}"></Run>
                                </TextBlock>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </ScrollViewer>
            </Border>
            
            <GridSplitter Grid.Row="1" Height="5" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" />

            <TextBox Grid.Row="2"
                FontSize="14"
                Margin="5"
                Text="{Binding InputText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                TextWrapping="Wrap" 
                VerticalScrollBarVisibility="Auto" 
                PreviewKeyUp="ChatInputBox_PreviewKeyUp" />
        </Grid>
    </Grid>
</Window>