Refactored profile settings (#480)

app/MindWork AI Studio/Components/ProfileFormSelection.razor

@@ -1,10 +1,15 @@
 @using AIStudio.Settings
 @inherits MSGComponentBase
-<MudSelect T="Profile" Strict="@true" Value="@this.Profile" ValueChanged="@this.SelectionChanged" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Person4" Margin="Margin.Dense" Label="@T("Select one of your profiles")" Variant="Variant.Outlined" Class="mb-3" Validation="@this.Validation">
-    @foreach (var profile in this.SettingsManager.ConfigurationData.Profiles.GetAllProfiles())
-    {
-        <MudSelectItem Value="profile">
-            @profile.Name
-        </MudSelectItem>
-    }
-</MudSelect>
+
+<MudStack Row="true" AlignItems="AlignItems.Baseline" StretchItems="StretchItems.Start" Class="mb-3" Wrap="Wrap.NoWrap">
+    <MudSelect T="Profile" Strict="@true" Value="@this.Profile" ValueChanged="@this.SelectionChanged" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Person4" Margin="Margin.Dense" Label="@T("Select one of your profiles")" Variant="Variant.Outlined" Class="mb-3" Validation="@this.Validation">
+        @foreach (var profile in this.SettingsManager.ConfigurationData.Profiles.GetAllProfiles())
+        {
+            <MudSelectItem Value="profile">
+                @profile.Name
+            </MudSelectItem>
+        }
+    </MudSelect>
+    
+    <MudIconButton Icon="@Icons.Material.Filled.Settings" OnClick="() => this.OpenSettingsDialog()"/>
+</MudStack>

app/MindWork AI Studio/Components/ProfileFormSelection.razor.cs

@@ -1,7 +1,10 @@
+using AIStudio.Dialogs.Settings;
 using AIStudio.Settings;
 
 using Microsoft.AspNetCore.Components;
 
+using DialogOptions = AIStudio.Dialogs.DialogOptions;
+
 namespace AIStudio.Components;
 
 public partial class ProfileFormSelection : MSGComponentBase
@@ -15,9 +18,18 @@ public partial class ProfileFormSelection : MSGComponentBase
     [Parameter]
     public Func<Profile, string?> Validation { get; set; } = _ => null;
     
+    [Inject]
+    public IDialogService DialogService { get; init; } = null!;
+    
     private async Task SelectionChanged(Profile profile)
     {
         this.Profile = profile;
         await this.ProfileChanged.InvokeAsync(profile);
     }
+    
+    private async Task OpenSettingsDialog()
+    {
+        var dialogParameters = new DialogParameters();
+        await this.DialogService.ShowAsync<SettingsDialogProfiles>(T("Open Profile Options"), dialogParameters, DialogOptions.FULLSCREEN);
+    }
 }

app/MindWork AI Studio/Components/ProfileSelection.razor

@@ -1,11 +1,28 @@
+@using AIStudio.Settings
 @inherits MSGComponentBase
 <MudTooltip Text="@this.ToolTipText" Placement="Placement.Top">
     <MudMenu TransformOrigin="@Origin.BottomLeft" AnchorOrigin="Origin.TopLeft" StartIcon="@Icons.Material.Filled.Person4" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" Label="@this.CurrentProfile.Name" Variant="Variant.Filled" Color="Color.Default" Class="@this.MarginClass" Disabled="@this.Disabled">
