MindWorkAI/AI-Studio
1
0 Fork 0
mirror of https://github.com/MindWorkAI/AI-Studio.git synced 2026-10-08 18:09:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added chat UI

Browse Source
This commit is contained in:
tsommer committed 2024-05-04 11:11:09 +02:00
1 parent 862ec9c36a
commit bb663d1b73
12 files changed
+631 -20
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/MindWork AI Studio/Chat/ContentBlockComponent.razor
+46 -4
View File
@@ -3,16 +3,58 @@
<MudCard Class="my-2 rounded-lg" Outlined="@true">
<MudCardHeader>
<CardHeaderAvatar>
<MudAvatar Color="Color.Primary">Y</MudAvatar>
<MudAvatar Color="@this.Role.ToColor()">
<MudIcon Icon="@this.Role.ToIcon()"/>
</MudAvatar>
</CardHeaderAvatar>
<CardHeaderContent>
<MudText Typo="Typo.body1">You</MudText>
<MudText Typo="Typo.body1">@this.Role.ToName() (@this.Time)</MudText>
</CardHeaderContent>
<CardHeaderActions>
<MudIconButton Icon="@Icons.Material.Filled.ContentCopy" Color="Color.Default" />
<MudIconButton Icon="@Icons.Material.Filled.ContentCopy" Color="Color.Default" OnClick="@this.CopyToClipboard" />
</CardHeaderActions>
</MudCardHeader>
<MudCardContent>
<MudText Typo="Typo.body2">bla bla bla</MudText>
@if (!this.HideContent)
{
if (this.Content.IsStreaming)
{
<MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mb-6" />
}
switch (this.Type)
{
case ContentType.TEXT:
if (this.Content is ContentText textContent)
{
if (textContent.InitialRemoteWait)
{
<MudSkeleton Width="30%" Height="42px;"/>
<MudSkeleton Width="80%"/>
<MudSkeleton Width="100%"/>
}
else
{
<MudMarkdown Value="@textContent.Text"/>
}
}
break;
case ContentType.IMAGE:
if (this.Content is ContentImage imageContent)
{
<MudImage Src="@imageContent.URL"/>
}
break;
default:
<MudText Typo="Typo.body2">
Cannot render content of type @this.Type yet.
</MudText>
break;
}
}
</MudCardContent>
</MudCard>