From 7cd3876eb1b62e1b2d700701733683cd4bfde0c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peer=20Sch=C3=BCtt?=
 <20603780+peerschuett@users.noreply.github.com>
Date: Tue, 11 Mar 2025 16:12:37 +0100
Subject: [PATCH] Added the new dialog logic

---
 .../Components/AssistantBlock.razor              | 16 ++++++----------
 .../Dialogs/Settings/SettingsDialogAgenda.razor  |  5 ++++-
 .../Settings/SettingsDialogAssistantBias.razor   |  9 ++++++---
 .../Dialogs/Settings/SettingsDialogCoding.razor  |  5 ++++-
 .../Settings/SettingsDialogERIServer.razor       |  5 ++++-
 .../Settings/SettingsDialogGrammarSpelling.razor |  7 +++++--
 .../Settings/SettingsDialogIconFinder.razor      |  7 +++++--
 .../Settings/SettingsDialogJobPostings.razor     |  7 +++++--
 .../Settings/SettingsDialogLegalCheck.razor      |  7 +++++--
 .../Dialogs/Settings/SettingsDialogMyTasks.razor |  7 +++++--
 .../Dialogs/Settings/SettingsDialogRewrite.razor |  5 ++++-
 .../Settings/SettingsDialogSynonyms.razor        |  5 ++++-
 .../Settings/SettingsDialogSynonyms.razor.cs     |  5 ++---
 .../Settings/SettingsDialogTextSummarizer.razor  |  5 ++++-
 .../Settings/SettingsDialogTranslation.razor     |  5 ++++-
 .../Settings/SettingsDialogWritingEMails.razor   |  5 ++++-
 16 files changed, 71 insertions(+), 34 deletions(-)

diff --git a/app/MindWork AI Studio/Components/AssistantBlock.razor b/app/MindWork AI Studio/Components/AssistantBlock.razor
index b0350d7d..3d0d9723 100644
--- a/app/MindWork AI Studio/Components/AssistantBlock.razor	
+++ b/app/MindWork AI Studio/Components/AssistantBlock.razor	
@@ -19,15 +19,11 @@
         </MudStack>
     </MudCardContent>
     <MudCardActions>
-        <MudGrid Class="mb-1">
-            <MudItem xs="9">
-                <MudButton Size="Size.Large" Variant="Variant.Filled" StartIcon="@this.Icon" Color="Color.Default" Href="@this.Link">
-                    @this.ButtonText
-                </MudButton>
-            </MudItem>
-            <MudItem xs="3">
-                <MudIconButton Size="Size.Medium" Variant="Variant.Text" Icon="@Icons.Material.Filled.Settings" Color="Color.Default" OnClick="@this.OpenSettingsDialog"/>
-            </MudItem>
-        </MudGrid>
+        <MudButtonGroup Variant="Variant.Outlined">
+            <MudButton Size="Size.Large" Variant="Variant.Filled" StartIcon="@this.Icon" Color="Color.Default" Href="@this.Link">
+                @this.ButtonText
+            </MudButton>
+            <MudIconButton Variant="Variant.Text" Icon="@Icons.Material.Filled.Settings" Color="Color.Default" OnClick="@this.OpenSettingsDialog"/>
+        </MudButtonGroup>
     </MudCardActions>
 </MudCard>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAgenda.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAgenda.razor
index e058d2f5..f30671f4 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAgenda.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAgenda.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.CalendarToday" Class="mr-2" />Assistant: Agenda Options</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.CalendarToday" Class="mr-2" />
+            Assistant: Agenda Planner Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAssistantBias.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAssistantBias.razor
index a4371e10..91bde9ff 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAssistantBias.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogAssistantBias.razor	
@@ -3,12 +3,15 @@
 @inherits SettingsDialogBase
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Psychology" Class="mr-2" />Assistant: Bias of the Day</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Psychology" Class="mr-2" />
+            Assistant: Bias of the Day Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudField Label="Assistant: Bias of the Day" Variant="Variant.Outlined" Class="mb-4">
             <ConfigurationOption OptionDescription="Restrict to one bias a day?" LabelOn="Yes, you can only retrieve one bias per day" LabelOff="No restriction. You can retrieve as many biases as you want per day." State="@(() => this.SettingsManager.ConfigurationData.BiasOfTheDay.RestrictOneBiasPerDay)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.BiasOfTheDay.RestrictOneBiasPerDay = updatedState)"/>
