using AIStudio.Chat; using AIStudio.Components; using AIStudio.Settings; using Microsoft.AspNetCore.Components; namespace AIStudio.Dialogs; public partial class ChatTemplateDialog : MSGComponentBase { [CascadingParameter] private IMudDialogInstance MudDialog { get; set; } = null!; /// /// The chat template's number in the list. /// [Parameter] public uint DataNum { get; set; } /// /// The chat template's ID. /// [Parameter] public string DataId { get; set; } = Guid.NewGuid().ToString(); /// /// The chat template name chosen by the user. /// [Parameter] public string DataName { get; set; } = string.Empty; /// /// What is the system prompt? /// [Parameter] public string DataSystemPrompt { get; set; } = string.Empty; /// /// Should the dialog be in editing mode? /// [Parameter] public bool IsEditing { get; init; } [Parameter] public List ExampleConversation { get; set; } = []; [Parameter] public bool AllowProfileUsage { get; set; } = true; [Inject] private ILogger Logger { get; init; } = null!; private static readonly Dictionary SPELLCHECK_ATTRIBUTES = new(); /// /// The list of used chat template names. We need this to check for uniqueness. /// private List UsedNames { get; set; } = []; private bool dataIsValid; private string[] dataIssues = []; private string dataEditingPreviousName = string.Empty; private ContentBlock messageEntryBeforeEdit; private readonly IEnumerable availableRoles = ChatRoles.ChatTemplateRoles().ToArray(); // We get the form reference from Blazor code to validate it manually: private MudForm form = null!; private ChatTemplate CreateChatTemplateSettings() => new() { Num = this.DataNum, Id = this.DataId, Name = this.DataName, SystemPrompt = this.DataSystemPrompt, ExampleConversation = this.ExampleConversation, AllowProfileUsage = this.AllowProfileUsage, }; private void RemoveMessage(ContentBlock item) { this.ExampleConversation.Remove(item); } private void AddNewMessageToEnd() { this.ExampleConversation ??= new List(); var newEntry = new ContentBlock { Role = ChatRole.USER, // Default to User Content = new ContentText(), ContentType = ContentType.TEXT, HideFromUser = true, Time = DateTimeOffset.Now, }; this.ExampleConversation.Add(newEntry); } private void AddNewMessageBelow(ContentBlock currentItem) { // Create new entry with a valid role var newEntry = new ContentBlock { Role = ChatRole.USER, // Default to User Content = new ContentText(), ContentType = ContentType.TEXT, HideFromUser = true, Time = DateTimeOffset.Now, }; // Rest of the method remains the same var index = this.ExampleConversation.IndexOf(currentItem); if (index >= 0) { this.ExampleConversation.Insert(index + 1, newEntry); } else { this.ExampleConversation.Add(newEntry); } } private void BackupItem(object element) { this.messageEntryBeforeEdit = new ContentBlock { Role = ((ContentBlock)element).Role, Content = ((ContentBlock)element).Content, }; } private void ResetItemToOriginalValues(object element) { ((ContentBlock)element).Role = this.messageEntryBeforeEdit.Role; ((ContentBlock)element).Content = this.messageEntryBeforeEdit.Content; } #region Overrides of ComponentBase protected override async Task OnInitializedAsync() { // Configure the spellchecking for the instance name input: this.SettingsManager.InjectSpellchecking(SPELLCHECK_ATTRIBUTES); // Load the used instance names: this.UsedNames = this.SettingsManager.ConfigurationData.ChatTemplates.Select(x => x.Name.ToLowerInvariant()).ToList(); // When editing, we need to load the data: if(this.IsEditing) { this.dataEditingPreviousName = this.DataName.ToLowerInvariant(); } await base.OnInitializedAsync(); } protected override async Task OnAfterRenderAsync(bool firstRender) { // Reset the validation when not editing and on the first render. // We don't want to show validation errors when the user opens the dialog. if(!this.IsEditing && firstRender) this.form.ResetValidation(); await base.OnAfterRenderAsync(firstRender); } #endregion private async Task Store() { await this.form.Validate(); // When the data is not valid, we don't store it: if (!this.dataIsValid) return; // Use the data model to store the chat template. // We just return this data to the parent component: var addedChatTemplateSettings = this.CreateChatTemplateSettings(); if(this.IsEditing) this.Logger.LogInformation($"Edited chat template '{addedChatTemplateSettings.Name}'."); else this.Logger.LogInformation($"Created chat template '{addedChatTemplateSettings.Name}'."); this.MudDialog.Close(DialogResult.Ok(addedChatTemplateSettings)); } private string? ValidateSystemPrompt(string text) { if(text.Length > 444) return T("The text must not exceed 444 characters."); return null; } private string? ValidateName(string name) { if (string.IsNullOrWhiteSpace(name)) return T("Please enter a name for the chat template."); if (name.Length > 40) return T("The chat template name must not exceed 40 characters."); // The instance name must be unique: var lowerName = name.ToLowerInvariant(); if (lowerName != this.dataEditingPreviousName && this.UsedNames.Contains(lowerName)) return T("The chat template name must be unique; the chosen name is already in use."); return null; } private void UseDefaultSystemPrompt() { this.DataSystemPrompt = SystemPrompts.DEFAULT; } private void Cancel() => this.MudDialog.Cancel(); }