-        @foreach (var profile in this.SettingsManager.ConfigurationData.Profiles.GetAllProfiles())
-        {
-            <MudMenuItem OnClick="() => this.SelectionChanged(profile)">
-                @profile.Name
-            </MudMenuItem>
-        }
+        <ActivatorContent>
+            @if (this.CurrentProfile != Profile.NO_PROFILE)
+            {
+                <MudButton IconSize="Size.Large" StartIcon="@Icons.Material.Filled.Person4" IconColor="Color.Default">
+                    @this.CurrentProfile.Name
+                </MudButton>
+            }
+            else
+            {
+                <MudIconButton Icon="@Icons.Material.Filled.Person4" />
+            }
+        </ActivatorContent>
+        <ChildContent>
+            <MudMenuItem Icon="@Icons.Material.Filled.Settings" Label="@T("Manage your profiles")" OnClick="async () => await this.OpenSettingsDialog()" />
+            <MudDivider/>
+            @foreach (var profile in this.SettingsManager.ConfigurationData.Profiles.GetAllProfiles())
+            {
+                <MudMenuItem Icon="@Icons.Material.Filled.Person4" OnClick="() => this.SelectionChanged(profile)">
+                    @profile.Name
+                </MudMenuItem>
+            }
+        </ChildContent>
     </MudMenu>
 </MudTooltip>

app/MindWork AI Studio/Components/ProfileSelection.razor.cs

@@ -1,7 +1,10 @@
+using AIStudio.Dialogs.Settings;
 using AIStudio.Settings;
 using AIStudio.Tools.PluginSystem;
 using Microsoft.AspNetCore.Components;
 
+using DialogOptions = AIStudio.Dialogs.DialogOptions;
+
 namespace AIStudio.Components;
 
 public partial class ProfileSelection : MSGComponentBase
@@ -25,6 +28,9 @@ public partial class ProfileSelection : MSGComponentBase
     
     [Parameter]
     public string DisabledText { get; set; } = string.Empty;
+    
+    [Inject]
+    private IDialogService DialogService { get; init; } = null!;
 
     private readonly string defaultToolTipText = TB("You can switch between your profiles here");
 
@@ -37,4 +43,10 @@ public partial class ProfileSelection : MSGComponentBase
         this.CurrentProfile = profile;
         await this.CurrentProfileChanged.InvokeAsync(profile);
     }
+
+    private async Task OpenSettingsDialog()
+    {
+        var dialogParameters = new DialogParameters();
+        await this.DialogService.ShowAsync<SettingsDialogProfiles>(T("Open Profile Options"), dialogParameters, DialogOptions.FULLSCREEN);
+    }
 }

app/MindWork AI Studio/Components/Settings/SettingsPanelProfiles.razor

@@ -1,51 +0,0 @@
-@inherits SettingsPanelBase
-
-<ExpansionPanel HeaderIcon="@Icons.Material.Filled.Person4" HeaderText="@T("Configure Profiles")">
-    <MudText Typo="Typo.h4" Class="mb-3">
-        @T("Your Profiles")
-    </MudText>
-    <MudJustifiedText Typo="Typo.body1" Class="mb-3">
-        @T("Store personal data about yourself in various profiles so that the AIs know your personal context. This saves you from having to explain your context each time, for example, in every chat. When you have different roles, you can create a profile for each role.")
-    </MudJustifiedText>
-
-    <MudJustifiedText Typo="Typo.body1" Class="mb-3">
-        @T("Are you a project manager in a research facility? You might want to create a profile for your project management activities, one for your scientific work, and a profile for when you need to write program code. In these profiles, you can record how much experience you have or which methods you like or dislike using. Later, you can choose when and where you want to use each profile.")
-    </MudJustifiedText>
-    <MudTable Items="@this.SettingsManager.ConfigurationData.Profiles" Hover="@true" Class="border-dashed border rounded-lg">
-        <ColGroup>
-            <col style="width: 3em;"/>
-            <col/>
-            <col style="width: 16em;"/>
-        </ColGroup>
-        <HeaderContent>
-            <MudTh>#</MudTh>
-            <MudTh>@T("Profile Name")</MudTh>
-            <MudTh>@T("Actions")</MudTh>
-        </HeaderContent>
-        <RowTemplate>
-            <MudTd>@context.Num</MudTd>
-            <MudTd>@context.Name</MudTd>
-            <MudTd>
-                <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
-                    <MudTooltip Text="@T("Edit")">
-                        <MudIconButton Color="Color.Info" Icon="@Icons.Material.Filled.Edit" OnClick="() => this.EditProfile(context)"/>
-                    </MudTooltip>
-                    <MudTooltip Text="@T("Delete")">
-                        <MudIconButton Color="Color.Error" Icon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteProfile(context)"/>
-                    </MudTooltip>
-                </MudStack>
-            </MudTd>
-        </RowTemplate>
-    </MudTable>
-
-    @if(this.SettingsManager.ConfigurationData.Profiles.Count == 0)
-    {
-        <MudText Typo="Typo.h6" Class="mt-3">
-            @T("No profiles configured yet.")
-        </MudText>
-    }
-
-    <MudButton Variant="Variant.Filled" Color="@Color.Primary" StartIcon="@Icons.Material.Filled.AddRoad" Class="mt-3 mb-6" OnClick="@this.AddProfile">
-        @T("Add Profile")
-    </MudButton>
-</ExpansionPanel>