-            
+
             <MudField Label="Statistics" Variant="Variant.Outlined" Class="mb-2">
                 <MudText Typo="Typo.body1">
                     You have learned about @this.SettingsManager.ConfigurationData.BiasOfTheDay.UsedBias.Count out of @BiasCatalog.ALL_BIAS.Count biases.
@@ -17,7 +20,7 @@
                     Reset
                 </MudButton>
             </MudField>
-            
+
             <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
                 <ConfigurationOption OptionDescription="Preselect options?" LabelOn="Options are preselected" LabelOff="No options are preselected" State="@(() => this.SettingsManager.ConfigurationData.BiasOfTheDay.PreselectOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.BiasOfTheDay.PreselectOptions = updatedState)" OptionHelp="When enabled, you can preselect options. This is might be useful when you prefer a specific language or LLM model."/>
                 <ConfigurationSelect OptionDescription="Preselect the language" Disabled="@(() => !this.SettingsManager.ConfigurationData.BiasOfTheDay.PreselectOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.BiasOfTheDay.PreselectedTargetLanguage)" Data="@ConfigurationSelectDataFactory.GetCommonLanguagesOptionalData()" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.BiasOfTheDay.PreselectedTargetLanguage = selectedValue)" OptionHelp="Which language should be preselected?"/>
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogCoding.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogCoding.razor
index 493ad151..9ae4994d 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogCoding.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogCoding.razor	
@@ -4,7 +4,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Code" Class="mr-2" />Assistant: Coding Options</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Code" Class="mr-2" />
+            Assistant: Coding Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogERIServer.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogERIServer.razor
index 10bb4a4a..071f1c81 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogERIServer.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogERIServer.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.PrivateConnectivity" Class="mr-2" />Assistant: ERI Server</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.PrivateConnectivity" Class="mr-2" />
+            Assistant: ERI Server Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogGrammarSpelling.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogGrammarSpelling.razor
index 47c8ceec..1329dc17 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogGrammarSpelling.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogGrammarSpelling.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Edit" Class="mr-2" />Assistant: Grammar & Spelling Checker</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Edit" Class="mr-2" />
+            Assistant: Grammar & Spelling Checker Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
@@ -18,6 +21,6 @@
         </MudPaper>
     </DialogContent>
     <DialogActions>
-        <MudButton OnClick="@this.Close">Close</MudButton>
+        <MudButton OnClick="@this.Close" Variant="Variant.Filled">Close</MudButton>
     </DialogActions>
 </MudDialog>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogIconFinder.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogIconFinder.razor
index 6795334d..5df8481a 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogIconFinder.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogIconFinder.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.FindInPage" Class="mr-2" />Assistant: Icon Finder Options</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.FindInPage" Class="mr-2" />
+            Assistant: Icon Finder Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
@@ -14,6 +17,6 @@
         </MudPaper>
     </DialogContent>
     <DialogActions>
-        <MudButton OnClick="@this.Close">Close</MudButton>
+        <MudButton OnClick="@this.Close" Variant="Variant.Filled">Close</MudButton>
     </DialogActions>
 </MudDialog>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogJobPostings.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogJobPostings.razor
index 5414acf8..980f0b03 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogJobPostings.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogJobPostings.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Work" Class="mr-2" />Assistant: Job Postings</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Work" Class="mr-2" />
+            Assistant: Job Posting Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
@@ -25,6 +28,6 @@
         </MudPaper>
     </DialogContent>
     <DialogActions>
-        <MudButton OnClick="@this.Close">Close</MudButton>
+        <MudButton OnClick="@this.Close" Variant="Variant.Filled">Close</MudButton>
     </DialogActions>
 </MudDialog>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogLegalCheck.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogLegalCheck.razor
index d3eb2a1d..d6411dc9 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogLegalCheck.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogLegalCheck.razor	
@@ -2,7 +2,10 @@
 @inherits SettingsDialogBase
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Gavel" Class="mr-2" />Assistant: Legal Check</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Gavel" Class="mr-2" />
+            Assistant: Legal Check Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <ConfigurationOption OptionDescription="Hide the web content reader?" LabelOn="Web content reader is hidden" LabelOff="Web content reader is shown" State="@(() => this.SettingsManager.ConfigurationData.LegalCheck.HideWebContentReader)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.LegalCheck.HideWebContentReader = updatedState)" OptionHelp="When activated, the web content reader is hidden and cannot be used. As a result, the user interface becomes a bit easier to use."/>
@@ -16,6 +19,6 @@
         </MudPaper>
     </DialogContent>
     <DialogActions>
