Added an introduction and an onboarding chat to the BeyondFacts Lab (#1178)

2026-11-11 08:27:21 +00:00 · 2026-11-09 12:42:59 +01:00
1 parent 79e0c80031
commit 22d94eb8fd
@@ -0,0 +1,79 @@
+@using AIStudio.Chat
+@inherits MSGComponentBase
+
+@if (this.ShowHeading)
+{
+    <MudText Typo="Typo.h6" Class="mt-6 mb-2">@T("Conversation")</MudText>
+}
+@if (this.conversation is null)
+{
+    <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mb-3"/>
+}
+else if (this.conversation.Thread is not { } thread)
+{
+    <MudAlert Severity="Severity.Error" Variant="Variant.Outlined" Class="mb-3">
+        @TA("AI Studio cannot open this conversation. Its file may be damaged, or a newer version of AI Studio stored it. You can start the conversation over, which deletes it.")
+    </MudAlert>
+    <MudButton StartIcon="@Icons.Material.Filled.RestartAlt" Color="Color.Error" OnClick="@this.ResetAsync">@T("Start over")</MudButton>
+}
+else
+{
+    @if (!this.conversation.HasVisibleMessages && !this.IsRunning)
+    {
+        <MudText Typo="Typo.body2" Class="mb-3">@this.Introduction</MudText>
+        <div class="mb-4">
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Forum" OnClick="@this.StartAsync" Disabled="@(!this.CanSend)">
+                @T("Start the conversation")
+            </MudButton>
+        </div>
+    }
+    else
+    {
+        @foreach (var block in thread.Blocks)
+        {
+            @if (block is { HideFromUser: false, Content: not null })
+            {
+                <ContentBlockComponent Role="@block.Role" Type="@block.ContentType" Time="@block.Time" Content="@block.Content" ExportTitle="@T("Export message")" ExportFileName="@this.ExportFileName"/>
+            }
+        }
+    }
+
+    @if (this.ProviderIssue is { } issue)
+    {
+        <MudText Typo="Typo.body2" Color="Color.Warning" Class="mb-2">@issue</MudText>
+    }
+
+    @* Laid out like the input of the chat page: sending through the icon in the field, and the tokens as its helper text. *@
+    <MudTextField T="string"
+                  @bind-Value="@this.userInput"
+                  Immediate="true"
+                  Lines="3"
+                  Sizing="InputSizing.Auto"
+                  MaxLines="12"
+                  Variant="Variant.Outlined"
+                  Label="@TA("Your message")"
+                  Adornment="Adornment.End"
+                  AdornmentIcon="@Icons.Material.Filled.Send"
+                  AdornmentColor="@(this.CanSendMessage ? Color.Primary : Color.Default)"
+                  AdornmentAriaLabel="@T("Send")"
+                  OnAdornmentClick="@this.SendAsync"
+                  OnKeyUp="@this.InputKeyEventAsync"
+                  UserAttributes="@this.inputAttributes"
+                  HelperText="@this.TokenBudgetText"
+                  Class="@this.InputClass"
+                  Disabled="@(!this.conversation.IsAvailable || this.IsRunning)"/>
+
+    @if (this.IsRunning || this.conversation.HasVisibleMessages)
+    {
+        <MudStack Row="true" Spacing="1" Class="mt-2">
+            @if (this.IsRunning)
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Stop" OnClick="@this.CancelAsync">@T("Stop")</MudButton>
+            }
+            @if (this.conversation.HasVisibleMessages)
+            {
+                <MudButton StartIcon="@Icons.Material.Filled.RestartAlt" OnClick="@this.ResetAsync" Disabled="@this.IsRunning">@T("Start over")</MudButton>
+            }
+        </MudStack>
+    }
+}