app/MindWork AI Studio/Components/Settings/SettingsPanelProfiles.razor.cs

@@ -1,72 +0,0 @@
-using AIStudio.Dialogs;
-using AIStudio.Settings;
-
-using DialogOptions = AIStudio.Dialogs.DialogOptions;
-
-namespace AIStudio.Components.Settings;
-
-public partial class SettingsPanelProfiles : SettingsPanelBase
-{
-    private async Task AddProfile()
-    {
-        var dialogParameters = new DialogParameters<ProfileDialog>
-        {
-            { x => x.IsEditing, false },
-        };
-        
-        var dialogReference = await this.DialogService.ShowAsync<ProfileDialog>(T("Add Profile"), dialogParameters, DialogOptions.FULLSCREEN);
-        var dialogResult = await dialogReference.Result;
-        if (dialogResult is null || dialogResult.Canceled)
-            return;
-        
-        var addedProfile = (Profile)dialogResult.Data!;
-        addedProfile = addedProfile with { Num = this.SettingsManager.ConfigurationData.NextProfileNum++ };
-        
-        this.SettingsManager.ConfigurationData.Profiles.Add(addedProfile);
-        
-        await this.SettingsManager.StoreSettings();
-        await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
-    }
-    
-    private async Task EditProfile(Profile profile)
-    {
-        var dialogParameters = new DialogParameters<ProfileDialog>
-        {
-            { x => x.DataNum, profile.Num },
-            { x => x.DataId, profile.Id },
-            { x => x.DataName, profile.Name },
-            { x => x.DataNeedToKnow, profile.NeedToKnow },
-            { x => x.DataActions, profile.Actions },
-            { x => x.IsEditing, true },
-        };
-        
-        var dialogReference = await this.DialogService.ShowAsync<ProfileDialog>(T("Edit Profile"), dialogParameters, DialogOptions.FULLSCREEN);
-        var dialogResult = await dialogReference.Result;
-        if (dialogResult is null || dialogResult.Canceled)
-            return;
-        
-        var editedProfile = (Profile)dialogResult.Data!;
-        this.SettingsManager.ConfigurationData.Profiles[this.SettingsManager.ConfigurationData.Profiles.IndexOf(profile)] = editedProfile;
-        
-        await this.SettingsManager.StoreSettings();
-        await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
-    }
-
-    private async Task DeleteProfile(Profile profile)
-    {
-        var dialogParameters = new DialogParameters
-        {
-            { "Message", string.Format(T("Are you sure you want to delete the profile '{0}'?"), profile.Name) },
-        };
-        
-        var dialogReference = await this.DialogService.ShowAsync<ConfirmDialog>(T("Delete Profile"), dialogParameters, DialogOptions.FULLSCREEN);
-        var dialogResult = await dialogReference.Result;
-        if (dialogResult is null || dialogResult.Canceled)
-            return;
-        
-        this.SettingsManager.ConfigurationData.Profiles.Remove(profile);
-        await this.SettingsManager.StoreSettings();
-        
-        await this.MessageBus.SendMessage<bool>(this, Event.CONFIGURATION_CHANGED);
-    }
-}