-        <MudButton OnClick="@this.Close">Close</MudButton>
+        <MudButton OnClick="@this.Close" Variant="Variant.Filled">Close</MudButton>
     </DialogActions>
 </MudDialog>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogMyTasks.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogMyTasks.razor
index 86355dcb..870972a4 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogMyTasks.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogMyTasks.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Task" Class="mr-2" />Assistant: My Tasks</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Task" Class="mr-2" />
+            Assistant: My Tasks Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
@@ -19,6 +22,6 @@
         </MudPaper>
     </DialogContent>
     <DialogActions>
-        <MudButton OnClick="@this.Close">Close</MudButton>
+        <MudButton OnClick="@this.Close" Variant="Variant.Filled">Close</MudButton>
     </DialogActions>
 </MudDialog>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogRewrite.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogRewrite.razor
index 15ac2e2a..64f214a1 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogRewrite.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogRewrite.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Edit" Class="mr-2" />Assistant: Rewrite & Improve Text</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Edit" Class="mr-2" />
+            Assistant: Rewrite & Improve Text Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor
index 0c89f55d..1a9a32b2 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Spellcheck" Class="mr-2" />Assistant: Synonyms</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Spellcheck" Class="mr-2" />
+            Assistant: Synonyms Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor.cs b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor.cs
index 8e594ed9..be10285c 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor.cs	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogSynonyms.razor.cs	
@@ -1,6 +1,5 @@
-namespace AIStudio.Components.Settings;
+namespace AIStudio.Dialogs.Settings;
 
-public partial class SettingsDialogSynonyms : SettingsPanelBase
+public partial class SettingsDialogSynonyms : SettingsDialogBase
 {
-    protected override SettingsPanel Type => SettingsPanel.ASSISTANT_SYNONYMS_PANEL;
 }
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTextSummarizer.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTextSummarizer.razor
index dc4d2bca..b7fe5e31 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTextSummarizer.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTextSummarizer.razor	
@@ -4,7 +4,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.TextSnippet" Class="mr-2" />Assistant: Text Summarizer Options</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.TextSnippet" Class="mr-2" />
+            Assistant: Text Summarizer Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <ConfigurationOption OptionDescription="Hide the web content reader?" LabelOn="Web content reader is hidden" LabelOff="Web content reader is shown" State="@(() => this.SettingsManager.ConfigurationData.TextSummarizer.HideWebContentReader)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.TextSummarizer.HideWebContentReader = updatedState)" OptionHelp="When activated, the web content reader is hidden and cannot be used. As a result, the user interface becomes a bit easier to use."/>
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTranslation.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTranslation.razor
index 0a6749cc..eb395624 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTranslation.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogTranslation.razor	
@@ -2,7 +2,10 @@
 @inherits SettingsDialogBase
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Translate" Class="mr-2" />Assistant: Translator Options</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Translate" Class="mr-2" />
+            Assistant: Translator Options
+        </MudText>
     </TitleContent>
     <DialogContent>
         <ConfigurationSlider T="int" OptionDescription="How fast should the live translation react?" Min="500" Max="3_000" Step="100" Unit="milliseconds" Value="@(() => this.SettingsManager.ConfigurationData.Translation.DebounceIntervalMilliseconds)" ValueUpdate="@(updatedValue => this.SettingsManager.ConfigurationData.Translation.DebounceIntervalMilliseconds = updatedValue)"/>
diff --git a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogWritingEMails.razor b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogWritingEMails.razor
index 0753b2be..759e35bd 100644
--- a/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogWritingEMails.razor	
+++ b/app/MindWork AI Studio/Dialogs/Settings/SettingsDialogWritingEMails.razor	
@@ -3,7 +3,10 @@
 
 <MudDialog>
     <TitleContent>
-        <MudText Typo="Typo.h6"><MudIcon Icon="@Icons.Material.Filled.Email" Class="mr-2" />Assistant: Writing E-Mails</MudText>
+        <MudText Typo="Typo.h6" Class="d-flex align-center">
+            <MudIcon Icon="@Icons.Material.Filled.Email" Class="mr-2" />
+            Assistant: Writing E-Mails Options
+        </MudText>
     </TitleContent>
     <DialogContent>    
         <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">