Refactor components (#80)

app/MindWork AI Studio/Dialogs/ConfirmDialog.razor

@@ -0,0 +1,9 @@
+<MudDialog>
+    <DialogContent>
+        <MudText Typo="Typo.body1">@this.Message</MudText>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="@this.Cancel" Variant="Variant.Filled">No</MudButton>
+        <MudButton OnClick="@this.Confirm" Variant="Variant.Filled" Color="Color.Error">Yes</MudButton>
+    </DialogActions>
+</MudDialog>

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

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Dialogs;
+
+/// <summary>
+/// A confirmation dialog that can be used to ask the user for confirmation.
+/// </summary>
+public partial class ConfirmDialog : ComponentBase
+{
+    [CascadingParameter]
+    private MudDialogInstance MudDialog { get; set; } = null!;
+
+    [Parameter]
+    public string Message { get; set; } = string.Empty;
+
+    private void Cancel() => this.MudDialog.Cancel();
+    
+    private void Confirm() => this.MudDialog.Close(DialogResult.Ok(true));
+}

app/MindWork AI Studio/Dialogs/DialogOptions.cs

@@ -0,0 +1,17 @@
+namespace AIStudio.Dialogs;
+
+public static class DialogOptions
+{
+    public static readonly MudBlazor.DialogOptions FULLSCREEN = new()
+    {
+        CloseOnEscapeKey = true,
+        FullWidth = true, MaxWidth = MaxWidth.Medium,
+    };
+    
+    public static readonly MudBlazor.DialogOptions FULLSCREEN_NO_HEADER = new()
+    {
+        NoHeader = true,
+        CloseOnEscapeKey = true,
+        FullWidth = true, MaxWidth = MaxWidth.Medium,
+    };
+}

app/MindWork AI Studio/Dialogs/SingleInputDialog.razor

@@ -0,0 +1,10 @@
+<MudDialog>
+    <DialogContent>
+        <MudText Typo="Typo.body1">@this.Message</MudText>
+        <MudTextField T="string" @bind-Text="@this.UserInput" Variant="Variant.Outlined" AutoGrow="@false" Lines="1" Label="Chat name" AutoFocus="@true" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="@this.Cancel" Variant="Variant.Filled">Cancel</MudButton>
+        <MudButton OnClick="@this.Confirm" Variant="Variant.Filled" Color="@this.ConfirmColor">@this.ConfirmText</MudButton>
+    </DialogActions>
+</MudDialog>

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

@@ -0,0 +1,43 @@
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Dialogs;
+
+public partial class SingleInputDialog : ComponentBase
+{
+    [CascadingParameter]
+    private MudDialogInstance MudDialog { get; set; } = null!;
+
+    [Parameter]
+    public string Message { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string UserInput { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string ConfirmText { get; set; } = "OK";
+
+    [Parameter]
+    public Color ConfirmColor { get; set; } = Color.Error;
+    
+    [Inject]
+    private SettingsManager SettingsManager { get; set; } = null!;
+    
+    private static readonly Dictionary<string, object?> USER_INPUT_ATTRIBUTES = new();
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Configure the spellchecking for the user input:
+        this.SettingsManager.InjectSpellchecking(USER_INPUT_ATTRIBUTES);
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private void Cancel() => this.MudDialog.Cancel();
+    
+    private void Confirm() => this.MudDialog.Close(DialogResult.Ok(this.UserInput));
+}

app/MindWork AI Studio/Dialogs/UpdateDialog.razor

@@ -0,0 +1,13 @@
+<MudDialog>
+    <DialogContent>
+        <MudText Typo="Typo.h4" Class="d-inline-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Update" Size="Size.Large" Class="mr-3"/>
+            Update from v@(META_DATA.Version) to v@(this.UpdateResponse.NewVersion)
+        </MudText>
+        <MudMarkdown Value="@this.UpdateResponse.Changelog" OverrideHeaderTypo="@Markdown.OverrideHeaderTypo"/>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="@this.Cancel" Variant="Variant.Filled">Install later</MudButton>
+        <MudButton OnClick="@this.Confirm" Variant="Variant.Filled" Color="Color.Info">Install now</MudButton>
+    </DialogActions>
+</MudDialog>

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

@@ -0,0 +1,26 @@
+using System.Reflection;
+
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Dialogs;
+
+/// <summary>
+/// The update dialog that is used to inform the user about an available update.
+/// </summary>
+public partial class UpdateDialog : ComponentBase
+{
+    private static readonly Assembly ASSEMBLY = Assembly.GetExecutingAssembly();
+    private static readonly MetaDataAttribute META_DATA = ASSEMBLY.GetCustomAttribute<MetaDataAttribute>()!;
+    
+    [CascadingParameter]
+    private MudDialogInstance MudDialog { get; set; } = null!;
+    
+    [Parameter]
+    public UpdateResponse UpdateResponse { get; set; }
+    
+    private void Cancel() => this.MudDialog.Cancel();
+    
+    private void Confirm() => this.MudDialog.Close(DialogResult.Ok(true));
+}

app/MindWork AI Studio/Dialogs/WorkspaceSelectionDialog.razor

@@ -0,0 +1,15 @@
+<MudDialog>
+    <DialogContent>
+        <MudText Typo="Typo.body1">@this.Message</MudText>
+        <MudList T="Guid" @bind-SelectedValue="@this.selectedWorkspace">
+            @foreach (var (workspaceName, workspaceId) in this.workspaces)
+            {
+                <MudListItem Text="@workspaceName" Icon="@Icons.Material.Filled.Description" Value="@workspaceId" />
+            }
+        </MudList>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="@this.Cancel" Variant="Variant.Filled">Cancel</MudButton>
+        <MudButton OnClick="@this.Confirm" Variant="Variant.Filled" Color="Color.Info">@this.ConfirmText</MudButton>
+    </DialogActions>
+</MudDialog>

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

@@ -0,0 +1,60 @@
+using System.Text;
+
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Dialogs;
+
+public partial class WorkspaceSelectionDialog : ComponentBase
+{
+    [CascadingParameter]
+    private MudDialogInstance MudDialog { get; set; } = null!;
+
+    [Parameter]
+    public string Message { get; set; } = string.Empty;
+    
+    [Parameter]
+    public Guid SelectedWorkspace { get; set; } = Guid.Empty;
+    
+    [Parameter]
+    public string ConfirmText { get; set; } = "OK";
+    
+    private readonly Dictionary<string, Guid> workspaces = new();
+    private Guid selectedWorkspace;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        this.selectedWorkspace = this.SelectedWorkspace;
+        
+        // Get the workspace root directory: 
+        var workspaceDirectories = Path.Join(SettingsManager.DataDirectory, "workspaces");
+        if(!Directory.Exists(workspaceDirectories))
+        {
+            await base.OnInitializedAsync();
+            return;
+        }
+
+        // Enumerate the workspace directories:
+        foreach (var workspaceDirPath in Directory.EnumerateDirectories(workspaceDirectories))
+        {
+            // Read the `name` file:
+            var workspaceNamePath = Path.Join(workspaceDirPath, "name");
+            var workspaceName = await File.ReadAllTextAsync(workspaceNamePath, Encoding.UTF8);
+            
+            // Add the workspace to the list:
+            this.workspaces.Add(workspaceName, Guid.Parse(Path.GetFileName(workspaceDirPath)));
+        }
+
+        this.StateHasChanged();
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+
+    private void Cancel() => this.MudDialog.Cancel();
+    
+    private void Confirm() => this.MudDialog.Close(DialogResult.Ok(this.selectedWorkspace));
+}

app/MindWork AI Studio/Dialogs/_Imports.razor

@@ -0,0 +1,4 @@
+@using AIStudio
+@using AIStudio.Components
+@using AIStudio.Tools
+@using MudBlazor