|
|
<Window xmlns="https://github.com/avaloniaui"
|
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
|
xmlns:vm="using:AI.ViewModels"
|
|
|
xmlns:md="clr-namespace:LiveMarkdown.Avalonia;assembly=LiveMarkdown.Avalonia"
|
|
|
xmlns:models="using:AI.Models"
|
|
|
xmlns:converters="using:AI.Converters"
|
|
|
xmlns:storage="using:Avalonia.Platform.Storage"
|
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
|
mc:Ignorable="d"
|
|
|
d:DesignWidth="1200" d:DesignHeight="700"
|
|
|
x:Class="AI.Views.MainWindow"
|
|
|
x:DataType="vm:MainWindowViewModel"
|
|
|
Title="AI"
|
|
|
Width="1200" Height="700">
|
|
|
|
|
|
|
|
|
<Grid Background="#FFFFFF">
|
|
|
<Grid.ColumnDefinitions>
|
|
|
<!-- 左侧会话列表 -->
|
|
|
<ColumnDefinition Width="280" />
|
|
|
<!-- 分隔线 -->
|
|
|
<ColumnDefinition Width="1" />
|
|
|
<!-- 右侧聊天区域 -->
|
|
|
<ColumnDefinition Width="*" />
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
|
<!-- 左侧会话列表区域 -->
|
|
|
<Grid Grid.Column="0" Background="#F5F5F5">
|
|
|
<Border Padding="10,0">
|
|
|
<Grid>
|
|
|
<Grid.RowDefinitions>
|
|
|
<RowDefinition Height="Auto" />
|
|
|
<RowDefinition Height="Auto" />
|
|
|
<RowDefinition Height="Auto" />
|
|
|
<RowDefinition Height="*" />
|
|
|
</Grid.RowDefinitions>
|
|
|
|
|
|
<!-- 新建会话按钮 -->
|
|
|
<Button Grid.Row="0"
|
|
|
Content="创建新会话"
|
|
|
Background="Transparent"
|
|
|
Foreground="#333333"
|
|
|
Height="36"
|
|
|
CornerRadius="10"
|
|
|
HorizontalAlignment="Stretch"
|
|
|
FontWeight="SemiBold"
|
|
|
Command="{Binding CreateNewSessionCommand}" />
|
|
|
|
|
|
<!-- 空白间隔 -->
|
|
|
<Border Grid.Row="1" Height="10" />
|
|
|
|
|
|
<!-- 所有对话标签 -->
|
|
|
<TextBlock Grid.Row="2"
|
|
|
Text="所有对话"
|
|
|
Foreground="#999999"
|
|
|
Height="32"
|
|
|
FontSize="14"
|
|
|
Margin="10,0,0,0"
|
|
|
HorizontalAlignment="Stretch"
|
|
|
VerticalAlignment="Bottom" />
|
|
|
|
|
|
<!-- 会话列表 -->
|
|
|
<ListBox x:Name="SessionsListBox"
|
|
|
Grid.Row="3"
|
|
|
ItemsSource="{Binding Sessions}"
|
|
|
SelectedItem="{Binding SelectedSessionItem}"
|
|
|
Background="Transparent"
|
|
|
BorderThickness="0"
|
|
|
Margin="0,0,0,0">
|
|
|
<ListBox.ItemTemplate>
|
|
|
<DataTemplate DataType="vm:ChatSessionItemViewModel">
|
|
|
<Grid Margin="8,0" Height="36">
|
|
|
<Grid.RowDefinitions>
|
|
|
<RowDefinition Height="*" />
|
|
|
</Grid.RowDefinitions>
|
|
|
<Grid.ColumnDefinitions>
|
|
|
<ColumnDefinition Width="*" />
|
|
|
<ColumnDefinition Width="Auto" />
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
|
<TextBlock Grid.Row="0"
|
|
|
Grid.Column="0"
|
|
|
Text="{Binding Title}"
|
|
|
FontSize="14"
|
|
|
FontWeight="SemiBold"
|
|
|
TextTrimming="CharacterEllipsis"
|
|
|
VerticalAlignment="Center"
|
|
|
Foreground="#333333" />
|
|
|
<Button Grid.Row="0"
|
|
|
Grid.Column="1"
|
|
|
Content="⨯"
|
|
|
Width="20"
|
|
|
Height="20"
|
|
|
FontSize="16"
|
|
|
Background="Transparent"
|
|
|
Foreground="#999999"
|
|
|
BorderThickness="0"
|
|
|
Padding="0"
|
|
|
Click="OnDeleteSessionClick"
|
|
|
Tag="{Binding Id}"
|
|
|
ToolTip.Tip="删除会话"
|
|
|
HorizontalContentAlignment="Center"
|
|
|
VerticalContentAlignment="Center">
|
|
|
<Button.Styles>
|
|
|
<Style Selector="Button">
|
|
|
<Setter Property="CornerRadius" Value="10" />
|
|
|
</Style>
|
|
|
</Button.Styles>
|
|
|
</Button>
|
|
|
</Grid>
|
|
|
</DataTemplate>
|
|
|
</ListBox.ItemTemplate>
|
|
|
<ListBox.Styles>
|
|
|
<Style Selector="ListBoxItem">
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
|
<Setter Property="Padding" Value="0" />
|
|
|
</Style>
|
|
|
<Style Selector="ListBoxItem:selected /template/ ContentPresenter">
|
|
|
<Setter Property="Background" Value="#EAEAEA" />
|
|
|
<Setter Property="CornerRadius" Value="10" />
|
|
|
</Style>
|
|
|
<Style Selector="ListBoxItem:pointerover /template/ ContentPresenter">
|
|
|
<Setter Property="Background" Value="#EFEFEF" />
|
|
|
<Setter Property="CornerRadius" Value="10" />
|
|
|
</Style>
|
|
|
</ListBox.Styles>
|
|
|
</ListBox>
|
|
|
</Grid>
|
|
|
</Border>
|
|
|
</Grid>
|
|
|
|
|
|
<!-- 分隔线 -->
|
|
|
<Border Grid.Column="1" Background="#E0E0E0" />
|
|
|
|
|
|
<!-- 右侧聊天区域 -->
|
|
|
<Grid Grid.Column="2">
|
|
|
<Grid.RowDefinitions>
|
|
|
<RowDefinition Height="*" />
|
|
|
<RowDefinition Height="Auto" />
|
|
|
</Grid.RowDefinitions>
|
|
|
|
|
|
<!-- 聊天消息区域 -->
|
|
|
<ScrollViewer x:Name="ChatMessagesScrollViewer" Grid.Row="0" Margin="20,20,20,0">
|
|
|
<ItemsControl x:Name="ChatMessagesItemsControl"
|
|
|
ItemsSource="{Binding ChatMessages}"
|
|
|
ItemTemplate="{StaticResource MessageTemplateSelector}">
|
|
|
<ItemsControl.ItemsPanel>
|
|
|
<ItemsPanelTemplate>
|
|
|
<StackPanel />
|
|
|
</ItemsPanelTemplate>
|
|
|
</ItemsControl.ItemsPanel>
|
|
|
</ItemsControl>
|
|
|
</ScrollViewer>
|
|
|
|
|
|
<!-- 聊天输入区域 -->
|
|
|
<Grid Grid.Row="1" Margin="20,0,20,20">
|
|
|
<!-- 输入框容器 -->
|
|
|
<Border Background="#F7F8FC"
|
|
|
CornerRadius="20"
|
|
|
Padding="12,8">
|
|
|
<Grid>
|
|
|
<Grid.RowDefinitions>
|
|
|
<RowDefinition Height="Auto" />
|
|
|
<RowDefinition Height="*" />
|
|
|
<RowDefinition Height="Auto" />
|
|
|
</Grid.RowDefinitions>
|
|
|
|
|
|
<!-- 显示待上传文件列表 -->
|
|
|
<WrapPanel Grid.Row="0"
|
|
|
Orientation="Horizontal"
|
|
|
Margin="0,0,0,5">
|
|
|
<ItemsControl ItemsSource="{Binding PendingFiles}">
|
|
|
<ItemsControl.ItemsPanel>
|
|
|
<ItemsPanelTemplate>
|
|
|
<WrapPanel Orientation="Horizontal" />
|
|
|
</ItemsPanelTemplate>
|
|
|
</ItemsControl.ItemsPanel>
|
|
|
<ItemsControl.ItemTemplate>
|
|
|
<DataTemplate DataType="models:PendingFileModel">
|
|
|
<Grid Margin="2,2">
|
|
|
<Border Background="White"
|
|
|
CornerRadius="8"
|
|
|
BorderBrush="#E1E3EA"
|
|
|
BorderThickness="1"
|
|
|
Padding="8,4">
|
|
|
<Grid>
|
|
|
<Grid.RowDefinitions>
|
|
|
<RowDefinition Height="Auto" />
|
|
|
<RowDefinition Height="Auto" />
|
|
|
</Grid.RowDefinitions>
|
|
|
<Grid.ColumnDefinitions>
|
|
|
<ColumnDefinition Width="Auto" />
|
|
|
<ColumnDefinition Width="*" />
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
|
<!-- 文件图标 -->
|
|
|
<Viewbox Grid.Row="0" Grid.Column="0"
|
|
|
Grid.RowSpan="2"
|
|
|
Width="16" Height="16"
|
|
|
VerticalAlignment="Center"
|
|
|
Margin="0,0,8,0">
|
|
|
<Path Fill="#666666"
|
|
|
Data="M886.7 247.6L713.4 73.4c-6-6-14.2-9.4-22.7-9.4H192c-35.3 0-64 28.7-64 64v768c0 35.3 28.7 64 64 64h640c35.3 0 64-28.7 64-64V270.2c0-8.5-3.3-16.6-9.3-22.6zM832 864c0 17.7-14.3 32-32 32H224c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h384v160c0 35.3 28.7 64 64 64h160v512zM704 288c-17.7 0-32-14.3-32-32V128l160 160H704z M671 672H287c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32zM287 480c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32H287zM287 352h192c17.7 0 32-14.3 32-32s-14.3-32-32-32H287c-17.7 0-32 14.3-32 32s14.3 32 32 32z" />
|
|
|
</Viewbox>
|
|
|
|
|
|
<TextBlock Grid.Row="0" Grid.Column="1"
|
|
|
Text="{Binding Name}"
|
|
|
VerticalAlignment="Center"
|
|
|
FontSize="12"
|
|
|
Foreground="#333333"
|
|
|
Margin="0,0,16,0"
|
|
|
TextTrimming="CharacterEllipsis"/>
|
|
|
|
|
|
<TextBlock Grid.Row="1" Grid.Column="1"
|
|
|
Text="{Binding FormattedSize}"
|
|
|
VerticalAlignment="Center"
|
|
|
FontSize="10"
|
|
|
Foreground="#666666"
|
|
|
Margin="0,0,16,0"/>
|
|
|
</Grid>
|
|
|
</Border>
|
|
|
|
|
|
<!-- 删除按钮 -->
|
|
|
<Button Content="⨯"
|
|
|
Width="14"
|
|
|
Height="14"
|
|
|
FontSize="10"
|
|
|
Background="Transparent"
|
|
|
CornerRadius="7"
|
|
|
Foreground="#999999"
|
|
|
BorderThickness="0"
|
|
|
Padding="0"
|
|
|
HorizontalAlignment="Right"
|
|
|
VerticalAlignment="Top"
|
|
|
HorizontalContentAlignment="Center"
|
|
|
VerticalContentAlignment="Center"
|
|
|
Margin="0,3,3,0"
|
|
|
Command="{Binding $parent[Window].DataContext.RemovePendingFileCommand}"
|
|
|
CommandParameter="{Binding}">
|
|
|
</Button>
|
|
|
</Grid>
|
|
|
</DataTemplate>
|
|
|
</ItemsControl.ItemTemplate>
|
|
|
</ItemsControl>
|
|
|
</WrapPanel>
|
|
|
|
|
|
<!-- 文本输入框 -->
|
|
|
<TextBox Grid.Row="1"
|
|
|
Name="ChatInputBox"
|
|
|
Background="Transparent"
|
|
|
Foreground="#333333"
|
|
|
BorderThickness="0"
|
|
|
AcceptsReturn="True"
|
|
|
TextWrapping="Wrap"
|
|
|
MaxHeight="100"
|
|
|
MinHeight="30"
|
|
|
Margin="0,0,0,5"
|
|
|
Text="{Binding ChatInput, UpdateSourceTrigger=PropertyChanged}">
|
|
|
<TextBox.Styles>
|
|
|
<Style Selector="TextBox">
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
|
</Style>
|
|
|
<Style Selector="TextBox:focus">
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
|
</Style>
|
|
|
<Style Selector="TextBox /template/ Border#border">
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
|
<Setter Property="BorderBrush" Value="Transparent" />
|
|
|
</Style>
|
|
|
<Style Selector="TextBox:focus /template/ Border#border">
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
|
<Setter Property="BorderBrush" Value="Transparent" />
|
|
|
</Style>
|
|
|
<Style Selector="TextBox:focus /template/ ContentPresenter">
|
|
|
<Setter Property="Background" Value="Transparent" />
|
|
|
</Style>
|
|
|
</TextBox.Styles>
|
|
|
</TextBox>
|
|
|
|
|
|
<!-- 底部控制栏 -->
|
|
|
<Grid Grid.Row="2" Height="36">
|
|
|
<Grid.ColumnDefinitions>
|
|
|
<ColumnDefinition Width="Auto" />
|
|
|
<ColumnDefinition Width="Auto" />
|
|
|
<ColumnDefinition Width="*" />
|
|
|
<ColumnDefinition Width="Auto" />
|
|
|
<ColumnDefinition Width="Auto" />
|
|
|
</Grid.ColumnDefinitions>
|
|
|
|
|
|
<!-- 文件上传按钮 -->
|
|
|
<Button Grid.Column="0"
|
|
|
Content="+"
|
|
|
Background="Transparent"
|
|
|
Foreground="#666666"
|
|
|
BorderThickness="0"
|
|
|
FontSize="22"
|
|
|
Width="32"
|
|
|
Height="32"
|
|
|
Padding="0"
|
|
|
Margin="0,0,8,0"
|
|
|
HorizontalContentAlignment="Center"
|
|
|
VerticalContentAlignment="Center"
|
|
|
Command="{Binding AddPendingFileCommand}">
|
|
|
<Button.Styles>
|
|
|
<Style Selector="Button:pointerover">
|
|
|
<Setter Property="Background" Value="#E8E8E8" />
|
|
|
</Style>
|
|
|
</Button.Styles>
|
|
|
</Button>
|
|
|
|
|
|
<!-- 模式切换 ComboBox -->
|
|
|
<ComboBox Grid.Column="1"
|
|
|
SelectedIndex="{Binding CurrentWorkflowModeIndex}"
|
|
|
Width="100"
|
|
|
Height="32"
|
|
|
Padding="8,4"
|
|
|
Background="Transparent"
|
|
|
BorderThickness="1"
|
|
|
BorderBrush="#E0E0E0"
|
|
|
CornerRadius="8"
|
|
|
FontSize="13">
|
|
|
<ComboBoxItem Content="Ask" />
|
|
|
<ComboBoxItem Content="Workflow" />
|
|
|
</ComboBox>
|
|
|
|
|
|
<!-- 发送按钮 -->
|
|
|
<Button Grid.Column="3"
|
|
|
Background="#007AFF"
|
|
|
Foreground="White"
|
|
|
CornerRadius="8"
|
|
|
Width="70"
|
|
|
Height="32"
|
|
|
FontSize="14"
|
|
|
FontWeight="SemiBold"
|
|
|
Content="发送"
|
|
|
HorizontalContentAlignment="Center"
|
|
|
VerticalContentAlignment="Center"
|
|
|
BorderThickness="0"
|
|
|
Command="{Binding SendMessageCommand}">
|
|
|
</Button>
|
|
|
|
|
|
<!-- 取消工作流按钮（仅工作流模式且执行中时可用） -->
|
|
|
<Button Grid.Column="4"
|
|
|
Background="#FF3B30"
|
|
|
Foreground="White"
|
|
|
CornerRadius="8"
|
|
|
Width="70"
|
|
|
Height="32"
|
|
|
FontSize="14"
|
|
|
FontWeight="SemiBold"
|
|
|
Content="取消"
|
|
|
Margin="8,0,0,0"
|
|
|
IsVisible="{Binding IsWorkflowRunning}"
|
|
|
IsEnabled="{Binding IsWorkflowRunning}"
|
|
|
HorizontalContentAlignment="Center"
|
|
|
VerticalContentAlignment="Center"
|
|
|
BorderThickness="0"
|
|
|
Command="{Binding CancelWorkflowCommand}">
|
|
|
</Button>
|
|
|
</Grid>
|
|
|
</Grid>
|
|
|
</Border>
|
|
|
</Grid>
|
|
|
</Grid>
|
|
|
</Grid>
|
|
|
</Window> |