From 1b3d8d3c08f7d0170623760cab34bfd7d9c9d202 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Sun, 5 Jan 2025 13:01:04 +0100
Subject: [PATCH] Factored agent content cleaner

---
 .../SettingsPanelAgentContentCleaner.razor         | 10 ++++++++++
 .../SettingsPanelAgentContentCleaner.razor.cs      | 14 ++++++++++++++
 app/MindWork AI Studio/Pages/Settings.razor        | 12 ++----------
 3 files changed, 26 insertions(+), 10 deletions(-)
 create mode 100644 app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor
 create mode 100644 app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor.cs

diff --git a/app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor b/app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor
new file mode 100644
index 00000000..1bcd0b38
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor	
@@ -0,0 +1,10 @@
+<ExpansionPanel HeaderIcon="@Icons.Material.Filled.TextFields" HeaderText="Agent: Text Content Cleaner Options">
+    <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
+        <MudText Typo="Typo.body1" Class="mb-3">
+            Use Case: this agent is used to clean up text content. It extracts the main content, removes advertisements and other irrelevant things,
+            and attempts to convert relative links into absolute links so that they can be used.
+        </MudText>
+        <ConfigurationOption OptionDescription="Preselect text content cleaner options?" LabelOn="Options are preselected" LabelOff="No options are preselected" State="@(() => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions = updatedState)" OptionHelp="When enabled, you can preselect some agent options. This is might be useful when you prefer a LLM."/>
+        <ConfigurationProviderSelection Data="@this.AvailableLLMProvidersFunc()" Disabled="@(() => !this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectedAgentProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectedAgentProvider = selectedValue)"/>
+    </MudPaper>
+</ExpansionPanel>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor.cs b/app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor.cs
new file mode 100644
index 00000000..d597f243
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Settings/SettingsPanelAgentContentCleaner.razor.cs	
@@ -0,0 +1,14 @@
+using AIStudio.Settings;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Settings;
+
+public partial class SettingsPanelAgentContentCleaner : ComponentBase
+{
+    [Parameter]
+    public Func<IReadOnlyList<ConfigurationSelectData<string>>> AvailableLLMProvidersFunc { get; set; } = () => [];
+    
+    [Inject]
+    private SettingsManager SettingsManager { get; init; } = null!;
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Pages/Settings.razor b/app/MindWork AI Studio/Pages/Settings.razor
index 27e762ec..5ee7f5d9 100644
--- a/app/MindWork AI Studio/Pages/Settings.razor	
+++ b/app/MindWork AI Studio/Pages/Settings.razor	
@@ -4,6 +4,7 @@
 @using AIStudio.Provider
 @using AIStudio.Settings
 @using AIStudio.Settings.DataModel
+@using AIStudio.Components.Settings
 @using Host = AIStudio.Provider.SelfHosted.Host
 
 <MudText Typo="Typo.h3" Class="mb-12">Settings</MudText>
@@ -531,15 +532,6 @@
             </MudPaper>
         </ExpansionPanel>
         
-        <ExpansionPanel HeaderIcon="@Icons.Material.Filled.TextFields" HeaderText="Agent: Text Content Cleaner Options">
-            <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
-                <MudText Typo="Typo.body1" Class="mb-3">
-                    Use Case: this agent is used to clean up text content. It extracts the main content, removes advertisements and other irrelevant things,
-                    and attempts to convert relative links into absolute links so that they can be used.
-                </MudText>
-                <ConfigurationOption OptionDescription="Preselect text content cleaner options?" LabelOn="Options are preselected" LabelOff="No options are preselected" State="@(() => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions)" StateUpdate="@(updatedState => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions = updatedState)" OptionHelp="When enabled, you can preselect some agent options. This is might be useful when you prefer a LLM."/>
-                <ConfigurationProviderSelection Data="@this.availableLLMProviders" Disabled="@(() => !this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectAgentOptions)" SelectedValue="@(() => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectedAgentProvider)" SelectionUpdate="@(selectedValue => this.SettingsManager.ConfigurationData.TextContentCleaner.PreselectedAgentProvider = selectedValue)"/>
-            </MudPaper>
-        </ExpansionPanel>
+        <SettingsPanelAgentContentCleaner AvailableLLMProvidersFunc="@(() => this.availableLLMProviders)" />
     </MudExpansionPanels>
 </InnerScrolling>
\ No newline at end of file