Extension of the chat template (#521)

Co-authored-by: Thorsten Sommer <mail@tsommer.org>
Co-authored-by: Thorsten Sommer <thorsten.sommer@dlr.de>

app/MindWork AI Studio/Dialogs/ChatTemplateDialog.razor

@@ -56,7 +56,32 @@
                 @T("Use the default system prompt")
             </MudButton>
             
-            <MudJustifiedText Class="mt-6" Typo="Typo.body1">
+            <MudText Typo="Typo.h6" Class="mb-3 mt-6">
+                @T("Predefined User Input")
+            </MudText>
+            <MudJustifiedText Class="mb-3" Typo="Typo.body1">
+                @T("You might want to predefine a first message that will be copied into the user prompt, when you use this chat template. This message could for example be a blueprint for a structured message that this chat template is defined to work with.")
+            </MudJustifiedText>
+            <MudTextField
+                T="string"
+                @bind-Text="@this.PredefinedUserPrompt"
+                AdornmentIcon="@Icons.Material.Filled.ListAlt"
+                Adornment="Adornment.Start"
+                Immediate="@true"
+                Label="@T("What predefined user input do you want to use?")"
+                Variant="Variant.Outlined"
+                Lines="4"
+                MaxLines="12"
+                AutoGrow="@true"
+                Class="mb-3"
+                UserAttributes="@SPELLCHECK_ATTRIBUTES"
+                HelperText="@T("Tell the AI your predefined user input.")"
+            />
+            
+            <MudText Typo="Typo.h6" Class="mb-3 mt-6">
+                @T("Profile Usage")
+            </MudText>
+            <MudJustifiedText Class="mb-3" Typo="Typo.body1">
                 @T("Using some chat templates in tandem with profiles might cause issues. Therefore, you might prohibit the usage of profiles here.")
             </MudJustifiedText>
             <MudTextSwitch @bind-Value="@this.AllowProfileUsage" Color="Color.Primary" Label="@T("Allow the use of profiles together with this chat template?")" LabelOn="@T("Yes, allow profiles when using this template")" LabelOff="@T("No, prohibit profile use for this template")" />
@@ -64,11 +89,9 @@
             <MudText Typo="Typo.h6" Class="mb-3 mt-6">
                 @T("Example Conversation")
             </MudText>
-            
             <MudJustifiedText Typo="Typo.body1" Class="mb-3">
                 @T("Add messages of an example conversation (user prompt followed by assistant prompt) to demonstrate the desired interaction pattern. These examples help the AI understand your expectations by showing it the correct format, style, and content of responses before it receives actual user inputs.")
             </MudJustifiedText>
-            
             <MudTable Items="@this.dataExampleConversation" FixedHeader="true" Hover="true" Class="mt-3 mb-3" CanCancelEdit="true" CancelEditTooltip="@T("Cancel")" CommitEditTooltip="@T("Commit Changes")" Outlined="true" RowEditCancel="@this.ResetItem" RowEditPreview="@this.BackupItem" EditTrigger="TableEditTrigger.RowClick" IsEditRowSwitchingBlocked="false" RowEditCommit="@this.CommitInlineEdit">
                 <ColGroup>
                     <col style="width: 10em;" />

app/MindWork AI Studio/Dialogs/ChatTemplateDialog.razor.cs

@@ -35,6 +35,12 @@ public partial class ChatTemplateDialog : MSGComponentBase
     [Parameter]
     public string DataSystemPrompt { get; set; } = string.Empty;
     
+    /// <summary>
+    /// What is the predefined user prompt?
+    /// </summary>
+    [Parameter]
+    public string PredefinedUserPrompt { get; set; } = string.Empty;
+    
     /// <summary>
     /// Should the dialog be in editing mode?
     /// </summary>
@@ -47,6 +53,12 @@ public partial class ChatTemplateDialog : MSGComponentBase
     [Parameter] 
     public bool AllowProfileUsage { get; set; } = true;
     
+    [Parameter] 
+    public bool CreateFromExistingChatThread { get; set; }
+    
+    [Parameter] 
+    public ChatThread? ExistingChatThread { get; set; }
+    
     [Inject]
     private ILogger<ChatTemplateDialog> Logger { get; init; } = null!;
     
@@ -84,6 +96,13 @@ public partial class ChatTemplateDialog : MSGComponentBase
             this.dataEditingPreviousName = this.DataName.ToLowerInvariant();
             this.dataExampleConversation = this.ExampleConversation.Select(n => n.DeepClone()).ToList();
         }
+
+        if (this.CreateFromExistingChatThread && this.ExistingChatThread is not null)
+        {
+            this.DataSystemPrompt = this.ExistingChatThread.SystemPrompt;
+            this.dataExampleConversation = this.ExistingChatThread.Blocks.Select(n => n.DeepClone(true)).ToList();
+            this.DataName = this.ExistingChatThread.Name;
+        }
         
         await base.OnInitializedAsync();
     }
@@ -107,6 +126,7 @@ public partial class ChatTemplateDialog : MSGComponentBase
         
         Name = this.DataName,
         SystemPrompt = this.DataSystemPrompt,
+        PredefinedUserPrompt = this.PredefinedUserPrompt,
         ExampleConversation = this.dataExampleConversation,
         AllowProfileUsage = this.AllowProfileUsage,
     };

app/MindWork AI Studio/Dialogs/Settings/SettingsDialogChatTemplate.razor.cs

@@ -1,16 +1,42 @@
+using AIStudio.Chat;
 using AIStudio.Settings;
+using Microsoft.AspNetCore.Components;
 
 namespace AIStudio.Dialogs.Settings;
 
 public partial class SettingsDialogChatTemplate : SettingsDialogBase
 {
+    [Parameter] 
+    public bool CreateTemplateFromExistingChatThread { get; set; }
+    
+    [Parameter]
+    public ChatThread? ExistingChatThread { get; set; }
+    
+    #region Overrides of ComponentBase
+
+    /// <inheritdoc />
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+        if (this.CreateTemplateFromExistingChatThread) 
+            await this.AddChatTemplate();
+    }
+
+    #endregion
+    
     private async Task AddChatTemplate()
     {
         var dialogParameters = new DialogParameters<ChatTemplateDialog>
         {
             { x => x.IsEditing, false },
         };
-        
+
+        if (this.CreateTemplateFromExistingChatThread)
+        {
+            dialogParameters.Add(x => x.CreateFromExistingChatThread, this.CreateTemplateFromExistingChatThread);
+            dialogParameters.Add(x => x.ExistingChatThread, this.ExistingChatThread);
+        }
+
         var dialogReference = await this.DialogService.ShowAsync<ChatTemplateDialog>(T("Add Chat Template"), dialogParameters, DialogOptions.FULLSCREEN);
         var dialogResult = await dialogReference.Result;
         if (dialogResult is null || dialogResult.Canceled)
@@ -33,6 +59,7 @@ public partial class SettingsDialogChatTemplate : SettingsDialogBase
             { x => x.DataId, chatTemplate.Id },
             { x => x.DataName, chatTemplate.Name },
             { x => x.DataSystemPrompt, chatTemplate.SystemPrompt },
+            { x => x.PredefinedUserPrompt, chatTemplate.PredefinedUserPrompt },
             { x => x.IsEditing, true },
             { x => x.ExampleConversation, chatTemplate.ExampleConversation },
             { x => x.AllowProfileUsage, chatTemplate.AllowProfileUsage },